@ceed/cds 0.0.127 → 0.0.128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/dist/index.js +1 -169
  2. package/package.json +4 -4
  3. package/dist/components/Accordions/Accordions.js +0 -72
  4. package/dist/components/Accordions/index.js +0 -19
  5. package/dist/components/Autocomplete/Autocomplete.js +0 -280
  6. package/dist/components/Autocomplete/index.js +0 -19
  7. package/dist/components/Box/Box.js +0 -9
  8. package/dist/components/Box/index.js +0 -19
  9. package/dist/components/Breadcrumbs/Breadcrumbs.js +0 -96
  10. package/dist/components/Breadcrumbs/index.js +0 -19
  11. package/dist/components/Button/Button.js +0 -54
  12. package/dist/components/Button/index.js +0 -19
  13. package/dist/components/Calendar/Calendar.js +0 -412
  14. package/dist/components/Calendar/hooks/use-calendar-props.js +0 -84
  15. package/dist/components/Calendar/hooks/use-calendar.js +0 -248
  16. package/dist/components/Calendar/index.js +0 -19
  17. package/dist/components/Calendar/types.js +0 -2
  18. package/dist/components/Calendar/utils/index.js +0 -84
  19. package/dist/components/Card/Card.js +0 -25
  20. package/dist/components/Card/index.js +0 -19
  21. package/dist/components/Checkbox/Checkbox.js +0 -34
  22. package/dist/components/Checkbox/index.js +0 -19
  23. package/dist/components/Chip/Chip.js +0 -9
  24. package/dist/components/Chip/index.js +0 -19
  25. package/dist/components/Container/Container.js +0 -91
  26. package/dist/components/Container/index.js +0 -19
  27. package/dist/components/CurrencyInput/CurrencyInput.js +0 -137
  28. package/dist/components/CurrencyInput/hooks/use-currency-setting.js +0 -172
  29. package/dist/components/CurrencyInput/index.js +0 -19
  30. package/dist/components/DataTable/DataTable.js +0 -466
  31. package/dist/components/DataTable/index.js +0 -19
  32. package/dist/components/DataTable/types.js +0 -2
  33. package/dist/components/DatePicker/DatePicker.js +0 -236
  34. package/dist/components/DatePicker/index.js +0 -19
  35. package/dist/components/DateRangePicker/DateRangePicker.js +0 -238
  36. package/dist/components/DateRangePicker/index.js +0 -19
  37. package/dist/components/DialogActions/DialogActions.js +0 -18
  38. package/dist/components/DialogActions/index.js +0 -19
  39. package/dist/components/DialogContent/DialogContent.js +0 -15
  40. package/dist/components/DialogContent/index.js +0 -19
  41. package/dist/components/DialogFrame/DialogFrame.js +0 -57
  42. package/dist/components/DialogFrame/index.js +0 -19
  43. package/dist/components/DialogTitle/DialogTitle.js +0 -15
  44. package/dist/components/DialogTitle/index.js +0 -19
  45. package/dist/components/Divider/Divider.js +0 -34
  46. package/dist/components/Divider/index.js +0 -19
  47. package/dist/components/Dropdown/Dropdown.js +0 -9
  48. package/dist/components/Dropdown/index.js +0 -19
  49. package/dist/components/FormControl/FormControl.js +0 -20
  50. package/dist/components/FormControl/index.js +0 -19
  51. package/dist/components/FormHelperText/FormHelperText.js +0 -9
  52. package/dist/components/FormHelperText/index.js +0 -19
  53. package/dist/components/FormLabel/FormLabel.js +0 -9
  54. package/dist/components/FormLabel/index.js +0 -19
  55. package/dist/components/Grid/Grid.js +0 -9
  56. package/dist/components/Grid/index.js +0 -19
  57. package/dist/components/IconButton/IconButton.js +0 -34
  58. package/dist/components/IconButton/index.js +0 -19
  59. package/dist/components/Input/Input.js +0 -57
  60. package/dist/components/Input/index.js +0 -19
  61. package/dist/components/InsetDrawer/InsetDrawer.js +0 -51
  62. package/dist/components/InsetDrawer/index.js +0 -19
  63. package/dist/components/Markdown/Markdown.js +0 -65
  64. package/dist/components/Markdown/index.js +0 -19
  65. package/dist/components/Menu/Menu.js +0 -62
  66. package/dist/components/Menu/index.js +0 -19
  67. package/dist/components/Modal/Modal.js +0 -69
  68. package/dist/components/Modal/index.js +0 -19
  69. package/dist/components/MonthPicker/MonthPicker.js +0 -232
  70. package/dist/components/MonthPicker/index.js +0 -19
  71. package/dist/components/MonthRangePicker/MonthRangePicker.js +0 -236
  72. package/dist/components/MonthRangePicker/index.js +0 -19
  73. package/dist/components/Radio/Radio.js +0 -13
  74. package/dist/components/Radio/index.js +0 -19
  75. package/dist/components/RadioList/RadioList.js +0 -44
  76. package/dist/components/RadioList/index.js +0 -19
  77. package/dist/components/Select/Select.js +0 -105
  78. package/dist/components/Select/index.js +0 -19
  79. package/dist/components/Sheet/Sheet.js +0 -9
  80. package/dist/components/Sheet/index.js +0 -19
  81. package/dist/components/Stack/Stack.js +0 -9
  82. package/dist/components/Stack/index.js +0 -19
  83. package/dist/components/Switch/Switch.js +0 -60
  84. package/dist/components/Switch/index.js +0 -19
  85. package/dist/components/Table/Table.js +0 -95
  86. package/dist/components/Table/index.js +0 -19
  87. package/dist/components/Tabs/Tabs.js +0 -21
  88. package/dist/components/Tabs/index.js +0 -19
  89. package/dist/components/Textarea/Textarea.js +0 -56
  90. package/dist/components/Textarea/index.js +0 -19
  91. package/dist/components/ThemeProvider/ThemeProvider.js +0 -165
  92. package/dist/components/ThemeProvider/index.js +0 -19
  93. package/dist/components/Tooltip/Tooltip.js +0 -34
  94. package/dist/components/Tooltip/index.js +0 -19
  95. package/dist/components/Typography/Typography.js +0 -34
  96. package/dist/components/Typography/index.js +0 -19
  97. package/dist/components/Uploader/Uploader.js +0 -378
  98. package/dist/components/Uploader/index.js +0 -19
  99. package/dist/components/index.js +0 -108
  100. package/dist/index.mjs +0 -1
@@ -1,69 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.ModalFrame = exports.ModalOverflow = exports.ModalClose = exports.ModalDialog = exports.Modal = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var joy_1 = require("@mui/joy");
31
- var framer_motion_1 = require("framer-motion");
32
- var DialogTitle_1 = __importDefault(require("../DialogTitle"));
33
- var DialogContent_1 = __importDefault(require("../DialogContent"));
34
- var MotionModal = (0, framer_motion_1.motion)(joy_1.Modal);
35
- var Modal = MotionModal;
36
- exports.Modal = Modal;
37
- Modal.displayName = "Modal";
38
- var MotionModalDialog = (0, framer_motion_1.motion)(joy_1.ModalDialog);
39
- var StyledModalDialog = (0, joy_1.styled)(MotionModalDialog)({
40
- padding: 0,
41
- });
42
- var ModalDialog = StyledModalDialog;
43
- exports.ModalDialog = ModalDialog;
44
- ModalDialog.displayName = "ModalDialog";
45
- var MotionModalClose = (0, framer_motion_1.motion)(joy_1.ModalClose);
46
- var ModalClose = MotionModalClose;
47
- exports.ModalClose = ModalClose;
48
- ModalClose.displayName = "ModalClose";
49
- var MotionModalOverflow = (0, framer_motion_1.motion)(joy_1.ModalOverflow);
50
- var ModalOverflow = MotionModalOverflow;
51
- exports.ModalOverflow = ModalOverflow;
52
- ModalOverflow.displayName = "ModalOverflow";
53
- function ModalFrame(props) {
54
- // prop destruction
55
- var title = props.title, children = props.children, innerProps = __rest(props, ["title", "children"]);
56
- // lib hooks
57
- // state, ref, querystring hooks
58
- // form hooks
59
- // query hooks
60
- // calculated values
61
- // effects
62
- // handlers
63
- return (react_1.default.createElement(StyledModalDialog, __assign({}, innerProps),
64
- react_1.default.createElement(ModalClose, null),
65
- react_1.default.createElement(DialogTitle_1.default, null, title),
66
- react_1.default.createElement(DialogContent_1.default, null, children)));
67
- }
68
- exports.ModalFrame = ModalFrame;
69
- ModalFrame.displayName = "ModalFrame";
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var Modal_1 = require("./Modal");
18
- __exportStar(require("./Modal"), exports);
19
- exports.default = Modal_1.Modal;
@@ -1,232 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __rest = (this && this.__rest) || function (s, e) {
37
- var t = {};
38
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
- t[p] = s[p];
40
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
- t[p[i]] = s[p[i]];
44
- }
45
- return t;
46
- };
47
- var __importDefault = (this && this.__importDefault) || function (mod) {
48
- return (mod && mod.__esModule) ? mod : { "default": mod };
49
- };
50
- Object.defineProperty(exports, "__esModule", { value: true });
51
- exports.MonthPicker = void 0;
52
- var react_1 = __importStar(require("react"));
53
- var react_imask_1 = require("react-imask");
54
- // @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
55
- var CalendarToday_js_1 = __importDefault(require("@mui/icons-material/esm/CalendarToday.js"));
56
- var joy_1 = require("@mui/joy");
57
- var base_1 = require("@mui/base");
58
- var Input_1 = __importDefault(require("../Input"));
59
- var IconButton_1 = __importDefault(require("../IconButton"));
60
- var Sheet_1 = __importDefault(require("../Sheet"));
61
- var Calendar_1 = __importDefault(require("../Calendar"));
62
- var DialogActions_1 = __importDefault(require("../DialogActions"));
63
- var Button_1 = __importDefault(require("../Button"));
64
- var FormControl_1 = __importDefault(require("../FormControl"));
65
- var FormLabel_1 = __importDefault(require("../FormLabel"));
66
- var FormHelperText_1 = __importDefault(require("../FormHelperText"));
67
- var StyledPopper = (0, joy_1.styled)(base_1.Popper, {
68
- name: "MonthPicker",
69
- slot: "popper",
70
- })(function (_a) {
71
- var theme = _a.theme;
72
- return ({
73
- zIndex: theme.zIndex.tooltip,
74
- });
75
- });
76
- var CalendarSheet = (0, joy_1.styled)(Sheet_1.default, {
77
- name: "MonthPicker",
78
- slot: "sheet",
79
- overridesResolver: function (props, styles) { return styles.root; },
80
- })(function (_a) {
81
- var theme = _a.theme;
82
- return ({
83
- width: "264px",
84
- boxShadow: theme.shadow.md,
85
- borderRadius: theme.radius.md,
86
- });
87
- });
88
- var MonthPickerContainer = (0, joy_1.styled)("div", {
89
- name: "MonthPicker",
90
- slot: "container",
91
- })({
92
- width: "100%",
93
- });
94
- var formatDateMonth = function (date) {
95
- var month = "".concat(date.getMonth() + 1);
96
- var year = date.getFullYear();
97
- if (Number(month) < 10)
98
- month = "0" + month;
99
- return [year, month].join("/");
100
- };
101
- var formatValueString = function (date) {
102
- var getStr = function (dateString) {
103
- // YYYY/MM(/DD)
104
- if (!/^\d\d\d\d\/(0[1-9]|1[012])(\/(0[1-9]|[23][0-9]))?$/.test(dateString)) {
105
- return dateString;
106
- }
107
- var yearMonthDay = dateString.split("/");
108
- var date = new Date(Number(yearMonthDay[0]), Number(yearMonthDay[1]) - 1);
109
- return formatDateMonth(date);
110
- };
111
- return getStr(date);
112
- };
113
- var parseDate = function (str) {
114
- return str.split(" - ")[0] || "";
115
- };
116
- var TextMaskAdapter = react_1.default.forwardRef(function TextMaskAdapter(props, ref) {
117
- var onChange = props.onChange, other = __rest(props, ["onChange"]);
118
- return (react_1.default.createElement(react_imask_1.IMaskInput, __assign({}, other, { inputRef: ref, onAccept: function (value) {
119
- return onChange({ target: { name: props.name, value: value } });
120
- }, mask: Date,
121
- // other options are optional
122
- pattern: "Y/m",
123
- // you can provide your own blocks definitions, default blocks for date mask are:
124
- blocks: {
125
- m: {
126
- mask: react_imask_1.IMask.MaskedRange,
127
- from: 1,
128
- to: 12,
129
- maxLength: 2,
130
- },
131
- Y: {
132
- mask: react_imask_1.IMask.MaskedRange,
133
- from: 1900,
134
- to: 9999,
135
- },
136
- },
137
- // define date -> str convertion
138
- format: formatValueString,
139
- // define str -> date convertion
140
- parse: parseDate })));
141
- });
142
- var MonthPicker = (0, react_1.forwardRef)(function (props, ref) {
143
- // prop destruction
144
- var onChange = props.onChange, disabled = props.disabled, label = props.label, error = props.error, helperText = props.helperText, minDate = props.minDate, maxDate = props.maxDate, disableFuture = props.disableFuture, disablePast = props.disablePast, required = props.required, innerProps = __rest(props, ["onChange", "disabled", "label", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "required"]);
145
- // lib hooks
146
- // state, ref, querystring hooks
147
- var innerRef = (0, react_1.useRef)(null);
148
- var _a = (0, react_1.useState)(props.value || ""), value = _a[0], setValue = _a[1];
149
- var _b = (0, react_1.useState)(null), anchorEl = _b[0], setAnchorEl = _b[1];
150
- // form hooks
151
- // query hooks
152
- // calculated values
153
- var open = Boolean(anchorEl);
154
- // effects
155
- (0, react_1.useEffect)(function () {
156
- setValue(props.value ? formatValueString(parseDate(props.value)) : "");
157
- }, [props.value]);
158
- (0, react_1.useEffect)(function () {
159
- var _a;
160
- if (!anchorEl) {
161
- // NOTE: 변경된 값을 blur이벤트 핸들러에서 다룰려면 calendar tooltip이 닫힐 때 blur 이벤트를 발생시켜야 한다.
162
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
163
- }
164
- }, [anchorEl, innerRef]);
165
- (0, react_1.useImperativeHandle)(ref, function () { return innerRef.current; }, [
166
- innerRef.current,
167
- ]);
168
- // handlers
169
- var handleChange = (0, react_1.useCallback)(function (event) {
170
- setValue(event.target.value);
171
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
172
- }, [onChange]);
173
- var handleCalendarToggle = (0, react_1.useCallback)(function (event) {
174
- var _a;
175
- setAnchorEl(anchorEl ? null : event.currentTarget);
176
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
177
- }, [anchorEl, setAnchorEl, innerRef]);
178
- var picker = (react_1.default.createElement(MonthPickerContainer, null,
179
- react_1.default.createElement(base_1.FocusTrap, { open: true },
180
- react_1.default.createElement(react_1.default.Fragment, null,
181
- react_1.default.createElement(Input_1.default, __assign({}, innerProps, { color: error ? "danger" : innerProps.color, ref: innerRef, size: "sm", value: value, onChange: handleChange, placeholder: "YYYY/MM", disabled: disabled, required: required, slotProps: {
182
- input: { component: TextMaskAdapter, ref: innerRef },
183
- }, sx: {
184
- // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
185
- fontFamily: "monospace",
186
- }, endDecorator: react_1.default.createElement(IconButton_1.default, { variant: "plain", onClick: handleCalendarToggle },
187
- react_1.default.createElement(CalendarToday_js_1.default, null)) })),
188
- open && (react_1.default.createElement(base_1.ClickAwayListener, { onClickAway: function () { return setAnchorEl(null); } },
189
- react_1.default.createElement(StyledPopper, { id: "date-picker-popper", open: true, anchorEl: anchorEl, placement: "bottom-end",
190
- // NOTE: 값이 변경 되기전 blur 이벤트 방지
191
- onMouseDown: function (e) { return e.preventDefault(); }, modifiers: [
192
- {
193
- name: "offset",
194
- options: {
195
- offset: [4, 4],
196
- },
197
- },
198
- ] },
199
- react_1.default.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" },
200
- react_1.default.createElement(Calendar_1.default, { view: "month", views: ["month"], value: !Number.isNaN(new Date(value).getTime())
201
- ? [new Date(value), undefined]
202
- : undefined, onChange: function (_a) {
203
- var date = _a[0];
204
- handleChange({
205
- target: {
206
- name: props.name,
207
- value: formatValueString(formatDateMonth(date)),
208
- },
209
- });
210
- setAnchorEl(null);
211
- }, minDate: minDate ? new Date(minDate) : undefined, maxDate: maxDate ? new Date(maxDate) : undefined, disableFuture: disableFuture, disablePast: disablePast }),
212
- react_1.default.createElement(DialogActions_1.default, { sx: {
213
- p: 1,
214
- } },
215
- react_1.default.createElement(Button_1.default, { size: "sm", variant: "plain", color: "neutral", onClick: function () {
216
- handleChange({
217
- target: {
218
- name: props.name,
219
- value: "",
220
- },
221
- });
222
- setAnchorEl(null);
223
- } }, "Clear"))))))))));
224
- if (label) {
225
- return (react_1.default.createElement(FormControl_1.default, { required: required, disabled: disabled, error: error, size: "sm" },
226
- react_1.default.createElement(FormLabel_1.default, null, label),
227
- picker,
228
- helperText && react_1.default.createElement(FormHelperText_1.default, null, helperText)));
229
- }
230
- return picker;
231
- });
232
- exports.MonthPicker = MonthPicker;
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var MonthPicker_1 = require("./MonthPicker");
18
- __exportStar(require("./MonthPicker"), exports);
19
- exports.default = MonthPicker_1.MonthPicker;
@@ -1,236 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- var __rest = (this && this.__rest) || function (s, e) {
37
- var t = {};
38
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
- t[p] = s[p];
40
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
- t[p[i]] = s[p[i]];
44
- }
45
- return t;
46
- };
47
- var __importDefault = (this && this.__importDefault) || function (mod) {
48
- return (mod && mod.__esModule) ? mod : { "default": mod };
49
- };
50
- Object.defineProperty(exports, "__esModule", { value: true });
51
- exports.MonthRangePicker = void 0;
52
- var react_1 = __importStar(require("react"));
53
- var react_imask_1 = require("react-imask");
54
- // @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
55
- var CalendarToday_js_1 = __importDefault(require("@mui/icons-material/esm/CalendarToday.js"));
56
- var joy_1 = require("@mui/joy");
57
- var base_1 = require("@mui/base");
58
- var Input_1 = __importDefault(require("../Input"));
59
- var IconButton_1 = __importDefault(require("../IconButton"));
60
- var Sheet_1 = __importDefault(require("../Sheet"));
61
- var Calendar_1 = __importDefault(require("../Calendar"));
62
- var DialogActions_1 = __importDefault(require("../DialogActions"));
63
- var Button_1 = __importDefault(require("../Button"));
64
- var FormControl_1 = __importDefault(require("../FormControl"));
65
- var FormLabel_1 = __importDefault(require("../FormLabel"));
66
- var FormHelperText_1 = __importDefault(require("../FormHelperText"));
67
- var StyledPopper = (0, joy_1.styled)(base_1.Popper, {
68
- name: "MonthRangePicker",
69
- slot: "popper",
70
- })(function (_a) {
71
- var theme = _a.theme;
72
- return ({
73
- zIndex: theme.zIndex.tooltip,
74
- });
75
- });
76
- var CalendarSheet = (0, joy_1.styled)(Sheet_1.default, {
77
- name: "MonthRangePicker",
78
- slot: "sheet",
79
- overridesResolver: function (props, styles) { return styles.root; },
80
- })(function (_a) {
81
- var theme = _a.theme;
82
- return ({
83
- zIndex: theme.zIndex.tooltip,
84
- width: "264px",
85
- boxShadow: theme.shadow.md,
86
- borderRadius: theme.radius.md,
87
- });
88
- });
89
- var MonthRangePickerContainer = (0, joy_1.styled)("div", {
90
- name: "MonthRangePicker",
91
- slot: "container",
92
- })({
93
- width: "100%",
94
- });
95
- var formatDateMonth = function (date) {
96
- var month = "".concat(date.getMonth() + 1);
97
- var year = date.getFullYear();
98
- if (Number(month) < 10)
99
- month = "0" + month;
100
- return [year, month].join("/");
101
- };
102
- var formatValueString = function (_a) {
103
- var date1 = _a[0], date2 = _a[1];
104
- var getStr = function (dateString) {
105
- // YYYY/MM(/DD)
106
- if (!/^\d\d\d\d\/(0[1-9]|1[012])(\/(0[1-9]|[23][0-9]))?$/.test(dateString)) {
107
- return dateString;
108
- }
109
- var yearMonthDay = dateString.split("/");
110
- var date = new Date(Number(yearMonthDay[0]), Number(yearMonthDay[1]) - 1);
111
- return formatDateMonth(date);
112
- };
113
- return [getStr(date1), getStr(date2)].join(" - ");
114
- };
115
- var parseDate = function (str) {
116
- var date1 = str.split(" - ")[0] || "";
117
- var date2 = str.split(" - ")[1] || "";
118
- return [date1, date2];
119
- };
120
- var TextMaskAdapter = react_1.default.forwardRef(function TextMaskAdapter(props, ref) {
121
- var onChange = props.onChange, other = __rest(props, ["onChange"]);
122
- return (react_1.default.createElement(react_imask_1.IMaskInput, __assign({}, other, { inputRef: ref, onAccept: function (value) {
123
- return onChange({ target: { name: props.name, value: value } });
124
- }, mask: Date,
125
- // other options are optional
126
- pattern: "Y/m - Y/m",
127
- // you can provide your own blocks definitions, default blocks for date mask are:
128
- blocks: {
129
- m: {
130
- mask: react_imask_1.IMask.MaskedRange,
131
- from: 1,
132
- to: 12,
133
- maxLength: 2,
134
- },
135
- Y: {
136
- mask: react_imask_1.IMask.MaskedRange,
137
- from: 1900,
138
- to: 9999,
139
- },
140
- },
141
- // define date -> str convertion
142
- format: formatValueString,
143
- // define str -> date convertion
144
- parse: parseDate })));
145
- });
146
- var MonthRangePicker = (0, react_1.forwardRef)(function (props, ref) {
147
- // prop destruction
148
- var onChange = props.onChange, disabled = props.disabled, label = props.label, error = props.error, helperText = props.helperText, minDate = props.minDate, maxDate = props.maxDate, disableFuture = props.disableFuture, disablePast = props.disablePast, required = props.required, innerProps = __rest(props, ["onChange", "disabled", "label", "error", "helperText", "minDate", "maxDate", "disableFuture", "disablePast", "required"]);
149
- // lib hooks
150
- // state, ref, querystring hooks
151
- var innerRef = (0, react_1.useRef)(null);
152
- var _a = (0, react_1.useState)(""), value = _a[0], setValue = _a[1];
153
- var _b = (0, react_1.useState)(null), anchorEl = _b[0], setAnchorEl = _b[1];
154
- // form hooks
155
- // query hooks
156
- // calculated values
157
- var open = Boolean(anchorEl);
158
- var calendarValue = (0, react_1.useMemo)(function () {
159
- return value
160
- ? parseDate(value).map(function (v) { return new Date(v); })
161
- : undefined;
162
- }, [value]);
163
- // effects
164
- (0, react_1.useEffect)(function () {
165
- setValue(props.value ? formatValueString(parseDate(props.value)) : "");
166
- }, [props.value]);
167
- (0, react_1.useEffect)(function () {
168
- var _a;
169
- if (!anchorEl) {
170
- // NOTE: 변경된 값을 blur이벤트 핸들러에서 다룰려면 calendar tooltip이 닫힐 때 blur 이벤트를 발생시켜야 한다.
171
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
172
- }
173
- }, [anchorEl, innerRef]);
174
- (0, react_1.useImperativeHandle)(ref, function () { return innerRef.current; }, [
175
- innerRef.current,
176
- ]);
177
- // handlers
178
- var handleChange = (0, react_1.useCallback)(function (event) {
179
- setValue(event.target.value);
180
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
181
- }, [onChange]);
182
- var handleCalendarToggle = (0, react_1.useCallback)(function (event) {
183
- var _a;
184
- setAnchorEl(anchorEl ? null : event.currentTarget);
185
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
186
- }, [anchorEl, setAnchorEl, innerRef]);
187
- var handleCalendarChange = (0, react_1.useCallback)(function (_a) {
188
- var date1 = _a[0], date2 = _a[1];
189
- if (!date1 || !date2)
190
- return;
191
- setValue(formatValueString([
192
- formatDateMonth(date1),
193
- formatDateMonth(date2),
194
- ]));
195
- setAnchorEl(null);
196
- }, [setValue, setAnchorEl]);
197
- var picker = (react_1.default.createElement(MonthRangePickerContainer, null,
198
- react_1.default.createElement(base_1.FocusTrap, { open: true },
199
- react_1.default.createElement(react_1.default.Fragment, null,
200
- react_1.default.createElement(Input_1.default, __assign({}, innerProps, { color: error ? "danger" : innerProps.color, ref: ref, size: "sm", value: value, onChange: handleChange, disabled: disabled, required: required, placeholder: "YYYY/MM - YYYY/MM", slotProps: {
201
- input: { component: TextMaskAdapter, ref: innerRef },
202
- }, sx: {
203
- // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
204
- fontFamily: "monospace",
205
- }, endDecorator: react_1.default.createElement(IconButton_1.default, { variant: "plain", onClick: handleCalendarToggle },
206
- react_1.default.createElement(CalendarToday_js_1.default, null)) })),
207
- open && (react_1.default.createElement(base_1.ClickAwayListener, { onClickAway: function () { return setAnchorEl(null); } },
208
- react_1.default.createElement(StyledPopper, { id: "date-range-picker-popper", open: true, anchorEl: anchorEl, placement: "bottom-end",
209
- // NOTE: 값이 변경 되기전 blur 이벤트 방지
210
- onMouseDown: function (e) { return e.preventDefault(); }, modifiers: [
211
- {
212
- name: "offset",
213
- options: {
214
- offset: [4, 4],
215
- },
216
- },
217
- ] },
218
- react_1.default.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" },
219
- react_1.default.createElement(Calendar_1.default, { view: "month", views: ["month"], rangeSelection: true, defaultValue: calendarValue, onChange: handleCalendarChange, minDate: minDate ? new Date(minDate) : undefined, maxDate: maxDate ? new Date(maxDate) : undefined, disableFuture: disableFuture, disablePast: disablePast }),
220
- react_1.default.createElement(DialogActions_1.default, { sx: {
221
- p: 1,
222
- } },
223
- react_1.default.createElement(Button_1.default, { size: "sm", variant: "plain", color: "neutral", onClick: function () {
224
- setValue("");
225
- setAnchorEl(null);
226
- } }, "Clear"))))))))));
227
- if (label) {
228
- return (react_1.default.createElement(FormControl_1.default, { required: required, disabled: disabled, error: error, size: "sm" },
229
- react_1.default.createElement(FormLabel_1.default, null, label),
230
- picker,
231
- helperText && react_1.default.createElement(FormHelperText_1.default, null, helperText)));
232
- }
233
- return picker;
234
- });
235
- exports.MonthRangePicker = MonthRangePicker;
236
- MonthRangePicker.displayName = "MonthRangePicker";
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var MonthRangePicker_1 = require("./MonthRangePicker");
18
- __exportStar(require("./MonthRangePicker"), exports);
19
- exports.default = MonthRangePicker_1.MonthRangePicker;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.RadioGroup = exports.Radio = void 0;
4
- var joy_1 = require("@mui/joy");
5
- var framer_motion_1 = require("framer-motion");
6
- var MotionRadio = (0, framer_motion_1.motion)(joy_1.Radio);
7
- var Radio = MotionRadio;
8
- exports.Radio = Radio;
9
- Radio.displayName = "Radio";
10
- var MotionRadioGroup = (0, framer_motion_1.motion)(joy_1.RadioGroup);
11
- var RadioGroup = MotionRadioGroup;
12
- exports.RadioGroup = RadioGroup;
13
- RadioGroup.displayName = "RadioGroup";
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var Radio_1 = require("./Radio");
18
- __exportStar(require("./Radio"), exports);
19
- exports.default = Radio_1.Radio;