matsuri-ui 18.0.3-alpha-1765248031639-463070b.0 → 18.0.3-alpha-1765249068881-c6f8403.0
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/Button/Button.js +8 -8
- package/Button/Button.js.map +1 -1
- package/Calendar/CalendarDay.js +3 -3
- package/Calendar/CalendarDay.js.map +1 -1
- package/Calendar/CalendarDayEvent.js +2 -2
- package/Calendar/CalendarDayEvent.js.map +1 -1
- package/Calendar/CalendarDaysInMonth.js +4 -4
- package/Calendar/CalendarDaysInMonth.js.map +1 -1
- package/Calendar/CalendarWeek.js +3 -3
- package/Calendar/CalendarWeek.js.map +1 -1
- package/CalendarLabel/CalendarLabel.js.map +1 -1
- package/Card/index.js +2 -2
- package/Card/index.js.map +1 -1
- package/Checkbox/Checkbox.js +8 -8
- package/Checkbox/Checkbox.js.map +1 -1
- package/Chip/Chip.js +3 -3
- package/Chip/Chip.js.map +1 -1
- package/DateField/DateField.js +1 -1
- package/DateField/DateField.js.map +1 -1
- package/DateTextField/DateTextField.js.map +1 -1
- package/DropArea/DropArea.js +1 -1
- package/DropArea/DropArea.js.map +1 -1
- package/FieldBase/FieldProps.js.map +1 -1
- package/FullHeight/FullHeight.js.map +1 -1
- package/Icon/SVGComponents.js +5 -5
- package/Icon/SVGComponents.js.map +1 -1
- package/Icon/index.js.map +1 -1
- package/InputBase/InputBase.js +5 -5
- package/InputBase/InputBase.js.map +1 -1
- package/InputLabel/InputLabel.js +2 -2
- package/InputLabel/InputLabel.js.map +1 -1
- package/Legend/Legend.js +3 -3
- package/Legend/Legend.js.map +1 -1
- package/List/ListItemIcon.js +1 -1
- package/List/ListItemIcon.js.map +1 -1
- package/Modal/Modal.js +7 -7
- package/Modal/Modal.js.map +1 -1
- package/MultipleTextField/index.js.map +1 -1
- package/NumberField/NumberField.js.map +1 -1
- package/Overlay/index.js +7 -7
- package/Overlay/index.js.map +1 -1
- package/Pagination/PaginationContainer.js +1 -1
- package/Pagination/PaginationContainer.js.map +1 -1
- package/Pagination/PaginationItem.js +1 -1
- package/Pagination/PaginationItem.js.map +1 -1
- package/Pagination/PaginationNext.js.map +1 -1
- package/Pagination/PaginationPrev.js.map +1 -1
- package/Popper/Popper.js +1 -1
- package/Popper/Popper.js.map +1 -1
- package/ProgressBar/ProgressBar.js +2 -2
- package/ProgressBar/ProgressBar.js.map +1 -1
- package/Radio/Radio.js +9 -9
- package/Radio/Radio.js.map +1 -1
- package/RadioButton/RadioButton.js +1 -1
- package/RadioButton/RadioButton.js.map +1 -1
- package/SelectField/SelectField.js +5 -5
- package/SelectField/SelectField.js.map +1 -1
- package/ShimmerEffect/ShimmerEffectText.js.map +1 -1
- package/Switch/index.js +4 -4
- package/Switch/index.js.map +1 -1
- package/Table/Table.js +8 -8
- package/Table/Table.js.map +1 -1
- package/Table/TableCheckbox.js +4 -4
- package/Table/TableCheckbox.js.map +1 -1
- package/Tabs/TabGroup.js +3 -3
- package/Tabs/TabGroup.js.map +1 -1
- package/Tabs/TabUI.js +10 -10
- package/Tabs/TabUI.js.map +1 -1
- package/TextField/index.js.map +1 -1
- package/TextareaBase/index.js +2 -2
- package/TextareaBase/index.js.map +1 -1
- package/Thumbnail/Thumbnail.js +2 -2
- package/Thumbnail/Thumbnail.js.map +1 -1
- package/Thumbnail/VideoThumbnail.js +1 -1
- package/Thumbnail/VideoThumbnail.js.map +1 -1
- package/Timeline/Timeline.js +2 -2
- package/Timeline/Timeline.js.map +1 -1
- package/Typography/index.js +1 -1
- package/Typography/index.js.map +1 -1
- package/WeeklyCalendarUI/WeeklyCalendarColumn.js +2 -2
- package/WeeklyCalendarUI/WeeklyCalendarColumn.js.map +1 -1
- package/WeeklyCalendarUI/WeeklyCalendarUI.js.map +1 -1
- package/cjs/Button/Button.js +8 -8
- package/cjs/Button/Button.js.map +1 -1
- package/cjs/Calendar/CalendarDay.js +3 -3
- package/cjs/Calendar/CalendarDay.js.map +1 -1
- package/cjs/Calendar/CalendarDayEvent.js +2 -2
- package/cjs/Calendar/CalendarDayEvent.js.map +1 -1
- package/cjs/Calendar/CalendarDaysInMonth.js +4 -4
- package/cjs/Calendar/CalendarDaysInMonth.js.map +1 -1
- package/cjs/Calendar/CalendarWeek.js +3 -3
- package/cjs/Calendar/CalendarWeek.js.map +1 -1
- package/cjs/CalendarLabel/CalendarLabel.js.map +1 -1
- package/cjs/Card/index.js +2 -2
- package/cjs/Card/index.js.map +1 -1
- package/cjs/Checkbox/Checkbox.js +8 -8
- package/cjs/Checkbox/Checkbox.js.map +1 -1
- package/cjs/Chip/Chip.js +3 -3
- package/cjs/Chip/Chip.js.map +1 -1
- package/cjs/DateField/DateField.js +1 -1
- package/cjs/DateField/DateField.js.map +1 -1
- package/cjs/DateTextField/DateTextField.js.map +1 -1
- package/cjs/DropArea/DropArea.js +1 -1
- package/cjs/DropArea/DropArea.js.map +1 -1
- package/cjs/FieldBase/FieldProps.js.map +1 -1
- package/cjs/FullHeight/FullHeight.js.map +1 -1
- package/cjs/Icon/SVGComponents.js +5 -5
- package/cjs/Icon/SVGComponents.js.map +1 -1
- package/cjs/Icon/index.js.map +1 -1
- package/cjs/InputBase/InputBase.js +5 -5
- package/cjs/InputBase/InputBase.js.map +1 -1
- package/cjs/InputLabel/InputLabel.js +2 -2
- package/cjs/InputLabel/InputLabel.js.map +1 -1
- package/cjs/Legend/Legend.js +3 -3
- package/cjs/Legend/Legend.js.map +1 -1
- package/cjs/List/ListItemIcon.js +1 -1
- package/cjs/List/ListItemIcon.js.map +1 -1
- package/cjs/Modal/Modal.js +7 -7
- package/cjs/Modal/Modal.js.map +1 -1
- package/cjs/MultipleTextField/index.js.map +1 -1
- package/cjs/NumberField/NumberField.js.map +1 -1
- package/cjs/Overlay/index.js +7 -7
- package/cjs/Overlay/index.js.map +1 -1
- package/cjs/Pagination/PaginationContainer.js +1 -1
- package/cjs/Pagination/PaginationContainer.js.map +1 -1
- package/cjs/Pagination/PaginationItem.js +1 -1
- package/cjs/Pagination/PaginationItem.js.map +1 -1
- package/cjs/Pagination/PaginationNext.js.map +1 -1
- package/cjs/Pagination/PaginationPrev.js.map +1 -1
- package/cjs/Popper/Popper.js +1 -1
- package/cjs/Popper/Popper.js.map +1 -1
- package/cjs/ProgressBar/ProgressBar.js +2 -2
- package/cjs/ProgressBar/ProgressBar.js.map +1 -1
- package/cjs/Radio/Radio.js +9 -9
- package/cjs/Radio/Radio.js.map +1 -1
- package/cjs/RadioButton/RadioButton.js +1 -1
- package/cjs/RadioButton/RadioButton.js.map +1 -1
- package/cjs/SelectField/SelectField.js +5 -5
- package/cjs/SelectField/SelectField.js.map +1 -1
- package/cjs/ShimmerEffect/ShimmerEffectText.js.map +1 -1
- package/cjs/Switch/index.js +4 -4
- package/cjs/Switch/index.js.map +1 -1
- package/cjs/Table/Table.js +8 -8
- package/cjs/Table/Table.js.map +1 -1
- package/cjs/Table/TableCheckbox.js +4 -4
- package/cjs/Table/TableCheckbox.js.map +1 -1
- package/cjs/Tabs/TabGroup.js +3 -3
- package/cjs/Tabs/TabGroup.js.map +1 -1
- package/cjs/Tabs/TabUI.js +10 -10
- package/cjs/Tabs/TabUI.js.map +1 -1
- package/cjs/TextField/index.js.map +1 -1
- package/cjs/TextareaBase/index.js +2 -2
- package/cjs/TextareaBase/index.js.map +1 -1
- package/cjs/Thumbnail/Thumbnail.js +2 -2
- package/cjs/Thumbnail/Thumbnail.js.map +1 -1
- package/cjs/Thumbnail/VideoThumbnail.js +1 -1
- package/cjs/Thumbnail/VideoThumbnail.js.map +1 -1
- package/cjs/Timeline/Timeline.js +2 -2
- package/cjs/Timeline/Timeline.js.map +1 -1
- package/cjs/Typography/index.js +1 -1
- package/cjs/Typography/index.js.map +1 -1
- package/cjs/WeeklyCalendarUI/WeeklyCalendarColumn.js +2 -2
- package/cjs/WeeklyCalendarUI/WeeklyCalendarColumn.js.map +1 -1
- package/cjs/WeeklyCalendarUI/WeeklyCalendarUI.js.map +1 -1
- package/esm/Button/Button.js +8 -8
- package/esm/Button/Button.js.map +1 -1
- package/esm/Calendar/CalendarDay.js +3 -3
- package/esm/Calendar/CalendarDay.js.map +1 -1
- package/esm/Calendar/CalendarDayEvent.js +2 -2
- package/esm/Calendar/CalendarDayEvent.js.map +1 -1
- package/esm/Calendar/CalendarDaysInMonth.js +4 -4
- package/esm/Calendar/CalendarDaysInMonth.js.map +1 -1
- package/esm/Calendar/CalendarWeek.js +3 -3
- package/esm/Calendar/CalendarWeek.js.map +1 -1
- package/esm/CalendarLabel/CalendarLabel.js.map +1 -1
- package/esm/Card/index.js +2 -2
- package/esm/Card/index.js.map +1 -1
- package/esm/Checkbox/Checkbox.js +8 -8
- package/esm/Checkbox/Checkbox.js.map +1 -1
- package/esm/Chip/Chip.js +3 -3
- package/esm/Chip/Chip.js.map +1 -1
- package/esm/DateField/DateField.js +1 -1
- package/esm/DateField/DateField.js.map +1 -1
- package/esm/DateTextField/DateTextField.js.map +1 -1
- package/esm/DropArea/DropArea.js +1 -1
- package/esm/DropArea/DropArea.js.map +1 -1
- package/esm/FieldBase/FieldProps.js.map +1 -1
- package/esm/FullHeight/FullHeight.js.map +1 -1
- package/esm/Icon/SVGComponents.js +5 -5
- package/esm/Icon/SVGComponents.js.map +1 -1
- package/esm/Icon/index.js.map +1 -1
- package/esm/InputBase/InputBase.js +5 -5
- package/esm/InputBase/InputBase.js.map +1 -1
- package/esm/InputLabel/InputLabel.js +2 -2
- package/esm/InputLabel/InputLabel.js.map +1 -1
- package/esm/Legend/Legend.js +3 -3
- package/esm/Legend/Legend.js.map +1 -1
- package/esm/List/ListItemIcon.js +1 -1
- package/esm/List/ListItemIcon.js.map +1 -1
- package/esm/Modal/Modal.js +7 -7
- package/esm/Modal/Modal.js.map +1 -1
- package/esm/MultipleTextField/index.js.map +1 -1
- package/esm/NumberField/NumberField.js.map +1 -1
- package/esm/Overlay/index.js +7 -7
- package/esm/Overlay/index.js.map +1 -1
- package/esm/Pagination/PaginationContainer.js +1 -1
- package/esm/Pagination/PaginationContainer.js.map +1 -1
- package/esm/Pagination/PaginationItem.js +1 -1
- package/esm/Pagination/PaginationItem.js.map +1 -1
- package/esm/Pagination/PaginationNext.js.map +1 -1
- package/esm/Pagination/PaginationPrev.js.map +1 -1
- package/esm/Popper/Popper.js +1 -1
- package/esm/Popper/Popper.js.map +1 -1
- package/esm/ProgressBar/ProgressBar.js +2 -2
- package/esm/ProgressBar/ProgressBar.js.map +1 -1
- package/esm/Radio/Radio.js +9 -9
- package/esm/Radio/Radio.js.map +1 -1
- package/esm/RadioButton/RadioButton.js +1 -1
- package/esm/RadioButton/RadioButton.js.map +1 -1
- package/esm/SelectField/SelectField.js +5 -5
- package/esm/SelectField/SelectField.js.map +1 -1
- package/esm/ShimmerEffect/ShimmerEffectText.js.map +1 -1
- package/esm/Switch/index.js +4 -4
- package/esm/Switch/index.js.map +1 -1
- package/esm/Table/Table.js +8 -8
- package/esm/Table/Table.js.map +1 -1
- package/esm/Table/TableCheckbox.js +4 -4
- package/esm/Table/TableCheckbox.js.map +1 -1
- package/esm/Tabs/TabGroup.js +3 -3
- package/esm/Tabs/TabGroup.js.map +1 -1
- package/esm/Tabs/TabUI.js +10 -10
- package/esm/Tabs/TabUI.js.map +1 -1
- package/esm/TextField/index.js.map +1 -1
- package/esm/TextareaBase/index.js +2 -2
- package/esm/TextareaBase/index.js.map +1 -1
- package/esm/Thumbnail/Thumbnail.js +2 -2
- package/esm/Thumbnail/Thumbnail.js.map +1 -1
- package/esm/Thumbnail/VideoThumbnail.js +1 -1
- package/esm/Thumbnail/VideoThumbnail.js.map +1 -1
- package/esm/Timeline/Timeline.js +2 -2
- package/esm/Timeline/Timeline.js.map +1 -1
- package/esm/Typography/index.js +1 -1
- package/esm/Typography/index.js.map +1 -1
- package/esm/WeeklyCalendarUI/WeeklyCalendarColumn.js +2 -2
- package/esm/WeeklyCalendarUI/WeeklyCalendarColumn.js.map +1 -1
- package/esm/WeeklyCalendarUI/WeeklyCalendarUI.js.map +1 -1
- package/package.json +1 -1
package/Checkbox/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","names":["forwardRef","css","keyframes","useFieldGroup","ShimmerEffect","ShimmerEffectBox","useClickAnimation","useTheme","jsx","___EmotionJSX","check","_templateObject","_taggedTemplateLiteralLoose","fade","_templateObject2","wave","_templateObject3","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","_ref4","Checkbox","_ref5","ref","children","label","propsLabel","style","className","onClick","propsOnClick","loading","propsLoading","readOnly","propsReadOnly","disabled","required","indeterminate","props","_objectWithoutPropertiesLoose","_excluded","theme","hasLabel","undefined","RootComponent","clicked","onAnimationEnd","disabledOrReadonly","palette","gray","width","height","borderRadius","_extends","type","intentions","primary","contrastText","transitions","duration","shortest","easing","easeIn","main","action","active","typography","body","color","cursor","error"],"sources":["../../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { css, keyframes } from \"@emotion/react\";\nimport { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { ShimmerEffect, ShimmerEffectBox } from \"../ShimmerEffect\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\nimport { useTheme } from \"../theme\";\n\nexport interface CheckboxProps\n extends ComponentPropsWithoutRef<\"input\">,\n FieldGroupContextValue {\n /**\n * ラベルの表示に利用できます。\n */\n label?: React.ReactNode;\n /**\n * ラベルの表示に利用できます\n * @deprecated 代わりにlabelを利用してください。\n * childrenがlabelであることや、input要素のようなコンポーネントがchildrenを持っていることに違和感があるため、非推奨になりました。\n */\n children?: React.ReactNode;\n /**\n * 値をコントロールする場合の値を指定します。checkedを使用する場合、onChangeは必須です。\n */\n checked?: boolean;\n /**\n * 値をアンコントロールする場合の初期値を指定します。値の取得はform要素を介して行ってください。\n * @default false\n */\n defaultChecked?: boolean;\n disabled?: boolean;\n /**\n * @experimental disabled時の挙動などが未定義です。\n */\n indeterminate?: boolean;\n}\n\nconst check = keyframes`\n 0%{\n transform: scale(0.5) rotate(45deg) translate(-1.5px, -1.5px);\n }\n 100%{\n transform: scale(1) rotate(45deg) translate(-1.5px, -1.5px);\n }\n`;\nconst fade = keyframes`\n 100% {\n opacity: 0;\n }\n`;\nconst wave = keyframes`\n 100% {\n box-shadow: 0 0 0 6px currentcolor;\n }\n`;\n\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n (\n {\n children,\n label: propsLabel,\n style,\n className,\n onClick: propsOnClick,\n loading: propsLoading,\n readOnly: propsReadOnly,\n disabled,\n required,\n indeterminate,\n ...props\n },\n ref,\n ) => {\n const theme = useTheme();\n const label = propsLabel ?? children;\n const hasLabel = label !== null && label !== undefined;\n const RootComponent = hasLabel ? \"label\" : \"span\";\n const { clicked, onClick, onAnimationEnd } =\n useClickAnimation(propsOnClick);\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n });\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n const disabledOrReadonly = disabled || readOnly;\n return (\n <RootComponent\n ref={ref}\n css={css`\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n `}\n style={style}\n className={className}\n >\n <div\n css={[\n css`\n padding: 8px;\n `,\n disabled\n ? css`\n cursor: not-allowed;\n background-color: ${theme.palette.gray[300]};\n border-radius: 4px;\n `\n : css`\n cursor: pointer;\n `,\n readOnly\n ? css`\n background-color: ${theme.palette.gray[300]};\n border-radius: 4px;\n `\n : null,\n ]}\n >\n {loading ? (\n <ShimmerEffectBox width={24} height={24} borderRadius={4} />\n ) : (\n <input\n onAnimationEnd={onAnimationEnd}\n data-clicked={clicked}\n type=\"checkbox\"\n /**\n * type=checkboxのinput要素には、readOnly属性が存在しないため\n * aria-readonlyとdisabledの併用で代替しています。\n */\n aria-readonly={readOnly}\n onClick={onClick}\n required={required}\n css={[\n css`\n --checkbox-size: 24px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n padding: 0px;\n margin: 0px;\n color: ${theme.palette.intentions.primary.contrastText};\n touch-action: manipulation;\n cursor: pointer;\n background-color: white;\n border: 2px solid ${theme.palette.gray[700]};\n border-radius: 4px;\n outline: none;\n transition: background-color\n ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn};\n appearance: none;\n\n &:checked {\n background-color: ${theme.palette.intentions.primary.main};\n border-color: ${theme.palette.intentions.primary.main};\n }\n\n &::before {\n box-sizing: border-box;\n display: block;\n width: 0.55em;\n height: 1em;\n content: \"\";\n border-right: 3px solid white;\n border-bottom: 3px solid white;\n opacity: 0;\n transform: rotate(45deg) scale(1);\n }\n &:checked {\n &::before {\n opacity: 1;\n transform: rotate(45deg) scale(1)\n translate(-1.5px, -1.5px);\n animation: ${check} 0.36s\n cubic-bezier(0.12, 0.4, 0.29, 1.46);\n }\n }\n\n &:disabled {\n color: ${theme.palette.action.disabled};\n cursor: not-allowed;\n background-color: ${theme.palette.gray[300]};\n border-color: ${theme.palette.gray[400]};\n &:checked {\n background-color: ${theme.palette.gray[300]};\n border-color: ${theme.palette.gray[400]};\n &::before {\n border-color: ${theme.palette.gray[400]};\n }\n }\n }\n\n &:disabled[aria-readonly=\"true\"] {\n background-color: white;\n &:checked {\n background-color: ${theme.palette.gray[500]};\n border-color: ${theme.palette.gray[500]};\n &::before {\n border-color: white;\n }\n }\n }\n\n &::after {\n position: absolute;\n top: -1px;\n right: -1px;\n bottom: -1px;\n left: -1px;\n z-index: 1;\n display: block;\n color: ${theme.palette.intentions.primary.main};\n pointer-events: none;\n content: \"\";\n border-radius: inherit;\n opacity: 0.2;\n transform: scale(1);\n }\n &[data-clicked=\"true\"]::after {\n animation:\n ${fade} 2s cubic-bezier(0.08, 0.82, 0.17, 1),\n ${wave} 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\n }\n `,\n indeterminate\n ? css`\n background-color: ${theme.palette.intentions.primary\n .main};\n border-color: ${theme.palette.intentions.primary.main};\n &::before {\n width: 1em;\n height: 0px;\n border-right: 0px solid white;\n border-bottom: 3px solid white;\n opacity: 1;\n transform: rotate(0deg) scale(1);\n }\n &:checked {\n &::before,\n &::after {\n transform: none;\n animation: none;\n }\n }\n `\n : null,\n ]}\n {...props}\n disabled={disabledOrReadonly}\n />\n )}\n </div>\n {hasLabel ? (\n <ShimmerEffect active={loading}>\n <span\n css={[\n theme.typography.body,\n css`\n margin-left: 8px;\n line-height: 1em;\n white-space: inherit;\n `,\n {\n color: disabled ? theme.palette.action.disabled : \"inherit\",\n cursor: disabledOrReadonly ? \"default\" : \"pointer\",\n },\n ]}\n >\n {label}\n {required ? (\n <span\n css={css`\n color: ${theme.palette.intentions.error.main};\n `}\n >\n *\n </span>\n ) : null}\n </span>\n </ShimmerEffect>\n ) : null}\n </RootComponent>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":["forwardRef","css","keyframes","useFieldGroup","ShimmerEffect","ShimmerEffectBox","useClickAnimation","useTheme","jsx","___EmotionJSX","check","_templateObject","_taggedTemplateLiteralLoose","fade","_templateObject2","wave","_templateObject3","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","_ref4","Checkbox","_ref5","ref","children","label","propsLabel","style","className","onClick","propsOnClick","loading","propsLoading","readOnly","propsReadOnly","disabled","required","indeterminate","props","_objectWithoutPropertiesLoose","_excluded","theme","hasLabel","undefined","RootComponent","clicked","onAnimationEnd","disabledOrReadonly","palette","gray","width","height","borderRadius","_extends","type","intentions","primary","contrastText","transitions","duration","shortest","easing","easeIn","main","action","active","typography","body","color","cursor","error"],"sources":["../../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { css, keyframes } from \"@emotion/react\";\nimport { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { ShimmerEffect, ShimmerEffectBox } from \"../ShimmerEffect\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\nimport { useTheme } from \"../theme\";\n\nexport interface CheckboxProps\n extends ComponentPropsWithoutRef<\"input\">, FieldGroupContextValue {\n /**\n * ラベルの表示に利用できます。\n */\n label?: React.ReactNode;\n /**\n * ラベルの表示に利用できます\n * @deprecated 代わりにlabelを利用してください。\n * childrenがlabelであることや、input要素のようなコンポーネントがchildrenを持っていることに違和感があるため、非推奨になりました。\n */\n children?: React.ReactNode;\n /**\n * 値をコントロールする場合の値を指定します。checkedを使用する場合、onChangeは必須です。\n */\n checked?: boolean;\n /**\n * 値をアンコントロールする場合の初期値を指定します。値の取得はform要素を介して行ってください。\n * @default false\n */\n defaultChecked?: boolean;\n disabled?: boolean;\n /**\n * @experimental disabled時の挙動などが未定義です。\n */\n indeterminate?: boolean;\n}\n\nconst check = keyframes`\n 0%{\n transform: scale(0.5) rotate(45deg) translate(-1.5px, -1.5px);\n }\n 100%{\n transform: scale(1) rotate(45deg) translate(-1.5px, -1.5px);\n }\n`;\nconst fade = keyframes`\n 100% {\n opacity: 0;\n }\n`;\nconst wave = keyframes`\n 100% {\n box-shadow: 0 0 0 6px currentcolor;\n }\n`;\n\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n (\n {\n children,\n label: propsLabel,\n style,\n className,\n onClick: propsOnClick,\n loading: propsLoading,\n readOnly: propsReadOnly,\n disabled,\n required,\n indeterminate,\n ...props\n },\n ref,\n ) => {\n const theme = useTheme();\n const label = propsLabel ?? children;\n const hasLabel = label !== null && label !== undefined;\n const RootComponent = hasLabel ? \"label\" : \"span\";\n const { clicked, onClick, onAnimationEnd } =\n useClickAnimation(propsOnClick);\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n });\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n const disabledOrReadonly = disabled || readOnly;\n return (\n <RootComponent\n ref={ref}\n css={css`\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n `}\n style={style}\n className={className}\n >\n <div\n css={[\n css`\n padding: 8px;\n `,\n disabled\n ? css`\n cursor: not-allowed;\n background-color: ${theme.palette.gray[300]};\n border-radius: 4px;\n `\n : css`\n cursor: pointer;\n `,\n readOnly\n ? css`\n background-color: ${theme.palette.gray[300]};\n border-radius: 4px;\n `\n : null,\n ]}\n >\n {loading ? (\n <ShimmerEffectBox width={24} height={24} borderRadius={4} />\n ) : (\n <input\n onAnimationEnd={onAnimationEnd}\n data-clicked={clicked}\n type=\"checkbox\"\n /**\n * type=checkboxのinput要素には、readOnly属性が存在しないため\n * aria-readonlyとdisabledの併用で代替しています。\n */\n aria-readonly={readOnly}\n onClick={onClick}\n required={required}\n css={[\n css`\n --checkbox-size: 24px;\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n padding: 0px;\n margin: 0px;\n color: ${theme.palette.intentions.primary.contrastText};\n touch-action: manipulation;\n cursor: pointer;\n background-color: white;\n border: 2px solid ${theme.palette.gray[700]};\n border-radius: 4px;\n outline: none;\n transition: background-color\n ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn};\n appearance: none;\n\n &:checked {\n background-color: ${theme.palette.intentions.primary.main};\n border-color: ${theme.palette.intentions.primary.main};\n }\n\n &::before {\n box-sizing: border-box;\n display: block;\n width: 0.55em;\n height: 1em;\n content: \"\";\n border-right: 3px solid white;\n border-bottom: 3px solid white;\n opacity: 0;\n transform: rotate(45deg) scale(1);\n }\n &:checked {\n &::before {\n opacity: 1;\n transform: rotate(45deg) scale(1)\n translate(-1.5px, -1.5px);\n animation: ${check} 0.36s\n cubic-bezier(0.12, 0.4, 0.29, 1.46);\n }\n }\n\n &:disabled {\n color: ${theme.palette.action.disabled};\n cursor: not-allowed;\n background-color: ${theme.palette.gray[300]};\n border-color: ${theme.palette.gray[400]};\n &:checked {\n background-color: ${theme.palette.gray[300]};\n border-color: ${theme.palette.gray[400]};\n &::before {\n border-color: ${theme.palette.gray[400]};\n }\n }\n }\n\n &:disabled[aria-readonly=\"true\"] {\n background-color: white;\n &:checked {\n background-color: ${theme.palette.gray[500]};\n border-color: ${theme.palette.gray[500]};\n &::before {\n border-color: white;\n }\n }\n }\n\n &::after {\n position: absolute;\n top: -1px;\n right: -1px;\n bottom: -1px;\n left: -1px;\n z-index: 1;\n display: block;\n color: ${theme.palette.intentions.primary.main};\n pointer-events: none;\n content: \"\";\n border-radius: inherit;\n opacity: 0.2;\n transform: scale(1);\n }\n &[data-clicked=\"true\"]::after {\n animation:\n ${fade} 2s cubic-bezier(0.08, 0.82, 0.17, 1),\n ${wave} 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\n }\n `,\n indeterminate\n ? css`\n background-color: ${theme.palette.intentions.primary\n .main};\n border-color: ${theme.palette.intentions.primary.main};\n &::before {\n width: 1em;\n height: 0px;\n border-right: 0px solid white;\n border-bottom: 3px solid white;\n opacity: 1;\n transform: rotate(0deg) scale(1);\n }\n &:checked {\n &::before,\n &::after {\n transform: none;\n animation: none;\n }\n }\n `\n : null,\n ]}\n {...props}\n disabled={disabledOrReadonly}\n />\n )}\n </div>\n {hasLabel ? (\n <ShimmerEffect active={loading}>\n <span\n css={[\n theme.typography.body,\n css`\n margin-left: 8px;\n line-height: 1em;\n white-space: inherit;\n `,\n {\n color: disabled ? theme.palette.action.disabled : \"inherit\",\n cursor: disabledOrReadonly ? \"default\" : \"pointer\",\n },\n ]}\n >\n {label}\n {required ? (\n <span\n css={css`\n color: ${theme.palette.intentions.error.main};\n `}\n >\n *\n </span>\n ) : null}\n </span>\n </ShimmerEffect>\n ) : null}\n </RootComponent>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
|
package/Chip/Chip.js
CHANGED
|
@@ -11,7 +11,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
11
11
|
styles: "display:grid;align-items:center;margin-left:0.5em"
|
|
12
12
|
} : {
|
|
13
13
|
name: "67inv6-Chip",
|
|
14
|
-
styles: "display:grid;align-items:center;margin-left:0.5em;label:Chip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
styles: "display:grid;align-items:center;margin-left:0.5em;label:Chip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGlwL0NoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStHb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NoaXAvQ2hpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDaGlwUHJvcHNcbiAgZXh0ZW5kc1xuICAgIFBhcnRpYWxDb2xvclByb3BzLFxuICAgIE9taXQ8UmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwic3BhblwiPiwgXCJjb2xvclwiPiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBJY29u44Go44GX44Gm5YWl44KM44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDlj7PlgbTjgatJY29u44Go44GX44Gm5YWl44KM44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIGVuZEljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDlpKfjgY3jgZXjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJzbWFsbFwiXG4gICAqL1xuICBzaXplPzogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIjtcbiAgLyoqXG4gICAqIOWJiumZpOOBleOCjOOBvuOBl+OBn+OAglxuICAgKi9cbiAgdmFyaWFudD86IHN0cmluZztcbiAgLyoqXG4gICAqIOinkuOCkuS4uOOBj+OBl+OBvuOBmeOAglxuICAgKi9cbiAgcm91bmRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiDjg5vjg5Djg7zmmYLjgavjg4Tjg7zjg6vjg4Hjg4Pjg5fjga7jgojjgYbjgaropovjgZ/nm67jgafmjIflrprjgZXjgozjgZ/mloflrZfliJfjgpLooajnpLrjgZfjgb7jgZnjgIJcbiAgICog44GT44Gu44KI44GG44Gq44Kz44Oz44Od44O844ON44Oz44OI44Gn44Gv5paH5a2X5pWw44KS44GC44G+44KK6ZW344GP44Gn44GN44Gq44GE44Gu44Gn44Om44O844K244O844Gr5LiN6Kaq5YiH44Gr44Gq44KK44GM44Gh44Gq44Gu44Gn44CBXG4gICAqIOOBquOCi+OBueOBj+aMh+WumuOBl+OBpuODpuODvOOCtuODvOOCkuaJi+WKqeOBkeOBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgKiB0aXRsZeOBjOaMh+WumuOBleOCjOOBn+WgtOWQiOOAgWN1cnNvcuOBjGhlbHDjgavlpInmm7TjgZXjgozjgb7jgZnjgIJcbiAgICogVG9vbHRpcOOCs+ODs+ODneODvOODjeODs+ODiOOCkuWIqeeUqOOBmeOCi+OCiOOCiuOBk+OBoeOCieOBruWIqeeUqOOCkuWEquWFiOOBmeOCi+OBueOBjeOBp+OBmeOAglxuICAgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ2hpcCA9IGZvcndhcmRSZWY8SFRNTFNwYW5FbGVtZW50LCBDaGlwUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY29sb3IgPSBcImRlZmF1bHRcIixcbiAgICAgIGljb24sXG4gICAgICBlbmRJY29uLFxuICAgICAgc2l6ZSA9IFwic21hbGxcIixcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm91bmRlZCxcbiAgICAgIHRpdGxlLFxuICAgICAgb25DbGljayxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGNsaWNrYWJsZSA9IG9uQ2xpY2sgIT09IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgcm9sZT17Y2xpY2thYmxlID8gXCJidXR0b25cIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IDAgOiB1bmRlZmluZWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIHNpemUgPT09IFwic21hbGxcIiA/IHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbiA6IHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cHggMTJweDtcbiAgICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8uY29udHJhc3RUZXh0fTtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICBjdXJzb3I6ICR7dGl0bGUgPyBcImhlbHBcIiA6IFwiaW5oZXJpdFwifTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzIwMF1cbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cm91bmRlZFxuICAgICAgICAgICAgICA/IC8vIOacrOW9k+OBr+mrmOOBleOBrjUwJeOCkuaMh+WumuOBmeOCi+OBueOBjeOBoOOBjOOAgXNpemXjgavjgojjgaPjgablpInjgo/jgovjga7jgaflr77lv5zjgYzpnaLlgJLjgarjgZ/jgoHjgIHjgajjgorjgYLjgYjjgZrjgoHjgaHjgoPjgY/jgaHjgoPlpKfjgY3jgYTlgKTjgpLmjIflrprjgZfjgabjgYTjgotcbiAgICAgICAgICAgICAgICBcIjk5OTlweFwiXG4gICAgICAgICAgICAgIDogXCI0cHhcIn07XG4gICAgICAgICAgICAmW3JvbGU9XCJidXR0b25cIl0ge1xuICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAhPT0gdW5kZWZpbmVkICYmIGljb24gIT09IG51bGwgJiYgKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb259XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtlbmRJY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbCAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtlbmRJY29ufVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
|
|
15
15
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
16
16
|
};
|
|
17
17
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
@@ -19,7 +19,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
19
19
|
styles: "display:grid;align-items:center;margin-right:0.5em"
|
|
20
20
|
} : {
|
|
21
21
|
name: "1j2e0ab-Chip",
|
|
22
|
-
styles: "display:grid;align-items:center;margin-right:0.5em;label:Chip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
styles: "display:grid;align-items:center;margin-right:0.5em;label:Chip;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGlwL0NoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Hb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NoaXAvQ2hpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBQYXJ0aWFsQ29sb3JQcm9wcywgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDaGlwUHJvcHNcbiAgZXh0ZW5kc1xuICAgIFBhcnRpYWxDb2xvclByb3BzLFxuICAgIE9taXQ8UmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwic3BhblwiPiwgXCJjb2xvclwiPiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBJY29u44Go44GX44Gm5YWl44KM44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDlj7PlgbTjgatJY29u44Go44GX44Gm5YWl44KM44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIGVuZEljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDlpKfjgY3jgZXjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJzbWFsbFwiXG4gICAqL1xuICBzaXplPzogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIjtcbiAgLyoqXG4gICAqIOWJiumZpOOBleOCjOOBvuOBl+OBn+OAglxuICAgKi9cbiAgdmFyaWFudD86IHN0cmluZztcbiAgLyoqXG4gICAqIOinkuOCkuS4uOOBj+OBl+OBvuOBmeOAglxuICAgKi9cbiAgcm91bmRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiDjg5vjg5Djg7zmmYLjgavjg4Tjg7zjg6vjg4Hjg4Pjg5fjga7jgojjgYbjgaropovjgZ/nm67jgafmjIflrprjgZXjgozjgZ/mloflrZfliJfjgpLooajnpLrjgZfjgb7jgZnjgIJcbiAgICog44GT44Gu44KI44GG44Gq44Kz44Oz44Od44O844ON44Oz44OI44Gn44Gv5paH5a2X5pWw44KS44GC44G+44KK6ZW344GP44Gn44GN44Gq44GE44Gu44Gn44Om44O844K244O844Gr5LiN6Kaq5YiH44Gr44Gq44KK44GM44Gh44Gq44Gu44Gn44CBXG4gICAqIOOBquOCi+OBueOBj+aMh+WumuOBl+OBpuODpuODvOOCtuODvOOCkuaJi+WKqeOBkeOBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgKiB0aXRsZeOBjOaMh+WumuOBleOCjOOBn+WgtOWQiOOAgWN1cnNvcuOBjGhlbHDjgavlpInmm7TjgZXjgozjgb7jgZnjgIJcbiAgICogVG9vbHRpcOOCs+ODs+ODneODvOODjeODs+ODiOOCkuWIqeeUqOOBmeOCi+OCiOOCiuOBk+OBoeOCieOBruWIqeeUqOOCkuWEquWFiOOBmeOCi+OBueOBjeOBp+OBmeOAglxuICAgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ2hpcCA9IGZvcndhcmRSZWY8SFRNTFNwYW5FbGVtZW50LCBDaGlwUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY29sb3IgPSBcImRlZmF1bHRcIixcbiAgICAgIGljb24sXG4gICAgICBlbmRJY29uLFxuICAgICAgc2l6ZSA9IFwic21hbGxcIixcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm91bmRlZCxcbiAgICAgIHRpdGxlLFxuICAgICAgb25DbGljayxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGNsaWNrYWJsZSA9IG9uQ2xpY2sgIT09IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgcm9sZT17Y2xpY2thYmxlID8gXCJidXR0b25cIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IDAgOiB1bmRlZmluZWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIHNpemUgPT09IFwic21hbGxcIiA/IHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbiA6IHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cHggMTJweDtcbiAgICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8uY29udHJhc3RUZXh0fTtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICBjdXJzb3I6ICR7dGl0bGUgPyBcImhlbHBcIiA6IFwiaW5oZXJpdFwifTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzIwMF1cbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cm91bmRlZFxuICAgICAgICAgICAgICA/IC8vIOacrOW9k+OBr+mrmOOBleOBrjUwJeOCkuaMh+WumuOBmeOCi+OBueOBjeOBoOOBjOOAgXNpemXjgavjgojjgaPjgablpInjgo/jgovjga7jgaflr77lv5zjgYzpnaLlgJLjgarjgZ/jgoHjgIHjgajjgorjgYLjgYjjgZrjgoHjgaHjgoPjgY/jgaHjgoPlpKfjgY3jgYTlgKTjgpLmjIflrprjgZfjgabjgYTjgotcbiAgICAgICAgICAgICAgICBcIjk5OTlweFwiXG4gICAgICAgICAgICAgIDogXCI0cHhcIn07XG4gICAgICAgICAgICAmW3JvbGU9XCJidXR0b25cIl0ge1xuICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAhPT0gdW5kZWZpbmVkICYmIGljb24gIT09IG51bGwgJiYgKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb259XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtlbmRJY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbCAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtlbmRJY29ufVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */",
|
|
23
23
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
24
|
};
|
|
25
25
|
export var Chip = /*#__PURE__*/forwardRef((_ref3, ref) => {
|
|
@@ -45,7 +45,7 @@ export var Chip = /*#__PURE__*/forwardRef((_ref3, ref) => {
|
|
|
45
45
|
onClick: onClick,
|
|
46
46
|
css: [size === "small" ? theme.typography.caption : theme.typography.body, /*#__PURE__*/css("box-sizing:border-box;display:inline-flex;padding:4px 12px;color:", color === "default" ? theme.palette.text.primary : (_theme$palette$intent = theme.palette.intentions[color]) == null ? void 0 : _theme$palette$intent.contrastText, ";white-space:nowrap;cursor:", title ? "help" : "inherit", ";background-color:", color === "default" ? theme.palette.gray[200] : (_theme$palette$intent2 = theme.palette.intentions[color]) == null ? void 0 : _theme$palette$intent2.main, ";border-radius:", rounded ?
|
|
47
47
|
// 本当は高さの50%を指定するべきだが、sizeによって変わるので対応が面倒なため、とりあえずめちゃくちゃ大きい値を指定している
|
|
48
|
-
"9999px" : "4px", ";&[role=\"button\"]{cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Chip;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGlwL0NoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFYSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ2hpcC9DaGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENoaXBQcm9wc1xuICBleHRlbmRzIFBhcnRpYWxDb2xvclByb3BzLFxuICAgIE9taXQ8UmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwic3BhblwiPiwgXCJjb2xvclwiPiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBJY29u44Go44GX44Gm5YWl44KM44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDlj7PlgbTjgatJY29u44Go44GX44Gm5YWl44KM44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIGVuZEljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDlpKfjgY3jgZXjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJzbWFsbFwiXG4gICAqL1xuICBzaXplPzogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIjtcbiAgLyoqXG4gICAqIOWJiumZpOOBleOCjOOBvuOBl+OBn+OAglxuICAgKi9cbiAgdmFyaWFudD86IHN0cmluZztcbiAgLyoqXG4gICAqIOinkuOCkuS4uOOBj+OBl+OBvuOBmeOAglxuICAgKi9cbiAgcm91bmRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiDjg5vjg5Djg7zmmYLjgavjg4Tjg7zjg6vjg4Hjg4Pjg5fjga7jgojjgYbjgaropovjgZ/nm67jgafmjIflrprjgZXjgozjgZ/mloflrZfliJfjgpLooajnpLrjgZfjgb7jgZnjgIJcbiAgICog44GT44Gu44KI44GG44Gq44Kz44Oz44Od44O844ON44Oz44OI44Gn44Gv5paH5a2X5pWw44KS44GC44G+44KK6ZW344GP44Gn44GN44Gq44GE44Gu44Gn44Om44O844K244O844Gr5LiN6Kaq5YiH44Gr44Gq44KK44GM44Gh44Gq44Gu44Gn44CBXG4gICAqIOOBquOCi+OBueOBj+aMh+WumuOBl+OBpuODpuODvOOCtuODvOOCkuaJi+WKqeOBkeOBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgKiB0aXRsZeOBjOaMh+WumuOBleOCjOOBn+WgtOWQiOOAgWN1cnNvcuOBjGhlbHDjgavlpInmm7TjgZXjgozjgb7jgZnjgIJcbiAgICogVG9vbHRpcOOCs+ODs+ODneODvOODjeODs+ODiOOCkuWIqeeUqOOBmeOCi+OCiOOCiuOBk+OBoeOCieOBruWIqeeUqOOCkuWEquWFiOOBmeOCi+OBueOBjeOBp+OBmeOAglxuICAgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ2hpcCA9IGZvcndhcmRSZWY8SFRNTFNwYW5FbGVtZW50LCBDaGlwUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY29sb3IgPSBcImRlZmF1bHRcIixcbiAgICAgIGljb24sXG4gICAgICBlbmRJY29uLFxuICAgICAgc2l6ZSA9IFwic21hbGxcIixcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm91bmRlZCxcbiAgICAgIHRpdGxlLFxuICAgICAgb25DbGljayxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGNsaWNrYWJsZSA9IG9uQ2xpY2sgIT09IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgcm9sZT17Y2xpY2thYmxlID8gXCJidXR0b25cIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IDAgOiB1bmRlZmluZWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIHNpemUgPT09IFwic21hbGxcIiA/IHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbiA6IHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cHggMTJweDtcbiAgICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8uY29udHJhc3RUZXh0fTtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICBjdXJzb3I6ICR7dGl0bGUgPyBcImhlbHBcIiA6IFwiaW5oZXJpdFwifTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzIwMF1cbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cm91bmRlZFxuICAgICAgICAgICAgICA/IC8vIOacrOW9k+OBr+mrmOOBleOBrjUwJeOCkuaMh+WumuOBmeOCi+OBueOBjeOBoOOBjOOAgXNpemXjgavjgojjgaPjgablpInjgo/jgovjga7jgaflr77lv5zjgYzpnaLlgJLjgarjgZ/jgoHjgIHjgajjgorjgYLjgYjjgZrjgoHjgaHjgoPjgY/jgaHjgoPlpKfjgY3jgYTlgKTjgpLmjIflrprjgZfjgabjgYTjgotcbiAgICAgICAgICAgICAgICBcIjk5OTlweFwiXG4gICAgICAgICAgICAgIDogXCI0cHhcIn07XG4gICAgICAgICAgICAmW3JvbGU9XCJidXR0b25cIl0ge1xuICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAhPT0gdW5kZWZpbmVkICYmIGljb24gIT09IG51bGwgJiYgKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb259XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtlbmRJY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbCAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtlbmRJY29ufVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : ";label:Chip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGlwL0NoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ2hpcC9DaGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENoaXBQcm9wc1xuICBleHRlbmRzIFBhcnRpYWxDb2xvclByb3BzLFxuICAgIE9taXQ8UmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwic3BhblwiPiwgXCJjb2xvclwiPiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBJY29u44Go44GX44Gm5YWl44KM44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDlj7PlgbTjgatJY29u44Go44GX44Gm5YWl44KM44KL6KaB57Sg44KS5oyH5a6a44GX44G+44GZ44CCXG4gICAqXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIGVuZEljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiDlpKfjgY3jgZXjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgXCJzbWFsbFwiXG4gICAqL1xuICBzaXplPzogXCJzbWFsbFwiIHwgXCJtZWRpdW1cIjtcbiAgLyoqXG4gICAqIOWJiumZpOOBleOCjOOBvuOBl+OBn+OAglxuICAgKi9cbiAgdmFyaWFudD86IHN0cmluZztcbiAgLyoqXG4gICAqIOinkuOCkuS4uOOBj+OBl+OBvuOBmeOAglxuICAgKi9cbiAgcm91bmRlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiDjg5vjg5Djg7zmmYLjgavjg4Tjg7zjg6vjg4Hjg4Pjg5fjga7jgojjgYbjgaropovjgZ/nm67jgafmjIflrprjgZXjgozjgZ/mloflrZfliJfjgpLooajnpLrjgZfjgb7jgZnjgIJcbiAgICog44GT44Gu44KI44GG44Gq44Kz44Oz44Od44O844ON44Oz44OI44Gn44Gv5paH5a2X5pWw44KS44GC44G+44KK6ZW344GP44Gn44GN44Gq44GE44Gu44Gn44Om44O844K244O844Gr5LiN6Kaq5YiH44Gr44Gq44KK44GM44Gh44Gq44Gu44Gn44CBXG4gICAqIOOBquOCi+OBueOBj+aMh+WumuOBl+OBpuODpuODvOOCtuODvOOCkuaJi+WKqeOBkeOBl+OBpuOBj+OBoOOBleOBhOOAglxuICAgKiB0aXRsZeOBjOaMh+WumuOBleOCjOOBn+WgtOWQiOOAgWN1cnNvcuOBjGhlbHDjgavlpInmm7TjgZXjgozjgb7jgZnjgIJcbiAgICogVG9vbHRpcOOCs+ODs+ODneODvOODjeODs+ODiOOCkuWIqeeUqOOBmeOCi+OCiOOCiuOBk+OBoeOCieOBruWIqeeUqOOCkuWEquWFiOOBmeOCi+OBueOBjeOBp+OBmeOAglxuICAgKi9cbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgQ2hpcCA9IGZvcndhcmRSZWY8SFRNTFNwYW5FbGVtZW50LCBDaGlwUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY29sb3IgPSBcImRlZmF1bHRcIixcbiAgICAgIGljb24sXG4gICAgICBlbmRJY29uLFxuICAgICAgc2l6ZSA9IFwic21hbGxcIixcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm91bmRlZCxcbiAgICAgIHRpdGxlLFxuICAgICAgb25DbGljayxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IGNsaWNrYWJsZSA9IG9uQ2xpY2sgIT09IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW5cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgcm9sZT17Y2xpY2thYmxlID8gXCJidXR0b25cIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IDAgOiB1bmRlZmluZWR9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIHNpemUgPT09IFwic21hbGxcIiA/IHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbiA6IHRoZW1lLnR5cG9ncmFwaHkuYm9keSxcbiAgICAgICAgICBjc3NgXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cHggMTJweDtcbiAgICAgICAgICAgIGNvbG9yOiAke2NvbG9yID09PSBcImRlZmF1bHRcIlxuICAgICAgICAgICAgICA/IHRoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5XG4gICAgICAgICAgICAgIDogdGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zW2NvbG9yXT8uY29udHJhc3RUZXh0fTtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICBjdXJzb3I6ICR7dGl0bGUgPyBcImhlbHBcIiA6IFwiaW5oZXJpdFwifTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS5ncmF5WzIwMF1cbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5tYWlufTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cm91bmRlZFxuICAgICAgICAgICAgICA/IC8vIOacrOW9k+OBr+mrmOOBleOBrjUwJeOCkuaMh+WumuOBmeOCi+OBueOBjeOBoOOBjOOAgXNpemXjgavjgojjgaPjgablpInjgo/jgovjga7jgaflr77lv5zjgYzpnaLlgJLjgarjgZ/jgoHjgIHjgajjgorjgYLjgYjjgZrjgoHjgaHjgoPjgY/jgaHjgoPlpKfjgY3jgYTlgKTjgpLmjIflrprjgZfjgabjgYTjgotcbiAgICAgICAgICAgICAgICBcIjk5OTlweFwiXG4gICAgICAgICAgICAgIDogXCI0cHhcIn07XG4gICAgICAgICAgICAmW3JvbGU9XCJidXR0b25cIl0ge1xuICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYCxcbiAgICAgICAgXX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAhPT0gdW5kZWZpbmVkICYmIGljb24gIT09IG51bGwgJiYgKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb259XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApfVxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIHtlbmRJY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbCAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtlbmRJY29ufVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"]
|
|
48
|
+
"9999px" : "4px", ";&[role=\"button\"]{cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Chip;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGlwL0NoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFYSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ2hpcC9DaGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENoaXBQcm9wc1xuICBleHRlbmRzXG4gICAgUGFydGlhbENvbG9yUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJzcGFuXCI+LCBcImNvbG9yXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEljb27jgajjgZfjgablhaXjgozjgovopoHntKDjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgbnVsbFxuICAgKi9cbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOWPs+WBtOOBq0ljb27jgajjgZfjgablhaXjgozjgovopoHntKDjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgbnVsbFxuICAgKi9cbiAgZW5kSWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOWkp+OBjeOBleOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBcInNtYWxsXCJcbiAgICovXG4gIHNpemU/OiBcInNtYWxsXCIgfCBcIm1lZGl1bVwiO1xuICAvKipcbiAgICog5YmK6Zmk44GV44KM44G+44GX44Gf44CCXG4gICAqL1xuICB2YXJpYW50Pzogc3RyaW5nO1xuICAvKipcbiAgICog6KeS44KS5Li444GP44GX44G+44GZ44CCXG4gICAqL1xuICByb3VuZGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIOODm+ODkOODvOaZguOBq+ODhOODvOODq+ODgeODg+ODl+OBruOCiOOBhuOBquimi+OBn+ebruOBp+aMh+WumuOBleOCjOOBn+aWh+Wtl+WIl+OCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKiDjgZPjga7jgojjgYbjgarjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgafjga/mloflrZfmlbDjgpLjgYLjgb7jgorplbfjgY/jgafjgY3jgarjgYTjga7jgafjg6bjg7zjgrbjg7zjgavkuI3opqrliIfjgavjgarjgorjgYzjgaHjgarjga7jgafjgIFcbiAgICog44Gq44KL44G544GP5oyH5a6a44GX44Gm44Om44O844K244O844KS5omL5Yqp44GR44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqIHRpdGxl44GM5oyH5a6a44GV44KM44Gf5aC05ZCI44CBY3Vyc29y44GMaGVscOOBq+WkieabtOOBleOCjOOBvuOBmeOAglxuICAgKiBUb29sdGlw44Kz44Oz44Od44O844ON44Oz44OI44KS5Yip55So44GZ44KL44KI44KK44GT44Gh44KJ44Gu5Yip55So44KS5YSq5YWI44GZ44KL44G544GN44Gn44GZ44CCXG4gICAqL1xuICB0aXRsZT86IHN0cmluZztcbiAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBDaGlwID0gZm9yd2FyZFJlZjxIVE1MU3BhbkVsZW1lbnQsIENoaXBQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgICAgaWNvbixcbiAgICAgIGVuZEljb24sXG4gICAgICBzaXplID0gXCJzbWFsbFwiLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICByb3VuZGVkLFxuICAgICAgdGl0bGUsXG4gICAgICBvbkNsaWNrLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgY2xpY2thYmxlID0gb25DbGljayAhPT0gdW5kZWZpbmVkO1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICByb2xlPXtjbGlja2FibGUgPyBcImJ1dHRvblwiIDogdW5kZWZpbmVkfVxuICAgICAgICB0YWJJbmRleD17Y2xpY2thYmxlID8gMCA6IHVuZGVmaW5lZH1cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgc2l6ZSA9PT0gXCJzbWFsbFwiID8gdGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uIDogdGhlbWUudHlwb2dyYXBoeS5ib2R5LFxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDRweCAxMnB4O1xuICAgICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5jb250cmFzdFRleHR9O1xuICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgIGN1cnNvcjogJHt0aXRsZSA/IFwiaGVscFwiIDogXCJpbmhlcml0XCJ9O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmdyYXlbMjAwXVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0/Lm1haW59O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyb3VuZGVkXG4gICAgICAgICAgICAgID8gLy8g5pys5b2T44Gv6auY44GV44GuNTAl44KS5oyH5a6a44GZ44KL44G544GN44Gg44GM44CBc2l6ZeOBq+OCiOOBo+OBpuWkieOCj+OCi+OBruOBp+WvvuW/nOOBjOmdouWAkuOBquOBn+OCgeOAgeOBqOOCiuOBguOBiOOBmuOCgeOBoeOCg+OBj+OBoeOCg+Wkp+OBjeOBhOWApOOCkuaMh+WumuOBl+OBpuOBhOOCi1xuICAgICAgICAgICAgICAgIFwiOTk5OXB4XCJcbiAgICAgICAgICAgICAgOiBcIjRweFwifTtcbiAgICAgICAgICAgICZbcm9sZT1cImJ1dHRvblwiXSB7XG4gICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbCAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICl9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2VuZEljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsICYmIChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2VuZEljb259XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */"), process.env.NODE_ENV === "production" ? "" : ";label:Chip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DaGlwL0NoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFUSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ2hpcC9DaGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFBhcnRpYWxDb2xvclByb3BzLCB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIENoaXBQcm9wc1xuICBleHRlbmRzXG4gICAgUGFydGlhbENvbG9yUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJzcGFuXCI+LCBcImNvbG9yXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEljb27jgajjgZfjgablhaXjgozjgovopoHntKDjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgbnVsbFxuICAgKi9cbiAgaWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOWPs+WBtOOBq0ljb27jgajjgZfjgablhaXjgozjgovopoHntKDjgpLmjIflrprjgZfjgb7jgZnjgIJcbiAgICpcbiAgICogQGRlZmF1bHQgbnVsbFxuICAgKi9cbiAgZW5kSWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIOWkp+OBjeOBleOCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgKlxuICAgKiBAZGVmYXVsdCBcInNtYWxsXCJcbiAgICovXG4gIHNpemU/OiBcInNtYWxsXCIgfCBcIm1lZGl1bVwiO1xuICAvKipcbiAgICog5YmK6Zmk44GV44KM44G+44GX44Gf44CCXG4gICAqL1xuICB2YXJpYW50Pzogc3RyaW5nO1xuICAvKipcbiAgICog6KeS44KS5Li444GP44GX44G+44GZ44CCXG4gICAqL1xuICByb3VuZGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIOODm+ODkOODvOaZguOBq+ODhOODvOODq+ODgeODg+ODl+OBruOCiOOBhuOBquimi+OBn+ebruOBp+aMh+WumuOBleOCjOOBn+aWh+Wtl+WIl+OCkuihqOekuuOBl+OBvuOBmeOAglxuICAgKiDjgZPjga7jgojjgYbjgarjgrPjg7Pjg53jg7zjg43jg7Pjg4jjgafjga/mloflrZfmlbDjgpLjgYLjgb7jgorplbfjgY/jgafjgY3jgarjgYTjga7jgafjg6bjg7zjgrbjg7zjgavkuI3opqrliIfjgavjgarjgorjgYzjgaHjgarjga7jgafjgIFcbiAgICog44Gq44KL44G544GP5oyH5a6a44GX44Gm44Om44O844K244O844KS5omL5Yqp44GR44GX44Gm44GP44Gg44GV44GE44CCXG4gICAqIHRpdGxl44GM5oyH5a6a44GV44KM44Gf5aC05ZCI44CBY3Vyc29y44GMaGVscOOBq+WkieabtOOBleOCjOOBvuOBmeOAglxuICAgKiBUb29sdGlw44Kz44Oz44Od44O844ON44Oz44OI44KS5Yip55So44GZ44KL44KI44KK44GT44Gh44KJ44Gu5Yip55So44KS5YSq5YWI44GZ44KL44G544GN44Gn44GZ44CCXG4gICAqL1xuICB0aXRsZT86IHN0cmluZztcbiAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBDaGlwID0gZm9yd2FyZFJlZjxIVE1MU3BhbkVsZW1lbnQsIENoaXBQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjb2xvciA9IFwiZGVmYXVsdFwiLFxuICAgICAgaWNvbixcbiAgICAgIGVuZEljb24sXG4gICAgICBzaXplID0gXCJzbWFsbFwiLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICByb3VuZGVkLFxuICAgICAgdGl0bGUsXG4gICAgICBvbkNsaWNrLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgY2xpY2thYmxlID0gb25DbGljayAhPT0gdW5kZWZpbmVkO1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICByb2xlPXtjbGlja2FibGUgPyBcImJ1dHRvblwiIDogdW5kZWZpbmVkfVxuICAgICAgICB0YWJJbmRleD17Y2xpY2thYmxlID8gMCA6IHVuZGVmaW5lZH1cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgc2l6ZSA9PT0gXCJzbWFsbFwiID8gdGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uIDogdGhlbWUudHlwb2dyYXBoeS5ib2R5LFxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDRweCAxMnB4O1xuICAgICAgICAgICAgY29sb3I6ICR7Y29sb3IgPT09IFwiZGVmYXVsdFwiXG4gICAgICAgICAgICAgID8gdGhlbWUucGFsZXR0ZS50ZXh0LnByaW1hcnlcbiAgICAgICAgICAgICAgOiB0aGVtZS5wYWxldHRlLmludGVudGlvbnNbY29sb3JdPy5jb250cmFzdFRleHR9O1xuICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgIGN1cnNvcjogJHt0aXRsZSA/IFwiaGVscFwiIDogXCJpbmhlcml0XCJ9O1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvciA9PT0gXCJkZWZhdWx0XCJcbiAgICAgICAgICAgICAgPyB0aGVtZS5wYWxldHRlLmdyYXlbMjAwXVxuICAgICAgICAgICAgICA6IHRoZW1lLnBhbGV0dGUuaW50ZW50aW9uc1tjb2xvcl0/Lm1haW59O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtyb3VuZGVkXG4gICAgICAgICAgICAgID8gLy8g5pys5b2T44Gv6auY44GV44GuNTAl44KS5oyH5a6a44GZ44KL44G544GN44Gg44GM44CBc2l6ZeOBq+OCiOOBo+OBpuWkieOCj+OCi+OBruOBp+WvvuW/nOOBjOmdouWAkuOBquOBn+OCgeOAgeOBqOOCiuOBguOBiOOBmuOCgeOBoeOCg+OBj+OBoeOCg+Wkp+OBjeOBhOWApOOCkuaMh+WumuOBl+OBpuOBhOOCi1xuICAgICAgICAgICAgICAgIFwiOTk5OXB4XCJcbiAgICAgICAgICAgICAgOiBcIjRweFwifTtcbiAgICAgICAgICAgICZbcm9sZT1cImJ1dHRvblwiXSB7XG4gICAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgLFxuICAgICAgICBdfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtpY29uICE9PSB1bmRlZmluZWQgJiYgaWNvbiAhPT0gbnVsbCAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDAuNWVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICl9XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2VuZEljb24gIT09IHVuZGVmaW5lZCAmJiBpY29uICE9PSBudWxsICYmIChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2VuZEljb259XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */"]
|
|
49
49
|
}, props), icon !== undefined && icon !== null && ___EmotionJSX("span", {
|
|
50
50
|
css: _ref2
|
|
51
51
|
}, icon), children, endIcon !== undefined && icon !== null && ___EmotionJSX("span", {
|
package/Chip/Chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","names":["css","React","forwardRef","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","Chip","_ref3","ref","_theme$palette$intent","_theme$palette$intent2","color","icon","endIcon","size","children","rounded","title","onClick","props","_objectWithoutPropertiesLoose","_excluded","theme","clickable","undefined","_extends","role","tabIndex","typography","caption","body","palette","text","primary","intentions","contrastText","gray","main"],"sources":["../../../src/Chip/Chip.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nimport { PartialColorProps, useTheme } from \"../theme\";\n\nexport interface ChipProps\n extends
|
|
1
|
+
{"version":3,"file":"Chip.js","names":["css","React","forwardRef","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","Chip","_ref3","ref","_theme$palette$intent","_theme$palette$intent2","color","icon","endIcon","size","children","rounded","title","onClick","props","_objectWithoutPropertiesLoose","_excluded","theme","clickable","undefined","_extends","role","tabIndex","typography","caption","body","palette","text","primary","intentions","contrastText","gray","main"],"sources":["../../../src/Chip/Chip.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nimport { PartialColorProps, useTheme } from \"../theme\";\n\nexport interface ChipProps\n extends\n PartialColorProps,\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n children: React.ReactNode;\n /**\n * Iconとして入れる要素を指定します。\n *\n * @default null\n */\n icon?: React.ReactNode;\n /**\n * 右側にIconとして入れる要素を指定します。\n *\n * @default null\n */\n endIcon?: React.ReactNode;\n /**\n * 大きさを指定します。\n *\n * @default \"small\"\n */\n size?: \"small\" | \"medium\";\n /**\n * 削除されました。\n */\n variant?: string;\n /**\n * 角を丸くします。\n */\n rounded?: boolean;\n /**\n * ホバー時にツールチップのような見た目で指定された文字列を表示します。\n * このようなコンポーネントでは文字数をあまり長くできないのでユーザーに不親切になりがちなので、\n * なるべく指定してユーザーを手助けしてください。\n * titleが指定された場合、cursorがhelpに変更されます。\n * Tooltipコンポーネントを利用するよりこちらの利用を優先するべきです。\n */\n title?: string;\n style?: React.CSSProperties;\n className?: string;\n}\n\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>(\n (\n {\n color = \"default\",\n icon,\n endIcon,\n size = \"small\",\n children,\n rounded,\n title,\n onClick,\n ...props\n },\n ref,\n ) => {\n const theme = useTheme();\n\n const clickable = onClick !== undefined;\n return (\n <span\n ref={ref}\n title={title}\n role={clickable ? \"button\" : undefined}\n tabIndex={clickable ? 0 : undefined}\n onClick={onClick}\n css={[\n size === \"small\" ? theme.typography.caption : theme.typography.body,\n css`\n box-sizing: border-box;\n display: inline-flex;\n padding: 4px 12px;\n color: ${color === \"default\"\n ? theme.palette.text.primary\n : theme.palette.intentions[color]?.contrastText};\n white-space: nowrap;\n cursor: ${title ? \"help\" : \"inherit\"};\n background-color: ${color === \"default\"\n ? theme.palette.gray[200]\n : theme.palette.intentions[color]?.main};\n border-radius: ${rounded\n ? // 本当は高さの50%を指定するべきだが、sizeによって変わるので対応が面倒なため、とりあえずめちゃくちゃ大きい値を指定している\n \"9999px\"\n : \"4px\"};\n &[role=\"button\"] {\n cursor: pointer;\n }\n `,\n ]}\n {...props}\n >\n {icon !== undefined && icon !== null && (\n <span\n css={css`\n display: grid;\n align-items: center;\n margin-right: 0.5em;\n `}\n >\n {icon}\n </span>\n )}\n {children}\n {endIcon !== undefined && icon !== null && (\n <span\n css={css`\n display: grid;\n align-items: center;\n margin-left: 0.5em;\n `}\n >\n {endIcon}\n </span>\n )}\n </span>\n );\n },\n);\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAA4BC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AA6CvD,OAAO,IAAME,IAAI,gBAAGb,UAAU,CAC5B,CAAAc,KAAA,EAYEC,GAAG,KACA;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EAAA,IAZH;MACEC,KAAK,GAAG,SAAS;MACjBC,IAAI;MACJC,OAAO;MACPC,IAAI,GAAG,OAAO;MACdC,QAAQ;MACRC,OAAO;MACPC,KAAK;MACLC;IAEF,CAAC,GAAAX,KAAA;IADIY,KAAK,GAAAC,6BAAA,CAAAb,KAAA,EAAAc,SAAA;EAIV,IAAMC,KAAK,GAAG5B,QAAQ,CAAC,CAAC;EAExB,IAAM6B,SAAS,GAAGL,OAAO,KAAKM,SAAS;EACvC,OACE5B,aAAA,SAAA6B,QAAA;IACEjB,GAAG,EAAEA,GAAI;IACTS,KAAK,EAAEA,KAAM;IACbS,IAAI,EAAEH,SAAS,GAAG,QAAQ,GAAGC,SAAU;IACvCG,QAAQ,EAAEJ,SAAS,GAAG,CAAC,GAAGC,SAAU;IACpCN,OAAO,EAAEA,OAAQ;IACjB3B,GAAG,GACDuB,IAAI,KAAK,OAAO,GAAGQ,KAAK,CAACM,UAAU,CAACC,OAAO,GAAGP,KAAK,CAACM,UAAU,CAACE,IAAI,eACnEvC,GAAG,sEAIQoB,KAAK,KAAK,SAAS,GACxBW,KAAK,CAACS,OAAO,CAACC,IAAI,CAACC,OAAO,IAAAxB,qBAAA,GAC1Ba,KAAK,CAACS,OAAO,CAACG,UAAU,CAACvB,KAAK,CAAC,qBAA/BF,qBAAA,CAAiC0B,YAAY,iCAEvClB,KAAK,GAAG,MAAM,GAAG,SAAS,wBAChBN,KAAK,KAAK,SAAS,GACnCW,KAAK,CAACS,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,IAAA1B,sBAAA,GACvBY,KAAK,CAACS,OAAO,CAACG,UAAU,CAACvB,KAAK,CAAC,qBAA/BD,sBAAA,CAAiC2B,IAAI,qBACxBrB,OAAO;IACpB;IACA,QAAQ,GACR,KAAK,4CAAAlB,OAAA,CAAAC,GAAA,CAAAC,QAAA,0CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,q9JAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yCAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAKX,GACEmB,KAAK,GAERP,IAAI,KAAKY,SAAS,IAAIZ,IAAI,KAAK,IAAI,IAClChB,aAAA;IACEL,GAAG,EAAAc;EAID,GAEDO,IACG,CACP,EACAG,QAAQ,EACRF,OAAO,KAAKW,SAAS,IAAIZ,IAAI,KAAK,IAAI,IACrChB,aAAA;IACEL,GAAG,EAAAM;EAID,GAEDgB,OACG,CAEJ,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
|
package/DateField/DateField.js
CHANGED
|
@@ -221,7 +221,7 @@ export var DateField = props => {
|
|
|
221
221
|
}
|
|
222
222
|
}, popperProps), ___EmotionJSX(Paper, {
|
|
223
223
|
ref: containerRef,
|
|
224
|
-
css: /*#__PURE__*/css("padding:1em;margin-top:", theme.spacing, "px;margin-bottom:", theme.spacing * 2, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:DateField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9EYXRlRmllbGQvRGF0ZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5UW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9EYXRlRmllbGQvRGF0ZUZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VJZCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGRheWpzIGZyb20gXCJkYXlqc1wiO1xuaW1wb3J0IHsgQ2FsZW5kYXJFdmVudCB9IGZyb20gXCIuLi9DYWxlbmRhclwiO1xuaW1wb3J0IHsgQ2FsZW5kYXJVSSB9IGZyb20gXCIuLi9DYWxlbmRhclVJXCI7XG5pbXBvcnQgeyBGaWVsZFByb3BzIH0gZnJvbSBcIi4uL0ZpZWxkQmFzZVwiO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tIFwiLi4vRm9ybUNvbnRyb2xcIjtcbmltcG9ydCB7IEZvcm1IZWxwZXJUZXh0IH0gZnJvbSBcIi4uL0ZpZWxkQmFzZS9Gb3JtSGVscGVyVGV4dFwiO1xuaW1wb3J0IHsgSW5wdXRCYXNlLCBJbnB1dEJhc2VQcm9wcyB9IGZyb20gXCIuLi9JbnB1dEJhc2VcIjtcbmltcG9ydCB7IElucHV0TGFiZWwgfSBmcm9tIFwiLi4vSW5wdXRMYWJlbFwiO1xuaW1wb3J0IHsgUGFwZXIgfSBmcm9tIFwiLi4vUGFwZXJcIjtcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMgfSBmcm9tIFwiLi4vUG9wcGVyXCI7XG5pbXBvcnQgeyB1c2VEaXRlY3RJbnB1dFRvdWNoZWQgfSBmcm9tIFwiLi4vRmllbGRCYXNlL3VzZURpdGVjdElucHV0VG91Y2hlZFwiO1xuaW1wb3J0IHsgdXNlRmllbGRHcm91cCB9IGZyb20gXCIuLi9GaWVsZEdyb3VwXCI7XG5pbXBvcnQgeyB1c2VJbnB1dFZhbHVlIH0gZnJvbSBcIi4uL2hvb2tzL3VzZUlucHV0VmFsdWVcIjtcbmltcG9ydCB7IHVzZU1lcmdlUmVmcyB9IGZyb20gXCIuLi9ob29rcy91c2VNZXJnZVJlZnNcIjtcbmltcG9ydCB7IHVzZU9uQ2xpY2tPdXRzaWRlIH0gZnJvbSBcIi4uL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgdXNlVmFsaWRhdGlvbiB9IGZyb20gXCIuLi9GaWVsZEJhc2UvdXNlVmFsaWRhdGlvblwiO1xuXG5jb25zdCB0b2RheSA9IGRheWpzKCk7XG5jb25zdCB0b2RheUV2ZW50OiBDYWxlbmRhckV2ZW50ID0ge1xuICBzdGFydDogdG9kYXksXG4gIGVuZDogdG9kYXksXG4gIHR5cGU6IFwidG9kYXlcIixcbiAgcHJvcHM6IHtcbiAgICB2YXJpYW50OiBcIm91dGxpbmVkXCIsXG4gICAgY29sb3I6IFwicHJpbWFyeVwiLFxuICAgIGRpc2FibGVBbmltYXRpb246IHRydWUsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgREFURV9GT1JNQVQgPSBcIllZWVktTU0tRERcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEYXRlRmllbGRQcm9wc1xuICBleHRlbmRzIEZpZWxkUHJvcHM8c3RyaW5nIHwgdW5kZWZpbmVkPixcbiAgICBPbWl0PElucHV0QmFzZVByb3BzLCBcImRlZmF1bHRWYWx1ZVwiIHwgXCJ2YWx1ZVwiIHwgXCJvbkNoYW5nZVwiPixcbiAgICBQaWNrPFBvcHBlclByb3BzLCBcImRpc2FibGVQb3J0YWxcIj4ge1xuICB0eXBlPzogbmV2ZXI7XG4gIHBvcHBlclByb3BzPzogUG9wcGVyUHJvcHM7XG59XG5cbmNvbnN0IGZvcm1hdERhdGUgPSAodmFsdWU/OiBzdHJpbmcpID0+IHtcbiAgcmV0dXJuIHZhbHVlID8gZGF5anModmFsdWUpLmZvcm1hdChcIllZWVktTU0tRERcIikgOiB1bmRlZmluZWQ7XG59O1xuXG4vKipcbiAqICMjIOWFpeWKm+WApOOBruODleOCqeODvOODnuODg+ODiOOBq+OBpOOBhOOBplxuICpcbiAqIOWFpeWKm+WApOOBruODleOCqeODvOODnuODg+ODiOOBr2BZWVlZLU1NLUREYOOBq+mZkOWumuOBleOCjOOBvuOBmeOAguODleOCqeODvOODnuODg+ODiOOBmeOCi+OBruOBjOmdouWAkuOBquWgtOWQiOOBr2BkYXlqc2DjgpLmjqjlpajjgZfjgb7jgZnjgIJcbiAqIGBkYXlqc2Djgafjga/mrKHjga7jgojjgYbjgavjgZfjgabjg5Xjgqnjg7zjg57jg4Pjg4jjgafjgY3jgb7jgZnjgIJcbiAqXG4gKiBgYGB0c3hcbiAqIGRheWpzKCkuZm9ybWF0KFwiWVlZWS1NTS1ERFwiKVxuICpgYGBcbiAqL1xuZXhwb3J0IGNvbnN0IERhdGVGaWVsZCA9IChwcm9wczogRGF0ZUZpZWxkUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGNsYXNzTmFtZSxcbiAgICBzdHlsZSxcbiAgICBpZCxcbiAgICBsYWJlbCxcbiAgICBvbkNoYW5nZSxcbiAgICBvbkZvY3VzLFxuICAgIHZhbGlkYXRpb25NZXNzYWdlcyxcbiAgICBjdXN0b21WYWxpZGF0aW9ucyxcbiAgICB2YWx1ZTogX3Byb3BzVmFsdWUsXG4gICAgZGlzYWJsZVBvcnRhbCA9IHRydWUsXG4gICAgZGVmYXVsdFZhbHVlLFxuICAgIG1pbixcbiAgICBtYXgsXG4gICAgcmVhZE9ubHk6IHByb3BzUmVhZE9ubHksXG4gICAgbG9hZGluZzogcHJvcHNMb2FkaW5nLFxuICAgIGRpc2FibGVkLFxuICAgIGhlbHBlclRleHQsXG4gICAgb25LZXlEb3duLFxuICAgIGludmFsaWQsXG4gICAgcG9wcGVyUHJvcHMsXG4gICAgaW5wdXRSZWYsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCBbYW5jaG9yRWwsIHNldEFuY2hvckVsXSA9IHVzZVN0YXRlPG51bGwgfCBIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQgfCBudWxsPih1bmRlZmluZWQpO1xuICBjb25zdCByZWZzID0gdXNlTWVyZ2VSZWZzKGlucHV0UmVmLCByZWYpO1xuXG4gIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWUsIGlzQ29udHJvbGxlZF0gPSB1c2VJbnB1dFZhbHVlKHByb3BzKTtcbiAgY29uc3QgeyByZWFkT25seSwgbG9hZGluZyB9ID0gdXNlRmllbGRHcm91cCh7XG4gICAgbG9hZGluZzogcHJvcHNMb2FkaW5nLFxuICAgIHJlYWRPbmx5OiBwcm9wc1JlYWRPbmx5LFxuICAgIG9uTG9hZGVkOiAoKSA9PiB7XG4gICAgICBpZiAoaXNDb250cm9sbGVkID09PSBmYWxzZSkge1xuICAgICAgICBzZXRWYWx1ZShkZWZhdWx0VmFsdWUpO1xuICAgICAgfVxuICAgIH0sXG4gIH0pO1xuXG4gIGNvbnN0IHZhbGlkYXRpb24gPSB1c2VWYWxpZGF0aW9uPHN0cmluZyB8IHVuZGVmaW5lZD4oe1xuICAgIHJlZixcbiAgICB2YWxpZGF0aW9uTWVzc2FnZXMsXG4gICAgY3VzdG9tVmFsaWRhdGlvbnMsXG4gICAgdmFsdWUsXG4gIH0pO1xuXG4gIC8qKlxuICAgKiBQb3BwZXJcbiAgICovXG4gIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0T3Blbih0cnVlKTtcbiAgfSwgW10pO1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIHVzZU9uQ2xpY2tPdXRzaWRlKFxuICAgIGNvbnRhaW5lclJlZixcbiAgICB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICB9LCBbXSksXG4gICk7XG5cbiAgLyoqXG4gICAqIENhbGVuZGFyVUlcbiAgICovXG4gIGNvbnN0IHNlbGVjdGVkRGF0ZSA9IHVzZU1lbW8oXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgKCkgPT4gdmFsdWUgfHwgZGVmYXVsdFZhbHVlLFxuICAgIFtkZWZhdWx0VmFsdWUsIHZhbHVlXSxcbiAgKTtcbiAgY29uc3Qgc2VsZWN0ZWRFdmVudERheTogQ2FsZW5kYXJFdmVudFtdIHwgdW5kZWZpbmVkID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHNlbGVjdGVkRGF0ZSA9PT0gdW5kZWZpbmVkKSByZXR1cm4gdW5kZWZpbmVkO1xuICAgIHJldHVybiBbXG4gICAgICB0b2RheUV2ZW50LFxuICAgICAge1xuICAgICAgICBzdGFydDogc2VsZWN0ZWREYXRlLFxuICAgICAgICBlbmQ6IHNlbGVjdGVkRGF0ZSxcbiAgICAgICAgdHlwZTogXCJzZWxlY3RlZFwiLFxuICAgICAgICBwcm9wczoge1xuICAgICAgICAgIHZhcmlhbnQ6IFwiZmlsbGVkXCIsXG4gICAgICAgICAgY29sb3I6IFwicHJpbWFyeVwiLFxuICAgICAgICAgIGRpc2FibGVBbmltYXRpb246IHRydWUsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIF07XG4gIH0sIFtzZWxlY3RlZERhdGVdKTtcbiAgLyoqXG4gICAqIEhhbmRsaW5nXG4gICAqL1xuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICBjb25zdCBuZXh0VmFsdWUgPSBldmVudC5jdXJyZW50VGFyZ2V0LnZhbHVlO1xuICAgICAgc2V0VmFsdWUobmV4dFZhbHVlKTtcbiAgICAgIGlmIChvbkNoYW5nZSkge1xuICAgICAgICBvbkNoYW5nZShuZXh0VmFsdWUsIGV2ZW50KTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvbkNoYW5nZSwgc2V0VmFsdWVdLFxuICApO1xuXG4gIGNvbnN0IGRheXNQcm9wcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrRGF5ID0gKFxuICAgICAgZXZlbnQ6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQsIE1vdXNlRXZlbnQ+LFxuICAgICkgPT4ge1xuICAgICAgY29uc3QgbmV4dFZhbHVlID0gZm9ybWF0RGF0ZShldmVudC5jdXJyZW50VGFyZ2V0LmRhdGFzZXQuZXZlbnREYXRlKTtcbiAgICAgIHNldFZhbHVlKG5leHRWYWx1ZSk7XG4gICAgICBzZXRPcGVuKGZhbHNlKTtcbiAgICAgIGlmIChvbkNoYW5nZSkge1xuICAgICAgICBvbkNoYW5nZShuZXh0VmFsdWUpO1xuICAgICAgfVxuICAgIH07XG4gICAgcmV0dXJuIHtcbiAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrRGF5LFxuICAgIH07XG4gIH0sIFtvbkNoYW5nZSwgc2V0VmFsdWVdKTtcblxuICBjb25zdCBoYW5kbGVSZWYgPSB1c2VDYWxsYmFjayhcbiAgICAobm9kZTogSFRNTElucHV0RWxlbWVudCB8IG51bGwpID0+IHtcbiAgICAgIHNldEFuY2hvckVsKG5vZGUpO1xuICAgICAgcmVmcyhub2RlKTtcbiAgICB9LFxuICAgIFtyZWZzXSxcbiAgKTtcblxuICBjb25zdCBbdG91Y2hlZCwgYWRkaXRpb25hbFByb3BzXSA9IHVzZURpdGVjdElucHV0VG91Y2hlZChvbkZvY3VzKTtcblxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY29uc3QgaW50ZXJuYWxJbnB1dElkID0gdXNlSWQoKTtcbiAgY29uc3QgaW5wdXRJZCA9IGlkID8/IGludGVybmFsSW5wdXRJZDtcblxuICByZXR1cm4gKFxuICAgIDxGb3JtQ29udHJvbCBzdHlsZT17c3R5bGV9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIDxJbnB1dExhYmVsXG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICByZXF1aXJlZD17b3RoZXJzLnJlcXVpcmVkfVxuICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICBodG1sRm9yPXtpbnB1dElkfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0lucHV0TGFiZWw+XG4gICAgICA8SW5wdXRCYXNlXG4gICAgICAgIGlkPXtpbnB1dElkfVxuICAgICAgICBvbktleURvd249eyhldmVudCkgPT4ge1xuICAgICAgICAgIC8qKlxuICAgICAgICAgICAqIGlucHV0W3R5cGU9XCJkYXRlXCJd44Gu5aC05ZCI44CBU3BhY2Xjgq3jg7zjgafjgqvjg6zjg7Pjg4Djg7zjgpLplovjgY/jgZPjgajjgYzjgafjgY3jgovjgIJcbiAgICAgICAgICAgKiDjgZPjga7mjJnli5XjgpLnhKHlirnljJbjgZnjgovjgIJcbiAgICAgICAgICAgKi9cbiAgICAgICAgICBpZiAoZXZlbnQuY29kZSA9PT0gXCJTcGFjZVwiKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIH1cbiAgICAgICAgICBvbktleURvd24/LihldmVudCk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgIHJlZj17aGFuZGxlUmVmfVxuICAgICAgICB0eXBlPVwiZGF0ZVwiXG4gICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvbkNsaWNrPXtyZWFkT25seSA/IHVuZGVmaW5lZCA6IGhhbmRsZUNsaWNrfVxuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L3ByZWZlci1udWxsaXNoLWNvYWxlc2NpbmdcbiAgICAgICAgdmFsdWU9e3ZhbHVlIHx8IFwiXCJ9XG4gICAgICAgIG1pbj17bWlufVxuICAgICAgICBkYXRhLWludmFsaWQ9eyF2YWxpZGF0aW9uLnZhbGlkfVxuICAgICAgICBtYXg9e21heH1cbiAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgey4uLmFkZGl0aW9uYWxQcm9wc31cbiAgICAgIC8+XG4gICAgICA8Rm9ybUhlbHBlclRleHRcbiAgICAgICAgaW52YWxpZD17IXZhbGlkYXRpb24udmFsaWQgfHwgaW52YWxpZH1cbiAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgdG91Y2hlZD17dG91Y2hlZH1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgPlxuICAgICAgICB7XG4gICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9wcmVmZXItbnVsbGlzaC1jb2FsZXNjaW5nXG4gICAgICAgICAgdmFsaWRhdGlvbi5tZXNzYWdlIHx8IGhlbHBlclRleHRcbiAgICAgICAgfVxuICAgICAgPC9Gb3JtSGVscGVyVGV4dD5cbiAgICAgIHtzZWxlY3RlZERhdGUgIT09IFwiSW52YWxpZCBEYXRlXCIgJiYgKFxuICAgICAgICA8UG9wcGVyXG4gICAgICAgICAgZGlzYWJsZVBvcnRhbD17ZGlzYWJsZVBvcnRhbH1cbiAgICAgICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICAgICAgb3Blbj17b3Blbn1cbiAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b20tc3RhcnRcIlxuICAgICAgICAgIG9wdGlvbnM9e3tcbiAgICAgICAgICAgIG1vZGlmaWVyczogW1xuICAgICAgICAgICAgICBkaXNhYmxlUG9ydGFsXG4gICAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICAgIG5hbWU6IFwiY29tcHV0ZVN0eWxlc1wiLFxuICAgICAgICAgICAgICAgICAgICBvcHRpb25zOiB7XG4gICAgICAgICAgICAgICAgICAgICAgcm91bmRPZmZzZXRzOiAoeyB5IH06IHsgeTogbnVtYmVyIH0pID0+ICh7XG4gICAgICAgICAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgICAgICAgICAgeTogTWF0aC5yb3VuZCh5KSxcbiAgICAgICAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA6IHt9LFxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgbmFtZTogXCJmbGlwXCIsXG4gICAgICAgICAgICAgICAgZW5hYmxlZDogZmFsc2UsXG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBdLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnBvcHBlclByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgPFBhcGVyXG4gICAgICAgICAgICByZWY9e2NvbnRhaW5lclJlZn1cbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBwYWRkaW5nOiAxZW07XG4gICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7dGhlbWUuc3BhY2luZ31weDtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nICogMn1weDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPENhbGVuZGFyVUlcbiAgICAgICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgICAgIG1heD17bWF4fVxuICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICBkYXRlPXtzZWxlY3RlZERhdGV9XG4gICAgICAgICAgICAgIGV2ZW50cz17c2VsZWN0ZWRFdmVudERheX1cbiAgICAgICAgICAgICAgZGF5c1Byb3BzPXtkYXlzUHJvcHN9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvUGFwZXI+XG4gICAgICAgIDwvUG9wcGVyPlxuICAgICAgKX1cbiAgICA8L0Zvcm1Db250cm9sPlxuICApO1xufTtcbiJdfQ== */")
|
|
224
|
+
css: /*#__PURE__*/css("padding:1em;margin-top:", theme.spacing, "px;margin-bottom:", theme.spacing * 2, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:DateField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9EYXRlRmllbGQvRGF0ZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwUW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9EYXRlRmllbGQvRGF0ZUZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VJZCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGRheWpzIGZyb20gXCJkYXlqc1wiO1xuaW1wb3J0IHsgQ2FsZW5kYXJFdmVudCB9IGZyb20gXCIuLi9DYWxlbmRhclwiO1xuaW1wb3J0IHsgQ2FsZW5kYXJVSSB9IGZyb20gXCIuLi9DYWxlbmRhclVJXCI7XG5pbXBvcnQgeyBGaWVsZFByb3BzIH0gZnJvbSBcIi4uL0ZpZWxkQmFzZVwiO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tIFwiLi4vRm9ybUNvbnRyb2xcIjtcbmltcG9ydCB7IEZvcm1IZWxwZXJUZXh0IH0gZnJvbSBcIi4uL0ZpZWxkQmFzZS9Gb3JtSGVscGVyVGV4dFwiO1xuaW1wb3J0IHsgSW5wdXRCYXNlLCBJbnB1dEJhc2VQcm9wcyB9IGZyb20gXCIuLi9JbnB1dEJhc2VcIjtcbmltcG9ydCB7IElucHV0TGFiZWwgfSBmcm9tIFwiLi4vSW5wdXRMYWJlbFwiO1xuaW1wb3J0IHsgUGFwZXIgfSBmcm9tIFwiLi4vUGFwZXJcIjtcbmltcG9ydCB7IFBvcHBlciwgUG9wcGVyUHJvcHMgfSBmcm9tIFwiLi4vUG9wcGVyXCI7XG5pbXBvcnQgeyB1c2VEaXRlY3RJbnB1dFRvdWNoZWQgfSBmcm9tIFwiLi4vRmllbGRCYXNlL3VzZURpdGVjdElucHV0VG91Y2hlZFwiO1xuaW1wb3J0IHsgdXNlRmllbGRHcm91cCB9IGZyb20gXCIuLi9GaWVsZEdyb3VwXCI7XG5pbXBvcnQgeyB1c2VJbnB1dFZhbHVlIH0gZnJvbSBcIi4uL2hvb2tzL3VzZUlucHV0VmFsdWVcIjtcbmltcG9ydCB7IHVzZU1lcmdlUmVmcyB9IGZyb20gXCIuLi9ob29rcy91c2VNZXJnZVJlZnNcIjtcbmltcG9ydCB7IHVzZU9uQ2xpY2tPdXRzaWRlIH0gZnJvbSBcIi4uL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgdXNlVmFsaWRhdGlvbiB9IGZyb20gXCIuLi9GaWVsZEJhc2UvdXNlVmFsaWRhdGlvblwiO1xuXG5jb25zdCB0b2RheSA9IGRheWpzKCk7XG5jb25zdCB0b2RheUV2ZW50OiBDYWxlbmRhckV2ZW50ID0ge1xuICBzdGFydDogdG9kYXksXG4gIGVuZDogdG9kYXksXG4gIHR5cGU6IFwidG9kYXlcIixcbiAgcHJvcHM6IHtcbiAgICB2YXJpYW50OiBcIm91dGxpbmVkXCIsXG4gICAgY29sb3I6IFwicHJpbWFyeVwiLFxuICAgIGRpc2FibGVBbmltYXRpb246IHRydWUsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgREFURV9GT1JNQVQgPSBcIllZWVktTU0tRERcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEYXRlRmllbGRQcm9wc1xuICBleHRlbmRzXG4gICAgRmllbGRQcm9wczxzdHJpbmcgfCB1bmRlZmluZWQ+LFxuICAgIE9taXQ8SW5wdXRCYXNlUHJvcHMsIFwiZGVmYXVsdFZhbHVlXCIgfCBcInZhbHVlXCIgfCBcIm9uQ2hhbmdlXCI+LFxuICAgIFBpY2s8UG9wcGVyUHJvcHMsIFwiZGlzYWJsZVBvcnRhbFwiPiB7XG4gIHR5cGU/OiBuZXZlcjtcbiAgcG9wcGVyUHJvcHM/OiBQb3BwZXJQcm9wcztcbn1cblxuY29uc3QgZm9ybWF0RGF0ZSA9ICh2YWx1ZT86IHN0cmluZykgPT4ge1xuICByZXR1cm4gdmFsdWUgPyBkYXlqcyh2YWx1ZSkuZm9ybWF0KFwiWVlZWS1NTS1ERFwiKSA6IHVuZGVmaW5lZDtcbn07XG5cbi8qKlxuICogIyMg5YWl5Yqb5YCk44Gu44OV44Kp44O844Oe44OD44OI44Gr44Gk44GE44GmXG4gKlxuICog5YWl5Yqb5YCk44Gu44OV44Kp44O844Oe44OD44OI44GvYFlZWVktTU0tRERg44Gr6ZmQ5a6a44GV44KM44G+44GZ44CC44OV44Kp44O844Oe44OD44OI44GZ44KL44Gu44GM6Z2i5YCS44Gq5aC05ZCI44GvYGRheWpzYOOCkuaOqOWlqOOBl+OBvuOBmeOAglxuICogYGRheWpzYOOBp+OBr+asoeOBruOCiOOBhuOBq+OBl+OBpuODleOCqeODvOODnuODg+ODiOOBp+OBjeOBvuOBmeOAglxuICpcbiAqIGBgYHRzeFxuICogZGF5anMoKS5mb3JtYXQoXCJZWVlZLU1NLUREXCIpXG4gKmBgYFxuICovXG5leHBvcnQgY29uc3QgRGF0ZUZpZWxkID0gKHByb3BzOiBEYXRlRmllbGRQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgY2xhc3NOYW1lLFxuICAgIHN0eWxlLFxuICAgIGlkLFxuICAgIGxhYmVsLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uRm9jdXMsXG4gICAgdmFsaWRhdGlvbk1lc3NhZ2VzLFxuICAgIGN1c3RvbVZhbGlkYXRpb25zLFxuICAgIHZhbHVlOiBfcHJvcHNWYWx1ZSxcbiAgICBkaXNhYmxlUG9ydGFsID0gdHJ1ZSxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgbWluLFxuICAgIG1heCxcbiAgICByZWFkT25seTogcHJvcHNSZWFkT25seSxcbiAgICBsb2FkaW5nOiBwcm9wc0xvYWRpbmcsXG4gICAgZGlzYWJsZWQsXG4gICAgaGVscGVyVGV4dCxcbiAgICBvbktleURvd24sXG4gICAgaW52YWxpZCxcbiAgICBwb3BwZXJQcm9wcyxcbiAgICBpbnB1dFJlZixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IFthbmNob3JFbCwgc2V0QW5jaG9yRWxdID0gdXNlU3RhdGU8bnVsbCB8IEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudCB8IG51bGw+KHVuZGVmaW5lZCk7XG4gIGNvbnN0IHJlZnMgPSB1c2VNZXJnZVJlZnMoaW5wdXRSZWYsIHJlZik7XG5cbiAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZSwgaXNDb250cm9sbGVkXSA9IHVzZUlucHV0VmFsdWUocHJvcHMpO1xuICBjb25zdCB7IHJlYWRPbmx5LCBsb2FkaW5nIH0gPSB1c2VGaWVsZEdyb3VwKHtcbiAgICBsb2FkaW5nOiBwcm9wc0xvYWRpbmcsXG4gICAgcmVhZE9ubHk6IHByb3BzUmVhZE9ubHksXG4gICAgb25Mb2FkZWQ6ICgpID0+IHtcbiAgICAgIGlmIChpc0NvbnRyb2xsZWQgPT09IGZhbHNlKSB7XG4gICAgICAgIHNldFZhbHVlKGRlZmF1bHRWYWx1ZSk7XG4gICAgICB9XG4gICAgfSxcbiAgfSk7XG5cbiAgY29uc3QgdmFsaWRhdGlvbiA9IHVzZVZhbGlkYXRpb248c3RyaW5nIHwgdW5kZWZpbmVkPih7XG4gICAgcmVmLFxuICAgIHZhbGlkYXRpb25NZXNzYWdlcyxcbiAgICBjdXN0b21WYWxpZGF0aW9ucyxcbiAgICB2YWx1ZSxcbiAgfSk7XG5cbiAgLyoqXG4gICAqIFBvcHBlclxuICAgKi9cbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRPcGVuKHRydWUpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgdXNlT25DbGlja091dHNpZGUoXG4gICAgY29udGFpbmVyUmVmLFxuICAgIHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgIH0sIFtdKSxcbiAgKTtcblxuICAvKipcbiAgICogQ2FsZW5kYXJVSVxuICAgKi9cbiAgY29uc3Qgc2VsZWN0ZWREYXRlID0gdXNlTWVtbyhcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L3ByZWZlci1udWxsaXNoLWNvYWxlc2NpbmdcbiAgICAoKSA9PiB2YWx1ZSB8fCBkZWZhdWx0VmFsdWUsXG4gICAgW2RlZmF1bHRWYWx1ZSwgdmFsdWVdLFxuICApO1xuICBjb25zdCBzZWxlY3RlZEV2ZW50RGF5OiBDYWxlbmRhckV2ZW50W10gfCB1bmRlZmluZWQgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoc2VsZWN0ZWREYXRlID09PSB1bmRlZmluZWQpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgcmV0dXJuIFtcbiAgICAgIHRvZGF5RXZlbnQsXG4gICAgICB7XG4gICAgICAgIHN0YXJ0OiBzZWxlY3RlZERhdGUsXG4gICAgICAgIGVuZDogc2VsZWN0ZWREYXRlLFxuICAgICAgICB0eXBlOiBcInNlbGVjdGVkXCIsXG4gICAgICAgIHByb3BzOiB7XG4gICAgICAgICAgdmFyaWFudDogXCJmaWxsZWRcIixcbiAgICAgICAgICBjb2xvcjogXCJwcmltYXJ5XCIsXG4gICAgICAgICAgZGlzYWJsZUFuaW1hdGlvbjogdHJ1ZSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgXTtcbiAgfSwgW3NlbGVjdGVkRGF0ZV0pO1xuICAvKipcbiAgICogSGFuZGxpbmdcbiAgICovXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IG5leHRWYWx1ZSA9IGV2ZW50LmN1cnJlbnRUYXJnZXQudmFsdWU7XG4gICAgICBzZXRWYWx1ZShuZXh0VmFsdWUpO1xuICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgIG9uQ2hhbmdlKG5leHRWYWx1ZSwgZXZlbnQpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uQ2hhbmdlLCBzZXRWYWx1ZV0sXG4gICk7XG5cbiAgY29uc3QgZGF5c1Byb3BzID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlQ2xpY2tEYXkgPSAoXG4gICAgICBldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudCwgTW91c2VFdmVudD4sXG4gICAgKSA9PiB7XG4gICAgICBjb25zdCBuZXh0VmFsdWUgPSBmb3JtYXREYXRlKGV2ZW50LmN1cnJlbnRUYXJnZXQuZGF0YXNldC5ldmVudERhdGUpO1xuICAgICAgc2V0VmFsdWUobmV4dFZhbHVlKTtcbiAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgIG9uQ2hhbmdlKG5leHRWYWx1ZSk7XG4gICAgICB9XG4gICAgfTtcbiAgICByZXR1cm4ge1xuICAgICAgb25DbGljazogaGFuZGxlQ2xpY2tEYXksXG4gICAgfTtcbiAgfSwgW29uQ2hhbmdlLCBzZXRWYWx1ZV0pO1xuXG4gIGNvbnN0IGhhbmRsZVJlZiA9IHVzZUNhbGxiYWNrKFxuICAgIChub2RlOiBIVE1MSW5wdXRFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgc2V0QW5jaG9yRWwobm9kZSk7XG4gICAgICByZWZzKG5vZGUpO1xuICAgIH0sXG4gICAgW3JlZnNdLFxuICApO1xuXG4gIGNvbnN0IFt0b3VjaGVkLCBhZGRpdGlvbmFsUHJvcHNdID0gdXNlRGl0ZWN0SW5wdXRUb3VjaGVkKG9uRm9jdXMpO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBpbnRlcm5hbElucHV0SWQgPSB1c2VJZCgpO1xuICBjb25zdCBpbnB1dElkID0gaWQgPz8gaW50ZXJuYWxJbnB1dElkO1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1Db250cm9sIHN0eWxlPXtzdHlsZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPElucHV0TGFiZWxcbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHJlcXVpcmVkPXtvdGhlcnMucmVxdWlyZWR9XG4gICAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICAgIGh0bWxGb3I9e2lucHV0SWR9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvSW5wdXRMYWJlbD5cbiAgICAgIDxJbnB1dEJhc2VcbiAgICAgICAgaWQ9e2lucHV0SWR9XG4gICAgICAgIG9uS2V5RG93bj17KGV2ZW50KSA9PiB7XG4gICAgICAgICAgLyoqXG4gICAgICAgICAgICogaW5wdXRbdHlwZT1cImRhdGVcIl3jga7loLTlkIjjgIFTcGFjZeOCreODvOOBp+OCq+ODrOODs+ODgOODvOOCkumWi+OBj+OBk+OBqOOBjOOBp+OBjeOCi+OAglxuICAgICAgICAgICAqIOOBk+OBruaMmeWLleOCkueEoeWKueWMluOBmeOCi+OAglxuICAgICAgICAgICAqL1xuICAgICAgICAgIGlmIChldmVudC5jb2RlID09PSBcIlNwYWNlXCIpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgfVxuICAgICAgICAgIG9uS2V5RG93bj8uKGV2ZW50KTtcbiAgICAgICAgfX1cbiAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgcmVmPXtoYW5kbGVSZWZ9XG4gICAgICAgIHR5cGU9XCJkYXRlXCJcbiAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG9uQ2xpY2s9e3JlYWRPbmx5ID8gdW5kZWZpbmVkIDogaGFuZGxlQ2xpY2t9XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvcHJlZmVyLW51bGxpc2gtY29hbGVzY2luZ1xuICAgICAgICB2YWx1ZT17dmFsdWUgfHwgXCJcIn1cbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIGRhdGEtaW52YWxpZD17IXZhbGlkYXRpb24udmFsaWR9XG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICB7Li4uYWRkaXRpb25hbFByb3BzfVxuICAgICAgLz5cbiAgICAgIDxGb3JtSGVscGVyVGV4dFxuICAgICAgICBpbnZhbGlkPXshdmFsaWRhdGlvbi52YWxpZCB8fCBpbnZhbGlkfVxuICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICB0b3VjaGVkPXt0b3VjaGVkfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICA+XG4gICAgICAgIHtcbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L3ByZWZlci1udWxsaXNoLWNvYWxlc2NpbmdcbiAgICAgICAgICB2YWxpZGF0aW9uLm1lc3NhZ2UgfHwgaGVscGVyVGV4dFxuICAgICAgICB9XG4gICAgICA8L0Zvcm1IZWxwZXJUZXh0PlxuICAgICAge3NlbGVjdGVkRGF0ZSAhPT0gXCJJbnZhbGlkIERhdGVcIiAmJiAoXG4gICAgICAgIDxQb3BwZXJcbiAgICAgICAgICBkaXNhYmxlUG9ydGFsPXtkaXNhYmxlUG9ydGFsfVxuICAgICAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbS1zdGFydFwiXG4gICAgICAgICAgb3B0aW9ucz17e1xuICAgICAgICAgICAgbW9kaWZpZXJzOiBbXG4gICAgICAgICAgICAgIGRpc2FibGVQb3J0YWxcbiAgICAgICAgICAgICAgICA/IHtcbiAgICAgICAgICAgICAgICAgICAgbmFtZTogXCJjb21wdXRlU3R5bGVzXCIsXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbnM6IHtcbiAgICAgICAgICAgICAgICAgICAgICByb3VuZE9mZnNldHM6ICh7IHkgfTogeyB5OiBudW1iZXIgfSkgPT4gKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHg6IDAsXG4gICAgICAgICAgICAgICAgICAgICAgICB5OiBNYXRoLnJvdW5kKHkpLFxuICAgICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDoge30sXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBuYW1lOiBcImZsaXBcIixcbiAgICAgICAgICAgICAgICBlbmFibGVkOiBmYWxzZSxcbiAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIF0sXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4ucG9wcGVyUHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICA8UGFwZXJcbiAgICAgICAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmc6IDFlbTtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nfXB4O1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmcgKiAyfXB4O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8Q2FsZW5kYXJVSVxuICAgICAgICAgICAgICBtaW49e21pbn1cbiAgICAgICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIGRhdGU9e3NlbGVjdGVkRGF0ZX1cbiAgICAgICAgICAgICAgZXZlbnRzPXtzZWxlY3RlZEV2ZW50RGF5fVxuICAgICAgICAgICAgICBkYXlzUHJvcHM9e2RheXNQcm9wc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9QYXBlcj5cbiAgICAgICAgPC9Qb3BwZXI+XG4gICAgICApfVxuICAgIDwvRm9ybUNvbnRyb2w+XG4gICk7XG59O1xuIl19 */")
|
|
225
225
|
}, ___EmotionJSX(CalendarUI, {
|
|
226
226
|
min: min,
|
|
227
227
|
max: max,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","names":["css","React","useCallback","useId","useMemo","useRef","useState","dayjs","CalendarUI","FormControl","FormHelperText","InputBase","InputLabel","Paper","Popper","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useOnClickOutside","useTheme","useValidation","jsx","___EmotionJSX","today","todayEvent","start","end","type","props","variant","color","disableAnimation","DATE_FORMAT","formatDate","value","format","undefined","DateField","className","style","id","label","onChange","onFocus","validationMessages","customValidations","disablePortal","defaultValue","min","max","readOnly","propsReadOnly","loading","propsLoading","disabled","helperText","onKeyDown","invalid","popperProps","inputRef","others","_objectWithoutPropertiesLoose","_excluded","anchorEl","setAnchorEl","ref","refs","setValue","isControlled","onLoaded","validation","open","setOpen","handleClick","containerRef","selectedDate","selectedEventDay","handleChange","event","nextValue","currentTarget","daysProps","handleClickDay","dataset","eventDate","onClick","handleRef","node","touched","additionalProps","theme","internalInputId","inputId","required","htmlFor","_extends","code","preventDefault","valid","message","placement","options","modifiers","name","roundOffsets","_ref","y","x","Math","round","enabled","spacing","process","env","NODE_ENV","size","date","events"],"sources":["../../../src/DateField/DateField.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport { CalendarEvent } from \"../Calendar\";\nimport { CalendarUI } from \"../CalendarUI\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper, PopperProps } from \"../Popper\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport { useValidation } from \"../FieldBase/useValidation\";\n\nconst today = dayjs();\nconst todayEvent: CalendarEvent = {\n start: today,\n end: today,\n type: \"today\",\n props: {\n variant: \"outlined\",\n color: \"primary\",\n disableAnimation: true,\n },\n};\n\nexport const DATE_FORMAT = \"YYYY-MM-DD\";\n\nexport interface DateFieldProps\n extends FieldProps<string | undefined>,\n Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\">,\n Pick<PopperProps, \"disablePortal\"> {\n type?: never;\n popperProps?: PopperProps;\n}\n\nconst formatDate = (value?: string) => {\n return value ? dayjs(value).format(\"YYYY-MM-DD\") : undefined;\n};\n\n/**\n * ## 入力値のフォーマットについて\n *\n * 入力値のフォーマットは`YYYY-MM-DD`に限定されます。フォーマットするのが面倒な場合は`dayjs`を推奨します。\n * `dayjs`では次のようにしてフォーマットできます。\n *\n * ```tsx\n * dayjs().format(\"YYYY-MM-DD\")\n *```\n */\nexport const DateField = (props: DateFieldProps) => {\n const {\n className,\n style,\n id,\n label,\n onChange,\n onFocus,\n validationMessages,\n customValidations,\n value: _propsValue,\n disablePortal = true,\n defaultValue,\n min,\n max,\n readOnly: propsReadOnly,\n loading: propsLoading,\n disabled,\n helperText,\n onKeyDown,\n invalid,\n popperProps,\n inputRef,\n ...others\n } = props;\n\n const [anchorEl, setAnchorEl] = useState<null | HTMLInputElement>(null);\n const ref = useRef<HTMLInputElement | null>(undefined);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n const { readOnly, loading } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const validation = useValidation<string | undefined>({\n ref,\n validationMessages,\n customValidations,\n value,\n });\n\n /**\n * Popper\n */\n const [open, setOpen] = useState(false);\n const handleClick = useCallback(() => {\n setOpen(true);\n }, []);\n const containerRef = useRef(null);\n useOnClickOutside(\n containerRef,\n useCallback(() => {\n setOpen(false);\n }, []),\n );\n\n /**\n * CalendarUI\n */\n const selectedDate = useMemo(\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n () => value || defaultValue,\n [defaultValue, value],\n );\n const selectedEventDay: CalendarEvent[] | undefined = useMemo(() => {\n if (selectedDate === undefined) return undefined;\n return [\n todayEvent,\n {\n start: selectedDate,\n end: selectedDate,\n type: \"selected\",\n props: {\n variant: \"filled\",\n color: \"primary\",\n disableAnimation: true,\n },\n },\n ];\n }, [selectedDate]);\n /**\n * Handling\n */\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const nextValue = event.currentTarget.value;\n setValue(nextValue);\n if (onChange) {\n onChange(nextValue, event);\n }\n },\n [onChange, setValue],\n );\n\n const daysProps = useMemo(() => {\n const handleClickDay = (\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => {\n const nextValue = formatDate(event.currentTarget.dataset.eventDate);\n setValue(nextValue);\n setOpen(false);\n if (onChange) {\n onChange(nextValue);\n }\n };\n return {\n onClick: handleClickDay,\n };\n }, [onChange, setValue]);\n\n const handleRef = useCallback(\n (node: HTMLInputElement | null) => {\n setAnchorEl(node);\n refs(node);\n },\n [refs],\n );\n\n const [touched, additionalProps] = useDitectInputTouched(onFocus);\n\n const theme = useTheme();\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className}>\n <InputLabel\n aria-disabled={disabled}\n required={others.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <InputBase\n id={inputId}\n onKeyDown={(event) => {\n /**\n * input[type=\"date\"]の場合、Spaceキーでカレンダーを開くことができる。\n * この挙動を無効化する。\n */\n if (event.code === \"Space\") {\n event.preventDefault();\n }\n onKeyDown?.(event);\n }}\n onChange={handleChange}\n ref={handleRef}\n type=\"date\"\n readOnly={readOnly}\n {...others}\n disabled={disabled}\n onClick={readOnly ? undefined : handleClick}\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n value={value || \"\"}\n min={min}\n data-invalid={!validation.valid}\n max={max}\n loading={loading}\n {...additionalProps}\n />\n <FormHelperText\n invalid={!validation.valid || invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n validation.message || helperText\n }\n </FormHelperText>\n {selectedDate !== \"Invalid Date\" && (\n <Popper\n disablePortal={disablePortal}\n anchorEl={anchorEl}\n open={open}\n placement=\"bottom-start\"\n options={{\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: \"flip\",\n enabled: false,\n },\n ],\n }}\n {...popperProps}\n >\n <Paper\n ref={containerRef}\n css={css`\n padding: 1em;\n margin-top: ${theme.spacing}px;\n margin-bottom: ${theme.spacing * 2}px;\n `}\n >\n <CalendarUI\n min={min}\n max={max}\n size=\"small\"\n date={selectedDate}\n events={selectedEventDay}\n daysProps={daysProps}\n />\n </Paper>\n </Popper>\n )}\n </FormControl>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"DateField.js","names":["css","React","useCallback","useId","useMemo","useRef","useState","dayjs","CalendarUI","FormControl","FormHelperText","InputBase","InputLabel","Paper","Popper","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useOnClickOutside","useTheme","useValidation","jsx","___EmotionJSX","today","todayEvent","start","end","type","props","variant","color","disableAnimation","DATE_FORMAT","formatDate","value","format","undefined","DateField","className","style","id","label","onChange","onFocus","validationMessages","customValidations","disablePortal","defaultValue","min","max","readOnly","propsReadOnly","loading","propsLoading","disabled","helperText","onKeyDown","invalid","popperProps","inputRef","others","_objectWithoutPropertiesLoose","_excluded","anchorEl","setAnchorEl","ref","refs","setValue","isControlled","onLoaded","validation","open","setOpen","handleClick","containerRef","selectedDate","selectedEventDay","handleChange","event","nextValue","currentTarget","daysProps","handleClickDay","dataset","eventDate","onClick","handleRef","node","touched","additionalProps","theme","internalInputId","inputId","required","htmlFor","_extends","code","preventDefault","valid","message","placement","options","modifiers","name","roundOffsets","_ref","y","x","Math","round","enabled","spacing","process","env","NODE_ENV","size","date","events"],"sources":["../../../src/DateField/DateField.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport { CalendarEvent } from \"../Calendar\";\nimport { CalendarUI } from \"../CalendarUI\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper, PopperProps } from \"../Popper\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport { useValidation } from \"../FieldBase/useValidation\";\n\nconst today = dayjs();\nconst todayEvent: CalendarEvent = {\n start: today,\n end: today,\n type: \"today\",\n props: {\n variant: \"outlined\",\n color: \"primary\",\n disableAnimation: true,\n },\n};\n\nexport const DATE_FORMAT = \"YYYY-MM-DD\";\n\nexport interface DateFieldProps\n extends\n FieldProps<string | undefined>,\n Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\">,\n Pick<PopperProps, \"disablePortal\"> {\n type?: never;\n popperProps?: PopperProps;\n}\n\nconst formatDate = (value?: string) => {\n return value ? dayjs(value).format(\"YYYY-MM-DD\") : undefined;\n};\n\n/**\n * ## 入力値のフォーマットについて\n *\n * 入力値のフォーマットは`YYYY-MM-DD`に限定されます。フォーマットするのが面倒な場合は`dayjs`を推奨します。\n * `dayjs`では次のようにしてフォーマットできます。\n *\n * ```tsx\n * dayjs().format(\"YYYY-MM-DD\")\n *```\n */\nexport const DateField = (props: DateFieldProps) => {\n const {\n className,\n style,\n id,\n label,\n onChange,\n onFocus,\n validationMessages,\n customValidations,\n value: _propsValue,\n disablePortal = true,\n defaultValue,\n min,\n max,\n readOnly: propsReadOnly,\n loading: propsLoading,\n disabled,\n helperText,\n onKeyDown,\n invalid,\n popperProps,\n inputRef,\n ...others\n } = props;\n\n const [anchorEl, setAnchorEl] = useState<null | HTMLInputElement>(null);\n const ref = useRef<HTMLInputElement | null>(undefined);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n const { readOnly, loading } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const validation = useValidation<string | undefined>({\n ref,\n validationMessages,\n customValidations,\n value,\n });\n\n /**\n * Popper\n */\n const [open, setOpen] = useState(false);\n const handleClick = useCallback(() => {\n setOpen(true);\n }, []);\n const containerRef = useRef(null);\n useOnClickOutside(\n containerRef,\n useCallback(() => {\n setOpen(false);\n }, []),\n );\n\n /**\n * CalendarUI\n */\n const selectedDate = useMemo(\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n () => value || defaultValue,\n [defaultValue, value],\n );\n const selectedEventDay: CalendarEvent[] | undefined = useMemo(() => {\n if (selectedDate === undefined) return undefined;\n return [\n todayEvent,\n {\n start: selectedDate,\n end: selectedDate,\n type: \"selected\",\n props: {\n variant: \"filled\",\n color: \"primary\",\n disableAnimation: true,\n },\n },\n ];\n }, [selectedDate]);\n /**\n * Handling\n */\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const nextValue = event.currentTarget.value;\n setValue(nextValue);\n if (onChange) {\n onChange(nextValue, event);\n }\n },\n [onChange, setValue],\n );\n\n const daysProps = useMemo(() => {\n const handleClickDay = (\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => {\n const nextValue = formatDate(event.currentTarget.dataset.eventDate);\n setValue(nextValue);\n setOpen(false);\n if (onChange) {\n onChange(nextValue);\n }\n };\n return {\n onClick: handleClickDay,\n };\n }, [onChange, setValue]);\n\n const handleRef = useCallback(\n (node: HTMLInputElement | null) => {\n setAnchorEl(node);\n refs(node);\n },\n [refs],\n );\n\n const [touched, additionalProps] = useDitectInputTouched(onFocus);\n\n const theme = useTheme();\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className}>\n <InputLabel\n aria-disabled={disabled}\n required={others.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <InputBase\n id={inputId}\n onKeyDown={(event) => {\n /**\n * input[type=\"date\"]の場合、Spaceキーでカレンダーを開くことができる。\n * この挙動を無効化する。\n */\n if (event.code === \"Space\") {\n event.preventDefault();\n }\n onKeyDown?.(event);\n }}\n onChange={handleChange}\n ref={handleRef}\n type=\"date\"\n readOnly={readOnly}\n {...others}\n disabled={disabled}\n onClick={readOnly ? undefined : handleClick}\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n value={value || \"\"}\n min={min}\n data-invalid={!validation.valid}\n max={max}\n loading={loading}\n {...additionalProps}\n />\n <FormHelperText\n invalid={!validation.valid || invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n validation.message || helperText\n }\n </FormHelperText>\n {selectedDate !== \"Invalid Date\" && (\n <Popper\n disablePortal={disablePortal}\n anchorEl={anchorEl}\n open={open}\n placement=\"bottom-start\"\n options={{\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: \"flip\",\n enabled: false,\n },\n ],\n }}\n {...popperProps}\n >\n <Paper\n ref={containerRef}\n css={css`\n padding: 1em;\n margin-top: ${theme.spacing}px;\n margin-bottom: ${theme.spacing * 2}px;\n `}\n >\n <CalendarUI\n min={min}\n max={max}\n size=\"small\"\n date={selectedDate}\n events={selectedEventDay}\n daysProps={daysProps}\n />\n </Paper>\n </Popper>\n )}\n </FormControl>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTextField.js","names":["useCallback","useId","useRef","useState","FormHelperText","FormControl","InputBase","InputLabel","VisuallyHidden","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","getDayjs","jsx","___EmotionJSX","DateTextField","props","_value$format","_value$format3","label","style","className","onChange","onFocus","onBlur","defaultValue","disabled","validationMessages","customValidations","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","format","required","name","minDate","maxDate","restProps","_objectWithoutPropertiesLoose","_excluded","ref","refs","value","setValue","isControlled","query","setQuery","onLoaded","validation","isBefore","isAfter","handleChange","event","currentTarget","date","handleBlur","_value$format2","touched","inputProps","internalInputId","inputId","formattedValue","htmlFor","type","key","autoCapitalize","autoComplete","autoCorrect","spellCheck","tabIndex","_extends","onKeyDown","valid","inputMode","placeholder","message"],"sources":["../../../src/DateTextField/DateTextField.tsx"],"sourcesContent":["import { useCallback, useId, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport { FieldProps, FormHelperText } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport { getDayjs } from \"./getDayjs\";\n\nexport interface DateTextFieldProps\n extends FieldProps<dayjs.Dayjs | undefined>,\n Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\"> {\n type?: \"never\";\n /**\n * 日付のフォーマットを指定します。\n * @default \"YYYY-MM-DD\"\n */\n format?: string;\n /**\n * デフォルトでは、formatがplaceholderとして表示されます。\n */\n placeholder?: string;\n\n /**\n * 最小の日付を指定します。\n * minDate未満の場合、バリデーションエラーが発生します。\n */\n minDate?: dayjs.Dayjs;\n /**\n * 最大の日付を指定します。\n * maxDateより大きい場合、バリデーションエラーが発生します。\n */\n maxDate?: dayjs.Dayjs;\n}\n\nexport const DateTextField = (props: DateTextFieldProps) => {\n const {\n label,\n style,\n className,\n onChange,\n onFocus,\n onBlur,\n defaultValue,\n value: _propsValue,\n disabled,\n validationMessages,\n customValidations,\n helperText,\n invalid,\n loading: propsLoading,\n readOnly: propsReadonly,\n id,\n inputRef,\n format = \"YYYY-MM-DD\",\n required,\n name,\n minDate,\n maxDate,\n ...restProps\n } = props;\n const ref = useRef<HTMLInputElement>(null);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n const [query, setQuery] = useState<string>(value?.format(format) ?? \"\");\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 validation = useValidation({\n ref,\n validationMessages,\n customValidations: [\n ...(customValidations ?? []),\n (value) => {\n if (!value) {\n return \"\";\n }\n if (minDate && value.isBefore(minDate, \"day\")) {\n return `${minDate.format(format)}以降の日付を入力してください。`;\n }\n if (maxDate && value.isAfter(maxDate, \"day\")) {\n return `${maxDate.format(format)}以前の日付を入力してください。`;\n }\n return \"\";\n },\n ],\n value,\n });\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const value = event.currentTarget.value;\n setQuery(value);\n const date = getDayjs(value);\n setValue(date);\n if (onChange) {\n onChange(date, event);\n }\n },\n [onChange, setValue],\n );\n\n const handleBlur = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n if (onBlur) {\n onBlur(event);\n }\n setQuery(value?.format(format) ?? \"\");\n },\n [format, onBlur, value],\n );\n\n const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n const formattedValue = value?.format(format) ?? \"\";\n\n return (\n <FormControl style={style} className={className}>\n <InputLabel\n htmlFor={inputId}\n aria-disabled={disabled}\n required={required}\n loading={loading}\n >\n {label}\n </InputLabel>\n <VisuallyHidden>\n <input\n type=\"text\"\n required={required}\n name={name}\n /**\n * value + readOnlyなどの場合、requiredなどのチェックが行われなくなるため\n * defaultValue + keyで代用している。\n */\n defaultValue={formattedValue}\n key={formattedValue}\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n spellCheck=\"false\"\n tabIndex={-1}\n />\n </VisuallyHidden>\n <InputBase\n id={inputId}\n disabled={disabled}\n loading={loading}\n readOnly={readOnly}\n type=\"text\"\n value={query}\n onChange={handleChange}\n onKeyDown={(event) => {\n /**\n * Enterキーが押された場合、クエリをフォーマット済みの値に変換してセットする。\n */\n if (event.key === \"Enter\") {\n setQuery(formattedValue);\n }\n }}\n data-invalid={!validation.valid}\n ref={refs}\n onBlur={handleBlur}\n inputMode=\"numeric\"\n placeholder={format}\n {...restProps}\n {...inputProps}\n />\n <FormHelperText\n invalid={!validation.valid || invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n validation.message || helperText\n }\n </FormHelperText>\n </FormControl>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"DateTextField.js","names":["useCallback","useId","useRef","useState","FormHelperText","FormControl","InputBase","InputLabel","VisuallyHidden","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","getDayjs","jsx","___EmotionJSX","DateTextField","props","_value$format","_value$format3","label","style","className","onChange","onFocus","onBlur","defaultValue","disabled","validationMessages","customValidations","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","format","required","name","minDate","maxDate","restProps","_objectWithoutPropertiesLoose","_excluded","ref","refs","value","setValue","isControlled","query","setQuery","onLoaded","validation","isBefore","isAfter","handleChange","event","currentTarget","date","handleBlur","_value$format2","touched","inputProps","internalInputId","inputId","formattedValue","htmlFor","type","key","autoCapitalize","autoComplete","autoCorrect","spellCheck","tabIndex","_extends","onKeyDown","valid","inputMode","placeholder","message"],"sources":["../../../src/DateTextField/DateTextField.tsx"],"sourcesContent":["import { useCallback, useId, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport { FieldProps, FormHelperText } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport { getDayjs } from \"./getDayjs\";\n\nexport interface DateTextFieldProps\n extends\n FieldProps<dayjs.Dayjs | undefined>,\n Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\"> {\n type?: \"never\";\n /**\n * 日付のフォーマットを指定します。\n * @default \"YYYY-MM-DD\"\n */\n format?: string;\n /**\n * デフォルトでは、formatがplaceholderとして表示されます。\n */\n placeholder?: string;\n\n /**\n * 最小の日付を指定します。\n * minDate未満の場合、バリデーションエラーが発生します。\n */\n minDate?: dayjs.Dayjs;\n /**\n * 最大の日付を指定します。\n * maxDateより大きい場合、バリデーションエラーが発生します。\n */\n maxDate?: dayjs.Dayjs;\n}\n\nexport const DateTextField = (props: DateTextFieldProps) => {\n const {\n label,\n style,\n className,\n onChange,\n onFocus,\n onBlur,\n defaultValue,\n value: _propsValue,\n disabled,\n validationMessages,\n customValidations,\n helperText,\n invalid,\n loading: propsLoading,\n readOnly: propsReadonly,\n id,\n inputRef,\n format = \"YYYY-MM-DD\",\n required,\n name,\n minDate,\n maxDate,\n ...restProps\n } = props;\n const ref = useRef<HTMLInputElement>(null);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n const [query, setQuery] = useState<string>(value?.format(format) ?? \"\");\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 validation = useValidation({\n ref,\n validationMessages,\n customValidations: [\n ...(customValidations ?? []),\n (value) => {\n if (!value) {\n return \"\";\n }\n if (minDate && value.isBefore(minDate, \"day\")) {\n return `${minDate.format(format)}以降の日付を入力してください。`;\n }\n if (maxDate && value.isAfter(maxDate, \"day\")) {\n return `${maxDate.format(format)}以前の日付を入力してください。`;\n }\n return \"\";\n },\n ],\n value,\n });\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const value = event.currentTarget.value;\n setQuery(value);\n const date = getDayjs(value);\n setValue(date);\n if (onChange) {\n onChange(date, event);\n }\n },\n [onChange, setValue],\n );\n\n const handleBlur = useCallback(\n (event: React.FocusEvent<HTMLInputElement>) => {\n if (onBlur) {\n onBlur(event);\n }\n setQuery(value?.format(format) ?? \"\");\n },\n [format, onBlur, value],\n );\n\n const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n const formattedValue = value?.format(format) ?? \"\";\n\n return (\n <FormControl style={style} className={className}>\n <InputLabel\n htmlFor={inputId}\n aria-disabled={disabled}\n required={required}\n loading={loading}\n >\n {label}\n </InputLabel>\n <VisuallyHidden>\n <input\n type=\"text\"\n required={required}\n name={name}\n /**\n * value + readOnlyなどの場合、requiredなどのチェックが行われなくなるため\n * defaultValue + keyで代用している。\n */\n defaultValue={formattedValue}\n key={formattedValue}\n autoCapitalize=\"none\"\n autoComplete=\"off\"\n autoCorrect=\"off\"\n spellCheck=\"false\"\n tabIndex={-1}\n />\n </VisuallyHidden>\n <InputBase\n id={inputId}\n disabled={disabled}\n loading={loading}\n readOnly={readOnly}\n type=\"text\"\n value={query}\n onChange={handleChange}\n onKeyDown={(event) => {\n /**\n * Enterキーが押された場合、クエリをフォーマット済みの値に変換してセットする。\n */\n if (event.key === \"Enter\") {\n setQuery(formattedValue);\n }\n }}\n data-invalid={!validation.valid}\n ref={refs}\n onBlur={handleBlur}\n inputMode=\"numeric\"\n placeholder={format}\n {...restProps}\n {...inputProps}\n />\n <FormHelperText\n invalid={!validation.valid || invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n validation.message || helperText\n }\n </FormHelperText>\n </FormControl>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
package/DropArea/DropArea.js
CHANGED
|
@@ -16,7 +16,7 @@ var DefaultDropAreaInner = _ref => {
|
|
|
16
16
|
transitions
|
|
17
17
|
} = useTheme();
|
|
18
18
|
return ___EmotionJSX("div", _extends({}, props, {
|
|
19
|
-
css: [/*#__PURE__*/css("box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:", palette.background.paper, ";border:2px dashed ", palette.gray[300], ";border-radius:4px;" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"), (accepted === undefined || accepted) && /*#__PURE__*/css("transition:border-color ", transitions.duration.shorter, " ", transitions.easing.easeIn, ";&[data-dropzone-status=\"dragover\"]{background-color:", palette.intentions.primary.light, ";border-color:", palette.intentions.primary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJhIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"]
|
|
19
|
+
css: [/*#__PURE__*/css("box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:", palette.background.paper, ";border:2px dashed ", palette.gray[300], ";border-radius:4px;" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHNcbiAgICBCYXNlRHJvcEFyZWFQcm9wcyxcbiAgICBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiwga2V5b2YgQmFzZURyb3BBcmVhUHJvcHM+IHt9XG5cbmV4cG9ydCBjb25zdCBEcm9wQXJlYSA9ICh7IG9uRHJvcCwgYWNjZXB0LCAuLi5wcm9wcyB9OiBEcm9wQXJlYVByb3BzKSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNhbmNlbCA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH0sIFtdKTtcbiAgY29uc3QgaGFuZGxlRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgaWYgKGUuZGF0YVRyYW5zZmVyLmZpbGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgb25Ecm9wKFxuICAgICAgICAgIGFjY2VwdFxuICAgICAgICAgICAgPyBBcnJheS5mcm9tKGUuZGF0YVRyYW5zZmVyLmZpbGVzKS5maWx0ZXIoKGZpbGUpID0+XG4gICAgICAgICAgICAgICAgYWNjZXB0Py50ZXN0KGZpbGUudHlwZSksXG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIDogQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcyksXG4gICAgICAgICk7XG4gICAgICAgIGUuZGF0YVRyYW5zZmVyLmNsZWFyRGF0YSgpO1xuICAgICAgfVxuICAgICAgZGVsZXRlIGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyb3BBcmVhU3RhdHVzO1xuICAgIH0sXG4gICAgW2FjY2VwdCwgb25Ecm9wXSxcbiAgKTtcbiAgY29uc3QgW3N0YXR1cywgc2V0U3RhdHVzXSA9IHVzZVN0YXRlKFwiXCIpO1xuICBjb25zdCBbYWNjZXB0ZWQsIHNldEFjY2VwdGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVyID0gKGV2ZW50OiBEcmFnRXZlbnQpID0+IHtcbiAgICAgIHNldEFjY2VwdGVkKGV2ZW50LmRhdGFUcmFuc2Zlcj8udHlwZXMuaW5jbHVkZXMoXCJGaWxlc1wiKSA/PyBmYWxzZSk7XG4gICAgICBzZXRTdGF0dXMoZXZlbnQudHlwZSk7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwiZHJvcFwiLCBoYW5kbGVyKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgaGFuZGxlcik7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJhZ2xlYXZlXCIsIGhhbmRsZXIpO1xuICAgIH07XG4gIH0sIFtdKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdERyb3BBcmVhSW5uZXJcbiAgICAgIGRhdGEtZHJvcHpvbmUtc3RhdHVzPXtzdGF0dXN9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBhY2NlcHRlZD17YWNjZXB0ZWR9XG4gICAgICBvbkRyYWdFbnRlcj17aGFuZGxlQ2FuY2VsfVxuICAgICAgb25EcmFnTGVhdmU9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ092ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJvcD17aGFuZGxlRHJvcH1cbiAgICAvPlxuICApO1xufTtcbiJdfQ== */"), (accepted === undefined || accepted) && /*#__PURE__*/css("transition:border-color ", transitions.duration.shorter, " ", transitions.easing.easeIn, ";&[data-dropzone-status=\"dragover\"]{background-color:", palette.intentions.primary.light, ";border-color:", palette.intentions.primary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJhIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHNcbiAgICBCYXNlRHJvcEFyZWFQcm9wcyxcbiAgICBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiwga2V5b2YgQmFzZURyb3BBcmVhUHJvcHM+IHt9XG5cbmV4cG9ydCBjb25zdCBEcm9wQXJlYSA9ICh7IG9uRHJvcCwgYWNjZXB0LCAuLi5wcm9wcyB9OiBEcm9wQXJlYVByb3BzKSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNhbmNlbCA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH0sIFtdKTtcbiAgY29uc3QgaGFuZGxlRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgaWYgKGUuZGF0YVRyYW5zZmVyLmZpbGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgb25Ecm9wKFxuICAgICAgICAgIGFjY2VwdFxuICAgICAgICAgICAgPyBBcnJheS5mcm9tKGUuZGF0YVRyYW5zZmVyLmZpbGVzKS5maWx0ZXIoKGZpbGUpID0+XG4gICAgICAgICAgICAgICAgYWNjZXB0Py50ZXN0KGZpbGUudHlwZSksXG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIDogQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcyksXG4gICAgICAgICk7XG4gICAgICAgIGUuZGF0YVRyYW5zZmVyLmNsZWFyRGF0YSgpO1xuICAgICAgfVxuICAgICAgZGVsZXRlIGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyb3BBcmVhU3RhdHVzO1xuICAgIH0sXG4gICAgW2FjY2VwdCwgb25Ecm9wXSxcbiAgKTtcbiAgY29uc3QgW3N0YXR1cywgc2V0U3RhdHVzXSA9IHVzZVN0YXRlKFwiXCIpO1xuICBjb25zdCBbYWNjZXB0ZWQsIHNldEFjY2VwdGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVyID0gKGV2ZW50OiBEcmFnRXZlbnQpID0+IHtcbiAgICAgIHNldEFjY2VwdGVkKGV2ZW50LmRhdGFUcmFuc2Zlcj8udHlwZXMuaW5jbHVkZXMoXCJGaWxlc1wiKSA/PyBmYWxzZSk7XG4gICAgICBzZXRTdGF0dXMoZXZlbnQudHlwZSk7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwiZHJvcFwiLCBoYW5kbGVyKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgaGFuZGxlcik7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJhZ2xlYXZlXCIsIGhhbmRsZXIpO1xuICAgIH07XG4gIH0sIFtdKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdERyb3BBcmVhSW5uZXJcbiAgICAgIGRhdGEtZHJvcHpvbmUtc3RhdHVzPXtzdGF0dXN9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBhY2NlcHRlZD17YWNjZXB0ZWR9XG4gICAgICBvbkRyYWdFbnRlcj17aGFuZGxlQ2FuY2VsfVxuICAgICAgb25EcmFnTGVhdmU9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ092ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJvcD17aGFuZGxlRHJvcH1cbiAgICAvPlxuICApO1xufTtcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHNcbiAgICBCYXNlRHJvcEFyZWFQcm9wcyxcbiAgICBPbWl0PFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiwga2V5b2YgQmFzZURyb3BBcmVhUHJvcHM+IHt9XG5cbmV4cG9ydCBjb25zdCBEcm9wQXJlYSA9ICh7IG9uRHJvcCwgYWNjZXB0LCAuLi5wcm9wcyB9OiBEcm9wQXJlYVByb3BzKSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNhbmNlbCA9IHVzZUNhbGxiYWNrKChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH0sIFtdKTtcbiAgY29uc3QgaGFuZGxlRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5EcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgaWYgKGUuZGF0YVRyYW5zZmVyLmZpbGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgb25Ecm9wKFxuICAgICAgICAgIGFjY2VwdFxuICAgICAgICAgICAgPyBBcnJheS5mcm9tKGUuZGF0YVRyYW5zZmVyLmZpbGVzKS5maWx0ZXIoKGZpbGUpID0+XG4gICAgICAgICAgICAgICAgYWNjZXB0Py50ZXN0KGZpbGUudHlwZSksXG4gICAgICAgICAgICAgIClcbiAgICAgICAgICAgIDogQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcyksXG4gICAgICAgICk7XG4gICAgICAgIGUuZGF0YVRyYW5zZmVyLmNsZWFyRGF0YSgpO1xuICAgICAgfVxuICAgICAgZGVsZXRlIGUuY3VycmVudFRhcmdldC5kYXRhc2V0LmRyb3BBcmVhU3RhdHVzO1xuICAgIH0sXG4gICAgW2FjY2VwdCwgb25Ecm9wXSxcbiAgKTtcbiAgY29uc3QgW3N0YXR1cywgc2V0U3RhdHVzXSA9IHVzZVN0YXRlKFwiXCIpO1xuICBjb25zdCBbYWNjZXB0ZWQsIHNldEFjY2VwdGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBoYW5kbGVyID0gKGV2ZW50OiBEcmFnRXZlbnQpID0+IHtcbiAgICAgIHNldEFjY2VwdGVkKGV2ZW50LmRhdGFUcmFuc2Zlcj8udHlwZXMuaW5jbHVkZXMoXCJGaWxlc1wiKSA/PyBmYWxzZSk7XG4gICAgICBzZXRTdGF0dXMoZXZlbnQudHlwZSk7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwiZHJvcFwiLCBoYW5kbGVyKTtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJhZ292ZXJcIiwgaGFuZGxlcik7XG4gICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKFwiZHJhZ2xlYXZlXCIsIGhhbmRsZXIpO1xuICAgIH07XG4gIH0sIFtdKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdERyb3BBcmVhSW5uZXJcbiAgICAgIGRhdGEtZHJvcHpvbmUtc3RhdHVzPXtzdGF0dXN9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBhY2NlcHRlZD17YWNjZXB0ZWR9XG4gICAgICBvbkRyYWdFbnRlcj17aGFuZGxlQ2FuY2VsfVxuICAgICAgb25EcmFnTGVhdmU9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ092ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJvcD17aGFuZGxlRHJvcH1cbiAgICAvPlxuICApO1xufTtcbiJdfQ== */"]
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
22
22
|
export var DropArea = _ref2 => {
|
package/DropArea/DropArea.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropArea.js","names":["css","React","useCallback","useEffect","useState","useTheme","jsx","___EmotionJSX","DefaultDropAreaInner","_ref","accepted","props","_objectWithoutPropertiesLoose","_excluded","palette","transitions","_extends","background","paper","gray","process","env","NODE_ENV","undefined","duration","shorter","easing","easeIn","intentions","primary","light","main","DropArea","_ref2","onDrop","accept","_excluded2","handleCancel","e","preventDefault","stopPropagation","handleDrop","dataTransfer","files","length","Array","from","filter","file","test","type","clearData","currentTarget","dataset","dropAreaStatus","status","setStatus","setAccepted","handler","event","_event$dataTransfer$t","_event$dataTransfer","types","includes","document","addEventListener","removeEventListener","onDragEnter","onDragLeave","onDragOver"],"sources":["../../../src/DropArea/DropArea.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { useTheme } from \"../theme\";\n\nexport interface DefaultDropAreaInnerProps
|
|
1
|
+
{"version":3,"file":"DropArea.js","names":["css","React","useCallback","useEffect","useState","useTheme","jsx","___EmotionJSX","DefaultDropAreaInner","_ref","accepted","props","_objectWithoutPropertiesLoose","_excluded","palette","transitions","_extends","background","paper","gray","process","env","NODE_ENV","undefined","duration","shorter","easing","easeIn","intentions","primary","light","main","DropArea","_ref2","onDrop","accept","_excluded2","handleCancel","e","preventDefault","stopPropagation","handleDrop","dataTransfer","files","length","Array","from","filter","file","test","type","clearData","currentTarget","dataset","dropAreaStatus","status","setStatus","setAccepted","handler","event","_event$dataTransfer$t","_event$dataTransfer","types","includes","document","addEventListener","removeEventListener","onDragEnter","onDragLeave","onDragOver"],"sources":["../../../src/DropArea/DropArea.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { useTheme } from \"../theme\";\n\nexport interface DefaultDropAreaInnerProps extends React.ComponentPropsWithoutRef<\"div\"> {\n accepted?: boolean;\n}\n\nconst DefaultDropAreaInner = ({\n accepted,\n ...props\n}: DefaultDropAreaInnerProps) => {\n const { palette, transitions } = useTheme();\n return (\n <div\n {...props}\n css={[\n css`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ${palette.background.paper};\n border: 2px dashed ${palette.gray[300]};\n border-radius: 4px;\n `,\n (accepted === undefined || accepted) &&\n css`\n transition: border-color ${transitions.duration.shorter}\n ${transitions.easing.easeIn};\n &[data-dropzone-status=\"dragover\"] {\n background-color: ${palette.intentions.primary.light};\n border-color: ${palette.intentions.primary.main};\n }\n `,\n ]}\n />\n );\n};\n\ninterface BaseDropAreaProps {\n onDrop: (files: File[]) => void;\n onDragEnter?: never;\n onDragLeave?: never;\n onDragOver?: never;\n accept?: RegExp;\n}\n\nexport interface DropAreaProps\n extends\n BaseDropAreaProps,\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof BaseDropAreaProps> {}\n\nexport const DropArea = ({ onDrop, accept, ...props }: DropAreaProps) => {\n const handleCancel = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n }, []);\n const handleDrop = useCallback(\n (e: React.DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (e.dataTransfer.files.length > 0) {\n onDrop(\n accept\n ? Array.from(e.dataTransfer.files).filter((file) =>\n accept?.test(file.type),\n )\n : Array.from(e.dataTransfer.files),\n );\n e.dataTransfer.clearData();\n }\n delete e.currentTarget.dataset.dropAreaStatus;\n },\n [accept, onDrop],\n );\n const [status, setStatus] = useState(\"\");\n const [accepted, setAccepted] = useState<boolean>(false);\n useEffect(() => {\n const handler = (event: DragEvent) => {\n setAccepted(event.dataTransfer?.types.includes(\"Files\") ?? false);\n setStatus(event.type);\n event.preventDefault();\n event.stopPropagation();\n };\n document.addEventListener(\"drop\", handler);\n document.addEventListener(\"dragover\", handler);\n document.addEventListener(\"dragleave\", handler);\n return () => {\n document.removeEventListener(\"drop\", handler);\n document.removeEventListener(\"dragover\", handler);\n document.removeEventListener(\"dragleave\", handler);\n };\n }, []);\n return (\n <DefaultDropAreaInner\n data-dropzone-status={status}\n {...props}\n accepted={accepted}\n onDragEnter={handleCancel}\n onDragLeave={handleCancel}\n onDragOver={handleCancel}\n onDrop={handleDrop}\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldProps.js","names":[],"sources":["../../../src/FieldBase/FieldProps.tsx"],"sourcesContent":["import React from \"react\";\nimport { FieldGroupContextValue } from \"../FieldGroup\";\n\ninterface CommonFieldProps<T> extends FieldGroupContextValue {\n /**\n * ラベルの文字列を指定します。ラベルは左上に表示されます。\n */\n label?: string;\n /**\n * input要素本来のバリデーションに任意のバリデーションを追加することができます。\n */\n customValidations?: ((value?: T) => string | undefined | false)[];\n /**\n * input要素本来のバリーデーションメッセージを変更することができます。\n */\n validationMessages?: {\n [key in keyof ValidityState]?: string;\n };\n\n /**\n * 任意のヘルパーテキストを挿入できます。ただしinput要素本来のバリデーションの方が優先されます。\n */\n helperText?: React.ReactNode | ((props: { value?: T }) => React.ReactNode);\n /**\n * 任意のヘルパーテキストをinvalidなものとして扱いたい場合に使用できます。\n */\n invalid?: boolean;\n}\n\nexport interface FieldProps
|
|
1
|
+
{"version":3,"file":"FieldProps.js","names":[],"sources":["../../../src/FieldBase/FieldProps.tsx"],"sourcesContent":["import React from \"react\";\nimport { FieldGroupContextValue } from \"../FieldGroup\";\n\ninterface CommonFieldProps<T> extends FieldGroupContextValue {\n /**\n * ラベルの文字列を指定します。ラベルは左上に表示されます。\n */\n label?: string;\n /**\n * input要素本来のバリデーションに任意のバリデーションを追加することができます。\n */\n customValidations?: ((value?: T) => string | undefined | false)[];\n /**\n * input要素本来のバリーデーションメッセージを変更することができます。\n */\n validationMessages?: {\n [key in keyof ValidityState]?: string;\n };\n\n /**\n * 任意のヘルパーテキストを挿入できます。ただしinput要素本来のバリデーションの方が優先されます。\n */\n helperText?: React.ReactNode | ((props: { value?: T }) => React.ReactNode);\n /**\n * 任意のヘルパーテキストをinvalidなものとして扱いたい場合に使用できます。\n */\n invalid?: boolean;\n}\n\nexport interface FieldProps<\n T,\n El = HTMLInputElement,\n> extends CommonFieldProps<T> {\n value?: T;\n defaultValue?: T;\n /**\n * inputの値が更新された場合に発火します。\n *\n * onChangeが呼ばれるタイミングと内部実装の値が変更されるタイミングは異なります。\n * そのため、onChange発火直後にformなどのrefから値を取得しようとするとズレが発生する場合があります。\n */\n onChange?: (value: T, event?: React.SyntheticEvent<El>) => void;\n /**\n * 実体である`input`要素に対するrefを指定します。\n */\n inputRef?: React.Ref<El>;\n}\n"],"mappings":"","ignoreList":[]}
|