@deephaven/components 0.44.2-provenance.4 → 0.45.1-beta.0

package/dist/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,wFAmEb,CAAC;AAuDF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,wFAoEb,CAAC;AAuDF,eAAe,QAAQ,CAAC"}

package/dist/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","useState","useEffect","useCallback","classNames","PropTypes","shortid","useForwardedRef","Checkbox","forwardRef","props","forwardedRef","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","dataTestId","id","ref","setIndeterminateProperty","current","indeterminate","handleOnChange","event","displayName","propTypes","propName","checkedType","Error","node","isRequired","string","bool","func","defaultProps","undefined"],"sources":["../src/Checkbox.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport shortid from 'shortid';\nimport { useForwardedRef } from '@deephaven/react-hooks';\n\ninterface CheckboxProps {\n  checked: boolean | null;\n  className?: string;\n  disabled?: boolean;\n  inputClassName?: string;\n  isInvalid?: boolean;\n  labelClassName?: string;\n  name?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode;\n  'data-testid'?: string;\n}\n\n/**\n * A simple checkbox component. Automatically generates an id so htmlFor/id attributes are unique.\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, forwardedRef) => {\n    const {\n      checked = false,\n      children,\n      className,\n      disabled,\n      inputClassName,\n      isInvalid,\n      labelClassName,\n      name,\n      onChange,\n      'data-testid': dataTestId,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    const ref = useForwardedRef<HTMLInputElement>(forwardedRef);\n\n    useEffect(\n      function setIndeterminateProperty() {\n        if (ref.current) {\n          // indeterminate is not actually an html attr, can only be set via JS\n          ref.current.indeterminate = checked === null;\n        }\n      },\n      [ref, checked]\n    );\n\n    const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n      event => {\n        if (ref.current) {\n          // ref.current can be null in tests, doesn't impact behaviour\n          ref.current.indeterminate = checked === null;\n        }\n\n        if (onChange) {\n          onChange(event);\n        }\n      },\n      [ref, checked, onChange]\n    );\n\n    return (\n      <div className={classNames('custom-control custom-checkbox', className)}>\n        <input\n          type=\"checkbox\"\n          ref={ref}\n          checked={checked ?? false} // checked attr must always have a value to remain as a controlled component\n          className={classNames('custom-control-input', inputClassName, {\n            'is-invalid': isInvalid,\n          })}\n          disabled={disabled}\n          id={id}\n          name={name}\n          onChange={handleOnChange}\n          data-testid={dataTestId}\n        />\n        <label\n          className={classNames('custom-control-label', labelClassName)}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\nCheckbox.displayName = 'Checkbox';\n\nCheckbox.propTypes = {\n  /** Current value of the checkbox. */\n  checked: (props, propName) => {\n    const { [propName]: checkedType } = props;\n    if (checkedType !== null && typeof checkedType !== 'boolean') {\n      return new Error('Checked must be a boolean or null for indeterminate');\n    }\n    return null;\n  },\n\n  /** The node/text to put in the label of this checkbox */\n  children: PropTypes.node.isRequired,\n\n  /** An extra class name to add to the outer div component */\n  className: PropTypes.string,\n\n  /** An extra class for disabling the checkbox component */\n  disabled: PropTypes.bool,\n\n  /** An extra class name for the input component */\n  inputClassName: PropTypes.string,\n\n  /** Convenience for styling appropriately for an invalid value */\n  isInvalid: PropTypes.bool,\n\n  /** An extra class name for the label component */\n  labelClassName: PropTypes.string,\n\n  /** Checkbox input name attribute */\n  name: PropTypes.string,\n\n  /** Triggered when the input is checked/unchecked */\n  onChange: PropTypes.func,\n\n  'data-testid': PropTypes.string,\n};\n\nCheckbox.defaultProps = {\n  checked: false,\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 Checkbox;\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["React","useState","useEffect","useCallback","classNames","PropTypes","shortid","useForwardedRef","Checkbox","forwardRef","props","forwardedRef","checked","children","className","disabled","inputClassName","isInvalid","labelClassName","name","onChange","dataTestId","id","ref","setIndeterminateProperty","current","indeterminate","handleOnChange","event","displayName","propTypes","propName","checkedType","Error","node","isRequired","string","bool","func","defaultProps","undefined"],"sources":["../src/Checkbox.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport shortid from 'shortid';\nimport { useForwardedRef } from '@deephaven/react-hooks';\n\ninterface CheckboxProps {\n  checked: boolean | null;\n  className?: string;\n  disabled?: boolean;\n  inputClassName?: string;\n  isInvalid?: boolean;\n  labelClassName?: string;\n  name?: string;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  children?: React.ReactNode;\n  'data-testid'?: string;\n}\n\n/**\n * A simple checkbox component. Automatically generates an id so htmlFor/id attributes are unique.\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, forwardedRef) => {\n    const {\n      checked = false,\n      children,\n      className,\n      disabled,\n      inputClassName,\n      isInvalid,\n      labelClassName,\n      name,\n      onChange,\n      'data-testid': dataTestId,\n    } = props;\n\n    const [id] = useState(shortid());\n\n    const ref = useForwardedRef<HTMLInputElement>(forwardedRef);\n\n    useEffect(\n      function setIndeterminateProperty() {\n        if (ref.current) {\n          // indeterminate is not actually an html attr, can only be set via JS\n          ref.current.indeterminate = checked === null;\n        }\n      },\n      [ref, checked]\n    );\n\n    const handleOnChange: React.ChangeEventHandler<HTMLInputElement> =\n      useCallback(\n        event => {\n          if (ref.current) {\n            // ref.current can be null in tests, doesn't impact behaviour\n            ref.current.indeterminate = checked === null;\n          }\n\n          if (onChange) {\n            onChange(event);\n          }\n        },\n        [ref, checked, onChange]\n      );\n\n    return (\n      <div className={classNames('custom-control custom-checkbox', className)}>\n        <input\n          type=\"checkbox\"\n          ref={ref}\n          checked={checked ?? false} // checked attr must always have a value to remain as a controlled component\n          className={classNames('custom-control-input', inputClassName, {\n            'is-invalid': isInvalid,\n          })}\n          disabled={disabled}\n          id={id}\n          name={name}\n          onChange={handleOnChange}\n          data-testid={dataTestId}\n        />\n        <label\n          className={classNames('custom-control-label', labelClassName)}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      </div>\n    );\n  }\n);\n\n// Forward ref causes a false positive for display-name in eslint:\n// https://github.com/yannickcr/eslint-plugin-react/issues/2269\nCheckbox.displayName = 'Checkbox';\n\nCheckbox.propTypes = {\n  /** Current value of the checkbox. */\n  checked: (props, propName) => {\n    const { [propName]: checkedType } = props;\n    if (checkedType !== null && typeof checkedType !== 'boolean') {\n      return new Error('Checked must be a boolean or null for indeterminate');\n    }\n    return null;\n  },\n\n  /** The node/text to put in the label of this checkbox */\n  children: PropTypes.node.isRequired,\n\n  /** An extra class name to add to the outer div component */\n  className: PropTypes.string,\n\n  /** An extra class for disabling the checkbox component */\n  disabled: PropTypes.bool,\n\n  /** An extra class name for the input component */\n  inputClassName: PropTypes.string,\n\n  /** Convenience for styling appropriately for an invalid value */\n  isInvalid: PropTypes.bool,\n\n  /** An extra class name for the label component */\n  labelClassName: PropTypes.string,\n\n  /** Checkbox input name attribute */\n  name: PropTypes.string,\n\n  /** Triggered when the input is checked/unchecked */\n  onChange: PropTypes.func,\n\n  'data-testid': PropTypes.string,\n};\n\nCheckbox.defaultProps = {\n  checked: false,\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 Checkbox;\n"],"mappings":"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"}

package/dist/DraggableItemList.d.ts

@@ -75,7 +75,7 @@ declare class DraggableItemList<T> extends PureComponent<DraggableItemListProps<
     scrollToItem(itemIndex: number): void;
     getCachedDraggableItem: ((draggablePrefix: string, renderItem: DraggableRenderItemFn<T>, item: T, itemIndex: number, isFocused: boolean, isSelected: boolean, isDragDisabled: boolean, style: React.CSSProperties) => JSX.Element) & memoize.Memoized<(draggablePrefix: string, renderItem: DraggableRenderItemFn<T>, item: T, itemIndex: number, isFocused: boolean, isSelected: boolean, isDragDisabled: boolean, style: React.CSSProperties) => JSX.Element>;
     handleSelectionChange(selectedRanges: Range[]): void;
-    getCachedRenderDraggableItem: ((draggablePrefix: string, isDragDisabled: boolean, renderItem: DraggableRenderItemFn<T>) => ({ item, itemIndex, isFocused, isSelected, style, }: RenderItemProps<T>) => JSX.Element) & memoize.Memoized<(draggablePrefix: string, isDragDisabled: boolean, renderItem: DraggableRenderItemFn<T>) => ({ item, itemIndex, isFocused, isSelected, style, }: RenderItemProps<T>) => JSX.Element>;
+    getCachedRenderDraggableItem: ((draggablePrefix: string, isDragDisabled: boolean, renderItem: DraggableRenderItemFn<T>) => ({ item, itemIndex, isFocused, isSelected, style }: RenderItemProps<T>) => JSX.Element) & memoize.Memoized<(draggablePrefix: string, isDragDisabled: boolean, renderItem: DraggableRenderItemFn<T>) => ({ item, itemIndex, isFocused, isSelected, style }: RenderItemProps<T>) => JSX.Element>;
     getCachedRenderClone: ((draggingItemClassName: string, items: readonly T[], offset: number, renderItem: DraggableRenderItemFn<T>) => DraggableChildrenFn) & memoize.Memoized<(draggingItemClassName: string, items: readonly T[], offset: number, renderItem: DraggableRenderItemFn<T>) => DraggableChildrenFn>;
     render(): JSX.Element;
 }

package/dist/DraggableItemList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableItemList.d.ts","sourceRoot":"","sources":["../src/DraggableItemList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DraggableItemList.d.ts","sourceRoot":"","sources":["../src/DraggableItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,OAAO,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAwB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,OAAO,EAAc,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,QAAQ,EAAE,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACd,MAAM,YAAY,CAAC;AAEpB,OAAO,0BAA0B,CAAC;AAElC,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,qBAAqB,CAAC,CAAC,IAAI,CAC9B,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,KAC/B,KAAK,CAAC,SAAS,CAAC;AAErB,KAAK,sBAAsB,CAAC,CAAC,IAAI,IAAI,CACnC,aAAa,CAAC,CAAC,CAAC,EAChB,eAAe,GAAG,eAAe,GAAG,cAAc,CACnD,GAAG;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,OAAO,CAAC;IAExB,cAAc,EAAE,OAAO,CAAC;IAExB,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAG3B,eAAe,EAAE,MAAM,CAAC;IAExB,WAAW,EAAE,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;GAMG;AACH,cAAM,iBAAiB,CAAC,CAAC,CAAE,SAAQ,aAAa,CAC9C,sBAAsB,CAAC,CAAC,CAAC,EACzB,sBAAsB,CACvB;IACC,MAAM,CAAC,kBAAkB,SAAM;IAE/B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;yBAcA,IAAI;oBAGT,IAAI;6BAGK,IAAI;4BAGL,IAAI;;;;;;MAQxB;IAEF,MAAM,CAAC,YAAY,IAAI,GAAG,CAAC,OAAO;IASlC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC,SAAS;IAMhE,MAAM,CAAC,cAAc,CAAC,EACpB,IAAI,EACJ,SAAc,EACd,SAAc,GACf,EAAE;QACD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,GAAG,GAAG,CAAC,OAAO;IAgBf,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EAC3C,IAAI,EACJ,OAAO,EACP,aAAa,GACd,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO;IAU5C,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAIzE,MAAM,CAAC,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM;gBAKzC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAY5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvC,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAInC,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIlC,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIrC,sBAAsB,qBAED,MAAM,cACX,sBAAsB,CAAC,CAAC,QAC9B,CAAC,aACI,MAAM,aACN,OAAO,cACN,OAAO,kBACH,OAAO,SAChB,MAAM,aAAa,uDAPT,MAAM,cACX,sBAAsB,CAAC,CAAC,QAC9B,CAAC,aACI,MAAM,aACN,OAAO,cACN,OAAO,kBACH,OAAO,SAChB,MAAM,aAAa,kBAmC5B;IAEF,qBAAqB,CAAC,cAAc,EAAE,KAAK,EAAE,GAAG,IAAI;IAOpD,4BAA4B,qBAEP,MAAM,kBACP,OAAO,cACX,sBAAsB,CAAC,CAAC,yDAEgB,gBAAgB,CAAC,CAAC,uDAJrD,MAAM,kBACP,OAAO,cACX,sBAAsB,CAAC,CAAC,yDAEgB,gBAAgB,CAAC,CAAC,kBAYxE;IAEF,oBAAoB,2BAEO,MAAM,SACtB,SAAS,CAAC,EAAE,UACX,MAAM,cACF,sBAAsB,CAAC,CAAC,KACnC,mBAAmB,6CAJG,MAAM,SACtB,SAAS,CAAC,EAAE,UACX,MAAM,cACF,sBAAsB,CAAC,CAAC,KACnC,mBAAmB,EAyCtB;IAEF,MAAM,IAAI,GAAG,CAAC,OAAO;CA8EtB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/DraggableItemList.js

@@ -106,7 +106,9 @@ class DraggableItemList extends PureComponent {
     }, {
       max: 1
     }));
-    _defineProperty(this, "getCachedRenderClone", memoize((draggingItemClassName, items, offset, renderItem) => (provided, snapshot, rubric) => {
+    _defineProperty(this, "getCachedRenderClone", memoize((draggingItemClassName, items, offset, renderItem) =>
+    // eslint-disable-next-line react/no-unstable-nested-components, react/display-name, react/function-component-definition
+    (provided, snapshot, rubric) => {
       // eslint-disable-next-line react/no-this-in-sfc
       var {
         selectedCount

package/dist/DraggableItemList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableItemList.js","names":["React","PureComponent","classNames","memoize","Draggable","Droppable","FontAwesomeIcon","vsGripper","RangeUtils","ItemList","Tooltip","DraggableItemList","renderHandle","renderBadge","text","length","renderTextItem","badgeText","className","renderItem","item","isClone","selectedCount","displayValue","value","undefined","getDraggableId","draggablePrefix","itemIndex","getDraggableIndex","draggableId","num","split","pop","parseInt","constructor","props","isFocused","isSelected","isDragDisabled","style","provided","innerRef","draggableProps","dragHandleProps","max","CACHE_SIZE","getCachedDraggableItem","draggingItemClassName","items","offset","snapshot","rubric","state","index","source","handleSelectionChange","bind","itemList","createRef","selectItem","current","focusItem","scrollToItem","selectedRanges","setState","count","onSelectionChange","render","droppableId","isDoubleClickSelect","isDropDisabled","isMultiSelect","isStickyBottom","itemCount","onFocusChange","onSelect","onViewportChange","rowHeight","dataTestId","getCachedRenderClone","draggingFromThisWith","isDraggingOver","draggingOverWith","droppableProps","getCachedRenderDraggableItem","DEFAULT_ROW_HEIGHT","isDeselectOnClick","disableSelect"],"sources":["../src/DraggableItemList.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport memoize from 'memoizee';\nimport { Draggable, Droppable, DraggableChildrenFn } from 'react-beautiful-dnd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsGripper } from '@deephaven/icons';\nimport { RangeUtils, Range } from '@deephaven/utils';\nimport ItemList, {\n  RenderItemProps,\n  DefaultListItem,\n  ItemListProps,\n} from './ItemList';\nimport { Tooltip } from './popper';\nimport './DraggableItemList.scss';\n\nexport type DraggableRenderItemProps<T> = RenderItemProps<T> & {\n  isClone?: boolean;\n  selectedCount?: number;\n};\n\ntype DraggableRenderItemFn<T> = (\n  props: DraggableRenderItemProps<T>\n) => React.ReactNode;\n\ntype DraggableItemListProps<T> = Omit<\n  ItemListProps<T>,\n  'overscanCount' | 'focusSelector' | 'isDragSelect'\n> & {\n  className: string;\n  draggingItemClassName: string;\n  isDropDisabled: boolean;\n  // Whether to allow dragging items from this list\n  isDragDisabled: boolean;\n\n  renderItem: DraggableRenderItemFn<T>;\n  style: React.CSSProperties;\n\n  // The prefix to add to all draggable item IDs\n  draggablePrefix: string;\n  // The ID to give the droppable list\n  droppableId: string;\n\n  'data-testid'?: string;\n};\n\ntype DraggableItemListState = {\n  selectedCount: number;\n};\n\n/**\n * Show a draggable item list. It _must_ be used within a `DragDropContext`.\n * This implementation uses react-beautiful-dnd for handling dragging and dropping of items.\n * We use ItemList to handle selection for multi drag and drop (not built in to react-beautiful-dnd).\n * One caveat with the use of react-beautiful-dnd is that it doesn't allow a drag to be initiated while\n * using a modifier key: https://github.com/atlassian/react-beautiful-dnd/issues/1678\n */\nclass DraggableItemList<T> extends PureComponent<\n  DraggableItemListProps<T>,\n  DraggableItemListState\n> {\n  static DEFAULT_ROW_HEIGHT = 30;\n\n  static defaultProps = {\n    className: '',\n    draggingItemClassName: '',\n    offset: 0,\n    items: [],\n    rowHeight: DraggableItemList.DEFAULT_ROW_HEIGHT,\n    isDeselectOnClick: true,\n    isDoubleClickSelect: true,\n    isDropDisabled: false,\n    isDragDisabled: false,\n    isMultiSelect: false,\n    isStickyBottom: false,\n    disableSelect: false,\n    style: null,\n    onFocusChange(): void {\n      // no-op\n    },\n    onSelect(): void {\n      // no-op\n    },\n    onSelectionChange(): void {\n      // no-op\n    },\n    onViewportChange(): void {\n      // no-op\n    },\n    renderItem: DraggableItemList.renderItem,\n    selectedRanges: [],\n    draggablePrefix: 'draggable-item',\n    droppableId: 'droppable-item-list',\n    'data-testid': undefined,\n  };\n\n  static renderHandle(): JSX.Element {\n    return (\n      <div>\n        <Tooltip>Drag to re-order</Tooltip>\n        <FontAwesomeIcon icon={vsGripper} />\n      </div>\n    );\n  }\n\n  static renderBadge({ text }: { text?: string }): React.ReactNode {\n    return text != null && text.length > 0 ? (\n      <span className=\"number-badge\">{text}</span>\n    ) : null;\n  }\n\n  static renderTextItem({\n    text,\n    badgeText = '',\n    className = '',\n  }: {\n    text?: string;\n    badgeText?: string;\n    className: string;\n  }): JSX.Element {\n    return (\n      <div\n        className={classNames(\n          'item-list-item-content',\n          'draggable-item-list-item-content',\n          className\n        )}\n      >\n        <span className=\"title\">{text}</span>\n        {DraggableItemList.renderBadge({ text: badgeText })}\n        {DraggableItemList.renderHandle()}\n      </div>\n    );\n  }\n\n  static renderItem<P extends DefaultListItem>({\n    item,\n    isClone,\n    selectedCount,\n  }: DraggableRenderItemProps<P>): JSX.Element {\n    const text =\n      item != null ? item.displayValue ?? item.value ?? `${item}` : '';\n    const badgeText =\n      isClone !== undefined && isClone ? `${selectedCount}` : '';\n    const className =\n      isClone !== undefined && isClone ? 'item-list-item-clone' : '';\n    return DraggableItemList.renderTextItem({ text, badgeText, className });\n  }\n\n  static getDraggableId(draggablePrefix: string, itemIndex: number): string {\n    return `${draggablePrefix}/${itemIndex}`;\n  }\n\n  static getDraggableIndex(draggableId: string): number {\n    const num = draggableId.split('/').pop();\n    return parseInt(num !== undefined ? num : '', 10);\n  }\n\n  constructor(props: DraggableItemListProps<T>) {\n    super(props);\n\n    this.handleSelectionChange = this.handleSelectionChange.bind(this);\n\n    this.itemList = React.createRef();\n\n    this.state = {\n      selectedCount: 0,\n    };\n  }\n\n  itemList: React.RefObject<ItemList<T>>;\n\n  selectItem(itemIndex: number): void {\n    this.itemList.current?.selectItem(itemIndex);\n  }\n\n  focusItem(itemIndex: number): void {\n    this.itemList.current?.focusItem(itemIndex);\n  }\n\n  scrollToItem(itemIndex: number): void {\n    this.itemList.current?.scrollToItem(itemIndex);\n  }\n\n  getCachedDraggableItem = memoize(\n    (\n      draggablePrefix: string,\n      renderItem: DraggableRenderItemFn<T>,\n      item: T,\n      itemIndex: number,\n      isFocused: boolean,\n      isSelected: boolean,\n      isDragDisabled: boolean,\n      style: React.CSSProperties\n    ) => (\n      <Draggable\n        key={itemIndex}\n        draggableId={DraggableItemList.getDraggableId(\n          draggablePrefix,\n          itemIndex\n        )}\n        index={itemIndex}\n        isDragDisabled={isDragDisabled}\n      >\n        {provided => (\n          <div\n            role=\"menuitem\"\n            className=\"draggable-item-list-item\"\n            ref={provided.innerRef}\n            tabIndex={-1}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.draggableProps}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.dragHandleProps}\n          >\n            {renderItem({\n              item,\n              itemIndex,\n              isFocused,\n              isSelected,\n              style,\n              isClone: false,\n            })}\n          </div>\n        )}\n      </Draggable>\n    ),\n    { max: ItemList.CACHE_SIZE }\n  );\n\n  handleSelectionChange(selectedRanges: Range[]): void {\n    this.setState({ selectedCount: RangeUtils.count(selectedRanges) });\n\n    const { onSelectionChange } = this.props;\n    onSelectionChange(selectedRanges);\n  }\n\n  getCachedRenderDraggableItem = memoize(\n    (\n      draggablePrefix: string,\n      isDragDisabled: boolean,\n      renderItem: DraggableRenderItemFn<T>\n    ) => ({\n      item,\n      itemIndex,\n      isFocused,\n      isSelected,\n      style,\n    }: RenderItemProps<T>) =>\n      this.getCachedDraggableItem(\n        draggablePrefix,\n        renderItem,\n        item,\n        itemIndex,\n        isFocused,\n        isSelected,\n        isDragDisabled,\n        style\n      ),\n    { max: 1 }\n  );\n\n  getCachedRenderClone = memoize(\n    (\n      draggingItemClassName: string,\n      items: readonly T[],\n      offset: number,\n      renderItem: DraggableRenderItemFn<T>\n      // eslint-disable-next-line react/no-unstable-nested-components, react/display-name, react/function-component-definition\n    ): DraggableChildrenFn => (provided, snapshot, rubric) => {\n      // eslint-disable-next-line react/no-this-in-sfc\n      const { selectedCount } = this.state;\n      const { draggableProps, dragHandleProps, innerRef } = provided;\n      const { index: itemIndex } = rubric.source;\n      const item = items[itemIndex - offset];\n      return (\n        <div\n          className={classNames(\n            'draggable-item-list-dragging-item-container',\n            draggingItemClassName\n          )}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...draggableProps}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...dragHandleProps}\n          ref={innerRef}\n        >\n          <div\n            className={classNames(\n              'draggable-item-list-dragging-item',\n              { 'two-dragged': selectedCount === 2 },\n              { 'multiple-dragged': selectedCount > 2 }\n            )}\n          >\n            {renderItem({\n              item,\n              itemIndex,\n              isFocused: false,\n              isSelected: true,\n              style: {},\n              isClone: true,\n              selectedCount,\n            })}\n          </div>\n        </div>\n      );\n    },\n    { max: 1 }\n  );\n\n  render(): JSX.Element {\n    const {\n      className,\n      draggablePrefix,\n      draggingItemClassName,\n      droppableId,\n      isDoubleClickSelect,\n      isDragDisabled,\n      isDropDisabled,\n      isMultiSelect,\n      isStickyBottom,\n      itemCount,\n      items,\n      offset,\n      onFocusChange,\n      onSelect,\n      onViewportChange,\n      renderItem,\n      rowHeight,\n      selectedRanges,\n      style,\n      'data-testid': dataTestId,\n    } = this.props;\n    return (\n      <Droppable\n        isDropDisabled={isDropDisabled}\n        droppableId={droppableId}\n        mode=\"virtual\"\n        renderClone={this.getCachedRenderClone(\n          draggingItemClassName,\n          items,\n          offset,\n          renderItem\n        )}\n        data-testid={dataTestId}\n      >\n        {(provided, snapshot) => (\n          <div\n            role=\"menu\"\n            className={classNames('draggable-item-list', className, {\n              'is-drop-disabled': isDropDisabled,\n              'is-drag-disabled': isDragDisabled,\n              'is-dragging-from-this': snapshot.draggingFromThisWith,\n              'is-dragging-over': snapshot.isDraggingOver,\n              'is-dropping': snapshot.draggingOverWith,\n            })}\n            style={style}\n            ref={provided.innerRef}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.droppableProps}\n          >\n            <ItemList\n              focusSelector=\".draggable-item-list-item\"\n              isDoubleClickSelect={isDoubleClickSelect}\n              isDragSelect={false}\n              isMultiSelect={isMultiSelect}\n              isStickyBottom={isStickyBottom}\n              itemCount={itemCount}\n              items={items}\n              onFocusChange={onFocusChange}\n              onSelect={onSelect}\n              onSelectionChange={this.handleSelectionChange}\n              onViewportChange={onViewportChange}\n              offset={offset}\n              ref={this.itemList}\n              renderItem={this.getCachedRenderDraggableItem(\n                draggablePrefix,\n                isDragDisabled,\n                renderItem\n              )}\n              rowHeight={rowHeight}\n              selectedRanges={selectedRanges}\n            />\n          </div>\n        )}\n      </Droppable>\n    );\n  }\n}\n\nexport default DraggableItemList;\n"],"mappings":"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"}
+{"version":3,"file":"DraggableItemList.js","names":["React","PureComponent","classNames","memoize","Draggable","Droppable","FontAwesomeIcon","vsGripper","RangeUtils","ItemList","Tooltip","DraggableItemList","renderHandle","renderBadge","text","length","renderTextItem","badgeText","className","renderItem","item","isClone","selectedCount","displayValue","value","undefined","getDraggableId","draggablePrefix","itemIndex","getDraggableIndex","draggableId","num","split","pop","parseInt","constructor","props","isFocused","isSelected","isDragDisabled","style","provided","innerRef","draggableProps","dragHandleProps","max","CACHE_SIZE","getCachedDraggableItem","draggingItemClassName","items","offset","snapshot","rubric","state","index","source","handleSelectionChange","bind","itemList","createRef","selectItem","current","focusItem","scrollToItem","selectedRanges","setState","count","onSelectionChange","render","droppableId","isDoubleClickSelect","isDropDisabled","isMultiSelect","isStickyBottom","itemCount","onFocusChange","onSelect","onViewportChange","rowHeight","dataTestId","getCachedRenderClone","draggingFromThisWith","isDraggingOver","draggingOverWith","droppableProps","getCachedRenderDraggableItem","DEFAULT_ROW_HEIGHT","isDeselectOnClick","disableSelect"],"sources":["../src/DraggableItemList.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport memoize from 'memoizee';\nimport { Draggable, Droppable, DraggableChildrenFn } from 'react-beautiful-dnd';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsGripper } from '@deephaven/icons';\nimport { RangeUtils, Range } from '@deephaven/utils';\nimport ItemList, {\n  RenderItemProps,\n  DefaultListItem,\n  ItemListProps,\n} from './ItemList';\nimport { Tooltip } from './popper';\nimport './DraggableItemList.scss';\n\nexport type DraggableRenderItemProps<T> = RenderItemProps<T> & {\n  isClone?: boolean;\n  selectedCount?: number;\n};\n\ntype DraggableRenderItemFn<T> = (\n  props: DraggableRenderItemProps<T>\n) => React.ReactNode;\n\ntype DraggableItemListProps<T> = Omit<\n  ItemListProps<T>,\n  'overscanCount' | 'focusSelector' | 'isDragSelect'\n> & {\n  className: string;\n  draggingItemClassName: string;\n  isDropDisabled: boolean;\n  // Whether to allow dragging items from this list\n  isDragDisabled: boolean;\n\n  renderItem: DraggableRenderItemFn<T>;\n  style: React.CSSProperties;\n\n  // The prefix to add to all draggable item IDs\n  draggablePrefix: string;\n  // The ID to give the droppable list\n  droppableId: string;\n\n  'data-testid'?: string;\n};\n\ntype DraggableItemListState = {\n  selectedCount: number;\n};\n\n/**\n * Show a draggable item list. It _must_ be used within a `DragDropContext`.\n * This implementation uses react-beautiful-dnd for handling dragging and dropping of items.\n * We use ItemList to handle selection for multi drag and drop (not built in to react-beautiful-dnd).\n * One caveat with the use of react-beautiful-dnd is that it doesn't allow a drag to be initiated while\n * using a modifier key: https://github.com/atlassian/react-beautiful-dnd/issues/1678\n */\nclass DraggableItemList<T> extends PureComponent<\n  DraggableItemListProps<T>,\n  DraggableItemListState\n> {\n  static DEFAULT_ROW_HEIGHT = 30;\n\n  static defaultProps = {\n    className: '',\n    draggingItemClassName: '',\n    offset: 0,\n    items: [],\n    rowHeight: DraggableItemList.DEFAULT_ROW_HEIGHT,\n    isDeselectOnClick: true,\n    isDoubleClickSelect: true,\n    isDropDisabled: false,\n    isDragDisabled: false,\n    isMultiSelect: false,\n    isStickyBottom: false,\n    disableSelect: false,\n    style: null,\n    onFocusChange(): void {\n      // no-op\n    },\n    onSelect(): void {\n      // no-op\n    },\n    onSelectionChange(): void {\n      // no-op\n    },\n    onViewportChange(): void {\n      // no-op\n    },\n    renderItem: DraggableItemList.renderItem,\n    selectedRanges: [],\n    draggablePrefix: 'draggable-item',\n    droppableId: 'droppable-item-list',\n    'data-testid': undefined,\n  };\n\n  static renderHandle(): JSX.Element {\n    return (\n      <div>\n        <Tooltip>Drag to re-order</Tooltip>\n        <FontAwesomeIcon icon={vsGripper} />\n      </div>\n    );\n  }\n\n  static renderBadge({ text }: { text?: string }): React.ReactNode {\n    return text != null && text.length > 0 ? (\n      <span className=\"number-badge\">{text}</span>\n    ) : null;\n  }\n\n  static renderTextItem({\n    text,\n    badgeText = '',\n    className = '',\n  }: {\n    text?: string;\n    badgeText?: string;\n    className: string;\n  }): JSX.Element {\n    return (\n      <div\n        className={classNames(\n          'item-list-item-content',\n          'draggable-item-list-item-content',\n          className\n        )}\n      >\n        <span className=\"title\">{text}</span>\n        {DraggableItemList.renderBadge({ text: badgeText })}\n        {DraggableItemList.renderHandle()}\n      </div>\n    );\n  }\n\n  static renderItem<P extends DefaultListItem>({\n    item,\n    isClone,\n    selectedCount,\n  }: DraggableRenderItemProps<P>): JSX.Element {\n    const text =\n      item != null ? item.displayValue ?? item.value ?? `${item}` : '';\n    const badgeText =\n      isClone !== undefined && isClone ? `${selectedCount}` : '';\n    const className =\n      isClone !== undefined && isClone ? 'item-list-item-clone' : '';\n    return DraggableItemList.renderTextItem({ text, badgeText, className });\n  }\n\n  static getDraggableId(draggablePrefix: string, itemIndex: number): string {\n    return `${draggablePrefix}/${itemIndex}`;\n  }\n\n  static getDraggableIndex(draggableId: string): number {\n    const num = draggableId.split('/').pop();\n    return parseInt(num !== undefined ? num : '', 10);\n  }\n\n  constructor(props: DraggableItemListProps<T>) {\n    super(props);\n\n    this.handleSelectionChange = this.handleSelectionChange.bind(this);\n\n    this.itemList = React.createRef();\n\n    this.state = {\n      selectedCount: 0,\n    };\n  }\n\n  itemList: React.RefObject<ItemList<T>>;\n\n  selectItem(itemIndex: number): void {\n    this.itemList.current?.selectItem(itemIndex);\n  }\n\n  focusItem(itemIndex: number): void {\n    this.itemList.current?.focusItem(itemIndex);\n  }\n\n  scrollToItem(itemIndex: number): void {\n    this.itemList.current?.scrollToItem(itemIndex);\n  }\n\n  getCachedDraggableItem = memoize(\n    (\n      draggablePrefix: string,\n      renderItem: DraggableRenderItemFn<T>,\n      item: T,\n      itemIndex: number,\n      isFocused: boolean,\n      isSelected: boolean,\n      isDragDisabled: boolean,\n      style: React.CSSProperties\n    ) => (\n      <Draggable\n        key={itemIndex}\n        draggableId={DraggableItemList.getDraggableId(\n          draggablePrefix,\n          itemIndex\n        )}\n        index={itemIndex}\n        isDragDisabled={isDragDisabled}\n      >\n        {provided => (\n          <div\n            role=\"menuitem\"\n            className=\"draggable-item-list-item\"\n            ref={provided.innerRef}\n            tabIndex={-1}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.draggableProps}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.dragHandleProps}\n          >\n            {renderItem({\n              item,\n              itemIndex,\n              isFocused,\n              isSelected,\n              style,\n              isClone: false,\n            })}\n          </div>\n        )}\n      </Draggable>\n    ),\n    { max: ItemList.CACHE_SIZE }\n  );\n\n  handleSelectionChange(selectedRanges: Range[]): void {\n    this.setState({ selectedCount: RangeUtils.count(selectedRanges) });\n\n    const { onSelectionChange } = this.props;\n    onSelectionChange(selectedRanges);\n  }\n\n  getCachedRenderDraggableItem = memoize(\n    (\n      draggablePrefix: string,\n      isDragDisabled: boolean,\n      renderItem: DraggableRenderItemFn<T>\n    ) =>\n      ({ item, itemIndex, isFocused, isSelected, style }: RenderItemProps<T>) =>\n        this.getCachedDraggableItem(\n          draggablePrefix,\n          renderItem,\n          item,\n          itemIndex,\n          isFocused,\n          isSelected,\n          isDragDisabled,\n          style\n        ),\n    { max: 1 }\n  );\n\n  getCachedRenderClone = memoize(\n    (\n      draggingItemClassName: string,\n      items: readonly T[],\n      offset: number,\n      renderItem: DraggableRenderItemFn<T>\n    ): DraggableChildrenFn =>\n      // eslint-disable-next-line react/no-unstable-nested-components, react/display-name, react/function-component-definition\n      (provided, snapshot, rubric) => {\n        // eslint-disable-next-line react/no-this-in-sfc\n        const { selectedCount } = this.state;\n        const { draggableProps, dragHandleProps, innerRef } = provided;\n        const { index: itemIndex } = rubric.source;\n        const item = items[itemIndex - offset];\n        return (\n          <div\n            className={classNames(\n              'draggable-item-list-dragging-item-container',\n              draggingItemClassName\n            )}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...draggableProps}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...dragHandleProps}\n            ref={innerRef}\n          >\n            <div\n              className={classNames(\n                'draggable-item-list-dragging-item',\n                { 'two-dragged': selectedCount === 2 },\n                { 'multiple-dragged': selectedCount > 2 }\n              )}\n            >\n              {renderItem({\n                item,\n                itemIndex,\n                isFocused: false,\n                isSelected: true,\n                style: {},\n                isClone: true,\n                selectedCount,\n              })}\n            </div>\n          </div>\n        );\n      },\n    { max: 1 }\n  );\n\n  render(): JSX.Element {\n    const {\n      className,\n      draggablePrefix,\n      draggingItemClassName,\n      droppableId,\n      isDoubleClickSelect,\n      isDragDisabled,\n      isDropDisabled,\n      isMultiSelect,\n      isStickyBottom,\n      itemCount,\n      items,\n      offset,\n      onFocusChange,\n      onSelect,\n      onViewportChange,\n      renderItem,\n      rowHeight,\n      selectedRanges,\n      style,\n      'data-testid': dataTestId,\n    } = this.props;\n    return (\n      <Droppable\n        isDropDisabled={isDropDisabled}\n        droppableId={droppableId}\n        mode=\"virtual\"\n        renderClone={this.getCachedRenderClone(\n          draggingItemClassName,\n          items,\n          offset,\n          renderItem\n        )}\n        data-testid={dataTestId}\n      >\n        {(provided, snapshot) => (\n          <div\n            role=\"menu\"\n            className={classNames('draggable-item-list', className, {\n              'is-drop-disabled': isDropDisabled,\n              'is-drag-disabled': isDragDisabled,\n              'is-dragging-from-this': snapshot.draggingFromThisWith,\n              'is-dragging-over': snapshot.isDraggingOver,\n              'is-dropping': snapshot.draggingOverWith,\n            })}\n            style={style}\n            ref={provided.innerRef}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...provided.droppableProps}\n          >\n            <ItemList\n              focusSelector=\".draggable-item-list-item\"\n              isDoubleClickSelect={isDoubleClickSelect}\n              isDragSelect={false}\n              isMultiSelect={isMultiSelect}\n              isStickyBottom={isStickyBottom}\n              itemCount={itemCount}\n              items={items}\n              onFocusChange={onFocusChange}\n              onSelect={onSelect}\n              onSelectionChange={this.handleSelectionChange}\n              onViewportChange={onViewportChange}\n              offset={offset}\n              ref={this.itemList}\n              renderItem={this.getCachedRenderDraggableItem(\n                draggablePrefix,\n                isDragDisabled,\n                renderItem\n              )}\n              rowHeight={rowHeight}\n              selectedRanges={selectedRanges}\n            />\n          </div>\n        )}\n      </Droppable>\n    );\n  }\n}\n\nexport default DraggableItemList;\n"],"mappings":"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"}

package/dist/MaskedInput.d.ts

@@ -8,7 +8,7 @@ declare const SELECTION_DIRECTION: {
 export type SelectionSegment = {
     selectionStart: number;
     selectionEnd: number;
-    selectionDirection?: typeof SELECTION_DIRECTION[keyof typeof SELECTION_DIRECTION];
+    selectionDirection?: (typeof SELECTION_DIRECTION)[keyof typeof SELECTION_DIRECTION];
 };
 type MaskedInputProps = {
     /** An extra class name to add to the component */

package/dist/MaskedInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedInput.d.ts","sourceRoot":"","sources":["../src/MaskedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,aAAa,EAAE,MAAM,OAAO,CAAC;AAS9E,OAAO,oBAAoB,CAAC;AAI5B,QAAA,MAAM,mBAAmB;;;;CAIf,CAAC;AAQX,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,mBAAmB,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;CACnF,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,2IAA2I;IAC3I,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,6EAA6E;IAC7E,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,oCAAoC;IACpC,QAAQ,CAAC,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC3C,mCAAmC;IACnC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACzD,qDAAqD;IACrD,mBAAmB,CAAC,CAClB,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,MAAM,GACZ,MAAM,CAAC;IACV,6BAA6B,CAAC,CAC5B,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,MAAM,GACnB,MAAM,CAAC;IACV,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAEjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;GAGG;AAIH,QAAA,MAAM,WAAW,2FA4dhB,CAAC;AAuBF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MaskedInput.d.ts","sourceRoot":"","sources":["../src/MaskedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,aAAa,EAAE,MAAM,OAAO,CAAC;AAS9E,OAAO,oBAAoB,CAAC;AAI5B,QAAA,MAAM,mBAAmB;;;;CAIf,CAAC;AAQX,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;CACrF,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,2IAA2I;IAC3I,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,6EAA6E;IAC7E,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,oCAAoC;IACpC,QAAQ,CAAC,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC3C,mCAAmC;IACnC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACzD,qDAAqD;IACrD,mBAAmB,CAAC,CAClB,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,KAAK,EAAE,MAAM,GACZ,MAAM,CAAC;IACV,6BAA6B,CAAC,CAC5B,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,YAAY,EAAE,MAAM,GACnB,MAAM,CAAC;IACV,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAEjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;GAGG;AAIH,QAAA,MAAM,WAAW,2FAydhB,CAAC;AAuBF,eAAe,WAAW,CAAC"}

package/dist/MaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedInput.js","names":["React","useMemo","useEffect","useCallback","classNames","Log","useForwardedRef","DEFAULT_GET_PREFERRED_REPLACEMENT_STRING","fillToLength","trimTrailingMask","log","module","SELECTION_DIRECTION","FORWARD","BACKWARD","NONE","FIXED_WIDTH_SPACE","MaskedInput","forwardRef","props","ref","className","example","getNextSegmentValue","range","delta","segmentValue","getPreferredReplacementString","onChange","onSelect","onSubmit","pattern","placeholder","selection","value","onFocus","onBlur","dataTestId","input","examples","Array","isArray","emptyMask","replace","setSelectedSegment","debug","selectionStart","selectionEnd","selectionDirection","current","setSelectionRange","getSegment","cursorPosition","testValue","length","i","test","charAt","fillValue","checkValue","exampleValue","filledValue","concat","substring","isValid","patternRegex","RegExp","nextSegment","position","currentSegment","nextPosition","previousSegment","previousPosition","nextSegmentValue","segment","newSegmentValue","newValue","handleSelect","event","target","error","debug2","nativeEvent","type","newSelection","handleSelectCapture","preventDefault","stopPropagation","handleArrowKey","key","handleKeyDown","startsWith","trimmedValue","altKey","metaKey","ctrlKey","newChars","from","Set","toUpperCase","toLowerCase","newChar","maxReplaceIndex","replaceIndex","newSelectionStart","nextSegmentSelection","undefined","defaultProps"],"sources":["../src/MaskedInput.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useCallback, KeyboardEvent } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport { useForwardedRef } from '@deephaven/react-hooks';\nimport {\n  DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n  fillToLength,\n  trimTrailingMask,\n} from './MaskedInputUtils';\nimport './MaskedInput.scss';\n\nconst log = Log.module('MaskedInput');\n\nconst SELECTION_DIRECTION = {\n  FORWARD: 'forward',\n  BACKWARD: 'backward',\n  NONE: 'none',\n} as const;\n\n/**\n * Special space character that's the same size as tabular numbers\n * https://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nconst FIXED_WIDTH_SPACE = '\\u2007';\n\nexport type SelectionSegment = {\n  selectionStart: number;\n  selectionEnd: number;\n  selectionDirection?: typeof SELECTION_DIRECTION[keyof typeof SELECTION_DIRECTION];\n};\n\ntype MaskedInputProps = {\n  /** An extra class name to add to the component */\n  className?: string;\n  /** The regex pattern this masked input must match */\n  pattern: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** The current value to display */\n  value: string;\n  /** One or more examples of valid values. Used when deciding if next keystroke is valid (as rest of the current value may be incomplete) */\n  example: string | string[];\n  /** The current selection to use for the input */\n  selection?: SelectionSegment;\n  /** Called when the value changes. Note the value may still be incomplete. */\n  onChange?(value: string): void;\n  /** Called when selection changes */\n  onSelect?(segment: SelectionSegment): void;\n  /** Called when enter is pressed */\n  onSubmit?(event?: KeyboardEvent<HTMLInputElement>): void;\n  /** Retrieve the next value for a provided segment */\n  getNextSegmentValue?(\n    segment: SelectionSegment,\n    delta: number,\n    segmentValue: string,\n    value: string\n  ): string;\n  getPreferredReplacementString?(\n    value: string,\n    replaceIndex: number,\n    replaceChar: string,\n    selectionStart: number,\n    selectionEnd: number\n  ): string;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n\n  'data-testid'?: string;\n};\n\n/**\n * A masked input for entering data from a template.\n * Won't work by itself, must use within another component and handle updating the value/selection.\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 MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n  (props: MaskedInputProps, ref) => {\n    const {\n      className,\n      example,\n      getNextSegmentValue = (range, delta, segmentValue) => segmentValue,\n      getPreferredReplacementString = DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n      onChange = () => false,\n      onSelect = () => false,\n      onSubmit,\n      pattern,\n      placeholder,\n      selection,\n      value,\n      onFocus = () => false,\n      onBlur = () => false,\n      'data-testid': dataTestId,\n    } = props;\n    const input = useForwardedRef(ref);\n    const examples = useMemo(\n      () => (Array.isArray(example) ? example : [example]),\n      [example]\n    );\n    const emptyMask = useMemo(\n      () => examples[0].replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE),\n      [examples]\n    );\n\n    useEffect(\n      function setSelectedSegment() {\n        if (selection != null) {\n          log.debug('setting selection...', selection);\n          const {\n            selectionStart,\n            selectionEnd,\n            selectionDirection,\n          } = selection;\n          input.current?.setSelectionRange(\n            selectionStart,\n            selectionEnd,\n            selectionDirection\n          );\n          log.debug('selection set!');\n        }\n      },\n      [selection, input]\n    );\n\n    /**\n     * Returns the selection range for the segment at the given cursor position\n     * @param cursorPosition The current position of the cursor\n     */\n    const getSegment = useCallback(\n      (cursorPosition: number) => {\n        let selectionStart = cursorPosition;\n        let selectionEnd = cursorPosition;\n        const testValue = examples.length > 0 ? examples[0] : value;\n\n        for (let i = selectionStart - 1; i >= 0; i -= 1) {\n          if (!/[a-zA-Z0-9]/g.test(testValue.charAt(i))) {\n            break;\n          }\n\n          selectionStart = i;\n        }\n\n        for (let i = selectionEnd; i < testValue.length; i += 1) {\n          if (!/[a-zA-Z0-9]/g.test(testValue.charAt(i))) {\n            break;\n          }\n\n          selectionEnd = i + 1;\n        }\n\n        const selectionDirection =\n          selectionStart === selectionEnd\n            ? SELECTION_DIRECTION.NONE\n            : SELECTION_DIRECTION.BACKWARD;\n\n        return {\n          selectionStart,\n          selectionEnd,\n          selectionDirection,\n        };\n      },\n      [examples, value]\n    );\n\n    /**\n     * Replaces all blank spaces and everything after the current cursor position with the example value\n     * @param checkValue The value to check/fill in\n     * @param exampleValue The example to fill in the value from\n     * @param cursorPosition The cursor position\n     * @returns The filled in value\n     */\n    function fillValue(\n      checkValue: string,\n      exampleValue: string,\n      cursorPosition = checkValue.length\n    ): string {\n      let filledValue = '';\n      for (let i = 0; i < cursorPosition; i += 1) {\n        if (checkValue.charAt(i) !== FIXED_WIDTH_SPACE) {\n          filledValue = filledValue.concat(checkValue[i]);\n        } else {\n          filledValue = filledValue.concat(exampleValue[i]);\n        }\n      }\n      filledValue = filledValue.concat(exampleValue.substring(cursorPosition));\n\n      return filledValue;\n    }\n\n    /**\n     * Checks if a given `value` is valid up until the `cursorPosition`.\n     * Uses the examples to build the rest of the string\n     * @param checkValue The value to check validity of\n     * @param cursorPosition The position of the cursor to check up to\n     */\n    function isValid(\n      checkValue: string,\n      cursorPosition = checkValue.length\n    ): boolean {\n      const patternRegex = new RegExp(`^${pattern}$`);\n      if (patternRegex.test(checkValue)) {\n        return true;\n      }\n\n      for (let i = 0; i < examples.length; i += 1) {\n        const filledValue = fillValue(checkValue, examples[i], cursorPosition);\n        if (patternRegex.test(filledValue)) {\n          return true;\n        }\n      }\n      return false;\n    }\n\n    /**\n     * Returns the next segment after the given position\n     * @param position The cursor position to start at\n     * @returns The new selection range\n     */\n    function nextSegment(position: number): SelectionSegment {\n      const currentSegment = getSegment(position);\n      const nextPosition = currentSegment.selectionEnd + 1;\n      if (nextPosition >= value.length) {\n        return currentSegment;\n      }\n\n      return getSegment(nextPosition);\n    }\n\n    /**\n     * Returns the previous segment before the given position\n     * @param position The cursor position to start at\n     * @returns The new selection range\n     */\n    function previousSegment(position: number): SelectionSegment {\n      const currentSegment = getSegment(position);\n      const previousPosition = currentSegment.selectionStart - 1;\n      if (previousPosition <= 0) {\n        return currentSegment;\n      }\n\n      return getSegment(previousPosition);\n    }\n\n    function nextSegmentValue(position: number, delta: number): void {\n      const segment = getSegment(position);\n      const segmentValue = value.substring(\n        segment.selectionStart,\n        segment.selectionEnd\n      );\n      const newSegmentValue = getNextSegmentValue(\n        segment,\n        delta,\n        segmentValue,\n        value\n      );\n      const newValue =\n        value.substring(0, segment.selectionStart) +\n        newSegmentValue +\n        value.substring(segment.selectionEnd);\n      if (isValid(newValue, segment.selectionEnd)) {\n        onChange(newValue);\n        onSelect(segment);\n      }\n    }\n\n    const handleSelect = useCallback(\n      (event: React.UIEvent<HTMLInputElement>) => {\n        const {\n          selectionStart = 0,\n          selectionEnd = 0,\n          selectionDirection = 'none',\n        } = event.target as HTMLInputElement;\n\n        if (\n          selectionStart === null ||\n          selectionEnd === null ||\n          selectionDirection === null\n        ) {\n          log.error(\n            'Selection attempted on non-text input element',\n            event.target\n          );\n          return;\n        }\n\n        log.debug2(\n          'handleSelect',\n          selectionStart,\n          selectionEnd,\n          selectionDirection\n        );\n        if (\n          selection != null &&\n          selectionStart === selection.selectionStart &&\n          selectionEnd === selection.selectionEnd\n        ) {\n          return;\n        }\n        if (\n          selection != null &&\n          selectionStart === value.length &&\n          selectionEnd === value.length &&\n          event.nativeEvent.type !== 'mouseup'\n        ) {\n          // React triggers onSelect event with the cursor at the end of the input content\n          // when the component is rendered at a different location in the DOM,\n          // i.e. when start/end times switch places in the TimeSlider.\n          // Ignore this event and reset the selection to its previous state.\n          onSelect({ ...selection });\n          return;\n        }\n        if (selectionStart === selectionEnd) {\n          const newSelection = getSegment(selectionStart);\n          log.debug(\n            'Selection segment from ',\n            selectionStart,\n            selectionEnd,\n            '=>',\n            newSelection\n          );\n          onSelect(newSelection);\n        } else {\n          onSelect({ selectionStart, selectionEnd, selectionDirection });\n        }\n      },\n      [getSegment, onSelect, selection, value]\n    );\n\n    const handleSelectCapture = useCallback(\n      (event: React.UIEvent<HTMLInputElement>) => {\n        if (!input.current) {\n          return;\n        }\n        log.debug('handleSelectCapture', event);\n        const selectionStart = input.current.selectionStart ?? 0;\n        if (\n          selectionStart === value.length &&\n          selection != null &&\n          selectionStart !== selection.selectionStart\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      },\n      [input, selection, value]\n    );\n\n    function handleArrowKey(event: React.KeyboardEvent<HTMLInputElement>) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (!input.current) {\n        return;\n      }\n\n      const { key } = event;\n      const { selectionStart = 0, selectionEnd = 0 } = input.current;\n      if (selectionStart === null || selectionEnd === null) {\n        log.error(\n          'Selection arrow nvaigation attempted on non-text input element',\n          event.target\n        );\n        return;\n      }\n\n      if (key === 'ArrowLeft') {\n        onSelect(previousSegment(selectionStart));\n      } else if (key === 'ArrowRight') {\n        onSelect(nextSegment(selectionEnd));\n      } else if (key === 'ArrowUp') {\n        nextSegmentValue(selectionStart, -1);\n      } else if (key === 'ArrowDown') {\n        nextSegmentValue(selectionStart, 1);\n      }\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n      if (!input.current) {\n        return;\n      }\n      log.debug('handleKeyDown', event);\n      const { key } = event;\n      const { selectionStart = 0, selectionEnd = 0 } = input.current;\n      if (selectionStart === null || selectionEnd === null) {\n        log.error(\n          'Selection key event on non-text input element',\n          event.target\n        );\n        return;\n      }\n      if (key === 'Enter') {\n        onSubmit?.(event);\n        return;\n      }\n      if (key.startsWith('Arrow')) {\n        handleArrowKey(event);\n        return;\n      }\n\n      if (key === 'Delete' || key === 'Backspace') {\n        event.preventDefault();\n        event.stopPropagation();\n\n        // Deleting at the end of the value\n        if (selectionEnd >= trimTrailingMask(value, emptyMask).length) {\n          const newValue = value.substring(\n            0,\n            // Delete whole selection or just the char before the cursor\n            selectionStart === selectionEnd\n              ? selectionStart - 1\n              : selectionStart\n          );\n          const trimmedValue = trimTrailingMask(newValue, emptyMask);\n          if (trimmedValue !== value) {\n            onChange(trimmedValue);\n            onSelect({\n              selectionStart: trimmedValue.length,\n              selectionEnd: trimmedValue.length,\n              selectionDirection: SELECTION_DIRECTION.NONE,\n            });\n          }\n          return;\n        }\n\n        if (selectionStart !== selectionEnd) {\n          // Replace all non-masked characters with blanks, set selection to start\n          const newValue =\n            value.substring(0, selectionStart) +\n            value\n              .substring(selectionStart, selectionEnd)\n              .replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE) +\n            value.substring(selectionEnd);\n          log.debug(\n            'Range ',\n            selectionStart,\n            selectionEnd,\n            'deleted, setting value',\n            newValue\n          );\n\n          onChange(newValue);\n          onSelect({\n            selectionStart,\n            selectionEnd: selectionStart,\n            selectionDirection: SELECTION_DIRECTION.NONE,\n          });\n        } else if (selectionStart > 0) {\n          for (let i = selectionStart - 1; i >= 0; i -= 1) {\n            // Only replace non placeholder text\n            const newValue =\n              value.substring(0, i) +\n              value\n                .substring(i, selectionStart)\n                .replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE) +\n              value.substring(selectionStart);\n\n            if (newValue !== value) {\n              onChange(newValue);\n              onSelect({\n                selectionStart: i,\n                selectionEnd: i,\n                selectionDirection: SELECTION_DIRECTION.NONE,\n              });\n              return;\n            }\n          }\n        }\n\n        return;\n      }\n\n      if (event.altKey || event.metaKey || event.ctrlKey || key.length > 1) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Get the different permutations of the character they entered, remove duplicates\n      const newChars = Array.from(\n        new Set([key, key.toUpperCase(), key.toLowerCase()])\n      );\n      for (let i = 0; i < newChars.length; i += 1) {\n        const newChar = newChars[i];\n\n        // If they're typing an alphanumeric character, be smart and allow it to jump ahead\n        const maxReplaceIndex = /[a-zA-Z0-9]/g.test(newChar)\n          ? examples[0].length - 1\n          : selectionStart;\n        for (\n          let replaceIndex = selectionStart;\n          replaceIndex <= maxReplaceIndex;\n          replaceIndex += 1\n        ) {\n          // Fill with the example chars if necessary\n          const filledValue = fillToLength(\n            value,\n            examples[0],\n            replaceIndex + 1\n          );\n          const newValue = getPreferredReplacementString(\n            filledValue,\n            replaceIndex,\n            newChar,\n            selectionStart,\n            selectionEnd\n          );\n          if (isValid(newValue, replaceIndex + 1)) {\n            const currentSegment = getSegment(replaceIndex);\n            const newSelectionStart = replaceIndex + 1;\n            let newSelection: SelectionSegment = {\n              selectionStart: newSelectionStart,\n              selectionEnd: newSelectionStart,\n              selectionDirection: SELECTION_DIRECTION.NONE,\n            };\n            if (newSelectionStart >= currentSegment.selectionEnd) {\n              const nextSegmentSelection = nextSegment(replaceIndex);\n              if (\n                nextSegmentSelection.selectionStart !==\n                currentSegment.selectionStart\n              ) {\n                newSelection = nextSegmentSelection;\n              }\n            }\n            log.debug('handleKeyDown', key, '=>', newValue, newSelection);\n            onChange(newValue);\n            onSelect(newSelection);\n            return;\n          }\n        }\n      }\n    }\n\n    // Need to use \"text\" type so we can apply a pattern and make selection properly\n    return (\n      <input\n        ref={input}\n        className={classNames('form-control masked-input', className)}\n        type=\"text\"\n        pattern={pattern}\n        placeholder={placeholder}\n        value={value}\n        onChange={() => undefined}\n        onKeyDown={handleKeyDown}\n        onSelect={handleSelect}\n        onSelectCapture={handleSelectCapture}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        data-testid={dataTestId}\n      />\n    );\n  }\n);\n\nMaskedInput.defaultProps = {\n  className: '',\n  placeholder: undefined,\n  onChange(): void {\n    // no-op\n  },\n  onSelect(): void {\n    // no-op\n  },\n  getNextSegmentValue: (range, delta, segmentValue) => segmentValue,\n  getPreferredReplacementString: DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n  selection: undefined,\n  onFocus(): void {\n    // no-op\n  },\n  onBlur(): void {\n    // no-op\n  },\n  'data-testid': undefined,\n};\n\nexport default MaskedInput;\n"],"mappings":"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"}
+{"version":3,"file":"MaskedInput.js","names":["React","useMemo","useEffect","useCallback","classNames","Log","useForwardedRef","DEFAULT_GET_PREFERRED_REPLACEMENT_STRING","fillToLength","trimTrailingMask","log","module","SELECTION_DIRECTION","FORWARD","BACKWARD","NONE","FIXED_WIDTH_SPACE","MaskedInput","forwardRef","props","ref","className","example","getNextSegmentValue","range","delta","segmentValue","getPreferredReplacementString","onChange","onSelect","onSubmit","pattern","placeholder","selection","value","onFocus","onBlur","dataTestId","input","examples","Array","isArray","emptyMask","replace","setSelectedSegment","debug","selectionStart","selectionEnd","selectionDirection","current","setSelectionRange","getSegment","cursorPosition","testValue","length","i","test","charAt","fillValue","checkValue","exampleValue","filledValue","concat","substring","isValid","patternRegex","RegExp","nextSegment","position","currentSegment","nextPosition","previousSegment","previousPosition","nextSegmentValue","segment","newSegmentValue","newValue","handleSelect","event","target","error","debug2","nativeEvent","type","newSelection","handleSelectCapture","preventDefault","stopPropagation","handleArrowKey","key","handleKeyDown","startsWith","trimmedValue","altKey","metaKey","ctrlKey","newChars","from","Set","toUpperCase","toLowerCase","newChar","maxReplaceIndex","replaceIndex","newSelectionStart","nextSegmentSelection","undefined","defaultProps"],"sources":["../src/MaskedInput.tsx"],"sourcesContent":["import React, { useMemo, useEffect, useCallback, KeyboardEvent } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport { useForwardedRef } from '@deephaven/react-hooks';\nimport {\n  DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n  fillToLength,\n  trimTrailingMask,\n} from './MaskedInputUtils';\nimport './MaskedInput.scss';\n\nconst log = Log.module('MaskedInput');\n\nconst SELECTION_DIRECTION = {\n  FORWARD: 'forward',\n  BACKWARD: 'backward',\n  NONE: 'none',\n} as const;\n\n/**\n * Special space character that's the same size as tabular numbers\n * https://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nconst FIXED_WIDTH_SPACE = '\\u2007';\n\nexport type SelectionSegment = {\n  selectionStart: number;\n  selectionEnd: number;\n  selectionDirection?: (typeof SELECTION_DIRECTION)[keyof typeof SELECTION_DIRECTION];\n};\n\ntype MaskedInputProps = {\n  /** An extra class name to add to the component */\n  className?: string;\n  /** The regex pattern this masked input must match */\n  pattern: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** The current value to display */\n  value: string;\n  /** One or more examples of valid values. Used when deciding if next keystroke is valid (as rest of the current value may be incomplete) */\n  example: string | string[];\n  /** The current selection to use for the input */\n  selection?: SelectionSegment;\n  /** Called when the value changes. Note the value may still be incomplete. */\n  onChange?(value: string): void;\n  /** Called when selection changes */\n  onSelect?(segment: SelectionSegment): void;\n  /** Called when enter is pressed */\n  onSubmit?(event?: KeyboardEvent<HTMLInputElement>): void;\n  /** Retrieve the next value for a provided segment */\n  getNextSegmentValue?(\n    segment: SelectionSegment,\n    delta: number,\n    segmentValue: string,\n    value: string\n  ): string;\n  getPreferredReplacementString?(\n    value: string,\n    replaceIndex: number,\n    replaceChar: string,\n    selectionStart: number,\n    selectionEnd: number\n  ): string;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n\n  'data-testid'?: string;\n};\n\n/**\n * A masked input for entering data from a template.\n * Won't work by itself, must use within another component and handle updating the value/selection.\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 MaskedInput = React.forwardRef<HTMLInputElement, MaskedInputProps>(\n  (props: MaskedInputProps, ref) => {\n    const {\n      className,\n      example,\n      getNextSegmentValue = (range, delta, segmentValue) => segmentValue,\n      getPreferredReplacementString = DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n      onChange = () => false,\n      onSelect = () => false,\n      onSubmit,\n      pattern,\n      placeholder,\n      selection,\n      value,\n      onFocus = () => false,\n      onBlur = () => false,\n      'data-testid': dataTestId,\n    } = props;\n    const input = useForwardedRef(ref);\n    const examples = useMemo(\n      () => (Array.isArray(example) ? example : [example]),\n      [example]\n    );\n    const emptyMask = useMemo(\n      () => examples[0].replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE),\n      [examples]\n    );\n\n    useEffect(\n      function setSelectedSegment() {\n        if (selection != null) {\n          log.debug('setting selection...', selection);\n          const { selectionStart, selectionEnd, selectionDirection } =\n            selection;\n          input.current?.setSelectionRange(\n            selectionStart,\n            selectionEnd,\n            selectionDirection\n          );\n          log.debug('selection set!');\n        }\n      },\n      [selection, input]\n    );\n\n    /**\n     * Returns the selection range for the segment at the given cursor position\n     * @param cursorPosition The current position of the cursor\n     */\n    const getSegment = useCallback(\n      (cursorPosition: number) => {\n        let selectionStart = cursorPosition;\n        let selectionEnd = cursorPosition;\n        const testValue = examples.length > 0 ? examples[0] : value;\n\n        for (let i = selectionStart - 1; i >= 0; i -= 1) {\n          if (!/[a-zA-Z0-9]/g.test(testValue.charAt(i))) {\n            break;\n          }\n\n          selectionStart = i;\n        }\n\n        for (let i = selectionEnd; i < testValue.length; i += 1) {\n          if (!/[a-zA-Z0-9]/g.test(testValue.charAt(i))) {\n            break;\n          }\n\n          selectionEnd = i + 1;\n        }\n\n        const selectionDirection =\n          selectionStart === selectionEnd\n            ? SELECTION_DIRECTION.NONE\n            : SELECTION_DIRECTION.BACKWARD;\n\n        return {\n          selectionStart,\n          selectionEnd,\n          selectionDirection,\n        };\n      },\n      [examples, value]\n    );\n\n    /**\n     * Replaces all blank spaces and everything after the current cursor position with the example value\n     * @param checkValue The value to check/fill in\n     * @param exampleValue The example to fill in the value from\n     * @param cursorPosition The cursor position\n     * @returns The filled in value\n     */\n    function fillValue(\n      checkValue: string,\n      exampleValue: string,\n      cursorPosition = checkValue.length\n    ): string {\n      let filledValue = '';\n      for (let i = 0; i < cursorPosition; i += 1) {\n        if (checkValue.charAt(i) !== FIXED_WIDTH_SPACE) {\n          filledValue = filledValue.concat(checkValue[i]);\n        } else {\n          filledValue = filledValue.concat(exampleValue[i]);\n        }\n      }\n      filledValue = filledValue.concat(exampleValue.substring(cursorPosition));\n\n      return filledValue;\n    }\n\n    /**\n     * Checks if a given `value` is valid up until the `cursorPosition`.\n     * Uses the examples to build the rest of the string\n     * @param checkValue The value to check validity of\n     * @param cursorPosition The position of the cursor to check up to\n     */\n    function isValid(\n      checkValue: string,\n      cursorPosition = checkValue.length\n    ): boolean {\n      const patternRegex = new RegExp(`^${pattern}$`);\n      if (patternRegex.test(checkValue)) {\n        return true;\n      }\n\n      for (let i = 0; i < examples.length; i += 1) {\n        const filledValue = fillValue(checkValue, examples[i], cursorPosition);\n        if (patternRegex.test(filledValue)) {\n          return true;\n        }\n      }\n      return false;\n    }\n\n    /**\n     * Returns the next segment after the given position\n     * @param position The cursor position to start at\n     * @returns The new selection range\n     */\n    function nextSegment(position: number): SelectionSegment {\n      const currentSegment = getSegment(position);\n      const nextPosition = currentSegment.selectionEnd + 1;\n      if (nextPosition >= value.length) {\n        return currentSegment;\n      }\n\n      return getSegment(nextPosition);\n    }\n\n    /**\n     * Returns the previous segment before the given position\n     * @param position The cursor position to start at\n     * @returns The new selection range\n     */\n    function previousSegment(position: number): SelectionSegment {\n      const currentSegment = getSegment(position);\n      const previousPosition = currentSegment.selectionStart - 1;\n      if (previousPosition <= 0) {\n        return currentSegment;\n      }\n\n      return getSegment(previousPosition);\n    }\n\n    function nextSegmentValue(position: number, delta: number): void {\n      const segment = getSegment(position);\n      const segmentValue = value.substring(\n        segment.selectionStart,\n        segment.selectionEnd\n      );\n      const newSegmentValue = getNextSegmentValue(\n        segment,\n        delta,\n        segmentValue,\n        value\n      );\n      const newValue =\n        value.substring(0, segment.selectionStart) +\n        newSegmentValue +\n        value.substring(segment.selectionEnd);\n      if (isValid(newValue, segment.selectionEnd)) {\n        onChange(newValue);\n        onSelect(segment);\n      }\n    }\n\n    const handleSelect = useCallback(\n      (event: React.UIEvent<HTMLInputElement>) => {\n        const {\n          selectionStart = 0,\n          selectionEnd = 0,\n          selectionDirection = 'none',\n        } = event.target as HTMLInputElement;\n\n        if (\n          selectionStart === null ||\n          selectionEnd === null ||\n          selectionDirection === null\n        ) {\n          log.error(\n            'Selection attempted on non-text input element',\n            event.target\n          );\n          return;\n        }\n\n        log.debug2(\n          'handleSelect',\n          selectionStart,\n          selectionEnd,\n          selectionDirection\n        );\n        if (\n          selection != null &&\n          selectionStart === selection.selectionStart &&\n          selectionEnd === selection.selectionEnd\n        ) {\n          return;\n        }\n        if (\n          selection != null &&\n          selectionStart === value.length &&\n          selectionEnd === value.length &&\n          event.nativeEvent.type !== 'mouseup'\n        ) {\n          // React triggers onSelect event with the cursor at the end of the input content\n          // when the component is rendered at a different location in the DOM,\n          // i.e. when start/end times switch places in the TimeSlider.\n          // Ignore this event and reset the selection to its previous state.\n          onSelect({ ...selection });\n          return;\n        }\n        if (selectionStart === selectionEnd) {\n          const newSelection = getSegment(selectionStart);\n          log.debug(\n            'Selection segment from ',\n            selectionStart,\n            selectionEnd,\n            '=>',\n            newSelection\n          );\n          onSelect(newSelection);\n        } else {\n          onSelect({ selectionStart, selectionEnd, selectionDirection });\n        }\n      },\n      [getSegment, onSelect, selection, value]\n    );\n\n    const handleSelectCapture = useCallback(\n      (event: React.UIEvent<HTMLInputElement>) => {\n        if (!input.current) {\n          return;\n        }\n        log.debug('handleSelectCapture', event);\n        const selectionStart = input.current.selectionStart ?? 0;\n        if (\n          selectionStart === value.length &&\n          selection != null &&\n          selectionStart !== selection.selectionStart\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      },\n      [input, selection, value]\n    );\n\n    function handleArrowKey(event: React.KeyboardEvent<HTMLInputElement>) {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (!input.current) {\n        return;\n      }\n\n      const { key } = event;\n      const { selectionStart = 0, selectionEnd = 0 } = input.current;\n      if (selectionStart === null || selectionEnd === null) {\n        log.error(\n          'Selection arrow nvaigation attempted on non-text input element',\n          event.target\n        );\n        return;\n      }\n\n      if (key === 'ArrowLeft') {\n        onSelect(previousSegment(selectionStart));\n      } else if (key === 'ArrowRight') {\n        onSelect(nextSegment(selectionEnd));\n      } else if (key === 'ArrowUp') {\n        nextSegmentValue(selectionStart, -1);\n      } else if (key === 'ArrowDown') {\n        nextSegmentValue(selectionStart, 1);\n      }\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n      if (!input.current) {\n        return;\n      }\n      log.debug('handleKeyDown', event);\n      const { key } = event;\n      const { selectionStart = 0, selectionEnd = 0 } = input.current;\n      if (selectionStart === null || selectionEnd === null) {\n        log.error(\n          'Selection key event on non-text input element',\n          event.target\n        );\n        return;\n      }\n      if (key === 'Enter') {\n        onSubmit?.(event);\n        return;\n      }\n      if (key.startsWith('Arrow')) {\n        handleArrowKey(event);\n        return;\n      }\n\n      if (key === 'Delete' || key === 'Backspace') {\n        event.preventDefault();\n        event.stopPropagation();\n\n        // Deleting at the end of the value\n        if (selectionEnd >= trimTrailingMask(value, emptyMask).length) {\n          const newValue = value.substring(\n            0,\n            // Delete whole selection or just the char before the cursor\n            selectionStart === selectionEnd\n              ? selectionStart - 1\n              : selectionStart\n          );\n          const trimmedValue = trimTrailingMask(newValue, emptyMask);\n          if (trimmedValue !== value) {\n            onChange(trimmedValue);\n            onSelect({\n              selectionStart: trimmedValue.length,\n              selectionEnd: trimmedValue.length,\n              selectionDirection: SELECTION_DIRECTION.NONE,\n            });\n          }\n          return;\n        }\n\n        if (selectionStart !== selectionEnd) {\n          // Replace all non-masked characters with blanks, set selection to start\n          const newValue =\n            value.substring(0, selectionStart) +\n            value\n              .substring(selectionStart, selectionEnd)\n              .replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE) +\n            value.substring(selectionEnd);\n          log.debug(\n            'Range ',\n            selectionStart,\n            selectionEnd,\n            'deleted, setting value',\n            newValue\n          );\n\n          onChange(newValue);\n          onSelect({\n            selectionStart,\n            selectionEnd: selectionStart,\n            selectionDirection: SELECTION_DIRECTION.NONE,\n          });\n        } else if (selectionStart > 0) {\n          for (let i = selectionStart - 1; i >= 0; i -= 1) {\n            // Only replace non placeholder text\n            const newValue =\n              value.substring(0, i) +\n              value\n                .substring(i, selectionStart)\n                .replace(/[a-zA-Z0-9]/g, FIXED_WIDTH_SPACE) +\n              value.substring(selectionStart);\n\n            if (newValue !== value) {\n              onChange(newValue);\n              onSelect({\n                selectionStart: i,\n                selectionEnd: i,\n                selectionDirection: SELECTION_DIRECTION.NONE,\n              });\n              return;\n            }\n          }\n        }\n\n        return;\n      }\n\n      if (event.altKey || event.metaKey || event.ctrlKey || key.length > 1) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Get the different permutations of the character they entered, remove duplicates\n      const newChars = Array.from(\n        new Set([key, key.toUpperCase(), key.toLowerCase()])\n      );\n      for (let i = 0; i < newChars.length; i += 1) {\n        const newChar = newChars[i];\n\n        // If they're typing an alphanumeric character, be smart and allow it to jump ahead\n        const maxReplaceIndex = /[a-zA-Z0-9]/g.test(newChar)\n          ? examples[0].length - 1\n          : selectionStart;\n        for (\n          let replaceIndex = selectionStart;\n          replaceIndex <= maxReplaceIndex;\n          replaceIndex += 1\n        ) {\n          // Fill with the example chars if necessary\n          const filledValue = fillToLength(\n            value,\n            examples[0],\n            replaceIndex + 1\n          );\n          const newValue = getPreferredReplacementString(\n            filledValue,\n            replaceIndex,\n            newChar,\n            selectionStart,\n            selectionEnd\n          );\n          if (isValid(newValue, replaceIndex + 1)) {\n            const currentSegment = getSegment(replaceIndex);\n            const newSelectionStart = replaceIndex + 1;\n            let newSelection: SelectionSegment = {\n              selectionStart: newSelectionStart,\n              selectionEnd: newSelectionStart,\n              selectionDirection: SELECTION_DIRECTION.NONE,\n            };\n            if (newSelectionStart >= currentSegment.selectionEnd) {\n              const nextSegmentSelection = nextSegment(replaceIndex);\n              if (\n                nextSegmentSelection.selectionStart !==\n                currentSegment.selectionStart\n              ) {\n                newSelection = nextSegmentSelection;\n              }\n            }\n            log.debug('handleKeyDown', key, '=>', newValue, newSelection);\n            onChange(newValue);\n            onSelect(newSelection);\n            return;\n          }\n        }\n      }\n    }\n\n    // Need to use \"text\" type so we can apply a pattern and make selection properly\n    return (\n      <input\n        ref={input}\n        className={classNames('form-control masked-input', className)}\n        type=\"text\"\n        pattern={pattern}\n        placeholder={placeholder}\n        value={value}\n        onChange={() => undefined}\n        onKeyDown={handleKeyDown}\n        onSelect={handleSelect}\n        onSelectCapture={handleSelectCapture}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        data-testid={dataTestId}\n      />\n    );\n  }\n);\n\nMaskedInput.defaultProps = {\n  className: '',\n  placeholder: undefined,\n  onChange(): void {\n    // no-op\n  },\n  onSelect(): void {\n    // no-op\n  },\n  getNextSegmentValue: (range, delta, segmentValue) => segmentValue,\n  getPreferredReplacementString: DEFAULT_GET_PREFERRED_REPLACEMENT_STRING,\n  selection: undefined,\n  onFocus(): void {\n    // no-op\n  },\n  onBlur(): void {\n    // no-op\n  },\n  'data-testid': undefined,\n};\n\nexport default MaskedInput;\n"],"mappings":"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"}

package/dist/ThemeExport.d.ts

@@ -5,7 +5,7 @@ declare const transitions: {
     readonly transitionSlowMs: 1000;
 };
 type Theme = {
-    [Property in keyof typeof transitions]: typeof transitions[Property];
+    [Property in keyof typeof transitions]: (typeof transitions)[Property];
 } & {
     [key: string]: string;
 };

package/dist/ThemeExport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeExport.d.ts","sourceRoot":"","sources":["../src/ThemeExport.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,WAAW;;;;;CAKP,CAAC;AAEX,KAAK,KAAK,GAAG;KACV,QAAQ,IAAI,MAAM,OAAO,WAAW,GAAG,OAAO,WAAW,CAAC,QAAQ,CAAC;CACrE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;;AAE9B,wBAGY"}
+{"version":3,"file":"ThemeExport.d.ts","sourceRoot":"","sources":["../src/ThemeExport.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,WAAW;;;;;CAKP,CAAC;AAEX,KAAK,KAAK,GAAG;KACV,QAAQ,IAAI,MAAM,OAAO,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,QAAQ,CAAC;CACvE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;;AAE9B,wBAGY"}

package/dist/ThemeExport.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeExport.js","names":["ThemeExport","transitions","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs","Object","freeze"],"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,iCACvBN,WAAW,GACXD,WAAW,EACd"}
+{"version":3,"file":"ThemeExport.js","names":["ThemeExport","transitions","transitionMs","transitionMidMs","transitionLongMs","transitionSlowMs","Object","freeze"],"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,iCACvBN,WAAW,GACXD,WAAW,EACd"}