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

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

@@ -16,7 +16,9 @@ var applicationShellConnectors = require('@commercetools-frontend/application-sh
 var uiKit = require('@commercetools-frontend/ui-kit');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var applicationComponents = require('@commercetools-frontend/application-components');
+var React = require('react');
 var _Reflect$construct = require('@babel/runtime-corejs3/core-js-stable/reflect/construct');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
@@ -24,9 +26,7 @@ var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 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');
 var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
@@ -64,9 +64,9 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
-var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+var React__default = /*#__PURE__*/_interopDefault(React);
+var _Reflect$construct__default = /*#__PURE__*/_interopDefault(_Reflect$construct);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
@@ -245,17 +245,37 @@ var messages = reactIntl.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__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$4(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$4(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$4(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function ownKeys$5(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$5(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$5(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$5(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 function renderFileNameError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.missingFileNameError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.missingFileNameError));
     case 'invalidInput':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.invalidFileNameError));
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$5({}, messages.invalidFileNameError));
     default:
       return null;
   }
@@ -263,64 +283,12 @@ function renderFileNameError(key) {
 function renderLocaleError(key) {
   switch (key) {
     case 'missing':
-      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$4({}, messages.missingLocaleError));
+      return jsxRuntime.jsx(reactIntl.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__default["default"](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__default["default"](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__default["default"](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__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$3 = function () { return !!t; })(); }
 let MissingExportResourceProviderError = /*#__PURE__*/function (_Error) {
@@ -433,6 +401,43 @@ function validate(_ref) {
   return omitEmpty__default["default"](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,
@@ -512,8 +517,8 @@ function tmpBuildFilters(selectedResourceIds) {
   return ["id in (".concat(formattedIds, ")")];
 }
 
-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 _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; }
+function ownKeys$4(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$4(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$4(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$4(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 => {
@@ -537,14 +542,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__default["default"](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
     });
   });
@@ -556,13 +561,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__default["default"](groups).call(groups, group => {
-    return _objectSpread$3(_objectSpread$3({}, group), {}, {
+    return _objectSpread$4(_objectSpread$4({}, group), {}, {
       fields: updateAdditionalFieldExtensions(group.fields, group.additionalFieldExtensions || [])
     });
   });
@@ -712,46 +717,53 @@ const useStartExportOperation = props => {
   };
 };
 
-function ownKeys$2(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$2(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$2(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$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function ExportTextMessage() {
-  const intl = reactIntl.useIntl();
+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; }
+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 jsxRuntime.jsx(uiKit.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 jsxRuntime.jsx(uiKit.Spacings.Stack, {
+    scale: "m",
+    children: jsxRuntime.jsxs(uiKit.RadioInput.Group, {
+      value: exportType,
+      onChange: e => {
+        onScopeChange(e.target.value);
+      },
+      direction: "stack",
+      directionProps: {
+        scale: 's'
+      },
+      children: [jsxRuntime.jsx(uiKit.RadioInput.Option, {
+        value: EXPORT_TYPES.ALL,
+        children: jsxRuntime.jsx(uiKit.Text.Body, {
+          intlMessage: _objectSpread$3(_objectSpread$3({}, messages.exportScopeAll), {}, {
+            values: {
+              total: new Intl.NumberFormat().format(totalResourcesCount)
+            }
+          })
+        })
+      }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
+        value: EXPORT_TYPES.SELECTED,
+        isDisabled: !(originalSelectedResourceIds !== null && originalSelectedResourceIds !== void 0 && originalSelectedResourceIds.length),
+        children: jsxRuntime.jsx(uiKit.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 = reactIntl.useIntl();
   const _useExportResourcesCo = useExportResourcesContext(),
     formik = _useExportResourcesCo.formik,
@@ -784,57 +796,67 @@ const ExportFileSettingsStep = () => {
     size: 16,
     children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
       scale: "xxxl",
-      children: [jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+      children: [jsxRuntime.jsx(uiKit.Spacings.Stack, {
         scale: "l",
-        children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-          alignItems: "center",
-          children: [jsxRuntime.jsx(uiKit.ExportIcon, {
-            size: "medium",
-            color: "neutral60"
-          }), jsxRuntime.jsx(ExportTextMessage, {})]
-        }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-          scale: "m",
-          children: [jsxRuntime.jsx(uiKit.SelectField, {
-            name: "outputFormat",
-            onChange: formik.handleChange,
-            onBlur: formik.handleBlur,
-            value: _valuesInstanceProperty__default["default"](formik).outputFormat,
-            title: intl.formatMessage(messages.outputFormat),
-            options: OUTPUT_FORMAT_OPTIONS
-          }), jsxRuntime.jsx(uiKit.TextField, {
-            name: "fileName",
-            onChange: formik.handleChange,
-            onBlur: formik.handleBlur,
-            value: _valuesInstanceProperty__default["default"](formik).fileName,
-            title: intl.formatMessage(messages.fileName),
-            touched: formik.touched.fileName,
-            errors: formik.errors.fileName,
-            renderError: renderFileNameError
-          }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-            scale: "xs",
-            children: [jsxRuntime.jsx(uiKit.SelectField, {
-              id: "locales",
-              name: "locales",
-              value: _valuesInstanceProperty__default["default"](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
-            }), jsxRuntime.jsx(uiKit.CheckboxInput, {
-              isChecked: areAllLocalesChecked,
-              onChange: e => {
-                if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
-              },
-              children: intl.formatMessage(messages.selectAllLocales)
-            })]
+        children: jsxRuntime.jsxs(uiKit.Grid, {
+          gridRowGap: uiKit.designTokens.spacingL,
+          gridTemplateColumns: _concatInstanceProperty__default["default"](_context = "calc(".concat(uiKit.designTokens.constraint3, " + ")).call(_context, uiKit.designTokens.spacingL, ") auto"),
+          children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              intlMessage: messages.exportScope
+            })
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(ExportScopeSection, {})
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              intlMessage: messages.exportSettings
+            })
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+              scale: "m",
+              children: [jsxRuntime.jsx(uiKit.SelectField, {
+                name: "outputFormat",
+                onChange: formik.handleChange,
+                onBlur: formik.handleBlur,
+                value: _valuesInstanceProperty__default["default"](formik).outputFormat,
+                title: intl.formatMessage(messages.outputFormat),
+                options: OUTPUT_FORMAT_OPTIONS
+              }), jsxRuntime.jsx(uiKit.TextField, {
+                name: "fileName",
+                onChange: formik.handleChange,
+                onBlur: formik.handleBlur,
+                value: _valuesInstanceProperty__default["default"](formik).fileName,
+                title: intl.formatMessage(messages.fileName),
+                touched: formik.touched.fileName,
+                errors: formik.errors.fileName,
+                renderError: renderFileNameError
+              }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+                scale: "xs",
+                children: [jsxRuntime.jsx(uiKit.SelectField, {
+                  id: "locales",
+                  name: "locales",
+                  value: _valuesInstanceProperty__default["default"](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
+                }), jsxRuntime.jsx(uiKit.CheckboxInput, {
+                  isChecked: areAllLocalesChecked,
+                  onChange: e => {
+                    if (e.target.checked) formik.setFieldValue('locales', locales);else formik.setFieldValue('locales', [locale]);
+                  },
+                  children: intl.formatMessage(messages.selectAllLocales)
+                })]
+              })]
+            })
           })]
-        })]
+        })
       }), jsxRuntime.jsx("div", {})]
     })
   });
@@ -870,8 +892,8 @@ 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 _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; }
+function ownKeys$2(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$2(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$2(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$2(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"
 } )({
@@ -979,17 +1001,17 @@ const FieldGroupSection = _ref2 => {
     function updateAllFields(fields, checked) {
       return _mapInstanceProperty__default["default"](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)
     }));
   };
@@ -1082,11 +1104,11 @@ const ExportFieldsSelectionStep = () => {
         if (field.fields) {
           const updatedFields = updateFields(field.fields, matches);
           isHidden = isHidden && _everyInstanceProperty__default["default"](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
         });
       });
@@ -1095,7 +1117,7 @@ const ExportFieldsSelectionStep = () => {
     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), {}, {
+      return _objectSpread$2(_objectSpread$2({}, group), {}, {
         fields: updatedFields,
         isHidden
       });
@@ -1162,14 +1184,24 @@ const ExportFieldsSelectionStep = () => {
 
 const ExportResourcesContext = /*#__PURE__*/React.createContext();
 
+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 _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(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$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](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__default["default"].useState(1),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentStep = _React$useState2[0],
     setCurrentStep = _React$useState2[1];
+  const _React$useState3 = React__default["default"].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);
@@ -1177,6 +1209,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$1 = formik.useFormik({
     initialValues,
     validate: values => validate({
@@ -1195,9 +1240,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
   });
@@ -1302,7 +1349,6 @@ ExportResourcesModal.displayName = 'ExportResourcesModal';
 ExportResourcesModal.defaultProps = {
   isOpen: false,
   selectedResourceIds: [],
-  exportType: EXPORT_TYPES.ALL,
   outputFormat: OUTPUT_FORMATS.CSV,
   fieldGroups: []
 };