[WiP] rename project from Caravel to Superset (#1576)

* Change in files

* Renamin files and folders

* cleaning up a single piece of lint

* Removing boat picture from docs

* add superset word mark

* Update rename note in docs

* Fixing images

* Pinning datatables

* Fixing issues with mapbox-gl

* Forgot to rename one file

* Linting

* v0.13.0

* adding pyyaml to dev-reqs

superset/assets/javascripts/components/CopyToClipboard.jsx

@@ -0,0 +1,132 @@
+import React, { PropTypes } from 'react';
+import { Tooltip, OverlayTrigger } from 'react-bootstrap';
+
+const propTypes = {
+  copyNode: PropTypes.node,
+  onCopyEnd: PropTypes.func,
+  shouldShowText: PropTypes.bool,
+  text: PropTypes.string.isRequired,
+  inMenu: PropTypes.bool,
+  tooltipText: PropTypes.string,
+};
+
+const defaultProps = {
+  copyNode: <span>Copy</span>,
+  onCopyEnd: () => {},
+  shouldShowText: true,
+  inMenu: false,
+  tooltipText: 'Copy to clipboard',
+};
+
+export default class CopyToClipboard extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasCopied: false,
+    };
+
+    // bindings
+    this.copyToClipboard = this.copyToClipboard.bind(this);
+    this.resetTooltipText = this.resetTooltipText.bind(this);
+    this.onMouseOut = this.onMouseOut.bind(this);
+  }
+
+  onMouseOut() {
+    // delay to avoid flash of text change on tooltip
+    setTimeout(this.resetTooltipText, 200);
+  }
+
+  resetTooltipText() {
+    this.setState({ hasCopied: false });
+  }
+
+  copyToClipboard() {
+    const textToCopy = this.props.text;
+    const textArea = document.createElement('textarea');
+
+    textArea.style.position = 'fixed';
+    textArea.style.left = '-1000px';
+    textArea.value = textToCopy;
+
+    document.body.appendChild(textArea);
+    textArea.select();
+
+    try {
+      if (!document.execCommand('copy')) {
+        throw new Error('Not successful');
+      }
+    } catch (err) {
+      window.alert('Sorry, your browser does not support copying. Use Ctrl / Cmd + C!'); // eslint-disable-line
+    }
+
+    document.body.removeChild(textArea);
+
+    this.setState({ hasCopied: true });
+    this.props.onCopyEnd();
+  }
+
+  tooltipText() {
+    if (this.state.hasCopied) {
+      return 'Copied!';
+    }
+    return this.props.tooltipText;
+  }
+
+  renderLink() {
+    return (
+      <span>
+        {this.props.shouldShowText &&
+          <span>
+            {this.props.text}
+            &nbsp;&nbsp;&nbsp;&nbsp;
+          </span>
+        }
+        <OverlayTrigger
+          placement="top"
+          style={{ cursor: 'pointer' }}
+          overlay={this.renderTooltip()}
+          trigger={['hover']}
+          bsStyle="link"
+          onClick={this.copyToClipboard}
+          onMouseOut={this.onMouseOut}
+        >
+            {this.props.copyNode}
+        </OverlayTrigger>
+      </span>
+    );
+  }
+
+  renderInMenu() {
+    return (
+      <OverlayTrigger placement="top" overlay={this.renderTooltip()} trigger={['hover']}>
+        <span
+          onClick={this.copyToClipboard}
+          onMouseOut={this.onMouseOut}
+        >
+          {this.props.copyNode}
+        </span>
+      </OverlayTrigger>
+    );
+  }
+
+  renderTooltip() {
+    return (
+      <Tooltip id="copy-to-clipboard-tooltip">
+        {this.tooltipText()}
+      </Tooltip>
+    );
+  }
+
+  render() {
+    let html;
+    if (this.props.inMenu) {
+      html = this.renderInMenu();
+    } else {
+      html = this.renderLink();
+    }
+    return html;
+  }
+}
+
+CopyToClipboard.propTypes = propTypes;
+CopyToClipboard.defaultProps = defaultProps;