@artsy/palette 45.6.0 → 45.7.1-canary.1488.32898.0

package/dist/elements/AutocompleteInput/AutocompleteInput.js

@@ -173,7 +173,7 @@ var AutocompleteInput = exports.AutocompleteInput = function AutocompleteInput(_
       clamp: clamp,
       flip: flip,
       key: options.length,
-      offset: 10,
+      offset: 0,
       position: "bottom"
     }),
     anchorRef = _usePosition.anchorRef,
@@ -390,11 +390,12 @@ var AutocompleteInput = exports.AutocompleteInput = function AutocompleteInput(_
     onClick: handleClick,
     autoComplete: "off",
     height: height
-  }, inputProps)), isDropdownVisible && /*#__PURE__*/_react.default.createElement(AutocompleteInputDropdown, {
+  }, inputProps)), isDropdownVisible && /*#__PURE__*/_react.default.createElement(AutocompleteInputDropdownContainer, {
     ref: tooltipRef,
     role: "listbox",
-    width: width
-  }, /*#__PURE__*/_react.default.createElement("div", _extends({
+    width: width,
+    pt: 1 // Gap in place of `offset` for `usePosition`
+  }, /*#__PURE__*/_react.default.createElement(AutocompleteInputDropdown, null, /*#__PURE__*/_react.default.createElement("div", _extends({
     ref: headerRef
   }, ignoreFocusChange), header), /*#__PURE__*/_react.default.createElement(AutocompleteInputOptions, {
     maxHeight: dropdownMaxHeight
@@ -416,7 +417,7 @@ var AutocompleteInput = exports.AutocompleteInput = function AutocompleteInput(_
     ref: footerRef
   }, ignoreFocusChange), typeof footer === "function" ? footer({
     onClose: handleClose
-  }) : footer)), /*#__PURE__*/_react.default.createElement(_VisuallyHidden.VisuallyHidden, id ? {
+  }) : footer))), /*#__PURE__*/_react.default.createElement(_VisuallyHidden.VisuallyHidden, id ? {
     id: "".concat(id, "__assistiveHint")
   } : {}, "When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures."), isDropdownVisible && /*#__PURE__*/_react.default.createElement(_VisuallyHidden.VisuallyHidden, {
     role: "status",
@@ -425,12 +426,16 @@ var AutocompleteInput = exports.AutocompleteInput = function AutocompleteInput(_
   }, options.length === 1 ? "1 result is available" : "".concat(options.length, " results are available")));
 };
 AutocompleteInput.displayName = "AutocompleteInput";
+var AutocompleteInputDropdownContainer = (0, _styledComponents.default)(_Box.Box).withConfig({
+  displayName: "AutocompleteInput__AutocompleteInputDropdownContainer",
+  componentId: "sc-89lyrd-0"
+})(["z-index:1;"]);
 var AutocompleteInputDropdown = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "AutocompleteInput__AutocompleteInputDropdown",
-  componentId: "sc-89lyrd-0"
-})(["box-shadow:", ";z-index:1;"], (0, _themeGet.themeGet)("effects.dropShadow"));
+  componentId: "sc-89lyrd-1"
+})(["box-shadow:", ";"], (0, _themeGet.themeGet)("effects.dropShadow"));
 var AutocompleteInputOptions = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "AutocompleteInput__AutocompleteInputOptions",
-  componentId: "sc-89lyrd-1"
+  componentId: "sc-89lyrd-2"
 })(["overflow-y:auto;-webkit-overflow-scrolling:touch;"]);
 //# sourceMappingURL=AutocompleteInput.js.map

package/dist/elements/AutocompleteInput/AutocompleteInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.js","names":["_composeReactRefs","_interopRequireDefault","require","_react","_interopRequireWildcard","_styledComponents","_useKeyboardListNavigation","_Spinner","_SearchIcon","_CloseIcon","_utils","_useWidthOf2","_Box","_Clickable","_LabeledInput","_VisuallyHidden","_AutocompleteInputOption","_AutocompleteInputOptionLabel","_themeGet","_useMouseActivity2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","reducer","state","action","type","open","query","payload","AutocompleteInput","exports","_ref","_staged$text","_ref$clamp","clamp","_ref$defaultValue","defaultValue","_ref$dropdownMaxHeigh","dropdownMaxHeight","_ref$flip","flip","footer","forwardedRef","forwardRef","header","height","id","loading","onChange","onClear","onClose","onKeyDown","onSelect","onSubmit","options","_ref$renderOption","renderOption","option","createElement","AutocompleteInputOptionLabel","rest","inputRef","useRef","containerRef","headerRef","footerRef","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useReducer","useReducer","_useReducer2","dispatch","optionsWithRefs","useMemo","map","ref","createRef","resetUI","setTimeout","_inputRef$current","current","focus","reset","handleSelect","index","_inputRef$current2","text","_useKeyboardListNavig","useKeyboardListNavigation","list","waitForInteractive","onEnter","_ref2","element","event","preventDefault","stopPropagation","isDropdownVisible","useEffect","_usePosition","usePosition","active","offset","position","anchorRef","tooltipRef","_useWidthOf","useWidthOf","width","handleFocus","handleMouseDown","handleClick","_useMouseActivity","useMouseActivity","lastMouseMoveTimestamp","handleMouseEnter","now","performance","cursor","interactive","handleChange","currentTarget","handleClearOrSubmit","_inputRef$current3","handleClose","useCallback","ignoreFocusChangeRef","ignoreFocusChange","onMouseDown","onMouseUp","_optionsWithRefs$inde","_optionsWithRefs$inde2","el","isPointerInteraction","preventScroll","scrollIntoView","block","_unused","handleFocusChange","focused","_useContainsFocus","useContainsFocus","containsFocusRef","useClickOutside","onClickOutside","when","handleInputKeydown","_inputRef$current4","blur","handleContainerKeydown","_inputRef$current5","_inputRef$current6","staged","Box","composeRefs","LabeledInput","role","concat","label","Spinner","size","Clickable","onClick","display","alignItems","fill","onFocus","autoComplete","AutocompleteInputDropdown","AutocompleteInputOptions","maxHeight","_ref3","AutocompleteInputOption","onMouseEnter","tabIndex","VisuallyHidden","displayName","styled","withConfig","componentId","themeGet"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInput.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useKeyboardListNavigation } from \"use-keyboard-list-navigation\"\nimport { Spinner } from \"../Spinner\"\nimport SearchIcon from \"@artsy/icons/SearchIcon\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { usePosition, useContainsFocus, useClickOutside } from \"../../utils\"\nimport { useWidthOf } from \"../../utils/useWidthOf\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { InputProps } from \"../Input\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { AutocompleteInputOption } from \"./AutocompleteInputOption\"\nimport { AutocompleteInputOptionLabel } from \"./AutocompleteInputOptionLabel\"\nimport { ResponsiveValue } from \"styled-system\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { useMouseActivity } from \"../../utils/useMouseActivity\"\n\nexport interface AutocompleteFooterActions {\n  /** Call to close dropdown */\n  onClose(): void\n}\n\n/** Base option type — can be expanded */\nexport interface AutocompleteInputOptionType {\n  text: string\n  value: string\n}\n\ninterface State {\n  open: boolean\n  query: string\n}\n\ntype Action =\n  | { type: \"OPEN\" }\n  | { type: \"CLOSE\" }\n  | { type: \"CLEAR\" }\n  | { type: \"CHANGE\"; payload: { query: string } }\n  | { type: \"SELECT\"; payload: { query: string } }\n\nconst reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"OPEN\":\n      return { ...state, open: true }\n    case \"CLOSE\":\n      return { ...state, open: false }\n    case \"CLEAR\":\n      return { ...state, query: \"\" }\n    case \"CHANGE\":\n      return { ...state, query: action.payload.query, open: true }\n    case \"SELECT\":\n      return { ...state, query: action.payload.query, open: false }\n  }\n}\n\nexport interface AutocompleteInputProps<T extends AutocompleteInputOptionType>\n  extends Omit<InputProps, \"onSelect\" | \"onSubmit\"> {\n  /** Optionally enable clamping (default: `false`) */\n  clamp?: boolean\n  defaultValue?: string\n  dropdownMaxHeight?: ResponsiveValue<string | number>\n  loading?: boolean\n  header?: React.ReactNode\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  footer?:\n    | React.ReactNode\n    | ((dropdownActions: AutocompleteFooterActions) => React.ReactNode)\n  /** Ref to the input; workaround generics */\n  forwardRef?: React.Ref<HTMLInputElement>\n  /** on <enter> when no option is selected */\n  onSubmit?(query: string): void\n  /** on <click> or <enter> when an option is selected */\n  onSelect?(option: T, index: number): void\n  /** on <click> of the 'x' (clear) button */\n  onClear?(): void\n  /** Callback that runs when options are hidden */\n  onClose?(): void\n  options: T[]\n  renderOption?(\n    option: T,\n    i: number\n  ): React.ReactElement<any, string | React.JSXElementConstructor<any>>\n}\n\n/** AutocompleteInput */\nexport const AutocompleteInput = <T extends AutocompleteInputOptionType>({\n  clamp = false,\n  defaultValue = \"\",\n  dropdownMaxHeight = 308, // 308 = roughly 5.5 options\n  flip = true,\n  footer,\n  forwardRef: forwardedRef,\n  header,\n  height,\n  id,\n  loading,\n  onChange,\n  onClear,\n  onClose,\n  onKeyDown,\n  onSelect,\n  onSubmit,\n  options,\n  renderOption = (option) => <AutocompleteInputOptionLabel {...option} />,\n  ...rest\n}: AutocompleteInputProps<T>) => {\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const headerRef = useRef<HTMLDivElement | null>(null)\n  const footerRef = useRef<HTMLDivElement | null>(null)\n\n  const [boxProps, inputProps] = splitBoxProps(rest)\n\n  const [state, dispatch] = useReducer(reducer, {\n    open: false,\n    query: defaultValue,\n  })\n\n  const optionsWithRefs = useMemo(() => {\n    return options.map((option) => ({\n      option,\n      ref: createRef<HTMLButtonElement>(),\n    }))\n  }, [options])\n\n  const resetUI = () => {\n    setTimeout(() => {\n      inputRef.current?.focus()\n      reset()\n      dispatch({ type: \"CLOSE\" })\n    }, 100)\n  }\n\n  const handleSelect = (option: T, index: number) => {\n    dispatch({ type: \"SELECT\", payload: { query: option.text } })\n    inputRef.current?.focus()\n    onSelect?.(option, index)\n  }\n\n  const { index, reset, set } = useKeyboardListNavigation({\n    ref: containerRef,\n    list: options,\n    waitForInteractive: true,\n    onEnter: ({ element: option, index: i, event }) => {\n      event.preventDefault()\n      event.stopPropagation()\n      handleSelect(option, i)\n      resetUI()\n    },\n  })\n\n  const isDropdownVisible = state.open && options.length > 0\n\n  // Reset keyboard navigation when options change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(reset, [options])\n\n  // Reset keyboard navigation when query is empty\n  useEffect(() => {\n    if (state.query === \"\") reset()\n  }, [reset, state.query])\n\n  const { anchorRef, tooltipRef } = usePosition({\n    active: isDropdownVisible,\n    clamp,\n    flip,\n    key: options.length,\n    offset: 10,\n    position: \"bottom\",\n  })\n\n  const { width } = useWidthOf({ ref: anchorRef })\n\n  const handleFocus = () => {\n    reset()\n    dispatch({ type: \"OPEN\" })\n  }\n\n  const handleMouseDown = (option: T, i: number) => () => {\n    handleSelect(option, i)\n    resetUI()\n  }\n\n  const handleClick = () => {\n    dispatch({ type: \"OPEN\" })\n  }\n\n  // Records the latest mouse movement and, inside the `handleMouseEnter` callback,\n  // only treat the event as genuine if the mouse has moved very recently.\n  // Otherwise, the event is presumed to have been triggered by scrolling and is ignored.\n  const { lastMouseMoveTimestamp } = useMouseActivity()\n\n  const handleMouseEnter = (i: number) => () => {\n    const now = performance.now()\n\n    // 50ms mouse move window\n    if (now - lastMouseMoveTimestamp.current < 50) {\n      set({ cursor: i, interactive: true })\n    }\n  }\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const {\n      currentTarget: { value },\n    } = event\n\n    dispatch({ type: \"CHANGE\", payload: { query: value } })\n    onChange?.(event)\n  }\n\n  const handleClearOrSubmit = () => {\n    if (state.query === \"\") {\n      onSubmit?.(state.query)\n      return\n    }\n\n    dispatch({ type: \"CLEAR\" })\n    inputRef.current?.focus()\n    onClear?.()\n  }\n\n  const handleClose = useCallback(() => {\n    dispatch({ type: \"CLOSE\" })\n    reset()\n    onClose?.()\n  }, [onClose, reset])\n\n  const ignoreFocusChangeRef = useRef<boolean>(false)\n  const ignoreFocusChange = {\n    onMouseDown: () => (ignoreFocusChangeRef.current = true),\n    onMouseUp: () => (ignoreFocusChangeRef.current = false),\n  }\n\n  // Moves focus to different options when keyboard navigating using up/down\n  useEffect(() => {\n    const el = optionsWithRefs[index]?.ref?.current\n    if (!el) return\n\n    const isPointerInteraction =\n      performance.now() - lastMouseMoveTimestamp.current < 50\n\n    if (isPointerInteraction) {\n      // Pointer interactions should not cause scroll\n      el.focus({ preventScroll: true })\n      return\n    }\n\n    // Keyboard navigation: focus and ensure visibility\n    el.focus({ preventScroll: true })\n    try {\n      el.scrollIntoView({ block: \"nearest\" })\n    } catch {}\n  }, [index, optionsWithRefs])\n\n  const handleFocusChange = useCallback(\n    (focused: boolean) => {\n      if (ignoreFocusChangeRef.current || focused || !isDropdownVisible) return\n\n      handleClose()\n    },\n\n    [isDropdownVisible, handleClose]\n  )\n\n  // Handle closing the dropdown when clicking outside of the input\n  // or when focus leaves the input completely\n  const { ref: containsFocusRef } = useContainsFocus({\n    onChange: handleFocusChange,\n  })\n\n  useClickOutside({\n    ref: containsFocusRef,\n    onClickOutside: handleClose,\n    when: isDropdownVisible,\n    type: \"click\",\n  })\n\n  const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (event.key) {\n      // Handle <Enter> when nothing is selected\n      case \"Enter\":\n        if (state.query !== \"\" && index === -1) {\n          onSubmit?.(state.query)\n          resetUI()\n        }\n        return\n\n      // <Esc> to close dropdown\n      case \"Escape\":\n        event.preventDefault()\n        event.stopPropagation()\n\n        dispatch({ type: \"CLOSE\" })\n        inputRef.current?.blur()\n\n        return\n\n      default:\n        break\n    }\n\n    onKeyDown?.(event)\n  }\n\n  // Moves focus back to input when typing\n  const handleContainerKeydown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ) => {\n    switch (event.key) {\n      case \"Alt\":\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n      case \"Control\":\n      case \"Enter\":\n      case \"Meta\":\n      case \"Shift\":\n      case \"Tab\":\n        // Ignore\n        return\n\n      case \"Escape\":\n        event.preventDefault()\n        event.stopPropagation()\n\n        dispatch({ type: \"CLOSE\" })\n        inputRef.current?.blur()\n        reset()\n\n        return\n\n      default:\n        inputRef.current?.focus()\n    }\n  }\n\n  // Option that is being hovered or keyed into\n  const staged = options[index]\n\n  return (\n    <Box\n      ref={composeRefs(containerRef, containsFocusRef) as any}\n      onKeyDown={handleContainerKeydown}\n      {...boxProps}\n    >\n      <LabeledInput\n        ref={composeRefs(inputRef, anchorRef, forwardedRef) as any}\n        role=\"combobox\"\n        aria-expanded={isDropdownVisible}\n        aria-autocomplete=\"list\"\n        {...(id ? { id, \"aria-describedby\": `${id}__assistiveHint` } : {})}\n        label={\n          loading ? (\n            <Box width={18}>\n              <Spinner size=\"small\" />\n            </Box>\n          ) : state.query ? (\n            <Clickable\n              onClick={handleClearOrSubmit}\n              height=\"100%\"\n              display=\"flex\"\n              alignItems=\"center\"\n              aria-label=\"Clear input\"\n            >\n              <CloseIcon fill=\"mono60\" aria-hidden />\n            </Clickable>\n          ) : (\n            <SearchIcon fill=\"mono60\" aria-hidden />\n          )\n        }\n        value={staged?.text ?? state.query}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onKeyDown={handleInputKeydown}\n        onClick={handleClick}\n        autoComplete=\"off\"\n        height={height}\n        {...inputProps}\n      />\n\n      {isDropdownVisible && (\n        <AutocompleteInputDropdown\n          ref={tooltipRef as any}\n          role=\"listbox\"\n          width={width}\n        >\n          <div ref={headerRef} {...ignoreFocusChange}>\n            {header}\n          </div>\n\n          <AutocompleteInputOptions maxHeight={dropdownMaxHeight}>\n            {optionsWithRefs.map(({ option, ref }, i) => {\n              return (\n                <AutocompleteInputOption\n                  key={i}\n                  ref={ref}\n                  role=\"option\"\n                  aria-selected={i === index}\n                  aria-posinset={i + 1}\n                  aria-setsize={options.length}\n                  onMouseDown={handleMouseDown(option, i)}\n                  onMouseEnter={handleMouseEnter(i)}\n                  tabIndex={-1}\n                >\n                  {renderOption(option, i)}\n                </AutocompleteInputOption>\n              )\n            })}\n          </AutocompleteInputOptions>\n\n          <div ref={footerRef} {...ignoreFocusChange}>\n            {typeof footer === \"function\"\n              ? footer({ onClose: handleClose })\n              : footer}\n          </div>\n        </AutocompleteInputDropdown>\n      )}\n\n      <VisuallyHidden {...(id ? { id: `${id}__assistiveHint` } : {})}>\n        When autocomplete results are available use up and down arrows to review\n        and enter to select. Touch device users, explore by touch or with swipe\n        gestures.\n      </VisuallyHidden>\n\n      {isDropdownVisible && (\n        <VisuallyHidden role=\"status\" aria-atomic=\"true\" aria-live=\"polite\">\n          {options.length === 1\n            ? `1 result is available`\n            : `${options.length} results are available`}\n        </VisuallyHidden>\n      )}\n    </Box>\n  )\n}\n\nconst AutocompleteInputDropdown = styled(Box)`\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  z-index: 1;\n`\n\nconst AutocompleteInputOptions = styled(Box)`\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n`\n"],"mappings":"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"}
+{"version":3,"file":"AutocompleteInput.js","names":["_composeReactRefs","_interopRequireDefault","require","_react","_interopRequireWildcard","_styledComponents","_useKeyboardListNavigation","_Spinner","_SearchIcon","_CloseIcon","_utils","_useWidthOf2","_Box","_Clickable","_LabeledInput","_VisuallyHidden","_AutocompleteInputOption","_AutocompleteInputOptionLabel","_themeGet","_useMouseActivity2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","reducer","state","action","type","open","query","payload","AutocompleteInput","exports","_ref","_staged$text","_ref$clamp","clamp","_ref$defaultValue","defaultValue","_ref$dropdownMaxHeigh","dropdownMaxHeight","_ref$flip","flip","footer","forwardedRef","forwardRef","header","height","id","loading","onChange","onClear","onClose","onKeyDown","onSelect","onSubmit","options","_ref$renderOption","renderOption","option","createElement","AutocompleteInputOptionLabel","rest","inputRef","useRef","containerRef","headerRef","footerRef","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useReducer","useReducer","_useReducer2","dispatch","optionsWithRefs","useMemo","map","ref","createRef","resetUI","setTimeout","_inputRef$current","current","focus","reset","handleSelect","index","_inputRef$current2","text","_useKeyboardListNavig","useKeyboardListNavigation","list","waitForInteractive","onEnter","_ref2","element","event","preventDefault","stopPropagation","isDropdownVisible","useEffect","_usePosition","usePosition","active","offset","position","anchorRef","tooltipRef","_useWidthOf","useWidthOf","width","handleFocus","handleMouseDown","handleClick","_useMouseActivity","useMouseActivity","lastMouseMoveTimestamp","handleMouseEnter","now","performance","cursor","interactive","handleChange","currentTarget","handleClearOrSubmit","_inputRef$current3","handleClose","useCallback","ignoreFocusChangeRef","ignoreFocusChange","onMouseDown","onMouseUp","_optionsWithRefs$inde","_optionsWithRefs$inde2","el","isPointerInteraction","preventScroll","scrollIntoView","block","_unused","handleFocusChange","focused","_useContainsFocus","useContainsFocus","containsFocusRef","useClickOutside","onClickOutside","when","handleInputKeydown","_inputRef$current4","blur","handleContainerKeydown","_inputRef$current5","_inputRef$current6","staged","Box","composeRefs","LabeledInput","role","concat","label","Spinner","size","Clickable","onClick","display","alignItems","fill","onFocus","autoComplete","AutocompleteInputDropdownContainer","pt","AutocompleteInputDropdown","AutocompleteInputOptions","maxHeight","_ref3","AutocompleteInputOption","onMouseEnter","tabIndex","VisuallyHidden","displayName","styled","withConfig","componentId","themeGet"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInput.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useKeyboardListNavigation } from \"use-keyboard-list-navigation\"\nimport { Spinner } from \"../Spinner\"\nimport SearchIcon from \"@artsy/icons/SearchIcon\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { usePosition, useContainsFocus, useClickOutside } from \"../../utils\"\nimport { useWidthOf } from \"../../utils/useWidthOf\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { InputProps } from \"../Input\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { AutocompleteInputOption } from \"./AutocompleteInputOption\"\nimport { AutocompleteInputOptionLabel } from \"./AutocompleteInputOptionLabel\"\nimport { ResponsiveValue } from \"styled-system\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { useMouseActivity } from \"../../utils/useMouseActivity\"\n\nexport interface AutocompleteFooterActions {\n  /** Call to close dropdown */\n  onClose(): void\n}\n\n/** Base option type — can be expanded */\nexport interface AutocompleteInputOptionType {\n  text: string\n  value: string\n}\n\ninterface State {\n  open: boolean\n  query: string\n}\n\ntype Action =\n  | { type: \"OPEN\" }\n  | { type: \"CLOSE\" }\n  | { type: \"CLEAR\" }\n  | { type: \"CHANGE\"; payload: { query: string } }\n  | { type: \"SELECT\"; payload: { query: string } }\n\nconst reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"OPEN\":\n      return { ...state, open: true }\n    case \"CLOSE\":\n      return { ...state, open: false }\n    case \"CLEAR\":\n      return { ...state, query: \"\" }\n    case \"CHANGE\":\n      return { ...state, query: action.payload.query, open: true }\n    case \"SELECT\":\n      return { ...state, query: action.payload.query, open: false }\n  }\n}\n\nexport interface AutocompleteInputProps<T extends AutocompleteInputOptionType>\n  extends Omit<InputProps, \"onSelect\" | \"onSubmit\"> {\n  /** Optionally enable clamping (default: `false`) */\n  clamp?: boolean\n  defaultValue?: string\n  dropdownMaxHeight?: ResponsiveValue<string | number>\n  loading?: boolean\n  header?: React.ReactNode\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  footer?:\n    | React.ReactNode\n    | ((dropdownActions: AutocompleteFooterActions) => React.ReactNode)\n  /** Ref to the input; workaround generics */\n  forwardRef?: React.Ref<HTMLInputElement>\n  /** on <enter> when no option is selected */\n  onSubmit?(query: string): void\n  /** on <click> or <enter> when an option is selected */\n  onSelect?(option: T, index: number): void\n  /** on <click> of the 'x' (clear) button */\n  onClear?(): void\n  /** Callback that runs when options are hidden */\n  onClose?(): void\n  options: T[]\n  renderOption?(\n    option: T,\n    i: number\n  ): React.ReactElement<any, string | React.JSXElementConstructor<any>>\n}\n\n/** AutocompleteInput */\nexport const AutocompleteInput = <T extends AutocompleteInputOptionType>({\n  clamp = false,\n  defaultValue = \"\",\n  dropdownMaxHeight = 308, // 308 = roughly 5.5 options\n  flip = true,\n  footer,\n  forwardRef: forwardedRef,\n  header,\n  height,\n  id,\n  loading,\n  onChange,\n  onClear,\n  onClose,\n  onKeyDown,\n  onSelect,\n  onSubmit,\n  options,\n  renderOption = (option) => <AutocompleteInputOptionLabel {...option} />,\n  ...rest\n}: AutocompleteInputProps<T>) => {\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const headerRef = useRef<HTMLDivElement | null>(null)\n  const footerRef = useRef<HTMLDivElement | null>(null)\n\n  const [boxProps, inputProps] = splitBoxProps(rest)\n\n  const [state, dispatch] = useReducer(reducer, {\n    open: false,\n    query: defaultValue,\n  })\n\n  const optionsWithRefs = useMemo(() => {\n    return options.map((option) => ({\n      option,\n      ref: createRef<HTMLButtonElement>(),\n    }))\n  }, [options])\n\n  const resetUI = () => {\n    setTimeout(() => {\n      inputRef.current?.focus()\n      reset()\n      dispatch({ type: \"CLOSE\" })\n    }, 100)\n  }\n\n  const handleSelect = (option: T, index: number) => {\n    dispatch({ type: \"SELECT\", payload: { query: option.text } })\n    inputRef.current?.focus()\n    onSelect?.(option, index)\n  }\n\n  const { index, reset, set } = useKeyboardListNavigation({\n    ref: containerRef,\n    list: options,\n    waitForInteractive: true,\n    onEnter: ({ element: option, index: i, event }) => {\n      event.preventDefault()\n      event.stopPropagation()\n      handleSelect(option, i)\n      resetUI()\n    },\n  })\n\n  const isDropdownVisible = state.open && options.length > 0\n\n  // Reset keyboard navigation when options change\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(reset, [options])\n\n  // Reset keyboard navigation when query is empty\n  useEffect(() => {\n    if (state.query === \"\") reset()\n  }, [reset, state.query])\n\n  const { anchorRef, tooltipRef } = usePosition({\n    active: isDropdownVisible,\n    clamp,\n    flip,\n    key: options.length,\n    offset: 0,\n    position: \"bottom\",\n  })\n\n  const { width } = useWidthOf({ ref: anchorRef })\n\n  const handleFocus = () => {\n    reset()\n    dispatch({ type: \"OPEN\" })\n  }\n\n  const handleMouseDown = (option: T, i: number) => () => {\n    handleSelect(option, i)\n    resetUI()\n  }\n\n  const handleClick = () => {\n    dispatch({ type: \"OPEN\" })\n  }\n\n  // Records the latest mouse movement and, inside the `handleMouseEnter` callback,\n  // only treat the event as genuine if the mouse has moved very recently.\n  // Otherwise, the event is presumed to have been triggered by scrolling and is ignored.\n  const { lastMouseMoveTimestamp } = useMouseActivity()\n\n  const handleMouseEnter = (i: number) => () => {\n    const now = performance.now()\n\n    // 50ms mouse move window\n    if (now - lastMouseMoveTimestamp.current < 50) {\n      set({ cursor: i, interactive: true })\n    }\n  }\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const {\n      currentTarget: { value },\n    } = event\n\n    dispatch({ type: \"CHANGE\", payload: { query: value } })\n    onChange?.(event)\n  }\n\n  const handleClearOrSubmit = () => {\n    if (state.query === \"\") {\n      onSubmit?.(state.query)\n      return\n    }\n\n    dispatch({ type: \"CLEAR\" })\n    inputRef.current?.focus()\n    onClear?.()\n  }\n\n  const handleClose = useCallback(() => {\n    dispatch({ type: \"CLOSE\" })\n    reset()\n    onClose?.()\n  }, [onClose, reset])\n\n  const ignoreFocusChangeRef = useRef<boolean>(false)\n  const ignoreFocusChange = {\n    onMouseDown: () => (ignoreFocusChangeRef.current = true),\n    onMouseUp: () => (ignoreFocusChangeRef.current = false),\n  }\n\n  // Moves focus to different options when keyboard navigating using up/down\n  useEffect(() => {\n    const el = optionsWithRefs[index]?.ref?.current\n    if (!el) return\n\n    const isPointerInteraction =\n      performance.now() - lastMouseMoveTimestamp.current < 50\n\n    if (isPointerInteraction) {\n      // Pointer interactions should not cause scroll\n      el.focus({ preventScroll: true })\n      return\n    }\n\n    // Keyboard navigation: focus and ensure visibility\n    el.focus({ preventScroll: true })\n    try {\n      el.scrollIntoView({ block: \"nearest\" })\n    } catch {}\n  }, [index, optionsWithRefs])\n\n  const handleFocusChange = useCallback(\n    (focused: boolean) => {\n      if (ignoreFocusChangeRef.current || focused || !isDropdownVisible) return\n\n      handleClose()\n    },\n\n    [isDropdownVisible, handleClose]\n  )\n\n  // Handle closing the dropdown when clicking outside of the input\n  // or when focus leaves the input completely\n  const { ref: containsFocusRef } = useContainsFocus({\n    onChange: handleFocusChange,\n  })\n\n  useClickOutside({\n    ref: containsFocusRef,\n    onClickOutside: handleClose,\n    when: isDropdownVisible,\n    type: \"click\",\n  })\n\n  const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (event.key) {\n      // Handle <Enter> when nothing is selected\n      case \"Enter\":\n        if (state.query !== \"\" && index === -1) {\n          onSubmit?.(state.query)\n          resetUI()\n        }\n        return\n\n      // <Esc> to close dropdown\n      case \"Escape\":\n        event.preventDefault()\n        event.stopPropagation()\n\n        dispatch({ type: \"CLOSE\" })\n        inputRef.current?.blur()\n\n        return\n\n      default:\n        break\n    }\n\n    onKeyDown?.(event)\n  }\n\n  // Moves focus back to input when typing\n  const handleContainerKeydown = (\n    event: React.KeyboardEvent<HTMLDivElement>\n  ) => {\n    switch (event.key) {\n      case \"Alt\":\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n      case \"Control\":\n      case \"Enter\":\n      case \"Meta\":\n      case \"Shift\":\n      case \"Tab\":\n        // Ignore\n        return\n\n      case \"Escape\":\n        event.preventDefault()\n        event.stopPropagation()\n\n        dispatch({ type: \"CLOSE\" })\n        inputRef.current?.blur()\n        reset()\n\n        return\n\n      default:\n        inputRef.current?.focus()\n    }\n  }\n\n  // Option that is being hovered or keyed into\n  const staged = options[index]\n\n  return (\n    <Box\n      ref={composeRefs(containerRef, containsFocusRef) as any}\n      onKeyDown={handleContainerKeydown}\n      {...boxProps}\n    >\n      <LabeledInput\n        ref={composeRefs(inputRef, anchorRef, forwardedRef) as any}\n        role=\"combobox\"\n        aria-expanded={isDropdownVisible}\n        aria-autocomplete=\"list\"\n        {...(id ? { id, \"aria-describedby\": `${id}__assistiveHint` } : {})}\n        label={\n          loading ? (\n            <Box width={18}>\n              <Spinner size=\"small\" />\n            </Box>\n          ) : state.query ? (\n            <Clickable\n              onClick={handleClearOrSubmit}\n              height=\"100%\"\n              display=\"flex\"\n              alignItems=\"center\"\n              aria-label=\"Clear input\"\n            >\n              <CloseIcon fill=\"mono60\" aria-hidden />\n            </Clickable>\n          ) : (\n            <SearchIcon fill=\"mono60\" aria-hidden />\n          )\n        }\n        value={staged?.text ?? state.query}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onKeyDown={handleInputKeydown}\n        onClick={handleClick}\n        autoComplete=\"off\"\n        height={height}\n        {...inputProps}\n      />\n\n      {isDropdownVisible && (\n        <AutocompleteInputDropdownContainer\n          ref={tooltipRef as any}\n          role=\"listbox\"\n          width={width}\n          pt={1} // Gap in place of `offset` for `usePosition`\n        >\n          <AutocompleteInputDropdown>\n            <div ref={headerRef} {...ignoreFocusChange}>\n              {header}\n            </div>\n\n            <AutocompleteInputOptions maxHeight={dropdownMaxHeight}>\n              {optionsWithRefs.map(({ option, ref }, i) => {\n                return (\n                  <AutocompleteInputOption\n                    key={i}\n                    ref={ref}\n                    role=\"option\"\n                    aria-selected={i === index}\n                    aria-posinset={i + 1}\n                    aria-setsize={options.length}\n                    onMouseDown={handleMouseDown(option, i)}\n                    onMouseEnter={handleMouseEnter(i)}\n                    tabIndex={-1}\n                  >\n                    {renderOption(option, i)}\n                  </AutocompleteInputOption>\n                )\n              })}\n            </AutocompleteInputOptions>\n\n            <div ref={footerRef} {...ignoreFocusChange}>\n              {typeof footer === \"function\"\n                ? footer({ onClose: handleClose })\n                : footer}\n            </div>\n          </AutocompleteInputDropdown>\n        </AutocompleteInputDropdownContainer>\n      )}\n\n      <VisuallyHidden {...(id ? { id: `${id}__assistiveHint` } : {})}>\n        When autocomplete results are available use up and down arrows to review\n        and enter to select. Touch device users, explore by touch or with swipe\n        gestures.\n      </VisuallyHidden>\n\n      {isDropdownVisible && (\n        <VisuallyHidden role=\"status\" aria-atomic=\"true\" aria-live=\"polite\">\n          {options.length === 1\n            ? `1 result is available`\n            : `${options.length} results are available`}\n        </VisuallyHidden>\n      )}\n    </Box>\n  )\n}\n\nconst AutocompleteInputDropdownContainer = styled(Box)`\n  z-index: 1;\n`\n\nconst AutocompleteInputDropdown = styled(Box)`\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n`\n\nconst AutocompleteInputOptions = styled(Box)`\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n`\n"],"mappings":"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"}

package/dist/elements/AutocompleteInput/AutocompleteInput.story.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
-    component: <T extends import("./AutocompleteInput").AutocompleteInputOptionType>({ clamp, defaultValue, dropdownMaxHeight, flip, footer, forwardRef: forwardedRef, header, height, id, loading, onChange, onClear, onClose, onKeyDown, onSelect, onSubmit, options, renderOption, ...rest }: import("./AutocompleteInput").AutocompleteInputProps<T>) => import("react").JSX.Element;
+    component: <T extends import("./AutocompleteInput").AutocompleteInputOptionType>({ clamp, defaultValue, dropdownMaxHeight, flip, footer, forwardRef: forwardedRef, header, height, id, loading, onChange, onClear, onClose, onKeyDown, onSelect, onSubmit, options, renderOption, ...rest }: import("./AutocompleteInput").AutocompleteInputProps<T>) => React.JSX.Element;
     tags: string[];
     parameters: {
         docs: {
@@ -107,3 +108,4 @@ export declare const EmptyOptions: {
         onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
+export declare const WithHoverableUnderlay: () => React.JSX.Element;

package/dist/elements/AutocompleteInput/AutocompleteInput.story.js

@@ -3,10 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithTitle = exports.WithError = exports.WithDescription = exports.Required = exports.Loading = exports.EmptyOptions = exports.Disabled = exports.Default = void 0;
+exports.default = exports.WithTitle = exports.WithHoverableUnderlay = exports.WithError = exports.WithDescription = exports.Required = exports.Loading = exports.EmptyOptions = exports.Disabled = exports.Default = void 0;
 var _test = require("@storybook/test");
 var _AutocompleteInput = require("./AutocompleteInput");
 var _storybookBlocklist = require("../../utils/storybookBlocklist");
+var _Box = require("../Box/Box");
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
   title: "Components/AutocompleteInput",
   component: _AutocompleteInput.AutocompleteInput,
@@ -112,4 +116,18 @@ var EmptyOptions = exports.EmptyOptions = {
     onSelect: (0, _test.fn)()
   }
 };
+var WithHoverableUnderlay = exports.WithHoverableUnderlay = function WithHoverableUnderlay() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AutocompleteInput.AutocompleteInput, {
+    title: "Search Medium",
+    placeholder: "Start typing...",
+    options: OPTIONS,
+    onSelect: (0, _test.fn)()
+  }), /*#__PURE__*/_react.default.createElement(Underlay, {
+    p: 2
+  }, "This should not turn red when moving from input to results"));
+};
+var Underlay = (0, _styledComponents.default)(_Box.Box).withConfig({
+  displayName: "AutocompleteInputstory__Underlay",
+  componentId: "sc-uqsb24-0"
+})(["&:hover{background-color:red;}"]);
 //# sourceMappingURL=AutocompleteInput.story.js.map

package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.story.js","names":["_test","require","_AutocompleteInput","_storybookBlocklist","_default","exports","default","title","component","AutocompleteInput","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","OPTIONS","text","value","subtitle","Default","args","placeholder","options","onSelect","fn","WithTitle","Required","required","WithError","error","Loading","loading","Disabled","disabled","WithDescription","EmptyOptions"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInput.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport { AutocompleteInput } from \"./AutocompleteInput\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/AutocompleteInput\",\n  component: AutocompleteInput,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"AutocompleteInput component provides a text input with dropdown suggestions. Supports custom option rendering, loading states, and keyboard navigation.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nconst OPTIONS = [\n  {\n    text: \"Painting\",\n    value: \"painting\",\n    subtitle: \"An example subtitle\",\n  },\n  { text: \"Print\", value: \"print\", subtitle: \"An example subtitle\" },\n  { text: \"Sculpture\", value: \"sculpture\", subtitle: \"An example subtitle\" },\n  {\n    text: \"Photography\",\n    value: \"photography\",\n    subtitle: \"An example subtitle\",\n  },\n  {\n    text: \"Mixed Media\",\n    value: \"mixed-media\",\n    subtitle: \"An example subtitle\",\n  },\n]\n\nexport const Default = {\n  args: {\n    title: \"Search Medium\",\n    placeholder: \"Start typing...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithTitle = {\n  args: {\n    title: \"Artwork Category\",\n    placeholder: \"Select a category...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const Required = {\n  args: {\n    title: \"Required Field\",\n    required: true,\n    placeholder: \"This field is required\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithError = {\n  args: {\n    title: \"Category\",\n    error: \"Please select a valid category\",\n    placeholder: \"Select category...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const Loading = {\n  args: {\n    title: \"Loading Categories\",\n    loading: true,\n    placeholder: \"Loading options...\",\n    options: [],\n    onSelect: fn(),\n  },\n}\n\nexport const Disabled = {\n  args: {\n    title: \"Disabled Input\",\n    disabled: true,\n    placeholder: \"Cannot select\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithDescription = {\n  args: {\n    title: \"Category Selection\",\n    description: \"Choose the primary medium for this artwork\",\n    placeholder: \"Select medium...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const EmptyOptions = {\n  args: {\n    title: \"No Options\",\n    placeholder: \"No options available\",\n    options: [],\n    onSelect: fn(),\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"AutocompleteInput.story.js","names":["_test","require","_AutocompleteInput","_storybookBlocklist","_Box","_react","_interopRequireDefault","_styledComponents","obj","__esModule","default","_default","exports","title","component","AutocompleteInput","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","OPTIONS","text","value","subtitle","Default","args","placeholder","options","onSelect","fn","WithTitle","Required","required","WithError","error","Loading","loading","Disabled","disabled","WithDescription","EmptyOptions","WithHoverableUnderlay","createElement","Fragment","Underlay","p","styled","Box","withConfig","displayName","componentId"],"sources":["../../../src/elements/AutocompleteInput/AutocompleteInput.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport { AutocompleteInput } from \"./AutocompleteInput\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\nimport { Box } from \"../Box/Box\"\nimport React from \"react\"\nimport styled from \"styled-components\"\n\nexport default {\n  title: \"Components/AutocompleteInput\",\n  component: AutocompleteInput,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"AutocompleteInput component provides a text input with dropdown suggestions. Supports custom option rendering, loading states, and keyboard navigation.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nconst OPTIONS = [\n  {\n    text: \"Painting\",\n    value: \"painting\",\n    subtitle: \"An example subtitle\",\n  },\n  { text: \"Print\", value: \"print\", subtitle: \"An example subtitle\" },\n  { text: \"Sculpture\", value: \"sculpture\", subtitle: \"An example subtitle\" },\n  {\n    text: \"Photography\",\n    value: \"photography\",\n    subtitle: \"An example subtitle\",\n  },\n  {\n    text: \"Mixed Media\",\n    value: \"mixed-media\",\n    subtitle: \"An example subtitle\",\n  },\n]\n\nexport const Default = {\n  args: {\n    title: \"Search Medium\",\n    placeholder: \"Start typing...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithTitle = {\n  args: {\n    title: \"Artwork Category\",\n    placeholder: \"Select a category...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const Required = {\n  args: {\n    title: \"Required Field\",\n    required: true,\n    placeholder: \"This field is required\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithError = {\n  args: {\n    title: \"Category\",\n    error: \"Please select a valid category\",\n    placeholder: \"Select category...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const Loading = {\n  args: {\n    title: \"Loading Categories\",\n    loading: true,\n    placeholder: \"Loading options...\",\n    options: [],\n    onSelect: fn(),\n  },\n}\n\nexport const Disabled = {\n  args: {\n    title: \"Disabled Input\",\n    disabled: true,\n    placeholder: \"Cannot select\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithDescription = {\n  args: {\n    title: \"Category Selection\",\n    description: \"Choose the primary medium for this artwork\",\n    placeholder: \"Select medium...\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const EmptyOptions = {\n  args: {\n    title: \"No Options\",\n    placeholder: \"No options available\",\n    options: [],\n    onSelect: fn(),\n  },\n}\n\nexport const WithHoverableUnderlay = () => {\n  return (\n    <>\n      <AutocompleteInput\n        title=\"Search Medium\"\n        placeholder=\"Start typing...\"\n        options={OPTIONS}\n        onSelect={fn()}\n      />\n\n      <Underlay p={2}>\n        This should not turn red when moving from input to results\n      </Underlay>\n    </>\n  )\n}\n\nconst Underlay = styled(Box)`\n  &:hover {\n    background-color: red;\n  }\n`\n"],"mappings":"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"}

package/dist/elements/Expandable/Expandable.d.ts

@@ -13,5 +13,5 @@ export interface ExpandableProps extends Omit<ClickableProps, "children"> {
 /**
  * A toggleable component used to show / hide content
  */
-export declare const Expandable: ({ label, expanded: defaultExpanded, children, disabled, onClick, onToggle, borderColor, ...rest }: ExpandableProps) => React.JSX.Element;
+export declare const Expandable: ({ label, expanded: expandedProp, children, disabled, onClick, onToggle, borderColor, ...rest }: ExpandableProps) => React.JSX.Element;
 export {};

package/dist/elements/Expandable/Expandable.js

@@ -31,7 +31,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  */
 var Expandable = exports.Expandable = function Expandable(_ref) {
   var label = _ref.label,
-    defaultExpanded = _ref.expanded,
+    expandedProp = _ref.expanded,
     children = _ref.children,
     disabled = _ref.disabled,
     onClick = _ref.onClick,
@@ -39,10 +39,15 @@ var Expandable = exports.Expandable = function Expandable(_ref) {
     _ref$borderColor = _ref.borderColor,
     borderColor = _ref$borderColor === void 0 ? "mono60" : _ref$borderColor,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(defaultExpanded),
+  var _useState = (0, _react.useState)(expandedProp),
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
     setExpanded = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (expandedProp !== undefined) {
+      setExpanded(expandedProp);
+    }
+  }, [expandedProp]);
   var _splitBoxProps = (0, _Box.splitBoxProps)(rest),
     _splitBoxProps2 = _slicedToArray(_splitBoxProps, 2),
     boxProps = _splitBoxProps2[0],

package/dist/elements/Expandable/Expandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","defaultExpanded","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: defaultExpanded,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"mono60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(defaultExpanded)\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      {expanded &&\n        (typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded })\n          : children)}\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","expandedProp","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","useEffect","undefined","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: expandedProp,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"mono60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(expandedProp)\n\n  useEffect(() => {\n    if (expandedProp !== undefined) {\n      setExpanded(expandedProp)\n    }\n  }, [expandedProp])\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      {expanded &&\n        (typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded })\n          : children)}\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Expandable/Expandable.story.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: ({ label, expanded: defaultExpanded, children, disabled, onClick, onToggle, borderColor, ...rest }: import("./Expandable").ExpandableProps) => React.JSX.Element;
+    component: ({ label, expanded: expandedProp, children, disabled, onClick, onToggle, borderColor, ...rest }: import("./Expandable").ExpandableProps) => React.JSX.Element;
     tags: string[];
     parameters: {
         docs: {
@@ -19,7 +19,7 @@ export declare const Default: {
     args: {
         label: string;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const Expanded: {
@@ -27,7 +27,7 @@ export declare const Expanded: {
         label: string;
         expanded: boolean;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const Disabled: {
@@ -35,7 +35,7 @@ export declare const Disabled: {
         label: string;
         disabled: boolean;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const DisabledExpanded: {
@@ -44,16 +44,26 @@ export declare const DisabledExpanded: {
         disabled: boolean;
         expanded: boolean;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const CustomLabel: {
     args: {
         label: React.JSX.Element;
         children: React.JSX.Element;
-        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export declare const ConfigurableColors: {
     render: () => React.JSX.Element;
 };
+export declare const Controlled: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/Expandable/Expandable.story.js

@@ -1,11 +1,12 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Expanded = exports.DisabledExpanded = exports.Disabled = exports.Default = exports.CustomLabel = exports.ConfigurableColors = void 0;
+exports.default = exports.Expanded = exports.DisabledExpanded = exports.Disabled = exports.Default = exports.CustomLabel = exports.Controlled = exports.ConfigurableColors = void 0;
 var _test = require("@storybook/test");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Clickable = require("../Clickable");
 var _Flex = require("../Flex");
 var _Text = require("../Text");
@@ -13,7 +14,15 @@ var _Expandable = require("./Expandable");
 var _Button = require("../Button");
 var _Box = require("../Box");
 var _storybookBlocklist = require("../../utils/storybookBlocklist");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Stack = require("../Stack");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = exports.default = {
   title: "Components/Expandable",
   component: _Expandable.Expandable,
@@ -33,7 +42,7 @@ var Default = exports.Default = {
   args: {
     label: "Click to expand",
     children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This is the expanded content"),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var Expanded = exports.Expanded = {
@@ -41,7 +50,7 @@ var Expanded = exports.Expanded = {
     label: "Click to collapse",
     expanded: true,
     children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content is initially expanded"),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var Disabled = exports.Disabled = {
@@ -49,7 +58,7 @@ var Disabled = exports.Disabled = {
     label: "Disabled expandable",
     disabled: true,
     children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content cannot be expanded"),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var DisabledExpanded = exports.DisabledExpanded = {
@@ -58,7 +67,7 @@ var DisabledExpanded = exports.DisabledExpanded = {
     disabled: true,
     expanded: true,
     children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content is expanded but disabled"),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var CustomLabel = exports.CustomLabel = {
@@ -78,7 +87,7 @@ var CustomLabel = exports.CustomLabel = {
     children: /*#__PURE__*/_react.default.createElement(_Box.Box, null, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content with custom label"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
       onClick: (0, _test.fn)()
     }, "Action Button")),
-    onExpand: (0, _test.fn)()
+    onToggle: (0, _test.fn)()
   }
 };
 var ConfigurableColors = exports.ConfigurableColors = {
@@ -93,4 +102,35 @@ var ConfigurableColors = exports.ConfigurableColors = {
     }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content with custom border color")));
   }
 };
+var Controlled = exports.Controlled = {
+  render: function render() {
+    var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isExpanded = _useState2[0],
+      setIsExpanded = _useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_Stack.Stack, {
+      gap: 2
+    }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      size: "small",
+      variant: "secondaryBlack",
+      onClick: function onClick() {
+        return setIsExpanded(function (prev) {
+          return !prev;
+        });
+      },
+      width: "fit-content"
+    }, "Toggle"), /*#__PURE__*/_react.default.createElement(_Expandable.Expandable, {
+      label: "Controlled Expandable",
+      expanded: isExpanded,
+      onToggle: setIsExpanded
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis numquam, officiis ullam asperiores voluptatum saepe ea ab nesciunt unde consequuntur enim. Asperiores adipisci repudiandae aut nam eos enim expedita quos!")));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Demonstrates controlled mode where the parent component manages the expanded state via the expanded prop. Use the external buttons to control the expandable, and it will respond to prop changes."
+      }
+    }
+  }
+};
 //# sourceMappingURL=Expandable.story.js.map

package/dist/elements/Expandable/Expandable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.story.js","names":["_test","require","_react","_interopRequireDefault","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","Expandable","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","label","children","createElement","Text","onExpand","fn","Expanded","expanded","Disabled","disabled","DisabledExpanded","CustomLabel","Flex","flex","justifyContent","variant","Clickable","textDecoration","onClick","e","stopPropagation","Box","Button","ConfigurableColors","render","color","bg","maxWidth","borderColor"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Expandable\",\n  component: Expandable,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"An expandable component that shows and hides content with a clickable label. Supports custom labels, disabled states, and configurable styling.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    label: \"Click to expand\",\n    children: <Text>This is the expanded content</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const Expanded = {\n  args: {\n    label: \"Click to collapse\",\n    expanded: true,\n    children: <Text>This content is initially expanded</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const Disabled = {\n  args: {\n    label: \"Disabled expandable\",\n    disabled: true,\n    children: <Text>This content cannot be expanded</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const DisabledExpanded = {\n  args: {\n    label: \"Disabled and expanded\",\n    disabled: true,\n    expanded: true,\n    children: <Text>This content is expanded but disabled</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const CustomLabel = {\n  args: {\n    label: (\n      <Flex flex={1} justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">Custom Heading</Text>\n        <Clickable\n          textDecoration=\"underline\"\n          onClick={(e) => {\n            e.stopPropagation()\n            fn()\n          }}\n        >\n          Link in header\n        </Clickable>\n      </Flex>\n    ),\n    children: (\n      <Box>\n        <Text>Expanded content with custom label</Text>\n        <Button onClick={fn()}>Action Button</Button>\n      </Box>\n    ),\n    onExpand: fn(),\n  },\n}\n\nexport const ConfigurableColors = {\n  render: () => (\n    <Box color=\"mono0\" bg=\"mono100\">\n      <Expandable label=\"Custom Colors\" maxWidth={350} borderColor=\"mono30\">\n        <Text>Expanded content with custom border color</Text>\n      </Expandable>\n    </Box>\n  ),\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.story.js","names":["_test","require","_react","_interopRequireWildcard","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","_storybookBlocklist","_Stack","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","component","Expandable","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","label","children","createElement","Text","onToggle","fn","Expanded","expanded","Disabled","disabled","DisabledExpanded","CustomLabel","Flex","flex","justifyContent","variant","Clickable","textDecoration","onClick","e","stopPropagation","Box","Button","ConfigurableColors","render","color","bg","maxWidth","borderColor","Controlled","_useState","useState","_useState2","isExpanded","setIsExpanded","Stack","gap","size","prev","width","story"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\nimport { Stack } from \"../Stack\"\n\nexport default {\n  title: \"Components/Expandable\",\n  component: Expandable,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"An expandable component that shows and hides content with a clickable label. Supports custom labels, disabled states, and configurable styling.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    label: \"Click to expand\",\n    children: <Text>This is the expanded content</Text>,\n    onToggle: fn(),\n  },\n}\n\nexport const Expanded = {\n  args: {\n    label: \"Click to collapse\",\n    expanded: true,\n    children: <Text>This content is initially expanded</Text>,\n    onToggle: fn(),\n  },\n}\n\nexport const Disabled = {\n  args: {\n    label: \"Disabled expandable\",\n    disabled: true,\n    children: <Text>This content cannot be expanded</Text>,\n    onToggle: fn(),\n  },\n}\n\nexport const DisabledExpanded = {\n  args: {\n    label: \"Disabled and expanded\",\n    disabled: true,\n    expanded: true,\n    children: <Text>This content is expanded but disabled</Text>,\n    onToggle: fn(),\n  },\n}\n\nexport const CustomLabel = {\n  args: {\n    label: (\n      <Flex flex={1} justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">Custom Heading</Text>\n        <Clickable\n          textDecoration=\"underline\"\n          onClick={(e) => {\n            e.stopPropagation()\n            fn()\n          }}\n        >\n          Link in header\n        </Clickable>\n      </Flex>\n    ),\n    children: (\n      <Box>\n        <Text>Expanded content with custom label</Text>\n        <Button onClick={fn()}>Action Button</Button>\n      </Box>\n    ),\n    onToggle: fn(),\n  },\n}\n\nexport const ConfigurableColors = {\n  render: () => (\n    <Box color=\"mono0\" bg=\"mono100\">\n      <Expandable label=\"Custom Colors\" maxWidth={350} borderColor=\"mono30\">\n        <Text>Expanded content with custom border color</Text>\n      </Expandable>\n    </Box>\n  ),\n}\n\nexport const Controlled = {\n  render: () => {\n    const [isExpanded, setIsExpanded] = useState(false)\n\n    return (\n      <Stack gap={2}>\n        <Button\n          size=\"small\"\n          variant=\"secondaryBlack\"\n          onClick={() => setIsExpanded((prev) => !prev)}\n          width=\"fit-content\"\n        >\n          Toggle\n        </Button>\n\n        <Expandable\n          label=\"Controlled Expandable\"\n          expanded={isExpanded}\n          onToggle={setIsExpanded}\n        >\n          <Text>\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis\n            numquam, officiis ullam asperiores voluptatum saepe ea ab nesciunt\n            unde consequuntur enim. Asperiores adipisci repudiandae aut nam eos\n            enim expedita quos!\n          </Text>\n        </Expandable>\n      </Stack>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Demonstrates controlled mode where the parent component manages the expanded state via the expanded prop. Use the external buttons to control the expandable, and it will respond to prop changes.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,IAAA,GAAAR,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAAgC,SAAAW,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,IAAAsC,QAAA,GAAAC,OAAA,CAAAvD,OAAA,GAEjB;EACbwD,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEC,sBAAU;EACrBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXL,SAAS,EACP;MACJ;IACF,CAAC;IACDM,QAAQ,EAAE;MACRC,OAAO,EAAEC;IACX;EACF;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,KAAK,EAAE,iBAAiB;IACxBC,QAAQ,eAAEvF,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACpF,KAAA,CAAAqF,IAAI,QAAC,8BAA4B,CAAO;IACnDC,QAAQ,EAAE,IAAAC,QAAE;EACd;AACF,CAAC;AAEM,IAAMC,QAAQ,GAAAnB,OAAA,CAAAmB,QAAA,GAAG;EACtBP,IAAI,EAAE;IACJC,KAAK,EAAE,mBAAmB;IAC1BO,QAAQ,EAAE,IAAI;IACdN,QAAQ,eAAEvF,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACpF,KAAA,CAAAqF,IAAI,QAAC,oCAAkC,CAAO;IACzDC,QAAQ,EAAE,IAAAC,QAAE;EACd;AACF,CAAC;AAEM,IAAMG,QAAQ,GAAArB,OAAA,CAAAqB,QAAA,GAAG;EACtBT,IAAI,EAAE;IACJC,KAAK,EAAE,qBAAqB;IAC5BS,QAAQ,EAAE,IAAI;IACdR,QAAQ,eAAEvF,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACpF,KAAA,CAAAqF,IAAI,QAAC,iCAA+B,CAAO;IACtDC,QAAQ,EAAE,IAAAC,QAAE;EACd;AACF,CAAC;AAEM,IAAMK,gBAAgB,GAAAvB,OAAA,CAAAuB,gBAAA,GAAG;EAC9BX,IAAI,EAAE;IACJC,KAAK,EAAE,uBAAuB;IAC9BS,QAAQ,EAAE,IAAI;IACdF,QAAQ,EAAE,IAAI;IACdN,QAAQ,eAAEvF,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACpF,KAAA,CAAAqF,IAAI,QAAC,uCAAqC,CAAO;IAC5DC,QAAQ,EAAE,IAAAC,QAAE;EACd;AACF,CAAC;AAEM,IAAMM,WAAW,GAAAxB,OAAA,CAAAwB,WAAA,GAAG;EACzBZ,IAAI,EAAE;IACJC,KAAK,eACHtF,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACrF,KAAA,CAAA+F,IAAI;MAACC,IAAI,EAAE,CAAE;MAACC,cAAc,EAAC;IAAe,gBAC3CpG,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACpF,KAAA,CAAAqF,IAAI;MAACY,OAAO,EAAC;IAAY,GAAC,gBAAc,CAAO,eAChDrG,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACtF,UAAA,CAAAoG,SAAS;MACRC,cAAc,EAAC,WAAW;MAC1BC,OAAO,EAAE,SAATA,OAAOA,CAAGC,CAAC,EAAK;QACdA,CAAC,CAACC,eAAe,EAAE;QACnB,IAAAf,QAAE,GAAE;MACN;IAAE,GACH,gBAED,CAAY,CAEf;IACDJ,QAAQ,eACNvF,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACjF,IAAA,CAAAoG,GAAG,qBACF3G,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACpF,KAAA,CAAAqF,IAAI,QAAC,oCAAkC,CAAO,eAC/CzF,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAAClF,OAAA,CAAAsG,MAAM;MAACJ,OAAO,EAAE,IAAAb,QAAE;IAAG,GAAC,eAAa,CAAS,CAEhD;IACDD,QAAQ,EAAE,IAAAC,QAAE;EACd;AACF,CAAC;AAEM,IAAMkB,kBAAkB,GAAApC,OAAA,CAAAoC,kBAAA,GAAG;EAChCC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJ9G,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACjF,IAAA,CAAAoG,GAAG;MAACI,KAAK,EAAC,OAAO;MAACC,EAAE,EAAC;IAAS,gBAC7BhH,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACnF,WAAA,CAAAuE,UAAU;MAACU,KAAK,EAAC,eAAe;MAAC2B,QAAQ,EAAE,GAAI;MAACC,WAAW,EAAC;IAAQ,gBACnElH,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACpF,KAAA,CAAAqF,IAAI,QAAC,2CAAyC,CAAO,CAC3C,CACT;EAAA;AAEV,CAAC;AAEM,IAAM0B,UAAU,GAAA1C,OAAA,CAAA0C,UAAA,GAAG;EACxBL,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAAM,SAAA,GAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;MAAAC,UAAA,GAAArF,cAAA,CAAAmF,SAAA;MAA5CG,UAAU,GAAAD,UAAA;MAAEE,aAAa,GAAAF,UAAA;IAEhC,oBACEtH,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAAC/E,MAAA,CAAAgH,KAAK;MAACC,GAAG,EAAE;IAAE,gBACZ1H,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAAClF,OAAA,CAAAsG,MAAM;MACLe,IAAI,EAAC,OAAO;MACZtB,OAAO,EAAC,gBAAgB;MACxBG,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQgB,aAAa,CAAC,UAACI,IAAI;UAAA,OAAK,CAACA,IAAI;QAAA,EAAC;MAAA,CAAC;MAC9CC,KAAK,EAAC;IAAa,GACpB,QAED,CAAS,eAET7H,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACnF,WAAA,CAAAuE,UAAU;MACTU,KAAK,EAAC,uBAAuB;MAC7BO,QAAQ,EAAE0B,UAAW;MACrB7B,QAAQ,EAAE8B;IAAc,gBAExBxH,MAAA,CAAAkB,OAAA,CAAAsE,aAAA,CAACpF,KAAA,CAAAqF,IAAI,QAAC,8NAKN,CAAO,CACI,CACP;EAEZ,CAAC;EACDX,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACX8C,KAAK,EACH;MACJ;IACF;EACF;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "45.6.0",
+  "version": "45.7.1-canary.1488.32898.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -191,5 +191,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "e08c85eb0c56cf28d13903479403ffd7c60fb90e"
+  "gitHead": "281da31252e943ce2f5513e1c93cd896e0187da9"
 }