@artsy/palette 38.0.0 → 38.1.1

package/dist/elements/AutocompleteInput/AutocompleteInput.js

@@ -187,7 +187,7 @@ var AutocompleteInput = function AutocompleteInput(_ref) {
       type: "OPEN"
     });
   };
-  var handleMouseDown = function handleMouseDown(option, i) {
+  var handleInputOptionClick = function handleInputOptionClick(option, i) {
     return function () {
       handleSelect(option, i);
       resetUI();
@@ -378,7 +378,7 @@ var AutocompleteInput = function AutocompleteInput(_ref) {
       "aria-selected": i === index,
       "aria-posinset": i + 1,
       "aria-setsize": options.length,
-      onMouseDown: handleMouseDown(option, i),
+      onClick: handleInputOptionClick(option, i),
       onMouseEnter: handleMouseEnter(i),
       selected: i === index,
       tabIndex: -1

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","_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","_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","handleMouseEnter","cursor","interactive","handleChange","currentTarget","handleClearOrSubmit","_inputRef$current3","handleClose","useCallback","ignoreFocusChangeRef","ignoreFocusChange","onMouseDown","onMouseUp","_option$ref","_option$ref$current","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","selected","tabIndex","VisuallyHidden","exports","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\"\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) => void)\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  const handleMouseEnter = (i: number) => () => {\n    set({ cursor: i, interactive: true })\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 option = optionsWithRefs[index]\n    option?.ref?.current?.focus()\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=\"black60\" aria-hidden />\n            </Clickable>\n          ) : (\n            <SearchIcon fill=\"black60\" 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                  selected={i === index}\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":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAQA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,UAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AACA,IAAAU,IAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAEA,IAAAY,aAAA,GAAAZ,OAAA;AACA,IAAAa,eAAA,GAAAb,OAAA;AACA,IAAAc,wBAAA,GAAAd,OAAA;AACA,IAAAe,6BAAA,GAAAf,OAAA;AAEA,IAAAgB,SAAA,GAAAhB,OAAA;AAAmD,IAAAiB,SAAA;AAAA,SAAAC,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,SAAAjB,wBAAAqB,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,SAAA/B,uBAAAwB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAAA,SAAAE,QAAAF,GAAA,sCAAAE,OAAA,wBAAAgB,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAnB,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAkB,MAAA,IAAAlB,GAAA,CAAAoB,WAAA,KAAAF,MAAA,IAAAlB,GAAA,KAAAkB,MAAA,CAAAL,SAAA,qBAAAb,GAAA,KAAAE,OAAA,CAAAF,GAAA;AAAA,SAAAqB,SAAA,IAAAA,QAAA,GAAAZ,MAAA,CAAAa,MAAA,GAAAb,MAAA,CAAAa,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAb,GAAA,IAAAgB,MAAA,QAAAnB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAa,MAAA,EAAAhB,GAAA,KAAAY,MAAA,CAAAZ,GAAA,IAAAgB,MAAA,CAAAhB,GAAA,gBAAAY,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA/B,MAAA,CAAAI,SAAA,CAAA4B,QAAA,CAAA1B,IAAA,CAAAsB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAjB,WAAA,EAAAoB,CAAA,GAAAH,CAAA,CAAAjB,WAAA,CAAAuB,IAAA,MAAAH,CAAA,cAAAA,CAAA,mBAAAI,KAAA,CAAAC,IAAA,CAAAR,CAAA,OAAAG,CAAA,+DAAAM,IAAA,CAAAN,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAgB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAhB,GAAA,CAAAJ,MAAA,EAAAoB,GAAA,GAAAhB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAuB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAtB,CAAA,GAAAsB,GAAA,EAAAtB,CAAA,MAAAuB,IAAA,CAAAvB,CAAA,IAAAM,GAAA,CAAAN,CAAA,YAAAuB,IAAA;AAAA,SAAAf,sBAAAF,GAAA,EAAAN,CAAA,QAAAwB,EAAA,WAAAlB,GAAA,gCAAAb,MAAA,IAAAa,GAAA,CAAAb,MAAA,CAAAC,QAAA,KAAAY,GAAA,4BAAAkB,EAAA,QAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAH,EAAA,GAAAA,EAAA,CAAAlC,IAAA,CAAAgB,GAAA,GAAA0B,IAAA,QAAAhC,CAAA,QAAAhB,MAAA,CAAAwC,EAAA,MAAAA,EAAA,UAAAM,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAkC,EAAA,GAAAS,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA3B,MAAA,KAAAF,CAAA,GAAA8B,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAN,EAAA,CAAAa,MAAA,KAAAT,EAAA,GAAAJ,EAAA,CAAAa,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAtB,gBAAAD,GAAA,QAAAa,KAAA,CAAAmB,OAAA,CAAAhC,GAAA,UAAAA,GAAA;AAAA,SAAAiC,yBAAApC,MAAA,EAAAqC,QAAA,QAAArC,MAAA,yBAAAJ,MAAA,GAAA0C,6BAAA,CAAAtC,MAAA,EAAAqC,QAAA,OAAArD,GAAA,EAAAa,CAAA,MAAAhB,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAAvC,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA2C,gBAAA,CAAAzC,MAAA,EAAAF,CAAA,MAAAb,GAAA,GAAAwD,gBAAA,CAAA3C,CAAA,OAAAwC,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAa,MAAA,EAAAhB,GAAA,aAAAY,MAAA,CAAAZ,GAAA,IAAAgB,MAAA,CAAAhB,GAAA,cAAAY,MAAA;AAAA,SAAA0C,8BAAAtC,MAAA,EAAAqC,QAAA,QAAArC,MAAA,yBAAAJ,MAAA,WAAA+C,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA5C,MAAA,OAAAhB,GAAA,EAAAa,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA8C,UAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAb,GAAA,GAAA2D,UAAA,CAAA9C,CAAA,OAAAwC,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAY,MAAA,CAAAZ,GAAA,IAAAgB,MAAA,CAAAhB,GAAA,YAAAY,MAAA;AAAA,SAAAiD,QAAAC,MAAA,EAAAC,cAAA,QAAAH,IAAA,GAAA/D,MAAA,CAAA+D,IAAA,CAAAE,MAAA,OAAAjE,MAAA,CAAA0D,qBAAA,QAAAS,OAAA,GAAAnE,MAAA,CAAA0D,qBAAA,CAAAO,MAAA,GAAAC,cAAA,KAAAC,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAArE,MAAA,CAAAE,wBAAA,CAAA+D,MAAA,EAAAI,GAAA,EAAAC,UAAA,OAAAP,IAAA,CAAAb,IAAA,CAAA9B,KAAA,CAAA2C,IAAA,EAAAI,OAAA,YAAAJ,IAAA;AAAA,SAAAQ,cAAAxD,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAgD,OAAA,CAAAhE,MAAA,CAAAmB,MAAA,OAAAqD,OAAA,WAAArE,GAAA,IAAAsE,eAAA,CAAA1D,MAAA,EAAAZ,GAAA,EAAAgB,MAAA,CAAAhB,GAAA,SAAAH,MAAA,CAAA0E,yBAAA,GAAA1E,MAAA,CAAA2E,gBAAA,CAAA5D,MAAA,EAAAf,MAAA,CAAA0E,yBAAA,CAAAvD,MAAA,KAAA6C,OAAA,CAAAhE,MAAA,CAAAmB,MAAA,GAAAqD,OAAA,WAAArE,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAc,MAAA,EAAAZ,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAhB,GAAA,iBAAAY,MAAA;AAAA,SAAA0D,gBAAAlF,GAAA,EAAAY,GAAA,EAAAgD,KAAA,IAAAhD,GAAA,GAAAyE,cAAA,CAAAzE,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAV,GAAA,EAAAY,GAAA,IAAAgD,KAAA,EAAAA,KAAA,EAAAmB,UAAA,QAAAO,YAAA,QAAAC,QAAA,oBAAAvF,GAAA,CAAAY,GAAA,IAAAgD,KAAA,WAAA5D,GAAA;AAAA,SAAAqF,eAAAG,GAAA,QAAA5E,GAAA,GAAA6E,YAAA,CAAAD,GAAA,oBAAAtF,OAAA,CAAAU,GAAA,iBAAAA,GAAA,GAAA8E,MAAA,CAAA9E,GAAA;AAAA,SAAA6E,aAAAE,KAAA,EAAAC,IAAA,QAAA1F,OAAA,CAAAyF,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAzE,MAAA,CAAA4E,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAA9E,IAAA,CAAA4E,KAAA,EAAAC,IAAA,oBAAA1F,OAAA,CAAA8F,GAAA,uBAAAA,GAAA,YAAA5D,SAAA,4DAAAwD,IAAA,gBAAAF,MAAA,GAAAO,MAAA,EAAAN,KAAA;AAOnD;;AAkBA,IAAMO,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAY,EAAEC,MAAc,EAAY;EACvD,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,MAAM;MACT,OAAArB,aAAA,CAAAA,aAAA,KAAYmB,KAAK;QAAEG,IAAI,EAAE;MAAI;IAC/B,KAAK,OAAO;MACV,OAAAtB,aAAA,CAAAA,aAAA,KAAYmB,KAAK;QAAEG,IAAI,EAAE;MAAK;IAChC,KAAK,OAAO;MACV,OAAAtB,aAAA,CAAAA,aAAA,KAAYmB,KAAK;QAAEI,KAAK,EAAE;MAAE;IAC9B,KAAK,QAAQ;MACX,OAAAvB,aAAA,CAAAA,aAAA,KAAYmB,KAAK;QAAEI,KAAK,EAAEH,MAAM,CAACI,OAAO,CAACD,KAAK;QAAED,IAAI,EAAE;MAAI;IAC5D,KAAK,QAAQ;MACX,OAAAtB,aAAA,CAAAA,aAAA,KAAYmB,KAAK;QAAEI,KAAK,EAAEH,MAAM,CAACI,OAAO,CAACD,KAAK;QAAED,IAAI,EAAE;MAAK;EAAE;AAEnE,CAAC;AAgCD;AACO,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAoBG;EAAA,IAAAC,YAAA;EAAA,IAAAC,UAAA,GAAAF,IAAA,CAnB/BG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,iBAAA,GAAAJ,IAAA,CACbK,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;IAAAE,qBAAA,GAAAN,IAAA,CACjBO,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,GAAG,GAAAA,qBAAA;IAAAE,SAAA,GAAAR,IAAA,CACvBS,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;IACXE,MAAM,GAAAV,IAAA,CAANU,MAAM;IACMC,YAAY,GAAAX,IAAA,CAAxBY,UAAU;IACVC,MAAM,GAAAb,IAAA,CAANa,MAAM;IACNC,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,EAAE,GAAAf,IAAA,CAAFe,EAAE;IACFC,OAAO,GAAAhB,IAAA,CAAPgB,OAAO;IACPC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;IACRC,OAAO,GAAAlB,IAAA,CAAPkB,OAAO;IACPC,OAAO,GAAAnB,IAAA,CAAPmB,OAAO;IACPC,SAAS,GAAApB,IAAA,CAAToB,SAAS;IACTC,QAAQ,GAAArB,IAAA,CAARqB,QAAQ;IACRC,QAAQ,GAAAtB,IAAA,CAARsB,QAAQ;IACRC,OAAO,GAAAvB,IAAA,CAAPuB,OAAO;IAAAC,iBAAA,GAAAxB,IAAA,CACPyB,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,UAACE,MAAM;MAAA,oBAAK1J,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAAC7I,6BAAA,CAAA8I,4BAA4B,EAAKF,MAAM,CAAI;IAAA,IAAAF,iBAAA;IACpEK,IAAI,GAAAvE,wBAAA,CAAA0C,IAAA,EAAAhH,SAAA;EAEP,IAAM8I,QAAQ,GAAG,IAAAC,aAAM,EAA0B,IAAI,CAAC;EACtD,IAAMC,YAAY,GAAG,IAAAD,aAAM,EAAwB,IAAI,CAAC;EACxD,IAAME,SAAS,GAAG,IAAAF,aAAM,EAAwB,IAAI,CAAC;EACrD,IAAMG,SAAS,GAAG,IAAAH,aAAM,EAAwB,IAAI,CAAC;EAErD,IAAAI,cAAA,GAA+B,IAAAC,kBAAa,EAACP,IAAI,CAAC;IAAAQ,eAAA,GAAAjH,cAAA,CAAA+G,cAAA;IAA3CG,QAAQ,GAAAD,eAAA;IAAEE,UAAU,GAAAF,eAAA;EAE3B,IAAAG,WAAA,GAA0B,IAAAC,iBAAU,EAACjD,OAAO,EAAE;MAC5CI,IAAI,EAAE,KAAK;MACXC,KAAK,EAAEQ;IACT,CAAC,CAAC;IAAAqC,YAAA,GAAAtH,cAAA,CAAAoH,WAAA;IAHK/C,KAAK,GAAAiD,YAAA;IAAEC,QAAQ,GAAAD,YAAA;EAKtB,IAAME,eAAe,GAAG,IAAAC,cAAO,EAAC,YAAM;IACpC,OAAOtB,OAAO,CAACuB,GAAG,CAAC,UAACpB,MAAM;MAAA,OAAM;QAC9BA,MAAM,EAANA,MAAM;QACNqB,GAAG,eAAE,IAAAC,gBAAS;MAChB,CAAC;IAAA,CAAC,CAAC;EACL,CAAC,EAAE,CAACzB,OAAO,CAAC,CAAC;EAEb,IAAM0B,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;IACpBC,UAAU,CAAC,YAAM;MAAA,IAAAC,iBAAA;MACf,CAAAA,iBAAA,GAAArB,QAAQ,CAACsB,OAAO,cAAAD,iBAAA,uBAAhBA,iBAAA,CAAkBE,KAAK,EAAE;MACzBC,KAAK,EAAE;MACPX,QAAQ,CAAC;QAAEhD,IAAI,EAAE;MAAQ,CAAC,CAAC;IAC7B,CAAC,EAAE,GAAG,CAAC;EACT,CAAC;EAED,IAAM4D,YAAY,GAAG,SAAfA,YAAYA,CAAI7B,MAAS,EAAE8B,KAAa,EAAK;IAAA,IAAAC,kBAAA;IACjDd,QAAQ,CAAC;MAAEhD,IAAI,EAAE,QAAQ;MAAEG,OAAO,EAAE;QAAED,KAAK,EAAE6B,MAAM,CAACgC;MAAK;IAAE,CAAC,CAAC;IAC7D,CAAAD,kBAAA,GAAA3B,QAAQ,CAACsB,OAAO,cAAAK,kBAAA,uBAAhBA,kBAAA,CAAkBJ,KAAK,EAAE;IACzBhC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGK,MAAM,EAAE8B,KAAK,CAAC;EAC3B,CAAC;EAED,IAAAG,qBAAA,GAA8B,IAAAC,oDAAyB,EAAC;MACtDb,GAAG,EAAEf,YAAY;MACjB6B,IAAI,EAAEtC,OAAO;MACbuC,kBAAkB,EAAE,IAAI;MACxBC,OAAO,EAAE,SAAAA,QAAAC,KAAA,EAA0C;QAAA,IAA9BtC,MAAM,GAAAsC,KAAA,CAAfC,OAAO;UAAiBlJ,CAAC,GAAAiJ,KAAA,CAARR,KAAK;UAAKU,KAAK,GAAAF,KAAA,CAALE,KAAK;QAC1CA,KAAK,CAACC,cAAc,EAAE;QACtBD,KAAK,CAACE,eAAe,EAAE;QACvBb,YAAY,CAAC7B,MAAM,EAAE3G,CAAC,CAAC;QACvBkI,OAAO,EAAE;MACX;IACF,CAAC,CAAC;IAVMO,KAAK,GAAAG,qBAAA,CAALH,KAAK;IAAEF,KAAK,GAAAK,qBAAA,CAALL,KAAK;IAAE/I,GAAG,GAAAoJ,qBAAA,CAAHpJ,GAAG;EAYzB,IAAM8J,iBAAiB,GAAG5E,KAAK,CAACG,IAAI,IAAI2B,OAAO,CAACtG,MAAM,GAAG,CAAC;;EAE1D;EACA;EACA,IAAAqJ,gBAAS,EAAChB,KAAK,EAAE,CAAC/B,OAAO,CAAC,CAAC;;EAE3B;EACA,IAAA+C,gBAAS,EAAC,YAAM;IACd,IAAI7E,KAAK,CAACI,KAAK,KAAK,EAAE,EAAEyD,KAAK,EAAE;EACjC,CAAC,EAAE,CAACA,KAAK,EAAE7D,KAAK,CAACI,KAAK,CAAC,CAAC;EAExB,IAAA0E,YAAA,GAAkC,IAAAC,kBAAW,EAAC;MAC5CC,MAAM,EAAEJ,iBAAiB;MACzBlE,KAAK,EAALA,KAAK;MACLM,IAAI,EAAJA,IAAI;MACJvG,GAAG,EAAEqH,OAAO,CAACtG,MAAM;MACnByJ,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE;IACZ,CAAC,CAAC;IAPMC,SAAS,GAAAL,YAAA,CAATK,SAAS;IAAEC,UAAU,GAAAN,YAAA,CAAVM,UAAU;EAS7B,IAAAC,WAAA,GAAkB,IAAAC,uBAAU,EAAC;MAAEhC,GAAG,EAAE6B;IAAU,CAAC,CAAC;IAAxCI,KAAK,GAAAF,WAAA,CAALE,KAAK;EAEb,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB3B,KAAK,EAAE;IACPX,QAAQ,CAAC;MAAEhD,IAAI,EAAE;IAAO,CAAC,CAAC;EAC5B,CAAC;EAED,IAAMuF,eAAe,GAAG,SAAlBA,eAAeA,CAAIxD,MAAS,EAAE3G,CAAS;IAAA,OAAK,YAAM;MACtDwI,YAAY,CAAC7B,MAAM,EAAE3G,CAAC,CAAC;MACvBkI,OAAO,EAAE;IACX,CAAC;EAAA;EAED,IAAMkC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBxC,QAAQ,CAAC;MAAEhD,IAAI,EAAE;IAAO,CAAC,CAAC;EAC5B,CAAC;EAED,IAAMyF,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIrK,CAAS;IAAA,OAAK,YAAM;MAC5CR,GAAG,CAAC;QAAE8K,MAAM,EAAEtK,CAAC;QAAEuK,WAAW,EAAE;MAAK,CAAC,CAAC;IACvC,CAAC;EAAA;EAED,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIrB,KAA0C,EAAK;IACnE,IACmBhH,KAAK,GACpBgH,KAAK,CADPsB,aAAa,CAAItI,KAAK;IAGxByF,QAAQ,CAAC;MAAEhD,IAAI,EAAE,QAAQ;MAAEG,OAAO,EAAE;QAAED,KAAK,EAAE3C;MAAM;IAAE,CAAC,CAAC;IACvD+D,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGiD,KAAK,CAAC;EACnB,CAAC;EAED,IAAMuB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;IAAA,IAAAC,kBAAA;IAChC,IAAIjG,KAAK,CAACI,KAAK,KAAK,EAAE,EAAE;MACtByB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG7B,KAAK,CAACI,KAAK,CAAC;MACvB;IACF;IAEA8C,QAAQ,CAAC;MAAEhD,IAAI,EAAE;IAAQ,CAAC,CAAC;IAC3B,CAAA+F,kBAAA,GAAA5D,QAAQ,CAACsB,OAAO,cAAAsC,kBAAA,uBAAhBA,kBAAA,CAAkBrC,KAAK,EAAE;IACzBnC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,EAAI;EACb,CAAC;EAED,IAAMyE,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpCjD,QAAQ,CAAC;MAAEhD,IAAI,EAAE;IAAQ,CAAC,CAAC;IAC3B2D,KAAK,EAAE;IACPnC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,EAAI;EACb,CAAC,EAAE,CAACA,OAAO,EAAEmC,KAAK,CAAC,CAAC;EAEpB,IAAMuC,oBAAoB,GAAG,IAAA9D,aAAM,EAAU,KAAK,CAAC;EACnD,IAAM+D,iBAAiB,GAAG;IACxBC,WAAW,EAAE,SAAAA,YAAA;MAAA,OAAOF,oBAAoB,CAACzC,OAAO,GAAG,IAAI;IAAA,CAAC;IACxD4C,SAAS,EAAE,SAAAA,UAAA;MAAA,OAAOH,oBAAoB,CAACzC,OAAO,GAAG,KAAK;IAAA;EACxD,CAAC;;EAED;EACA,IAAAkB,gBAAS,EAAC,YAAM;IAAA,IAAA2B,WAAA,EAAAC,mBAAA;IACd,IAAMxE,MAAM,GAAGkB,eAAe,CAACY,KAAK,CAAC;IACrC9B,MAAM,aAANA,MAAM,wBAAAuE,WAAA,GAANvE,MAAM,CAAEqB,GAAG,cAAAkD,WAAA,wBAAAC,mBAAA,GAAXD,WAAA,CAAa7C,OAAO,cAAA8C,mBAAA,uBAApBA,mBAAA,CAAsB7C,KAAK,EAAE;EAC/B,CAAC,EAAE,CAACG,KAAK,EAAEZ,eAAe,CAAC,CAAC;EAE5B,IAAMuD,iBAAiB,GAAG,IAAAP,kBAAW,EACnC,UAACQ,OAAgB,EAAK;IACpB,IAAIP,oBAAoB,CAACzC,OAAO,IAAIgD,OAAO,IAAI,CAAC/B,iBAAiB,EAAE;IAEnEsB,WAAW,EAAE;EACf,CAAC,EAED,CAACtB,iBAAiB,EAAEsB,WAAW,CAAC,CACjC;;EAED;EACA;EACA,IAAAU,iBAAA,GAAkC,IAAAC,uBAAgB,EAAC;MACjDrF,QAAQ,EAAEkF;IACZ,CAAC,CAAC;IAFWI,gBAAgB,GAAAF,iBAAA,CAArBtD,GAAG;EAIX,IAAAyD,sBAAe,EAAC;IACdzD,GAAG,EAAEwD,gBAAgB;IACrBE,cAAc,EAAEd,WAAW;IAC3Be,IAAI,EAAErC,iBAAiB;IACvB1E,IAAI,EAAE;EACR,CAAC,CAAC;EAEF,IAAMgH,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIzC,KAA4C,EAAK;IAAA,IAAA0C,kBAAA;IAC3E,QAAQ1C,KAAK,CAAChK,GAAG;MACf;MACA,KAAK,OAAO;QACV,IAAIuF,KAAK,CAACI,KAAK,KAAK,EAAE,IAAI2D,KAAK,KAAK,CAAC,CAAC,EAAE;UACtClC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG7B,KAAK,CAACI,KAAK,CAAC;UACvBoD,OAAO,EAAE;QACX;QACA;;MAEF;MACA,KAAK,QAAQ;QACXiB,KAAK,CAACC,cAAc,EAAE;QACtBD,KAAK,CAACE,eAAe,EAAE;QAEvBzB,QAAQ,CAAC;UAAEhD,IAAI,EAAE;QAAQ,CAAC,CAAC;QAC3B,CAAAiH,kBAAA,GAAA9E,QAAQ,CAACsB,OAAO,cAAAwD,kBAAA,uBAAhBA,kBAAA,CAAkBC,IAAI,EAAE;QAExB;MAEF;QACE;IAAK;IAGTzF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG8C,KAAK,CAAC;EACpB,CAAC;;EAED;EACA,IAAM4C,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC1B5C,KAA0C,EACvC;IAAA,IAAA6C,kBAAA,EAAAC,kBAAA;IACH,QAAQ9C,KAAK,CAAChK,GAAG;MACf,KAAK,KAAK;MACV,KAAK,WAAW;MAChB,KAAK,SAAS;MACd,KAAK,SAAS;MACd,KAAK,OAAO;MACZ,KAAK,MAAM;MACX,KAAK,OAAO;MACZ,KAAK,KAAK;QACR;QACA;MAEF,KAAK,QAAQ;QACXgK,KAAK,CAACC,cAAc,EAAE;QACtBD,KAAK,CAACE,eAAe,EAAE;QAEvBzB,QAAQ,CAAC;UAAEhD,IAAI,EAAE;QAAQ,CAAC,CAAC;QAC3B,CAAAoH,kBAAA,GAAAjF,QAAQ,CAACsB,OAAO,cAAA2D,kBAAA,uBAAhBA,kBAAA,CAAkBF,IAAI,EAAE;QACxBvD,KAAK,EAAE;QAEP;MAEF;QACE,CAAA0D,kBAAA,GAAAlF,QAAQ,CAACsB,OAAO,cAAA4D,kBAAA,uBAAhBA,kBAAA,CAAkB3D,KAAK,EAAE;IAAA;EAE/B,CAAC;;EAED;EACA,IAAM4D,MAAM,GAAG1F,OAAO,CAACiC,KAAK,CAAC;EAE7B,oBACExL,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAAClJ,IAAA,CAAAyO,GAAG,EAAAvM,QAAA;IACFoI,GAAG,EAAE,IAAAoE,yBAAW,EAACnF,YAAY,EAAEuE,gBAAgB,CAAS;IACxDnF,SAAS,EAAE0F;EAAuB,GAC9BxE,QAAQ,gBAEZtK,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAAChJ,aAAA,CAAAyO,YAAY,EAAAzM,QAAA;IACXoI,GAAG,EAAE,IAAAoE,yBAAW,EAACrF,QAAQ,EAAE8C,SAAS,EAAEjE,YAAY,CAAS;IAC3D0G,IAAI,EAAC,UAAU;IACf,iBAAehD,iBAAkB;IACjC,qBAAkB;EAAM,GACnBtD,EAAE,GAAG;IAAEA,EAAE,EAAFA,EAAE;IAAE,kBAAkB,KAAAuG,MAAA,CAAKvG,EAAE;EAAkB,CAAC,GAAG,CAAC,CAAC;IACjEwG,KAAK,EACHvG,OAAO,gBACLhJ,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAAClJ,IAAA,CAAAyO,GAAG;MAAClC,KAAK,EAAE;IAAG,gBACbhN,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAACvJ,QAAA,CAAAoP,OAAO;MAACC,IAAI,EAAC;IAAO,EAAG,CACpB,GACJhI,KAAK,CAACI,KAAK,gBACb7H,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAACjJ,UAAA,CAAAgP,SAAS;MACRC,OAAO,EAAElC,mBAAoB;MAC7B3E,MAAM,EAAC,MAAM;MACb8G,OAAO,EAAC,MAAM;MACdC,UAAU,EAAC,QAAQ;MACnB,cAAW;IAAa,gBAExB7P,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAACrJ,UAAA,CAAAmB,OAAS;MAACqO,IAAI,EAAC,SAAS;MAAC;IAAW,EAAG,CAC9B,gBAEZ9P,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAACtJ,WAAA,CAAAoB,OAAU;MAACqO,IAAI,EAAC,SAAS;MAAC;IAAW,EAEzC;IACD5K,KAAK,GAAA+C,YAAA,GAAEgH,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEvD,IAAI,cAAAzD,YAAA,cAAAA,YAAA,GAAIR,KAAK,CAACI,KAAM;IACnCoB,QAAQ,EAAEsE,YAAa;IACvBwC,OAAO,EAAE9C,WAAY;IACrB7D,SAAS,EAAEuF,kBAAmB;IAC9BgB,OAAO,EAAExC,WAAY;IACrB6C,YAAY,EAAC,KAAK;IAClBlH,MAAM,EAAEA;EAAO,GACXyB,UAAU,EACd,EAED8B,iBAAiB,iBAChBrM,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAACsG,yBAAyB;IACxBlF,GAAG,EAAE8B,UAAkB;IACvBwC,IAAI,EAAC,SAAS;IACdrC,KAAK,EAAEA;EAAM,gBAEbhN,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,QAAAhH,QAAA;IAAKoI,GAAG,EAAEd;EAAU,GAAK6D,iBAAiB,GACvCjF,MAAM,CACH,eAEN7I,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAACuG,wBAAwB;IAACC,SAAS,EAAE5H;EAAkB,GACpDqC,eAAe,CAACE,GAAG,CAAC,UAAAsF,KAAA,EAAkBrN,CAAC,EAAK;IAAA,IAArB2G,MAAM,GAAA0G,KAAA,CAAN1G,MAAM;MAAEqB,GAAG,GAAAqF,KAAA,CAAHrF,GAAG;IACjC,oBACE/K,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAAC9I,wBAAA,CAAAwP,uBAAuB;MACtBnO,GAAG,EAAEa,CAAE;MACPgI,GAAG,EAAEA,GAAI;MACTsE,IAAI,EAAC,QAAQ;MACb,iBAAetM,CAAC,KAAKyI,KAAM;MAC3B,iBAAezI,CAAC,GAAG,CAAE;MACrB,gBAAcwG,OAAO,CAACtG,MAAO;MAC7B8K,WAAW,EAAEb,eAAe,CAACxD,MAAM,EAAE3G,CAAC,CAAE;MACxCuN,YAAY,EAAElD,gBAAgB,CAACrK,CAAC,CAAE;MAClCwN,QAAQ,EAAExN,CAAC,KAAKyI,KAAM;MACtBgF,QAAQ,EAAE,CAAC;IAAE,GAEZ/G,YAAY,CAACC,MAAM,EAAE3G,CAAC,CAAC,CACA;EAE9B,CAAC,CAAC,CACuB,eAE3B/C,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,QAAAhH,QAAA;IAAKoI,GAAG,EAAEb;EAAU,GAAK4D,iBAAiB,GACvC,OAAOpF,MAAM,KAAK,UAAU,GACzBA,MAAM,CAAC;IAAES,OAAO,EAAEwE;EAAY,CAAC,CAAC,GAChCjF,MAAM,CACN,CAET,eAED1I,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAAC/I,eAAA,CAAA6P,cAAc,EAAM1H,EAAE,GAAG;IAAEA,EAAE,KAAAuG,MAAA,CAAKvG,EAAE;EAAkB,CAAC,GAAG,CAAC,CAAC,EAAG,4JAIhE,CAAiB,EAEhBsD,iBAAiB,iBAChBrM,MAAA,CAAAyB,OAAA,CAAAkI,aAAA,CAAC/I,eAAA,CAAA6P,cAAc;IAACpB,IAAI,EAAC,QAAQ;IAAC,eAAY,MAAM;IAAC,aAAU;EAAQ,GAChE9F,OAAO,CAACtG,MAAM,KAAK,CAAC,gCAAAqM,MAAA,CAEd/F,OAAO,CAACtG,MAAM,2BAAwB,CAEhD,CACG;AAEV,CAAC;AAAAyN,OAAA,CAAA3I,iBAAA,GAAAA,iBAAA;AAnUYA,iBAAiB,CAAA4I,WAAA;AAqU9B,IAAMV,yBAAyB,GAAG,IAAAW,yBAAM,EAAC1B,QAAG,CAAC,CAAA2B,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,mCAC7B,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC,CAE7C;AAED,IAAMb,wBAAwB,GAAG,IAAAU,yBAAM,EAAC1B,QAAG,CAAC,CAAA2B,UAAA;EAAAF,WAAA;EAAAG,WAAA;AAAA,yDAG3C"}
+{"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","_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","_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","handleInputOptionClick","handleClick","handleMouseEnter","cursor","interactive","handleChange","currentTarget","handleClearOrSubmit","_inputRef$current3","handleClose","useCallback","ignoreFocusChangeRef","ignoreFocusChange","onMouseDown","onMouseUp","_option$ref","_option$ref$current","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","selected","tabIndex","VisuallyHidden","exports","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\"\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) => void)\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 handleInputOptionClick = (option: T, i: number) => () => {\n    handleSelect(option, i)\n    resetUI()\n  }\n\n  const handleClick = () => {\n    dispatch({ type: \"OPEN\" })\n  }\n\n  const handleMouseEnter = (i: number) => () => {\n    set({ cursor: i, interactive: true })\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 option = optionsWithRefs[index]\n    option?.ref?.current?.focus()\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=\"black60\" aria-hidden />\n            </Clickable>\n          ) : (\n            <SearchIcon fill=\"black60\" 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                  onClick={handleInputOptionClick(option, i)}\n                  onMouseEnter={handleMouseEnter(i)}\n                  selected={i === index}\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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"}

package/dist/elements/Image/Image.d.ts

@@ -5,6 +5,9 @@ export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElemen
     lazyLoad?: boolean;
     /** Flag indicating that right clicks should be prevented */
     preventRightClick?: boolean;
+    /** Currently, this is used by clients for BlurHash data,
+        decoded and represented as a data URL */
+    placeHolderURL?: string;
 }
 export declare const BaseImage: import("styled-components").StyledComponentClass<import("../CleanTag").TagProps & React.RefAttributes<any> & ImageProps, any, {
     ref?: React.Ref<any> | undefined;

package/dist/elements/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_CleanTag","_LazyImage","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BaseImage","styled","CleanTag","as","withConfig","displayName","componentId","compose","space","width","height","maxHeight","borderRadius","exports","Image","_ref","_ref$lazyLoad","lazyLoad","_ref$preventRightClic","preventRightClick","rest","createElement","LazyImage","preload","imageComponent","onContextMenu","e","preventDefault"],"sources":["../../../src/elements/Image/Image.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius,\n  BorderRadiusProps,\n  compose,\n  height,\n  HeightProps,\n  maxHeight,\n  MaxHeightProps,\n  space,\n  SpaceProps,\n  width,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag } from \"../CleanTag\"\nimport { LazyImage } from \"./LazyImage\"\n\nexport interface ImageProps\n  extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, \"width\" | \"height\">,\n    SpaceProps,\n    WidthProps,\n    HeightProps,\n    MaxHeightProps,\n    BorderRadiusProps {\n  /** Flag for if image should be lazy loaded */\n  lazyLoad?: boolean\n  /** Flag indicating that right clicks should be prevented */\n  preventRightClick?: boolean\n}\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nexport const BaseImage = styled(CleanTag.as(\"img\"))<ImageProps>`\n  ${compose(space, width, height, maxHeight, borderRadius)}\n`\n\n/** A web-only Image component. */\nexport const Image = ({\n  lazyLoad = false,\n  preventRightClick = false,\n  ...rest\n}: ImageProps) => {\n  return (\n    <LazyImage\n      preload={!lazyLoad}\n      imageComponent={BaseImage}\n      onContextMenu={(e) => preventRightClick && e.preventDefault()}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Image.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_CleanTag","_LazyImage","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BaseImage","styled","CleanTag","as","withConfig","displayName","componentId","compose","space","width","height","maxHeight","borderRadius","exports","Image","_ref","_ref$lazyLoad","lazyLoad","_ref$preventRightClic","preventRightClick","rest","createElement","LazyImage","preload","imageComponent","onContextMenu","e","preventDefault"],"sources":["../../../src/elements/Image/Image.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius,\n  BorderRadiusProps,\n  compose,\n  height,\n  HeightProps,\n  maxHeight,\n  MaxHeightProps,\n  space,\n  SpaceProps,\n  width,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag } from \"../CleanTag\"\nimport { LazyImage } from \"./LazyImage\"\n\nexport interface ImageProps\n  extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, \"width\" | \"height\">,\n    SpaceProps,\n    WidthProps,\n    HeightProps,\n    MaxHeightProps,\n    BorderRadiusProps {\n  /** Flag for if image should be lazy loaded */\n  lazyLoad?: boolean\n  /** Flag indicating that right clicks should be prevented */\n  preventRightClick?: boolean\n  /** Currently, this is used by clients for BlurHash data,\n      decoded and represented as a data URL */\n  placeHolderURL?: string\n}\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nexport const BaseImage = styled(CleanTag.as(\"img\"))<ImageProps>`\n  ${compose(space, width, height, maxHeight, borderRadius)}\n`\n\n/** A web-only Image component. */\nexport const Image = ({\n  lazyLoad = false,\n  preventRightClick = false,\n  ...rest\n}: ImageProps) => {\n  return (\n    <LazyImage\n      preload={!lazyLoad}\n      imageComponent={BaseImage}\n      onContextMenu={(e) => preventRightClick && e.preventDefault()}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}

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

@@ -26,3 +26,9 @@ export declare const ImageLazyLoadSrcSet: {
         name: string;
     };
 };
+export declare const ImageLazyLoadSrcSetPlaceHolderURL: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/elements/Image/Image.story.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ImageWSrcSet = exports.ImageLazyLoadSrcSet = exports.ImageLazyLoad = exports.Default = void 0;
+exports.default = exports.ImageWSrcSet = exports.ImageLazyLoadSrcSetPlaceHolderURL = exports.ImageLazyLoadSrcSet = exports.ImageLazyLoad = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Image = require("../Image");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -69,4 +69,19 @@ exports.ImageLazyLoadSrcSet = ImageLazyLoadSrcSet;
 ImageLazyLoadSrcSet.story = {
   name: "Image + lazyLoad + srcSet"
 };
+var ImageLazyLoadSrcSetPlaceHolderURL = function ImageLazyLoadSrcSetPlaceHolderURL() {
+  return /*#__PURE__*/_react.default.createElement(_Image.Image, {
+    lazyLoad: true,
+    width: "300px",
+    height: "200px",
+    placeHolderURL: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAQK0lEQVR4AQEgEN/vAP////////////////////////z//vr3//r18f/17ur/7+fi/+ng2v/j2NH/3c/J/9fHwf/SwLn/zbmz/8m0rv/Hsav/xrCr/8eyrf/KtrH/zru3/9PDv//Zy8j/4NTR/+fd2v/u5+P/9O/r//r38////fn////+////////////AP////////////////////////v//vr2//n08P/07un/7+fi/+nf2f/j19H/3c/I/9fHwP/Rv7j/zLmy/8m0rf/Hsar/xrCq/8exrP/JtbD/zbu3/9LCvv/Zysf/39TQ/+bd2v/t5uP/9O/r//r28v///fn////+////////////AP///////////////////////vv//fn2//n08P/07en/7ubh/+je2P/i1s//283H/9XFvv/Qvbb/y7ew/8exq//Frqj/xK2o/8Wvqv/Hsq7/y7i1/9HAvf/XycX/3tLP/+Xc2P/t5eL/8+7q//r28v///fj////+////////////AP///////////////////v///fr//Pn1//jz7v/z7Of/7eXf/+fd1v/g1M3/2cvE/9PDu//NurP/yLOs/8Sup//BqqT/wamj/8Grpv/Er6r/yLWx/869uv/VxsP/3NDN/+Ta1//r5OD/8u3p//n18f/+/Pf////9////////////AP///////////////////v///Pn/+/f0//bx7f/x6uX/6+Pd/+Xa1P/e0cr/18jA/9C/t//Ktq7/xK+n/8Cpof+9pZ7/vKOe/72loP/AqaX/xLCs/8q4tf/Rwr//2c3K/+HX1P/p4d7/8evn//f07//9+/b////8////////////AP///////////////////f/++/j/+vby//Xw6//v6OP/6eDa/+LX0P/bzsb/08S8/8y6sv/Fsaj/v6mg/7uimv+3npf/tpyW/7eemf+6op7/v6qm/8WzsP/Nvbv/1cnG/97U0f/m39v/7unl//by7v/8+vX////7////////////AP/////////////////++//8+fb/+PTw//Pu6f/t5uD/5t3X/9/Uzf/XysL/z7+2/8i1q//Aq6H/uqGY/7Sakf+xlY3/r5ON/7CVkP+0mpb/uaKf/8Csqv/IuLb/0cTB/9rQzf/k3Nj/7Obj//Tw7P/7+PP////6/////v//////AP/////////////+//78+v/6+PX/9vLu//Hr5//q497/49rT/9zQyP/Uxbz/y7qw/8OvpP+6o5n/s5mP/62Rh/+pi4L/qImC/6iLhv+skI3/spmX/7qlo//Dsa//zL+9/9bMyf/g2NX/6uTg//Lu6v/59/L///74/////f//////AP////////////78//z6+f/59vP/9PDs/+7p5P/o4dr/4NfQ/9jMxP/Pwbf/xrSq/72onP+0m4//rJCE/6WGe/+hf3b/n3x1/6B/ef+khYL/qo+N/7Ocm/+9qqn/x7m3/9LHxf/d1dL/5+Hd//Ds5//49fD//vz3/////P//////AP///////v7//fz7//v59//39PH/8u7q/+zm4f/l3tf/3dTM/9XIv//LvLH/wa6i/7ehk/+uk4X/pYV4/516bf+Ycmf/lm5m/5dxa/+beXb/ooWD/6uTkv+2o6L/wrOy/87CwP/Z0c7/5N7a/+7q5f/28+7//Pv1////+v////7/AP7+/v/9/f3//Pv6//n39v/18vD/8Ozo/+rk3//j29T/2tDI/9HEuv/Ht6v/vaib/7KZiv+niXr/nXpq/5VtXf+PYlX/jF5U/41hW/+Sa2j/mnl4/6SJif+wm5v/va2s/8q9vP/Wzcr/4dvY/+zo4//08uz/+/r0////+f////z/APz8/f/8/Pz/+vn5//f29f/z8e7/7urm/+ji3P/g2NH/2M3E/87Atf/DsqX/uKKU/6ySgf+hgG7/lm5b/4xeSv+FUT//gks+/4NPSP+IW1n/kWxs/52AgP+qlJT/uKem/8a5uP/Tysf/39nV/+rm4f/z8Ov/+vny////+P////v/APv7/P/7+/v/+fj4//b08//y7+3/7Ojl/+bg2v/e1s7/1crB/8u8sf/AraD/tJ2N/6eKeP+bd2L/j2JL/4ROM/98PB7/eTQc/3o5MP+ASkj/iWBg/5Z2eP+kjI3/s6Gh/8K1tP/QxsT/3dbT/+jk3//y7+n/+fjx///+9/////v/APr6+//6+vr/+Pf3//Xz8v/w7uz/6+fj/+Te2P/c1Mz/08e+/8i5rf+9qZv/sJiH/6OEcP+Wblb/iVc4/309B/90IQD/cAgA/3EaAP94Nzb/g1NV/5BucP+ghof/r52d/7+xsP/OxMH/29TR/+fi3f/w7uj/+Pfw//7+9v////r/APn6+//5+fr/9/f3//Tz8v/v7ev/6ubi/+Pd1//b0sr/0cW7/8a3qv+7ppf/rpSB/6B/af+SZ0z/hEwj/3cqAP9uAAD/aQAA/2oAAP9xIR//fUhL/4xmaf+cgYP/rZma/72urv/Mwr//2dPP/+Xh3P/w7ef/+Pfw//799v////n/APn5+v/4+Pn/9vb2//Py8f/v7Or/6eXh/+Lc1v/a0cn/0MS6/8W1qP+5pJT/rJF+/557Y/+PYkP/gUMC/3QUAP9qAAD/ZQAA/2YAAP9tAAD/ej9D/4lhZP+afYD/q5aX/7utrP/LwL7/2dLO/+Xg2//v7ef/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eTh/+Lb1f/Z0Mj/0MO5/8W0p/+4o5P/q497/515YP+OXz7/gD4A/3MAAP9oAAD/YwAA/2QAAP9sAAD/eTo+/4heYv+ZfH7/qpWW/7usq//KwL7/2NHO/+Xg2//v7Ob/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eXh/+Lb1f/a0Mj/0MO5/8W0p/+5opL/rI97/554YP+PXj3/gT4A/3QAAP9qAAD/ZQAA/2YAAP9tAAD/ejs//4lfYv+afH7/q5aW/7usq//KwL7/2NHO/+Xg2//v7eb/9/bv//399f////n/APn6+//4+fr/9vb3//Py8f/v7Or/6eXh/+Lc1v/a0cn/0cO5/8a0qP+6o5T/rZB9/596Y/+RYUL/hEIA/3cSAP9uAAD/aQAA/2oAAP9yBwP/fUFE/4xjZv+cf4H/rJeY/7ytrf/Mwb//2dLP/+Xh3P/v7ef/+Pfw//399v////n/APn6+//5+vr/9/f3//Tz8v/w7ev/6ubi/+Pd1//b0sr/0sW7/8i2qv+8pZb/sJKA/6N9Z/+VZkr/iEof/30oAP90AAD/cAAA/3EAAP94JiP/g0tN/5Bpa/+gg4T/r5qb/7+wr//Nw8D/29TQ/+bi3f/w7uj/+Pfw//7+9v////r/APr7/P/5+vv/+Pj4//X08//w7uz/6+fj/+Xe2P/d08z/1Me9/8q4rP+/qJr/s5aF/6eCbv+abFT/jlQ1/4Q6AP98HwD/eQsA/3oeBP+AOzj/ilZX/5Zwcv+kiIn/s5+f/8Kzsv/QxcP/3NXS/+jj3v/x7+n/+fjx//7+9/////v/APv8/f/6/Pz/+fn5//b19P/y8O3/7ejl/+bg2v/f1c7/1snA/827sP/Cq57/t5qL/6yIdv+gdF//lV9H/4xLLv+FOhn/gjMa/4M7Mf+ITUr/kWNi/515ev+qj4//uKSj/8W3tf/TyMb/39jU/+nl4P/y8Or/+vny////+P////v/APz+/v/7/f3/+vr6//f39f/z8e//7urm/+jh3P/h19D/2cvD/9C+tP/Gr6P/vJ+R/7GOfv+mfGr/nWtX/5RaRv+PTjv/jEo8/41PSP+SXVr/mm9u/6SCgv+wlpb/vamo/8m7uf/Wy8n/4drW/+vn4v/08ez/+/r0////+f////z/AP3////9/v7/+/z7//j49v/18/D/8Ozo/+rj3v/k2tP/3M7G/9PCuP/KtKj/wKWY/7eVhv+thXX/pHVl/51oWP+YX1D/llxR/5dgWv+ba2j/onp5/6uLi/+2nZz/wq+u/86/vf/Zz8z/5N3Z/+3p5P/18+7//Pv1////+v////3/AP7////+/////P38//r6+P/29PL/8u7q/+zm4f/m3Nb/39HJ/9fFvP/OuK3/xaqe/7ybjv+0jX//rIBy/6V0Z/+hbWH/n2ti/6Bvaf+keHT/qoWD/7OUk/+9pKP/x7Wz/9LEwv/d0tD/5uDc/+/r5v/39e///fz2////+///////AP///////////v/9//v7+f/49vP/9PDs/+7o4//o39n/4tTN/9rJwP/SvLL/yq+k/8Kilv+6lYn/s4l9/61/dP+peW//qHhw/6l8dv+shID/so+M/7qdm//Dq6n/zLq4/9bIxv/g1tP/6eLf//Ht6f/49vH//v34/////f//////AP/////////////+//39+v/5+PX/9fHu//Dq5f/r4dv/5NfQ/93MxP/WwLf/zrSq/8eonf/AnJH/uZGG/7SJf/+xhHv/sIN8/7GGgf+0jon/uZiV/8Ckov/Isq//0b+9/9rNyv/j2db/7OXh//Pv6//6+PP///75/////v//////AP////////////////7++//7+fb/9/Pv//Ls5//t497/59nT/+DPyP/ZxLz/0riv/8uto//Fopj/v5iP/7qRiP+3jYX/toyF/7ePiv+6lpL/v5+c/8WrqP/Nt7T/1cTB/97Qzf/m3Nn/7ufj//Xx7f/7+fT////6////////////AP///////////////////P/8+vf/+PTx//Tt6f/v5eD/6dzW/+PSy//cx7//1by0/8+xqP/Jp57/xJ6W/8CYj/+9lIz/vJSN/72Xkf/AnZj/xKai/8qwrf/RvLn/2cjF/+HU0P/o39v/8Onl//fy7v/8+vb////8////////////AP///////////////////f/9+/j/+vby//Xv6v/w5uH/693Y/+XUzf/eycL/2L+3/9K1rf/Mq6P/yKOb/8Sdlf/BmpL/wZqT/8Kdl//Eop7/yKun/861sf/VwLz/3MvI/+PW0//q4d3/8evn//j08P/9+/f////8////////////AP///////////////////v/+/Pn/+vbz//bv6//x6OP/7N/Z/+bVz//gy8T/2sG6/9S3r//Prqb/yqef/8ehmf/Fnpf/xJ6X/8Whm//HpqL/y66q/9G4tP/Xwr//3s3K/+XY1f/s49//8+zo//n18f/+/Pj////9////////////AP///////////////////v/+/fn/+/fz//fw7P/y6OP/7eDa/+fW0P/hzMb/28K7/9a5sf/RsKj/zKmh/8mjnP/HoJn/xqCa/8ejnv/JqaT/zbCs/9K6tv/YxMD/38/L/+bZ1v/t4+D/8+3p//n18f/+/Pj////+////////////HCU4UCaYN3YAAAAASUVORK5CYII=",
+    src: "https://picsum.photos/seed/example/300/200",
+    srcSet: "https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x"
+  });
+};
+exports.ImageLazyLoadSrcSetPlaceHolderURL = ImageLazyLoadSrcSetPlaceHolderURL;
+ImageLazyLoadSrcSetPlaceHolderURL.displayName = "ImageLazyLoadSrcSetPlaceHolderURL";
+ImageLazyLoadSrcSetPlaceHolderURL.story = {
+  name: "Image + lazyLoad + srcSet + placeHolderURL"
+};
 //# sourceMappingURL=Image.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.story.js","names":["_react","_interopRequireDefault","require","_Image","obj","__esModule","default","_default","title","exports","Default","createElement","Image","id","className","width","height","src","displayName","story","name","ImageWSrcSet","srcSet","ImageLazyLoad","Fragment","Array","from","map","_","i","key","lazyLoad","concat","ImageLazyLoadSrcSet"],"sources":["../../../src/elements/Image/Image.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image } from \"../Image\"\n\nexport default {\n  title: \"Components/Image\",\n}\n\nexport const Default = () => {\n  return (\n    <Image\n      id=\"example\"\n      className=\"example\"\n      width=\"300px\"\n      height=\"200px\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n    />\n  )\n}\n\nDefault.story = {\n  name: \"Image\",\n}\n\nexport const ImageWSrcSet = () => {\n  return (\n    <Image\n      width=\"300px\"\n      height=\"200px\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n      srcSet=\"https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x\"\n    />\n  )\n}\n\nImageWSrcSet.story = {\n  name: \"Image + srcSet\",\n}\n\nexport const ImageLazyLoad = () => {\n  return (\n    <>\n      {Array.from(Array(100)).map((_, i) => (\n        <Image\n          key={i}\n          lazyLoad\n          width=\"300px\"\n          height=\"200px\"\n          src={`https://picsum.photos/seed/${i}/300/200`}\n        />\n      ))}\n    </>\n  )\n}\n\nImageLazyLoad.story = {\n  name: \"Image + lazyLoad\",\n}\n\nexport const ImageLazyLoadSrcSet = () => {\n  return (\n    <>\n      {Array.from(Array(100)).map((_, i) => (\n        <Image\n          key={i}\n          lazyLoad\n          width=\"300px\"\n          height=\"200px\"\n          src={`https://picsum.photos/seed/${i}/300/200`}\n          srcSet={`https://picsum.photos/seed/${i}/300/200 1x, https://picsum.photos/seed/${i}/600/400 2x`}\n        />\n      ))}\n    </>\n  )\n}\n\nImageLazyLoadSrcSet.story = {\n  name: \"Image + lazyLoad + srcSet\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"Image.story.js","names":["_react","_interopRequireDefault","require","_Image","obj","__esModule","default","_default","title","exports","Default","createElement","Image","id","className","width","height","src","displayName","story","name","ImageWSrcSet","srcSet","ImageLazyLoad","Fragment","Array","from","map","_","i","key","lazyLoad","concat","ImageLazyLoadSrcSet","ImageLazyLoadSrcSetPlaceHolderURL","placeHolderURL"],"sources":["../../../src/elements/Image/Image.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image } from \"../Image\"\n\nexport default {\n  title: \"Components/Image\",\n}\n\nexport const Default = () => {\n  return (\n    <Image\n      id=\"example\"\n      className=\"example\"\n      width=\"300px\"\n      height=\"200px\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n    />\n  )\n}\n\nDefault.story = {\n  name: \"Image\",\n}\n\nexport const ImageWSrcSet = () => {\n  return (\n    <Image\n      width=\"300px\"\n      height=\"200px\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n      srcSet=\"https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x\"\n    />\n  )\n}\n\nImageWSrcSet.story = {\n  name: \"Image + srcSet\",\n}\n\nexport const ImageLazyLoad = () => {\n  return (\n    <>\n      {Array.from(Array(100)).map((_, i) => (\n        <Image\n          key={i}\n          lazyLoad\n          width=\"300px\"\n          height=\"200px\"\n          src={`https://picsum.photos/seed/${i}/300/200`}\n        />\n      ))}\n    </>\n  )\n}\n\nImageLazyLoad.story = {\n  name: \"Image + lazyLoad\",\n}\n\nexport const ImageLazyLoadSrcSet = () => {\n  return (\n    <>\n      {Array.from(Array(100)).map((_, i) => (\n        <Image\n          key={i}\n          lazyLoad\n          width=\"300px\"\n          height=\"200px\"\n          src={`https://picsum.photos/seed/${i}/300/200`}\n          srcSet={`https://picsum.photos/seed/${i}/300/200 1x, https://picsum.photos/seed/${i}/600/400 2x`}\n        />\n      ))}\n    </>\n  )\n}\n\nImageLazyLoadSrcSet.story = {\n  name: \"Image + lazyLoad + srcSet\",\n}\n\nexport const ImageLazyLoadSrcSetPlaceHolderURL = () => {\n  return (\n    <Image\n      lazyLoad\n      width=\"300px\"\n      height=\"200px\"\n      placeHolderURL=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAQK0lEQVR4AQEgEN/vAP////////////////////////z//vr3//r18f/17ur/7+fi/+ng2v/j2NH/3c/J/9fHwf/SwLn/zbmz/8m0rv/Hsav/xrCr/8eyrf/KtrH/zru3/9PDv//Zy8j/4NTR/+fd2v/u5+P/9O/r//r38////fn////+////////////AP////////////////////////v//vr2//n08P/07un/7+fi/+nf2f/j19H/3c/I/9fHwP/Rv7j/zLmy/8m0rf/Hsar/xrCq/8exrP/JtbD/zbu3/9LCvv/Zysf/39TQ/+bd2v/t5uP/9O/r//r28v///fn////+////////////AP///////////////////////vv//fn2//n08P/07en/7ubh/+je2P/i1s//283H/9XFvv/Qvbb/y7ew/8exq//Frqj/xK2o/8Wvqv/Hsq7/y7i1/9HAvf/XycX/3tLP/+Xc2P/t5eL/8+7q//r28v///fj////+////////////AP///////////////////v///fr//Pn1//jz7v/z7Of/7eXf/+fd1v/g1M3/2cvE/9PDu//NurP/yLOs/8Sup//BqqT/wamj/8Grpv/Er6r/yLWx/869uv/VxsP/3NDN/+Ta1//r5OD/8u3p//n18f/+/Pf////9////////////AP///////////////////v///Pn/+/f0//bx7f/x6uX/6+Pd/+Xa1P/e0cr/18jA/9C/t//Ktq7/xK+n/8Cpof+9pZ7/vKOe/72loP/AqaX/xLCs/8q4tf/Rwr//2c3K/+HX1P/p4d7/8evn//f07//9+/b////8////////////AP///////////////////f/++/j/+vby//Xw6//v6OP/6eDa/+LX0P/bzsb/08S8/8y6sv/Fsaj/v6mg/7uimv+3npf/tpyW/7eemf+6op7/v6qm/8WzsP/Nvbv/1cnG/97U0f/m39v/7unl//by7v/8+vX////7////////////AP/////////////////++//8+fb/+PTw//Pu6f/t5uD/5t3X/9/Uzf/XysL/z7+2/8i1q//Aq6H/uqGY/7Sakf+xlY3/r5ON/7CVkP+0mpb/uaKf/8Csqv/IuLb/0cTB/9rQzf/k3Nj/7Obj//Tw7P/7+PP////6/////v//////AP/////////////+//78+v/6+PX/9vLu//Hr5//q497/49rT/9zQyP/Uxbz/y7qw/8OvpP+6o5n/s5mP/62Rh/+pi4L/qImC/6iLhv+skI3/spmX/7qlo//Dsa//zL+9/9bMyf/g2NX/6uTg//Lu6v/59/L///74/////f//////AP////////////78//z6+f/59vP/9PDs/+7p5P/o4dr/4NfQ/9jMxP/Pwbf/xrSq/72onP+0m4//rJCE/6WGe/+hf3b/n3x1/6B/ef+khYL/qo+N/7Ocm/+9qqn/x7m3/9LHxf/d1dL/5+Hd//Ds5//49fD//vz3/////P//////AP///////v7//fz7//v59//39PH/8u7q/+zm4f/l3tf/3dTM/9XIv//LvLH/wa6i/7ehk/+uk4X/pYV4/516bf+Ycmf/lm5m/5dxa/+beXb/ooWD/6uTkv+2o6L/wrOy/87CwP/Z0c7/5N7a/+7q5f/28+7//Pv1////+v////7/AP7+/v/9/f3//Pv6//n39v/18vD/8Ozo/+rk3//j29T/2tDI/9HEuv/Ht6v/vaib/7KZiv+niXr/nXpq/5VtXf+PYlX/jF5U/41hW/+Sa2j/mnl4/6SJif+wm5v/va2s/8q9vP/Wzcr/4dvY/+zo4//08uz/+/r0////+f////z/APz8/f/8/Pz/+vn5//f29f/z8e7/7urm/+ji3P/g2NH/2M3E/87Atf/DsqX/uKKU/6ySgf+hgG7/lm5b/4xeSv+FUT//gks+/4NPSP+IW1n/kWxs/52AgP+qlJT/uKem/8a5uP/Tysf/39nV/+rm4f/z8Ov/+vny////+P////v/APv7/P/7+/v/+fj4//b08//y7+3/7Ojl/+bg2v/e1s7/1crB/8u8sf/AraD/tJ2N/6eKeP+bd2L/j2JL/4ROM/98PB7/eTQc/3o5MP+ASkj/iWBg/5Z2eP+kjI3/s6Gh/8K1tP/QxsT/3dbT/+jk3//y7+n/+fjx///+9/////v/APr6+//6+vr/+Pf3//Xz8v/w7uz/6+fj/+Te2P/c1Mz/08e+/8i5rf+9qZv/sJiH/6OEcP+Wblb/iVc4/309B/90IQD/cAgA/3EaAP94Nzb/g1NV/5BucP+ghof/r52d/7+xsP/OxMH/29TR/+fi3f/w7uj/+Pfw//7+9v////r/APn6+//5+fr/9/f3//Tz8v/v7ev/6ubi/+Pd1//b0sr/0cW7/8a3qv+7ppf/rpSB/6B/af+SZ0z/hEwj/3cqAP9uAAD/aQAA/2oAAP9xIR//fUhL/4xmaf+cgYP/rZma/72urv/Mwr//2dPP/+Xh3P/w7ef/+Pfw//799v////n/APn5+v/4+Pn/9vb2//Py8f/v7Or/6eXh/+Lc1v/a0cn/0MS6/8W1qP+5pJT/rJF+/557Y/+PYkP/gUMC/3QUAP9qAAD/ZQAA/2YAAP9tAAD/ej9D/4lhZP+afYD/q5aX/7utrP/LwL7/2dLO/+Xg2//v7ef/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eTh/+Lb1f/Z0Mj/0MO5/8W0p/+4o5P/q497/515YP+OXz7/gD4A/3MAAP9oAAD/YwAA/2QAAP9sAAD/eTo+/4heYv+ZfH7/qpWW/7usq//KwL7/2NHO/+Xg2//v7Ob/9/bv//399f////n/APj5+v/4+Pn/9vb2//Py8f/u7Or/6eXh/+Lb1f/a0Mj/0MO5/8W0p/+5opL/rI97/554YP+PXj3/gT4A/3QAAP9qAAD/ZQAA/2YAAP9tAAD/ejs//4lfYv+afH7/q5aW/7usq//KwL7/2NHO/+Xg2//v7eb/9/bv//399f////n/APn6+//4+fr/9vb3//Py8f/v7Or/6eXh/+Lc1v/a0cn/0cO5/8a0qP+6o5T/rZB9/596Y/+RYUL/hEIA/3cSAP9uAAD/aQAA/2oAAP9yBwP/fUFE/4xjZv+cf4H/rJeY/7ytrf/Mwb//2dLP/+Xh3P/v7ef/+Pfw//399v////n/APn6+//5+vr/9/f3//Tz8v/w7ev/6ubi/+Pd1//b0sr/0sW7/8i2qv+8pZb/sJKA/6N9Z/+VZkr/iEof/30oAP90AAD/cAAA/3EAAP94JiP/g0tN/5Bpa/+gg4T/r5qb/7+wr//Nw8D/29TQ/+bi3f/w7uj/+Pfw//7+9v////r/APr7/P/5+vv/+Pj4//X08//w7uz/6+fj/+Xe2P/d08z/1Me9/8q4rP+/qJr/s5aF/6eCbv+abFT/jlQ1/4Q6AP98HwD/eQsA/3oeBP+AOzj/ilZX/5Zwcv+kiIn/s5+f/8Kzsv/QxcP/3NXS/+jj3v/x7+n/+fjx//7+9/////v/APv8/f/6/Pz/+fn5//b19P/y8O3/7ejl/+bg2v/f1c7/1snA/827sP/Cq57/t5qL/6yIdv+gdF//lV9H/4xLLv+FOhn/gjMa/4M7Mf+ITUr/kWNi/515ev+qj4//uKSj/8W3tf/TyMb/39jU/+nl4P/y8Or/+vny////+P////v/APz+/v/7/f3/+vr6//f39f/z8e//7urm/+jh3P/h19D/2cvD/9C+tP/Gr6P/vJ+R/7GOfv+mfGr/nWtX/5RaRv+PTjv/jEo8/41PSP+SXVr/mm9u/6SCgv+wlpb/vamo/8m7uf/Wy8n/4drW/+vn4v/08ez/+/r0////+f////z/AP3////9/v7/+/z7//j49v/18/D/8Ozo/+rj3v/k2tP/3M7G/9PCuP/KtKj/wKWY/7eVhv+thXX/pHVl/51oWP+YX1D/llxR/5dgWv+ba2j/onp5/6uLi/+2nZz/wq+u/86/vf/Zz8z/5N3Z/+3p5P/18+7//Pv1////+v////3/AP7////+/////P38//r6+P/29PL/8u7q/+zm4f/m3Nb/39HJ/9fFvP/OuK3/xaqe/7ybjv+0jX//rIBy/6V0Z/+hbWH/n2ti/6Bvaf+keHT/qoWD/7OUk/+9pKP/x7Wz/9LEwv/d0tD/5uDc/+/r5v/39e///fz2////+///////AP///////////v/9//v7+f/49vP/9PDs/+7o4//o39n/4tTN/9rJwP/SvLL/yq+k/8Kilv+6lYn/s4l9/61/dP+peW//qHhw/6l8dv+shID/so+M/7qdm//Dq6n/zLq4/9bIxv/g1tP/6eLf//Ht6f/49vH//v34/////f//////AP/////////////+//39+v/5+PX/9fHu//Dq5f/r4dv/5NfQ/93MxP/WwLf/zrSq/8eonf/AnJH/uZGG/7SJf/+xhHv/sIN8/7GGgf+0jon/uZiV/8Ckov/Isq//0b+9/9rNyv/j2db/7OXh//Pv6//6+PP///75/////v//////AP////////////////7++//7+fb/9/Pv//Ls5//t497/59nT/+DPyP/ZxLz/0riv/8uto//Fopj/v5iP/7qRiP+3jYX/toyF/7ePiv+6lpL/v5+c/8WrqP/Nt7T/1cTB/97Qzf/m3Nn/7ufj//Xx7f/7+fT////6////////////AP///////////////////P/8+vf/+PTx//Tt6f/v5eD/6dzW/+PSy//cx7//1by0/8+xqP/Jp57/xJ6W/8CYj/+9lIz/vJSN/72Xkf/AnZj/xKai/8qwrf/RvLn/2cjF/+HU0P/o39v/8Onl//fy7v/8+vb////8////////////AP///////////////////f/9+/j/+vby//Xv6v/w5uH/693Y/+XUzf/eycL/2L+3/9K1rf/Mq6P/yKOb/8Sdlf/BmpL/wZqT/8Kdl//Eop7/yKun/861sf/VwLz/3MvI/+PW0//q4d3/8evn//j08P/9+/f////8////////////AP///////////////////v/+/Pn/+vbz//bv6//x6OP/7N/Z/+bVz//gy8T/2sG6/9S3r//Prqb/yqef/8ehmf/Fnpf/xJ6X/8Whm//HpqL/y66q/9G4tP/Xwr//3s3K/+XY1f/s49//8+zo//n18f/+/Pj////9////////////AP///////////////////v/+/fn/+/fz//fw7P/y6OP/7eDa/+fW0P/hzMb/28K7/9a5sf/RsKj/zKmh/8mjnP/HoJn/xqCa/8ejnv/JqaT/zbCs/9K6tv/YxMD/38/L/+bZ1v/t4+D/8+3p//n18f/+/Pj////+////////////HCU4UCaYN3YAAAAASUVORK5CYII=\"\n      src=\"https://picsum.photos/seed/example/300/200\"\n      srcSet=\"https://picsum.photos/seed/example/300/200 1x, https://picsum.photos/seed/example/600/400 2x\"\n    />\n  )\n}\n\nImageLazyLoadSrcSetPlaceHolderURL.story = {\n  name: \"Image + lazyLoad + srcSet + placeHolderURL\",\n}\n"],"mappings":"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"}

package/dist/elements/Image/LazyImage.js

@@ -12,8 +12,9 @@ var _styledSystem = require("styled-system");
 var _CleanTag = require("../CleanTag");
 var _Skeleton = require("../Skeleton");
 var _Image = require("./Image");
+var _Box = require("../Box");
 var _excluded = ["preload", "imageComponent"],
-  _excluded2 = ["src", "srcSet", "title", "alt", "aria-label", "width", "height", "borderRadius", "style", "onError"];
+  _excluded2 = ["src", "srcSet", "title", "alt", "aria-label", "width", "height", "borderRadius", "style", "onError", "placeHolderURL"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -62,6 +63,7 @@ var LazyImage = function LazyImage(_ref) {
     borderRadius = props.borderRadius,
     style = props.style,
     onError = props.onError,
+    placeHolderURL = props.placeHolderURL,
     containerProps = _objectWithoutProperties(props, _excluded2);
   if (preload) {
     return /*#__PURE__*/_react.default.createElement(ImageComponent, props);
@@ -69,11 +71,19 @@ var LazyImage = function LazyImage(_ref) {
   var handleLoad = function handleLoad() {
     return setImageLoaded(true);
   };
-  return /*#__PURE__*/_react.default.createElement(_Skeleton.SkeletonBox, _extends({
+
+  // If there is a placeholder, use a regular Box to avoid a grey background.
+  var Wrapper = placeHolderURL ? _Box.Box : _Skeleton.SkeletonBox;
+  var placeHolderStyle = placeHolderURL ? {
+    backgroundImage: "url(".concat(placeHolderURL, ")"),
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "cover"
+  } : {};
+  return /*#__PURE__*/_react.default.createElement(Wrapper, _extends({
     width: width,
     height: height,
     borderRadius: borderRadius
-  }, containerProps), /*#__PURE__*/_react.default.createElement(InnerLazyImage, {
+  }, placeHolderStyle, containerProps), /*#__PURE__*/_react.default.createElement(InnerLazyImage, {
     omitFromProps: imagePropsToOmit,
     onError: onError,
     src: src,
@@ -85,8 +95,10 @@ var LazyImage = function LazyImage(_ref) {
     width: "100%",
     height: "100%",
     style: _objectSpread(_objectSpread({}, style), {}, {
-      opacity: isImageLoaded ? "1" : "0"
+      opacity: isImageLoaded ? "1" : "0",
+      display: placeHolderURL ? "block" : undefined // Avoids the placeholder image showing underneath the image
     }),
+
     onLoad: handleLoad
   }), /*#__PURE__*/_react.default.createElement("noscript", null, /*#__PURE__*/_react.default.createElement(ImageComponent, props)));
 };

package/dist/elements/Image/LazyImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyImage.js","names":["_react","_interopRequireWildcard","require","_reactLazyLoadImageComponent","_styledComponents","_interopRequireDefault","_styledSystem","_CleanTag","_Skeleton","_Image","_excluded","_excluded2","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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","imagePropsToOmit","omitProps","prop","InnerLazyImage","styled","CleanTag","as","LazyLoadImage","withConfig","displayName","componentId","borderRadiusStyle","LazyImage","_ref","_ref$preload","preload","_ref$imageComponent","imageComponent","ImageComponent","Image","props","_useState","useState","_useState2","isImageLoaded","setImageLoaded","src","srcSet","title","alt","ariaLabel","width","height","borderRadius","style","onError","containerProps","createElement","handleLoad","SkeletonBox","omitFromProps","opacity","onLoad","exports"],"sources":["../../../src/elements/Image/LazyImage.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from \"react\"\nimport { LazyLoadImage } from \"react-lazy-load-image-component\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius as borderRadiusStyle,\n  BorderRadiusProps,\n  HeightProps,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag, omitProps } from \"../CleanTag\"\nimport { SkeletonBox } from \"../Skeleton\"\nimport { ImageProps } from \"./Image\"\nimport { BaseImage as Image } from \"./Image\"\n\nconst imagePropsToOmit = omitProps.filter(\n  (prop) => prop !== \"width\" && prop !== \"height\"\n)\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nconst InnerLazyImage = styled(CleanTag.as(LazyLoadImage))<\n  ImageProps & {\n    onLoad: () => void\n    onError?: (event: React.SyntheticEvent<any, Event>) => void\n  }\n>`\n  width: 100%;\n  height: 100%;\n  ${borderRadiusStyle}\n  transition: opacity 0.25s;\n`\nInnerLazyImage.displayName = \"InnerLazyImage\"\n\ninterface LazyImageProps\n  extends ImageProps,\n    WidthProps,\n    HeightProps,\n    BorderRadiusProps {\n  /** Eagerly load the image instead of lazy loading it */\n  preload?: boolean\n  style?: CSSProperties\n  // TODO: Resolve type issues\n  /** The image component to render when preload is true */\n  imageComponent?: any // FunctionComponent<ImageProps>\n  onContextMenu?: (e: any) => void\n  onError?: (event: React.SyntheticEvent<any, Event>) => void\n}\n\n/** LazyImage */\nexport const LazyImage: React.FC<LazyImageProps> = ({\n  preload = false,\n  imageComponent: ImageComponent = Image,\n  ...props\n}) => {\n  const [isImageLoaded, setImageLoaded] = useState(false)\n\n  const {\n    src,\n    srcSet,\n    title,\n    alt,\n    [\"aria-label\"]: ariaLabel,\n    width,\n    height,\n    borderRadius,\n    style,\n    onError,\n    ...containerProps\n  } = props\n\n  if (preload) {\n    return <ImageComponent {...props} />\n  }\n\n  const handleLoad = () => setImageLoaded(true)\n\n  return (\n    <SkeletonBox\n      width={width}\n      height={height}\n      borderRadius={borderRadius}\n      {...containerProps}\n    >\n      <InnerLazyImage\n        omitFromProps={imagePropsToOmit}\n        onError={onError}\n        src={src}\n        srcSet={srcSet}\n        title={title}\n        alt={alt}\n        aria-label={ariaLabel}\n        borderRadius={borderRadius}\n        width=\"100%\"\n        height=\"100%\"\n        style={{\n          ...style,\n          opacity: isImageLoaded ? \"1\" : \"0\",\n        }}\n        onLoad={handleLoad}\n      />\n      <noscript>\n        <ImageComponent {...props} />\n      </noscript>\n    </SkeletonBox>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"LazyImage.js","names":["_react","_interopRequireWildcard","require","_reactLazyLoadImageComponent","_styledComponents","_interopRequireDefault","_styledSystem","_CleanTag","_Skeleton","_Image","_Box","_excluded","_excluded2","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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","imagePropsToOmit","omitProps","prop","InnerLazyImage","styled","CleanTag","as","LazyLoadImage","withConfig","displayName","componentId","borderRadiusStyle","LazyImage","_ref","_ref$preload","preload","_ref$imageComponent","imageComponent","ImageComponent","Image","props","_useState","useState","_useState2","isImageLoaded","setImageLoaded","src","srcSet","title","alt","ariaLabel","width","height","borderRadius","style","onError","placeHolderURL","containerProps","createElement","handleLoad","Wrapper","Box","SkeletonBox","placeHolderStyle","backgroundImage","concat","backgroundRepeat","backgroundSize","omitFromProps","opacity","display","onLoad","exports"],"sources":["../../../src/elements/Image/LazyImage.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from \"react\"\nimport { LazyLoadImage } from \"react-lazy-load-image-component\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius as borderRadiusStyle,\n  BorderRadiusProps,\n  HeightProps,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag, omitProps } from \"../CleanTag\"\nimport { SkeletonBox } from \"../Skeleton\"\nimport { ImageProps } from \"./Image\"\nimport { BaseImage as Image } from \"./Image\"\nimport { Box } from \"../Box\"\n\nconst imagePropsToOmit = omitProps.filter(\n  (prop) => prop !== \"width\" && prop !== \"height\"\n)\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nconst InnerLazyImage = styled(CleanTag.as(LazyLoadImage))<\n  ImageProps & {\n    onLoad: () => void\n    onError?: (event: React.SyntheticEvent<any, Event>) => void\n  }\n>`\n  width: 100%;\n  height: 100%;\n  ${borderRadiusStyle}\n  transition: opacity 0.25s;\n`\nInnerLazyImage.displayName = \"InnerLazyImage\"\n\ninterface LazyImageProps\n  extends ImageProps,\n    WidthProps,\n    HeightProps,\n    BorderRadiusProps {\n  /** Eagerly load the image instead of lazy loading it */\n  preload?: boolean\n  style?: CSSProperties\n  // TODO: Resolve type issues\n  /** The image component to render when preload is true */\n  imageComponent?: any // FunctionComponent<ImageProps>\n  onContextMenu?: (e: any) => void\n  onError?: (event: React.SyntheticEvent<any, Event>) => void\n}\n\n/** LazyImage */\nexport const LazyImage: React.FC<LazyImageProps> = ({\n  preload = false,\n  imageComponent: ImageComponent = Image,\n  ...props\n}) => {\n  const [isImageLoaded, setImageLoaded] = useState(false)\n\n  const {\n    src,\n    srcSet,\n    title,\n    alt,\n    [\"aria-label\"]: ariaLabel,\n    width,\n    height,\n    borderRadius,\n    style,\n    onError,\n    placeHolderURL,\n    ...containerProps\n  } = props\n\n  if (preload) {\n    return <ImageComponent {...props} />\n  }\n\n  const handleLoad = () => setImageLoaded(true)\n\n  // If there is a placeholder, use a regular Box to avoid a grey background.\n  const Wrapper = placeHolderURL ? Box : SkeletonBox\n\n  const placeHolderStyle = placeHolderURL\n    ? {\n        backgroundImage: `url(${placeHolderURL})`,\n        backgroundRepeat: \"no-repeat\",\n        backgroundSize: \"cover\",\n      }\n    : {}\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      borderRadius={borderRadius}\n      {...placeHolderStyle}\n      {...containerProps}\n    >\n      <InnerLazyImage\n        omitFromProps={imagePropsToOmit}\n        onError={onError}\n        src={src}\n        srcSet={srcSet}\n        title={title}\n        alt={alt}\n        aria-label={ariaLabel}\n        borderRadius={borderRadius}\n        width=\"100%\"\n        height=\"100%\"\n        style={{\n          ...style,\n          opacity: isImageLoaded ? \"1\" : \"0\",\n          display: placeHolderURL ? \"block\" : undefined, // Avoids the placeholder image showing underneath the image\n        }}\n        onLoad={handleLoad}\n      />\n      <noscript>\n        <ImageComponent {...props} />\n      </noscript>\n    </Wrapper>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "38.0.0",
+  "version": "38.1.1",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "2dadbf396f369bab24374a2e98bb3e77b4911d00"
+  "gitHead": "e5687685b0849eaf704c5920a9df719ddd8ba160"
 }