@deephaven/components 0.5.2-beta.0 → 0.6.1-demo.8

package/dist/SearchInput.js

@@ -1,25 +1,3 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React, { PureComponent } from 'react';
@@ -28,72 +6,61 @@ import { vsSearch } from '@deephaven/icons';
 import classNames from 'classnames';
 import "./SearchInput.css";
 
-var SearchInput = /*#__PURE__*/function (_PureComponent) {
-  _inherits(SearchInput, _PureComponent);
-
-  var _super = _createSuper(SearchInput);
+class SearchInput extends PureComponent {
+  constructor(props) {
+    super(props);
 
-  function SearchInput(props) {
-    var _this;
+    _defineProperty(this, "inputField", void 0);
 
-    _classCallCheck(this, SearchInput);
-
-    _this = _super.call(this, props);
+    this.inputField = /*#__PURE__*/React.createRef();
+  }
 
-    _defineProperty(_assertThisInitialized(_this), "inputField", void 0);
+  focus() {
+    var _this$inputField$curr;
 
-    _this.inputField = /*#__PURE__*/React.createRef();
-    return _this;
+    (_this$inputField$curr = this.inputField.current) === null || _this$inputField$curr === void 0 ? void 0 : _this$inputField$curr.focus();
   }
 
-  _createClass(SearchInput, [{
-    key: "focus",
-    value: function focus() {
-      var _this$inputField$curr;
-
-      (_this$inputField$curr = this.inputField.current) === null || _this$inputField$curr === void 0 ? void 0 : _this$inputField$curr.focus();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          placeholder = _this$props.placeholder,
-          onChange = _this$props.onChange,
-          className = _this$props.className,
-          matchCount = _this$props.matchCount,
-          id = _this$props.id,
-          onKeyDown = _this$props.onKeyDown;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames('search-group', className)
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "search",
-        value: value,
-        onChange: onChange,
-        onKeyDown: onKeyDown,
-        className: "form-control",
-        placeholder: placeholder,
-        ref: this.inputField,
-        id: id
-      }), matchCount != null && /*#__PURE__*/React.createElement("span", {
-        className: "search-match"
-      }, matchCount), /*#__PURE__*/React.createElement("span", {
-        className: "search-icon"
-      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-        icon: vsSearch
-      })));
-    }
-  }]);
+  render() {
+    var {
+      value,
+      placeholder,
+      onChange,
+      className,
+      matchCount,
+      id,
+      onKeyDown
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames('search-group', className)
+    }, /*#__PURE__*/React.createElement("input", {
+      type: "search",
+      value: value,
+      onChange: onChange,
+      onKeyDown: onKeyDown,
+      className: "form-control",
+      placeholder: placeholder,
+      ref: this.inputField,
+      id: id
+    }), matchCount != null && /*#__PURE__*/React.createElement("span", {
+      className: "search-match"
+    }, matchCount), /*#__PURE__*/React.createElement("span", {
+      className: "search-icon"
+    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      icon: vsSearch
+    })));
+  }
 
-  return SearchInput;
-}(PureComponent);
+}
 
 _defineProperty(SearchInput, "defaultProps", {
   placeholder: 'Search',
   className: '',
   matchCount: null,
-  onKeyDown: function onKeyDown() {// no-op
+
+  onKeyDown() {// no-op
   },
+
   id: ''
 });
 

package/dist/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SearchInput.tsx"],"names":["React","PureComponent","FontAwesomeIcon","vsSearch","classNames","SearchInput","props","inputField","createRef","current","focus","value","placeholder","onChange","className","matchCount","id","onKeyDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,QAAT,QAAyB,kBAAzB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA;;IAYMC,W;;;;;AAWJ,uBAAYC,KAAZ,EAAqC;AAAA;;AAAA;;AACnC,8BAAMA,KAAN;;AADmC;;AAEnC,UAAKC,UAAL,gBAAkBP,KAAK,CAACQ,SAAN,EAAlB;AAFmC;AAGpC;;;;WAID,iBAAc;AAAA;;AACZ,oCAAKD,UAAL,CAAgBE,OAAhB,gFAAyBC,KAAzB;AACD;;;WAED,kBAAsB;AACpB,wBAQI,KAAKJ,KART;AAAA,UACEK,KADF,eACEA,KADF;AAAA,UAEEC,WAFF,eAEEA,WAFF;AAAA,UAGEC,QAHF,eAGEA,QAHF;AAAA,UAIEC,SAJF,eAIEA,SAJF;AAAA,UAKEC,UALF,eAKEA,UALF;AAAA,UAMEC,EANF,eAMEA,EANF;AAAA,UAOEC,SAPF,eAOEA,SAPF;AASA,0BACE;AAAK,QAAA,SAAS,EAAEb,UAAU,CAAC,cAAD,EAAiBU,SAAjB;AAA1B,sBACE;AACE,QAAA,IAAI,EAAC,QADP;AAEE,QAAA,KAAK,EAAEH,KAFT;AAGE,QAAA,QAAQ,EAAEE,QAHZ;AAIE,QAAA,SAAS,EAAEI,SAJb;AAKE,QAAA,SAAS,EAAC,cALZ;AAME,QAAA,WAAW,EAAEL,WANf;AAOE,QAAA,GAAG,EAAE,KAAKL,UAPZ;AAQE,QAAA,EAAE,EAAES;AARN,QADF,EAWGD,UAAU,IAAI,IAAd,iBACC;AAAM,QAAA,SAAS,EAAC;AAAhB,SAAgCA,UAAhC,CAZJ,eAcE;AAAM,QAAA,SAAS,EAAC;AAAhB,sBACE,oBAAC,eAAD;AAAiB,QAAA,IAAI,EAAEZ;AAAvB,QADF,CAdF,CADF;AAoBD;;;;EApDuBF,a;;gBAApBI,W,kBACkB;AACpBO,EAAAA,WAAW,EAAE,QADO;AAEpBE,EAAAA,SAAS,EAAE,EAFS;AAGpBC,EAAAA,UAAU,EAAE,IAHQ;AAIpBE,EAAAA,SAJoB,uBAIF,CAChB;AACD,GANmB;AAOpBD,EAAAA,EAAE,EAAE;AAPgB,C;;AAsDxB,eAAeX,WAAf","sourcesContent":["import React, { PureComponent } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsSearch } from '@deephaven/icons';\nimport classNames from 'classnames';\nimport './SearchInput.scss';\n\ninterface SearchInputProps {\n  value: string;\n  placeholder: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  className: string;\n  matchCount: number;\n  id: string;\n}\n\nclass SearchInput extends PureComponent<SearchInputProps> {\n  static defaultProps = {\n    placeholder: 'Search',\n    className: '',\n    matchCount: null,\n    onKeyDown(): void {\n      // no-op\n    },\n    id: '',\n  };\n\n  constructor(props: SearchInputProps) {\n    super(props);\n    this.inputField = React.createRef();\n  }\n\n  inputField: React.RefObject<HTMLInputElement>;\n\n  focus(): void {\n    this.inputField.current?.focus();\n  }\n\n  render(): JSX.Element {\n    const {\n      value,\n      placeholder,\n      onChange,\n      className,\n      matchCount,\n      id,\n      onKeyDown,\n    } = this.props;\n    return (\n      <div className={classNames('search-group', className)}>\n        <input\n          type=\"search\"\n          value={value}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          className=\"form-control\"\n          placeholder={placeholder}\n          ref={this.inputField}\n          id={id}\n        />\n        {matchCount != null && (\n          <span className=\"search-match\">{matchCount}</span>\n        )}\n        <span className=\"search-icon\">\n          <FontAwesomeIcon icon={vsSearch} />\n        </span>\n      </div>\n    );\n  }\n}\n\nexport default SearchInput;\n"],"file":"SearchInput.js"}
+{"version":3,"sources":["../src/SearchInput.tsx"],"names":["React","PureComponent","FontAwesomeIcon","vsSearch","classNames","SearchInput","constructor","props","inputField","createRef","focus","current","render","value","placeholder","onChange","className","matchCount","id","onKeyDown"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,QAAT,QAAyB,kBAAzB;AACA,OAAOC,UAAP,MAAuB,YAAvB;;;AAaA,MAAMC,WAAN,SAA0BJ,aAA1B,CAA0D;AAWxDK,EAAAA,WAAW,CAACC,KAAD,EAA0B;AACnC,UAAMA,KAAN;;AADmC;;AAEnC,SAAKC,UAAL,gBAAkBR,KAAK,CAACS,SAAN,EAAlB;AACD;;AAIDC,EAAAA,KAAK,GAAS;AAAA;;AACZ,kCAAKF,UAAL,CAAgBG,OAAhB,gFAAyBD,KAAzB;AACD;;AAEDE,EAAAA,MAAM,GAAgB;AACpB,QAAM;AACJC,MAAAA,KADI;AAEJC,MAAAA,WAFI;AAGJC,MAAAA,QAHI;AAIJC,MAAAA,SAJI;AAKJC,MAAAA,UALI;AAMJC,MAAAA,EANI;AAOJC,MAAAA;AAPI,QAQF,KAAKZ,KART;AASA,wBACE;AAAK,MAAA,SAAS,EAAEH,UAAU,CAAC,cAAD,EAAiBY,SAAjB;AAA1B,oBACE;AACE,MAAA,IAAI,EAAC,QADP;AAEE,MAAA,KAAK,EAAEH,KAFT;AAGE,MAAA,QAAQ,EAAEE,QAHZ;AAIE,MAAA,SAAS,EAAEI,SAJb;AAKE,MAAA,SAAS,EAAC,cALZ;AAME,MAAA,WAAW,EAAEL,WANf;AAOE,MAAA,GAAG,EAAE,KAAKN,UAPZ;AAQE,MAAA,EAAE,EAAEU;AARN,MADF,EAWGD,UAAU,IAAI,IAAd,iBACC;AAAM,MAAA,SAAS,EAAC;AAAhB,OAAgCA,UAAhC,CAZJ,eAcE;AAAM,MAAA,SAAS,EAAC;AAAhB,oBACE,oBAAC,eAAD;AAAiB,MAAA,IAAI,EAAEd;AAAvB,MADF,CAdF,CADF;AAoBD;;AApDuD;;gBAApDE,W,kBACkB;AACpBS,EAAAA,WAAW,EAAE,QADO;AAEpBE,EAAAA,SAAS,EAAE,EAFS;AAGpBC,EAAAA,UAAU,EAAE,IAHQ;;AAIpBE,EAAAA,SAAS,GAAS,CAChB;AACD,GANmB;;AAOpBD,EAAAA,EAAE,EAAE;AAPgB,C;;AAsDxB,eAAeb,WAAf","sourcesContent":["import React, { PureComponent } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsSearch } from '@deephaven/icons';\nimport classNames from 'classnames';\nimport './SearchInput.scss';\n\ninterface SearchInputProps {\n  value: string;\n  placeholder: string;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  className: string;\n  matchCount: number;\n  id: string;\n}\n\nclass SearchInput extends PureComponent<SearchInputProps> {\n  static defaultProps = {\n    placeholder: 'Search',\n    className: '',\n    matchCount: null,\n    onKeyDown(): void {\n      // no-op\n    },\n    id: '',\n  };\n\n  constructor(props: SearchInputProps) {\n    super(props);\n    this.inputField = React.createRef();\n  }\n\n  inputField: React.RefObject<HTMLInputElement>;\n\n  focus(): void {\n    this.inputField.current?.focus();\n  }\n\n  render(): JSX.Element {\n    const {\n      value,\n      placeholder,\n      onChange,\n      className,\n      matchCount,\n      id,\n      onKeyDown,\n    } = this.props;\n    return (\n      <div className={classNames('search-group', className)}>\n        <input\n          type=\"search\"\n          value={value}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          className=\"form-control\"\n          placeholder={placeholder}\n          ref={this.inputField}\n          id={id}\n        />\n        {matchCount != null && (\n          <span className=\"search-match\">{matchCount}</span>\n        )}\n        <span className=\"search-icon\">\n          <FontAwesomeIcon icon={vsSearch} />\n        </span>\n      </div>\n    );\n  }\n}\n\nexport default SearchInput;\n"],"file":"SearchInput.js"}

package/dist/Select.js

@@ -1,14 +1,16 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
 
-var Select = function Select(_ref) {
-  var children = _ref.children,
-      onChange = _ref.onChange,
-      className = _ref.className,
-      defaultValue = _ref.defaultValue,
-      value = _ref.value,
-      disabled = _ref.disabled;
-  var handleChange = useCallback(function (event) {
+var Select = (_ref) => {
+  var {
+    children,
+    onChange,
+    className,
+    defaultValue,
+    value,
+    disabled
+  } = _ref;
+  var handleChange = useCallback(event => {
     onChange(event.target.value);
   }, [onChange]);
   return /*#__PURE__*/React.createElement("select", {

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Select.tsx"],"names":["React","useCallback","classNames","Select","children","onChange","className","defaultValue","value","disabled","handleChange","event","target"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAWA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAOiB;AAAA,MAN9BC,QAM8B,QAN9BA,QAM8B;AAAA,MAL9BC,QAK8B,QAL9BA,QAK8B;AAAA,MAJ9BC,SAI8B,QAJ9BA,SAI8B;AAAA,MAH9BC,YAG8B,QAH9BA,YAG8B;AAAA,MAF9BC,KAE8B,QAF9BA,KAE8B;AAAA,MAD9BC,QAC8B,QAD9BA,QAC8B;AAC9B,MAAMC,YAAY,GAAGT,WAAW,CAC9B,UAAAU,KAAK,EAAI;AACPN,IAAAA,QAAQ,CAACM,KAAK,CAACC,MAAN,CAAaJ,KAAd,CAAR;AACD,GAH6B,EAI9B,CAACH,QAAD,CAJ8B,CAAhC;AAOA,sBACE;AACE,IAAA,SAAS,EAAEH,UAAU,CAAC,eAAD,EAAkBI,SAAlB,CADvB;AAEE,IAAA,QAAQ,EAAEI,YAFZ;AAGE,IAAA,YAAY,EAAEH,YAHhB;AAIE,IAAA,KAAK,EAAEC,KAJT;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOGL,QAPH,CADF;AAWD,CA1BD;;AA4BA,eAAeD,MAAf","sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport type SelectProps = {\n  children: React.ReactNode;\n  onChange: (value: string) => void;\n  className?: string;\n  defaultValue?: string;\n  value?: string;\n  disabled?: boolean;\n};\n\nconst Select = ({\n  children,\n  onChange,\n  className,\n  defaultValue,\n  value,\n  disabled,\n}: SelectProps): JSX.Element => {\n  const handleChange = useCallback(\n    event => {\n      onChange(event.target.value);\n    },\n    [onChange]\n  );\n\n  return (\n    <select\n      className={classNames('custom-select', className)}\n      onChange={handleChange}\n      defaultValue={defaultValue}\n      value={value}\n      disabled={disabled}\n    >\n      {children}\n    </select>\n  );\n};\n\nexport default Select;\n"],"file":"Select.js"}
+{"version":3,"sources":["../src/Select.tsx"],"names":["React","useCallback","classNames","Select","children","onChange","className","defaultValue","value","disabled","handleChange","event","target"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAWA,IAAMC,MAAM,GAAG,UAOiB;AAAA,MAPhB;AACdC,IAAAA,QADc;AAEdC,IAAAA,QAFc;AAGdC,IAAAA,SAHc;AAIdC,IAAAA,YAJc;AAKdC,IAAAA,KALc;AAMdC,IAAAA;AANc,GAOgB;AAC9B,MAAMC,YAAY,GAAGT,WAAW,CAC9BU,KAAK,IAAI;AACPN,IAAAA,QAAQ,CAACM,KAAK,CAACC,MAAN,CAAaJ,KAAd,CAAR;AACD,GAH6B,EAI9B,CAACH,QAAD,CAJ8B,CAAhC;AAOA,sBACE;AACE,IAAA,SAAS,EAAEH,UAAU,CAAC,eAAD,EAAkBI,SAAlB,CADvB;AAEE,IAAA,QAAQ,EAAEI,YAFZ;AAGE,IAAA,YAAY,EAAEH,YAHhB;AAIE,IAAA,KAAK,EAAEC,KAJT;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOGL,QAPH,CADF;AAWD,CA1BD;;AA4BA,eAAeD,MAAf","sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport type SelectProps = {\n  children: React.ReactNode;\n  onChange: (value: string) => void;\n  className?: string;\n  defaultValue?: string;\n  value?: string;\n  disabled?: boolean;\n};\n\nconst Select = ({\n  children,\n  onChange,\n  className,\n  defaultValue,\n  value,\n  disabled,\n}: SelectProps): JSX.Element => {\n  const handleChange = useCallback(\n    event => {\n      onChange(event.target.value);\n    },\n    [onChange]\n  );\n\n  return (\n    <select\n      className={classNames('custom-select', className)}\n      onChange={handleChange}\n      defaultValue={defaultValue}\n      value={value}\n      disabled={disabled}\n    >\n      {children}\n    </select>\n  );\n};\n\nexport default Select;\n"],"file":"Select.js"}

package/dist/SelectValueList.js

@@ -1,55 +1,25 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import React, { PureComponent } from 'react';
 import "./SelectValueList.css";
 import memoize from 'memoizee';
-import Checkbox from './Checkbox';
+import Checkbox from "./Checkbox.js";
 
 /**
  * Select values from a long scrollable list.
  * Swaps items in and out for infinite scrolling
  */
-var SelectValueList = /*#__PURE__*/function (_PureComponent) {
-  _inherits(SelectValueList, _PureComponent);
-
-  var _super = _createSuper(SelectValueList);
-
-  function SelectValueList(props) {
-    var _this;
+class SelectValueList extends PureComponent {
+  constructor(props) {
+    super(props);
 
-    _classCallCheck(this, SelectValueList);
+    _defineProperty(this, "list", void 0);
 
-    _this = _super.call(this, props);
+    _defineProperty(this, "topRow", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "list", void 0);
+    _defineProperty(this, "bottomRow", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "topRow", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "bottomRow", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "getCachedItem", memoize(function (itemIndex, key, value, displayValue, rowHeight, isSelected, disabled) {
+    _defineProperty(this, "getCachedItem", memoize((itemIndex, key, value, displayValue, rowHeight, isSelected, disabled) => {
       var style = {
         height: rowHeight
       };
@@ -61,29 +31,27 @@ var SelectValueList = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/React.createElement(Checkbox, {
         checked: isSelected,
         disabled: disabled,
-        onChange: function onChange() {
-          return _this.handleSelect(itemIndex);
-        }
+        onChange: () => this.handleSelect(itemIndex)
       }, text));
     }, {
       max: 1000
     }));
 
-    _defineProperty(_assertThisInitialized(_this), "getCachedItems", memoize(function (items, rowHeight, offset, disabled) {
+    _defineProperty(this, "getCachedItems", memoize((items, rowHeight, offset, disabled) => {
       var itemElements = [];
 
       for (var i = 0; i < items.length; i += 1) {
         var item = items[i];
-        var _value = item.value,
-            displayValue = item.displayValue,
-            isSelected = item.isSelected;
+        var {
+          value: _value,
+          displayValue,
+          isSelected
+        } = item;
 
         var _itemIndex = offset + i;
 
         var key = _itemIndex;
-
-        var element = _this.getCachedItem(_itemIndex, key, _value, displayValue, rowHeight, isSelected, disabled);
-
+        var element = this.getCachedItem(_itemIndex, key, _value, displayValue, rowHeight, isSelected, disabled);
         itemElements.push(element);
       }
 
@@ -92,100 +60,95 @@ var SelectValueList = /*#__PURE__*/function (_PureComponent) {
       max: 1
     }));
 
-    _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized(_this));
-    _this.handleSelect = _this.handleSelect.bind(_assertThisInitialized(_this));
-    _this.list = /*#__PURE__*/React.createRef();
-    _this.topRow = null;
-    _this.bottomRow = null;
-    return _this;
+    this.handleScroll = this.handleScroll.bind(this);
+    this.handleSelect = this.handleSelect.bind(this);
+    this.list = /*#__PURE__*/React.createRef();
+    this.topRow = null;
+    this.bottomRow = null;
   }
 
-  _createClass(SelectValueList, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.sendViewportUpdate();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.sendViewportUpdate();
+  componentDidMount() {
+    this.sendViewportUpdate();
+  }
+
+  componentDidUpdate() {
+    this.sendViewportUpdate();
+  }
+
+  handleScroll() {
+    this.sendViewportUpdate();
+  }
+
+  handleSelect(itemIndex) {
+    var {
+      items,
+      offset,
+      onSelect
+    } = this.props;
+    var visibleItemIndex = itemIndex - offset;
+
+    if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {
+      var item = items[visibleItemIndex];
+      var {
+        value: _value2
+      } = item;
+      onSelect(itemIndex, _value2);
+    } else {
+      onSelect(itemIndex, null);
     }
-  }, {
-    key: "handleScroll",
-    value: function handleScroll() {
-      this.sendViewportUpdate();
+  }
+
+  sendViewportUpdate() {
+    if (!this.list.current || this.list.current.clientHeight === 0) {
+      return;
     }
-  }, {
-    key: "handleSelect",
-    value: function handleSelect(itemIndex) {
-      var _this$props = this.props,
-          items = _this$props.items,
-          offset = _this$props.offset,
-          onSelect = _this$props.onSelect;
-      var visibleItemIndex = itemIndex - offset;
-
-      if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {
-        var item = items[visibleItemIndex];
-        var _value2 = item.value;
-        onSelect(itemIndex, _value2);
-      } else {
-        onSelect(itemIndex, null);
-      }
+
+    var {
+      onViewportChange,
+      rowHeight
+    } = this.props;
+    var top = this.list.current.scrollTop;
+    var bottom = top + this.list.current.clientHeight;
+    var topRow = Math.floor(top / rowHeight);
+    var bottomRow = Math.ceil(bottom / rowHeight);
+
+    if (this.topRow !== topRow || this.bottomRow !== bottomRow) {
+      this.topRow = topRow;
+      this.bottomRow = bottomRow;
+      onViewportChange(topRow, bottomRow);
     }
-  }, {
-    key: "sendViewportUpdate",
-    value: function sendViewportUpdate() {
-      if (!this.list.current || this.list.current.clientHeight === 0) {
-        return;
-      }
+  }
 
-      var _this$props2 = this.props,
-          onViewportChange = _this$props2.onViewportChange,
-          rowHeight = _this$props2.rowHeight;
-      var top = this.list.current.scrollTop;
-      var bottom = top + this.list.current.clientHeight;
-      var topRow = Math.floor(top / rowHeight);
-      var bottomRow = Math.ceil(bottom / rowHeight);
-
-      if (this.topRow !== topRow || this.bottomRow !== bottomRow) {
-        this.topRow = topRow;
-        this.bottomRow = bottomRow;
-        onViewportChange(topRow, bottomRow);
+  render() {
+    var {
+      disabled,
+      items,
+      itemCount,
+      offset,
+      rowHeight
+    } = this.props;
+    var itemElements = this.getCachedItems(items, rowHeight, offset, disabled);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "select-value-list-scroll-pane h-100 w-100",
+      onScroll: this.handleScroll,
+      ref: this.list
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "select-value-list",
+      style: {
+        height: itemCount * rowHeight
       }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props3 = this.props,
-          disabled = _this$props3.disabled,
-          items = _this$props3.items,
-          itemCount = _this$props3.itemCount,
-          offset = _this$props3.offset,
-          rowHeight = _this$props3.rowHeight;
-      var itemElements = this.getCachedItems(items, rowHeight, offset, disabled);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "select-value-list-scroll-pane h-100 w-100",
-        onScroll: this.handleScroll,
-        ref: this.list
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "select-value-list",
-        style: {
-          height: itemCount * rowHeight
-        }
-      }, /*#__PURE__*/React.createElement("ol", {
-        className: "select-value-list-content",
-        style: {
-          position: 'absolute',
-          height: items.length * rowHeight,
-          top: offset * rowHeight,
-          left: 0
-        }
-      }, itemElements)));
-    }
-  }]);
+    }, /*#__PURE__*/React.createElement("ol", {
+      className: "select-value-list-content",
+      style: {
+        position: 'absolute',
+        height: items.length * rowHeight,
+        top: offset * rowHeight,
+        left: 0
+      }
+    }, itemElements)));
+  }
 
-  return SelectValueList;
-}(PureComponent);
+}
 
 _defineProperty(SelectValueList, "defaultProps", {
   disabled: false,

package/dist/SelectValueList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SelectValueList.tsx"],"names":["React","PureComponent","memoize","Checkbox","SelectValueList","props","itemIndex","key","value","displayValue","rowHeight","isSelected","disabled","style","height","text","handleSelect","max","items","offset","itemElements","i","length","item","element","getCachedItem","push","handleScroll","bind","list","createRef","topRow","bottomRow","sendViewportUpdate","onSelect","visibleItemIndex","current","clientHeight","onViewportChange","top","scrollTop","bottom","Math","floor","ceil","itemCount","getCachedItems","position","left"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport './SelectValueList.scss';\nimport memoize from 'memoizee';\nimport Checkbox from './Checkbox';\n\ninterface SelectItem<T> {\n  value: T;\n  displayValue?: string;\n  isSelected: boolean;\n}\n\ntype SelectValueListProps<T> = {\n  disabled: boolean;\n  // Total item count\n  itemCount: number;\n  rowHeight: number;\n\n  // Offset of the top item in the items array\n  offset: number;\n  items: SelectItem<T>[];\n\n  onSelect(itemIndex: number, value: T | null): void;\n  onViewportChange(topRow: number, bottomRow: number): void;\n};\n\n/**\n * Select values from a long scrollable list.\n * Swaps items in and out for infinite scrolling\n */\nclass SelectValueList<T> extends PureComponent<SelectValueListProps<T>> {\n  static defaultProps = {\n    disabled: false,\n    rowHeight: 21,\n  };\n\n  constructor(props: SelectValueListProps<T>) {\n    super(props);\n\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleSelect = this.handleSelect.bind(this);\n\n    this.list = React.createRef();\n    this.topRow = null;\n    this.bottomRow = null;\n  }\n\n  componentDidMount(): void {\n    this.sendViewportUpdate();\n  }\n\n  componentDidUpdate(): void {\n    this.sendViewportUpdate();\n  }\n\n  list: React.RefObject<HTMLDivElement>;\n\n  topRow: number | null;\n\n  bottomRow: number | null;\n\n  getCachedItem = memoize(\n    (\n      itemIndex: number,\n      key: number,\n      value: T,\n      displayValue: string | undefined,\n      rowHeight: number,\n      isSelected: boolean,\n      disabled: boolean\n    ): JSX.Element => {\n      const style = {\n        height: rowHeight,\n      };\n      const text = displayValue != null ? displayValue : value;\n\n      return (\n        <li className=\"value-list-item\" style={style} key={key}>\n          <Checkbox\n            checked={isSelected}\n            disabled={disabled}\n            onChange={() => this.handleSelect(itemIndex)}\n          >\n            {text}\n          </Checkbox>\n        </li>\n      );\n    },\n    { max: 1000 }\n  );\n\n  getCachedItems = memoize(\n    (\n      items: SelectItem<T>[],\n      rowHeight: number,\n      offset: number,\n      disabled: boolean\n    ): React.ReactNode => {\n      const itemElements: JSX.Element[] = [];\n      for (let i = 0; i < items.length; i += 1) {\n        const item = items[i];\n        const { value, displayValue, isSelected } = item;\n        const itemIndex = offset + i;\n        const key = itemIndex;\n        const element = this.getCachedItem(\n          itemIndex,\n          key,\n          value,\n          displayValue,\n          rowHeight,\n          isSelected,\n          disabled\n        );\n        itemElements.push(element);\n      }\n      return itemElements;\n    },\n    { max: 1 }\n  );\n\n  handleScroll(): void {\n    this.sendViewportUpdate();\n  }\n\n  handleSelect(itemIndex: number): void {\n    const { items, offset, onSelect } = this.props;\n    const visibleItemIndex = itemIndex - offset;\n    if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {\n      const item = items[visibleItemIndex];\n      const { value } = item;\n      onSelect(itemIndex, value);\n    } else {\n      onSelect(itemIndex, null);\n    }\n  }\n\n  sendViewportUpdate(): void {\n    if (!this.list.current || this.list.current.clientHeight === 0) {\n      return;\n    }\n\n    const { onViewportChange, rowHeight } = this.props;\n    const top = this.list.current.scrollTop;\n    const bottom = top + this.list.current.clientHeight;\n\n    const topRow = Math.floor(top / rowHeight);\n    const bottomRow = Math.ceil(bottom / rowHeight);\n\n    if (this.topRow !== topRow || this.bottomRow !== bottomRow) {\n      this.topRow = topRow;\n      this.bottomRow = bottomRow;\n      onViewportChange(topRow, bottomRow);\n    }\n  }\n\n  render(): JSX.Element {\n    const { disabled, items, itemCount, offset, rowHeight } = this.props;\n    const itemElements = this.getCachedItems(\n      items,\n      rowHeight,\n      offset,\n      disabled\n    );\n\n    return (\n      <div\n        className=\"select-value-list-scroll-pane h-100 w-100\"\n        onScroll={this.handleScroll}\n        ref={this.list}\n      >\n        <div\n          className=\"select-value-list\"\n          style={{ height: itemCount * rowHeight }}\n        >\n          <ol\n            className=\"select-value-list-content\"\n            style={{\n              position: 'absolute',\n              height: items.length * rowHeight,\n              top: offset * rowHeight,\n              left: 0,\n            }}\n          >\n            {itemElements}\n          </ol>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default SelectValueList;\n"],"file":"SelectValueList.js"}
+{"version":3,"sources":["../src/SelectValueList.tsx"],"names":["React","PureComponent","memoize","Checkbox","SelectValueList","constructor","props","itemIndex","key","value","displayValue","rowHeight","isSelected","disabled","style","height","text","handleSelect","max","items","offset","itemElements","i","length","item","element","getCachedItem","push","handleScroll","bind","list","createRef","topRow","bottomRow","componentDidMount","sendViewportUpdate","componentDidUpdate","onSelect","visibleItemIndex","current","clientHeight","onViewportChange","top","scrollTop","bottom","Math","floor","ceil","render","itemCount","getCachedItems","position","left"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport './SelectValueList.scss';\nimport memoize from 'memoizee';\nimport Checkbox from './Checkbox';\n\ninterface SelectItem<T> {\n  value: T;\n  displayValue?: string;\n  isSelected: boolean;\n}\n\ntype SelectValueListProps<T> = {\n  disabled: boolean;\n  // Total item count\n  itemCount: number;\n  rowHeight: number;\n\n  // Offset of the top item in the items array\n  offset: number;\n  items: SelectItem<T>[];\n\n  onSelect(itemIndex: number, value: T | null): void;\n  onViewportChange(topRow: number, bottomRow: number): void;\n};\n\n/**\n * Select values from a long scrollable list.\n * Swaps items in and out for infinite scrolling\n */\nclass SelectValueList<T> extends PureComponent<SelectValueListProps<T>> {\n  static defaultProps = {\n    disabled: false,\n    rowHeight: 21,\n  };\n\n  constructor(props: SelectValueListProps<T>) {\n    super(props);\n\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleSelect = this.handleSelect.bind(this);\n\n    this.list = React.createRef();\n    this.topRow = null;\n    this.bottomRow = null;\n  }\n\n  componentDidMount(): void {\n    this.sendViewportUpdate();\n  }\n\n  componentDidUpdate(): void {\n    this.sendViewportUpdate();\n  }\n\n  list: React.RefObject<HTMLDivElement>;\n\n  topRow: number | null;\n\n  bottomRow: number | null;\n\n  getCachedItem = memoize(\n    (\n      itemIndex: number,\n      key: number,\n      value: T,\n      displayValue: string | undefined,\n      rowHeight: number,\n      isSelected: boolean,\n      disabled: boolean\n    ): JSX.Element => {\n      const style = {\n        height: rowHeight,\n      };\n      const text = displayValue != null ? displayValue : value;\n\n      return (\n        <li className=\"value-list-item\" style={style} key={key}>\n          <Checkbox\n            checked={isSelected}\n            disabled={disabled}\n            onChange={() => this.handleSelect(itemIndex)}\n          >\n            {text}\n          </Checkbox>\n        </li>\n      );\n    },\n    { max: 1000 }\n  );\n\n  getCachedItems = memoize(\n    (\n      items: SelectItem<T>[],\n      rowHeight: number,\n      offset: number,\n      disabled: boolean\n    ): React.ReactNode => {\n      const itemElements: JSX.Element[] = [];\n      for (let i = 0; i < items.length; i += 1) {\n        const item = items[i];\n        const { value, displayValue, isSelected } = item;\n        const itemIndex = offset + i;\n        const key = itemIndex;\n        const element = this.getCachedItem(\n          itemIndex,\n          key,\n          value,\n          displayValue,\n          rowHeight,\n          isSelected,\n          disabled\n        );\n        itemElements.push(element);\n      }\n      return itemElements;\n    },\n    { max: 1 }\n  );\n\n  handleScroll(): void {\n    this.sendViewportUpdate();\n  }\n\n  handleSelect(itemIndex: number): void {\n    const { items, offset, onSelect } = this.props;\n    const visibleItemIndex = itemIndex - offset;\n    if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {\n      const item = items[visibleItemIndex];\n      const { value } = item;\n      onSelect(itemIndex, value);\n    } else {\n      onSelect(itemIndex, null);\n    }\n  }\n\n  sendViewportUpdate(): void {\n    if (!this.list.current || this.list.current.clientHeight === 0) {\n      return;\n    }\n\n    const { onViewportChange, rowHeight } = this.props;\n    const top = this.list.current.scrollTop;\n    const bottom = top + this.list.current.clientHeight;\n\n    const topRow = Math.floor(top / rowHeight);\n    const bottomRow = Math.ceil(bottom / rowHeight);\n\n    if (this.topRow !== topRow || this.bottomRow !== bottomRow) {\n      this.topRow = topRow;\n      this.bottomRow = bottomRow;\n      onViewportChange(topRow, bottomRow);\n    }\n  }\n\n  render(): JSX.Element {\n    const { disabled, items, itemCount, offset, rowHeight } = this.props;\n    const itemElements = this.getCachedItems(\n      items,\n      rowHeight,\n      offset,\n      disabled\n    );\n\n    return (\n      <div\n        className=\"select-value-list-scroll-pane h-100 w-100\"\n        onScroll={this.handleScroll}\n        ref={this.list}\n      >\n        <div\n          className=\"select-value-list\"\n          style={{ height: itemCount * rowHeight }}\n        >\n          <ol\n            className=\"select-value-list-content\"\n            style={{\n              position: 'absolute',\n              height: items.length * rowHeight,\n              top: offset * rowHeight,\n              left: 0,\n            }}\n          >\n            {itemElements}\n          </ol>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default SelectValueList;\n"],"file":"SelectValueList.js"}

package/dist/SocketedButton.js

@@ -3,17 +3,19 @@ import classNames from 'classnames';
 import { dhExclamation, vsLink } from '@deephaven/icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import "./SocketedButton.css";
-var SocketedButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      isLinked = props.isLinked,
-      isLinkedSource = props.isLinkedSource,
-      isInvalid = props.isInvalid,
-      onClick = props.onClick,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave,
-      style = props.style;
+var SocketedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var {
+    children,
+    className,
+    disabled,
+    isLinked,
+    isLinkedSource,
+    isInvalid,
+    onClick,
+    onMouseEnter,
+    onMouseLeave,
+    style
+  } = props;
   return /*#__PURE__*/React.createElement("button", {
     ref: ref,
     type: "button",

package/dist/SocketedButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SocketedButton.tsx"],"names":["React","classNames","dhExclamation","vsLink","FontAwesomeIcon","SocketedButton","forwardRef","props","ref","children","className","disabled","isLinked","isLinkedSource","isInvalid","onClick","onMouseEnter","onMouseLeave","style","displayName","defaultProps","undefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,kBAAtC;AACA,SAASC,eAAT,QAAgC,gCAAhC;AAEA;AAeA,IAAMC,cAAc,gBAAGL,KAAK,CAACM,UAAN,CACrB,UAACC,KAAD,EAA6BC,GAA7B,EAAqC;AACnC,MACEC,QADF,GAWIF,KAXJ,CACEE,QADF;AAAA,MAEEC,SAFF,GAWIH,KAXJ,CAEEG,SAFF;AAAA,MAGEC,QAHF,GAWIJ,KAXJ,CAGEI,QAHF;AAAA,MAIEC,QAJF,GAWIL,KAXJ,CAIEK,QAJF;AAAA,MAKEC,cALF,GAWIN,KAXJ,CAKEM,cALF;AAAA,MAMEC,SANF,GAWIP,KAXJ,CAMEO,SANF;AAAA,MAOEC,OAPF,GAWIR,KAXJ,CAOEQ,OAPF;AAAA,MAQEC,YARF,GAWIT,KAXJ,CAQES,YARF;AAAA,MASEC,YATF,GAWIV,KAXJ,CASEU,YATF;AAAA,MAUEC,KAVF,GAWIX,KAXJ,CAUEW,KAVF;AAYA,sBACE;AACE,IAAA,GAAG,EAAEV,GADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,SAAS,EAAEP,UAAU,CACnB,cADmB,EAEnB;AAAE,6BAAuBW,QAAQ,IAAIC;AAArC,KAFmB,EAGnB;AAAE,oCAA8BA;AAAhC,KAHmB,EAInB;AAAE,oBAAcC;AAAhB,KAJmB,EAKnBJ,SALmB,CAHvB;AAUE,IAAA,OAAO,EAAEK,OAVX;AAWE,IAAA,YAAY,EAAEC,YAXhB;AAYE,IAAA,YAAY,EAAEC,YAZhB;AAaE,IAAA,KAAK,EAAEC,KAbT;AAcE,IAAA,QAAQ,EAAEP;AAdZ,KAgBGF,QAhBH,eAiBE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEN,MADR;AAEE,IAAA,SAAS,EAAC,0BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,IAjBF,eAsBE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAED,aADR;AAEE,IAAA,SAAS,EAAC;AAFZ,IAtBF,CADF;AA6BD,CA3CoB,CAAvB;AA8CAG,cAAc,CAACc,WAAf,GAA6B,gBAA7B;AAEAd,cAAc,CAACe,YAAf,GAA8B;AAC5BX,EAAAA,QAAQ,EAAEY,SADkB;AAE5BX,EAAAA,SAAS,EAAE,EAFiB;AAG5BC,EAAAA,QAAQ,EAAE,KAHkB;AAI5BC,EAAAA,QAAQ,EAAE,KAJkB;AAK5BC,EAAAA,cAAc,EAAE,KALY;AAM5BC,EAAAA,SAAS,EAAE,KANiB;AAO5BC,EAAAA,OAAO,EAAEM,SAPmB;AAQ5BL,EAAAA,YAAY,EAAEK,SARc;AAS5BJ,EAAAA,YAAY,EAAEI,SATc;AAU5BH,EAAAA,KAAK,EAAEG;AAVqB,CAA9B;AAaA,eAAehB,cAAf","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { dhExclamation, vsLink } from '@deephaven/icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport './SocketedButton.scss';\n\ntype SocketedButtonProps = {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  isLinked?: boolean;\n  isLinkedSource?: boolean;\n  isInvalid?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n  style?: React.CSSProperties;\n};\n\nconst SocketedButton = React.forwardRef<HTMLButtonElement, SocketedButtonProps>(\n  (props: SocketedButtonProps, ref) => {\n    const {\n      children,\n      className,\n      disabled,\n      isLinked,\n      isLinkedSource,\n      isInvalid,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      style,\n    } = props;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={classNames(\n          'btn-socketed',\n          { 'btn-socketed-linked': isLinked || isLinkedSource },\n          { 'btn-socketed-linked-source': isLinkedSource },\n          { 'is-invalid': isInvalid },\n          className\n        )}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        style={style}\n        disabled={disabled}\n      >\n        {children}\n        <FontAwesomeIcon\n          icon={vsLink}\n          className=\"linked btn-socketed-icon\"\n          transform=\"down-1\"\n        />\n        <FontAwesomeIcon\n          icon={dhExclamation}\n          className=\"is-invalid btn-socketed-icon\"\n        />\n      </button>\n    );\n  }\n);\n\nSocketedButton.displayName = 'SocketedButton';\n\nSocketedButton.defaultProps = {\n  children: undefined,\n  className: '',\n  disabled: false,\n  isLinked: false,\n  isLinkedSource: false,\n  isInvalid: false,\n  onClick: undefined,\n  onMouseEnter: undefined,\n  onMouseLeave: undefined,\n  style: undefined,\n};\n\nexport default SocketedButton;\n"],"file":"SocketedButton.js"}
+{"version":3,"sources":["../src/SocketedButton.tsx"],"names":["React","classNames","dhExclamation","vsLink","FontAwesomeIcon","SocketedButton","forwardRef","props","ref","children","className","disabled","isLinked","isLinkedSource","isInvalid","onClick","onMouseEnter","onMouseLeave","style","displayName","defaultProps","undefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,kBAAtC;AACA,SAASC,eAAT,QAAgC,gCAAhC;;AAiBA,IAAMC,cAAc,gBAAGL,KAAK,CAACM,UAAN,CACrB,CAACC,KAAD,EAA6BC,GAA7B,KAAqC;AACnC,MAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,SAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,cALI;AAMJC,IAAAA,SANI;AAOJC,IAAAA,OAPI;AAQJC,IAAAA,YARI;AASJC,IAAAA,YATI;AAUJC,IAAAA;AAVI,MAWFX,KAXJ;AAYA,sBACE;AACE,IAAA,GAAG,EAAEC,GADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,SAAS,EAAEP,UAAU,CACnB,cADmB,EAEnB;AAAE,6BAAuBW,QAAQ,IAAIC;AAArC,KAFmB,EAGnB;AAAE,oCAA8BA;AAAhC,KAHmB,EAInB;AAAE,oBAAcC;AAAhB,KAJmB,EAKnBJ,SALmB,CAHvB;AAUE,IAAA,OAAO,EAAEK,OAVX;AAWE,IAAA,YAAY,EAAEC,YAXhB;AAYE,IAAA,YAAY,EAAEC,YAZhB;AAaE,IAAA,KAAK,EAAEC,KAbT;AAcE,IAAA,QAAQ,EAAEP;AAdZ,KAgBGF,QAhBH,eAiBE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEN,MADR;AAEE,IAAA,SAAS,EAAC,0BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,IAjBF,eAsBE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAED,aADR;AAEE,IAAA,SAAS,EAAC;AAFZ,IAtBF,CADF;AA6BD,CA3CoB,CAAvB;AA8CAG,cAAc,CAACc,WAAf,GAA6B,gBAA7B;AAEAd,cAAc,CAACe,YAAf,GAA8B;AAC5BX,EAAAA,QAAQ,EAAEY,SADkB;AAE5BX,EAAAA,SAAS,EAAE,EAFiB;AAG5BC,EAAAA,QAAQ,EAAE,KAHkB;AAI5BC,EAAAA,QAAQ,EAAE,KAJkB;AAK5BC,EAAAA,cAAc,EAAE,KALY;AAM5BC,EAAAA,SAAS,EAAE,KANiB;AAO5BC,EAAAA,OAAO,EAAEM,SAPmB;AAQ5BL,EAAAA,YAAY,EAAEK,SARc;AAS5BJ,EAAAA,YAAY,EAAEI,SATc;AAU5BH,EAAAA,KAAK,EAAEG;AAVqB,CAA9B;AAaA,eAAehB,cAAf","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { dhExclamation, vsLink } from '@deephaven/icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport './SocketedButton.scss';\n\ntype SocketedButtonProps = {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  isLinked?: boolean;\n  isLinkedSource?: boolean;\n  isInvalid?: boolean;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n  style?: React.CSSProperties;\n};\n\nconst SocketedButton = React.forwardRef<HTMLButtonElement, SocketedButtonProps>(\n  (props: SocketedButtonProps, ref) => {\n    const {\n      children,\n      className,\n      disabled,\n      isLinked,\n      isLinkedSource,\n      isInvalid,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      style,\n    } = props;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={classNames(\n          'btn-socketed',\n          { 'btn-socketed-linked': isLinked || isLinkedSource },\n          { 'btn-socketed-linked-source': isLinkedSource },\n          { 'is-invalid': isInvalid },\n          className\n        )}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        style={style}\n        disabled={disabled}\n      >\n        {children}\n        <FontAwesomeIcon\n          icon={vsLink}\n          className=\"linked btn-socketed-icon\"\n          transform=\"down-1\"\n        />\n        <FontAwesomeIcon\n          icon={dhExclamation}\n          className=\"is-invalid btn-socketed-icon\"\n        />\n      </button>\n    );\n  }\n);\n\nSocketedButton.displayName = 'SocketedButton';\n\nSocketedButton.defaultProps = {\n  children: undefined,\n  className: '',\n  disabled: false,\n  isLinked: false,\n  isLinkedSource: false,\n  isInvalid: false,\n  onClick: undefined,\n  onMouseEnter: undefined,\n  onMouseLeave: undefined,\n  style: undefined,\n};\n\nexport default SocketedButton;\n"],"file":"SocketedButton.js"}

package/dist/ThemeExport.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ThemeExport.ts"],"names":["ThemeExport","Object","freeze","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs"],"mappings":";;;;;;AAAA,OAAOA,WAAP,iC,CAEA;AACA;;AACA,eAAeC,MAAM,CAACC,MAAP;AACbC,EAAAA,YAAY,EAAE,GADD;AAEbC,EAAAA,eAAe,EAAE,GAFJ;AAGbC,EAAAA,gBAAgB,EAAE,GAHL;AAIbC,EAAAA,gBAAgB,EAAE;AAJL,GAKVN,WALU,EAAf","sourcesContent":["import ThemeExport from './ThemeExport.module.scss';\n\n// Note that TypeScript does not know what keys exist on ThemeExport.module.scss\n// It only knows it's an object with strings for keys and values\nexport default Object.freeze({\n  transitionMs: 150,\n  transitionMidMs: 200,\n  transitionLongMs: 300,\n  transitionSlowMs: 1000,\n  ...ThemeExport,\n});\n"],"file":"ThemeExport.js"}
+{"version":3,"sources":["../src/ThemeExport.ts"],"names":["ThemeExport","Object","freeze","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs"],"mappings":";;;;;;OAAOA,W,kCAEP;AACA;;AACA,eAAeC,MAAM,CAACC,MAAP;AACbC,EAAAA,YAAY,EAAE,GADD;AAEbC,EAAAA,eAAe,EAAE,GAFJ;AAGbC,EAAAA,gBAAgB,EAAE,GAHL;AAIbC,EAAAA,gBAAgB,EAAE;AAJL,GAKVN,WALU,EAAf","sourcesContent":["import ThemeExport from './ThemeExport.module.scss';\n\n// Note that TypeScript does not know what keys exist on ThemeExport.module.scss\n// It only knows it's an object with strings for keys and values\nexport default Object.freeze({\n  transitionMs: 150,\n  transitionMidMs: 200,\n  transitionLongMs: 300,\n  transitionSlowMs: 1000,\n  ...ThemeExport,\n});\n"],"file":"ThemeExport.js"}