@deephaven/components 0.22.3-beta.18 → 0.22.3-beta.21

package/dist/RadioGroup.js

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
 import shortid from 'shortid';
-
 /**
  * A group of radio buttons. Use with RadioItems to populate, eg.
  * <RadioGroup>
@@ -8,7 +7,7 @@ import shortid from 'shortid';
  *   <RadioItem .../>
  * </RadioGroup>
  */
-var RadioGroup = props => {
+function RadioGroup(props) {
   var {
     children,
     disabled = false,
@@ -17,11 +16,11 @@ var RadioGroup = props => {
     value = '',
     'data-testid': dataTestId
   } = props;
-  var [name] = useState(propsName !== null && propsName !== void 0 ? propsName : shortid()); // Need to use "text" type so we can apply a pattern and make selection properly
+  var [name] = useState(propsName !== null && propsName !== void 0 ? propsName : shortid());
 
+  // Need to use "text" type so we can apply a pattern and make selection properly
   return /*#__PURE__*/React.createElement(React.Fragment, null, React.Children.map(children, child => {
     var _child$props$onChange, _child$props$disabled;
-
     return child ? /*#__PURE__*/React.cloneElement(child, {
       name,
       onChange: (_child$props$onChange = child.props.onChange) !== null && _child$props$onChange !== void 0 ? _child$props$onChange : onChange,
@@ -30,7 +29,6 @@ var RadioGroup = props => {
       'data-testid': dataTestId
     }) : null;
   }));
-};
-
+}
 export default RadioGroup;
 //# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["React","useState","shortid","RadioGroup","props","children","disabled","name","propsName","onChange","value","dataTestId","Children","map","child","cloneElement","checked"],"sources":["../src/RadioGroup.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport shortid from 'shortid';\n\ntype RadioGroupProps = {\n  /** The radio items to populate this radio. Should be of type RadioItem. */\n  children?: React.ReactElement | React.ReactElement[];\n\n  /** The name to use for the radio items. If not specified, a name is automatically generated */\n  name?: string;\n\n  /** Triggered when a radio button is changed */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** The currently selected value. Will automatically set the `checked` attribute of the RadioItem. */\n  value?: string;\n\n  disabled?: boolean;\n  'data-testid'?: string;\n};\n\n/**\n * A group of radio buttons. Use with RadioItems to populate, eg.\n * <RadioGroup>\n *   <RadioItem .../>\n *   <RadioItem .../>\n * </RadioGroup>\n */\nconst RadioGroup = (props: RadioGroupProps): JSX.Element => {\n  const {\n    children,\n    disabled = false,\n    name: propsName,\n    onChange,\n    value = '',\n    'data-testid': dataTestId,\n  } = props;\n  const [name] = useState(propsName ?? shortid());\n\n  // Need to use \"text\" type so we can apply a pattern and make selection properly\n  return (\n    <>\n      {React.Children.map(children, child =>\n        child\n          ? React.cloneElement(child, {\n              name,\n              onChange: child.props.onChange ?? onChange,\n              checked: value === child.props.value,\n              disabled: child.props.disabled ?? disabled,\n              'data-testid': dataTestId,\n            })\n          : null\n      )}\n    </>\n  );\n};\n\nexport default RadioGroup;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,OAAP,MAAoB,SAApB;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,UAAU,GAAIC,KAAD,IAAyC;EAC1D,IAAM;IACJC,QADI;IAEJC,QAAQ,GAAG,KAFP;IAGJC,IAAI,EAAEC,SAHF;IAIJC,QAJI;IAKJC,KAAK,GAAG,EALJ;IAMJ,eAAeC;EANX,IAOFP,KAPJ;EAQA,IAAM,CAACG,IAAD,IAASN,QAAQ,CAACO,SAAD,aAACA,SAAD,cAACA,SAAD,GAAcN,OAAO,EAArB,CAAvB,CAT0D,CAW1D;;EACA,oBACE,0CACGF,KAAK,CAACY,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA6BS,KAAK;IAAA;;IAAA,OACjCA,KAAK,gBACDd,KAAK,CAACe,YAAN,CAAmBD,KAAnB,EAA0B;MACxBP,IADwB;MAExBE,QAAQ,2BAAEK,KAAK,CAACV,KAAN,CAAYK,QAAd,yEAA0BA,QAFV;MAGxBO,OAAO,EAAEN,KAAK,KAAKI,KAAK,CAACV,KAAN,CAAYM,KAHP;MAIxBJ,QAAQ,2BAAEQ,KAAK,CAACV,KAAN,CAAYE,QAAd,yEAA0BA,QAJV;MAKxB,eAAeK;IALS,CAA1B,CADC,GAQD,IAT6B;EAAA,CAAlC,CADH,CADF;AAeD,CA3BD;;AA6BA,eAAeR,UAAf"}
+{"version":3,"file":"RadioGroup.js","names":["React","useState","shortid","RadioGroup","props","children","disabled","name","propsName","onChange","value","dataTestId","Children","map","child","cloneElement","checked"],"sources":["../src/RadioGroup.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport shortid from 'shortid';\n\ntype RadioGroupProps = {\n  /** The radio items to populate this radio. Should be of type RadioItem. */\n  children?: React.ReactElement | React.ReactElement[];\n\n  /** The name to use for the radio items. If not specified, a name is automatically generated */\n  name?: string;\n\n  /** Triggered when a radio button is changed */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** The currently selected value. Will automatically set the `checked` attribute of the RadioItem. */\n  value?: string;\n\n  disabled?: boolean;\n  'data-testid'?: string;\n};\n\n/**\n * A group of radio buttons. Use with RadioItems to populate, eg.\n * <RadioGroup>\n *   <RadioItem .../>\n *   <RadioItem .../>\n * </RadioGroup>\n */\nfunction RadioGroup(props: RadioGroupProps): JSX.Element {\n  const {\n    children,\n    disabled = false,\n    name: propsName,\n    onChange,\n    value = '',\n    'data-testid': dataTestId,\n  } = props;\n  const [name] = useState(propsName ?? shortid());\n\n  // Need to use \"text\" type so we can apply a pattern and make selection properly\n  return (\n    <>\n      {React.Children.map(children, child =>\n        child\n          ? React.cloneElement(child, {\n              name,\n              onChange: child.props.onChange ?? onChange,\n              checked: value === child.props.value,\n              disabled: child.props.disabled ?? disabled,\n              'data-testid': dataTestId,\n            })\n          : null\n      )}\n    </>\n  );\n}\n\nexport default RadioGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,OAAO,MAAM,SAAS;AAmB7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAU,CAACC,KAAsB,EAAe;EACvD,IAAM;IACJC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,IAAI,EAAEC,SAAS;IACfC,QAAQ;IACRC,KAAK,GAAG,EAAE;IACV,aAAa,EAAEC;EACjB,CAAC,GAAGP,KAAK;EACT,IAAM,CAACG,IAAI,CAAC,GAAGN,QAAQ,CAACO,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIN,OAAO,EAAE,CAAC;;EAE/C;EACA,oBACE,0CACGF,KAAK,CAACY,QAAQ,CAACC,GAAG,CAACR,QAAQ,EAAES,KAAK;IAAA;IAAA,OACjCA,KAAK,gBACDd,KAAK,CAACe,YAAY,CAACD,KAAK,EAAE;MACxBP,IAAI;MACJE,QAAQ,2BAAEK,KAAK,CAACV,KAAK,CAACK,QAAQ,yEAAIA,QAAQ;MAC1CO,OAAO,EAAEN,KAAK,KAAKI,KAAK,CAACV,KAAK,CAACM,KAAK;MACpCJ,QAAQ,2BAAEQ,KAAK,CAACV,KAAK,CAACE,QAAQ,yEAAIA,QAAQ;MAC1C,aAAa,EAAEK;IACjB,CAAC,CAAC,GACF,IAAI;EAAA,EACT,CACA;AAEP;AAEA,eAAeR,UAAU"}

package/dist/RadioItem.js

@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 import classNames from 'classnames';
 import shortid from 'shortid';
-
 /**
  * A RadioItem to be used within the Radio component.
  */

package/dist/RadioItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.js","names":["React","useState","classNames","shortid","RadioItem","forwardRef","props","ref","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","value","dataTestId","id","displayName","defaultProps","undefined"],"sources":["../src/RadioItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport shortid from 'shortid';\n\ntype RadioItemProps = {\n  /** Whether this value is currently checked or not */\n  checked?: boolean;\n\n  /** The node/text to put in the label of this radio item */\n  children: React.ReactNode;\n\n  /** An extra class name to add to the outer div component */\n  className?: string;\n\n  /** An extra class for disabling the radio button component */\n  disabled?: boolean;\n\n  /** An extra class name for the input component */\n  inputClassName?: string;\n\n  /** The value is invalid, style to show it's invalid */\n  isInvalid?: boolean;\n\n  /** An extra class name for the label component */\n  labelClassName?: string;\n\n  /** The name for this RadioItem. Should be specified by the parent Radio component */\n  name?: string;\n\n  /** Triggered when the input is checked/unchecked. Provided by the parent Radio component. */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** The value to associate with this radio item */\n  value: string;\n\n  /** An id used for test */\n  'data-testid'?: string;\n};\n\n/**\n * A RadioItem to be used within the Radio component.\n */\nconst RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n  (props: RadioItemProps, ref) => {\n    const {\n      checked,\n      children,\n      className = '',\n      disabled = false,\n      inputClassName = '',\n      isInvalid = false,\n      labelClassName = '',\n      name,\n      onChange,\n      value,\n      'data-testid': dataTestId,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    return (\n      <div className={classNames('custom-control custom-radio', className)}>\n        <input\n          type=\"radio\"\n          id={id}\n          data-testid={dataTestId}\n          name={name}\n          ref={ref}\n          className={classNames('custom-control-input', inputClassName, {\n            'is-invalid': isInvalid,\n          })}\n          checked={checked}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n        />\n        <label\n          className={classNames('custom-control-label', labelClassName)}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\nRadioItem.displayName = 'RadioItem';\n\nRadioItem.defaultProps = {\n  checked: undefined,\n  className: '',\n  disabled: false,\n  inputClassName: '',\n  isInvalid: false,\n  labelClassName: '',\n  name: undefined,\n  onChange: undefined,\n  'data-testid': undefined,\n};\n\nexport default RadioItem;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,OAAP,MAAoB,SAApB;;AAqCA;AACA;AACA;AACA,IAAMC,SAAS,gBAAGJ,KAAK,CAACK,UAAN,CAChB,CAACC,KAAD,EAAwBC,GAAxB,KAAgC;EAC9B,IAAM;IACJC,OADI;IAEJC,QAFI;IAGJC,SAAS,GAAG,EAHR;IAIJC,QAAQ,GAAG,KAJP;IAKJC,cAAc,GAAG,EALb;IAMJC,SAAS,GAAG,KANR;IAOJC,cAAc,GAAG,EAPb;IAQJC,IARI;IASJC,QATI;IAUJC,KAVI;IAWJ,eAAeC;EAXX,IAYFZ,KAZJ;EAcA,IAAM,CAACa,EAAD,IAAOlB,QAAQ,CAACE,OAAO,EAAR,CAArB;EAEA,oBACE;IAAK,SAAS,EAAED,UAAU,CAAC,6BAAD,EAAgCQ,SAAhC;EAA1B,gBACE;IACE,IAAI,EAAC,OADP;IAEE,EAAE,EAAES,EAFN;IAGE,eAAaD,UAHf;IAIE,IAAI,EAAEH,IAJR;IAKE,GAAG,EAAER,GALP;IAME,SAAS,EAAEL,UAAU,CAAC,sBAAD,EAAyBU,cAAzB,EAAyC;MAC5D,cAAcC;IAD8C,CAAzC,CANvB;IASE,OAAO,EAAEL,OATX;IAUE,QAAQ,EAAEG,QAVZ;IAWE,KAAK,EAAEM,KAXT;IAYE,QAAQ,EAAED;EAZZ,EADF,eAeE;IACE,SAAS,EAAEd,UAAU,CAAC,sBAAD,EAAyBY,cAAzB,CADvB;IAEE,OAAO,EAAEK;EAFX,GAIGV,QAJH,CAfF,CADF;AAwBD,CA1Ce,CAAlB;AA6CAL,SAAS,CAACgB,WAAV,GAAwB,WAAxB;AAEAhB,SAAS,CAACiB,YAAV,GAAyB;EACvBb,OAAO,EAAEc,SADc;EAEvBZ,SAAS,EAAE,EAFY;EAGvBC,QAAQ,EAAE,KAHa;EAIvBC,cAAc,EAAE,EAJO;EAKvBC,SAAS,EAAE,KALY;EAMvBC,cAAc,EAAE,EANO;EAOvBC,IAAI,EAAEO,SAPiB;EAQvBN,QAAQ,EAAEM,SARa;EASvB,eAAeA;AATQ,CAAzB;AAYA,eAAelB,SAAf"}
+{"version":3,"file":"RadioItem.js","names":["React","useState","classNames","shortid","RadioItem","forwardRef","props","ref","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","value","dataTestId","id","displayName","defaultProps","undefined"],"sources":["../src/RadioItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport shortid from 'shortid';\n\ntype RadioItemProps = {\n  /** Whether this value is currently checked or not */\n  checked?: boolean;\n\n  /** The node/text to put in the label of this radio item */\n  children: React.ReactNode;\n\n  /** An extra class name to add to the outer div component */\n  className?: string;\n\n  /** An extra class for disabling the radio button component */\n  disabled?: boolean;\n\n  /** An extra class name for the input component */\n  inputClassName?: string;\n\n  /** The value is invalid, style to show it's invalid */\n  isInvalid?: boolean;\n\n  /** An extra class name for the label component */\n  labelClassName?: string;\n\n  /** The name for this RadioItem. Should be specified by the parent Radio component */\n  name?: string;\n\n  /** Triggered when the input is checked/unchecked. Provided by the parent Radio component. */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n  /** The value to associate with this radio item */\n  value: string;\n\n  /** An id used for test */\n  'data-testid'?: string;\n};\n\n/**\n * A RadioItem to be used within the Radio component.\n */\nconst RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(\n  (props: RadioItemProps, ref) => {\n    const {\n      checked,\n      children,\n      className = '',\n      disabled = false,\n      inputClassName = '',\n      isInvalid = false,\n      labelClassName = '',\n      name,\n      onChange,\n      value,\n      'data-testid': dataTestId,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    return (\n      <div className={classNames('custom-control custom-radio', className)}>\n        <input\n          type=\"radio\"\n          id={id}\n          data-testid={dataTestId}\n          name={name}\n          ref={ref}\n          className={classNames('custom-control-input', inputClassName, {\n            'is-invalid': isInvalid,\n          })}\n          checked={checked}\n          disabled={disabled}\n          value={value}\n          onChange={onChange}\n        />\n        <label\n          className={classNames('custom-control-label', labelClassName)}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\nRadioItem.displayName = 'RadioItem';\n\nRadioItem.defaultProps = {\n  checked: undefined,\n  className: '',\n  disabled: false,\n  inputClassName: '',\n  isInvalid: false,\n  labelClassName: '',\n  name: undefined,\n  onChange: undefined,\n  'data-testid': undefined,\n};\n\nexport default RadioItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,SAAS;AAqC7B;AACA;AACA;AACA,IAAMC,SAAS,gBAAGJ,KAAK,CAACK,UAAU,CAChC,CAACC,KAAqB,EAAEC,GAAG,KAAK;EAC9B,IAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,SAAS,GAAG,EAAE;IACdC,QAAQ,GAAG,KAAK;IAChBC,cAAc,GAAG,EAAE;IACnBC,SAAS,GAAG,KAAK;IACjBC,cAAc,GAAG,EAAE;IACnBC,IAAI;IACJC,QAAQ;IACRC,KAAK;IACL,aAAa,EAAEC;EACjB,CAAC,GAAGZ,KAAK;EAET,IAAM,CAACa,EAAE,CAAC,GAAGlB,QAAQ,CAACE,OAAO,EAAE,CAAC;EAEhC,oBACE;IAAK,SAAS,EAAED,UAAU,CAAC,6BAA6B,EAAEQ,SAAS;EAAE,gBACnE;IACE,IAAI,EAAC,OAAO;IACZ,EAAE,EAAES,EAAG;IACP,eAAaD,UAAW;IACxB,IAAI,EAAEH,IAAK;IACX,GAAG,EAAER,GAAI;IACT,SAAS,EAAEL,UAAU,CAAC,sBAAsB,EAAEU,cAAc,EAAE;MAC5D,YAAY,EAAEC;IAChB,CAAC,CAAE;IACH,OAAO,EAAEL,OAAQ;IACjB,QAAQ,EAAEG,QAAS;IACnB,KAAK,EAAEM,KAAM;IACb,QAAQ,EAAED;EAAS,EACnB,eACF;IACE,SAAS,EAAEd,UAAU,CAAC,sBAAsB,EAAEY,cAAc,CAAE;IAC9D,OAAO,EAAEK;EAAG,GAEXV,QAAQ,CACH,CACJ;AAEV,CAAC,CACF;AAEDL,SAAS,CAACgB,WAAW,GAAG,WAAW;AAEnChB,SAAS,CAACiB,YAAY,GAAG;EACvBb,OAAO,EAAEc,SAAS;EAClBZ,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,KAAK;EACfC,cAAc,EAAE,EAAE;EAClBC,SAAS,EAAE,KAAK;EAChBC,cAAc,EAAE,EAAE;EAClBC,IAAI,EAAEO,SAAS;EACfN,QAAQ,EAAEM,SAAS;EACnB,aAAa,EAAEA;AACjB,CAAC;AAED,eAAelB,SAAS"}

package/dist/SearchInput.js

@@ -1,26 +1,19 @@
 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 { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsSearch } from '@deephaven/icons';
 import classNames from 'classnames';
 import "./SearchInput.css";
-
 class SearchInput extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "inputField", void 0);
-
     this.inputField = /*#__PURE__*/React.createRef();
   }
-
   focus() {
     var _this$inputField$curr;
-
     (_this$inputField$curr = this.inputField.current) === null || _this$inputField$curr === void 0 ? void 0 : _this$inputField$curr.focus();
   }
-
   render() {
     var {
       value,
@@ -56,20 +49,16 @@ class SearchInput extends PureComponent {
       icon: vsSearch
     })));
   }
-
 }
-
 _defineProperty(SearchInput, "defaultProps", {
   placeholder: 'Search',
   className: '',
   matchCount: null,
-
-  onKeyDown() {// no-op
+  onKeyDown() {
+    // no-op
   },
-
   id: '',
   'data-testid': undefined
 });
-
 export default SearchInput;
 //# sourceMappingURL=SearchInput.js.map

package/dist/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["React","PureComponent","FontAwesomeIcon","vsSearch","classNames","SearchInput","constructor","props","inputField","createRef","focus","current","render","value","placeholder","onBlur","onChange","className","disabled","matchCount","id","onKeyDown","dataTestId","undefined"],"sources":["../src/SearchInput.tsx"],"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  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  className: string;\n  disabled?: boolean;\n  matchCount: number;\n  id: string;\n  'data-testid'?: 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    'data-testid': undefined,\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      onBlur,\n      onChange,\n      className,\n      disabled,\n      matchCount,\n      id,\n      onKeyDown,\n      'data-testid': dataTestId,\n    } = this.props;\n    return (\n      <div className={classNames('search-group', className)}>\n        <input\n          type=\"search\"\n          value={value}\n          onBlur={onBlur}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          className=\"form-control\"\n          disabled={disabled}\n          placeholder={placeholder}\n          ref={this.inputField}\n          id={id}\n          data-testid={dataTestId}\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"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,QAAT,QAAyB,kBAAzB;AACA,OAAOC,UAAP,MAAuB,YAAvB;;;AAgBA,MAAMC,WAAN,SAA0BJ,aAA1B,CAA0D;EAYxDK,WAAW,CAACC,KAAD,EAA0B;IACnC,MAAMA,KAAN;;IADmC;;IAEnC,KAAKC,UAAL,gBAAkBR,KAAK,CAACS,SAAN,EAAlB;EACD;;EAIDC,KAAK,GAAS;IAAA;;IACZ,8BAAKF,UAAL,CAAgBG,OAAhB,gFAAyBD,KAAzB;EACD;;EAEDE,MAAM,GAAgB;IACpB,IAAM;MACJC,KADI;MAEJC,WAFI;MAGJC,MAHI;MAIJC,QAJI;MAKJC,SALI;MAMJC,QANI;MAOJC,UAPI;MAQJC,EARI;MASJC,SATI;MAUJ,eAAeC;IAVX,IAWF,KAAKf,KAXT;IAYA,oBACE;MAAK,SAAS,EAAEH,UAAU,CAAC,cAAD,EAAiBa,SAAjB;IAA1B,gBACE;MACE,IAAI,EAAC,QADP;MAEE,KAAK,EAAEJ,KAFT;MAGE,MAAM,EAAEE,MAHV;MAIE,QAAQ,EAAEC,QAJZ;MAKE,SAAS,EAAEK,SALb;MAME,SAAS,EAAC,cANZ;MAOE,QAAQ,EAAEH,QAPZ;MAQE,WAAW,EAAEJ,WARf;MASE,GAAG,EAAE,KAAKN,UATZ;MAUE,EAAE,EAAEY,EAVN;MAWE,eAAaE;IAXf,EADF,EAcGH,UAAU,IAAI,IAAd,iBACC;MAAM,SAAS,EAAC;IAAhB,GAAgCA,UAAhC,CAfJ,eAiBE;MAAM,SAAS,EAAC;IAAhB,gBACE,oBAAC,eAAD;MAAiB,IAAI,EAAEhB;IAAvB,EADF,CAjBF,CADF;EAuBD;;AA3DuD;;gBAApDE,W,kBACkB;EACpBS,WAAW,EAAE,QADO;EAEpBG,SAAS,EAAE,EAFS;EAGpBE,UAAU,EAAE,IAHQ;;EAIpBE,SAAS,GAAS,CAChB;EACD,CANmB;;EAOpBD,EAAE,EAAE,EAPgB;EAQpB,eAAeG;AARK,C;;AA6DxB,eAAelB,WAAf"}
+{"version":3,"file":"SearchInput.js","names":["React","PureComponent","FontAwesomeIcon","vsSearch","classNames","SearchInput","constructor","props","inputField","createRef","focus","current","render","value","placeholder","onBlur","onChange","className","disabled","matchCount","id","onKeyDown","dataTestId","undefined"],"sources":["../src/SearchInput.tsx"],"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  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;\n  className: string;\n  disabled?: boolean;\n  matchCount: number;\n  id: string;\n  'data-testid'?: 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    'data-testid': undefined,\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      onBlur,\n      onChange,\n      className,\n      disabled,\n      matchCount,\n      id,\n      onKeyDown,\n      'data-testid': dataTestId,\n    } = this.props;\n    return (\n      <div className={classNames('search-group', className)}>\n        <input\n          type=\"search\"\n          value={value}\n          onBlur={onBlur}\n          onChange={onChange}\n          onKeyDown={onKeyDown}\n          className=\"form-control\"\n          disabled={disabled}\n          placeholder={placeholder}\n          ref={this.inputField}\n          id={id}\n          data-testid={dataTestId}\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"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,OAAOC,UAAU,MAAM,YAAY;AAAC;AAgBpC,MAAMC,WAAW,SAASJ,aAAa,CAAmB;EAYxDK,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,CAAC;IAAC;IACb,IAAI,CAACC,UAAU,gBAAGR,KAAK,CAACS,SAAS,EAAE;EACrC;EAIAC,KAAK,GAAS;IAAA;IACZ,6BAAI,CAACF,UAAU,CAACG,OAAO,0DAAvB,sBAAyBD,KAAK,EAAE;EAClC;EAEAE,MAAM,GAAgB;IACpB,IAAM;MACJC,KAAK;MACLC,WAAW;MACXC,MAAM;MACNC,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRC,UAAU;MACVC,EAAE;MACFC,SAAS;MACT,aAAa,EAAEC;IACjB,CAAC,GAAG,IAAI,CAACf,KAAK;IACd,oBACE;MAAK,SAAS,EAAEH,UAAU,CAAC,cAAc,EAAEa,SAAS;IAAE,gBACpD;MACE,IAAI,EAAC,QAAQ;MACb,KAAK,EAAEJ,KAAM;MACb,MAAM,EAAEE,MAAO;MACf,QAAQ,EAAEC,QAAS;MACnB,SAAS,EAAEK,SAAU;MACrB,SAAS,EAAC,cAAc;MACxB,QAAQ,EAAEH,QAAS;MACnB,WAAW,EAAEJ,WAAY;MACzB,GAAG,EAAE,IAAI,CAACN,UAAW;MACrB,EAAE,EAAEY,EAAG;MACP,eAAaE;IAAW,EACxB,EACDH,UAAU,IAAI,IAAI,iBACjB;MAAM,SAAS,EAAC;IAAc,GAAEA,UAAU,CAC3C,eACD;MAAM,SAAS,EAAC;IAAa,gBAC3B,oBAAC,eAAe;MAAC,IAAI,EAAEhB;IAAS,EAAG,CAC9B,CACH;EAEV;AACF;AAAC,gBA5DKE,WAAW,kBACO;EACpBS,WAAW,EAAE,QAAQ;EACrBG,SAAS,EAAE,EAAE;EACbE,UAAU,EAAE,IAAI;EAChBE,SAAS,GAAS;IAChB;EAAA,CACD;EACDD,EAAE,EAAE,EAAE;EACN,aAAa,EAAEG;AACjB,CAAC;AAoDH,eAAelB,WAAW"}

package/dist/Select.d.ts

@@ -10,6 +10,6 @@ export declare type SelectProps = {
     disabled?: boolean;
     'data-testid'?: string;
 };
-declare const Select: ({ children, onBlur, onChange, className, defaultValue, name, value, disabled, "data-testid": dataTestId, }: SelectProps) => JSX.Element;
+declare function Select({ children, onBlur, onChange, className, defaultValue, name, value, disabled, 'data-testid': dataTestId, }: SelectProps): JSX.Element;
 export default Select;
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,oBAAY,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,MAAM,+GAUT,WAAW,KAAG,WAsBhB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,oBAAY,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,UAAU,GAC1B,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAsB3B;AAED,eAAe,MAAM,CAAC"}

package/dist/Select.js

@@ -1,7 +1,6 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
-
-var Select = _ref => {
+function Select(_ref) {
   var {
     children,
     onBlur,
@@ -26,7 +25,6 @@ var Select = _ref => {
     disabled: disabled,
     "data-testid": dataTestId
   }, children);
-};
-
+}
 export default Select;
 //# sourceMappingURL=Select.js.map

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["React","useCallback","classNames","Select","children","onBlur","onChange","className","defaultValue","name","value","disabled","dataTestId","handleChange","event","target"],"sources":["../src/Select.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport type SelectProps = {\n  children: React.ReactNode;\n  onBlur?: React.FocusEventHandler<HTMLSelectElement>;\n  onChange: (value: string) => void;\n  className?: string;\n  defaultValue?: string;\n  name?: string;\n  value?: string;\n  disabled?: boolean;\n  'data-testid'?: string;\n};\n\nconst Select = ({\n  children,\n  onBlur,\n  onChange,\n  className,\n  defaultValue,\n  name,\n  value,\n  disabled,\n  'data-testid': dataTestId,\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      onBlur={onBlur}\n      onChange={handleChange}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      disabled={disabled}\n      data-testid={dataTestId}\n    >\n      {children}\n    </select>\n  );\n};\n\nexport default Select;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAcA,IAAMC,MAAM,GAAG,QAUiB;EAAA,IAVhB;IACdC,QADc;IAEdC,MAFc;IAGdC,QAHc;IAIdC,SAJc;IAKdC,YALc;IAMdC,IANc;IAOdC,KAPc;IAQdC,QARc;IASd,eAAeC;EATD,CAUgB;EAC9B,IAAMC,YAAY,GAAGZ,WAAW,CAC9Ba,KAAK,IAAI;IACPR,QAAQ,CAACQ,KAAK,CAACC,MAAN,CAAaL,KAAd,CAAR;EACD,CAH6B,EAI9B,CAACJ,QAAD,CAJ8B,CAAhC;EAOA,oBACE;IACE,SAAS,EAAEJ,UAAU,CAAC,eAAD,EAAkBK,SAAlB,CADvB;IAEE,MAAM,EAAEF,MAFV;IAGE,QAAQ,EAAEQ,YAHZ;IAIE,YAAY,EAAEL,YAJhB;IAKE,KAAK,EAAEE,KALT;IAME,IAAI,EAAED,IANR;IAOE,QAAQ,EAAEE,QAPZ;IAQE,eAAaC;EARf,GAUGR,QAVH,CADF;AAcD,CAhCD;;AAkCA,eAAeD,MAAf"}
+{"version":3,"file":"Select.js","names":["React","useCallback","classNames","Select","children","onBlur","onChange","className","defaultValue","name","value","disabled","dataTestId","handleChange","event","target"],"sources":["../src/Select.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport type SelectProps = {\n  children: React.ReactNode;\n  onBlur?: React.FocusEventHandler<HTMLSelectElement>;\n  onChange: (value: string) => void;\n  className?: string;\n  defaultValue?: string;\n  name?: string;\n  value?: string;\n  disabled?: boolean;\n  'data-testid'?: string;\n};\n\nfunction Select({\n  children,\n  onBlur,\n  onChange,\n  className,\n  defaultValue,\n  name,\n  value,\n  disabled,\n  'data-testid': dataTestId,\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      onBlur={onBlur}\n      onChange={handleChange}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      disabled={disabled}\n      data-testid={dataTestId}\n    >\n      {children}\n    </select>\n  );\n}\n\nexport default Select;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,UAAU,MAAM,YAAY;AAcnC,SAASC,MAAM,OAUc;EAAA,IAVb;IACdC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,YAAY;IACZC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACR,aAAa,EAAEC;EACJ,CAAC;EACZ,IAAMC,YAAY,GAAGZ,WAAW,CAC9Ba,KAAK,IAAI;IACPR,QAAQ,CAACQ,KAAK,CAACC,MAAM,CAACL,KAAK,CAAC;EAC9B,CAAC,EACD,CAACJ,QAAQ,CAAC,CACX;EAED,oBACE;IACE,SAAS,EAAEJ,UAAU,CAAC,eAAe,EAAEK,SAAS,CAAE;IAClD,MAAM,EAAEF,MAAO;IACf,QAAQ,EAAEQ,YAAa;IACvB,YAAY,EAAEL,YAAa;IAC3B,KAAK,EAAEE,KAAM;IACb,IAAI,EAAED,IAAK;IACX,QAAQ,EAAEE,QAAS;IACnB,eAAaC;EAAW,GAEvBR,QAAQ,CACF;AAEb;AAEA,eAAeD,MAAM"}

package/dist/SelectValueList.js

@@ -1,11 +1,9 @@
 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 classNames from 'classnames';
 import memoize from 'memoizee';
 import Checkbox from "./Checkbox.js";
-
 /**
  * Select values from a long scrollable list.
  * Swaps items in and out for infinite scrolling
@@ -13,13 +11,9 @@ import Checkbox from "./Checkbox.js";
 class SelectValueList extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "list", void 0);
-
     _defineProperty(this, "topRow", void 0);
-
     _defineProperty(this, "bottomRow", void 0);
-
     _defineProperty(this, "getCachedItem", memoize((itemIndex, key, value, displayValue, rowHeight, isSelected, disabled) => {
       var style = {
         height: rowHeight
@@ -42,10 +36,8 @@ class SelectValueList extends PureComponent {
     }, {
       max: 1000
     }));
-
     _defineProperty(this, "getCachedItems", memoize((items, rowHeight, offset, disabled) => {
       var itemElements = [];
-
       for (var i = 0; i < items.length; i += 1) {
         var item = items[i];
         var {
@@ -53,19 +45,15 @@ class SelectValueList extends PureComponent {
           displayValue,
           isSelected
         } = item;
-
         var _itemIndex = offset + i;
-
         var key = _itemIndex;
         var element = this.getCachedItem(_itemIndex, key, _value, displayValue, rowHeight, isSelected, disabled);
         itemElements.push(element);
       }
-
       return itemElements;
     }, {
       max: 1
     }));
-
     this.handleBlur = this.handleBlur.bind(this);
     this.handleScroll = this.handleScroll.bind(this);
     this.handleSelect = this.handleSelect.bind(this);
@@ -73,15 +61,12 @@ class SelectValueList extends PureComponent {
     this.topRow = null;
     this.bottomRow = null;
   }
-
   componentDidMount() {
     this.sendViewportUpdate();
   }
-
   componentDidUpdate() {
     this.sendViewportUpdate();
   }
-
   handleBlur(e) {
     if (!e.relatedTarget || this.list.current && e.relatedTarget instanceof HTMLElement && !this.list.current.contains(e.relatedTarget)) {
       // Next focused element is outside of the list
@@ -91,11 +76,9 @@ class SelectValueList extends PureComponent {
       onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     }
   }
-
   handleScroll() {
     this.sendViewportUpdate();
   }
-
   handleSelect(itemIndex) {
     var {
       items,
@@ -103,7 +86,6 @@ class SelectValueList extends PureComponent {
       onSelect
     } = this.props;
     var visibleItemIndex = itemIndex - offset;
-
     if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {
       var item = items[visibleItemIndex];
       var {
@@ -114,12 +96,10 @@ class SelectValueList extends PureComponent {
       onSelect(itemIndex, null);
     }
   }
-
   sendViewportUpdate() {
     if (!this.list.current || this.list.current.clientHeight === 0) {
       return;
     }
-
     var {
       onViewportChange,
       rowHeight
@@ -128,30 +108,25 @@ class SelectValueList extends PureComponent {
     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);
     }
   }
-
   getElement(itemIndex) {
     if (this.list.current == null) {
       return null;
     }
-
     var elements = this.list.current.querySelectorAll('.value-list-item');
     return elements[itemIndex];
   }
-
   scrollIntoView(index) {
     var element = this.getElement(index);
     element === null || element === void 0 ? void 0 : element.scrollIntoView({
       block: 'center'
     });
   }
-
   render() {
     var {
       className,
@@ -187,15 +162,12 @@ class SelectValueList extends PureComponent {
       }
     }, itemElements)));
   }
-
 }
-
 _defineProperty(SelectValueList, "defaultProps", {
   disabled: false,
   rowHeight: 21,
   onBlur: () => undefined,
   'data-testid': undefined
 });
-
 export default SelectValueList;
 //# sourceMappingURL=SelectValueList.js.map

package/dist/SelectValueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectValueList.js","names":["React","PureComponent","classNames","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","handleBlur","bind","handleScroll","list","createRef","topRow","bottomRow","componentDidMount","sendViewportUpdate","componentDidUpdate","e","relatedTarget","current","HTMLElement","contains","onBlur","onSelect","visibleItemIndex","clientHeight","onViewportChange","top","scrollTop","bottom","Math","floor","ceil","getElement","elements","querySelectorAll","scrollIntoView","index","block","render","className","isInvalid","itemCount","dataTestId","getCachedItems","position","left","undefined"],"sources":["../src/SelectValueList.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport './SelectValueList.scss';\nimport classNames from 'classnames';\nimport memoize from 'memoizee';\nimport Checkbox from './Checkbox';\n\nexport interface SelectItem<T> {\n  value: T;\n  displayValue?: string;\n  isSelected: boolean;\n}\n\ntype SelectValueListProps<T> = {\n  className?: string;\n  disabled: boolean;\n  isInvalid?: 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  onBlur?: React.FocusEventHandler<Element>;\n  onSelect(itemIndex: number, value: T | null): void;\n  onViewportChange(topRow: number, bottomRow: number): void;\n\n  'data-testid'?: string;\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    onBlur: (): void => undefined,\n    'data-testid': undefined,\n  };\n\n  constructor(props: SelectValueListProps<T>) {\n    super(props);\n\n    this.handleBlur = this.handleBlur.bind(this);\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        // Tab index is needed so the item could be a related target in the blur event details\n        <li className=\"value-list-item\" style={style} key={key} tabIndex={-1}>\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  handleBlur(e: React.FocusEvent): void {\n    if (\n      !e.relatedTarget ||\n      (this.list.current &&\n        e.relatedTarget instanceof HTMLElement &&\n        !this.list.current.contains(e.relatedTarget))\n    ) {\n      // Next focused element is outside of the list\n      const { onBlur } = this.props;\n      onBlur?.(e);\n    }\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  getElement(itemIndex: number): Element | null {\n    if (this.list.current == null) {\n      return null;\n    }\n    const elements = this.list.current.querySelectorAll('.value-list-item');\n    return elements[itemIndex];\n  }\n\n  scrollIntoView(index: number): void {\n    const element = this.getElement(index);\n    element?.scrollIntoView({ block: 'center' });\n  }\n\n  render(): JSX.Element {\n    const {\n      className,\n      disabled,\n      isInvalid,\n      items,\n      itemCount,\n      offset,\n      rowHeight,\n      'data-testid': dataTestId,\n    } = this.props;\n    const itemElements = this.getCachedItems(\n      items,\n      rowHeight,\n      offset,\n      disabled\n    );\n\n    return (\n      <div\n        className={classNames(\n          'select-value-list-scroll-pane h-100 w-100',\n          { 'is-invalid': isInvalid },\n          className\n        )}\n        onBlur={this.handleBlur}\n        onScroll={this.handleScroll}\n        ref={this.list}\n        data-testid={dataTestId}\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"],"mappings":"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"}
+{"version":3,"file":"SelectValueList.js","names":["React","PureComponent","classNames","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","handleBlur","bind","handleScroll","list","createRef","topRow","bottomRow","componentDidMount","sendViewportUpdate","componentDidUpdate","e","relatedTarget","current","HTMLElement","contains","onBlur","onSelect","visibleItemIndex","clientHeight","onViewportChange","top","scrollTop","bottom","Math","floor","ceil","getElement","elements","querySelectorAll","scrollIntoView","index","block","render","className","isInvalid","itemCount","dataTestId","getCachedItems","position","left","undefined"],"sources":["../src/SelectValueList.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport './SelectValueList.scss';\nimport classNames from 'classnames';\nimport memoize from 'memoizee';\nimport Checkbox from './Checkbox';\n\nexport interface SelectItem<T> {\n  value: T;\n  displayValue?: string;\n  isSelected: boolean;\n}\n\ntype SelectValueListProps<T> = {\n  className?: string;\n  disabled: boolean;\n  isInvalid?: 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  onBlur?: React.FocusEventHandler<Element>;\n  onSelect(itemIndex: number, value: T | null): void;\n  onViewportChange(topRow: number, bottomRow: number): void;\n\n  'data-testid'?: string;\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    onBlur: (): void => undefined,\n    'data-testid': undefined,\n  };\n\n  constructor(props: SelectValueListProps<T>) {\n    super(props);\n\n    this.handleBlur = this.handleBlur.bind(this);\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        // Tab index is needed so the item could be a related target in the blur event details\n        <li className=\"value-list-item\" style={style} key={key} tabIndex={-1}>\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  handleBlur(e: React.FocusEvent): void {\n    if (\n      !e.relatedTarget ||\n      (this.list.current &&\n        e.relatedTarget instanceof HTMLElement &&\n        !this.list.current.contains(e.relatedTarget))\n    ) {\n      // Next focused element is outside of the list\n      const { onBlur } = this.props;\n      onBlur?.(e);\n    }\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  getElement(itemIndex: number): Element | null {\n    if (this.list.current == null) {\n      return null;\n    }\n    const elements = this.list.current.querySelectorAll('.value-list-item');\n    return elements[itemIndex];\n  }\n\n  scrollIntoView(index: number): void {\n    const element = this.getElement(index);\n    element?.scrollIntoView({ block: 'center' });\n  }\n\n  render(): JSX.Element {\n    const {\n      className,\n      disabled,\n      isInvalid,\n      items,\n      itemCount,\n      offset,\n      rowHeight,\n      'data-testid': dataTestId,\n    } = this.props;\n    const itemElements = this.getCachedItems(\n      items,\n      rowHeight,\n      offset,\n      disabled\n    );\n\n    return (\n      <div\n        className={classNames(\n          'select-value-list-scroll-pane h-100 w-100',\n          { 'is-invalid': isInvalid },\n          className\n        )}\n        onBlur={this.handleBlur}\n        onScroll={this.handleScroll}\n        ref={this.list}\n        data-testid={dataTestId}\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"],"mappings":"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"}

package/dist/SocketedButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocketedButton.js","names":["React","classNames","dhExclamation","vsLink","FontAwesomeIcon","SocketedButton","forwardRef","props","ref","children","className","disabled","isLinked","isLinkedSource","isInvalid","onClick","onMouseEnter","onMouseLeave","style","dataTestId","undefined","displayName","defaultProps"],"sources":["../src/SocketedButton.tsx"],"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  'data-testid'?: string;\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      'data-testid': dataTestId,\n    } = props;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={classNames(\n          'btn-socketed',\n          {\n            'btn-socketed-linked':\n              (isLinked !== undefined && isLinked) || isLinkedSource,\n          },\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        data-testid={dataTestId}\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  'data-testid': undefined,\n};\n\nexport default SocketedButton;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,kBAAtC;AACA,SAASC,eAAT,QAAgC,gCAAhC;;AAkBA,IAAMC,cAAc,gBAAGL,KAAK,CAACM,UAAN,CACrB,CAACC,KAAD,EAA6BC,GAA7B,KAAqC;EACnC,IAAM;IACJC,QADI;IAEJC,SAFI;IAGJC,QAHI;IAIJC,QAJI;IAKJC,cALI;IAMJC,SANI;IAOJC,OAPI;IAQJC,YARI;IASJC,YATI;IAUJC,KAVI;IAWJ,eAAeC;EAXX,IAYFZ,KAZJ;EAaA,oBACE;IACE,GAAG,EAAEC,GADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAEP,UAAU,CACnB,cADmB,EAEnB;MACE,uBACGW,QAAQ,KAAKQ,SAAb,IAA0BR,QAA3B,IAAwCC;IAF5C,CAFmB,EAMnB;MAAE,8BAA8BA;IAAhC,CANmB,EAOnB;MAAE,cAAcC;IAAhB,CAPmB,EAQnBJ,SARmB,CAHvB;IAaE,OAAO,EAAEK,OAbX;IAcE,YAAY,EAAEC,YAdhB;IAeE,YAAY,EAAEC,YAfhB;IAgBE,KAAK,EAAEC,KAhBT;IAiBE,QAAQ,EAAEP,QAjBZ;IAkBE,eAAaQ;EAlBf,GAoBGV,QApBH,eAqBE,oBAAC,eAAD;IACE,IAAI,EAAEN,MADR;IAEE,SAAS,EAAC,0BAFZ;IAGE,SAAS,EAAC;EAHZ,EArBF,eA0BE,oBAAC,eAAD;IACE,IAAI,EAAED,aADR;IAEE,SAAS,EAAC;EAFZ,EA1BF,CADF;AAiCD,CAhDoB,CAAvB;AAmDAG,cAAc,CAACgB,WAAf,GAA6B,gBAA7B;AAEAhB,cAAc,CAACiB,YAAf,GAA8B;EAC5Bb,QAAQ,EAAEW,SADkB;EAE5BV,SAAS,EAAE,EAFiB;EAG5BC,QAAQ,EAAE,KAHkB;EAI5BC,QAAQ,EAAE,KAJkB;EAK5BC,cAAc,EAAE,KALY;EAM5BC,SAAS,EAAE,KANiB;EAO5BC,OAAO,EAAEK,SAPmB;EAQ5BJ,YAAY,EAAEI,SARc;EAS5BH,YAAY,EAAEG,SATc;EAU5BF,KAAK,EAAEE,SAVqB;EAW5B,eAAeA;AAXa,CAA9B;AAcA,eAAef,cAAf"}
+{"version":3,"file":"SocketedButton.js","names":["React","classNames","dhExclamation","vsLink","FontAwesomeIcon","SocketedButton","forwardRef","props","ref","children","className","disabled","isLinked","isLinkedSource","isInvalid","onClick","onMouseEnter","onMouseLeave","style","dataTestId","undefined","displayName","defaultProps"],"sources":["../src/SocketedButton.tsx"],"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  'data-testid'?: string;\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      'data-testid': dataTestId,\n    } = props;\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={classNames(\n          'btn-socketed',\n          {\n            'btn-socketed-linked':\n              (isLinked !== undefined && isLinked) || isLinkedSource,\n          },\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        data-testid={dataTestId}\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  'data-testid': undefined,\n};\n\nexport default SocketedButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,aAAa,EAAEC,MAAM,QAAQ,kBAAkB;AACxD,SAASC,eAAe,QAAQ,gCAAgC;AAAC;AAkBjE,IAAMC,cAAc,gBAAGL,KAAK,CAACM,UAAU,CACrC,CAACC,KAA0B,EAAEC,GAAG,KAAK;EACnC,IAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACRC,cAAc;IACdC,SAAS;IACTC,OAAO;IACPC,YAAY;IACZC,YAAY;IACZC,KAAK;IACL,aAAa,EAAEC;EACjB,CAAC,GAAGZ,KAAK;EACT,oBACE;IACE,GAAG,EAAEC,GAAI;IACT,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEP,UAAU,CACnB,cAAc,EACd;MACE,qBAAqB,EAClBW,QAAQ,KAAKQ,SAAS,IAAIR,QAAQ,IAAKC;IAC5C,CAAC,EACD;MAAE,4BAA4B,EAAEA;IAAe,CAAC,EAChD;MAAE,YAAY,EAAEC;IAAU,CAAC,EAC3BJ,SAAS,CACT;IACF,OAAO,EAAEK,OAAQ;IACjB,YAAY,EAAEC,YAAa;IAC3B,YAAY,EAAEC,YAAa;IAC3B,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEP,QAAS;IACnB,eAAaQ;EAAW,GAEvBV,QAAQ,eACT,oBAAC,eAAe;IACd,IAAI,EAAEN,MAAO;IACb,SAAS,EAAC,0BAA0B;IACpC,SAAS,EAAC;EAAQ,EAClB,eACF,oBAAC,eAAe;IACd,IAAI,EAAED,aAAc;IACpB,SAAS,EAAC;EAA8B,EACxC,CACK;AAEb,CAAC,CACF;AAEDG,cAAc,CAACgB,WAAW,GAAG,gBAAgB;AAE7ChB,cAAc,CAACiB,YAAY,GAAG;EAC5Bb,QAAQ,EAAEW,SAAS;EACnBV,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAEK,SAAS;EAClBJ,YAAY,EAAEI,SAAS;EACvBH,YAAY,EAAEG,SAAS;EACvBF,KAAK,EAAEE,SAAS;EAChB,aAAa,EAAEA;AACjB,CAAC;AAED,eAAef,cAAc"}

package/dist/ThemeExport.js

@@ -1,12 +1,8 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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 ThemeExport from "./ThemeExport.module.css"; // Note that TypeScript does not know what keys exist on ThemeExport.module.scss
 // It only knows it's an object with strings for keys and values
-
 export default Object.freeze(_objectSpread({
   transitionMs: 150,
   transitionMidMs: 200,

package/dist/ThemeExport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeExport.js","names":["ThemeExport","Object","freeze","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs"],"sources":["../src/ThemeExport.ts"],"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"],"mappings":";;;;;;OAAOA,W,kCAEP;AACA;;AACA,eAAeC,MAAM,CAACC,MAAP;EACbC,YAAY,EAAE,GADD;EAEbC,eAAe,EAAE,GAFJ;EAGbC,gBAAgB,EAAE,GAHL;EAIbC,gBAAgB,EAAE;AAJL,GAKVN,WALU,EAAf"}
+{"version":3,"file":"ThemeExport.js","names":["ThemeExport","Object","freeze","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs"],"sources":["../src/ThemeExport.ts"],"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"],"mappings":";;;OAAOA,WAAW,kCAElB;AACA;AACA,eAAeC,MAAM,CAACC,MAAM;EAC1BC,YAAY,EAAE,GAAG;EACjBC,eAAe,EAAE,GAAG;EACpBC,gBAAgB,EAAE,GAAG;EACrBC,gBAAgB,EAAE;AAAI,GACnBN,WAAW,EACd"}

package/dist/TimeInput.js

@@ -25,26 +25,21 @@ var TimeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   useImperativeHandle(ref, () => ({
     focus: () => {
       var _inputRef$current;
-
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     },
     setSelection: newSelection => {
       var _inputRef$current2;
-
       (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
-
       _setSelection(newSelection);
     }
   }), []);
   useEffect(function setFormattedTime() {
     setValue(TimeUtils.formatTime(propsValue));
   }, [propsValue]);
-
   function getNextSegmentValue(range, delta, segmentValue) {
     // Delta is backward because negative Y is up
     var maxValue = range.selectionStart === 0 ? 24 : 60;
     var newSegmentValue = parseInt(segmentValue, 10) - delta;
-
     if (Number.isNaN(newSegmentValue)) {
       newSegmentValue = 0;
     } else if (allowValueWrapping) {
@@ -53,31 +48,26 @@ var TimeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     } else {
       newSegmentValue = Math.min(Math.max(0, newSegmentValue), maxValue - 1);
     }
-
     return "".concat(newSegmentValue).padStart(2, '0');
   }
-
   function getPreferredReplacementString(replaceValue, replaceIndex, newChar, selectionStart, selectionEnd) {
     if (selectionStart === 0 && selectionEnd === 2 && replaceIndex === 1 && parseInt(newChar, 10) > 1) {
       // DH-10082 Special case for when typing `3` when it's already 12
       return "0".concat(newChar).concat(replaceValue.substring(2));
     }
-
     return DEFAULT_GET_PREFERRED_REPLACEMENT_STRING(replaceValue, replaceIndex, newChar);
   }
-
   function handleChange(newValue) {
     log.debug('handleChange', newValue);
-    setValue(newValue); // Only send a change if the value is actually valid
+    setValue(newValue);
 
+    // Only send a change if the value is actually valid
     if (TimeUtils.isTimeString(newValue)) {
       onChange(TimeUtils.parseTime(newValue));
     }
   }
-
   var handleSelect = useCallback(newSelection => {
     _setSelection(newSelection);
-
     onSelect(newSelection);
   }, [onSelect]);
   return /*#__PURE__*/React.createElement(MaskedInput, {

package/dist/TimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.js","names":["React","useCallback","useEffect","useImperativeHandle","useRef","useState","Log","TimeUtils","MaskedInput","DEFAULT_GET_PREFERRED_REPLACEMENT_STRING","log","module","TIME_PATTERN","EXAMPLES","TimeInput","forwardRef","props","ref","allowValueWrapping","className","onChange","value","propsValue","onFocus","onBlur","onSelect","dataTestId","setValue","formatTime","selection","setSelection","inputRef","focus","current","newSelection","setFormattedTime","getNextSegmentValue","range","delta","segmentValue","maxValue","selectionStart","newSegmentValue","parseInt","Number","isNaN","Math","min","max","padStart","getPreferredReplacementString","replaceValue","replaceIndex","newChar","selectionEnd","substring","handleChange","newValue","debug","isTimeString","parseTime","handleSelect","defaultProps","undefined"],"sources":["../src/TimeInput.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport Log from '@deephaven/log';\nimport { TimeUtils } from '@deephaven/utils';\nimport MaskedInput, {\n  DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n  SelectionSegment,\n} from './MaskedInput';\n\nexport type { SelectionSegment } from './MaskedInput';\n\nconst log = Log.module('TimeInput');\n\nconst TIME_PATTERN = '([01][0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]';\nconst EXAMPLES = ['00:00:00', '12:34:56', '23:59:59'];\n\ntype TimeInputProps = {\n  allowValueWrapping?: boolean;\n  className?: string;\n  onChange?(timeInSec: number): void;\n  onSelect?(selection: SelectionSegment): void;\n  value?: number;\n  onFocus?(): void;\n  onBlur?(): void;\n  'data-testid'?: string;\n};\n\nexport type TimeInputElement = {\n  focus: () => void;\n  setSelection: (newSelection: SelectionSegment) => void;\n};\n\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\n// eslint-disable-next-line react/display-name\nconst TimeInput = React.forwardRef<TimeInputElement, TimeInputProps>(\n  (props: TimeInputProps, ref) => {\n    const {\n      allowValueWrapping = true,\n      className = '',\n      onChange = () => false,\n      value: propsValue = 0,\n      onFocus = () => false,\n      onBlur = () => false,\n      onSelect = () => false,\n      'data-testid': dataTestId,\n    } = props;\n    const [value, setValue] = useState(TimeUtils.formatTime(propsValue));\n    const [selection, setSelection] = useState<SelectionSegment>();\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus: () => {\n          inputRef.current?.focus();\n        },\n        setSelection: newSelection => {\n          inputRef.current?.focus();\n          setSelection(newSelection);\n        },\n      }),\n      []\n    );\n\n    useEffect(\n      function setFormattedTime() {\n        setValue(TimeUtils.formatTime(propsValue));\n      },\n      [propsValue]\n    );\n\n    function getNextSegmentValue(\n      range: SelectionSegment,\n      delta: number,\n      segmentValue: string\n    ): string {\n      // Delta is backward because negative Y is up\n      const maxValue = range.selectionStart === 0 ? 24 : 60;\n      let newSegmentValue = parseInt(segmentValue, 10) - delta;\n      if (Number.isNaN(newSegmentValue)) {\n        newSegmentValue = 0;\n      } else if (allowValueWrapping) {\n        // Add max value and re-mod so we don't get negative values after mod\n        newSegmentValue = ((newSegmentValue % maxValue) + maxValue) % maxValue;\n      } else {\n        newSegmentValue = Math.min(Math.max(0, newSegmentValue), maxValue - 1);\n      }\n      return `${newSegmentValue}`.padStart(2, '0');\n    }\n\n    function getPreferredReplacementString(\n      replaceValue: string,\n      replaceIndex: number,\n      newChar: string,\n      selectionStart: number,\n      selectionEnd: number\n    ) {\n      if (\n        selectionStart === 0 &&\n        selectionEnd === 2 &&\n        replaceIndex === 1 &&\n        parseInt(newChar, 10) > 1\n      ) {\n        // DH-10082 Special case for when typing `3` when it's already 12\n        return `0${newChar}${replaceValue.substring(2)}`;\n      }\n      return DEFAULT_GET_PREFERRED_REPLACEMENT_STRING(\n        replaceValue,\n        replaceIndex,\n        newChar\n      );\n    }\n\n    function handleChange(newValue: string): void {\n      log.debug('handleChange', newValue);\n      setValue(newValue);\n\n      // Only send a change if the value is actually valid\n      if (TimeUtils.isTimeString(newValue)) {\n        onChange(TimeUtils.parseTime(newValue));\n      }\n    }\n\n    const handleSelect = useCallback(\n      (newSelection: SelectionSegment) => {\n        setSelection(newSelection);\n        onSelect(newSelection);\n      },\n      [onSelect]\n    );\n\n    return (\n      <MaskedInput\n        ref={inputRef}\n        className={className}\n        example={EXAMPLES}\n        getNextSegmentValue={getNextSegmentValue}\n        getPreferredReplacementString={getPreferredReplacementString}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        pattern={TIME_PATTERN}\n        selection={selection}\n        value={value}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        data-testid={dataTestId}\n      />\n    );\n  }\n);\n\nTimeInput.defaultProps = {\n  allowValueWrapping: true,\n  className: '',\n  onChange: () => false,\n  onSelect: () => false,\n  value: 0,\n  onFocus: () => false,\n  onBlur: () => false,\n  'data-testid': undefined,\n};\n\nexport default TimeInput;\n"],"mappings":"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"}
+{"version":3,"file":"TimeInput.js","names":["React","useCallback","useEffect","useImperativeHandle","useRef","useState","Log","TimeUtils","MaskedInput","DEFAULT_GET_PREFERRED_REPLACEMENT_STRING","log","module","TIME_PATTERN","EXAMPLES","TimeInput","forwardRef","props","ref","allowValueWrapping","className","onChange","value","propsValue","onFocus","onBlur","onSelect","dataTestId","setValue","formatTime","selection","setSelection","inputRef","focus","current","newSelection","setFormattedTime","getNextSegmentValue","range","delta","segmentValue","maxValue","selectionStart","newSegmentValue","parseInt","Number","isNaN","Math","min","max","padStart","getPreferredReplacementString","replaceValue","replaceIndex","newChar","selectionEnd","substring","handleChange","newValue","debug","isTimeString","parseTime","handleSelect","defaultProps","undefined"],"sources":["../src/TimeInput.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\nimport Log from '@deephaven/log';\nimport { TimeUtils } from '@deephaven/utils';\nimport MaskedInput, {\n  DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n  SelectionSegment,\n} from './MaskedInput';\n\nexport type { SelectionSegment } from './MaskedInput';\n\nconst log = Log.module('TimeInput');\n\nconst TIME_PATTERN = '([01][0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]';\nconst EXAMPLES = ['00:00:00', '12:34:56', '23:59:59'];\n\ntype TimeInputProps = {\n  allowValueWrapping?: boolean;\n  className?: string;\n  onChange?(timeInSec: number): void;\n  onSelect?(selection: SelectionSegment): void;\n  value?: number;\n  onFocus?(): void;\n  onBlur?(): void;\n  'data-testid'?: string;\n};\n\nexport type TimeInputElement = {\n  focus: () => void;\n  setSelection: (newSelection: SelectionSegment) => void;\n};\n\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\n// eslint-disable-next-line react/display-name\nconst TimeInput = React.forwardRef<TimeInputElement, TimeInputProps>(\n  (props: TimeInputProps, ref) => {\n    const {\n      allowValueWrapping = true,\n      className = '',\n      onChange = () => false,\n      value: propsValue = 0,\n      onFocus = () => false,\n      onBlur = () => false,\n      onSelect = () => false,\n      'data-testid': dataTestId,\n    } = props;\n    const [value, setValue] = useState(TimeUtils.formatTime(propsValue));\n    const [selection, setSelection] = useState<SelectionSegment>();\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus: () => {\n          inputRef.current?.focus();\n        },\n        setSelection: newSelection => {\n          inputRef.current?.focus();\n          setSelection(newSelection);\n        },\n      }),\n      []\n    );\n\n    useEffect(\n      function setFormattedTime() {\n        setValue(TimeUtils.formatTime(propsValue));\n      },\n      [propsValue]\n    );\n\n    function getNextSegmentValue(\n      range: SelectionSegment,\n      delta: number,\n      segmentValue: string\n    ): string {\n      // Delta is backward because negative Y is up\n      const maxValue = range.selectionStart === 0 ? 24 : 60;\n      let newSegmentValue = parseInt(segmentValue, 10) - delta;\n      if (Number.isNaN(newSegmentValue)) {\n        newSegmentValue = 0;\n      } else if (allowValueWrapping) {\n        // Add max value and re-mod so we don't get negative values after mod\n        newSegmentValue = ((newSegmentValue % maxValue) + maxValue) % maxValue;\n      } else {\n        newSegmentValue = Math.min(Math.max(0, newSegmentValue), maxValue - 1);\n      }\n      return `${newSegmentValue}`.padStart(2, '0');\n    }\n\n    function getPreferredReplacementString(\n      replaceValue: string,\n      replaceIndex: number,\n      newChar: string,\n      selectionStart: number,\n      selectionEnd: number\n    ) {\n      if (\n        selectionStart === 0 &&\n        selectionEnd === 2 &&\n        replaceIndex === 1 &&\n        parseInt(newChar, 10) > 1\n      ) {\n        // DH-10082 Special case for when typing `3` when it's already 12\n        return `0${newChar}${replaceValue.substring(2)}`;\n      }\n      return DEFAULT_GET_PREFERRED_REPLACEMENT_STRING(\n        replaceValue,\n        replaceIndex,\n        newChar\n      );\n    }\n\n    function handleChange(newValue: string): void {\n      log.debug('handleChange', newValue);\n      setValue(newValue);\n\n      // Only send a change if the value is actually valid\n      if (TimeUtils.isTimeString(newValue)) {\n        onChange(TimeUtils.parseTime(newValue));\n      }\n    }\n\n    const handleSelect = useCallback(\n      (newSelection: SelectionSegment) => {\n        setSelection(newSelection);\n        onSelect(newSelection);\n      },\n      [onSelect]\n    );\n\n    return (\n      <MaskedInput\n        ref={inputRef}\n        className={className}\n        example={EXAMPLES}\n        getNextSegmentValue={getNextSegmentValue}\n        getPreferredReplacementString={getPreferredReplacementString}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        pattern={TIME_PATTERN}\n        selection={selection}\n        value={value}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        data-testid={dataTestId}\n      />\n    );\n  }\n);\n\nTimeInput.defaultProps = {\n  allowValueWrapping: true,\n  className: '',\n  onChange: () => false,\n  onSelect: () => false,\n  value: 0,\n  onFocus: () => false,\n  onBlur: () => false,\n  'data-testid': undefined,\n};\n\nexport default TimeInput;\n"],"mappings":"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"}

package/dist/TimeSlider.d.ts

@@ -15,6 +15,6 @@ declare type TimeSliderProps = {
  * Creates a time slider for setting a start and end time, that can also run overnight
  * @param props takes times in seconds 0 - 86399 and a callback
  */
-declare const TimeSlider: ({ startTime: propStartTime, endTime: propEndTime, onChange, isStartModified, isEndModified, "data-testid": dataTestId, }: TimeSliderProps) => JSX.Element;
+declare function TimeSlider({ startTime: propStartTime, endTime: propEndTime, onChange, isStartModified, isEndModified, 'data-testid': dataTestId, }: TimeSliderProps): JSX.Element;
 export default TimeSlider;
 //# sourceMappingURL=TimeSlider.d.ts.map