@commercetools-frontend-extensions/export-resources-modal 5.1.1 → 5.1.3

package/dist/{active-drag-drop-area-418bdbf4.esm.js → active-drag-drop-area-3c6f93ea.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-1619b654.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-85e2278a.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/defineProperty';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';

package/dist/{active-drag-drop-area-364cae94.cjs.dev.js → active-drag-drop-area-69fb2938.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-deb5c3f9.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-b8309ef7.cjs.dev.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');

package/dist/{active-drag-drop-area-20a66ce6.cjs.prod.js → active-drag-drop-area-94fcdcc7.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1cb3087e.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-ee88bf21.cjs.prod.js');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/helpers/defineProperty');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-deb5c3f9.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-b8309ef7.cjs.dev.js');
 require('react');
 require('@commercetools-frontend/ui-kit');
 require('@emotion/react/jsx-runtime');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1cb3087e.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-ee88bf21.cjs.prod.js');
 require('react');
 require('@commercetools-frontend/ui-kit');
 require('@emotion/react/jsx-runtime');

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

@@ -1,4 +1,4 @@
-export { c as EXPORTABLE_RESOURCES, b as EXPORT_TYPES, L as LocaleOption, S as Step, a as default, d as useConvertFieldDefinitionsForExport } from './index-1619b654.esm.js';
+export { c as EXPORTABLE_RESOURCES, b as EXPORT_TYPES, L as LocaleOption, S as Step, a as default, d as useConvertFieldDefinitionsForExport } from './index-85e2278a.esm.js';
 import 'react';
 import '@commercetools-frontend/ui-kit';
 import '@emotion/react/jsx-runtime';

package/dist/{enabled-drop-area-aed3e03e.esm.js → enabled-drop-area-184ada0f.esm.js}

@@ -10,7 +10,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import 'react';
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import { m as messages } from './index-1619b654.esm.js';
+import { m as messages } from './index-85e2278a.esm.js';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';

package/dist/{enabled-drop-area-93b7de32.cjs.prod.js → enabled-drop-area-1b58b8dd.cjs.prod.js}

@@ -12,7 +12,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('react');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1cb3087e.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-ee88bf21.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');

package/dist/{enabled-drop-area-d120c17d.cjs.dev.js → enabled-drop-area-dc1700a7.cjs.dev.js}

@@ -12,7 +12,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('react');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-deb5c3f9.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-b8309ef7.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');

package/dist/{file-dropped-area-d6e47d57.cjs.prod.js → file-dropped-area-2c2dc652.cjs.prod.js}

@@ -3,7 +3,7 @@
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1cb3087e.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-ee88bf21.cjs.prod.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('react');
@@ -37,7 +37,6 @@ require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -46,11 +45,7 @@ require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-require('@commercetools-frontend/l10n');
-require('lodash/sortBy');
-require('@babel/runtime-corejs3/core-js-stable/object/entries');
-require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@commercetools-frontend/application-components');
 require('@commercetools-frontend/fullstory');
 require('@emotion/styled/base');
@@ -60,6 +55,11 @@ require('lodash/get');
 require('formik');
 require('@commercetools-uikit/icons');
 require('react-dropzone');
+require('@commercetools-frontend/l10n');
+require('lodash/sortBy');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/sentry');
 

package/dist/{file-dropped-area-06a60bda.esm.js → file-dropped-area-81ed1081.esm.js}

@@ -1,7 +1,7 @@
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { useIntl } from 'react-intl';
 import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
-import { u as useExportResourcesModalContext, m as messages } from './index-1619b654.esm.js';
+import { u as useExportResourcesModalContext, m as messages } from './index-85e2278a.esm.js';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
 import 'react';
@@ -35,7 +35,6 @@ import '@babel/runtime-corejs3/helpers/possibleConstructorReturn';
 import '@babel/runtime-corejs3/helpers/getPrototypeOf';
 import '@babel/runtime-corejs3/helpers/inherits';
 import '@babel/runtime-corejs3/helpers/wrapNativeSuper';
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/core-js-stable/promise';
 import '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import '@babel/runtime-corejs3/core-js-stable/instance/includes';
@@ -44,19 +43,20 @@ import '@commercetools-frontend/actions-global';
 import '@commercetools-frontend/constants';
 import '@commercetools-frontend/sdk';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import '@commercetools-frontend/application-components';
+import '@commercetools-frontend/fullstory';
+import 'formik';
+import '@commercetools-uikit/icons';
+import 'react-dropzone';
 import '@commercetools-frontend/l10n';
 import 'lodash/sortBy';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
 import '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
-import '@commercetools-frontend/application-components';
-import '@commercetools-frontend/fullstory';
 import '@emotion/styled/base';
 import 'lodash/debounce';
-import 'formik';
-import '@commercetools-uikit/icons';
 import '@emotion/react';
-import 'react-dropzone';
 import 'lodash/get';
 import '@commercetools-frontend/i18n';
 import '@commercetools-frontend/sentry';

package/dist/{file-dropped-area-e45600e0.cjs.dev.js → file-dropped-area-b467b781.cjs.dev.js}

@@ -3,7 +3,7 @@
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var reactIntl = require('react-intl');
 var uiKit = require('@commercetools-frontend/ui-kit');
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-deb5c3f9.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-b8309ef7.cjs.dev.js');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
 require('react');
@@ -37,7 +37,6 @@ require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 require('@babel/runtime-corejs3/helpers/getPrototypeOf');
 require('@babel/runtime-corejs3/helpers/inherits');
 require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
-var jsxRuntime = require('@emotion/react/jsx-runtime');
 require('@babel/runtime-corejs3/core-js-stable/promise');
 require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 require('@babel/runtime-corejs3/core-js-stable/instance/includes');
@@ -46,19 +45,20 @@ require('@commercetools-frontend/actions-global');
 require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@commercetools-frontend/application-components');
+require('@commercetools-frontend/fullstory');
+require('formik');
+require('@commercetools-uikit/icons');
+require('react-dropzone');
 require('@commercetools-frontend/l10n');
 require('lodash/sortBy');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
 require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
-require('@commercetools-frontend/application-components');
-require('@commercetools-frontend/fullstory');
 require('@emotion/styled/base');
 require('lodash/debounce');
-require('formik');
-require('@commercetools-uikit/icons');
 require('@emotion/react');
-require('react-dropzone');
 require('lodash/get');
 require('@commercetools-frontend/i18n');
 require('@commercetools-frontend/sentry');

package/dist/{index-1619b654.esm.js → index-85e2278a.esm.js}

@@ -15,7 +15,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import { defineMessages, FormattedMessage, useIntl, IntlProvider } from 'react-intl';
 import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
-import { Text, Link, TextInput, CheckboxInput, RadioInput, TextField, AngleRightIcon, Spacings, Grid, designTokens, SelectField, FieldLabel, Constraints, Tooltip, SupportIcon, Stamp, IconButton, AngleDownIcon, CollapsibleMotion, Card, SearchTextInput, TagList, FlatButton, AngleUpIcon, CheckBoldIcon, DataTable } from '@commercetools-frontend/ui-kit';
+import { Text, TextInput, CheckboxInput, RadioInput, TextField, AngleRightIcon, Spacings, Grid, designTokens, SelectField, FieldLabel, Constraints, Tooltip, SupportIcon, Link, Stamp, IconButton, AngleDownIcon, CollapsibleMotion, Card, SearchTextInput, TagList, FlatButton, AngleUpIcon, CheckBoldIcon, DataTable } from '@commercetools-frontend/ui-kit';
 import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
@@ -405,12 +405,12 @@ var messages = defineMessages({
   fieldsToBeExportedInLanguages: {
     id: 'ExportResourcesModal.fieldsToBeExportedInLanguages',
     description: 'Label for fields to be exported in languages',
-    defaultMessage: '{fieldCount, plural, one {<b>#</b> field} other {<b>#</b> fields}} to be exported in {languageCount, plural, one {<b>#</b> language} other {<b>#</b> languages}}:'
+    defaultMessage: '{fieldCount, plural, one {<b>1</b> field to be exported in {languageCount, plural, one {<b>1</b> language} other {<b>{languageCount}</b> languages}}} other {<b>{fieldCount}</b> fields to be exported in {languageCount, plural, one {<b>1</b> language} other {<b>{languageCount}</b> languages}}}}:'
   },
   fieldsToBeExported: {
     id: 'ExportResourcesModal.fieldsToBeExported',
     description: 'Label for fields to be exported',
-    defaultMessage: '{fieldCount, plural, one {<b>#</b> field} other {<b>#</b> fields}} to be exported:'
+    defaultMessage: '{fieldCount, plural, one {<b>1</b> field to be exported} other {<b>{fieldCount}</b> fields to be exported}}:'
   },
   confirmSelection: {
     id: 'ExportResourcesModal.confirmSelection',
@@ -907,12 +907,6 @@ function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
   if (!extensionRegex.test(fileName)) return `${fileName}.${fileFormat}`;
   return fileName;
 }
-function getExportLogsLink(projectKey, msg) {
-  return jsx(Link, {
-    to: `/${projectKey}/operations/export/logs`,
-    children: msg
-  }, "link");
-}
 const extractFieldNamesAndAdditionalFieldExtensions = fields => {
   const result = _reduceInstanceProperty(fields).call(fields, (acc, field) => {
     if (field.extendedFieldNames) {
@@ -1557,7 +1551,12 @@ const useStartExportOperation = props => {
               // @ts-ignore
               text: intl.formatMessage(messages.exportOperationSuccessMessage, {
                 newline: getNewLine,
-                logsLink: msg => getExportLogsLink(projectKey, msg),
+                logsLink: msg => jsx(ExportLogsLink, {
+                  projectKey: projectKey
+                  // @ts-ignore the `msg` parameter type is not compatible with the `string` type
+                  ,
+                  msg: msg
+                }, "export-logs-link"),
                 b: getBold
               })
             }, {
@@ -1942,7 +1941,9 @@ const ExportFileSettingsStep = () => {
                   onBlur: formik.handleBlur,
                   value: _valuesInstanceProperty(formik).outputFormat,
                   title: intl.formatMessage(messages.outputFormat),
-                  options: OUTPUT_FORMAT_OPTIONS
+                  options: OUTPUT_FORMAT_OPTIONS,
+                  menuPortalTarget: document.body,
+                  menuPortalZIndex: Z_INDEX_DROPDOWN
                 }), jsx(Masking.Mask, {
                   children: jsx(TextField, {
                     name: "fileName",
@@ -2841,6 +2842,14 @@ const ExportResourcesProvider = _ref => {
   });
 };
 
+const ExportLogsLink = props => {
+  return jsx(Link, {
+    to: `/${props.projectKey}/operations/export/logs`,
+    tone: props.tone,
+    children: props.msg
+  }, "link");
+};
+
 const DEFAULT_MAX_VISIBLE_FIELDS = 10;
 const FieldsPreview = _ref => {
   let previewGroupLabel = _ref.previewGroupLabel,
@@ -2951,10 +2960,12 @@ const ExportConfirmationStep = () => {
         }), jsx(Text.Body, {
           intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportProcessMayTakeAWhile), {}, {
             values: {
-              exportLogsLink: msg => jsx(Link, {
-                tone: "secondary",
-                to: `${projectKey}/operations/export/logs`,
-                children: msg
+              exportLogsLink: msg => jsx(ExportLogsLink, {
+                projectKey: projectKey,
+                tone: "secondary"
+                // @ts-ignore the `msg` parameter type is not compatible with the `string` type
+                ,
+                msg: msg
               }, "export-logs-link"),
               operationsIcon: () => jsx(OperationsIcon, {
                 size: "40"
@@ -3177,11 +3188,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnJlYWR5Rm9yRHJvcFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2FjdGl2ZS1kcmFnJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5hY3RpdmVEcmFnXG4gICAgfVxuICAgIGlmIChwcm9wcy5kcm9wQXJlYVN0YXRlID09PSAnZmlsZS1kcm9wcGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5maWxlRHJvcHBlZFxuICAgIH1cbiAgICByZXR1cm4gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKHByb3BzLmRyb3BBcmVhU3RhdGUpXG4gIH19XG5gXG5mdW5jdGlvbiBnZXREZWZhdWx0RHJvcFdyYXBwZXJTdHlsZXMoX2Ryb3BBcmVhU3RhdGU6IG5ldmVyKSB7XG4gIHJldHVybiBjc3NgYFxufVxuIl19 */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-418bdbf4.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-3c6f93ea.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-aed3e03e.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-184ada0f.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-06a60bda.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-81ed1081.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-deb5c3f9.cjs.dev.js → index-b8309ef7.cjs.dev.js}

@@ -446,12 +446,12 @@ var messages = reactIntl.defineMessages({
   fieldsToBeExportedInLanguages: {
     id: 'ExportResourcesModal.fieldsToBeExportedInLanguages',
     description: 'Label for fields to be exported in languages',
-    defaultMessage: '{fieldCount, plural, one {<b>#</b> field} other {<b>#</b> fields}} to be exported in {languageCount, plural, one {<b>#</b> language} other {<b>#</b> languages}}:'
+    defaultMessage: '{fieldCount, plural, one {<b>1</b> field to be exported in {languageCount, plural, one {<b>1</b> language} other {<b>{languageCount}</b> languages}}} other {<b>{fieldCount}</b> fields to be exported in {languageCount, plural, one {<b>1</b> language} other {<b>{languageCount}</b> languages}}}}:'
   },
   fieldsToBeExported: {
     id: 'ExportResourcesModal.fieldsToBeExported',
     description: 'Label for fields to be exported',
-    defaultMessage: '{fieldCount, plural, one {<b>#</b> field} other {<b>#</b> fields}} to be exported:'
+    defaultMessage: '{fieldCount, plural, one {<b>1</b> field to be exported} other {<b>{fieldCount}</b> fields to be exported}}:'
   },
   confirmSelection: {
     id: 'ExportResourcesModal.confirmSelection',
@@ -948,12 +948,6 @@ function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
   if (!extensionRegex.test(fileName)) return `${fileName}.${fileFormat}`;
   return fileName;
 }
-function getExportLogsLink(projectKey, msg) {
-  return jsxRuntime.jsx(uiKit.Link, {
-    to: `/${projectKey}/operations/export/logs`,
-    children: msg
-  }, "link");
-}
 const extractFieldNamesAndAdditionalFieldExtensions = fields => {
   const result = _reduceInstanceProperty__default["default"](fields).call(fields, (acc, field) => {
     if (field.extendedFieldNames) {
@@ -1598,7 +1592,12 @@ const useStartExportOperation = props => {
               // @ts-ignore
               text: intl.formatMessage(messages.exportOperationSuccessMessage, {
                 newline: getNewLine,
-                logsLink: msg => getExportLogsLink(projectKey, msg),
+                logsLink: msg => jsxRuntime.jsx(ExportLogsLink, {
+                  projectKey: projectKey
+                  // @ts-ignore the `msg` parameter type is not compatible with the `string` type
+                  ,
+                  msg: msg
+                }, "export-logs-link"),
                 b: getBold
               })
             }, {
@@ -1983,7 +1982,9 @@ const ExportFileSettingsStep = () => {
                   onBlur: formik.handleBlur,
                   value: _valuesInstanceProperty__default["default"](formik).outputFormat,
                   title: intl.formatMessage(messages.outputFormat),
-                  options: OUTPUT_FORMAT_OPTIONS
+                  options: OUTPUT_FORMAT_OPTIONS,
+                  menuPortalTarget: document.body,
+                  menuPortalZIndex: Z_INDEX_DROPDOWN
                 }), jsxRuntime.jsx(fullstory.Masking.Mask, {
                   children: jsxRuntime.jsx(uiKit.TextField, {
                     name: "fileName",
@@ -2882,6 +2883,14 @@ const ExportResourcesProvider = _ref => {
   });
 };
 
+const ExportLogsLink = props => {
+  return jsxRuntime.jsx(uiKit.Link, {
+    to: `/${props.projectKey}/operations/export/logs`,
+    tone: props.tone,
+    children: props.msg
+  }, "link");
+};
+
 const DEFAULT_MAX_VISIBLE_FIELDS = 10;
 const FieldsPreview = _ref => {
   let previewGroupLabel = _ref.previewGroupLabel,
@@ -2992,10 +3001,12 @@ const ExportConfirmationStep = () => {
         }), jsxRuntime.jsx(uiKit.Text.Body, {
           intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportProcessMayTakeAWhile), {}, {
             values: {
-              exportLogsLink: msg => jsxRuntime.jsx(uiKit.Link, {
-                tone: "secondary",
-                to: `${projectKey}/operations/export/logs`,
-                children: msg
+              exportLogsLink: msg => jsxRuntime.jsx(ExportLogsLink, {
+                projectKey: projectKey,
+                tone: "secondary"
+                // @ts-ignore the `msg` parameter type is not compatible with the `string` type
+                ,
+                msg: msg
               }, "export-logs-link"),
               operationsIcon: () => jsxRuntime.jsx(icons.OperationsIcon, {
                 size: "40"
@@ -3218,11 +3229,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:getDefaultDropWrapperStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyb3AtYXJlYS13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QlkiLCJmaWxlIjoiZHJvcC1hcmVhLXdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdHlwZSBEcm9wem9uZVJvb3RQcm9wcyB9IGZyb20gJ3JlYWN0LWRyb3B6b25lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJ1xuaW1wb3J0IHsgdHlwZSBEcm9wQXJlYVN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vQHR5cGVzJ1xuXG5pbnRlcmZhY2UgRHJvcFdyYXBwZXJQcm9wcyBleHRlbmRzIERyb3B6b25lUm9vdFByb3BzIHtcbiAgZHJvcEFyZWFTdGF0ZTogRHJvcEFyZWFTdGF0ZVxufVxuZXhwb3J0IGNvbnN0IERyb3BXcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wV3JhcHBlclByb3BzPmBcbiAgJHtzdHlsZXMuYmFzZX1cbiAgJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2RlZmF1bHQnKSB7XG4gICAgICByZXR1cm4gc3R5bGVzLnJlYWR5Rm9yRHJvcFxuICAgIH1cbiAgICBpZiAocHJvcHMuZHJvcEFyZWFTdGF0ZSA9PT0gJ2FjdGl2ZS1kcmFnJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5hY3RpdmVEcmFnXG4gICAgfVxuICAgIGlmIChwcm9wcy5kcm9wQXJlYVN0YXRlID09PSAnZmlsZS1kcm9wcGVkJykge1xuICAgICAgcmV0dXJuIHN0eWxlcy5maWxlRHJvcHBlZFxuICAgIH1cbiAgICByZXR1cm4gZ2V0RGVmYXVsdERyb3BXcmFwcGVyU3R5bGVzKHByb3BzLmRyb3BBcmVhU3RhdGUpXG4gIH19XG5gXG5mdW5jdGlvbiBnZXREZWZhdWx0RHJvcFdyYXBwZXJTdHlsZXMoX2Ryb3BBcmVhU3RhdGU6IG5ldmVyKSB7XG4gIHJldHVybiBjc3NgYFxufVxuIl19 */");
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-364cae94.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-69fb2938.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-d120c17d.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-dc1700a7.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-e45600e0.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-b467b781.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-1cb3087e.cjs.prod.js → index-ee88bf21.cjs.prod.js}

@@ -446,12 +446,12 @@ var messages = reactIntl.defineMessages({
   fieldsToBeExportedInLanguages: {
     id: 'ExportResourcesModal.fieldsToBeExportedInLanguages',
     description: 'Label for fields to be exported in languages',
-    defaultMessage: '{fieldCount, plural, one {<b>#</b> field} other {<b>#</b> fields}} to be exported in {languageCount, plural, one {<b>#</b> language} other {<b>#</b> languages}}:'
+    defaultMessage: '{fieldCount, plural, one {<b>1</b> field to be exported in {languageCount, plural, one {<b>1</b> language} other {<b>{languageCount}</b> languages}}} other {<b>{fieldCount}</b> fields to be exported in {languageCount, plural, one {<b>1</b> language} other {<b>{languageCount}</b> languages}}}}:'
   },
   fieldsToBeExported: {
     id: 'ExportResourcesModal.fieldsToBeExported',
     description: 'Label for fields to be exported',
-    defaultMessage: '{fieldCount, plural, one {<b>#</b> field} other {<b>#</b> fields}} to be exported:'
+    defaultMessage: '{fieldCount, plural, one {<b>1</b> field to be exported} other {<b>{fieldCount}</b> fields to be exported}}:'
   },
   confirmSelection: {
     id: 'ExportResourcesModal.confirmSelection',
@@ -948,12 +948,6 @@ function appendCsvOrJsonExtensionIfAbsent(fileName, fileFormat) {
   if (!extensionRegex.test(fileName)) return `${fileName}.${fileFormat}`;
   return fileName;
 }
-function getExportLogsLink(projectKey, msg) {
-  return jsxRuntime.jsx(uiKit.Link, {
-    to: `/${projectKey}/operations/export/logs`,
-    children: msg
-  }, "link");
-}
 const extractFieldNamesAndAdditionalFieldExtensions = fields => {
   const result = _reduceInstanceProperty__default["default"](fields).call(fields, (acc, field) => {
     if (field.extendedFieldNames) {
@@ -1598,7 +1592,12 @@ const useStartExportOperation = props => {
               // @ts-ignore
               text: intl.formatMessage(messages.exportOperationSuccessMessage, {
                 newline: getNewLine,
-                logsLink: msg => getExportLogsLink(projectKey, msg),
+                logsLink: msg => jsxRuntime.jsx(ExportLogsLink, {
+                  projectKey: projectKey
+                  // @ts-ignore the `msg` parameter type is not compatible with the `string` type
+                  ,
+                  msg: msg
+                }, "export-logs-link"),
                 b: getBold
               })
             }, {
@@ -1983,7 +1982,9 @@ const ExportFileSettingsStep = () => {
                   onBlur: formik.handleBlur,
                   value: _valuesInstanceProperty__default["default"](formik).outputFormat,
                   title: intl.formatMessage(messages.outputFormat),
-                  options: OUTPUT_FORMAT_OPTIONS
+                  options: OUTPUT_FORMAT_OPTIONS,
+                  menuPortalTarget: document.body,
+                  menuPortalZIndex: Z_INDEX_DROPDOWN
                 }), jsxRuntime.jsx(fullstory.Masking.Mask, {
                   children: jsxRuntime.jsx(uiKit.TextField, {
                     name: "fileName",
@@ -2849,6 +2850,14 @@ const ExportResourcesProvider = _ref => {
   });
 };
 
+const ExportLogsLink = props => {
+  return jsxRuntime.jsx(uiKit.Link, {
+    to: `/${props.projectKey}/operations/export/logs`,
+    tone: props.tone,
+    children: props.msg
+  }, "link");
+};
+
 const DEFAULT_MAX_VISIBLE_FIELDS = 10;
 const FieldsPreview = _ref => {
   let previewGroupLabel = _ref.previewGroupLabel,
@@ -2959,10 +2968,12 @@ const ExportConfirmationStep = () => {
         }), jsxRuntime.jsx(uiKit.Text.Body, {
           intlMessage: _objectSpread$4(_objectSpread$4({}, messages.exportProcessMayTakeAWhile), {}, {
             values: {
-              exportLogsLink: msg => jsxRuntime.jsx(uiKit.Link, {
-                tone: "secondary",
-                to: `${projectKey}/operations/export/logs`,
-                children: msg
+              exportLogsLink: msg => jsxRuntime.jsx(ExportLogsLink, {
+                projectKey: projectKey,
+                tone: "secondary"
+                // @ts-ignore the `msg` parameter type is not compatible with the `string` type
+                ,
+                msg: msg
               }, "export-logs-link"),
               operationsIcon: () => jsxRuntime.jsx(icons.OperationsIcon, {
                 size: "40"
@@ -3182,11 +3193,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-20a66ce6.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-94fcdcc7.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-93b7de32.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-1b58b8dd.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-d6e47d57.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-2c2dc652.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/package.json

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