@commercetools-frontend-extensions/export-resources-modal 1.1.0 → 1.2.0
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.
|
@@ -36,8 +36,8 @@ var uiKit = require('@commercetools-frontend/ui-kit');
|
|
|
36
36
|
var omitEmpty = require('omit-empty-es');
|
|
37
37
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
38
38
|
var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
|
|
39
|
-
var react$1 = require('@emotion/react');
|
|
40
39
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
40
|
+
var react$1 = require('@emotion/react');
|
|
41
41
|
var _styled = require('@emotion/styled/base');
|
|
42
42
|
var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
|
|
43
43
|
var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
|
|
@@ -356,23 +356,23 @@ var messages = reactIntl.defineMessages({
|
|
|
356
356
|
},
|
|
357
357
|
columnsMessage: {
|
|
358
358
|
id: 'ExportResourcesModal.columnsMessage',
|
|
359
|
-
description: 'Exported columns based on table settings',
|
|
360
|
-
defaultMessage: '
|
|
359
|
+
description: 'Exported columns and attributes based on table settings',
|
|
360
|
+
defaultMessage: 'Exported columns/attributes based on table settings: {columnsCount}'
|
|
361
361
|
},
|
|
362
362
|
appliedSearchTermsMessage: {
|
|
363
363
|
id: 'ExportResourcesModal.appliedSearchTermsMessage',
|
|
364
364
|
description: 'Applied Search Term(s)',
|
|
365
|
-
defaultMessage: '
|
|
365
|
+
defaultMessage: 'Applied search term(s): {searchTermsCount}'
|
|
366
366
|
},
|
|
367
367
|
appliedFiltersMessage: {
|
|
368
368
|
id: 'ExportResourcesModal.appliedFiltersMessage',
|
|
369
369
|
description: 'Applied Filter(s)',
|
|
370
|
-
defaultMessage: '
|
|
370
|
+
defaultMessage: 'Applied Filter(s): {filtersCount}'
|
|
371
371
|
},
|
|
372
372
|
exportBasedOnMyViewsMessage: {
|
|
373
373
|
id: 'ExportResourcesModal.exportBasedOnMyViewsMessage',
|
|
374
374
|
description: 'Select Export setttings based on my views',
|
|
375
|
-
defaultMessage: 'Select export settings based on
|
|
375
|
+
defaultMessage: 'Select export settings based on:'
|
|
376
376
|
},
|
|
377
377
|
propertiesPanelLabel: {
|
|
378
378
|
id: 'ExportResourcesModal.propertiesPanelLabel',
|
|
@@ -428,6 +428,11 @@ var messages = reactIntl.defineMessages({
|
|
|
428
428
|
id: 'ExportResourcesModal.missingLanguageError',
|
|
429
429
|
description: 'Error when no local language is selected',
|
|
430
430
|
defaultMessage: 'Please select at least one local language'
|
|
431
|
+
},
|
|
432
|
+
myViews: {
|
|
433
|
+
id: 'ExportResourcesModal.myViews',
|
|
434
|
+
description: 'Label for "My Views" Select Field',
|
|
435
|
+
defaultMessage: 'My Views'
|
|
431
436
|
}
|
|
432
437
|
});
|
|
433
438
|
|
|
@@ -545,20 +550,25 @@ function useExportResourcesContext() {
|
|
|
545
550
|
}
|
|
546
551
|
|
|
547
552
|
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)."; }
|
|
548
|
-
var smallTopPadding = /*#__PURE__*/react$1.css("padding-top:", designSystem.customProperties.spacingXs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:smallTopPadding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
549
|
-
|
|
550
|
-
var
|
|
551
|
-
var
|
|
553
|
+
var smallTopPadding = /*#__PURE__*/react$1.css("padding-top:", designSystem.customProperties.spacingXs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:smallTopPadding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMkIiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gKHsgaXNOZXdUaGVtZSB9KSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7aXNOZXdUaGVtZSA/IDAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbiAgJiA+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICB0YWdMaXN0SXRlbSxcbiAgdGFnTGlzdENvbnRhaW5lcixcbiAgc21hbGxUb3BQYWRkaW5nLFxuICBkaXZpZGVyLFxuICBub3RCb2xkLFxuICBzdWNjZXNzTWVzc2FnZSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */");
|
|
554
|
+
|
|
555
|
+
var tagListContainer = function tagListContainer(_ref) {
|
|
556
|
+
var isNewTheme = _ref.isNewTheme;
|
|
557
|
+
return /*#__PURE__*/react$1.css("width:100%;display:flex;flex-wrap:wrap;display:inline-flex;padding:0 ", isNewTheme ? 0 : designSystem.customProperties.spacingL, ";&>div{margin:0 ", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingS, " 0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tagListContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRZ0QiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gKHsgaXNOZXdUaGVtZSB9KSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7aXNOZXdUaGVtZSA/IDAgOiBjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbiAgJiA+IGRpdiB7XG4gICAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAwO1xuICB9XG5gXG5cbmNvbnN0IHRhZ0xpc3RJdGVtID0gY3NzYFxuICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc30gMDtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBkaXZpZGVyID0gY3NzYFxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsNjB9O1xuYFxuXG5jb25zdCBub3RCb2xkID0gY3NzYFxuICBmb250LXdlaWdodDogbm9ybWFsO1xuYFxuXG5jb25zdCBzdWNjZXNzTWVzc2FnZSA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdMfTtcbmBcblxuY29uc3Qgc3R5bGVzID0ge1xuICB0YWdMaXN0SXRlbSxcbiAgdGFnTGlzdENvbnRhaW5lcixcbiAgc21hbGxUb3BQYWRkaW5nLFxuICBkaXZpZGVyLFxuICBub3RCb2xkLFxuICBzdWNjZXNzTWVzc2FnZSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG4iXX0= */");
|
|
558
|
+
};
|
|
559
|
+
|
|
560
|
+
var tagListItem = /*#__PURE__*/react$1.css("margin:0 ", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingXs, " 0;display:flex;min-width:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:tagListItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQnVCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
|
|
561
|
+
var divider = /*#__PURE__*/react$1.css("box-sizing:border-box;width:100%;margin:0;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral60, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:divider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Qm1CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
|
|
552
562
|
var notBold = process.env.NODE_ENV === "production" ? {
|
|
553
563
|
name: "lugakg",
|
|
554
564
|
styles: "font-weight:normal"
|
|
555
565
|
} : {
|
|
556
566
|
name: "w02aau-notBold",
|
|
557
567
|
styles: "font-weight:normal;label:notBold;",
|
|
558
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
568
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ21CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */",
|
|
559
569
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
560
570
|
};
|
|
561
|
-
var successMessage = /*#__PURE__*/react$1.css("margin-bottom:", designSystem.customProperties.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:successMessage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
571
|
+
var successMessage = /*#__PURE__*/react$1.css("margin-bottom:", designSystem.customProperties.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:successMessage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzBCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
|
|
562
572
|
var styles = {
|
|
563
573
|
tagListItem: tagListItem,
|
|
564
574
|
tagListContainer: tagListContainer,
|
|
@@ -568,7 +578,13 @@ var styles = {
|
|
|
568
578
|
successMessage: successMessage
|
|
569
579
|
};
|
|
570
580
|
|
|
581
|
+
function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
582
|
+
|
|
583
|
+
function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$a(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$a(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
571
584
|
function ExportSelectionRadioButtons() {
|
|
585
|
+
var _useTheme = designSystem.useTheme(),
|
|
586
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
587
|
+
|
|
572
588
|
var intl = reactIntl.useIntl();
|
|
573
589
|
|
|
574
590
|
var _useExportResourcesCo = useExportResourcesContext(),
|
|
@@ -594,29 +610,38 @@ function ExportSelectionRadioButtons() {
|
|
|
594
610
|
children: [jsxRuntime.jsx(uiKit.RadioInput.Option, {
|
|
595
611
|
value: EXPORT_SELECTION_TYPES.ALL_RESOURCES,
|
|
596
612
|
"data-testid": 'test-all-resources',
|
|
597
|
-
children: jsxRuntime.jsx(
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
613
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
614
|
+
isBold: !isNewTheme,
|
|
615
|
+
intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportAllResources), {}, {
|
|
616
|
+
values: {
|
|
617
|
+
resourceType: resourceTypePlural,
|
|
618
|
+
count: allResourcesCount
|
|
619
|
+
}
|
|
601
620
|
})
|
|
602
621
|
})
|
|
603
622
|
}), jsxRuntime.jsx(uiKit.RadioInput.Option, {
|
|
604
623
|
value: EXPORT_SELECTION_TYPES.ONLY_MATCHING,
|
|
605
624
|
"data-testid": 'test-only-matching',
|
|
606
625
|
isDisabled: !Boolean(matchingResourcesCount),
|
|
607
|
-
children: jsxRuntime.jsx(
|
|
608
|
-
|
|
609
|
-
|
|
626
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
627
|
+
isBold: !isNewTheme,
|
|
628
|
+
intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportOnlyMatchingResources), {}, {
|
|
629
|
+
values: {
|
|
630
|
+
count: matchingResourcesCount || intl.formatMessage(messages.nothingApplied)
|
|
631
|
+
}
|
|
610
632
|
})
|
|
611
633
|
})
|
|
612
634
|
}), jsxRuntime.jsx(uiKit.RadioInput.Option, {
|
|
613
635
|
value: EXPORT_SELECTION_TYPES.ONLY_SELECTED,
|
|
614
636
|
"data-testid": 'test-only-selected',
|
|
615
637
|
isDisabled: !Boolean(selectedResourceIds.length),
|
|
616
|
-
children: jsxRuntime.jsx(
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
638
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
639
|
+
isBold: !isNewTheme,
|
|
640
|
+
intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportOnlySelectedResources), {}, {
|
|
641
|
+
values: {
|
|
642
|
+
resourceType: resourceTypePlural,
|
|
643
|
+
count: selectedResourceIds.length
|
|
644
|
+
}
|
|
620
645
|
})
|
|
621
646
|
})
|
|
622
647
|
})]
|
|
@@ -632,9 +657,9 @@ function getBold(msg) {
|
|
|
632
657
|
});
|
|
633
658
|
}
|
|
634
659
|
|
|
635
|
-
function ownKeys$
|
|
660
|
+
function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
636
661
|
|
|
637
|
-
function _objectSpread$
|
|
662
|
+
function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$9(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$9(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
638
663
|
function ExportTextMessage() {
|
|
639
664
|
var _useExportResourcesCo = useExportResourcesContext(),
|
|
640
665
|
resourceType = _useExportResourcesCo.resourceType,
|
|
@@ -650,7 +675,7 @@ function ExportTextMessage() {
|
|
|
650
675
|
switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
|
|
651
676
|
case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
|
|
652
677
|
return jsxRuntime.jsx(uiKit.Text.Body, {
|
|
653
|
-
intlMessage: _objectSpread$
|
|
678
|
+
intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportAllMessage), {}, {
|
|
654
679
|
values: {
|
|
655
680
|
count: allResourcesCount,
|
|
656
681
|
resourceType: resourceTypePlural,
|
|
@@ -661,7 +686,7 @@ function ExportTextMessage() {
|
|
|
661
686
|
|
|
662
687
|
case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
|
|
663
688
|
return jsxRuntime.jsx(uiKit.Text.Body, {
|
|
664
|
-
intlMessage: _objectSpread$
|
|
689
|
+
intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportMatchingMessage), {}, {
|
|
665
690
|
values: {
|
|
666
691
|
count: matchingResourcesCount,
|
|
667
692
|
resourceType: resourceTypePlural,
|
|
@@ -672,7 +697,7 @@ function ExportTextMessage() {
|
|
|
672
697
|
|
|
673
698
|
case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
|
|
674
699
|
return jsxRuntime.jsx(uiKit.Text.Body, {
|
|
675
|
-
intlMessage: _objectSpread$
|
|
700
|
+
intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportSelectedMessage), {}, {
|
|
676
701
|
values: {
|
|
677
702
|
count: selectedResourceIds.length,
|
|
678
703
|
resourceType: resourceTypePlural,
|
|
@@ -687,8 +712,13 @@ function ExportTextMessage() {
|
|
|
687
712
|
}
|
|
688
713
|
|
|
689
714
|
function TagList(props) {
|
|
715
|
+
var _useTheme = designSystem.useTheme(),
|
|
716
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
717
|
+
|
|
690
718
|
return jsxRuntime.jsx("div", {
|
|
691
|
-
css: styles.tagListContainer
|
|
719
|
+
css: styles.tagListContainer({
|
|
720
|
+
isNewTheme: isNewTheme
|
|
721
|
+
}),
|
|
692
722
|
"data-testid": props['data-testid'],
|
|
693
723
|
children: _mapInstanceProperty__default["default"](react.Children).call(react.Children, props.children, function (tag) {
|
|
694
724
|
return jsxRuntime.jsx("div", {
|
|
@@ -704,12 +734,40 @@ TagList.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
704
734
|
'data-testid': PropTypes__default["default"].string
|
|
705
735
|
} : {};
|
|
706
736
|
|
|
707
|
-
function ownKeys$
|
|
737
|
+
function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
708
738
|
|
|
709
|
-
function _objectSpread$
|
|
739
|
+
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
710
740
|
function AppliedFilters(_ref) {
|
|
711
741
|
var filters = _ref.filters,
|
|
712
742
|
onFilterRemove = _ref.onFilterRemove;
|
|
743
|
+
|
|
744
|
+
var _useTheme = designSystem.useTheme(),
|
|
745
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
746
|
+
|
|
747
|
+
if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
|
|
748
|
+
condensed: true,
|
|
749
|
+
isDefaultClosed: !Boolean(filters.length),
|
|
750
|
+
header: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
751
|
+
intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
|
|
752
|
+
values: {
|
|
753
|
+
filtersCount: filters.length
|
|
754
|
+
}
|
|
755
|
+
})
|
|
756
|
+
}),
|
|
757
|
+
children: jsxRuntime.jsx(TagList, {
|
|
758
|
+
children: _mapInstanceProperty__default["default"](filters).call(filters, function (filter) {
|
|
759
|
+
return jsxRuntime.jsx("div", {
|
|
760
|
+
"data-testid": "test-filter-".concat(filter),
|
|
761
|
+
children: jsxRuntime.jsx(uiKit.Tag, {
|
|
762
|
+
onRemove: function onRemove() {
|
|
763
|
+
onFilterRemove(filter);
|
|
764
|
+
},
|
|
765
|
+
children: filter
|
|
766
|
+
})
|
|
767
|
+
}, filter);
|
|
768
|
+
})
|
|
769
|
+
})
|
|
770
|
+
});
|
|
713
771
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
714
772
|
scale: "s",
|
|
715
773
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -720,10 +778,10 @@ function AppliedFilters(_ref) {
|
|
|
720
778
|
size: "medium",
|
|
721
779
|
color: "neutral60"
|
|
722
780
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
723
|
-
|
|
781
|
+
isBold: true,
|
|
782
|
+
intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
|
|
724
783
|
values: {
|
|
725
|
-
filtersCount: filters.length
|
|
726
|
-
b: getBold
|
|
784
|
+
filtersCount: filters.length
|
|
727
785
|
}
|
|
728
786
|
})
|
|
729
787
|
})]
|
|
@@ -747,21 +805,20 @@ AppliedFilters.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
747
805
|
onFilterRemove: PropTypes__default["default"].func.isRequired
|
|
748
806
|
} : {};
|
|
749
807
|
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
808
|
+
// TODO: @redesign cleanup
|
|
753
809
|
function ExportBasedOnMyViewsSelectField() {
|
|
810
|
+
var _useTheme = designSystem.useTheme(),
|
|
811
|
+
themedValue = _useTheme.themedValue;
|
|
812
|
+
|
|
754
813
|
return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
755
814
|
scale: "m",
|
|
756
815
|
alignItems: "center",
|
|
757
816
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
758
|
-
intlMessage:
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
}
|
|
762
|
-
})
|
|
817
|
+
intlMessage: messages.exportBasedOnMyViewsMessage
|
|
818
|
+
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
819
|
+
intlMessage: messages.myViews
|
|
763
820
|
}), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
|
|
764
|
-
max: 4,
|
|
821
|
+
max: themedValue(4, 7),
|
|
765
822
|
children: jsxRuntime.jsx(uiKit.SelectInput, {
|
|
766
823
|
isDisabled: true,
|
|
767
824
|
placeholder: "Default"
|
|
@@ -779,10 +836,28 @@ var IconPlaceholder = /*#__PURE__*/_styled__default["default"]("div", process.en
|
|
|
779
836
|
} : {
|
|
780
837
|
target: "e1nl5t3e0",
|
|
781
838
|
label: "IconPlaceholder"
|
|
782
|
-
})("width:", uiKit.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
839
|
+
})("width:", uiKit.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcGxpZWQtc2VhcmNoLXRlcm1zLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0MiLCJmaWxlIjoiYXBwbGllZC1zZWFyY2gtdGVybXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSdcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcydcbmltcG9ydCB7XG4gIEFuZ2xlUmlnaHRJY29uLFxuICBDb2xsYXBzaWJsZVBhbmVsLFxuICBjdXN0b21Qcm9wZXJ0aWVzLFxuICBTcGFjaW5ncyxcbiAgVGV4dCxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcydcblxuY29uc3QgSWNvblBsYWNlaG9sZGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG5gXG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEFwcGxpZWRTZWFyY2hUZXJtcyh7IGFwcGxpZWRTZWFyY2hUZXJtcyB9KSB7XG4gIGNvbnN0IHsgaXNOZXdUaGVtZSB9ID0gdXNlVGhlbWUoKVxuXG4gIGlmIChpc05ld1RoZW1lKVxuICAgIHJldHVybiAoXG4gICAgICA8Q29sbGFwc2libGVQYW5lbFxuICAgICAgICBjb25kZW5zZWRcbiAgICAgICAgaXNEZWZhdWx0Q2xvc2VkPXshQm9vbGVhbihhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoKX1cbiAgICAgICAgaGVhZGVyPXtcbiAgICAgICAgICA8VGV4dC5Cb2R5XG4gICAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgICAuLi5tZXNzYWdlcy5hcHBsaWVkU2VhcmNoVGVybXNNZXNzYWdlLFxuICAgICAgICAgICAgICB2YWx1ZXM6IHtcbiAgICAgICAgICAgICAgICBzZWFyY2hUZXJtc0NvdW50OiBhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoLFxuICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAvPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIDxUZXh0LkJvZHk+e2FwcGxpZWRTZWFyY2hUZXJtcy5qb2luKCcsICcpfTwvVGV4dC5Cb2R5PlxuICAgICAgPC9Db2xsYXBzaWJsZVBhbmVsPlxuICAgIClcbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgIDxBbmdsZVJpZ2h0SWNvblxuICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGVzdC1hcnJvd1JpZ2h0XCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBjb2xvcj1cIm5ldXRyYWw2MFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICBpc0JvbGRcbiAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgLi4ubWVzc2FnZXMuYXBwbGllZFNlYXJjaFRlcm1zTWVzc2FnZSxcbiAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICBzZWFyY2hUZXJtc0NvdW50OiBhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgIDxJY29uUGxhY2Vob2xkZXIgLz5cbiAgICAgICAgPFRleHQuQm9keT57YXBwbGllZFNlYXJjaFRlcm1zLmpvaW4oJywgJyl9PC9UZXh0LkJvZHk+XG4gICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApXG59XG5BcHBsaWVkU2VhcmNoVGVybXMucHJvcFR5cGVzID0ge1xuICBhcHBsaWVkU2VhcmNoVGVybXM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxufVxuIl19 */"));
|
|
783
840
|
|
|
784
841
|
function AppliedSearchTerms(_ref) {
|
|
785
842
|
var appliedSearchTerms = _ref.appliedSearchTerms;
|
|
843
|
+
|
|
844
|
+
var _useTheme = designSystem.useTheme(),
|
|
845
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
846
|
+
|
|
847
|
+
if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
|
|
848
|
+
condensed: true,
|
|
849
|
+
isDefaultClosed: !Boolean(appliedSearchTerms.length),
|
|
850
|
+
header: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
851
|
+
intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
|
|
852
|
+
values: {
|
|
853
|
+
searchTermsCount: appliedSearchTerms.length
|
|
854
|
+
}
|
|
855
|
+
})
|
|
856
|
+
}),
|
|
857
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
858
|
+
children: appliedSearchTerms.join(', ')
|
|
859
|
+
})
|
|
860
|
+
});
|
|
786
861
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
787
862
|
scale: "s",
|
|
788
863
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -793,10 +868,10 @@ function AppliedSearchTerms(_ref) {
|
|
|
793
868
|
size: "medium",
|
|
794
869
|
color: "neutral60"
|
|
795
870
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
871
|
+
isBold: true,
|
|
796
872
|
intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
|
|
797
873
|
values: {
|
|
798
|
-
searchTermsCount: appliedSearchTerms.length
|
|
799
|
-
b: getBold
|
|
874
|
+
searchTermsCount: appliedSearchTerms.length
|
|
800
875
|
}
|
|
801
876
|
})
|
|
802
877
|
})]
|
|
@@ -855,6 +930,24 @@ function FieldsRenderer(_ref) {
|
|
|
855
930
|
FieldsRenderer.propTypes = process.env.NODE_ENV !== "production" ? ExportFields.propTypes : {};
|
|
856
931
|
function ExportFields(_ref2) {
|
|
857
932
|
var fields = _ref2.fields;
|
|
933
|
+
|
|
934
|
+
var _useTheme = designSystem.useTheme(),
|
|
935
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
936
|
+
|
|
937
|
+
if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
|
|
938
|
+
condensed: true,
|
|
939
|
+
isDefaultClosed: !Boolean(fields.length),
|
|
940
|
+
header: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
941
|
+
intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
|
|
942
|
+
values: {
|
|
943
|
+
columnsCount: fields.length
|
|
944
|
+
}
|
|
945
|
+
})
|
|
946
|
+
}),
|
|
947
|
+
children: jsxRuntime.jsx(FieldsRenderer, {
|
|
948
|
+
fields: fields
|
|
949
|
+
})
|
|
950
|
+
});
|
|
858
951
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
859
952
|
scale: "s",
|
|
860
953
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -865,10 +958,10 @@ function ExportFields(_ref2) {
|
|
|
865
958
|
size: "medium",
|
|
866
959
|
color: "neutral60"
|
|
867
960
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
961
|
+
isBold: true,
|
|
868
962
|
intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
|
|
869
963
|
values: {
|
|
870
|
-
columnsCount: fields.length
|
|
871
|
-
b: getBold
|
|
964
|
+
columnsCount: fields.length
|
|
872
965
|
}
|
|
873
966
|
})
|
|
874
967
|
})]
|
|
@@ -892,6 +985,9 @@ ExportFields.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
892
985
|
} : {};
|
|
893
986
|
|
|
894
987
|
var ExportSelection = function ExportSelection() {
|
|
988
|
+
var _useTheme = designSystem.useTheme(),
|
|
989
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
990
|
+
|
|
895
991
|
var _useExportResourcesCo = useExportResourcesContext(),
|
|
896
992
|
formik = _useExportResourcesCo.formik;
|
|
897
993
|
|
|
@@ -903,6 +999,25 @@ var ExportSelection = function ExportSelection() {
|
|
|
903
999
|
}));
|
|
904
1000
|
};
|
|
905
1001
|
|
|
1002
|
+
if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1003
|
+
scale: "xl",
|
|
1004
|
+
children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1005
|
+
scale: "l",
|
|
1006
|
+
children: [jsxRuntime.jsx(uiKit.Text.Headline, {
|
|
1007
|
+
as: "h2",
|
|
1008
|
+
intlMessage: messages.exportSelection
|
|
1009
|
+
}), jsxRuntime.jsx(ExportSelectionRadioButtons, {}), jsxRuntime.jsx(ExportTextMessage, {})]
|
|
1010
|
+
}), _valuesInstanceProperty__default["default"](formik).exportSelectionType === EXPORT_SELECTION_TYPES.ONLY_MATCHING && jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1011
|
+
children: [jsxRuntime.jsx(ExportBasedOnMyViewsSelectField, {}), jsxRuntime.jsx(AppliedSearchTerms, {
|
|
1012
|
+
appliedSearchTerms: _valuesInstanceProperty__default["default"](formik).appliedSearchTerms
|
|
1013
|
+
}), jsxRuntime.jsx(AppliedFilters, {
|
|
1014
|
+
filters: _valuesInstanceProperty__default["default"](formik).appliedFilters,
|
|
1015
|
+
onFilterRemove: onAppliedFilterRemove
|
|
1016
|
+
})]
|
|
1017
|
+
}), _valuesInstanceProperty__default["default"](formik).fields.length > 0 && jsxRuntime.jsx(ExportFields, {
|
|
1018
|
+
fields: _valuesInstanceProperty__default["default"](formik).fields
|
|
1019
|
+
})]
|
|
1020
|
+
});
|
|
906
1021
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
907
1022
|
scale: "s",
|
|
908
1023
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
@@ -940,8 +1055,20 @@ var ExportSelection = function ExportSelection() {
|
|
|
940
1055
|
function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
941
1056
|
|
|
942
1057
|
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
943
|
-
var
|
|
1058
|
+
var ExportProperties = function ExportProperties(props) {
|
|
1059
|
+
var _useTheme = designSystem.useTheme(),
|
|
1060
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
1061
|
+
|
|
944
1062
|
if (typeof props.renderProperties !== 'function') return null;
|
|
1063
|
+
if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1064
|
+
scale: "m",
|
|
1065
|
+
children: [jsxRuntime.jsx(uiKit.Text.Headline, {
|
|
1066
|
+
as: "h2",
|
|
1067
|
+
intlMessage: messages.propertiesPanelLabel
|
|
1068
|
+
}), jsxRuntime.jsx("div", {
|
|
1069
|
+
children: props.renderProperties()
|
|
1070
|
+
})]
|
|
1071
|
+
});
|
|
945
1072
|
return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
|
|
946
1073
|
header: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
947
1074
|
isBold: true,
|
|
@@ -950,7 +1077,7 @@ var ExportPropertiesPanel = function ExportPropertiesPanel(props) {
|
|
|
950
1077
|
children: props.renderProperties()
|
|
951
1078
|
});
|
|
952
1079
|
};
|
|
953
|
-
|
|
1080
|
+
ExportProperties.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
954
1081
|
renderProperties: PropTypes__default["default"].func
|
|
955
1082
|
} : {};
|
|
956
1083
|
|
|
@@ -1000,6 +1127,9 @@ function mapLanguagesToOptions(languages) {
|
|
|
1000
1127
|
}
|
|
1001
1128
|
|
|
1002
1129
|
function ExportFileSettings(props) {
|
|
1130
|
+
var _useTheme = designSystem.useTheme(),
|
|
1131
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
1132
|
+
|
|
1003
1133
|
var intl = reactIntl.useIntl();
|
|
1004
1134
|
|
|
1005
1135
|
var _useExportResourcesCo = useExportResourcesContext(),
|
|
@@ -1016,6 +1146,57 @@ function ExportFileSettings(props) {
|
|
|
1016
1146
|
languages = _useApplicationContex.languages,
|
|
1017
1147
|
language = _useApplicationContex.language;
|
|
1018
1148
|
|
|
1149
|
+
if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1150
|
+
scale: "xxxl",
|
|
1151
|
+
children: [jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
|
|
1152
|
+
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1153
|
+
scale: "xl",
|
|
1154
|
+
children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
|
|
1155
|
+
isDisabled: true
|
|
1156
|
+
}, formik.getFieldProps('outputFormat')), {}, {
|
|
1157
|
+
title: intl.formatMessage(messages.outputFormat),
|
|
1158
|
+
options: outputFormatOptions
|
|
1159
|
+
})), jsxRuntime.jsx(uiKit.TextField, _objectSpread$3(_objectSpread$3({
|
|
1160
|
+
title: intl.formatMessage(messages.fileName)
|
|
1161
|
+
}, formik.getFieldProps('fileName')), {}, {
|
|
1162
|
+
touched: formik.touched.fileName,
|
|
1163
|
+
errors: formik.errors.fileName,
|
|
1164
|
+
renderError: renderFileNameError
|
|
1165
|
+
})), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1166
|
+
scale: "xs",
|
|
1167
|
+
children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
|
|
1168
|
+
id: "languages",
|
|
1169
|
+
title: intl.formatMessage(messages.localLanguage),
|
|
1170
|
+
options: mapLanguagesToOptions(languages),
|
|
1171
|
+
isMulti: true
|
|
1172
|
+
}, formik.getFieldProps('languages')), {}, {
|
|
1173
|
+
onChange: function onChange(e) {
|
|
1174
|
+
formik.handleChange(e);
|
|
1175
|
+
formik.setFieldValue('isAllLanguagesChecked', false);
|
|
1176
|
+
},
|
|
1177
|
+
touched: formik.touched.languages,
|
|
1178
|
+
errors: formik.errors.languages,
|
|
1179
|
+
renderError: renderLanguageError
|
|
1180
|
+
})), jsxRuntime.jsx(uiKit.CheckboxInput, {
|
|
1181
|
+
name: "isAllLanguagesChecked",
|
|
1182
|
+
isChecked: _valuesInstanceProperty__default["default"](formik).isAllLanguagesChecked,
|
|
1183
|
+
onChange: function onChange(e) {
|
|
1184
|
+
if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
|
|
1185
|
+
formik.handleChange(e);
|
|
1186
|
+
},
|
|
1187
|
+
children: intl.formatMessage(messages.all)
|
|
1188
|
+
})]
|
|
1189
|
+
})]
|
|
1190
|
+
})
|
|
1191
|
+
}), jsxRuntime.jsx(applicationComponents.PageContentWide, {
|
|
1192
|
+
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1193
|
+
scale: "xxxl",
|
|
1194
|
+
children: [jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportProperties, {
|
|
1195
|
+
renderProperties: props.renderProperties
|
|
1196
|
+
})]
|
|
1197
|
+
})
|
|
1198
|
+
})]
|
|
1199
|
+
});
|
|
1019
1200
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1020
1201
|
scale: "l",
|
|
1021
1202
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -1067,7 +1248,7 @@ function ExportFileSettings(props) {
|
|
|
1067
1248
|
renderError: renderLanguageError,
|
|
1068
1249
|
horizontalConstraint: 7
|
|
1069
1250
|
}))
|
|
1070
|
-
}), jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(
|
|
1251
|
+
}), jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportProperties, {
|
|
1071
1252
|
renderProperties: props.renderProperties
|
|
1072
1253
|
})]
|
|
1073
1254
|
});
|
|
@@ -36,8 +36,8 @@ var uiKit = require('@commercetools-frontend/ui-kit');
|
|
|
36
36
|
var omitEmpty = require('omit-empty-es');
|
|
37
37
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
38
38
|
var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
|
|
39
|
-
var react$1 = require('@emotion/react');
|
|
40
39
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
40
|
+
var react$1 = require('@emotion/react');
|
|
41
41
|
var _styled = require('@emotion/styled/base');
|
|
42
42
|
var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
|
|
43
43
|
var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
|
|
@@ -356,23 +356,23 @@ var messages = reactIntl.defineMessages({
|
|
|
356
356
|
},
|
|
357
357
|
columnsMessage: {
|
|
358
358
|
id: 'ExportResourcesModal.columnsMessage',
|
|
359
|
-
description: 'Exported columns based on table settings',
|
|
360
|
-
defaultMessage: '
|
|
359
|
+
description: 'Exported columns and attributes based on table settings',
|
|
360
|
+
defaultMessage: 'Exported columns/attributes based on table settings: {columnsCount}'
|
|
361
361
|
},
|
|
362
362
|
appliedSearchTermsMessage: {
|
|
363
363
|
id: 'ExportResourcesModal.appliedSearchTermsMessage',
|
|
364
364
|
description: 'Applied Search Term(s)',
|
|
365
|
-
defaultMessage: '
|
|
365
|
+
defaultMessage: 'Applied search term(s): {searchTermsCount}'
|
|
366
366
|
},
|
|
367
367
|
appliedFiltersMessage: {
|
|
368
368
|
id: 'ExportResourcesModal.appliedFiltersMessage',
|
|
369
369
|
description: 'Applied Filter(s)',
|
|
370
|
-
defaultMessage: '
|
|
370
|
+
defaultMessage: 'Applied Filter(s): {filtersCount}'
|
|
371
371
|
},
|
|
372
372
|
exportBasedOnMyViewsMessage: {
|
|
373
373
|
id: 'ExportResourcesModal.exportBasedOnMyViewsMessage',
|
|
374
374
|
description: 'Select Export setttings based on my views',
|
|
375
|
-
defaultMessage: 'Select export settings based on
|
|
375
|
+
defaultMessage: 'Select export settings based on:'
|
|
376
376
|
},
|
|
377
377
|
propertiesPanelLabel: {
|
|
378
378
|
id: 'ExportResourcesModal.propertiesPanelLabel',
|
|
@@ -428,6 +428,11 @@ var messages = reactIntl.defineMessages({
|
|
|
428
428
|
id: 'ExportResourcesModal.missingLanguageError',
|
|
429
429
|
description: 'Error when no local language is selected',
|
|
430
430
|
defaultMessage: 'Please select at least one local language'
|
|
431
|
+
},
|
|
432
|
+
myViews: {
|
|
433
|
+
id: 'ExportResourcesModal.myViews',
|
|
434
|
+
description: 'Label for "My Views" Select Field',
|
|
435
|
+
defaultMessage: 'My Views'
|
|
431
436
|
}
|
|
432
437
|
});
|
|
433
438
|
|
|
@@ -539,7 +544,12 @@ function useExportResourcesContext() {
|
|
|
539
544
|
}
|
|
540
545
|
|
|
541
546
|
var smallTopPadding = /*#__PURE__*/react$1.css("padding-top:", designSystem.customProperties.spacingXs, ";" + ("" ), "" );
|
|
542
|
-
|
|
547
|
+
|
|
548
|
+
var tagListContainer = function tagListContainer(_ref) {
|
|
549
|
+
var isNewTheme = _ref.isNewTheme;
|
|
550
|
+
return /*#__PURE__*/react$1.css("width:100%;display:flex;flex-wrap:wrap;display:inline-flex;padding:0 ", isNewTheme ? 0 : designSystem.customProperties.spacingL, ";&>div{margin:0 ", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingS, " 0;}" + ("" ), "" );
|
|
551
|
+
};
|
|
552
|
+
|
|
543
553
|
var tagListItem = /*#__PURE__*/react$1.css("margin:0 ", designSystem.customProperties.spacingXs, " ", designSystem.customProperties.spacingXs, " 0;display:flex;min-width:0;" + ("" ), "" );
|
|
544
554
|
var divider = /*#__PURE__*/react$1.css("box-sizing:border-box;width:100%;margin:0;border:0;border-top:1px solid ", designSystem.customProperties.colorNeutral60, ";" + ("" ), "" );
|
|
545
555
|
var notBold = {
|
|
@@ -556,7 +566,13 @@ var styles = {
|
|
|
556
566
|
successMessage: successMessage
|
|
557
567
|
};
|
|
558
568
|
|
|
569
|
+
function ownKeys$a(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
570
|
+
|
|
571
|
+
function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$a(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$a(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
559
572
|
function ExportSelectionRadioButtons() {
|
|
573
|
+
var _useTheme = designSystem.useTheme(),
|
|
574
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
575
|
+
|
|
560
576
|
var intl = reactIntl.useIntl();
|
|
561
577
|
|
|
562
578
|
var _useExportResourcesCo = useExportResourcesContext(),
|
|
@@ -582,29 +598,38 @@ function ExportSelectionRadioButtons() {
|
|
|
582
598
|
children: [jsxRuntime.jsx(uiKit.RadioInput.Option, {
|
|
583
599
|
value: EXPORT_SELECTION_TYPES.ALL_RESOURCES,
|
|
584
600
|
"data-testid": 'test-all-resources',
|
|
585
|
-
children: jsxRuntime.jsx(
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
601
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
602
|
+
isBold: !isNewTheme,
|
|
603
|
+
intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportAllResources), {}, {
|
|
604
|
+
values: {
|
|
605
|
+
resourceType: resourceTypePlural,
|
|
606
|
+
count: allResourcesCount
|
|
607
|
+
}
|
|
589
608
|
})
|
|
590
609
|
})
|
|
591
610
|
}), jsxRuntime.jsx(uiKit.RadioInput.Option, {
|
|
592
611
|
value: EXPORT_SELECTION_TYPES.ONLY_MATCHING,
|
|
593
612
|
"data-testid": 'test-only-matching',
|
|
594
613
|
isDisabled: !Boolean(matchingResourcesCount),
|
|
595
|
-
children: jsxRuntime.jsx(
|
|
596
|
-
|
|
597
|
-
|
|
614
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
615
|
+
isBold: !isNewTheme,
|
|
616
|
+
intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportOnlyMatchingResources), {}, {
|
|
617
|
+
values: {
|
|
618
|
+
count: matchingResourcesCount || intl.formatMessage(messages.nothingApplied)
|
|
619
|
+
}
|
|
598
620
|
})
|
|
599
621
|
})
|
|
600
622
|
}), jsxRuntime.jsx(uiKit.RadioInput.Option, {
|
|
601
623
|
value: EXPORT_SELECTION_TYPES.ONLY_SELECTED,
|
|
602
624
|
"data-testid": 'test-only-selected',
|
|
603
625
|
isDisabled: !Boolean(selectedResourceIds.length),
|
|
604
|
-
children: jsxRuntime.jsx(
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
626
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
627
|
+
isBold: !isNewTheme,
|
|
628
|
+
intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportOnlySelectedResources), {}, {
|
|
629
|
+
values: {
|
|
630
|
+
resourceType: resourceTypePlural,
|
|
631
|
+
count: selectedResourceIds.length
|
|
632
|
+
}
|
|
608
633
|
})
|
|
609
634
|
})
|
|
610
635
|
})]
|
|
@@ -620,9 +645,9 @@ function getBold(msg) {
|
|
|
620
645
|
});
|
|
621
646
|
}
|
|
622
647
|
|
|
623
|
-
function ownKeys$
|
|
648
|
+
function ownKeys$9(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
624
649
|
|
|
625
|
-
function _objectSpread$
|
|
650
|
+
function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$9(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$9(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
626
651
|
function ExportTextMessage() {
|
|
627
652
|
var _useExportResourcesCo = useExportResourcesContext(),
|
|
628
653
|
resourceType = _useExportResourcesCo.resourceType,
|
|
@@ -638,7 +663,7 @@ function ExportTextMessage() {
|
|
|
638
663
|
switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
|
|
639
664
|
case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
|
|
640
665
|
return jsxRuntime.jsx(uiKit.Text.Body, {
|
|
641
|
-
intlMessage: _objectSpread$
|
|
666
|
+
intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportAllMessage), {}, {
|
|
642
667
|
values: {
|
|
643
668
|
count: allResourcesCount,
|
|
644
669
|
resourceType: resourceTypePlural,
|
|
@@ -649,7 +674,7 @@ function ExportTextMessage() {
|
|
|
649
674
|
|
|
650
675
|
case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
|
|
651
676
|
return jsxRuntime.jsx(uiKit.Text.Body, {
|
|
652
|
-
intlMessage: _objectSpread$
|
|
677
|
+
intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportMatchingMessage), {}, {
|
|
653
678
|
values: {
|
|
654
679
|
count: matchingResourcesCount,
|
|
655
680
|
resourceType: resourceTypePlural,
|
|
@@ -660,7 +685,7 @@ function ExportTextMessage() {
|
|
|
660
685
|
|
|
661
686
|
case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
|
|
662
687
|
return jsxRuntime.jsx(uiKit.Text.Body, {
|
|
663
|
-
intlMessage: _objectSpread$
|
|
688
|
+
intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportSelectedMessage), {}, {
|
|
664
689
|
values: {
|
|
665
690
|
count: selectedResourceIds.length,
|
|
666
691
|
resourceType: resourceTypePlural,
|
|
@@ -675,8 +700,13 @@ function ExportTextMessage() {
|
|
|
675
700
|
}
|
|
676
701
|
|
|
677
702
|
function TagList(props) {
|
|
703
|
+
var _useTheme = designSystem.useTheme(),
|
|
704
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
705
|
+
|
|
678
706
|
return jsxRuntime.jsx("div", {
|
|
679
|
-
css: styles.tagListContainer
|
|
707
|
+
css: styles.tagListContainer({
|
|
708
|
+
isNewTheme: isNewTheme
|
|
709
|
+
}),
|
|
680
710
|
"data-testid": props['data-testid'],
|
|
681
711
|
children: _mapInstanceProperty__default["default"](react.Children).call(react.Children, props.children, function (tag) {
|
|
682
712
|
return jsxRuntime.jsx("div", {
|
|
@@ -689,12 +719,40 @@ function TagList(props) {
|
|
|
689
719
|
TagList.displayName = 'TagList';
|
|
690
720
|
TagList.propTypes = {};
|
|
691
721
|
|
|
692
|
-
function ownKeys$
|
|
722
|
+
function ownKeys$8(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
693
723
|
|
|
694
|
-
function _objectSpread$
|
|
724
|
+
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
695
725
|
function AppliedFilters(_ref) {
|
|
696
726
|
var filters = _ref.filters,
|
|
697
727
|
onFilterRemove = _ref.onFilterRemove;
|
|
728
|
+
|
|
729
|
+
var _useTheme = designSystem.useTheme(),
|
|
730
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
731
|
+
|
|
732
|
+
if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
|
|
733
|
+
condensed: true,
|
|
734
|
+
isDefaultClosed: !Boolean(filters.length),
|
|
735
|
+
header: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
736
|
+
intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
|
|
737
|
+
values: {
|
|
738
|
+
filtersCount: filters.length
|
|
739
|
+
}
|
|
740
|
+
})
|
|
741
|
+
}),
|
|
742
|
+
children: jsxRuntime.jsx(TagList, {
|
|
743
|
+
children: _mapInstanceProperty__default["default"](filters).call(filters, function (filter) {
|
|
744
|
+
return jsxRuntime.jsx("div", {
|
|
745
|
+
"data-testid": "test-filter-".concat(filter),
|
|
746
|
+
children: jsxRuntime.jsx(uiKit.Tag, {
|
|
747
|
+
onRemove: function onRemove() {
|
|
748
|
+
onFilterRemove(filter);
|
|
749
|
+
},
|
|
750
|
+
children: filter
|
|
751
|
+
})
|
|
752
|
+
}, filter);
|
|
753
|
+
})
|
|
754
|
+
})
|
|
755
|
+
});
|
|
698
756
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
699
757
|
scale: "s",
|
|
700
758
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -705,10 +763,10 @@ function AppliedFilters(_ref) {
|
|
|
705
763
|
size: "medium",
|
|
706
764
|
color: "neutral60"
|
|
707
765
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
708
|
-
|
|
766
|
+
isBold: true,
|
|
767
|
+
intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
|
|
709
768
|
values: {
|
|
710
|
-
filtersCount: filters.length
|
|
711
|
-
b: getBold
|
|
769
|
+
filtersCount: filters.length
|
|
712
770
|
}
|
|
713
771
|
})
|
|
714
772
|
})]
|
|
@@ -729,21 +787,20 @@ function AppliedFilters(_ref) {
|
|
|
729
787
|
}
|
|
730
788
|
AppliedFilters.propTypes = {};
|
|
731
789
|
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$8(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$8(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
790
|
+
// TODO: @redesign cleanup
|
|
735
791
|
function ExportBasedOnMyViewsSelectField() {
|
|
792
|
+
var _useTheme = designSystem.useTheme(),
|
|
793
|
+
themedValue = _useTheme.themedValue;
|
|
794
|
+
|
|
736
795
|
return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
737
796
|
scale: "m",
|
|
738
797
|
alignItems: "center",
|
|
739
798
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
740
|
-
intlMessage:
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
}
|
|
744
|
-
})
|
|
799
|
+
intlMessage: messages.exportBasedOnMyViewsMessage
|
|
800
|
+
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
801
|
+
intlMessage: messages.myViews
|
|
745
802
|
}), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
|
|
746
|
-
max: 4,
|
|
803
|
+
max: themedValue(4, 7),
|
|
747
804
|
children: jsxRuntime.jsx(uiKit.SelectInput, {
|
|
748
805
|
isDisabled: true,
|
|
749
806
|
placeholder: "Default"
|
|
@@ -762,6 +819,24 @@ var IconPlaceholder = /*#__PURE__*/_styled__default["default"]("div", {
|
|
|
762
819
|
|
|
763
820
|
function AppliedSearchTerms(_ref) {
|
|
764
821
|
var appliedSearchTerms = _ref.appliedSearchTerms;
|
|
822
|
+
|
|
823
|
+
var _useTheme = designSystem.useTheme(),
|
|
824
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
825
|
+
|
|
826
|
+
if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
|
|
827
|
+
condensed: true,
|
|
828
|
+
isDefaultClosed: !Boolean(appliedSearchTerms.length),
|
|
829
|
+
header: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
830
|
+
intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
|
|
831
|
+
values: {
|
|
832
|
+
searchTermsCount: appliedSearchTerms.length
|
|
833
|
+
}
|
|
834
|
+
})
|
|
835
|
+
}),
|
|
836
|
+
children: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
837
|
+
children: appliedSearchTerms.join(', ')
|
|
838
|
+
})
|
|
839
|
+
});
|
|
765
840
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
766
841
|
scale: "s",
|
|
767
842
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -772,10 +847,10 @@ function AppliedSearchTerms(_ref) {
|
|
|
772
847
|
size: "medium",
|
|
773
848
|
color: "neutral60"
|
|
774
849
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
850
|
+
isBold: true,
|
|
775
851
|
intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
|
|
776
852
|
values: {
|
|
777
|
-
searchTermsCount: appliedSearchTerms.length
|
|
778
|
-
b: getBold
|
|
853
|
+
searchTermsCount: appliedSearchTerms.length
|
|
779
854
|
}
|
|
780
855
|
})
|
|
781
856
|
})]
|
|
@@ -832,6 +907,24 @@ function FieldsRenderer(_ref) {
|
|
|
832
907
|
FieldsRenderer.propTypes = {};
|
|
833
908
|
function ExportFields(_ref2) {
|
|
834
909
|
var fields = _ref2.fields;
|
|
910
|
+
|
|
911
|
+
var _useTheme = designSystem.useTheme(),
|
|
912
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
913
|
+
|
|
914
|
+
if (isNewTheme) return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
|
|
915
|
+
condensed: true,
|
|
916
|
+
isDefaultClosed: !Boolean(fields.length),
|
|
917
|
+
header: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
918
|
+
intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
|
|
919
|
+
values: {
|
|
920
|
+
columnsCount: fields.length
|
|
921
|
+
}
|
|
922
|
+
})
|
|
923
|
+
}),
|
|
924
|
+
children: jsxRuntime.jsx(FieldsRenderer, {
|
|
925
|
+
fields: fields
|
|
926
|
+
})
|
|
927
|
+
});
|
|
835
928
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
836
929
|
scale: "s",
|
|
837
930
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -842,10 +935,10 @@ function ExportFields(_ref2) {
|
|
|
842
935
|
size: "medium",
|
|
843
936
|
color: "neutral60"
|
|
844
937
|
}), jsxRuntime.jsx(uiKit.Text.Body, {
|
|
938
|
+
isBold: true,
|
|
845
939
|
intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
|
|
846
940
|
values: {
|
|
847
|
-
columnsCount: fields.length
|
|
848
|
-
b: getBold
|
|
941
|
+
columnsCount: fields.length
|
|
849
942
|
}
|
|
850
943
|
})
|
|
851
944
|
})]
|
|
@@ -857,6 +950,9 @@ function ExportFields(_ref2) {
|
|
|
857
950
|
ExportFields.propTypes = {};
|
|
858
951
|
|
|
859
952
|
var ExportSelection = function ExportSelection() {
|
|
953
|
+
var _useTheme = designSystem.useTheme(),
|
|
954
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
955
|
+
|
|
860
956
|
var _useExportResourcesCo = useExportResourcesContext(),
|
|
861
957
|
formik = _useExportResourcesCo.formik;
|
|
862
958
|
|
|
@@ -868,6 +964,25 @@ var ExportSelection = function ExportSelection() {
|
|
|
868
964
|
}));
|
|
869
965
|
};
|
|
870
966
|
|
|
967
|
+
if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
968
|
+
scale: "xl",
|
|
969
|
+
children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
970
|
+
scale: "l",
|
|
971
|
+
children: [jsxRuntime.jsx(uiKit.Text.Headline, {
|
|
972
|
+
as: "h2",
|
|
973
|
+
intlMessage: messages.exportSelection
|
|
974
|
+
}), jsxRuntime.jsx(ExportSelectionRadioButtons, {}), jsxRuntime.jsx(ExportTextMessage, {})]
|
|
975
|
+
}), _valuesInstanceProperty__default["default"](formik).exportSelectionType === EXPORT_SELECTION_TYPES.ONLY_MATCHING && jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
976
|
+
children: [jsxRuntime.jsx(ExportBasedOnMyViewsSelectField, {}), jsxRuntime.jsx(AppliedSearchTerms, {
|
|
977
|
+
appliedSearchTerms: _valuesInstanceProperty__default["default"](formik).appliedSearchTerms
|
|
978
|
+
}), jsxRuntime.jsx(AppliedFilters, {
|
|
979
|
+
filters: _valuesInstanceProperty__default["default"](formik).appliedFilters,
|
|
980
|
+
onFilterRemove: onAppliedFilterRemove
|
|
981
|
+
})]
|
|
982
|
+
}), _valuesInstanceProperty__default["default"](formik).fields.length > 0 && jsxRuntime.jsx(ExportFields, {
|
|
983
|
+
fields: _valuesInstanceProperty__default["default"](formik).fields
|
|
984
|
+
})]
|
|
985
|
+
});
|
|
871
986
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
872
987
|
scale: "s",
|
|
873
988
|
children: [jsxRuntime.jsx(uiKit.Text.Body, {
|
|
@@ -905,8 +1020,20 @@ var ExportSelection = function ExportSelection() {
|
|
|
905
1020
|
function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
906
1021
|
|
|
907
1022
|
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
908
|
-
var
|
|
1023
|
+
var ExportProperties = function ExportProperties(props) {
|
|
1024
|
+
var _useTheme = designSystem.useTheme(),
|
|
1025
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
1026
|
+
|
|
909
1027
|
if (typeof props.renderProperties !== 'function') return null;
|
|
1028
|
+
if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1029
|
+
scale: "m",
|
|
1030
|
+
children: [jsxRuntime.jsx(uiKit.Text.Headline, {
|
|
1031
|
+
as: "h2",
|
|
1032
|
+
intlMessage: messages.propertiesPanelLabel
|
|
1033
|
+
}), jsxRuntime.jsx("div", {
|
|
1034
|
+
children: props.renderProperties()
|
|
1035
|
+
})]
|
|
1036
|
+
});
|
|
910
1037
|
return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
|
|
911
1038
|
header: jsxRuntime.jsx(uiKit.Text.Body, {
|
|
912
1039
|
isBold: true,
|
|
@@ -915,7 +1042,7 @@ var ExportPropertiesPanel = function ExportPropertiesPanel(props) {
|
|
|
915
1042
|
children: props.renderProperties()
|
|
916
1043
|
});
|
|
917
1044
|
};
|
|
918
|
-
|
|
1045
|
+
ExportProperties.propTypes = {};
|
|
919
1046
|
|
|
920
1047
|
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
921
1048
|
|
|
@@ -963,6 +1090,9 @@ function mapLanguagesToOptions(languages) {
|
|
|
963
1090
|
}
|
|
964
1091
|
|
|
965
1092
|
function ExportFileSettings(props) {
|
|
1093
|
+
var _useTheme = designSystem.useTheme(),
|
|
1094
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
1095
|
+
|
|
966
1096
|
var intl = reactIntl.useIntl();
|
|
967
1097
|
|
|
968
1098
|
var _useExportResourcesCo = useExportResourcesContext(),
|
|
@@ -979,6 +1109,57 @@ function ExportFileSettings(props) {
|
|
|
979
1109
|
languages = _useApplicationContex.languages,
|
|
980
1110
|
language = _useApplicationContex.language;
|
|
981
1111
|
|
|
1112
|
+
if (isNewTheme) return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1113
|
+
scale: "xxxl",
|
|
1114
|
+
children: [jsxRuntime.jsx(applicationComponents.PageContentNarrow, {
|
|
1115
|
+
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1116
|
+
scale: "xl",
|
|
1117
|
+
children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
|
|
1118
|
+
isDisabled: true
|
|
1119
|
+
}, formik.getFieldProps('outputFormat')), {}, {
|
|
1120
|
+
title: intl.formatMessage(messages.outputFormat),
|
|
1121
|
+
options: outputFormatOptions
|
|
1122
|
+
})), jsxRuntime.jsx(uiKit.TextField, _objectSpread$3(_objectSpread$3({
|
|
1123
|
+
title: intl.formatMessage(messages.fileName)
|
|
1124
|
+
}, formik.getFieldProps('fileName')), {}, {
|
|
1125
|
+
touched: formik.touched.fileName,
|
|
1126
|
+
errors: formik.errors.fileName,
|
|
1127
|
+
renderError: renderFileNameError
|
|
1128
|
+
})), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1129
|
+
scale: "xs",
|
|
1130
|
+
children: [jsxRuntime.jsx(uiKit.SelectField, _objectSpread$3(_objectSpread$3({
|
|
1131
|
+
id: "languages",
|
|
1132
|
+
title: intl.formatMessage(messages.localLanguage),
|
|
1133
|
+
options: mapLanguagesToOptions(languages),
|
|
1134
|
+
isMulti: true
|
|
1135
|
+
}, formik.getFieldProps('languages')), {}, {
|
|
1136
|
+
onChange: function onChange(e) {
|
|
1137
|
+
formik.handleChange(e);
|
|
1138
|
+
formik.setFieldValue('isAllLanguagesChecked', false);
|
|
1139
|
+
},
|
|
1140
|
+
touched: formik.touched.languages,
|
|
1141
|
+
errors: formik.errors.languages,
|
|
1142
|
+
renderError: renderLanguageError
|
|
1143
|
+
})), jsxRuntime.jsx(uiKit.CheckboxInput, {
|
|
1144
|
+
name: "isAllLanguagesChecked",
|
|
1145
|
+
isChecked: _valuesInstanceProperty__default["default"](formik).isAllLanguagesChecked,
|
|
1146
|
+
onChange: function onChange(e) {
|
|
1147
|
+
if (e.target.checked) formik.setFieldValue('languages', languages);else formik.setFieldValue('languages', [language]);
|
|
1148
|
+
formik.handleChange(e);
|
|
1149
|
+
},
|
|
1150
|
+
children: intl.formatMessage(messages.all)
|
|
1151
|
+
})]
|
|
1152
|
+
})]
|
|
1153
|
+
})
|
|
1154
|
+
}), jsxRuntime.jsx(applicationComponents.PageContentWide, {
|
|
1155
|
+
children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
1156
|
+
scale: "xxxl",
|
|
1157
|
+
children: [jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportProperties, {
|
|
1158
|
+
renderProperties: props.renderProperties
|
|
1159
|
+
})]
|
|
1160
|
+
})
|
|
1161
|
+
})]
|
|
1162
|
+
});
|
|
982
1163
|
return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
|
|
983
1164
|
scale: "l",
|
|
984
1165
|
children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
|
|
@@ -1030,7 +1211,7 @@ function ExportFileSettings(props) {
|
|
|
1030
1211
|
renderError: renderLanguageError,
|
|
1031
1212
|
horizontalConstraint: 7
|
|
1032
1213
|
}))
|
|
1033
|
-
}), jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(
|
|
1214
|
+
}), jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportProperties, {
|
|
1034
1215
|
renderProperties: props.renderProperties
|
|
1035
1216
|
})]
|
|
1036
1217
|
});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend-extensions/export-resources-modal",
|
|
3
3
|
"description": "Shared export modal for exporting resources",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.2.0",
|
|
5
5
|
"license": "BSD-3-Clause",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
"extract-intl": "formatjs extract --format $(pwd)/../intl-formatter.js --out-file $(pwd)/src/i18n/data/core.json 'src/**/!(*.spec).js'"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@babel/runtime": "7.
|
|
21
|
-
"@babel/runtime-corejs3": "7.
|
|
22
|
-
"@emotion/react": "11.10.
|
|
23
|
-
"@emotion/styled": "11.10.
|
|
24
|
-
"@formatjs/cli": "5.1.
|
|
20
|
+
"@babel/runtime": "7.20.13",
|
|
21
|
+
"@babel/runtime-corejs3": "7.20.13",
|
|
22
|
+
"@emotion/react": "11.10.5",
|
|
23
|
+
"@emotion/styled": "11.10.5",
|
|
24
|
+
"@formatjs/cli": "5.1.13",
|
|
25
25
|
"formik": "^2.2.9",
|
|
26
26
|
"gql-query-builder": "^3.8.0",
|
|
27
27
|
"jest": "27.5.1",
|
|
@@ -32,31 +32,31 @@
|
|
|
32
32
|
"react-intl": "5.25.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@commercetools-frontend/actions-global": "21.23.
|
|
36
|
-
"@commercetools-frontend/application-components": "21.23.
|
|
37
|
-
"@commercetools-frontend/application-shell": "21.23.
|
|
38
|
-
"@commercetools-frontend/application-shell-connectors": "21.23.
|
|
39
|
-
"@commercetools-frontend/constants": "21.23.
|
|
40
|
-
"@commercetools-frontend/jest-preset-mc-app": "21.23.
|
|
41
|
-
"@commercetools-frontend/sdk": "21.23.
|
|
42
|
-
"@commercetools-frontend/sentry": "21.23.
|
|
43
|
-
"@commercetools-frontend/ui-kit": "15.
|
|
44
|
-
"@commercetools-uikit/design-system": "15.
|
|
35
|
+
"@commercetools-frontend/actions-global": "21.23.4",
|
|
36
|
+
"@commercetools-frontend/application-components": "21.23.4",
|
|
37
|
+
"@commercetools-frontend/application-shell": "21.23.4",
|
|
38
|
+
"@commercetools-frontend/application-shell-connectors": "21.23.4",
|
|
39
|
+
"@commercetools-frontend/constants": "21.23.4",
|
|
40
|
+
"@commercetools-frontend/jest-preset-mc-app": "21.23.4",
|
|
41
|
+
"@commercetools-frontend/sdk": "21.23.4",
|
|
42
|
+
"@commercetools-frontend/sentry": "21.23.4",
|
|
43
|
+
"@commercetools-frontend/ui-kit": "15.11.2",
|
|
44
|
+
"@commercetools-uikit/design-system": "15.11.2",
|
|
45
45
|
"@preconstruct/cli": "2.2.1",
|
|
46
46
|
"msw": "0.49.0",
|
|
47
47
|
"rimraf": "3.0.2"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
|
50
|
-
"@commercetools-frontend/actions-global": "21.23.
|
|
51
|
-
"@commercetools-frontend/application-components": "21.23.
|
|
52
|
-
"@commercetools-frontend/application-shell": "21.23.
|
|
53
|
-
"@commercetools-frontend/application-shell-connectors": "21.23.
|
|
54
|
-
"@commercetools-frontend/constants": "^21.23.
|
|
55
|
-
"@commercetools-frontend/jest-preset-mc-app": "21.23.
|
|
56
|
-
"@commercetools-frontend/sdk": "21.23.
|
|
57
|
-
"@commercetools-frontend/sentry": "21.23.
|
|
58
|
-
"@commercetools-frontend/ui-kit": "15.
|
|
59
|
-
"@commercetools-uikit/design-system": "15.
|
|
50
|
+
"@commercetools-frontend/actions-global": "21.23.4",
|
|
51
|
+
"@commercetools-frontend/application-components": "21.23.4",
|
|
52
|
+
"@commercetools-frontend/application-shell": "21.23.4",
|
|
53
|
+
"@commercetools-frontend/application-shell-connectors": "21.23.4",
|
|
54
|
+
"@commercetools-frontend/constants": "^21.23.4",
|
|
55
|
+
"@commercetools-frontend/jest-preset-mc-app": "21.23.4",
|
|
56
|
+
"@commercetools-frontend/sdk": "21.23.4",
|
|
57
|
+
"@commercetools-frontend/sentry": "21.23.4",
|
|
58
|
+
"@commercetools-frontend/ui-kit": "15.11.2",
|
|
59
|
+
"@commercetools-uikit/design-system": "15.11.2",
|
|
60
60
|
"msw": "0.49.0"
|
|
61
61
|
}
|
|
62
62
|
}
|