@comet/cms-admin 8.6.0-canary-20251105084935 → 8.6.0-canary-20251105093252
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/lib/dam/DataGrid/fileUpload/useDamFileUpload.d.ts.map +1 -1
- package/lib/dam/DataGrid/fileUpload/useDamFileUpload.js +41 -28
- package/lib/dam/FileForm/ReplaceFileButton.d.ts.map +1 -1
- package/lib/dam/FileForm/ReplaceFileButton.js +23 -17
- package/lib/form/file/upload.d.ts +14 -8
- package/lib/form/file/upload.d.ts.map +1 -1
- package/lib/form/file/upload.js +103 -61
- package/package.json +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDamFileUpload.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/fileUpload/useDamFileUpload.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useDamFileUpload.d.ts","sourceRoot":"","sources":["../../../../src/dam/DataGrid/fileUpload/useDamFileUpload.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAKjE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAWlE,OAAO,EAAE,KAAK,iBAAiB,EAAwB,MAAM,qBAAqB,CAAC;AAoBnF,MAAM,WAAW,yBAA0B,SAAQ,IAAI;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,oBAAoB;IAC1B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC;AAED,UAAU,KAAK;IACX,aAAa,EAAE,yBAAyB,EAAE,CAAC;IAC3C,cAAc,EAAE,aAAa,EAAE,CAAC;CACnC;AAED,KAAK,YAAY,GAAG;IAAE,gBAAgB,EAAE,KAAK,CAAC;IAAC,cAAc,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9H,UAAU,kBAAkB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,MAAM,WAAW,aAAa;IAC1B,WAAW,EAAE,CACT,EAAE,aAAa,EAAE,cAAc,EAAE,EAAE,KAAK,EACxC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,kBAAkB,KAC7C,OAAO,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,YAAY,EAAE,CAAC;QAAC,aAAa,EAAE,iBAAiB,EAAE,CAAA;KAAE,CAAC,CAAC;IACvG,gBAAgB,CAAC,EAAE,yBAAyB,EAAE,CAAC;IAC/C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,SAAS,CAAC;IACnB,cAAc,EAAE;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,kBAAkB,EAAE,iBAAiB,EAAE,CAAC;CAC3C;AAED,MAAM,WAAW,yBAAyB;IACtC,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAChD,OAAO,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,YAAY;IAClB,IAAI,EAAE,IAAI,CAAC;CACd;AAwCD,eAAO,MAAM,gBAAgB,GAAI,SAAS,oBAAoB,KAAG,aAyXhE,CAAC"}
|
|
@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useDamFileUpload = void 0;
|
|
7
7
|
var _client = require("@apollo/client");
|
|
8
|
-
var _axios = _interopRequireDefault(require("axios"));
|
|
9
8
|
var _react = require("react");
|
|
10
9
|
var _errorMessages = require("../../../common/errors/errorMessages");
|
|
11
10
|
var _CometConfigContext = require("../../../config/CometConfigContext");
|
|
12
11
|
var _upload = require("../../../form/file/upload");
|
|
13
|
-
var _createHttpClient = require("../../../http/createHttpClient");
|
|
14
12
|
var _damConfig = require("../../config/damConfig");
|
|
15
13
|
var _useDamAcceptedMimeTypes = require("../../config/useDamAcceptedMimeTypes");
|
|
16
14
|
var _useDamScope = require("../../config/useDamScope");
|
|
@@ -24,7 +22,6 @@ var _ProgressDialog = require("./ProgressDialog");
|
|
|
24
22
|
var _useDamFileUpload = require("./useDamFileUpload.gql");
|
|
25
23
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
26
24
|
var _excluded = ["errors"];
|
|
27
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
28
25
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
29
26
|
function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
|
|
30
27
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
@@ -165,7 +162,6 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
|
|
|
165
162
|
}, 0) : undefined;
|
|
166
163
|
var maxFileSizeInMegabytes = damConfig.uploadsMaxFileSize;
|
|
167
164
|
var maxFileSizeInBytes = maxFileSizeInMegabytes * 1024 * 1024;
|
|
168
|
-
var cancelUpload = (0, _react.useRef)();
|
|
169
165
|
var addValidationError = function addValidationError(file, newError) {
|
|
170
166
|
setValidationErrors(function (prevErrors) {
|
|
171
167
|
var existingErrors = prevErrors !== null && prevErrors !== void 0 ? prevErrors : [];
|
|
@@ -544,11 +540,10 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
|
|
|
544
540
|
_yield$handleDuplicat = _context8.v;
|
|
545
541
|
filesToUpload = _yield$handleDuplicat.filesToUpload;
|
|
546
542
|
duplicateAction = _yield$handleDuplicat.duplicateAction;
|
|
547
|
-
cancelUpload.current = _axios["default"].CancelToken.source();
|
|
548
543
|
_iterator6 = _createForOfIteratorHelper(filesToUpload);
|
|
549
544
|
_context8.p = 4;
|
|
550
545
|
_loop = /*#__PURE__*/_regenerator().m(function _loop() {
|
|
551
|
-
var file, _yield$createFoldersI, newFolderIdMap, newlyCreatedFolderIds, targetFolderId, uploadConfig, onUploadProgress, uploadParams, response,
|
|
546
|
+
var file, _yield$createFoldersI, newFolderIdMap, newlyCreatedFolderIds, targetFolderId, uploadConfig, onUploadProgress, uploadParams, uploadResult, response, _err$response, _err$response2, message, extension, _t3, _t4;
|
|
552
547
|
return _regenerator().w(function (_context7) {
|
|
553
548
|
while (1) switch (_context7.p = _context7.n) {
|
|
554
549
|
case 0:
|
|
@@ -581,9 +576,8 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
|
|
|
581
576
|
updateLoadedSize((_file$path5 = file.path) !== null && _file$path5 !== void 0 ? _file$path5 : "", progressEvent.loaded);
|
|
582
577
|
};
|
|
583
578
|
uploadParams = {
|
|
584
|
-
|
|
579
|
+
apiUrl: apiUrl,
|
|
585
580
|
data: uploadConfig,
|
|
586
|
-
cancelToken: cancelUpload.current.token,
|
|
587
581
|
options: {
|
|
588
582
|
onUploadProgress: onUploadProgress
|
|
589
583
|
},
|
|
@@ -605,26 +599,29 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
|
|
|
605
599
|
case 5:
|
|
606
600
|
_t3 = _context7.v;
|
|
607
601
|
case 6:
|
|
608
|
-
|
|
602
|
+
uploadResult = _t3;
|
|
603
|
+
_context7.n = 7;
|
|
604
|
+
return uploadResult;
|
|
605
|
+
case 7:
|
|
606
|
+
response = _context7.v;
|
|
609
607
|
uploadedFiles.push({
|
|
610
608
|
id: response.data.id,
|
|
611
609
|
parentId: targetFolderId,
|
|
612
610
|
type: "file",
|
|
613
611
|
file: file
|
|
614
612
|
});
|
|
615
|
-
_context7.n =
|
|
613
|
+
_context7.n = 9;
|
|
616
614
|
break;
|
|
617
|
-
case
|
|
618
|
-
_context7.p =
|
|
615
|
+
case 8:
|
|
616
|
+
_context7.p = 8;
|
|
619
617
|
_t4 = _context7.v;
|
|
620
618
|
errorOccurred = true;
|
|
621
|
-
|
|
622
|
-
if (hasObjectErrorData(typedErr) && ((_typedErr$response = typedErr.response) === null || _typedErr$response === void 0 ? void 0 : _typedErr$response.data.error) === "CometImageResolutionException") {
|
|
619
|
+
if (hasObjectErrorData(_t4) && ((_err$response = _t4.response) === null || _err$response === void 0 ? void 0 : _err$response.data.error) === "CometImageResolutionException") {
|
|
623
620
|
addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.MaxResolutionError, {
|
|
624
621
|
maxResolution: damConfig.maxSrcResolution
|
|
625
622
|
}));
|
|
626
|
-
} else if (hasObjectErrorData(
|
|
627
|
-
message =
|
|
623
|
+
} else if (hasObjectErrorData(_t4) && ((_err$response2 = _t4.response) === null || _err$response2 === void 0 ? void 0 : _err$response2.data.error) === "CometValidationException") {
|
|
624
|
+
message = _t4.response.data.message;
|
|
628
625
|
extension = ".".concat(file.name.split(".").pop());
|
|
629
626
|
if (message.includes("Unsupported mime type")) {
|
|
630
627
|
addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.UnsupportedTypeError, {
|
|
@@ -642,9 +639,9 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
|
|
|
642
639
|
} else {
|
|
643
640
|
addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorMessages.UnknownError, {}));
|
|
644
641
|
}
|
|
645
|
-
} else if (hasStringErrorData(
|
|
642
|
+
} else if (hasStringErrorData(_t4) && _t4.response.data.includes("SVG contains forbidden content")) {
|
|
646
643
|
addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_fileUploadErrorMessages.SvgContainsJavaScriptError, {}));
|
|
647
|
-
} else if (
|
|
644
|
+
} else if (hasRequestData(_t4)) {
|
|
648
645
|
addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorMessages.NetworkError, {}));
|
|
649
646
|
} else {
|
|
650
647
|
addValidationError(file, /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorMessages.UnknownError, {}));
|
|
@@ -652,10 +649,10 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
|
|
|
652
649
|
rejectedFiles.push({
|
|
653
650
|
file: file
|
|
654
651
|
});
|
|
655
|
-
case
|
|
652
|
+
case 9:
|
|
656
653
|
return _context7.a(2);
|
|
657
654
|
}
|
|
658
|
-
}, _loop, null, [[2,
|
|
655
|
+
}, _loop, null, [[2, 8]]);
|
|
659
656
|
});
|
|
660
657
|
_iterator6.s();
|
|
661
658
|
case 5:
|
|
@@ -729,11 +726,27 @@ var useDamFileUpload = exports.useDamFileUpload = function useDamFileUpload(opti
|
|
|
729
726
|
newlyUploadedItems: newlyUploadedItems
|
|
730
727
|
};
|
|
731
728
|
};
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
729
|
+
function hasRequestData(err) {
|
|
730
|
+
return _typeof(err) === "object" && err !== null && "request" in err && err.request !== undefined && (!("response" in err) || err.response === undefined);
|
|
731
|
+
}
|
|
732
|
+
function hasObjectErrorData(err) {
|
|
733
|
+
if (_typeof(err) === "object" && err !== null && "response" in err) {
|
|
734
|
+
var response = err.response;
|
|
735
|
+
if (_typeof(response) === "object" && response !== null && "data" in response) {
|
|
736
|
+
var data = response.data;
|
|
737
|
+
if (_typeof(data) === "object" && data !== null && "error" in data && typeof data.error === "string") {
|
|
738
|
+
return true;
|
|
739
|
+
}
|
|
740
|
+
}
|
|
741
|
+
}
|
|
742
|
+
return false;
|
|
743
|
+
}
|
|
744
|
+
function hasStringErrorData(err) {
|
|
745
|
+
if (_typeof(err) === "object" && err !== null && "response" in err) {
|
|
746
|
+
var response = err.response;
|
|
747
|
+
if (_typeof(response) === "object" && response !== null && "data" in response && typeof response.data === "string") {
|
|
748
|
+
return true;
|
|
749
|
+
}
|
|
750
|
+
}
|
|
751
|
+
return false;
|
|
752
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReplaceFileButton.d.ts","sourceRoot":"","sources":["../../../src/dam/FileForm/ReplaceFileButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ReplaceFileButton.d.ts","sourceRoot":"","sources":["../../../src/dam/FileForm/ReplaceFileButton.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,UAAU,sBAAsB;IAC5B,IAAI,EAAE,cAAc,CAAC;CACxB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE,sBAAsB,2CAkFjE"}
|
|
@@ -8,17 +8,14 @@ exports.ReplaceFileButton = ReplaceFileButton;
|
|
|
8
8
|
var _client = require("@apollo/client");
|
|
9
9
|
var _admin = require("@comet/admin");
|
|
10
10
|
var _adminIcons = require("@comet/admin-icons");
|
|
11
|
-
var _axios = _interopRequireDefault(require("axios"));
|
|
12
11
|
var _react = require("react");
|
|
13
12
|
var _reactDropzone = require("react-dropzone");
|
|
14
13
|
var _reactIntl = require("react-intl");
|
|
15
14
|
var _CometConfigContext = require("../../config/CometConfigContext");
|
|
16
15
|
var _upload = require("../../form/file/upload");
|
|
17
|
-
var _createHttpClient = require("../../http/createHttpClient");
|
|
18
16
|
var _damConfig = require("../config/damConfig");
|
|
19
17
|
var _fileUpload = require("../DataGrid/fileUpload/fileUpload.utils");
|
|
20
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
22
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
23
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
21
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -42,9 +39,9 @@ function ReplaceFileButton(_ref) {
|
|
|
42
39
|
var damConfig = (0, _damConfig.useDamConfig)();
|
|
43
40
|
var damBasePath = (0, _damConfig.useDamBasePath)();
|
|
44
41
|
var fileInputRef = (0, _react.useRef)(null);
|
|
42
|
+
var abortControllerRef = (0, _react.useRef)(null);
|
|
45
43
|
var maxFileSizeInMegabytes = damConfig.uploadsMaxFileSize;
|
|
46
44
|
var maxFileSizeInBytes = maxFileSizeInMegabytes * 1024 * 1024;
|
|
47
|
-
var cancelUpload = (0, _react.useRef)(_axios["default"].CancelToken.source());
|
|
48
45
|
var errorDialog = (0, _admin.useErrorDialog)();
|
|
49
46
|
var _useState = (0, _react.useState)(false),
|
|
50
47
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -56,7 +53,7 @@ function ReplaceFileButton(_ref) {
|
|
|
56
53
|
accept: (0, _fileUpload.convertMimetypesToDropzoneAccept)([file.mimetype]),
|
|
57
54
|
onDrop: function () {
|
|
58
55
|
var _onDrop = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(acceptedFiles, fileRejections) {
|
|
59
|
-
var response, _response$data, fileUrl,
|
|
56
|
+
var abortController, response, _response$data, fileUrl, _t;
|
|
60
57
|
return _regenerator().w(function (_context) {
|
|
61
58
|
while (1) switch (_context.p = _context.n) {
|
|
62
59
|
case 0:
|
|
@@ -71,19 +68,23 @@ function ReplaceFileButton(_ref) {
|
|
|
71
68
|
}
|
|
72
69
|
_context.p = 1;
|
|
73
70
|
setReplaceLoading(true);
|
|
71
|
+
if (abortControllerRef.current) {
|
|
72
|
+
abortControllerRef.current.abort();
|
|
73
|
+
}
|
|
74
|
+
abortController = new AbortController();
|
|
75
|
+
abortControllerRef.current = abortController;
|
|
74
76
|
_context.n = 2;
|
|
75
77
|
return (0, _upload.replaceById)({
|
|
76
|
-
|
|
78
|
+
apiUrl: apiUrl,
|
|
77
79
|
data: {
|
|
78
80
|
file: acceptedFiles[0],
|
|
79
81
|
fileId: file.id
|
|
80
82
|
},
|
|
81
|
-
cancelToken: cancelUpload.current.token,
|
|
82
83
|
damBasePath: damBasePath
|
|
83
84
|
});
|
|
84
85
|
case 2:
|
|
85
86
|
response = _context.v;
|
|
86
|
-
if (response.
|
|
87
|
+
if (response.data) {
|
|
87
88
|
fileUrl = (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.fileUrl;
|
|
88
89
|
if (fileUrl) {
|
|
89
90
|
apolloClient.cache.evict({
|
|
@@ -92,21 +93,26 @@ function ReplaceFileButton(_ref) {
|
|
|
92
93
|
}
|
|
93
94
|
}
|
|
94
95
|
setReplaceLoading(false);
|
|
95
|
-
_context.n =
|
|
96
|
+
_context.n = 5;
|
|
96
97
|
break;
|
|
97
98
|
case 3:
|
|
98
99
|
_context.p = 3;
|
|
99
100
|
_t = _context.v;
|
|
100
|
-
if (
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
id: "comet.dam.file.replace.error",
|
|
104
|
-
defaultMessage: "An error occurred while replacing the file. Please try again later."
|
|
105
|
-
}),
|
|
106
|
-
error: (_error$response = _t.response) === null || _error$response === void 0 ? void 0 : _error$response.data
|
|
107
|
-
});
|
|
101
|
+
if (!(_t instanceof DOMException && _t.name === "AbortError")) {
|
|
102
|
+
_context.n = 4;
|
|
103
|
+
break;
|
|
108
104
|
}
|
|
105
|
+
setReplaceLoading(false);
|
|
106
|
+
return _context.a(2);
|
|
109
107
|
case 4:
|
|
108
|
+
errorDialog === null || errorDialog === void 0 || errorDialog.showError({
|
|
109
|
+
userMessage: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
|
|
110
|
+
id: "comet.dam.file.replace.error",
|
|
111
|
+
defaultMessage: "An error occurred while replacing the file. Please try again later."
|
|
112
|
+
}),
|
|
113
|
+
error: _t instanceof Error ? _t.message : String(_t)
|
|
114
|
+
});
|
|
115
|
+
case 5:
|
|
110
116
|
return _context.a(2);
|
|
111
117
|
}
|
|
112
118
|
}, _callee, null, [[1, 3]]);
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { type AxiosInstance, type AxiosRequestConfig, type AxiosResponse, type CancelToken } from "axios";
|
|
2
1
|
import { type GQLUpdateDamFileInput } from "../../graphql.generated";
|
|
3
2
|
interface UploadFileData {
|
|
4
3
|
file: File & Pick<GQLUpdateDamFileInput, "license" | "title" | "altText"> & {
|
|
@@ -19,20 +18,27 @@ interface UploadFileData {
|
|
|
19
18
|
importSourceType?: string;
|
|
20
19
|
}
|
|
21
20
|
interface UploadFileParams {
|
|
22
|
-
|
|
21
|
+
apiUrl: string;
|
|
23
22
|
data: UploadFileData;
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
options?: {
|
|
24
|
+
onUploadProgress?: (event: ProgressEvent) => void;
|
|
25
|
+
};
|
|
26
26
|
damBasePath: string;
|
|
27
27
|
}
|
|
28
|
-
export declare function upload<ResponseData>(uploadFileParams: UploadFileParams): Promise<
|
|
29
|
-
|
|
28
|
+
export declare function upload<ResponseData>(uploadFileParams: UploadFileParams): Promise<{
|
|
29
|
+
data: ResponseData;
|
|
30
|
+
}>;
|
|
31
|
+
export declare function replaceByFilenameAndFolder<ResponseData>(uploadFileParams: UploadFileParams): Promise<{
|
|
32
|
+
data: ResponseData;
|
|
33
|
+
}>;
|
|
30
34
|
interface ReplaceFileByIdData {
|
|
31
35
|
file: File & Pick<GQLUpdateDamFileInput, "license" | "title" | "altText">;
|
|
32
36
|
fileId: string;
|
|
33
37
|
}
|
|
34
|
-
export declare function replaceById
|
|
38
|
+
export declare function replaceById({ apiUrl, data, damBasePath }: Omit<UploadFileParams, "data"> & {
|
|
35
39
|
data: ReplaceFileByIdData;
|
|
36
|
-
}): Promise<
|
|
40
|
+
}): Promise<{
|
|
41
|
+
data: any;
|
|
42
|
+
}>;
|
|
37
43
|
export {};
|
|
38
44
|
//# sourceMappingURL=upload.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../src/form/file/upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../src/form/file/upload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,UAAU,cAAc;IACpB,IAAI,EAAE,IAAI,GACN,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;QAAE,YAAY,CAAC,EAAE;YAAE,gBAAgB,EAAE,MAAM,CAAC;YAAC,cAAc,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IAC3I,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AACD,UAAU,gBAAgB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;KAAE,CAAC;IAChE,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAC,YAAY,EAAE,gBAAgB,EAAE,gBAAgB;;GAItE;AAED,wBAAgB,0BAA0B,CAAC,YAAY,EAAE,gBAAgB,EAAE,gBAAgB;;GAI1F;AA0CD,UAAU,mBAAmB;IACzB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAC1E,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE;;GA0BxH"}
|
package/lib/form/file/upload.js
CHANGED
|
@@ -7,80 +7,122 @@ exports.replaceByFilenameAndFolder = replaceByFilenameAndFolder;
|
|
|
7
7
|
exports.replaceById = replaceById;
|
|
8
8
|
exports.upload = upload;
|
|
9
9
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
10
|
+
function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
|
|
11
|
+
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
12
|
+
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
|
|
13
|
+
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
|
|
10
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
15
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
16
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
17
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
14
18
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
15
19
|
function upload(uploadFileParams) {
|
|
16
|
-
|
|
20
|
+
var controller = new AbortController();
|
|
21
|
+
var promise = uploadOrReplaceByFilenameAndFolder(uploadFileParams, controller.signal);
|
|
22
|
+
return promise;
|
|
17
23
|
}
|
|
18
24
|
function replaceByFilenameAndFolder(uploadFileParams) {
|
|
19
|
-
|
|
25
|
+
var controller = new AbortController();
|
|
26
|
+
var promise = uploadOrReplaceByFilenameAndFolder(_objectSpread(_objectSpread({}, uploadFileParams), {}, {
|
|
20
27
|
replace: true
|
|
21
|
-
}));
|
|
28
|
+
}), controller.signal);
|
|
29
|
+
return promise;
|
|
30
|
+
}
|
|
31
|
+
function uploadOrReplaceByFilenameAndFolder(_x, _x2) {
|
|
32
|
+
return _uploadOrReplaceByFilenameAndFolder.apply(this, arguments);
|
|
22
33
|
}
|
|
23
|
-
function
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
34
|
+
function _uploadOrReplaceByFilenameAndFolder() {
|
|
35
|
+
_uploadOrReplaceByFilenameAndFolder = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(_ref, signal) {
|
|
36
|
+
var apiUrl, data, _ref$replace, replace, damBasePath, formData, endpoint, url, response, dataJson;
|
|
37
|
+
return _regenerator().w(function (_context2) {
|
|
38
|
+
while (1) switch (_context2.n) {
|
|
39
|
+
case 0:
|
|
40
|
+
apiUrl = _ref.apiUrl, data = _ref.data, _ref$replace = _ref.replace, replace = _ref$replace === void 0 ? false : _ref$replace, damBasePath = _ref.damBasePath;
|
|
41
|
+
formData = new FormData();
|
|
42
|
+
formData.append("file", data.file);
|
|
43
|
+
formData.append("scope", JSON.stringify(data.scope));
|
|
44
|
+
if (data.importSourceId && data.importSourceType && !data.file.importSource) {
|
|
45
|
+
formData.append("importSourceId", data.importSourceId);
|
|
46
|
+
formData.append("importSourceType", data.importSourceType);
|
|
47
|
+
}
|
|
48
|
+
if (data.file.importSource) {
|
|
49
|
+
formData.append("importSourceId", data.file.importSource.importSourceId);
|
|
50
|
+
formData.append("importSourceType", data.file.importSource.importSourceType);
|
|
51
|
+
}
|
|
52
|
+
if (data.file.license) {
|
|
53
|
+
formData.append("license", JSON.stringify(data.file.license));
|
|
54
|
+
}
|
|
55
|
+
if (data.file.title) {
|
|
56
|
+
formData.append("title", data.file.title);
|
|
57
|
+
}
|
|
58
|
+
if (data.file.altText) {
|
|
59
|
+
formData.append("altText", data.file.altText);
|
|
60
|
+
}
|
|
61
|
+
if (data.folderId !== undefined) {
|
|
62
|
+
formData.append("folderId", data.folderId);
|
|
63
|
+
}
|
|
64
|
+
endpoint = replace ? "/".concat(damBasePath, "/files/replace-by-filename-and-folder") : "/".concat(damBasePath, "/files/upload");
|
|
65
|
+
url = apiUrl + endpoint;
|
|
66
|
+
_context2.n = 1;
|
|
67
|
+
return fetch(url, {
|
|
68
|
+
method: "POST",
|
|
69
|
+
body: formData,
|
|
70
|
+
signal: signal
|
|
71
|
+
});
|
|
72
|
+
case 1:
|
|
73
|
+
response = _context2.v;
|
|
74
|
+
_context2.n = 2;
|
|
75
|
+
return response.json();
|
|
76
|
+
case 2:
|
|
77
|
+
dataJson = _context2.v;
|
|
78
|
+
return _context2.a(2, {
|
|
79
|
+
data: dataJson
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
}, _callee2);
|
|
60
83
|
}));
|
|
84
|
+
return _uploadOrReplaceByFilenameAndFolder.apply(this, arguments);
|
|
61
85
|
}
|
|
62
86
|
function replaceById(_ref2) {
|
|
63
|
-
var
|
|
87
|
+
var apiUrl = _ref2.apiUrl,
|
|
64
88
|
data = _ref2.data,
|
|
65
|
-
cancelToken = _ref2.cancelToken,
|
|
66
|
-
options = _ref2.options,
|
|
67
89
|
damBasePath = _ref2.damBasePath;
|
|
68
|
-
var
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
90
|
+
var controller = new AbortController();
|
|
91
|
+
var promise = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
|
|
92
|
+
var formData, url, response, dataJson;
|
|
93
|
+
return _regenerator().w(function (_context) {
|
|
94
|
+
while (1) switch (_context.n) {
|
|
95
|
+
case 0:
|
|
96
|
+
formData = new FormData();
|
|
97
|
+
formData.append("file", data.file);
|
|
98
|
+
formData.append("fileId", data.fileId);
|
|
99
|
+
if (data.file.license) {
|
|
100
|
+
formData.append("license", JSON.stringify(data.file.license));
|
|
101
|
+
}
|
|
102
|
+
if (data.file.title) {
|
|
103
|
+
formData.append("title", data.file.title);
|
|
104
|
+
}
|
|
105
|
+
if (data.file.altText) {
|
|
106
|
+
formData.append("altText", data.file.altText);
|
|
107
|
+
}
|
|
108
|
+
url = "".concat(apiUrl, "/").concat(damBasePath, "/files/replace-by-id");
|
|
109
|
+
_context.n = 1;
|
|
110
|
+
return fetch(url, {
|
|
111
|
+
method: "POST",
|
|
112
|
+
body: formData,
|
|
113
|
+
signal: controller.signal
|
|
114
|
+
});
|
|
115
|
+
case 1:
|
|
116
|
+
response = _context.v;
|
|
117
|
+
_context.n = 2;
|
|
118
|
+
return response.json();
|
|
119
|
+
case 2:
|
|
120
|
+
dataJson = _context.v;
|
|
121
|
+
return _context.a(2, {
|
|
122
|
+
data: dataJson
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
}, _callee);
|
|
126
|
+
}))();
|
|
127
|
+
return promise;
|
|
86
128
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@comet/cms-admin",
|
|
3
|
-
"version": "8.6.0-canary-
|
|
3
|
+
"version": "8.6.0-canary-20251105093252",
|
|
4
4
|
"description": "Comet CMS Admin package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"directory": "packages/admin/cms-admin",
|
|
@@ -41,10 +41,10 @@
|
|
|
41
41
|
"slugify": "^1.6.6",
|
|
42
42
|
"use-debounce": "^10.0.5",
|
|
43
43
|
"uuid": "^11.1.0",
|
|
44
|
-
"@comet/admin": "8.6.0-canary-
|
|
45
|
-
"@comet/admin-date-time": "8.6.0-canary-
|
|
46
|
-
"@comet/admin-icons": "8.6.0-canary-
|
|
47
|
-
"@comet/admin-rte": "8.6.0-canary-
|
|
44
|
+
"@comet/admin": "8.6.0-canary-20251105093252",
|
|
45
|
+
"@comet/admin-date-time": "8.6.0-canary-20251105093252",
|
|
46
|
+
"@comet/admin-icons": "8.6.0-canary-20251105093252",
|
|
47
|
+
"@comet/admin-rte": "8.6.0-canary-20251105093252"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@apollo/client": "^3.13.8",
|
|
@@ -98,9 +98,9 @@
|
|
|
98
98
|
"react-router-dom": "^5.3.4",
|
|
99
99
|
"ts-jest": "^29.4.0",
|
|
100
100
|
"typescript": "5.8.3",
|
|
101
|
-
"@comet/admin-babel-preset": "8.6.0-canary-
|
|
102
|
-
"@comet/cli": "8.6.0-canary-
|
|
103
|
-
"@comet/eslint-config": "8.6.0-canary-
|
|
101
|
+
"@comet/admin-babel-preset": "8.6.0-canary-20251105093252",
|
|
102
|
+
"@comet/cli": "8.6.0-canary-20251105093252",
|
|
103
|
+
"@comet/eslint-config": "8.6.0-canary-20251105093252"
|
|
104
104
|
},
|
|
105
105
|
"peerDependencies": {
|
|
106
106
|
"@apollo/client": "^3.7.0",
|