@commercetools-frontend-extensions/export-resources-modal 5.1.0 → 5.1.2

package/dist/{active-drag-drop-area-7fd53916.cjs.prod.js → active-drag-drop-area-8bd2a4fa.cjs.prod.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-bcefd2cf.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-42a26922.cjs.prod.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-56db6919.cjs.dev.js → active-drag-drop-area-9c4e4c80.cjs.dev.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-32b358db.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1c23b26d.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-69b691d5.esm.js → active-drag-drop-area-f1aefe17.esm.js}

@@ -1,4 +1,4 @@
-import { F as FileDropped, E as EnabledDropArea } from './index-f7e098bb.esm.js';
+import { F as FileDropped, E as EnabledDropArea } from './index-6d925660.esm.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 import '@babel/runtime-corejs3/helpers/defineProperty';
 import '@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-32b358db.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1c23b26d.cjs.dev.js');
 require('react');
 require('@commercetools-frontend/ui-kit');
 require('@emotion/react/jsx-runtime');
@@ -46,12 +46,12 @@ require('@babel/runtime-corejs3/core-js-stable/object/values');
 require('@commercetools-frontend/application-shell-connectors');
 require('@babel/runtime-corejs3/helpers/slicedToArray');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-require('@commercetools-frontend/actions-global');
-require('@commercetools-frontend/constants');
 require('formik');
 require('@commercetools-uikit/icons');
 require('react-dropzone');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');

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-bcefd2cf.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-42a26922.cjs.prod.js');
 require('react');
 require('@commercetools-frontend/ui-kit');
 require('@emotion/react/jsx-runtime');
@@ -50,12 +50,12 @@ require('lodash/debounce');
 require('@emotion/react');
 require('lodash/get');
 require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-require('@commercetools-frontend/actions-global');
-require('@commercetools-frontend/constants');
 require('formik');
 require('@commercetools-uikit/icons');
 require('react-dropzone');
 require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+require('@commercetools-frontend/actions-global');
+require('@commercetools-frontend/constants');
 require('@commercetools-frontend/sdk');
 require('@babel/runtime-corejs3/core-js-stable/object/entries');
 require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');

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-f7e098bb.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-6d925660.esm.js';
 import 'react';
 import '@commercetools-frontend/ui-kit';
 import '@emotion/react/jsx-runtime';
@@ -42,12 +42,12 @@ import '@babel/runtime-corejs3/core-js-stable/object/values';
 import '@commercetools-frontend/application-shell-connectors';
 import '@babel/runtime-corejs3/helpers/slicedToArray';
 import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import '@commercetools-frontend/actions-global';
-import '@commercetools-frontend/constants';
 import 'formik';
 import '@commercetools-uikit/icons';
 import 'react-dropzone';
 import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@commercetools-frontend/actions-global';
+import '@commercetools-frontend/constants';
 import '@commercetools-frontend/sdk';
 import '@babel/runtime-corejs3/core-js-stable/object/entries';
 import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';

package/dist/declarations/src/@hooks/use-validate-export-operation.d.ts

@@ -12,22 +12,22 @@ export declare const useValidateExportOperation: () => {
             code: string;
             field: string;
         }[];
-        noResourcesToExport?: undefined;
+        noResourcesToExportForQueryPredicate?: undefined;
         invalidQueryPredicate?: undefined;
     } | {
         success: boolean;
-        noResourcesToExport: boolean;
+        noResourcesToExportForQueryPredicate: boolean;
         validationErrors?: undefined;
         invalidQueryPredicate?: undefined;
     } | {
         success: boolean;
         validationErrors?: undefined;
-        noResourcesToExport?: undefined;
+        noResourcesToExportForQueryPredicate?: undefined;
         invalidQueryPredicate?: undefined;
     } | {
         success: boolean;
         invalidQueryPredicate: boolean;
         validationErrors?: undefined;
-        noResourcesToExport?: undefined;
+        noResourcesToExportForQueryPredicate?: undefined;
     } | undefined>;
 };

package/dist/{enabled-drop-area-a5fe741d.cjs.dev.js → enabled-drop-area-1f7b5758.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-32b358db.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1c23b26d.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/{enabled-drop-area-4c8d613f.cjs.prod.js → enabled-drop-area-72091b2d.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-bcefd2cf.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-42a26922.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-48a953a6.esm.js → enabled-drop-area-9477e747.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-f7e098bb.esm.js';
+import { m as messages } from './index-6d925660.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/{file-dropped-area-c8a5f539.esm.js → file-dropped-area-35bc207d.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-f7e098bb.esm.js';
+import { u as useExportResourcesModalContext, m as messages } from './index-6d925660.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-b685a683.cjs.prod.js → file-dropped-area-60034b84.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-bcefd2cf.cjs.prod.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-42a26922.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-5979698c.cjs.dev.js → file-dropped-area-92b92498.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-32b358db.cjs.dev.js');
+var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1c23b26d.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-32b358db.cjs.dev.js → index-1c23b26d.cjs.dev.js}

@@ -638,9 +638,9 @@ var messages = reactIntl.defineMessages({
     description: 'Error when query predicate field is missing',
     defaultMessage: 'Please enter a query predicate'
   },
-  noResourcesToExport: {
-    id: 'ExportResourcesModal.noResourcesToExport',
-    description: 'Error message when there are no resources to export',
+  noResourcesToExportForQueryPredicate: {
+    id: 'ExportResourcesModal.noResourcesToExportForQueryPredicate',
+    description: 'Error message when there are no resources to export for given query predicate',
     defaultMessage: 'No resources match your query predicate. Please check your query predicate and try again.'
   }
 });
@@ -671,6 +671,8 @@ const renderQueryPredicateError = key => {
       return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.missingQueryPredicateError));
     case 'invalidInput':
       return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.invalidQueryPredicate));
+    case 'noResourcesToExportForQueryPredicate':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.noResourcesToExportForQueryPredicate));
     default:
       return null;
   }
@@ -946,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) {
@@ -1596,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
               })
             }, {
@@ -1760,7 +1761,7 @@ const useValidateExportOperation = () => {
       if (isExportApiSuccessResponse(response) && response.resourceCount === 0) {
         return {
           success: false,
-          noResourcesToExport: true
+          noResourcesToExportForQueryPredicate: true
         };
       }
       return {
@@ -1981,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",
@@ -2763,8 +2766,6 @@ const _excluded$1 = ["children"];
 const ExportResourcesProvider = _ref => {
   let children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  const intl = reactIntl.useIntl();
-  const showNotification = actionsGlobal.useShowNotification();
   const initialValues = useInitialValues(props);
   const _React$useState = React__default["default"].useState(Step.FileSettings),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -2821,12 +2822,8 @@ const ExportResourcesProvider = _ref => {
             formik$1.setFieldError('queryPredicate', 'invalidInput');
             return;
           }
-          if (validationResult?.noResourcesToExport) {
-            showNotification({
-              text: intl.formatMessage(messages.noResourcesToExport),
-              kind: 'error',
-              domain: constants.DOMAINS.PAGE
-            });
+          if (validationResult?.noResourcesToExportForQueryPredicate) {
+            formik$1.setFieldError('queryPredicate', 'noResourcesToExportForQueryPredicate');
             return;
           }
         }
@@ -2886,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,
@@ -2996,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"
@@ -3222,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-56db6919.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-9c4e4c80.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-a5fe741d.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-1f7b5758.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-5979698c.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-92b92498.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-bcefd2cf.cjs.prod.js → index-42a26922.cjs.prod.js}

@@ -638,9 +638,9 @@ var messages = reactIntl.defineMessages({
     description: 'Error when query predicate field is missing',
     defaultMessage: 'Please enter a query predicate'
   },
-  noResourcesToExport: {
-    id: 'ExportResourcesModal.noResourcesToExport',
-    description: 'Error message when there are no resources to export',
+  noResourcesToExportForQueryPredicate: {
+    id: 'ExportResourcesModal.noResourcesToExportForQueryPredicate',
+    description: 'Error message when there are no resources to export for given query predicate',
     defaultMessage: 'No resources match your query predicate. Please check your query predicate and try again.'
   }
 });
@@ -671,6 +671,8 @@ const renderQueryPredicateError = key => {
       return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.missingQueryPredicateError));
     case 'invalidInput':
       return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.invalidQueryPredicate));
+    case 'noResourcesToExportForQueryPredicate':
+      return jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$h({}, messages.noResourcesToExportForQueryPredicate));
     default:
       return null;
   }
@@ -946,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) {
@@ -1596,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
               })
             }, {
@@ -1760,7 +1761,7 @@ const useValidateExportOperation = () => {
       if (isExportApiSuccessResponse(response) && response.resourceCount === 0) {
         return {
           success: false,
-          noResourcesToExport: true
+          noResourcesToExportForQueryPredicate: true
         };
       }
       return {
@@ -1981,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",
@@ -2730,8 +2733,6 @@ const _excluded$1 = ["children"];
 const ExportResourcesProvider = _ref => {
   let children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  const intl = reactIntl.useIntl();
-  const showNotification = actionsGlobal.useShowNotification();
   const initialValues = useInitialValues(props);
   const _React$useState = React__default["default"].useState(Step.FileSettings),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -2788,12 +2789,8 @@ const ExportResourcesProvider = _ref => {
             formik$1.setFieldError('queryPredicate', 'invalidInput');
             return;
           }
-          if (validationResult?.noResourcesToExport) {
-            showNotification({
-              text: intl.formatMessage(messages.noResourcesToExport),
-              kind: 'error',
-              domain: constants.DOMAINS.PAGE
-            });
+          if (validationResult?.noResourcesToExportForQueryPredicate) {
+            formik$1.setFieldError('queryPredicate', 'noResourcesToExportForQueryPredicate');
             return;
           }
         }
@@ -2853,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,
@@ -2963,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"
@@ -3186,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-7fd53916.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-8bd2a4fa.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-4c8d613f.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-72091b2d.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-b685a683.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-60034b84.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,

package/dist/{index-f7e098bb.esm.js → index-6d925660.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';
@@ -597,9 +597,9 @@ var messages = defineMessages({
     description: 'Error when query predicate field is missing',
     defaultMessage: 'Please enter a query predicate'
   },
-  noResourcesToExport: {
-    id: 'ExportResourcesModal.noResourcesToExport',
-    description: 'Error message when there are no resources to export',
+  noResourcesToExportForQueryPredicate: {
+    id: 'ExportResourcesModal.noResourcesToExportForQueryPredicate',
+    description: 'Error message when there are no resources to export for given query predicate',
     defaultMessage: 'No resources match your query predicate. Please check your query predicate and try again.'
   }
 });
@@ -630,6 +630,8 @@ const renderQueryPredicateError = key => {
       return jsx(FormattedMessage, _objectSpread$h({}, messages.missingQueryPredicateError));
     case 'invalidInput':
       return jsx(FormattedMessage, _objectSpread$h({}, messages.invalidQueryPredicate));
+    case 'noResourcesToExportForQueryPredicate':
+      return jsx(FormattedMessage, _objectSpread$h({}, messages.noResourcesToExportForQueryPredicate));
     default:
       return null;
   }
@@ -905,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) {
@@ -1555,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
               })
             }, {
@@ -1719,7 +1720,7 @@ const useValidateExportOperation = () => {
       if (isExportApiSuccessResponse(response) && response.resourceCount === 0) {
         return {
           success: false,
-          noResourcesToExport: true
+          noResourcesToExportForQueryPredicate: true
         };
       }
       return {
@@ -1940,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",
@@ -2722,8 +2725,6 @@ const _excluded$1 = ["children"];
 const ExportResourcesProvider = _ref => {
   let children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded$1);
-  const intl = useIntl();
-  const showNotification = useShowNotification();
   const initialValues = useInitialValues(props);
   const _React$useState = React.useState(Step.FileSettings),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -2780,12 +2781,8 @@ const ExportResourcesProvider = _ref => {
             formik.setFieldError('queryPredicate', 'invalidInput');
             return;
           }
-          if (validationResult?.noResourcesToExport) {
-            showNotification({
-              text: intl.formatMessage(messages.noResourcesToExport),
-              kind: 'error',
-              domain: DOMAINS.PAGE
-            });
+          if (validationResult?.noResourcesToExportForQueryPredicate) {
+            formik.setFieldError('queryPredicate', 'noResourcesToExportForQueryPredicate');
             return;
           }
         }
@@ -2845,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,
@@ -2955,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"
@@ -3181,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-69b691d5.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-f1aefe17.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-48a953a6.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-9477e747.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-c8a5f539.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-35bc207d.esm.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.0",
+  "version": "5.1.2",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"