matsuri-ui 18.0.2-alpha-1763159707702-41e8023.0 → 18.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Calendar/CalendarDay.js +4 -4
- package/Calendar/CalendarDay.js.map +1 -1
- package/FieldBase/useValidation.js +11 -0
- package/FieldBase/useValidation.js.map +1 -1
- package/FieldGroup/index.js +2 -0
- package/FieldGroup/index.js.map +1 -1
- package/FullHeight/FullHeight.js +1 -0
- package/FullHeight/FullHeight.js.map +1 -1
- package/NumberField/NumberField.js +3 -0
- package/NumberField/NumberField.js.map +1 -1
- package/Portal/Portal.js +8 -0
- package/Portal/Portal.js.map +1 -1
- package/RadioButton/RadioButtonGroup.js +1 -0
- package/RadioButton/RadioButtonGroup.js.map +1 -1
- package/SelectField/SelectField.js +10 -6
- package/SelectField/SelectField.js.map +1 -1
- package/Table/useTable.js +1 -0
- package/Table/useTable.js.map +1 -1
- package/Tooltip/Tooltip.js +5 -4
- package/Tooltip/Tooltip.js.map +1 -1
- package/Typography/index.js +20 -17
- package/Typography/index.js.map +1 -1
- package/cjs/Calendar/CalendarDay.js +4 -4
- package/cjs/Calendar/CalendarDay.js.map +1 -1
- package/cjs/FieldBase/useValidation.js +11 -0
- package/cjs/FieldBase/useValidation.js.map +1 -1
- package/cjs/FieldGroup/index.js +2 -0
- package/cjs/FieldGroup/index.js.map +1 -1
- package/cjs/FullHeight/FullHeight.js +1 -0
- package/cjs/FullHeight/FullHeight.js.map +1 -1
- package/cjs/NumberField/NumberField.js +3 -0
- package/cjs/NumberField/NumberField.js.map +1 -1
- package/cjs/Portal/Portal.js +8 -0
- package/cjs/Portal/Portal.js.map +1 -1
- package/cjs/RadioButton/RadioButtonGroup.js +1 -0
- package/cjs/RadioButton/RadioButtonGroup.js.map +1 -1
- package/cjs/SelectField/SelectField.js +10 -6
- package/cjs/SelectField/SelectField.js.map +1 -1
- package/cjs/Table/useTable.js +1 -0
- package/cjs/Table/useTable.js.map +1 -1
- package/cjs/Tooltip/Tooltip.js +5 -4
- package/cjs/Tooltip/Tooltip.js.map +1 -1
- package/cjs/Typography/index.js +20 -17
- package/cjs/Typography/index.js.map +1 -1
- package/cjs/hooks/useInputValue.js +3 -0
- package/cjs/hooks/useInputValue.js.map +1 -1
- package/cjs/hooks/useStateWithDeps.js +2 -0
- package/cjs/hooks/useStateWithDeps.js.map +1 -1
- package/cjs/hooks/useWindowResize.js +1 -0
- package/cjs/hooks/useWindowResize.js.map +1 -1
- package/esm/Calendar/CalendarDay.js +4 -4
- package/esm/Calendar/CalendarDay.js.map +1 -1
- package/esm/FieldBase/useValidation.js +11 -0
- package/esm/FieldBase/useValidation.js.map +1 -1
- package/esm/FieldGroup/index.js +2 -0
- package/esm/FieldGroup/index.js.map +1 -1
- package/esm/FullHeight/FullHeight.js +1 -0
- package/esm/FullHeight/FullHeight.js.map +1 -1
- package/esm/NumberField/NumberField.js +3 -0
- package/esm/NumberField/NumberField.js.map +1 -1
- package/esm/Portal/Portal.js +8 -0
- package/esm/Portal/Portal.js.map +1 -1
- package/esm/RadioButton/RadioButtonGroup.js +1 -0
- package/esm/RadioButton/RadioButtonGroup.js.map +1 -1
- package/esm/SelectField/SelectField.js +10 -6
- package/esm/SelectField/SelectField.js.map +1 -1
- package/esm/Table/useTable.js +1 -0
- package/esm/Table/useTable.js.map +1 -1
- package/esm/Tooltip/Tooltip.js +5 -4
- package/esm/Tooltip/Tooltip.js.map +1 -1
- package/esm/Typography/index.js +20 -17
- package/esm/Typography/index.js.map +1 -1
- package/esm/hooks/useInputValue.js +3 -0
- package/esm/hooks/useInputValue.js.map +1 -1
- package/esm/hooks/useStateWithDeps.js +2 -0
- package/esm/hooks/useStateWithDeps.js.map +1 -1
- package/esm/hooks/useWindowResize.js +1 -0
- package/esm/hooks/useWindowResize.js.map +1 -1
- package/hooks/useInputValue.js +3 -0
- package/hooks/useInputValue.js.map +1 -1
- package/hooks/useStateWithDeps.js +2 -0
- package/hooks/useStateWithDeps.js.map +1 -1
- package/hooks/useWindowResize.js +1 -0
- package/hooks/useWindowResize.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectField.js","names":["css","React","forwardRef","useCallback","useEffect","useId","useMemo","useReducer","useRef","useState","SearchIcon","useFieldGroup","FormControl","FormHelperText","InputBase","InputLabel","Paper","Popper","Triangle","VisuallyHidden","dispatchChangeEvent","useDitectInputTouched","useInputValue","useMergeRefs","useOnClickOutside","useTheme","getSearch","SelectFieldInputWrapper","SelectFieldInputWrapperContext","jsx","___EmotionJSX","ownerDocument","node","document","nextItem","list","item","firstChild","nextElementSibling","previousItem","lastChild","previousElementSibling","moveFocus","currentFocus","traversalFunction","nextFocus","disabledFocus","disabled","getAttribute","focus","_ref2","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SelectInnerSpinButton","_ref3","open","onClick","theme","typography","body","fontSize","transitions","duration","shorter","easing","easeInOut","SelectList","props","ref","_extends","role","tabIndex","SelectOption","spacing","palette","text","primary","background","paper","gray","shortest","action","hover","selected","filterSelectOptionsByQuery","options","query","result","map","option","keys","label","content","value","defaultLoadOptions","_ref5","_asyncToGenerator","_ref4","undefined","length","_x","apply","arguments","DefaultOption","_ref","SelectField","propOptions","loadOptions","disabledInput","onChange","onFocus","placeholder","required","id","_valueProp","defaultValue","children","helperText","invalid","loading","propsLoading","readOnly","propsReadOnly","style","className","originalInputTestId","pseudoInputTestId","disablePortal","renderOption","inputRef","inputHasValueRef","setOpen","setQuery","selectedOptionsCache","setOptions","selectedOptions","current","then","setValue","isControlled","onLoaded","displayValue","_ref6","_selectedOptionsCache","find","listRef","pseudoInputRef","pseudoInputRefs","originalInputRef","originalInputRefs","updateValue","resetValue","_options$find","touched","inputProps","popperOptions","modifiers","roundOffsets","_ref7","y","x","Math","round","enabled","phase","requires","fn","_ref8","state","popper","width","rects","reference","effect","_ref9","elements","offsetWidth","internalInputId","inputId","autoFillPreventionKey","updateAutoFillPreventionKey","prev","htmlFor","type","key","autoCapitalize","autoComplete","onInput","event","preventDefault","currentTarget","autoCorrect","spellCheck","Provider","renderInputWrapper","onKeyDown","startAdornment","some","endAdornment","_pseudoInputRef$curre","anchorEl","placement","activeElement","Children","toArray","child","i","index","_pseudoInputRef$curre2","click"],"sources":["../../../src/SelectField/SelectField.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport { FieldGroupProps, useFieldGroup } from \"../FieldGroup\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper } from \"../Popper\";\nimport { Triangle } from \"../Icon/Triangle\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { dispatchChangeEvent } from \"../@utils/dispatchChangeEvent\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\";\nimport { useTheme } from \"../theme\";\nimport { getSearch } from \"./useSearch\";\nimport {\n SelectFieldInputWrapper,\n SelectFieldInputWrapperContext,\n} from \"./SelectFieldInputWrapper\";\nimport type { Options as PopperjsOptions } from \"@popperjs/core\";\n\nfunction ownerDocument(node: Node | null | undefined): Document {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n return node?.ownerDocument || document;\n}\n\ntype TraversalFunction = (\n list: HTMLUListElement,\n item?: Element | null,\n) => ChildNode | null;\n\nconst nextItem: TraversalFunction = (list, item) => {\n if (list === item) {\n return list.firstChild;\n }\n if (item?.nextElementSibling) {\n return item.nextElementSibling;\n }\n return list.firstChild;\n};\n\nconst previousItem: TraversalFunction = (list, item) => {\n if (list === item) {\n return list.lastChild;\n }\n if (item?.previousElementSibling) {\n return item.previousElementSibling;\n }\n return list.lastChild;\n};\n\nconst moveFocus = (\n list: HTMLUListElement,\n currentFocus: Element | null,\n traversalFunction: TraversalFunction,\n) => {\n let nextFocus = traversalFunction(list, currentFocus) as HTMLElement | null;\n while (nextFocus) {\n if (\n currentFocus === null\n ? nextFocus === list.lastChild\n : nextFocus === currentFocus\n ) {\n break;\n }\n const disabledFocus =\n (nextFocus as HTMLInputElement).disabled ||\n nextFocus.getAttribute(\"aria-disabled\") === \"true\";\n if (disabledFocus) {\n nextFocus = traversalFunction(list, nextFocus) as HTMLElement;\n } else {\n nextFocus.focus();\n break;\n }\n }\n};\n\nconst SelectInnerSpinButton = ({\n open,\n onClick,\n}: {\n open: boolean;\n onClick: () => void;\n}) => {\n const theme = useTheme();\n return (\n <Triangle\n onClick={onClick}\n data-testid=\"SelectFieldSpinButton\"\n css={[\n css`\n font-size: ${theme.typography.body.fontSize}px;\n transition: ${theme.transitions.duration.shorter}\n ${theme.transitions.easing.easeInOut};\n `,\n open\n ? css`\n transform: rotateX(180deg);\n `\n : null,\n ]}\n />\n );\n};\n\nconst SelectList = forwardRef<\n HTMLUListElement,\n React.ComponentPropsWithoutRef<\"ul\">\n>((props, ref) => {\n return (\n <ul\n ref={ref}\n role=\"listbox\"\n tabIndex={-1}\n css={css`\n box-sizing: border-box;\n min-height: ${42 * 3.5}px;\n max-height: ${42 * 7.5}px;\n padding: 0;\n margin: 0;\n overflow-x: hidden;\n overflow-y: auto;\n list-style: none;\n border-radius: inherit;\n `}\n {...props}\n />\n );\n});\n\nconst SelectOption = (props: React.ComponentPropsWithoutRef<\"li\">) => {\n const theme = useTheme();\n return (\n <li\n role=\"option\"\n // aria-selectedは親要素から設定するため、この値は上書きされる\n aria-selected={false}\n css={css`\n box-sizing: border-box;\n min-height: ${theme.spacing * 6}px;\n padding: 9px 12px;\n color: ${theme.palette.text.primary};\n cursor: pointer;\n background-color: ${theme.palette.background.paper};\n border-bottom: 1px solid ${theme.palette.gray[300]};\n outline: 0px;\n transition: ${theme.transitions.duration.shortest};\n\n ${css(theme.typography.body)}\n &:last-child {\n border-bottom: none;\n }\n &:hover,\n &:focus {\n background-color: ${theme.palette.action.hover};\n }\n &[aria-selected=\"true\"] {\n background-color: ${theme.palette.action.selected};\n }\n &[aria-disabled=\"true\"] {\n color: ${theme.palette.text.disabled};\n cursor: default;\n }\n &[aria-readonly=\"true\"],\n &[aria-disabled=\"true\"] {\n &:hover {\n background-color: ${theme.palette.background.paper};\n }\n }\n `}\n {...props}\n />\n );\n};\n\nexport interface SelectOptionValue {\n value: string | undefined;\n label: string;\n keys?: string[];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n [key: string]: any;\n}\n\nexport type RenderSelectOption<\n T extends SelectOptionValue = SelectOptionValue,\n> = (peops: T) => React.JSX.Element;\n\nexport interface SelectFieldProps<\n T extends SelectOptionValue = SelectOptionValue,\n> extends Pick<FieldProps<string>, \"helperText\" | \"invalid\">,\n FieldGroupProps {\n renderOption?: RenderSelectOption<T>;\n children?: React.ReactNode;\n /**\n * 見出し\n */\n label?: string;\n name?: string;\n defaultValue?: string;\n /**\n * valueの変更は、defaultValueが指定されていないときのみ反映されます。\n */\n value?: string;\n disabled?: boolean;\n style?: React.CSSProperties;\n id?: string;\n className?: string;\n /**\n * placeholder\n */\n placeholder?: string;\n /**\n * selecting data is required\n */\n required?: boolean;\n options?: T[];\n loadOptions?: SelectLoadOptions<T>;\n disabledInput?: boolean;\n readOnly?: boolean;\n /**\n * SelectFieldのOptionがクリックされた際に発火する関数。\n */\n onChange?: (value: T[\"value\"], options: T) => void;\n onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n loading?: boolean;\n originalInputTestId?: string;\n pseudoInputTestId?: string;\n /**\n * オプションの表示にPortalを利用するかどうかを指定します。\n * このpropがtrueの場合、Portalが無効化されます。\n * また初期値がtrueであることに注意してください。\n * つまり通常、オプションはこのコンポーネントの子要素としてレンダリングされます。\n * @default true\n */\n disablePortal?: boolean;\n /**\n * 見かけ上のinput要素に対するrefを利用できます。\n * 選択された値を取得する場合などは、inputHasValueRefを利用してください。\n */\n inputRef?: React.Ref<HTMLInputElement>;\n /**\n * 選択された値を保持しているinput要素に対するrefを利用できます。\n * 見えているinput要素にフォーカスしたい場合などは、inputRefを利用してください。\n */\n inputHasValueRef?: React.Ref<HTMLInputElement>;\n}\n\nexport const filterSelectOptionsByQuery = <\n T extends SelectOptionValue = SelectOptionValue,\n>(\n options: T[],\n query: string,\n) => {\n const result = getSearch(\n options.map((option) => {\n return {\n ...option,\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n keys: option.keys || [option.label],\n content: option.value,\n };\n }),\n query,\n );\n return result;\n};\n\nexport type SelectLoadOptions<T extends SelectOptionValue = SelectOptionValue> =\n (args: {\n query: string;\n options?: T[];\n selectedOptions?: T[];\n }) => Promise<T[] | undefined>;\n\nconst defaultLoadOptions = async <\n T extends SelectOptionValue = SelectOptionValue,\n>({\n query,\n options,\n}: {\n query: string;\n options?: T[];\n // eslint-disable-next-line @typescript-eslint/require-await\n}): Promise<T[] | undefined> => {\n if (options === undefined) {\n return undefined;\n }\n if (query === undefined) {\n return options;\n }\n const result = filterSelectOptionsByQuery(options, query);\n return result.length ? result : options;\n};\n\nconst DefaultOption = <T extends SelectOptionValue>(\n props: T,\n): React.JSX.Element => {\n return <span>{props.label}</span>;\n};\n\nexport const SelectField = <T extends SelectOptionValue>(\n props: SelectFieldProps<T>,\n) => {\n const {\n label,\n name,\n options: propOptions,\n loadOptions = defaultLoadOptions,\n disabledInput,\n onChange,\n onFocus,\n placeholder,\n required,\n id,\n value: _valueProp,\n defaultValue,\n disabled,\n children,\n helperText,\n invalid,\n loading: propsLoading,\n readOnly: propsReadOnly,\n style,\n className,\n originalInputTestId,\n pseudoInputTestId,\n disablePortal = true,\n renderOption = DefaultOption,\n inputRef,\n inputHasValueRef,\n } = props;\n const [open, setOpen] = useState(false);\n const ref = useRef<HTMLDivElement>(null);\n\n const [query, setQuery] = useState<string>(\"\");\n const selectedOptionsCache = useRef<T[] | undefined>(propOptions);\n const [options, setOptions] = useState(propOptions);\n\n useEffect(() => {\n void loadOptions({\n query,\n options: propOptions,\n selectedOptions: selectedOptionsCache.current,\n }).then((result) => {\n setOptions(result);\n });\n }, [propOptions, loadOptions, query]);\n\n const [value, setValue, isControlled] = useInputValue(props);\n\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const displayValue = useMemo(() => {\n return (\n selectedOptionsCache.current?.find(\n (option) => option.value === value,\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n ) || options?.find((option) => option.value === value)\n )?.label;\n }, [options, value]);\n\n const listRef = useRef<HTMLUListElement>(null);\n useOnClickOutside([ref, listRef], () => {\n setOpen(false);\n setQuery(\"\");\n });\n\n const pseudoInputRef = useRef<HTMLInputElement>(null);\n const pseudoInputRefs = useMergeRefs(inputRef, pseudoInputRef);\n const originalInputRef = useRef<HTMLInputElement>(null);\n const originalInputRefs = useMergeRefs(inputHasValueRef, originalInputRef);\n\n const updateValue = useCallback(\n (option: T) => {\n onChange?.(option.value, option);\n setValue(option.value);\n selectedOptionsCache.current = options;\n setQuery(\"\");\n if (originalInputRef.current) {\n dispatchChangeEvent(originalInputRef.current, option.value);\n }\n },\n [onChange, options, setValue],\n );\n\n const resetValue = useCallback(() => {\n setValue(undefined);\n if (onChange) {\n const option =\n options?.find((option) => option.value === undefined) ??\n ({ value: undefined, label: \"\" } as T);\n onChange(undefined, option);\n }\n }, [onChange, options, setValue]);\n\n const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n const popperOptions: Partial<PopperjsOptions> = useMemo(() => {\n return {\n modifiers: [\n disablePortal\n ? {\n name: \"computeStyles\",\n options: {\n roundOffsets: ({ y }: { y: number }) => ({\n x: 0,\n y: Math.round(y),\n }),\n },\n }\n : {},\n {\n name: \"sameWidth\",\n enabled: true,\n phase: \"beforeWrite\",\n requires: [\"computeStyles\"],\n fn: ({ state }) => {\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n effect: ({ state }) => {\n state.elements.popper.style.width = `${\n (state.elements.reference as HTMLElement).offsetWidth\n }px`;\n },\n },\n ],\n };\n }, [disablePortal]);\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n // Auto fillによって値が後から更新されることを防ぐ\n const [autoFillPreventionKey, updateAutoFillPreventionKey] = useReducer(\n (prev: number) => prev + 1,\n 0,\n );\n\n return (\n <FormControl style={style} className={className}>\n {label ? (\n <InputLabel\n htmlFor={inputId}\n aria-disabled={disabled}\n required={required}\n loading={loading}\n >\n {label}\n </InputLabel>\n ) : null}\n <VisuallyHidden>\n <input\n ref={originalInputRefs}\n type=\"text\"\n data-testid={originalInputTestId}\n required={required}\n name={name}\n key={`${value}-${autoFillPreventionKey}`}\n defaultValue={value}\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n onInput={(event) => {\n event.preventDefault();\n if (value === undefined) {\n // 選択肢が選択されていない状態で、値に選択肢と一致するものがある場合、その値に更新する\n const option = options?.find(\n (option) => option.value === event.currentTarget.value,\n );\n if (option) {\n updateValue(option);\n } else {\n // 一致する選択肢がない場合、Auto fillが適用されると困るため無効化する\n updateAutoFillPreventionKey();\n }\n } else {\n // このinput要素の値でonInputが発火するケースはAuto fillによる場合のみ、選択肢の選択では発火しない。\n // ここでkeyを更新することでauto fillによる値の上書きを、さらに上書きできる。\n updateAutoFillPreventionKey();\n }\n }}\n autoCorrect=\"off\"\n spellCheck=\"false\"\n tabIndex={-1}\n />\n </VisuallyHidden>\n\n <div ref={ref}>\n <SelectFieldInputWrapperContext.Provider\n value={!query ? displayValue : undefined}\n >\n <InputBase\n id={inputId}\n renderInputWrapper={SelectFieldInputWrapper}\n ref={pseudoInputRefs}\n data-testid={pseudoInputTestId}\n placeholder={placeholder}\n disabled={disabled}\n loading={loading}\n readOnly={readOnly}\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n spellCheck=\"false\"\n onKeyDown={(event) => {\n const { key } = event;\n if (key === \"Delete\" || key === \"Backspace\") {\n setQuery((prev) => {\n if (prev === \"\") {\n resetValue();\n }\n return prev;\n });\n } else if (key === \"ArrowDown\") {\n event.preventDefault();\n const list = listRef.current;\n if (list) {\n moveFocus(list, null, nextItem);\n }\n } else if (event.key.length === 1) {\n setOpen(true);\n }\n }}\n type=\"text\"\n startAdornment={\n value ||\n disabledInput ||\n (value === undefined &&\n options?.some(\n (option) => option.value === undefined,\n )) ? undefined : (\n <SearchIcon />\n )\n }\n endAdornment={\n <SelectInnerSpinButton\n open={open}\n onClick={() => {\n setOpen((prev) => {\n if (prev) {\n return false;\n }\n pseudoInputRef.current?.focus();\n return prev;\n });\n }}\n />\n }\n data-invalid={invalid}\n value={query}\n onChange={\n disabledInput\n ? // @see https://github.com/matsuri-tech/matsuri-ui/issues/2451\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n () => {}\n : (event) => {\n const value = event.currentTarget.value;\n setQuery(value);\n }\n }\n data-touched={inputProps[\"data-touched\"]}\n onFocus={(event) => {\n inputProps.onFocus(event);\n if (readOnly !== true) {\n setOpen(true);\n }\n }}\n css={\n disabledInput\n ? css`\n caret-color: transparent;\n input {\n cursor: pointer;\n }\n `\n : null\n }\n />\n </SelectFieldInputWrapperContext.Provider>\n\n <Popper\n disablePortal={disablePortal}\n anchorEl={ref.current}\n placement=\"bottom-start\"\n open={open}\n options={popperOptions}\n >\n <div>\n <Paper>\n <SelectList\n ref={listRef}\n onKeyDown={(event) => {\n const key = event.key;\n const list = listRef.current;\n if (list === null) {\n return;\n }\n const currentFocus = ownerDocument(list).activeElement;\n if (key === \"ArrowDown\") {\n event.preventDefault();\n moveFocus(list, currentFocus, nextItem);\n } else if (key === \"ArrowUp\") {\n event.preventDefault();\n moveFocus(list, currentFocus, previousItem);\n }\n }}\n >\n {React.Children.toArray(children).map((child, i) => (\n <SelectOption\n tabIndex={-1}\n aria-readonly={true}\n key={`child-${i}`}\n >\n {child}\n </SelectOption>\n ))}\n {options === undefined ? (\n <SelectOption aria-disabled={true} tabIndex={-1}>\n Loading...\n </SelectOption>\n ) : options.length === 0 ? (\n <SelectOption aria-disabled={true} tabIndex={-1}>\n No options\n </SelectOption>\n ) : (\n options.map((option, index) => {\n const selected = value === option.value;\n return (\n <SelectOption\n onKeyDown={(event) => {\n const { key } = event;\n if (key === \"Enter\") {\n event.preventDefault();\n event.currentTarget.click();\n pseudoInputRef.current?.focus();\n setOpen(false);\n }\n }}\n aria-selected={selected}\n /**\n * 何も選択されていないときは、先頭のオプションに飛べるようにしておく\n */\n tabIndex={\n (value === undefined ? index === 0 : selected)\n ? 0\n : -1\n }\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n key={option.value || `undefinedValue`}\n onClick={() => {\n updateValue(option);\n setOpen(false);\n }}\n >\n {renderOption(option)}\n </SelectOption>\n );\n })\n )}\n </SelectList>\n </Paper>\n </div>\n </Popper>\n </div>\n <FormHelperText\n invalid={invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {helperText}\n </FormHelperText>\n </FormControl>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"SelectField.js","names":["css","React","forwardRef","useCallback","useEffect","useId","useMemo","useReducer","useRef","useState","SearchIcon","useFieldGroup","FormControl","FormHelperText","InputBase","InputLabel","Paper","Popper","Triangle","VisuallyHidden","dispatchChangeEvent","useDitectInputTouched","useInputValue","useMergeRefs","useOnClickOutside","useTheme","getSearch","SelectFieldInputWrapper","SelectFieldInputWrapperContext","jsx","___EmotionJSX","ownerDocument","node","document","nextItem","list","item","firstChild","nextElementSibling","previousItem","lastChild","previousElementSibling","moveFocus","currentFocus","traversalFunction","nextFocus","disabledFocus","disabled","getAttribute","focus","_ref2","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","SelectInnerSpinButton","_ref3","open","onClick","theme","typography","body","fontSize","transitions","duration","shorter","easing","easeInOut","SelectList","props","ref","_extends","role","tabIndex","SelectOption","spacing","palette","text","primary","background","paper","gray","shortest","action","hover","selected","filterSelectOptionsByQuery","options","query","result","map","option","keys","label","content","value","defaultLoadOptions","_ref5","_asyncToGenerator","_ref4","undefined","length","_x","apply","arguments","DefaultOption","_ref","SelectField","propOptions","loadOptions","disabledInput","onChange","onFocus","placeholder","required","id","_valueProp","defaultValue","children","helperText","invalid","loading","propsLoading","readOnly","propsReadOnly","style","className","originalInputTestId","pseudoInputTestId","disablePortal","renderOption","inputRef","inputHasValueRef","setOpen","setQuery","selectedOptionsCache","setOptions","selectedOptions","current","then","setValue","isControlled","onLoaded","displayValue","_ref6","_selectedOptionsCache","find","listRef","pseudoInputRef","pseudoInputRefs","originalInputRef","originalInputRefs","updateValue","resetValue","_options$find","touched","inputProps","popperOptions","modifiers","roundOffsets","_ref7","y","x","Math","round","enabled","phase","requires","fn","_ref8","state","popper","width","rects","reference","effect","_ref9","elements","offsetWidth","internalInputId","inputId","autoFillPreventionKey","updateAutoFillPreventionKey","prev","htmlFor","type","key","autoCapitalize","autoComplete","onInput","event","preventDefault","currentTarget","autoCorrect","spellCheck","Provider","renderInputWrapper","onKeyDown","startAdornment","some","endAdornment","_pseudoInputRef$curre","anchorEl","placement","activeElement","Children","toArray","child","i","index","_pseudoInputRef$curre2","click"],"sources":["../../../src/SelectField/SelectField.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, {\n forwardRef,\n useCallback,\n useEffect,\n useId,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport { FieldGroupProps, useFieldGroup } from \"../FieldGroup\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper } from \"../Popper\";\nimport { Triangle } from \"../Icon/Triangle\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { dispatchChangeEvent } from \"../@utils/dispatchChangeEvent\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\";\nimport { useTheme } from \"../theme\";\nimport { getSearch } from \"./useSearch\";\nimport {\n SelectFieldInputWrapper,\n SelectFieldInputWrapperContext,\n} from \"./SelectFieldInputWrapper\";\nimport type { Options as PopperjsOptions } from \"@popperjs/core\";\n\nfunction ownerDocument(node: Node | null | undefined): Document {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n return node?.ownerDocument || document;\n}\n\ntype TraversalFunction = (\n list: HTMLUListElement,\n item?: Element | null,\n) => ChildNode | null;\n\nconst nextItem: TraversalFunction = (list, item) => {\n if (list === item) {\n return list.firstChild;\n }\n if (item?.nextElementSibling) {\n return item.nextElementSibling;\n }\n return list.firstChild;\n};\n\nconst previousItem: TraversalFunction = (list, item) => {\n if (list === item) {\n return list.lastChild;\n }\n if (item?.previousElementSibling) {\n return item.previousElementSibling;\n }\n return list.lastChild;\n};\n\nconst moveFocus = (\n list: HTMLUListElement,\n currentFocus: Element | null,\n traversalFunction: TraversalFunction,\n) => {\n let nextFocus = traversalFunction(list, currentFocus) as HTMLElement | null;\n while (nextFocus) {\n if (\n currentFocus === null\n ? nextFocus === list.lastChild\n : nextFocus === currentFocus\n ) {\n break;\n }\n const disabledFocus =\n (nextFocus as HTMLInputElement).disabled ||\n nextFocus.getAttribute(\"aria-disabled\") === \"true\";\n if (disabledFocus) {\n nextFocus = traversalFunction(list, nextFocus) as HTMLElement;\n } else {\n nextFocus.focus();\n break;\n }\n }\n};\n\nconst SelectInnerSpinButton = ({\n open,\n onClick,\n}: {\n open: boolean;\n onClick: () => void;\n}) => {\n const theme = useTheme();\n return (\n <Triangle\n onClick={onClick}\n data-testid=\"SelectFieldSpinButton\"\n css={[\n css`\n font-size: ${theme.typography.body.fontSize}px;\n transition: ${theme.transitions.duration.shorter}\n ${theme.transitions.easing.easeInOut};\n `,\n open\n ? css`\n transform: rotateX(180deg);\n `\n : null,\n ]}\n />\n );\n};\n\nconst SelectList = forwardRef<\n HTMLUListElement,\n React.ComponentPropsWithoutRef<\"ul\">\n>((props, ref) => {\n return (\n <ul\n ref={ref}\n role=\"listbox\"\n tabIndex={-1}\n css={css`\n box-sizing: border-box;\n min-height: ${42 * 3.5}px;\n max-height: ${42 * 7.5}px;\n padding: 0;\n margin: 0;\n overflow-x: hidden;\n overflow-y: auto;\n list-style: none;\n border-radius: inherit;\n `}\n {...props}\n />\n );\n});\n\nconst SelectOption = (props: React.ComponentPropsWithoutRef<\"li\">) => {\n const theme = useTheme();\n return (\n <li\n role=\"option\"\n // aria-selectedは親要素から設定するため、この値は上書きされる\n aria-selected={false}\n css={css`\n box-sizing: border-box;\n min-height: ${theme.spacing * 6}px;\n padding: 9px 12px;\n color: ${theme.palette.text.primary};\n cursor: pointer;\n background-color: ${theme.palette.background.paper};\n border-bottom: 1px solid ${theme.palette.gray[300]};\n outline: 0px;\n transition: ${theme.transitions.duration.shortest};\n\n ${css(theme.typography.body)}\n &:last-child {\n border-bottom: none;\n }\n &:hover,\n &:focus {\n background-color: ${theme.palette.action.hover};\n }\n &[aria-selected=\"true\"] {\n background-color: ${theme.palette.action.selected};\n }\n &[aria-disabled=\"true\"] {\n color: ${theme.palette.text.disabled};\n cursor: default;\n }\n &[aria-readonly=\"true\"],\n &[aria-disabled=\"true\"] {\n &:hover {\n background-color: ${theme.palette.background.paper};\n }\n }\n `}\n {...props}\n />\n );\n};\n\nexport interface SelectOptionValue {\n value: string | undefined;\n label: string;\n keys?: string[];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n [key: string]: any;\n}\n\nexport type RenderSelectOption<\n T extends SelectOptionValue = SelectOptionValue,\n> = (peops: T) => React.JSX.Element;\n\nexport interface SelectFieldProps<\n T extends SelectOptionValue = SelectOptionValue,\n> extends Pick<FieldProps<string>, \"helperText\" | \"invalid\">,\n FieldGroupProps {\n renderOption?: RenderSelectOption<T>;\n children?: React.ReactNode;\n /**\n * 見出し\n */\n label?: string;\n name?: string;\n defaultValue?: string;\n /**\n * valueの変更は、defaultValueが指定されていないときのみ反映されます。\n */\n value?: string;\n disabled?: boolean;\n style?: React.CSSProperties;\n id?: string;\n className?: string;\n /**\n * placeholder\n */\n placeholder?: string;\n /**\n * selecting data is required\n */\n required?: boolean;\n options?: T[];\n loadOptions?: SelectLoadOptions<T>;\n disabledInput?: boolean;\n readOnly?: boolean;\n /**\n * SelectFieldのOptionがクリックされた際に発火する関数。\n */\n onChange?: (value: T[\"value\"], options: T) => void;\n onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n loading?: boolean;\n originalInputTestId?: string;\n pseudoInputTestId?: string;\n /**\n * オプションの表示にPortalを利用するかどうかを指定します。\n * このpropがtrueの場合、Portalが無効化されます。\n * また初期値がtrueであることに注意してください。\n * つまり通常、オプションはこのコンポーネントの子要素としてレンダリングされます。\n * @default true\n */\n disablePortal?: boolean;\n /**\n * 見かけ上のinput要素に対するrefを利用できます。\n * 選択された値を取得する場合などは、inputHasValueRefを利用してください。\n */\n inputRef?: React.Ref<HTMLInputElement>;\n /**\n * 選択された値を保持しているinput要素に対するrefを利用できます。\n * 見えているinput要素にフォーカスしたい場合などは、inputRefを利用してください。\n */\n inputHasValueRef?: React.Ref<HTMLInputElement>;\n}\n\nexport const filterSelectOptionsByQuery = <\n T extends SelectOptionValue = SelectOptionValue,\n>(\n options: T[],\n query: string,\n) => {\n const result = getSearch(\n options.map((option) => {\n return {\n ...option,\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n keys: option.keys || [option.label],\n content: option.value,\n };\n }),\n query,\n );\n return result;\n};\n\nexport type SelectLoadOptions<T extends SelectOptionValue = SelectOptionValue> =\n (args: {\n query: string;\n options?: T[];\n selectedOptions?: T[];\n }) => Promise<T[] | undefined>;\n\nconst defaultLoadOptions = async <\n T extends SelectOptionValue = SelectOptionValue,\n>({\n query,\n options,\n}: {\n query: string;\n options?: T[];\n // eslint-disable-next-line @typescript-eslint/require-await\n}): Promise<T[] | undefined> => {\n if (options === undefined) {\n return undefined;\n }\n if (query === undefined) {\n return options;\n }\n const result = filterSelectOptionsByQuery(options, query);\n return result.length ? result : options;\n};\n\nconst DefaultOption = <T extends SelectOptionValue>(\n props: T,\n): React.JSX.Element => {\n return <span>{props.label}</span>;\n};\n\nexport const SelectField = <T extends SelectOptionValue>(\n props: SelectFieldProps<T>,\n) => {\n const {\n label,\n name,\n options: propOptions,\n loadOptions = defaultLoadOptions,\n disabledInput,\n onChange,\n onFocus,\n placeholder,\n required,\n id,\n value: _valueProp,\n defaultValue,\n disabled,\n children,\n helperText,\n invalid,\n loading: propsLoading,\n readOnly: propsReadOnly,\n style,\n className,\n originalInputTestId,\n pseudoInputTestId,\n disablePortal = true,\n renderOption = DefaultOption,\n inputRef,\n inputHasValueRef,\n } = props;\n const [open, setOpen] = useState(false);\n const ref = useRef<HTMLDivElement>(null);\n\n const [query, setQuery] = useState<string>(\"\");\n const selectedOptionsCache = useRef<T[] | undefined>(propOptions);\n const [options, setOptions] = useState(propOptions);\n\n useEffect(() => {\n void loadOptions({\n query,\n options: propOptions,\n selectedOptions: selectedOptionsCache.current,\n }).then((result) => {\n setOptions(result);\n });\n }, [propOptions, loadOptions, query]);\n\n const [value, setValue, isControlled] = useInputValue(props);\n\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const displayValue = useMemo(() => {\n /* eslint-disable react-hooks/refs */\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 /* eslint-enable react-hooks/refs */\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 // eslint-disable-next-line react-hooks/refs\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/Table/useTable.js
CHANGED
package/Table/useTable.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTable.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","jsx","___EmotionJSX","isAllRowSelected","useTable","_ref","_props$initialState$p","_props$initialState","_props$initialState$p2","_props$initialState2","data","props","_objectWithoutPropertiesLoose","_excluded","columns","filterValues","setFilters","makeSetFilter","accessor","value","prev","_extends","toggleAllRowsSelected","setRows","copy","slice","map","row","isSelected","headers","Object","entries","current","_ref2","_headerProps$style","Header","width","minWidth","maxWidth","align","headerProps","result","key","style","textAlign","render","column","filterValue","setFilter","dataToProps","cells","path","join","values","propsMap","setPropsMap","rows","newRows","forEach","_loop","_cellProps$style","i","undefined","Cell","cellProps","contentProps","cell","push","cellAlign","Content","_ref3","thisProps","_excluded2","bind","length","filter","toggleRowSelected","toggleRows","flag","toggleRow","pageIndex","setPageIndex","initialState","pageSize","setPageSize","canPreviousPage","canNextPage","Math","floor","nextPage","previousPage","filteredRows","setFilteredRows","fv","firstLoop","_columns$current$acce","Error","j","filtered","page","gotoPage"],"sources":["../../../src/Table/useTable.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars,@typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-assignment,@typescript-eslint/prefer-for-of,@typescript-eslint/prefer-nullish-coalescing,@typescript-eslint/no-unsafe-return */\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\ntype Values<S> = Pick<S, keyof S>;\n\ninterface Props<S> {\n key: string;\n path: number[];\n values: Values<S>;\n isSelected: boolean;\n}\n\ninterface Cell {\n key: string;\n props: UseTableCellProps<any, any>;\n // 型を軽量化するためにanyを使用\n style: Record<string, any>;\n render: () => React.ReactElement<any, any> | null;\n Content: (\n props: React.HTMLProps<HTMLDivElement> & UseTableCellProps<any, any>,\n ) => React.ReactElement<any, any> | null;\n}\ninterface Row<S> extends Props<S> {\n cells: Cell[];\n}\n\ntype Rows<S> = Row<S>[];\n\nexport interface UseTableCellProps<S, K extends keyof S> {\n cell: {\n value: S[K];\n };\n row: Props<S>;\n}\n\nlet isAllRowSelected = false;\n\nexport type TableCell<S, K extends keyof S> = (\n props: UseTableCellProps<S, K>,\n) => React.JSX.Element;\n\ninterface ColumnLayoutProperties {\n width?: string | number;\n minWidth?: string | number;\n maxWidth?: string | number;\n align?: React.CSSProperties[\"textAlign\"];\n cellAlign?: React.CSSProperties[\"textAlign\"];\n}\n\ntype Column<S, K extends keyof S> = {\n Header:\n | string\n | ((props: {\n toggleAllRowsSelected: () => void;\n filterValues: Values<S>;\n setFilters: (values: Values<S>) => void;\n column: {\n filterValue: S[K];\n setFilter: (value: S[K]) => void;\n };\n }) => React.JSX.Element);\n Cell?: (props: UseTableCellProps<S, K>) => React.JSX.Element;\n cellProps?: {\n style?: React.CSSProperties;\n };\n headerProps?: {\n style?: React.CSSProperties;\n };\n filter?: (\n value: S[K],\n args: {\n column: {\n filterValue: S[K];\n };\n },\n ) => boolean;\n} & ColumnLayoutProperties;\n\nexport type TableColumns<S> = {\n [K in keyof S]?: Column<S, K>;\n};\n\nexport type TableDataItem = Record<string, any>;\n\nexport const useTable = <S extends TableDataItem>({\n data,\n ...props\n}: {\n columns: {\n [K in keyof S]?: Column<S, K>;\n };\n data: S[];\n initialState?: { pageIndex?: number; pageSize?: number };\n}) => {\n const columns = useRef(props.columns);\n\n const [filterValues, setFilters] = useState({} as Values<S>);\n\n const makeSetFilter = (accessor: string) => (value: any) => {\n setFilters((prev) => {\n return {\n ...prev,\n [accessor]: value,\n };\n });\n };\n\n const toggleAllRowsSelected = useCallback(() => {\n setRows((prev) => {\n const copy = prev.slice();\n isAllRowSelected = !isAllRowSelected;\n return copy.map((row) => ({\n ...row,\n isSelected: isAllRowSelected,\n }));\n });\n }, []);\n\n const headers = useMemo(() => {\n return Object.entries(columns.current).map(\n ([accessor, { Header, width, minWidth, maxWidth, align, headerProps }]: [\n string,\n Column<any, any>,\n ]) => {\n const result: {\n key: string;\n style: Record<string, any>;\n render: () => React.JSX.Element | string;\n } = {\n key: accessor,\n style: {\n width,\n minWidth,\n maxWidth,\n textAlign: align,\n ...(headerProps?.style ?? {}),\n },\n render:\n typeof Header === \"string\"\n ? () => {\n return Header;\n }\n : () => {\n return Header({\n toggleAllRowsSelected,\n setFilters,\n filterValues,\n column: {\n filterValue: filterValues[accessor],\n setFilter: makeSetFilter(accessor),\n },\n });\n },\n };\n return result;\n },\n );\n }, [filterValues, toggleAllRowsSelected]);\n\n const dataToProps = useCallback((data: S[]) => {\n return data.map((cells, key) => {\n const path = [key];\n return {\n key: path.join(\".\"),\n path,\n values: cells,\n isSelected: false,\n } satisfies Props<S>;\n });\n }, []);\n const [propsMap, setPropsMap] = useState(dataToProps(data));\n useEffect(() => {\n setPropsMap(dataToProps(data));\n }, [data, dataToProps]);\n const [rows, setRows] = useState<Rows<S>>([]);\n\n useEffect(() => {\n let newRows: Rows<S> = [];\n\n propsMap.forEach((props) => {\n const { path } = props;\n\n const cells: Cell[] = [];\n\n for (let i = 0; i < headers.length; i++) {\n const { key } = headers[i];\n const value = props.values[key];\n const column = columns.current[key];\n if (column === undefined) break;\n const { Cell, cellProps } = column;\n\n const contentProps = {\n cell: { value },\n row: props,\n };\n cells.push({\n key,\n props: contentProps,\n style: {\n textAlign: column.cellAlign,\n ...(cellProps?.style ?? {}),\n },\n Content:\n Cell ||\n (({ cell, row, ...thisProps }) => {\n return <div {...thisProps}>{value}</div>;\n }),\n render:\n Cell !== undefined ? Cell.bind(null, contentProps) : () => value,\n });\n }\n\n newRows.push({\n ...props,\n cells,\n });\n newRows = newRows.filter((row) => {\n return row.path.length === 1 || row.path[0] !== path[0];\n });\n });\n setRows(newRows);\n }, [headers, propsMap]);\n\n const toggleRowSelected = useCallback(\n (toggleRows: number[], flag?: boolean) => {\n setRows((prev) => {\n const copy = prev.slice();\n toggleRows.forEach((toggleRow) => {\n copy[toggleRow].isSelected =\n flag === undefined ? !copy[toggleRow].isSelected : flag;\n });\n return copy;\n });\n },\n [],\n );\n\n const [pageIndex, setPageIndex] = useState(\n props.initialState?.pageIndex ?? 0,\n );\n const [pageSize, setPageSize] = useState(props.initialState?.pageSize ?? 10);\n\n const canPreviousPage = useMemo(() => pageIndex !== 0, [pageIndex]);\n const canNextPage = useMemo(\n () => Math.floor(data.length / pageSize) > pageIndex + 1,\n [data.length, pageIndex, pageSize],\n );\n\n const nextPage = useCallback(() => {\n setPageIndex((prev) => prev + 1);\n }, []);\n const previousPage = useCallback(() => {\n setPageIndex((prev) => prev - 1);\n }, []);\n\n const [filteredRows, setFilteredRows] = useState<Rows<S>>([]);\n\n useEffect(() => {\n const fv = Object.entries(filterValues);\n setFilteredRows(\n rows.filter((row) => {\n const values = Object.entries(row.values);\n let flag = true;\n\n firstLoop: for (let i = 0; i < fv.length; i++) {\n const [accessor, filterValue] = fv[i];\n const filter = columns.current[accessor]?.filter;\n if (filter === undefined) {\n throw new Error(`Set columns.${accessor}.filter`);\n }\n\n for (let j = 0; j < values.length; j++) {\n const [key, value] = values[j];\n if (key !== accessor) continue;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n const filtered = filter(value, { column: { filterValue } });\n if (filtered === false) {\n flag = false;\n break firstLoop;\n }\n }\n }\n return flag;\n }),\n );\n }, [filterValues, rows]);\n\n const page = useMemo(\n () => filteredRows.slice(pageIndex * pageSize, (pageIndex + 1) * pageSize),\n [filteredRows, pageIndex, pageSize],\n );\n\n return {\n canPreviousPage,\n canNextPage,\n gotoPage: setPageIndex,\n nextPage,\n setPageSize,\n previousPage,\n pageIndex,\n headers,\n rows: filteredRows,\n page,\n toggleRowSelected,\n toggleAllRowsSelected,\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"useTable.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","jsx","___EmotionJSX","isAllRowSelected","useTable","_ref","_props$initialState$p","_props$initialState","_props$initialState$p2","_props$initialState2","data","props","_objectWithoutPropertiesLoose","_excluded","columns","filterValues","setFilters","makeSetFilter","accessor","value","prev","_extends","toggleAllRowsSelected","setRows","copy","slice","map","row","isSelected","headers","Object","entries","current","_ref2","_headerProps$style","Header","width","minWidth","maxWidth","align","headerProps","result","key","style","textAlign","render","column","filterValue","setFilter","dataToProps","cells","path","join","values","propsMap","setPropsMap","rows","newRows","forEach","_loop","_cellProps$style","i","undefined","Cell","cellProps","contentProps","cell","push","cellAlign","Content","_ref3","thisProps","_excluded2","bind","length","filter","toggleRowSelected","toggleRows","flag","toggleRow","pageIndex","setPageIndex","initialState","pageSize","setPageSize","canPreviousPage","canNextPage","Math","floor","nextPage","previousPage","filteredRows","setFilteredRows","fv","firstLoop","_columns$current$acce","Error","j","filtered","page","gotoPage"],"sources":["../../../src/Table/useTable.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars,@typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-assignment,@typescript-eslint/prefer-for-of,@typescript-eslint/prefer-nullish-coalescing,@typescript-eslint/no-unsafe-return */\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\ntype Values<S> = Pick<S, keyof S>;\n\ninterface Props<S> {\n key: string;\n path: number[];\n values: Values<S>;\n isSelected: boolean;\n}\n\ninterface Cell {\n key: string;\n props: UseTableCellProps<any, any>;\n // 型を軽量化するためにanyを使用\n style: Record<string, any>;\n render: () => React.ReactElement<any, any> | null;\n Content: (\n props: React.HTMLProps<HTMLDivElement> & UseTableCellProps<any, any>,\n ) => React.ReactElement<any, any> | null;\n}\ninterface Row<S> extends Props<S> {\n cells: Cell[];\n}\n\ntype Rows<S> = Row<S>[];\n\nexport interface UseTableCellProps<S, K extends keyof S> {\n cell: {\n value: S[K];\n };\n row: Props<S>;\n}\n\nlet isAllRowSelected = false;\n\nexport type TableCell<S, K extends keyof S> = (\n props: UseTableCellProps<S, K>,\n) => React.JSX.Element;\n\ninterface ColumnLayoutProperties {\n width?: string | number;\n minWidth?: string | number;\n maxWidth?: string | number;\n align?: React.CSSProperties[\"textAlign\"];\n cellAlign?: React.CSSProperties[\"textAlign\"];\n}\n\ntype Column<S, K extends keyof S> = {\n Header:\n | string\n | ((props: {\n toggleAllRowsSelected: () => void;\n filterValues: Values<S>;\n setFilters: (values: Values<S>) => void;\n column: {\n filterValue: S[K];\n setFilter: (value: S[K]) => void;\n };\n }) => React.JSX.Element);\n Cell?: (props: UseTableCellProps<S, K>) => React.JSX.Element;\n cellProps?: {\n style?: React.CSSProperties;\n };\n headerProps?: {\n style?: React.CSSProperties;\n };\n filter?: (\n value: S[K],\n args: {\n column: {\n filterValue: S[K];\n };\n },\n ) => boolean;\n} & ColumnLayoutProperties;\n\nexport type TableColumns<S> = {\n [K in keyof S]?: Column<S, K>;\n};\n\nexport type TableDataItem = Record<string, any>;\n\nexport const useTable = <S extends TableDataItem>({\n data,\n ...props\n}: {\n columns: {\n [K in keyof S]?: Column<S, K>;\n };\n data: S[];\n initialState?: { pageIndex?: number; pageSize?: number };\n}) => {\n const columns = useRef(props.columns);\n\n const [filterValues, setFilters] = useState({} as Values<S>);\n\n const makeSetFilter = (accessor: string) => (value: any) => {\n setFilters((prev) => {\n return {\n ...prev,\n [accessor]: value,\n };\n });\n };\n\n const toggleAllRowsSelected = useCallback(() => {\n // eslint-disable-next-line react-hooks/immutability\n setRows((prev) => {\n const copy = prev.slice();\n isAllRowSelected = !isAllRowSelected;\n return copy.map((row) => ({\n ...row,\n isSelected: isAllRowSelected,\n }));\n });\n }, []);\n\n const headers = useMemo(() => {\n return Object.entries(columns.current).map(\n ([accessor, { Header, width, minWidth, maxWidth, align, headerProps }]: [\n string,\n Column<any, any>,\n ]) => {\n const result: {\n key: string;\n style: Record<string, any>;\n render: () => React.JSX.Element | string;\n } = {\n key: accessor,\n style: {\n width,\n minWidth,\n maxWidth,\n textAlign: align,\n ...(headerProps?.style ?? {}),\n },\n render:\n typeof Header === \"string\"\n ? () => {\n return Header;\n }\n : () => {\n return Header({\n toggleAllRowsSelected,\n setFilters,\n filterValues,\n column: {\n filterValue: filterValues[accessor],\n setFilter: makeSetFilter(accessor),\n },\n });\n },\n };\n return result;\n },\n );\n }, [filterValues, toggleAllRowsSelected]);\n\n const dataToProps = useCallback((data: S[]) => {\n return data.map((cells, key) => {\n const path = [key];\n return {\n key: path.join(\".\"),\n path,\n values: cells,\n isSelected: false,\n } satisfies Props<S>;\n });\n }, []);\n const [propsMap, setPropsMap] = useState(dataToProps(data));\n useEffect(() => {\n setPropsMap(dataToProps(data));\n }, [data, dataToProps]);\n const [rows, setRows] = useState<Rows<S>>([]);\n\n useEffect(() => {\n let newRows: Rows<S> = [];\n\n propsMap.forEach((props) => {\n const { path } = props;\n\n const cells: Cell[] = [];\n\n for (let i = 0; i < headers.length; i++) {\n const { key } = headers[i];\n const value = props.values[key];\n const column = columns.current[key];\n if (column === undefined) break;\n const { Cell, cellProps } = column;\n\n const contentProps = {\n cell: { value },\n row: props,\n };\n cells.push({\n key,\n props: contentProps,\n style: {\n textAlign: column.cellAlign,\n ...(cellProps?.style ?? {}),\n },\n Content:\n Cell ||\n (({ cell, row, ...thisProps }) => {\n return <div {...thisProps}>{value}</div>;\n }),\n render:\n Cell !== undefined ? Cell.bind(null, contentProps) : () => value,\n });\n }\n\n newRows.push({\n ...props,\n cells,\n });\n newRows = newRows.filter((row) => {\n return row.path.length === 1 || row.path[0] !== path[0];\n });\n });\n setRows(newRows);\n }, [headers, propsMap]);\n\n const toggleRowSelected = useCallback(\n (toggleRows: number[], flag?: boolean) => {\n setRows((prev) => {\n const copy = prev.slice();\n toggleRows.forEach((toggleRow) => {\n copy[toggleRow].isSelected =\n flag === undefined ? !copy[toggleRow].isSelected : flag;\n });\n return copy;\n });\n },\n [],\n );\n\n const [pageIndex, setPageIndex] = useState(\n props.initialState?.pageIndex ?? 0,\n );\n const [pageSize, setPageSize] = useState(props.initialState?.pageSize ?? 10);\n\n const canPreviousPage = useMemo(() => pageIndex !== 0, [pageIndex]);\n const canNextPage = useMemo(\n () => Math.floor(data.length / pageSize) > pageIndex + 1,\n [data.length, pageIndex, pageSize],\n );\n\n const nextPage = useCallback(() => {\n setPageIndex((prev) => prev + 1);\n }, []);\n const previousPage = useCallback(() => {\n setPageIndex((prev) => prev - 1);\n }, []);\n\n const [filteredRows, setFilteredRows] = useState<Rows<S>>([]);\n\n useEffect(() => {\n const fv = Object.entries(filterValues);\n setFilteredRows(\n rows.filter((row) => {\n const values = Object.entries(row.values);\n let flag = true;\n\n firstLoop: for (let i = 0; i < fv.length; i++) {\n const [accessor, filterValue] = fv[i];\n const filter = columns.current[accessor]?.filter;\n if (filter === undefined) {\n throw new Error(`Set columns.${accessor}.filter`);\n }\n\n for (let j = 0; j < values.length; j++) {\n const [key, value] = values[j];\n if (key !== accessor) continue;\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n const filtered = filter(value, { column: { filterValue } });\n if (filtered === false) {\n flag = false;\n break firstLoop;\n }\n }\n }\n return flag;\n }),\n );\n }, [filterValues, rows]);\n\n const page = useMemo(\n () => filteredRows.slice(pageIndex * pageSize, (pageIndex + 1) * pageSize),\n [filteredRows, pageIndex, pageSize],\n );\n\n return {\n canPreviousPage,\n canNextPage,\n gotoPage: setPageIndex,\n nextPage,\n setPageSize,\n previousPage,\n pageIndex,\n headers,\n rows: filteredRows,\n page,\n toggleRowSelected,\n toggleAllRowsSelected,\n };\n};\n"],"mappings":";;;;AAAA;AACA,OAAOA,KAAK,IACVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAkCf,IAAIC,gBAAgB,GAAG,KAAK;AAiD5B,OAAO,IAAMC,QAAQ,GAAGC,IAAA,IASlB;EAAA,IAAAC,qBAAA,EAAAC,mBAAA,EAAAC,sBAAA,EAAAC,oBAAA;EAAA,IAT4C;MAChDC;IAQF,CAAC,GAAAL,IAAA;IAPIM,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAQR,IAAMC,OAAO,GAAGf,MAAM,CAACY,KAAK,CAACG,OAAO,CAAC;EAErC,IAAM,CAACC,YAAY,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAC,CAAC,CAAc,CAAC;EAE5D,IAAMiB,aAAa,GAAIC,QAAgB,IAAMC,KAAU,IAAK;IAC1DH,UAAU,CAAEI,IAAI,IAAK;MACnB,OAAAC,QAAA,KACKD,IAAI;QACP,CAACF,QAAQ,GAAGC;MAAK;IAErB,CAAC,CAAC;EACJ,CAAC;EAED,IAAMG,qBAAqB,GAAG1B,WAAW,CAAC,MAAM;IAC9C;IACA2B,OAAO,CAAEH,IAAI,IAAK;MAChB,IAAMI,IAAI,GAAGJ,IAAI,CAACK,KAAK,CAAC,CAAC;MACzBtB,gBAAgB,GAAG,CAACA,gBAAgB;MACpC,OAAOqB,IAAI,CAACE,GAAG,CAAEC,GAAG,IAAAN,QAAA,KACfM,GAAG;QACNC,UAAU,EAAEzB;MAAgB,EAC5B,CAAC;IACL,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM0B,OAAO,GAAG/B,OAAO,CAAC,MAAM;IAC5B,OAAOgC,MAAM,CAACC,OAAO,CAACjB,OAAO,CAACkB,OAAO,CAAC,CAACN,GAAG,CACxCO,KAAA,IAGM;MAAA,IAAAC,kBAAA;MAAA,IAHL,CAAChB,QAAQ,EAAE;QAAEiB,MAAM;QAAEC,KAAK;QAAEC,QAAQ;QAAEC,QAAQ;QAAEC,KAAK;QAAEC;MAAY,CAAC,CAGpE,GAAAP,KAAA;MACC,IAAMQ,MAIL,GAAG;QACFC,GAAG,EAAExB,QAAQ;QACbyB,KAAK,EAAAtB,QAAA;UACHe,KAAK;UACLC,QAAQ;UACRC,QAAQ;UACRM,SAAS,EAAEL;QAAK,IAAAL,kBAAA,GACZM,WAAW,oBAAXA,WAAW,CAAEG,KAAK,YAAAT,kBAAA,GAAI,CAAC,CAAC,CAC7B;QACDW,MAAM,EACJ,OAAOV,MAAM,KAAK,QAAQ,GACtB,MAAM;UACJ,OAAOA,MAAM;QACf,CAAC,GACD,MAAM;UACJ,OAAOA,MAAM,CAAC;YACZb,qBAAqB;YACrBN,UAAU;YACVD,YAAY;YACZ+B,MAAM,EAAE;cACNC,WAAW,EAAEhC,YAAY,CAACG,QAAQ,CAAC;cACnC8B,SAAS,EAAE/B,aAAa,CAACC,QAAQ;YACnC;UACF,CAAC,CAAC;QACJ;MACR,CAAC;MACD,OAAOuB,MAAM;IACf,CACF,CAAC;EACH,CAAC,EAAE,CAAC1B,YAAY,EAAEO,qBAAqB,CAAC,CAAC;EAEzC,IAAM2B,WAAW,GAAGrD,WAAW,CAAEc,IAAS,IAAK;IAC7C,OAAOA,IAAI,CAACgB,GAAG,CAAC,CAACwB,KAAK,EAAER,GAAG,KAAK;MAC9B,IAAMS,IAAI,GAAG,CAACT,GAAG,CAAC;MAClB,OAAO;QACLA,GAAG,EAAES,IAAI,CAACC,IAAI,CAAC,GAAG,CAAC;QACnBD,IAAI;QACJE,MAAM,EAAEH,KAAK;QACbtB,UAAU,EAAE;MACd,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EACN,IAAM,CAAC0B,QAAQ,EAAEC,WAAW,CAAC,GAAGvD,QAAQ,CAACiD,WAAW,CAACvC,IAAI,CAAC,CAAC;EAC3Db,SAAS,CAAC,MAAM;IACd0D,WAAW,CAACN,WAAW,CAACvC,IAAI,CAAC,CAAC;EAChC,CAAC,EAAE,CAACA,IAAI,EAAEuC,WAAW,CAAC,CAAC;EACvB,IAAM,CAACO,IAAI,EAAEjC,OAAO,CAAC,GAAGvB,QAAQ,CAAU,EAAE,CAAC;EAE7CH,SAAS,CAAC,MAAM;IACd,IAAI4D,OAAgB,GAAG,EAAE;IAEzBH,QAAQ,CAACI,OAAO,CAAE/C,KAAK,IAAK;MAC1B,IAAM;QAAEwC;MAAK,CAAC,GAAGxC,KAAK;MAEtB,IAAMuC,KAAa,GAAG,EAAE;MAAC,IAAAS,KAAA,YAAAA,MAAA,EAEgB;QAAA,IAAAC,gBAAA;QACvC,IAAM;UAAElB;QAAI,CAAC,GAAGb,OAAO,CAACgC,CAAC,CAAC;QAC1B,IAAM1C,KAAK,GAAGR,KAAK,CAAC0C,MAAM,CAACX,GAAG,CAAC;QAC/B,IAAMI,MAAM,GAAGhC,OAAO,CAACkB,OAAO,CAACU,GAAG,CAAC;QACnC,IAAII,MAAM,KAAKgB,SAAS;QACxB,IAAM;UAAEC,IAAI;UAAEC;QAAU,CAAC,GAAGlB,MAAM;QAElC,IAAMmB,YAAY,GAAG;UACnBC,IAAI,EAAE;YAAE/C;UAAM,CAAC;UACfQ,GAAG,EAAEhB;QACP,CAAC;QACDuC,KAAK,CAACiB,IAAI,CAAC;UACTzB,GAAG;UACH/B,KAAK,EAAEsD,YAAY;UACnBtB,KAAK,EAAAtB,QAAA;YACHuB,SAAS,EAAEE,MAAM,CAACsB;UAAS,IAAAR,gBAAA,GACvBI,SAAS,oBAATA,SAAS,CAAErB,KAAK,YAAAiB,gBAAA,GAAI,CAAC,CAAC,CAC3B;UACDS,OAAO,EACLN,IAAI,KACHO,KAAA,IAAiC;YAAA,IAAhBC,SAAS,GAAA3D,6BAAA,CAAA0D,KAAA,EAAAE,UAAA;YACzB,OAAOtE,aAAA,QAASqE,SAAS,EAAGpD,KAAW,CAAC;UAC1C,CAAC,CAAC;UACJ0B,MAAM,EACJkB,IAAI,KAAKD,SAAS,GAAGC,IAAI,CAACU,IAAI,CAAC,IAAI,EAAER,YAAY,CAAC,GAAG,MAAM9C;QAC/D,CAAC,CAAC;MACJ,CAAC;MA1BD,KAAK,IAAI0C,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGhC,OAAO,CAAC6C,MAAM,EAAEb,CAAC,EAAE;QAAA,IAAAF,KAAA,IAIX;MAAM;MAwBlCF,OAAO,CAACU,IAAI,CAAA9C,QAAA,KACPV,KAAK;QACRuC;MAAK,EACN,CAAC;MACFO,OAAO,GAAGA,OAAO,CAACkB,MAAM,CAAEhD,GAAG,IAAK;QAChC,OAAOA,GAAG,CAACwB,IAAI,CAACuB,MAAM,KAAK,CAAC,IAAI/C,GAAG,CAACwB,IAAI,CAAC,CAAC,CAAC,KAAKA,IAAI,CAAC,CAAC,CAAC;MACzD,CAAC,CAAC;IACJ,CAAC,CAAC;IACF5B,OAAO,CAACkC,OAAO,CAAC;EAClB,CAAC,EAAE,CAAC5B,OAAO,EAAEyB,QAAQ,CAAC,CAAC;EAEvB,IAAMsB,iBAAiB,GAAGhF,WAAW,CACnC,CAACiF,UAAoB,EAAEC,IAAc,KAAK;IACxCvD,OAAO,CAAEH,IAAI,IAAK;MAChB,IAAMI,IAAI,GAAGJ,IAAI,CAACK,KAAK,CAAC,CAAC;MACzBoD,UAAU,CAACnB,OAAO,CAAEqB,SAAS,IAAK;QAChCvD,IAAI,CAACuD,SAAS,CAAC,CAACnD,UAAU,GACxBkD,IAAI,KAAKhB,SAAS,GAAG,CAACtC,IAAI,CAACuD,SAAS,CAAC,CAACnD,UAAU,GAAGkD,IAAI;MAC3D,CAAC,CAAC;MACF,OAAOtD,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EACD,EACF,CAAC;EAED,IAAM,CAACwD,SAAS,EAAEC,YAAY,CAAC,GAAGjF,QAAQ,EAAAM,qBAAA,IAAAC,mBAAA,GACxCI,KAAK,CAACuE,YAAY,qBAAlB3E,mBAAA,CAAoByE,SAAS,YAAA1E,qBAAA,GAAI,CACnC,CAAC;EACD,IAAM,CAAC6E,QAAQ,EAAEC,WAAW,CAAC,GAAGpF,QAAQ,EAAAQ,sBAAA,IAAAC,oBAAA,GAACE,KAAK,CAACuE,YAAY,qBAAlBzE,oBAAA,CAAoB0E,QAAQ,YAAA3E,sBAAA,GAAI,EAAE,CAAC;EAE5E,IAAM6E,eAAe,GAAGvF,OAAO,CAAC,MAAMkF,SAAS,KAAK,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACnE,IAAMM,WAAW,GAAGxF,OAAO,CACzB,MAAMyF,IAAI,CAACC,KAAK,CAAC9E,IAAI,CAACgE,MAAM,GAAGS,QAAQ,CAAC,GAAGH,SAAS,GAAG,CAAC,EACxD,CAACtE,IAAI,CAACgE,MAAM,EAAEM,SAAS,EAAEG,QAAQ,CACnC,CAAC;EAED,IAAMM,QAAQ,GAAG7F,WAAW,CAAC,MAAM;IACjCqF,YAAY,CAAE7D,IAAI,IAAKA,IAAI,GAAG,CAAC,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EACN,IAAMsE,YAAY,GAAG9F,WAAW,CAAC,MAAM;IACrCqF,YAAY,CAAE7D,IAAI,IAAKA,IAAI,GAAG,CAAC,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAM,CAACuE,YAAY,EAAEC,eAAe,CAAC,GAAG5F,QAAQ,CAAU,EAAE,CAAC;EAE7DH,SAAS,CAAC,MAAM;IACd,IAAMgG,EAAE,GAAG/D,MAAM,CAACC,OAAO,CAAChB,YAAY,CAAC;IACvC6E,eAAe,CACbpC,IAAI,CAACmB,MAAM,CAAEhD,GAAG,IAAK;MACnB,IAAM0B,MAAM,GAAGvB,MAAM,CAACC,OAAO,CAACJ,GAAG,CAAC0B,MAAM,CAAC;MACzC,IAAIyB,IAAI,GAAG,IAAI;MAEfgB,SAAS,EAAE,KAAK,IAAIjC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGgC,EAAE,CAACnB,MAAM,EAAEb,CAAC,EAAE,EAAE;QAAA,IAAAkC,qBAAA;QAC7C,IAAM,CAAC7E,QAAQ,EAAE6B,WAAW,CAAC,GAAG8C,EAAE,CAAChC,CAAC,CAAC;QACrC,IAAMc,MAAM,IAAAoB,qBAAA,GAAGjF,OAAO,CAACkB,OAAO,CAACd,QAAQ,CAAC,qBAAzB6E,qBAAA,CAA2BpB,MAAM;QAChD,IAAIA,MAAM,KAAKb,SAAS,EAAE;UACxB,MAAM,IAAIkC,KAAK,kBAAgB9E,QAAQ,YAAS,CAAC;QACnD;QAEA,KAAK,IAAI+E,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG5C,MAAM,CAACqB,MAAM,EAAEuB,CAAC,EAAE,EAAE;UACtC,IAAM,CAACvD,GAAG,EAAEvB,KAAK,CAAC,GAAGkC,MAAM,CAAC4C,CAAC,CAAC;UAC9B,IAAIvD,GAAG,KAAKxB,QAAQ,EAAE;UACtB;UACA,IAAMgF,QAAQ,GAAGvB,MAAM,CAACxD,KAAK,EAAE;YAAE2B,MAAM,EAAE;cAAEC;YAAY;UAAE,CAAC,CAAC;UAC3D,IAAImD,QAAQ,KAAK,KAAK,EAAE;YACtBpB,IAAI,GAAG,KAAK;YACZ,MAAMgB,SAAS;UACjB;QACF;MACF;MACA,OAAOhB,IAAI;IACb,CAAC,CACH,CAAC;EACH,CAAC,EAAE,CAAC/D,YAAY,EAAEyC,IAAI,CAAC,CAAC;EAExB,IAAM2C,IAAI,GAAGrG,OAAO,CAClB,MAAM6F,YAAY,CAAClE,KAAK,CAACuD,SAAS,GAAGG,QAAQ,EAAE,CAACH,SAAS,GAAG,CAAC,IAAIG,QAAQ,CAAC,EAC1E,CAACQ,YAAY,EAAEX,SAAS,EAAEG,QAAQ,CACpC,CAAC;EAED,OAAO;IACLE,eAAe;IACfC,WAAW;IACXc,QAAQ,EAAEnB,YAAY;IACtBQ,QAAQ;IACRL,WAAW;IACXM,YAAY;IACZV,SAAS;IACTnD,OAAO;IACP2B,IAAI,EAAEmC,YAAY;IAClBQ,IAAI;IACJvB,iBAAiB;IACjBtD;EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -15,7 +15,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
15
15
|
styles: "position:absolute;color:rgba(97, 97, 97, 0.9);&::before{display:block;width:0px;height:0px;margin:auto;content:\"\";border-style:solid;}"
|
|
16
16
|
} : {
|
|
17
17
|
name: "ynymi0-Tooltip",
|
|
18
|
-
styles: "position:absolute;color:rgba(97, 97, 97, 0.9);&::before{display:block;width:0px;height:0px;margin:auto;content:\"\";border-style:solid;};label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
styles: "position:absolute;color:rgba(97, 97, 97, 0.9);&::before{display:block;width:0px;height:0px;margin:auto;content:\"\";border-style:solid;};label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZOc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgUG9wcGVyLCBQb3BwZXJCYXNlUHJvcHMgfSBmcm9tIFwiLi4vUG9wcGVyXCI7XG5pbXBvcnQgeyBoYXNPd25Qcm9wIH0gZnJvbSBcIi4uL0B1dGlscy9oYXNPd25Qcm9wXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBjbGFzc05hbWVzID0ge1xuICB0b29sdGlwOiB7XG4gICAgYXJyb3c6IFwibTJtdWlfVG9vbHRpcF9hcnJvd1wiLFxuICB9LFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBUb29sdGlwUHJvcHMgZXh0ZW5kcyBQaWNrPFBvcHBlckJhc2VQcm9wcywgXCJwbGFjZW1lbnRcIj4ge1xuICAvKipcbiAgICogVG9vbHRpcOOBq+ihqOekuuOBmeOCi+ODhuOCreOCueODiFxuICAgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqXG4gICAqIFRvb2x0aXDjgpLooajnpLrjgZnjgovopoHntKBcbiAgICog5rOo5oSPOiBkaXNhYmxlZOOBquODnOOCv+ODs+imgee0oOOBp+OBr+ODnuOCpuOCueOCpOODmeODs+ODiOOBjOeZuueBq+OBl+OBquOBhOOBn+OCgeOAgVRvb2x0aXDjga/mqZ/og73jgZfjgb7jgZvjgpNcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBzdHJpbmc7XG4gIC8qKlxuICAgKiDnn6LljbDjgpLooajnpLrjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGFycm93PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIOODh+ODleOCqeODq+ODiOOBruWtkOimgee0oOOBq+ODm+ODkOODvOOBl+OBn+mam+OBq+ihqOekuuOBmeOCi+apn+iDveOCkueEoeimluOBl+OBpuOAgeihqOekuuOBmeOCi+OBi+OBqeOBhuOBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB1bmRlZmluZWRcbiAgICovXG4gIG9wZW4/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgcGxhY2VtZW50LFxuICBhcnJvdyxcbiAgb3Blbjogb3BlblByb3AsXG59OiBUb29sdGlwUHJvcHMpID0+IHtcbiAgY29uc3QgW25vZGUsIHNldE5vZGVdID0gdXNlU3RhdGU8SFRNTEVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgaXNDb250cm9sbGVkID0gdXNlTWVtbygoKSA9PiBvcGVuUHJvcCAhPT0gdW5kZWZpbmVkLCBbb3BlblByb3BdKTtcblxuICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZXZPcGVuID0gdXNlUmVmPGJvb2xlYW4+KHVuZGVmaW5lZCk7XG4gIGNvbnN0IFtoaWRkZW4sIHNldEhpZGRlbl0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICBpZiAoaXNDb250cm9sbGVkICYmIG9wZW5Qcm9wICE9PSBwcmV2T3Blbi5jdXJyZW50KSB7XG4gICAgcHJldk9wZW4uY3VycmVudCA9IG9wZW5Qcm9wO1xuICAgIGlmIChvcGVuUHJvcCkge1xuICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgIHNldEhpZGRlbihmYWxzZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEhpZGRlbih0cnVlKTtcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVNb3VzZUVudGVyID0gdXNlQ2FsbGJhY2soXG4gICAgKG9yaWdpbmFsPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkKSA9PlxuICAgICAgKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmICghaXNDb250cm9sbGVkKSB7XG4gICAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgICBzZXRIaWRkZW4oZmFsc2UpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKG9yaWdpbmFsKSB7XG4gICAgICAgICAgb3JpZ2luYWwoZXZlbnQpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgIFtpc0NvbnRyb2xsZWRdLFxuICApO1xuXG4gIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSB1c2VDYWxsYmFjayhcbiAgICAob3JpZ2luYWw/OiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpID0+XG4gICAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKCFpc0NvbnRyb2xsZWQpIHtcbiAgICAgICAgICBzZXRIaWRkZW4odHJ1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAob3JpZ2luYWwpIHtcbiAgICAgICAgICBvcmlnaW5hbChldmVudCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgW2lzQ29udHJvbGxlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSBcInN0cmluZ1wiID8gKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIHJlZj17c2V0Tm9kZX1cbiAgICAgICAgICBvbk1vdXNlRW50ZXI9e2hhbmRsZU1vdXNlRW50ZXIoKX1cbiAgICAgICAgICBvbk1vdXNlTGVhdmU9e2hhbmRsZU1vdXNlTGVhdmUoKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKSA6IChcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXJndW1lbnRcbiAgICAgICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgICAgcmVmOiBzZXROb2RlLFxuICAgICAgICAgIG9uTW91c2VFbnRlcjogaGFuZGxlTW91c2VFbnRlcihcbiAgICAgICAgICAgIGhhc093blByb3AoY2hpbGRyZW4ucHJvcHMsIFwib25Nb3VzZUVudGVyXCIpXG4gICAgICAgICAgICAgID8gKGNoaWxkcmVuLnByb3BzLm9uTW91c2VFbnRlciBhcyBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcilcbiAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgKSxcbiAgICAgICAgICBvbk1vdXNlTGVhdmU6IGhhbmRsZU1vdXNlTGVhdmUoXG4gICAgICAgICAgICBoYXNPd25Qcm9wKGNoaWxkcmVuLnByb3BzLCBcIm9uTW91c2VMZWF2ZVwiKVxuICAgICAgICAgICAgICA/IChjaGlsZHJlbi5wcm9wcy5vbk1vdXNlTGVhdmUgYXMgUmVhY3QuTW91c2VFdmVudEhhbmRsZXIpXG4gICAgICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICksXG4gICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICAgICAgfSBhcyBhbnkpXG4gICAgICApfVxuICAgICAgPFBvcHBlclxuICAgICAgICBhbmNob3JFbD17bm9kZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIG9wZW49e29wZW59XG4gICAgICAgIGFyaWEtaGlkZGVuPXtoaWRkZW59XG4gICAgICAgIGRpc2FibGVQb3J0YWxcbiAgICAgICAgb25UcmFuc2l0aW9uRW5kPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKGhpZGRlbikge1xuICAgICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXM7XG4gICAgICAgICAgJlthcmlhLWhpZGRlbj1cInRydWVcIl0ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICB9XG4gICAgICAgICAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQqPVwiYm90dG9tXCJdIHtcbiAgICAgICAgICAgIC4ke2NsYXNzTmFtZXMudG9vbHRpcC5hcnJvd30ge1xuICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgIGxlZnQ6IDEycHg7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDZweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogLTZweDtcbiAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IGN1cnJlbnRjb2xvciB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBib3JkZXItd2lkdGg6IDAgNnB4IDZweCA2cHg7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogOHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudCo9XCJ0b3BcIl0ge1xuICAgICAgICAgICAgLiR7Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fSB7XG4gICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgbGVmdDogMTJweDtcbiAgICAgICAgICAgICAgd2lkdGg6IDEycHg7XG4gICAgICAgICAgICAgIGhlaWdodDogNnB4O1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtNnB4O1xuICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogY3VycmVudGNvbG9yIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIGJvcmRlci13aWR0aDogNnB4IDZweCAwIDZweDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICAgICZbZGF0YS1wb3BwZXItcGxhY2VtZW50Kj1cInJpZ2h0XCJdIHtcbiAgICAgICAgICAgIC4ke2NsYXNzTmFtZXMudG9vbHRpcC5hcnJvd30ge1xuICAgICAgICAgICAgICB0b3A6IDEycHg7XG4gICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgIHdpZHRoOiA2cHg7XG4gICAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC02cHg7XG4gICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCBjdXJyZW50Y29sb3IgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiA2cHggNnB4IDZweCAwO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICAgICZbZGF0YS1wb3BwZXItcGxhY2VtZW50Kj1cImxlZnRcIl0ge1xuICAgICAgICAgICAgLiR7Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fSB7XG4gICAgICAgICAgICAgIHRvcDogMTJweDtcbiAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgIHdpZHRoOiA2cHg7XG4gICAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAtNnB4O1xuICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgY3VycmVudGNvbG9yO1xuICAgICAgICAgICAgICAgIGJvcmRlci13aWR0aDogNnB4IDAgNnB4IDZweDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbixcbiAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICBtYXgtd2lkdGg6IDMwMHB4O1xuICAgICAgICAgICAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAgICAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgICAgIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg5NywgOTcsIDk3LCAwLjkpO1xuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgIF19XG4gICAgICAgID5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAge2Fycm93ID8gKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMudG9vbHRpcC5hcnJvd31cbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIGNvbG9yOiByZ2JhKDk3LCA5NywgOTcsIDAuOSk7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgICAgd2lkdGg6IDBweDtcbiAgICAgICAgICAgICAgICAgIGhlaWdodDogMHB4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BvcHBlcj5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICApO1xufTtcbiJdfQ== */",
|
|
19
19
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
20
20
|
};
|
|
21
21
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
@@ -23,7 +23,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
23
23
|
styles: "position:relative;max-width:300px;padding:6px 10px;color:#fff;text-align:left;word-wrap:break-word;background-color:rgba(97, 97, 97, 0.9);border-radius:4px"
|
|
24
24
|
} : {
|
|
25
25
|
name: "1350k6g-Tooltip",
|
|
26
|
-
styles: "position:relative;max-width:300px;padding:6px 10px;color:#fff;text-align:left;word-wrap:break-word;background-color:rgba(97, 97, 97, 0.9);border-radius:4px;label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
styles: "position:relative;max-width:300px;padding:6px 10px;color:#fff;text-align:left;word-wrap:break-word;background-color:rgba(97, 97, 97, 0.9);border-radius:4px;label:Tooltip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZNZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQb3BwZXIsIFBvcHBlckJhc2VQcm9wcyB9IGZyb20gXCIuLi9Qb3BwZXJcIjtcbmltcG9ydCB7IGhhc093blByb3AgfSBmcm9tIFwiLi4vQHV0aWxzL2hhc093blByb3BcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmNvbnN0IGNsYXNzTmFtZXMgPSB7XG4gIHRvb2x0aXA6IHtcbiAgICBhcnJvdzogXCJtMm11aV9Ub29sdGlwX2Fycm93XCIsXG4gIH0sXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRvb2x0aXBQcm9wcyBleHRlbmRzIFBpY2s8UG9wcGVyQmFzZVByb3BzLCBcInBsYWNlbWVudFwiPiB7XG4gIC8qKlxuICAgKiBUb29sdGlw44Gr6KGo56S644GZ44KL44OG44Kt44K544OIXG4gICAqL1xuICB0aXRsZTogc3RyaW5nO1xuICAvKipcbiAgICogVG9vbHRpcOOCkuihqOekuuOBmeOCi+imgee0oFxuICAgKiDms6jmhI86IGRpc2FibGVk44Gq44Oc44K/44Oz6KaB57Sg44Gn44Gv44Oe44Km44K544Kk44OZ44Oz44OI44GM55m654Gr44GX44Gq44GE44Gf44KB44CBVG9vbHRpcOOBr+apn+iDveOBl+OBvuOBm+OCk1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudCB8IHN0cmluZztcbiAgLyoqXG4gICAqIOefouWNsOOCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYXJyb3c/OiBib29sZWFuO1xuICAvKipcbiAgICog44OH44OV44Kp44Or44OI44Gu5a2Q6KaB57Sg44Gr44Ob44OQ44O844GX44Gf6Zqb44Gr6KGo56S644GZ44KL5qmf6IO944KS54Sh6KaW44GX44Gm44CB6KGo56S644GZ44KL44GL44Gp44GG44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IHVuZGVmaW5lZFxuICAgKi9cbiAgb3Blbj86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAgY2hpbGRyZW4sXG4gIHRpdGxlLFxuICBwbGFjZW1lbnQsXG4gIGFycm93LFxuICBvcGVuOiBvcGVuUHJvcCxcbn06IFRvb2x0aXBQcm9wcykgPT4ge1xuICBjb25zdCBbbm9kZSwgc2V0Tm9kZV0gPSB1c2VTdGF0ZTxIVE1MRWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBpc0NvbnRyb2xsZWQgPSB1c2VNZW1vKCgpID0+IG9wZW5Qcm9wICE9PSB1bmRlZmluZWQsIFtvcGVuUHJvcF0pO1xuXG4gIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJldk9wZW4gPSB1c2VSZWY8Ym9vbGVhbj4odW5kZWZpbmVkKTtcbiAgY29uc3QgW2hpZGRlbiwgc2V0SGlkZGVuXSA9IHVzZVN0YXRlKHRydWUpO1xuXG4gIGlmIChpc0NvbnRyb2xsZWQgJiYgb3BlblByb3AgIT09IHByZXZPcGVuLmN1cnJlbnQpIHtcbiAgICBwcmV2T3Blbi5jdXJyZW50ID0gb3BlblByb3A7XG4gICAgaWYgKG9wZW5Qcm9wKSB7XG4gICAgICBzZXRPcGVuKHRydWUpO1xuICAgICAgc2V0SGlkZGVuKGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SGlkZGVuKHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU1vdXNlRW50ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAob3JpZ2luYWw/OiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpID0+XG4gICAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKCFpc0NvbnRyb2xsZWQpIHtcbiAgICAgICAgICBzZXRPcGVuKHRydWUpO1xuICAgICAgICAgIHNldEhpZGRlbihmYWxzZSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAob3JpZ2luYWwpIHtcbiAgICAgICAgICBvcmlnaW5hbChldmVudCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgW2lzQ29udHJvbGxlZF0sXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlTW91c2VMZWF2ZSA9IHVzZUNhbGxiYWNrKFxuICAgIChvcmlnaW5hbD86IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZCkgPT5cbiAgICAgIChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoIWlzQ29udHJvbGxlZCkge1xuICAgICAgICAgIHNldEhpZGRlbih0cnVlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChvcmlnaW5hbCkge1xuICAgICAgICAgIG9yaWdpbmFsKGV2ZW50KTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICBbaXNDb250cm9sbGVkXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09IFwic3RyaW5nXCIgPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgcmVmPXtzZXROb2RlfVxuICAgICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcigpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17aGFuZGxlTW91c2VMZWF2ZSgpfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogKFxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudFxuICAgICAgICBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgICByZWY6IHNldE5vZGUsXG4gICAgICAgICAgb25Nb3VzZUVudGVyOiBoYW5kbGVNb3VzZUVudGVyKFxuICAgICAgICAgICAgaGFzT3duUHJvcChjaGlsZHJlbi5wcm9wcywgXCJvbk1vdXNlRW50ZXJcIilcbiAgICAgICAgICAgICAgPyAoY2hpbGRyZW4ucHJvcHMub25Nb3VzZUVudGVyIGFzIFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyKVxuICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgICApLFxuICAgICAgICAgIG9uTW91c2VMZWF2ZTogaGFuZGxlTW91c2VMZWF2ZShcbiAgICAgICAgICAgIGhhc093blByb3AoY2hpbGRyZW4ucHJvcHMsIFwib25Nb3VzZUxlYXZlXCIpXG4gICAgICAgICAgICAgID8gKGNoaWxkcmVuLnByb3BzLm9uTW91c2VMZWF2ZSBhcyBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcilcbiAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgKSxcbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICB9IGFzIGFueSlcbiAgICAgICl9XG4gICAgICA8UG9wcGVyXG4gICAgICAgIGFuY2hvckVsPXtub2RlfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgYXJpYS1oaWRkZW49e2hpZGRlbn1cbiAgICAgICAgZGlzYWJsZVBvcnRhbFxuICAgICAgICBvblRyYW5zaXRpb25FbmQ9eygpID0+IHtcbiAgICAgICAgICBpZiAoaGlkZGVuKSB7XG4gICAgICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAyMDBtcztcbiAgICAgICAgICAmW2FyaWEtaGlkZGVuPVwidHJ1ZVwiXSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIH1cbiAgICAgICAgICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudCo9XCJib3R0b21cIl0ge1xuICAgICAgICAgICAgLiR7Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fSB7XG4gICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgbGVmdDogMTJweDtcbiAgICAgICAgICAgICAgd2lkdGg6IDEycHg7XG4gICAgICAgICAgICAgIGhlaWdodDogNnB4O1xuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAtNnB4O1xuICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgY3VycmVudGNvbG9yIHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIGJvcmRlci13aWR0aDogMCA2cHggNnB4IDZweDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiA4cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICAgICZbZGF0YS1wb3BwZXItcGxhY2VtZW50Kj1cInRvcFwiXSB7XG4gICAgICAgICAgICAuJHtjbGFzc05hbWVzLnRvb2x0aXAuYXJyb3d9IHtcbiAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICBsZWZ0OiAxMnB4O1xuICAgICAgICAgICAgICB3aWR0aDogMTJweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiA2cHg7XG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IC02cHg7XG4gICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiBjdXJyZW50Y29sb3IgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiA2cHggNnB4IDAgNnB4O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQqPVwicmlnaHRcIl0ge1xuICAgICAgICAgICAgLiR7Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fSB7XG4gICAgICAgICAgICAgIHRvcDogMTJweDtcbiAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTZweDtcbiAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IGN1cnJlbnRjb2xvciB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBib3JkZXItd2lkdGg6IDZweCA2cHggNnB4IDA7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQqPVwibGVmdFwiXSB7XG4gICAgICAgICAgICAuJHtjbGFzc05hbWVzLnRvb2x0aXAuYXJyb3d9IHtcbiAgICAgICAgICAgICAgdG9wOiAxMnB4O1xuICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IC02cHg7XG4gICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCBjdXJyZW50Y29sb3I7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiA2cHggMCA2cHggNnB4O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgdGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uLFxuICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgIG1heC13aWR0aDogMzAwcHg7XG4gICAgICAgICAgICAgIHBhZGRpbmc6IDZweCAxMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICAgICAgd29yZC13cmFwOiBicmVhay13b3JkO1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDk3LCA5NywgOTcsIDAuOSk7XG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICB7YXJyb3cgPyAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fVxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgY29sb3I6IHJnYmEoOTcsIDk3LCA5NywgMC45KTtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgICB3aWR0aDogMHB4O1xuICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwcHg7XG4gICAgICAgICAgICAgICAgICBtYXJnaW46IGF1dG87XG4gICAgICAgICAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvUG9wcGVyPlxuICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICk7XG59O1xuIl19 */",
|
|
27
27
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
28
28
|
};
|
|
29
29
|
export var Tooltip = _ref3 => {
|
|
@@ -77,6 +77,7 @@ export var Tooltip = _ref3 => {
|
|
|
77
77
|
ref: setNode,
|
|
78
78
|
onMouseEnter: handleMouseEnter(hasOwnProp(children.props, "onMouseEnter") ? children.props.onMouseEnter : undefined),
|
|
79
79
|
onMouseLeave: handleMouseLeave(hasOwnProp(children.props, "onMouseLeave") ? children.props.onMouseLeave : undefined)
|
|
80
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
80
81
|
})), ___EmotionJSX(Popper, {
|
|
81
82
|
anchorEl: node,
|
|
82
83
|
placement: placement,
|
|
@@ -88,9 +89,9 @@ export var Tooltip = _ref3 => {
|
|
|
88
89
|
setOpen(false);
|
|
89
90
|
}
|
|
90
91
|
},
|
|
91
|
-
css: /*#__PURE__*/css("opacity:1;transition:opacity 200ms;&[aria-hidden=\"true\"]{opacity:0;}&[data-popper-placement*=\"bottom\"]{.", classNames.tooltip.arrow, "{top:0;left:12px;width:12px;height:6px;margin-top:-6px;&::before{border-color:transparent transparent currentcolor transparent;border-width:0 6px 6px 6px;}}&>*{margin-top:8px;}}&[data-popper-placement*=\"top\"]{.", classNames.tooltip.arrow, "{bottom:0;left:12px;width:12px;height:6px;margin-bottom:-6px;&::before{border-color:currentcolor transparent transparent transparent;border-width:6px 6px 0 6px;}}&>*{margin-bottom:8px;}}&[data-popper-placement*=\"right\"]{.", classNames.tooltip.arrow, "{top:12px;left:0;width:6px;height:12px;margin-left:-6px;&::before{border-color:transparent currentcolor transparent transparent;border-width:6px 6px 6px 0;}}&>*{margin-left:8px;}}&[data-popper-placement*=\"left\"]{.", classNames.tooltip.arrow, "{top:12px;right:0;width:6px;height:12px;margin-right:-6px;&::before{border-color:transparent transparent transparent currentcolor;border-width:6px 0 6px 6px;}}&>*{margin-right:8px;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlJZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgUG9wcGVyLCBQb3BwZXJCYXNlUHJvcHMgfSBmcm9tIFwiLi4vUG9wcGVyXCI7XG5pbXBvcnQgeyBoYXNPd25Qcm9wIH0gZnJvbSBcIi4uL0B1dGlscy9oYXNPd25Qcm9wXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBjbGFzc05hbWVzID0ge1xuICB0b29sdGlwOiB7XG4gICAgYXJyb3c6IFwibTJtdWlfVG9vbHRpcF9hcnJvd1wiLFxuICB9LFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBUb29sdGlwUHJvcHMgZXh0ZW5kcyBQaWNrPFBvcHBlckJhc2VQcm9wcywgXCJwbGFjZW1lbnRcIj4ge1xuICAvKipcbiAgICogVG9vbHRpcOOBq+ihqOekuuOBmeOCi+ODhuOCreOCueODiFxuICAgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqXG4gICAqIFRvb2x0aXDjgpLooajnpLrjgZnjgovopoHntKBcbiAgICog5rOo5oSPOiBkaXNhYmxlZOOBquODnOOCv+ODs+imgee0oOOBp+OBr+ODnuOCpuOCueOCpOODmeODs+ODiOOBjOeZuueBq+OBl+OBquOBhOOBn+OCgeOAgVRvb2x0aXDjga/mqZ/og73jgZfjgb7jgZvjgpNcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBzdHJpbmc7XG4gIC8qKlxuICAgKiDnn6LljbDjgpLooajnpLrjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGFycm93PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIOODh+ODleOCqeODq+ODiOOBruWtkOimgee0oOOBq+ODm+ODkOODvOOBl+OBn+mam+OBq+ihqOekuuOBmeOCi+apn+iDveOCkueEoeimluOBl+OBpuOAgeihqOekuuOBmeOCi+OBi+OBqeOBhuOBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB1bmRlZmluZWRcbiAgICovXG4gIG9wZW4/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgcGxhY2VtZW50LFxuICBhcnJvdyxcbiAgb3Blbjogb3BlblByb3AsXG59OiBUb29sdGlwUHJvcHMpID0+IHtcbiAgY29uc3QgW25vZGUsIHNldE5vZGVdID0gdXNlU3RhdGU8SFRNTEVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgaXNDb250cm9sbGVkID0gdXNlTWVtbygoKSA9PiBvcGVuUHJvcCAhPT0gdW5kZWZpbmVkLCBbb3BlblByb3BdKTtcblxuICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZXZPcGVuID0gdXNlUmVmPGJvb2xlYW4+KHVuZGVmaW5lZCk7XG4gIGNvbnN0IFtoaWRkZW4sIHNldEhpZGRlbl0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICBpZiAoaXNDb250cm9sbGVkICYmIG9wZW5Qcm9wICE9PSBwcmV2T3Blbi5jdXJyZW50KSB7XG4gICAgcHJldk9wZW4uY3VycmVudCA9IG9wZW5Qcm9wO1xuICAgIGlmIChvcGVuUHJvcCkge1xuICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgIHNldEhpZGRlbihmYWxzZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEhpZGRlbih0cnVlKTtcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVNb3VzZUVudGVyID0gdXNlQ2FsbGJhY2soXG4gICAgKG9yaWdpbmFsPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkKSA9PlxuICAgICAgKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmICghaXNDb250cm9sbGVkKSB7XG4gICAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgICBzZXRIaWRkZW4oZmFsc2UpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKG9yaWdpbmFsKSB7XG4gICAgICAgICAgb3JpZ2luYWwoZXZlbnQpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgIFtpc0NvbnRyb2xsZWRdLFxuICApO1xuXG4gIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSB1c2VDYWxsYmFjayhcbiAgICAob3JpZ2luYWw/OiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpID0+XG4gICAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKCFpc0NvbnRyb2xsZWQpIHtcbiAgICAgICAgICBzZXRIaWRkZW4odHJ1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAob3JpZ2luYWwpIHtcbiAgICAgICAgICBvcmlnaW5hbChldmVudCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgW2lzQ29udHJvbGxlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSBcInN0cmluZ1wiID8gKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIHJlZj17c2V0Tm9kZX1cbiAgICAgICAgICBvbk1vdXNlRW50ZXI9e2hhbmRsZU1vdXNlRW50ZXIoKX1cbiAgICAgICAgICBvbk1vdXNlTGVhdmU9e2hhbmRsZU1vdXNlTGVhdmUoKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKSA6IChcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXJndW1lbnRcbiAgICAgICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgICAgcmVmOiBzZXROb2RlLFxuICAgICAgICAgIG9uTW91c2VFbnRlcjogaGFuZGxlTW91c2VFbnRlcihcbiAgICAgICAgICAgIGhhc093blByb3AoY2hpbGRyZW4ucHJvcHMsIFwib25Nb3VzZUVudGVyXCIpXG4gICAgICAgICAgICAgID8gKGNoaWxkcmVuLnByb3BzLm9uTW91c2VFbnRlciBhcyBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcilcbiAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgKSxcbiAgICAgICAgICBvbk1vdXNlTGVhdmU6IGhhbmRsZU1vdXNlTGVhdmUoXG4gICAgICAgICAgICBoYXNPd25Qcm9wKGNoaWxkcmVuLnByb3BzLCBcIm9uTW91c2VMZWF2ZVwiKVxuICAgICAgICAgICAgICA/IChjaGlsZHJlbi5wcm9wcy5vbk1vdXNlTGVhdmUgYXMgUmVhY3QuTW91c2VFdmVudEhhbmRsZXIpXG4gICAgICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICksXG4gICAgICAgIH0gYXMgYW55KVxuICAgICAgKX1cbiAgICAgIDxQb3BwZXJcbiAgICAgICAgYW5jaG9yRWw9e25vZGV9XG4gICAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICBhcmlhLWhpZGRlbj17aGlkZGVufVxuICAgICAgICBkaXNhYmxlUG9ydGFsXG4gICAgICAgIG9uVHJhbnNpdGlvbkVuZD17KCkgPT4ge1xuICAgICAgICAgIGlmIChoaWRkZW4pIHtcbiAgICAgICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDIwMG1zO1xuICAgICAgICAgICZbYXJpYS1oaWRkZW49XCJ0cnVlXCJdIHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgfVxuICAgICAgICAgICZbZGF0YS1wb3BwZXItcGxhY2VtZW50Kj1cImJvdHRvbVwiXSB7XG4gICAgICAgICAgICAuJHtjbGFzc05hbWVzLnRvb2x0aXAuYXJyb3d9IHtcbiAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICBsZWZ0OiAxMnB4O1xuICAgICAgICAgICAgICB3aWR0aDogMTJweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiA2cHg7XG4gICAgICAgICAgICAgIG1hcmdpbi10b3A6IC02cHg7XG4gICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCBjdXJyZW50Y29sb3IgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAwIDZweCA2cHggNnB4O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICAgIG1hcmdpbi10b3A6IDhweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQqPVwidG9wXCJdIHtcbiAgICAgICAgICAgIC4ke2NsYXNzTmFtZXMudG9vbHRpcC5hcnJvd30ge1xuICAgICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICAgIGxlZnQ6IDEycHg7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDZweDtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogLTZweDtcbiAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IGN1cnJlbnRjb2xvciB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBib3JkZXItd2lkdGg6IDZweCA2cHggMCA2cHg7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudCo9XCJyaWdodFwiXSB7XG4gICAgICAgICAgICAuJHtjbGFzc05hbWVzLnRvb2x0aXAuYXJyb3d9IHtcbiAgICAgICAgICAgICAgdG9wOiAxMnB4O1xuICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICB3aWR0aDogNnB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNnB4O1xuICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgY3VycmVudGNvbG9yIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIGJvcmRlci13aWR0aDogNnB4IDZweCA2cHggMDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogOHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudCo9XCJsZWZ0XCJdIHtcbiAgICAgICAgICAgIC4ke2NsYXNzTmFtZXMudG9vbHRpcC5hcnJvd30ge1xuICAgICAgICAgICAgICB0b3A6IDEycHg7XG4gICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICB3aWR0aDogNnB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogLTZweDtcbiAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IGN1cnJlbnRjb2xvcjtcbiAgICAgICAgICAgICAgICBib3JkZXItd2lkdGg6IDZweCAwIDZweCA2cHg7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24sXG4gICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgICAgbWF4LXdpZHRoOiAzMDBweDtcbiAgICAgICAgICAgICAgcGFkZGluZzogNnB4IDEwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICAgICAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoOTcsIDk3LCA5NywgMC45KTtcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICBdfVxuICAgICAgICA+XG4gICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIHthcnJvdyA/IChcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzLnRvb2x0aXAuYXJyb3d9XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICBjb2xvcjogcmdiYSg5NywgOTcsIDk3LCAwLjkpO1xuICAgICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICAgICAgICAgIHdpZHRoOiAwcHg7XG4gICAgICAgICAgICAgICAgICBoZWlnaHQ6IDBweDtcbiAgICAgICAgICAgICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9Qb3BwZXI+XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgKTtcbn07XG4iXX0= */")
|
|
92
|
+
css: /*#__PURE__*/css("opacity:1;transition:opacity 200ms;&[aria-hidden=\"true\"]{opacity:0;}&[data-popper-placement*=\"bottom\"]{.", classNames.tooltip.arrow, "{top:0;left:12px;width:12px;height:6px;margin-top:-6px;&::before{border-color:transparent transparent currentcolor transparent;border-width:0 6px 6px 6px;}}&>*{margin-top:8px;}}&[data-popper-placement*=\"top\"]{.", classNames.tooltip.arrow, "{bottom:0;left:12px;width:12px;height:6px;margin-bottom:-6px;&::before{border-color:currentcolor transparent transparent transparent;border-width:6px 6px 0 6px;}}&>*{margin-bottom:8px;}}&[data-popper-placement*=\"right\"]{.", classNames.tooltip.arrow, "{top:12px;left:0;width:6px;height:12px;margin-left:-6px;&::before{border-color:transparent currentcolor transparent transparent;border-width:6px 6px 6px 0;}}&>*{margin-left:8px;}}&[data-popper-placement*=\"left\"]{.", classNames.tooltip.arrow, "{top:12px;right:0;width:6px;height:12px;margin-right:-6px;&::before{border-color:transparent transparent transparent currentcolor;border-width:6px 0 6px 6px;}}&>*{margin-right:8px;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtJZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1Rvb2x0aXAvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgUG9wcGVyLCBQb3BwZXJCYXNlUHJvcHMgfSBmcm9tIFwiLi4vUG9wcGVyXCI7XG5pbXBvcnQgeyBoYXNPd25Qcm9wIH0gZnJvbSBcIi4uL0B1dGlscy9oYXNPd25Qcm9wXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBjbGFzc05hbWVzID0ge1xuICB0b29sdGlwOiB7XG4gICAgYXJyb3c6IFwibTJtdWlfVG9vbHRpcF9hcnJvd1wiLFxuICB9LFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBUb29sdGlwUHJvcHMgZXh0ZW5kcyBQaWNrPFBvcHBlckJhc2VQcm9wcywgXCJwbGFjZW1lbnRcIj4ge1xuICAvKipcbiAgICogVG9vbHRpcOOBq+ihqOekuuOBmeOCi+ODhuOCreOCueODiFxuICAgKi9cbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqXG4gICAqIFRvb2x0aXDjgpLooajnpLrjgZnjgovopoHntKBcbiAgICog5rOo5oSPOiBkaXNhYmxlZOOBquODnOOCv+ODs+imgee0oOOBp+OBr+ODnuOCpuOCueOCpOODmeODs+ODiOOBjOeZuueBq+OBl+OBquOBhOOBn+OCgeOAgVRvb2x0aXDjga/mqZ/og73jgZfjgb7jgZvjgpNcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBzdHJpbmc7XG4gIC8qKlxuICAgKiDnn6LljbDjgpLooajnpLrjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGFycm93PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIOODh+ODleOCqeODq+ODiOOBruWtkOimgee0oOOBq+ODm+ODkOODvOOBl+OBn+mam+OBq+ihqOekuuOBmeOCi+apn+iDveOCkueEoeimluOBl+OBpuOAgeihqOekuuOBmeOCi+OBi+OBqeOBhuOBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCB1bmRlZmluZWRcbiAgICovXG4gIG9wZW4/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgcGxhY2VtZW50LFxuICBhcnJvdyxcbiAgb3Blbjogb3BlblByb3AsXG59OiBUb29sdGlwUHJvcHMpID0+IHtcbiAgY29uc3QgW25vZGUsIHNldE5vZGVdID0gdXNlU3RhdGU8SFRNTEVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgaXNDb250cm9sbGVkID0gdXNlTWVtbygoKSA9PiBvcGVuUHJvcCAhPT0gdW5kZWZpbmVkLCBbb3BlblByb3BdKTtcblxuICBjb25zdCBbb3Blbiwgc2V0T3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHByZXZPcGVuID0gdXNlUmVmPGJvb2xlYW4+KHVuZGVmaW5lZCk7XG4gIGNvbnN0IFtoaWRkZW4sIHNldEhpZGRlbl0gPSB1c2VTdGF0ZSh0cnVlKTtcblxuICBpZiAoaXNDb250cm9sbGVkICYmIG9wZW5Qcm9wICE9PSBwcmV2T3Blbi5jdXJyZW50KSB7XG4gICAgcHJldk9wZW4uY3VycmVudCA9IG9wZW5Qcm9wO1xuICAgIGlmIChvcGVuUHJvcCkge1xuICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgIHNldEhpZGRlbihmYWxzZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEhpZGRlbih0cnVlKTtcbiAgICB9XG4gIH1cblxuICBjb25zdCBoYW5kbGVNb3VzZUVudGVyID0gdXNlQ2FsbGJhY2soXG4gICAgKG9yaWdpbmFsPzogKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkKSA9PlxuICAgICAgKGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmICghaXNDb250cm9sbGVkKSB7XG4gICAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgICBzZXRIaWRkZW4oZmFsc2UpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKG9yaWdpbmFsKSB7XG4gICAgICAgICAgb3JpZ2luYWwoZXZlbnQpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgIFtpc0NvbnRyb2xsZWRdLFxuICApO1xuXG4gIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSB1c2VDYWxsYmFjayhcbiAgICAob3JpZ2luYWw/OiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpID0+XG4gICAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKCFpc0NvbnRyb2xsZWQpIHtcbiAgICAgICAgICBzZXRIaWRkZW4odHJ1ZSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAob3JpZ2luYWwpIHtcbiAgICAgICAgICBvcmlnaW5hbChldmVudCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgW2lzQ29udHJvbGxlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSBcInN0cmluZ1wiID8gKFxuICAgICAgICA8c3BhblxuICAgICAgICAgIHJlZj17c2V0Tm9kZX1cbiAgICAgICAgICBvbk1vdXNlRW50ZXI9e2hhbmRsZU1vdXNlRW50ZXIoKX1cbiAgICAgICAgICBvbk1vdXNlTGVhdmU9e2hhbmRsZU1vdXNlTGVhdmUoKX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKSA6IChcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXJndW1lbnRcbiAgICAgICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgICAgcmVmOiBzZXROb2RlLFxuICAgICAgICAgIG9uTW91c2VFbnRlcjogaGFuZGxlTW91c2VFbnRlcihcbiAgICAgICAgICAgIGhhc093blByb3AoY2hpbGRyZW4ucHJvcHMsIFwib25Nb3VzZUVudGVyXCIpXG4gICAgICAgICAgICAgID8gKGNoaWxkcmVuLnByb3BzLm9uTW91c2VFbnRlciBhcyBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcilcbiAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgKSxcbiAgICAgICAgICBvbk1vdXNlTGVhdmU6IGhhbmRsZU1vdXNlTGVhdmUoXG4gICAgICAgICAgICBoYXNPd25Qcm9wKGNoaWxkcmVuLnByb3BzLCBcIm9uTW91c2VMZWF2ZVwiKVxuICAgICAgICAgICAgICA/IChjaGlsZHJlbi5wcm9wcy5vbk1vdXNlTGVhdmUgYXMgUmVhY3QuTW91c2VFdmVudEhhbmRsZXIpXG4gICAgICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICksXG4gICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICAgICAgfSBhcyBhbnkpXG4gICAgICApfVxuICAgICAgPFBvcHBlclxuICAgICAgICBhbmNob3JFbD17bm9kZX1cbiAgICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICAgIG9wZW49e29wZW59XG4gICAgICAgIGFyaWEtaGlkZGVuPXtoaWRkZW59XG4gICAgICAgIGRpc2FibGVQb3J0YWxcbiAgICAgICAgb25UcmFuc2l0aW9uRW5kPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKGhpZGRlbikge1xuICAgICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXM7XG4gICAgICAgICAgJlthcmlhLWhpZGRlbj1cInRydWVcIl0ge1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgICB9XG4gICAgICAgICAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQqPVwiYm90dG9tXCJdIHtcbiAgICAgICAgICAgIC4ke2NsYXNzTmFtZXMudG9vbHRpcC5hcnJvd30ge1xuICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgIGxlZnQ6IDEycHg7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDZweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogLTZweDtcbiAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IGN1cnJlbnRjb2xvciB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBib3JkZXItd2lkdGg6IDAgNnB4IDZweCA2cHg7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogOHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudCo9XCJ0b3BcIl0ge1xuICAgICAgICAgICAgLiR7Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fSB7XG4gICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgbGVmdDogMTJweDtcbiAgICAgICAgICAgICAgd2lkdGg6IDEycHg7XG4gICAgICAgICAgICAgIGhlaWdodDogNnB4O1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAtNnB4O1xuICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogY3VycmVudGNvbG9yIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIGJvcmRlci13aWR0aDogNnB4IDZweCAwIDZweDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA4cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICAgICZbZGF0YS1wb3BwZXItcGxhY2VtZW50Kj1cInJpZ2h0XCJdIHtcbiAgICAgICAgICAgIC4ke2NsYXNzTmFtZXMudG9vbHRpcC5hcnJvd30ge1xuICAgICAgICAgICAgICB0b3A6IDEycHg7XG4gICAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICAgIHdpZHRoOiA2cHg7XG4gICAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC02cHg7XG4gICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCBjdXJyZW50Y29sb3IgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiA2cHggNnB4IDZweCAwO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICAgICZbZGF0YS1wb3BwZXItcGxhY2VtZW50Kj1cImxlZnRcIl0ge1xuICAgICAgICAgICAgLiR7Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fSB7XG4gICAgICAgICAgICAgIHRvcDogMTJweDtcbiAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgIHdpZHRoOiA2cHg7XG4gICAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAtNnB4O1xuICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgY3VycmVudGNvbG9yO1xuICAgICAgICAgICAgICAgIGJvcmRlci13aWR0aDogNnB4IDAgNnB4IDZweDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbixcbiAgICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICBtYXgtd2lkdGg6IDMwMHB4O1xuICAgICAgICAgICAgICBwYWRkaW5nOiA2cHggMTBweDtcbiAgICAgICAgICAgICAgY29sb3I6ICNmZmY7XG4gICAgICAgICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICAgICAgIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg5NywgOTcsIDk3LCAwLjkpO1xuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgIF19XG4gICAgICAgID5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAge2Fycm93ID8gKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMudG9vbHRpcC5hcnJvd31cbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIGNvbG9yOiByZ2JhKDk3LCA5NywgOTcsIDAuOSk7XG4gICAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgICAgd2lkdGg6IDBweDtcbiAgICAgICAgICAgICAgICAgIGhlaWdodDogMHB4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgICAgICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L1BvcHBlcj5cbiAgICA8L1JlYWN0LkZyYWdtZW50PlxuICApO1xufTtcbiJdfQ== */")
|
|
92
93
|
}, ___EmotionJSX("div", {
|
|
93
|
-
css: [theme.typography.caption, _ref2, process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
94
|
+
css: [theme.typography.caption, _ref2, process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ub29sdGlwL1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJNVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVG9vbHRpcC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQb3BwZXIsIFBvcHBlckJhc2VQcm9wcyB9IGZyb20gXCIuLi9Qb3BwZXJcIjtcbmltcG9ydCB7IGhhc093blByb3AgfSBmcm9tIFwiLi4vQHV0aWxzL2hhc093blByb3BcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmNvbnN0IGNsYXNzTmFtZXMgPSB7XG4gIHRvb2x0aXA6IHtcbiAgICBhcnJvdzogXCJtMm11aV9Ub29sdGlwX2Fycm93XCIsXG4gIH0sXG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIFRvb2x0aXBQcm9wcyBleHRlbmRzIFBpY2s8UG9wcGVyQmFzZVByb3BzLCBcInBsYWNlbWVudFwiPiB7XG4gIC8qKlxuICAgKiBUb29sdGlw44Gr6KGo56S644GZ44KL44OG44Kt44K544OIXG4gICAqL1xuICB0aXRsZTogc3RyaW5nO1xuICAvKipcbiAgICogVG9vbHRpcOOCkuihqOekuuOBmeOCi+imgee0oFxuICAgKiDms6jmhI86IGRpc2FibGVk44Gq44Oc44K/44Oz6KaB57Sg44Gn44Gv44Oe44Km44K544Kk44OZ44Oz44OI44GM55m654Gr44GX44Gq44GE44Gf44KB44CBVG9vbHRpcOOBr+apn+iDveOBl+OBvuOBm+OCk1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudCB8IHN0cmluZztcbiAgLyoqXG4gICAqIOefouWNsOOCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgYXJyb3c/OiBib29sZWFuO1xuICAvKipcbiAgICog44OH44OV44Kp44Or44OI44Gu5a2Q6KaB57Sg44Gr44Ob44OQ44O844GX44Gf6Zqb44Gr6KGo56S644GZ44KL5qmf6IO944KS54Sh6KaW44GX44Gm44CB6KGo56S644GZ44KL44GL44Gp44GG44GL44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IHVuZGVmaW5lZFxuICAgKi9cbiAgb3Blbj86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAgY2hpbGRyZW4sXG4gIHRpdGxlLFxuICBwbGFjZW1lbnQsXG4gIGFycm93LFxuICBvcGVuOiBvcGVuUHJvcCxcbn06IFRvb2x0aXBQcm9wcykgPT4ge1xuICBjb25zdCBbbm9kZSwgc2V0Tm9kZV0gPSB1c2VTdGF0ZTxIVE1MRWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBpc0NvbnRyb2xsZWQgPSB1c2VNZW1vKCgpID0+IG9wZW5Qcm9wICE9PSB1bmRlZmluZWQsIFtvcGVuUHJvcF0pO1xuXG4gIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgcHJldk9wZW4gPSB1c2VSZWY8Ym9vbGVhbj4odW5kZWZpbmVkKTtcbiAgY29uc3QgW2hpZGRlbiwgc2V0SGlkZGVuXSA9IHVzZVN0YXRlKHRydWUpO1xuXG4gIGlmIChpc0NvbnRyb2xsZWQgJiYgb3BlblByb3AgIT09IHByZXZPcGVuLmN1cnJlbnQpIHtcbiAgICBwcmV2T3Blbi5jdXJyZW50ID0gb3BlblByb3A7XG4gICAgaWYgKG9wZW5Qcm9wKSB7XG4gICAgICBzZXRPcGVuKHRydWUpO1xuICAgICAgc2V0SGlkZGVuKGZhbHNlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgc2V0SGlkZGVuKHRydWUpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU1vdXNlRW50ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAob3JpZ2luYWw/OiAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpID0+XG4gICAgICAoZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKCFpc0NvbnRyb2xsZWQpIHtcbiAgICAgICAgICBzZXRPcGVuKHRydWUpO1xuICAgICAgICAgIHNldEhpZGRlbihmYWxzZSk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAob3JpZ2luYWwpIHtcbiAgICAgICAgICBvcmlnaW5hbChldmVudCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgW2lzQ29udHJvbGxlZF0sXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlTW91c2VMZWF2ZSA9IHVzZUNhbGxiYWNrKFxuICAgIChvcmlnaW5hbD86IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZCkgPT5cbiAgICAgIChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoIWlzQ29udHJvbGxlZCkge1xuICAgICAgICAgIHNldEhpZGRlbih0cnVlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChvcmlnaW5hbCkge1xuICAgICAgICAgIG9yaWdpbmFsKGV2ZW50KTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICBbaXNDb250cm9sbGVkXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09IFwic3RyaW5nXCIgPyAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgcmVmPXtzZXROb2RlfVxuICAgICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcigpfVxuICAgICAgICAgIG9uTW91c2VMZWF2ZT17aGFuZGxlTW91c2VMZWF2ZSgpfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L3NwYW4+XG4gICAgICApIDogKFxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hcmd1bWVudFxuICAgICAgICBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgICByZWY6IHNldE5vZGUsXG4gICAgICAgICAgb25Nb3VzZUVudGVyOiBoYW5kbGVNb3VzZUVudGVyKFxuICAgICAgICAgICAgaGFzT3duUHJvcChjaGlsZHJlbi5wcm9wcywgXCJvbk1vdXNlRW50ZXJcIilcbiAgICAgICAgICAgICAgPyAoY2hpbGRyZW4ucHJvcHMub25Nb3VzZUVudGVyIGFzIFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyKVxuICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgICApLFxuICAgICAgICAgIG9uTW91c2VMZWF2ZTogaGFuZGxlTW91c2VMZWF2ZShcbiAgICAgICAgICAgIGhhc093blByb3AoY2hpbGRyZW4ucHJvcHMsIFwib25Nb3VzZUxlYXZlXCIpXG4gICAgICAgICAgICAgID8gKGNoaWxkcmVuLnByb3BzLm9uTW91c2VMZWF2ZSBhcyBSZWFjdC5Nb3VzZUV2ZW50SGFuZGxlcilcbiAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgKSxcbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgICAgICB9IGFzIGFueSlcbiAgICAgICl9XG4gICAgICA8UG9wcGVyXG4gICAgICAgIGFuY2hvckVsPXtub2RlfVxuICAgICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgYXJpYS1oaWRkZW49e2hpZGRlbn1cbiAgICAgICAgZGlzYWJsZVBvcnRhbFxuICAgICAgICBvblRyYW5zaXRpb25FbmQ9eygpID0+IHtcbiAgICAgICAgICBpZiAoaGlkZGVuKSB7XG4gICAgICAgICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAyMDBtcztcbiAgICAgICAgICAmW2FyaWEtaGlkZGVuPVwidHJ1ZVwiXSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIH1cbiAgICAgICAgICAmW2RhdGEtcG9wcGVyLXBsYWNlbWVudCo9XCJib3R0b21cIl0ge1xuICAgICAgICAgICAgLiR7Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fSB7XG4gICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgbGVmdDogMTJweDtcbiAgICAgICAgICAgICAgd2lkdGg6IDEycHg7XG4gICAgICAgICAgICAgIGhlaWdodDogNnB4O1xuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAtNnB4O1xuICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgY3VycmVudGNvbG9yIHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgIGJvcmRlci13aWR0aDogMCA2cHggNnB4IDZweDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgJiA+ICoge1xuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiA4cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICAgICZbZGF0YS1wb3BwZXItcGxhY2VtZW50Kj1cInRvcFwiXSB7XG4gICAgICAgICAgICAuJHtjbGFzc05hbWVzLnRvb2x0aXAuYXJyb3d9IHtcbiAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICBsZWZ0OiAxMnB4O1xuICAgICAgICAgICAgICB3aWR0aDogMTJweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiA2cHg7XG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IC02cHg7XG4gICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiBjdXJyZW50Y29sb3IgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiA2cHggNnB4IDAgNnB4O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQqPVwicmlnaHRcIl0ge1xuICAgICAgICAgICAgLiR7Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fSB7XG4gICAgICAgICAgICAgIHRvcDogMTJweDtcbiAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTZweDtcbiAgICAgICAgICAgICAgJjo6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IGN1cnJlbnRjb2xvciB0cmFuc3BhcmVudCB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgICAgICBib3JkZXItd2lkdGg6IDZweCA2cHggNnB4IDA7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgICYgPiAqIHtcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgICAgJltkYXRhLXBvcHBlci1wbGFjZW1lbnQqPVwibGVmdFwiXSB7XG4gICAgICAgICAgICAuJHtjbGFzc05hbWVzLnRvb2x0aXAuYXJyb3d9IHtcbiAgICAgICAgICAgICAgdG9wOiAxMnB4O1xuICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgd2lkdGg6IDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IC02cHg7XG4gICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCBjdXJyZW50Y29sb3I7XG4gICAgICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiA2cHggMCA2cHggNnB4O1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAmID4gKiB7XG4gICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgdGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uLFxuICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICAgIG1heC13aWR0aDogMzAwcHg7XG4gICAgICAgICAgICAgIHBhZGRpbmc6IDZweCAxMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgICAgICAgd29yZC13cmFwOiBicmVhay13b3JkO1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDk3LCA5NywgOTcsIDAuOSk7XG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICB7YXJyb3cgPyAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy50b29sdGlwLmFycm93fVxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgY29sb3I6IHJnYmEoOTcsIDk3LCA5NywgMC45KTtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgICB3aWR0aDogMHB4O1xuICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwcHg7XG4gICAgICAgICAgICAgICAgICBtYXJnaW46IGF1dG87XG4gICAgICAgICAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvUG9wcGVyPlxuICAgIDwvUmVhY3QuRnJhZ21lbnQ+XG4gICk7XG59O1xuIl19 */"]
|
|
94
95
|
}, title, arrow ? ___EmotionJSX("div", {
|
|
95
96
|
className: classNames.tooltip.arrow,
|
|
96
97
|
css: _ref
|
package/Tooltip/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["css","React","useCallback","useMemo","useRef","useState","Popper","hasOwnProp","useTheme","jsx","___EmotionJSX","classNames","tooltip","arrow","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","Tooltip","_ref3","children","title","placement","open","openProp","node","setNode","theme","isControlled","undefined","setOpen","prevOpen","hidden","setHidden","current","handleMouseEnter","original","event","handleMouseLeave","Fragment","ref","onMouseEnter","onMouseLeave","cloneElement","props","anchorEl","disablePortal","onTransitionEnd","typography","caption","className"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { Popper, PopperBaseProps } from \"../Popper\";\nimport { hasOwnProp } from \"../@utils/hasOwnProp\";\nimport { useTheme } from \"../theme\";\n\nconst classNames = {\n tooltip: {\n arrow: \"m2mui_Tooltip_arrow\",\n },\n};\n\nexport interface TooltipProps extends Pick<PopperBaseProps, \"placement\"> {\n /**\n * Tooltipに表示するテキスト\n */\n title: string;\n /**\n * Tooltipを表示する要素\n * 注意: disabledなボタン要素ではマウスイベントが発火しないため、Tooltipは機能しません\n */\n children: React.ReactElement | string;\n /**\n * 矢印を表示します。\n *\n * @default false\n */\n arrow?: boolean;\n /**\n * デフォルトの子要素にホバーした際に表示する機能を無視して、表示するかどうかを指定します。\n *\n * @default undefined\n */\n open?: boolean;\n}\n\nexport const Tooltip = ({\n children,\n title,\n placement,\n arrow,\n open: openProp,\n}: TooltipProps) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n const theme = useTheme();\n\n const isControlled = useMemo(() => openProp !== undefined, [openProp]);\n\n const [open, setOpen] = useState(false);\n const prevOpen = useRef<boolean>(undefined);\n const [hidden, setHidden] = useState(true);\n\n if (isControlled && openProp !== prevOpen.current) {\n prevOpen.current = openProp;\n if (openProp) {\n setOpen(true);\n setHidden(false);\n } else {\n setHidden(true);\n }\n }\n\n const handleMouseEnter = useCallback(\n (original?: (event: React.MouseEvent) => void) =>\n (event: React.MouseEvent) => {\n if (!isControlled) {\n setOpen(true);\n setHidden(false);\n }\n\n if (original) {\n original(event);\n }\n },\n [isControlled],\n );\n\n const handleMouseLeave = useCallback(\n (original?: (event: React.MouseEvent) => void) =>\n (event: React.MouseEvent) => {\n if (!isControlled) {\n setHidden(true);\n }\n\n if (original) {\n original(event);\n }\n },\n [isControlled],\n );\n\n return (\n <React.Fragment>\n {typeof children === \"string\" ? (\n <span\n ref={setNode}\n onMouseEnter={handleMouseEnter()}\n onMouseLeave={handleMouseLeave()}\n >\n {children}\n </span>\n ) : (\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n React.cloneElement(children, {\n ref: setNode,\n onMouseEnter: handleMouseEnter(\n hasOwnProp(children.props, \"onMouseEnter\")\n ? (children.props.onMouseEnter as React.MouseEventHandler)\n : undefined,\n ),\n onMouseLeave: handleMouseLeave(\n hasOwnProp(children.props, \"onMouseLeave\")\n ? (children.props.onMouseLeave as React.MouseEventHandler)\n : undefined,\n ),\n } as any)\n )}\n <Popper\n anchorEl={node}\n placement={placement}\n open={open}\n aria-hidden={hidden}\n disablePortal\n onTransitionEnd={() => {\n if (hidden) {\n setOpen(false);\n }\n }}\n css={css`\n opacity: 1;\n transition: opacity 200ms;\n &[aria-hidden=\"true\"] {\n opacity: 0;\n }\n &[data-popper-placement*=\"bottom\"] {\n .${classNames.tooltip.arrow} {\n top: 0;\n left: 12px;\n width: 12px;\n height: 6px;\n margin-top: -6px;\n &::before {\n border-color: transparent transparent currentcolor transparent;\n border-width: 0 6px 6px 6px;\n }\n }\n & > * {\n margin-top: 8px;\n }\n }\n &[data-popper-placement*=\"top\"] {\n .${classNames.tooltip.arrow} {\n bottom: 0;\n left: 12px;\n width: 12px;\n height: 6px;\n margin-bottom: -6px;\n &::before {\n border-color: currentcolor transparent transparent transparent;\n border-width: 6px 6px 0 6px;\n }\n }\n & > * {\n margin-bottom: 8px;\n }\n }\n &[data-popper-placement*=\"right\"] {\n .${classNames.tooltip.arrow} {\n top: 12px;\n left: 0;\n width: 6px;\n height: 12px;\n margin-left: -6px;\n &::before {\n border-color: transparent currentcolor transparent transparent;\n border-width: 6px 6px 6px 0;\n }\n }\n & > * {\n margin-left: 8px;\n }\n }\n &[data-popper-placement*=\"left\"] {\n .${classNames.tooltip.arrow} {\n top: 12px;\n right: 0;\n width: 6px;\n height: 12px;\n margin-right: -6px;\n &::before {\n border-color: transparent transparent transparent currentcolor;\n border-width: 6px 0 6px 6px;\n }\n }\n & > * {\n margin-right: 8px;\n }\n }\n `}\n >\n <div\n css={[\n theme.typography.caption,\n css`\n position: relative;\n max-width: 300px;\n padding: 6px 10px;\n color: #fff;\n text-align: left;\n word-wrap: break-word;\n background-color: rgba(97, 97, 97, 0.9);\n border-radius: 4px;\n `,\n ]}\n >\n {title}\n {arrow ? (\n <div\n className={classNames.tooltip.arrow}\n css={css`\n position: absolute;\n color: rgba(97, 97, 97, 0.9);\n &::before {\n display: block;\n width: 0px;\n height: 0px;\n margin: auto;\n content: \"\";\n border-style: solid;\n }\n `}\n />\n ) : null}\n </div>\n </Popper>\n </React.Fragment>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["css","React","useCallback","useMemo","useRef","useState","Popper","hasOwnProp","useTheme","jsx","___EmotionJSX","classNames","tooltip","arrow","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","Tooltip","_ref3","children","title","placement","open","openProp","node","setNode","theme","isControlled","undefined","setOpen","prevOpen","hidden","setHidden","current","handleMouseEnter","original","event","handleMouseLeave","Fragment","ref","onMouseEnter","onMouseLeave","cloneElement","props","anchorEl","disablePortal","onTransitionEnd","typography","caption","className"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { Popper, PopperBaseProps } from \"../Popper\";\nimport { hasOwnProp } from \"../@utils/hasOwnProp\";\nimport { useTheme } from \"../theme\";\n\nconst classNames = {\n tooltip: {\n arrow: \"m2mui_Tooltip_arrow\",\n },\n};\n\nexport interface TooltipProps extends Pick<PopperBaseProps, \"placement\"> {\n /**\n * Tooltipに表示するテキスト\n */\n title: string;\n /**\n * Tooltipを表示する要素\n * 注意: disabledなボタン要素ではマウスイベントが発火しないため、Tooltipは機能しません\n */\n children: React.ReactElement | string;\n /**\n * 矢印を表示します。\n *\n * @default false\n */\n arrow?: boolean;\n /**\n * デフォルトの子要素にホバーした際に表示する機能を無視して、表示するかどうかを指定します。\n *\n * @default undefined\n */\n open?: boolean;\n}\n\nexport const Tooltip = ({\n children,\n title,\n placement,\n arrow,\n open: openProp,\n}: TooltipProps) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n const theme = useTheme();\n\n const isControlled = useMemo(() => openProp !== undefined, [openProp]);\n\n const [open, setOpen] = useState(false);\n const prevOpen = useRef<boolean>(undefined);\n const [hidden, setHidden] = useState(true);\n\n if (isControlled && openProp !== prevOpen.current) {\n prevOpen.current = openProp;\n if (openProp) {\n setOpen(true);\n setHidden(false);\n } else {\n setHidden(true);\n }\n }\n\n const handleMouseEnter = useCallback(\n (original?: (event: React.MouseEvent) => void) =>\n (event: React.MouseEvent) => {\n if (!isControlled) {\n setOpen(true);\n setHidden(false);\n }\n\n if (original) {\n original(event);\n }\n },\n [isControlled],\n );\n\n const handleMouseLeave = useCallback(\n (original?: (event: React.MouseEvent) => void) =>\n (event: React.MouseEvent) => {\n if (!isControlled) {\n setHidden(true);\n }\n\n if (original) {\n original(event);\n }\n },\n [isControlled],\n );\n\n return (\n <React.Fragment>\n {typeof children === \"string\" ? (\n <span\n ref={setNode}\n onMouseEnter={handleMouseEnter()}\n onMouseLeave={handleMouseLeave()}\n >\n {children}\n </span>\n ) : (\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n React.cloneElement(children, {\n ref: setNode,\n onMouseEnter: handleMouseEnter(\n hasOwnProp(children.props, \"onMouseEnter\")\n ? (children.props.onMouseEnter as React.MouseEventHandler)\n : undefined,\n ),\n onMouseLeave: handleMouseLeave(\n hasOwnProp(children.props, \"onMouseLeave\")\n ? (children.props.onMouseLeave as React.MouseEventHandler)\n : undefined,\n ),\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n } as any)\n )}\n <Popper\n anchorEl={node}\n placement={placement}\n open={open}\n aria-hidden={hidden}\n disablePortal\n onTransitionEnd={() => {\n if (hidden) {\n setOpen(false);\n }\n }}\n css={css`\n opacity: 1;\n transition: opacity 200ms;\n &[aria-hidden=\"true\"] {\n opacity: 0;\n }\n &[data-popper-placement*=\"bottom\"] {\n .${classNames.tooltip.arrow} {\n top: 0;\n left: 12px;\n width: 12px;\n height: 6px;\n margin-top: -6px;\n &::before {\n border-color: transparent transparent currentcolor transparent;\n border-width: 0 6px 6px 6px;\n }\n }\n & > * {\n margin-top: 8px;\n }\n }\n &[data-popper-placement*=\"top\"] {\n .${classNames.tooltip.arrow} {\n bottom: 0;\n left: 12px;\n width: 12px;\n height: 6px;\n margin-bottom: -6px;\n &::before {\n border-color: currentcolor transparent transparent transparent;\n border-width: 6px 6px 0 6px;\n }\n }\n & > * {\n margin-bottom: 8px;\n }\n }\n &[data-popper-placement*=\"right\"] {\n .${classNames.tooltip.arrow} {\n top: 12px;\n left: 0;\n width: 6px;\n height: 12px;\n margin-left: -6px;\n &::before {\n border-color: transparent currentcolor transparent transparent;\n border-width: 6px 6px 6px 0;\n }\n }\n & > * {\n margin-left: 8px;\n }\n }\n &[data-popper-placement*=\"left\"] {\n .${classNames.tooltip.arrow} {\n top: 12px;\n right: 0;\n width: 6px;\n height: 12px;\n margin-right: -6px;\n &::before {\n border-color: transparent transparent transparent currentcolor;\n border-width: 6px 0 6px 6px;\n }\n }\n & > * {\n margin-right: 8px;\n }\n }\n `}\n >\n <div\n css={[\n theme.typography.caption,\n css`\n position: relative;\n max-width: 300px;\n padding: 6px 10px;\n color: #fff;\n text-align: left;\n word-wrap: break-word;\n background-color: rgba(97, 97, 97, 0.9);\n border-radius: 4px;\n `,\n ]}\n >\n {title}\n {arrow ? (\n <div\n className={classNames.tooltip.arrow}\n css={css`\n position: absolute;\n color: rgba(97, 97, 97, 0.9);\n &::before {\n display: block;\n width: 0px;\n height: 0px;\n margin: auto;\n content: \"\";\n border-style: solid;\n }\n `}\n />\n ) : null}\n </div>\n </Popper>\n </React.Fragment>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|