matsuri-ui 17.0.2-alpha-1746256178747-0dc69ca.0 → 17.0.2-alpha-1746832271249-3eb1b7b.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/GlobalMenu/index.js +10 -10
- package/GlobalMenu/index.js.map +1 -1
- package/ImageUploadArea/ImageUploadArea.js +10 -10
- package/ImageUploadArea/ImageUploadArea.js.map +1 -1
- package/Table/Table.js +3 -3
- package/Table/Table.js.map +1 -1
- package/Tabs/TabUI.js +2 -2
- package/Tabs/TabUI.js.map +1 -1
- package/cjs/Alert/Alert.js +1 -2
- package/cjs/Alert/Alert.js.map +1 -1
- package/cjs/Alert/AlertContext.js +1 -2
- package/cjs/Alert/AlertContext.js.map +1 -1
- package/cjs/Button/Button.js +1 -2
- package/cjs/Button/Button.js.map +1 -1
- package/cjs/CSVImportUI/SubmitProgress.js +1 -2
- package/cjs/CSVImportUI/SubmitProgress.js.map +1 -1
- package/cjs/Calendar/CalendarDay.js +1 -2
- package/cjs/Calendar/CalendarDay.js.map +1 -1
- package/cjs/Calendar/CalendarDayEvent.js +1 -2
- package/cjs/Calendar/CalendarDayEvent.js.map +1 -1
- package/cjs/Calendar/CalendarDaysInMonth.js +1 -2
- package/cjs/Calendar/CalendarDaysInMonth.js.map +1 -1
- package/cjs/Calendar/CalendarWeek.js +1 -2
- package/cjs/Calendar/CalendarWeek.js.map +1 -1
- package/cjs/CalendarUI/CalendarUIContainer.js +1 -2
- package/cjs/CalendarUI/CalendarUIContainer.js.map +1 -1
- package/cjs/CalendarUI/index.js +1 -2
- package/cjs/CalendarUI/index.js.map +1 -1
- package/cjs/Chip/Chip.js +1 -2
- package/cjs/Chip/Chip.js.map +1 -1
- package/cjs/DateField/DateField.js +1 -2
- package/cjs/DateField/DateField.js.map +1 -1
- package/cjs/DropArea/DropArea.js +1 -2
- package/cjs/DropArea/DropArea.js.map +1 -1
- package/cjs/FieldGroup/index.js +1 -2
- package/cjs/FieldGroup/index.js.map +1 -1
- package/cjs/FormControl/FormControl.js +1 -2
- package/cjs/FormControl/FormControl.js.map +1 -1
- package/cjs/FullHeight/FullHeight.js +1 -2
- package/cjs/FullHeight/FullHeight.js.map +1 -1
- package/cjs/GlobalMenu/index.js +4 -4
- package/cjs/GlobalMenu/index.js.map +1 -1
- package/cjs/Icon/SVGComponents.js +1 -2
- package/cjs/Icon/SVGComponents.js.map +1 -1
- package/cjs/ImageUploadArea/ImageUploadArea.js +3 -4
- package/cjs/ImageUploadArea/ImageUploadArea.js.map +1 -1
- package/cjs/ImageViewer/ImageViewer.js +1 -2
- package/cjs/ImageViewer/ImageViewer.js.map +1 -1
- package/cjs/InputBase/InputBase.js +1 -2
- package/cjs/InputBase/InputBase.js.map +1 -1
- package/cjs/InputLabel/InputLabel.js +1 -2
- package/cjs/InputLabel/InputLabel.js.map +1 -1
- package/cjs/List/List.js +1 -2
- package/cjs/List/List.js.map +1 -1
- package/cjs/List/ListItem.js +1 -2
- package/cjs/List/ListItem.js.map +1 -1
- package/cjs/Menu/Menu.js +1 -2
- package/cjs/Menu/Menu.js.map +1 -1
- package/cjs/Menu/MenuList.js +1 -2
- package/cjs/Menu/MenuList.js.map +1 -1
- package/cjs/Mobile/MobileHeader.js +1 -2
- package/cjs/Mobile/MobileHeader.js.map +1 -1
- package/cjs/Mobile/MobilePage.js +1 -2
- package/cjs/Mobile/MobilePage.js.map +1 -1
- package/cjs/Modal/Modal.js +1 -2
- package/cjs/Modal/Modal.js.map +1 -1
- package/cjs/Modal/useModal.js +1 -2
- package/cjs/Modal/useModal.js.map +1 -1
- package/cjs/MultipleTextField/index.js +1 -2
- package/cjs/MultipleTextField/index.js.map +1 -1
- package/cjs/NumberField/NumberField.js +1 -2
- package/cjs/NumberField/NumberField.js.map +1 -1
- package/cjs/NumberField/NumberFieldInputWrapper.js +1 -2
- package/cjs/NumberField/NumberFieldInputWrapper.js.map +1 -1
- package/cjs/Pagination/Pagination.js +1 -2
- package/cjs/Pagination/Pagination.js.map +1 -1
- package/cjs/Paper/Paper.js +1 -2
- package/cjs/Paper/Paper.js.map +1 -1
- package/cjs/Popper/Popper.js +1 -2
- package/cjs/Popper/Popper.js.map +1 -1
- package/cjs/Portal/Portal.js +1 -2
- package/cjs/Portal/Portal.js.map +1 -1
- package/cjs/Portal/PortalContext.js +1 -2
- package/cjs/Portal/PortalContext.js.map +1 -1
- package/cjs/RadioButton/RadioButton.js +1 -2
- package/cjs/RadioButton/RadioButton.js.map +1 -1
- package/cjs/SelectField/SelectField.js +1 -2
- package/cjs/SelectField/SelectField.js.map +1 -1
- package/cjs/SelectSearchField/SelectSearchField.js +1 -2
- package/cjs/SelectSearchField/SelectSearchField.js.map +1 -1
- package/cjs/SortArea/index.js +1 -2
- package/cjs/SortArea/index.js.map +1 -1
- package/cjs/Table/useTable.js +1 -2
- package/cjs/Table/useTable.js.map +1 -1
- package/cjs/TableUI/index.js +1 -2
- package/cjs/TableUI/index.js.map +1 -1
- package/cjs/Tabs/Tab.js +1 -2
- package/cjs/Tabs/Tab.js.map +1 -1
- package/cjs/Tabs/TabGroup.js +1 -2
- package/cjs/Tabs/TabGroup.js.map +1 -1
- package/cjs/Tabs/TabProvider.js +1 -2
- package/cjs/Tabs/TabProvider.js.map +1 -1
- package/cjs/Tabs/TabUI.js +1 -2
- package/cjs/Tabs/TabUI.js.map +1 -1
- package/cjs/TextField/index.js +1 -2
- package/cjs/TextField/index.js.map +1 -1
- package/cjs/TextareaBase/index.js +1 -2
- package/cjs/TextareaBase/index.js.map +1 -1
- package/cjs/Thumbnail/Thumbnail.js +1 -2
- package/cjs/Thumbnail/Thumbnail.js.map +1 -1
- package/cjs/Time/Time.js +1 -2
- package/cjs/Time/Time.js.map +1 -1
- package/cjs/Timeline/Timeline.js +1 -2
- package/cjs/Timeline/Timeline.js.map +1 -1
- package/cjs/Tooltip/Tooltip.js +1 -2
- package/cjs/Tooltip/Tooltip.js.map +1 -1
- package/cjs/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js +1 -2
- package/cjs/WeeklyCalendarUI/WeeklyCalendarDragAndDropCell.js.map +1 -1
- package/cjs/WeeklyCalendarUI/WeeklyCalendarUI.js +1 -2
- package/cjs/WeeklyCalendarUI/WeeklyCalendarUI.js.map +1 -1
- package/cjs/theme.js +1 -2
- package/cjs/theme.js.map +1 -1
- package/esm/GlobalMenu/index.js +10 -10
- package/esm/GlobalMenu/index.js.map +1 -1
- package/esm/ImageUploadArea/ImageUploadArea.js +10 -10
- package/esm/ImageUploadArea/ImageUploadArea.js.map +1 -1
- package/esm/Table/Table.js +3 -3
- package/esm/Table/Table.js.map +1 -1
- package/esm/Tabs/TabUI.js +2 -2
- package/esm/Tabs/TabUI.js.map +1 -1
- package/package.json +5 -5
|
@@ -7,8 +7,7 @@ var _Portal = require("../Portal");
|
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _theme = require("../theme");
|
|
9
9
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
10
|
-
function
|
|
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
|
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); }
|
|
13
12
|
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)."; }
|
|
14
13
|
const AlertContext = /*#__PURE__*/(0, _react2.createContext)({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertContext.js","names":["_Alert","require","_Portal","_react","_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","_EMOTION_STRINGIFIED_CSS_ERROR__","AlertContext","createContext","alertPositions","exports","sx","right","bottom","alignItems","left","margin","top","_ref","process","env","NODE_ENV","name","styles","toString","AlertProvider","children","position","toasts","setAlerts","React","useState","addAlert","useCallback","message","options","id","Math","random","substr","pre","removeAlert","filter","toast","throwAlert","error","errorArr","flat","errorMessage","happend","log","join","severity","console","onError","ignoreSuccess","successMessage","duration","onSuccess","theme","useTheme","contextValue","useMemo","jsx","Provider","value","Portal","css","zIndex","tooltip","padding","spacing","gap","map","Alert","key","useAlert","ctx","useContext"],"sources":["../../../src/Alert/AlertContext.tsx"],"sourcesContent":["import { Alert, AlertMessageType, AlertOptions, AlertProps } from \"./Alert\";\nimport { Portal } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { createContext, useCallback, useContext, useMemo } from \"react\";\n\ntype ThrowAlert = <E extends Error | Error[]>(\n error: E | undefined,\n options: {\n errorMessage?: AlertMessageType;\n successMessage?: AlertMessageType;\n ignoreSuccess?: boolean;\n onError?: (error: E) => void;\n onSuccess?: () => void;\n },\n) => void;\n\ninterface AlertContextValue {\n addAlert: (message: AlertMessageType, options?: AlertOptions) => string;\n removeAlert: (id: string) => void;\n throwAlert: ThrowAlert;\n}\n\nconst AlertContext = createContext({} as AlertContextValue);\n\nexport const alertPositions = [\n \"top-left\",\n \"top-center\",\n \"top-right\",\n \"bottom-left\",\n \"bottom-center\",\n \"bottom-right\",\n] as const;\n\nexport type AlertPosition = (typeof alertPositions)[number];\n\nconst sx = {\n \"bottom-right\": {\n right: 0,\n bottom: 0,\n alignItems: \"flex-end\",\n },\n \"bottom-center\": {\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"bottom-left\": {\n left: 0,\n bottom: 0,\n alignItems: \"flex-start\",\n },\n \"top-right\": {\n right: 0,\n top: 0,\n alignItems: \"flex-end\",\n },\n \"top-center\": {\n top: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"top-left\": {\n left: 0,\n top: 0,\n alignItems: \"flex-start\",\n },\n};\n\nexport interface AlertProviderProps {\n position?: AlertPosition;\n children: React.ReactNode;\n}\n\nexport const AlertProvider = ({\n children,\n position = \"bottom-right\",\n}: AlertProviderProps) => {\n const [toasts, setAlerts] = React.useState<AlertProps[]>([]);\n\n const addAlert = useCallback(\n (message: AlertMessageType, options?: AlertOptions) => {\n const id = options?.id ?? Math.random().toString(36).substr(2, 9);\n\n setAlerts((pre) => {\n return [...pre, { id, message, ...options }];\n });\n return id;\n },\n [],\n );\n\n const removeAlert = useCallback((id: string) => {\n setAlerts((toasts) => toasts.filter((toast) => toast.id !== id));\n }, []);\n\n const throwAlert: ThrowAlert = useCallback(\n (error, options) => {\n const errorArr = error && [error].flat();\n if (errorArr && errorArr.length > 0) {\n const message =\n typeof options.errorMessage === \"object\"\n ? options.errorMessage\n : {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n happend: options.errorMessage || \"エラーが発生しました\",\n };\n\n // eslint-disable-next-line @typescript-eslint/no-base-to-string\n const log = errorArr.join(\",\");\n\n addAlert(\n {\n log,\n ...message,\n },\n {\n severity: \"error\",\n },\n );\n console.error(error);\n options.onError?.(error);\n } else {\n if (options.ignoreSuccess !== true) {\n addAlert(options.successMessage ?? \"リクエストが成功しました\", {\n severity: \"success\",\n duration: 3500,\n });\n }\n options.onSuccess?.();\n }\n },\n [addAlert],\n );\n\n const theme = useTheme();\n\n const contextValue = useMemo(() => {\n return { addAlert, removeAlert, throwAlert };\n }, [addAlert, removeAlert, throwAlert]);\n\n return (\n <AlertContext.Provider value={contextValue}>\n <Portal>\n <div\n css={[\n {\n zIndex: theme.zIndex.tooltip,\n padding: theme.spacing,\n gap: theme.spacing,\n ...sx[position],\n },\n css`\n position: fixed;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n width: fit-content;\n max-height: 100%;\n overflow: hidden;\n `,\n ]}\n >\n {toasts.map((toast) => (\n <Alert {...toast} key={toast.id} />\n ))}\n </div>\n </Portal>\n {children}\n </AlertContext.Provider>\n );\n};\n\nexport const useAlert = (): AlertContextValue => {\n const ctx = useContext(AlertContext);\n return ctx;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"AlertContext.js","names":["_Alert","require","_Portal","_react","_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","_EMOTION_STRINGIFIED_CSS_ERROR__","AlertContext","createContext","alertPositions","exports","sx","right","bottom","alignItems","left","margin","top","_ref","process","env","NODE_ENV","name","styles","toString","AlertProvider","children","position","toasts","setAlerts","React","useState","addAlert","useCallback","message","options","id","Math","random","substr","pre","removeAlert","filter","toast","throwAlert","error","errorArr","flat","errorMessage","happend","log","join","severity","console","onError","ignoreSuccess","successMessage","duration","onSuccess","theme","useTheme","contextValue","useMemo","jsx","Provider","value","Portal","css","zIndex","tooltip","padding","spacing","gap","map","Alert","key","useAlert","ctx","useContext"],"sources":["../../../src/Alert/AlertContext.tsx"],"sourcesContent":["import { Alert, AlertMessageType, AlertOptions, AlertProps } from \"./Alert\";\nimport { Portal } from \"../Portal\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { createContext, useCallback, useContext, useMemo } from \"react\";\n\ntype ThrowAlert = <E extends Error | Error[]>(\n error: E | undefined,\n options: {\n errorMessage?: AlertMessageType;\n successMessage?: AlertMessageType;\n ignoreSuccess?: boolean;\n onError?: (error: E) => void;\n onSuccess?: () => void;\n },\n) => void;\n\ninterface AlertContextValue {\n addAlert: (message: AlertMessageType, options?: AlertOptions) => string;\n removeAlert: (id: string) => void;\n throwAlert: ThrowAlert;\n}\n\nconst AlertContext = createContext({} as AlertContextValue);\n\nexport const alertPositions = [\n \"top-left\",\n \"top-center\",\n \"top-right\",\n \"bottom-left\",\n \"bottom-center\",\n \"bottom-right\",\n] as const;\n\nexport type AlertPosition = (typeof alertPositions)[number];\n\nconst sx = {\n \"bottom-right\": {\n right: 0,\n bottom: 0,\n alignItems: \"flex-end\",\n },\n \"bottom-center\": {\n bottom: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"bottom-left\": {\n left: 0,\n bottom: 0,\n alignItems: \"flex-start\",\n },\n \"top-right\": {\n right: 0,\n top: 0,\n alignItems: \"flex-end\",\n },\n \"top-center\": {\n top: 0,\n left: 0,\n right: 0,\n margin: \"auto\",\n alignItems: \"center\",\n },\n \"top-left\": {\n left: 0,\n top: 0,\n alignItems: \"flex-start\",\n },\n};\n\nexport interface AlertProviderProps {\n position?: AlertPosition;\n children: React.ReactNode;\n}\n\nexport const AlertProvider = ({\n children,\n position = \"bottom-right\",\n}: AlertProviderProps) => {\n const [toasts, setAlerts] = React.useState<AlertProps[]>([]);\n\n const addAlert = useCallback(\n (message: AlertMessageType, options?: AlertOptions) => {\n const id = options?.id ?? Math.random().toString(36).substr(2, 9);\n\n setAlerts((pre) => {\n return [...pre, { id, message, ...options }];\n });\n return id;\n },\n [],\n );\n\n const removeAlert = useCallback((id: string) => {\n setAlerts((toasts) => toasts.filter((toast) => toast.id !== id));\n }, []);\n\n const throwAlert: ThrowAlert = useCallback(\n (error, options) => {\n const errorArr = error && [error].flat();\n if (errorArr && errorArr.length > 0) {\n const message =\n typeof options.errorMessage === \"object\"\n ? options.errorMessage\n : {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n happend: options.errorMessage || \"エラーが発生しました\",\n };\n\n // eslint-disable-next-line @typescript-eslint/no-base-to-string\n const log = errorArr.join(\",\");\n\n addAlert(\n {\n log,\n ...message,\n },\n {\n severity: \"error\",\n },\n );\n console.error(error);\n options.onError?.(error);\n } else {\n if (options.ignoreSuccess !== true) {\n addAlert(options.successMessage ?? \"リクエストが成功しました\", {\n severity: \"success\",\n duration: 3500,\n });\n }\n options.onSuccess?.();\n }\n },\n [addAlert],\n );\n\n const theme = useTheme();\n\n const contextValue = useMemo(() => {\n return { addAlert, removeAlert, throwAlert };\n }, [addAlert, removeAlert, throwAlert]);\n\n return (\n <AlertContext.Provider value={contextValue}>\n <Portal>\n <div\n css={[\n {\n zIndex: theme.zIndex.tooltip,\n padding: theme.spacing,\n gap: theme.spacing,\n ...sx[position],\n },\n css`\n position: fixed;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n width: fit-content;\n max-height: 100%;\n overflow: hidden;\n `,\n ]}\n >\n {toasts.map((toast) => (\n <Alert {...toast} key={toast.id} />\n ))}\n </div>\n </Portal>\n {children}\n </AlertContext.Provider>\n );\n};\n\nexport const useAlert = (): AlertContextValue => {\n const ctx = useContext(AlertContext);\n return ctx;\n};\n"],"mappings":"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","ignoreList":[]}
|
package/cjs/Button/Button.js
CHANGED
|
@@ -8,8 +8,7 @@ var _ShimmerEffect = require("../ShimmerEffect");
|
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
9
|
var _useClickAnimation = require("../hooks/useClickAnimation");
|
|
10
10
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
11
|
-
function
|
|
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
|
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)."; }
|
|
15
14
|
const fade = (0, _react.keyframes)`
|
package/cjs/Button/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["_FieldGroup","require","_theme","_ShimmerEffect","_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","_EMOTION_STRINGIFIED_CSS_ERROR__","fade","keyframes","wave","resetButtonStyle","exports","process","env","NODE_ENV","name","styles","toString","defaultElement","_ref","_ref2","_ref3","Button","forwardRef","icon","endIcon","children","as","onClick","propsOnClick","variant","size","color","rounded","fullWidth","loading","propsLoading","readOnly","propsReadOnly","disabled","props","ref","Component","clicked","onAnimationEnd","useClickAnimation","theme","useTheme","hasChildren","undefined","hasIcon","hasEndIcon","onlyIcon","expanded","Error","useFieldGroup","jsx","ShimmerEffect","active","css","transitions","duration","shortest","easing","easeIn","palette","action","gray","intentions","main","shadows","disabledBackground","text","primary","contrastText","dark","hover","typography","button","fontSize","height","minHeight","padding","borderRadius","width","marginRight","marginLeft"],"sources":["../../../src/Button/Button.tsx"],"sourcesContent":["import { AsComponentProp, ComponentWithAs } from \"../AsComponentProps\";\nimport { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { PartialColorProps, useTheme } from \"../theme\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\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 const resetButtonStyle = 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 padding: 0px;\n margin: 0px;\n font: inherit;\n color: inherit;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: none;\n appearance: none;\n &:disabled {\n cursor: not-allowed;\n }\n &:focus:not(:focus-visible) {\n outline: none;\n }\n`;\n\nexport interface BaseButtonProps\n extends PartialColorProps,\n FieldGroupContextValue {\n children?: React.ReactNode;\n /**\n * ボタンの見た目を指定します。\n *\n * @default text\n */\n variant?: \"filled\" | \"outlined\" | \"text\";\n /**\n * アイコンとして入れる要素を指定します。\n *\n * @default null\n */\n icon?: React.ReactNode;\n /**\n * 文字列の後ろに入れるアイコンの要素を指定します。\n * iconが指定されておらず、childrenがある場合のみ表示できます。\n *\n * @default null\n */\n endIcon?: React.ReactNode;\n /**\n * ボタンに丸みをつけます\n *\n * @default false\n */\n rounded?: boolean;\n /**\n * 最大限幅を大きくします。\n *\n * @default false\n */\n fullWidth?: boolean;\n /**\n * Use readOnly instead\n */\n disabled?: boolean;\n /**\n * 大きさを指定します。\n *\n * @default medium\n */\n size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n}\n/**\n## 仕様について\n\n### カラーリング\n\nButton要素に対して親のカラーを継承したいという需要が理解できなかったため、\nデフォルトの挙動はinheritではなく、Themeの`palette.text.primary`をメインカラーをとしたものになります。\n\n### Icon\n\n近年、Floating Action Button (FAB)に代表されるアイコンのみのボタンが多く用いられるようになってきました。\nこのコンポーネントでもその需要に対応するため、icon属性を導入しています。\n\n子要素を指定せずicon属性を指定した場合、Button要素はrounded属性の有無によって正円または正方形になります。\nrounded属性を指定した場合のButton要素はFAB相当です。\n\nまた子要素が指定された場合、いわゆるExpanded FABと言われるコンポーネントと同等の見た目になります。\nこのときicon属性に指定した要素の右側には自動でマージンが入ります。\n\n\n## Button要素のパターンを増やしたい場合\n\nvariant属性は見た目のみを変化させるべきです。variantの値によって色や形状を変化させてはいけません。\n\nrounded属性は唯一形状を変化させます。ですが属性による形状の変化はそれが同一のコンポーネントである限り最低限であるべきです。\nもしrounded以外に形状を変化させる属性を追加したいと思ったなら、別コンポーネントとして切り出せないか検討してください。\n */\n\nconst defaultElement: keyof React.JSX.IntrinsicElements = \"button\";\n\n/*\nexport type ButtonProps<E> = E extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n ? MergeElementProps<E, BaseButtonProps> & {\n as: E\n }\n : E extends never\n ? MergeElementProps<\"button\", BaseButtonProps>\n : never\n*/\n\nexport type ButtonProps<E extends React.ElementType = \"button\"> =\n AsComponentProp<E, BaseButtonProps>;\n\nexport const Button = forwardRef(\n <E extends React.ElementType = \"button\">(\n {\n icon,\n endIcon,\n children,\n as,\n onClick: propsOnClick,\n variant = \"text\",\n size = \"medium\",\n color = \"default\",\n rounded = false,\n fullWidth,\n loading: propsLoading,\n readOnly: propsReadOnly,\n disabled,\n ...props\n }: ButtonProps<E>,\n ref: React.ForwardedRef<E>,\n ) => {\n const Component: React.ElementType = as ?? defaultElement;\n const { clicked, onClick, onAnimationEnd } =\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n useClickAnimation(propsOnClick);\n const theme = useTheme();\n /**\n * flags\n */\n const hasChildren = children !== undefined && children !== null;\n const hasIcon = icon !== undefined && icon !== null;\n const hasEndIcon = endIcon !== undefined && endIcon !== null;\n const onlyIcon = hasIcon && hasChildren === false;\n const expanded = hasIcon && hasChildren;\n if ((hasEndIcon && hasChildren === false) || (onlyIcon && hasEndIcon)) {\n throw new Error(\"endIcon can only be used when children is specified.\");\n }\n /**\n * loading\n */\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n });\n return (\n <ShimmerEffect active={loading}>\n <Component\n css={[\n resetButtonStyle,\n css`\n border: 1px solid transparent;\n outline: 0;\n transition:\n background-color ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn},\n border-color ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn};\n &:hover {\n transition: none;\n }\n &::selection {\n color: inherit;\n background-color: transparent;\n }\n &:disabled {\n color: ${theme.palette.action.disabled};\n text-shadow: none;\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: ${color === \"default\"\n ? theme.palette.gray[600]\n : 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 `,\n variant === \"filled\"\n ? css`\n box-shadow: ${theme.shadows[1]};\n &:hover {\n box-shadow: ${theme.shadows[3]};\n }\n &:disabled {\n color: ${theme.palette.action.disabled};\n background-color: ${theme.palette.action\n .disabledBackground};\n border-color: ${theme.palette.action.disabledBackground};\n box-shadow: none;\n }\n `\n : null,\n variant === \"filled\"\n ? color === \"default\"\n ? css`\n color: ${theme.palette.text.primary};\n background-color: ${theme.palette.gray[50]};\n border-color: ${theme.palette.gray[50]};\n &:active {\n background-color: ${theme.palette.gray[100]};\n border-color: ${theme.palette.gray[100]};\n }\n `\n : css`\n color: ${theme.palette.intentions[color].contrastText};\n background-color: ${theme.palette.intentions[color].main};\n border-color: ${theme.palette.intentions[color].main};\n &:active {\n background-color: ${theme.palette.intentions[color].dark};\n border-color: ${theme.palette.intentions[color].dark};\n }\n `\n : null,\n variant === \"outlined\"\n ? css`\n &:disabled {\n color: ${theme.palette.action.disabled};\n border-color: ${theme.palette.action.disabledBackground};\n }\n &::before {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n pointer-events: none;\n content: \"\";\n background-color: ${color === \"default\"\n ? theme.palette.gray[600]\n : theme.palette.intentions[color].main};\n border-radius: inherit;\n opacity: 0;\n transition: opacity ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn};\n }\n\n &:hover::before {\n opacity: 0.08;\n }\n `\n : null,\n variant === \"outlined\"\n ? color === \"default\"\n ? css`\n color: ${theme.palette.text.primary};\n background-color: white;\n border-color: ${theme.palette.action.disabled};\n &:active {\n border-color: ${theme.palette.gray[500]};\n }\n `\n : css`\n color: ${theme.palette.intentions[color].main};\n background-color: ${theme.palette.intentions[color]\n .contrastText};\n border-color: ${theme.palette.intentions[color].main};\n &:active {\n border-color: ${theme.palette.intentions[color].dark};\n }\n `\n : null,\n variant === \"text\"\n ? css`\n text-decoration: underline;\n transition-property: background-color;\n &:disabled {\n color: ${theme.palette.text.disabled};\n }\n @media (any-hover: hover) {\n &:hover {\n background-color: ${theme.palette.action.hover};\n }\n }\n @media not all and (any-hover: hover) {\n &[data-clicked=\"true\"] {\n background-color: ${theme.palette.action.hover};\n }\n }\n `\n : null,\n variant === \"text\"\n ? color === \"default\"\n ? css`\n color: ${theme.palette.text.primary};\n `\n : css`\n color: ${theme.palette.intentions[color].main};\n `\n : null,\n theme.typography.button,\n size === \"small\"\n ? {\n fontSize: theme.typography.button.fontSize * 0.8,\n height: 32,\n minHeight: 32,\n padding: \"4px 10px\",\n borderRadius: rounded ? 16 : 4,\n }\n : size === \"medium\"\n ? {\n height: 42,\n minHeight: 42,\n padding: `4px 16px`,\n borderRadius: rounded ? 21 : 4,\n }\n : size === \"large\"\n ? {\n fontSize: theme.typography.button.fontSize * 1.1,\n height: 48,\n minHeight: 48,\n padding: `6px 22px`,\n borderRadius: rounded ? 24 : 4,\n }\n : {\n fontSize: theme.typography.button.fontSize * 1.1,\n height: 56,\n minHeight: 56,\n padding: `6px 22px`,\n borderRadius: rounded ? 28 : 4,\n },\n onlyIcon\n ? size === \"small\"\n ? {\n width: 32,\n padding: 0,\n }\n : size === \"medium\"\n ? {\n width: 42,\n padding: 0,\n }\n : size === \"large\"\n ? {\n width: 48,\n padding: 0,\n }\n : {\n width: 56,\n padding: 0,\n }\n : null,\n fullWidth &&\n css`\n flex: 1 1 100%;\n width: 100%;\n max-width: 100%;\n `,\n ]}\n ref={ref}\n {...props}\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n disabled={disabled || readOnly}\n onClick={onClick}\n onAnimationEnd={onAnimationEnd}\n data-clicked={clicked}\n >\n {hasIcon ? (\n <span\n css={[\n expanded\n ? {\n marginRight: size === \"small\" ? 4 : 8,\n }\n : null,\n css`\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n ]}\n >\n {icon}\n </span>\n ) : null}\n {children}\n {hasEndIcon ? (\n <span\n css={[\n {\n marginLeft: size === \"small\" ? 4 : 8,\n },\n css`\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n ]}\n >\n {endIcon}\n </span>\n ) : null}\n </Component>\n </ShimmerEffect>\n );\n },\n) as ComponentWithAs<\"button\", BaseButtonProps>;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Button.js","names":["_FieldGroup","require","_theme","_ShimmerEffect","_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","_EMOTION_STRINGIFIED_CSS_ERROR__","fade","keyframes","wave","resetButtonStyle","exports","process","env","NODE_ENV","name","styles","toString","defaultElement","_ref","_ref2","_ref3","Button","forwardRef","icon","endIcon","children","as","onClick","propsOnClick","variant","size","color","rounded","fullWidth","loading","propsLoading","readOnly","propsReadOnly","disabled","props","ref","Component","clicked","onAnimationEnd","useClickAnimation","theme","useTheme","hasChildren","undefined","hasIcon","hasEndIcon","onlyIcon","expanded","Error","useFieldGroup","jsx","ShimmerEffect","active","css","transitions","duration","shortest","easing","easeIn","palette","action","gray","intentions","main","shadows","disabledBackground","text","primary","contrastText","dark","hover","typography","button","fontSize","height","minHeight","padding","borderRadius","width","marginRight","marginLeft"],"sources":["../../../src/Button/Button.tsx"],"sourcesContent":["import { AsComponentProp, ComponentWithAs } from \"../AsComponentProps\";\nimport { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { PartialColorProps, useTheme } from \"../theme\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\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 const resetButtonStyle = 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 padding: 0px;\n margin: 0px;\n font: inherit;\n color: inherit;\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n touch-action: manipulation;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: none;\n appearance: none;\n &:disabled {\n cursor: not-allowed;\n }\n &:focus:not(:focus-visible) {\n outline: none;\n }\n`;\n\nexport interface BaseButtonProps\n extends PartialColorProps,\n FieldGroupContextValue {\n children?: React.ReactNode;\n /**\n * ボタンの見た目を指定します。\n *\n * @default text\n */\n variant?: \"filled\" | \"outlined\" | \"text\";\n /**\n * アイコンとして入れる要素を指定します。\n *\n * @default null\n */\n icon?: React.ReactNode;\n /**\n * 文字列の後ろに入れるアイコンの要素を指定します。\n * iconが指定されておらず、childrenがある場合のみ表示できます。\n *\n * @default null\n */\n endIcon?: React.ReactNode;\n /**\n * ボタンに丸みをつけます\n *\n * @default false\n */\n rounded?: boolean;\n /**\n * 最大限幅を大きくします。\n *\n * @default false\n */\n fullWidth?: boolean;\n /**\n * Use readOnly instead\n */\n disabled?: boolean;\n /**\n * 大きさを指定します。\n *\n * @default medium\n */\n size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n}\n/**\n## 仕様について\n\n### カラーリング\n\nButton要素に対して親のカラーを継承したいという需要が理解できなかったため、\nデフォルトの挙動はinheritではなく、Themeの`palette.text.primary`をメインカラーをとしたものになります。\n\n### Icon\n\n近年、Floating Action Button (FAB)に代表されるアイコンのみのボタンが多く用いられるようになってきました。\nこのコンポーネントでもその需要に対応するため、icon属性を導入しています。\n\n子要素を指定せずicon属性を指定した場合、Button要素はrounded属性の有無によって正円または正方形になります。\nrounded属性を指定した場合のButton要素はFAB相当です。\n\nまた子要素が指定された場合、いわゆるExpanded FABと言われるコンポーネントと同等の見た目になります。\nこのときicon属性に指定した要素の右側には自動でマージンが入ります。\n\n\n## Button要素のパターンを増やしたい場合\n\nvariant属性は見た目のみを変化させるべきです。variantの値によって色や形状を変化させてはいけません。\n\nrounded属性は唯一形状を変化させます。ですが属性による形状の変化はそれが同一のコンポーネントである限り最低限であるべきです。\nもしrounded以外に形状を変化させる属性を追加したいと思ったなら、別コンポーネントとして切り出せないか検討してください。\n */\n\nconst defaultElement: keyof React.JSX.IntrinsicElements = \"button\";\n\n/*\nexport type ButtonProps<E> = E extends\n | keyof JSX.IntrinsicElements\n | React.ComponentType<any>\n ? MergeElementProps<E, BaseButtonProps> & {\n as: E\n }\n : E extends never\n ? MergeElementProps<\"button\", BaseButtonProps>\n : never\n*/\n\nexport type ButtonProps<E extends React.ElementType = \"button\"> =\n AsComponentProp<E, BaseButtonProps>;\n\nexport const Button = forwardRef(\n <E extends React.ElementType = \"button\">(\n {\n icon,\n endIcon,\n children,\n as,\n onClick: propsOnClick,\n variant = \"text\",\n size = \"medium\",\n color = \"default\",\n rounded = false,\n fullWidth,\n loading: propsLoading,\n readOnly: propsReadOnly,\n disabled,\n ...props\n }: ButtonProps<E>,\n ref: React.ForwardedRef<E>,\n ) => {\n const Component: React.ElementType = as ?? defaultElement;\n const { clicked, onClick, onAnimationEnd } =\n // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n useClickAnimation(propsOnClick);\n const theme = useTheme();\n /**\n * flags\n */\n const hasChildren = children !== undefined && children !== null;\n const hasIcon = icon !== undefined && icon !== null;\n const hasEndIcon = endIcon !== undefined && endIcon !== null;\n const onlyIcon = hasIcon && hasChildren === false;\n const expanded = hasIcon && hasChildren;\n if ((hasEndIcon && hasChildren === false) || (onlyIcon && hasEndIcon)) {\n throw new Error(\"endIcon can only be used when children is specified.\");\n }\n /**\n * loading\n */\n const { loading, readOnly } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n });\n return (\n <ShimmerEffect active={loading}>\n <Component\n css={[\n resetButtonStyle,\n css`\n border: 1px solid transparent;\n outline: 0;\n transition:\n background-color ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn},\n border-color ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn};\n &:hover {\n transition: none;\n }\n &::selection {\n color: inherit;\n background-color: transparent;\n }\n &:disabled {\n color: ${theme.palette.action.disabled};\n text-shadow: none;\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: ${color === \"default\"\n ? theme.palette.gray[600]\n : 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 `,\n variant === \"filled\"\n ? css`\n box-shadow: ${theme.shadows[1]};\n &:hover {\n box-shadow: ${theme.shadows[3]};\n }\n &:disabled {\n color: ${theme.palette.action.disabled};\n background-color: ${theme.palette.action\n .disabledBackground};\n border-color: ${theme.palette.action.disabledBackground};\n box-shadow: none;\n }\n `\n : null,\n variant === \"filled\"\n ? color === \"default\"\n ? css`\n color: ${theme.palette.text.primary};\n background-color: ${theme.palette.gray[50]};\n border-color: ${theme.palette.gray[50]};\n &:active {\n background-color: ${theme.palette.gray[100]};\n border-color: ${theme.palette.gray[100]};\n }\n `\n : css`\n color: ${theme.palette.intentions[color].contrastText};\n background-color: ${theme.palette.intentions[color].main};\n border-color: ${theme.palette.intentions[color].main};\n &:active {\n background-color: ${theme.palette.intentions[color].dark};\n border-color: ${theme.palette.intentions[color].dark};\n }\n `\n : null,\n variant === \"outlined\"\n ? css`\n &:disabled {\n color: ${theme.palette.action.disabled};\n border-color: ${theme.palette.action.disabledBackground};\n }\n &::before {\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n pointer-events: none;\n content: \"\";\n background-color: ${color === \"default\"\n ? theme.palette.gray[600]\n : theme.palette.intentions[color].main};\n border-radius: inherit;\n opacity: 0;\n transition: opacity ${theme.transitions.duration.shortest}\n ${theme.transitions.easing.easeIn};\n }\n\n &:hover::before {\n opacity: 0.08;\n }\n `\n : null,\n variant === \"outlined\"\n ? color === \"default\"\n ? css`\n color: ${theme.palette.text.primary};\n background-color: white;\n border-color: ${theme.palette.action.disabled};\n &:active {\n border-color: ${theme.palette.gray[500]};\n }\n `\n : css`\n color: ${theme.palette.intentions[color].main};\n background-color: ${theme.palette.intentions[color]\n .contrastText};\n border-color: ${theme.palette.intentions[color].main};\n &:active {\n border-color: ${theme.palette.intentions[color].dark};\n }\n `\n : null,\n variant === \"text\"\n ? css`\n text-decoration: underline;\n transition-property: background-color;\n &:disabled {\n color: ${theme.palette.text.disabled};\n }\n @media (any-hover: hover) {\n &:hover {\n background-color: ${theme.palette.action.hover};\n }\n }\n @media not all and (any-hover: hover) {\n &[data-clicked=\"true\"] {\n background-color: ${theme.palette.action.hover};\n }\n }\n `\n : null,\n variant === \"text\"\n ? color === \"default\"\n ? css`\n color: ${theme.palette.text.primary};\n `\n : css`\n color: ${theme.palette.intentions[color].main};\n `\n : null,\n theme.typography.button,\n size === \"small\"\n ? {\n fontSize: theme.typography.button.fontSize * 0.8,\n height: 32,\n minHeight: 32,\n padding: \"4px 10px\",\n borderRadius: rounded ? 16 : 4,\n }\n : size === \"medium\"\n ? {\n height: 42,\n minHeight: 42,\n padding: `4px 16px`,\n borderRadius: rounded ? 21 : 4,\n }\n : size === \"large\"\n ? {\n fontSize: theme.typography.button.fontSize * 1.1,\n height: 48,\n minHeight: 48,\n padding: `6px 22px`,\n borderRadius: rounded ? 24 : 4,\n }\n : {\n fontSize: theme.typography.button.fontSize * 1.1,\n height: 56,\n minHeight: 56,\n padding: `6px 22px`,\n borderRadius: rounded ? 28 : 4,\n },\n onlyIcon\n ? size === \"small\"\n ? {\n width: 32,\n padding: 0,\n }\n : size === \"medium\"\n ? {\n width: 42,\n padding: 0,\n }\n : size === \"large\"\n ? {\n width: 48,\n padding: 0,\n }\n : {\n width: 56,\n padding: 0,\n }\n : null,\n fullWidth &&\n css`\n flex: 1 1 100%;\n width: 100%;\n max-width: 100%;\n `,\n ]}\n ref={ref}\n {...props}\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n disabled={disabled || readOnly}\n onClick={onClick}\n onAnimationEnd={onAnimationEnd}\n data-clicked={clicked}\n >\n {hasIcon ? (\n <span\n css={[\n expanded\n ? {\n marginRight: size === \"small\" ? 4 : 8,\n }\n : null,\n css`\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n ]}\n >\n {icon}\n </span>\n ) : null}\n {children}\n {hasEndIcon ? (\n <span\n css={[\n {\n marginLeft: size === \"small\" ? 4 : 8,\n },\n css`\n display: flex;\n align-items: center;\n justify-content: center;\n `,\n ]}\n >\n {endIcon}\n </span>\n ) : null}\n </Component>\n </ShimmerEffect>\n );\n },\n) as ComponentWithAs<\"button\", BaseButtonProps>;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@ var _Loading = require("../Loading");
|
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
9
|
var _sequence = require("../@utils/sequence");
|
|
10
10
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
11
|
-
function
|
|
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 _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)."; } /**
|
|
14
13
|
* これはCSVImportUIのためにsumyca-manager-frontで作成されたものであり、
|
|
15
14
|
* matsuri-uiのコンポーネントとして使用できません。
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubmitProgress.js","names":["_Alert","require","_Button","_Loading","_react","_sequence","_react2","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"file":"SubmitProgress.js","names":["_Alert","require","_Button","_Loading","_react","_sequence","_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__","_ref","process","env","NODE_ENV","name","styles","toString","SubmitProgress","data","errors","mode","onSubmit","onSubmitByRow","onSubmitComplete","onFinish","successMessage","label","onConfirm","throwAlert","useAlert","processing","setProcessing","useState","taskProcessed","setTaskProcessed","submitRows","noError","dataCloned","structuredClone","errorsCloned","result","map","item","index","errorMessage","Error","undefined","ignoreSuccess","onSuccess","sequence","row","rowError","length","error","push","prev","happend","action","log","jsx","css","Fragment","Loading","Button","variant","color","disabled","onClick","ok","exports"],"sources":["../../../src/CSVImportUI/SubmitProgress.tsx"],"sourcesContent":["import { AlertMessageType, useAlert } from \"../Alert\";\nimport { Button } from \"../Button\";\nimport { CellError } from \"./CSVImportUI\";\nimport { Loading } from \"../Loading\";\nimport { css } from \"@emotion/react\";\nimport { sequence } from \"../@utils/sequence\";\nimport React, { useState } from \"react\";\n\n/**\n * これはCSVImportUIのためにsumyca-manager-frontで作成されたものであり、\n * matsuri-uiのコンポーネントとして使用できません。\n */\nexport const SubmitProgress = <Row extends Record<string, string>>({\n data,\n errors,\n mode,\n onSubmit,\n onSubmitByRow,\n onSubmitComplete,\n onFinish,\n successMessage,\n label,\n onConfirm,\n}: {\n data: Row[];\n errors: (CellError[] | undefined)[];\n mode: \"all\" | \"byRow\";\n onSubmit?: (data: Row[]) => Promise<{\n data?: Record<string, string>[];\n errorMessage?: AlertMessageType;\n }>;\n onSubmitByRow?: (\n index: number,\n row: Row,\n ) => Promise<{ data?: Record<string, string>; error?: CellError }>;\n onSubmitComplete: (data: Row[], errors: (CellError[] | undefined)[]) => void;\n onFinish: () => void;\n successMessage?: string;\n label: string;\n onConfirm?: () => boolean;\n}) => {\n const { throwAlert } = useAlert();\n const [processing, setProcessing] = useState(false);\n const [taskProcessed, setTaskProcessed] = useState(0);\n const submitRows = async () => {\n let noError = true;\n const dataCloned = structuredClone(data);\n const errorsCloned = structuredClone(errors);\n if (mode === \"all\") {\n const result = await onSubmit?.(data);\n\n onSubmitComplete(\n result?.data\n ? data.map((item, index) => {\n return {\n ...item,\n ...result.data?.[index],\n };\n })\n : data,\n [],\n );\n\n throwAlert(\n result?.errorMessage ? new Error(\"CSVImportUI Error\") : undefined,\n {\n errorMessage: result?.errorMessage,\n successMessage,\n ignoreSuccess: !successMessage,\n onSuccess: () => {\n onFinish();\n },\n },\n );\n } else {\n await sequence(\n data.map((row, index) => async () => {\n const rowError = errors[index];\n if (rowError && rowError.length > 0) {\n noError = false;\n return;\n }\n\n if (onSubmitByRow) {\n const result = await onSubmitByRow(index, row);\n if (result.data) {\n dataCloned[index] = {\n ...dataCloned[index],\n ...result.data,\n };\n }\n if (result.error) {\n noError = false;\n if (errorsCloned[index] === undefined) {\n errorsCloned[index] = [result.error];\n } else {\n errorsCloned[index]?.push(result.error);\n }\n }\n }\n\n setTaskProcessed((prev) => prev + 1);\n }) ?? [],\n );\n\n onSubmitComplete(dataCloned, errorsCloned);\n\n throwAlert(noError ? undefined : new Error(\"CSVImportUI Error\"), {\n errorMessage: {\n happend: \"CSVの内容にエラーがあります。\",\n action:\n \"ハイライトされた行の旗アイコンにホバーして、エラーの詳細を確認してください。\",\n log: undefined,\n },\n successMessage,\n ignoreSuccess: !successMessage,\n onSuccess: () => {\n onFinish();\n },\n });\n }\n };\n\n return (\n <div\n css={css`\n display: flex;\n gap: 8px;\n align-items: center;\n `}\n >\n {processing && (\n <React.Fragment>\n <Loading />\n {mode === \"all\" ? data.length : taskProcessed} / {data.length}{\" \"}\n 件処理中…\n </React.Fragment>\n )}\n <Button\n variant=\"filled\"\n color=\"primary\"\n disabled={processing || data.length === 0}\n onClick={async () => {\n if (onConfirm) {\n const ok = onConfirm();\n if (!ok) {\n return;\n }\n }\n\n setProcessing(true);\n\n await submitRows();\n\n setProcessing(false);\n }}\n >\n {label}\n </Button>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,8 +7,7 @@ var _react = require("@emotion/react");
|
|
|
7
7
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function
|
|
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
|
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); }
|
|
13
12
|
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)."; }
|
|
14
13
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarDay.js","names":["_theme","require","_react","_react2","_interopRequireWildcard","_dayjs","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","CalendarDay","date","children","color","hasChildren","variant","disableAnimation","disabled","disabledProps","event","onClickDay","rest","ref","useRef","day","useMemo","d","dayjs","isValid","theme","useTheme","palette","transitions","type","dateStr","format","handleClick","useCallback","toDate","jsx","css","action","gray","text","primary","intentions","contrastText","background","paper","main","duration","shortest","easing","easeInOut","light","role","tabIndex","onClick","typography","INTERNALS_DO_NOT_USE_calendarDay_hasChildren","INTERNALS_DO_NOT_USE_calendarDay","exports"],"sources":["../../../src/Calendar/CalendarDay.tsx"],"sourcesContent":["import { PartialColorProps, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef } from \"react\";\nimport dayjs from \"dayjs\";\n\nexport interface CalendarDayProps\n extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\">,\n PartialColorProps {\n date: dayjs.ConfigType;\n hasChildren?: boolean;\n disableAnimation?: boolean;\n disabled?: boolean;\n variant?: \"filled\" | \"outlined\";\n event?: {\n start?: dayjs.ConfigType;\n end?: dayjs.ConfigType;\n type?: string;\n };\n children?: React.ReactNode;\n /***\n * 日付がクリックされた場合に、その日付とイベントを返す。\n */\n onClickDay?: (\n value: Date,\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => void;\n}\n\nexport const CalendarDay = ({\n date,\n children,\n color = \"default\",\n hasChildren = false,\n variant = \"outlined\",\n disableAnimation = false,\n disabled: disabledProps,\n event,\n onClickDay,\n ...rest\n}: CalendarDayProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const day = useMemo(() => {\n const d = dayjs(date);\n if (d.isValid()) return d;\n return dayjs();\n }, [date]);\n\n const theme = useTheme();\n const { palette, transitions } = theme;\n\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n const disabled = disabledProps || (event && event.type === \"disabled\");\n\n const dateStr = useMemo(() => {\n return day.format(\"YYYY-MM-DD\");\n }, [day]);\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onClickDay) {\n onClickDay(day.toDate(), event);\n }\n },\n [day, onClickDay],\n );\n\n return (\n <div\n ref={ref}\n data-event-date={dateStr}\n aria-disabled={disabled}\n data-variant={variant}\n data-disable-animation={disableAnimation}\n css={css`\n position: relative;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0px;\n overflow: hidden;\n touch-action: manipulation;\n /** decoration */\n cursor: pointer;\n user-select: none;\n border: none;\n outline: 0px;\n appearance: none;\n &::selection {\n color: inherit;\n background-color: transparent;\n }\n &[aria-disabled=\"true\"] {\n color: ${palette.action.disabled} !important;\n cursor: not-allowed;\n background-color: ${palette.gray[200]} !important;\n box-shadow: 0px 0px 0px 0.5px ${palette.action.disabled} inset !important;\n }\n &[data-variant=\"filled\"] {\n color: ${color === \"default\"\n ? palette.text.primary\n : palette.intentions[color].contrastText};\n background-color: ${color === \"default\"\n ? palette.background.paper\n : palette.intentions[color].main};\n box-shadow: 0px 0px 0px 0.5px\n ${color === \"default\"\n ? palette.action.disabled\n : palette.intentions[color].main}\n inset;\n }\n &[data-variant=\"outlined\"] {\n color: ${color === \"default\"\n ? palette.text.primary\n : palette.intentions[color].main};\n box-shadow: 0px 0px 0px 0.5px\n ${color === \"default\"\n ? palette.action.disabled\n : palette.intentions[color].main}\n inset;\n }\n &[data-disable-animation=\"false\"] {\n transition: background-color ${transitions.duration.shortest}\n ${transitions.easing.easeInOut};\n &:hover {\n background-color: ${color === \"default\"\n ? palette.gray[300]\n : palette.intentions[color].light};\n }\n }\n `}\n role=\"button\"\n tabIndex={0}\n onClick={handleClick}\n {...rest}\n >\n <div\n data-has-children={hasChildren}\n css={[\n hasChildren\n ? theme.typography.INTERNALS_DO_NOT_USE_calendarDay_hasChildren\n : theme.typography.INTERNALS_DO_NOT_USE_calendarDay,\n css`\n &[data-has-children=\"true\"] {\n position: absolute;\n display: grid;\n grid-template-areas: \".\" \".\";\n grid-template-rows:\n auto\n 1fr;\n grid-template-columns: 100%;\n align-self: stretch;\n width: 100%;\n height: 100%;\n & > *:first-of-type {\n margin: 10% 10% 0px;\n text-align: right;\n }\n }\n `,\n ]}\n >\n <div>{day.date()}</div>\n {hasChildren && children}\n </div>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"CalendarDay.js","names":["_theme","require","_react","_react2","_interopRequireWildcard","_dayjs","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","CalendarDay","date","children","color","hasChildren","variant","disableAnimation","disabled","disabledProps","event","onClickDay","rest","ref","useRef","day","useMemo","d","dayjs","isValid","theme","useTheme","palette","transitions","type","dateStr","format","handleClick","useCallback","toDate","jsx","css","action","gray","text","primary","intentions","contrastText","background","paper","main","duration","shortest","easing","easeInOut","light","role","tabIndex","onClick","typography","INTERNALS_DO_NOT_USE_calendarDay_hasChildren","INTERNALS_DO_NOT_USE_calendarDay","exports"],"sources":["../../../src/Calendar/CalendarDay.tsx"],"sourcesContent":["import { PartialColorProps, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React, { useCallback, useMemo, useRef } from \"react\";\nimport dayjs from \"dayjs\";\n\nexport interface CalendarDayProps\n extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\">,\n PartialColorProps {\n date: dayjs.ConfigType;\n hasChildren?: boolean;\n disableAnimation?: boolean;\n disabled?: boolean;\n variant?: \"filled\" | \"outlined\";\n event?: {\n start?: dayjs.ConfigType;\n end?: dayjs.ConfigType;\n type?: string;\n };\n children?: React.ReactNode;\n /***\n * 日付がクリックされた場合に、その日付とイベントを返す。\n */\n onClickDay?: (\n value: Date,\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => void;\n}\n\nexport const CalendarDay = ({\n date,\n children,\n color = \"default\",\n hasChildren = false,\n variant = \"outlined\",\n disableAnimation = false,\n disabled: disabledProps,\n event,\n onClickDay,\n ...rest\n}: CalendarDayProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const day = useMemo(() => {\n const d = dayjs(date);\n if (d.isValid()) return d;\n return dayjs();\n }, [date]);\n\n const theme = useTheme();\n const { palette, transitions } = theme;\n\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n const disabled = disabledProps || (event && event.type === \"disabled\");\n\n const dateStr = useMemo(() => {\n return day.format(\"YYYY-MM-DD\");\n }, [day]);\n\n const handleClick = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n if (onClickDay) {\n onClickDay(day.toDate(), event);\n }\n },\n [day, onClickDay],\n );\n\n return (\n <div\n ref={ref}\n data-event-date={dateStr}\n aria-disabled={disabled}\n data-variant={variant}\n data-disable-animation={disableAnimation}\n css={css`\n position: relative;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0px;\n overflow: hidden;\n touch-action: manipulation;\n /** decoration */\n cursor: pointer;\n user-select: none;\n border: none;\n outline: 0px;\n appearance: none;\n &::selection {\n color: inherit;\n background-color: transparent;\n }\n &[aria-disabled=\"true\"] {\n color: ${palette.action.disabled} !important;\n cursor: not-allowed;\n background-color: ${palette.gray[200]} !important;\n box-shadow: 0px 0px 0px 0.5px ${palette.action.disabled} inset !important;\n }\n &[data-variant=\"filled\"] {\n color: ${color === \"default\"\n ? palette.text.primary\n : palette.intentions[color].contrastText};\n background-color: ${color === \"default\"\n ? palette.background.paper\n : palette.intentions[color].main};\n box-shadow: 0px 0px 0px 0.5px\n ${color === \"default\"\n ? palette.action.disabled\n : palette.intentions[color].main}\n inset;\n }\n &[data-variant=\"outlined\"] {\n color: ${color === \"default\"\n ? palette.text.primary\n : palette.intentions[color].main};\n box-shadow: 0px 0px 0px 0.5px\n ${color === \"default\"\n ? palette.action.disabled\n : palette.intentions[color].main}\n inset;\n }\n &[data-disable-animation=\"false\"] {\n transition: background-color ${transitions.duration.shortest}\n ${transitions.easing.easeInOut};\n &:hover {\n background-color: ${color === \"default\"\n ? palette.gray[300]\n : palette.intentions[color].light};\n }\n }\n `}\n role=\"button\"\n tabIndex={0}\n onClick={handleClick}\n {...rest}\n >\n <div\n data-has-children={hasChildren}\n css={[\n hasChildren\n ? theme.typography.INTERNALS_DO_NOT_USE_calendarDay_hasChildren\n : theme.typography.INTERNALS_DO_NOT_USE_calendarDay,\n css`\n &[data-has-children=\"true\"] {\n position: absolute;\n display: grid;\n grid-template-areas: \".\" \".\";\n grid-template-rows:\n auto\n 1fr;\n grid-template-columns: 100%;\n align-self: stretch;\n width: 100%;\n height: 100%;\n & > *:first-of-type {\n margin: 10% 10% 0px;\n text-align: right;\n }\n }\n `,\n ]}\n >\n <div>{day.date()}</div>\n {hasChildren && children}\n </div>\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,8 +5,7 @@ exports.CalendarDayEvent = void 0;
|
|
|
5
5
|
var _react = require("@emotion/react");
|
|
6
6
|
var _theme = require("../theme");
|
|
7
7
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
8
|
-
function
|
|
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 convertMillisecondsToDate = ms => {
|
|
12
11
|
return ms / 1000 / 3600 / 24;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarDayEvent.js","names":["_react","require","_theme","_react2","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"file":"CalendarDayEvent.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","convertMillisecondsToDate","ms","CalendarDayEvent","start","end","date","children","props","isStartOnThisMonth","useMemo","isSame","isEndOnThisMonth","rightPadding","leftPadding","startDate","startOf","endDate","endOf","elapsedDaysOfEvent","diff","daysLength","left","theme","useTheme","jsx","css","process","env","NODE_ENV","marginRight","spacing","marginLeft","exports"],"sources":["../../../src/Calendar/CalendarDayEvent.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { useMemo } from \"react\";\nimport dayjs from \"dayjs\";\n\nconst convertMillisecondsToDate = (ms: number): number => {\n return ms / 1000 / 3600 / 24;\n};\n\nexport interface CalendarDayEventProps\n extends React.HTMLAttributes<HTMLDivElement> {\n start: dayjs.Dayjs;\n end: dayjs.Dayjs;\n date: dayjs.Dayjs;\n children?: React.ReactNode;\n}\n\nexport const CalendarDayEvent = ({\n start,\n end,\n date,\n children,\n ...props\n}: CalendarDayEventProps) => {\n const isStartOnThisMonth = useMemo(\n () => date.isSame(start, \"month\"),\n [date, start],\n );\n const isEndOnThisMonth = useMemo(\n () => date.isSame(end, \"month\"),\n [date, end],\n );\n const rightPadding = isEndOnThisMonth ? 1 : 0;\n const leftPadding = isStartOnThisMonth ? 1 : 0;\n const startDate = useMemo(\n () => (isStartOnThisMonth ? start : date.startOf(\"month\")),\n [date, isStartOnThisMonth, start],\n );\n const endDate = useMemo(\n () => (isEndOnThisMonth ? end : date.endOf(\"month\")),\n [date, end, isEndOnThisMonth],\n );\n\n const elapsedDaysOfEvent = useMemo(() => {\n return convertMillisecondsToDate(date.diff(startDate, \"date\"));\n }, [date, startDate]);\n\n const daysLength = useMemo(() => {\n return convertMillisecondsToDate(endDate.diff(startDate, \"date\")) + 1;\n }, [endDate, startDate]);\n\n const left = useMemo(() => elapsedDaysOfEvent * -100, [elapsedDaysOfEvent]);\n\n const theme = useTheme();\n\n return (\n <div\n css={[\n /**\n * NOTE: ここの18px + 20%は、この要素の親であるCalendarDayに依存している。\n * 18pxは日付表示部の高さ、20%はその余白を表している。\n *\n * position: absolute;をやめれば、このようなことをしなくてもよくなると思われるが、\n * CelendarDayEventは複数の要素をぶち抜いているような表示を無理やり行うため、\n * 意図しない親の余白やレイアウトの影響を受けたくないので、どちらにせよ重ねるような対応が必要であり難易度が高い。\n *\n * 問題のある実装であることは認識しているが、上記の理由により一旦この実装を継続する。\n */\n css`\n position: absolute;\n top: calc(18px + 20%);\n left: ${left}%;\n display: flex;\n align-items: center;\n width: ${`calc(${daysLength * 100}% - ${\n rightPadding + leftPadding\n }em)`};\n height: calc(100% - 18px - 20%);\n overflow: hidden;\n white-space: nowrap;\n `,\n isEndOnThisMonth\n ? {\n marginRight: theme.spacing * 2,\n }\n : null,\n isStartOnThisMonth\n ? {\n marginLeft: theme.spacing * 2,\n }\n : null,\n ]}\n {...props}\n >\n {children}\n </div>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,8 +11,7 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
|
11
11
|
var _isSameOrAfter = _interopRequireDefault(require("dayjs/plugin/isSameOrAfter"));
|
|
12
12
|
var _isSameOrBefore = _interopRequireDefault(require("dayjs/plugin/isSameOrBefore"));
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
function
|
|
15
|
-
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; }
|
|
14
|
+
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); }
|
|
16
15
|
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); }
|
|
17
16
|
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)."; }
|
|
18
17
|
_dayjs.default.extend(_isSameOrAfter.default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarDaysInMonth.js","names":["_CalendarDay","require","_CalendarDayEvent","_react","_range","_react2","_interopRequireWildcard","_dayjs","_interopRequireDefault","_isSameOrAfter","_isSameOrBefore","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","dayjs","extend","isSameOrAfter","isSameOrBefore","isDateOutsidePeriod","date","min","max","undefined","getEvent","events","find","event","start","end","getFirstWeekday","startOf","day","getDaysCount","daysInMonth","_ref3","process","env","NODE_ENV","name","styles","toString","defaultRenderCell","message","jsx","css","_ref","_ref2","CalendarDaysInMonth","dates","daysProps","cellHeight","renderCell","onClickDay","props","firstWeekday","useMemo","days","reversedEvents","slice","reverse","gridAutoRows","range","map","key","d","disabled","eventProps","dateProps","format","dateChildren","children","eventProps_","CalendarDay","CalendarDayEvent","title","exports"],"sources":["../../../src/Calendar/CalendarDaysInMonth.tsx"],"sourcesContent":["import { CalendarDay } from \"./CalendarDay\";\nimport { CalendarDayEvent } from \"./CalendarDayEvent\";\nimport { CalendarDayProps } from \"./CalendarDay\";\nimport { css } from \"@emotion/react\";\nimport { range } from \"../@utils/range\";\nimport React, { useMemo } from \"react\";\nimport dayjs from \"dayjs\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\n\nconst isDateOutsidePeriod = (\n date: dayjs.Dayjs,\n min?: dayjs.ConfigType,\n max?: dayjs.ConfigType,\n) => {\n return (\n (min !== undefined && min !== null && date.isSameOrBefore(min, \"date\")) ||\n (max !== undefined && max !== undefined && date.isSameOrAfter(max, \"date\"))\n );\n};\n\nconst getEvent = (date: dayjs.Dayjs, events?: CalendarEvent[]) => {\n return events?.find((event) => {\n if (event.start === undefined) {\n return date.isSameOrBefore(event.end, \"date\");\n }\n if (event.end === undefined) {\n return date.isSameOrAfter(event.start, \"date\");\n }\n return (\n date.isSameOrAfter(event.start, \"date\") &&\n date.isSameOrBefore(event.end, \"date\")\n );\n });\n};\n\nexport interface CalendarDaysProps\n extends Omit<CalendarDayProps, \"date\" | \"disabled\" | \"event\"> {\n children?: React.ReactNode;\n}\n\nexport interface CalendarEvent {\n start?: dayjs.ConfigType;\n end?: dayjs.ConfigType;\n // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n type?: \"default\" | \"disabled\" | string;\n props?: CalendarDaysProps;\n}\n\nexport interface CalendarDaysInMonthProps<T> {\n children?: never;\n events?: CalendarEvent[];\n /**\n * datesで渡されたデータをどのようにレンダリングするかを指定します\n * @default \"(message: string) => <Centering>{new String(message)}</Centering>\"\"\n */\n renderCell?: (props: T) => React.ReactNode;\n /**\n * keyに対応するカレンダーのセルに任意の子要素を入れることができます。\n * keyのフォーマットはYYYYMMDDでなければなりません。\n */\n dates?: Record<string, T>;\n daysProps?: CalendarDaysProps;\n date?: dayjs.ConfigType;\n min?: dayjs.ConfigType;\n max?: dayjs.ConfigType;\n /**\n * カレンダーのセルの高さを指定します。\n * これが指定されていない場合、カレンダーのセルは正方形になります。\n */\n cellHeight?: number | string;\n /**\n * 日付がクリックされた場合に、その日付とイベントを返す。\n */\n onClickDay?: (\n value: Date,\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => void;\n}\n\nconst getFirstWeekday = (date: dayjs.ConfigType) => {\n return dayjs(date).startOf(\"month\").day();\n};\nconst getDaysCount = (date: dayjs.ConfigType) => {\n return dayjs(date).daysInMonth() + 1;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst defaultRenderCell = (message: any) => (\n <div\n css={css`\n margin: 0 auto;\n `}\n >\n {message}\n </div>\n);\n\nexport const CalendarDaysInMonth = <T,>({\n dates,\n events = [],\n daysProps = {},\n date = dayjs(),\n min,\n max,\n cellHeight,\n renderCell = defaultRenderCell,\n onClickDay,\n ...props\n}: Readonly<CalendarDaysInMonthProps<T>>) => {\n const firstWeekday = useMemo(() => getFirstWeekday(date), [date]);\n const days = useMemo(() => getDaysCount(date), [date]);\n const reversedEvents = useMemo(() => events.slice().reverse(), [events]);\n return (\n <div\n css={[\n css`\n display: grid;\n grid-template-columns: repeat(7, minmax(42px, 1fr));\n `,\n {\n gridAutoRows: cellHeight ?? \"1fr\",\n },\n cellHeight === undefined\n ? css`\n & > *:first-of-type {\n aspect-ratio: 1;\n }\n `\n : null,\n ]}\n {...props}\n >\n {range(firstWeekday).map((i) => (\n <div key={`empty__${i}`} />\n ))}\n {range(1, days).map((day) => {\n const d = dayjs(date).date(day);\n const event = getEvent(d, reversedEvents);\n const disabled = isDateOutsidePeriod(d, min, max);\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n const { props: eventProps } = event || ({ props: {} } as CalendarEvent);\n\n const dateProps = dates && dates[d.format(\"YYYYMMDD\")];\n const dateChildren =\n dateProps !== undefined &&\n dateProps !== null &&\n renderCell(dateProps);\n if (\n eventProps?.children !== undefined &&\n eventProps?.children !== null\n ) {\n const { children, ...eventProps_ } = eventProps;\n return (\n <CalendarDay\n date={d}\n key={d.format()}\n disabled={disabled}\n event={event}\n onClickDay={onClickDay}\n {...daysProps}\n {...eventProps_}\n >\n <CalendarDayEvent\n start={dayjs(event?.start)}\n end={dayjs(event?.end)}\n date={d}\n title={typeof children === \"string\" ? children : undefined}\n >\n {children}\n </CalendarDayEvent>\n {dateChildren}\n </CalendarDay>\n );\n } else {\n return (\n <CalendarDay\n date={d}\n key={d.format()}\n disabled={disabled}\n event={event}\n onClickDay={onClickDay}\n {...daysProps}\n {...eventProps}\n >\n {dateChildren}\n </CalendarDay>\n );\n }\n })}\n </div>\n );\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,uBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,eAAA,GAAAF,sBAAA,CAAAP,OAAA;AAAyD,SAAAO,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,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,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,iCAAA;AAEzDC,cAAK,CAACC,MAAM,CAACC,sBAAa,CAAC;AAC3BF,cAAK,CAACC,MAAM,CAACE,uBAAc,CAAC;AAE5B,MAAMC,mBAAmB,GAAGA,CAC1BC,IAAiB,EACjBC,GAAsB,EACtBC,GAAsB,KACnB;EACH,OACGD,GAAG,KAAKE,SAAS,IAAIF,GAAG,KAAK,IAAI,IAAID,IAAI,CAACF,cAAc,CAACG,GAAG,EAAE,MAAM,CAAC,IACrEC,GAAG,KAAKC,SAAS,IAAID,GAAG,KAAKC,SAAS,IAAIH,IAAI,CAACH,aAAa,CAACK,GAAG,EAAE,MAAM,CAAE;AAE/E,CAAC;AAED,MAAME,QAAQ,GAAGA,CAACJ,IAAiB,EAAEK,MAAwB,KAAK;EAChE,OAAOA,MAAM,EAAEC,IAAI,CAAEC,KAAK,IAAK;IAC7B,IAAIA,KAAK,CAACC,KAAK,KAAKL,SAAS,EAAE;MAC7B,OAAOH,IAAI,CAACF,cAAc,CAACS,KAAK,CAACE,GAAG,EAAE,MAAM,CAAC;IAC/C;IACA,IAAIF,KAAK,CAACE,GAAG,KAAKN,SAAS,EAAE;MAC3B,OAAOH,IAAI,CAACH,aAAa,CAACU,KAAK,CAACC,KAAK,EAAE,MAAM,CAAC;IAChD;IACA,OACER,IAAI,CAACH,aAAa,CAACU,KAAK,CAACC,KAAK,EAAE,MAAM,CAAC,IACvCR,IAAI,CAACF,cAAc,CAACS,KAAK,CAACE,GAAG,EAAE,MAAM,CAAC;EAE1C,CAAC,CAAC;AACJ,CAAC;AA8CD,MAAMC,eAAe,GAAIV,IAAsB,IAAK;EAClD,OAAO,IAAAL,cAAK,EAACK,IAAI,CAAC,CAACW,OAAO,CAAC,OAAO,CAAC,CAACC,GAAG,CAAC,CAAC;AAC3C,CAAC;AACD,MAAMC,YAAY,GAAIb,IAAsB,IAAK;EAC/C,OAAO,IAAAL,cAAK,EAACK,IAAI,CAAC,CAACc,WAAW,CAAC,CAAC,GAAG,CAAC;AACtC,CAAC;;AAED;AAAA,IAAAC,KAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAA3B;AAAA;AACA,MAAM4B,iBAAiB,GAAIC,OAAY,IACrC,IAAA/D,MAAA,CAAAgE,GAAA;EACEC,GAAG,EAAAV;AAED,GAEDQ,OACE,CACN;AAAC,IAAAG,IAAA,GAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAA3B;AAAA;AAAA,IAAAiC,KAAA,GAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAA3B;AAAA;AAEK,MAAMkC,mBAAmB,GAAGA,CAAK;EACtCC,KAAK;EACLxB,MAAM,GAAG,EAAE;EACXyB,SAAS,GAAG,CAAC,CAAC;EACd9B,IAAI,GAAG,IAAAL,cAAK,EAAC,CAAC;EACdM,GAAG;EACHC,GAAG;EACH6B,UAAU;EACVC,UAAU,GAAGV,iBAAiB;EAC9BW,UAAU;EACV,GAAGC;AACkC,CAAC,KAAK;EAC3C,MAAMC,YAAY,GAAG,IAAAC,eAAO,EAAC,MAAM1B,eAAe,CAACV,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACjE,MAAMqC,IAAI,GAAG,IAAAD,eAAO,EAAC,MAAMvB,YAAY,CAACb,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACtD,MAAMsC,cAAc,GAAG,IAAAF,eAAO,EAAC,MAAM/B,MAAM,CAACkC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,EAAE,CAACnC,MAAM,CAAC,CAAC;EACxE,OACE,IAAA7C,MAAA,CAAAgE,GAAA,SAAApC,QAAA;IACEqC,GAAG,GAAAE,KAAA,EAKD;MACEc,YAAY,EAAEV,UAAU,IAAI;IAC9B,CAAC,EACDA,UAAU,KAAK5B,SAAS,GAAAuB,IAAA,GAMpB,IAAI,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,wDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACR,GACEgB,KAAK,GAER,IAAAQ,YAAK,EAACP,YAAY,CAAC,CAACQ,GAAG,CAAEzD,CAAC,IACzB,IAAA1B,MAAA,CAAAgE,GAAA;IAAKoB,GAAG,EAAE,UAAU1D,CAAC;EAAG,CAAE,CAC3B,CAAC,EACD,IAAAwD,YAAK,EAAC,CAAC,EAAEL,IAAI,CAAC,CAACM,GAAG,CAAE/B,GAAG,IAAK;IAC3B,MAAMiC,CAAC,GAAG,IAAAlD,cAAK,EAACK,IAAI,CAAC,CAACA,IAAI,CAACY,GAAG,CAAC;IAC/B,MAAML,KAAK,GAAGH,QAAQ,CAACyC,CAAC,EAAEP,cAAc,CAAC;IACzC,MAAMQ,QAAQ,GAAG/C,mBAAmB,CAAC8C,CAAC,EAAE5C,GAAG,EAAEC,GAAG,CAAC;IACjD;IACA,MAAM;MAAEgC,KAAK,EAAEa;IAAW,CAAC,GAAGxC,KAAK,IAAK;MAAE2B,KAAK,EAAE,CAAC;IAAE,CAAmB;IAEvE,MAAMc,SAAS,GAAGnB,KAAK,IAAIA,KAAK,CAACgB,CAAC,CAACI,MAAM,CAAC,UAAU,CAAC,CAAC;IACtD,MAAMC,YAAY,GAChBF,SAAS,KAAK7C,SAAS,IACvB6C,SAAS,KAAK,IAAI,IAClBhB,UAAU,CAACgB,SAAS,CAAC;IACvB,IACED,UAAU,EAAEI,QAAQ,KAAKhD,SAAS,IAClC4C,UAAU,EAAEI,QAAQ,KAAK,IAAI,EAC7B;MACA,MAAM;QAAEA,QAAQ;QAAE,GAAGC;MAAY,CAAC,GAAGL,UAAU;MAC/C,OACE,IAAAvF,MAAA,CAAAgE,GAAA,EAACnE,YAAA,CAAAgG,WAAW,EAAAjE,QAAA;QACVY,IAAI,EAAE6C,CAAE;QACRD,GAAG,EAAEC,CAAC,CAACI,MAAM,CAAC,CAAE;QAChBH,QAAQ,EAAEA,QAAS;QACnBvC,KAAK,EAAEA,KAAM;QACb0B,UAAU,EAAEA;MAAW,GACnBH,SAAS,EACTsB,WAAW,GAEf,IAAA5F,MAAA,CAAAgE,GAAA,EAACjE,iBAAA,CAAA+F,gBAAgB;QACf9C,KAAK,EAAE,IAAAb,cAAK,EAACY,KAAK,EAAEC,KAAK,CAAE;QAC3BC,GAAG,EAAE,IAAAd,cAAK,EAACY,KAAK,EAAEE,GAAG,CAAE;QACvBT,IAAI,EAAE6C,CAAE;QACRU,KAAK,EAAE,OAAOJ,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGhD;MAAU,GAE1DgD,QACe,CAAC,EAClBD,YACU,CAAC;IAElB,CAAC,MAAM;MACL,OACE,IAAA1F,MAAA,CAAAgE,GAAA,EAACnE,YAAA,CAAAgG,WAAW,EAAAjE,QAAA;QACVY,IAAI,EAAE6C,CAAE;QACRD,GAAG,EAAEC,CAAC,CAACI,MAAM,CAAC,CAAE;QAChBH,QAAQ,EAAEA,QAAS;QACnBvC,KAAK,EAAEA,KAAM;QACb0B,UAAU,EAAEA;MAAW,GACnBH,SAAS,EACTiB,UAAU,GAEbG,YACU,CAAC;IAElB;EACF,CAAC,CACE,CAAC;AAEV,CAAC;AAACM,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"CalendarDaysInMonth.js","names":["_CalendarDay","require","_CalendarDayEvent","_react","_range","_react2","_interopRequireWildcard","_dayjs","_interopRequireDefault","_isSameOrAfter","_isSameOrBefore","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","dayjs","extend","isSameOrAfter","isSameOrBefore","isDateOutsidePeriod","date","min","max","undefined","getEvent","events","find","event","start","end","getFirstWeekday","startOf","day","getDaysCount","daysInMonth","_ref3","process","env","NODE_ENV","name","styles","toString","defaultRenderCell","message","jsx","css","_ref","_ref2","CalendarDaysInMonth","dates","daysProps","cellHeight","renderCell","onClickDay","props","firstWeekday","useMemo","days","reversedEvents","slice","reverse","gridAutoRows","range","map","key","d","disabled","eventProps","dateProps","format","dateChildren","children","eventProps_","CalendarDay","CalendarDayEvent","title","exports"],"sources":["../../../src/Calendar/CalendarDaysInMonth.tsx"],"sourcesContent":["import { CalendarDay } from \"./CalendarDay\";\nimport { CalendarDayEvent } from \"./CalendarDayEvent\";\nimport { CalendarDayProps } from \"./CalendarDay\";\nimport { css } from \"@emotion/react\";\nimport { range } from \"../@utils/range\";\nimport React, { useMemo } from \"react\";\nimport dayjs from \"dayjs\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\n\nconst isDateOutsidePeriod = (\n date: dayjs.Dayjs,\n min?: dayjs.ConfigType,\n max?: dayjs.ConfigType,\n) => {\n return (\n (min !== undefined && min !== null && date.isSameOrBefore(min, \"date\")) ||\n (max !== undefined && max !== undefined && date.isSameOrAfter(max, \"date\"))\n );\n};\n\nconst getEvent = (date: dayjs.Dayjs, events?: CalendarEvent[]) => {\n return events?.find((event) => {\n if (event.start === undefined) {\n return date.isSameOrBefore(event.end, \"date\");\n }\n if (event.end === undefined) {\n return date.isSameOrAfter(event.start, \"date\");\n }\n return (\n date.isSameOrAfter(event.start, \"date\") &&\n date.isSameOrBefore(event.end, \"date\")\n );\n });\n};\n\nexport interface CalendarDaysProps\n extends Omit<CalendarDayProps, \"date\" | \"disabled\" | \"event\"> {\n children?: React.ReactNode;\n}\n\nexport interface CalendarEvent {\n start?: dayjs.ConfigType;\n end?: dayjs.ConfigType;\n // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents\n type?: \"default\" | \"disabled\" | string;\n props?: CalendarDaysProps;\n}\n\nexport interface CalendarDaysInMonthProps<T> {\n children?: never;\n events?: CalendarEvent[];\n /**\n * datesで渡されたデータをどのようにレンダリングするかを指定します\n * @default \"(message: string) => <Centering>{new String(message)}</Centering>\"\"\n */\n renderCell?: (props: T) => React.ReactNode;\n /**\n * keyに対応するカレンダーのセルに任意の子要素を入れることができます。\n * keyのフォーマットはYYYYMMDDでなければなりません。\n */\n dates?: Record<string, T>;\n daysProps?: CalendarDaysProps;\n date?: dayjs.ConfigType;\n min?: dayjs.ConfigType;\n max?: dayjs.ConfigType;\n /**\n * カレンダーのセルの高さを指定します。\n * これが指定されていない場合、カレンダーのセルは正方形になります。\n */\n cellHeight?: number | string;\n /**\n * 日付がクリックされた場合に、その日付とイベントを返す。\n */\n onClickDay?: (\n value: Date,\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => void;\n}\n\nconst getFirstWeekday = (date: dayjs.ConfigType) => {\n return dayjs(date).startOf(\"month\").day();\n};\nconst getDaysCount = (date: dayjs.ConfigType) => {\n return dayjs(date).daysInMonth() + 1;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst defaultRenderCell = (message: any) => (\n <div\n css={css`\n margin: 0 auto;\n `}\n >\n {message}\n </div>\n);\n\nexport const CalendarDaysInMonth = <T,>({\n dates,\n events = [],\n daysProps = {},\n date = dayjs(),\n min,\n max,\n cellHeight,\n renderCell = defaultRenderCell,\n onClickDay,\n ...props\n}: Readonly<CalendarDaysInMonthProps<T>>) => {\n const firstWeekday = useMemo(() => getFirstWeekday(date), [date]);\n const days = useMemo(() => getDaysCount(date), [date]);\n const reversedEvents = useMemo(() => events.slice().reverse(), [events]);\n return (\n <div\n css={[\n css`\n display: grid;\n grid-template-columns: repeat(7, minmax(42px, 1fr));\n `,\n {\n gridAutoRows: cellHeight ?? \"1fr\",\n },\n cellHeight === undefined\n ? css`\n & > *:first-of-type {\n aspect-ratio: 1;\n }\n `\n : null,\n ]}\n {...props}\n >\n {range(firstWeekday).map((i) => (\n <div key={`empty__${i}`} />\n ))}\n {range(1, days).map((day) => {\n const d = dayjs(date).date(day);\n const event = getEvent(d, reversedEvents);\n const disabled = isDateOutsidePeriod(d, min, max);\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n const { props: eventProps } = event || ({ props: {} } as CalendarEvent);\n\n const dateProps = dates && dates[d.format(\"YYYYMMDD\")];\n const dateChildren =\n dateProps !== undefined &&\n dateProps !== null &&\n renderCell(dateProps);\n if (\n eventProps?.children !== undefined &&\n eventProps?.children !== null\n ) {\n const { children, ...eventProps_ } = eventProps;\n return (\n <CalendarDay\n date={d}\n key={d.format()}\n disabled={disabled}\n event={event}\n onClickDay={onClickDay}\n {...daysProps}\n {...eventProps_}\n >\n <CalendarDayEvent\n start={dayjs(event?.start)}\n end={dayjs(event?.end)}\n date={d}\n title={typeof children === \"string\" ? children : undefined}\n >\n {children}\n </CalendarDayEvent>\n {dateChildren}\n </CalendarDay>\n );\n } else {\n return (\n <CalendarDay\n date={d}\n key={d.format()}\n disabled={disabled}\n event={event}\n onClickDay={onClickDay}\n {...daysProps}\n {...eventProps}\n >\n {dateChildren}\n </CalendarDay>\n );\n }\n })}\n </div>\n );\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,uBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,eAAA,GAAAF,sBAAA,CAAAP,OAAA;AAAyD,SAAAO,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAK,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;AAAA,SAAAgB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAf,CAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAK,CAAA,IAAAF,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAa,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,iCAAA;AAEzDC,cAAK,CAACC,MAAM,CAACC,sBAAa,CAAC;AAC3BF,cAAK,CAACC,MAAM,CAACE,uBAAc,CAAC;AAE5B,MAAMC,mBAAmB,GAAGA,CAC1BC,IAAiB,EACjBC,GAAsB,EACtBC,GAAsB,KACnB;EACH,OACGD,GAAG,KAAKE,SAAS,IAAIF,GAAG,KAAK,IAAI,IAAID,IAAI,CAACF,cAAc,CAACG,GAAG,EAAE,MAAM,CAAC,IACrEC,GAAG,KAAKC,SAAS,IAAID,GAAG,KAAKC,SAAS,IAAIH,IAAI,CAACH,aAAa,CAACK,GAAG,EAAE,MAAM,CAAE;AAE/E,CAAC;AAED,MAAME,QAAQ,GAAGA,CAACJ,IAAiB,EAAEK,MAAwB,KAAK;EAChE,OAAOA,MAAM,EAAEC,IAAI,CAAEC,KAAK,IAAK;IAC7B,IAAIA,KAAK,CAACC,KAAK,KAAKL,SAAS,EAAE;MAC7B,OAAOH,IAAI,CAACF,cAAc,CAACS,KAAK,CAACE,GAAG,EAAE,MAAM,CAAC;IAC/C;IACA,IAAIF,KAAK,CAACE,GAAG,KAAKN,SAAS,EAAE;MAC3B,OAAOH,IAAI,CAACH,aAAa,CAACU,KAAK,CAACC,KAAK,EAAE,MAAM,CAAC;IAChD;IACA,OACER,IAAI,CAACH,aAAa,CAACU,KAAK,CAACC,KAAK,EAAE,MAAM,CAAC,IACvCR,IAAI,CAACF,cAAc,CAACS,KAAK,CAACE,GAAG,EAAE,MAAM,CAAC;EAE1C,CAAC,CAAC;AACJ,CAAC;AA8CD,MAAMC,eAAe,GAAIV,IAAsB,IAAK;EAClD,OAAO,IAAAL,cAAK,EAACK,IAAI,CAAC,CAACW,OAAO,CAAC,OAAO,CAAC,CAACC,GAAG,CAAC,CAAC;AAC3C,CAAC;AACD,MAAMC,YAAY,GAAIb,IAAsB,IAAK;EAC/C,OAAO,IAAAL,cAAK,EAACK,IAAI,CAAC,CAACc,WAAW,CAAC,CAAC,GAAG,CAAC;AACtC,CAAC;;AAED;AAAA,IAAAC,KAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAA3B;AAAA;AACA,MAAM4B,iBAAiB,GAAIC,OAAY,IACrC,IAAA9D,MAAA,CAAA+D,GAAA;EACEC,GAAG,EAAAV;AAED,GAEDQ,OACE,CACN;AAAC,IAAAG,IAAA,GAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAA3B;AAAA;AAAA,IAAAiC,KAAA,GAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAA3B;AAAA;AAEK,MAAMkC,mBAAmB,GAAGA,CAAK;EACtCC,KAAK;EACLxB,MAAM,GAAG,EAAE;EACXyB,SAAS,GAAG,CAAC,CAAC;EACd9B,IAAI,GAAG,IAAAL,cAAK,EAAC,CAAC;EACdM,GAAG;EACHC,GAAG;EACH6B,UAAU;EACVC,UAAU,GAAGV,iBAAiB;EAC9BW,UAAU;EACV,GAAGC;AACkC,CAAC,KAAK;EAC3C,MAAMC,YAAY,GAAG,IAAAC,eAAO,EAAC,MAAM1B,eAAe,CAACV,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACjE,MAAMqC,IAAI,GAAG,IAAAD,eAAO,EAAC,MAAMvB,YAAY,CAACb,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACtD,MAAMsC,cAAc,GAAG,IAAAF,eAAO,EAAC,MAAM/B,MAAM,CAACkC,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,EAAE,CAACnC,MAAM,CAAC,CAAC;EACxE,OACE,IAAA5C,MAAA,CAAA+D,GAAA,SAAApC,QAAA;IACEqC,GAAG,GAAAE,KAAA,EAKD;MACEc,YAAY,EAAEV,UAAU,IAAI;IAC9B,CAAC,EACDA,UAAU,KAAK5B,SAAS,GAAAuB,IAAA,GAMpB,IAAI,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,wDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACR,GACEgB,KAAK,GAER,IAAAQ,YAAK,EAACP,YAAY,CAAC,CAACQ,GAAG,CAAElE,CAAC,IACzB,IAAAhB,MAAA,CAAA+D,GAAA;IAAKoB,GAAG,EAAE,UAAUnE,CAAC;EAAG,CAAE,CAC3B,CAAC,EACD,IAAAiE,YAAK,EAAC,CAAC,EAAEL,IAAI,CAAC,CAACM,GAAG,CAAE/B,GAAG,IAAK;IAC3B,MAAMiC,CAAC,GAAG,IAAAlD,cAAK,EAACK,IAAI,CAAC,CAACA,IAAI,CAACY,GAAG,CAAC;IAC/B,MAAML,KAAK,GAAGH,QAAQ,CAACyC,CAAC,EAAEP,cAAc,CAAC;IACzC,MAAMQ,QAAQ,GAAG/C,mBAAmB,CAAC8C,CAAC,EAAE5C,GAAG,EAAEC,GAAG,CAAC;IACjD;IACA,MAAM;MAAEgC,KAAK,EAAEa;IAAW,CAAC,GAAGxC,KAAK,IAAK;MAAE2B,KAAK,EAAE,CAAC;IAAE,CAAmB;IAEvE,MAAMc,SAAS,GAAGnB,KAAK,IAAIA,KAAK,CAACgB,CAAC,CAACI,MAAM,CAAC,UAAU,CAAC,CAAC;IACtD,MAAMC,YAAY,GAChBF,SAAS,KAAK7C,SAAS,IACvB6C,SAAS,KAAK,IAAI,IAClBhB,UAAU,CAACgB,SAAS,CAAC;IACvB,IACED,UAAU,EAAEI,QAAQ,KAAKhD,SAAS,IAClC4C,UAAU,EAAEI,QAAQ,KAAK,IAAI,EAC7B;MACA,MAAM;QAAEA,QAAQ;QAAE,GAAGC;MAAY,CAAC,GAAGL,UAAU;MAC/C,OACE,IAAAtF,MAAA,CAAA+D,GAAA,EAAClE,YAAA,CAAA+F,WAAW,EAAAjE,QAAA;QACVY,IAAI,EAAE6C,CAAE;QACRD,GAAG,EAAEC,CAAC,CAACI,MAAM,CAAC,CAAE;QAChBH,QAAQ,EAAEA,QAAS;QACnBvC,KAAK,EAAEA,KAAM;QACb0B,UAAU,EAAEA;MAAW,GACnBH,SAAS,EACTsB,WAAW,GAEf,IAAA3F,MAAA,CAAA+D,GAAA,EAAChE,iBAAA,CAAA8F,gBAAgB;QACf9C,KAAK,EAAE,IAAAb,cAAK,EAACY,KAAK,EAAEC,KAAK,CAAE;QAC3BC,GAAG,EAAE,IAAAd,cAAK,EAACY,KAAK,EAAEE,GAAG,CAAE;QACvBT,IAAI,EAAE6C,CAAE;QACRU,KAAK,EAAE,OAAOJ,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGhD;MAAU,GAE1DgD,QACe,CAAC,EAClBD,YACU,CAAC;IAElB,CAAC,MAAM;MACL,OACE,IAAAzF,MAAA,CAAA+D,GAAA,EAAClE,YAAA,CAAA+F,WAAW,EAAAjE,QAAA;QACVY,IAAI,EAAE6C,CAAE;QACRD,GAAG,EAAEC,CAAC,CAACI,MAAM,CAAC,CAAE;QAChBH,QAAQ,EAAEA,QAAS;QACnBvC,KAAK,EAAEA,KAAM;QACb0B,UAAU,EAAEA;MAAW,GACnBH,SAAS,EACTiB,UAAU,GAEbG,YACU,CAAC;IAElB;EACF,CAAC,CACE,CAAC;AAEV,CAAC;AAACM,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -8,8 +8,7 @@ var _theme = require("../theme");
|
|
|
8
8
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
10
10
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function
|
|
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
|
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)."; }
|
|
15
14
|
const START_OF_WEEK = (0, _dayjs.default)().startOf("week");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarWeek.js","names":["_LocaleProvider","require","_react","_theme","_react2","_interopRequireWildcard","_dayjs","_interopRequireDefault","e","__esModule","default","
|
|
1
|
+
{"version":3,"file":"CalendarWeek.js","names":["_LocaleProvider","require","_react","_theme","_react2","_interopRequireWildcard","_dayjs","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","START_OF_WEEK","dayjs","startOf","WEEKDAYS","map","elapsed","add","toDate","sx","container","process","env","NODE_ENV","name","styles","toString","weekday","CalendarWeek","exports","React","memo","format","others","locale","useContext","LocaleContext","theme","useTheme","jsx","css","date","index","toLocaleDateString","key","typography","body"],"sources":["../../../src/Calendar/CalendarWeek.tsx"],"sourcesContent":["import { LocaleContext } from \"../LocaleProvider\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { useContext } from \"react\";\nimport dayjs from \"dayjs\";\n\nexport interface CalendarWeekProps\n extends React.HTMLAttributes<HTMLDivElement> {\n children?: never;\n format?: \"narrow\" | \"short\" | \"long\";\n}\n\nconst START_OF_WEEK = dayjs().startOf(\"week\");\nconst WEEKDAYS = [0, 1, 2, 3, 4, 5, 6].map((elapsed) =>\n START_OF_WEEK.add(elapsed, \"day\").toDate(),\n);\n\nconst sx = {\n container: css`\n display: flex;\n min-width: 294px;\n `,\n weekday: css`\n box-sizing: border-box;\n display: flex;\n flex: 1;\n justify-content: center;\n width: 100%;\n text-align: right;\n `,\n};\n\nexport const CalendarWeek = React.memo(\n ({ format = \"short\", ...others }: CalendarWeekProps) => {\n const locale = useContext(LocaleContext);\n const theme = useTheme();\n return (\n <div {...others} css={sx.container}>\n {WEEKDAYS.map((date, index) => {\n const weekday = date.toLocaleDateString(locale, {\n weekday: format,\n });\n return (\n <div key={index} css={[sx.weekday, theme.typography.body]}>\n {weekday}\n </div>\n );\n })}\n </div>\n );\n },\n () => true,\n);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,8 +4,7 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.CalendarUIContainer = void 0;
|
|
5
5
|
var _react = require("@emotion/react");
|
|
6
6
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
7
|
-
function
|
|
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
|
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); }
|
|
10
9
|
const CalendarUIContainer = exports.CalendarUIContainer = /*#__PURE__*/(0, _react2.forwardRef)(({
|
|
11
10
|
size = "medium",
|