@deephaven/components 1.7.2-beta.1 → 1.7.2-beta.4

package/dist/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["React","useCallback","classNames","useForwardedRef","jsx","_jsx","Select","forwardRef","props","forwardedRef","children","className","isInvalid","onChange","dataTestId","rest","_objectWithoutProperties","_excluded","ref","handleChange","event","target","value","_objectSpread","displayName"],"sources":["../src/Select.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { useForwardedRef } from '@deephaven/react-hooks';\n\ntype baseSelectProps = Omit<React.HTMLProps<HTMLSelectElement>, 'onChange'>;\n\nexport type SelectProps = baseSelectProps & {\n  isInvalid?: boolean;\n  onChange: (value: string) => void;\n  'data-testid'?: string;\n};\n\n/**\n * A custom select component with styling, which is a wrapper around the\n * native select element.\n * @param props.onChange returns a string value and not the event\n */\n\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      className,\n      isInvalid,\n      onChange,\n      'data-testid': dataTestId,\n      ...rest\n    } = props;\n\n    const ref = useForwardedRef<HTMLSelectElement>(forwardedRef);\n\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLSelectElement>): void => {\n        onChange(event.target.value);\n      },\n      [onChange]\n    );\n\n    return (\n      <select\n        ref={ref}\n        className={classNames('custom-select', className, {\n          'is-invalid': isInvalid,\n        })}\n        onChange={handleChange}\n        data-testid={dataTestId}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...rest}\n      >\n        {children}\n      </select>\n    );\n  }\n);\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUzD;AACA;AACA;AACA;AACA;;AAEA,IAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAC7B,CAACC,KAAK,EAAEC,YAAY,KAAK;EACvB,IAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,QAAQ;MACR,aAAa,EAAEC;IAEjB,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EAET,IAAMC,GAAG,GAAGf,eAAe,CAAoBM,YAAY,CAAC;EAE5D,IAAMU,YAAY,GAAGlB,WAAW,CAC7BmB,KAA2C,IAAW;IACrDP,QAAQ,CAACO,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;EAC9B,CAAC,EACD,CAACT,QAAQ,CACX,CAAC;EAED,oBACER,IAAA,WAAAkB,aAAA,CAAAA,aAAA;IACEL,GAAG,EAAEA,GAAI;IACTP,SAAS,EAAET,UAAU,CAAC,eAAe,EAAES,SAAS,EAAE;MAChD,YAAY,EAAEC;IAChB,CAAC,CAAE;IACHC,QAAQ,EAAEM,YAAa;IACvB,eAAaL;IACb;EAAA,GACIC,IAAI;IAAAL,QAAA,EAEPA;EAAQ,EACH,CAAC;AAEb,CACF,CAAC;AAEDJ,MAAM,CAACkB,WAAW,GAAG,QAAQ;AAE7B,eAAelB,MAAM"}
+{"version":3,"file":"Select.js","names":["React","useCallback","classNames","useForwardedRef","jsx","_jsx","Select","forwardRef","props","forwardedRef","children","className","isInvalid","onChange","dataTestId","rest","_objectWithoutProperties","_excluded","ref","handleChange","event","target","value","_objectSpread","displayName"],"sources":["../src/Select.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport classNames from 'classnames';\nimport { useForwardedRef } from '@deephaven/react-hooks';\n\ntype baseSelectProps = Omit<React.HTMLProps<HTMLSelectElement>, 'onChange'>;\n\nexport type SelectProps = baseSelectProps & {\n  isInvalid?: boolean;\n  onChange: (value: string) => void;\n  'data-testid'?: string;\n};\n\n/**\n * A custom select component with styling, which is a wrapper around the\n * native select element.\n * @param props.onChange returns a string value and not the event\n */\n\nconst Select = React.forwardRef<HTMLSelectElement, SelectProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      className,\n      isInvalid,\n      onChange,\n      'data-testid': dataTestId,\n      ...rest\n    } = props;\n\n    const ref = useForwardedRef<HTMLSelectElement>(forwardedRef);\n\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLSelectElement>): void => {\n        onChange(event.target.value);\n      },\n      [onChange]\n    );\n\n    return (\n      <select\n        ref={ref}\n        className={classNames('custom-select', className, {\n          'is-invalid': isInvalid,\n        })}\n        onChange={handleChange}\n        data-testid={dataTestId}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...rest}\n      >\n        {children}\n      </select>\n    );\n  }\n);\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUzD;AACA;AACA;AACA;AACA;;AAEA,IAAMC,MAAM,gBAAGN,KAAK,CAACO,UAAU,CAC7B,CAACC,KAAK,EAAEC,YAAY,KAAK;EACvB,IAAM;MACJC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,QAAQ;MACR,aAAa,EAAEC;IAEjB,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EAET,IAAMC,GAAG,GAAGf,eAAe,CAAoBM,YAAY,CAAC;EAE5D,IAAMU,YAAY,GAAGlB,WAAW,CAC7BmB,KAA2C,IAAW;IACrDP,QAAQ,CAACO,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;EAC9B,CAAC,EACD,CAACT,QAAQ,CACX,CAAC;EAED,oBACER,IAAA,WAAAkB,aAAA,CAAAA,aAAA;IACEL,GAAG,EAAEA,GAAI;IACTP,SAAS,EAAET,UAAU,CAAC,eAAe,EAAES,SAAS,EAAE;MAChD,YAAY,EAAEC;IAChB,CAAC,CAAE;IACHC,QAAQ,EAAEM,YAAa;IACvB,eAAaL;IACb;EAAA,GACIC,IAAI;IAAAL,QAAA,EAEPA;EAAQ,EACH,CAAC;AAEb,CACF,CAAC;AAEDJ,MAAM,CAACkB,WAAW,GAAG,QAAQ;AAE7B,eAAelB,MAAM","ignoreList":[]}

package/dist/SelectValueList.js

@@ -21,7 +21,7 @@ class SelectValueList extends PureComponent {
       var style = {
         height: rowHeight
       };
-      var text = displayValue != null ? displayValue : value;
+      var text = displayValue != null ? displayValue : "".concat(value);
       return (
         /*#__PURE__*/
         // Tab index is needed so the item could be a related target in the blur event details
@@ -45,13 +45,13 @@ class SelectValueList extends PureComponent {
       for (var i = 0; i < items.length; i += 1) {
         var item = items[i];
         var {
-          value: _value,
+          value,
           displayValue,
           isSelected
         } = item;
-        var _itemIndex = offset + i;
-        var key = _itemIndex;
-        var element = this.getCachedItem(_itemIndex, key, _value, displayValue, rowHeight, isSelected, disabled);
+        var itemIndex = offset + i;
+        var key = itemIndex;
+        var element = this.getCachedItem(itemIndex, key, value, displayValue, rowHeight, isSelected, disabled);
         itemElements.push(element);
       }
       return itemElements;
@@ -77,7 +77,7 @@ class SelectValueList extends PureComponent {
       var {
         onBlur
       } = this.props;
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+      onBlur === null || onBlur === void 0 || onBlur(e);
     }
   }
   handleScroll() {
@@ -93,9 +93,9 @@ class SelectValueList extends PureComponent {
     if (visibleItemIndex >= 0 && visibleItemIndex < items.length) {
       var item = items[visibleItemIndex];
       var {
-        value: _value2
+        value
       } = item;
-      onSelect(itemIndex, _value2);
+      onSelect(itemIndex, value);
     } else {
       onSelect(itemIndex, null);
     }
@@ -127,7 +127,7 @@ class SelectValueList extends PureComponent {
   }
   scrollIntoView(index) {
     var element = this.getElement(index);
-    element === null || element === void 0 ? void 0 : element.scrollIntoView({
+    element === null || element === void 0 || element.scrollIntoView({
       block: 'center'
     });
   }

package/dist/SelectValueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectValueList.js","names":["React","PureComponent","classNames","memoize","Checkbox","jsx","_jsx","SelectValueList","constructor","props","_defineProperty","itemIndex","key","value","displayValue","rowHeight","isSelected","disabled","style","height","text","className","tabIndex","children","checked","onChange","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","isInvalid","itemCount","dataTestId","getCachedItems","onScroll","ref","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 | JSX.Element;\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 | JSX.Element | 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","jsx","_jsx","SelectValueList","constructor","props","_defineProperty","itemIndex","key","value","displayValue","rowHeight","isSelected","disabled","style","height","text","concat","className","tabIndex","children","checked","onChange","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","isInvalid","itemCount","dataTestId","getCachedItems","onScroll","ref","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 | JSX.Element;\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 | JSX.Element | 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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","ignoreList":[]}

package/dist/SocketedButton.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import './SocketedButton.scss';
-type SocketedButtonProps = {
-    children?: React.ReactNode;
+declare const SocketedButton: React.ForwardRefExoticComponent<{
     className?: string;
     disabled?: boolean;
     id?: string;
@@ -13,7 +12,8 @@ type SocketedButtonProps = {
     onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
     style?: React.CSSProperties;
     'data-testid'?: string;
-};
-declare const SocketedButton: React.ForwardRefExoticComponent<SocketedButtonProps & React.RefAttributes<HTMLButtonElement>>;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
 export default SocketedButton;
 //# sourceMappingURL=SocketedButton.d.ts.map

package/dist/SocketedButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocketedButton.d.ts","sourceRoot":"","sources":["../src/SocketedButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,uBAAuB,CAAC;AAE/B,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,cAAc,+FA+DnB,CAAC;AAmBF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SocketedButton.d.ts","sourceRoot":"","sources":["../src/SocketedButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,uBAAuB,CAAC;AAgB/B,QAAA,MAAM,cAAc;gBAbN,MAAM;eACP,OAAO;SACb,MAAM;eACA,OAAO;qBACD,OAAO;gBACZ,OAAO;cACT,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;mBACrC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;mBAC1C,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC;YACjD,KAAK,CAAC,aAAa;oBACX,MAAM;;;2CAkEvB,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/SocketedButton.js

@@ -4,17 +4,16 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useSlotProps } from '@react-spectrum/utils';
 import { dhExclamation, vsLink } from '@deephaven/icons';
 import "./SocketedButton.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var SocketedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   var {
     children,
     className,
-    disabled,
+    disabled = false,
     id,
-    isLinked,
-    isLinkedSource,
-    isInvalid,
+    isLinked = false,
+    isLinkedSource = false,
+    isInvalid = false,
     onClick,
     onMouseEnter,
     onMouseLeave,
@@ -58,19 +57,5 @@ var SocketedButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   });
 });
 SocketedButton.displayName = 'SocketedButton';
-SocketedButton.defaultProps = {
-  children: undefined,
-  className: '',
-  disabled: false,
-  id: undefined,
-  isLinked: false,
-  isLinkedSource: false,
-  isInvalid: false,
-  onClick: undefined,
-  onMouseEnter: undefined,
-  onMouseLeave: undefined,
-  style: undefined,
-  'data-testid': undefined
-};
 export default SocketedButton;
 //# sourceMappingURL=SocketedButton.js.map

package/dist/SocketedButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocketedButton.js","names":["React","classNames","FontAwesomeIcon","useSlotProps","dhExclamation","vsLink","jsx","_jsx","jsxs","_jsxs","SocketedButton","forwardRef","props","ref","children","className","disabled","id","isLinked","isLinkedSource","isInvalid","onClick","onMouseEnter","onMouseLeave","style","dataTestId","UNSAFE_className","type","undefined","icon","transform","displayName","defaultProps"],"sources":["../src/SocketedButton.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { useSlotProps } from '@react-spectrum/utils';\nimport { dhExclamation, vsLink } from '@deephaven/icons';\n\nimport './SocketedButton.scss';\n\ntype SocketedButtonProps = {\n  children?: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  id?: string;\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      id,\n      isLinked,\n      isLinkedSource,\n      isInvalid,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      style,\n      'data-testid': dataTestId,\n    } = props;\n\n    // Spectrum container components such as `ButtonGroup` provide\n    // UNSAFE_className prop for the `button` slot via a SlotProvider (\n    // https://github.com/adobe/react-spectrum/blob/%40adobe/react-spectrum%403.33.1/packages/%40react-spectrum/buttongroup/src/ButtonGroup.tsx#L104-L107)\n    // This can be retrieved via `useSlotProps` to allow our buttons to be styled\n    // correctly inside the container.\n    const { UNSAFE_className } = useSlotProps<{ UNSAFE_className?: string }>(\n      {},\n      'button'\n    );\n\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          UNSAFE_className\n        )}\n        id={id}\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  id: undefined,\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,eAAe,QAAQ,gCAAgC;AAChE,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,aAAa,EAAEC,MAAM,QAAQ,kBAAkB;AAAC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAmBzD,IAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAU,CACrC,CAACC,KAA0B,EAAEC,GAAG,KAAK;EACnC,IAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC,EAAE;IACFC,QAAQ;IACRC,cAAc;IACdC,SAAS;IACTC,OAAO;IACPC,YAAY;IACZC,YAAY;IACZC,KAAK;IACL,aAAa,EAAEC;EACjB,CAAC,GAAGb,KAAK;;EAET;EACA;EACA;EACA;EACA;EACA,IAAM;IAAEc;EAAiB,CAAC,GAAGvB,YAAY,CACvC,CAAC,CAAC,EACF,QACF,CAAC;EAED,oBACEM,KAAA;IACEI,GAAG,EAAEA,GAAI;IACTc,IAAI,EAAC,QAAQ;IACbZ,SAAS,EAAEd,UAAU,CACnB,cAAc,EACd;MACE,qBAAqB,EAClBiB,QAAQ,KAAKU,SAAS,IAAIV,QAAQ,IAAKC;IAC5C,CAAC,EACD;MAAE,4BAA4B,EAAEA;IAAe,CAAC,EAChD;MAAE,YAAY,EAAEC;IAAU,CAAC,EAC3BL,SAAS,EACTW,gBACF,CAAE;IACFT,EAAE,EAAEA,EAAG;IACPI,OAAO,EAAEA,OAAQ;IACjBC,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA,KAAM;IACbR,QAAQ,EAAEA,QAAS;IACnB,eAAaS,UAAW;IAAAX,QAAA,GAEvBA,QAAQ,eACTP,IAAA,CAACL,eAAe;MACd2B,IAAI,EAAExB,MAAO;MACbU,SAAS,EAAC,0BAA0B;MACpCe,SAAS,EAAC;IAAQ,CACnB,CAAC,eACFvB,IAAA,CAACL,eAAe;MACd2B,IAAI,EAAEzB,aAAc;MACpBW,SAAS,EAAC;IAA8B,CACzC,CAAC;EAAA,CACI,CAAC;AAEb,CACF,CAAC;AAEDL,cAAc,CAACqB,WAAW,GAAG,gBAAgB;AAE7CrB,cAAc,CAACsB,YAAY,GAAG;EAC5BlB,QAAQ,EAAEc,SAAS;EACnBb,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAE,KAAK;EACfC,EAAE,EAAEW,SAAS;EACbV,QAAQ,EAAE,KAAK;EACfC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAEO,SAAS;EAClBN,YAAY,EAAEM,SAAS;EACvBL,YAAY,EAAEK,SAAS;EACvBJ,KAAK,EAAEI,SAAS;EAChB,aAAa,EAAEA;AACjB,CAAC;AAED,eAAelB,cAAc"}
+{"version":3,"file":"SocketedButton.js","names":["React","classNames","FontAwesomeIcon","useSlotProps","dhExclamation","vsLink","jsx","_jsx","jsxs","_jsxs","SocketedButton","forwardRef","props","ref","children","className","disabled","id","isLinked","isLinkedSource","isInvalid","onClick","onMouseEnter","onMouseLeave","style","dataTestId","UNSAFE_className","type","undefined","icon","transform","displayName"],"sources":["../src/SocketedButton.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { useSlotProps } from '@react-spectrum/utils';\nimport { dhExclamation, vsLink } from '@deephaven/icons';\n\nimport './SocketedButton.scss';\n\ntype SocketedButtonProps = React.PropsWithChildren<{\n  className?: string;\n  disabled?: boolean;\n  id?: string;\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 = false,\n      id,\n      isLinked = false,\n      isLinkedSource = false,\n      isInvalid = false,\n      onClick,\n      onMouseEnter,\n      onMouseLeave,\n      style,\n      'data-testid': dataTestId,\n    } = props;\n\n    // Spectrum container components such as `ButtonGroup` provide\n    // UNSAFE_className prop for the `button` slot via a SlotProvider (\n    // https://github.com/adobe/react-spectrum/blob/%40adobe/react-spectrum%403.33.1/packages/%40react-spectrum/buttongroup/src/ButtonGroup.tsx#L104-L107)\n    // This can be retrieved via `useSlotProps` to allow our buttons to be styled\n    // correctly inside the container.\n    const { UNSAFE_className } = useSlotProps<{ UNSAFE_className?: string }>(\n      {},\n      'button'\n    );\n\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          UNSAFE_className\n        )}\n        id={id}\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\nexport default SocketedButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,aAAa,EAAEC,MAAM,QAAQ,kBAAkB;AAAC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkBzD,IAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAU,CACrC,CAACC,KAA0B,EAAEC,GAAG,KAAK;EACnC,IAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,EAAE;IACFC,QAAQ,GAAG,KAAK;IAChBC,cAAc,GAAG,KAAK;IACtBC,SAAS,GAAG,KAAK;IACjBC,OAAO;IACPC,YAAY;IACZC,YAAY;IACZC,KAAK;IACL,aAAa,EAAEC;EACjB,CAAC,GAAGb,KAAK;;EAET;EACA;EACA;EACA;EACA;EACA,IAAM;IAAEc;EAAiB,CAAC,GAAGvB,YAAY,CACvC,CAAC,CAAC,EACF,QACF,CAAC;EAED,oBACEM,KAAA;IACEI,GAAG,EAAEA,GAAI;IACTc,IAAI,EAAC,QAAQ;IACbZ,SAAS,EAAEd,UAAU,CACnB,cAAc,EACd;MACE,qBAAqB,EAClBiB,QAAQ,KAAKU,SAAS,IAAIV,QAAQ,IAAKC;IAC5C,CAAC,EACD;MAAE,4BAA4B,EAAEA;IAAe,CAAC,EAChD;MAAE,YAAY,EAAEC;IAAU,CAAC,EAC3BL,SAAS,EACTW,gBACF,CAAE;IACFT,EAAE,EAAEA,EAAG;IACPI,OAAO,EAAEA,OAAQ;IACjBC,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA,KAAM;IACbR,QAAQ,EAAEA,QAAS;IACnB,eAAaS,UAAW;IAAAX,QAAA,GAEvBA,QAAQ,eACTP,IAAA,CAACL,eAAe;MACd2B,IAAI,EAAExB,MAAO;MACbU,SAAS,EAAC,0BAA0B;MACpCe,SAAS,EAAC;IAAQ,CACnB,CAAC,eACFvB,IAAA,CAACL,eAAe;MACd2B,IAAI,EAAEzB,aAAc;MACpBW,SAAS,EAAC;IAA8B,CACzC,CAAC;EAAA,CACI,CAAC;AAEb,CACF,CAAC;AAEDL,cAAc,CAACqB,WAAW,GAAG,gBAAgB;AAE7C,eAAerB,cAAc","ignoreList":[]}

package/dist/SplitButtonGroup.d.ts

@@ -1,25 +1,9 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-interface SplitButtonGroupProps {
-    children?: React.ReactNode;
+type SplitButtonGroupProps = React.PropsWithChildren<{
     className?: string;
     style?: React.CSSProperties;
     'data-testid'?: string;
-}
+}>;
 export declare function SplitButtonGroup(props: SplitButtonGroupProps): JSX.Element;
-export declare namespace SplitButtonGroup {
-    var displayName: string;
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        'data-testid': PropTypes.Requireable<string>;
-    };
-    var defaultProps: {
-        className: null;
-        style: {};
-        'data-testid': undefined;
-    };
-}
 export default SplitButtonGroup;
 //# sourceMappingURL=SplitButtonGroup.d.ts.map

package/dist/SplitButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButtonGroup.d.ts","sourceRoot":"","sources":["../src/SplitButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAa1E;yBAbe,gBAAgB;;;;;;;;;;;;;;AA8BhC,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SplitButtonGroup.d.ts","sourceRoot":"","sources":["../src/SplitButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC,CAAC;AAEH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAa1E;AAED,eAAe,gBAAgB,CAAC"}

package/dist/SplitButtonGroup.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function SplitButtonGroup(props) {
   var {
@@ -17,17 +16,5 @@ export function SplitButtonGroup(props) {
     children: children
   });
 }
-SplitButtonGroup.displayName = 'SplitButtonGroup';
-SplitButtonGroup.propTypes = {
-  children: PropTypes.node.isRequired,
-  className: PropTypes.string,
-  style: PropTypes.object,
-  'data-testid': PropTypes.string
-};
-SplitButtonGroup.defaultProps = {
-  className: null,
-  style: {},
-  'data-testid': undefined
-};
 export default SplitButtonGroup;
 //# sourceMappingURL=SplitButtonGroup.js.map

package/dist/SplitButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButtonGroup.js","names":["React","classNames","PropTypes","jsx","_jsx","SplitButtonGroup","props","children","className","style","dataTestId","role","displayName","propTypes","node","isRequired","string","object","defaultProps","undefined"],"sources":["../src/SplitButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\ninterface SplitButtonGroupProps {\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  'data-testid'?: string;\n}\n\nexport function SplitButtonGroup(props: SplitButtonGroupProps): JSX.Element {\n  const { children, className, style, 'data-testid': dataTestId } = props;\n\n  return (\n    <div\n      className={classNames('btn-group', className)}\n      style={style}\n      role=\"group\"\n      data-testid={dataTestId}\n    >\n      {children}\n    </div>\n  );\n}\n\nSplitButtonGroup.displayName = 'SplitButtonGroup';\n\nSplitButtonGroup.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n  style: PropTypes.object,\n  'data-testid': PropTypes.string,\n};\n\nSplitButtonGroup.defaultProps = {\n  className: null,\n  style: {},\n  'data-testid': undefined,\n};\n\nexport default SplitButtonGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASnC,OAAO,SAASC,gBAAgBA,CAACC,KAA4B,EAAe;EAC1E,IAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAE,aAAa,EAAEC;EAAW,CAAC,GAAGJ,KAAK;EAEvE,oBACEF,IAAA;IACEI,SAAS,EAAEP,UAAU,CAAC,WAAW,EAAEO,SAAS,CAAE;IAC9CC,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAC,OAAO;IACZ,eAAaD,UAAW;IAAAH,QAAA,EAEvBA;EAAQ,CACN,CAAC;AAEV;AAEAF,gBAAgB,CAACO,WAAW,GAAG,kBAAkB;AAEjDP,gBAAgB,CAACQ,SAAS,GAAG;EAC3BN,QAAQ,EAAEL,SAAS,CAACY,IAAI,CAACC,UAAU;EACnCP,SAAS,EAAEN,SAAS,CAACc,MAAM;EAC3BP,KAAK,EAAEP,SAAS,CAACe,MAAM;EACvB,aAAa,EAAEf,SAAS,CAACc;AAC3B,CAAC;AAEDX,gBAAgB,CAACa,YAAY,GAAG;EAC9BV,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,CAAC,CAAC;EACT,aAAa,EAAEU;AACjB,CAAC;AAED,eAAed,gBAAgB"}
+{"version":3,"file":"SplitButtonGroup.js","names":["React","classNames","jsx","_jsx","SplitButtonGroup","props","children","className","style","dataTestId","role"],"sources":["../src/SplitButtonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\ntype SplitButtonGroupProps = React.PropsWithChildren<{\n  className?: string;\n  style?: React.CSSProperties;\n  'data-testid'?: string;\n}>;\n\nexport function SplitButtonGroup(props: SplitButtonGroupProps): JSX.Element {\n  const { children, className, style, 'data-testid': dataTestId } = props;\n\n  return (\n    <div\n      className={classNames('btn-group', className)}\n      style={style}\n      role=\"group\"\n      data-testid={dataTestId}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default SplitButtonGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,OAAO,SAASC,gBAAgBA,CAACC,KAA4B,EAAe;EAC1E,IAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAE,aAAa,EAAEC;EAAW,CAAC,GAAGJ,KAAK;EAEvE,oBACEF,IAAA;IACEI,SAAS,EAAEN,UAAU,CAAC,WAAW,EAAEM,SAAS,CAAE;IAC9CC,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAC,OAAO;IACZ,eAAaD,UAAW;IAAAH,QAAA,EAEvBA;EAAQ,CACN,CAAC;AAEV;AAEA,eAAeF,gBAAgB","ignoreList":[]}

package/dist/TableViewEmptyState.js

@@ -2,8 +2,7 @@ import { useEffect, useState } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { vsEmptyWindow } from '@deephaven/icons';
 import { Content, Heading, Icon, IllustratedMessage } from "./spectrum/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_DELAY_MS = 500;
 export function TableViewEmptyState(_ref) {
   var {

package/dist/TableViewEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableViewEmptyState.js","names":["useEffect","useState","FontAwesomeIcon","vsEmptyWindow","Content","Heading","Icon","IllustratedMessage","jsx","_jsx","jsxs","_jsxs","DEFAULT_DELAY_MS","TableViewEmptyState","_ref","heading","content","delayMs","show","setShow","window","setTimeout","children","size","icon"],"sources":["../src/TableViewEmptyState.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsEmptyWindow } from '@deephaven/icons';\nimport { Content, Heading, Icon, IllustratedMessage } from './spectrum';\n\nconst DEFAULT_DELAY_MS = 500;\n\nexport interface TableViewEmptyStateProps {\n  heading: string;\n  content?: string;\n  delayMs?: number;\n}\n\nexport function TableViewEmptyState({\n  heading,\n  content,\n  delayMs = DEFAULT_DELAY_MS,\n}: TableViewEmptyStateProps): JSX.Element | null {\n  const [show, setShow] = useState(false);\n\n  // Spectrum `TableView` will render the result of `renderEmptyState` prop\n  // immediately, and it will be hidden once data loads. In cases where the data\n  // load is quick, there is a jarring flicker, and the empty data message is\n  // not helpful. This delay will avoid showing the message if data loads within\n  // the `delayMs`.\n  useEffect(() => {\n    window.setTimeout(() => {\n      setShow(true);\n    }, delayMs);\n  }, [delayMs]);\n\n  return show ? (\n    <IllustratedMessage>\n      <Icon size=\"XXL\">\n        <FontAwesomeIcon icon={vsEmptyWindow} />\n      </Icon>\n      <Heading>{heading}</Heading>\n      {content == null ? null : <Content>{content}</Content>}\n    </IllustratedMessage>\n  ) : null;\n}\n\nexport default TableViewEmptyState;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,aAAa,QAAQ,kBAAkB;AAAC,SACxCC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAEC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnD,IAAMC,gBAAgB,GAAG,GAAG;AAQ5B,OAAO,SAASC,mBAAmBA,CAAAC,IAAA,EAIc;EAAA,IAJb;IAClCC,OAAO;IACPC,OAAO;IACPC,OAAO,GAAGL;EACc,CAAC,GAAAE,IAAA;EACzB,IAAM,CAACI,IAAI,EAAEC,OAAO,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;;EAEvC;EACA;EACA;EACA;EACA;EACAD,SAAS,CAAC,MAAM;IACdoB,MAAM,CAACC,UAAU,CAAC,MAAM;MACtBF,OAAO,CAAC,IAAI,CAAC;IACf,CAAC,EAAEF,OAAO,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,OAAOC,IAAI,gBACTP,KAAA,CAACJ,kBAAkB;IAAAe,QAAA,gBACjBb,IAAA,CAACH,IAAI;MAACiB,IAAI,EAAC,KAAK;MAAAD,QAAA,eACdb,IAAA,CAACP,eAAe;QAACsB,IAAI,EAAErB;MAAc,CAAE;IAAC,CACpC,CAAC,eACPM,IAAA,CAACJ,OAAO;MAAAiB,QAAA,EAAEP;IAAO,CAAU,CAAC,EAC3BC,OAAO,IAAI,IAAI,GAAG,IAAI,gBAAGP,IAAA,CAACL,OAAO;MAAAkB,QAAA,EAAEN;IAAO,CAAU,CAAC;EAAA,CACpC,CAAC,GACnB,IAAI;AACV;AAEA,eAAeH,mBAAmB"}
+{"version":3,"file":"TableViewEmptyState.js","names":["useEffect","useState","FontAwesomeIcon","vsEmptyWindow","Content","Heading","Icon","IllustratedMessage","jsx","_jsx","jsxs","_jsxs","DEFAULT_DELAY_MS","TableViewEmptyState","_ref","heading","content","delayMs","show","setShow","window","setTimeout","children","size","icon"],"sources":["../src/TableViewEmptyState.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsEmptyWindow } from '@deephaven/icons';\nimport { Content, Heading, Icon, IllustratedMessage } from './spectrum';\n\nconst DEFAULT_DELAY_MS = 500;\n\nexport interface TableViewEmptyStateProps {\n  heading: string;\n  content?: string;\n  delayMs?: number;\n}\n\nexport function TableViewEmptyState({\n  heading,\n  content,\n  delayMs = DEFAULT_DELAY_MS,\n}: TableViewEmptyStateProps): JSX.Element | null {\n  const [show, setShow] = useState(false);\n\n  // Spectrum `TableView` will render the result of `renderEmptyState` prop\n  // immediately, and it will be hidden once data loads. In cases where the data\n  // load is quick, there is a jarring flicker, and the empty data message is\n  // not helpful. This delay will avoid showing the message if data loads within\n  // the `delayMs`.\n  useEffect(() => {\n    window.setTimeout(() => {\n      setShow(true);\n    }, delayMs);\n  }, [delayMs]);\n\n  return show ? (\n    <IllustratedMessage>\n      <Icon size=\"XXL\">\n        <FontAwesomeIcon icon={vsEmptyWindow} />\n      </Icon>\n      <Heading>{heading}</Heading>\n      {content == null ? null : <Content>{content}</Content>}\n    </IllustratedMessage>\n  ) : null;\n}\n\nexport default TableViewEmptyState;\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,aAAa,QAAQ,kBAAkB;AAAC,SACxCC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAEC,kBAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,IAAMC,gBAAgB,GAAG,GAAG;AAQ5B,OAAO,SAASC,mBAAmBA,CAAAC,IAAA,EAIc;EAAA,IAJb;IAClCC,OAAO;IACPC,OAAO;IACPC,OAAO,GAAGL;EACc,CAAC,GAAAE,IAAA;EACzB,IAAM,CAACI,IAAI,EAAEC,OAAO,CAAC,GAAGlB,QAAQ,CAAC,KAAK,CAAC;;EAEvC;EACA;EACA;EACA;EACA;EACAD,SAAS,CAAC,MAAM;IACdoB,MAAM,CAACC,UAAU,CAAC,MAAM;MACtBF,OAAO,CAAC,IAAI,CAAC;IACf,CAAC,EAAEF,OAAO,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,OAAOC,IAAI,gBACTP,KAAA,CAACJ,kBAAkB;IAAAe,QAAA,gBACjBb,IAAA,CAACH,IAAI;MAACiB,IAAI,EAAC,KAAK;MAAAD,QAAA,eACdb,IAAA,CAACP,eAAe;QAACsB,IAAI,EAAErB;MAAc,CAAE;IAAC,CACpC,CAAC,eACPM,IAAA,CAACJ,OAAO;MAAAiB,QAAA,EAAEP;IAAO,CAAU,CAAC,EAC3BC,OAAO,IAAI,IAAI,GAAG,IAAI,gBAAGP,IAAA,CAACL,OAAO;MAAAkB,QAAA,EAAEN;IAAO,CAAU,CAAC;EAAA,CACpC,CAAC,GACnB,IAAI;AACV;AAEA,eAAeH,mBAAmB","ignoreList":[]}

package/dist/TextWithTooltip.js

@@ -2,9 +2,7 @@ import { useMemo } from 'react';
 import { Text } from "./spectrum/index.js";
 import stylesCommon from "./SpectrumComponent.module.css";
 import { Tooltip } from "./popper/index.js";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function TextWithTooltip(_ref) {
   var {
     text,

package/dist/TextWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWithTooltip.js","names":["useMemo","Text","stylesCommon","Tooltip","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","TextWithTooltip","_ref","text","placement","options","children","UNSAFE_className","spectrumEllipsis"],"sources":["../src/TextWithTooltip.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Text } from './spectrum';\nimport stylesCommon from './SpectrumComponent.module.scss';\nimport { type PopperOptions, Tooltip } from './popper';\n\nexport interface TextWithTooltipProps {\n  text?: string | null;\n  placement?: PopperOptions['placement'];\n}\n\nexport function TextWithTooltip({\n  text,\n  placement = 'top-start',\n}: TextWithTooltipProps): JSX.Element {\n  const options = useMemo(() => ({ placement }), [placement]);\n\n  return (\n    <>\n      <Text UNSAFE_className={stylesCommon.spectrumEllipsis}>\n        {text ?? (\n          /* &nbsp; so that height doesn't collapse when empty */\n          <>&nbsp;</>\n        )}\n      </Text>\n      {text == null || text === '' ? null : (\n        <Tooltip options={options}>{text}</Tooltip>\n      )}\n    </>\n  );\n}\n\nexport default TextWithTooltip;\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAAC,SACvBC,IAAI;AAAA,OACNC,YAAY;AAAA,SACUC,OAAO;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAOpC,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAGO;EAAA,IAHN;IAC9BC,IAAI;IACJC,SAAS,GAAG;EACQ,CAAC,GAAAF,IAAA;EACrB,IAAMG,OAAO,GAAGd,OAAO,CAAC,OAAO;IAAEa;EAAU,CAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAE3D,oBACEJ,KAAA,CAAAJ,SAAA;IAAAU,QAAA,gBACER,IAAA,CAACN,IAAI;MAACe,gBAAgB,EAAEd,YAAY,CAACe,gBAAiB;MAAAF,QAAA,EACnDH,IAAI,aAAJA,IAAI,cAAJA,IAAI;MAAA;MACH;MACAL,IAAA,CAAAF,SAAA;QAAAU,QAAA,EAAE;MAAM,CAAE;IAAC,CAET,CAAC,EACNH,IAAI,IAAI,IAAI,IAAIA,IAAI,KAAK,EAAE,GAAG,IAAI,gBACjCL,IAAA,CAACJ,OAAO;MAACW,OAAO,EAAEA,OAAQ;MAAAC,QAAA,EAAEH;IAAI,CAAU,CAC3C;EAAA,CACD,CAAC;AAEP;AAEA,eAAeF,eAAe"}
+{"version":3,"file":"TextWithTooltip.js","names":["useMemo","Text","stylesCommon","Tooltip","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","TextWithTooltip","_ref","text","placement","options","children","UNSAFE_className","spectrumEllipsis"],"sources":["../src/TextWithTooltip.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Text } from './spectrum';\nimport stylesCommon from './SpectrumComponent.module.scss';\nimport { type PopperOptions, Tooltip } from './popper';\n\nexport interface TextWithTooltipProps {\n  text?: string | null;\n  placement?: PopperOptions['placement'];\n}\n\nexport function TextWithTooltip({\n  text,\n  placement = 'top-start',\n}: TextWithTooltipProps): JSX.Element {\n  const options = useMemo(() => ({ placement }), [placement]);\n\n  return (\n    <>\n      <Text UNSAFE_className={stylesCommon.spectrumEllipsis}>\n        {text ?? (\n          /* &nbsp; so that height doesn't collapse when empty */\n          <>&nbsp;</>\n        )}\n      </Text>\n      {text == null || text === '' ? null : (\n        <Tooltip options={options}>{text}</Tooltip>\n      )}\n    </>\n  );\n}\n\nexport default TextWithTooltip;\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAAC,SACvBC,IAAI;AAAA,OACNC,YAAY;AAAA,SACUC,OAAO;AAAA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOpC,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAGO;EAAA,IAHN;IAC9BC,IAAI;IACJC,SAAS,GAAG;EACQ,CAAC,GAAAF,IAAA;EACrB,IAAMG,OAAO,GAAGd,OAAO,CAAC,OAAO;IAAEa;EAAU,CAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAE3D,oBACEJ,KAAA,CAAAJ,SAAA;IAAAU,QAAA,gBACER,IAAA,CAACN,IAAI;MAACe,gBAAgB,EAAEd,YAAY,CAACe,gBAAiB;MAAAF,QAAA,EACnDH,IAAI,aAAJA,IAAI,cAAJA,IAAI;MAAA;MACH;MACAL,IAAA,CAAAF,SAAA;QAAAU,QAAA,EAAE;MAAM,CAAE;IAAC,CAET,CAAC,EACNH,IAAI,IAAI,IAAI,IAAIA,IAAI,KAAK,EAAE,GAAG,IAAI,gBACjCL,IAAA,CAACJ,OAAO;MAACW,OAAO,EAAEA,OAAQ;MAAAC,QAAA,EAAEH;IAAI,CAAU,CAC3C;EAAA,CACD,CAAC;AAEP;AAEA,eAAeF,eAAe","ignoreList":[]}

package/dist/ThemeExport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeExport.js","names":["ThemeExport","transitions","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs","Object","freeze","_objectSpread"],"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\n\nconst transitions = {\n  transitionMs: 150,\n  transitionMidMs: 200,\n  transitionLongMs: 300,\n  transitionSlowMs: 1000,\n} as const;\n\ntype Theme = {\n  [Property in keyof typeof transitions]: (typeof transitions)[Property];\n} & { [key: string]: string };\n\nexport default Object.freeze({\n  ...transitions,\n  ...ThemeExport,\n}) as Theme;\n"],"mappings":";;;;;OAAOA,WAAW,kCAElB;AACA;AAEA,IAAMC,WAAW,GAAG;EAClBC,YAAY,EAAE,GAAG;EACjBC,eAAe,EAAE,GAAG;EACpBC,gBAAgB,EAAE,GAAG;EACrBC,gBAAgB,EAAE;AACpB,CAAU;AAMV,eAAeC,MAAM,CAACC,MAAM,CAAAC,aAAA,CAAAA,aAAA,KACvBP,WAAW,GACXD,WAAW,CACf,CAAC"}
+{"version":3,"file":"ThemeExport.js","names":["ThemeExport","transitions","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs","Object","freeze","_objectSpread"],"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\n\nconst transitions = {\n  transitionMs: 150,\n  transitionMidMs: 200,\n  transitionLongMs: 300,\n  transitionSlowMs: 1000,\n} as const;\n\ntype Theme = {\n  [Property in keyof typeof transitions]: (typeof transitions)[Property];\n} & { [key: string]: string };\n\nexport default Object.freeze({\n  ...transitions,\n  ...ThemeExport,\n}) as Theme;\n"],"mappings":";;;;;OAAOA,WAAW,kCAElB;AACA;AAEA,IAAMC,WAAW,GAAG;EAClBC,YAAY,EAAE,GAAG;EACjBC,eAAe,EAAE,GAAG;EACpBC,gBAAgB,EAAE,GAAG;EACrBC,gBAAgB,EAAE;AACpB,CAAU;AAMV,eAAeC,MAAM,CAACC,MAAM,CAAAC,aAAA,CAAAA,aAAA,KACvBP,WAAW,GACXD,WAAW,CACf,CAAC","ignoreList":[]}

package/dist/TimeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../src/TimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAOtD,KAAK,cAAc,GAAG;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,YAAY,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACxD,CAAC;AAeF,QAAA,MAAM,SAAS,yFAqId,CAAC;AAaF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../src/TimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAOtD,KAAK,cAAc,GAAG;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,YAAY,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACxD,CAAC;AAeF,QAAA,MAAM,SAAS,yFAqId,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/TimeInput.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import Log from '@deephaven/log';
-import { TimeUtils } from '@deephaven/utils';
+import { EMPTY_FUNCTION, TimeUtils } from '@deephaven/utils';
 import MaskedInput from "./MaskedInput.js";
 import { DEFAULT_GET_PREFERRED_REPLACEMENT_STRING } from "./MaskedInputUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -22,11 +22,11 @@ var TimeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   var {
     allowValueWrapping = true,
     className = '',
-    onChange = () => false,
+    onChange = EMPTY_FUNCTION,
     value: propsValue = 0,
-    onFocus = () => false,
-    onBlur = () => false,
-    onSelect = () => false,
+    onFocus = EMPTY_FUNCTION,
+    onBlur = EMPTY_FUNCTION,
+    onSelect = EMPTY_FUNCTION,
     'data-testid': dataTestId
   } = props;
   var [value, setValue] = useState(TimeUtils.formatTime(propsValue));
@@ -36,11 +36,11 @@ 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();
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     },
     setSelection: newSelection => {
       var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
       _setSelection(newSelection);
     }
   }), []);
@@ -108,15 +108,5 @@ var TimeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     "data-testid": dataTestId
   });
 });
-TimeInput.defaultProps = {
-  allowValueWrapping: true,
-  className: '',
-  onChange: () => false,
-  onSelect: () => false,
-  value: 0,
-  onFocus: () => false,
-  onBlur: () => false,
-  'data-testid': undefined
-};
 export default TimeInput;
 //# sourceMappingURL=TimeInput.js.map

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","jsx","_jsx","log","module","TIME_PATTERN","EXAMPLES","fixIncompleteValue","value","concat","substring","replace","length","TimeInput","forwardRef","props","ref","allowValueWrapping","className","onChange","propsValue","onFocus","onBlur","onSelect","dataTestId","setValue","formatTime","parsedValueRef","selection","setSelection","inputRef","focus","_inputRef$current","current","newSelection","_inputRef$current2","setFormattedTime","getNextSegmentValue","range","delta","segmentValue","maxValue","selectionStart","newSegmentValue","parseInt","Number","isNaN","Math","min","max","padStart","getPreferredReplacementString","replaceValue","replaceIndex","newChar","selectionEnd","handleChange","newValue","debug","parseTime","handleBlur","fixedValue","handleSelect","example","pattern","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, { type SelectionSegment } from './MaskedInput';\nimport { DEFAULT_GET_PREFERRED_REPLACEMENT_STRING } from './MaskedInputUtils';\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\nfunction fixIncompleteValue(value: string): string {\n  // If value is not a complete HH:mm:ss time, fill missing parts with 0\n  if (value != null) {\n    return `${value\n      .substring(0, 8)\n      .replace(/\\u2007/g, '0')}${`00:00:00`.substring(value.length)}`;\n  }\n  return value;\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 parsedValueRef = useRef<number>(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        // Ignore value prop update if it matches the displayed value\n        // to preserve the displayed value while typing\n        if (parsedValueRef.current !== propsValue) {\n          setValue(TimeUtils.formatTime(propsValue));\n          parsedValueRef.current = propsValue;\n        }\n      },\n      [parsedValueRef, 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    ): string {\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    const handleChange = useCallback(\n      (newValue: string): void => {\n        log.debug('handleChange', newValue);\n        setValue(newValue);\n        parsedValueRef.current = TimeUtils.parseTime(\n          fixIncompleteValue(newValue)\n        );\n        onChange(parsedValueRef.current);\n      },\n      [onChange]\n    );\n\n    const handleBlur = useCallback((): void => {\n      const fixedValue = fixIncompleteValue(value);\n      // Update the value displayed in the input\n      // onChange with the fixed value already triggered in handleChange\n      if (fixedValue !== value) {\n        setValue(fixedValue);\n      }\n      onBlur();\n    }, [value, onBlur]);\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={handleBlur}\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":"AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,SAAS,EACTC,mBAAmB,EACnBC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,SAAS,QAAQ,kBAAkB;AAAC,OACtCC,WAAW;AAAA,SACTC,wCAAwC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAIjD,IAAMC,GAAG,GAAGN,GAAG,CAACO,MAAM,CAAC,WAAW,CAAC;AAEnC,IAAMC,YAAY,GAAG,0CAA0C;AAC/D,IAAMC,QAAQ,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC;AAkBrD,SAASC,kBAAkBA,CAACC,KAAa,EAAU;EACjD;EACA,IAAIA,KAAK,IAAI,IAAI,EAAE;IACjB,UAAAC,MAAA,CAAUD,KAAK,CACZE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CACfC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,EAAAF,MAAA,CAAG,WAAWC,SAAS,CAACF,KAAK,CAACI,MAAM,CAAC;EACjE;EACA,OAAOJ,KAAK;AACd;;AAEA;AACA;AACA;AACA,IAAMK,SAAS,gBAAGtB,KAAK,CAACuB,UAAU,CAChC,CAACC,KAAqB,EAAEC,GAAG,KAAK;EAC9B,IAAM;IACJC,kBAAkB,GAAG,IAAI;IACzBC,SAAS,GAAG,EAAE;IACdC,QAAQ,GAAGA,CAAA,KAAM,KAAK;IACtBX,KAAK,EAAEY,UAAU,GAAG,CAAC;IACrBC,OAAO,GAAGA,CAAA,KAAM,KAAK;IACrBC,MAAM,GAAGA,CAAA,KAAM,KAAK;IACpBC,QAAQ,GAAGA,CAAA,KAAM,KAAK;IACtB,aAAa,EAAEC;EACjB,CAAC,GAAGT,KAAK;EACT,IAAM,CAACP,KAAK,EAAEiB,QAAQ,CAAC,GAAG7B,QAAQ,CAACE,SAAS,CAAC4B,UAAU,CAACN,UAAU,CAAC,CAAC;EACpE,IAAMO,cAAc,GAAGhC,MAAM,CAASyB,UAAU,CAAC;EACjD,IAAM,CAACQ,SAAS,EAAEC,aAAY,CAAC,GAAGjC,QAAQ,CAAmB,CAAC;EAC9D,IAAMkC,QAAQ,GAAGnC,MAAM,CAAmB,IAAI,CAAC;EAE/CD,mBAAmB,CACjBsB,GAAG,EACH,OAAO;IACLe,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAF,QAAQ,CAACG,OAAO,cAAAD,iBAAA,uBAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDF,YAAY,EAAEK,YAAY,IAAI;MAAA,IAAAC,kBAAA;MAC5B,CAAAA,kBAAA,GAAAL,QAAQ,CAACG,OAAO,cAAAE,kBAAA,uBAAhBA,kBAAA,CAAkBJ,KAAK,CAAC,CAAC;MACzBF,aAAY,CAACK,YAAY,CAAC;IAC5B;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAEDzC,SAAS,CACP,SAAS2C,gBAAgBA,CAAA,EAAG;IAC1B;IACA;IACA,IAAIT,cAAc,CAACM,OAAO,KAAKb,UAAU,EAAE;MACzCK,QAAQ,CAAC3B,SAAS,CAAC4B,UAAU,CAACN,UAAU,CAAC,CAAC;MAC1CO,cAAc,CAACM,OAAO,GAAGb,UAAU;IACrC;EACF,CAAC,EACD,CAACO,cAAc,EAAEP,UAAU,CAC7B,CAAC;EAED,SAASiB,mBAAmBA,CAC1BC,KAAuB,EACvBC,KAAa,EACbC,YAAoB,EACZ;IACR;IACA,IAAMC,QAAQ,GAAGH,KAAK,CAACI,cAAc,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE;IACrD,IAAIC,eAAe,GAAGC,QAAQ,CAACJ,YAAY,EAAE,EAAE,CAAC,GAAGD,KAAK;IACxD,IAAIM,MAAM,CAACC,KAAK,CAACH,eAAe,CAAC,EAAE;MACjCA,eAAe,GAAG,CAAC;IACrB,CAAC,MAAM,IAAI1B,kBAAkB,EAAE;MAC7B;MACA0B,eAAe,GAAG,CAAEA,eAAe,GAAGF,QAAQ,GAAIA,QAAQ,IAAIA,QAAQ;IACxE,CAAC,MAAM;MACLE,eAAe,GAAGI,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEN,eAAe,CAAC,EAAEF,QAAQ,GAAG,CAAC,CAAC;IACxE;IACA,OAAO,GAAAhC,MAAA,CAAGkC,eAAe,EAAGO,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EAC9C;EAEA,SAASC,6BAA6BA,CACpCC,YAAoB,EACpBC,YAAoB,EACpBC,OAAe,EACfZ,cAAsB,EACtBa,YAAoB,EACZ;IACR,IACEb,cAAc,KAAK,CAAC,IACpBa,YAAY,KAAK,CAAC,IAClBF,YAAY,KAAK,CAAC,IAClBT,QAAQ,CAACU,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,EACzB;MACA;MACA,WAAA7C,MAAA,CAAW6C,OAAO,EAAA7C,MAAA,CAAG2C,YAAY,CAAC1C,SAAS,CAAC,CAAC,CAAC;IAChD;IACA,OAAOV,wCAAwC,CAC7CoD,YAAY,EACZC,YAAY,EACZC,OACF,CAAC;EACH;EAEA,IAAME,YAAY,GAAGhE,WAAW,CAC7BiE,QAAgB,IAAW;IAC1BtD,GAAG,CAACuD,KAAK,CAAC,cAAc,EAAED,QAAQ,CAAC;IACnChC,QAAQ,CAACgC,QAAQ,CAAC;IAClB9B,cAAc,CAACM,OAAO,GAAGnC,SAAS,CAAC6D,SAAS,CAC1CpD,kBAAkB,CAACkD,QAAQ,CAC7B,CAAC;IACDtC,QAAQ,CAACQ,cAAc,CAACM,OAAO,CAAC;EAClC,CAAC,EACD,CAACd,QAAQ,CACX,CAAC;EAED,IAAMyC,UAAU,GAAGpE,WAAW,CAAC,MAAY;IACzC,IAAMqE,UAAU,GAAGtD,kBAAkB,CAACC,KAAK,CAAC;IAC5C;IACA;IACA,IAAIqD,UAAU,KAAKrD,KAAK,EAAE;MACxBiB,QAAQ,CAACoC,UAAU,CAAC;IACtB;IACAvC,MAAM,CAAC,CAAC;EACV,CAAC,EAAE,CAACd,KAAK,EAAEc,MAAM,CAAC,CAAC;EAEnB,IAAMwC,YAAY,GAAGtE,WAAW,CAC7B0C,YAA8B,IAAK;IAClCL,aAAY,CAACK,YAAY,CAAC;IAC1BX,QAAQ,CAACW,YAAY,CAAC;EACxB,CAAC,EACD,CAACX,QAAQ,CACX,CAAC;EAED,oBACErB,IAAA,CAACH,WAAW;IACViB,GAAG,EAAEc,QAAS;IACdZ,SAAS,EAAEA,SAAU;IACrB6C,OAAO,EAAEzD,QAAS;IAClB+B,mBAAmB,EAAEA,mBAAoB;IACzCc,6BAA6B,EAAEA,6BAA8B;IAC7DhC,QAAQ,EAAEqC,YAAa;IACvBjC,QAAQ,EAAEuC,YAAa;IACvBE,OAAO,EAAE3D,YAAa;IACtBuB,SAAS,EAAEA,SAAU;IACrBpB,KAAK,EAAEA,KAAM;IACba,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEsC,UAAW;IACnB,eAAapC;EAAW,CACzB,CAAC;AAEN,CACF,CAAC;AAEDX,SAAS,CAACoD,YAAY,GAAG;EACvBhD,kBAAkB,EAAE,IAAI;EACxBC,SAAS,EAAE,EAAE;EACbC,QAAQ,EAAEA,CAAA,KAAM,KAAK;EACrBI,QAAQ,EAAEA,CAAA,KAAM,KAAK;EACrBf,KAAK,EAAE,CAAC;EACRa,OAAO,EAAEA,CAAA,KAAM,KAAK;EACpBC,MAAM,EAAEA,CAAA,KAAM,KAAK;EACnB,aAAa,EAAE4C;AACjB,CAAC;AAED,eAAerD,SAAS"}
+{"version":3,"file":"TimeInput.js","names":["React","useCallback","useEffect","useImperativeHandle","useRef","useState","Log","EMPTY_FUNCTION","TimeUtils","MaskedInput","DEFAULT_GET_PREFERRED_REPLACEMENT_STRING","jsx","_jsx","log","module","TIME_PATTERN","EXAMPLES","fixIncompleteValue","value","concat","substring","replace","length","TimeInput","forwardRef","props","ref","allowValueWrapping","className","onChange","propsValue","onFocus","onBlur","onSelect","dataTestId","setValue","formatTime","parsedValueRef","selection","setSelection","inputRef","focus","_inputRef$current","current","newSelection","_inputRef$current2","setFormattedTime","getNextSegmentValue","range","delta","segmentValue","maxValue","selectionStart","newSegmentValue","parseInt","Number","isNaN","Math","min","max","padStart","getPreferredReplacementString","replaceValue","replaceIndex","newChar","selectionEnd","handleChange","newValue","debug","parseTime","handleBlur","fixedValue","handleSelect","example","pattern"],"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 { EMPTY_FUNCTION, TimeUtils } from '@deephaven/utils';\nimport MaskedInput, { type SelectionSegment } from './MaskedInput';\nimport { DEFAULT_GET_PREFERRED_REPLACEMENT_STRING } from './MaskedInputUtils';\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\nfunction fixIncompleteValue(value: string): string {\n  // If value is not a complete HH:mm:ss time, fill missing parts with 0\n  if (value != null) {\n    return `${value\n      .substring(0, 8)\n      .replace(/\\u2007/g, '0')}${`00:00:00`.substring(value.length)}`;\n  }\n  return value;\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 = EMPTY_FUNCTION,\n      value: propsValue = 0,\n      onFocus = EMPTY_FUNCTION,\n      onBlur = EMPTY_FUNCTION,\n      onSelect = EMPTY_FUNCTION,\n      'data-testid': dataTestId,\n    } = props;\n    const [value, setValue] = useState(TimeUtils.formatTime(propsValue));\n    const parsedValueRef = useRef<number>(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        // Ignore value prop update if it matches the displayed value\n        // to preserve the displayed value while typing\n        if (parsedValueRef.current !== propsValue) {\n          setValue(TimeUtils.formatTime(propsValue));\n          parsedValueRef.current = propsValue;\n        }\n      },\n      [parsedValueRef, 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    ): string {\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    const handleChange = useCallback(\n      (newValue: string): void => {\n        log.debug('handleChange', newValue);\n        setValue(newValue);\n        parsedValueRef.current = TimeUtils.parseTime(\n          fixIncompleteValue(newValue)\n        );\n        onChange(parsedValueRef.current);\n      },\n      [onChange]\n    );\n\n    const handleBlur = useCallback((): void => {\n      const fixedValue = fixIncompleteValue(value);\n      // Update the value displayed in the input\n      // onChange with the fixed value already triggered in handleChange\n      if (fixedValue !== value) {\n        setValue(fixedValue);\n      }\n      onBlur();\n    }, [value, onBlur]);\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={handleBlur}\n        data-testid={dataTestId}\n      />\n    );\n  }\n);\n\nexport default TimeInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/TimeSlider.js

@@ -6,9 +6,7 @@ import classNames from 'classnames';
 import TimeInput from "./TimeInput.js";
 import StyleExports from "./TimeSlider.module.css";
 import "./TimeSlider.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var HANDLE_SIZE = parseInt(StyleExports['handle-size'], 10);
 var POPOVER_WIDTH = parseInt(StyleExports['popover-width'], 10);
 var SECONDS_IN_DAY = 24 * 60 * 60 - 1; // Max is actually 23:59:59
@@ -129,11 +127,11 @@ function PopOvers(props) {
   useEffect(function setFocusOnSwapTimesChange() {
     if (firstTimeSelectionRef.current !== null) {
       var _secondTimeRef$curren;
-      (_secondTimeRef$curren = secondTimeRef.current) === null || _secondTimeRef$curren === void 0 ? void 0 : _secondTimeRef$curren.setSelection(firstTimeSelectionRef.current);
+      (_secondTimeRef$curren = secondTimeRef.current) === null || _secondTimeRef$curren === void 0 || _secondTimeRef$curren.setSelection(firstTimeSelectionRef.current);
     }
     if (secondTimeSelectionRef.current !== null) {
       var _firstTimeRef$current;
-      (_firstTimeRef$current = firstTimeRef.current) === null || _firstTimeRef$current === void 0 ? void 0 : _firstTimeRef$current.setSelection(secondTimeSelectionRef.current);
+      (_firstTimeRef$current = firstTimeRef.current) === null || _firstTimeRef$current === void 0 || _firstTimeRef$current.setSelection(secondTimeSelectionRef.current);
     }
   }, [swapTimes]);
   function onFirstTimeChange(value) {
@@ -263,7 +261,6 @@ function Handle(props) {
     } else if (time > 23 * ONE_HOUR) {
       handleOffset = HANDLE_SIZE / 2 + 1 / (SECONDS_IN_DAY - 23 * ONE_HOUR) * (time - 23 * ONE_HOUR) * (HANDLE_SIZE / 2); // 0.5 - 1 Handle size
     }
-
     return "translateX(calc(".concat(time / SECONDS_IN_DAY * 100, "% - ").concat(handleOffset, "px))");
   }, [time]);
   var calculatePositionAsTime = useCallback(clientX => {