matsuri-ui 18.0.1-alpha-1759583592628-ecfdd4e.0 → 18.0.1-alpha-1759717166638-e2ccbbc.0

package/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","names":["useFieldGroup","FormControl","FormHelperText","InputBase","InputLabel","Paper","Popper","SelectFieldInputWrapper","SelectFieldInputWrapperContext","Triangle","VisuallyHidden","css","dispatchChangeEvent","getSearch","useDitectInputTouched","useInputValue","useMergeRefs","useOnClickOutside","useTheme","React","forwardRef","useCallback","useEffect","useId","useMemo","useReducer","useRef","useState","SearchIcon","jsx","___EmotionJSX","ownerDocument","node","document","nextItem","list","item","firstChild","nextElementSibling","previousItem","lastChild","previousElementSibling","moveFocus","currentFocus","traversalFunction","nextFocus","disabledFocus","disabled","getAttribute","focus","_ref2","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SelectInnerSpinButton","_ref3","open","onClick","theme","typography","body","fontSize","transitions","duration","shorter","easing","easeInOut","SelectList","props","ref","_extends","role","tabIndex","SelectOption","spacing","palette","text","primary","background","paper","gray","shortest","action","hover","selected","filterSelectOptionsByQuery","options","query","result","map","option","keys","label","content","value","defaultLoadOptions","_ref5","_asyncToGenerator","_ref4","undefined","length","_x","apply","arguments","DefaultOption","_ref","SelectField","propOptions","loadOptions","disabledInput","onChange","onFocus","placeholder","required","id","_valueProp","defaultValue","children","helperText","invalid","loading","propsLoading","readOnly","propsReadOnly","style","className","originalInputTestId","pseudoInputTestId","disablePortal","renderOption","inputRef","inputHasValueRef","setOpen","setQuery","selectedOptionsCache","setOptions","selectedOptions","current","then","setValue","isControlled","onLoaded","displayValue","_ref6","_selectedOptionsCache","find","listRef","pseudoInputRef","pseudoInputRefs","originalInputRef","originalInputRefs","updateValue","resetValue","_options$find","touched","inputProps","popperOptions","modifiers","roundOffsets","_ref7","y","x","Math","round","enabled","phase","requires","fn","_ref8","state","popper","width","rects","reference","effect","_ref9","elements","offsetWidth","internalInputId","inputId","autoFillPreventionKey","updateAutoFillPreventionKey","prev","htmlFor","type","key","autoCapitalize","autoComplete","onInput","event","preventDefault","currentTarget","autoCorrect","spellCheck","Provider","renderInputWrapper","onKeyDown","startAdornment","some","endAdornment","_pseudoInputRef$curre","anchorEl","placement","activeElement","Children","toArray","child","i","index","_pseudoInputRef$curre2","click"],"sources":["../../../src/SelectField/SelectField.tsx"],"sourcesContent":["import { FieldGroupProps, useFieldGroup } from \"../FieldGroup\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper } from \"../Popper\";\nimport {\n  SelectFieldInputWrapper,\n  SelectFieldInputWrapperContext,\n} from \"./SelectFieldInputWrapper\";\nimport { Triangle } from \"../Icon/Triangle\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { css } from \"@emotion/react\";\nimport { dispatchChangeEvent } from \"../@utils/dispatchChangeEvent\";\nimport { getSearch } from \"./useSearch\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\";\nimport { useTheme } from \"../theme\";\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport type { Options as PopperjsOptions } from \"@popperjs/core\";\n\nfunction ownerDocument(node: Node | null | undefined): Document {\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  return node?.ownerDocument || document;\n}\n\ntype TraversalFunction = (\n  list: HTMLUListElement,\n  item?: Element | null,\n) => ChildNode | null;\n\nconst nextItem: TraversalFunction = (list, item) => {\n  if (list === item) {\n    return list.firstChild;\n  }\n  if (item?.nextElementSibling) {\n    return item.nextElementSibling;\n  }\n  return list.firstChild;\n};\n\nconst previousItem: TraversalFunction = (list, item) => {\n  if (list === item) {\n    return list.lastChild;\n  }\n  if (item?.previousElementSibling) {\n    return item.previousElementSibling;\n  }\n  return list.lastChild;\n};\n\nconst moveFocus = (\n  list: HTMLUListElement,\n  currentFocus: Element | null,\n  traversalFunction: TraversalFunction,\n) => {\n  let nextFocus = traversalFunction(list, currentFocus) as HTMLElement | null;\n  while (nextFocus) {\n    if (\n      currentFocus === null\n        ? nextFocus === list.lastChild\n        : nextFocus === currentFocus\n    ) {\n      break;\n    }\n    const disabledFocus =\n      (nextFocus as HTMLInputElement).disabled ||\n      nextFocus.getAttribute(\"aria-disabled\") === \"true\";\n    if (disabledFocus) {\n      nextFocus = traversalFunction(list, nextFocus) as HTMLElement;\n    } else {\n      nextFocus.focus();\n      break;\n    }\n  }\n};\n\nconst SelectInnerSpinButton = ({\n  open,\n  onClick,\n}: {\n  open: boolean;\n  onClick: () => void;\n}) => {\n  const theme = useTheme();\n  return (\n    <Triangle\n      onClick={onClick}\n      data-testid=\"SelectFieldSpinButton\"\n      css={[\n        css`\n          font-size: ${theme.typography.body.fontSize}px;\n          transition: ${theme.transitions.duration.shorter}\n            ${theme.transitions.easing.easeInOut};\n        `,\n        open\n          ? css`\n              transform: rotateX(180deg);\n            `\n          : null,\n      ]}\n    />\n  );\n};\n\nconst SelectList = forwardRef<\n  HTMLUListElement,\n  React.ComponentPropsWithoutRef<\"ul\">\n>((props, ref) => {\n  return (\n    <ul\n      ref={ref}\n      role=\"listbox\"\n      tabIndex={-1}\n      css={css`\n        box-sizing: border-box;\n        min-height: ${42 * 3.5}px;\n        max-height: ${42 * 7.5}px;\n        padding: 0;\n        margin: 0;\n        overflow-x: hidden;\n        overflow-y: auto;\n        list-style: none;\n        border-radius: inherit;\n      `}\n      {...props}\n    />\n  );\n});\n\nconst SelectOption = (props: React.ComponentPropsWithoutRef<\"li\">) => {\n  const theme = useTheme();\n  return (\n    <li\n      role=\"option\"\n      // aria-selectedは親要素から設定するため、この値は上書きされる\n      aria-selected={false}\n      css={css`\n        box-sizing: border-box;\n        min-height: ${theme.spacing * 6}px;\n        padding: 9px 12px;\n        color: ${theme.palette.text.primary};\n        cursor: pointer;\n        background-color: ${theme.palette.background.paper};\n        border-bottom: 1px solid ${theme.palette.gray[300]};\n        outline: 0px;\n        transition: ${theme.transitions.duration.shortest};\n\n        ${css(theme.typography.body)}\n        &:last-child {\n          border-bottom: none;\n        }\n        &:hover,\n        &:focus {\n          background-color: ${theme.palette.action.hover};\n        }\n        &[aria-selected=\"true\"] {\n          background-color: ${theme.palette.action.selected};\n        }\n        &[aria-disabled=\"true\"] {\n          color: ${theme.palette.text.disabled};\n          cursor: default;\n        }\n        &[aria-readonly=\"true\"],\n        &[aria-disabled=\"true\"] {\n          &:hover {\n            background-color: ${theme.palette.background.paper};\n          }\n        }\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface SelectOptionValue {\n  value: string | undefined;\n  label: string;\n  keys?: string[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n}\n\nexport type RenderSelectOption<\n  T extends SelectOptionValue = SelectOptionValue,\n> = (peops: T) => React.JSX.Element;\n\nexport interface SelectFieldProps<\n  T extends SelectOptionValue = SelectOptionValue,\n> extends Pick<FieldProps<string>, \"helperText\" | \"invalid\">,\n    FieldGroupProps {\n  renderOption?: RenderSelectOption<T>;\n  children?: React.ReactNode;\n  /**\n   * 見出し\n   */\n  label?: string;\n  name?: string;\n  defaultValue?: string;\n  /**\n   * valueの変更は、defaultValueが指定されていないときのみ反映されます。\n   */\n  value?: string;\n  disabled?: boolean;\n  style?: React.CSSProperties;\n  id?: string;\n  className?: string;\n  /**\n   * placeholder\n   */\n  placeholder?: string;\n  /**\n   * selecting data is required\n   */\n  required?: boolean;\n  options?: T[];\n  loadOptions?: SelectLoadOptions<T>;\n  disabledInput?: boolean;\n  readOnly?: boolean;\n  /**\n   * SelectFieldのOptionがクリックされた際に発火する関数。\n   */\n  onChange?: (value: T[\"value\"], options: T) => void;\n  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  loading?: boolean;\n  originalInputTestId?: string;\n  pseudoInputTestId?: string;\n  /**\n   * オプションの表示にPortalを利用するかどうかを指定します。\n   * このpropがtrueの場合、Portalが無効化されます。\n   * また初期値がtrueであることに注意してください。\n   * つまり通常、オプションはこのコンポーネントの子要素としてレンダリングされます。\n   * @default true\n   */\n  disablePortal?: boolean;\n  /**\n   * 見かけ上のinput要素に対するrefを利用できます。\n   * 選択された値を取得する場合などは、inputHasValueRefを利用してください。\n   */\n  inputRef?: React.Ref<HTMLInputElement>;\n  /**\n   * 選択された値を保持しているinput要素に対するrefを利用できます。\n   * 見えているinput要素にフォーカスしたい場合などは、inputRefを利用してください。\n   */\n  inputHasValueRef?: React.Ref<HTMLInputElement>;\n}\n\nexport const filterSelectOptionsByQuery = <\n  T extends SelectOptionValue = SelectOptionValue,\n>(\n  options: T[],\n  query: string,\n) => {\n  const result = getSearch(\n    options.map((option) => {\n      return {\n        ...option,\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        keys: option.keys || [option.label],\n        content: option.value,\n      };\n    }),\n    query,\n  );\n  return result;\n};\n\nexport type SelectLoadOptions<T extends SelectOptionValue = SelectOptionValue> =\n  (args: {\n    query: string;\n    options?: T[];\n    selectedOptions?: T[];\n  }) => Promise<T[] | undefined>;\n\nconst defaultLoadOptions = async <\n  T extends SelectOptionValue = SelectOptionValue,\n>({\n  query,\n  options,\n}: {\n  query: string;\n  options?: T[];\n  // eslint-disable-next-line @typescript-eslint/require-await\n}): Promise<T[] | undefined> => {\n  if (options === undefined) {\n    return undefined;\n  }\n  if (query === undefined) {\n    return options;\n  }\n  const result = filterSelectOptionsByQuery(options, query);\n  return result.length ? result : options;\n};\n\nconst DefaultOption = <T extends SelectOptionValue>(\n  props: T,\n): React.JSX.Element => {\n  return <span>{props.label}</span>;\n};\n\nexport const SelectField = <T extends SelectOptionValue>(\n  props: SelectFieldProps<T>,\n) => {\n  const {\n    label,\n    name,\n    options: propOptions,\n    loadOptions = defaultLoadOptions,\n    disabledInput,\n    onChange,\n    onFocus,\n    placeholder,\n    required,\n    id,\n    value: _valueProp,\n    defaultValue,\n    disabled,\n    children,\n    helperText,\n    invalid,\n    loading: propsLoading,\n    readOnly: propsReadOnly,\n    style,\n    className,\n    originalInputTestId,\n    pseudoInputTestId,\n    disablePortal = true,\n    renderOption = DefaultOption,\n    inputRef,\n    inputHasValueRef,\n  } = props;\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  const [query, setQuery] = useState<string>(\"\");\n  const selectedOptionsCache = useRef<T[] | undefined>(propOptions);\n  const [options, setOptions] = useState(propOptions);\n\n  useEffect(() => {\n    void loadOptions({\n      query,\n      options: propOptions,\n      selectedOptions: selectedOptionsCache.current,\n    }).then((result) => {\n      setOptions(result);\n    });\n  }, [propOptions, loadOptions, query]);\n\n  const [value, setValue, isControlled] = useInputValue(props);\n\n  const { loading, readOnly } = useFieldGroup({\n    loading: propsLoading,\n    readOnly: propsReadOnly,\n    onLoaded: () => {\n      if (isControlled === false) {\n        setValue(defaultValue);\n      }\n    },\n  });\n\n  const displayValue = useMemo(() => {\n    return (\n      selectedOptionsCache.current?.find(\n        (option) => option.value === value,\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      ) || options?.find((option) => option.value === value)\n    )?.label;\n  }, [options, value]);\n\n  const listRef = useRef<HTMLUListElement>(null);\n  useOnClickOutside([ref, listRef], () => {\n    setOpen(false);\n    setQuery(\"\");\n  });\n\n  const pseudoInputRef = useRef<HTMLInputElement>(null);\n  const pseudoInputRefs = useMergeRefs(inputRef, pseudoInputRef);\n  const originalInputRef = useRef<HTMLInputElement>(null);\n  const originalInputRefs = useMergeRefs(inputHasValueRef, originalInputRef);\n\n  const updateValue = useCallback(\n    (option: T) => {\n      onChange?.(option.value, option);\n      setValue(option.value);\n      selectedOptionsCache.current = options;\n      setQuery(\"\");\n      if (originalInputRef.current) {\n        dispatchChangeEvent(originalInputRef.current, option.value);\n      }\n    },\n    [onChange, options, setValue],\n  );\n\n  const resetValue = useCallback(() => {\n    setValue(undefined);\n    if (onChange) {\n      const option =\n        options?.find((option) => option.value === undefined) ??\n        ({ value: undefined, label: \"\" } as T);\n      onChange(undefined, option);\n    }\n  }, [onChange, options, setValue]);\n\n  const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n  const popperOptions: Partial<PopperjsOptions> = useMemo(() => {\n    return {\n      modifiers: [\n        disablePortal\n          ? {\n              name: \"computeStyles\",\n              options: {\n                roundOffsets: ({ y }: { y: number }) => ({\n                  x: 0,\n                  y: Math.round(y),\n                }),\n              },\n            }\n          : {},\n        {\n          name: \"sameWidth\",\n          enabled: true,\n          phase: \"beforeWrite\",\n          requires: [\"computeStyles\"],\n          fn: ({ state }) => {\n            state.styles.popper.width = `${state.rects.reference.width}px`;\n          },\n          effect: ({ state }) => {\n            state.elements.popper.style.width = `${\n              (state.elements.reference as HTMLElement).offsetWidth\n            }px`;\n          },\n        },\n      ],\n    };\n  }, [disablePortal]);\n\n  const internalInputId = useId();\n  const inputId = id ?? internalInputId;\n\n  // Auto fillによって値が後から更新されることを防ぐ\n  const [autoFillPreventionKey, updateAutoFillPreventionKey] = useReducer(\n    (prev: number) => prev + 1,\n    0,\n  );\n\n  return (\n    <FormControl style={style} className={className}>\n      {label ? (\n        <InputLabel\n          htmlFor={inputId}\n          aria-disabled={disabled}\n          required={required}\n          loading={loading}\n        >\n          {label}\n        </InputLabel>\n      ) : null}\n      <VisuallyHidden>\n        <input\n          ref={originalInputRefs}\n          type=\"text\"\n          data-testid={originalInputTestId}\n          required={required}\n          name={name}\n          key={`${value}-${autoFillPreventionKey}`}\n          defaultValue={value}\n          autoCapitalize=\"none\"\n          autoComplete=\"off\"\n          onInput={(event) => {\n            event.preventDefault();\n            if (value === undefined) {\n              // 選択肢が選択されていない状態で、値に選択肢と一致するものがある場合、その値に更新する\n              const option = options?.find(\n                (option) => option.value === event.currentTarget.value,\n              );\n              if (option) {\n                updateValue(option);\n              } else {\n                // 一致する選択肢がない場合、Auto fillが適用されると困るため無効化する\n                updateAutoFillPreventionKey();\n              }\n            } else {\n              // このinput要素の値でonInputが発火するケースはAuto fillによる場合のみ、選択肢の選択では発火しない。\n              // ここでkeyを更新することでauto fillによる値の上書きを、さらに上書きできる。\n              updateAutoFillPreventionKey();\n            }\n          }}\n          autoCorrect=\"off\"\n          spellCheck=\"false\"\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n\n      <div ref={ref}>\n        <SelectFieldInputWrapperContext.Provider\n          value={!query ? displayValue : undefined}\n        >\n          <InputBase\n            id={inputId}\n            renderInputWrapper={SelectFieldInputWrapper}\n            ref={pseudoInputRefs}\n            data-testid={pseudoInputTestId}\n            placeholder={placeholder}\n            disabled={disabled}\n            loading={loading}\n            readOnly={readOnly}\n            autoCapitalize=\"none\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck=\"false\"\n            onKeyDown={(event) => {\n              const { key } = event;\n              if (key === \"Delete\" || key === \"Backspace\") {\n                setQuery((prev) => {\n                  if (prev === \"\") {\n                    resetValue();\n                  }\n                  return prev;\n                });\n              } else if (key === \"ArrowDown\") {\n                event.preventDefault();\n                const list = listRef.current;\n                if (list) {\n                  moveFocus(list, null, nextItem);\n                }\n              } else if (event.key.length === 1) {\n                setOpen(true);\n              }\n            }}\n            type=\"text\"\n            startAdornment={\n              value ||\n              disabledInput ||\n              (value === undefined &&\n                options?.some(\n                  (option) => option.value === undefined,\n                )) ? undefined : (\n                <SearchIcon />\n              )\n            }\n            endAdornment={\n              <SelectInnerSpinButton\n                open={open}\n                onClick={() => {\n                  setOpen((prev) => {\n                    if (prev) {\n                      return false;\n                    }\n                    pseudoInputRef.current?.focus();\n                    return prev;\n                  });\n                }}\n              />\n            }\n            data-invalid={invalid}\n            value={query}\n            onChange={\n              disabledInput\n                ? // @see https://github.com/matsuri-tech/matsuri-ui/issues/2451\n                  // eslint-disable-next-line @typescript-eslint/no-empty-function\n                  () => {}\n                : (event) => {\n                    const value = event.currentTarget.value;\n                    setQuery(value);\n                  }\n            }\n            data-touched={inputProps[\"data-touched\"]}\n            onFocus={(event) => {\n              inputProps.onFocus(event);\n              if (readOnly !== true) {\n                setOpen(true);\n              }\n            }}\n            css={\n              disabledInput\n                ? css`\n                    caret-color: transparent;\n                    input {\n                      cursor: pointer;\n                    }\n                  `\n                : null\n            }\n          />\n        </SelectFieldInputWrapperContext.Provider>\n\n        <Popper\n          disablePortal={disablePortal}\n          anchorEl={ref.current}\n          placement=\"bottom-start\"\n          open={open}\n          options={popperOptions}\n        >\n          <div>\n            <Paper>\n              <SelectList\n                ref={listRef}\n                onKeyDown={(event) => {\n                  const key = event.key;\n                  const list = listRef.current;\n                  if (list === null) {\n                    return;\n                  }\n                  const currentFocus = ownerDocument(list).activeElement;\n                  if (key === \"ArrowDown\") {\n                    event.preventDefault();\n                    moveFocus(list, currentFocus, nextItem);\n                  } else if (key === \"ArrowUp\") {\n                    event.preventDefault();\n                    moveFocus(list, currentFocus, previousItem);\n                  }\n                }}\n              >\n                {React.Children.toArray(children).map((child, i) => (\n                  <SelectOption\n                    tabIndex={-1}\n                    aria-readonly={true}\n                    key={`child-${i}`}\n                  >\n                    {child}\n                  </SelectOption>\n                ))}\n                {options === undefined ? (\n                  <SelectOption aria-disabled={true} tabIndex={-1}>\n                    Loading...\n                  </SelectOption>\n                ) : options.length === 0 ? (\n                  <SelectOption aria-disabled={true} tabIndex={-1}>\n                    No options\n                  </SelectOption>\n                ) : (\n                  options.map((option, index) => {\n                    const selected = value === option.value;\n                    return (\n                      <SelectOption\n                        onKeyDown={(event) => {\n                          const { key } = event;\n                          if (key === \"Enter\") {\n                            event.preventDefault();\n                            event.currentTarget.click();\n                            pseudoInputRef.current?.focus();\n                            setOpen(false);\n                          }\n                        }}\n                        aria-selected={selected}\n                        /**\n                         * 何も選択されていないときは、先頭のオプションに飛べるようにしておく\n                         */\n                        tabIndex={\n                          (value === undefined ? index === 0 : selected)\n                            ? 0\n                            : -1\n                        }\n                        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n                        key={option.value || `undefinedValue`}\n                        onClick={() => {\n                          updateValue(option);\n                          setOpen(false);\n                        }}\n                      >\n                        {renderOption(option)}\n                      </SelectOption>\n                    );\n                  })\n                )}\n              </SelectList>\n            </Paper>\n          </div>\n        </Popper>\n      </div>\n      <FormHelperText\n        invalid={invalid}\n        loading={loading}\n        touched={touched}\n        value={value}\n      >\n        {helperText}\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectField.js","names":["css","React","forwardRef","useCallback","useEffect","useId","useMemo","useReducer","useRef","useState","SearchIcon","useFieldGroup","FormControl","FormHelperText","InputBase","InputLabel","Paper","Popper","Triangle","VisuallyHidden","dispatchChangeEvent","useDitectInputTouched","useInputValue","useMergeRefs","useOnClickOutside","useTheme","getSearch","SelectFieldInputWrapper","SelectFieldInputWrapperContext","jsx","___EmotionJSX","ownerDocument","node","document","nextItem","list","item","firstChild","nextElementSibling","previousItem","lastChild","previousElementSibling","moveFocus","currentFocus","traversalFunction","nextFocus","disabledFocus","disabled","getAttribute","focus","_ref2","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SelectInnerSpinButton","_ref3","open","onClick","theme","typography","body","fontSize","transitions","duration","shorter","easing","easeInOut","SelectList","props","ref","_extends","role","tabIndex","SelectOption","spacing","palette","text","primary","background","paper","gray","shortest","action","hover","selected","filterSelectOptionsByQuery","options","query","result","map","option","keys","label","content","value","defaultLoadOptions","_ref5","_asyncToGenerator","_ref4","undefined","length","_x","apply","arguments","DefaultOption","_ref","SelectField","propOptions","loadOptions","disabledInput","onChange","onFocus","placeholder","required","id","_valueProp","defaultValue","children","helperText","invalid","loading","propsLoading","readOnly","propsReadOnly","style","className","originalInputTestId","pseudoInputTestId","disablePortal","renderOption","inputRef","inputHasValueRef","setOpen","setQuery","selectedOptionsCache","setOptions","selectedOptions","current","then","setValue","isControlled","onLoaded","displayValue","_ref6","_selectedOptionsCache","find","listRef","pseudoInputRef","pseudoInputRefs","originalInputRef","originalInputRefs","updateValue","resetValue","_options$find","touched","inputProps","popperOptions","modifiers","roundOffsets","_ref7","y","x","Math","round","enabled","phase","requires","fn","_ref8","state","popper","width","rects","reference","effect","_ref9","elements","offsetWidth","internalInputId","inputId","autoFillPreventionKey","updateAutoFillPreventionKey","prev","htmlFor","type","key","autoCapitalize","autoComplete","onInput","event","preventDefault","currentTarget","autoCorrect","spellCheck","Provider","renderInputWrapper","onKeyDown","startAdornment","some","endAdornment","_pseudoInputRef$curre","anchorEl","placement","activeElement","Children","toArray","child","i","index","_pseudoInputRef$curre2","click"],"sources":["../../../src/SelectField/SelectField.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport { FieldGroupProps, useFieldGroup } from \"../FieldGroup\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper } from \"../Popper\";\nimport { Triangle } from \"../Icon/Triangle\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { dispatchChangeEvent } from \"../@utils/dispatchChangeEvent\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\";\nimport { useTheme } from \"../theme\";\nimport { getSearch } from \"./useSearch\";\nimport {\n  SelectFieldInputWrapper,\n  SelectFieldInputWrapperContext,\n} from \"./SelectFieldInputWrapper\";\nimport type { Options as PopperjsOptions } from \"@popperjs/core\";\n\nfunction ownerDocument(node: Node | null | undefined): Document {\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  return node?.ownerDocument || document;\n}\n\ntype TraversalFunction = (\n  list: HTMLUListElement,\n  item?: Element | null,\n) => ChildNode | null;\n\nconst nextItem: TraversalFunction = (list, item) => {\n  if (list === item) {\n    return list.firstChild;\n  }\n  if (item?.nextElementSibling) {\n    return item.nextElementSibling;\n  }\n  return list.firstChild;\n};\n\nconst previousItem: TraversalFunction = (list, item) => {\n  if (list === item) {\n    return list.lastChild;\n  }\n  if (item?.previousElementSibling) {\n    return item.previousElementSibling;\n  }\n  return list.lastChild;\n};\n\nconst moveFocus = (\n  list: HTMLUListElement,\n  currentFocus: Element | null,\n  traversalFunction: TraversalFunction,\n) => {\n  let nextFocus = traversalFunction(list, currentFocus) as HTMLElement | null;\n  while (nextFocus) {\n    if (\n      currentFocus === null\n        ? nextFocus === list.lastChild\n        : nextFocus === currentFocus\n    ) {\n      break;\n    }\n    const disabledFocus =\n      (nextFocus as HTMLInputElement).disabled ||\n      nextFocus.getAttribute(\"aria-disabled\") === \"true\";\n    if (disabledFocus) {\n      nextFocus = traversalFunction(list, nextFocus) as HTMLElement;\n    } else {\n      nextFocus.focus();\n      break;\n    }\n  }\n};\n\nconst SelectInnerSpinButton = ({\n  open,\n  onClick,\n}: {\n  open: boolean;\n  onClick: () => void;\n}) => {\n  const theme = useTheme();\n  return (\n    <Triangle\n      onClick={onClick}\n      data-testid=\"SelectFieldSpinButton\"\n      css={[\n        css`\n          font-size: ${theme.typography.body.fontSize}px;\n          transition: ${theme.transitions.duration.shorter}\n            ${theme.transitions.easing.easeInOut};\n        `,\n        open\n          ? css`\n              transform: rotateX(180deg);\n            `\n          : null,\n      ]}\n    />\n  );\n};\n\nconst SelectList = forwardRef<\n  HTMLUListElement,\n  React.ComponentPropsWithoutRef<\"ul\">\n>((props, ref) => {\n  return (\n    <ul\n      ref={ref}\n      role=\"listbox\"\n      tabIndex={-1}\n      css={css`\n        box-sizing: border-box;\n        min-height: ${42 * 3.5}px;\n        max-height: ${42 * 7.5}px;\n        padding: 0;\n        margin: 0;\n        overflow-x: hidden;\n        overflow-y: auto;\n        list-style: none;\n        border-radius: inherit;\n      `}\n      {...props}\n    />\n  );\n});\n\nconst SelectOption = (props: React.ComponentPropsWithoutRef<\"li\">) => {\n  const theme = useTheme();\n  return (\n    <li\n      role=\"option\"\n      // aria-selectedは親要素から設定するため、この値は上書きされる\n      aria-selected={false}\n      css={css`\n        box-sizing: border-box;\n        min-height: ${theme.spacing * 6}px;\n        padding: 9px 12px;\n        color: ${theme.palette.text.primary};\n        cursor: pointer;\n        background-color: ${theme.palette.background.paper};\n        border-bottom: 1px solid ${theme.palette.gray[300]};\n        outline: 0px;\n        transition: ${theme.transitions.duration.shortest};\n\n        ${css(theme.typography.body)}\n        &:last-child {\n          border-bottom: none;\n        }\n        &:hover,\n        &:focus {\n          background-color: ${theme.palette.action.hover};\n        }\n        &[aria-selected=\"true\"] {\n          background-color: ${theme.palette.action.selected};\n        }\n        &[aria-disabled=\"true\"] {\n          color: ${theme.palette.text.disabled};\n          cursor: default;\n        }\n        &[aria-readonly=\"true\"],\n        &[aria-disabled=\"true\"] {\n          &:hover {\n            background-color: ${theme.palette.background.paper};\n          }\n        }\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface SelectOptionValue {\n  value: string | undefined;\n  label: string;\n  keys?: string[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n}\n\nexport type RenderSelectOption<\n  T extends SelectOptionValue = SelectOptionValue,\n> = (peops: T) => React.JSX.Element;\n\nexport interface SelectFieldProps<\n  T extends SelectOptionValue = SelectOptionValue,\n> extends Pick<FieldProps<string>, \"helperText\" | \"invalid\">,\n    FieldGroupProps {\n  renderOption?: RenderSelectOption<T>;\n  children?: React.ReactNode;\n  /**\n   * 見出し\n   */\n  label?: string;\n  name?: string;\n  defaultValue?: string;\n  /**\n   * valueの変更は、defaultValueが指定されていないときのみ反映されます。\n   */\n  value?: string;\n  disabled?: boolean;\n  style?: React.CSSProperties;\n  id?: string;\n  className?: string;\n  /**\n   * placeholder\n   */\n  placeholder?: string;\n  /**\n   * selecting data is required\n   */\n  required?: boolean;\n  options?: T[];\n  loadOptions?: SelectLoadOptions<T>;\n  disabledInput?: boolean;\n  readOnly?: boolean;\n  /**\n   * SelectFieldのOptionがクリックされた際に発火する関数。\n   */\n  onChange?: (value: T[\"value\"], options: T) => void;\n  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  loading?: boolean;\n  originalInputTestId?: string;\n  pseudoInputTestId?: string;\n  /**\n   * オプションの表示にPortalを利用するかどうかを指定します。\n   * このpropがtrueの場合、Portalが無効化されます。\n   * また初期値がtrueであることに注意してください。\n   * つまり通常、オプションはこのコンポーネントの子要素としてレンダリングされます。\n   * @default true\n   */\n  disablePortal?: boolean;\n  /**\n   * 見かけ上のinput要素に対するrefを利用できます。\n   * 選択された値を取得する場合などは、inputHasValueRefを利用してください。\n   */\n  inputRef?: React.Ref<HTMLInputElement>;\n  /**\n   * 選択された値を保持しているinput要素に対するrefを利用できます。\n   * 見えているinput要素にフォーカスしたい場合などは、inputRefを利用してください。\n   */\n  inputHasValueRef?: React.Ref<HTMLInputElement>;\n}\n\nexport const filterSelectOptionsByQuery = <\n  T extends SelectOptionValue = SelectOptionValue,\n>(\n  options: T[],\n  query: string,\n) => {\n  const result = getSearch(\n    options.map((option) => {\n      return {\n        ...option,\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        keys: option.keys || [option.label],\n        content: option.value,\n      };\n    }),\n    query,\n  );\n  return result;\n};\n\nexport type SelectLoadOptions<T extends SelectOptionValue = SelectOptionValue> =\n  (args: {\n    query: string;\n    options?: T[];\n    selectedOptions?: T[];\n  }) => Promise<T[] | undefined>;\n\nconst defaultLoadOptions = async <\n  T extends SelectOptionValue = SelectOptionValue,\n>({\n  query,\n  options,\n}: {\n  query: string;\n  options?: T[];\n  // eslint-disable-next-line @typescript-eslint/require-await\n}): Promise<T[] | undefined> => {\n  if (options === undefined) {\n    return undefined;\n  }\n  if (query === undefined) {\n    return options;\n  }\n  const result = filterSelectOptionsByQuery(options, query);\n  return result.length ? result : options;\n};\n\nconst DefaultOption = <T extends SelectOptionValue>(\n  props: T,\n): React.JSX.Element => {\n  return <span>{props.label}</span>;\n};\n\nexport const SelectField = <T extends SelectOptionValue>(\n  props: SelectFieldProps<T>,\n) => {\n  const {\n    label,\n    name,\n    options: propOptions,\n    loadOptions = defaultLoadOptions,\n    disabledInput,\n    onChange,\n    onFocus,\n    placeholder,\n    required,\n    id,\n    value: _valueProp,\n    defaultValue,\n    disabled,\n    children,\n    helperText,\n    invalid,\n    loading: propsLoading,\n    readOnly: propsReadOnly,\n    style,\n    className,\n    originalInputTestId,\n    pseudoInputTestId,\n    disablePortal = true,\n    renderOption = DefaultOption,\n    inputRef,\n    inputHasValueRef,\n  } = props;\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  const [query, setQuery] = useState<string>(\"\");\n  const selectedOptionsCache = useRef<T[] | undefined>(propOptions);\n  const [options, setOptions] = useState(propOptions);\n\n  useEffect(() => {\n    void loadOptions({\n      query,\n      options: propOptions,\n      selectedOptions: selectedOptionsCache.current,\n    }).then((result) => {\n      setOptions(result);\n    });\n  }, [propOptions, loadOptions, query]);\n\n  const [value, setValue, isControlled] = useInputValue(props);\n\n  const { loading, readOnly } = useFieldGroup({\n    loading: propsLoading,\n    readOnly: propsReadOnly,\n    onLoaded: () => {\n      if (isControlled === false) {\n        setValue(defaultValue);\n      }\n    },\n  });\n\n  const displayValue = useMemo(() => {\n    return (\n      selectedOptionsCache.current?.find(\n        (option) => option.value === value,\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      ) || options?.find((option) => option.value === value)\n    )?.label;\n  }, [options, value]);\n\n  const listRef = useRef<HTMLUListElement>(null);\n  useOnClickOutside([ref, listRef], () => {\n    setOpen(false);\n    setQuery(\"\");\n  });\n\n  const pseudoInputRef = useRef<HTMLInputElement>(null);\n  const pseudoInputRefs = useMergeRefs(inputRef, pseudoInputRef);\n  const originalInputRef = useRef<HTMLInputElement>(null);\n  const originalInputRefs = useMergeRefs(inputHasValueRef, originalInputRef);\n\n  const updateValue = useCallback(\n    (option: T) => {\n      onChange?.(option.value, option);\n      setValue(option.value);\n      selectedOptionsCache.current = options;\n      setQuery(\"\");\n      if (originalInputRef.current) {\n        dispatchChangeEvent(originalInputRef.current, option.value);\n      }\n    },\n    [onChange, options, setValue],\n  );\n\n  const resetValue = useCallback(() => {\n    setValue(undefined);\n    if (onChange) {\n      const option =\n        options?.find((option) => option.value === undefined) ??\n        ({ value: undefined, label: \"\" } as T);\n      onChange(undefined, option);\n    }\n  }, [onChange, options, setValue]);\n\n  const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n  const popperOptions: Partial<PopperjsOptions> = useMemo(() => {\n    return {\n      modifiers: [\n        disablePortal\n          ? {\n              name: \"computeStyles\",\n              options: {\n                roundOffsets: ({ y }: { y: number }) => ({\n                  x: 0,\n                  y: Math.round(y),\n                }),\n              },\n            }\n          : {},\n        {\n          name: \"sameWidth\",\n          enabled: true,\n          phase: \"beforeWrite\",\n          requires: [\"computeStyles\"],\n          fn: ({ state }) => {\n            state.styles.popper.width = `${state.rects.reference.width}px`;\n          },\n          effect: ({ state }) => {\n            state.elements.popper.style.width = `${\n              (state.elements.reference as HTMLElement).offsetWidth\n            }px`;\n          },\n        },\n      ],\n    };\n  }, [disablePortal]);\n\n  const internalInputId = useId();\n  const inputId = id ?? internalInputId;\n\n  // Auto fillによって値が後から更新されることを防ぐ\n  const [autoFillPreventionKey, updateAutoFillPreventionKey] = useReducer(\n    (prev: number) => prev + 1,\n    0,\n  );\n\n  return (\n    <FormControl style={style} className={className}>\n      {label ? (\n        <InputLabel\n          htmlFor={inputId}\n          aria-disabled={disabled}\n          required={required}\n          loading={loading}\n        >\n          {label}\n        </InputLabel>\n      ) : null}\n      <VisuallyHidden>\n        <input\n          ref={originalInputRefs}\n          type=\"text\"\n          data-testid={originalInputTestId}\n          required={required}\n          name={name}\n          key={`${value}-${autoFillPreventionKey}`}\n          defaultValue={value}\n          autoCapitalize=\"none\"\n          autoComplete=\"off\"\n          onInput={(event) => {\n            event.preventDefault();\n            if (value === undefined) {\n              // 選択肢が選択されていない状態で、値に選択肢と一致するものがある場合、その値に更新する\n              const option = options?.find(\n                (option) => option.value === event.currentTarget.value,\n              );\n              if (option) {\n                updateValue(option);\n              } else {\n                // 一致する選択肢がない場合、Auto fillが適用されると困るため無効化する\n                updateAutoFillPreventionKey();\n              }\n            } else {\n              // このinput要素の値でonInputが発火するケースはAuto fillによる場合のみ、選択肢の選択では発火しない。\n              // ここでkeyを更新することでauto fillによる値の上書きを、さらに上書きできる。\n              updateAutoFillPreventionKey();\n            }\n          }}\n          autoCorrect=\"off\"\n          spellCheck=\"false\"\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n\n      <div ref={ref}>\n        <SelectFieldInputWrapperContext.Provider\n          value={!query ? displayValue : undefined}\n        >\n          <InputBase\n            id={inputId}\n            renderInputWrapper={SelectFieldInputWrapper}\n            ref={pseudoInputRefs}\n            data-testid={pseudoInputTestId}\n            placeholder={placeholder}\n            disabled={disabled}\n            loading={loading}\n            readOnly={readOnly}\n            autoCapitalize=\"none\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            spellCheck=\"false\"\n            onKeyDown={(event) => {\n              const { key } = event;\n              if (key === \"Delete\" || key === \"Backspace\") {\n                setQuery((prev) => {\n                  if (prev === \"\") {\n                    resetValue();\n                  }\n                  return prev;\n                });\n              } else if (key === \"ArrowDown\") {\n                event.preventDefault();\n                const list = listRef.current;\n                if (list) {\n                  moveFocus(list, null, nextItem);\n                }\n              } else if (event.key.length === 1) {\n                setOpen(true);\n              }\n            }}\n            type=\"text\"\n            startAdornment={\n              value ||\n              disabledInput ||\n              (value === undefined &&\n                options?.some(\n                  (option) => option.value === undefined,\n                )) ? undefined : (\n                <SearchIcon />\n              )\n            }\n            endAdornment={\n              <SelectInnerSpinButton\n                open={open}\n                onClick={() => {\n                  setOpen((prev) => {\n                    if (prev) {\n                      return false;\n                    }\n                    pseudoInputRef.current?.focus();\n                    return prev;\n                  });\n                }}\n              />\n            }\n            data-invalid={invalid}\n            value={query}\n            onChange={\n              disabledInput\n                ? // @see https://github.com/matsuri-tech/matsuri-ui/issues/2451\n                  // eslint-disable-next-line @typescript-eslint/no-empty-function\n                  () => {}\n                : (event) => {\n                    const value = event.currentTarget.value;\n                    setQuery(value);\n                  }\n            }\n            data-touched={inputProps[\"data-touched\"]}\n            onFocus={(event) => {\n              inputProps.onFocus(event);\n              if (readOnly !== true) {\n                setOpen(true);\n              }\n            }}\n            css={\n              disabledInput\n                ? css`\n                    caret-color: transparent;\n                    input {\n                      cursor: pointer;\n                    }\n                  `\n                : null\n            }\n          />\n        </SelectFieldInputWrapperContext.Provider>\n\n        <Popper\n          disablePortal={disablePortal}\n          anchorEl={ref.current}\n          placement=\"bottom-start\"\n          open={open}\n          options={popperOptions}\n        >\n          <div>\n            <Paper>\n              <SelectList\n                ref={listRef}\n                onKeyDown={(event) => {\n                  const key = event.key;\n                  const list = listRef.current;\n                  if (list === null) {\n                    return;\n                  }\n                  const currentFocus = ownerDocument(list).activeElement;\n                  if (key === \"ArrowDown\") {\n                    event.preventDefault();\n                    moveFocus(list, currentFocus, nextItem);\n                  } else if (key === \"ArrowUp\") {\n                    event.preventDefault();\n                    moveFocus(list, currentFocus, previousItem);\n                  }\n                }}\n              >\n                {React.Children.toArray(children).map((child, i) => (\n                  <SelectOption\n                    tabIndex={-1}\n                    aria-readonly={true}\n                    key={`child-${i}`}\n                  >\n                    {child}\n                  </SelectOption>\n                ))}\n                {options === undefined ? (\n                  <SelectOption aria-disabled={true} tabIndex={-1}>\n                    Loading...\n                  </SelectOption>\n                ) : options.length === 0 ? (\n                  <SelectOption aria-disabled={true} tabIndex={-1}>\n                    No options\n                  </SelectOption>\n                ) : (\n                  options.map((option, index) => {\n                    const selected = value === option.value;\n                    return (\n                      <SelectOption\n                        onKeyDown={(event) => {\n                          const { key } = event;\n                          if (key === \"Enter\") {\n                            event.preventDefault();\n                            event.currentTarget.click();\n                            pseudoInputRef.current?.focus();\n                            setOpen(false);\n                          }\n                        }}\n                        aria-selected={selected}\n                        /**\n                         * 何も選択されていないときは、先頭のオプションに飛べるようにしておく\n                         */\n                        tabIndex={\n                          (value === undefined ? index === 0 : selected)\n                            ? 0\n                            : -1\n                        }\n                        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n                        key={option.value || `undefinedValue`}\n                        onClick={() => {\n                          updateValue(option);\n                          setOpen(false);\n                        }}\n                      >\n                        {renderOption(option)}\n                      </SelectOption>\n                    );\n                  })\n                )}\n              </SelectList>\n            </Paper>\n          </div>\n        </Popper>\n      </div>\n      <FormHelperText\n        invalid={invalid}\n        loading={loading}\n        touched={touched}\n        value={value}\n      >\n        {helperText}\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/SelectField/SelectFieldInputWrapper.js

@@ -1,7 +1,7 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { InputDisplayValue } from "../InputBase/InputDisplayValue";
 import { createContext, useContext } from "react";
 import { css } from "@emotion/react";
+import { InputDisplayValue } from "../InputBase/InputDisplayValue";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var SelectFieldInputWrapperContext = /*#__PURE__*/createContext(undefined);
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -9,7 +9,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "input::placeholder{color:transparent;}"
 } : {
   name: "1u43wb6-SelectFieldInputWrapper",
-  styles: "input::placeholder{color:transparent;};label:SelectFieldInputWrapper;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnB1dERpc3BsYXlWYWx1ZSB9IGZyb20gXCIuLi9JbnB1dEJhc2UvSW5wdXREaXNwbGF5VmFsdWVcIjtcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXIgPSAoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHZhbHVlID0gdXNlQ29udGV4dChTZWxlY3RGaWVsZElucHV0V3JhcHBlckNvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGlucHV0W3JlYWRvbmx5XSArIGRpdixcbiAgICAgICAgICBpbnB1dFtkaXNhYmxlZF0gKyBkaXYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB2YWx1ZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbnB1dERpc3BsYXlWYWx1ZT57dmFsdWV9PC9JbnB1dERpc3BsYXlWYWx1ZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "input::placeholder{color:transparent;};label:SelectFieldInputWrapper;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0RGlzcGxheVZhbHVlIH0gZnJvbSBcIi4uL0lucHV0QmFzZS9JbnB1dERpc3BsYXlWYWx1ZVwiO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXIgPSAoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHZhbHVlID0gdXNlQ29udGV4dChTZWxlY3RGaWVsZElucHV0V3JhcHBlckNvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGlucHV0W3JlYWRvbmx5XSArIGRpdixcbiAgICAgICAgICBpbnB1dFtkaXNhYmxlZF0gKyBkaXYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB2YWx1ZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbnB1dERpc3BsYXlWYWx1ZT57dmFsdWV9PC9JbnB1dERpc3BsYXlWYWx1ZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -17,7 +17,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "position:relative;input[readonly]+div,input[disabled]+div{pointer-events:auto;}"
 } : {
   name: "1ymtxs2-SelectFieldInputWrapper",
-  styles: "position:relative;input[readonly]+div,input[disabled]+div{pointer-events:auto;};label:SelectFieldInputWrapper;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnB1dERpc3BsYXlWYWx1ZSB9IGZyb20gXCIuLi9JbnB1dEJhc2UvSW5wdXREaXNwbGF5VmFsdWVcIjtcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXIgPSAoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHZhbHVlID0gdXNlQ29udGV4dChTZWxlY3RGaWVsZElucHV0V3JhcHBlckNvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGlucHV0W3JlYWRvbmx5XSArIGRpdixcbiAgICAgICAgICBpbnB1dFtkaXNhYmxlZF0gKyBkaXYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB2YWx1ZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbnB1dERpc3BsYXlWYWx1ZT57dmFsdWV9PC9JbnB1dERpc3BsYXlWYWx1ZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "position:relative;input[readonly]+div,input[disabled]+div{pointer-events:auto;};label:SelectFieldInputWrapper;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0RGlzcGxheVZhbHVlIH0gZnJvbSBcIi4uL0lucHV0QmFzZS9JbnB1dERpc3BsYXlWYWx1ZVwiO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXIgPSAoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHZhbHVlID0gdXNlQ29udGV4dChTZWxlY3RGaWVsZElucHV0V3JhcHBlckNvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGlucHV0W3JlYWRvbmx5XSArIGRpdixcbiAgICAgICAgICBpbnB1dFtkaXNhYmxlZF0gKyBkaXYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB2YWx1ZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbnB1dERpc3BsYXlWYWx1ZT57dmFsdWV9PC9JbnB1dERpc3BsYXlWYWx1ZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var SelectFieldInputWrapper = _ref3 => {
@@ -26,7 +26,7 @@ export var SelectFieldInputWrapper = _ref3 => {
   } = _ref3;
   var value = useContext(SelectFieldInputWrapperContext);
   return ___EmotionJSX("div", {
-    css: [_ref2, value ? _ref : /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:SelectFieldInputWrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnB1dERpc3BsYXlWYWx1ZSB9IGZyb20gXCIuLi9JbnB1dEJhc2UvSW5wdXREaXNwbGF5VmFsdWVcIjtcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXIgPSAoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHZhbHVlID0gdXNlQ29udGV4dChTZWxlY3RGaWVsZElucHV0V3JhcHBlckNvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGlucHV0W3JlYWRvbmx5XSArIGRpdixcbiAgICAgICAgICBpbnB1dFtkaXNhYmxlZF0gKyBkaXYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB2YWx1ZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbnB1dERpc3BsYXlWYWx1ZT57dmFsdWV9PC9JbnB1dERpc3BsYXlWYWx1ZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:SelectFieldInputWrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnB1dERpc3BsYXlWYWx1ZSB9IGZyb20gXCIuLi9JbnB1dEJhc2UvSW5wdXREaXNwbGF5VmFsdWVcIjtcbmltcG9ydCB7IGNyZWF0ZUNvbnRleHQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXIgPSAoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHZhbHVlID0gdXNlQ29udGV4dChTZWxlY3RGaWVsZElucHV0V3JhcHBlckNvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGlucHV0W3JlYWRvbmx5XSArIGRpdixcbiAgICAgICAgICBpbnB1dFtkaXNhYmxlZF0gKyBkaXYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB2YWx1ZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbnB1dERpc3BsYXlWYWx1ZT57dmFsdWV9PC9JbnB1dERpc3BsYXlWYWx1ZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */"]
+    css: [_ref2, value ? _ref : /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:SelectFieldInputWrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0RGlzcGxheVZhbHVlIH0gZnJvbSBcIi4uL0lucHV0QmFzZS9JbnB1dERpc3BsYXlWYWx1ZVwiO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXIgPSAoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHZhbHVlID0gdXNlQ29udGV4dChTZWxlY3RGaWVsZElucHV0V3JhcHBlckNvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGlucHV0W3JlYWRvbmx5XSArIGRpdixcbiAgICAgICAgICBpbnB1dFtkaXNhYmxlZF0gKyBkaXYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB2YWx1ZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbnB1dERpc3BsYXlWYWx1ZT57dmFsdWV9PC9JbnB1dERpc3BsYXlWYWx1ZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:SelectFieldInputWrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TZWxlY3RGaWVsZC9TZWxlY3RGaWVsZElucHV0V3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0RGlzcGxheVZhbHVlIH0gZnJvbSBcIi4uL0lucHV0QmFzZS9JbnB1dERpc3BsYXlWYWx1ZVwiO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDxzdHJpbmcgfCB1bmRlZmluZWQ+KFxuICB1bmRlZmluZWQsXG4pO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRJbnB1dFdyYXBwZXIgPSAoe1xuICBjaGlsZHJlbixcbn06IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59KSA9PiB7XG4gIGNvbnN0IHZhbHVlID0gdXNlQ29udGV4dChTZWxlY3RGaWVsZElucHV0V3JhcHBlckNvbnRleHQpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgIGlucHV0W3JlYWRvbmx5XSArIGRpdixcbiAgICAgICAgICBpbnB1dFtkaXNhYmxlZF0gKyBkaXYge1xuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgfVxuICAgICAgICBgLFxuICAgICAgICB2YWx1ZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBpbnB1dDo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYGAsXG4gICAgICBdfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxJbnB1dERpc3BsYXlWYWx1ZT57dmFsdWV9PC9JbnB1dERpc3BsYXlWYWx1ZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */"]
   }, children, ___EmotionJSX(InputDisplayValue, null, value));
 };
 //# sourceMappingURL=SelectFieldInputWrapper.js.map

package/SelectField/SelectFieldInputWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFieldInputWrapper.js","names":["InputDisplayValue","createContext","useContext","css","jsx","___EmotionJSX","SelectFieldInputWrapperContext","undefined","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","SelectFieldInputWrapper","_ref3","children","value"],"sources":["../../../src/SelectField/SelectFieldInputWrapper.tsx"],"sourcesContent":["import { InputDisplayValue } from \"../InputBase/InputDisplayValue\";\nimport { createContext, useContext } from \"react\";\nimport { css } from \"@emotion/react\";\n\nexport const SelectFieldInputWrapperContext = createContext<string | undefined>(\n  undefined,\n);\n\nexport const SelectFieldInputWrapper = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  const value = useContext(SelectFieldInputWrapperContext);\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          input[readonly] + div,\n          input[disabled] + div {\n            pointer-events: auto;\n          }\n        `,\n        value\n          ? css`\n              input::placeholder {\n                color: transparent;\n              }\n            `\n          : css``,\n      ]}\n    >\n      {children}\n      <InputDisplayValue>{value}</InputDisplayValue>\n    </div>\n  );\n};\n"],"mappings":";AAAA,SAASA,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjD,SAASC,GAAG,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAErC,OAAO,IAAMC,8BAA8B,gBAAGL,aAAa,CACzDM,SACF,CAAC;AAAC,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAEF,OAAO,IAAME,uBAAuB,GAAGC,KAAA,IAIjC;EAAA,IAJkC;IACtCC;EAGF,CAAC,GAAAD,KAAA;EACC,IAAME,KAAK,GAAGlB,UAAU,CAACI,8BAA8B,CAAC;EACxD,OACED,aAAA;IACEF,GAAG,GAAAa,KAAA,EAQDI,KAAK,GAAAZ,IAAA,gBAMDL,GAAG,CAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,4DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,miDAAE,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,4DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACT,GAEDQ,QAAQ,EACTd,aAAA,CAACL,iBAAiB,QAAEoB,KAAyB,CAC1C,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"SelectFieldInputWrapper.js","names":["createContext","useContext","css","InputDisplayValue","jsx","___EmotionJSX","SelectFieldInputWrapperContext","undefined","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","SelectFieldInputWrapper","_ref3","children","value"],"sources":["../../../src/SelectField/SelectFieldInputWrapper.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { css } from \"@emotion/react\";\nimport { InputDisplayValue } from \"../InputBase/InputDisplayValue\";\n\nexport const SelectFieldInputWrapperContext = createContext<string | undefined>(\n  undefined,\n);\n\nexport const SelectFieldInputWrapper = ({\n  children,\n}: {\n  children?: React.ReactNode;\n}) => {\n  const value = useContext(SelectFieldInputWrapperContext);\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          input[readonly] + div,\n          input[disabled] + div {\n            pointer-events: auto;\n          }\n        `,\n        value\n          ? css`\n              input::placeholder {\n                color: transparent;\n              }\n            `\n          : css``,\n      ]}\n    >\n      {children}\n      <InputDisplayValue>{value}</InputDisplayValue>\n    </div>\n  );\n};\n"],"mappings":";AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,iBAAiB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEnE,OAAO,IAAMC,8BAA8B,gBAAGN,aAAa,CACzDO,SACF,CAAC;AAAC,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAEF,OAAO,IAAME,uBAAuB,GAAGC,KAAA,IAIjC;EAAA,IAJkC;IACtCC;EAGF,CAAC,GAAAD,KAAA;EACC,IAAME,KAAK,GAAGnB,UAAU,CAACK,8BAA8B,CAAC;EACxD,OACED,aAAA;IACEH,GAAG,GAAAc,KAAA,EAQDI,KAAK,GAAAZ,IAAA,gBAMDN,GAAG,CAAAO,OAAA,CAAAC,GAAA,CAAAC,QAAA,4DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,miDAAE,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,4DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACT,GAEDQ,QAAQ,EACTd,aAAA,CAACF,iBAAiB,QAAEiB,KAAyB,CAC1C,CAAC;AAEV,CAAC","ignoreList":[]}

package/ShimmerEffect/ShimmerEffect.js

@@ -1,14 +1,14 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import { css, jsx } from "@emotion/react";
-import { useShimmerEffect } from "./useShimmerEffect";
 import React from "react";
+import { useShimmerEffect } from "./useShimmerEffect";
 var positionRelativeStyle = process.env.NODE_ENV === "production" ? {
   name: "bjn8wh",
   styles: "position:relative"
 } : {
   name: "i6mmos-positionRelativeStyle",
-  styles: "position:relative;label:positionRelativeStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TaGltbWVyRWZmZWN0L1NoaW1tZXJFZmZlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlpQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvU2hpbW1lckVmZmVjdC9TaGltbWVyRWZmZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywganN4LCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4vdXNlU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBwb3NpdGlvblJlbGF0aXZlU3R5bGUgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbi8qKlxuICog6KaB57Sg44Gu5aSn44GN44GV44Gr5ZCI44KP44Gb44Gf44Ot44O844OH44Kj44Oz44Kw55So44Gu6KGo56S644KS5L2c44KL44GT44Go44GM44Gn44GN44G+44GZ44CCXG4gKlxuICogKirpganjgZfjgZ/opoHntKAqKlxuICpcbiAqIC0g44Ot44O844OH44Kj44Oz44Kw5YmN44GL44KJ5aSn44GN44GV44Gv5Zu65a6a44Gg44GM44CB5YWl44KM44KL5aC05omA44Gr44KI44Gj44Gm5aSn44GN44GV44GM5aSJ5YuV44GX44Gm44GX44G+44GG6KaB57SgXG4gKi9cbmV4cG9ydCBjb25zdCBTaGltbWVyRWZmZWN0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGFjdGl2ZSxcbn06IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDx7XG4gICAgY3NzPzogU2VyaWFsaXplZFN0eWxlcyB8IFNlcmlhbGl6ZWRTdHlsZXNbXTtcbiAgfT47XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59KSA9PiB7XG4gIGNvbnN0IHN0eWxlID0gdXNlU2hpbW1lckVmZmVjdCgpO1xuICBpZiAoYWN0aXZlICE9PSB0cnVlKSB7XG4gICAgcmV0dXJuIGNoaWxkcmVuO1xuICB9XG5cbiAgaWYgKGNoaWxkcmVuLnByb3BzLmNzcykge1xuICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgIC4uLmNoaWxkcmVuLnByb3BzLFxuXG4gICAgICBjc3M6IFtwb3NpdGlvblJlbGF0aXZlU3R5bGUsIGNoaWxkcmVuLnByb3BzLmNzcywgc3R5bGVdLmZsYXQoKSxcbiAgICB9KTtcbiAgfVxuICByZXR1cm4ganN4KGNoaWxkcmVuLnR5cGUsIHtcbiAgICBrZXk6IGNoaWxkcmVuLmtleSxcbiAgICAuLi5jaGlsZHJlbi5wcm9wcyxcbiAgICBjc3M6IFtwb3NpdGlvblJlbGF0aXZlU3R5bGUsIHN0eWxlXSxcbiAgfSk7XG59O1xuIl19 */",
+  styles: "position:relative;label:positionRelativeStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TaGltbWVyRWZmZWN0L1NoaW1tZXJFZmZlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlpQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvU2hpbW1lckVmZmVjdC9TaGltbWVyRWZmZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywganN4LCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VTaGltbWVyRWZmZWN0IH0gZnJvbSBcIi4vdXNlU2hpbW1lckVmZmVjdFwiO1xuXG5jb25zdCBwb3NpdGlvblJlbGF0aXZlU3R5bGUgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbi8qKlxuICog6KaB57Sg44Gu5aSn44GN44GV44Gr5ZCI44KP44Gb44Gf44Ot44O844OH44Kj44Oz44Kw55So44Gu6KGo56S644KS5L2c44KL44GT44Go44GM44Gn44GN44G+44GZ44CCXG4gKlxuICogKirpganjgZfjgZ/opoHntKAqKlxuICpcbiAqIC0g44Ot44O844OH44Kj44Oz44Kw5YmN44GL44KJ5aSn44GN44GV44Gv5Zu65a6a44Gg44GM44CB5YWl44KM44KL5aC05omA44Gr44KI44Gj44Gm5aSn44GN44GV44GM5aSJ5YuV44GX44Gm44GX44G+44GG6KaB57SgXG4gKi9cbmV4cG9ydCBjb25zdCBTaGltbWVyRWZmZWN0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGFjdGl2ZSxcbn06IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDx7XG4gICAgY3NzPzogU2VyaWFsaXplZFN0eWxlcyB8IFNlcmlhbGl6ZWRTdHlsZXNbXTtcbiAgfT47XG4gIGFjdGl2ZT86IGJvb2xlYW47XG59KSA9PiB7XG4gIGNvbnN0IHN0eWxlID0gdXNlU2hpbW1lckVmZmVjdCgpO1xuICBpZiAoYWN0aXZlICE9PSB0cnVlKSB7XG4gICAgcmV0dXJuIGNoaWxkcmVuO1xuICB9XG5cbiAgaWYgKGNoaWxkcmVuLnByb3BzLmNzcykge1xuICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgIC4uLmNoaWxkcmVuLnByb3BzLFxuXG4gICAgICBjc3M6IFtwb3NpdGlvblJlbGF0aXZlU3R5bGUsIGNoaWxkcmVuLnByb3BzLmNzcywgc3R5bGVdLmZsYXQoKSxcbiAgICB9KTtcbiAgfVxuICByZXR1cm4ganN4KGNoaWxkcmVuLnR5cGUsIHtcbiAgICBrZXk6IGNoaWxkcmVuLmtleSxcbiAgICAuLi5jaGlsZHJlbi5wcm9wcyxcbiAgICBjc3M6IFtwb3NpdGlvblJlbGF0aXZlU3R5bGUsIHN0eWxlXSxcbiAgfSk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 

package/ShimmerEffect/ShimmerEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerEffect.js","names":["css","jsx","useShimmerEffect","React","positionRelativeStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ShimmerEffect","_ref","children","active","style","props","cloneElement","_extends","flat","type","key"],"sources":["../../../src/ShimmerEffect/ShimmerEffect.tsx"],"sourcesContent":["import { css, jsx, SerializedStyles } from \"@emotion/react\";\nimport { useShimmerEffect } from \"./useShimmerEffect\";\nimport React from \"react\";\n\nconst positionRelativeStyle = css`\n  position: relative;\n`;\n\n/**\n * 要素の大きさに合わせたローディング用の表示を作ることができます。\n *\n * **適した要素**\n *\n * - ローディング前から大きさは固定だが、入れる場所によって大きさが変動してしまう要素\n */\nexport const ShimmerEffect = ({\n  children,\n  active,\n}: {\n  children: React.ReactElement<{\n    css?: SerializedStyles | SerializedStyles[];\n  }>;\n  active?: boolean;\n}) => {\n  const style = useShimmerEffect();\n  if (active !== true) {\n    return children;\n  }\n\n  if (children.props.css) {\n    return React.cloneElement(children, {\n      ...children.props,\n\n      css: [positionRelativeStyle, children.props.css, style].flat(),\n    });\n  }\n  return jsx(children.type, {\n    key: children.key,\n    ...children.props,\n    css: [positionRelativeStyle, style],\n  });\n};\n"],"mappings":";;AAAA,SAASA,GAAG,EAAEC,GAAG,QAA0B,gBAAgB;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,OAAOC,KAAK,MAAM,OAAO;AAEzB,IAAMC,qBAAqB,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAE1B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGC,IAAA,IAQvB;EAAA,IARwB;IAC5BC,QAAQ;IACRC;EAMF,CAAC,GAAAF,IAAA;EACC,IAAMG,KAAK,GAAGd,gBAAgB,CAAC,CAAC;EAChC,IAAIa,MAAM,KAAK,IAAI,EAAE;IACnB,OAAOD,QAAQ;EACjB;EAEA,IAAIA,QAAQ,CAACG,KAAK,CAACjB,GAAG,EAAE;IACtB,oBAAOG,KAAK,CAACe,YAAY,CAACJ,QAAQ,EAAAK,QAAA,KAC7BL,QAAQ,CAACG,KAAK;MAEjBjB,GAAG,EAAE,CAACI,qBAAqB,EAAEU,QAAQ,CAACG,KAAK,CAACjB,GAAG,EAAEgB,KAAK,CAAC,CAACI,IAAI,CAAC;IAAC,EAC/D,CAAC;EACJ;EACA,OAAOnB,GAAG,CAACa,QAAQ,CAACO,IAAI,EAAAF,QAAA;IACtBG,GAAG,EAAER,QAAQ,CAACQ;EAAG,GACdR,QAAQ,CAACG,KAAK;IACjBjB,GAAG,EAAE,CAACI,qBAAqB,EAAEY,KAAK;EAAC,EACpC,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"ShimmerEffect.js","names":["css","jsx","React","useShimmerEffect","positionRelativeStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ShimmerEffect","_ref","children","active","style","props","cloneElement","_extends","flat","type","key"],"sources":["../../../src/ShimmerEffect/ShimmerEffect.tsx"],"sourcesContent":["import { css, jsx, SerializedStyles } from \"@emotion/react\";\nimport React from \"react\";\nimport { useShimmerEffect } from \"./useShimmerEffect\";\n\nconst positionRelativeStyle = css`\n  position: relative;\n`;\n\n/**\n * 要素の大きさに合わせたローディング用の表示を作ることができます。\n *\n * **適した要素**\n *\n * - ローディング前から大きさは固定だが、入れる場所によって大きさが変動してしまう要素\n */\nexport const ShimmerEffect = ({\n  children,\n  active,\n}: {\n  children: React.ReactElement<{\n    css?: SerializedStyles | SerializedStyles[];\n  }>;\n  active?: boolean;\n}) => {\n  const style = useShimmerEffect();\n  if (active !== true) {\n    return children;\n  }\n\n  if (children.props.css) {\n    return React.cloneElement(children, {\n      ...children.props,\n\n      css: [positionRelativeStyle, children.props.css, style].flat(),\n    });\n  }\n  return jsx(children.type, {\n    key: children.key,\n    ...children.props,\n    css: [positionRelativeStyle, style],\n  });\n};\n"],"mappings":";;AAAA,SAASA,GAAG,EAAEC,GAAG,QAA0B,gBAAgB;AAC3D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,IAAMC,qBAAqB,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAE1B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGC,IAAA,IAQvB;EAAA,IARwB;IAC5BC,QAAQ;IACRC;EAMF,CAAC,GAAAF,IAAA;EACC,IAAMG,KAAK,GAAGb,gBAAgB,CAAC,CAAC;EAChC,IAAIY,MAAM,KAAK,IAAI,EAAE;IACnB,OAAOD,QAAQ;EACjB;EAEA,IAAIA,QAAQ,CAACG,KAAK,CAACjB,GAAG,EAAE;IACtB,oBAAOE,KAAK,CAACgB,YAAY,CAACJ,QAAQ,EAAAK,QAAA,KAC7BL,QAAQ,CAACG,KAAK;MAEjBjB,GAAG,EAAE,CAACI,qBAAqB,EAAEU,QAAQ,CAACG,KAAK,CAACjB,GAAG,EAAEgB,KAAK,CAAC,CAACI,IAAI,CAAC;IAAC,EAC/D,CAAC;EACJ;EACA,OAAOnB,GAAG,CAACa,QAAQ,CAACO,IAAI,EAAAF,QAAA;IACtBG,GAAG,EAAER,QAAQ,CAACQ;EAAG,GACdR,QAAQ,CAACG,KAAK;IACjBjB,GAAG,EAAE,CAACI,qBAAqB,EAAEY,KAAK;EAAC,EACpC,CAAC;AACJ,CAAC","ignoreList":[]}

package/ShimmerEffect/ShimmerEffectText.d.ts

@@ -1,5 +1,5 @@
-import { ShimmerEffectBoxProps } from "./ShimmerEffectBox";
 import { TypographyVariant } from "../theme";
+import { ShimmerEffectBoxProps } from "./ShimmerEffectBox";
 export interface ShimmerEffectTextProps extends Omit<ShimmerEffectBoxProps, "height" | "fontSize"> {
     typographyVariant: TypographyVariant;
 }

package/ShimmerEffect/ShimmerEffectText.js

@@ -1,8 +1,8 @@
 var _excluded = ["typographyVariant"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { ShimmerEffectBox } from "./ShimmerEffectBox";
 import { useTheme } from "../theme";
+import { ShimmerEffectBox } from "./ShimmerEffectBox";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 /**
  * ShimmerEffectTextは、ShimmerEffectBoxの薄いラッパーです。

package/ShimmerEffect/ShimmerEffectText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShimmerEffectText.js","names":["ShimmerEffectBox","useTheme","jsx","___EmotionJSX","ShimmerEffectText","_ref","typographyVariant","rest","_objectWithoutPropertiesLoose","_excluded","theme","typography","fontSize","height","lineHeight","_extends","css"],"sources":["../../../src/ShimmerEffect/ShimmerEffectText.tsx"],"sourcesContent":["import { ShimmerEffectBox, ShimmerEffectBoxProps } from \"./ShimmerEffectBox\";\nimport { TypographyVariant, useTheme } from \"../theme\";\n\nexport interface ShimmerEffectTextProps\n  extends Omit<ShimmerEffectBoxProps, \"height\" | \"fontSize\"> {\n  typographyVariant: TypographyVariant;\n}\n\n/**\n * ShimmerEffectTextは、ShimmerEffectBoxの薄いラッパーです。\n * 一行の文章のローディング表示を、Typographyのvariantに基づいて生成します。\n *\n * widthにch単位を利用すると、文字数に合わせて幅を調整することができるので利用をおすすめします。\n */\nexport const ShimmerEffectText = ({\n  typographyVariant,\n  ...rest\n}: ShimmerEffectTextProps) => {\n  const theme = useTheme();\n\n  const typography = theme.typography[typographyVariant];\n  const fontSize = typography.fontSize;\n  const height = fontSize * typography.lineHeight;\n\n  return (\n    <ShimmerEffectBox\n      {...rest}\n      height={height}\n      fontSize={fontSize}\n      css={typography}\n    />\n  );\n};\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAA+B,oBAAoB;AAC5E,SAA4BC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAOvD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAGC,IAAA,IAGH;EAAA,IAHI;MAChCC;IAEsB,CAAC,GAAAD,IAAA;IADpBE,IAAI,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAEP,IAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EAExB,IAAMU,UAAU,GAAGD,KAAK,CAACC,UAAU,CAACL,iBAAiB,CAAC;EACtD,IAAMM,QAAQ,GAAGD,UAAU,CAACC,QAAQ;EACpC,IAAMC,MAAM,GAAGD,QAAQ,GAAGD,UAAU,CAACG,UAAU;EAE/C,OACEX,aAAA,CAACH,gBAAgB,EAAAe,QAAA,KACXR,IAAI;IACRM,MAAM,EAAEA,MAAO;IACfD,QAAQ,EAAEA,QAAS;IACnBI,GAAG,EAAEL;EAAW,EACjB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"file":"ShimmerEffectText.js","names":["useTheme","ShimmerEffectBox","jsx","___EmotionJSX","ShimmerEffectText","_ref","typographyVariant","rest","_objectWithoutPropertiesLoose","_excluded","theme","typography","fontSize","height","lineHeight","_extends","css"],"sources":["../../../src/ShimmerEffect/ShimmerEffectText.tsx"],"sourcesContent":["import { TypographyVariant, useTheme } from \"../theme\";\nimport { ShimmerEffectBox, ShimmerEffectBoxProps } from \"./ShimmerEffectBox\";\n\nexport interface ShimmerEffectTextProps\n  extends Omit<ShimmerEffectBoxProps, \"height\" | \"fontSize\"> {\n  typographyVariant: TypographyVariant;\n}\n\n/**\n * ShimmerEffectTextは、ShimmerEffectBoxの薄いラッパーです。\n * 一行の文章のローディング表示を、Typographyのvariantに基づいて生成します。\n *\n * widthにch単位を利用すると、文字数に合わせて幅を調整することができるので利用をおすすめします。\n */\nexport const ShimmerEffectText = ({\n  typographyVariant,\n  ...rest\n}: ShimmerEffectTextProps) => {\n  const theme = useTheme();\n\n  const typography = theme.typography[typographyVariant];\n  const fontSize = typography.fontSize;\n  const height = fontSize * typography.lineHeight;\n\n  return (\n    <ShimmerEffectBox\n      {...rest}\n      height={height}\n      fontSize={fontSize}\n      css={typography}\n    />\n  );\n};\n"],"mappings":";;;AAAA,SAA4BA,QAAQ,QAAQ,UAAU;AACtD,SAASC,gBAAgB,QAA+B,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAO7E;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAGC,IAAA,IAGH;EAAA,IAHI;MAChCC;IAEsB,CAAC,GAAAD,IAAA;IADpBE,IAAI,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAEP,IAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EAExB,IAAMW,UAAU,GAAGD,KAAK,CAACC,UAAU,CAACL,iBAAiB,CAAC;EACtD,IAAMM,QAAQ,GAAGD,UAAU,CAACC,QAAQ;EACpC,IAAMC,MAAM,GAAGD,QAAQ,GAAGD,UAAU,CAACG,UAAU;EAE/C,OACEX,aAAA,CAACF,gBAAgB,EAAAc,QAAA,KACXR,IAAI;IACRM,MAAM,EAAEA,MAAO;IACfD,QAAQ,EAAEA,QAAS;IACnBI,GAAG,EAAEL;EAAW,EACjB,CAAC;AAEN,CAAC","ignoreList":[]}

package/SortArea/index.d.ts

@@ -1,5 +1,5 @@
-import { RowProps } from "../Layouts";
 import React from "react";
+import { RowProps } from "../Layouts";
 export interface SortAreaProps extends Omit<RowProps, "onChange"> {
     /**
      * このコンポーネントの子要素はkey属性を必ず持っている必要があります。

package/SortArea/index.js

@@ -4,10 +4,10 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { Row } from "../Layouts";
-import { arrayShallowEqual } from "../@utils/arrayShallowEqual";
 import { css } from "@emotion/react";
 import React, { useCallback, useMemo, useRef, useState } from "react";
+import { Row } from "../Layouts";
+import { arrayShallowEqual } from "../@utils/arrayShallowEqual";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var camelize = str => {
   var arr = str.split("-");
@@ -49,7 +49,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "& [draggable=\"true\"]{z-index:0;box-sizing:border-box;cursor:grab;user-select:none;transition:transform 0.2s ease-out,outline 0.2s ease-out;&[data-drag-state=\"over\"]{outline:2px dotted rgba(0, 0, 0, 0.2);}&[data-drag-state=\"dragging\"]{z-index:999;cursor:grabbing;opacity:0.5;transform:scale(0.8);}}"
 } : {
   name: "cep9g1-SortAreaInner",
-  styles: "& [draggable=\"true\"]{z-index:0;box-sizing:border-box;cursor:grab;user-select:none;transition:transform 0.2s ease-out,outline 0.2s ease-out;&[data-drag-state=\"over\"]{outline:2px dotted rgba(0, 0, 0, 0.2);}&[data-drag-state=\"dragging\"]{z-index:999;cursor:grabbing;opacity:0.5;transform:scale(0.8);}};label:SortAreaInner;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUtjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tbm9uLW51bGwtYXNzZXJ0aW9uICovXG5pbXBvcnQgeyBSb3csIFJvd1Byb3BzIH0gZnJvbSBcIi4uL0xheW91dHNcIjtcbmltcG9ydCB7IGFycmF5U2hhbGxvd0VxdWFsIH0gZnJvbSBcIi4uL0B1dGlscy9hcnJheVNoYWxsb3dFcXVhbFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgY2FtZWxpemUgPSAoc3RyOiBzdHJpbmcpID0+IHtcbiAgY29uc3QgYXJyID0gc3RyLnNwbGl0KFwiLVwiKTtcbiAgY29uc3QgY2FwaXRhbCA9IGFyci5tYXAoKGl0ZW0sIGluZGV4KSA9PlxuICAgIGluZGV4ID8gaXRlbS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIGl0ZW0uc2xpY2UoMSkudG9Mb3dlckNhc2UoKSA6IGl0ZW0sXG4gICk7XG4gIGNvbnN0IGNhcGl0YWxTdHJpbmcgPSBjYXBpdGFsLmpvaW4oXCJcIik7XG4gIHJldHVybiBjYXBpdGFsU3RyaW5nO1xufTtcblxuY29uc3QgZGF0YWlkID0gXCJkYXRhLXNvcnQtYXJlYS1pdGVtLWluZGV4XCI7XG5jb25zdCBkYXRhSWQgPSBjYW1lbGl6ZShkYXRhaWQucmVwbGFjZShcImRhdGEtXCIsIFwiXCIpKTtcblxuZXhwb3J0IGludGVyZmFjZSBTb3J0QXJlYVByb3BzIGV4dGVuZHMgT21pdDxSb3dQcm9wcywgXCJvbkNoYW5nZVwiPiB7XG4gIC8qKlxuICAgKiDjgZPjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjga7lrZDopoHntKDjga9rZXnlsZ7mgKfjgpLlv4XjgZrmjIHjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICoga2V544GvdW5pcXVl44Gn44Gq44GR44KM44Gw44Gq44KK44G+44Gb44KT44CC5rG644GX44Gm5a6J55u044GqbWFw44GuaW5kZXjjgarjganjgpLmuKHjgZXjgarjgYTjgojjgYbjgavjgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICog44G+44Gf5a2Q44Kz44Oz44Od44O844ON44Oz44OI44Gv5Lu75oSP44GucHJvcHPjgpLlj5fjgZHlj5bjgozjgovjgojjgYbjgavjgarjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnRbXTtcbiAgLyoqXG4gICAqIOS4puOBs+mghuOCkueuoeeQhuOBmeOCi+OBn+OCgeOBrumFjeWIl+OBp+OBmeOAglxuICAgKiDjgZPjgozjgYzlrZjlnKjjgZfjgarjgYTloLTlkIjjgIFTb3J0QXJlYeOBr+eEoeWKueWMluOBleOCjOOBvuOBmeOAglxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgbGlzdD86IGFueVtdO1xuICAvKipcbiAgICog5Lim44Gz6aCG44GM5aSJ5pu044GV44KM44Gf5pmC44Gr5ZG844Gw44KM44KL44Kz44O844Or44OQ44OD44Kv44Gn44GZ44CCXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBvbkNoYW5nZT86IChrZXlzOiBhbnlbXSkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIOWFiOmgreOBq+OCveODvOODiOS4jeWPr+OBquimgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgc3RhcnRBZG9ybm1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDmnKvlsL7jgavjgr3jg7zjg4jkuI3lj6/jgaropoHntKDjgpLov73liqDjgZfjgb7jgZnjgIJcbiAgICovXG4gIGVuZEFkb3JubWVudD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOOCveODvOODiOapn+iDveOCkueEoeWKueWMluOBl+OBvuOBmeOAglxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU29ydEFyZWEgPSAoe1xuICAvKipcbiAgICogZGlzYWJsZWTjga7loLTlkIjjgavkuI3opoHjgapSb3dQcm9wc+OBqOOBruW3ruWIhuOBruOBv+aYjuekuueahOOBq+aJseOBhuOAglxuICAgKi9cbiAgbGlzdCxcbiAgc3RhcnRBZG9ybm1lbnQsXG4gIGVuZEFkb3JubWVudCxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBkaXNhYmxlZCxcbiAgLi4ucHJvcHNcbn06IFNvcnRBcmVhUHJvcHMpID0+IHtcbiAgaWYgKGxpc3QgPT09IHVuZGVmaW5lZCB8fCBsaXN0Lmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGlmIChkaXNhYmxlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8Um93IHsuLi5wcm9wc30+XG4gICAgICAgIHtzdGFydEFkb3JubWVudH1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7ZW5kQWRvcm5tZW50fVxuICAgICAgPC9Sb3c+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxTb3J0QXJlYUlubmVyXG4gICAgICBsaXN0PXtsaXN0fVxuICAgICAgey4uLnByb3BzfVxuICAgICAgc3RhcnRBZG9ybm1lbnQ9e3N0YXJ0QWRvcm5tZW50fVxuICAgICAgZW5kQWRvcm5tZW50PXtlbmRBZG9ybm1lbnR9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU29ydEFyZWFJbm5lcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBTb3J0QXJlYUlubmVyUHJvcHMgZXh0ZW5kcyBTb3J0QXJlYVByb3BzIHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgbGlzdDogYW55W107XG59XG5cbmNvbnN0IFNvcnRBcmVhSW5uZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgb25DaGFuZ2UsXG4gIGxpc3Q6IGxpc3RQcm9wLFxuICBzdGFydEFkb3JubWVudCxcbiAgZW5kQWRvcm5tZW50LFxuICAuLi5wcm9wc1xufTogU29ydEFyZWFJbm5lclByb3BzKSA9PiB7XG4gIGNvbnN0IGNhY2hlID0gdXNlUmVmKC0xKTtcbiAgY29uc3QgW19saXN0LCBfc2V0TGlzdF0gPSB1c2VTdGF0ZShsaXN0UHJvcCk7XG5cbiAgY29uc3QgbGlzdCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLXJldHVyblxuICAgIHJldHVybiBhcnJheVNoYWxsb3dFcXVhbChfbGlzdCwgbGlzdFByb3ApID8gX2xpc3QgOiBsaXN0UHJvcDtcbiAgfSwgW19saXN0LCBsaXN0UHJvcF0pO1xuXG4gIGNvbnN0IHNldExpc3QgPSB1c2VDYWxsYmFjayhcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICh2YWx1ZTogKGN1cnJlbnQ6IGFueVtdKSA9PiBhbnlbXSkgPT4ge1xuICAgICAgY29uc3QgbmV4dCA9IHZhbHVlKGxpc3QpO1xuICAgICAgX3NldExpc3QobmV4dCk7XG4gICAgICBpZiAob25DaGFuZ2UpIHtcbiAgICAgICAgb25DaGFuZ2UobmV4dCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbbGlzdCwgb25DaGFuZ2VdLFxuICApO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdTdGFydCA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlID0gXCJkcmFnZ2luZ1wiO1xuICAgIGUuZGF0YVRyYW5zZmVyLmVmZmVjdEFsbG93ZWQgPSBcIm1vdmVcIjtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdMZWF2ZSA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZSAhPT0gXCJkcmFnZ2luZ1wiKSB7XG4gICAgICBkZWxldGUgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IG92ZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KHVuZGVmaW5lZCk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ092ZXIgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGlmIChlLmN1cnJlbnRUYXJnZXQuZHJhZ2dhYmxlID09PSB0cnVlKSB7XG4gICAgICBpZiAoIWUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZSkge1xuICAgICAgICBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGUgPSBcIm92ZXJcIjtcbiAgICAgICAgb3ZlclJlZi5jdXJyZW50ID0gZS5jdXJyZW50VGFyZ2V0O1xuICAgICAgfVxuICAgICAgY2FjaGUuY3VycmVudCA9IHBhcnNlSW50KGUuY3VycmVudFRhcmdldC5kYXRhc2V0W2RhdGFJZF0hLCAxMCk7XG4gICAgfVxuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyYWdFbmQgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgY29uc3QgY3VycmVudEluZGV4ID0gcGFyc2VJbnQoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXRbZGF0YUlkXSEsIDEwKTtcbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGU7XG4gICAgICBkZWxldGUgb3ZlclJlZi5jdXJyZW50Py5kYXRhc2V0LmRyYWdTdGF0ZTtcbiAgICAgIGUuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSBcIm1vdmVcIjtcblxuICAgICAgc2V0TGlzdCgocHJldikgPT4ge1xuICAgICAgICBjb25zdCBuZXh0SW5kZXggPSBjYWNoZS5jdXJyZW50O1xuICAgICAgICBjb25zdCBjb3B5ID0gcHJldi5jb25jYXQoKTtcbiAgICAgICAgY29uc3QgY3VycmVudCA9IGNvcHkuc3BsaWNlKGN1cnJlbnRJbmRleCwgMSk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWFyZ3VtZW50XG4gICAgICAgIGNvcHkuc3BsaWNlKG5leHRJbmRleCwgMCwgLi4uY3VycmVudCk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLXJldHVyblxuICAgICAgICByZXR1cm4gY29weTtcbiAgICAgIH0pO1xuICAgIH0sXG4gICAgW3NldExpc3RdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFJvd1xuICAgICAgey4uLnByb3BzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICYgW2RyYWdnYWJsZT1cInRydWVcIl0ge1xuICAgICAgICAgIHotaW5kZXg6IDA7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgICAgIHRyYW5zZm9ybSAwLjJzIGVhc2Utb3V0LFxuICAgICAgICAgICAgb3V0bGluZSAwLjJzIGVhc2Utb3V0O1xuXG4gICAgICAgICAgJltkYXRhLWRyYWctc3RhdGU9XCJvdmVyXCJdIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICZbZGF0YS1kcmFnLXN0YXRlPVwiZHJhZ2dpbmdcIl0ge1xuICAgICAgICAgICAgei1pbmRleDogOTk5O1xuICAgICAgICAgICAgY3Vyc29yOiBncmFiYmluZztcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC44KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge3N0YXJ0QWRvcm5tZW50fVxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWFyZ3VtZW50XG4gICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICBvbkRyYWdTdGFydDogaGFuZGxlRHJhZ1N0YXJ0LFxuICAgICAgICAgIG9uRHJhZ092ZXI6IGhhbmRsZURyYWdPdmVyLFxuICAgICAgICAgIG9uRHJhZ0VuZDogaGFuZGxlRHJhZ0VuZCxcbiAgICAgICAgICBvbkRyYWdMZWF2ZTogaGFuZGxlRHJhZ0xlYXZlLFxuICAgICAgICAgIGRyYWdnYWJsZTogdHJ1ZSxcbiAgICAgICAgICBbZGF0YWlkXTogaW5kZXgsXG4gICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnksIEB0eXBlc2NyaXB0LWVzbGludC9uby11bm5lY2Vzc2FyeS10eXBlLWFzc2VydGlvblxuICAgICAgICAgIC4uLihjaGlsZC5wcm9wcyBhcyBhbnkpLFxuICAgICAgICB9KTtcbiAgICAgIH0pfVxuICAgICAge2VuZEFkb3JubWVudH1cbiAgICA8L1Jvdz5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "& [draggable=\"true\"]{z-index:0;box-sizing:border-box;cursor:grab;user-select:none;transition:transform 0.2s ease-out,outline 0.2s ease-out;&[data-drag-state=\"over\"]{outline:2px dotted rgba(0, 0, 0, 0.2);}&[data-drag-state=\"dragging\"]{z-index:999;cursor:grabbing;opacity:0.5;transform:scale(0.8);}};label:SortAreaInner;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUtjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Tb3J0QXJlYS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tbm9uLW51bGwtYXNzZXJ0aW9uICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgUm93LCBSb3dQcm9wcyB9IGZyb20gXCIuLi9MYXlvdXRzXCI7XG5pbXBvcnQgeyBhcnJheVNoYWxsb3dFcXVhbCB9IGZyb20gXCIuLi9AdXRpbHMvYXJyYXlTaGFsbG93RXF1YWxcIjtcblxuY29uc3QgY2FtZWxpemUgPSAoc3RyOiBzdHJpbmcpID0+IHtcbiAgY29uc3QgYXJyID0gc3RyLnNwbGl0KFwiLVwiKTtcbiAgY29uc3QgY2FwaXRhbCA9IGFyci5tYXAoKGl0ZW0sIGluZGV4KSA9PlxuICAgIGluZGV4ID8gaXRlbS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIGl0ZW0uc2xpY2UoMSkudG9Mb3dlckNhc2UoKSA6IGl0ZW0sXG4gICk7XG4gIGNvbnN0IGNhcGl0YWxTdHJpbmcgPSBjYXBpdGFsLmpvaW4oXCJcIik7XG4gIHJldHVybiBjYXBpdGFsU3RyaW5nO1xufTtcblxuY29uc3QgZGF0YWlkID0gXCJkYXRhLXNvcnQtYXJlYS1pdGVtLWluZGV4XCI7XG5jb25zdCBkYXRhSWQgPSBjYW1lbGl6ZShkYXRhaWQucmVwbGFjZShcImRhdGEtXCIsIFwiXCIpKTtcblxuZXhwb3J0IGludGVyZmFjZSBTb3J0QXJlYVByb3BzIGV4dGVuZHMgT21pdDxSb3dQcm9wcywgXCJvbkNoYW5nZVwiPiB7XG4gIC8qKlxuICAgKiDjgZPjga7jgrPjg7Pjg53jg7zjg43jg7Pjg4jjga7lrZDopoHntKDjga9rZXnlsZ7mgKfjgpLlv4XjgZrmjIHjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICoga2V544GvdW5pcXVl44Gn44Gq44GR44KM44Gw44Gq44KK44G+44Gb44KT44CC5rG644GX44Gm5a6J55u044GqbWFw44GuaW5kZXjjgarjganjgpLmuKHjgZXjgarjgYTjgojjgYbjgavjgZfjgabjgY/jgaDjgZXjgYTjgIJcbiAgICog44G+44Gf5a2Q44Kz44Oz44Od44O844ON44Oz44OI44Gv5Lu75oSP44GucHJvcHPjgpLlj5fjgZHlj5bjgozjgovjgojjgYbjgavjgarjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnRbXTtcbiAgLyoqXG4gICAqIOS4puOBs+mghuOCkueuoeeQhuOBmeOCi+OBn+OCgeOBrumFjeWIl+OBp+OBmeOAglxuICAgKiDjgZPjgozjgYzlrZjlnKjjgZfjgarjgYTloLTlkIjjgIFTb3J0QXJlYeOBr+eEoeWKueWMluOBleOCjOOBvuOBmeOAglxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgbGlzdD86IGFueVtdO1xuICAvKipcbiAgICog5Lim44Gz6aCG44GM5aSJ5pu044GV44KM44Gf5pmC44Gr5ZG844Gw44KM44KL44Kz44O844Or44OQ44OD44Kv44Gn44GZ44CCXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBvbkNoYW5nZT86IChrZXlzOiBhbnlbXSkgPT4gdm9pZDtcbiAgLyoqXG4gICAqIOWFiOmgreOBq+OCveODvOODiOS4jeWPr+OBquimgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgc3RhcnRBZG9ybm1lbnQ/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDmnKvlsL7jgavjgr3jg7zjg4jkuI3lj6/jgaropoHntKDjgpLov73liqDjgZfjgb7jgZnjgIJcbiAgICovXG4gIGVuZEFkb3JubWVudD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOOCveODvOODiOapn+iDveOCkueEoeWKueWMluOBl+OBvuOBmeOAglxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU29ydEFyZWEgPSAoe1xuICAvKipcbiAgICogZGlzYWJsZWTjga7loLTlkIjjgavkuI3opoHjgapSb3dQcm9wc+OBqOOBruW3ruWIhuOBruOBv+aYjuekuueahOOBq+aJseOBhuOAglxuICAgKi9cbiAgbGlzdCxcbiAgc3RhcnRBZG9ybm1lbnQsXG4gIGVuZEFkb3JubWVudCxcbiAgY2hpbGRyZW4sXG4gIG9uQ2hhbmdlLFxuICBkaXNhYmxlZCxcbiAgLi4ucHJvcHNcbn06IFNvcnRBcmVhUHJvcHMpID0+IHtcbiAgaWYgKGxpc3QgPT09IHVuZGVmaW5lZCB8fCBsaXN0Lmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGlmIChkaXNhYmxlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8Um93IHsuLi5wcm9wc30+XG4gICAgICAgIHtzdGFydEFkb3JubWVudH1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7ZW5kQWRvcm5tZW50fVxuICAgICAgPC9Sb3c+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxTb3J0QXJlYUlubmVyXG4gICAgICBsaXN0PXtsaXN0fVxuICAgICAgey4uLnByb3BzfVxuICAgICAgc3RhcnRBZG9ybm1lbnQ9e3N0YXJ0QWRvcm5tZW50fVxuICAgICAgZW5kQWRvcm5tZW50PXtlbmRBZG9ybm1lbnR9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU29ydEFyZWFJbm5lcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBTb3J0QXJlYUlubmVyUHJvcHMgZXh0ZW5kcyBTb3J0QXJlYVByb3BzIHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgbGlzdDogYW55W107XG59XG5cbmNvbnN0IFNvcnRBcmVhSW5uZXIgPSAoe1xuICBjaGlsZHJlbixcbiAgb25DaGFuZ2UsXG4gIGxpc3Q6IGxpc3RQcm9wLFxuICBzdGFydEFkb3JubWVudCxcbiAgZW5kQWRvcm5tZW50LFxuICAuLi5wcm9wc1xufTogU29ydEFyZWFJbm5lclByb3BzKSA9PiB7XG4gIGNvbnN0IGNhY2hlID0gdXNlUmVmKC0xKTtcbiAgY29uc3QgW19saXN0LCBfc2V0TGlzdF0gPSB1c2VTdGF0ZShsaXN0UHJvcCk7XG5cbiAgY29uc3QgbGlzdCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLXJldHVyblxuICAgIHJldHVybiBhcnJheVNoYWxsb3dFcXVhbChfbGlzdCwgbGlzdFByb3ApID8gX2xpc3QgOiBsaXN0UHJvcDtcbiAgfSwgW19saXN0LCBsaXN0UHJvcF0pO1xuXG4gIGNvbnN0IHNldExpc3QgPSB1c2VDYWxsYmFjayhcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICh2YWx1ZTogKGN1cnJlbnQ6IGFueVtdKSA9PiBhbnlbXSkgPT4ge1xuICAgICAgY29uc3QgbmV4dCA9IHZhbHVlKGxpc3QpO1xuICAgICAgX3NldExpc3QobmV4dCk7XG4gICAgICBpZiAob25DaGFuZ2UpIHtcbiAgICAgICAgb25DaGFuZ2UobmV4dCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbbGlzdCwgb25DaGFuZ2VdLFxuICApO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdTdGFydCA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlID0gXCJkcmFnZ2luZ1wiO1xuICAgIGUuZGF0YVRyYW5zZmVyLmVmZmVjdEFsbG93ZWQgPSBcIm1vdmVcIjtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdMZWF2ZSA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZSAhPT0gXCJkcmFnZ2luZ1wiKSB7XG4gICAgICBkZWxldGUgZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlO1xuICAgIH1cbiAgfSwgW10pO1xuXG4gIGNvbnN0IG92ZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KHVuZGVmaW5lZCk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ092ZXIgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGlmIChlLmN1cnJlbnRUYXJnZXQuZHJhZ2dhYmxlID09PSB0cnVlKSB7XG4gICAgICBpZiAoIWUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZSkge1xuICAgICAgICBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGUgPSBcIm92ZXJcIjtcbiAgICAgICAgb3ZlclJlZi5jdXJyZW50ID0gZS5jdXJyZW50VGFyZ2V0O1xuICAgICAgfVxuICAgICAgY2FjaGUuY3VycmVudCA9IHBhcnNlSW50KGUuY3VycmVudFRhcmdldC5kYXRhc2V0W2RhdGFJZF0hLCAxMCk7XG4gICAgfVxuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyYWdFbmQgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgY29uc3QgY3VycmVudEluZGV4ID0gcGFyc2VJbnQoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXRbZGF0YUlkXSEsIDEwKTtcbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGU7XG4gICAgICBkZWxldGUgb3ZlclJlZi5jdXJyZW50Py5kYXRhc2V0LmRyYWdTdGF0ZTtcbiAgICAgIGUuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSBcIm1vdmVcIjtcblxuICAgICAgc2V0TGlzdCgocHJldikgPT4ge1xuICAgICAgICBjb25zdCBuZXh0SW5kZXggPSBjYWNoZS5jdXJyZW50O1xuICAgICAgICBjb25zdCBjb3B5ID0gcHJldi5jb25jYXQoKTtcbiAgICAgICAgY29uc3QgY3VycmVudCA9IGNvcHkuc3BsaWNlKGN1cnJlbnRJbmRleCwgMSk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWFyZ3VtZW50XG4gICAgICAgIGNvcHkuc3BsaWNlKG5leHRJbmRleCwgMCwgLi4uY3VycmVudCk7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLXJldHVyblxuICAgICAgICByZXR1cm4gY29weTtcbiAgICAgIH0pO1xuICAgIH0sXG4gICAgW3NldExpc3RdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFJvd1xuICAgICAgey4uLnByb3BzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICYgW2RyYWdnYWJsZT1cInRydWVcIl0ge1xuICAgICAgICAgIHotaW5kZXg6IDA7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBjdXJzb3I6IGdyYWI7XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgICAgdHJhbnNpdGlvbjpcbiAgICAgICAgICAgIHRyYW5zZm9ybSAwLjJzIGVhc2Utb3V0LFxuICAgICAgICAgICAgb3V0bGluZSAwLjJzIGVhc2Utb3V0O1xuXG4gICAgICAgICAgJltkYXRhLWRyYWctc3RhdGU9XCJvdmVyXCJdIHtcbiAgICAgICAgICAgIG91dGxpbmU6IDJweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgICAgICAgIH1cblxuICAgICAgICAgICZbZGF0YS1kcmFnLXN0YXRlPVwiZHJhZ2dpbmdcIl0ge1xuICAgICAgICAgICAgei1pbmRleDogOTk5O1xuICAgICAgICAgICAgY3Vyc29yOiBncmFiYmluZztcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMC44KTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge3N0YXJ0QWRvcm5tZW50fVxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWFyZ3VtZW50XG4gICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICBvbkRyYWdTdGFydDogaGFuZGxlRHJhZ1N0YXJ0LFxuICAgICAgICAgIG9uRHJhZ092ZXI6IGhhbmRsZURyYWdPdmVyLFxuICAgICAgICAgIG9uRHJhZ0VuZDogaGFuZGxlRHJhZ0VuZCxcbiAgICAgICAgICBvbkRyYWdMZWF2ZTogaGFuZGxlRHJhZ0xlYXZlLFxuICAgICAgICAgIGRyYWdnYWJsZTogdHJ1ZSxcbiAgICAgICAgICBbZGF0YWlkXTogaW5kZXgsXG4gICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnksIEB0eXBlc2NyaXB0LWVzbGludC9uby11bm5lY2Vzc2FyeS10eXBlLWFzc2VydGlvblxuICAgICAgICAgIC4uLihjaGlsZC5wcm9wcyBhcyBhbnkpLFxuICAgICAgICB9KTtcbiAgICAgIH0pfVxuICAgICAge2VuZEFkb3JubWVudH1cbiAgICA8L1Jvdz5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var SortAreaInner = _ref3 => {

package/SortArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Row","arrayShallowEqual","css","React","useCallback","useMemo","useRef","useState","jsx","___EmotionJSX","camelize","str","arr","split","capital","map","item","index","charAt","toUpperCase","slice","toLowerCase","capitalString","join","dataid","dataId","replace","SortArea","_ref2","list","startAdornment","endAdornment","children","onChange","disabled","props","_objectWithoutPropertiesLoose","_excluded","undefined","length","SortAreaInner","_extends","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref3","listProp","_excluded2","cache","_list","_setList","setList","value","next","handleDragStart","e","currentTarget","dataset","dragState","dataTransfer","effectAllowed","handleDragLeave","overRef","handleDragOver","draggable","current","parseInt","handleDragEnd","_overRef$current","currentIndex","dropEffect","prev","nextIndex","copy","concat","splice","Children","child","cloneElement","onDragStart","onDragOver","onDragEnd","onDragLeave"],"sources":["../../../src/SortArea/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { Row, RowProps } from \"../Layouts\";\nimport { arrayShallowEqual } from \"../@utils/arrayShallowEqual\";\nimport { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\n\nconst camelize = (str: string) => {\n  const arr = str.split(\"-\");\n  const capital = arr.map((item, index) =>\n    index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item,\n  );\n  const capitalString = capital.join(\"\");\n  return capitalString;\n};\n\nconst dataid = \"data-sort-area-item-index\";\nconst dataId = camelize(dataid.replace(\"data-\", \"\"));\n\nexport interface SortAreaProps extends Omit<RowProps, \"onChange\"> {\n  /**\n   * このコンポーネントの子要素はkey属性を必ず持っている必要があります。\n   * keyはuniqueでなければなりません。決して安直なmapのindexなどを渡さないようにしてください。\n   * また子コンポーネントは任意のpropsを受け取れるようになっている必要があります。\n   */\n  children: React.ReactElement[];\n  /**\n   * 並び順を管理するための配列です。\n   * これが存在しない場合、SortAreaは無効化されます。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  list?: any[];\n  /**\n   * 並び順が変更された時に呼ばれるコールバックです。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange?: (keys: any[]) => void;\n  /**\n   * 先頭にソート不可な要素を追加します。\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * 末尾にソート不可な要素を追加します。\n   */\n  endAdornment?: React.ReactNode;\n  /**\n   * ソート機能を無効化します。\n   */\n  disabled?: boolean;\n}\n\nexport const SortArea = ({\n  /**\n   * disabledの場合に不要なRowPropsとの差分のみ明示的に扱う。\n   */\n  list,\n  startAdornment,\n  endAdornment,\n  children,\n  onChange,\n  disabled,\n  ...props\n}: SortAreaProps) => {\n  if (list === undefined || list.length === 0) {\n    return null;\n  }\n  if (disabled) {\n    return (\n      <Row {...props}>\n        {startAdornment}\n        {children}\n        {endAdornment}\n      </Row>\n    );\n  }\n  return (\n    <SortAreaInner\n      list={list}\n      {...props}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n      onChange={onChange}\n    >\n      {children}\n    </SortAreaInner>\n  );\n};\n\ninterface SortAreaInnerProps extends SortAreaProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  list: any[];\n}\n\nconst SortAreaInner = ({\n  children,\n  onChange,\n  list: listProp,\n  startAdornment,\n  endAdornment,\n  ...props\n}: SortAreaInnerProps) => {\n  const cache = useRef(-1);\n  const [_list, _setList] = useState(listProp);\n\n  const list = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n    return arrayShallowEqual(_list, listProp) ? _list : listProp;\n  }, [_list, listProp]);\n\n  const setList = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value: (current: any[]) => any[]) => {\n      const next = value(list);\n      _setList(next);\n      if (onChange) {\n        onChange(next);\n      }\n    },\n    [list, onChange],\n  );\n\n  const handleDragStart = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    e.currentTarget.dataset.dragState = \"dragging\";\n    e.dataTransfer.effectAllowed = \"move\";\n  }, []);\n\n  const handleDragLeave = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    if (e.currentTarget.dataset.dragState !== \"dragging\") {\n      delete e.currentTarget.dataset.dragState;\n    }\n  }, []);\n\n  const overRef = useRef<HTMLElement>(undefined);\n\n  const handleDragOver = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    if (e.currentTarget.draggable === true) {\n      if (!e.currentTarget.dataset.dragState) {\n        e.currentTarget.dataset.dragState = \"over\";\n        overRef.current = e.currentTarget;\n      }\n      cache.current = parseInt(e.currentTarget.dataset[dataId]!, 10);\n    }\n  }, []);\n  const handleDragEnd = useCallback(\n    (e: React.DragEvent<HTMLDivElement>) => {\n      const currentIndex = parseInt(e.currentTarget.dataset[dataId]!, 10);\n      delete e.currentTarget.dataset.dragState;\n      delete overRef.current?.dataset.dragState;\n      e.dataTransfer.dropEffect = \"move\";\n\n      setList((prev) => {\n        const nextIndex = cache.current;\n        const copy = prev.concat();\n        const current = copy.splice(currentIndex, 1);\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        copy.splice(nextIndex, 0, ...current);\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return copy;\n      });\n    },\n    [setList],\n  );\n\n  return (\n    <Row\n      {...props}\n      css={css`\n        & [draggable=\"true\"] {\n          z-index: 0;\n          box-sizing: border-box;\n          cursor: grab;\n          user-select: none;\n          transition:\n            transform 0.2s ease-out,\n            outline 0.2s ease-out;\n\n          &[data-drag-state=\"over\"] {\n            outline: 2px dotted rgba(0, 0, 0, 0.2);\n          }\n\n          &[data-drag-state=\"dragging\"] {\n            z-index: 999;\n            cursor: grabbing;\n            opacity: 0.5;\n            transform: scale(0.8);\n          }\n        }\n      `}\n    >\n      {startAdornment}\n      {React.Children.map(children, (child, index: number) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        return React.cloneElement(child, {\n          onDragStart: handleDragStart,\n          onDragOver: handleDragOver,\n          onDragEnd: handleDragEnd,\n          onDragLeave: handleDragLeave,\n          draggable: true,\n          [dataid]: index,\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n          ...(child.props as any),\n        });\n      })}\n      {endAdornment}\n    </Row>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","React","useCallback","useMemo","useRef","useState","Row","arrayShallowEqual","jsx","___EmotionJSX","camelize","str","arr","split","capital","map","item","index","charAt","toUpperCase","slice","toLowerCase","capitalString","join","dataid","dataId","replace","SortArea","_ref2","list","startAdornment","endAdornment","children","onChange","disabled","props","_objectWithoutPropertiesLoose","_excluded","undefined","length","SortAreaInner","_extends","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref3","listProp","_excluded2","cache","_list","_setList","setList","value","next","handleDragStart","e","currentTarget","dataset","dragState","dataTransfer","effectAllowed","handleDragLeave","overRef","handleDragOver","draggable","current","parseInt","handleDragEnd","_overRef$current","currentIndex","dropEffect","prev","nextIndex","copy","concat","splice","Children","child","cloneElement","onDragStart","onDragOver","onDragEnd","onDragLeave"],"sources":["../../../src/SortArea/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { Row, RowProps } from \"../Layouts\";\nimport { arrayShallowEqual } from \"../@utils/arrayShallowEqual\";\n\nconst camelize = (str: string) => {\n  const arr = str.split(\"-\");\n  const capital = arr.map((item, index) =>\n    index ? item.charAt(0).toUpperCase() + item.slice(1).toLowerCase() : item,\n  );\n  const capitalString = capital.join(\"\");\n  return capitalString;\n};\n\nconst dataid = \"data-sort-area-item-index\";\nconst dataId = camelize(dataid.replace(\"data-\", \"\"));\n\nexport interface SortAreaProps extends Omit<RowProps, \"onChange\"> {\n  /**\n   * このコンポーネントの子要素はkey属性を必ず持っている必要があります。\n   * keyはuniqueでなければなりません。決して安直なmapのindexなどを渡さないようにしてください。\n   * また子コンポーネントは任意のpropsを受け取れるようになっている必要があります。\n   */\n  children: React.ReactElement[];\n  /**\n   * 並び順を管理するための配列です。\n   * これが存在しない場合、SortAreaは無効化されます。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  list?: any[];\n  /**\n   * 並び順が変更された時に呼ばれるコールバックです。\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onChange?: (keys: any[]) => void;\n  /**\n   * 先頭にソート不可な要素を追加します。\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * 末尾にソート不可な要素を追加します。\n   */\n  endAdornment?: React.ReactNode;\n  /**\n   * ソート機能を無効化します。\n   */\n  disabled?: boolean;\n}\n\nexport const SortArea = ({\n  /**\n   * disabledの場合に不要なRowPropsとの差分のみ明示的に扱う。\n   */\n  list,\n  startAdornment,\n  endAdornment,\n  children,\n  onChange,\n  disabled,\n  ...props\n}: SortAreaProps) => {\n  if (list === undefined || list.length === 0) {\n    return null;\n  }\n  if (disabled) {\n    return (\n      <Row {...props}>\n        {startAdornment}\n        {children}\n        {endAdornment}\n      </Row>\n    );\n  }\n  return (\n    <SortAreaInner\n      list={list}\n      {...props}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n      onChange={onChange}\n    >\n      {children}\n    </SortAreaInner>\n  );\n};\n\ninterface SortAreaInnerProps extends SortAreaProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  list: any[];\n}\n\nconst SortAreaInner = ({\n  children,\n  onChange,\n  list: listProp,\n  startAdornment,\n  endAdornment,\n  ...props\n}: SortAreaInnerProps) => {\n  const cache = useRef(-1);\n  const [_list, _setList] = useState(listProp);\n\n  const list = useMemo(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n    return arrayShallowEqual(_list, listProp) ? _list : listProp;\n  }, [_list, listProp]);\n\n  const setList = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (value: (current: any[]) => any[]) => {\n      const next = value(list);\n      _setList(next);\n      if (onChange) {\n        onChange(next);\n      }\n    },\n    [list, onChange],\n  );\n\n  const handleDragStart = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    e.currentTarget.dataset.dragState = \"dragging\";\n    e.dataTransfer.effectAllowed = \"move\";\n  }, []);\n\n  const handleDragLeave = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    if (e.currentTarget.dataset.dragState !== \"dragging\") {\n      delete e.currentTarget.dataset.dragState;\n    }\n  }, []);\n\n  const overRef = useRef<HTMLElement>(undefined);\n\n  const handleDragOver = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    if (e.currentTarget.draggable === true) {\n      if (!e.currentTarget.dataset.dragState) {\n        e.currentTarget.dataset.dragState = \"over\";\n        overRef.current = e.currentTarget;\n      }\n      cache.current = parseInt(e.currentTarget.dataset[dataId]!, 10);\n    }\n  }, []);\n  const handleDragEnd = useCallback(\n    (e: React.DragEvent<HTMLDivElement>) => {\n      const currentIndex = parseInt(e.currentTarget.dataset[dataId]!, 10);\n      delete e.currentTarget.dataset.dragState;\n      delete overRef.current?.dataset.dragState;\n      e.dataTransfer.dropEffect = \"move\";\n\n      setList((prev) => {\n        const nextIndex = cache.current;\n        const copy = prev.concat();\n        const current = copy.splice(currentIndex, 1);\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        copy.splice(nextIndex, 0, ...current);\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return copy;\n      });\n    },\n    [setList],\n  );\n\n  return (\n    <Row\n      {...props}\n      css={css`\n        & [draggable=\"true\"] {\n          z-index: 0;\n          box-sizing: border-box;\n          cursor: grab;\n          user-select: none;\n          transition:\n            transform 0.2s ease-out,\n            outline 0.2s ease-out;\n\n          &[data-drag-state=\"over\"] {\n            outline: 2px dotted rgba(0, 0, 0, 0.2);\n          }\n\n          &[data-drag-state=\"dragging\"] {\n            z-index: 999;\n            cursor: grabbing;\n            opacity: 0.5;\n            transform: scale(0.8);\n          }\n        }\n      `}\n    >\n      {startAdornment}\n      {React.Children.map(children, (child, index: number) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        return React.cloneElement(child, {\n          onDragStart: handleDragStart,\n          onDragOver: handleDragOver,\n          onDragEnd: handleDragEnd,\n          onDragLeave: handleDragLeave,\n          draggable: true,\n          [dataid]: index,\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-assertion\n          ...(child.props as any),\n        });\n      })}\n      {endAdornment}\n    </Row>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/Status/Status.js

@@ -11,7 +11,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "margin-right:0.5em"
 } : {
   name: "joxp66-Status",
-  styles: "margin-right:0.5em;label:Status;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ29CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoaXBQcm9wcyB9IGZyb20gXCIuLi9DaGlwXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCB0eXBlIFN0YXR1c1Byb3BzID0gQ2hpcFByb3BzO1xuXG5leHBvcnQgY29uc3QgU3RhdHVzID0gZm9yd2FyZFJlZjxIVE1MU3BhbkVsZW1lbnQsIFN0YXR1c1Byb3BzPihcbiAgKHsgY29sb3IgPSBcImRlZmF1bHRcIiwgaWNvbiwgY2hpbGRyZW4sIHJvdW5kZWQsIHRpdGxlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgcGFkZGluZzogMC43NWV4IDFlbTtcbiAgICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHR9O1xuICAgICAgICAgICAgY3Vyc29yOiAke3RpdGxlID8gXCJoZWxwXCIgOiBcImF1dG9cIn07XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuZ3JheVsyMDBdXG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8ubWFpbn07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAke3JvdW5kZWQgPyBcIjJleFwiIDogXCIwLjc1ZXhcIn07XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAhPT0gdW5kZWZpbmVkICYmIGljb24gIT09IG51bGwgPyAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
+  styles: "margin-right:0.5em;label:Status;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ29CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2hpcFByb3BzIH0gZnJvbSBcIi4uL0NoaXBcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmV4cG9ydCB0eXBlIFN0YXR1c1Byb3BzID0gQ2hpcFByb3BzO1xuXG5leHBvcnQgY29uc3QgU3RhdHVzID0gZm9yd2FyZFJlZjxIVE1MU3BhbkVsZW1lbnQsIFN0YXR1c1Byb3BzPihcbiAgKHsgY29sb3IgPSBcImRlZmF1bHRcIiwgaWNvbiwgY2hpbGRyZW4sIHJvdW5kZWQsIHRpdGxlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0aXRsZT17dGl0bGV9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgcGFkZGluZzogMC43NWV4IDFlbTtcbiAgICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXS5jb250cmFzdFRleHR9O1xuICAgICAgICAgICAgY3Vyc29yOiAke3RpdGxlID8gXCJoZWxwXCIgOiBcImF1dG9cIn07XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUuZ3JheVsyMDBdXG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8ubWFpbn07XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAke3JvdW5kZWQgPyBcIjJleFwiIDogXCIwLjc1ZXhcIn07XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAhPT0gdW5kZWZpbmVkICYmIGljb24gIT09IG51bGwgPyAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var Status = /*#__PURE__*/forwardRef((_ref2, ref) => {
@@ -28,7 +28,7 @@ export var Status = /*#__PURE__*/forwardRef((_ref2, ref) => {
   return ___EmotionJSX("span", _extends({
     ref: ref,
     title: title,
-    css: [theme.typography.body, /*#__PURE__*/css("box-sizing:border-box;display:flex;justify-content:center;padding:0.75ex 1em;color:", color === "default" ? theme.palette.text.primary : theme.palette.intentions[color].contrastText, ";cursor:", title ? "help" : "auto", ";background-color:", color === "default" ? theme.palette.gray[200] : (_theme$palette$intent = theme.palette.intentions[color]) == null ? void 0 : _theme$palette$intent.main, ";border-radius:", rounded ? "2ex" : "0.75ex", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Status;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1N0YXR1cy9TdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hpcFByb3BzIH0gZnJvbSBcIi4uL0NoaXBcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IHR5cGUgU3RhdHVzUHJvcHMgPSBDaGlwUHJvcHM7XG5cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSBmb3J3YXJkUmVmPEhUTUxTcGFuRWxlbWVudCwgU3RhdHVzUHJvcHM+KFxuICAoeyBjb2xvciA9IFwiZGVmYXVsdFwiLCBpY29uLCBjaGlsZHJlbiwgcm91bmRlZCwgdGl0bGUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgdGhlbWUudHlwb2dyYXBoeS5ib2R5LFxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAwLjc1ZXggMWVtO1xuICAgICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLmNvbnRyYXN0VGV4dH07XG4gICAgICAgICAgICBjdXJzb3I6ICR7dGl0bGUgPyBcImhlbHBcIiA6IFwiYXV0b1wifTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzIwMF1cbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cm91bmRlZCA/IFwiMmV4XCIgOiBcIjAuNzVleFwifTtcbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbCA/IChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : ";label:Status;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvU3RhdHVzL1N0YXR1cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGlwUHJvcHMgfSBmcm9tIFwiLi4vQ2hpcFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgdHlwZSBTdGF0dXNQcm9wcyA9IENoaXBQcm9wcztcblxuZXhwb3J0IGNvbnN0IFN0YXR1cyA9IGZvcndhcmRSZWY8SFRNTFNwYW5FbGVtZW50LCBTdGF0dXNQcm9wcz4oXG4gICh7IGNvbG9yID0gXCJkZWZhdWx0XCIsIGljb24sIGNoaWxkcmVuLCByb3VuZGVkLCB0aXRsZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuNzVleCAxZW07XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uY29udHJhc3RUZXh0fTtcbiAgICAgICAgICAgIGN1cnNvcjogJHt0aXRsZSA/IFwiaGVscFwiIDogXCJhdXRvXCJ9O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmdyYXlbMjAwXVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0/Lm1haW59O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyb3VuZGVkID8gXCIyZXhcIiA6IFwiMC43NWV4XCJ9O1xuICAgICAgICAgIGAsXG4gICAgICAgIF19XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsID8gKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb259XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */"]
+    css: [theme.typography.body, /*#__PURE__*/css("box-sizing:border-box;display:flex;justify-content:center;padding:0.75ex 1em;color:", color === "default" ? theme.palette.text.primary : theme.palette.intentions[color].contrastText, ";cursor:", title ? "help" : "auto", ";background-color:", color === "default" ? theme.palette.gray[200] : (_theme$palette$intent = theme.palette.intentions[color]) == null ? void 0 : _theme$palette$intent.main, ";border-radius:", rounded ? "2ex" : "0.75ex", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Status;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmEiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1N0YXR1cy9TdGF0dXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBDaGlwUHJvcHMgfSBmcm9tIFwiLi4vQ2hpcFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IHR5cGUgU3RhdHVzUHJvcHMgPSBDaGlwUHJvcHM7XG5cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSBmb3J3YXJkUmVmPEhUTUxTcGFuRWxlbWVudCwgU3RhdHVzUHJvcHM+KFxuICAoeyBjb2xvciA9IFwiZGVmYXVsdFwiLCBpY29uLCBjaGlsZHJlbiwgcm91bmRlZCwgdGl0bGUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgdGhlbWUudHlwb2dyYXBoeS5ib2R5LFxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBwYWRkaW5nOiAwLjc1ZXggMWVtO1xuICAgICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdLmNvbnRyYXN0VGV4dH07XG4gICAgICAgICAgICBjdXJzb3I6ICR7dGl0bGUgPyBcImhlbHBcIiA6IFwiYXV0b1wifTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzIwMF1cbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cm91bmRlZCA/IFwiMmV4XCIgOiBcIjAuNzVleFwifTtcbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbCA/IChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : ";label:Status;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdGF0dXMvU3RhdHVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvU3RhdHVzL1N0YXR1cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENoaXBQcm9wcyB9IGZyb20gXCIuLi9DaGlwXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgdHlwZSBTdGF0dXNQcm9wcyA9IENoaXBQcm9wcztcblxuZXhwb3J0IGNvbnN0IFN0YXR1cyA9IGZvcndhcmRSZWY8SFRNTFNwYW5FbGVtZW50LCBTdGF0dXNQcm9wcz4oXG4gICh7IGNvbG9yID0gXCJkZWZhdWx0XCIsIGljb24sIGNoaWxkcmVuLCByb3VuZGVkLCB0aXRsZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICBjc3M9e1tcbiAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmJvZHksXG4gICAgICAgICAgY3NzYFxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuNzVleCAxZW07XG4gICAgICAgICAgICBjb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLnRleHQucHJpbWFyeVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0uY29udHJhc3RUZXh0fTtcbiAgICAgICAgICAgIGN1cnNvcjogJHt0aXRsZSA/IFwiaGVscFwiIDogXCJhdXRvXCJ9O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmdyYXlbMjAwXVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0/Lm1haW59O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyb3VuZGVkID8gXCIyZXhcIiA6IFwiMC43NWV4XCJ9O1xuICAgICAgICAgIGAsXG4gICAgICAgIF19XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsID8gKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb259XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */"]
   }, props), icon !== undefined && icon !== null ? ___EmotionJSX("span", {
     css: _ref
   }, icon) : null, children);

package/Status/Status.js.map

@@ -1 +1 @@
-{"version":3,"file":"Status.js","names":["css","forwardRef","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Status","_ref2","ref","_theme$palette$intent","color","icon","children","rounded","title","props","_objectWithoutPropertiesLoose","_excluded","theme","_extends","typography","body","palette","text","primary","intentions","contrastText","gray","main","undefined"],"sources":["../../../src/Status/Status.tsx"],"sourcesContent":["import { ChipProps } from \"../Chip\";\nimport { css } from \"@emotion/react\";\nimport { forwardRef } from \"react\";\nimport { useTheme } from \"../theme\";\n\nexport type StatusProps = ChipProps;\n\nexport const Status = forwardRef<HTMLSpanElement, StatusProps>(\n  ({ color = \"default\", icon, children, rounded, title, ...props }, ref) => {\n    const theme = useTheme();\n    return (\n      <span\n        ref={ref}\n        title={title}\n        css={[\n          theme.typography.body,\n          css`\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n            padding: 0.75ex 1em;\n            color: ${color === \"default\"\n              ? theme.palette.text.primary\n              : theme.palette.intentions[color].contrastText};\n            cursor: ${title ? \"help\" : \"auto\"};\n            background-color: ${color === \"default\"\n              ? theme.palette.gray[200]\n              : theme.palette.intentions[color]?.main};\n            border-radius: ${rounded ? \"2ex\" : \"0.75ex\"};\n          `,\n        ]}\n        {...props}\n      >\n        {icon !== undefined && icon !== null ? (\n          <span\n            css={css`\n              margin-right: 0.5em;\n            `}\n          >\n            {icon}\n          </span>\n        ) : null}\n        {children}\n      </span>\n    );\n  },\n);\n"],"mappings":";;;;AACA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,OAAO;AAClC,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAIpC,OAAO,IAAMC,MAAM,gBAAGZ,UAAU,CAC9B,CAAAa,KAAA,EAAkEC,GAAG,KAAK;EAAA,IAAAC,qBAAA;EAAA,IAAzE;MAAEC,KAAK,GAAG,SAAS;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,OAAO;MAAEC;IAAgB,CAAC,GAAAP,KAAA;IAAPQ,KAAK,GAAAC,6BAAA,CAAAT,KAAA,EAAAU,SAAA;EAC5D,IAAMC,KAAK,GAAGvB,QAAQ,CAAC,CAAC;EACxB,OACEE,aAAA,SAAAsB,QAAA;IACEX,GAAG,EAAEA,GAAI;IACTM,KAAK,EAAEA,KAAM;IACbrB,GAAG,GACDyB,KAAK,CAACE,UAAU,CAACC,IAAI,eACrB5B,GAAG,wFAKQiB,KAAK,KAAK,SAAS,GACxBQ,KAAK,CAACI,OAAO,CAACC,IAAI,CAACC,OAAO,GAC1BN,KAAK,CAACI,OAAO,CAACG,UAAU,CAACf,KAAK,CAAC,CAACgB,YAAY,cACtCZ,KAAK,GAAG,MAAM,GAAG,MAAM,wBACbJ,KAAK,KAAK,SAAS,GACnCQ,KAAK,CAACI,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,IAAAlB,qBAAA,GACvBS,KAAK,CAACI,OAAO,CAACG,UAAU,CAACf,KAAK,CAAC,qBAA/BD,qBAAA,CAAiCmB,IAAI,qBACxBf,OAAO,GAAG,KAAK,GAAG,QAAQ,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,6mEAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAE7C,GACEc,KAAK,GAERJ,IAAI,KAAKkB,SAAS,IAAIlB,IAAI,KAAK,IAAI,GAClCd,aAAA;IACEJ,GAAG,EAAAK;EAED,GAEDa,IACG,CAAC,GACL,IAAI,EACPC,QACG,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"Status.js","names":["css","forwardRef","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Status","_ref2","ref","_theme$palette$intent","color","icon","children","rounded","title","props","_objectWithoutPropertiesLoose","_excluded","theme","_extends","typography","body","palette","text","primary","intentions","contrastText","gray","main","undefined"],"sources":["../../../src/Status/Status.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { forwardRef } from \"react\";\nimport { ChipProps } from \"../Chip\";\nimport { useTheme } from \"../theme\";\n\nexport type StatusProps = ChipProps;\n\nexport const Status = forwardRef<HTMLSpanElement, StatusProps>(\n  ({ color = \"default\", icon, children, rounded, title, ...props }, ref) => {\n    const theme = useTheme();\n    return (\n      <span\n        ref={ref}\n        title={title}\n        css={[\n          theme.typography.body,\n          css`\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n            padding: 0.75ex 1em;\n            color: ${color === \"default\"\n              ? theme.palette.text.primary\n              : theme.palette.intentions[color].contrastText};\n            cursor: ${title ? \"help\" : \"auto\"};\n            background-color: ${color === \"default\"\n              ? theme.palette.gray[200]\n              : theme.palette.intentions[color]?.main};\n            border-radius: ${rounded ? \"2ex\" : \"0.75ex\"};\n          `,\n        ]}\n        {...props}\n      >\n        {icon !== undefined && icon !== null ? (\n          <span\n            css={css`\n              margin-right: 0.5em;\n            `}\n          >\n            {icon}\n          </span>\n        ) : null}\n        {children}\n      </span>\n    );\n  },\n);\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,OAAO;AAElC,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAIpC,OAAO,IAAMC,MAAM,gBAAGZ,UAAU,CAC9B,CAAAa,KAAA,EAAkEC,GAAG,KAAK;EAAA,IAAAC,qBAAA;EAAA,IAAzE;MAAEC,KAAK,GAAG,SAAS;MAAEC,IAAI;MAAEC,QAAQ;MAAEC,OAAO;MAAEC;IAAgB,CAAC,GAAAP,KAAA;IAAPQ,KAAK,GAAAC,6BAAA,CAAAT,KAAA,EAAAU,SAAA;EAC5D,IAAMC,KAAK,GAAGvB,QAAQ,CAAC,CAAC;EACxB,OACEE,aAAA,SAAAsB,QAAA;IACEX,GAAG,EAAEA,GAAI;IACTM,KAAK,EAAEA,KAAM;IACbrB,GAAG,GACDyB,KAAK,CAACE,UAAU,CAACC,IAAI,eACrB5B,GAAG,wFAKQiB,KAAK,KAAK,SAAS,GACxBQ,KAAK,CAACI,OAAO,CAACC,IAAI,CAACC,OAAO,GAC1BN,KAAK,CAACI,OAAO,CAACG,UAAU,CAACf,KAAK,CAAC,CAACgB,YAAY,cACtCZ,KAAK,GAAG,MAAM,GAAG,MAAM,wBACbJ,KAAK,KAAK,SAAS,GACnCQ,KAAK,CAACI,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,IAAAlB,qBAAA,GACvBS,KAAK,CAACI,OAAO,CAACG,UAAU,CAACf,KAAK,CAAC,qBAA/BD,qBAAA,CAAiCmB,IAAI,qBACxBf,OAAO,GAAG,KAAK,GAAG,QAAQ,SAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,6mEAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAE7C,GACEc,KAAK,GAERJ,IAAI,KAAKkB,SAAS,IAAIlB,IAAI,KAAK,IAAI,GAClCd,aAAA;IACEJ,GAAG,EAAAK;EAED,GAEDa,IACG,CAAC,GACL,IAAI,EACPC,QACG,CAAC;AAEX,CACF,CAAC","ignoreList":[]}