@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.
Files changed (99) hide show
  1. package/dist/components/Accordions/Accordions.js +21 -15
  2. package/dist/components/Accordions/index.js +19 -3
  3. package/dist/components/Autocomplete/Autocomplete.js +75 -46
  4. package/dist/components/Autocomplete/index.js +19 -3
  5. package/dist/components/Box/Box.js +7 -4
  6. package/dist/components/Box/index.js +19 -3
  7. package/dist/components/Breadcrumbs/Breadcrumbs.js +46 -17
  8. package/dist/components/Breadcrumbs/index.js +19 -3
  9. package/dist/components/Button/Button.js +33 -7
  10. package/dist/components/Button/index.js +19 -3
  11. package/dist/components/Calendar/Calendar.js +96 -67
  12. package/dist/components/Calendar/hooks/use-calendar-props.js +14 -10
  13. package/dist/components/Calendar/hooks/use-calendar.js +32 -28
  14. package/dist/components/Calendar/index.js +19 -3
  15. package/dist/components/Calendar/types.js +2 -1
  16. package/dist/components/Calendar/utils/index.js +21 -9
  17. package/dist/components/Card/Card.js +15 -12
  18. package/dist/components/Card/index.js +19 -3
  19. package/dist/components/Checkbox/Checkbox.js +12 -6
  20. package/dist/components/Checkbox/index.js +19 -3
  21. package/dist/components/Chip/Chip.js +7 -4
  22. package/dist/components/Chip/index.js +19 -3
  23. package/dist/components/Container/Container.js +32 -6
  24. package/dist/components/Container/index.js +19 -3
  25. package/dist/components/CurrencyInput/CurrencyInput.js +51 -22
  26. package/dist/components/CurrencyInput/hooks/use-currency-setting.js +10 -3
  27. package/dist/components/CurrencyInput/index.js +19 -3
  28. package/dist/components/DataTable/DataTable.js +138 -109
  29. package/dist/components/DataTable/index.js +19 -3
  30. package/dist/components/DataTable/types.js +2 -1
  31. package/dist/components/DatePicker/DatePicker.js +76 -47
  32. package/dist/components/DatePicker/index.js +19 -3
  33. package/dist/components/DateRangePicker/DateRangePicker.js +78 -49
  34. package/dist/components/DateRangePicker/index.js +19 -3
  35. package/dist/components/DialogActions/DialogActions.js +8 -5
  36. package/dist/components/DialogActions/index.js +19 -3
  37. package/dist/components/DialogContent/DialogContent.js +8 -5
  38. package/dist/components/DialogContent/index.js +19 -3
  39. package/dist/components/DialogFrame/DialogFrame.js +18 -12
  40. package/dist/components/DialogFrame/index.js +19 -3
  41. package/dist/components/DialogTitle/DialogTitle.js +8 -5
  42. package/dist/components/DialogTitle/index.js +19 -3
  43. package/dist/components/Divider/Divider.js +12 -6
  44. package/dist/components/Divider/index.js +19 -3
  45. package/dist/components/Dropdown/Dropdown.js +7 -4
  46. package/dist/components/Dropdown/index.js +19 -3
  47. package/dist/components/FormControl/FormControl.js +10 -7
  48. package/dist/components/FormControl/index.js +19 -3
  49. package/dist/components/FormHelperText/FormHelperText.js +7 -4
  50. package/dist/components/FormHelperText/index.js +19 -3
  51. package/dist/components/FormLabel/FormLabel.js +7 -4
  52. package/dist/components/FormLabel/index.js +19 -3
  53. package/dist/components/Grid/Grid.js +7 -4
  54. package/dist/components/Grid/index.js +19 -3
  55. package/dist/components/IconButton/IconButton.js +12 -6
  56. package/dist/components/IconButton/index.js +19 -3
  57. package/dist/components/Input/Input.js +19 -13
  58. package/dist/components/Input/index.js +19 -3
  59. package/dist/components/InsetDrawer/InsetDrawer.js +12 -6
  60. package/dist/components/InsetDrawer/index.js +19 -3
  61. package/dist/components/Markdown/Markdown.js +20 -14
  62. package/dist/components/Markdown/index.js +19 -3
  63. package/dist/components/Menu/Menu.js +18 -12
  64. package/dist/components/Menu/index.js +19 -3
  65. package/dist/components/Modal/Modal.js +25 -19
  66. package/dist/components/Modal/index.js +19 -3
  67. package/dist/components/MonthPicker/MonthPicker.js +75 -46
  68. package/dist/components/MonthPicker/index.js +19 -3
  69. package/dist/components/MonthRangePicker/MonthRangePicker.js +77 -48
  70. package/dist/components/MonthRangePicker/index.js +19 -3
  71. package/dist/components/Radio/Radio.js +9 -6
  72. package/dist/components/Radio/index.js +19 -3
  73. package/dist/components/RadioList/RadioList.js +10 -4
  74. package/dist/components/RadioList/index.js +19 -3
  75. package/dist/components/Select/Select.js +43 -14
  76. package/dist/components/Select/index.js +19 -3
  77. package/dist/components/Sheet/Sheet.js +7 -4
  78. package/dist/components/Sheet/index.js +19 -3
  79. package/dist/components/Stack/Stack.js +7 -4
  80. package/dist/components/Stack/index.js +19 -3
  81. package/dist/components/Switch/Switch.js +15 -9
  82. package/dist/components/Switch/index.js +19 -3
  83. package/dist/components/Table/Table.js +24 -18
  84. package/dist/components/Table/index.js +19 -3
  85. package/dist/components/Tabs/Tabs.js +13 -10
  86. package/dist/components/Tabs/index.js +19 -3
  87. package/dist/components/Textarea/Textarea.js +18 -12
  88. package/dist/components/Textarea/index.js +19 -3
  89. package/dist/components/ThemeProvider/ThemeProvider.js +15 -9
  90. package/dist/components/ThemeProvider/index.js +19 -3
  91. package/dist/components/Tooltip/Tooltip.js +12 -6
  92. package/dist/components/Tooltip/index.js +19 -3
  93. package/dist/components/Typography/Typography.js +12 -6
  94. package/dist/components/Typography/index.js +19 -3
  95. package/dist/components/Uploader/Uploader.js +94 -69
  96. package/dist/components/Uploader/index.js +19 -3
  97. package/dist/components/index.js +108 -44
  98. package/dist/index.js +167 -4
  99. 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
- import React, { useCallback, useEffect, useMemo, useRef, useState, } from "react";
47
- import { styled } from "@mui/joy";
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
- import MuiFileUploadIcon from "@mui/icons-material/esm/CloudUploadRounded.js";
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
- import MuiUploadFileIcon from "@mui/icons-material/esm/UploadFileRounded.js";
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
- import MuiClearIcon from "@mui/icons-material/esm/ClearRounded.js";
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
- } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js";
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
- import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js";
64
- import Typography from "../Typography";
65
- import { Card } from "../Card";
66
- import Stack from "../Stack";
67
- import IconButton from "../IconButton";
68
- import FormControl from "../FormControl";
69
- import FormHelperText from "../FormHelperText";
70
- import Sheet from "../Sheet";
71
- import FormLabel from "../FormLabel";
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(Stack, {
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(MuiUploadFileIcon, {
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(MuiClearIcon, {
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 (React.createElement(PreviewRoot, { gap: 1 }, __spreadArray(__spreadArray([], uploaded, true), files, true).map(function (file) { return (React.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" },
146
- React.createElement(Stack, { direction: "row", alignItems: "center", gap: 2 },
147
- React.createElement(UploadFileIcon, null),
148
- React.createElement(Stack, { flex: "1" },
149
- React.createElement(Typography, { level: "body-sm", textColor: "common.black" }, file.name),
150
- !!file.size && (React.createElement(Typography, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size)))),
151
- React.createElement(IconButton, { onClick: function () { return onDelete === null || onDelete === void 0 ? void 0 : onDelete(file); } },
152
- React.createElement(ClearIcon, null))))); })));
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(Stack, {
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(Sheet, {
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(MuiFileUploadIcon, {
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 = React.memo(function (props) {
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 = (React.createElement(FileDropZone, { state: previewState, error: !!(error || errorText), ref: dropZoneRef, onClick: handleUploaderButtonClick },
343
- React.createElement(Stack, { alignItems: "center", gap: 1 },
344
- React.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
345
- React.createElement(VisuallyHiddenInput, { type: "file", onChange: handleFileChanged, multiple: true, accept: accept, disabled: disabled, required: !!minCount, ref: inputRef })));
346
- return (React.createElement(UploaderRoot, null,
347
- showDropZone && (React.createElement(FormControl, { size: size, error: !!(error || errorText), disabled: disabled, required: !!minCount },
348
- label && React.createElement(FormLabel, null, 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 ? (React.createElement(FormHelperText, null, errorText)) : (helperText && React.createElement(FormHelperText, null, helperText)))),
351
- __spreadArray(__spreadArray([], uploaded, true), files, true).length > 0 && (React.createElement(Preview, { files: files, uploaded: uploaded, onDelete: handleDeleteFile }))));
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
- export { Uploader };
378
+ exports.Uploader = Uploader;
@@ -1,3 +1,19 @@
1
- import { Uploader } from './Uploader';
2
- export * from './Uploader';
3
- export default Uploader;
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;
@@ -1,44 +1,108 @@
1
- export { Accordion, AccordionDetails, Accordions, AccordionSummary, } from "./Accordions";
2
- export { Autocomplete } from "./Autocomplete";
3
- export { Box } from "./Box";
4
- export { Breadcrumbs } from "./Breadcrumbs";
5
- export { Button } from "./Button";
6
- export { Calendar } from "./Calendar";
7
- export { Card } from "./Card";
8
- export { Checkbox } from "./Checkbox";
9
- export { Container } from "./Container";
10
- export { CurrencyInput } from "./CurrencyInput";
11
- export { DataTable } from "./DataTable";
12
- export { DatePicker } from "./DatePicker";
13
- export { DateRangePicker } from "./DateRangePicker";
14
- export { DialogActions } from "./DialogActions";
15
- export { DialogContent } from "./DialogContent";
16
- export { DialogTitle } from "./DialogTitle";
17
- export { DialogFrame } from "./DialogFrame";
18
- export { Divider } from "./Divider";
19
- export { InsetDrawer } from "./InsetDrawer";
20
- export { Dropdown } from "./Dropdown";
21
- export { FormControl } from "./FormControl";
22
- export { FormHelperText } from "./FormHelperText";
23
- export { FormLabel } from "./FormLabel";
24
- export { Grid } from "./Grid";
25
- export { IconButton } from "./IconButton";
26
- export { Input } from "./Input";
27
- export { Markdown } from './Markdown';
28
- export { Menu, MenuButton, MenuItem } from "./Menu";
29
- export { Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, } from "./Modal";
30
- export { MonthPicker } from "./MonthPicker";
31
- export { MonthRangePicker } from "./MonthRangePicker";
32
- export { Radio, RadioGroup } from "./Radio";
33
- export { RadioList } from "./RadioList";
34
- export { Select, Option } from "./Select";
35
- export { Sheet } from "./Sheet";
36
- export { Stack } from "./Stack";
37
- export { Switch } from "./Switch";
38
- export { Table, TableHead, TableBody } from "./Table";
39
- export { Tabs, Tab, TabList, TabPanel } from "./Tabs";
40
- export { Textarea } from "./Textarea";
41
- export { ThemeProvider } from "./ThemeProvider";
42
- export { Tooltip } from "./Tooltip";
43
- export { Typography } from "./Typography";
44
- export { Uploader } from './Uploader';
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; } });