@commercetools-frontend-extensions/export-resources-modal 4.0.3 → 4.0.5

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js

@@ -15,7 +15,6 @@ var reactIntl = require('react-intl');
 var applicationShellConnectors = require('@commercetools-frontend/application-shell-connectors');
 var uiKit = require('@commercetools-frontend/ui-kit');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-require('@commercetools-uikit/design-system');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var applicationComponents = require('@commercetools-frontend/application-components');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
@@ -26,6 +25,7 @@ var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibl
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 var React = require('react');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var moment = require('moment');
 var _someInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/some');
@@ -36,10 +36,10 @@ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-arr
 var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
 var _sortInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/sort');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+var experimentalComponents = require('@commercetools-frontend/experimental-components');
 var sdk = require('@commercetools-frontend/sdk');
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _styled = require('@emotion/styled/base');
 var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/every');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -270,6 +270,7 @@ function renderLocaleError(key) {
 }
 
 const Z_INDEX_DROPDOWN = 30000;
+const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
 
 const EXPORT_OPERATION_STATES = {
   PROCESSING: 'processing',
@@ -512,14 +513,27 @@ function tmpBuildFilters(selectedResourceIds) {
 }
 
 function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const updateFieldGroupsWithIsCheckedValue = groups => {
-  const updateFields = (fields, parentChecked) => {
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys$3(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
+  const updateFields = (fields, parentChecked, fieldName) => {
     return _mapInstanceProperty__default["default"](fields).call(fields, field => {
-      var _field$isRequired;
-      let isChecked = ((_field$isRequired = field.isRequired) !== null && _field$isRequired !== void 0 ? _field$isRequired : !field.isReadOnly && field.isSelectedByDefault) || parentChecked;
+      let isChecked = false;
+      if (field.isRequired) {
+        isChecked = true;
+      } else {
+        var _context;
+        if (cachedSelectedGroups[_concatInstanceProperty__default["default"](_context = "".concat(fieldName, ".")).call(_context, field.name)] !== undefined) {
+          var _context2;
+          isChecked = cachedSelectedGroups[_concatInstanceProperty__default["default"](_context2 = "".concat(fieldName, ".")).call(_context2, field.name)];
+        } else if (!field.isReadOnly && field.isSelectedByDefault) {
+          isChecked = true;
+        } else if (parentChecked) {
+          isChecked = true;
+        }
+      }
       if (field.fields) {
-        const updatedFields = updateFields(field.fields, isChecked);
+        var _context3;
+        const updatedFields = updateFields(field.fields, isChecked, _concatInstanceProperty__default["default"](_context3 = "".concat(fieldName, ".")).call(_context3, field.name));
         isChecked = false;
         field.fields = updatedFields;
       }
@@ -529,7 +543,7 @@ const updateFieldGroupsWithIsCheckedValue = groups => {
     });
   };
   return _mapInstanceProperty__default["default"](groups).call(groups, group => {
-    const updatedFields = updateFields(group.fields, false);
+    const updatedFields = updateFields(group.fields, false, group.groupLabel);
     return _objectSpread$3(_objectSpread$3({}, group), {}, {
       fields: updatedFields
     });
@@ -555,25 +569,36 @@ const updateFieldGroupWithAdditionalFieldExtensions = groups => {
 };
 
 const useInitialValues = props => {
+  var _context;
   const todayFormatted = moment__default["default"]().format('DD-MM-YY_HH-mm');
   const _useApplicationContex = applicationShellConnectors.useApplicationContext(applicationContext => ({
       locale: applicationContext.dataLocale
     })),
     locale = _useApplicationContex.locale;
-  const groups = updateFieldGroupsWithIsCheckedValue(props.fieldGroups);
+  const _useApplicationContex2 = applicationShellConnectors.useApplicationContext(context => {
+      var _context$project;
+      return {
+        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
+      };
+    }),
+    projectKey = _useApplicationContex2.projectKey;
+  const _useStorage = experimentalComponents.useStorage(_concatInstanceProperty__default["default"](_context = "".concat(projectKey, "/")).call(_context, OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION), {}),
+    _useStorage2 = _slicedToArray(_useStorage, 1),
+    cachedSelectedGroups = _useStorage2[0];
   return React__default["default"].useMemo(() => {
-    var _context;
+    var _context2;
+    const groups = updateFieldGroupsWithIsCheckedValue(props.fieldGroups, cachedSelectedGroups[props.resourceType] || {});
     return {
       outputFormat: props.outputFormat,
-      fileName: _concatInstanceProperty__default["default"](_context = "".concat(resourceTypeToDisplayName({
+      fileName: _concatInstanceProperty__default["default"](_context2 = "".concat(resourceTypeToDisplayName({
         resourceType: props.resourceType,
         isUpperCase: true,
         isPlural: true
-      }), "_Export_")).call(_context, todayFormatted),
+      }), "_Export_")).call(_context2, todayFormatted),
       locales: [locale],
       groups: updateFieldGroupWithAdditionalFieldExtensions(groups)
     };
-  }, [props, locale, todayFormatted, groups]);
+  }, [props.fieldGroups, props.outputFormat, props.resourceType, cachedSelectedGroups, todayFormatted, locale]);
 };
 
 async function createExportOperation(_ref) {
@@ -846,7 +871,13 @@ const NoSearchResults = () => {
 };
 
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context7 = ownKeys$1(Object(t), !0)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context8 = ownKeys$1(Object(t))).call(_context8, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context11, _context12; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context11 = ownKeys$1(Object(t), !0)).call(_context11, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context12 = ownKeys$1(Object(t))).call(_context12, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const StyledGridCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+  target: "e3xiyhb2"
+} )({
+  name: "1lf8z6",
+  styles: "max-height:50vh;overflow:auto"
+} );
 const StyledGroupCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
   target: "e3xiyhb1"
 } )("border-right:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";background-color:", uiKit.designTokens.colorNeutral98, ";height:100%;border-radius:0;", props => props.showTopBorder && /*#__PURE__*/react.css("border-top:", uiKit.designTokens.borderWidth1, " solid ", uiKit.designTokens.colorNeutral90, ";" + ("" ), "" ), ";" + ("" ));
@@ -995,11 +1026,23 @@ const FieldGroupSection = _ref2 => {
   });
 };
 const ExportFieldsSelectionStep = () => {
+  var _context5;
   const intl = reactIntl.useIntl();
   const _React$useState = React__default["default"].useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fieldSearchTerm = _React$useState2[0],
     setFieldSearchTerm = _React$useState2[1];
+  const _useApplicationContex = applicationShellConnectors.useApplicationContext(context => {
+      var _context$project;
+      return {
+        projectKey: (_context$project = context.project) === null || _context$project === void 0 ? void 0 : _context$project.key
+      };
+    }),
+    projectKey = _useApplicationContex.projectKey;
+  const _useStorage = experimentalComponents.useStorage(_concatInstanceProperty__default["default"](_context5 = "".concat(projectKey, "/")).call(_context5, OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION), {}),
+    _useStorage2 = _slicedToArray(_useStorage, 2);
+    _useStorage2[0];
+    const setCachedSelectedGroups = _useStorage2[1];
   const _useExportResourcesCo = useExportResourcesContext(),
     formik = _useExportResourcesCo.formik,
     setCurrentStep = _useExportResourcesCo.setCurrentStep,
@@ -1010,16 +1053,31 @@ const ExportFieldsSelectionStep = () => {
     isPlural: true
   });
   React__default["default"].useEffect(() => {
+    var _context8;
     formik.validateForm();
+    const selectedFields = {};
+    function getSelectedFields(field, groupName) {
+      var _context6;
+      const fieldName = field.name ? _concatInstanceProperty__default["default"](_context6 = "".concat(groupName, ".")).call(_context6, field.name) : groupName;
+      if (field.fields) {
+        var _context7;
+        return _forEachInstanceProperty__default["default"](_context7 = field.fields).call(_context7, f => getSelectedFields(f, fieldName));
+      }
+      selectedFields[fieldName] = field.isChecked;
+    }
+    _forEachInstanceProperty__default["default"](_context8 = _valuesInstanceProperty__default["default"](formik).groups).call(_context8, group => getSelectedFields(group, group.groupLabel));
+    setCachedSelectedGroups({
+      [resourceType]: selectedFields
+    });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [_valuesInstanceProperty__default["default"](formik).groups]);
   // adds `isHidden` property to each field based on search term
   const filteredGroups = React__default["default"].useMemo(() => {
-    var _fieldSearchTerm$trim, _context6;
+    var _fieldSearchTerm$trim, _context10;
     const updateFields = (fields, parentMatches) => {
       return _mapInstanceProperty__default["default"](fields).call(fields, field => {
-        var _context5;
-        const matches = _includesInstanceProperty__default["default"](_context5 = field.label.toLowerCase()).call(_context5, fieldSearchTerm.toLowerCase());
+        var _context9;
+        const matches = _includesInstanceProperty__default["default"](_context9 = field.label.toLowerCase()).call(_context9, fieldSearchTerm.toLowerCase());
         let isHidden = !matches && !parentMatches;
         if (field.fields) {
           const updatedFields = updateFields(field.fields, matches);
@@ -1034,7 +1092,7 @@ const ExportFieldsSelectionStep = () => {
       });
     };
     if (!(fieldSearchTerm !== null && fieldSearchTerm !== void 0 && (_fieldSearchTerm$trim = _trimInstanceProperty__default["default"](fieldSearchTerm).call(fieldSearchTerm)) !== null && _fieldSearchTerm$trim !== void 0 && _fieldSearchTerm$trim.length)) return _valuesInstanceProperty__default["default"](formik).groups;
-    return _mapInstanceProperty__default["default"](_context6 = _valuesInstanceProperty__default["default"](formik).groups).call(_context6, group => {
+    return _mapInstanceProperty__default["default"](_context10 = _valuesInstanceProperty__default["default"](formik).groups).call(_context10, group => {
       const updatedFields = updateFields(group.fields, false);
       const isHidden = _everyInstanceProperty__default["default"](updatedFields).call(updatedFields, field => field.isHidden);
       return _objectSpread$1(_objectSpread$1({}, group), {}, {
@@ -1085,7 +1143,7 @@ const ExportFieldsSelectionStep = () => {
           // TODO: `SearchTextInput` props to be improved. The `onSubmit` callback shouldn't be mandatory
           ,
           onSubmit: () => {}
-        }), hasResults ? jsxRuntime.jsx(uiKit.Card, {
+        }), hasResults ? jsxRuntime.jsx(StyledGridCard, {
           insetScale: "none",
           children: jsxRuntime.jsx(uiKit.Grid, {
             gridAutoFlow: "row",
@@ -1159,17 +1217,17 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-d954fe3d.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-de" */'./de-061f704f.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-042343bd.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-es" */'./es-294da86d.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-fce1ca96.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-5ed7b9c1.cjs.prod.js'); });
     case 'zh-CN':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-52baa549.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-zh-CN" */'./zh-CN-b1180dfd.cjs.prod.js'); });
     case 'ja':
       return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ec2a1a11.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require( /* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-6eb85adb.cjs.prod.js'); });
     default:
       return Promise.resolve().then(function () { return require( /* webpackChunkName: "export-resources-modal-i18n-en" */'./en-7a050c00.cjs.prod.js'); });
   }