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

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

@@ -9,10 +9,12 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import { defineMessages, FormattedMessage, useIntl, IntlProvider } from 'react-intl';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { Text, TextInput, Link, Spacings, ExportIcon, SelectField, TextField, CheckboxInput, Card, designTokens, SearchTextInput, Grid } from '@commercetools-frontend/ui-kit';
+import { Text, TextInput, Link, Spacings, RadioInput, Grid, designTokens, SelectField, TextField, CheckboxInput, Card, SearchTextInput } from '@commercetools-frontend/ui-kit';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { FormDialog } from '@commercetools-frontend/application-components';
+import React, { useContext, createContext, useState, useEffect } from 'react';
 import _Reflect$construct from '@babel/runtime-corejs3/core-js-stable/reflect/construct';
 import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
 import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
@@ -20,9 +22,7 @@ import _inherits from '@babel/runtime-corejs3/helpers/esm/inherits';
 import _possibleConstructorReturn from '@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn';
 import _getPrototypeOf from '@babel/runtime-corejs3/helpers/esm/getPrototypeOf';
 import _wrapNativeSuper from '@babel/runtime-corejs3/helpers/esm/wrapNativeSuper';
-import React, { useContext, createContext, useState, useEffect } from 'react';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
-import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import moment from 'moment';
 import _someInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/some';
 import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
@@ -210,17 +210,37 @@ var messages = defineMessages({
     id: 'ExportResourcesModal.searchByEnteringTheExactFieldName',
     description: 'In Export fields selection - Search by entering the exact field name message',
     defaultMessage: 'Try searching by entering the exact field name.'
+  },
+  exportScope: {
+    id: 'ExportResourcesModal.exportScope',
+    description: 'Label for Export Scope',
+    defaultMessage: 'Scope'
+  },
+  exportScopeAll: {
+    id: 'ExportResourcesModal.exportScopeAll',
+    description: 'Label for Export All',
+    defaultMessage: 'Export all: {total} categories'
+  },
+  exportScopeSelected: {
+    id: 'ExportResourcesModal.exportScopeSelected',
+    description: 'Label for Export Selected',
+    defaultMessage: 'Export selected{total, select, 0 {} other {: {total} categories}}'
+  },
+  exportSettings: {
+    id: 'ExportResourcesModal.exportSettings',
+    description: 'Label for Export Settings',
+    defaultMessage: 'Settings'
   }
 });
 
-function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
-      return jsx(FormattedMessage, _objectSpread$4({}, messages.missingFileNameError));
+      return jsx(FormattedMessage, _objectSpread$5({}, messages.missingFileNameError));
     case 'invalidInput':
-      return jsx(FormattedMessage, _objectSpread$4({}, messages.invalidFileNameError));
+      return jsx(FormattedMessage, _objectSpread$5({}, messages.invalidFileNameError));
     default:
       return null;
   }
@@ -228,64 +248,12 @@ function renderFileNameError(key) {
 function renderLocaleError(key) {
   switch (key) {
     case 'missing':
-      return jsx(FormattedMessage, _objectSpread$4({}, messages.missingLocaleError));
+      return jsx(FormattedMessage, _objectSpread$5({}, messages.missingLocaleError));
     default:
       return null;
   }
 }
 
-const Z_INDEX_DROPDOWN = 30000;
-const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
-
-const EXPORT_OPERATION_STATES = {
-  PROCESSING: 'processing',
-  COMPLETED: 'completed',
-  FAILED: 'failed'
-};
-
-const EXPORT_TYPES = {
-  ALL: 'all',
-  FILTERED: 'filtered',
-  SELECTED: 'selected'
-};
-
-const EXPORTABLE_RESOURCES = {
-  CATEGORY: 'category',
-  PRODUCT: 'product',
-  DISCOUNT_CODE: 'discountCode'
-};
-
-const OUTPUT_FORMATS = {
-  JSON: 'json',
-  CSV: 'csv'
-};
-const OUTPUT_FORMAT_OPTIONS = [{
-  value: OUTPUT_FORMATS.CSV,
-  label: 'CSV'
-}, {
-  value: OUTPUT_FORMATS.JSON,
-  label: 'JSON'
-}];
-
-const FIELD_DEFINITIONS_URLS = {
-  category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values'
-};
-
-function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$4() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$4 = function () { return !!t; })(); }
-let UnexpectedExportTypeError = /*#__PURE__*/function (_Error) {
-  _inherits(UnexpectedExportTypeError, _Error);
-  var _super = _createSuper$4(UnexpectedExportTypeError);
-  function UnexpectedExportTypeError(exportType) {
-    var _this;
-    _classCallCheck(this, UnexpectedExportTypeError);
-    _this = _super.call(this, "Unexpected export type: ".concat(exportType));
-    _this.name = 'UnexpectedExportTypeError';
-    return _this;
-  }
-  return _createClass(UnexpectedExportTypeError);
-}( /*#__PURE__*/_wrapNativeSuper(Error));
-
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct$3() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
 let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
@@ -398,6 +366,43 @@ function validate(_ref) {
   return omitEmpty(errors);
 }
 
+const Z_INDEX_DROPDOWN = 30000;
+const OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION = 'OPERATIONS_EXPORT_RESOURCES_MODAL_SELECTION';
+
+const EXPORT_OPERATION_STATES = {
+  PROCESSING: 'processing',
+  COMPLETED: 'completed',
+  FAILED: 'failed'
+};
+
+const EXPORT_TYPES = {
+  ALL: 'all',
+  FILTERED: 'filtered',
+  SELECTED: 'selected'
+};
+
+const EXPORTABLE_RESOURCES = {
+  CATEGORY: 'category',
+  PRODUCT: 'product',
+  DISCOUNT_CODE: 'discountCode'
+};
+
+const OUTPUT_FORMATS = {
+  JSON: 'json',
+  CSV: 'csv'
+};
+const OUTPUT_FORMAT_OPTIONS = [{
+  value: OUTPUT_FORMATS.CSV,
+  label: 'CSV'
+}, {
+  value: OUTPUT_FORMATS.JSON,
+  label: 'JSON'
+}];
+
+const FIELD_DEFINITIONS_URLS = {
+  category: 'https://docs.commercetools.com/merchant-center/import-categories#supported-headers-and-values'
+};
+
 function resourceTypeToDisplayName(_ref) {
   let resourceType = _ref.resourceType,
     _ref$isUpperCase = _ref.isUpperCase,
@@ -477,8 +482,8 @@ function tmpBuildFilters(selectedResourceIds) {
   return ["id in (".concat(formattedIds, ")")];
 }
 
-function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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(_context4 = ownKeys$3(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$3(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys$4(Object(t), !0)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys$4(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
   const updateFields = (fields, parentChecked, fieldName) => {
     return _mapInstanceProperty(fields).call(fields, field => {
@@ -502,14 +507,14 @@ const updateFieldGroupsWithIsCheckedValue = (groups, cachedSelectedGroups) => {
         isChecked = false;
         field.fields = updatedFields;
       }
-      return _objectSpread$3(_objectSpread$3({}, field), {}, {
+      return _objectSpread$4(_objectSpread$4({}, field), {}, {
         isChecked
       });
     });
   };
   return _mapInstanceProperty(groups).call(groups, group => {
     const updatedFields = updateFields(group.fields, false, group.groupLabel);
-    return _objectSpread$3(_objectSpread$3({}, group), {}, {
+    return _objectSpread$4(_objectSpread$4({}, group), {}, {
       fields: updatedFields
     });
   });
@@ -521,13 +526,13 @@ const updateFieldGroupWithAdditionalFieldExtensions = groups => {
       if (field.fields) {
         field.fields = updateAdditionalFieldExtensions(field.fields, updatedAdditionalFieldExtensions);
       }
-      return _objectSpread$3(_objectSpread$3({}, field), {}, {
+      return _objectSpread$4(_objectSpread$4({}, field), {}, {
         additionalFieldExtensions: updatedAdditionalFieldExtensions
       });
     });
   }
   return _mapInstanceProperty(groups).call(groups, group => {
-    return _objectSpread$3(_objectSpread$3({}, group), {}, {
+    return _objectSpread$4(_objectSpread$4({}, group), {}, {
       fields: updateAdditionalFieldExtensions(group.fields, group.additionalFieldExtensions || [])
     });
   });
@@ -677,46 +682,53 @@ const useStartExportOperation = props => {
   };
 };
 
-function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-function ExportTextMessage() {
-  const intl = useIntl();
+function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ExportScopeSection() {
+  var _originalSelectedReso;
   const _useExportResourcesCo = useExportResourcesContext(),
-    resourceType = _useExportResourcesCo.resourceType,
+    exportType = _useExportResourcesCo.exportType,
     totalResourcesCount = _useExportResourcesCo.totalResourcesCount,
-    selectedResourceIds = _useExportResourcesCo.selectedResourceIds,
-    exportType = _useExportResourcesCo.exportType;
-  const resourceTypePlural = resourceTypeToDisplayName({
-    resourceType: resourceType,
-    isPlural: true
-  });
-  let message;
-  let count;
-  switch (exportType) {
-    case EXPORT_TYPES.ALL:
-      message = messages.exportAllMessage;
-      count = totalResourcesCount;
-      break;
-    case EXPORT_TYPES.SELECTED:
-      message = messages.exportSelectedMessage;
-      count = selectedResourceIds.length;
-      break;
-    default:
-      throw new UnexpectedExportTypeError(exportType);
-  }
-  return jsx(Text.Body, {
-    "data-testid": "export-description",
-    intlMessage: _objectSpread$2(_objectSpread$2({}, message), {}, {
-      values: {
-        count: intl.formatNumber(count),
-        resourceType: resourceTypePlural,
-        b: getBold
-      }
+    originalSelectedResourceIds = _useExportResourcesCo.originalSelectedResourceIds,
+    onScopeChange = _useExportResourcesCo.onScopeChange;
+  return jsx(Spacings.Stack, {
+    scale: "m",
+    children: jsxs(RadioInput.Group, {
+      value: exportType,
+      onChange: e => {
+        onScopeChange(e.target.value);
+      },
+      direction: "stack",
+      directionProps: {
+        scale: 's'
+      },
+      children: [jsx(RadioInput.Option, {
+        value: EXPORT_TYPES.ALL,
+        children: jsx(Text.Body, {
+          intlMessage: _objectSpread$3(_objectSpread$3({}, messages.exportScopeAll), {}, {
+            values: {
+              total: new Intl.NumberFormat().format(totalResourcesCount)
+            }
+          })
+        })
+      }), jsx(RadioInput.Option, {
+        value: EXPORT_TYPES.SELECTED,
+        isDisabled: !(originalSelectedResourceIds !== null && originalSelectedResourceIds !== void 0 && originalSelectedResourceIds.length),
+        children: jsx(Text.Body, {
+          tone: !(originalSelectedResourceIds !== null && originalSelectedResourceIds !== void 0 && originalSelectedResourceIds.length) ? 'tertiary' : undefined,
+          intlMessage: _objectSpread$3(_objectSpread$3({}, messages.exportScopeSelected), {}, {
+            values: {
+              total: new Intl.NumberFormat().format((_originalSelectedReso = originalSelectedResourceIds === null || originalSelectedResourceIds === void 0 ? void 0 : originalSelectedResourceIds.length) !== null && _originalSelectedReso !== void 0 ? _originalSelectedReso : 0)
+            }
+          })
+        })
+      })]
     })
   });
 }
 
 const ExportFileSettingsStep = () => {
+  var _context;
   const intl = useIntl();
   const _useExportResourcesCo = useExportResourcesContext(),
     formik = _useExportResourcesCo.formik,
@@ -749,57 +761,67 @@ const ExportFileSettingsStep = () => {
     size: 16,
     children: jsxs(Spacings.Stack, {
       scale: "xxxl",
-      children: [jsxs(Spacings.Stack, {
+      children: [jsx(Spacings.Stack, {
         scale: "l",
-        children: [jsxs(Spacings.Inline, {
-          alignItems: "center",
-          children: [jsx(ExportIcon, {
-            size: "medium",
-            color: "neutral60"
-          }), jsx(ExportTextMessage, {})]
-        }), jsxs(Spacings.Stack, {
-          scale: "m",
-          children: [jsx(SelectField, {
-            name: "outputFormat",
-            onChange: formik.handleChange,
-            onBlur: formik.handleBlur,
-            value: _valuesInstanceProperty(formik).outputFormat,
-            title: intl.formatMessage(messages.outputFormat),
-            options: OUTPUT_FORMAT_OPTIONS
-          }), jsx(TextField, {
-            name: "fileName",
-            onChange: formik.handleChange,
-            onBlur: formik.handleBlur,
-            value: _valuesInstanceProperty(formik).fileName,
-            title: intl.formatMessage(messages.fileName),
-            touched: formik.touched.fileName,
-            errors: formik.errors.fileName,
-            renderError: renderFileNameError
-          }), jsxs(Spacings.Stack, {
-            scale: "xs",
-            children: [jsx(SelectField, {
-              id: "locales",
-              name: "locales",
-              value: _valuesInstanceProperty(formik).locales,
-              title: intl.formatMessage(messages.locale),
-              options: mapLocalesToOptions(locales),
-              isMulti: true,
-              onChange: formik.handleChange,
-              onBlur: formik.handleBlur,
-              touched: formik.touched.locales,
-              errors: formik.errors.locales,
-              renderError: renderLocaleError,
-              menuPortalTarget: document.body,
-              menuPortalZIndex: Z_INDEX_DROPDOWN
-            }), jsx(CheckboxInput, {
-              isChecked: areAllLocalesChecked,
-              onChange: e => {
-                if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
-              },
-              children: intl.formatMessage(messages.selectAllLocales)
-            })]
+        children: jsxs(Grid, {
+          gridRowGap: designTokens.spacingL,
+          gridTemplateColumns: _concatInstanceProperty(_context = "calc(".concat(designTokens.constraint3, " + ")).call(_context, designTokens.spacingL, ") auto"),
+          children: [jsx(Grid.Item, {
+            children: jsx(Text.Body, {
+              intlMessage: messages.exportScope
+            })
+          }), jsx(Grid.Item, {
+            children: jsx(ExportScopeSection, {})
+          }), jsx(Grid.Item, {
+            children: jsx(Text.Body, {
+              intlMessage: messages.exportSettings
+            })
+          }), jsx(Grid.Item, {
+            children: jsxs(Spacings.Stack, {
+              scale: "m",
+              children: [jsx(SelectField, {
+                name: "outputFormat",
+                onChange: formik.handleChange,
+                onBlur: formik.handleBlur,
+                value: _valuesInstanceProperty(formik).outputFormat,
+                title: intl.formatMessage(messages.outputFormat),
+                options: OUTPUT_FORMAT_OPTIONS
+              }), jsx(TextField, {
+                name: "fileName",
+                onChange: formik.handleChange,
+                onBlur: formik.handleBlur,
+                value: _valuesInstanceProperty(formik).fileName,
+                title: intl.formatMessage(messages.fileName),
+                touched: formik.touched.fileName,
+                errors: formik.errors.fileName,
+                renderError: renderFileNameError
+              }), jsxs(Spacings.Stack, {
+                scale: "xs",
+                children: [jsx(SelectField, {
+                  id: "locales",
+                  name: "locales",
+                  value: _valuesInstanceProperty(formik).locales,
+                  title: intl.formatMessage(messages.locale),
+                  options: mapLocalesToOptions(locales),
+                  isMulti: true,
+                  onChange: formik.handleChange,
+                  onBlur: formik.handleBlur,
+                  touched: formik.touched.locales,
+                  errors: formik.errors.locales,
+                  renderError: renderLocaleError,
+                  menuPortalTarget: document.body,
+                  menuPortalZIndex: Z_INDEX_DROPDOWN
+                }), jsx(CheckboxInput, {
+                  isChecked: areAllLocalesChecked,
+                  onChange: e => {
+                    if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
+                  },
+                  children: intl.formatMessage(messages.selectAllLocales)
+                })]
+              })]
+            })
           })]
-        })]
+        })
       }), jsx("div", {})]
     })
   });
@@ -841,8 +863,8 @@ const NoSearchResults = () => {
   });
 };
 
-function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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(_context11 = ownKeys$1(Object(t), !0)).call(_context11, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context12 = ownKeys$1(Object(t))).call(_context12, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context11, _context12; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context11 = ownKeys$2(Object(t), !0)).call(_context11, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context12 = ownKeys$2(Object(t))).call(_context12, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 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)."; }
 const StyledGridCard = /*#__PURE__*/_styled(Card, process.env.NODE_ENV === "production" ? {
   target: "e3xiyhb2"
@@ -965,17 +987,17 @@ const FieldGroupSection = _ref2 => {
     function updateAllFields(fields, checked) {
       return _mapInstanceProperty(fields).call(fields, field => {
         if (field.fields) {
-          return _objectSpread$1(_objectSpread$1({}, field), {}, {
+          return _objectSpread$2(_objectSpread$2({}, field), {}, {
             fields: updateAllFields(field.fields, checked)
           });
         }
         if (field.isReadOnly || field.isRequired) return field;
-        return _objectSpread$1(_objectSpread$1({}, field), {}, {
+        return _objectSpread$2(_objectSpread$2({}, field), {}, {
           isChecked: checked
         });
       });
     }
-    formik.setFieldValue(parentKey, _objectSpread$1(_objectSpread$1({}, item), {}, {
+    formik.setFieldValue(parentKey, _objectSpread$2(_objectSpread$2({}, item), {}, {
       fields: updateAllFields(item.fields, e.target.checked)
     }));
   };
@@ -1068,11 +1090,11 @@ const ExportFieldsSelectionStep = () => {
         if (field.fields) {
           const updatedFields = updateFields(field.fields, matches);
           isHidden = isHidden && _everyInstanceProperty(updatedFields).call(updatedFields, f => f.isHidden);
-          field = _objectSpread$1(_objectSpread$1({}, field), {}, {
+          field = _objectSpread$2(_objectSpread$2({}, field), {}, {
             fields: updatedFields
           });
         }
-        return _objectSpread$1(_objectSpread$1({}, field), {}, {
+        return _objectSpread$2(_objectSpread$2({}, field), {}, {
           isHidden
         });
       });
@@ -1081,7 +1103,7 @@ const ExportFieldsSelectionStep = () => {
     return _mapInstanceProperty(_context10 = _valuesInstanceProperty(formik).groups).call(_context10, group => {
       const updatedFields = updateFields(group.fields, false);
       const isHidden = _everyInstanceProperty(updatedFields).call(updatedFields, field => field.isHidden);
-      return _objectSpread$1(_objectSpread$1({}, group), {}, {
+      return _objectSpread$2(_objectSpread$2({}, group), {}, {
         fields: updatedFields,
         isHidden
       });
@@ -1152,14 +1174,24 @@ process.env.NODE_ENV !== "production" ? {
 
 const ExportResourcesContext = /*#__PURE__*/createContext();
 
+function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ExportResourcesProvider = props => {
+  var _props$selectedResour;
   const initialValues = useInitialValues(props);
-  const _useStartExportOperat = useStartExportOperation(props),
-    startExportOperation = _useStartExportOperat.startExportOperation;
   const _React$useState = React.useState(1),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentStep = _React$useState2[0],
     setCurrentStep = _React$useState2[1];
+  const _React$useState3 = React.useState({
+      exportType: (_props$selectedResour = props.selectedResourceIds) !== null && _props$selectedResour !== void 0 && _props$selectedResour.length ? EXPORT_TYPES.SELECTED : EXPORT_TYPES.ALL,
+      selectedResourceIds: props.selectedResourceIds
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    scope = _React$useState4[0],
+    setScope = _React$useState4[1];
+  const _useStartExportOperat = useStartExportOperation(_objectSpread$1(_objectSpread$1({}, props), scope)),
+    startExportOperation = _useStartExportOperat.startExportOperation;
   const onSubmit = async values => {
     if (currentStep === 1) {
       setCurrentStep(2);
@@ -1167,6 +1199,19 @@ const ExportResourcesProvider = props => {
       startExportOperation(values);
     }
   };
+  const onScopeChange = value => {
+    if (value === EXPORT_TYPES.ALL) {
+      setScope({
+        exportType: value,
+        selectedResourceIds: []
+      });
+    } else {
+      setScope({
+        exportType: value,
+        selectedResourceIds: props.selectedResourceIds
+      });
+    }
+  };
   const formik = useFormik({
     initialValues,
     validate: values => validate({
@@ -1185,9 +1230,11 @@ const ExportResourcesProvider = props => {
       setCurrentStep,
       onClose: props.onClose,
       resourceType: props.resourceType,
-      exportType: props.exportType,
+      exportType: scope.exportType,
       totalResourcesCount: props.totalResourcesCount,
-      selectedResourceIds: props.selectedResourceIds
+      selectedResourceIds: scope.selectedResourceIds,
+      originalSelectedResourceIds: props.selectedResourceIds,
+      onScopeChange
     },
     children: props.children
   });
@@ -1292,7 +1339,6 @@ ExportResourcesModal.displayName = 'ExportResourcesModal';
 ExportResourcesModal.defaultProps = {
   isOpen: false,
   selectedResourceIds: [],
-  exportType: EXPORT_TYPES.ALL,
   outputFormat: OUTPUT_FORMATS.CSV,
   fieldGroups: []
 };

package/dist/declarations/src/@types/export-resources-modal-shape.d.ts

@@ -21,7 +21,6 @@ export interface ExportResourcesModalShape {
     totalResourcesCount: number;
     selectedResourceIds: string[];
     fieldGroups: FieldGroup[];
-    exportType: string;
     renderProperties: () => void;
     fieldOrder?: string[];
 }

package/dist/declarations/src/export-resources-modal.d.ts

@@ -5,7 +5,6 @@ declare const ExportResourcesModal: {
     defaultProps: {
         isOpen: boolean;
         selectedResourceIds: never[];
-        exportType: string;
         outputFormat: string;
         fieldGroups: never[];
     };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "4.0.5",
+  "version": "4.1.0",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"