@cube-dev/ui-kit 0.195.0 → 0.197.0

package/dist/components/fields/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["forwardRef","useRef","useSearchField","SearchFieldProps","useSearchFieldState","CloseIcon","SearchIcon","useProviderProps","chain","mergeProps","useBufferedValue","ariaToCubeButtonProps","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useValidationProps","asksForFieldChrome","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","CubeSearchInputProps","Omit","isClearable","onClear","SearchInput","props","ref","$","_c","t0","hasFieldChrome","isInvalid","isValid","labelProps","userLabelProps","inputProps","userInputProps","isBuffered","restProps","inputRef","buffered","value","onChange","isDisabled","isReadOnly","t1","t2","t3","onBlur","reset","t4","fieldProps","state","clearButtonProps","showClearButton","t5","mergedLabelProps","t6","t7","Symbol","for","t8","size","suffix","ariaIsDisabled","clearProps","undefined","e","onPress","t9"],"sources":["../../../../src/components/fields/SearchInput/SearchInput.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport { useSearchField } from 'react-aria';\nimport { SearchFieldProps, useSearchFieldState } from 'react-stately';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { SearchIcon } from '../../../icons/SearchIcon';\nimport { useProviderProps } from '../../../provider';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport { ariaToCubeButtonProps } from '../../../utils/react/mapProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useValidationProps } from '../../form';\nimport { asksForFieldChrome } from '../../form/field-chrome';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\n\nexport { useSearchFieldState, useSearchField };\nexport type { SearchFieldProps };\n\nexport interface CubeSearchInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      // SearchInput is not form-connected: it holds no persistent value, so\n      // form-binding and form-validation props are excluded from the public API.\n      | 'name'\n      | 'form'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'validationDelay'\n      | 'validateTrigger'\n      | 'insideForm'\n      | 'idPrefix'\n      | 'validate'\n    >,\n    Omit<\n      SearchFieldProps,\n      'onKeyDown' | 'onKeyUp' | 'errorMessage' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  /** Whether the search input is clearable using ESC keyboard button or clear button inside the input */\n  isClearable?: boolean;\n  /** Callback called when the clear button is pressed */\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef(function SearchInput(\n  props: WithNullableValue<CubeSearchInputProps>,\n  ref,\n) {\n  props = castNullableStringValue(props);\n  // SearchInput is a standalone control, not a form field, so it does not use `useFieldProps`.\n  props = useProviderProps(props);\n  props = useValidationProps(props);\n  // Shows a description or message without a label, as a form field does.\n  if (asksForFieldChrome(props)) {\n    props = { ...props, hasFieldChrome: true } as typeof props;\n  }\n\n  let {\n    isClearable,\n    isInvalid,\n    isValid,\n    onClear,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    isBuffered,\n    ...restProps\n  } = props;\n\n  let inputRef = useRef<HTMLInputElement>(null);\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  // Applied before the state hook, so `state.value` (and the clear button) follow the draft.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n  let fieldProps = {\n    ...restProps,\n    value: buffered.value,\n    onChange: buffered.onChange,\n    onBlur: chain(restProps.onBlur, buffered.reset),\n  };\n\n  let state = useSearchFieldState(fieldProps);\n  let { labelProps, inputProps, clearButtonProps } = useSearchField(\n    fieldProps,\n    state,\n    inputRef,\n  );\n  let showClearButton =\n    isClearable && state.value !== '' && !restProps.isReadOnly;\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'searchinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      type=\"search\"\n      icon={<SearchIcon />}\n      suffixPosition=\"after\"\n      isInvalid={isInvalid}\n      isValid={isValid}\n      {...restProps}\n      suffix={\n        restProps.suffix || showClearButton ? (\n          <>\n            {restProps.suffix}\n            {showClearButton &&\n              (() => {\n                const { isDisabled: ariaIsDisabled, ...clearProps } =\n                  ariaToCubeButtonProps(clearButtonProps);\n\n                return (\n                  // A disabled FIELD goes through the provider so `current` treats\n                  // the state as inherited: the field has already faded the colour\n                  // the button paints from, and fading again multiplied the two to\n                  // `.12` — all but invisible. Any OTHER reason react-aria\n                  // disables the button (read-only) leaves the field's text\n                  // opaque, so that one stays a prop and fades itself.\n                  <ItemActionProvider isDisabled={restProps.isDisabled}>\n                    <ItemAction\n                      icon={<CloseIcon />}\n                      size={restProps.size}\n                      // No `type` or `theme` — the default `current` type inherits\n                      // the input's own text color, which already carries\n                      // validation state.\n                      {...clearProps}\n                      isDisabled={\n                        ariaIsDisabled && !restProps.isDisabled\n                          ? true\n                          : undefined\n                      }\n                      onPress={(e) => {\n                        // Call the original clear functionality\n                        clearButtonProps.onPress?.(e);\n                        // Call the onClear callback\n                        onClear?.();\n                      }}\n                    />\n                  </ItemActionProvider>\n                );\n              })()}\n          </>\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmDA,MAAayB,cAAczB,WAAW,SAAAyB,YAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAI5BI,OAAAlB,wBAAwBc,MAAM;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAtCF,SAAQA;AAERA,SAAQnB,iBAAiBmB,MAAM;AAC/BA,SAAQV,mBAAmBU,MAAM;AAEjC,KAAIT,mBAAmBS,MAAM,CAC3BA,SAAQA;EAAAA,GAAKA;EAAKK,gBAAkB;EAAM;CAG5C,MAAA,EAAAR,aAAAS,WAAAC,SAAAT,SAAAU,YAAAC,gBAAAC,YAAAC,gBAAAC,YAAA,GAAAC,cASIb;CAEJ,MAAAc,WAAevC,OAAyB,KAAK;CAI7C,MAAAwC,WAAe/B,iBAAiB6B,UAASG,OAAQH,UAASI,UAAW;EAAAL;EAAAM,YAEvDL,UAASK;EAAWC,YACpBN,UAASM;EACtB,CAAC;CAGO,MAAAC,KAAAL,SAAQC;CACL,MAAAK,KAAAN,SAAQE;CACV,MAAAK,KAAAxC,MAAM+B,UAASU,QAASR,SAAQS,MAAO;CAAA,IAAAC;AAAA,KAAAvB,EAAA,OAAAa,SAAAE,YAAAf,EAAA,OAAAa,SAAAC,SAAAd,EAAA,OAAAW,aAAAX,EAAA,OAAAoB,IAAA;AAJhCG,OAAA;GAAA,GACZZ;GAASG,OACLI;GAAcH,UACXI;GAAiBE,QACnBD;GACT;AAAApB,IAAA,KAAAa,SAAAE;AAAAf,IAAA,KAAAa,SAAAC;AAAAd,IAAA,KAAAW;AAAAX,IAAA,KAAAoB;AAAApB,IAAA,KAAAuB;OAAAA,MAAAvB,EAAA;CALD,MAAAwB,aAAiBD;CAOjB,MAAAE,QAAYjD,oBAAoBgD,WAAW;CAC3C,MAAA,EAAAlB,YAAAE,YAAAkB,qBAAmDpD,eACjDkD,YACAC,OACAb,SACD;CACD,MAAAe,kBACEhC,eAAe8B,MAAKX,UAAW,MAA/B,CAAsCH,UAASM;CAAY,IAAAW;AAAA,KAAA5B,EAAA,OAAAM,cAAAN,EAAA,OAAAO,gBAAA;AAGpCqB,OAAA/C,aAAWyB,YAAYC,eAAe;AAAAP,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAA4B;OAAAA,MAAA5B,EAAA;CAA/D,MAAA6B,mBAAyBD;CAAuC,IAAAE;AAAA,KAAA9B,EAAA,QAAAQ,cAAAR,EAAA,QAAAS,gBAAA;AAMhDqB,OAAAjD,aACV2B,YACA,EAAA,mBAAqB,eAAe,EACpCC,eACD;AAAAT,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;CAAA,IAAA+B;AAAA,KAAA/B,EAAA,QAAAgC,OAAAC,IAAA,4BAAA,EAAA;AAGKF,OAAA,oBAAC,eAAa;AAAA/B,IAAA,MAAA+B;OAAAA,MAAA/B,EAAA;CAAA,IAAAkC;AAAA,KAAAlC,EAAA,QAAA0B,oBAAA1B,EAAA,QAAAJ,WAAAI,EAAA,QAAAW,UAAAK,cAAAhB,EAAA,QAAAW,UAAAwB,QAAAnC,EAAA,QAAAW,UAAAyB,UAAApC,EAAA,QAAA2B,iBAAA;AAMlBO,OAAAvB,UAASyB,UAATT,kBAAA,8CAEKhB,UAASyB,QACTT,0BACE;GACC,MAAA,EAAAX,YAAAqB,gBAAA,GAAAC,eACEvD,sBAAsB2C,iBAAiB;AAAC,UASxC,oBAAC;IAA+B,YAAAf,UAASK;cACvC,oBAAC;KACO,MAAA,oBAAC,cAAW;KACZ,MAAAL,UAASwB;KAAK,GAIhBG;KAEF,YAAAD,kBAAA,CAAmB1B,UAASK,aAA5B,OAAAuB;KAIO,UAAAC,MAAA;AAEPd,uBAAgBe,UAAWD,EAAE;AAE7B5C,iBAAW;;MAGjB;KAAqB;MAEtB,IAEI,GAvCb2C;AAuCavC,IAAA,MAAA0B;AAAA1B,IAAA,MAAAJ;AAAAI,IAAA,MAAAW,UAAAK;AAAAhB,IAAA,MAAAW,UAAAwB;AAAAnC,IAAA,MAAAW,UAAAyB;AAAApC,IAAA,MAAA2B;AAAA3B,IAAA,MAAAkC;OAAAA,MAAAlC,EAAA;CAAA,IAAA0C;AAAA,KAAA1C,EAAA,QAAAI,aAAAJ,EAAA,QAAAK,WAAAL,EAAA,QAAA6B,oBAAA7B,EAAA,QAAAD,OAAAC,EAAA,QAAAW,aAAAX,EAAA,QAAA8B,MAAA9B,EAAA,QAAAkC,IAAA;AAvDjBQ,OAAA,oBAAC;GACM3C;GACO8B,YAAAA;GACA,YAAAC;GAKFlB;GACL,MAAA;GACC,MAAAmB;GACS,gBAAA;GACJ3B;GACFC;GAAO,GACZM;GAEF,QAAAuB;IAyCF;AAAAlC,IAAA,MAAAI;AAAAJ,IAAA,MAAAK;AAAAL,IAAA,MAAA6B;AAAA7B,IAAA,MAAAD;AAAAC,IAAA,MAAAW;AAAAX,IAAA,MAAA8B;AAAA9B,IAAA,MAAAkC;AAAAlC,IAAA,MAAA0C;OAAAA,MAAA1C,EAAA;AAAA,QAzDF0C;EA2DF"}
+{"version":3,"file":"SearchInput.js","names":["forwardRef","RefObject","useRef","useSearchField","SearchFieldProps","useSearchFieldState","CloseIcon","SearchIcon","useProviderProps","chain","mergeProps","useBufferedValue","ariaToCubeButtonProps","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useValidationProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","CubeSearchInputProps","Omit","isClearable","onClear","SearchInput","props","ref","$","_c","t0","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","isBuffered","restProps","localInputRef","HTMLInputElement","buffered","value","onChange","isDisabled","isReadOnly","t1","t2","t3","onBlur","reset","t4","fieldProps","state","clearButtonProps","showClearButton","t5","mergedLabelProps","t6","t7","Symbol","for","t8","size","suffix","ariaIsDisabled","clearProps","undefined","t9"],"sources":["../../../../src/components/fields/SearchInput/SearchInput.tsx"],"sourcesContent":["import { forwardRef, RefObject, useRef } from 'react';\nimport { useSearchField } from 'react-aria';\nimport { SearchFieldProps, useSearchFieldState } from 'react-stately';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { SearchIcon } from '../../../icons/SearchIcon';\nimport { useProviderProps } from '../../../provider';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport { ariaToCubeButtonProps } from '../../../utils/react/mapProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { useValidationProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nexport { useSearchFieldState, useSearchField };\nexport type { SearchFieldProps };\n\nexport interface CubeSearchInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      // SearchInput is not form-connected: it holds no persistent value, so\n      // form-binding and form-validation props are excluded from the public API.\n      | 'name'\n      | 'form'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'validationDelay'\n      | 'validateTrigger'\n      | 'insideForm'\n      | 'idPrefix'\n      | 'validate'\n    >,\n    Omit<\n      SearchFieldProps,\n      'onKeyDown' | 'onKeyUp' | 'errorMessage' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  /**\n   * Whether the input shows a clear button while it has text. `Escape` clears the input whatever\n   * this is set to, as in a native search field.\n   */\n  isClearable?: boolean;\n  /**\n   * Called after the text is cleared, by the clear button or by `Escape`. A clear with no text to\n   * remove doesn't call it.\n   */\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef(function SearchInput(\n  props: WithNullableValue<CubeSearchInputProps>,\n  ref,\n) {\n  props = castNullableStringValue(props);\n  // SearchInput is a standalone control, not a form field, so it does not use `useFieldProps`.\n  props = useProviderProps(props);\n  props = useValidationProps(props);\n\n  let {\n    isClearable,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    isBuffered,\n    ...restProps\n  } = props;\n\n  let localInputRef = useRef<HTMLInputElement>(null);\n  // The hook and the caller have to see the same element: the clear button\n  // hands focus back to the input through this ref.\n  let inputRef = (propsInputRef ??\n    localInputRef) as RefObject<HTMLInputElement | null>;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  // Applied before the state hook, so `state.value` (and the clear button) follow the draft.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n  let fieldProps = {\n    ...restProps,\n    value: buffered.value,\n    onChange: buffered.onChange,\n    onBlur: chain(restProps.onBlur, buffered.reset),\n  };\n\n  let state = useSearchFieldState(fieldProps);\n  let { labelProps, inputProps, clearButtonProps } = useSearchField(\n    fieldProps,\n    state,\n    inputRef,\n  );\n  let showClearButton =\n    isClearable && state.value !== '' && !restProps.isReadOnly;\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'searchinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      type=\"search\"\n      icon={<SearchIcon />}\n      suffixPosition=\"after\"\n      {...restProps}\n      suffix={\n        restProps.suffix || showClearButton ? (\n          <>\n            {restProps.suffix}\n            {showClearButton &&\n              (() => {\n                const { isDisabled: ariaIsDisabled, ...clearProps } =\n                  ariaToCubeButtonProps(clearButtonProps);\n\n                return (\n                  // A disabled FIELD goes through the provider so `current` treats\n                  // the state as inherited: the field has already faded the colour\n                  // the button paints from, and fading again multiplied the two to\n                  // `.12` — all but invisible. Any OTHER reason react-aria\n                  // disables the button (read-only) leaves the field's text\n                  // opaque, so that one stays a prop and fades itself.\n                  <ItemActionProvider isDisabled={restProps.isDisabled}>\n                    <ItemAction\n                      icon={<CloseIcon />}\n                      size={restProps.size}\n                      // No `type` or `theme` — the default `current` type inherits\n                      // the input's own text color, which already carries\n                      // validation state.\n                      {...clearProps}\n                      isDisabled={\n                        ariaIsDisabled && !restProps.isDisabled\n                          ? true\n                          : undefined\n                      }\n                    />\n                  </ItemActionProvider>\n                );\n              })()}\n          </>\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":"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"}

package/dist/components/fields/Select/Select.d.ts

@@ -48,9 +48,18 @@ interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingP
     auto?: boolean;
   });
   triggerRef?: RefObject<HTMLButtonElement>;
+  /**
+   * Shows a loading indicator in the trigger. The value can't change while
+   * loading: the list doesn't open and typeahead is ignored.
+   */
   isLoading?: boolean;
+  /** Replaces the default loading icon shown while `isLoading` is set. */
   loadingIndicator?: ReactNode;
   overlayOffset?: number;
+  /**
+   * @deprecated Has no effect: the whole Select is its trigger. To hide the
+   * dropdown caret, pass `rightIcon={null}`.
+   */
   hideTrigger?: boolean;
   /**
    *  @deprecated Use `triggerStyles` instead
@@ -86,6 +95,7 @@ interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingP
   shouldFlip?: boolean;
   /** Minimum padding in pixels between the popover and viewport edges */
   containerPadding?: number;
+  /** Additional props for the trigger button element. */
   inputProps?: Props;
   type?: 'outline' | 'outline-2' | 'clear' | 'primary' | (string & {});
   /**
@@ -121,7 +131,8 @@ interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, AriaLabelingP
   onOpenChange?: (isOpen: boolean) => void;
 }
 interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
-  popoverRef?: RefObject<HTMLInputElement>;
+  /** The ref for the popover element. */
+  popoverRef?: RefObject<HTMLElement | null>;
   /** The ref for the list box. */
   listBoxRef?: RefObject<HTMLElement>;
   size?: 'small' | 'medium' | 'large' | (string & {});