@commercetools-frontend-extensions/delete-resources-modal 0.0.0-canary-20250328142700 → 0.0.0-canary-20250826100659

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/dist/{active-drag-drop-area-7f1c185e.cjs.prod.js → active-drag-drop-area-3c4c713f.cjs.prod.js} +1 -1
  2. package/dist/{active-drag-drop-area-425ffc84.esm.js → active-drag-drop-area-824c70d0.esm.js} +1 -1
  3. package/dist/{active-drag-drop-area-934f9243.cjs.dev.js → active-drag-drop-area-9bc4a9e4.cjs.dev.js} +1 -1
  4. package/dist/commercetools-frontend-extensions-delete-resources-modal.cjs.dev.js +1 -1
  5. package/dist/commercetools-frontend-extensions-delete-resources-modal.cjs.prod.js +1 -1
  6. package/dist/commercetools-frontend-extensions-delete-resources-modal.esm.js +1 -1
  7. package/dist/enabled-drop-area-0c184857.cjs.dev.js +71 -0
  8. package/dist/enabled-drop-area-b1007414.cjs.prod.js +71 -0
  9. package/dist/enabled-drop-area-e59846a0.esm.js +69 -0
  10. package/dist/{file-dropped-area-dda961f6.cjs.dev.js → file-dropped-area-c807bfd7.cjs.dev.js} +10 -10
  11. package/dist/{file-dropped-area-15dd2016.esm.js → file-dropped-area-c9107d01.esm.js} +10 -10
  12. package/dist/{file-dropped-area-6965bd1a.cjs.prod.js → file-dropped-area-db4d6af0.cjs.prod.js} +10 -10
  13. package/dist/{index-916b1e2a.cjs.dev.js → index-30b90792.cjs.dev.js} +81 -73
  14. package/dist/{index-6d00fc30.cjs.prod.js → index-8a086a5d.cjs.prod.js} +81 -73
  15. package/dist/{index-bf8624d0.esm.js → index-9648f34e.esm.js} +81 -74
  16. package/package.json +38 -38
  17. package/dist/enabled-drop-area-0c52ffdc.esm.js +0 -102
  18. package/dist/enabled-drop-area-3a3c80f6.cjs.dev.js +0 -115
  19. package/dist/enabled-drop-area-e145b93a.cjs.prod.js +0 -115
  20. package/dist/zh-CN-4780d88e.esm.js +0 -4
  21. package/dist/zh-CN-52baa549.cjs.prod.js +0 -6
  22. package/dist/zh-CN-d4bc6d26.cjs.dev.js +0 -6
@@ -42,24 +42,24 @@ import { createHttpClientOptions, buildApiUrl } from '@commercetools-frontend/ap
42
42
  import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
43
43
  import { parseChunkImport, mapLocaleToIntlLocale } from '@commercetools-frontend/i18n';
44
44
 
45
- function ownKeys$a(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
46
- function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
45
+ function ownKeys$b(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
46
+ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$b(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$b(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
47
47
  function reducer(state, action) {
48
- if (action.type === 'setCurrentStep') return _objectSpread$a(_objectSpread$a({}, state), {}, {
48
+ if (action.type === 'setCurrentStep') return _objectSpread$b(_objectSpread$b({}, state), {}, {
49
49
  currentStep: action.currentStep,
50
50
  progress: 0
51
51
  });
52
- if (action.type === 'setContainerKey') return _objectSpread$a(_objectSpread$a({}, state), {}, {
52
+ if (action.type === 'setContainerKey') return _objectSpread$b(_objectSpread$b({}, state), {}, {
53
53
  containerKey: action.containerKey
54
54
  });
55
- if (action.type === 'cancelImport') return _objectSpread$a(_objectSpread$a({}, state), {}, {
55
+ if (action.type === 'cancelImport') return _objectSpread$b(_objectSpread$b({}, state), {}, {
56
56
  currentStep: 'upload',
57
57
  containerKey: undefined,
58
58
  droppedFile: undefined,
59
59
  dropAreaState: 'ready-for-drop',
60
60
  progress: 0
61
61
  });
62
- if (action.type === 'uploadNewFile') return _objectSpread$a(_objectSpread$a({}, state), {}, {
62
+ if (action.type === 'uploadNewFile') return _objectSpread$b(_objectSpread$b({}, state), {}, {
63
63
  currentStep: 'upload',
64
64
  containerKey: undefined,
65
65
  droppedFile: undefined,
@@ -67,27 +67,27 @@ function reducer(state, action) {
67
67
  progress: 0
68
68
  });
69
69
  if (action.type === 'setDroppedFile') {
70
- return _objectSpread$a(_objectSpread$a({}, state), {}, {
70
+ return _objectSpread$b(_objectSpread$b({}, state), {}, {
71
71
  droppedFile: action.droppedFile
72
72
  });
73
73
  }
74
74
  if (action.type === 'setAbortController') {
75
- return _objectSpread$a(_objectSpread$a({}, state), {}, {
75
+ return _objectSpread$b(_objectSpread$b({}, state), {}, {
76
76
  abortController: action.abortController
77
77
  });
78
78
  }
79
79
  if (action.type === 'setProgress') {
80
- return _objectSpread$a(_objectSpread$a({}, state), {}, {
80
+ return _objectSpread$b(_objectSpread$b({}, state), {}, {
81
81
  progress: action.progress
82
82
  });
83
83
  }
84
84
  if (action.type === 'setUploadFileResponse') {
85
- return _objectSpread$a(_objectSpread$a({}, state), {}, {
85
+ return _objectSpread$b(_objectSpread$b({}, state), {}, {
86
86
  uploadFileResponse: action.uploadFileResponse
87
87
  });
88
88
  }
89
89
  if (action.type === 'setFileUploadErrors') {
90
- return _objectSpread$a(_objectSpread$a({}, state), {}, {
90
+ return _objectSpread$b(_objectSpread$b({}, state), {}, {
91
91
  fileUploadErrors: action.fileUploadErrors
92
92
  });
93
93
  }
@@ -156,6 +156,8 @@ function getProccessFileURL(_ref3) {
156
156
  return `/${projectKey}/import-containers/${containerKey}/tasks`;
157
157
  }
158
158
 
159
+ function ownKeys$a(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
160
+ function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
159
161
  function createImportContainerForFileUpload(importContainerDraft, projectKey, asyncDispatch) {
160
162
  return asyncDispatch(actions.post({
161
163
  mcApiProxyTarget: MC_API_PROXY_TARGETS.IMPORT,
@@ -164,7 +166,14 @@ function createImportContainerForFileUpload(importContainerDraft, projectKey, as
164
166
  accept: 'application/json',
165
167
  'Content-Type': 'application/json'
166
168
  },
167
- payload: importContainerDraft
169
+ payload: _objectSpread$a({
170
+ retentionPolicy: {
171
+ strategy: 'ttl',
172
+ config: {
173
+ timeToLive: '54h' // 2 days and 6 hours
174
+ }
175
+ }
176
+ }, importContainerDraft)
168
177
  }));
169
178
  }
170
179
  function deleteImportContainer(projectKey, containerKey, asyncDispatch) {
@@ -477,7 +486,7 @@ const hasSingleKeyColumn = file => {
477
486
  preview: 1,
478
487
  complete: results => {
479
488
  const fields = results?.meta?.fields;
480
- resolve(fields.length === 1 && fields[0] === 'key');
489
+ resolve(fields?.length === 1 && fields[0] === 'key');
481
490
  }
482
491
  });
483
492
  });
@@ -654,11 +663,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
654
663
  return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ3JlYWR5LWZvci1kcm9wJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5yZWFkeUZvckRyb3BcbiAgICB9XG4gICAgaWYgKHByb3BzLmRyb3BBcmVhU3RhdGUgPT09ICdhY3RpdmUtZHJhZycpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuYWN0aXZlRHJhZ1xuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2ZpbGUtZHJvcHBlZCcpIHtcbiAgICAgIHJldHVybiBzdHlsZXMuZmlsZURyb3BwZWRcbiAgICB9XG4gICAgcmV0dXJuIGdldERlZmF1bHREcm9wV3JhcHBlclN0eWxlcyhwcm9wcy5kcm9wQXJlYVN0YXRlKVxuICB9fVxuYFxuZnVuY3Rpb24gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKF9kcm9wQXJlYVN0YXRlOiBuZXZlcikge1xuICByZXR1cm4gY3NzYGBcbn1cbiJdfQ== */");
655
664
  }
656
665
 
657
- var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-425ffc84.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
666
+ var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-824c70d0.esm.js'));
658
667
 
659
- var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-0c52ffdc.esm.js' /* webpackChunkName: "enabled-drop-area" */));
668
+ var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-e59846a0.esm.js'));
660
669
 
661
- var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-15dd2016.esm.js' /* webpackChunkName: "filed-dropped-area" */));
670
+ var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-c9107d01.esm.js'));
662
671
 
663
672
  function getDropArea(_ref) {
664
673
  let dropAreaState = _ref.dropAreaState,
@@ -1198,39 +1207,6 @@ const Upload = () => {
1198
1207
  });
1199
1208
  };
1200
1209
 
1201
- function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1202
- function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1203
- var FileIcon = function FileIcon(props) {
1204
- return jsxs("svg", _objectSpread$5(_objectSpread$5({}, props), {}, {
1205
- children: [jsx("mask", {
1206
- id: "a",
1207
- style: {
1208
- maskType: "alpha"
1209
- },
1210
- maskUnits: "userSpaceOnUse",
1211
- x: "0",
1212
- y: "0",
1213
- width: "32",
1214
- height: "32",
1215
- children: jsx("path", {
1216
- fill: "#D9D9D9",
1217
- d: "M0 0h32v32H0z"
1218
- })
1219
- }), jsx("g", {
1220
- mask: "url(#a)",
1221
- children: jsx("path", {
1222
- d: "M14.667 25.333h2.666v-5.566l2.134 2.133 1.866-1.9L16 14.667 10.667 20l1.9 1.867 2.1-2.1v5.566Zm-6.667 4a2.568 2.568 0 0 1-1.883-.783 2.568 2.568 0 0 1-.784-1.883V5.333c0-.733.261-1.36.784-1.883A2.568 2.568 0 0 1 8 2.667h10.667l8 8v16c0 .733-.261 1.36-.784 1.883a2.568 2.568 0 0 1-1.883.783H8ZM17.333 12H24l-6.667-6.667V12Z",
1223
- fill: "#B1ACFF"
1224
- })
1225
- })]
1226
- }));
1227
- };
1228
- FileIcon.defaultProps = {
1229
- width: "32",
1230
- height: "32",
1231
- fill: "none",
1232
- xmlns: "http://www.w3.org/2000/svg"
1233
- };
1234
1210
  const Uploading = () => {
1235
1211
  const intl = useIntl();
1236
1212
  const _useDeleteResourcesCo = useDeleteResourcesContext(),
@@ -1305,15 +1281,15 @@ var messages$1 = defineMessages({
1305
1281
  }
1306
1282
  });
1307
1283
 
1308
- function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1309
- function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$4(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$4(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1284
+ function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1285
+ function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys$5(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys$5(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1310
1286
  const getColumns = () => [{
1311
1287
  key: 'errorType',
1312
- label: jsx(FormattedMessage, _objectSpread$4({}, messages$1.errorType)),
1288
+ label: jsx(FormattedMessage, _objectSpread$5({}, messages$1.errorType)),
1313
1289
  width: 'max-content'
1314
1290
  }, {
1315
1291
  key: 'details',
1316
- label: jsx(FormattedMessage, _objectSpread$4({}, messages$1.details))
1292
+ label: jsx(FormattedMessage, _objectSpread$5({}, messages$1.details))
1317
1293
  }];
1318
1294
  const UploadErrorTable = props => {
1319
1295
  var _context;
@@ -1356,8 +1332,8 @@ function itemRenderer(item, column) {
1356
1332
  }
1357
1333
  }
1358
1334
 
1359
- function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1360
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1335
+ function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1336
+ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1361
1337
  const UploadErrorsModal = () => {
1362
1338
  const intl = useIntl();
1363
1339
  const _useDeleteResourcesCo = useDeleteResourcesContext(),
@@ -1375,7 +1351,7 @@ const UploadErrorsModal = () => {
1375
1351
  scale: "l",
1376
1352
  children: [jsx(Masking.Mask, {
1377
1353
  children: jsx(Text.Body, {
1378
- intlMessage: _objectSpread$3(_objectSpread$3({}, messages$1.uploadErrorDescription), {}, {
1354
+ intlMessage: _objectSpread$4(_objectSpread$4({}, messages$1.uploadErrorDescription), {}, {
1379
1355
  values: {
1380
1356
  fileName: state.droppedFile?.name,
1381
1357
  errorsCount: intl.formatNumber(errorsCount),
@@ -1452,8 +1428,8 @@ var messages = defineMessages({
1452
1428
  }
1453
1429
  });
1454
1430
 
1455
- function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1456
- function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1431
+ function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1432
+ function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1457
1433
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
1458
1434
  const getNewLine = () => jsx("br", {}, "break");
1459
1435
  const getImportLogsLink = (msg, projectKey) => jsx(Link, {
@@ -1471,7 +1447,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
1471
1447
  const ImportRunningTextNotification = props => jsx("div", {
1472
1448
  css: _ref2,
1473
1449
  children: jsx(Text.Body, {
1474
- intlMessage: _objectSpread$2(_objectSpread$2({}, messages.importStarted), {}, {
1450
+ intlMessage: _objectSpread$3(_objectSpread$3({}, messages.importStarted), {}, {
1475
1451
  values: {
1476
1452
  newline: getNewLine,
1477
1453
  logsLink: msg => getImportLogsLink(msg, props.projectKey),
@@ -1491,7 +1467,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
1491
1467
  const ImportPreparingTextNotification = props => jsx("div", {
1492
1468
  css: _ref,
1493
1469
  children: jsx(Text.Body, {
1494
- intlMessage: _objectSpread$2(_objectSpread$2({}, messages.preparingImport), {}, {
1470
+ intlMessage: _objectSpread$3(_objectSpread$3({}, messages.preparingImport), {}, {
1495
1471
  values: {
1496
1472
  newline: getNewLine,
1497
1473
  logsLink: msg => getImportLogsLink(msg, props.projectKey),
@@ -1570,7 +1546,7 @@ const DeleteResourcesConfirmationModal = () => {
1570
1546
  scale: "m",
1571
1547
  children: [jsxs("div", {
1572
1548
  children: [jsx(Text.Body, {
1573
- intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationText), {}, {
1549
+ intlMessage: _objectSpread$3(_objectSpread$3({}, messages.confirmationText), {}, {
1574
1550
  values: {
1575
1551
  projectName: projectName,
1576
1552
  resourceTypePlural: intl.formatMessage(resourceTypeToPluralMessage(resourceType)),
@@ -1580,7 +1556,7 @@ const DeleteResourcesConfirmationModal = () => {
1580
1556
  }
1581
1557
  })
1582
1558
  }), jsx(Text.Body, {
1583
- intlMessage: _objectSpread$2(_objectSpread$2({}, messages.confirmationQuestion), {}, {
1559
+ intlMessage: _objectSpread$3(_objectSpread$3({}, messages.confirmationQuestion), {}, {
1584
1560
  values: {
1585
1561
  resourceTypePlural: intl.formatMessage(resourceTypeToPluralMessage(resourceType))
1586
1562
  }
@@ -1624,8 +1600,8 @@ function getBold$1(msg) {
1624
1600
  }, crypto.randomUUID());
1625
1601
  }
1626
1602
 
1627
- function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1628
- function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1603
+ function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1604
+ function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1629
1605
  function UploadPreviewModal() {
1630
1606
  const _useDeleteResourcesCo = useDeleteResourcesContext(),
1631
1607
  resourceType = _useDeleteResourcesCo.resourceType,
@@ -1660,7 +1636,7 @@ function UploadPreviewModal() {
1660
1636
  size: "40",
1661
1637
  color: "neutral60"
1662
1638
  }), jsx(Text.Body, {
1663
- intlMessage: _objectSpread$1(_objectSpread$1({}, messages.resourcesToBeDeleted), {}, {
1639
+ intlMessage: _objectSpread$2(_objectSpread$2({}, messages.resourcesToBeDeleted), {}, {
1664
1640
  values: {
1665
1641
  resourceType: intl.formatMessage(resourceTypeToMessage(resourceType)),
1666
1642
  resourceTypePlural: intl.formatMessage(resourceTypeToPluralMessage(resourceType)),
@@ -1695,23 +1671,54 @@ const CurrentStep = () => {
1695
1671
  return steps[state.currentStep] || null;
1696
1672
  };
1697
1673
 
1674
+ function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1675
+ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
1676
+ const FileIcon = props => jsxs("svg", _objectSpread$1(_objectSpread$1({
1677
+ width: "32",
1678
+ height: "32",
1679
+ viewBox: "0 0 32 32",
1680
+ fill: "none",
1681
+ xmlns: "http://www.w3.org/2000/svg"
1682
+ }, props), {}, {
1683
+ children: [jsx("mask", {
1684
+ id: "mask0_17_6643",
1685
+ style: {
1686
+ maskType: 'alpha'
1687
+ },
1688
+ maskUnits: "userSpaceOnUse",
1689
+ x: "0",
1690
+ y: "0",
1691
+ width: "32",
1692
+ height: "32",
1693
+ children: jsx("rect", {
1694
+ width: "32",
1695
+ height: "32",
1696
+ fill: "#D9D9D9"
1697
+ })
1698
+ }), jsx("g", {
1699
+ mask: "url(#mask0_17_6643)",
1700
+ children: jsx("path", {
1701
+ d: "M14.6667 25.3333H17.3333V19.7667L19.4667 21.9L21.3333 20L16 14.6667L10.6667 20L12.5667 21.8667L14.6667 19.7667V25.3333ZM8 29.3333C7.26667 29.3333 6.63889 29.0722 6.11667 28.55C5.59444 28.0278 5.33333 27.4 5.33333 26.6667V5.33332C5.33333 4.59999 5.59444 3.97221 6.11667 3.44999C6.63889 2.92777 7.26667 2.66666 8 2.66666H18.6667L26.6667 10.6667V26.6667C26.6667 27.4 26.4056 28.0278 25.8833 28.55C25.3611 29.0722 24.7333 29.3333 24 29.3333H8ZM17.3333 12H24L17.3333 5.33332V12Z",
1702
+ fill: "#B1ACFF"
1703
+ })
1704
+ })]
1705
+ }));
1706
+
1698
1707
  const getChunkImport = locale => {
1699
1708
  const intlLocale = mapLocaleToIntlLocale(locale);
1700
1709
  switch (intlLocale) {
1701
1710
  case 'de':
1702
- return import(/* webpackChunkName: "delete-resources-modal-i18n-de" */'./de-cd6c45d3.esm.js');
1711
+ return import('./de-cd6c45d3.esm.js');
1703
1712
  case 'es':
1704
- return import(/* webpackChunkName: "delete-resources-modal-i18n-es" */'./es-e544023d.esm.js');
1713
+ return import('./es-e544023d.esm.js');
1705
1714
  case 'fr-FR':
1706
- return import(/* webpackChunkName: "delete-resources-modal-i18n-fr-FR" */'./fr-FR-9d9081ee.esm.js');
1707
- case 'zh-CN':
1708
- return import(/* webpackChunkName: "delete-resources-modal-i18n-zh-CN" */'./zh-CN-4780d88e.esm.js');
1715
+ return import('./fr-FR-9d9081ee.esm.js');
1709
1716
  case 'ja':
1710
- return import(/* webpackChunkName: "delete-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
1717
+ return import('./ja-73c088a7.esm.js');
1711
1718
  case 'pt-BR':
1712
- return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-b37d730b.esm.js');
1719
+ return import('./pt-BR-b37d730b.esm.js');
1713
1720
  default:
1714
- return import(/* webpackChunkName: "delete-resources-modal-i18n-en" */'./en-3a9aa2d4.esm.js');
1721
+ return import('./en-3a9aa2d4.esm.js');
1715
1722
  }
1716
1723
  };
1717
1724
  const loadMessages = async locale => {
@@ -1782,4 +1789,4 @@ const DeleteResourcesModal = props => {
1782
1789
  };
1783
1790
  DeleteResourcesModal.displayName = 'DeleteResourcesModal';
1784
1791
 
1785
- export { DeleteResourcesModal as D, EnabledDropArea as E, FileDropped as F, messages$4 as m, useDeleteResourcesContext as u };
1792
+ export { DeleteResourcesModal as D, EnabledDropArea as E, FileDropped as F, FileIcon as a, messages$4 as m, useDeleteResourcesContext as u };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-frontend-extensions/delete-resources-modal",
3
3
  "description": "Shared import modal for deleting resources",
4
- "version": "0.0.0-canary-20250328142700",
4
+ "version": "0.0.0-canary-20250826100659",
5
5
  "license": "BSD-3-Clause",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -15,45 +15,45 @@
15
15
  "README.md"
16
16
  ],
17
17
  "dependencies": {
18
- "@babel/runtime": "7.27.0",
19
- "@babel/runtime-corejs3": "7.27.0",
18
+ "@babel/runtime": "7.28.3",
19
+ "@babel/runtime-corejs3": "7.28.3",
20
20
  "@commercetools/importapi-sdk": "5.20.0",
21
21
  "@emotion/react": "11.14.0",
22
- "@emotion/styled": "11.14.0",
23
- "@formatjs/cli": "6.6.3",
24
- "babel-plugin-inline-react-svg": "^2.0.2",
22
+ "@emotion/styled": "11.14.1",
23
+ "@formatjs/cli": "6.7.2",
25
24
  "babel-plugin-module-resolver": "^5.0.2",
26
25
  "jest": "29.7.0",
27
26
  "lodash": "4.17.21",
28
27
  "lodash.truncate": "4.4.2",
29
28
  "moment": "2.30.1",
30
29
  "omit-empty-es": "^1.1.3",
31
- "papaparse": "5.5.2",
30
+ "papaparse": "5.5.3",
32
31
  "pluralize": "8.0.0",
33
32
  "prop-types": "15.8.1",
34
- "ramda": "^0.30.0",
33
+ "ramda": "^0.31.0",
35
34
  "react-dropzone": "14.3.8"
36
35
  },
37
36
  "devDependencies": {
38
- "@commercetools-frontend/actions-global": "fec-156-react19",
39
- "@commercetools-frontend/application-components": "fec-156-react19",
40
- "@commercetools-frontend/application-shell": "fec-156-react19",
41
- "@commercetools-frontend/application-shell-connectors": "fec-156-react19",
42
- "@commercetools-frontend/constants": "fec-156-react19",
43
- "@commercetools-frontend/fullstory": "react-19-migration",
44
- "@commercetools-frontend/i18n": "fec-156-react19",
45
- "@commercetools-frontend/jest-preset-mc-app": "fec-156-react19",
46
- "@commercetools-frontend/permissions": "fec-156-react19",
47
- "@commercetools-frontend/sdk": "fec-156-react19",
48
- "@commercetools-frontend/sentry": "fec-156-react19",
49
- "@commercetools-frontend/ui-kit": "fec-155-react-19",
50
- "@commercetools-uikit/data-table": "fec-155-react-19",
51
- "@commercetools-uikit/design-system": "fec-155-react-19",
52
- "@commercetools-uikit/icons": "fec-155-react-19",
53
- "@commercetools-uikit/select-field": "fec-155-react-19",
37
+ "@commercetools-frontend/actions-global": "24.5.0",
38
+ "@commercetools-frontend/application-components": "24.5.0",
39
+ "@commercetools-frontend/application-shell": "24.5.0",
40
+ "@commercetools-frontend/application-shell-connectors": "24.5.0",
41
+ "@commercetools-frontend/constants": "24.5.0",
42
+ "@commercetools-frontend/fullstory": "4.0.0",
43
+ "@commercetools-frontend/i18n": "24.5.0",
44
+ "@commercetools-frontend/jest-preset-mc-app": "24.5.0",
45
+ "@commercetools-frontend/permissions": "24.5.0",
46
+ "@commercetools-frontend/sdk": "24.5.0",
47
+ "@commercetools-frontend/sentry": "24.5.0",
48
+ "@commercetools-frontend/ui-kit": "20.2.3",
49
+ "@commercetools-uikit/data-table": "20.2.3",
50
+ "@commercetools-uikit/design-system": "20.2.3",
51
+ "@commercetools-uikit/icons": "20.2.3",
52
+ "@commercetools-uikit/select-field": "20.2.3",
54
53
  "@preconstruct/cli": "2.8.12",
55
54
  "@types/jest": "29.5.14",
56
55
  "@types/lodash.truncate": "^4.4.7",
56
+ "@types/papaparse": "5.3.16",
57
57
  "@types/pluralize": "0.0.33",
58
58
  "@types/testing-library__jest-dom": "^5.14.5",
59
59
  "msw": "1.3.5",
@@ -64,20 +64,20 @@
64
64
  "rimraf": "6.0.1"
65
65
  },
66
66
  "peerDependencies": {
67
- "@commercetools-frontend/actions-global": "23.x || fec-156-react19",
68
- "@commercetools-frontend/application-components": "23.x || fec-156-react19",
69
- "@commercetools-frontend/application-shell": "23.x || fec-156-react19",
70
- "@commercetools-frontend/application-shell-connectors": "23.x || fec-156-react19",
71
- "@commercetools-frontend/constants": "23.x || fec-156-react19",
72
- "@commercetools-frontend/fullstory": "2.x || 3.x || react-19-migration",
73
- "@commercetools-frontend/i18n": "23.x || fec-156-react19",
74
- "@commercetools-frontend/jest-preset-mc-app": "23.x || fec-156-react19",
75
- "@commercetools-frontend/permissions": "23.x || fec-156-react19",
76
- "@commercetools-frontend/sdk": "23.x || fec-156-react19",
77
- "@commercetools-frontend/sentry": "23.x || fec-156-react19",
78
- "@commercetools-frontend/ui-kit": "19.x || fec-155-react-19",
79
- "@commercetools-uikit/design-system": "19.x || fec-155-react-19",
80
- "@commercetools-uikit/icons": "19.x || fec-155-react-19",
67
+ "@commercetools-frontend/actions-global": "23.x || 24.x",
68
+ "@commercetools-frontend/application-components": "23.x || 24.x",
69
+ "@commercetools-frontend/application-shell": "23.x || 24.x",
70
+ "@commercetools-frontend/application-shell-connectors": "23.x || 24.x",
71
+ "@commercetools-frontend/constants": "23.x || 24.x",
72
+ "@commercetools-frontend/fullstory": "2.x || 3.x || 4.x",
73
+ "@commercetools-frontend/i18n": "23.x || 24.x",
74
+ "@commercetools-frontend/jest-preset-mc-app": "23.x || 24.x",
75
+ "@commercetools-frontend/permissions": "23.x || 24.x",
76
+ "@commercetools-frontend/sdk": "23.x || 24.x",
77
+ "@commercetools-frontend/sentry": "23.x || 24.x",
78
+ "@commercetools-frontend/ui-kit": "19.x || 20.x",
79
+ "@commercetools-uikit/design-system": "19.x || 20.x",
80
+ "@commercetools-uikit/icons": "19.x || 20.x",
81
81
  "react": "17.x || 19.x",
82
82
  "react-intl": "6.x || 7.x",
83
83
  "react-redux": "7.x",
@@ -1,102 +0,0 @@
1
- import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
2
- import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
3
- import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
- import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
5
- import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
6
- import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
7
- import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
- import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
- import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
- import 'react';
11
- import { Spacings, Text, Link } from '@commercetools-frontend/ui-kit';
12
- import { m as messages } from './index-bf8624d0.esm.js';
13
- import { jsxs, jsx } from '@emotion/react/jsx-runtime';
14
- import 'react-intl';
15
- import '@commercetools-frontend/application-shell-connectors';
16
- import '@babel/runtime-corejs3/helpers/slicedToArray';
17
- import '@commercetools-frontend/sdk';
18
- import '@commercetools-frontend/constants';
19
- import 'pluralize';
20
- import '@babel/runtime-corejs3/core-js-stable/instance/every';
21
- import '@babel/runtime-corejs3/core-js-stable/reflect/construct';
22
- import '@babel/runtime-corejs3/helpers/createClass';
23
- import '@babel/runtime-corejs3/helpers/classCallCheck';
24
- import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
25
- import '@babel/runtime-corejs3/helpers/getPrototypeOf';
26
- import '@babel/runtime-corejs3/helpers/inherits';
27
- import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
28
- import '@babel/runtime-corejs3/core-js-stable/json/stringify';
29
- import '@babel/runtime-corejs3/core-js-stable/promise';
30
- import '@babel/runtime-corejs3/core-js-stable/array/is-array';
31
- import '@babel/runtime-corejs3/core-js-stable/instance/find';
32
- import '@babel/runtime-corejs3/core-js-stable/instance/map';
33
- import 'papaparse';
34
- import '@commercetools-frontend/application-components';
35
- import '@commercetools-frontend/fullstory';
36
- import '@babel/runtime-corejs3/core-js-stable/instance/some';
37
- import 'react-dropzone';
38
- import '@commercetools-frontend/actions-global';
39
- import '@emotion/styled/base';
40
- import '@emotion/react';
41
- import '@commercetools-frontend/sentry';
42
- import '@commercetools-frontend/application-shell';
43
- import '@babel/runtime-corejs3/core-js-stable/instance/slice';
44
- import '@commercetools-frontend/i18n';
45
-
46
- function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
47
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
48
- var FileIcon = function FileIcon(props) {
49
- return jsxs("svg", _objectSpread(_objectSpread({}, props), {}, {
50
- children: [jsx("mask", {
51
- id: "a",
52
- style: {
53
- maskType: "alpha"
54
- },
55
- maskUnits: "userSpaceOnUse",
56
- x: "0",
57
- y: "0",
58
- width: "32",
59
- height: "32",
60
- children: jsx("path", {
61
- fill: "#D9D9D9",
62
- d: "M0 0h32v32H0z"
63
- })
64
- }), jsx("g", {
65
- mask: "url(#a)",
66
- children: jsx("path", {
67
- d: "M14.667 25.333h2.666v-5.566l2.134 2.133 1.866-1.9L16 14.667 10.667 20l1.9 1.867 2.1-2.1v5.566Zm-6.667 4a2.568 2.568 0 0 1-1.883-.783 2.568 2.568 0 0 1-.784-1.883V5.333c0-.733.261-1.36.784-1.883A2.568 2.568 0 0 1 8 2.667h10.667l8 8v16c0 .733-.261 1.36-.784 1.883a2.568 2.568 0 0 1-1.883.783H8ZM17.333 12H24l-6.667-6.667V12Z",
68
- fill: "#B1ACFF"
69
- })
70
- })]
71
- }));
72
- };
73
- FileIcon.defaultProps = {
74
- width: "32",
75
- height: "32",
76
- fill: "none",
77
- xmlns: "http://www.w3.org/2000/svg"
78
- };
79
- function EnabledDropArea() {
80
- return jsxs(Spacings.Inline, {
81
- alignItems: "center",
82
- justifyContent: "center",
83
- scale: "s",
84
- children: [jsx(FileIcon, {}), jsxs(Spacings.Inline, {
85
- alignItems: "center",
86
- scale: "s",
87
- children: [jsx(Text.Subheadline, {
88
- as: "h4",
89
- intlMessage: messages.dragAndDropCSV
90
- }), jsx(Text.Body, {
91
- intlMessage: messages.or
92
- }), jsx(Link, {
93
- intlMessage: messages.browseButton,
94
- tone: "secondary",
95
- to: "",
96
- onClick: ev => ev.preventDefault()
97
- })]
98
- })]
99
- });
100
- }
101
-
102
- export { EnabledDropArea as default };