matsuri-ui 17.0.2-alpha-1746256178747-0dc69ca.0 → 17.0.2-alpha-1746307672164-fc55bb3.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.
Files changed (131) hide show
  1. package/GlobalMenu/index.js +10 -10
  2. package/GlobalMenu/index.js.map +1 -1
  3. package/ImageUploadArea/ImageUploadArea.js +10 -10
  4. package/ImageUploadArea/ImageUploadArea.js.map +1 -1
  5. package/Table/Table.js +3 -3
  6. package/Table/Table.js.map +1 -1
  7. package/Tabs/TabUI.js +2 -2
  8. package/Tabs/TabUI.js.map +1 -1
  9. package/cjs/Alert/Alert.js +1 -2
  10. package/cjs/Alert/Alert.js.map +1 -1
  11. package/cjs/Alert/AlertContext.js +1 -2
  12. package/cjs/Alert/AlertContext.js.map +1 -1
  13. package/cjs/Button/Button.js +1 -2
  14. package/cjs/Button/Button.js.map +1 -1
  15. package/cjs/CSVImportUI/SubmitProgress.js +1 -2
  16. package/cjs/CSVImportUI/SubmitProgress.js.map +1 -1
  17. package/cjs/Calendar/CalendarDay.js +1 -2
  18. package/cjs/Calendar/CalendarDay.js.map +1 -1
  19. package/cjs/Calendar/CalendarDayEvent.js +1 -2
  20. package/cjs/Calendar/CalendarDayEvent.js.map +1 -1
  21. package/cjs/Calendar/CalendarDaysInMonth.js +1 -2
  22. package/cjs/Calendar/CalendarDaysInMonth.js.map +1 -1
  23. package/cjs/Calendar/CalendarWeek.js +1 -2
  24. package/cjs/Calendar/CalendarWeek.js.map +1 -1
  25. package/cjs/CalendarUI/CalendarUIContainer.js +1 -2
  26. package/cjs/CalendarUI/CalendarUIContainer.js.map +1 -1
  27. package/cjs/CalendarUI/index.js +1 -2
  28. package/cjs/CalendarUI/index.js.map +1 -1
  29. package/cjs/Chip/Chip.js +1 -2
  30. package/cjs/Chip/Chip.js.map +1 -1
  31. package/cjs/DateField/DateField.js +1 -2
  32. package/cjs/DateField/DateField.js.map +1 -1
  33. package/cjs/DropArea/DropArea.js +1 -2
  34. package/cjs/DropArea/DropArea.js.map +1 -1
  35. package/cjs/FieldGroup/index.js +1 -2
  36. package/cjs/FieldGroup/index.js.map +1 -1
  37. package/cjs/FormControl/FormControl.js +1 -2
  38. package/cjs/FormControl/FormControl.js.map +1 -1
  39. package/cjs/FullHeight/FullHeight.js +1 -2
  40. package/cjs/FullHeight/FullHeight.js.map +1 -1
  41. package/cjs/GlobalMenu/index.js +4 -4
  42. package/cjs/GlobalMenu/index.js.map +1 -1
  43. package/cjs/Icon/SVGComponents.js +1 -2
  44. package/cjs/Icon/SVGComponents.js.map +1 -1
  45. package/cjs/ImageUploadArea/ImageUploadArea.js +3 -4
  46. package/cjs/ImageUploadArea/ImageUploadArea.js.map +1 -1
  47. package/cjs/ImageViewer/ImageViewer.js +1 -2
  48. package/cjs/ImageViewer/ImageViewer.js.map +1 -1
  49. package/cjs/InputBase/InputBase.js +1 -2
  50. package/cjs/InputBase/InputBase.js.map +1 -1
  51. package/cjs/InputLabel/InputLabel.js +1 -2
  52. package/cjs/InputLabel/InputLabel.js.map +1 -1
  53. package/cjs/List/List.js +1 -2
  54. package/cjs/List/List.js.map +1 -1
  55. package/cjs/List/ListItem.js +1 -2
  56. package/cjs/List/ListItem.js.map +1 -1
  57. package/cjs/Menu/Menu.js +1 -2
  58. package/cjs/Menu/Menu.js.map +1 -1
  59. package/cjs/Menu/MenuList.js +1 -2
  60. package/cjs/Menu/MenuList.js.map +1 -1
  61. package/cjs/Mobile/MobileHeader.js +1 -2
  62. package/cjs/Mobile/MobileHeader.js.map +1 -1
  63. package/cjs/Mobile/MobilePage.js +1 -2
  64. package/cjs/Mobile/MobilePage.js.map +1 -1
  65. package/cjs/Modal/Modal.js +1 -2
  66. package/cjs/Modal/Modal.js.map +1 -1
  67. package/cjs/Modal/useModal.js +1 -2
  68. package/cjs/Modal/useModal.js.map +1 -1
  69. package/cjs/MultipleTextField/index.js +1 -2
  70. package/cjs/MultipleTextField/index.js.map +1 -1
  71. package/cjs/NumberField/NumberField.js +1 -2
  72. package/cjs/NumberField/NumberField.js.map +1 -1
  73. package/cjs/NumberField/NumberFieldInputWrapper.js +1 -2
  74. package/cjs/NumberField/NumberFieldInputWrapper.js.map +1 -1
  75. package/cjs/Pagination/Pagination.js +1 -2
  76. package/cjs/Pagination/Pagination.js.map +1 -1
  77. package/cjs/Paper/Paper.js +1 -2
  78. package/cjs/Paper/Paper.js.map +1 -1
  79. package/cjs/Popper/Popper.js +1 -2
  80. package/cjs/Popper/Popper.js.map +1 -1
  81. package/cjs/Portal/Portal.js +1 -2
  82. package/cjs/Portal/Portal.js.map +1 -1
  83. package/cjs/Portal/PortalContext.js +1 -2
  84. package/cjs/Portal/PortalContext.js.map +1 -1
  85. package/cjs/RadioButton/RadioButton.js +1 -2
  86. package/cjs/RadioButton/RadioButton.js.map +1 -1
  87. package/cjs/SelectField/SelectField.js +1 -2
  88. package/cjs/SelectField/SelectField.js.map +1 -1
  89. package/cjs/SelectSearchField/SelectSearchField.js +1 -2
  90. package/cjs/SelectSearchField/SelectSearchField.js.map +1 -1
  91. package/cjs/SortArea/index.js +1 -2
  92. package/cjs/SortArea/index.js.map +1 -1
  93. package/cjs/Table/useTable.js +1 -2
  94. package/cjs/Table/useTable.js.map +1 -1
  95. package/cjs/TableUI/index.js +1 -2
  96. package/cjs/TableUI/index.js.map +1 -1
  97. package/cjs/Tabs/Tab.js +1 -2
  98. package/cjs/Tabs/Tab.js.map +1 -1
  99. package/cjs/Tabs/TabGroup.js +1 -2
  100. package/cjs/Tabs/TabGroup.js.map +1 -1
  101. package/cjs/Tabs/TabProvider.js +1 -2
  102. package/cjs/Tabs/TabProvider.js.map +1 -1
  103. package/cjs/Tabs/TabUI.js +1 -2
  104. package/cjs/Tabs/TabUI.js.map +1 -1
  105. package/cjs/TextField/index.js +1 -2
  106. package/cjs/TextField/index.js.map +1 -1
  107. package/cjs/TextareaBase/index.js +1 -2
  108. package/cjs/TextareaBase/index.js.map +1 -1
  109. package/cjs/Thumbnail/Thumbnail.js +1 -2
  110. package/cjs/Thumbnail/Thumbnail.js.map +1 -1
  111. package/cjs/Time/Time.js +1 -2
  112. package/cjs/Time/Time.js.map +1 -1
  113. package/cjs/Timeline/Timeline.js +1 -2
  114. package/cjs/Timeline/Timeline.js.map +1 -1
  115. package/cjs/Tooltip/Tooltip.js +1 -2
  116. package/cjs/Tooltip/Tooltip.js.map +1 -1
  117. package/cjs/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js +1 -2
  118. package/cjs/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js.map +1 -1
  119. package/cjs/WeeklyCalendarUI/WeeklyCalendarUI.js +1 -2
  120. package/cjs/WeeklyCalendarUI/WeeklyCalendarUI.js.map +1 -1
  121. package/cjs/theme.js +1 -2
  122. package/cjs/theme.js.map +1 -1
  123. package/esm/GlobalMenu/index.js +10 -10
  124. package/esm/GlobalMenu/index.js.map +1 -1
  125. package/esm/ImageUploadArea/ImageUploadArea.js +10 -10
  126. package/esm/ImageUploadArea/ImageUploadArea.js.map +1 -1
  127. package/esm/Table/Table.js +3 -3
  128. package/esm/Table/Table.js.map +1 -1
  129. package/esm/Tabs/TabUI.js +2 -2
  130. package/esm/Tabs/TabUI.js.map +1 -1
  131. package/package.json +4 -4
@@ -1 +1 @@
1
- {"version":3,"file":"useModal.js","names":["_react","_interopRequireWildcard","require","_react2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ModalContext","createContext","ModalProvider","children","Modal","props","setModal","useState","open","setOpen","value","useMemo","jsx","Provider","exports","modalSizes","sm","md","lg","useModal","options","ctx","useContext","Error","handleClose","useCallback","handleOpen","onClose","disableClose","undefined","onClickOutside","enableClickOutside","backdrop","disableBackdrop","maxWidth","size"],"sources":["../../../src/Modal/useModal.tsx"],"sourcesContent":["import { UseModalStateOptions } from \"./useModalState\";\nimport React, {\n createContext,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from \"react\";\n\nconst ModalContext = createContext<{\n setOpen: (open: boolean) => void;\n setModal: (args: {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Modal: (props: any) => React.JSX.Element;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n props: Record<string, any>;\n }) => void;\n} | null>(null);\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n const [{ Modal, props }, setModal] = useState<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Modal?: (props: Record<string, any>) => React.JSX.Element;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n props?: Record<string, any>;\n }>({});\n const [open, setOpen] = useState(false);\n\n const value = useMemo(() => {\n return {\n setOpen,\n setModal,\n };\n }, []);\n\n return (\n <ModalContext.Provider value={value}>\n {children}\n {Modal ? <Modal open={open} {...props} /> : null}\n </ModalContext.Provider>\n );\n};\n\nexport interface UseModalOptions extends UseModalStateOptions {\n disableBackdrop?: boolean;\n /**\n * @default \"md\"\n */\n size?: \"sm\" | \"md\" | \"lg\";\n}\n\n// TODO: この実装はModalに入れる\nconst modalSizes = {\n sm: 400,\n md: 520,\n lg: 800,\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useModal = <T extends Record<string, any>>(\n Modal: (props: T) => React.JSX.Element,\n options?: UseModalOptions,\n) => {\n const ctx = useContext(ModalContext);\n if (ctx === null) {\n throw new Error(\"useModal must be used within a ModalProvider\");\n }\n\n const handleClose = useCallback(() => {\n ctx.setOpen(false);\n }, [ctx]);\n\n const handleOpen = useCallback(\n (props?: T) => {\n ctx.setModal({\n Modal,\n props: {\n onClose: options?.disableClose ? undefined : handleClose,\n onClickOutside: options?.enableClickOutside ? handleClose : undefined,\n backdrop: options?.disableBackdrop ? false : true,\n maxWidth: modalSizes[options?.size ?? \"md\"],\n ...props,\n },\n });\n ctx.setOpen(true);\n },\n [Modal, options, handleClose, ctx],\n );\n return [handleOpen, handleClose] as const;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"useModal.js","names":["_react","_interopRequireWildcard","require","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ModalContext","createContext","ModalProvider","children","Modal","props","setModal","useState","open","setOpen","value","useMemo","jsx","Provider","exports","modalSizes","sm","md","lg","useModal","options","ctx","useContext","Error","handleClose","useCallback","handleOpen","onClose","disableClose","undefined","onClickOutside","enableClickOutside","backdrop","disableBackdrop","maxWidth","size"],"sources":["../../../src/Modal/useModal.tsx"],"sourcesContent":["import { UseModalStateOptions } from \"./useModalState\";\nimport React, {\n createContext,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from \"react\";\n\nconst ModalContext = createContext<{\n setOpen: (open: boolean) => void;\n setModal: (args: {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Modal: (props: any) => React.JSX.Element;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n props: Record<string, any>;\n }) => void;\n} | null>(null);\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n const [{ Modal, props }, setModal] = useState<{\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Modal?: (props: Record<string, any>) => React.JSX.Element;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n props?: Record<string, any>;\n }>({});\n const [open, setOpen] = useState(false);\n\n const value = useMemo(() => {\n return {\n setOpen,\n setModal,\n };\n }, []);\n\n return (\n <ModalContext.Provider value={value}>\n {children}\n {Modal ? <Modal open={open} {...props} /> : null}\n </ModalContext.Provider>\n );\n};\n\nexport interface UseModalOptions extends UseModalStateOptions {\n disableBackdrop?: boolean;\n /**\n * @default \"md\"\n */\n size?: \"sm\" | \"md\" | \"lg\";\n}\n\n// TODO: この実装はModalに入れる\nconst modalSizes = {\n sm: 400,\n md: 520,\n lg: 800,\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const useModal = <T extends Record<string, any>>(\n Modal: (props: T) => React.JSX.Element,\n options?: UseModalOptions,\n) => {\n const ctx = useContext(ModalContext);\n if (ctx === null) {\n throw new Error(\"useModal must be used within a ModalProvider\");\n }\n\n const handleClose = useCallback(() => {\n ctx.setOpen(false);\n }, [ctx]);\n\n const handleOpen = useCallback(\n (props?: T) => {\n ctx.setModal({\n Modal,\n props: {\n onClose: options?.disableClose ? undefined : handleClose,\n onClickOutside: options?.enableClickOutside ? handleClose : undefined,\n backdrop: options?.disableBackdrop ? false : true,\n maxWidth: modalSizes[options?.size ?? \"md\"],\n ...props,\n },\n });\n ctx.setOpen(true);\n },\n [Modal, options, handleClose, ctx],\n );\n return [handleOpen, handleClose] as const;\n};\n"],"mappings":"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","ignoreList":[]}
@@ -13,8 +13,7 @@ var _useMergeRefs = require("../hooks/useMergeRefs");
13
13
  var _useValidation = require("../FieldBase/useValidation");
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
  var _react2 = require("@emotion/react");
16
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
18
17
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
19
18
  const MultipleTextField = exports.MultipleTextField = /*#__PURE__*/(0, _react.forwardRef)((props, rootRef) => {
20
19
  const {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_FormControl","require","_FormHelperText","_InputLabel","_TextareaBase","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_useValidation","_react","_interopRequireWildcard","_react2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","MultipleTextField","exports","forwardRef","props","rootRef","label","style","className","onChange","onFocus","validationMessages","customValidations","disabled","helperText","invalid","defaultValue","value","_propsValue","loading","propsLoading","readOnly","propsReadOnly","id","inputRef","restProps","ref","useRef","undefined","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","validation","useValidation","handleChange","useCallback","event","currentTarget","touched","additionalProps","useDitectInputTouched","internalInputId","useId","inputId","jsx","FormControl","InputLabel","required","htmlFor","TextareaBase","FormHelperText","valid","message"],"sources":["../../../src/MultipleTextField/index.tsx"],"sourcesContent":["import { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputLabel } from \"../InputLabel\";\nimport { TextareaBase, TextareaBaseProps } from \"../TextareaBase\";\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 React, { forwardRef, useCallback, useId, useRef } from \"react\";\n\nexport interface MultipleTextFieldProps\n extends FieldProps<string, HTMLTextAreaElement>,\n Omit<TextareaBaseProps, \"onChange\" | \"defaultValue\" | \"value\"> {\n children?: never;\n}\n\nexport const MultipleTextField = forwardRef<\n HTMLDivElement,\n MultipleTextFieldProps\n>((props, rootRef) => {\n const {\n label,\n style,\n className,\n onChange,\n onFocus,\n validationMessages,\n customValidations,\n disabled,\n helperText,\n invalid,\n defaultValue,\n value: _propsValue,\n loading: propsLoading,\n readOnly: propsReadOnly,\n id,\n inputRef,\n ...restProps\n } = props;\n const ref = useRef<HTMLTextAreaElement | null>(undefined);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const validation = useValidation({\n ref,\n validationMessages,\n customValidations,\n value,\n });\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n const { value } = event.currentTarget;\n setValue(value);\n if (onChange) {\n onChange(value, event);\n }\n },\n [onChange, setValue],\n );\n const [touched, additionalProps] = useDitectInputTouched(onFocus);\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className} ref={rootRef}>\n <InputLabel\n aria-disabled={disabled}\n required={props.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <TextareaBase\n id={inputId}\n disabled={disabled}\n readOnly={readOnly}\n loading={loading}\n onChange={handleChange}\n value={value}\n ref={refs}\n {...restProps}\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 </FormControl>\n );\n});\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_FormControl","require","_FormHelperText","_InputLabel","_TextareaBase","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_useValidation","_react","_interopRequireWildcard","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","MultipleTextField","exports","forwardRef","props","rootRef","label","style","className","onChange","onFocus","validationMessages","customValidations","disabled","helperText","invalid","defaultValue","value","_propsValue","loading","propsLoading","readOnly","propsReadOnly","id","inputRef","restProps","ref","useRef","undefined","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","validation","useValidation","handleChange","useCallback","event","currentTarget","touched","additionalProps","useDitectInputTouched","internalInputId","useId","inputId","jsx","FormControl","InputLabel","required","htmlFor","TextareaBase","FormHelperText","valid","message"],"sources":["../../../src/MultipleTextField/index.tsx"],"sourcesContent":["import { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputLabel } from \"../InputLabel\";\nimport { TextareaBase, TextareaBaseProps } from \"../TextareaBase\";\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 React, { forwardRef, useCallback, useId, useRef } from \"react\";\n\nexport interface MultipleTextFieldProps\n extends FieldProps<string, HTMLTextAreaElement>,\n Omit<TextareaBaseProps, \"onChange\" | \"defaultValue\" | \"value\"> {\n children?: never;\n}\n\nexport const MultipleTextField = forwardRef<\n HTMLDivElement,\n MultipleTextFieldProps\n>((props, rootRef) => {\n const {\n label,\n style,\n className,\n onChange,\n onFocus,\n validationMessages,\n customValidations,\n disabled,\n helperText,\n invalid,\n defaultValue,\n value: _propsValue,\n loading: propsLoading,\n readOnly: propsReadOnly,\n id,\n inputRef,\n ...restProps\n } = props;\n const ref = useRef<HTMLTextAreaElement | null>(undefined);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const validation = useValidation({\n ref,\n validationMessages,\n customValidations,\n value,\n });\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n const { value } = event.currentTarget;\n setValue(value);\n if (onChange) {\n onChange(value, event);\n }\n },\n [onChange, setValue],\n );\n const [touched, additionalProps] = useDitectInputTouched(onFocus);\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className} ref={rootRef}>\n <InputLabel\n aria-disabled={disabled}\n required={props.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <TextareaBase\n id={inputId}\n disabled={disabled}\n readOnly={readOnly}\n loading={loading}\n onChange={handleChange}\n value={value}\n ref={refs}\n {...restProps}\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 </FormControl>\n );\n});\n"],"mappings":"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","ignoreList":[]}
@@ -15,8 +15,7 @@ var _useMergeRefs = require("../hooks/useMergeRefs");
15
15
  var _useValidation = require("../FieldBase/useValidation");
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
  var _react2 = require("@emotion/react");
18
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
20
19
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
21
20
  const toLocaleValue = (value, locale, options) => {
22
21
  return value === undefined ? "" : value.toLocaleString(locale, options);
@@ -1 +1 @@
1
- {"version":3,"file":"NumberField.js","names":["_FormControl","require","_FormHelperText","_InputBase","_InputLabel","_LocaleProvider","_NumberFieldInputWrapper","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_useValidation","_react","_interopRequireWildcard","_react2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","toLocaleValue","value","locale","options","undefined","toLocaleString","equalNumber","b","Number","isNaN","additionalValidations","navigator","test","language","NumberField","exports","forwardRef","props","rootRef","validationMessages","customValidations","style","className","label","onChange","onFocus","defaultValue","disabled","_propsValue","readOnly","propsReadOnly","loading","propsLoading","helperText","invalid","max","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","step","id","inputRef","others","useContext","LocaleContext","ref","useRef","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","mergedCustomValidations","useMemo","validation","useValidation","inputValue","setInputValue","useState","prevPropsValue","current","handleBlur","useCallback","touched","touchedProps","useDitectInputTouched","handleChange","event","currentTarget","next","handleWheel","blur","internalInputId","useId","inputId","jsx","FormControl","InputLabel","required","htmlFor","NumberFieldInputWrapperContext","Provider","type","InputBase","renderInputWrapper","NumberFieldInputWrapper","onBlur","onWheel","valid","FormHelperText","message"],"sources":["../../../src/NumberField/NumberField.tsx"],"sourcesContent":["import { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { LocaleContext } from \"../LocaleProvider\";\nimport {\n NumberFieldInputWrapper,\n NumberFieldInputWrapperContext,\n} from \"./NumberFieldInputWrapper\";\nimport { NumberFormatOptions } from \"./NumberFormatOptions\";\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 React, {\n forwardRef,\n useCallback,\n useContext,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\ninterface CommonNumberFieldProps\n extends Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\"> {\n /**\n * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat\n */\n options?: NumberFormatOptions;\n type?: never;\n children?: never;\n /**\n * 入力が受け付ける最大値を指定します。\n *\n * @default Number.MAX_SAFE_INTEGER\n */\n max?: number;\n /**\n * 入力が受け付ける最小値を指定します。\n *\n * @default Number.MIN_SAFE_INTEGER\n */\n min?: number;\n}\n\nexport interface NumberFieldProps\n extends FieldProps<number | undefined>,\n CommonNumberFieldProps {}\n\nconst toLocaleValue = (\n value?: number,\n locale?: string,\n options?: NumberFormatOptions,\n): string | undefined => {\n return value === undefined ? \"\" : value.toLocaleString(locale, options);\n};\n\nconst equalNumber = (a: number | undefined, b: number | undefined): boolean => {\n if (a === b) {\n return true;\n }\n // NaNとNaNはtrueにならないが等しいとみなす\n if (Number.isNaN(a) && Number.isNaN(b)) {\n return true;\n }\n return false;\n};\n\nconst additionalValidations = [\n (value?: number) => {\n if (Number.isNaN(value)) {\n if (navigator && /^ja\\b/.test(navigator.language)) {\n return \"不正でない数値を入力してください\";\n }\n return \"Enter a valid number\";\n }\n return;\n },\n] satisfies NumberFieldProps[\"customValidations\"];\n\nexport const NumberField = forwardRef<\n HTMLDivElement,\n Readonly<NumberFieldProps>\n>((props, rootRef) => {\n const {\n validationMessages,\n customValidations,\n style,\n className,\n label,\n options,\n onChange,\n onFocus,\n defaultValue,\n disabled,\n\n value: _propsValue,\n readOnly: propsReadOnly,\n loading: propsLoading,\n helperText,\n invalid,\n max = Number.MAX_SAFE_INTEGER,\n min = Number.MIN_SAFE_INTEGER,\n step = 1,\n id,\n inputRef,\n ...others\n } = props;\n const locale = useContext(LocaleContext);\n const ref = useRef<HTMLInputElement>(null);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\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 mergedCustomValidations = useMemo(() => {\n return customValidations\n ? [...customValidations, ...additionalValidations]\n : additionalValidations;\n }, [customValidations]);\n\n const validation = useValidation({\n ref,\n validationMessages,\n customValidations: mergedCustomValidations,\n value,\n });\n\n // input要素の実際の値を管理している。これにより、`.0`や`.20`など入力途中の表示を維持できる。\n const [inputValue, setInputValue] = useState(\n value === undefined ? \"\" : `${value}`,\n );\n\n // 制御コンポーネントとして扱われる場合、外部からの値の変更を検知してinput要素の値を更新する。\n const prevPropsValue = useRef(props.value);\n\n if (isControlled && !equalNumber(value, prevPropsValue.current)) {\n prevPropsValue.current = props.value;\n setInputValue(value === undefined ? \"\" : `${value}`);\n }\n\n // フォーカスが外れた場合、入力途中の値を破棄するためにinputValueを更新する\n const handleBlur = useCallback(() => {\n setInputValue(value === undefined ? \"\" : `${value}`);\n }, [value]);\n\n const [touched, touchedProps] = useDitectInputTouched(onFocus);\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.currentTarget;\n\n const next = value === \"\" ? undefined : Number(value);\n setInputValue(value);\n setValue(next);\n if (onChange) {\n onChange(next, event);\n }\n },\n [onChange, setValue],\n );\n\n const handleWheel: React.WheelEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n event.currentTarget.blur();\n },\n [],\n );\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className} ref={rootRef}>\n <InputLabel\n aria-disabled={disabled}\n required={props.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <NumberFieldInputWrapperContext.Provider\n value={\n validation.type === \"badInput\"\n ? \"Invalid number\"\n : toLocaleValue(value, locale, options)\n }\n >\n <InputBase\n loading={loading}\n disabled={disabled}\n id={inputId}\n ref={refs}\n type=\"number\"\n renderInputWrapper={NumberFieldInputWrapper}\n value={inputValue}\n onChange={handleChange}\n onBlur={handleBlur}\n onWheel={handleWheel}\n readOnly={readOnly}\n data-invalid={!validation.valid}\n max={max}\n min={min}\n step={step}\n {...others}\n {...touchedProps}\n />\n </NumberFieldInputWrapperContext.Provider>\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":"NumberField.js","names":["_FormControl","require","_FormHelperText","_InputBase","_InputLabel","_LocaleProvider","_NumberFieldInputWrapper","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_useValidation","_react","_interopRequireWildcard","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","toLocaleValue","value","locale","options","undefined","toLocaleString","equalNumber","a","b","Number","isNaN","additionalValidations","navigator","test","language","NumberField","exports","forwardRef","props","rootRef","validationMessages","customValidations","style","className","label","onChange","onFocus","defaultValue","disabled","_propsValue","readOnly","propsReadOnly","loading","propsLoading","helperText","invalid","max","MAX_SAFE_INTEGER","min","MIN_SAFE_INTEGER","step","id","inputRef","others","useContext","LocaleContext","ref","useRef","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","mergedCustomValidations","useMemo","validation","useValidation","inputValue","setInputValue","useState","prevPropsValue","current","handleBlur","useCallback","touched","touchedProps","useDitectInputTouched","handleChange","event","currentTarget","next","handleWheel","blur","internalInputId","useId","inputId","jsx","FormControl","InputLabel","required","htmlFor","NumberFieldInputWrapperContext","Provider","type","InputBase","renderInputWrapper","NumberFieldInputWrapper","onBlur","onWheel","valid","FormHelperText","message"],"sources":["../../../src/NumberField/NumberField.tsx"],"sourcesContent":["import { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { LocaleContext } from \"../LocaleProvider\";\nimport {\n NumberFieldInputWrapper,\n NumberFieldInputWrapperContext,\n} from \"./NumberFieldInputWrapper\";\nimport { NumberFormatOptions } from \"./NumberFormatOptions\";\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 React, {\n forwardRef,\n useCallback,\n useContext,\n useId,\n useMemo,\n useRef,\n useState,\n} from \"react\";\n\ninterface CommonNumberFieldProps\n extends Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\"> {\n /**\n * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat\n */\n options?: NumberFormatOptions;\n type?: never;\n children?: never;\n /**\n * 入力が受け付ける最大値を指定します。\n *\n * @default Number.MAX_SAFE_INTEGER\n */\n max?: number;\n /**\n * 入力が受け付ける最小値を指定します。\n *\n * @default Number.MIN_SAFE_INTEGER\n */\n min?: number;\n}\n\nexport interface NumberFieldProps\n extends FieldProps<number | undefined>,\n CommonNumberFieldProps {}\n\nconst toLocaleValue = (\n value?: number,\n locale?: string,\n options?: NumberFormatOptions,\n): string | undefined => {\n return value === undefined ? \"\" : value.toLocaleString(locale, options);\n};\n\nconst equalNumber = (a: number | undefined, b: number | undefined): boolean => {\n if (a === b) {\n return true;\n }\n // NaNとNaNはtrueにならないが等しいとみなす\n if (Number.isNaN(a) && Number.isNaN(b)) {\n return true;\n }\n return false;\n};\n\nconst additionalValidations = [\n (value?: number) => {\n if (Number.isNaN(value)) {\n if (navigator && /^ja\\b/.test(navigator.language)) {\n return \"不正でない数値を入力してください\";\n }\n return \"Enter a valid number\";\n }\n return;\n },\n] satisfies NumberFieldProps[\"customValidations\"];\n\nexport const NumberField = forwardRef<\n HTMLDivElement,\n Readonly<NumberFieldProps>\n>((props, rootRef) => {\n const {\n validationMessages,\n customValidations,\n style,\n className,\n label,\n options,\n onChange,\n onFocus,\n defaultValue,\n disabled,\n\n value: _propsValue,\n readOnly: propsReadOnly,\n loading: propsLoading,\n helperText,\n invalid,\n max = Number.MAX_SAFE_INTEGER,\n min = Number.MIN_SAFE_INTEGER,\n step = 1,\n id,\n inputRef,\n ...others\n } = props;\n const locale = useContext(LocaleContext);\n const ref = useRef<HTMLInputElement>(null);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\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 mergedCustomValidations = useMemo(() => {\n return customValidations\n ? [...customValidations, ...additionalValidations]\n : additionalValidations;\n }, [customValidations]);\n\n const validation = useValidation({\n ref,\n validationMessages,\n customValidations: mergedCustomValidations,\n value,\n });\n\n // input要素の実際の値を管理している。これにより、`.0`や`.20`など入力途中の表示を維持できる。\n const [inputValue, setInputValue] = useState(\n value === undefined ? \"\" : `${value}`,\n );\n\n // 制御コンポーネントとして扱われる場合、外部からの値の変更を検知してinput要素の値を更新する。\n const prevPropsValue = useRef(props.value);\n\n if (isControlled && !equalNumber(value, prevPropsValue.current)) {\n prevPropsValue.current = props.value;\n setInputValue(value === undefined ? \"\" : `${value}`);\n }\n\n // フォーカスが外れた場合、入力途中の値を破棄するためにinputValueを更新する\n const handleBlur = useCallback(() => {\n setInputValue(value === undefined ? \"\" : `${value}`);\n }, [value]);\n\n const [touched, touchedProps] = useDitectInputTouched(onFocus);\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const { value } = event.currentTarget;\n\n const next = value === \"\" ? undefined : Number(value);\n setInputValue(value);\n setValue(next);\n if (onChange) {\n onChange(next, event);\n }\n },\n [onChange, setValue],\n );\n\n const handleWheel: React.WheelEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n event.currentTarget.blur();\n },\n [],\n );\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className} ref={rootRef}>\n <InputLabel\n aria-disabled={disabled}\n required={props.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <NumberFieldInputWrapperContext.Provider\n value={\n validation.type === \"badInput\"\n ? \"Invalid number\"\n : toLocaleValue(value, locale, options)\n }\n >\n <InputBase\n loading={loading}\n disabled={disabled}\n id={inputId}\n ref={refs}\n type=\"number\"\n renderInputWrapper={NumberFieldInputWrapper}\n value={inputValue}\n onChange={handleChange}\n onBlur={handleBlur}\n onWheel={handleWheel}\n readOnly={readOnly}\n data-invalid={!validation.valid}\n max={max}\n min={min}\n step={step}\n {...others}\n {...touchedProps}\n />\n </NumberFieldInputWrapperContext.Provider>\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":[]}
@@ -5,8 +5,7 @@ exports.NumberFieldInputWrapperContext = exports.NumberFieldInputWrapper = void
5
5
  var _InputDisplayValue = require("../InputBase/InputDisplayValue");
6
6
  var _react = require("@emotion/react");
7
7
  var _react2 = _interopRequireWildcard(require("react"));
8
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
9
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
8
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
10
9
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
11
10
  const NumberFieldInputWrapperContext = exports.NumberFieldInputWrapperContext = /*#__PURE__*/(0, _react2.createContext)(undefined);
12
11
  var _ref = process.env.NODE_ENV === "production" ? {
@@ -1 +1 @@
1
- {"version":3,"file":"NumberFieldInputWrapper.js","names":["_InputDisplayValue","require","_react","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","NumberFieldInputWrapperContext","exports","createContext","undefined","_ref","process","env","NODE_ENV","name","styles","toString","NumberFieldInputWrapper","children","value","useContext","jsx","css","InputDisplayValue"],"sources":["../../../src/NumberField/NumberFieldInputWrapper.tsx"],"sourcesContent":["import { InputDisplayValue } from \"../InputBase/InputDisplayValue\";\nimport { css } from \"@emotion/react\";\nimport React, { createContext, useContext } from \"react\";\n\nexport const NumberFieldInputWrapperContext = createContext<string | undefined>(\n undefined,\n);\n\nexport const NumberFieldInputWrapper = ({\n children,\n}: {\n children?: React.ReactNode;\n}) => {\n const value = useContext(NumberFieldInputWrapperContext);\n return (\n <div\n css={css`\n position: relative;\n &:not(:focus-within) {\n input {\n color: transparent;\n }\n }\n input:focus + div {\n display: none;\n }\n `}\n >\n {children}\n <InputDisplayValue>{value}</InputDisplayValue>\n </div>\n );\n};\n"],"mappings":";;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,uBAAA,CAAAH,OAAA;AAAyD,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,iCAAA;AAElD,MAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,gBAAG,IAAAE,qBAAa,EACzDC,SACF,CAAC;AAAC,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAX;AAAA;AAEK,MAAMY,uBAAuB,GAAGA,CAAC;EACtCC;AAGF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,kBAAU,EAACd,8BAA8B,CAAC;EACxD,OACE,IAAAxB,MAAA,CAAAuC,GAAA;IACEC,GAAG,EAAAZ;EAUD,GAEDQ,QAAQ,EACT,IAAApC,MAAA,CAAAuC,GAAA,EAACzC,kBAAA,CAAA2C,iBAAiB,QAAEJ,KAAyB,CAC1C,CAAC;AAEV,CAAC;AAACZ,OAAA,CAAAU,uBAAA,GAAAA,uBAAA","ignoreList":[]}
1
+ {"version":3,"file":"NumberFieldInputWrapper.js","names":["_InputDisplayValue","require","_react","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","NumberFieldInputWrapperContext","exports","createContext","undefined","_ref","process","env","NODE_ENV","name","styles","toString","NumberFieldInputWrapper","children","value","useContext","jsx","css","InputDisplayValue"],"sources":["../../../src/NumberField/NumberFieldInputWrapper.tsx"],"sourcesContent":["import { InputDisplayValue } from \"../InputBase/InputDisplayValue\";\nimport { css } from \"@emotion/react\";\nimport React, { createContext, useContext } from \"react\";\n\nexport const NumberFieldInputWrapperContext = createContext<string | undefined>(\n undefined,\n);\n\nexport const NumberFieldInputWrapper = ({\n children,\n}: {\n children?: React.ReactNode;\n}) => {\n const value = useContext(NumberFieldInputWrapperContext);\n return (\n <div\n css={css`\n position: relative;\n &:not(:focus-within) {\n input {\n color: transparent;\n }\n }\n input:focus + div {\n display: none;\n }\n `}\n >\n {children}\n <InputDisplayValue>{value}</InputDisplayValue>\n </div>\n );\n};\n"],"mappings":";;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,uBAAA,CAAAH,OAAA;AAAyD,SAAAG,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,iCAAA;AAElD,MAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,gBAAG,IAAAE,qBAAa,EACzDC,SACF,CAAC;AAAC,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAX;AAAA;AAEK,MAAMY,uBAAuB,GAAGA,CAAC;EACtCC;AAGF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,kBAAU,EAACd,8BAA8B,CAAC;EACxD,OACE,IAAAvB,MAAA,CAAAsC,GAAA;IACEC,GAAG,EAAAZ;EAUD,GAEDQ,QAAQ,EACT,IAAAnC,MAAA,CAAAsC,GAAA,EAACxC,kBAAA,CAAA0C,iBAAiB,QAAEJ,KAAyB,CAC1C,CAAC;AAEV,CAAC;AAACZ,OAAA,CAAAU,uBAAA,GAAAA,uBAAA","ignoreList":[]}
@@ -12,8 +12,7 @@ var _usePagination = require("./usePagination");
12
12
  var _usePaginationIndex = require("./usePaginationIndex");
13
13
  var _react = _interopRequireWildcard(require("react"));
14
14
  var _react2 = require("@emotion/react");
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
17
16
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
18
17
  const Pagination_ = ({
19
18
  pageIndex: initialPageIndex = 0,
@@ -1 +1 @@
1
- {"version":3,"file":"Pagination.js","names":["_PaginationContainer","require","_PaginationItem","_PaginationMore","_PaginationNext","_PaginationPrev","_subordinateComponents","_usePagination","_usePaginationIndex","_react","_interopRequireWildcard","_react2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Pagination_","pageIndex","initialPageIndex","pageSize","initialPageSize","onChangePage","visibleWidth","size","props","items","nextItem","prevItem","setPageIndex","setPageSize","usePagination","initialState","useEffect","pagination","usePaginationIndex","total","width","jsx","PaginationContainer","Pagination","Prev","getProps","map","PaginationMore","key","item","current","onClick","PaginationItem","render","Next","exports","subordinateComponents","Container","Item","PaginationPrev","PaginationNext","More"],"sources":["../../../src/Pagination/Pagination.tsx"],"sourcesContent":["import { PaginationContainer } from \"./PaginationContainer\";\nimport { PaginationItem } from \"./PaginationItem\";\nimport { PaginationMore } from \"./PaginationMore\";\nimport { PaginationNext } from \"./PaginationNext\";\nimport { PaginationPrev } from \"./PaginationPrev\";\nimport { subordinateComponents } from \"../@utils/subordinateComponents\";\nimport { usePagination } from \"./usePagination\";\nimport { usePaginationIndex } from \"./usePaginationIndex\";\nimport React, { useEffect } from \"react\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * 現在のページ番号、0はじまり。\n * @default 0\n */\n pageIndex?: number;\n /**\n * ページの数、1はじまり。\n * @default 5\n */\n pageSize?: number;\n /**\n * Paginationのボタンが押されたときに発火するメソッド\n */\n onChangePage?: (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n index: number,\n ) => void;\n children?: never;\n /**\n * 表示する長さ。7以下および偶数の値は指定できません。\n */\n visibleWidth?: number;\n\n /**\n * Paginationのサイズを指定出来ます。\n * @default \"medium\"\n */\n size?: \"small\" | \"medium\";\n}\n\nconst Pagination_ = ({\n pageIndex: initialPageIndex = 0,\n pageSize: initialPageSize = 5,\n onChangePage,\n visibleWidth = 7,\n size,\n ...props\n}: PaginationProps) => {\n const {\n items,\n nextItem,\n prevItem,\n setPageIndex,\n setPageSize,\n pageIndex,\n pageSize,\n } = usePagination({\n initialState: {\n pageIndex: initialPageIndex,\n pageSize: initialPageSize,\n },\n onChangePage,\n });\n useEffect(() => {\n setPageIndex(initialPageIndex);\n }, [initialPageIndex, setPageIndex]);\n useEffect(() => {\n setPageSize(initialPageSize);\n }, [initialPageSize, setPageSize]);\n\n const pagination = usePaginationIndex(pageIndex, {\n total: pageSize,\n width: visibleWidth,\n });\n\n return (\n <PaginationContainer {...props} size={size}>\n <Pagination.Prev {...prevItem.getProps()} size={size} />\n {pagination.map((i) => {\n if (i === \"next-more\" || i === \"prev-more\") {\n return <PaginationMore key={i} size={size} />;\n } else {\n const item = items[i];\n const { key, current, onClick } = item.getProps();\n return (\n <PaginationItem\n key={key}\n current={current}\n onClick={onClick}\n size={size}\n >\n {item.render()}\n </PaginationItem>\n );\n }\n })}\n <Pagination.Next {...nextItem.getProps()} size={size} />\n </PaginationContainer>\n );\n};\n\nexport const Pagination = subordinateComponents(Pagination_, {\n Container: PaginationContainer,\n Item: PaginationItem,\n Prev: PaginationPrev,\n Next: PaginationNext,\n More: PaginationMore,\n});\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Pagination.js","names":["_PaginationContainer","require","_PaginationItem","_PaginationMore","_PaginationNext","_PaginationPrev","_subordinateComponents","_usePagination","_usePaginationIndex","_react","_interopRequireWildcard","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Pagination_","pageIndex","initialPageIndex","pageSize","initialPageSize","onChangePage","visibleWidth","size","props","items","nextItem","prevItem","setPageIndex","setPageSize","usePagination","initialState","useEffect","pagination","usePaginationIndex","total","width","jsx","PaginationContainer","Pagination","Prev","getProps","map","PaginationMore","key","item","current","onClick","PaginationItem","render","Next","exports","subordinateComponents","Container","Item","PaginationPrev","PaginationNext","More"],"sources":["../../../src/Pagination/Pagination.tsx"],"sourcesContent":["import { PaginationContainer } from \"./PaginationContainer\";\nimport { PaginationItem } from \"./PaginationItem\";\nimport { PaginationMore } from \"./PaginationMore\";\nimport { PaginationNext } from \"./PaginationNext\";\nimport { PaginationPrev } from \"./PaginationPrev\";\nimport { subordinateComponents } from \"../@utils/subordinateComponents\";\nimport { usePagination } from \"./usePagination\";\nimport { usePaginationIndex } from \"./usePaginationIndex\";\nimport React, { useEffect } from \"react\";\n\nexport interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * 現在のページ番号、0はじまり。\n * @default 0\n */\n pageIndex?: number;\n /**\n * ページの数、1はじまり。\n * @default 5\n */\n pageSize?: number;\n /**\n * Paginationのボタンが押されたときに発火するメソッド\n */\n onChangePage?: (\n event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n index: number,\n ) => void;\n children?: never;\n /**\n * 表示する長さ。7以下および偶数の値は指定できません。\n */\n visibleWidth?: number;\n\n /**\n * Paginationのサイズを指定出来ます。\n * @default \"medium\"\n */\n size?: \"small\" | \"medium\";\n}\n\nconst Pagination_ = ({\n pageIndex: initialPageIndex = 0,\n pageSize: initialPageSize = 5,\n onChangePage,\n visibleWidth = 7,\n size,\n ...props\n}: PaginationProps) => {\n const {\n items,\n nextItem,\n prevItem,\n setPageIndex,\n setPageSize,\n pageIndex,\n pageSize,\n } = usePagination({\n initialState: {\n pageIndex: initialPageIndex,\n pageSize: initialPageSize,\n },\n onChangePage,\n });\n useEffect(() => {\n setPageIndex(initialPageIndex);\n }, [initialPageIndex, setPageIndex]);\n useEffect(() => {\n setPageSize(initialPageSize);\n }, [initialPageSize, setPageSize]);\n\n const pagination = usePaginationIndex(pageIndex, {\n total: pageSize,\n width: visibleWidth,\n });\n\n return (\n <PaginationContainer {...props} size={size}>\n <Pagination.Prev {...prevItem.getProps()} size={size} />\n {pagination.map((i) => {\n if (i === \"next-more\" || i === \"prev-more\") {\n return <PaginationMore key={i} size={size} />;\n } else {\n const item = items[i];\n const { key, current, onClick } = item.getProps();\n return (\n <PaginationItem\n key={key}\n current={current}\n onClick={onClick}\n size={size}\n >\n {item.render()}\n </PaginationItem>\n );\n }\n })}\n <Pagination.Next {...nextItem.getProps()} size={size} />\n </PaginationContainer>\n );\n};\n\nexport const Pagination = subordinateComponents(Pagination_, {\n Container: PaginationContainer,\n Item: PaginationItem,\n Prev: PaginationPrev,\n Next: PaginationNext,\n More: PaginationMore,\n});\n"],"mappings":"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","ignoreList":[]}
@@ -5,8 +5,7 @@ exports.Paper = void 0;
5
5
  var _react = require("@emotion/react");
6
6
  var _theme = require("../theme");
7
7
  var _react2 = _interopRequireWildcard(require("react"));
8
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
9
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
8
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
10
9
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
11
10
  const Paper = exports.Paper = /*#__PURE__*/(0, _react2.forwardRef)(({
12
11
  elevation = 1,
@@ -1 +1 @@
1
- {"version":3,"file":"Paper.js","names":["_react","require","_theme","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Paper","exports","forwardRef","elevation","square","props","ref","theme","useTheme","jsx","css","position","boxSizing","boxShadow","shadows","backgroundColor","palette","background","paper","color","text","primary","borderRadius","process","env","NODE_ENV"],"sources":["../../../src/Paper/Paper.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { forwardRef } from \"react\";\n\nexport interface PaperProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Paperの角に丸みを持たせるかを指定します。\n *\n * @default false\n */\n square?: boolean;\n /**\n * Paperの影の濃さと重なりを整数で指定します。数値が高いほど上に重なり、影は濃くなります。\n *\n * @default 1\n */\n elevation?: number;\n}\n\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>(\n ({ elevation = 1, square = false, ...props }, ref) => {\n const theme = useTheme();\n return (\n <div\n css={css({\n position: \"relative\",\n boxSizing: \"border-box\",\n boxShadow: theme.shadows[elevation],\n backgroundColor: theme.palette.background.paper,\n color: theme.palette.text.primary,\n borderRadius: square ? \"none\" : \"5px\",\n })}\n {...props}\n ref={ref}\n />\n );\n },\n);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,uBAAA,CAAAH,OAAA;AAA0C,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAiBnC,MAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,kBAAU,EAC7B,CAAC;EAAEC,SAAS,GAAG,CAAC;EAAEC,MAAM,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpD,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,OACE,IAAAvC,MAAA,CAAAwC,GAAA,SAAAf,QAAA;IACEgB,GAAG,eAAE,IAAAA,UAAG,EAAC;MACPC,QAAQ,EAAE,UAAU;MACpBC,SAAS,EAAE,YAAY;MACvBC,SAAS,EAAEN,KAAK,CAACO,OAAO,CAACX,SAAS,CAAC;MACnCY,eAAe,EAAER,KAAK,CAACS,OAAO,CAACC,UAAU,CAACC,KAAK;MAC/CC,KAAK,EAAEZ,KAAK,CAACS,OAAO,CAACI,IAAI,CAACC,OAAO;MACjCC,YAAY,EAAElB,MAAM,GAAG,MAAM,GAAG;IAClC,CAAC,EAAAmB,OAAA,CAAAC,GAAA,CAAAC,QAAA,0CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAE,GACCpB,KAAK;IACTC,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"Paper.js","names":["_react","require","_theme","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Paper","exports","forwardRef","elevation","square","props","ref","theme","useTheme","jsx","css","position","boxSizing","boxShadow","shadows","backgroundColor","palette","background","paper","color","text","primary","borderRadius","process","env","NODE_ENV"],"sources":["../../../src/Paper/Paper.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { forwardRef } from \"react\";\n\nexport interface PaperProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Paperの角に丸みを持たせるかを指定します。\n *\n * @default false\n */\n square?: boolean;\n /**\n * Paperの影の濃さと重なりを整数で指定します。数値が高いほど上に重なり、影は濃くなります。\n *\n * @default 1\n */\n elevation?: number;\n}\n\nexport const Paper = forwardRef<HTMLDivElement, PaperProps>(\n ({ elevation = 1, square = false, ...props }, ref) => {\n const theme = useTheme();\n return (\n <div\n css={css({\n position: \"relative\",\n boxSizing: \"border-box\",\n boxShadow: theme.shadows[elevation],\n backgroundColor: theme.palette.background.paper,\n color: theme.palette.text.primary,\n borderRadius: square ? \"none\" : \"5px\",\n })}\n {...props}\n ref={ref}\n />\n );\n },\n);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,uBAAA,CAAAH,OAAA;AAA0C,SAAAG,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAiBnC,MAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,kBAAU,EAC7B,CAAC;EAAEC,SAAS,GAAG,CAAC;EAAEC,MAAM,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpD,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,OACE,IAAAtC,MAAA,CAAAuC,GAAA,SAAAf,QAAA;IACEgB,GAAG,eAAE,IAAAA,UAAG,EAAC;MACPC,QAAQ,EAAE,UAAU;MACpBC,SAAS,EAAE,YAAY;MACvBC,SAAS,EAAEN,KAAK,CAACO,OAAO,CAACX,SAAS,CAAC;MACnCY,eAAe,EAAER,KAAK,CAACS,OAAO,CAACC,UAAU,CAACC,KAAK;MAC/CC,KAAK,EAAEZ,KAAK,CAACS,OAAO,CAACI,IAAI,CAACC,OAAO;MACjCC,YAAY,EAAElB,MAAM,GAAG,MAAM,GAAG;IAClC,CAAC,EAAAmB,OAAA,CAAAC,GAAA,CAAAC,QAAA,0CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAE,GACCpB,KAAK;IACTC,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
@@ -8,8 +8,7 @@ var _useOnClickOutside = require("../hooks/useOnClickOutside");
8
8
  var _reactPopper = require("react-popper");
9
9
  var _theme = require("../theme");
10
10
  var _react2 = _interopRequireWildcard(require("react"));
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
12
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
14
13
  const Popper = ({
15
14
  anchorEl: anchor,
@@ -1 +1 @@
1
- {"version":3,"file":"Popper.js","names":["_Portal","require","_react","_useOnClickOutside","_reactPopper","_theme","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Popper","anchorEl","anchor","children","placement","options","open","onClickOutside","disablePortal","others","popperElement","setPopperElement","useState","handleClickOutside","useCallback","event","contains","target","useOnClickOutside","current","styles","attributes","usePopper","strategy","onFirstUpdate","modifiers","zIndex","useTheme","jsx","Portal","role","ref","css","tooltip","process","env","NODE_ENV","style","popper","exports"],"sources":["../../../src/Popper/Popper.tsx"],"sourcesContent":["import { Instance, Options } from \"@popperjs/core\";\nimport { Portal, PortalProps } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\";\nimport { usePopper } from \"react-popper\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useState } from \"react\";\n\nexport type PopperInstance = Instance;\nexport type PopperOptions = Partial<Omit<Options, \"placement\">>;\nexport type PopperPlacement = Options[\"placement\"];\n\nexport interface PopperBaseProps {\n /**\n * Popperの起点となる要素を指定します。\n */\n anchorEl?: Element | null;\n /**\n * Popperの位置を指定します。\n */\n placement?: PopperPlacement;\n /**\n * @see https://popper.js.org/popper-documentation.html#defaults\n */\n options?: PopperOptions;\n /**\n * Popperの開閉を指定します。\n *\n * @default true\n */\n open?: boolean;\n /**\n * 要素の範囲外がクリックされたら発火するCallbackを指定します。\n *\n * @default undefined\n */\n onClickOutside?: (event: MouseEvent | TouchEvent) => void;\n}\nexport interface PopperProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<PortalProps, \"disablePortal\">,\n PopperBaseProps {\n children?: React.ReactNode;\n}\n\nexport const Popper = ({\n anchorEl: anchor,\n children,\n placement = \"bottom-start\" as const,\n options,\n open = true,\n onClickOutside,\n disablePortal,\n ...others\n}: PopperProps) => {\n const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n null,\n );\n\n const handleClickOutside = useCallback(\n (event: MouseEvent | TouchEvent) => {\n if (anchor && !anchor.contains(event.target as Node) && onClickOutside) {\n onClickOutside(event);\n }\n },\n [anchor, onClickOutside],\n );\n useOnClickOutside({ current: popperElement }, handleClickOutside);\n\n const { styles, attributes } = usePopper(anchor, popperElement, {\n placement,\n strategy: options?.strategy,\n onFirstUpdate: options?.onFirstUpdate,\n modifiers: options?.modifiers,\n });\n\n const { zIndex } = useTheme();\n\n return anchor && open ? (\n <Portal disablePortal={disablePortal}>\n <div\n role=\"tooltip\"\n ref={setPopperElement}\n css={css`\n z-index: ${zIndex.tooltip};\n `}\n {...others}\n style={{\n ...others?.style,\n ...styles.popper,\n }}\n {...attributes.popper}\n >\n {children}\n </div>\n </Portal>\n ) : null;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Popper.js","names":["_Portal","require","_react","_useOnClickOutside","_reactPopper","_theme","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Popper","anchorEl","anchor","children","placement","options","open","onClickOutside","disablePortal","others","popperElement","setPopperElement","useState","handleClickOutside","useCallback","event","contains","target","useOnClickOutside","current","styles","attributes","usePopper","strategy","onFirstUpdate","modifiers","zIndex","useTheme","jsx","Portal","role","ref","css","tooltip","process","env","NODE_ENV","style","popper","exports"],"sources":["../../../src/Popper/Popper.tsx"],"sourcesContent":["import { Instance, Options } from \"@popperjs/core\";\nimport { Portal, PortalProps } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useOnClickOutside } from \"../hooks/useOnClickOutside\";\nimport { usePopper } from \"react-popper\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useState } from \"react\";\n\nexport type PopperInstance = Instance;\nexport type PopperOptions = Partial<Omit<Options, \"placement\">>;\nexport type PopperPlacement = Options[\"placement\"];\n\nexport interface PopperBaseProps {\n /**\n * Popperの起点となる要素を指定します。\n */\n anchorEl?: Element | null;\n /**\n * Popperの位置を指定します。\n */\n placement?: PopperPlacement;\n /**\n * @see https://popper.js.org/popper-documentation.html#defaults\n */\n options?: PopperOptions;\n /**\n * Popperの開閉を指定します。\n *\n * @default true\n */\n open?: boolean;\n /**\n * 要素の範囲外がクリックされたら発火するCallbackを指定します。\n *\n * @default undefined\n */\n onClickOutside?: (event: MouseEvent | TouchEvent) => void;\n}\nexport interface PopperProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<PortalProps, \"disablePortal\">,\n PopperBaseProps {\n children?: React.ReactNode;\n}\n\nexport const Popper = ({\n anchorEl: anchor,\n children,\n placement = \"bottom-start\" as const,\n options,\n open = true,\n onClickOutside,\n disablePortal,\n ...others\n}: PopperProps) => {\n const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n null,\n );\n\n const handleClickOutside = useCallback(\n (event: MouseEvent | TouchEvent) => {\n if (anchor && !anchor.contains(event.target as Node) && onClickOutside) {\n onClickOutside(event);\n }\n },\n [anchor, onClickOutside],\n );\n useOnClickOutside({ current: popperElement }, handleClickOutside);\n\n const { styles, attributes } = usePopper(anchor, popperElement, {\n placement,\n strategy: options?.strategy,\n onFirstUpdate: options?.onFirstUpdate,\n modifiers: options?.modifiers,\n });\n\n const { zIndex } = useTheme();\n\n return anchor && open ? (\n <Portal disablePortal={disablePortal}>\n <div\n role=\"tooltip\"\n ref={setPopperElement}\n css={css`\n z-index: ${zIndex.tooltip};\n `}\n {...others}\n style={{\n ...others?.style,\n ...styles.popper,\n }}\n {...attributes.popper}\n >\n {children}\n </div>\n </Portal>\n ) : null;\n};\n"],"mappings":"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","ignoreList":[]}
@@ -7,8 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
7
7
  var _reactDom = _interopRequireDefault(require("react-dom"));
8
8
  var _react2 = require("@emotion/react");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
10
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
12
11
  const setRef = (ref, value) => {
13
12
  if (typeof ref === "function") {
14
13
  ref(value);
@@ -1 +1 @@
1
- {"version":3,"file":"Portal.js","names":["_PortalContext","require","_react","_interopRequireWildcard","_reactDom","_interopRequireDefault","_react2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","setRef","ref","value","current","exports","canUseDOM","window","document","createElement","Portal","forwardRef","node","propsNode","onRender","children","disablePortal","setNode","useState","contextNode","useContext","PortalContext","useEffect","body","jsx","Fragment","ReactDOM","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import { PortalContext } from \"./PortalContext\";\nimport React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const contextNode = useContext(PortalContext);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n setNode(propsNode || contextNode || document.body);\n }, [contextNode, propsNode]);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n if (node) {\n setRef(ref, node);\n }\n return () => {\n if (node) {\n setRef(ref, null);\n }\n };\n }, [propsNode, node, ref]);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n if (node && onRender) {\n onRender();\n }\n }, [node, onRender]);\n\n return (\n node &&\n (disablePortal ? (\n <Fragment>{children}</Fragment>\n ) : (\n ReactDOM.createPortal(children, node)\n ))\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"Portal.js","names":["_PortalContext","require","_react","_interopRequireWildcard","_reactDom","_interopRequireDefault","_react2","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","setRef","ref","value","current","exports","canUseDOM","window","document","createElement","Portal","forwardRef","node","propsNode","onRender","children","disablePortal","setNode","useState","contextNode","useContext","PortalContext","useEffect","body","jsx","Fragment","ReactDOM","createPortal"],"sources":["../../../src/Portal/Portal.tsx"],"sourcesContent":["import { PortalContext } from \"./PortalContext\";\nimport React, {\n Fragment,\n forwardRef,\n useContext,\n useEffect,\n useState,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\n\nexport const setRef = (\n ref: React.ForwardedRef<HTMLElement>,\n value: HTMLElement | null,\n) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n};\n\n/* eslint-disable @typescript-eslint/prefer-optional-chain */\nconst canUseDOM = !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n);\n/* eslint-enable @typescript-eslint/prefer-optional-chain */\n\nexport interface PortalProps {\n node?: HTMLElement | null;\n /**\n * Portalがレンダリングされたときに発火します。\n */\n onRender?: () => void;\n children?: React.ReactNode;\n /**\n * Portalの挙動を無効化します。子要素は親のDOMヒエラルキーの中に留まります。\n */\n disablePortal?: boolean;\n}\n\nexport const Portal = forwardRef<HTMLElement, PortalProps>(\n ({ node: propsNode, onRender, children, disablePortal }, ref) => {\n const [node, setNode] = useState<HTMLElement | null>(null);\n\n if (!canUseDOM) {\n return null;\n }\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const contextNode = useContext(PortalContext);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n setNode(propsNode || contextNode || document.body);\n }, [contextNode, propsNode]);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n if (node) {\n setRef(ref, node);\n }\n return () => {\n if (node) {\n setRef(ref, null);\n }\n };\n }, [propsNode, node, ref]);\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n useEffect(() => {\n if (node && onRender) {\n onRender();\n }\n }, [node, onRender]);\n\n return (\n node &&\n (disablePortal ? (\n <Fragment>{children}</Fragment>\n ) : (\n ReactDOM.createPortal(children, node)\n ))\n );\n },\n);\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAOA,IAAAG,SAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAiC,IAAAK,OAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAI,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAE1B,MAAMgB,MAAM,GAAGA,CACpBC,GAAoC,EACpCC,KAAyB,KACtB;EACH,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,EAAE;IACdA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF,CAAC;;AAED;AAAAE,OAAA,CAAAJ,MAAA,GAAAA,MAAA;AACA,MAAMK,SAAS,GAAG,CAAC,EACjB,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACD;;AAeO,MAAMC,MAAM,GAAAL,OAAA,CAAAK,MAAA,gBAAG,IAAAC,iBAAU,EAC9B,CAAC;EAAEC,IAAI,EAAEC,SAAS;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAc,CAAC,EAAEd,GAAG,KAAK;EAC/D,MAAM,CAACU,IAAI,EAAEK,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAqB,IAAI,CAAC;EAE1D,IAAI,CAACZ,SAAS,EAAE;IACd,OAAO,IAAI;EACb;;EAEA;EACA,MAAMa,WAAW,GAAG,IAAAC,iBAAU,EAACC,4BAAa,CAAC;;EAE7C;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd;IACAL,OAAO,CAACJ,SAAS,IAAIM,WAAW,IAAIX,QAAQ,CAACe,IAAI,CAAC;EACpD,CAAC,EAAE,CAACJ,WAAW,EAAEN,SAAS,CAAC,CAAC;;EAE5B;EACA,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAIV,IAAI,EAAE;MACRX,MAAM,CAACC,GAAG,EAAEU,IAAI,CAAC;IACnB;IACA,OAAO,MAAM;MACX,IAAIA,IAAI,EAAE;QACRX,MAAM,CAACC,GAAG,EAAE,IAAI,CAAC;MACnB;IACF,CAAC;EACH,CAAC,EAAE,CAACW,SAAS,EAAED,IAAI,EAAEV,GAAG,CAAC,CAAC;;EAE1B;EACA,IAAAoB,gBAAS,EAAC,MAAM;IACd,IAAIV,IAAI,IAAIE,QAAQ,EAAE;MACpBA,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACF,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OACEF,IAAI,KACHI,aAAa,GACZ,IAAAnC,OAAA,CAAA2C,GAAA,EAAC/C,MAAA,CAAAgD,QAAQ,QAAEV,QAAmB,CAAC,iBAE/BW,iBAAQ,CAACC,YAAY,CAACZ,QAAQ,EAAEH,IAAI,CAAC,CACtC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
@@ -4,8 +4,7 @@ exports.__esModule = true;
4
4
  exports.PortalProvider = exports.PortalContext = void 0;
5
5
  var _react = _interopRequireWildcard(require("react"));
6
6
  var _react2 = require("@emotion/react");
7
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
8
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
7
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
9
8
  const PortalContext = exports.PortalContext = /*#__PURE__*/(0, _react.createContext)(null);
10
9
  const PortalProvider = ({
11
10
  root,
@@ -1 +1 @@
1
- {"version":3,"file":"PortalContext.js","names":["_react","_interopRequireWildcard","require","_react2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PortalContext","exports","createContext","PortalProvider","root","children","jsx","Provider","value"],"sources":["../../../src/Portal/PortalContext.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\n\nexport interface PortalProviderProps {\n root: HTMLElement | null;\n children?: React.ReactNode;\n}\n\nexport const PortalContext = createContext<PortalProviderProps[\"root\"]>(null);\n\nexport const PortalProvider = ({ root, children }: PortalProviderProps) => {\n return (\n <PortalContext.Provider value={root}>{children}</PortalContext.Provider>\n );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA6C,IAAAC,OAAA,GAAAD,OAAA;AAAA,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOtC,MAAMW,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAA8B,IAAI,CAAC;AAEtE,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA8B,CAAC,KAAK;EACzE,OACE,IAAA1B,OAAA,CAAA2B,GAAA,EAACN,aAAa,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAK,GAAEC,QAAiC,CAAC;AAE5E,CAAC;AAACJ,OAAA,CAAAE,cAAA,GAAAA,cAAA","ignoreList":[]}
1
+ {"version":3,"file":"PortalContext.js","names":["_react","_interopRequireWildcard","require","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PortalContext","exports","createContext","PortalProvider","root","children","jsx","Provider","value"],"sources":["../../../src/Portal/PortalContext.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\n\nexport interface PortalProviderProps {\n root: HTMLElement | null;\n children?: React.ReactNode;\n}\n\nexport const PortalContext = createContext<PortalProviderProps[\"root\"]>(null);\n\nexport const PortalProvider = ({ root, children }: PortalProviderProps) => {\n return (\n <PortalContext.Provider value={root}>{children}</PortalContext.Provider>\n );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA6C,IAAAC,OAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOtC,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAA8B,IAAI,CAAC;AAEtE,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA8B,CAAC,KAAK;EACzE,OACE,IAAAzB,OAAA,CAAA0B,GAAA,EAACN,aAAa,CAACO,QAAQ;IAACC,KAAK,EAAEJ;EAAK,GAAEC,QAAiC,CAAC;AAE5E,CAAC;AAACJ,OAAA,CAAAE,cAAA,GAAAA,cAAA","ignoreList":[]}
@@ -9,8 +9,7 @@ var _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden");
9
9
  var _react = require("@emotion/react");
10
10
  var _useClickAnimation = require("../hooks/useClickAnimation");
11
11
  var _react2 = _interopRequireWildcard(require("react"));
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
12
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
14
13
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
14
  const fade = (0, _react.keyframes)`
16
15
  100% {
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButton.js","names":["_FieldGroup","require","_ShimmerEffect","_theme","_VisuallyHidden","_react","_useClickAnimation","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","fade","keyframes","wave","RadioButton","exports","forwardRef","color","checkedValue","value","style","className","children","onClick","propsOnClick","loading","propsLoading","readOnly","propsReadOnly","disabled","props","ref","theme","useTheme","clicked","onAnimationEnd","useClickAnimation","useFieldGroup","jsx","ShimmerEffect","active","css","typography","button","spacing","palette","intentions","main","shadows","transitions","duration","shortest","easing","easeIn","action","disabledBackground","contrastText","dark","process","env","NODE_ENV","VisuallyHidden","key","type","checked","undefined"],"sources":["../../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { Theme, useTheme } from \"../theme\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { css, keyframes } from \"@emotion/react\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\nimport React, { forwardRef } from \"react\";\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 interface RadioButtonProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n FieldGroupContextValue {\n /**\n * 子要素は文字列である必要があります。\n */\n children: string;\n checkedValue?: string;\n checked?: never;\n /**\n * テーマカラーを指定できます。\n */\n color?: keyof Theme[\"palette\"][\"intentions\"];\n onClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;\n /**\n * 値を指定してください。\n */\n value: string;\n className?: string;\n style?: React.CSSProperties;\n /**\n * アンコントロールにする場合はRadioButtonにdefaultCheckedを渡し、RadioButtonGroupにvalueを渡さないようにしてください。\n */\n defaultChecked?: boolean;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n (\n {\n color = \"primary\",\n checkedValue,\n value,\n style,\n className,\n children,\n onClick: propsOnClick,\n loading: propsLoading,\n readOnly: propsReadOnly,\n disabled,\n ...props\n },\n ref,\n ) => {\n const theme = useTheme();\n const { clicked, onClick, onAnimationEnd } =\n useClickAnimation(propsOnClick);\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n });\n return (\n <ShimmerEffect active={loading}>\n <label\n data-clicked={clicked}\n style={style}\n className={className}\n css={[\n theme.typography.button,\n css`\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n min-height: 42px;\n padding: ${theme.spacing / 2}px ${theme.spacing * 2.5}px;\n margin: 0px;\n color: ${theme.palette.intentions[color].main};\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n background-color: white;\n border: 1px solid ${theme.palette.intentions[color].main};\n border-radius: 4px;\n outline: none;\n box-shadow: ${theme.shadows[1]};\n transition: ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn};\n appearance: none;\n &:hover {\n box-shadow: ${theme.shadows[3]};\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[color].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 &:has(input:disabled) {\n color: ${theme.palette.action.disabled};\n text-shadow: none;\n cursor: not-allowed;\n border-color: ${theme.palette.action.disabledBackground};\n box-shadow: none;\n }\n &:has(input:checked) {\n color: ${theme.palette.intentions[color].contrastText};\n background-color: ${theme.palette.intentions[color].main};\n border-color: ${theme.palette.intentions[color].main};\n }\n &:has(input:checked:active) {\n background-color: ${theme.palette.intentions[color].dark};\n border-color: ${theme.palette.intentions[color].dark};\n }\n &:has(input:checked:disabled) {\n color: ${theme.palette.action.disabled};\n background-color: ${theme.palette.action.disabledBackground};\n border-color: ${theme.palette.action.disabledBackground};\n }\n `,\n ]}\n >\n <VisuallyHidden>\n <input\n key={`${loading}`}\n ref={ref}\n type=\"radio\"\n onClick={onClick}\n value={value}\n onAnimationEnd={onAnimationEnd}\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n disabled={disabled || readOnly}\n checked={checkedValue ? checkedValue === value : undefined}\n {...props}\n />\n </VisuallyHidden>\n {children}\n </label>\n </ShimmerEffect>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"RadioButton.js","names":["_FieldGroup","require","_ShimmerEffect","_theme","_VisuallyHidden","_react","_useClickAnimation","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","fade","keyframes","wave","RadioButton","exports","forwardRef","color","checkedValue","value","style","className","children","onClick","propsOnClick","loading","propsLoading","readOnly","propsReadOnly","disabled","props","ref","theme","useTheme","clicked","onAnimationEnd","useClickAnimation","useFieldGroup","jsx","ShimmerEffect","active","css","typography","button","spacing","palette","intentions","main","shadows","transitions","duration","shortest","easing","easeIn","action","disabledBackground","contrastText","dark","process","env","NODE_ENV","VisuallyHidden","key","type","checked","undefined"],"sources":["../../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { Theme, useTheme } from \"../theme\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { css, keyframes } from \"@emotion/react\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\nimport React, { forwardRef } from \"react\";\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 interface RadioButtonProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n FieldGroupContextValue {\n /**\n * 子要素は文字列である必要があります。\n */\n children: string;\n checkedValue?: string;\n checked?: never;\n /**\n * テーマカラーを指定できます。\n */\n color?: keyof Theme[\"palette\"][\"intentions\"];\n onClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;\n /**\n * 値を指定してください。\n */\n value: string;\n className?: string;\n style?: React.CSSProperties;\n /**\n * アンコントロールにする場合はRadioButtonにdefaultCheckedを渡し、RadioButtonGroupにvalueを渡さないようにしてください。\n */\n defaultChecked?: boolean;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n (\n {\n color = \"primary\",\n checkedValue,\n value,\n style,\n className,\n children,\n onClick: propsOnClick,\n loading: propsLoading,\n readOnly: propsReadOnly,\n disabled,\n ...props\n },\n ref,\n ) => {\n const theme = useTheme();\n const { clicked, onClick, onAnimationEnd } =\n useClickAnimation(propsOnClick);\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n });\n return (\n <ShimmerEffect active={loading}>\n <label\n data-clicked={clicked}\n style={style}\n className={className}\n css={[\n theme.typography.button,\n css`\n position: relative;\n box-sizing: border-box;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n min-height: 42px;\n padding: ${theme.spacing / 2}px ${theme.spacing * 2.5}px;\n margin: 0px;\n color: ${theme.palette.intentions[color].main};\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n background-color: white;\n border: 1px solid ${theme.palette.intentions[color].main};\n border-radius: 4px;\n outline: none;\n box-shadow: ${theme.shadows[1]};\n transition: ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn};\n appearance: none;\n &:hover {\n box-shadow: ${theme.shadows[3]};\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[color].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 &:has(input:disabled) {\n color: ${theme.palette.action.disabled};\n text-shadow: none;\n cursor: not-allowed;\n border-color: ${theme.palette.action.disabledBackground};\n box-shadow: none;\n }\n &:has(input:checked) {\n color: ${theme.palette.intentions[color].contrastText};\n background-color: ${theme.palette.intentions[color].main};\n border-color: ${theme.palette.intentions[color].main};\n }\n &:has(input:checked:active) {\n background-color: ${theme.palette.intentions[color].dark};\n border-color: ${theme.palette.intentions[color].dark};\n }\n &:has(input:checked:disabled) {\n color: ${theme.palette.action.disabled};\n background-color: ${theme.palette.action.disabledBackground};\n border-color: ${theme.palette.action.disabledBackground};\n }\n `,\n ]}\n >\n <VisuallyHidden>\n <input\n key={`${loading}`}\n ref={ref}\n type=\"radio\"\n onClick={onClick}\n value={value}\n onAnimationEnd={onAnimationEnd}\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n disabled={disabled || readOnly}\n checked={checkedValue ? checkedValue === value : undefined}\n {...props}\n />\n </VisuallyHidden>\n {children}\n </label>\n </ShimmerEffect>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
@@ -23,8 +23,7 @@ var _theme = require("../theme");
23
23
  var _react2 = _interopRequireWildcard(require("react"));
24
24
  var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
25
25
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
26
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
27
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
26
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
28
27
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
29
28
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
30
29
  function ownerDocument(node) {