@commercetools-frontend-extensions/export-resources-modal 1.0.8 → 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.
@@ -25,6 +25,7 @@ var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
25
25
  var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
26
26
  var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
27
27
  var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
28
+ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
28
29
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
29
30
  var PropTypes = require('prop-types');
30
31
  var formik = require('formik');
@@ -35,8 +36,8 @@ var uiKit = require('@commercetools-frontend/ui-kit');
35
36
  var omitEmpty = require('omit-empty-es');
36
37
  var jsxRuntime = require('@emotion/react/jsx-runtime');
37
38
  var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
38
- var react$1 = require('@emotion/react');
39
39
  var designSystem = require('@commercetools-uikit/design-system');
40
+ var react$1 = require('@emotion/react');
40
41
  var _styled = require('@emotion/styled/base');
41
42
  var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
42
43
  var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
@@ -58,6 +59,7 @@ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstancePro
58
59
  var _flatInstanceProperty__default = /*#__PURE__*/_interopDefault(_flatInstanceProperty);
59
60
  var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
60
61
  var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
62
+ var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
61
63
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
62
64
  var moment__default = /*#__PURE__*/_interopDefault(moment);
63
65
  var omitEmpty__default = /*#__PURE__*/_interopDefault(omitEmpty);
@@ -210,6 +212,9 @@ function resourceTypeToOperationName(resourceType) {
210
212
  function replaceSpecialCharsWithUnderscore(string) {
211
213
  return string.replace(/[^a-zA-Z0-9]/g, '_');
212
214
  }
215
+ function isFilledArray(maybeArray) {
216
+ return _Array$isArray__default["default"](maybeArray) && maybeArray.length;
217
+ }
213
218
 
214
219
  function buildGraphQuery(exportSettings) {
215
220
  var _context;
@@ -221,8 +226,8 @@ function buildGraphQuery(exportSettings) {
221
226
  return gqlQueryBuilder.query({
222
227
  operation: operation,
223
228
  fields: [{
224
- results: buildColumns({
225
- columns: exportSettings.columns,
229
+ results: buildFields({
230
+ fields: exportSettings.fields,
226
231
  languages: exportSettings.languages
227
232
  })
228
233
  }],
@@ -233,8 +238,8 @@ function buildGraphQuery(exportSettings) {
233
238
  return gqlQueryBuilder.query({
234
239
  operation: operation,
235
240
  fields: [{
236
- results: buildColumns({
237
- columns: exportSettings.columns,
241
+ results: buildFields({
242
+ fields: exportSettings.fields,
238
243
  languages: exportSettings.languages
239
244
  })
240
245
  }],
@@ -254,18 +259,27 @@ function buildGraphQuery(exportSettings) {
254
259
  }
255
260
  }
256
261
 
257
- function buildColumns(_ref) {
262
+ function buildFields(_ref) {
258
263
  var _context2;
259
264
 
260
- var columns = _ref.columns,
265
+ var fields = _ref.fields,
261
266
  languages = _ref.languages;
262
- return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](columns).call(columns, function (column) {
263
- if (column.isLocalized) return _mapInstanceProperty__default["default"](languages).call(languages, function (language) {
267
+ return _flatInstanceProperty__default["default"](_context2 = _mapInstanceProperty__default["default"](fields).call(fields, function (field) {
268
+ if (field.isLocalized) return _mapInstanceProperty__default["default"](languages).call(languages, function (language) {
264
269
  var _context3, _context4, _context5;
265
270
 
266
- var alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(column.key, "_")).call(_context3, language));
267
- return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, column.key, "(locale: \"")).call(_context4, language, "\")");
268
- });else return column.key;
271
+ var alias = replaceSpecialCharsWithUnderscore(_concatInstanceProperty__default["default"](_context3 = "".concat(field.key, "_")).call(_context3, language));
272
+ return _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(alias, ": ")).call(_context5, field.key, "(locale: \"")).call(_context4, language, "\")");
273
+ });else {
274
+ if (isFilledArray(field.fields)) {
275
+ return _defineProperty({}, field.key, buildFields({
276
+ fields: field.fields,
277
+ languages: languages
278
+ }));
279
+ }
280
+
281
+ return field.key;
282
+ }
269
283
  })).call(_context2);
270
284
  }
271
285
 
@@ -342,23 +356,23 @@ var messages = reactIntl.defineMessages({
342
356
  },
343
357
  columnsMessage: {
344
358
  id: 'ExportResourcesModal.columnsMessage',
345
- description: 'Exported columns based on table settings',
346
- defaultMessage: '<b>Exported columns based on table settings:</b> {columnsCount}'
359
+ description: 'Exported columns and attributes based on table settings',
360
+ defaultMessage: 'Exported columns/attributes based on table settings: {columnsCount}'
347
361
  },
348
362
  appliedSearchTermsMessage: {
349
363
  id: 'ExportResourcesModal.appliedSearchTermsMessage',
350
364
  description: 'Applied Search Term(s)',
351
- defaultMessage: '<b>Applied search term(s):</b> {searchTermsCount}'
365
+ defaultMessage: 'Applied search term(s): {searchTermsCount}'
352
366
  },
353
367
  appliedFiltersMessage: {
354
368
  id: 'ExportResourcesModal.appliedFiltersMessage',
355
369
  description: 'Applied Filter(s)',
356
- defaultMessage: '<b>Applied Filter(s):</b> {filtersCount}'
370
+ defaultMessage: 'Applied Filter(s): {filtersCount}'
357
371
  },
358
372
  exportBasedOnMyViewsMessage: {
359
373
  id: 'ExportResourcesModal.exportBasedOnMyViewsMessage',
360
374
  description: 'Select Export setttings based on my views',
361
- defaultMessage: 'Select export settings based on <b>My views:</b>'
375
+ defaultMessage: 'Select export settings based on:'
362
376
  },
363
377
  propertiesPanelLabel: {
364
378
  id: 'ExportResourcesModal.propertiesPanelLabel',
@@ -414,6 +428,11 @@ var messages = reactIntl.defineMessages({
414
428
  id: 'ExportResourcesModal.missingLanguageError',
415
429
  description: 'Error when no local language is selected',
416
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'
417
436
  }
418
437
  });
419
438
 
@@ -427,9 +446,16 @@ var ExportResourcesModalShape = PropTypes__default["default"].shape({
427
446
  allResourcesCount: PropTypes__default["default"].number.isRequired,
428
447
  matchingResourcesCount: PropTypes__default["default"].number,
429
448
  selectedResourceIds: PropTypes__default["default"].array,
430
- columns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
449
+ // TODO: Circular reference
450
+ fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
431
451
  key: PropTypes__default["default"].string.isRequired,
432
- isLocalized: PropTypes__default["default"].bool
452
+ label: PropTypes__default["default"].string,
453
+ isLocalized: PropTypes__default["default"].bool,
454
+ fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
455
+ key: PropTypes__default["default"].string.isRequired,
456
+ label: PropTypes__default["default"].string,
457
+ isLocalized: PropTypes__default["default"].bool
458
+ }))
433
459
  })).isRequired,
434
460
  exportSelectionType: PropTypes__default["default"].string,
435
461
  appliedSearchTerms: PropTypes__default["default"].array,
@@ -480,7 +506,7 @@ var ExportResourcesContextProvider = function ExportResourcesContextProvider(pro
480
506
  isUpperCase: true
481
507
  }), "_Export_")).call(_context, todayFormatted),
482
508
  languages: [language],
483
- columns: props.columns,
509
+ fields: props.fields,
484
510
  appliedSearchTerms: props.appliedSearchTerms,
485
511
  appliedFilters: props.appliedFilters,
486
512
  exportSelectionType: props.exportSelectionType,
@@ -524,20 +550,25 @@ function useExportResourcesContext() {
524
550
  }
525
551
 
526
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)."; }
527
- 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMkIiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSdcblxuY29uc3Qgc21hbGxUb3BQYWRkaW5nID0gY3NzYFxuICBwYWRkaW5nLXRvcDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc307XG5gXG5cbmNvbnN0IHRhZ0xpc3RDb250YWluZXIgPSBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
528
- var tagListContainer = /*#__PURE__*/react$1.css("width:100%;display:flex;flex-wrap:wrap;display:inline-flex;padding: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPNEIiLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSdcblxuY29uc3Qgc21hbGxUb3BQYWRkaW5nID0gY3NzYFxuICBwYWRkaW5nLXRvcDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYc307XG5gXG5cbmNvbnN0IHRhZ0xpc3RDb250YWluZXIgPSBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBwYWRkaW5nOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */");
529
- 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnVCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuICAmID4gZGl2IHtcbiAgICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9IDA7XG4gIH1cbmBcblxuY29uc3QgdGFnTGlzdEl0ZW0gPSBjc3NgXG4gIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmNvbnN0IGRpdmlkZXIgPSBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw2MH07XG5gXG5cbmNvbnN0IG5vdEJvbGQgPSBjc3NgXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5gXG5cbmNvbnN0IHN1Y2Nlc3NNZXNzYWdlID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuYFxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */");
530
- 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Qm1CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuICAmID4gZGl2IHtcbiAgICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9IDA7XG4gIH1cbmBcblxuY29uc3QgdGFnTGlzdEl0ZW0gPSBjc3NgXG4gIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmNvbnN0IGRpdmlkZXIgPSBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw2MH07XG5gXG5cbmNvbnN0IG5vdEJvbGQgPSBjc3NgXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5gXG5cbmNvbnN0IHN1Y2Nlc3NNZXNzYWdlID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuYFxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */");
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 */");
531
562
  var notBold = process.env.NODE_ENV === "production" ? {
532
563
  name: "lugakg",
533
564
  styles: "font-weight:normal"
534
565
  } : {
535
566
  name: "w02aau-notBold",
536
567
  styles: "font-weight:normal;label:notBold;",
537
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ21CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuICAmID4gZGl2IHtcbiAgICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9IDA7XG4gIH1cbmBcblxuY29uc3QgdGFnTGlzdEl0ZW0gPSBjc3NgXG4gIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmNvbnN0IGRpdmlkZXIgPSBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw2MH07XG5gXG5cbmNvbnN0IG5vdEJvbGQgPSBjc3NgXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5gXG5cbmNvbnN0IHN1Y2Nlc3NNZXNzYWdlID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuYFxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */",
568
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ21CIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJ1xuXG5jb25zdCBzbWFsbFRvcFBhZGRpbmcgPSBjc3NgXG4gIHBhZGRpbmctdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfTtcbmBcblxuY29uc3QgdGFnTGlzdENvbnRhaW5lciA9ICh7IGlzTmV3VGhlbWUgfSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2lzTmV3VGhlbWUgPyAwIDogY3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG4gICYgPiBkaXYge1xuICAgIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gMDtcbiAgfVxuYFxuXG5jb25zdCB0YWdMaXN0SXRlbSA9IGNzc2BcbiAgbWFyZ2luOiAwICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuY29uc3QgZGl2aWRlciA9IGNzc2BcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgYm9yZGVyOiAwO1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbmBcblxuY29uc3Qgbm90Qm9sZCA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbmBcblxuY29uc3Qgc3VjY2Vzc01lc3NhZ2UgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgdGFnTGlzdEl0ZW0sXG4gIHRhZ0xpc3RDb250YWluZXIsXG4gIHNtYWxsVG9wUGFkZGluZyxcbiAgZGl2aWRlcixcbiAgbm90Qm9sZCxcbiAgc3VjY2Vzc01lc3NhZ2UsXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuIl19 */",
538
569
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
539
570
  };
540
- 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQzBCIiwiZmlsZSI6InN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nXG5cbmNvbnN0IHNtYWxsVG9wUGFkZGluZyA9IGNzc2BcbiAgcGFkZGluZy10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWHN9O1xuYFxuXG5jb25zdCB0YWdMaXN0Q29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgcGFkZGluZzogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuICAmID4gZGl2IHtcbiAgICBtYXJnaW46IDAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9IDA7XG4gIH1cbmBcblxuY29uc3QgdGFnTGlzdEl0ZW0gPSBjc3NgXG4gIG1hcmdpbjogMCAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hzfSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmNvbnN0IGRpdmlkZXIgPSBjc3NgXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw2MH07XG5gXG5cbmNvbnN0IG5vdEJvbGQgPSBjc3NgXG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5gXG5cbmNvbnN0IHN1Y2Nlc3NNZXNzYWdlID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ0x9O1xuYFxuXG5jb25zdCBzdHlsZXMgPSB7XG4gIHRhZ0xpc3RJdGVtLFxuICB0YWdMaXN0Q29udGFpbmVyLFxuICBzbWFsbFRvcFBhZGRpbmcsXG4gIGRpdmlkZXIsXG4gIG5vdEJvbGQsXG4gIHN1Y2Nlc3NNZXNzYWdlLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbiJdfQ== */");
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 */");
541
572
  var styles = {
542
573
  tagListItem: tagListItem,
543
574
  tagListContainer: tagListContainer,
@@ -547,7 +578,13 @@ var styles = {
547
578
  successMessage: successMessage
548
579
  };
549
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; }
550
584
  function ExportSelectionRadioButtons() {
585
+ var _useTheme = designSystem.useTheme(),
586
+ isNewTheme = _useTheme.isNewTheme;
587
+
551
588
  var intl = reactIntl.useIntl();
552
589
 
553
590
  var _useExportResourcesCo = useExportResourcesContext(),
@@ -573,29 +610,38 @@ function ExportSelectionRadioButtons() {
573
610
  children: [jsxRuntime.jsx(uiKit.RadioInput.Option, {
574
611
  value: EXPORT_SELECTION_TYPES.ALL_RESOURCES,
575
612
  "data-testid": 'test-all-resources',
576
- children: jsxRuntime.jsx("b", {
577
- children: intl.formatMessage(messages.exportAllResources, {
578
- resourceType: resourceTypePlural,
579
- count: allResourcesCount
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
+ }
580
620
  })
581
621
  })
582
622
  }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
583
623
  value: EXPORT_SELECTION_TYPES.ONLY_MATCHING,
584
624
  "data-testid": 'test-only-matching',
585
625
  isDisabled: !Boolean(matchingResourcesCount),
586
- children: jsxRuntime.jsx("b", {
587
- children: intl.formatMessage(messages.exportOnlyMatchingResources, {
588
- count: matchingResourcesCount || intl.formatMessage(messages.nothingApplied)
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
+ }
589
632
  })
590
633
  })
591
634
  }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
592
635
  value: EXPORT_SELECTION_TYPES.ONLY_SELECTED,
593
636
  "data-testid": 'test-only-selected',
594
637
  isDisabled: !Boolean(selectedResourceIds.length),
595
- children: jsxRuntime.jsx("b", {
596
- children: intl.formatMessage(messages.exportOnlySelectedResources, {
597
- resourceType: resourceTypePlural,
598
- count: selectedResourceIds.length
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
+ }
599
645
  })
600
646
  })
601
647
  })]
@@ -611,9 +657,9 @@ function getBold(msg) {
611
657
  });
612
658
  }
613
659
 
614
- 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; }
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; }
615
661
 
616
- 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; }
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; }
617
663
  function ExportTextMessage() {
618
664
  var _useExportResourcesCo = useExportResourcesContext(),
619
665
  resourceType = _useExportResourcesCo.resourceType,
@@ -629,7 +675,7 @@ function ExportTextMessage() {
629
675
  switch (_valuesInstanceProperty__default["default"](formik).exportSelectionType) {
630
676
  case EXPORT_SELECTION_TYPES.ALL_RESOURCES:
631
677
  return jsxRuntime.jsx(uiKit.Text.Body, {
632
- intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportAllMessage), {}, {
678
+ intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportAllMessage), {}, {
633
679
  values: {
634
680
  count: allResourcesCount,
635
681
  resourceType: resourceTypePlural,
@@ -640,7 +686,7 @@ function ExportTextMessage() {
640
686
 
641
687
  case EXPORT_SELECTION_TYPES.ONLY_MATCHING:
642
688
  return jsxRuntime.jsx(uiKit.Text.Body, {
643
- intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportMatchingMessage), {}, {
689
+ intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportMatchingMessage), {}, {
644
690
  values: {
645
691
  count: matchingResourcesCount,
646
692
  resourceType: resourceTypePlural,
@@ -651,7 +697,7 @@ function ExportTextMessage() {
651
697
 
652
698
  case EXPORT_SELECTION_TYPES.ONLY_SELECTED:
653
699
  return jsxRuntime.jsx(uiKit.Text.Body, {
654
- intlMessage: _objectSpread$a(_objectSpread$a({}, messages.exportSelectedMessage), {}, {
700
+ intlMessage: _objectSpread$9(_objectSpread$9({}, messages.exportSelectedMessage), {}, {
655
701
  values: {
656
702
  count: selectedResourceIds.length,
657
703
  resourceType: resourceTypePlural,
@@ -666,8 +712,13 @@ function ExportTextMessage() {
666
712
  }
667
713
 
668
714
  function TagList(props) {
715
+ var _useTheme = designSystem.useTheme(),
716
+ isNewTheme = _useTheme.isNewTheme;
717
+
669
718
  return jsxRuntime.jsx("div", {
670
- css: styles.tagListContainer,
719
+ css: styles.tagListContainer({
720
+ isNewTheme: isNewTheme
721
+ }),
671
722
  "data-testid": props['data-testid'],
672
723
  children: _mapInstanceProperty__default["default"](react.Children).call(react.Children, props.children, function (tag) {
673
724
  return jsxRuntime.jsx("div", {
@@ -683,12 +734,40 @@ TagList.propTypes = process.env.NODE_ENV !== "production" ? {
683
734
  'data-testid': PropTypes__default["default"].string
684
735
  } : {};
685
736
 
686
- 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; }
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; }
687
738
 
688
- 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; }
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; }
689
740
  function AppliedFilters(_ref) {
690
741
  var filters = _ref.filters,
691
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
+ });
692
771
  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
693
772
  scale: "s",
694
773
  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
@@ -699,10 +778,10 @@ function AppliedFilters(_ref) {
699
778
  size: "medium",
700
779
  color: "neutral60"
701
780
  }), jsxRuntime.jsx(uiKit.Text.Body, {
702
- intlMessage: _objectSpread$9(_objectSpread$9({}, messages.appliedFiltersMessage), {}, {
781
+ isBold: true,
782
+ intlMessage: _objectSpread$8(_objectSpread$8({}, messages.appliedFiltersMessage), {}, {
703
783
  values: {
704
- filtersCount: filters.length,
705
- b: getBold
784
+ filtersCount: filters.length
706
785
  }
707
786
  })
708
787
  })]
@@ -726,21 +805,20 @@ AppliedFilters.propTypes = process.env.NODE_ENV !== "production" ? {
726
805
  onFilterRemove: PropTypes__default["default"].func.isRequired
727
806
  } : {};
728
807
 
729
- 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; }
730
-
731
- 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
732
809
  function ExportBasedOnMyViewsSelectField() {
810
+ var _useTheme = designSystem.useTheme(),
811
+ themedValue = _useTheme.themedValue;
812
+
733
813
  return jsxRuntime.jsxs(uiKit.Spacings.Inline, {
734
814
  scale: "m",
735
815
  alignItems: "center",
736
816
  children: [jsxRuntime.jsx(uiKit.Text.Body, {
737
- intlMessage: _objectSpread$8(_objectSpread$8({}, messages.exportBasedOnMyViewsMessage), {}, {
738
- values: {
739
- b: getBold
740
- }
741
- })
817
+ intlMessage: messages.exportBasedOnMyViewsMessage
818
+ }), jsxRuntime.jsx(uiKit.Text.Body, {
819
+ intlMessage: messages.myViews
742
820
  }), jsxRuntime.jsx(uiKit.Constraints.Horizontal, {
743
- max: 4,
821
+ max: themedValue(4, 7),
744
822
  children: jsxRuntime.jsx(uiKit.SelectInput, {
745
823
  isDisabled: true,
746
824
  placeholder: "Default"
@@ -758,10 +836,28 @@ var IconPlaceholder = /*#__PURE__*/_styled__default["default"]("div", process.en
758
836
  } : {
759
837
  target: "e1nl5t3e0",
760
838
  label: "IconPlaceholder"
761
- })("width:", uiKit.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcGxpZWQtc2VhcmNoLXRlcm1zLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXa0MiLCJmaWxlIjoiYXBwbGllZC1zZWFyY2gtdGVybXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJ1xuaW1wb3J0IHtcbiAgQW5nbGVSaWdodEljb24sXG4gIGN1c3RvbVByb3BlcnRpZXMsXG4gIFNwYWNpbmdzLFxuICBUZXh0LFxufSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC91aS1raXQnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGdldEJvbGQgfSBmcm9tICcuL21lc3NhZ2UtZm9ybWF0dGVycydcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJ1xuXG5jb25zdCBJY29uUGxhY2Vob2xkZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQXBwbGllZFNlYXJjaFRlcm1zKHsgYXBwbGllZFNlYXJjaFRlcm1zIH0pIHtcbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgIDxBbmdsZVJpZ2h0SWNvblxuICAgICAgICAgIGRhdGEtdGVzdGlkPVwidGVzdC1hcnJvd1JpZ2h0XCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBjb2xvcj1cIm5ldXRyYWw2MFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICBpbnRsTWVzc2FnZT17e1xuICAgICAgICAgICAgLi4ubWVzc2FnZXMuYXBwbGllZFNlYXJjaFRlcm1zTWVzc2FnZSxcbiAgICAgICAgICAgIHZhbHVlczoge1xuICAgICAgICAgICAgICBzZWFyY2hUZXJtc0NvdW50OiBhcHBsaWVkU2VhcmNoVGVybXMubGVuZ3RoLFxuICAgICAgICAgICAgICBiOiBnZXRCb2xkLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwic1wiIGFsaWduSXRlbXM9XCJmbGV4LXN0YXJ0XCI+XG4gICAgICAgIDxJY29uUGxhY2Vob2xkZXIgLz5cbiAgICAgICAgPFRleHQuQm9keT57YXBwbGllZFNlYXJjaFRlcm1zLmpvaW4oJywgJyl9PC9UZXh0LkJvZHk+XG4gICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApXG59XG5BcHBsaWVkU2VhcmNoVGVybXMucHJvcFR5cGVzID0ge1xuICBhcHBsaWVkU2VhcmNoVGVybXM6IFByb3BUeXBlcy5hcnJheS5pc1JlcXVpcmVkLFxufVxuIl19 */"));
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 */"));
762
840
 
763
841
  function AppliedSearchTerms(_ref) {
764
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
+ });
765
861
  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
766
862
  scale: "s",
767
863
  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
@@ -772,10 +868,10 @@ function AppliedSearchTerms(_ref) {
772
868
  size: "medium",
773
869
  color: "neutral60"
774
870
  }), jsxRuntime.jsx(uiKit.Text.Body, {
871
+ isBold: true,
775
872
  intlMessage: _objectSpread$7(_objectSpread$7({}, messages.appliedSearchTermsMessage), {}, {
776
873
  values: {
777
- searchTermsCount: appliedSearchTerms.length,
778
- b: getBold
874
+ searchTermsCount: appliedSearchTerms.length
779
875
  }
780
876
  })
781
877
  })]
@@ -794,9 +890,64 @@ AppliedSearchTerms.propTypes = process.env.NODE_ENV !== "production" ? {
794
890
 
795
891
  function ownKeys$6(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; }
796
892
 
797
- function _objectSpread$6(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$6(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$6(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
798
- function Columns(_ref) {
799
- var columns = _ref.columns;
893
+ function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$6(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$6(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
894
+
895
+ function normalizeFields(fields) {
896
+ var result = _mapInstanceProperty__default["default"](fields).call(fields, function (field) {
897
+ if (isFilledArray(field.fields)) {
898
+ var _context;
899
+
900
+ return _mapInstanceProperty__default["default"](_context = normalizeFields(field.fields)).call(_context, function (nestedField) {
901
+ var _context2;
902
+
903
+ return _objectSpread$6(_objectSpread$6({}, nestedField), {}, {
904
+ key: _concatInstanceProperty__default["default"](_context2 = "".concat(field.key, ".")).call(_context2, nestedField.key)
905
+ });
906
+ });
907
+ }
908
+
909
+ return field;
910
+ });
911
+
912
+ return _flatInstanceProperty__default["default"](result).call(result);
913
+ }
914
+
915
+ function FieldsRenderer(_ref) {
916
+ var fields = _ref.fields;
917
+ var allFields = normalizeFields(fields);
918
+ return jsxRuntime.jsx(TagList, {
919
+ children: _mapInstanceProperty__default["default"](allFields).call(allFields, function (field) {
920
+ return jsxRuntime.jsx("div", {
921
+ "data-testid": "test-field-".concat(field.key),
922
+ children: jsxRuntime.jsx(uiKit.Tag, {
923
+ children: field.label || field.key
924
+ })
925
+ }, field.key);
926
+ })
927
+ });
928
+ }
929
+
930
+ FieldsRenderer.propTypes = process.env.NODE_ENV !== "production" ? ExportFields.propTypes : {};
931
+ function ExportFields(_ref2) {
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
+ });
800
951
  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
801
952
  scale: "s",
802
953
  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
@@ -807,33 +958,36 @@ function Columns(_ref) {
807
958
  size: "medium",
808
959
  color: "neutral60"
809
960
  }), jsxRuntime.jsx(uiKit.Text.Body, {
961
+ isBold: true,
810
962
  intlMessage: _objectSpread$6(_objectSpread$6({}, messages.columnsMessage), {}, {
811
963
  values: {
812
- columnsCount: columns.length,
813
- b: getBold
964
+ columnsCount: fields.length
814
965
  }
815
966
  })
816
967
  })]
817
- }), jsxRuntime.jsx(TagList, {
818
- children: _mapInstanceProperty__default["default"](columns).call(columns, function (column) {
819
- return jsxRuntime.jsx("div", {
820
- "data-testid": "test-column-".concat(column.exportLabel),
821
- children: jsxRuntime.jsx(uiKit.Tag, {
822
- children: column.key
823
- })
824
- }, column.exportLabel);
825
- })
968
+ }), jsxRuntime.jsx(FieldsRenderer, {
969
+ fields: fields
826
970
  })]
827
971
  });
828
972
  }
829
- Columns.propTypes = process.env.NODE_ENV !== "production" ? {
830
- columns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
973
+ ExportFields.propTypes = process.env.NODE_ENV !== "production" ? {
974
+ // TODO: Circular reference
975
+ fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
831
976
  key: PropTypes__default["default"].string.isRequired,
832
- isLocalized: PropTypes__default["default"].bool
977
+ label: PropTypes__default["default"].string,
978
+ isLocalized: PropTypes__default["default"].bool,
979
+ fields: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
980
+ key: PropTypes__default["default"].string.isRequired,
981
+ label: PropTypes__default["default"].string,
982
+ isLocalized: PropTypes__default["default"].bool
983
+ }))
833
984
  })).isRequired
834
985
  } : {};
835
986
 
836
987
  var ExportSelection = function ExportSelection() {
988
+ var _useTheme = designSystem.useTheme(),
989
+ isNewTheme = _useTheme.isNewTheme;
990
+
837
991
  var _useExportResourcesCo = useExportResourcesContext(),
838
992
  formik = _useExportResourcesCo.formik;
839
993
 
@@ -845,6 +999,25 @@ var ExportSelection = function ExportSelection() {
845
999
  }));
846
1000
  };
847
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
+ });
848
1021
  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
849
1022
  scale: "s",
850
1023
  children: [jsxRuntime.jsx(uiKit.Text.Body, {
@@ -870,8 +1043,8 @@ var ExportSelection = function ExportSelection() {
870
1043
  filters: _valuesInstanceProperty__default["default"](formik).appliedFilters,
871
1044
  onFilterRemove: onAppliedFilterRemove
872
1045
  })]
873
- }), _valuesInstanceProperty__default["default"](formik).columns.length > 0 && jsxRuntime.jsx(Columns, {
874
- columns: _valuesInstanceProperty__default["default"](formik).columns
1046
+ }), _valuesInstanceProperty__default["default"](formik).fields.length > 0 && jsxRuntime.jsx(ExportFields, {
1047
+ fields: _valuesInstanceProperty__default["default"](formik).fields
875
1048
  })]
876
1049
  })
877
1050
  })]
@@ -882,8 +1055,20 @@ var ExportSelection = function ExportSelection() {
882
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; }
883
1056
 
884
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; }
885
- var ExportPropertiesPanel = function ExportPropertiesPanel(props) {
1058
+ var ExportProperties = function ExportProperties(props) {
1059
+ var _useTheme = designSystem.useTheme(),
1060
+ isNewTheme = _useTheme.isNewTheme;
1061
+
886
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
+ });
887
1072
  return jsxRuntime.jsx(uiKit.CollapsiblePanel, {
888
1073
  header: jsxRuntime.jsx(uiKit.Text.Body, {
889
1074
  isBold: true,
@@ -892,7 +1077,7 @@ var ExportPropertiesPanel = function ExportPropertiesPanel(props) {
892
1077
  children: props.renderProperties()
893
1078
  });
894
1079
  };
895
- ExportPropertiesPanel.propTypes = process.env.NODE_ENV !== "production" ? {
1080
+ ExportProperties.propTypes = process.env.NODE_ENV !== "production" ? {
896
1081
  renderProperties: PropTypes__default["default"].func
897
1082
  } : {};
898
1083
 
@@ -942,6 +1127,9 @@ function mapLanguagesToOptions(languages) {
942
1127
  }
943
1128
 
944
1129
  function ExportFileSettings(props) {
1130
+ var _useTheme = designSystem.useTheme(),
1131
+ isNewTheme = _useTheme.isNewTheme;
1132
+
945
1133
  var intl = reactIntl.useIntl();
946
1134
 
947
1135
  var _useExportResourcesCo = useExportResourcesContext(),
@@ -958,6 +1146,57 @@ function ExportFileSettings(props) {
958
1146
  languages = _useApplicationContex.languages,
959
1147
  language = _useApplicationContex.language;
960
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
+ });
961
1200
  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
962
1201
  scale: "l",
963
1202
  children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
@@ -1009,7 +1248,7 @@ function ExportFileSettings(props) {
1009
1248
  renderError: renderLanguageError,
1010
1249
  horizontalConstraint: 7
1011
1250
  }))
1012
- }), jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportPropertiesPanel, {
1251
+ }), jsxRuntime.jsx(ExportSelection, {}), jsxRuntime.jsx(ExportProperties, {
1013
1252
  renderProperties: props.renderProperties
1014
1253
  })]
1015
1254
  });
@@ -1124,7 +1363,7 @@ function ExportConfirmationModal(props) {
1124
1363
  graphQuery = buildGraphQuery({
1125
1364
  resourceType: resourceType,
1126
1365
  selectedResourceIds: selectedResourceIds,
1127
- columns: _valuesInstanceProperty__default["default"](formik).columns,
1366
+ fields: _valuesInstanceProperty__default["default"](formik).fields,
1128
1367
  exportSelectionType: _valuesInstanceProperty__default["default"](formik).exportSelectionType,
1129
1368
  languages: _valuesInstanceProperty__default["default"](formik).languages
1130
1369
  });