matsuri-ui 17.0.2-alpha-1746256178747-0dc69ca.0 → 17.0.2-alpha-1746307672164-fc55bb3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarUIContainer.js","names":["_react","require","_react2","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"file":"CalendarUIContainer.js","names":["_react","require","_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","CalendarUIContainer","exports","forwardRef","size","props","ref","jsx","css","undefined","process","env","NODE_ENV"],"sources":["../../../src/CalendarUI/CalendarUIContainer.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nexport const CalendarUIContainer = forwardRef<\n HTMLDivElement,\n {\n /**\n * 元々かなり大きいコンポーネントのため、`\"large\"`サイズはサポートしません。\n * @default \"medium\"\n */\n size?: \"small\" | \"medium\";\n children?: React.ReactNode;\n }\n>(({ size = \"medium\", ...props }, ref) => {\n return (\n <div\n {...props}\n ref={ref}\n css={css`\n max-width: ${size === \"small\" ? \"350px\" : undefined};\n `}\n />\n );\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA0C,SAAAE,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AACnC,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,kBAAU,EAU3C,CAAC;EAAEC,IAAI,GAAG,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxC,OACE,IAAAlC,MAAA,CAAAmC,GAAA,SAAAZ,QAAA,KACMU,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTE,GAAG,mBAAEA,UAAG,gBACOJ,IAAI,KAAK,OAAO,GAAG,OAAO,GAAGK,SAAS,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,yDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACnD,EACH,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
|
package/cjs/CalendarUI/index.js
CHANGED
|
@@ -13,8 +13,7 @@ var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
|
|
|
13
13
|
var _isSameOrAfter = _interopRequireDefault(require("dayjs/plugin/isSameOrAfter"));
|
|
14
14
|
var _react2 = require("@emotion/react");
|
|
15
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
function
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
17
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
18
|
_dayjs.default.extend(_isBetween.default);
|
|
20
19
|
_dayjs.default.extend(_isSameOrAfter.default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Calendar","require","_CalendarController","_CalendarLabel","_CalendarUIContainer","_CalendarUIHeader","_react","_interopRequireWildcard","_dayjs","_interopRequireDefault","_isBetween","_isSameOrAfter","_react2","e","__esModule","default","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Calendar","require","_CalendarController","_CalendarLabel","_CalendarUIContainer","_CalendarUIHeader","_react","_interopRequireWildcard","_dayjs","_interopRequireDefault","_isBetween","_isSameOrAfter","_react2","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","dayjs","extend","isBetween","isSameOrAfter","normalize","config","format","useCalendar","initialDate","min","max","undefined","date","setDate","useState","increment","useCallback","prev","add","decrement","reset","disabledPrev","useMemo","endOf","disabledNext","isSameOrBefore","startOf","d","Date","controllerProps","unit","exports","CalendarUI","forwardRef","events","dates","propsDate","daysProps","cellHeight","size","renderCell","onClickDay","props","ref","useEffect","jsx","CalendarUIContainer","CalendarUIHeader","CalendarController","onPrev","onNext","onReset","CalendarLabel","Calendar"],"sources":["../../../src/CalendarUI/index.tsx"],"sourcesContent":["import { Calendar, CalendarProps } from \"../Calendar/Calendar\";\nimport { CalendarController } from \"../CalendarController\";\nimport { CalendarLabel } from \"../CalendarLabel\";\nimport { CalendarUIContainer } from \"./CalendarUIContainer\";\nimport { CalendarUIHeader } from \"./CalendarUIHeader\";\nimport React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\nimport dayjs from \"dayjs\";\nimport isBetween from \"dayjs/plugin/isBetween\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\n\ndayjs.extend(isBetween);\ndayjs.extend(isSameOrAfter);\n\nconst normalize = (config: dayjs.ConfigType) => {\n return dayjs(dayjs(config).format(\"YYYY-MM-DD\"));\n};\n\nexport const useCalendar = (\n {\n initialDate: config = dayjs(),\n min,\n max,\n }: {\n initialDate?: dayjs.ConfigType;\n min?: dayjs.ConfigType;\n max?: dayjs.ConfigType;\n } = { initialDate: undefined, min: undefined, max: undefined },\n) => {\n const [date, setDate] = useState(normalize(config));\n\n const increment = useCallback(() => {\n setDate((prev) => prev.add(1, \"month\"));\n }, []);\n const decrement = useCallback(() => {\n setDate((prev) => prev.add(-1, \"month\"));\n }, []);\n\n const reset = useCallback(() => {\n setDate(dayjs(dayjs(config).format(\"YYYY-MM-DD\")));\n }, [config]);\n const disabledPrev = useMemo(\n () =>\n min !== null &&\n min !== undefined &&\n dayjs(min).isSameOrAfter(date.add(-1, \"month\").endOf(\"month\")),\n [date, min],\n );\n const disabledNext = useMemo(\n () =>\n max !== null &&\n max !== undefined &&\n dayjs(max).isSameOrBefore(date.add(1, \"month\").startOf(\"month\")),\n [date, max],\n );\n\n const set = useCallback((d: dayjs.ConfigType = new Date()) => {\n setDate(normalize(d));\n }, []);\n\n return {\n date,\n increment,\n decrement,\n reset,\n disabledNext,\n disabledPrev,\n set,\n controllerProps: {\n unit: \"month\",\n set,\n increment,\n decrement,\n disabledNext,\n disabledPrev,\n } as const,\n };\n};\n\nexport interface CalendarUIProps<T> extends CalendarProps<T> {\n /**\n * 元々かなり大きいコンポーネントのため、`\"large\"`サイズはサポートしません。\n * @default \"medium\"\n */\n size?: \"small\" | \"medium\";\n}\n\nexport const CalendarUI = forwardRef(\n <T,>(\n {\n events,\n dates,\n date: propsDate,\n min,\n max,\n daysProps,\n cellHeight,\n size = \"medium\",\n renderCell,\n onClickDay,\n ...props\n }: CalendarUIProps<T>,\n ref: React.Ref<HTMLDivElement>,\n ) => {\n const { date, increment, decrement, set } = useCalendar({\n initialDate: propsDate,\n min,\n max,\n });\n\n useEffect(() => {\n if (propsDate !== null && propsDate !== undefined) {\n set(propsDate);\n }\n }, [propsDate, set]);\n\n return (\n <CalendarUIContainer {...props} ref={ref} size={size}>\n <CalendarUIHeader>\n <CalendarController\n unit=\"month\"\n size={size}\n onPrev={decrement}\n onNext={increment}\n onReset={set}\n />\n\n <CalendarLabel date={date} size={size} />\n </CalendarUIHeader>\n <Calendar\n renderCell={renderCell}\n events={events}\n dates={dates}\n daysProps={daysProps}\n date={date}\n min={min}\n max={max}\n cellHeight={cellHeight}\n onClickDay={onClickDay}\n />\n </CalendarUIContainer>\n );\n },\n) as <Props>(\n props: CalendarUIProps<Props> & {\n ref?: React.Ref<HTMLDivElement>;\n },\n) => React.JSX.Element;\n"],"mappings":"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","ignoreList":[]}
|
package/cjs/Chip/Chip.js
CHANGED
|
@@ -5,8 +5,7 @@ exports.Chip = void 0;
|
|
|
5
5
|
var _theme = require("../theme");
|
|
6
6
|
var _react = require("@emotion/react");
|
|
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
|
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)."; }
|
|
12
11
|
var _ref = process.env.NODE_ENV === "production" ? {
|
package/cjs/Chip/Chip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","names":["_theme","require","_react","_react2","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"file":"Chip.js","names":["_theme","require","_react","_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__","_ref","process","env","NODE_ENV","name","styles","toString","_ref2","Chip","exports","forwardRef","color","icon","endIcon","size","children","rounded","title","onClick","props","ref","theme","useTheme","clickable","undefined","jsx","role","tabIndex","css","typography","caption","body","palette","text","primary","intentions","contrastText","gray","main"],"sources":["../../../src/Chip/Chip.tsx"],"sourcesContent":["import { PartialColorProps, useTheme } from \"../theme\";\nimport { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\n\nexport interface ChipProps\n extends PartialColorProps,\n Omit<React.ComponentPropsWithoutRef<\"span\">, \"color\"> {\n children: React.ReactNode;\n /**\n * Iconとして入れる要素を指定します。\n *\n * @default null\n */\n icon?: React.ReactNode;\n /**\n * 右側にIconとして入れる要素を指定します。\n *\n * @default null\n */\n endIcon?: React.ReactNode;\n /**\n * 大きさを指定します。\n *\n * @default \"small\"\n */\n size?: \"small\" | \"medium\";\n /**\n * 削除されました。\n */\n variant?: string;\n /**\n * 角を丸くします。\n */\n rounded?: boolean;\n /**\n * ホバー時にツールチップのような見た目で指定された文字列を表示します。\n * このようなコンポーネントでは文字数をあまり長くできないのでユーザーに不親切になりがちなので、\n * なるべく指定してユーザーを手助けしてください。\n * titleが指定された場合、cursorがhelpに変更されます。\n * Tooltipコンポーネントを利用するよりこちらの利用を優先するべきです。\n */\n title?: string;\n style?: React.CSSProperties;\n className?: string;\n}\n\nexport const Chip = forwardRef<HTMLSpanElement, ChipProps>(\n (\n {\n color = \"default\",\n icon,\n endIcon,\n size = \"small\",\n children,\n rounded,\n title,\n onClick,\n ...props\n },\n ref,\n ) => {\n const theme = useTheme();\n\n const clickable = onClick !== undefined;\n return (\n <span\n ref={ref}\n title={title}\n role={clickable ? \"button\" : undefined}\n tabIndex={clickable ? 0 : undefined}\n onClick={onClick}\n css={[\n size === \"small\" ? theme.typography.caption : theme.typography.body,\n css`\n box-sizing: border-box;\n display: inline-flex;\n padding: 4px 12px;\n color: ${color === \"default\"\n ? theme.palette.text.primary\n : theme.palette.intentions[color]?.contrastText};\n white-space: nowrap;\n cursor: ${title ? \"help\" : \"inherit\"};\n background-color: ${color === \"default\"\n ? theme.palette.gray[200]\n : theme.palette.intentions[color]?.main};\n border-radius: ${rounded\n ? // 本当は高さの50%を指定するべきだが、sizeによって変わるので対応が面倒なため、とりあえずめちゃくちゃ大きい値を指定している\n \"9999px\"\n : \"4px\"};\n &[role=\"button\"] {\n cursor: pointer;\n }\n `,\n ]}\n {...props}\n >\n {icon !== undefined && icon !== null && (\n <span\n css={css`\n display: grid;\n align-items: center;\n margin-right: 0.5em;\n `}\n >\n {icon}\n </span>\n )}\n {children}\n {endIcon !== undefined && icon !== null && (\n <span\n css={css`\n display: grid;\n align-items: center;\n margin-left: 0.5em;\n `}\n >\n {endIcon}\n </span>\n )}\n </span>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -20,8 +20,7 @@ var _useValidation = require("../FieldBase/useValidation");
|
|
|
20
20
|
var _react2 = _interopRequireWildcard(require("react"));
|
|
21
21
|
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
22
22
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
23
|
-
function
|
|
24
|
-
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; }
|
|
23
|
+
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); }
|
|
25
24
|
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); }
|
|
26
25
|
const today = (0, _dayjs.default)();
|
|
27
26
|
const todayEvent = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","names":["_CalendarUI","require","_FormControl","_FormHelperText","_InputBase","_InputLabel","_Paper","_Popper","_react","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_hooks","_theme","_useValidation","_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","today","dayjs","todayEvent","start","end","type","props","variant","color","disableAnimation","DATE_FORMAT","exports","formatDate","value","format","undefined","DateField","className","style","id","label","onChange","onFocus","validationMessages","customValidations","_propsValue","disablePortal","defaultValue","min","max","readOnly","propsReadOnly","loading","propsLoading","disabled","helperText","onKeyDown","invalid","popperProps","inputRef","others","anchorEl","setAnchorEl","useState","ref","useRef","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","validation","useValidation","open","setOpen","handleClick","useCallback","containerRef","useOnClickOutside","selectedDate","useMemo","selectedEventDay","handleChange","event","nextValue","currentTarget","daysProps","handleClickDay","dataset","eventDate","onClick","handleRef","node","touched","additionalProps","useDitectInputTouched","theme","useTheme","internalInputId","useId","inputId","jsx","FormControl","InputLabel","required","htmlFor","InputBase","code","preventDefault","valid","FormHelperText","message","Popper","placement","options","modifiers","name","roundOffsets","y","x","Math","round","enabled","Paper","css","spacing","process","env","NODE_ENV","CalendarUI","size","date","events"],"sources":["../../../src/DateField/DateField.tsx"],"sourcesContent":["import { CalendarEvent } from \"../Calendar\";\nimport { CalendarUI } from \"../CalendarUI\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper, PopperProps } from \"../Popper\";\nimport { css } from \"@emotion/react\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport React, { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\n\nconst today = dayjs();\nconst todayEvent: CalendarEvent = {\n start: today,\n end: today,\n type: \"today\",\n props: {\n variant: \"outlined\",\n color: \"primary\",\n disableAnimation: true,\n },\n};\n\nexport const DATE_FORMAT = \"YYYY-MM-DD\";\n\nexport interface DateFieldProps\n extends FieldProps<string | undefined>,\n Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\">,\n Pick<PopperProps, \"disablePortal\"> {\n type?: never;\n popperProps?: PopperProps;\n}\n\nconst formatDate = (value?: string) => {\n return value ? dayjs(value).format(\"YYYY-MM-DD\") : undefined;\n};\n\n/**\n * ## 入力値のフォーマットについて\n *\n * 入力値のフォーマットは`YYYY-MM-DD`に限定されます。フォーマットするのが面倒な場合は`dayjs`を推奨します。\n * `dayjs`では次のようにしてフォーマットできます。\n *\n * ```tsx\n * dayjs().format(\"YYYY-MM-DD\")\n *```\n */\nexport const DateField = (props: DateFieldProps) => {\n const {\n className,\n style,\n id,\n label,\n onChange,\n onFocus,\n validationMessages,\n customValidations,\n value: _propsValue,\n disablePortal = true,\n defaultValue,\n min,\n max,\n readOnly: propsReadOnly,\n loading: propsLoading,\n disabled,\n helperText,\n onKeyDown,\n invalid,\n popperProps,\n inputRef,\n ...others\n } = props;\n\n const [anchorEl, setAnchorEl] = useState<null | HTMLInputElement>(null);\n const ref = useRef<HTMLInputElement | null>(undefined);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n const { readOnly, loading } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const validation = useValidation<string | undefined>({\n ref,\n validationMessages,\n customValidations,\n value,\n });\n\n /**\n * Popper\n */\n const [open, setOpen] = useState(false);\n const handleClick = useCallback(() => {\n setOpen(true);\n }, []);\n const containerRef = useRef(null);\n useOnClickOutside(\n containerRef,\n useCallback(() => {\n setOpen(false);\n }, []),\n );\n\n /**\n * CalendarUI\n */\n const selectedDate = useMemo(\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n () => value || defaultValue,\n [defaultValue, value],\n );\n const selectedEventDay: CalendarEvent[] | undefined = useMemo(() => {\n if (selectedDate === undefined) return undefined;\n return [\n todayEvent,\n {\n start: selectedDate,\n end: selectedDate,\n type: \"selected\",\n props: {\n variant: \"filled\",\n color: \"primary\",\n disableAnimation: true,\n },\n },\n ];\n }, [selectedDate]);\n /**\n * Handling\n */\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const nextValue = event.currentTarget.value;\n setValue(nextValue);\n if (onChange) {\n onChange(nextValue, event);\n }\n },\n [onChange, setValue],\n );\n\n const daysProps = useMemo(() => {\n const handleClickDay = (\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => {\n const nextValue = formatDate(event.currentTarget.dataset.eventDate);\n setValue(nextValue);\n setOpen(false);\n if (onChange) {\n onChange(nextValue);\n }\n };\n return {\n onClick: handleClickDay,\n };\n }, [onChange, setValue]);\n\n const handleRef = useCallback(\n (node: HTMLInputElement | null) => {\n setAnchorEl(node);\n refs(node);\n },\n [refs],\n );\n\n const [touched, additionalProps] = useDitectInputTouched(onFocus);\n\n const theme = useTheme();\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className}>\n <InputLabel\n aria-disabled={disabled}\n required={others.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <InputBase\n id={inputId}\n onKeyDown={(event) => {\n /**\n * input[type=\"date\"]の場合、Spaceキーでカレンダーを開くことができる。\n * この挙動を無効化する。\n */\n if (event.code === \"Space\") {\n event.preventDefault();\n }\n onKeyDown?.(event);\n }}\n onChange={handleChange}\n ref={handleRef}\n type=\"date\"\n readOnly={readOnly}\n {...others}\n disabled={disabled}\n onClick={readOnly ? undefined : handleClick}\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n value={value || \"\"}\n min={min}\n data-invalid={!validation.valid}\n max={max}\n loading={loading}\n {...additionalProps}\n />\n <FormHelperText\n invalid={!validation.valid || invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n validation.message || helperText\n }\n </FormHelperText>\n {selectedDate !== \"Invalid Date\" && (\n <Popper\n disablePortal={disablePortal}\n anchorEl={anchorEl}\n open={open}\n placement=\"bottom-start\"\n options={{\n modifiers: [\n disablePortal\n ? {\n name: \"computeStyles\",\n options: {\n roundOffsets: ({ y }: { y: number }) => ({\n x: 0,\n y: Math.round(y),\n }),\n },\n }\n : {},\n {\n name: \"flip\",\n enabled: false,\n },\n ],\n }}\n {...popperProps}\n >\n <Paper\n ref={containerRef}\n css={css`\n padding: 1em;\n margin-top: ${theme.spacing}px;\n margin-bottom: ${theme.spacing * 2}px;\n `}\n >\n <CalendarUI\n min={min}\n max={max}\n size=\"small\"\n date={selectedDate}\n events={selectedEventDay}\n daysProps={daysProps}\n />\n </Paper>\n </Popper>\n )}\n </FormControl>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"DateField.js","names":["_CalendarUI","require","_FormControl","_FormHelperText","_InputBase","_InputLabel","_Paper","_Popper","_react","_useDitectInputTouched","_FieldGroup","_useInputValue","_useMergeRefs","_hooks","_theme","_useValidation","_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","today","dayjs","todayEvent","start","end","type","props","variant","color","disableAnimation","DATE_FORMAT","exports","formatDate","value","format","undefined","DateField","className","style","id","label","onChange","onFocus","validationMessages","customValidations","_propsValue","disablePortal","defaultValue","min","max","readOnly","propsReadOnly","loading","propsLoading","disabled","helperText","onKeyDown","invalid","popperProps","inputRef","others","anchorEl","setAnchorEl","useState","ref","useRef","refs","useMergeRefs","setValue","isControlled","useInputValue","useFieldGroup","onLoaded","validation","useValidation","open","setOpen","handleClick","useCallback","containerRef","useOnClickOutside","selectedDate","useMemo","selectedEventDay","handleChange","event","nextValue","currentTarget","daysProps","handleClickDay","dataset","eventDate","onClick","handleRef","node","touched","additionalProps","useDitectInputTouched","theme","useTheme","internalInputId","useId","inputId","jsx","FormControl","InputLabel","required","htmlFor","InputBase","code","preventDefault","valid","FormHelperText","message","Popper","placement","options","modifiers","name","roundOffsets","y","x","Math","round","enabled","Paper","css","spacing","process","env","NODE_ENV","CalendarUI","size","date","events"],"sources":["../../../src/DateField/DateField.tsx"],"sourcesContent":["import { CalendarEvent } from \"../Calendar\";\nimport { CalendarUI } from \"../CalendarUI\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper, PopperProps } from \"../Popper\";\nimport { css } from \"@emotion/react\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport React, { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\n\nconst today = dayjs();\nconst todayEvent: CalendarEvent = {\n start: today,\n end: today,\n type: \"today\",\n props: {\n variant: \"outlined\",\n color: \"primary\",\n disableAnimation: true,\n },\n};\n\nexport const DATE_FORMAT = \"YYYY-MM-DD\";\n\nexport interface DateFieldProps\n extends FieldProps<string | undefined>,\n Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\">,\n Pick<PopperProps, \"disablePortal\"> {\n type?: never;\n popperProps?: PopperProps;\n}\n\nconst formatDate = (value?: string) => {\n return value ? dayjs(value).format(\"YYYY-MM-DD\") : undefined;\n};\n\n/**\n * ## 入力値のフォーマットについて\n *\n * 入力値のフォーマットは`YYYY-MM-DD`に限定されます。フォーマットするのが面倒な場合は`dayjs`を推奨します。\n * `dayjs`では次のようにしてフォーマットできます。\n *\n * ```tsx\n * dayjs().format(\"YYYY-MM-DD\")\n *```\n */\nexport const DateField = (props: DateFieldProps) => {\n const {\n className,\n style,\n id,\n label,\n onChange,\n onFocus,\n validationMessages,\n customValidations,\n value: _propsValue,\n disablePortal = true,\n defaultValue,\n min,\n max,\n readOnly: propsReadOnly,\n loading: propsLoading,\n disabled,\n helperText,\n onKeyDown,\n invalid,\n popperProps,\n inputRef,\n ...others\n } = props;\n\n const [anchorEl, setAnchorEl] = useState<null | HTMLInputElement>(null);\n const ref = useRef<HTMLInputElement | null>(undefined);\n const refs = useMergeRefs(inputRef, ref);\n\n const [value, setValue, isControlled] = useInputValue(props);\n const { readOnly, loading } = useFieldGroup({\n loading: propsLoading,\n readOnly: propsReadOnly,\n onLoaded: () => {\n if (isControlled === false) {\n setValue(defaultValue);\n }\n },\n });\n\n const validation = useValidation<string | undefined>({\n ref,\n validationMessages,\n customValidations,\n value,\n });\n\n /**\n * Popper\n */\n const [open, setOpen] = useState(false);\n const handleClick = useCallback(() => {\n setOpen(true);\n }, []);\n const containerRef = useRef(null);\n useOnClickOutside(\n containerRef,\n useCallback(() => {\n setOpen(false);\n }, []),\n );\n\n /**\n * CalendarUI\n */\n const selectedDate = useMemo(\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n () => value || defaultValue,\n [defaultValue, value],\n );\n const selectedEventDay: CalendarEvent[] | undefined = useMemo(() => {\n if (selectedDate === undefined) return undefined;\n return [\n todayEvent,\n {\n start: selectedDate,\n end: selectedDate,\n type: \"selected\",\n props: {\n variant: \"filled\",\n color: \"primary\",\n disableAnimation: true,\n },\n },\n ];\n }, [selectedDate]);\n /**\n * Handling\n */\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const nextValue = event.currentTarget.value;\n setValue(nextValue);\n if (onChange) {\n onChange(nextValue, event);\n }\n },\n [onChange, setValue],\n );\n\n const daysProps = useMemo(() => {\n const handleClickDay = (\n event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n ) => {\n const nextValue = formatDate(event.currentTarget.dataset.eventDate);\n setValue(nextValue);\n setOpen(false);\n if (onChange) {\n onChange(nextValue);\n }\n };\n return {\n onClick: handleClickDay,\n };\n }, [onChange, setValue]);\n\n const handleRef = useCallback(\n (node: HTMLInputElement | null) => {\n setAnchorEl(node);\n refs(node);\n },\n [refs],\n );\n\n const [touched, additionalProps] = useDitectInputTouched(onFocus);\n\n const theme = useTheme();\n\n const internalInputId = useId();\n const inputId = id ?? internalInputId;\n\n return (\n <FormControl style={style} className={className}>\n <InputLabel\n aria-disabled={disabled}\n required={others.required}\n loading={loading}\n htmlFor={inputId}\n >\n {label}\n </InputLabel>\n <InputBase\n id={inputId}\n onKeyDown={(event) => {\n /**\n * input[type=\"date\"]の場合、Spaceキーでカレンダーを開くことができる。\n * この挙動を無効化する。\n */\n if (event.code === \"Space\") {\n event.preventDefault();\n }\n onKeyDown?.(event);\n }}\n onChange={handleChange}\n ref={handleRef}\n type=\"date\"\n readOnly={readOnly}\n {...others}\n disabled={disabled}\n onClick={readOnly ? undefined : handleClick}\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n value={value || \"\"}\n min={min}\n data-invalid={!validation.valid}\n max={max}\n loading={loading}\n {...additionalProps}\n />\n <FormHelperText\n invalid={!validation.valid || invalid}\n loading={loading}\n touched={touched}\n value={value}\n >\n {\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n validation.message || helperText\n }\n </FormHelperText>\n {selectedDate !== \"Invalid Date\" && (\n <Popper\n disablePortal={disablePortal}\n anchorEl={anchorEl}\n open={open}\n placement=\"bottom-start\"\n options={{\n modifiers: [\n disablePortal\n ? {\n name: \"computeStyles\",\n options: {\n roundOffsets: ({ y }: { y: number }) => ({\n x: 0,\n y: Math.round(y),\n }),\n },\n }\n : {},\n {\n name: \"flip\",\n enabled: false,\n },\n ],\n }}\n {...popperProps}\n >\n <Paper\n ref={containerRef}\n css={css`\n padding: 1em;\n margin-top: ${theme.spacing}px;\n margin-bottom: ${theme.spacing * 2}px;\n `}\n >\n <CalendarUI\n min={min}\n max={max}\n size=\"small\"\n date={selectedDate}\n events={selectedEventDay}\n daysProps={daysProps}\n />\n </Paper>\n </Popper>\n )}\n </FormControl>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
package/cjs/DropArea/DropArea.js
CHANGED
|
@@ -5,8 +5,7 @@ exports.DropArea = 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 DefaultDropAreaInner = ({
|
|
12
11
|
accepted,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropArea.js","names":["_react","require","_theme","_react2","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"file":"DropArea.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","DefaultDropAreaInner","accepted","props","palette","transitions","useTheme","jsx","css","background","paper","gray","process","env","NODE_ENV","undefined","duration","shorter","easing","easeIn","intentions","primary","light","main","DropArea","onDrop","accept","handleCancel","useCallback","preventDefault","stopPropagation","handleDrop","dataTransfer","files","Array","from","filter","file","test","type","clearData","currentTarget","dataset","dropAreaStatus","status","setStatus","useState","setAccepted","useEffect","handler","event","types","includes","document","addEventListener","removeEventListener","onDragEnter","onDragLeave","onDragOver","exports"],"sources":["../../../src/DropArea/DropArea.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useEffect, useState } from \"react\";\n\nexport interface DefaultDropAreaInnerProps\n extends React.ComponentPropsWithoutRef<\"div\"> {\n accepted?: boolean;\n}\n\nconst DefaultDropAreaInner = ({\n accepted,\n ...props\n}: DefaultDropAreaInnerProps) => {\n const { palette, transitions } = useTheme();\n return (\n <div\n {...props}\n css={[\n css`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ${palette.background.paper};\n border: 2px dashed ${palette.gray[300]};\n border-radius: 4px;\n `,\n (accepted === undefined || accepted) &&\n css`\n transition: border-color ${transitions.duration.shorter}\n ${transitions.easing.easeIn};\n &[data-dropzone-status=\"dragover\"] {\n background-color: ${palette.intentions.primary.light};\n border-color: ${palette.intentions.primary.main};\n }\n `,\n ]}\n />\n );\n};\n\ninterface BaseDropAreaProps {\n onDrop: (files: File[]) => void;\n onDragEnter?: never;\n onDragLeave?: never;\n onDragOver?: never;\n accept?: RegExp;\n}\n\nexport interface DropAreaProps\n extends BaseDropAreaProps,\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof BaseDropAreaProps> {}\n\nexport const DropArea = ({ onDrop, accept, ...props }: DropAreaProps) => {\n const handleCancel = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n }, []);\n const handleDrop = useCallback(\n (e: React.DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (e.dataTransfer.files.length > 0) {\n onDrop(\n accept\n ? Array.from(e.dataTransfer.files).filter((file) =>\n accept?.test(file.type),\n )\n : Array.from(e.dataTransfer.files),\n );\n e.dataTransfer.clearData();\n }\n delete e.currentTarget.dataset.dropAreaStatus;\n },\n [accept, onDrop],\n );\n const [status, setStatus] = useState(\"\");\n const [accepted, setAccepted] = useState<boolean>(false);\n useEffect(() => {\n const handler = (event: DragEvent) => {\n setAccepted(event.dataTransfer?.types.includes(\"Files\") ?? false);\n setStatus(event.type);\n event.preventDefault();\n event.stopPropagation();\n };\n document.addEventListener(\"drop\", handler);\n document.addEventListener(\"dragover\", handler);\n document.addEventListener(\"dragleave\", handler);\n return () => {\n document.removeEventListener(\"drop\", handler);\n document.removeEventListener(\"dragover\", handler);\n document.removeEventListener(\"dragleave\", handler);\n };\n }, []);\n return (\n <DefaultDropAreaInner\n data-dropzone-status={status}\n {...props}\n accepted={accepted}\n onDragEnter={handleCancel}\n onDragLeave={handleCancel}\n onDragOver={handleCancel}\n onDrop={handleDrop}\n />\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
package/cjs/FieldGroup/index.js
CHANGED
|
@@ -4,8 +4,7 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.useFieldGroup = exports.FieldGroup = void 0;
|
|
5
5
|
var _react = _interopRequireWildcard(require("react"));
|
|
6
6
|
var _react2 = require("@emotion/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
|
const FieldGroupContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
10
9
|
const useFieldGroup = argsValue => {
|
|
11
10
|
const contextValue = (0, _react.useContext)(FieldGroupContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_react2","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FieldGroupContext","createContext","useFieldGroup","argsValue","contextValue","useContext","prevLoading","useRef","undefined","loading","useMemo","next","current","onLoaded","value","readOnly","exports","FieldGroup","children","jsx","Provider"],"sources":["../../../src/FieldGroup/index.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useRef } from \"react\";\n\nexport interface FieldGroupContextValue {\n /**\n * ローディング状態であることを示す値\n */\n loading?: boolean;\n /**\n * 読み取り専用であることを示す値\n */\n readOnly?: boolean;\n onLoaded?: () => void;\n}\n\nconst FieldGroupContext = createContext<FieldGroupContextValue>({});\n\nexport const useFieldGroup = (argsValue: FieldGroupContextValue) => {\n const contextValue = useContext(FieldGroupContext);\n\n const prevLoading = useRef<boolean | undefined>(undefined);\n\n const loading = useMemo(() => {\n const next =\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n argsValue.loading === undefined\n ? contextValue.loading\n : argsValue.loading;\n if (prevLoading.current === true && next === false) {\n argsValue.onLoaded?.();\n }\n prevLoading.current = next;\n return next;\n }, [argsValue, contextValue.loading]);\n\n const value = useMemo(() => {\n return {\n loading,\n readOnly:\n // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n argsValue.readOnly === undefined\n ? contextValue.readOnly\n : argsValue.readOnly,\n };\n }, [argsValue.readOnly, contextValue.readOnly, loading]);\n\n return value;\n};\n\nexport interface FieldGroupProps extends FieldGroupContextValue {\n children?: React.ReactNode;\n}\n\n/**\n * FieldGroupは、フォーム用のコンポーネントに対して、特定の属性をまとめて与えるための実態のないコンポーネントです。\n *\n * 子孫のフォーム要素に同種の属性がついている場合は、子孫側の指定が優先されます。\n */\nexport const FieldGroup = ({\n children,\n loading,\n readOnly,\n}: FieldGroupProps) => {\n const value = useMemo(() => {\n return {\n loading,\n readOnly,\n };\n }, [loading, readOnly]);\n\n return (\n <FieldGroupContext.Provider value={value}>\n {children}\n </FieldGroupContext.Provider>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,8 +4,7 @@ exports.__esModule = true;
|
|
|
4
4
|
exports.FormControl = 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
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
11
10
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControl.js","names":["_react","require","_react2","_interopRequireWildcard","
|
|
1
|
+
{"version":3,"file":"FormControl.js","names":["_react","require","_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__","_ref","process","env","NODE_ENV","name","styles","toString","FormControl","exports","forwardRef","props","ref","jsx","css"],"sources":["../../../src/FormControl/FormControl.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\n\nexport const FormControl = forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>((props, ref) => {\n return (\n <div\n css={css({\n position: \"relative\",\n boxSizing: \"border-box\",\n margin: 0,\n padding: 0,\n border: \"none\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"flex-start\",\n })}\n {...props}\n ref={ref}\n />\n );\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA0C,SAAAE,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAjB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAC,CAAA,GAAAqB,SAAA,CAAAtB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAe,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,iCAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA;AAEnC,MAAMQ,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,kBAAU,EAGnC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChB,OACE,IAAAzC,MAAA,CAAA0C,GAAA,SAAAnB,QAAA;IACEoB,GAAG,EAAAb;EASA,GACCU,KAAK;IACTC,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,8 +6,7 @@ var _debounce = require("../@utils/debounce");
|
|
|
6
6
|
var _isBrowser = require("../isBrowser");
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
|
-
function
|
|
10
|
-
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; }
|
|
9
|
+
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); }
|
|
11
10
|
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); }
|
|
12
11
|
const getWindowHeight = () => {
|
|
13
12
|
return _isBrowser.isBrowser && document.documentElement.clientHeight || window.innerHeight;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullHeight.js","names":["_debounce","require","_isBrowser","_react","_interopRequireWildcard","_react2","
|
|
1
|
+
{"version":3,"file":"FullHeight.js","names":["_debounce","require","_isBrowser","_react","_interopRequireWildcard","_react2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","getWindowHeight","isBrowser","document","documentElement","clientHeight","window","innerHeight","FullHeight","style","props","height","setHeight","useState","current","updateStyle","useRef","debounce","useEffect","addEventListener","removeEventListener","jsx","exports"],"sources":["../../../src/FullHeight/FullHeight.tsx"],"sourcesContent":["import { debounce } from \"../@utils/debounce\";\nimport { isBrowser } from \"../isBrowser\";\nimport React, { useEffect, useRef, useState } from \"react\";\n\nconst getWindowHeight = () => {\n return (\n (isBrowser && document.documentElement.clientHeight) || window.innerHeight\n );\n};\n\nexport interface FullHeightProps\n extends React.ComponentPropsWithoutRef<\"div\"> {}\n\nexport const FullHeight = ({ style, ...props }: FullHeightProps) => {\n const [height, setHeight] = useState(\"100vh\");\n //@see https://gist.github.com/hrdtbs/1da2db1b01f9a4e2872e5455127e8b7a\n const { current: updateStyle } = useRef(\n debounce(() => {\n const height = getWindowHeight();\n setHeight(`${height}px`);\n }, 100),\n );\n useEffect(() => {\n if (!isBrowser) return;\n updateStyle();\n window.addEventListener(\"resize\", updateStyle);\n return () => {\n window.removeEventListener(\"resize\", updateStyle);\n };\n }, [updateStyle]);\n\n return <div style={{ ...style, height }} {...props} />;\n};\n"],"mappings":"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","ignoreList":[]}
|