SIP-32: Moving frontend code to the base of the repo (#9098)

* move assets out, get webpack dev working * update docs to reference superset-frontend * draw the rest of the owl * fix docs * fix webpack script * rats * correct docs * fix tox dox
2026-05-12 19:35:17 +00:00 · 2020-02-09 17:53:56 -08:00
parent 0cf354cc88
commit 2913063924
930 changed files with 681 additions and 314 deletions
--- a/superset-frontend/src/explore/components/ControlHeader.jsx
+++ b/superset-frontend/src/explore/components/ControlHeader.jsx
@@ -0,0 +1,146 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { t } from '@superset-ui/translation';
+import { ControlLabel, OverlayTrigger, Tooltip } from 'react-bootstrap';
+import InfoTooltipWithTrigger from '../../components/InfoTooltipWithTrigger';
+
+const propTypes = {
+  name: PropTypes.string,
+  label: PropTypes.string,
+  description: PropTypes.string,
+  validationErrors: PropTypes.array,
+  renderTrigger: PropTypes.bool,
+  rightNode: PropTypes.node,
+  leftNode: PropTypes.node,
+  onClick: PropTypes.func,
+  hovered: PropTypes.bool,
+  tooltipOnClick: PropTypes.func,
+  warning: PropTypes.string,
+  danger: PropTypes.string,
+};
+
+const defaultProps = {
+  validationErrors: [],
+  renderTrigger: false,
+  hovered: false,
+  name: undefined,
+};
+
+export default class ControlHeader extends React.Component {
+  renderOptionalIcons() {
+    if (this.props.hovered) {
+      return (
+        <span>
+          {this.props.description && (
+            <span>
+              <InfoTooltipWithTrigger
+                label={t('description')}
+                tooltip={this.props.description}
+                placement="top"
+                onClick={this.props.tooltipOnClick}
+              />{' '}
+            </span>
+          )}
+          {this.props.renderTrigger && (
+            <span>
+              <InfoTooltipWithTrigger
+                label={t('bolt')}
+                tooltip={t('Changing this control takes effect instantly')}
+                placement="top"
+                icon="bolt"
+              />{' '}
+            </span>
+          )}
+        </span>
+      );
+    }
+    return null;
+  }
+  render() {
+    if (!this.props.label) {
+      return null;
+    }
+    const labelClass =
+      this.props.validationErrors.length > 0 ? 'text-danger' : '';
+    return (
+      <div className="ControlHeader" data-test={`${this.props.name}-header`}>
+        <div className="pull-left">
+          <ControlLabel>
+            {this.props.leftNode && <span>{this.props.leftNode}</span>}
+            <span
+              onClick={this.props.onClick}
+              className={labelClass}
+              style={{ cursor: this.props.onClick ? 'pointer' : '' }}
+            >
+              {this.props.label}
+            </span>{' '}
+            {this.props.warning && (
+              <span>
+                <OverlayTrigger
+                  placement="top"
+                  overlay={
+                    <Tooltip id={'error-tooltip'}>{this.props.warning}</Tooltip>
+                  }
+                >
+                  <i className="fa fa-exclamation-circle text-warning" />
+                </OverlayTrigger>{' '}
+              </span>
+            )}
+            {this.props.danger && (
+              <span>
+                <OverlayTrigger
+                  placement="top"
+                  overlay={
+                    <Tooltip id={'error-tooltip'}>{this.props.danger}</Tooltip>
+                  }
+                >
+                  <i className="fa fa-exclamation-circle text-danger" />
+                </OverlayTrigger>{' '}
+              </span>
+            )}
+            {this.props.validationErrors.length > 0 && (
+              <span>
+                <OverlayTrigger
+                  placement="top"
+                  overlay={
+                    <Tooltip id={'error-tooltip'}>
+                      {this.props.validationErrors.join(' ')}
+                    </Tooltip>
+                  }
+                >
+                  <i className="fa fa-exclamation-circle text-danger" />
+                </OverlayTrigger>{' '}
+              </span>
+            )}
+            {this.renderOptionalIcons()}
+          </ControlLabel>
+        </div>
+        {this.props.rightNode && (
+          <div className="pull-right">{this.props.rightNode}</div>
+        )}
+        <div className="clearfix" />
+      </div>
+    );
+  }
+}
+
+ControlHeader.propTypes = propTypes;
+ControlHeader.defaultProps = defaultProps;