@veritone-ce/design-system 1.12.22 → 1.12.23
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/assets/theme.js +70 -70
- package/dist/components/Box/index.js +13 -8
- package/dist/components/Breadcrumbs/breadcrumbs.theme.js +14 -10
- package/dist/components/Breadcrumbs/index.js +9 -9
- package/dist/components/Button/Indicator.js +10 -10
- package/dist/components/Button/button.theme.js +107 -105
- package/dist/components/Button/index.js +26 -18
- package/dist/components/Button/useButtonProps.js +18 -10
- package/dist/components/Checkbox/checkbox.theme.js +21 -17
- package/dist/components/Checkbox/index.js +16 -10
- package/dist/components/CustomSlider/index.js +28 -18
- package/dist/components/Drawer/index.js +13 -8
- package/dist/components/FileUploader/index.js +88 -69
- package/dist/components/FileUploader/useUploadFile.js +148 -51
- package/dist/components/FormControlLabel/index.js +13 -8
- package/dist/components/HomeOutlinedIcon/index.js +13 -8
- package/dist/components/IconGroups/index.js +14 -9
- package/dist/components/IconListItem/index.js +17 -10
- package/dist/components/Input/index.js +16 -10
- package/dist/components/Input/input.theme.js +99 -95
- package/dist/components/LinearProgress/index.js +40 -33
- package/dist/components/LinearProgress/linearProgress.theme.js +17 -13
- package/dist/components/Link/index.js +13 -8
- package/dist/components/List/index.js +13 -8
- package/dist/components/ListItem/index.js +13 -8
- package/dist/components/ListItemButton/index.js +13 -8
- package/dist/components/ListItemText/index.js +13 -8
- package/dist/components/MenuFlyout/constants.js +3 -3
- package/dist/components/MenuFlyout/index.js +21 -13
- package/dist/components/MenuFlyout/menuFlyout.theme.js +47 -39
- package/dist/components/Modal/index.js +20 -13
- package/dist/components/Modal/modal.theme.js +28 -26
- package/dist/components/ModelGridView/index.js +109 -72
- package/dist/components/Panel/index.js +21 -19
- package/dist/components/ProgressIndicator/DefaultProgress.js +16 -10
- package/dist/components/ProgressIndicator/MLProgress.js +16 -10
- package/dist/components/ProgressIndicator/index.js +17 -14
- package/dist/components/RadioButton/RadioButton.theme.js +57 -53
- package/dist/components/RadioButton/index.js +24 -14
- package/dist/components/RadioGroup/index.js +13 -8
- package/dist/components/Select/index.js +48 -33
- package/dist/components/Select/select.theme.js +55 -51
- package/dist/components/StatusChip/constants.js +3 -3
- package/dist/components/StatusChip/index.js +19 -12
- package/dist/components/StatusChip/statusChip.theme.js +33 -29
- package/dist/components/Step/index.js +13 -8
- package/dist/components/StepLabel/index.js +13 -8
- package/dist/components/Stepper/index.js +10 -6
- package/dist/components/Stepper/stepper.theme.js +44 -42
- package/dist/components/Tabs/Badge.js +5 -6
- package/dist/components/Tabs/index.js +42 -23
- package/dist/components/Tabs/tabs.theme.js +32 -28
- package/dist/components/ThemeProvider/index.js +6 -7
- package/dist/components/Toast/index.js +41 -32
- package/dist/components/Typography/index.js +13 -8
- package/dist/components/UtilityRail/index.js +65 -57
- package/dist/components/UtilityRail/mock.js +1 -1
- package/dist/index.js +72 -72
- package/package.json +70 -82
- package/dist/assets/information.svg +0 -3
- package/dist/assets/warning.svg +0 -3
- package/dist/components/Box/__tests__/Box.test.d.ts +0 -1
- package/dist/components/Box/__tests__/Box.test.js +0 -16
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -11
- package/dist/components/Breadcrumbs/Breadcrumbs.stories.js +0 -36
- package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.d.ts +0 -1
- package/dist/components/Breadcrumbs/__tests__/Breadcrumbs.test.js +0 -26
- package/dist/components/Button/Button.stories.d.ts +0 -7
- package/dist/components/Button/Button.stories.js +0 -99
- package/dist/components/Button/__tests__/Button.test.d.ts +0 -1
- package/dist/components/Button/__tests__/Button.test.js +0 -59
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -5
- package/dist/components/Checkbox/Checkbox.stories.js +0 -49
- package/dist/components/Checkbox/__tests__/Checkbox.test.d.ts +0 -1
- package/dist/components/Checkbox/__tests__/Checkbox.test.js +0 -15
- package/dist/components/CustomSlider/CustomSlider.stories.d.ts +0 -5
- package/dist/components/CustomSlider/CustomSlider.stories.js +0 -48
- package/dist/components/Drawer/__tests__/Drawer.test.d.ts +0 -1
- package/dist/components/Drawer/__tests__/Drawer.test.js +0 -16
- package/dist/components/FileUploader/FileUploader.stories.d.ts +0 -15
- package/dist/components/FileUploader/FileUploader.stories.js +0 -25
- package/dist/components/FileUploader/__tests__/FileUploader.test.d.ts +0 -1
- package/dist/components/FileUploader/__tests__/FileUploader.test.js +0 -226
- package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.d.ts +0 -1
- package/dist/components/FormControlLabel/__tests__/FormControlLabel.test.js +0 -19
- package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.d.ts +0 -7
- package/dist/components/HomeOutlinedIcon/HomeOutlinedIcon.stories.js +0 -20
- package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.d.ts +0 -1
- package/dist/components/HomeOutlinedIcon/__tests__/HomeOutlinedIcon.test.js +0 -15
- package/dist/components/IconGroups/IconGroups.stories.d.ts +0 -7
- package/dist/components/IconGroups/IconGroups.stories.js +0 -20
- package/dist/components/IconGroups/__tests__/IconGroups.test.d.ts +0 -1
- package/dist/components/IconGroups/__tests__/IconGroups.test.js +0 -15
- package/dist/components/IconListItem/__tests__/IconListItem.test.d.ts +0 -1
- package/dist/components/IconListItem/__tests__/IconListItem.test.js +0 -15
- package/dist/components/Input/Input.stories.d.ts +0 -11
- package/dist/components/Input/Input.stories.js +0 -113
- package/dist/components/Input/__tests__/Input.test.d.ts +0 -1
- package/dist/components/Input/__tests__/Input.test.js +0 -14
- package/dist/components/LinearProgress/LinearProgress.stories.d.ts +0 -14
- package/dist/components/LinearProgress/LinearProgress.stories.js +0 -43
- package/dist/components/LinearProgress/__tests__/LinearProgress.test.d.ts +0 -1
- package/dist/components/LinearProgress/__tests__/LinearProgress.test.js +0 -40
- package/dist/components/Link/__tests__/Link.test.d.ts +0 -1
- package/dist/components/Link/__tests__/Link.test.js +0 -15
- package/dist/components/List/__tests__/List.test.d.ts +0 -1
- package/dist/components/List/__tests__/List.test.js +0 -15
- package/dist/components/ListItem/__tests__/ListItem.test.d.ts +0 -1
- package/dist/components/ListItem/__tests__/ListItem.test.js +0 -15
- package/dist/components/ListItemButton/__tests__/ListItemButton.test.d.ts +0 -1
- package/dist/components/ListItemButton/__tests__/ListItemButton.test.js +0 -15
- package/dist/components/ListItemText/__tests__/ListItemText.test.d.ts +0 -1
- package/dist/components/ListItemText/__tests__/ListItemText.test.js +0 -15
- package/dist/components/MenuFlyout/MenuFlyout.stories.d.ts +0 -31
- package/dist/components/MenuFlyout/MenuFlyout.stories.js +0 -60
- package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.d.ts +0 -1
- package/dist/components/MenuFlyout/__tests__/MenuFlyout.test.js +0 -42
- package/dist/components/Modal/Modal.stories.d.ts +0 -15
- package/dist/components/Modal/Modal.stories.js +0 -195
- package/dist/components/Modal/__tests__/Modal.test.d.ts +0 -1
- package/dist/components/Modal/__tests__/Modal.test.js +0 -17
- package/dist/components/ModelGridView/ModelGridView.stories.d.ts +0 -5
- package/dist/components/ModelGridView/ModelGridView.stories.js +0 -41
- package/dist/components/ModelGridView/__tests__/ModelGridView.test.d.ts +0 -1
- package/dist/components/ModelGridView/__tests__/ModelGridView.test.js +0 -48
- package/dist/components/Panel/Panel.stories.d.ts +0 -14
- package/dist/components/Panel/Panel.stories.js +0 -63
- package/dist/components/Panel/__tests__/Panel.test.d.ts +0 -1
- package/dist/components/Panel/__tests__/Panel.test.js +0 -74
- package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts +0 -7
- package/dist/components/ProgressIndicator/ProgressIndicator.stories.js +0 -45
- package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.d.ts +0 -1
- package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.js +0 -32
- package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -10
- package/dist/components/RadioButton/RadioButton.stories.js +0 -38
- package/dist/components/RadioButton/__tests__/RadioButton.test.d.ts +0 -1
- package/dist/components/RadioButton/__tests__/RadioButton.test.js +0 -14
- package/dist/components/RadioGroup/__tests__/RadioGroup.test.d.ts +0 -1
- package/dist/components/RadioGroup/__tests__/RadioGroup.test.js +0 -15
- package/dist/components/Select/Select.stories.d.ts +0 -5
- package/dist/components/Select/Select.stories.js +0 -86
- package/dist/components/Select/__tests__/Select.test.d.ts +0 -1
- package/dist/components/Select/__tests__/Select.test.js +0 -40
- package/dist/components/StatusChip/StatusChip.stories.d.ts +0 -51
- package/dist/components/StatusChip/StatusChip.stories.js +0 -59
- package/dist/components/StatusChip/__tests__/StatusChip.test.d.ts +0 -1
- package/dist/components/StatusChip/__tests__/StatusChip.test.js +0 -45
- package/dist/components/Step/__tests__/Step.test.d.ts +0 -1
- package/dist/components/Step/__tests__/Step.test.js +0 -15
- package/dist/components/StepLabel/__tests__/StepLabel.test.d.ts +0 -1
- package/dist/components/StepLabel/__tests__/StepLabel.test.js +0 -15
- package/dist/components/Stepper/Stepper.stories.d.ts +0 -21
- package/dist/components/Stepper/Stepper.stories.js +0 -38
- package/dist/components/Stepper/__tests__/Stepper.test.d.ts +0 -1
- package/dist/components/Stepper/__tests__/Stepper.test.js +0 -15
- package/dist/components/Tabs/Tabs.stories.d.ts +0 -6
- package/dist/components/Tabs/Tabs.stories.js +0 -56
- package/dist/components/Tabs/__tests__/Tabs.test.d.ts +0 -1
- package/dist/components/Tabs/__tests__/Tabs.test.js +0 -53
- package/dist/components/ThemeProvider/__tests__/Button.test.d.ts +0 -1
- package/dist/components/ThemeProvider/__tests__/Button.test.js +0 -15
- package/dist/components/Toast/Toast.stories.d.ts +0 -14
- package/dist/components/Toast/Toast.stories.js +0 -108
- package/dist/components/Toast/__tests__/Toast.test.d.ts +0 -1
- package/dist/components/Toast/__tests__/Toast.test.js +0 -48
- package/dist/components/Typography/Typography.stories.d.ts +0 -20
- package/dist/components/Typography/Typography.stories.js +0 -21
- package/dist/components/Typography/__tests__/Typography.test.d.ts +0 -1
- package/dist/components/Typography/__tests__/Typography.test.js +0 -16
- package/dist/components/UtilityRail/UtilityRail.stories.d.ts +0 -8
- package/dist/components/UtilityRail/UtilityRail.stories.js +0 -23
- package/dist/components/UtilityRail/__tests__/UtilityRail.test.d.ts +0 -1
- package/dist/components/UtilityRail/__tests__/UtilityRail.test.js +0 -18
- package/dist/modules.d.js +0 -1
- package/dist/setupTests.d.ts +0 -1
- package/dist/setupTests.js +0 -3
- package/dist/utils/tests/helpers.d.ts +0 -6
- package/dist/utils/tests/helpers.js +0 -32
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
7
8
|
var _react = require("react");
|
|
8
9
|
var _system = require("@mui/system");
|
|
9
10
|
var _material = require("@mui/material");
|
|
@@ -11,27 +12,43 @@ var _styles = require("@mui/material/styles");
|
|
|
11
12
|
var _CloudUploadOutlined = _interopRequireDefault(require("@mui/icons-material/CloudUploadOutlined"));
|
|
12
13
|
var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
|
|
13
14
|
var _reactDropzone = require("react-dropzone");
|
|
14
|
-
var
|
|
15
|
+
var _useUploadFile2 = require("./useUploadFile");
|
|
15
16
|
var _LinearProgress = _interopRequireDefault(require("../LinearProgress"));
|
|
16
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
|
|
18
|
+
var _excluded = ["uploadUrl", "files", "accept", "multiple", "onSuccess", "onError", "extensions"];
|
|
18
19
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
24
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
25
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
26
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
27
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
28
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
29
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
30
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
32
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
33
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
34
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
35
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
36
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
37
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
38
|
+
var FileUploader = function FileUploader(_ref) {
|
|
39
|
+
var uploadUrl = _ref.uploadUrl,
|
|
40
|
+
files = _ref.files,
|
|
41
|
+
accept = _ref.accept,
|
|
42
|
+
multiple = _ref.multiple,
|
|
43
|
+
onSuccess = _ref.onSuccess,
|
|
44
|
+
onError = _ref.onError,
|
|
45
|
+
_ref$extensions = _ref.extensions,
|
|
46
|
+
extensions = _ref$extensions === void 0 ? ['[format]', '[format]', '[format]'] : _ref$extensions,
|
|
47
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
48
|
+
var _useTheme = (0, _styles.useTheme)(),
|
|
49
|
+
palette = _useTheme.palette;
|
|
50
|
+
var fileData = [{
|
|
51
|
+
feedbackText: "Feedback text",
|
|
35
52
|
uploadProgress: 60,
|
|
36
53
|
isUploaded: false,
|
|
37
54
|
withError: false,
|
|
@@ -41,13 +58,13 @@ const FileUploader = ({
|
|
|
41
58
|
size: 0,
|
|
42
59
|
type: 'image/jpg',
|
|
43
60
|
webkitRelativePath: '',
|
|
44
|
-
slice:
|
|
61
|
+
slice: "",
|
|
45
62
|
// arrayBuffer: // need to mock this
|
|
46
|
-
stream:
|
|
47
|
-
text:
|
|
63
|
+
stream: "",
|
|
64
|
+
text: ""
|
|
48
65
|
}
|
|
49
66
|
}, {
|
|
50
|
-
feedbackText:
|
|
67
|
+
feedbackText: "",
|
|
51
68
|
uploadProgress: 100,
|
|
52
69
|
isUploaded: true,
|
|
53
70
|
withError: false,
|
|
@@ -57,13 +74,13 @@ const FileUploader = ({
|
|
|
57
74
|
size: 0,
|
|
58
75
|
type: 'image/jpg',
|
|
59
76
|
webkitRelativePath: '',
|
|
60
|
-
slice:
|
|
77
|
+
slice: "",
|
|
61
78
|
// arrayBuffer: // need to mock this
|
|
62
|
-
stream:
|
|
63
|
-
text:
|
|
79
|
+
stream: "",
|
|
80
|
+
text: ""
|
|
64
81
|
}
|
|
65
82
|
}, {
|
|
66
|
-
feedbackText:
|
|
83
|
+
feedbackText: "File upload error. Please try again.",
|
|
67
84
|
uploadProgress: 70,
|
|
68
85
|
isUploaded: false,
|
|
69
86
|
withError: true,
|
|
@@ -73,40 +90,42 @@ const FileUploader = ({
|
|
|
73
90
|
size: 0,
|
|
74
91
|
type: 'image/jpg',
|
|
75
92
|
webkitRelativePath: '',
|
|
76
|
-
slice:
|
|
93
|
+
slice: "",
|
|
77
94
|
// arrayBuffer: // need to mock this
|
|
78
|
-
stream:
|
|
79
|
-
text:
|
|
95
|
+
stream: "",
|
|
96
|
+
text: ""
|
|
80
97
|
}
|
|
81
98
|
}];
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
99
|
+
var _useState = (0, _react.useState)(fileData),
|
|
100
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
101
|
+
fileList = _useState2[0],
|
|
102
|
+
setfileList = _useState2[1];
|
|
103
|
+
var _useUploadFile = (0, _useUploadFile2.useUploadFile)(setfileList, uploadUrl, onSuccess, onError),
|
|
104
|
+
onDrop = _useUploadFile.onDrop;
|
|
105
|
+
var _useDropzone = (0, _reactDropzone.useDropzone)({
|
|
106
|
+
multiple: multiple,
|
|
107
|
+
accept: accept,
|
|
108
|
+
onDrop: onDrop
|
|
109
|
+
}),
|
|
110
|
+
getRootProps = _useDropzone.getRootProps,
|
|
111
|
+
getInputProps = _useDropzone.getInputProps,
|
|
112
|
+
acceptedFiles = _useDropzone.acceptedFiles;
|
|
113
|
+
var handleDeleteFile = (0, _react.useCallback)(function (fileIndex) {
|
|
114
|
+
var nFileList = _toConsumableArray(fileList);
|
|
97
115
|
nFileList.splice(fileIndex, 1);
|
|
98
116
|
setfileList(nFileList);
|
|
99
117
|
}, [fileList]);
|
|
100
|
-
(0, _react.useEffect)(()
|
|
101
|
-
|
|
102
|
-
file
|
|
103
|
-
|
|
118
|
+
(0, _react.useEffect)(function () {
|
|
119
|
+
var fileArray = fileList.map(function (_ref2) {
|
|
120
|
+
var file = _ref2.file;
|
|
121
|
+
return file;
|
|
122
|
+
});
|
|
104
123
|
files && files(fileArray);
|
|
105
124
|
}, [acceptedFiles, fileList, files]);
|
|
106
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
|
|
107
|
-
"data-testid": "file-uploader"
|
|
108
|
-
|
|
109
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
|
|
125
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, _objectSpread(_objectSpread({
|
|
126
|
+
"data-testid": "file-uploader"
|
|
127
|
+
}, props), {}, {
|
|
128
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, _objectSpread(_objectSpread({
|
|
110
129
|
"data-testid": "dropzone",
|
|
111
130
|
sx: {
|
|
112
131
|
maxWidth: '500px',
|
|
@@ -123,12 +142,10 @@ const FileUploader = ({
|
|
|
123
142
|
boxSizing: 'border-box',
|
|
124
143
|
borderRadius: '4px',
|
|
125
144
|
cursor: 'pointer',
|
|
126
|
-
outline:
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
130
|
-
...getInputProps()
|
|
131
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
|
|
145
|
+
outline: "1px solid ".concat(palette.neutral.main)
|
|
146
|
+
}
|
|
147
|
+
}, getRootProps()), {}, {
|
|
148
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread({}, getInputProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
|
|
132
149
|
sx: {
|
|
133
150
|
display: 'flex',
|
|
134
151
|
alignItems: 'center',
|
|
@@ -136,10 +153,10 @@ const FileUploader = ({
|
|
|
136
153
|
width: '70px',
|
|
137
154
|
height: '70px',
|
|
138
155
|
boxSizing: 'border-box',
|
|
139
|
-
border:
|
|
156
|
+
border: "6px solid ".concat(palette.misc.altBackground),
|
|
140
157
|
borderRadius: '50%'
|
|
141
158
|
},
|
|
142
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloudUploadOutlined
|
|
159
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloudUploadOutlined["default"], {
|
|
143
160
|
sx: {
|
|
144
161
|
fill: palette.text.tertiary,
|
|
145
162
|
width: '30px',
|
|
@@ -171,10 +188,10 @@ const FileUploader = ({
|
|
|
171
188
|
lineHeight: '16px',
|
|
172
189
|
color: palette.neutral.main
|
|
173
190
|
},
|
|
174
|
-
children: ["Supported File Formats: ", extensions
|
|
191
|
+
children: ["Supported File Formats: ", extensions === null || extensions === void 0 ? void 0 : extensions.join(', ')]
|
|
175
192
|
})]
|
|
176
193
|
})]
|
|
177
|
-
}), fileList.map((file, index)
|
|
194
|
+
})), fileList.map(function (file, index) {
|
|
178
195
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_system.Box, {
|
|
179
196
|
"data-testid": "file-item",
|
|
180
197
|
sx: {
|
|
@@ -185,9 +202,9 @@ const FileUploader = ({
|
|
|
185
202
|
gap: '10px',
|
|
186
203
|
padding: '10px',
|
|
187
204
|
boxSizing: 'border-box',
|
|
188
|
-
borderBottom:
|
|
205
|
+
borderBottom: "1px solid rgba(42, 50, 60, 0.5)"
|
|
189
206
|
},
|
|
190
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearProgress
|
|
207
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearProgress["default"], {
|
|
191
208
|
value: file.uploadProgress,
|
|
192
209
|
itemLoading: file.file.name,
|
|
193
210
|
isError: file.withError,
|
|
@@ -199,8 +216,10 @@ const FileUploader = ({
|
|
|
199
216
|
sx: {
|
|
200
217
|
padding: 0
|
|
201
218
|
},
|
|
202
|
-
onClick: ()
|
|
203
|
-
|
|
219
|
+
onClick: function onClick() {
|
|
220
|
+
return handleDeleteFile(index);
|
|
221
|
+
},
|
|
222
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutline["default"], {
|
|
204
223
|
sx: {
|
|
205
224
|
width: '18px',
|
|
206
225
|
height: '18px',
|
|
@@ -210,7 +229,7 @@ const FileUploader = ({
|
|
|
210
229
|
})]
|
|
211
230
|
}, index);
|
|
212
231
|
})]
|
|
213
|
-
});
|
|
232
|
+
}));
|
|
214
233
|
};
|
|
215
234
|
var _default = FileUploader;
|
|
216
|
-
exports
|
|
235
|
+
exports["default"] = _default;
|
|
@@ -1,69 +1,166 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.useUploadFile = exports.uploadFile = void 0;
|
|
7
8
|
var _axios = _interopRequireDefault(require("axios"));
|
|
8
9
|
var _react = require("react");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
const useUploadFile = (setfileList, uploadUrl, onSuccess, onError) => {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
14
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
16
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
18
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
20
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
21
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
22
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
24
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
25
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
26
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
28
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
29
|
+
function _asyncIterator(iterable) { var method, async, sync, retry = 2; for ("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;) { if (async && null != (method = iterable[async])) return method.call(iterable); if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable)); async = "@@asyncIterator", sync = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
|
|
30
|
+
function AsyncFromSyncIterator(s) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var done = r.done; return Promise.resolve(r.value).then(function (value) { return { value: value, done: done }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(s) { this.s = s, this.n = s.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, "return": function _return(value) { var ret = this.s["return"]; return void 0 === ret ? Promise.resolve({ value: value, done: !0 }) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments)); }, "throw": function _throw(value) { var thr = this.s["return"]; return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(s); }
|
|
31
|
+
var useUploadFile = function useUploadFile(setfileList, uploadUrl, onSuccess, onError) {
|
|
32
|
+
var onDrop = (0, _react.useCallback)( /*#__PURE__*/function () {
|
|
33
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(acceptedFiles) {
|
|
34
|
+
var newList, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step;
|
|
35
|
+
return _regeneratorRuntime().wrap(function _callee$(_context2) {
|
|
36
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
37
|
+
case 0:
|
|
38
|
+
if (uploadUrl) {
|
|
39
|
+
_context2.next = 3;
|
|
40
|
+
break;
|
|
41
|
+
}
|
|
42
|
+
onError && onError(new Error('upload url is required'));
|
|
43
|
+
return _context2.abrupt("return");
|
|
44
|
+
case 3:
|
|
45
|
+
newList = acceptedFiles.map(function (file) {
|
|
46
|
+
return {
|
|
47
|
+
file: file,
|
|
48
|
+
isUploaded: false,
|
|
49
|
+
uploadProgress: 0,
|
|
50
|
+
withError: false
|
|
51
|
+
};
|
|
52
|
+
});
|
|
53
|
+
setfileList(newList);
|
|
54
|
+
_iteratorAbruptCompletion = false;
|
|
55
|
+
_didIteratorError = false;
|
|
56
|
+
_context2.prev = 7;
|
|
57
|
+
_loop = /*#__PURE__*/_regeneratorRuntime().mark(function _loop() {
|
|
58
|
+
var _step$value, index, file, nList;
|
|
59
|
+
return _regeneratorRuntime().wrap(function _loop$(_context) {
|
|
60
|
+
while (1) switch (_context.prev = _context.next) {
|
|
61
|
+
case 0:
|
|
62
|
+
_step$value = _slicedToArray(_step.value, 2), index = _step$value[0], file = _step$value[1];
|
|
63
|
+
_context.prev = 1;
|
|
64
|
+
_context.next = 4;
|
|
65
|
+
return uploadFile(uploadUrl, file.file, function (progress) {
|
|
66
|
+
var nList = _toConsumableArray(newList);
|
|
67
|
+
nList.splice(index, 1, _objectSpread(_objectSpread({}, file), {}, {
|
|
68
|
+
isUploaded: progress === 100,
|
|
69
|
+
uploadProgress: progress
|
|
70
|
+
}));
|
|
71
|
+
newList = nList;
|
|
72
|
+
setfileList(nList);
|
|
73
|
+
});
|
|
74
|
+
case 4:
|
|
75
|
+
onSuccess && onSuccess(true);
|
|
76
|
+
_context.next = 14;
|
|
77
|
+
break;
|
|
78
|
+
case 7:
|
|
79
|
+
_context.prev = 7;
|
|
80
|
+
_context.t0 = _context["catch"](1);
|
|
81
|
+
nList = _toConsumableArray(newList);
|
|
82
|
+
nList.splice(index, 1, _objectSpread(_objectSpread({}, file), {}, {
|
|
83
|
+
isUploaded: false,
|
|
84
|
+
uploadProgress: 0,
|
|
85
|
+
withError: true
|
|
86
|
+
}));
|
|
87
|
+
newList = nList;
|
|
88
|
+
setfileList(nList);
|
|
89
|
+
onError && onError(_context.t0);
|
|
90
|
+
case 14:
|
|
91
|
+
case "end":
|
|
92
|
+
return _context.stop();
|
|
93
|
+
}
|
|
94
|
+
}, _loop, null, [[1, 7]]);
|
|
95
|
+
});
|
|
96
|
+
_iterator = _asyncIterator(newList.entries());
|
|
97
|
+
case 10:
|
|
98
|
+
_context2.next = 12;
|
|
99
|
+
return _iterator.next();
|
|
100
|
+
case 12:
|
|
101
|
+
if (!(_iteratorAbruptCompletion = !(_step = _context2.sent).done)) {
|
|
102
|
+
_context2.next = 17;
|
|
103
|
+
break;
|
|
104
|
+
}
|
|
105
|
+
return _context2.delegateYield(_loop(), "t0", 14);
|
|
106
|
+
case 14:
|
|
107
|
+
_iteratorAbruptCompletion = false;
|
|
108
|
+
_context2.next = 10;
|
|
109
|
+
break;
|
|
110
|
+
case 17:
|
|
111
|
+
_context2.next = 23;
|
|
112
|
+
break;
|
|
113
|
+
case 19:
|
|
114
|
+
_context2.prev = 19;
|
|
115
|
+
_context2.t1 = _context2["catch"](7);
|
|
116
|
+
_didIteratorError = true;
|
|
117
|
+
_iteratorError = _context2.t1;
|
|
118
|
+
case 23:
|
|
119
|
+
_context2.prev = 23;
|
|
120
|
+
_context2.prev = 24;
|
|
121
|
+
if (!(_iteratorAbruptCompletion && _iterator["return"] != null)) {
|
|
122
|
+
_context2.next = 28;
|
|
123
|
+
break;
|
|
124
|
+
}
|
|
125
|
+
_context2.next = 28;
|
|
126
|
+
return _iterator["return"]();
|
|
127
|
+
case 28:
|
|
128
|
+
_context2.prev = 28;
|
|
129
|
+
if (!_didIteratorError) {
|
|
130
|
+
_context2.next = 31;
|
|
131
|
+
break;
|
|
132
|
+
}
|
|
133
|
+
throw _iteratorError;
|
|
134
|
+
case 31:
|
|
135
|
+
return _context2.finish(28);
|
|
136
|
+
case 32:
|
|
137
|
+
return _context2.finish(23);
|
|
138
|
+
case 33:
|
|
139
|
+
case "end":
|
|
140
|
+
return _context2.stop();
|
|
141
|
+
}
|
|
142
|
+
}, _callee, null, [[7, 19, 23, 33], [24,, 28, 32]]);
|
|
21
143
|
}));
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const nList = [...newList];
|
|
27
|
-
nList.splice(index, 1, {
|
|
28
|
-
...file,
|
|
29
|
-
isUploaded: progress === 100,
|
|
30
|
-
uploadProgress: progress
|
|
31
|
-
});
|
|
32
|
-
newList = nList;
|
|
33
|
-
setfileList(nList);
|
|
34
|
-
});
|
|
35
|
-
onSuccess && onSuccess(true);
|
|
36
|
-
} catch (error) {
|
|
37
|
-
const nList = [...newList];
|
|
38
|
-
nList.splice(index, 1, {
|
|
39
|
-
...file,
|
|
40
|
-
isUploaded: false,
|
|
41
|
-
uploadProgress: 0,
|
|
42
|
-
withError: true
|
|
43
|
-
});
|
|
44
|
-
newList = nList;
|
|
45
|
-
setfileList(nList);
|
|
46
|
-
onError && onError(error);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}, [onError, onSuccess, setfileList, uploadUrl]);
|
|
144
|
+
return function (_x) {
|
|
145
|
+
return _ref.apply(this, arguments);
|
|
146
|
+
};
|
|
147
|
+
}(), [onError, onSuccess, setfileList, uploadUrl]);
|
|
50
148
|
return {
|
|
51
|
-
onDrop
|
|
149
|
+
onDrop: onDrop
|
|
52
150
|
};
|
|
53
151
|
};
|
|
54
152
|
exports.useUploadFile = useUploadFile;
|
|
55
|
-
|
|
56
|
-
|
|
153
|
+
var uploadFile = function uploadFile(uploadUrl, file, setProgress) {
|
|
154
|
+
var method = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'POST';
|
|
155
|
+
var data = new FormData();
|
|
57
156
|
data.append('file', file);
|
|
58
|
-
return (0, _axios
|
|
59
|
-
data,
|
|
60
|
-
method,
|
|
157
|
+
return (0, _axios["default"])({
|
|
158
|
+
data: data,
|
|
159
|
+
method: method,
|
|
61
160
|
baseURL: uploadUrl,
|
|
62
|
-
onUploadProgress(progressEvent) {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
total
|
|
66
|
-
} = progressEvent;
|
|
161
|
+
onUploadProgress: function onUploadProgress(progressEvent) {
|
|
162
|
+
var loaded = progressEvent.loaded,
|
|
163
|
+
total = progressEvent.total;
|
|
67
164
|
total && setProgress(Math.round(loaded * 100 / total));
|
|
68
165
|
}
|
|
69
166
|
});
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
7
8
|
var _material = require("@mui/material");
|
|
8
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
12
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
15
|
+
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
var FormControlLabel = function FormControlLabel(_ref) {
|
|
18
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
19
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormControlLabel, _objectSpread({}, props));
|
|
15
20
|
};
|
|
16
21
|
var _default = FormControlLabel;
|
|
17
|
-
exports
|
|
22
|
+
exports["default"] = _default;
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
7
8
|
var _iconsMaterial = require("@mui/icons-material");
|
|
8
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
12
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
15
|
+
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
var HomeOutlinedIcon = function HomeOutlinedIcon(_ref) {
|
|
18
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
19
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.HomeOutlined, _objectSpread({}, props));
|
|
15
20
|
};
|
|
16
21
|
var _default = HomeOutlinedIcon;
|
|
17
|
-
exports
|
|
22
|
+
exports["default"] = _default;
|
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
7
8
|
var _Groups = _interopRequireDefault(require("@mui/icons-material/Groups"));
|
|
8
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
})
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
12
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
15
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
16
|
+
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
17
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
|
+
var IconGroups = function IconGroups(_ref) {
|
|
19
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Groups["default"], _objectSpread({}, props));
|
|
16
21
|
};
|
|
17
22
|
var _default = IconGroups;
|
|
18
|
-
exports
|
|
23
|
+
exports["default"] = _default;
|