matsuri-ui 17.1.4-alpha-1755912695275-aa75cb3.0 → 17.1.4-alpha-1756796886549-65b5930.0

package/esm/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 \"../SearchField/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":["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":[]}

package/esm/{SearchField → SelectField}/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","names":["useEffect","useRef","useState","getSearch","items","query","copy","slice","len","length","key","toLowerCase","i","c","tmp","res","Array","j","index","keylen","keys","current","indexOf","score","_extends","sort","a","b","useSearch","_ref","cache","map","item","content","value","result","setResult"],"sources":["../../../src/SearchField/useSearch.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nexport interface SearchItem {\n  keys: string[];\n  content: string;\n  value?: string;\n}\n\nexport type WithSearchScore<T> = T & {\n  score?: number;\n};\n\nexport interface SearchProps {\n  items: string[] | SearchItem[];\n  query: string;\n}\n\nexport const getSearch = <\n  T extends {\n    keys: string[];\n  },\n>(\n  items: T[],\n  query: string,\n): WithSearchScore<T>[] => {\n  const copy = items.slice();\n  const len = items.length;\n  const key = query.toLowerCase();\n  let i = -1;\n  let c = 0;\n  let tmp: {\n    keys: string[];\n  };\n  const res = new Array(len);\n  while (++i !== len) {\n    tmp = copy[i];\n    /**\n     * Caluculate Minimum Index\n     */\n    let j = -1;\n    let index = -1;\n    const keylen = tmp.keys.length;\n    let current;\n    while (++j !== keylen) {\n      current = tmp.keys[j].toLowerCase().indexOf(key);\n      if (index === -1 || (current !== -1 && current < index)) {\n        index = current;\n      }\n    }\n    /**\n     * Caluculate Score\n     */\n    const score = index > -1 ? 1 / (index + 1) : 0;\n    if (score > 0) {\n      res[c++] = { ...tmp, score };\n    }\n  }\n\n  res.length = c;\n  res.sort((a, b) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    if (a.score <= b.score) {\n      return 1;\n    } else {\n      return -1;\n    }\n  });\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return res;\n};\n\nexport const useSearch = ({ items, query }: SearchProps) => {\n  const cache = useRef<SearchItem[]>(\n    typeof items[0] === \"string\"\n      ? (items as string[]).map((item) => {\n          return {\n            keys: [item.toLowerCase()],\n            content: item,\n            value: item,\n          };\n        })\n      : (items as {\n          keys: string[];\n          content: string;\n        }[]),\n  );\n  const [result, setResult] = useState<WithSearchScore<SearchItem>[]>([]);\n\n  useEffect(() => {\n    setResult(getSearch(cache.current, query));\n  }, [query]);\n\n  return { result };\n};\n"],"mappings":";AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAiBnD,OAAO,IAAMC,SAAS,GAAGA,CAKvBC,KAAU,EACVC,KAAa,KACY;EACzB,IAAMC,IAAI,GAAGF,KAAK,CAACG,KAAK,CAAC,CAAC;EAC1B,IAAMC,GAAG,GAAGJ,KAAK,CAACK,MAAM;EACxB,IAAMC,GAAG,GAAGL,KAAK,CAACM,WAAW,CAAC,CAAC;EAC/B,IAAIC,CAAC,GAAG,CAAC,CAAC;EACV,IAAIC,CAAC,GAAG,CAAC;EACT,IAAIC,GAEH;EACD,IAAMC,GAAG,GAAG,IAAIC,KAAK,CAACR,GAAG,CAAC;EAC1B,OAAO,EAAEI,CAAC,KAAKJ,GAAG,EAAE;IAClBM,GAAG,GAAGR,IAAI,CAACM,CAAC,CAAC;IACb;AACJ;AACA;IACI,IAAIK,CAAC,GAAG,CAAC,CAAC;IACV,IAAIC,KAAK,GAAG,CAAC,CAAC;IACd,IAAMC,MAAM,GAAGL,GAAG,CAACM,IAAI,CAACX,MAAM;IAC9B,IAAIY,OAAO;IACX,OAAO,EAAEJ,CAAC,KAAKE,MAAM,EAAE;MACrBE,OAAO,GAAGP,GAAG,CAACM,IAAI,CAACH,CAAC,CAAC,CAACN,WAAW,CAAC,CAAC,CAACW,OAAO,CAACZ,GAAG,CAAC;MAChD,IAAIQ,KAAK,KAAK,CAAC,CAAC,IAAKG,OAAO,KAAK,CAAC,CAAC,IAAIA,OAAO,GAAGH,KAAM,EAAE;QACvDA,KAAK,GAAGG,OAAO;MACjB;IACF;IACA;AACJ;AACA;IACI,IAAME,KAAK,GAAGL,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,IAAIA,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC;IAC9C,IAAIK,KAAK,GAAG,CAAC,EAAE;MACbR,GAAG,CAACF,CAAC,EAAE,CAAC,GAAAW,QAAA,KAAQV,GAAG;QAAES;MAAK,EAAE;IAC9B;EACF;EAEAR,GAAG,CAACN,MAAM,GAAGI,CAAC;EACdE,GAAG,CAACU,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACjB;IACA,IAAID,CAAC,CAACH,KAAK,IAAII,CAAC,CAACJ,KAAK,EAAE;MACtB,OAAO,CAAC;IACV,CAAC,MAAM;MACL,OAAO,CAAC,CAAC;IACX;EACF,CAAC,CAAC;EACF;EACA,OAAOR,GAAG;AACZ,CAAC;AAED,OAAO,IAAMa,SAAS,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEzB,KAAK;IAAEC;EAAmB,CAAC,GAAAwB,IAAA;EACrD,IAAMC,KAAK,GAAG7B,MAAM,CAClB,OAAOG,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ,GACvBA,KAAK,CAAc2B,GAAG,CAAEC,IAAI,IAAK;IAChC,OAAO;MACLZ,IAAI,EAAE,CAACY,IAAI,CAACrB,WAAW,CAAC,CAAC,CAAC;MAC1BsB,OAAO,EAAED,IAAI;MACbE,KAAK,EAAEF;IACT,CAAC;EACH,CAAC,CAAC,GACD5B,KAIP,CAAC;EACD,IAAM,CAAC+B,MAAM,EAAEC,SAAS,CAAC,GAAGlC,QAAQ,CAAgC,EAAE,CAAC;EAEvEF,SAAS,CAAC,MAAM;IACdoC,SAAS,CAACjC,SAAS,CAAC2B,KAAK,CAACT,OAAO,EAAEhB,KAAK,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAE8B;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}
+{"version":3,"file":"useSearch.js","names":["useEffect","useRef","useState","getSearch","items","query","copy","slice","len","length","key","toLowerCase","i","c","tmp","res","Array","j","index","keylen","keys","current","indexOf","score","_extends","sort","a","b","useSearch","_ref","cache","map","item","content","value","result","setResult"],"sources":["../../../src/SelectField/useSearch.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\nexport interface SearchItem {\n  keys: string[];\n  content: string;\n  value?: string;\n}\n\nexport type WithSearchScore<T> = T & {\n  score?: number;\n};\n\nexport interface SearchProps {\n  items: string[] | SearchItem[];\n  query: string;\n}\n\nexport const getSearch = <\n  T extends {\n    keys: string[];\n  },\n>(\n  items: T[],\n  query: string,\n): WithSearchScore<T>[] => {\n  const copy = items.slice();\n  const len = items.length;\n  const key = query.toLowerCase();\n  let i = -1;\n  let c = 0;\n  let tmp: {\n    keys: string[];\n  };\n  const res = new Array(len);\n  while (++i !== len) {\n    tmp = copy[i];\n    /**\n     * Caluculate Minimum Index\n     */\n    let j = -1;\n    let index = -1;\n    const keylen = tmp.keys.length;\n    let current;\n    while (++j !== keylen) {\n      current = tmp.keys[j].toLowerCase().indexOf(key);\n      if (index === -1 || (current !== -1 && current < index)) {\n        index = current;\n      }\n    }\n    /**\n     * Caluculate Score\n     */\n    const score = index > -1 ? 1 / (index + 1) : 0;\n    if (score > 0) {\n      res[c++] = { ...tmp, score };\n    }\n  }\n\n  res.length = c;\n  res.sort((a, b) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    if (a.score <= b.score) {\n      return 1;\n    } else {\n      return -1;\n    }\n  });\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return res;\n};\n\nexport const useSearch = ({ items, query }: SearchProps) => {\n  const cache = useRef<SearchItem[]>(\n    typeof items[0] === \"string\"\n      ? (items as string[]).map((item) => {\n          return {\n            keys: [item.toLowerCase()],\n            content: item,\n            value: item,\n          };\n        })\n      : (items as {\n          keys: string[];\n          content: string;\n        }[]),\n  );\n  const [result, setResult] = useState<WithSearchScore<SearchItem>[]>([]);\n\n  useEffect(() => {\n    setResult(getSearch(cache.current, query));\n  }, [query]);\n\n  return { result };\n};\n"],"mappings":";AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAiBnD,OAAO,IAAMC,SAAS,GAAGA,CAKvBC,KAAU,EACVC,KAAa,KACY;EACzB,IAAMC,IAAI,GAAGF,KAAK,CAACG,KAAK,CAAC,CAAC;EAC1B,IAAMC,GAAG,GAAGJ,KAAK,CAACK,MAAM;EACxB,IAAMC,GAAG,GAAGL,KAAK,CAACM,WAAW,CAAC,CAAC;EAC/B,IAAIC,CAAC,GAAG,CAAC,CAAC;EACV,IAAIC,CAAC,GAAG,CAAC;EACT,IAAIC,GAEH;EACD,IAAMC,GAAG,GAAG,IAAIC,KAAK,CAACR,GAAG,CAAC;EAC1B,OAAO,EAAEI,CAAC,KAAKJ,GAAG,EAAE;IAClBM,GAAG,GAAGR,IAAI,CAACM,CAAC,CAAC;IACb;AACJ;AACA;IACI,IAAIK,CAAC,GAAG,CAAC,CAAC;IACV,IAAIC,KAAK,GAAG,CAAC,CAAC;IACd,IAAMC,MAAM,GAAGL,GAAG,CAACM,IAAI,CAACX,MAAM;IAC9B,IAAIY,OAAO;IACX,OAAO,EAAEJ,CAAC,KAAKE,MAAM,EAAE;MACrBE,OAAO,GAAGP,GAAG,CAACM,IAAI,CAACH,CAAC,CAAC,CAACN,WAAW,CAAC,CAAC,CAACW,OAAO,CAACZ,GAAG,CAAC;MAChD,IAAIQ,KAAK,KAAK,CAAC,CAAC,IAAKG,OAAO,KAAK,CAAC,CAAC,IAAIA,OAAO,GAAGH,KAAM,EAAE;QACvDA,KAAK,GAAGG,OAAO;MACjB;IACF;IACA;AACJ;AACA;IACI,IAAME,KAAK,GAAGL,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,IAAIA,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC;IAC9C,IAAIK,KAAK,GAAG,CAAC,EAAE;MACbR,GAAG,CAACF,CAAC,EAAE,CAAC,GAAAW,QAAA,KAAQV,GAAG;QAAES;MAAK,EAAE;IAC9B;EACF;EAEAR,GAAG,CAACN,MAAM,GAAGI,CAAC;EACdE,GAAG,CAACU,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACjB;IACA,IAAID,CAAC,CAACH,KAAK,IAAII,CAAC,CAACJ,KAAK,EAAE;MACtB,OAAO,CAAC;IACV,CAAC,MAAM;MACL,OAAO,CAAC,CAAC;IACX;EACF,CAAC,CAAC;EACF;EACA,OAAOR,GAAG;AACZ,CAAC;AAED,OAAO,IAAMa,SAAS,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEzB,KAAK;IAAEC;EAAmB,CAAC,GAAAwB,IAAA;EACrD,IAAMC,KAAK,GAAG7B,MAAM,CAClB,OAAOG,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ,GACvBA,KAAK,CAAc2B,GAAG,CAAEC,IAAI,IAAK;IAChC,OAAO;MACLZ,IAAI,EAAE,CAACY,IAAI,CAACrB,WAAW,CAAC,CAAC,CAAC;MAC1BsB,OAAO,EAAED,IAAI;MACbE,KAAK,EAAEF;IACT,CAAC;EACH,CAAC,CAAC,GACD5B,KAIP,CAAC;EACD,IAAM,CAAC+B,MAAM,EAAEC,SAAS,CAAC,GAAGlC,QAAQ,CAAgC,EAAE,CAAC;EAEvEF,SAAS,CAAC,MAAM;IACdoC,SAAS,CAACjC,SAAS,CAAC2B,KAAK,CAACT,OAAO,EAAEhB,KAAK,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAE8B;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/esm/SortArea/index.js

@@ -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+44Gf5a2Q44Kz44Oz44Od44O844ON44Oz44OI44Gv5Lu75oSP44GucHJvcHPjgpLlj5fjgZHlj5bjgozjgovjgojjgYbjgavjgarjgaPjgabjgYTjgovlv4XopoHjgYzjgYLjgorjgb7jgZnjgIJcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ8YW55PltdO1xuICAvKipcbiAgICog5Lim44Gz6aCG44KS566h55CG44GZ44KL44Gf44KB44Gu6YWN5YiX44Gn44GZ44CCXG4gICAqIOOBk+OCjOOBjOWtmOWcqOOBl+OBquOBhOWgtOWQiOOAgVNvcnRBcmVh44Gv54Sh5Yq55YyW44GV44KM44G+44GZ44CCXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBsaXN0PzogYW55W107XG4gIC8qKlxuICAgKiDkuKbjgbPpoIbjgYzlpInmm7TjgZXjgozjgZ/mmYLjgavlkbzjgbDjgozjgovjgrPjg7zjg6vjg5Djg4Pjgq/jgafjgZnjgIJcbiAgICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIG9uQ2hhbmdlPzogKGtleXM6IGFueVtdKSA9PiB2b2lkO1xuICAvKipcbiAgICog5YWI6aCt44Gr44K944O844OI5LiN5Y+v44Gq6KaB57Sg44KS6L+95Yqg44GX44G+44GZ44CCXG4gICAqL1xuICBzdGFydEFkb3JubWVudD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOacq+WwvuOBq+OCveODvOODiOS4jeWPr+OBquimgee0oOOCkui/veWKoOOBl+OBvuOBmeOAglxuICAgKi9cbiAgZW5kQWRvcm5tZW50PzogUmVhY3QuUmVhY3ROb2RlO1xuICAvKipcbiAgICog44K944O844OI5qmf6IO944KS54Sh5Yq55YyW44GX44G+44GZ44CCXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTb3J0QXJlYSA9ICh7XG4gIC8qKlxuICAgKiBkaXNhYmxlZOOBruWgtOWQiOOBq+S4jeimgeOBqlJvd1Byb3Bz44Go44Gu5beu5YiG44Gu44G/5piO56S655qE44Gr5omx44GG44CCXG4gICAqL1xuICBsaXN0LFxuICBzdGFydEFkb3JubWVudCxcbiAgZW5kQWRvcm5tZW50LFxuICBjaGlsZHJlbixcbiAgb25DaGFuZ2UsXG4gIGRpc2FibGVkLFxuICAuLi5wcm9wc1xufTogU29ydEFyZWFQcm9wcykgPT4ge1xuICBpZiAobGlzdCA9PT0gdW5kZWZpbmVkIHx8IGxpc3QubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgaWYgKGRpc2FibGVkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb3cgey4uLnByb3BzfT5cbiAgICAgICAge3N0YXJ0QWRvcm5tZW50fVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgICA8L1Jvdz5cbiAgICApO1xuICB9XG4gIHJldHVybiAoXG4gICAgPFNvcnRBcmVhSW5uZXJcbiAgICAgIGxpc3Q9e2xpc3R9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBzdGFydEFkb3JubWVudD17c3RhcnRBZG9ybm1lbnR9XG4gICAgICBlbmRBZG9ybm1lbnQ9e2VuZEFkb3JubWVudH1cbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Tb3J0QXJlYUlubmVyPlxuICApO1xufTtcblxuaW50ZXJmYWNlIFNvcnRBcmVhSW5uZXJQcm9wcyBleHRlbmRzIFNvcnRBcmVhUHJvcHMge1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBsaXN0OiBhbnlbXTtcbn1cblxuY29uc3QgU29ydEFyZWFJbm5lciA9ICh7XG4gIGNoaWxkcmVuLFxuICBvbkNoYW5nZSxcbiAgbGlzdDogbGlzdFByb3AsXG4gIHN0YXJ0QWRvcm5tZW50LFxuICBlbmRBZG9ybm1lbnQsXG4gIC4uLnByb3BzXG59OiBTb3J0QXJlYUlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgY2FjaGUgPSB1c2VSZWYoLTEpO1xuICBjb25zdCBbX2xpc3QsIF9zZXRMaXN0XSA9IHVzZVN0YXRlKGxpc3RQcm9wKTtcblxuICBjb25zdCBsaXN0ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtcmV0dXJuXG4gICAgcmV0dXJuIGFycmF5U2hhbGxvd0VxdWFsKF9saXN0LCBsaXN0UHJvcCkgPyBfbGlzdCA6IGxpc3RQcm9wO1xuICB9LCBbX2xpc3QsIGxpc3RQcm9wXSk7XG5cbiAgY29uc3Qgc2V0TGlzdCA9IHVzZUNhbGxiYWNrKFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gICAgKHZhbHVlOiAoY3VycmVudDogYW55W10pID0+IGFueVtdKSA9PiB7XG4gICAgICBjb25zdCBuZXh0ID0gdmFsdWUobGlzdCk7XG4gICAgICBfc2V0TGlzdChuZXh0KTtcbiAgICAgIGlmIChvbkNoYW5nZSkge1xuICAgICAgICBvbkNoYW5nZShuZXh0KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtsaXN0LCBvbkNoYW5nZV0sXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ1N0YXJ0ID0gdXNlQ2FsbGJhY2soKGU6IFJlYWN0LkRyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGUgPSBcImRyYWdnaW5nXCI7XG4gICAgZS5kYXRhVHJhbnNmZXIuZWZmZWN0QWxsb3dlZCA9IFwibW92ZVwiO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgaGFuZGxlRHJhZ0xlYXZlID0gdXNlQ2FsbGJhY2soKGU6IFJlYWN0LkRyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBpZiAoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlICE9PSBcImRyYWdnaW5nXCIpIHtcbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcmFnU3RhdGU7XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgY29uc3Qgb3ZlclJlZiA9IHVzZVJlZjxIVE1MRWxlbWVudD4odW5kZWZpbmVkKTtcblxuICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGUuY3VycmVudFRhcmdldC5kcmFnZ2FibGUgPT09IHRydWUpIHtcbiAgICAgIGlmICghZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZHJhZ1N0YXRlKSB7XG4gICAgICAgIGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZSA9IFwib3ZlclwiO1xuICAgICAgICBvdmVyUmVmLmN1cnJlbnQgPSBlLmN1cnJlbnRUYXJnZXQ7XG4gICAgICB9XG4gICAgICBjYWNoZS5jdXJyZW50ID0gcGFyc2VJbnQoZS5jdXJyZW50VGFyZ2V0LmRhdGFzZXRbZGF0YUlkXSEsIDEwKTtcbiAgICB9XG4gIH0sIFtdKTtcbiAgY29uc3QgaGFuZGxlRHJhZ0VuZCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCBjdXJyZW50SW5kZXggPSBwYXJzZUludChlLmN1cnJlbnRUYXJnZXQuZGF0YXNldFtkYXRhSWRdISwgMTApO1xuICAgICAgZGVsZXRlIGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyYWdTdGF0ZTtcbiAgICAgIGRlbGV0ZSBvdmVyUmVmLmN1cnJlbnQ/LmRhdGFzZXQuZHJhZ1N0YXRlO1xuICAgICAgZS5kYXRhVHJhbnNmZXIuZHJvcEVmZmVjdCA9IFwibW92ZVwiO1xuXG4gICAgICBzZXRMaXN0KChwcmV2KSA9PiB7XG4gICAgICAgIGNvbnN0IG5leHRJbmRleCA9IGNhY2hlLmN1cnJlbnQ7XG4gICAgICAgIGNvbnN0IGNvcHkgPSBwcmV2LmNvbmNhdCgpO1xuICAgICAgICBjb25zdCBjdXJyZW50ID0gY29weS5zcGxpY2UoY3VycmVudEluZGV4LCAxKTtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXJndW1lbnRcbiAgICAgICAgY29weS5zcGxpY2UobmV4dEluZGV4LCAwLCAuLi5jdXJyZW50KTtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtcmV0dXJuXG4gICAgICAgIHJldHVybiBjb3B5O1xuICAgICAgfSk7XG4gICAgfSxcbiAgICBbc2V0TGlzdF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8Um93XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJiBbZHJhZ2dhYmxlPVwidHJ1ZVwiXSB7XG4gICAgICAgICAgei1pbmRleDogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGN1cnNvcjogZ3JhYjtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICB0cmFuc2l0aW9uOlxuICAgICAgICAgICAgdHJhbnNmb3JtIDAuMnMgZWFzZS1vdXQsXG4gICAgICAgICAgICBvdXRsaW5lIDAuMnMgZWFzZS1vdXQ7XG5cbiAgICAgICAgICAmW2RhdGEtZHJhZy1zdGF0ZT1cIm92ZXJcIl0ge1xuICAgICAgICAgICAgb3V0bGluZTogMnB4IGRvdHRlZCByZ2JhKDAsIDAsIDAsIDAuMik7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJltkYXRhLWRyYWctc3RhdGU9XCJkcmFnZ2luZ1wiXSB7XG4gICAgICAgICAgICB6LWluZGV4OiA5OTk7XG4gICAgICAgICAgICBjdXJzb3I6IGdyYWJiaW5nO1xuICAgICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7c3RhcnRBZG9ybm1lbnR9XG4gICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXJndW1lbnRcbiAgICAgICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgIG9uRHJhZ1N0YXJ0OiBoYW5kbGVEcmFnU3RhcnQsXG4gICAgICAgICAgb25EcmFnT3ZlcjogaGFuZGxlRHJhZ092ZXIsXG4gICAgICAgICAgb25EcmFnRW5kOiBoYW5kbGVEcmFnRW5kLFxuICAgICAgICAgIG9uRHJhZ0xlYXZlOiBoYW5kbGVEcmFnTGVhdmUsXG4gICAgICAgICAgZHJhZ2dhYmxlOiB0cnVlLFxuICAgICAgICAgIFtkYXRhaWRdOiBpbmRleCxcbiAgICAgICAgICAuLi5jaGlsZC5wcm9wcyxcbiAgICAgICAgfSk7XG4gICAgICB9KX1cbiAgICAgIHtlbmRBZG9ybm1lbnR9XG4gICAgPC9Sb3c+XG4gICk7XG59O1xuIl19 */",
+  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= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var SortAreaInner = _ref3 => {

package/esm/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<any>[];\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          ...child.props,\n        });\n      })}\n      {endAdornment}\n    </Row>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

package/esm/Tabs/TabGroup.js

@@ -13,7 +13,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent"
 } : {
   name: "1xvdcif-TabGroup",
-  styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent;label:TabGroup;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "position:relative;box-sizing:border-box;display:flex;flex-wrap:nowrap;border-bottom:3px solid transparent;label:TabGroup;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var TabGroup = _ref2 => {
@@ -51,8 +51,9 @@ export var TabGroup = _ref2 => {
       backgroundColor: theme.palette.background.paper
     } : underline === "always" ? {
       borderBottomColor: "#e0e0e0"
-    } : undefined, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
+    } : undefined, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ00iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"]
   }, React.Children.map(children, (child, index) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return /*#__PURE__*/React.cloneElement(child, {
       index
     });
@@ -64,7 +65,7 @@ export var TabGroup = _ref2 => {
       height: 3,
       backgroundColor: theme.palette.intentions.primary.main,
       transition: "opacity " + theme.transitions.duration.standard + " " + theme.transitions.easing.sharp + ",\n                            left " + theme.transitions.duration.shortest + " " + theme.transitions.easing.easeInOut + ",\n                            width " + theme.transitions.duration.shortest + " " + theme.transitions.easing.easeInOut
-    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgY2hpbGRyZW4gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT5bXSxcbiAgICAgICAgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAgIHJldHVybiBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgaW5kZXggfSk7XG4gICAgICAgIH0sXG4gICAgICApfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
+    }, process.env.NODE_ENV === "production" ? "" : ";label:TabGroup;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UYWJzL1RhYkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRmUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RhYnMvVGFiR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUYWIgfSBmcm9tIFwiLi91c2VUYWJcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgeyB1c2VXaW5kb3dSZXNpemUgfSBmcm9tIFwiLi4vaG9va3MvdXNlV2luZG93UmVzaXplXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJhc2VUYWJHcm91cFByb3BzIHtcbiAgcG9zaXRpb24/OiBcInN0YXJ0XCIgfCBcImNlbnRlclwiIHwgXCJlbmRcIjtcbiAgdW5kZXJsaW5lPzogXCJhbHdheXNcIiB8IFwic2hhZG93XCI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiR3JvdXBQcm9wc1xuICBleHRlbmRzIEJhc2VUYWJHcm91cFByb3BzLFxuICAgIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuLyoqXG4gKiBAZGVwcmVjYXRlZCBUYWJVSSBpbnN0ZWFkXG4gKi9cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7XG4gIHBvc2l0aW9uID0gXCJzdGFydFwiLFxuICB1bmRlcmxpbmUsXG4gIGNoaWxkcmVuLFxufTogVGFiR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHsgd2lkdGggfSA9IHVzZVdpbmRvd1Jlc2l6ZSgpO1xuICBjb25zdCB7IGN1cnJlbnRUYWIgfSA9IHVzZVRhYigpO1xuXG4gIGNvbnN0IGluZGljYXRvclN0eWxlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGN1cnJlbnRUYWJcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgd2lkdGg6IGN1cnJlbnRUYWIub2Zmc2V0V2lkdGgsXG4gICAgICAgICAgbGVmdDogY3VycmVudFRhYi5vZmZzZXRMZWZ0LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIH07XG4gICAgLy8g55S76Z2i44K144Kk44K644GM5aSJ5pu044GV44KM44Gf5aC05ZCI44Gr5pu05paw44GZ44KL5b+F6KaB44GM44GC44KL44Gf44KB44CBd2lkdGjjgpLlkKvjgoHjgarjgZHjgozjgbDjgYTjgZHjgarjgYRcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtjdXJyZW50VGFiLCB3aWR0aF0pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtbXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtd3JhcDogbm93cmFwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b206IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgIGp1c3RpZnlDb250ZW50OlxuICAgICAgICAgICAgcG9zaXRpb24gPT09IFwic3RhcnRcIlxuICAgICAgICAgICAgICA/IFwiZmxleC1zdGFydFwiXG4gICAgICAgICAgICAgIDogcG9zaXRpb24gPT09IFwiZW5kXCJcbiAgICAgICAgICAgICAgICA/IFwiZmxleC1lbmRcIlxuICAgICAgICAgICAgICAgIDogXCJjZW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgdW5kZXJsaW5lID09PSBcInNoYWRvd1wiXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIGJveFNoYWRvdzogdGhlbWUuc2hhZG93c1sxXSxcbiAgICAgICAgICAgICAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5LFxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5wYXBlcixcbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVybGluZSA9PT0gXCJhbHdheXNcIlxuICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IFwiI2UwZTBlMFwiLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgIF19XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiBhcyBSZWFjdC5SZWFjdEVsZW1lbnRbXSwgKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudCwgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IGluZGV4IH0gYXMgYW55KTtcbiAgICAgIH0pfVxuICAgICAge2N1cnJlbnRUYWIgPyAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzcyh7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgYm90dG9tOiAtMyxcbiAgICAgICAgICAgIHdpZHRoOiAyMDAsXG4gICAgICAgICAgICBoZWlnaHQ6IDMsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW4sXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnN0YW5kYXJkfSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5zaGFycH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGVmdCAke3RoZW1lLnRyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXN0fSAke3RoZW1lLnRyYW5zaXRpb25zLmVhc2luZy5lYXNlSW5PdXR9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoICR7dGhlbWUudHJhbnNpdGlvbnMuZHVyYXRpb24uc2hvcnRlc3R9ICR7dGhlbWUudHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbk91dH1gLFxuICAgICAgICAgIH0pfVxuICAgICAgICAgIHN0eWxlPXtpbmRpY2F0b3JTdHlsZX1cbiAgICAgICAgLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
     style: indicatorStyle
   }) : null);
 };

package/esm/Tabs/TabGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.js","names":["css","useTab","useTheme","useWindowResize","React","useMemo","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TabGroup","_ref2","position","underline","children","theme","width","currentTab","indicatorStyle","opacity","offsetWidth","left","offsetLeft","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\n                : \"center\",\n        },\n        underline === \"shadow\"\n          ? {\n              boxShadow: theme.shadows[1],\n              color: theme.palette.text.primary,\n              backgroundColor: theme.palette.background.paper,\n            }\n          : underline === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TabGroup.js","names":["css","useTab","useTheme","useWindowResize","React","useMemo","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","TabGroup","_ref2","position","underline","children","theme","width","currentTab","indicatorStyle","opacity","offsetWidth","left","offsetLeft","justifyContent","boxShadow","shadows","color","palette","text","primary","backgroundColor","background","paper","borderBottomColor","undefined","Children","map","child","index","cloneElement","bottom","height","intentions","main","transition","transitions","duration","standard","easing","sharp","shortest","easeInOut","style"],"sources":["../../../src/Tabs/TabGroup.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTab } from \"./useTab\";\nimport { useTheme } from \"../theme\";\nimport { useWindowResize } from \"../hooks/useWindowResize\";\nimport React, { useMemo } from \"react\";\n\nexport interface BaseTabGroupProps {\n  position?: \"start\" | \"center\" | \"end\";\n  underline?: \"always\" | \"shadow\";\n}\n\nexport interface TabGroupProps\n  extends BaseTabGroupProps,\n    React.HTMLProps<HTMLDivElement> {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabGroup = ({\n  position = \"start\",\n  underline,\n  children,\n}: TabGroupProps) => {\n  const theme = useTheme();\n  const { width } = useWindowResize();\n  const { currentTab } = useTab();\n\n  const indicatorStyle = useMemo(() => {\n    return currentTab\n      ? {\n          opacity: 1,\n          width: currentTab.offsetWidth,\n          left: currentTab.offsetLeft,\n        }\n      : {\n          opacity: 0,\n          width: 0,\n          left: 0,\n        };\n    // 画面サイズが変更された場合に更新する必要があるため、widthを含めなければいけない\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [currentTab, width]);\n\n  return (\n    <div\n      css={[\n        css`\n          position: relative;\n          box-sizing: border-box;\n          display: flex;\n          flex-wrap: nowrap;\n          border-bottom: 3px solid transparent;\n        `,\n        {\n          justifyContent:\n            position === \"start\"\n              ? \"flex-start\"\n              : position === \"end\"\n                ? \"flex-end\"\n                : \"center\",\n        },\n        underline === \"shadow\"\n          ? {\n              boxShadow: theme.shadows[1],\n              color: theme.palette.text.primary,\n              backgroundColor: theme.palette.background.paper,\n            }\n          : underline === \"always\"\n            ? {\n                borderBottomColor: \"#e0e0e0\",\n              }\n            : undefined,\n      ]}\n    >\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any\n        return React.cloneElement(child, { index } as any);\n      })}\n      {currentTab ? (\n        <div\n          css={css({\n            position: \"absolute\",\n            bottom: -3,\n            width: 200,\n            height: 3,\n            backgroundColor: theme.palette.intentions.primary.main,\n            transition: `opacity ${theme.transitions.duration.standard} ${theme.transitions.easing.sharp},\n                            left ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut},\n                            width ${theme.transitions.duration.shortest} ${theme.transitions.easing.easeInOut}`,\n          })}\n          style={indicatorStyle}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/Tabs/TabPanelGroup.js

@@ -8,6 +8,7 @@ export var TabPanelGroup = _ref => {
     children
   } = _ref;
   return ___EmotionJSX(React.Fragment, null, React.Children.map(children, (child, index) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return /*#__PURE__*/React.cloneElement(child, {
       index
     });

package/esm/Tabs/TabPanelGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanelGroup.js","names":["React","jsx","___EmotionJSX","TabPanelGroup","_ref","children","Fragment","Children","map","child","index","cloneElement"],"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface TabPanelGroupProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanelGroup = ({ children }: TabPanelGroupProps) => {\n  return (\n    <>\n      {React.Children.map(\n        children as React.ReactElement<any>[],\n        (child, index) => {\n          return React.cloneElement(child, { index });\n        },\n      )}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAM1B;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAC5D,OACEF,aAAA,CAAAF,KAAA,CAAAM,QAAA,QACGN,KAAK,CAACO,QAAQ,CAACC,GAAG,CACjBH,QAAQ,EACR,CAACI,KAAK,EAAEC,KAAK,KAAK;IAChB,oBAAOV,KAAK,CAACW,YAAY,CAACF,KAAK,EAAE;MAAEC;IAAM,CAAC,CAAC;EAC7C,CACF,CACA,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"file":"TabPanelGroup.js","names":["React","jsx","___EmotionJSX","TabPanelGroup","_ref","children","Fragment","Children","map","child","index","cloneElement"],"sources":["../../../src/Tabs/TabPanelGroup.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface TabPanelGroupProps {\n  children?: React.ReactNode;\n}\n\n/**\n * @deprecated TabUI instead\n */\nexport const TabPanelGroup = ({ children }: TabPanelGroupProps) => {\n  return (\n    <>\n      {React.Children.map(children as React.ReactElement[], (child, index) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any\n        return React.cloneElement(child, { index } as any);\n      })}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAM1B;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAC5D,OACEF,aAAA,CAAAF,KAAA,CAAAM,QAAA,QACGN,KAAK,CAACO,QAAQ,CAACC,GAAG,CAACH,QAAQ,EAA0B,CAACI,KAAK,EAAEC,KAAK,KAAK;IACtE;IACA,oBAAOV,KAAK,CAACW,YAAY,CAACF,KAAK,EAAE;MAAEC;IAAM,CAAQ,CAAC;EACpD,CAAC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}