@ceed/cds 0.0.126 → 0.0.127
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/dist/components/Accordions/Accordions.js +21 -15
- package/dist/components/Accordions/index.js +19 -3
- package/dist/components/Autocomplete/Autocomplete.js +75 -46
- package/dist/components/Autocomplete/index.js +19 -3
- package/dist/components/Box/Box.js +7 -4
- package/dist/components/Box/index.js +19 -3
- package/dist/components/Breadcrumbs/Breadcrumbs.js +46 -17
- package/dist/components/Breadcrumbs/index.js +19 -3
- package/dist/components/Button/Button.js +33 -7
- package/dist/components/Button/index.js +19 -3
- package/dist/components/Calendar/Calendar.js +96 -67
- package/dist/components/Calendar/hooks/use-calendar-props.js +14 -10
- package/dist/components/Calendar/hooks/use-calendar.js +32 -28
- package/dist/components/Calendar/index.js +19 -3
- package/dist/components/Calendar/types.js +2 -1
- package/dist/components/Calendar/utils/index.js +21 -9
- package/dist/components/Card/Card.js +15 -12
- package/dist/components/Card/index.js +19 -3
- package/dist/components/Checkbox/Checkbox.js +12 -6
- package/dist/components/Checkbox/index.js +19 -3
- package/dist/components/Chip/Chip.js +7 -4
- package/dist/components/Chip/index.js +19 -3
- package/dist/components/Container/Container.js +32 -6
- package/dist/components/Container/index.js +19 -3
- package/dist/components/CurrencyInput/CurrencyInput.js +51 -22
- package/dist/components/CurrencyInput/hooks/use-currency-setting.js +10 -3
- package/dist/components/CurrencyInput/index.js +19 -3
- package/dist/components/DataTable/DataTable.js +138 -109
- package/dist/components/DataTable/index.js +19 -3
- package/dist/components/DataTable/types.js +2 -1
- package/dist/components/DatePicker/DatePicker.js +76 -47
- package/dist/components/DatePicker/index.js +19 -3
- package/dist/components/DateRangePicker/DateRangePicker.js +78 -49
- package/dist/components/DateRangePicker/index.js +19 -3
- package/dist/components/DialogActions/DialogActions.js +8 -5
- package/dist/components/DialogActions/index.js +19 -3
- package/dist/components/DialogContent/DialogContent.js +8 -5
- package/dist/components/DialogContent/index.js +19 -3
- package/dist/components/DialogFrame/DialogFrame.js +18 -12
- package/dist/components/DialogFrame/index.js +19 -3
- package/dist/components/DialogTitle/DialogTitle.js +8 -5
- package/dist/components/DialogTitle/index.js +19 -3
- package/dist/components/Divider/Divider.js +12 -6
- package/dist/components/Divider/index.js +19 -3
- package/dist/components/Dropdown/Dropdown.js +7 -4
- package/dist/components/Dropdown/index.js +19 -3
- package/dist/components/FormControl/FormControl.js +10 -7
- package/dist/components/FormControl/index.js +19 -3
- package/dist/components/FormHelperText/FormHelperText.js +7 -4
- package/dist/components/FormHelperText/index.js +19 -3
- package/dist/components/FormLabel/FormLabel.js +7 -4
- package/dist/components/FormLabel/index.js +19 -3
- package/dist/components/Grid/Grid.js +7 -4
- package/dist/components/Grid/index.js +19 -3
- package/dist/components/IconButton/IconButton.js +12 -6
- package/dist/components/IconButton/index.js +19 -3
- package/dist/components/Input/Input.js +19 -13
- package/dist/components/Input/index.js +19 -3
- package/dist/components/InsetDrawer/InsetDrawer.js +12 -6
- package/dist/components/InsetDrawer/index.js +19 -3
- package/dist/components/Markdown/Markdown.js +20 -14
- package/dist/components/Markdown/index.js +19 -3
- package/dist/components/Menu/Menu.js +18 -12
- package/dist/components/Menu/index.js +19 -3
- package/dist/components/Modal/Modal.js +25 -19
- package/dist/components/Modal/index.js +19 -3
- package/dist/components/MonthPicker/MonthPicker.js +75 -46
- package/dist/components/MonthPicker/index.js +19 -3
- package/dist/components/MonthRangePicker/MonthRangePicker.js +77 -48
- package/dist/components/MonthRangePicker/index.js +19 -3
- package/dist/components/Radio/Radio.js +9 -6
- package/dist/components/Radio/index.js +19 -3
- package/dist/components/RadioList/RadioList.js +10 -4
- package/dist/components/RadioList/index.js +19 -3
- package/dist/components/Select/Select.js +43 -14
- package/dist/components/Select/index.js +19 -3
- package/dist/components/Sheet/Sheet.js +7 -4
- package/dist/components/Sheet/index.js +19 -3
- package/dist/components/Stack/Stack.js +7 -4
- package/dist/components/Stack/index.js +19 -3
- package/dist/components/Switch/Switch.js +15 -9
- package/dist/components/Switch/index.js +19 -3
- package/dist/components/Table/Table.js +24 -18
- package/dist/components/Table/index.js +19 -3
- package/dist/components/Tabs/Tabs.js +13 -10
- package/dist/components/Tabs/index.js +19 -3
- package/dist/components/Textarea/Textarea.js +18 -12
- package/dist/components/Textarea/index.js +19 -3
- package/dist/components/ThemeProvider/ThemeProvider.js +15 -9
- package/dist/components/ThemeProvider/index.js +19 -3
- package/dist/components/Tooltip/Tooltip.js +12 -6
- package/dist/components/Tooltip/index.js +19 -3
- package/dist/components/Typography/Typography.js +12 -6
- package/dist/components/Typography/index.js +19 -3
- package/dist/components/Uploader/Uploader.js +94 -69
- package/dist/components/Uploader/index.js +19 -3
- package/dist/components/index.js +108 -44
- package/dist/index.js +167 -4
- package/package.json +2 -3
|
@@ -1,3 +1,27 @@
|
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
1
25
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
26
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
27
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -43,33 +67,34 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
43
67
|
}
|
|
44
68
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
45
69
|
};
|
|
46
|
-
|
|
47
|
-
|
|
70
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
71
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
72
|
+
};
|
|
73
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
74
|
+
exports.Uploader = void 0;
|
|
75
|
+
var react_1 = __importStar(require("react"));
|
|
76
|
+
var joy_1 = require("@mui/joy");
|
|
48
77
|
// @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
|
|
49
|
-
|
|
78
|
+
var CloudUploadRounded_js_1 = __importDefault(require("@mui/icons-material/esm/CloudUploadRounded.js"));
|
|
50
79
|
// @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
|
|
51
|
-
|
|
80
|
+
var UploadFileRounded_js_1 = __importDefault(require("@mui/icons-material/esm/UploadFileRounded.js"));
|
|
52
81
|
// @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
|
|
53
|
-
|
|
54
|
-
// @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
|
|
55
|
-
import { combine } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js";
|
|
56
|
-
import { dropTargetForExternal, monitorForExternal,
|
|
57
|
-
// @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
|
|
58
|
-
} from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js";
|
|
59
|
-
import { containsFiles, getFiles,
|
|
82
|
+
var ClearRounded_js_1 = __importDefault(require("@mui/icons-material/esm/ClearRounded.js"));
|
|
60
83
|
// @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
|
|
61
|
-
|
|
84
|
+
var combine_js_1 = require("@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js");
|
|
85
|
+
var adapter_js_1 = require("@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js");
|
|
86
|
+
var file_js_1 = require("@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js");
|
|
62
87
|
// @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
var VisuallyHiddenInput = styled("input")({
|
|
88
|
+
var prevent_unhandled_js_1 = require("@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js");
|
|
89
|
+
var Typography_1 = __importDefault(require("../Typography"));
|
|
90
|
+
var Card_1 = require("../Card");
|
|
91
|
+
var Stack_1 = __importDefault(require("../Stack"));
|
|
92
|
+
var IconButton_1 = __importDefault(require("../IconButton"));
|
|
93
|
+
var FormControl_1 = __importDefault(require("../FormControl"));
|
|
94
|
+
var FormHelperText_1 = __importDefault(require("../FormHelperText"));
|
|
95
|
+
var Sheet_1 = __importDefault(require("../Sheet"));
|
|
96
|
+
var FormLabel_1 = __importDefault(require("../FormLabel"));
|
|
97
|
+
var VisuallyHiddenInput = (0, joy_1.styled)("input")({
|
|
73
98
|
width: "1px",
|
|
74
99
|
height: "1px",
|
|
75
100
|
overflow: "hidden",
|
|
@@ -78,11 +103,11 @@ var VisuallyHiddenInput = styled("input")({
|
|
|
78
103
|
clipPath: "inset(50%)",
|
|
79
104
|
position: "absolute",
|
|
80
105
|
});
|
|
81
|
-
var PreviewRoot = styled(
|
|
106
|
+
var PreviewRoot = (0, joy_1.styled)(Stack_1.default, {
|
|
82
107
|
name: "Uploader",
|
|
83
108
|
slot: "PreviewRoot",
|
|
84
109
|
})({});
|
|
85
|
-
var UploadCard = styled(Card, {
|
|
110
|
+
var UploadCard = (0, joy_1.styled)(Card_1.Card, {
|
|
86
111
|
name: "Uploader",
|
|
87
112
|
slot: "UploadCard",
|
|
88
113
|
})(function (_a) {
|
|
@@ -92,7 +117,7 @@ var UploadCard = styled(Card, {
|
|
|
92
117
|
border: "1px solid ".concat(theme.palette.neutral.outlinedBorder),
|
|
93
118
|
});
|
|
94
119
|
});
|
|
95
|
-
var UploadFileIcon = styled(
|
|
120
|
+
var UploadFileIcon = (0, joy_1.styled)(UploadFileRounded_js_1.default, {
|
|
96
121
|
name: "Uploader",
|
|
97
122
|
slot: "UploadFileIcon",
|
|
98
123
|
})(function (_a) {
|
|
@@ -103,7 +128,7 @@ var UploadFileIcon = styled(MuiUploadFileIcon, {
|
|
|
103
128
|
height: "32px",
|
|
104
129
|
});
|
|
105
130
|
});
|
|
106
|
-
var ClearIcon = styled(
|
|
131
|
+
var ClearIcon = (0, joy_1.styled)(ClearRounded_js_1.default, {
|
|
107
132
|
name: "Uploader",
|
|
108
133
|
slot: "ClearIcon",
|
|
109
134
|
})(function (_a) {
|
|
@@ -142,16 +167,16 @@ var Preview = function (props) {
|
|
|
142
167
|
// calculated values
|
|
143
168
|
// effects
|
|
144
169
|
// handlers
|
|
145
|
-
return (
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
!!file.size && (
|
|
151
|
-
|
|
152
|
-
|
|
170
|
+
return (react_1.default.createElement(PreviewRoot, { gap: 1 }, __spreadArray(__spreadArray([], uploaded, true), files, true).map(function (file) { return (react_1.default.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" },
|
|
171
|
+
react_1.default.createElement(Stack_1.default, { direction: "row", alignItems: "center", gap: 2 },
|
|
172
|
+
react_1.default.createElement(UploadFileIcon, null),
|
|
173
|
+
react_1.default.createElement(Stack_1.default, { flex: "1" },
|
|
174
|
+
react_1.default.createElement(Typography_1.default, { level: "body-sm", textColor: "common.black" }, file.name),
|
|
175
|
+
!!file.size && (react_1.default.createElement(Typography_1.default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size)))),
|
|
176
|
+
react_1.default.createElement(IconButton_1.default, { onClick: function () { return onDelete === null || onDelete === void 0 ? void 0 : onDelete(file); } },
|
|
177
|
+
react_1.default.createElement(ClearIcon, null))))); })));
|
|
153
178
|
};
|
|
154
|
-
var UploaderRoot = styled(
|
|
179
|
+
var UploaderRoot = (0, joy_1.styled)(Stack_1.default, {
|
|
155
180
|
name: "Uploader",
|
|
156
181
|
slot: "root",
|
|
157
182
|
})(function (_a) {
|
|
@@ -160,7 +185,7 @@ var UploaderRoot = styled(Stack, {
|
|
|
160
185
|
gap: theme.spacing(2),
|
|
161
186
|
});
|
|
162
187
|
});
|
|
163
|
-
var FileDropZone = styled(
|
|
188
|
+
var FileDropZone = (0, joy_1.styled)(Sheet_1.default, {
|
|
164
189
|
name: "Uploader",
|
|
165
190
|
slot: "dropZone",
|
|
166
191
|
shouldForwardProp: function (prop) { return prop !== "error"; },
|
|
@@ -183,7 +208,7 @@ var FileDropZone = styled(Sheet, {
|
|
|
183
208
|
: "1px solid ".concat(theme.palette.primary.outlinedBorder),
|
|
184
209
|
});
|
|
185
210
|
});
|
|
186
|
-
var UploaderIcon = styled(
|
|
211
|
+
var UploaderIcon = (0, joy_1.styled)(CloudUploadRounded_js_1.default, {
|
|
187
212
|
name: "Uploader",
|
|
188
213
|
slot: "iconContainer",
|
|
189
214
|
shouldForwardProp: function (prop) { return prop !== "error"; },
|
|
@@ -199,25 +224,25 @@ var UploaderIcon = styled(MuiFileUploadIcon, {
|
|
|
199
224
|
height: "32px",
|
|
200
225
|
});
|
|
201
226
|
});
|
|
202
|
-
var Uploader =
|
|
227
|
+
var Uploader = react_1.default.memo(function (props) {
|
|
203
228
|
// prop destruction
|
|
204
229
|
var accept = props.accept, minCount = props.minCount, maxCount = props.maxCount, name = props.name, size = props.size, maxFileSize = props.maxFileSize, maxFileTotalSize = props.maxFileTotalSize, onChange = props.onChange, label = props.label, helperText = props.helperText, disabled = props.disabled, onDelete = props.onDelete;
|
|
205
230
|
// lib hooks
|
|
206
231
|
// state, ref, querystring hooks
|
|
207
|
-
var dropZoneRef = useRef(null);
|
|
208
|
-
var inputRef = useRef(null);
|
|
209
|
-
var _a = useState(), errorText = _a[0], setErrorText = _a[1];
|
|
210
|
-
var _b = useState([]), files = _b[0], setFiles = _b[1];
|
|
211
|
-
var _c = useState(props.uploaded || []), uploaded = _c[0], setUploaded = _c[1];
|
|
212
|
-
var _d = useState("idle"), previewState = _d[0], setPreviewState = _d[1];
|
|
232
|
+
var dropZoneRef = (0, react_1.useRef)(null);
|
|
233
|
+
var inputRef = (0, react_1.useRef)(null);
|
|
234
|
+
var _a = (0, react_1.useState)(), errorText = _a[0], setErrorText = _a[1];
|
|
235
|
+
var _b = (0, react_1.useState)([]), files = _b[0], setFiles = _b[1];
|
|
236
|
+
var _c = (0, react_1.useState)(props.uploaded || []), uploaded = _c[0], setUploaded = _c[1];
|
|
237
|
+
var _d = (0, react_1.useState)("idle"), previewState = _d[0], setPreviewState = _d[1];
|
|
213
238
|
// form hooks
|
|
214
239
|
// query hooks
|
|
215
240
|
// calculated values
|
|
216
|
-
var error = useMemo(function () { return !!errorText || props.error; }, [props.error, errorText]);
|
|
217
|
-
var showDropZone = useMemo(function () {
|
|
241
|
+
var error = (0, react_1.useMemo)(function () { return !!errorText || props.error; }, [props.error, errorText]);
|
|
242
|
+
var showDropZone = (0, react_1.useMemo)(function () {
|
|
218
243
|
return !maxCount || (maxCount && __spreadArray(__spreadArray([], uploaded, true), files, true).length !== maxCount);
|
|
219
244
|
}, [files, maxCount, uploaded]);
|
|
220
|
-
var addFiles = useCallback(function (uploads) {
|
|
245
|
+
var addFiles = (0, react_1.useCallback)(function (uploads) {
|
|
221
246
|
try {
|
|
222
247
|
var types = (accept === null || accept === void 0 ? void 0 : accept.split(",").map(function (type) { return type.trim().replace(".", "").replace("*", ".*"); })) ||
|
|
223
248
|
[];
|
|
@@ -264,14 +289,14 @@ var Uploader = React.memo(function (props) {
|
|
|
264
289
|
}
|
|
265
290
|
}, [files, uploaded, maxCount, accept, maxFileSize, maxFileTotalSize, name, onChange]);
|
|
266
291
|
// effects
|
|
267
|
-
useEffect(function () {
|
|
292
|
+
(0, react_1.useEffect)(function () {
|
|
268
293
|
var el = dropZoneRef.current;
|
|
269
294
|
if (!el) {
|
|
270
295
|
return;
|
|
271
296
|
}
|
|
272
|
-
return combine(dropTargetForExternal({
|
|
297
|
+
return (0, combine_js_1.combine)((0, adapter_js_1.dropTargetForExternal)({
|
|
273
298
|
element: el,
|
|
274
|
-
canDrop: containsFiles,
|
|
299
|
+
canDrop: file_js_1.containsFiles,
|
|
275
300
|
onDragEnter: function () { return setPreviewState("over"); },
|
|
276
301
|
onDragLeave: function () { return setPreviewState("potential"); },
|
|
277
302
|
onDrop: function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
|
|
@@ -279,7 +304,7 @@ var Uploader = React.memo(function (props) {
|
|
|
279
304
|
var source = _b.source;
|
|
280
305
|
return __generator(this, function (_c) {
|
|
281
306
|
switch (_c.label) {
|
|
282
|
-
case 0: return [4 /*yield*/, getFiles({ source: source })];
|
|
307
|
+
case 0: return [4 /*yield*/, (0, file_js_1.getFiles)({ source: source })];
|
|
283
308
|
case 1:
|
|
284
309
|
files = _c.sent();
|
|
285
310
|
addFiles(files);
|
|
@@ -287,19 +312,19 @@ var Uploader = React.memo(function (props) {
|
|
|
287
312
|
}
|
|
288
313
|
});
|
|
289
314
|
}); },
|
|
290
|
-
}), monitorForExternal({
|
|
291
|
-
canMonitor: containsFiles,
|
|
315
|
+
}), (0, adapter_js_1.monitorForExternal)({
|
|
316
|
+
canMonitor: file_js_1.containsFiles,
|
|
292
317
|
onDragStart: function () {
|
|
293
318
|
setPreviewState("potential");
|
|
294
|
-
preventUnhandled.start();
|
|
319
|
+
prevent_unhandled_js_1.preventUnhandled.start();
|
|
295
320
|
},
|
|
296
321
|
onDrop: function () {
|
|
297
322
|
setPreviewState("idle");
|
|
298
|
-
preventUnhandled.stop();
|
|
323
|
+
prevent_unhandled_js_1.preventUnhandled.stop();
|
|
299
324
|
},
|
|
300
325
|
}));
|
|
301
326
|
});
|
|
302
|
-
useEffect(function () {
|
|
327
|
+
(0, react_1.useEffect)(function () {
|
|
303
328
|
if (inputRef.current && minCount) {
|
|
304
329
|
if (files.length < minCount) {
|
|
305
330
|
inputRef.current.setCustomValidity("At least ".concat(minCount, " files are required."));
|
|
@@ -310,11 +335,11 @@ var Uploader = React.memo(function (props) {
|
|
|
310
335
|
}
|
|
311
336
|
}, [inputRef, files, minCount]);
|
|
312
337
|
// handlers
|
|
313
|
-
var handleFileChanged = useCallback(function (event) {
|
|
338
|
+
var handleFileChanged = (0, react_1.useCallback)(function (event) {
|
|
314
339
|
var files = Array.from(event.target.files || []);
|
|
315
340
|
addFiles(files);
|
|
316
341
|
}, [addFiles]);
|
|
317
|
-
var handleDeleteFile = useCallback(function (deletedFile) {
|
|
342
|
+
var handleDeleteFile = (0, react_1.useCallback)(function (deletedFile) {
|
|
318
343
|
if (deletedFile instanceof File) {
|
|
319
344
|
setFiles(function (current) {
|
|
320
345
|
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
@@ -335,19 +360,19 @@ var Uploader = React.memo(function (props) {
|
|
|
335
360
|
}
|
|
336
361
|
setErrorText(undefined);
|
|
337
362
|
}, [name, onChange, onDelete]);
|
|
338
|
-
var handleUploaderButtonClick = useCallback(function () {
|
|
363
|
+
var handleUploaderButtonClick = (0, react_1.useCallback)(function () {
|
|
339
364
|
var _a;
|
|
340
365
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
341
366
|
}, []);
|
|
342
|
-
var uploader = (
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
return (
|
|
347
|
-
showDropZone && (
|
|
348
|
-
label &&
|
|
367
|
+
var uploader = (react_1.default.createElement(FileDropZone, { state: previewState, error: !!(error || errorText), ref: dropZoneRef, onClick: handleUploaderButtonClick },
|
|
368
|
+
react_1.default.createElement(Stack_1.default, { alignItems: "center", gap: 1 },
|
|
369
|
+
react_1.default.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
|
|
370
|
+
react_1.default.createElement(VisuallyHiddenInput, { type: "file", onChange: handleFileChanged, multiple: true, accept: accept, disabled: disabled, required: !!minCount, ref: inputRef })));
|
|
371
|
+
return (react_1.default.createElement(UploaderRoot, null,
|
|
372
|
+
showDropZone && (react_1.default.createElement(FormControl_1.default, { size: size, error: !!(error || errorText), disabled: disabled, required: !!minCount },
|
|
373
|
+
label && react_1.default.createElement(FormLabel_1.default, null, label),
|
|
349
374
|
uploader,
|
|
350
|
-
errorText ? (
|
|
351
|
-
__spreadArray(__spreadArray([], uploaded, true), files, true).length > 0 && (
|
|
375
|
+
errorText ? (react_1.default.createElement(FormHelperText_1.default, null, errorText)) : (helperText && react_1.default.createElement(FormHelperText_1.default, null, helperText)))),
|
|
376
|
+
__spreadArray(__spreadArray([], uploaded, true), files, true).length > 0 && (react_1.default.createElement(Preview, { files: files, uploaded: uploaded, onDelete: handleDeleteFile }))));
|
|
352
377
|
});
|
|
353
|
-
|
|
378
|
+
exports.Uploader = Uploader;
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 Uploader_1 = require("./Uploader");
|
|
18
|
+
__exportStar(require("./Uploader"), exports);
|
|
19
|
+
exports.default = Uploader_1.Uploader;
|
package/dist/components/index.js
CHANGED
|
@@ -1,44 +1,108 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TableHead = exports.Table = exports.Switch = exports.Stack = exports.Sheet = exports.Option = exports.Select = exports.RadioList = exports.RadioGroup = exports.Radio = exports.MonthRangePicker = exports.MonthPicker = exports.ModalFrame = exports.ModalOverflow = exports.ModalDialog = exports.ModalClose = exports.Modal = exports.MenuItem = exports.MenuButton = exports.Menu = exports.Markdown = exports.Input = exports.IconButton = exports.Grid = exports.FormLabel = exports.FormHelperText = exports.FormControl = exports.Dropdown = exports.InsetDrawer = exports.Divider = exports.DialogFrame = exports.DialogTitle = exports.DialogContent = exports.DialogActions = exports.DateRangePicker = exports.DatePicker = exports.DataTable = exports.CurrencyInput = exports.Container = exports.Checkbox = exports.Card = exports.Calendar = exports.Button = exports.Breadcrumbs = exports.Box = exports.Autocomplete = exports.AccordionSummary = exports.Accordions = exports.AccordionDetails = exports.Accordion = void 0;
|
|
4
|
+
exports.Uploader = exports.Typography = exports.Tooltip = exports.ThemeProvider = exports.Textarea = exports.TabPanel = exports.TabList = exports.Tab = exports.Tabs = exports.TableBody = void 0;
|
|
5
|
+
var Accordions_1 = require("./Accordions");
|
|
6
|
+
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return Accordions_1.Accordion; } });
|
|
7
|
+
Object.defineProperty(exports, "AccordionDetails", { enumerable: true, get: function () { return Accordions_1.AccordionDetails; } });
|
|
8
|
+
Object.defineProperty(exports, "Accordions", { enumerable: true, get: function () { return Accordions_1.Accordions; } });
|
|
9
|
+
Object.defineProperty(exports, "AccordionSummary", { enumerable: true, get: function () { return Accordions_1.AccordionSummary; } });
|
|
10
|
+
var Autocomplete_1 = require("./Autocomplete");
|
|
11
|
+
Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return Autocomplete_1.Autocomplete; } });
|
|
12
|
+
var Box_1 = require("./Box");
|
|
13
|
+
Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return Box_1.Box; } });
|
|
14
|
+
var Breadcrumbs_1 = require("./Breadcrumbs");
|
|
15
|
+
Object.defineProperty(exports, "Breadcrumbs", { enumerable: true, get: function () { return Breadcrumbs_1.Breadcrumbs; } });
|
|
16
|
+
var Button_1 = require("./Button");
|
|
17
|
+
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
18
|
+
var Calendar_1 = require("./Calendar");
|
|
19
|
+
Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.Calendar; } });
|
|
20
|
+
var Card_1 = require("./Card");
|
|
21
|
+
Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
|
|
22
|
+
var Checkbox_1 = require("./Checkbox");
|
|
23
|
+
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
|
|
24
|
+
var Container_1 = require("./Container");
|
|
25
|
+
Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return Container_1.Container; } });
|
|
26
|
+
var CurrencyInput_1 = require("./CurrencyInput");
|
|
27
|
+
Object.defineProperty(exports, "CurrencyInput", { enumerable: true, get: function () { return CurrencyInput_1.CurrencyInput; } });
|
|
28
|
+
var DataTable_1 = require("./DataTable");
|
|
29
|
+
Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return DataTable_1.DataTable; } });
|
|
30
|
+
var DatePicker_1 = require("./DatePicker");
|
|
31
|
+
Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
|
|
32
|
+
var DateRangePicker_1 = require("./DateRangePicker");
|
|
33
|
+
Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return DateRangePicker_1.DateRangePicker; } });
|
|
34
|
+
var DialogActions_1 = require("./DialogActions");
|
|
35
|
+
Object.defineProperty(exports, "DialogActions", { enumerable: true, get: function () { return DialogActions_1.DialogActions; } });
|
|
36
|
+
var DialogContent_1 = require("./DialogContent");
|
|
37
|
+
Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return DialogContent_1.DialogContent; } });
|
|
38
|
+
var DialogTitle_1 = require("./DialogTitle");
|
|
39
|
+
Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return DialogTitle_1.DialogTitle; } });
|
|
40
|
+
var DialogFrame_1 = require("./DialogFrame");
|
|
41
|
+
Object.defineProperty(exports, "DialogFrame", { enumerable: true, get: function () { return DialogFrame_1.DialogFrame; } });
|
|
42
|
+
var Divider_1 = require("./Divider");
|
|
43
|
+
Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
|
|
44
|
+
var InsetDrawer_1 = require("./InsetDrawer");
|
|
45
|
+
Object.defineProperty(exports, "InsetDrawer", { enumerable: true, get: function () { return InsetDrawer_1.InsetDrawer; } });
|
|
46
|
+
var Dropdown_1 = require("./Dropdown");
|
|
47
|
+
Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
|
|
48
|
+
var FormControl_1 = require("./FormControl");
|
|
49
|
+
Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return FormControl_1.FormControl; } });
|
|
50
|
+
var FormHelperText_1 = require("./FormHelperText");
|
|
51
|
+
Object.defineProperty(exports, "FormHelperText", { enumerable: true, get: function () { return FormHelperText_1.FormHelperText; } });
|
|
52
|
+
var FormLabel_1 = require("./FormLabel");
|
|
53
|
+
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
|
|
54
|
+
var Grid_1 = require("./Grid");
|
|
55
|
+
Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.Grid; } });
|
|
56
|
+
var IconButton_1 = require("./IconButton");
|
|
57
|
+
Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
|
|
58
|
+
var Input_1 = require("./Input");
|
|
59
|
+
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
|
60
|
+
var Markdown_1 = require("./Markdown");
|
|
61
|
+
Object.defineProperty(exports, "Markdown", { enumerable: true, get: function () { return Markdown_1.Markdown; } });
|
|
62
|
+
var Menu_1 = require("./Menu");
|
|
63
|
+
Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
|
|
64
|
+
Object.defineProperty(exports, "MenuButton", { enumerable: true, get: function () { return Menu_1.MenuButton; } });
|
|
65
|
+
Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return Menu_1.MenuItem; } });
|
|
66
|
+
var Modal_1 = require("./Modal");
|
|
67
|
+
Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
|
|
68
|
+
Object.defineProperty(exports, "ModalClose", { enumerable: true, get: function () { return Modal_1.ModalClose; } });
|
|
69
|
+
Object.defineProperty(exports, "ModalDialog", { enumerable: true, get: function () { return Modal_1.ModalDialog; } });
|
|
70
|
+
Object.defineProperty(exports, "ModalOverflow", { enumerable: true, get: function () { return Modal_1.ModalOverflow; } });
|
|
71
|
+
Object.defineProperty(exports, "ModalFrame", { enumerable: true, get: function () { return Modal_1.ModalFrame; } });
|
|
72
|
+
var MonthPicker_1 = require("./MonthPicker");
|
|
73
|
+
Object.defineProperty(exports, "MonthPicker", { enumerable: true, get: function () { return MonthPicker_1.MonthPicker; } });
|
|
74
|
+
var MonthRangePicker_1 = require("./MonthRangePicker");
|
|
75
|
+
Object.defineProperty(exports, "MonthRangePicker", { enumerable: true, get: function () { return MonthRangePicker_1.MonthRangePicker; } });
|
|
76
|
+
var Radio_1 = require("./Radio");
|
|
77
|
+
Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return Radio_1.Radio; } });
|
|
78
|
+
Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return Radio_1.RadioGroup; } });
|
|
79
|
+
var RadioList_1 = require("./RadioList");
|
|
80
|
+
Object.defineProperty(exports, "RadioList", { enumerable: true, get: function () { return RadioList_1.RadioList; } });
|
|
81
|
+
var Select_1 = require("./Select");
|
|
82
|
+
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
|
|
83
|
+
Object.defineProperty(exports, "Option", { enumerable: true, get: function () { return Select_1.Option; } });
|
|
84
|
+
var Sheet_1 = require("./Sheet");
|
|
85
|
+
Object.defineProperty(exports, "Sheet", { enumerable: true, get: function () { return Sheet_1.Sheet; } });
|
|
86
|
+
var Stack_1 = require("./Stack");
|
|
87
|
+
Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return Stack_1.Stack; } });
|
|
88
|
+
var Switch_1 = require("./Switch");
|
|
89
|
+
Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
|
|
90
|
+
var Table_1 = require("./Table");
|
|
91
|
+
Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return Table_1.Table; } });
|
|
92
|
+
Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return Table_1.TableHead; } });
|
|
93
|
+
Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return Table_1.TableBody; } });
|
|
94
|
+
var Tabs_1 = require("./Tabs");
|
|
95
|
+
Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
|
|
96
|
+
Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return Tabs_1.Tab; } });
|
|
97
|
+
Object.defineProperty(exports, "TabList", { enumerable: true, get: function () { return Tabs_1.TabList; } });
|
|
98
|
+
Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return Tabs_1.TabPanel; } });
|
|
99
|
+
var Textarea_1 = require("./Textarea");
|
|
100
|
+
Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return Textarea_1.Textarea; } });
|
|
101
|
+
var ThemeProvider_1 = require("./ThemeProvider");
|
|
102
|
+
Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
|
|
103
|
+
var Tooltip_1 = require("./Tooltip");
|
|
104
|
+
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
|
105
|
+
var Typography_1 = require("./Typography");
|
|
106
|
+
Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return Typography_1.Typography; } });
|
|
107
|
+
var Uploader_1 = require("./Uploader");
|
|
108
|
+
Object.defineProperty(exports, "Uploader", { enumerable: true, get: function () { return Uploader_1.Uploader; } });
|