@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,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.DatePicker = 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: "DatePicker",
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: "DatePicker",
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 DatePickerContainer = (0, joy_1.styled)("div", {
89
- name: "DatePicker",
90
- slot: "container",
91
- })({
92
- width: "100%",
93
- });
94
- var formatValueString = function (date) {
95
- var day = "".concat(date.getDate());
96
- var month = "".concat(date.getMonth() + 1);
97
- var year = date.getFullYear();
98
- if (Number(day) < 10)
99
- day = "0" + day;
100
- if (Number(month) < 10)
101
- month = "0" + month;
102
- return [year, month, day].join("/");
103
- };
104
- var TextMaskAdapter = react_1.default.forwardRef(function TextMaskAdapter(props, ref) {
105
- var onChange = props.onChange, other = __rest(props, ["onChange"]);
106
- return (react_1.default.createElement(react_imask_1.IMaskInput, __assign({}, other, { inputRef: ref, onAccept: function (value) {
107
- return onChange({ target: { name: props.name, value: value } });
108
- }, mask: Date,
109
- // other options are optional
110
- pattern: "Y/`m/`d",
111
- // you can provide your own blocks definitions, default blocks for date mask are:
112
- blocks: {
113
- d: {
114
- mask: react_imask_1.IMask.MaskedRange,
115
- from: 1,
116
- to: 31,
117
- maxLength: 2,
118
- },
119
- m: {
120
- mask: react_imask_1.IMask.MaskedRange,
121
- from: 1,
122
- to: 12,
123
- maxLength: 2,
124
- },
125
- Y: {
126
- mask: react_imask_1.IMask.MaskedRange,
127
- from: 1900,
128
- to: 9999,
129
- },
130
- },
131
- // define date -> str convertion
132
- format: formatValueString,
133
- // define str -> date convertion
134
- parse: function (str) {
135
- var yearMonthDay = str.split("/");
136
- return new Date(Number(yearMonthDay[0]), Number(yearMonthDay[1]) - 1, Number(yearMonthDay[2]));
137
- },
138
- // optional interval options
139
- // min={new Date(2000, 0, 1)} // defaults to `1900-01-01`
140
- // max={new Date(2020, 0, 1)} // defaults to `9999-01-01`
141
- autofix: "pad", overwrite: true })));
142
- });
143
- var DatePicker = (0, react_1.forwardRef)(function (props, ref) {
144
- // prop destruction
145
- 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"]);
146
- // lib hooks
147
- // state, ref, querystring hooks
148
- var innerRef = (0, react_1.useRef)(null);
149
- var _a = (0, react_1.useState)(props.value || ""), value = _a[0], setValue = _a[1];
150
- var _b = (0, react_1.useState)(null), anchorEl = _b[0], setAnchorEl = _b[1];
151
- // form hooks
152
- // query hooks
153
- // calculated values
154
- var open = Boolean(anchorEl);
155
- // effects
156
- (0, react_1.useEffect)(function () {
157
- setValue(props.value || "");
158
- }, [props.value]);
159
- (0, react_1.useEffect)(function () {
160
- var _a;
161
- if (!anchorEl) {
162
- // NOTE: 변경된 값을 blur이벤트 핸들러에서 다룰려면 calendar tooltip이 닫힐 때 blur 이벤트를 발생시켜야 한다.
163
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
164
- }
165
- }, [anchorEl, innerRef]);
166
- (0, react_1.useImperativeHandle)(ref, function () { return innerRef.current; }, [
167
- innerRef.current,
168
- ]);
169
- // handlers
170
- var handleChange = (0, react_1.useCallback)(function (event) {
171
- setValue(event.target.value);
172
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
173
- }, [onChange]);
174
- var handleCalendarToggle = (0, react_1.useCallback)(function (event) {
175
- setAnchorEl(anchorEl ? null : event.currentTarget);
176
- // Focus the input again after it has been blurred
177
- setTimeout(function () {
178
- var _a;
179
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
180
- }, 0);
181
- }, [anchorEl, setAnchorEl, innerRef]);
182
- var picker = (react_1.default.createElement(DatePickerContainer, null,
183
- react_1.default.createElement(base_1.FocusTrap, { open: true },
184
- react_1.default.createElement(react_1.default.Fragment, null,
185
- 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/DD", disabled: disabled, required: required, slotProps: {
186
- input: { component: TextMaskAdapter, ref: innerRef },
187
- }, sx: {
188
- // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
189
- fontFamily: "monospace",
190
- }, endDecorator: react_1.default.createElement(IconButton_1.default, { variant: "plain", onClick: handleCalendarToggle },
191
- react_1.default.createElement(CalendarToday_js_1.default, null)) })),
192
- open && (react_1.default.createElement(base_1.ClickAwayListener, { onClickAway: function () { return setAnchorEl(null); } },
193
- react_1.default.createElement(StyledPopper, { id: "date-picker-popper", open: true, anchorEl: anchorEl, placement: "bottom-end",
194
- // NOTE: 값이 변경 되기전 blur 이벤트 방지
195
- onMouseDown: function (e) { return e.preventDefault(); }, modifiers: [
196
- {
197
- name: "offset",
198
- options: {
199
- offset: [4, 4],
200
- },
201
- },
202
- ] },
203
- react_1.default.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" },
204
- react_1.default.createElement(Calendar_1.default, { value: !Number.isNaN(new Date(value).getTime())
205
- ? [new Date(value), undefined]
206
- : undefined, onChange: function (_a) {
207
- var date = _a[0];
208
- handleChange({
209
- target: {
210
- name: props.name,
211
- value: formatValueString(date),
212
- },
213
- });
214
- setAnchorEl(null);
215
- }, minDate: minDate ? new Date(minDate) : undefined, maxDate: maxDate ? new Date(maxDate) : undefined, disableFuture: disableFuture, disablePast: disablePast }),
216
- react_1.default.createElement(DialogActions_1.default, { sx: {
217
- p: 1,
218
- } },
219
- react_1.default.createElement(Button_1.default, { size: "sm", variant: "plain", color: "neutral", onClick: function () {
220
- handleChange({
221
- target: {
222
- name: props.name,
223
- value: "",
224
- },
225
- });
226
- setAnchorEl(null);
227
- } }, "Clear"))))))))));
228
- if (label) {
229
- return (react_1.default.createElement(FormControl_1.default, { required: required, disabled: disabled, error: error, size: "sm" },
230
- react_1.default.createElement(FormLabel_1.default, null, label),
231
- picker,
232
- helperText && react_1.default.createElement(FormHelperText_1.default, null, helperText)));
233
- }
234
- return picker;
235
- });
236
- exports.DatePicker = DatePicker;
@@ -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 DatePicker_1 = require("./DatePicker");
18
- __exportStar(require("./DatePicker"), exports);
19
- exports.default = DatePicker_1.DatePicker;
@@ -1,238 +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.DateRangePicker = 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: "DateRangePicker",
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: "DateRangePicker",
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 DateRangePickerContainer = (0, joy_1.styled)("div", {
90
- name: "DateRangePicker",
91
- slot: "container",
92
- })({
93
- width: "100%",
94
- });
95
- var formatValueString = function (_a) {
96
- var date1 = _a[0], date2 = _a[1];
97
- var getStr = function (date) {
98
- var day = "".concat(date.getDate());
99
- var month = "".concat(date.getMonth() + 1);
100
- var year = date.getFullYear();
101
- if (Number(day) < 10)
102
- day = "0" + day;
103
- if (Number(month) < 10)
104
- month = "0" + month;
105
- return [year, month, day].join("/");
106
- };
107
- return [getStr(date1), date2 ? getStr(date2) : ""].join(" - ");
108
- };
109
- var parseDate = function (str) {
110
- var date1 = str.split(" - ")[0] || "";
111
- var date2 = str.split(" - ")[1] || "";
112
- var yearMonthDay1 = date1.split("/");
113
- var yearMonthDay2 = date2.split("/");
114
- return [
115
- new Date(Number(yearMonthDay1[0]), Number(yearMonthDay1[1]) - 1, Number(yearMonthDay1[2])),
116
- new Date(Number(yearMonthDay2[0]), Number(yearMonthDay2[1]) - 1, Number(yearMonthDay2[2])),
117
- ];
118
- };
119
- var TextMaskAdapter = react_1.default.forwardRef(function TextMaskAdapter(props, ref) {
120
- var onChange = props.onChange, other = __rest(props, ["onChange"]);
121
- return (react_1.default.createElement(react_imask_1.IMaskInput, __assign({}, other, { inputRef: ref, onAccept: function (value) {
122
- return onChange({ target: { name: props.name, value: value } });
123
- }, mask: Date,
124
- // other options are optional
125
- pattern: "Y/`m/`d - Y/`m/`d",
126
- // you can provide your own blocks definitions, default blocks for date mask are:
127
- blocks: {
128
- d: {
129
- mask: react_imask_1.IMask.MaskedRange,
130
- from: 1,
131
- to: 31,
132
- maxLength: 2,
133
- },
134
- m: {
135
- mask: react_imask_1.IMask.MaskedRange,
136
- from: 1,
137
- to: 12,
138
- maxLength: 2,
139
- },
140
- Y: {
141
- mask: react_imask_1.IMask.MaskedRange,
142
- from: 1900,
143
- to: 9999,
144
- },
145
- },
146
- // define date -> str convertion
147
- format: formatValueString,
148
- // define str -> date convertion
149
- parse: parseDate,
150
- // optional interval options
151
- // min={new Date(2000, 0, 1)} // defaults to `1900-01-01`
152
- // max={new Date(2020, 0, 1)} // defaults to `9999-01-01`
153
- autofix: "pad", overwrite: true })));
154
- });
155
- var DateRangePicker = (0, react_1.forwardRef)(function (props, ref) {
156
- // prop destruction
157
- 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"]);
158
- // lib hooks
159
- // state, ref, querystring hooks
160
- var innerRef = (0, react_1.useRef)(null);
161
- var _a = (0, react_1.useState)(props.value || ""), value = _a[0], setValue = _a[1];
162
- var _b = (0, react_1.useState)(null), anchorEl = _b[0], setAnchorEl = _b[1];
163
- // form hooks
164
- // query hooks
165
- // calculated values
166
- var open = Boolean(anchorEl);
167
- var calendarValue = (0, react_1.useMemo)(function () { return (value ? parseDate(value) : undefined); }, [value]);
168
- // effects
169
- (0, react_1.useEffect)(function () {
170
- setValue(props.value || "");
171
- }, [props.value]);
172
- (0, react_1.useEffect)(function () {
173
- var _a;
174
- if (!anchorEl) {
175
- // NOTE: 변경된 값을 blur이벤트 핸들러에서 다룰려면 calendar tooltip이 닫힐 때 blur 이벤트를 발생시켜야 한다.
176
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
177
- }
178
- }, [anchorEl, innerRef]);
179
- (0, react_1.useImperativeHandle)(ref, function () { return innerRef.current; }, [
180
- innerRef.current,
181
- ]);
182
- // handlers
183
- var handleChange = (0, react_1.useCallback)(function (event) {
184
- setValue(event.target.value);
185
- onChange === null || onChange === void 0 ? void 0 : onChange(event);
186
- }, [onChange]);
187
- var handleCalendarToggle = (0, react_1.useCallback)(function (event) {
188
- var _a;
189
- setAnchorEl(anchorEl ? null : event.currentTarget);
190
- (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
191
- }, [anchorEl, setAnchorEl, innerRef]);
192
- var handleCalendarChange = (0, react_1.useCallback)(function (_a) {
193
- var date1 = _a[0], date2 = _a[1];
194
- if (!date1 || !date2)
195
- return;
196
- setValue(formatValueString([date1, date2]));
197
- setAnchorEl(null);
198
- }, [setValue, setAnchorEl]);
199
- var picker = (react_1.default.createElement(DateRangePickerContainer, null,
200
- react_1.default.createElement(base_1.FocusTrap, { open: true },
201
- react_1.default.createElement(react_1.default.Fragment, null,
202
- 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/DD - YYYY/MM/DD", slotProps: {
203
- input: { component: TextMaskAdapter, ref: innerRef },
204
- }, sx: {
205
- // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
206
- fontFamily: "monospace",
207
- }, endDecorator: react_1.default.createElement(IconButton_1.default, { variant: "plain", onClick: handleCalendarToggle },
208
- react_1.default.createElement(CalendarToday_js_1.default, null)) })),
209
- open && (react_1.default.createElement(base_1.ClickAwayListener, { onClickAway: function () { return setAnchorEl(null); } },
210
- react_1.default.createElement(StyledPopper, { id: "date-range-picker-popper", open: true, anchorEl: anchorEl, placement: "bottom-end",
211
- // NOTE: 값이 변경 되기전 blur 이벤트 방지
212
- onMouseDown: function (e) { return e.preventDefault(); }, modifiers: [
213
- {
214
- name: "offset",
215
- options: {
216
- offset: [4, 4],
217
- },
218
- },
219
- ] },
220
- react_1.default.createElement(CalendarSheet, { tabIndex: -1, role: "presentation" },
221
- react_1.default.createElement(Calendar_1.default, { rangeSelection: true, defaultValue: calendarValue, onChange: handleCalendarChange, minDate: minDate ? new Date(minDate) : undefined, maxDate: maxDate ? new Date(maxDate) : undefined, disableFuture: disableFuture, disablePast: disablePast }),
222
- react_1.default.createElement(DialogActions_1.default, { sx: {
223
- p: 1,
224
- } },
225
- react_1.default.createElement(Button_1.default, { size: "sm", variant: "plain", color: "neutral", onClick: function () {
226
- setValue("");
227
- setAnchorEl(null);
228
- } }, "Clear"))))))))));
229
- if (label) {
230
- return (react_1.default.createElement(FormControl_1.default, { required: required, disabled: disabled, error: error, size: "sm" },
231
- react_1.default.createElement(FormLabel_1.default, null, label),
232
- picker,
233
- helperText && react_1.default.createElement(FormHelperText_1.default, null, helperText)));
234
- }
235
- return picker;
236
- });
237
- exports.DateRangePicker = DateRangePicker;
238
- DateRangePicker.displayName = "DateRangePicker";
@@ -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 DateRangePicker_1 = require("./DateRangePicker");
18
- __exportStar(require("./DateRangePicker"), exports);
19
- exports.default = DateRangePicker_1.DateRangePicker;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DialogActions = void 0;
4
- var joy_1 = require("@mui/joy");
5
- var framer_motion_1 = require("framer-motion");
6
- var MotionDialogActions = (0, framer_motion_1.motion)(joy_1.DialogActions);
7
- var StyledDialogActions = (0, joy_1.styled)(MotionDialogActions)(function (_a) {
8
- var theme = _a.theme;
9
- return ({
10
- padding: theme.spacing(1),
11
- gap: theme.spacing(1),
12
- flexDirection: "row",
13
- justifyContent: "flex-end",
14
- });
15
- });
16
- var DialogActions = StyledDialogActions;
17
- exports.DialogActions = DialogActions;
18
- DialogActions.displayName = "DialogActions";
@@ -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 DialogActions_1 = require("./DialogActions");
18
- __exportStar(require("./DialogActions"), exports);
19
- exports.default = DialogActions_1.DialogActions;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DialogContent = void 0;
4
- var joy_1 = require("@mui/joy");
5
- var framer_motion_1 = require("framer-motion");
6
- var MotionDialogContent = (0, framer_motion_1.motion)(joy_1.DialogContent);
7
- var StyledDialogContent = (0, joy_1.styled)(MotionDialogContent)(function (_a) {
8
- var theme = _a.theme;
9
- return ({
10
- padding: theme.spacing(0, 3, 2.5),
11
- });
12
- });
13
- var DialogContent = StyledDialogContent;
14
- exports.DialogContent = DialogContent;
15
- DialogContent.displayName = "DialogContent";
@@ -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 DialogContent_1 = require("./DialogContent");
18
- __exportStar(require("./DialogContent"), exports);
19
- exports.default = DialogContent_1.DialogContent;
@@ -1,57 +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.DialogFrame = void 0;
29
- var react_1 = __importDefault(require("react"));
30
- var DialogTitle_1 = __importDefault(require("../DialogTitle"));
31
- var DialogContent_1 = __importDefault(require("../DialogContent"));
32
- var Modal_1 = require("../Modal");
33
- var DialogActions_1 = __importDefault(require("../DialogActions"));
34
- var joy_1 = require("@mui/joy");
35
- var StyledDialogFrame = (0, joy_1.styled)(Modal_1.ModalDialog)(function (_a) {
36
- var theme = _a.theme;
37
- return ({
38
- padding: 0,
39
- });
40
- });
41
- function DialogFrame(props) {
42
- // prop destruction
43
- var title = props.title, children = props.children, actions = props.actions, innerProps = __rest(props, ["title", "children", "actions"]);
44
- // lib hooks
45
- // state, ref, querystring hooks
46
- // form hooks
47
- // query hooks
48
- // calculated values
49
- // effects
50
- // handlers
51
- return (react_1.default.createElement(StyledDialogFrame, __assign({}, innerProps),
52
- react_1.default.createElement(DialogTitle_1.default, null, title),
53
- react_1.default.createElement(DialogContent_1.default, null, children),
54
- react_1.default.createElement(DialogActions_1.default, null, actions)));
55
- }
56
- exports.DialogFrame = DialogFrame;
57
- DialogFrame.displayName = "DialogFrame";
@@ -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 DialogFrame_1 = require("./DialogFrame");
18
- __exportStar(require("./DialogFrame"), exports);
19
- exports.default = DialogFrame_1.DialogFrame;