@commercetools-frontend-extensions/export-resources-modal 0.0.0-canary-20250616144108 → 0.0.0-canary-20250623105005

package/dist/{index-13f6807d.cjs.prod.js → index-38c1edcf.cjs.prod.js}

@@ -656,12 +656,12 @@ var messages = reactIntl.defineMessages({
   columns: {
     id: 'ExportResourcesModal.columns',
     description: 'Label for column separator select',
-    defaultMessage: 'Columns:'
+    defaultMessage: 'Columns'
   },
-  decimal: {
-    id: 'ExportResourcesModal.decimal',
+  decimals: {
+    id: 'ExportResourcesModal.decimals',
     description: 'Label for decimal separator select',
-    defaultMessage: 'Decimals:'
+    defaultMessage: 'Decimals'
   },
   columnSeparatorComma: {
     id: 'ExportResourcesModal.columnSeparatorComma',
@@ -820,6 +820,7 @@ const OUTPUT_FORMAT_OPTIONS = [{
 const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
 const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
 const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
+const EXPORT_EXCEL_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#optimize-csv-file-for-microsoft-excel';
 
 const resourceTypeMessages = {
   [EXPORTABLE_RESOURCES.CATEGORY]: {
@@ -1915,6 +1916,7 @@ const useValidateExportOperation = () => {
 function ownKeys$a(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$a(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$a(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$a(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const ExportPreferenceSection = () => {
+  const intl = reactIntl.useIntl();
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik;
   const columnSeparatorOptions = _mapInstanceProperty__default["default"](COLUMN_DELIMITER_OPTIONS).call(COLUMN_DELIMITER_OPTIONS, option => _objectSpread$a(_objectSpread$a({}, option), {}, {
@@ -1935,38 +1937,26 @@ const ExportPreferenceSection = () => {
         })]
       }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
         scale: "s",
-        children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-          scale: "xs",
-          alignItems: "center",
-          children: [jsxRuntime.jsx(uiKit.Text.Body, {
-            intlMessage: messages.columns
-          }), jsxRuntime.jsx(uiKit.SelectInput, {
-            horizontalConstraint: 4,
-            isSearchable: false,
-            options: columnSeparatorOptions,
-            value: _valuesInstanceProperty__default["default"](formik).columnSeparator,
-            onChange: e => {
-              formik.setFieldValue('columnSeparator', e.target.value);
-            },
-            menuPortalTarget: document.body,
-            menuPortalZIndex: Z_INDEX_DROPDOWN
-          })]
-        }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-          scale: "s",
-          alignItems: "center",
-          children: [jsxRuntime.jsx(uiKit.Text.Body, {
-            intlMessage: messages.decimal
-          }), jsxRuntime.jsx(uiKit.SelectInput, {
-            isSearchable: false,
-            options: decimalSeparatorOptions,
-            value: _valuesInstanceProperty__default["default"](formik).decimalSeparator,
-            onChange: e => {
-              formik.setFieldValue('decimalSeparator', e.target.value);
-            },
-            menuPortalTarget: document.body,
-            horizontalConstraint: 4,
-            menuPortalZIndex: Z_INDEX_DROPDOWN
-          })]
+        children: [jsxRuntime.jsx(uiKit.SelectField, {
+          title: intl.formatMessage(messages.columns),
+          isSearchable: false,
+          options: columnSeparatorOptions,
+          value: _valuesInstanceProperty__default["default"](formik).columnSeparator,
+          onChange: e => {
+            formik.setFieldValue('columnSeparator', e.target.value);
+          },
+          menuPortalTarget: document.body,
+          menuPortalZIndex: Z_INDEX_DROPDOWN
+        }), jsxRuntime.jsx(uiKit.SelectField, {
+          title: intl.formatMessage(messages.decimals),
+          isSearchable: false,
+          options: decimalSeparatorOptions,
+          value: _valuesInstanceProperty__default["default"](formik).decimalSeparator,
+          onChange: e => {
+            formik.setFieldValue('decimalSeparator', e.target.value);
+          },
+          menuPortalTarget: document.body,
+          menuPortalZIndex: Z_INDEX_DROPDOWN
         })]
       })]
     }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -1985,22 +1975,14 @@ const ExportPreferenceSection = () => {
             scale: "xs",
             children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
               children: [jsxRuntime.jsx("div", {
-                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.excelOptimizedDescription), {}, {
-                  values: {
-                    documentationLink: jsxRuntime.jsx(uiKit.Link, {
-                      intlMessage: messages.documentation,
-                      isExternal: true,
-                      to: CSV_STRUCTURE_DOCUMENTATION_LINK
-                    }, "documentation-link")
-                  }
-                }))
+                children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.excelOptimizedDescription))
               }), jsxRuntime.jsx("div", {
                 children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.readMoreOnDocumentation), {}, {
                   values: {
                     documentationLink: jsxRuntime.jsx(uiKit.Link, {
                       intlMessage: messages.documentation,
                       isExternal: true,
-                      to: CSV_STRUCTURE_DOCUMENTATION_LINK
+                      to: EXPORT_EXCEL_DOCUMENTATION_LINK
                     }, "documentation-link")
                   }
                 }))
@@ -2142,59 +2124,53 @@ const ExportFileSettingsStep = () => {
     onClose: onClose,
     size: 16,
     children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
-      children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
-        scale: "xxxl",
-        children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
-          scale: "l",
-          children: jsxRuntime.jsxs(uiKit.Grid, {
-            gridRowGap: uiKit.designTokens.spacingM,
-            gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
-            children: [jsxRuntime.jsx(uiKit.Grid.Item, {
-              children: jsxRuntime.jsx(uiKit.Text.Body, {
-                intlMessage: messages.scope
-              })
-            }), jsxRuntime.jsx(uiKit.Grid.Item, {
-              children: jsxRuntime.jsx(ExportScopeSection, {})
-            }), jsxRuntime.jsx(uiKit.Grid.Item, {
-              children: jsxRuntime.jsx(uiKit.Text.Body, {
-                intlMessage: messages.saveAs
-              })
-            }), jsxRuntime.jsx(uiKit.Grid.Item, {
-              children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
-                scale: "s",
-                children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
-                  children: 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: mapFormikErrors(formik.errors.fileName),
-                    renderError: renderFileNameError
-                  })
-                }), jsxRuntime.jsx(uiKit.SelectField, {
-                  name: "outputFormat",
-                  onChange: handleOutputFormatChange,
-                  onBlur: formik.handleBlur,
-                  value: _valuesInstanceProperty__default["default"](formik).outputFormat,
-                  title: intl.formatMessage(messages.outputFormat),
-                  options: OUTPUT_FORMAT_OPTIONS,
-                  menuPortalTarget: document.body,
-                  menuPortalZIndex: Z_INDEX_DROPDOWN
-                })]
+      children: jsxRuntime.jsxs(uiKit.Grid, {
+        gridRowGap: uiKit.designTokens.spacingXl,
+        gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
+        children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: messages.scope
+          })
+        }), jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(ExportScopeSection, {})
+        }), jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsx(uiKit.Text.Body, {
+            intlMessage: messages.saveAs
+          })
+        }), jsxRuntime.jsx(uiKit.Grid.Item, {
+          children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+            scale: "xl",
+            children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
+              children: 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: mapFormikErrors(formik.errors.fileName),
+                renderError: renderFileNameError
               })
-            }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-              children: [jsxRuntime.jsx(uiKit.Grid.Item, {
-                children: jsxRuntime.jsx(uiKit.Text.Body, {
-                  intlMessage: messages.csvSettings
-                })
-              }), jsxRuntime.jsx(uiKit.Grid.Item, {
-                children: jsxRuntime.jsx(ExportPreferenceSection, {})
-              })]
+            }), jsxRuntime.jsx(uiKit.SelectField, {
+              name: "outputFormat",
+              onChange: handleOutputFormatChange,
+              onBlur: formik.handleBlur,
+              value: _valuesInstanceProperty__default["default"](formik).outputFormat,
+              title: intl.formatMessage(messages.outputFormat),
+              options: OUTPUT_FORMAT_OPTIONS,
+              menuPortalTarget: document.body,
+              menuPortalZIndex: Z_INDEX_DROPDOWN
             })]
           })
-        })
+        }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(uiKit.Text.Body, {
+              intlMessage: messages.csvSettings
+            })
+          }), jsxRuntime.jsx(uiKit.Grid.Item, {
+            children: jsxRuntime.jsx(ExportPreferenceSection, {})
+          })]
+        })]
       })
     })
   });
@@ -3379,11 +3355,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
   return /*#__PURE__*/react.css("" , "" );
 }
 
-var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-a30f5f01.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
+var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-42c9f210.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
 
-var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-b3499b69.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
+var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-dcdba4da.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
 
-var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-baefd7b3.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
+var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-9a3ec8d3.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -3464,17 +3440,17 @@ const getChunkImport = locale => {
   const intlLocale = i18n.mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-850971a3.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-f3ef440e.cjs.prod.js'); });
     case 'es':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-e73368be.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-a0812a71.cjs.prod.js'); });
     case 'fr-FR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-0eab30ec.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-5fbee168.cjs.prod.js'); });
     case 'ja':
       return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-37632763.cjs.prod.js'); });
     case 'pt-BR':
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-ced88ff5.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-53c6b1c2.cjs.prod.js'); });
     default:
-      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-89430bcb.cjs.prod.js'); });
+      return Promise.resolve().then(function () { return require(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-fa1adbcf.cjs.prod.js'); });
   }
 };
 const loadMessages = async locale => {

package/dist/{index-7df7858b.esm.js → index-67a74d0b.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, TextInput, Spacings, SelectInput, CheckboxInput, ContentNotification, Link, RadioInput, TextField, AngleRightIcon, 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, Spacings, SelectField, CheckboxInput, ContentNotification, Link, RadioInput, TextField, AngleRightIcon, Grid, designTokens, FieldLabel, Constraints, Tooltip, SupportIcon, Stamp, IconButton, AngleDownIcon, CollapsibleMotion, Card, SearchTextInput, TagList, FlatButton, AngleUpIcon, CheckBoldIcon, DataTable } from '@commercetools-frontend/ui-kit';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
 import { FormDialog } from '@commercetools-frontend/application-components';
@@ -615,12 +615,12 @@ var messages = defineMessages({
   columns: {
     id: 'ExportResourcesModal.columns',
     description: 'Label for column separator select',
-    defaultMessage: 'Columns:'
+    defaultMessage: 'Columns'
   },
-  decimal: {
-    id: 'ExportResourcesModal.decimal',
+  decimals: {
+    id: 'ExportResourcesModal.decimals',
     description: 'Label for decimal separator select',
-    defaultMessage: 'Decimals:'
+    defaultMessage: 'Decimals'
   },
   columnSeparatorComma: {
     id: 'ExportResourcesModal.columnSeparatorComma',
@@ -779,6 +779,7 @@ const OUTPUT_FORMAT_OPTIONS = [{
 const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
 const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
 const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
+const EXPORT_EXCEL_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#optimize-csv-file-for-microsoft-excel';
 
 const resourceTypeMessages = {
   [EXPORTABLE_RESOURCES.CATEGORY]: {
@@ -1874,6 +1875,7 @@ const useValidateExportOperation = () => {
 function ownKeys$a(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$a(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$a(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const ExportPreferenceSection = () => {
+  const intl = useIntl();
   const _useExportResourcesMo = useExportResourcesModalContext(),
     formik = _useExportResourcesMo.formik;
   const columnSeparatorOptions = _mapInstanceProperty(COLUMN_DELIMITER_OPTIONS).call(COLUMN_DELIMITER_OPTIONS, option => _objectSpread$a(_objectSpread$a({}, option), {}, {
@@ -1894,38 +1896,26 @@ const ExportPreferenceSection = () => {
         })]
       }), jsxs(Spacings.Inline, {
         scale: "s",
-        children: [jsxs(Spacings.Inline, {
-          scale: "xs",
-          alignItems: "center",
-          children: [jsx(Text.Body, {
-            intlMessage: messages.columns
-          }), jsx(SelectInput, {
-            horizontalConstraint: 4,
-            isSearchable: false,
-            options: columnSeparatorOptions,
-            value: _valuesInstanceProperty(formik).columnSeparator,
-            onChange: e => {
-              formik.setFieldValue('columnSeparator', e.target.value);
-            },
-            menuPortalTarget: document.body,
-            menuPortalZIndex: Z_INDEX_DROPDOWN
-          })]
-        }), jsxs(Spacings.Inline, {
-          scale: "s",
-          alignItems: "center",
-          children: [jsx(Text.Body, {
-            intlMessage: messages.decimal
-          }), jsx(SelectInput, {
-            isSearchable: false,
-            options: decimalSeparatorOptions,
-            value: _valuesInstanceProperty(formik).decimalSeparator,
-            onChange: e => {
-              formik.setFieldValue('decimalSeparator', e.target.value);
-            },
-            menuPortalTarget: document.body,
-            horizontalConstraint: 4,
-            menuPortalZIndex: Z_INDEX_DROPDOWN
-          })]
+        children: [jsx(SelectField, {
+          title: intl.formatMessage(messages.columns),
+          isSearchable: false,
+          options: columnSeparatorOptions,
+          value: _valuesInstanceProperty(formik).columnSeparator,
+          onChange: e => {
+            formik.setFieldValue('columnSeparator', e.target.value);
+          },
+          menuPortalTarget: document.body,
+          menuPortalZIndex: Z_INDEX_DROPDOWN
+        }), jsx(SelectField, {
+          title: intl.formatMessage(messages.decimals),
+          isSearchable: false,
+          options: decimalSeparatorOptions,
+          value: _valuesInstanceProperty(formik).decimalSeparator,
+          onChange: e => {
+            formik.setFieldValue('decimalSeparator', e.target.value);
+          },
+          menuPortalTarget: document.body,
+          menuPortalZIndex: Z_INDEX_DROPDOWN
         })]
       })]
     }), jsxs(Spacings.Stack, {
@@ -1944,22 +1934,14 @@ const ExportPreferenceSection = () => {
             scale: "xs",
             children: jsxs(Spacings.Stack, {
               children: [jsx("div", {
-                children: jsx(FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.excelOptimizedDescription), {}, {
-                  values: {
-                    documentationLink: jsx(Link, {
-                      intlMessage: messages.documentation,
-                      isExternal: true,
-                      to: CSV_STRUCTURE_DOCUMENTATION_LINK
-                    }, "documentation-link")
-                  }
-                }))
+                children: jsx(FormattedMessage, _objectSpread$a({}, messages.excelOptimizedDescription))
               }), jsx("div", {
                 children: jsx(FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.readMoreOnDocumentation), {}, {
                   values: {
                     documentationLink: jsx(Link, {
                       intlMessage: messages.documentation,
                       isExternal: true,
-                      to: CSV_STRUCTURE_DOCUMENTATION_LINK
+                      to: EXPORT_EXCEL_DOCUMENTATION_LINK
                     }, "documentation-link")
                   }
                 }))
@@ -2101,59 +2083,53 @@ const ExportFileSettingsStep = () => {
     onClose: onClose,
     size: 16,
     children: jsx(Masking.Unmask, {
-      children: jsx(Spacings.Stack, {
-        scale: "xxxl",
-        children: jsx(Spacings.Stack, {
-          scale: "l",
-          children: jsxs(Grid, {
-            gridRowGap: designTokens.spacingM,
-            gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
-            children: [jsx(Grid.Item, {
-              children: jsx(Text.Body, {
-                intlMessage: messages.scope
-              })
-            }), jsx(Grid.Item, {
-              children: jsx(ExportScopeSection, {})
-            }), jsx(Grid.Item, {
-              children: jsx(Text.Body, {
-                intlMessage: messages.saveAs
-              })
-            }), jsx(Grid.Item, {
-              children: jsxs(Spacings.Stack, {
-                scale: "s",
-                children: [jsx(Masking.Mask, {
-                  children: jsx(TextField, {
-                    name: "fileName",
-                    onChange: formik.handleChange,
-                    onBlur: formik.handleBlur,
-                    value: _valuesInstanceProperty(formik).fileName,
-                    title: intl.formatMessage(messages.fileName),
-                    touched: formik.touched.fileName,
-                    errors: mapFormikErrors(formik.errors.fileName),
-                    renderError: renderFileNameError
-                  })
-                }), jsx(SelectField, {
-                  name: "outputFormat",
-                  onChange: handleOutputFormatChange,
-                  onBlur: formik.handleBlur,
-                  value: _valuesInstanceProperty(formik).outputFormat,
-                  title: intl.formatMessage(messages.outputFormat),
-                  options: OUTPUT_FORMAT_OPTIONS,
-                  menuPortalTarget: document.body,
-                  menuPortalZIndex: Z_INDEX_DROPDOWN
-                })]
+      children: jsxs(Grid, {
+        gridRowGap: designTokens.spacingXl,
+        gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
+        children: [jsx(Grid.Item, {
+          children: jsx(Text.Body, {
+            intlMessage: messages.scope
+          })
+        }), jsx(Grid.Item, {
+          children: jsx(ExportScopeSection, {})
+        }), jsx(Grid.Item, {
+          children: jsx(Text.Body, {
+            intlMessage: messages.saveAs
+          })
+        }), jsx(Grid.Item, {
+          children: jsxs(Spacings.Stack, {
+            scale: "xl",
+            children: [jsx(Masking.Mask, {
+              children: jsx(TextField, {
+                name: "fileName",
+                onChange: formik.handleChange,
+                onBlur: formik.handleBlur,
+                value: _valuesInstanceProperty(formik).fileName,
+                title: intl.formatMessage(messages.fileName),
+                touched: formik.touched.fileName,
+                errors: mapFormikErrors(formik.errors.fileName),
+                renderError: renderFileNameError
               })
-            }), shouldShowPreferences && jsxs(Fragment, {
-              children: [jsx(Grid.Item, {
-                children: jsx(Text.Body, {
-                  intlMessage: messages.csvSettings
-                })
-              }), jsx(Grid.Item, {
-                children: jsx(ExportPreferenceSection, {})
-              })]
+            }), jsx(SelectField, {
+              name: "outputFormat",
+              onChange: handleOutputFormatChange,
+              onBlur: formik.handleBlur,
+              value: _valuesInstanceProperty(formik).outputFormat,
+              title: intl.formatMessage(messages.outputFormat),
+              options: OUTPUT_FORMAT_OPTIONS,
+              menuPortalTarget: document.body,
+              menuPortalZIndex: Z_INDEX_DROPDOWN
             })]
           })
-        })
+        }), shouldShowPreferences && jsxs(Fragment, {
+          children: [jsx(Grid.Item, {
+            children: jsx(Text.Body, {
+              intlMessage: messages.csvSettings
+            })
+          }), jsx(Grid.Item, {
+            children: jsx(ExportPreferenceSection, {})
+          })]
+        })]
       })
     })
   });
@@ -3374,11 +3350,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-a224d65f.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
+var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-ff01cf04.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
 
-var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-0c105f16.esm.js' /* webpackChunkName: "enabled-drop-area" */));
+var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-e70311e0.esm.js' /* webpackChunkName: "enabled-drop-area" */));
 
-var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-43b70a9b.esm.js' /* webpackChunkName: "filed-dropped-area" */));
+var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-ce7e1b9c.esm.js' /* webpackChunkName: "filed-dropped-area" */));
 
 function getDropArea(_ref) {
   let dropAreaState = _ref.dropAreaState,
@@ -3459,17 +3435,17 @@ const getChunkImport = locale => {
   const intlLocale = mapLocaleToIntlLocale(locale);
   switch (intlLocale) {
     case 'de':
-      return import(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-324f2829.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-de" */'./de-f08a52eb.esm.js');
     case 'es':
-      return import(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-735dbaf2.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-es" */'./es-e2a2c0d3.esm.js');
     case 'fr-FR':
-      return import(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-96dce16c.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-fr-FR" */'./fr-FR-4f366109.esm.js');
     case 'ja':
       return import(/* webpackChunkName: "export-resources-modal-i18n-ja" */'./ja-73c088a7.esm.js');
     case 'pt-BR':
-      return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-7fd72f5d.esm.js');
+      return import(/* webpackChunkName: "change-history-i18n-pt-BR" */'./pt-BR-f96cb5c4.esm.js');
     default:
-      return import(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-015fa203.esm.js');
+      return import(/* webpackChunkName: "export-resources-modal-i18n-en" */'./en-fde71e63.esm.js');
   }
 };
 const loadMessages = async locale => {

package/dist/{pt-BR-ced88ff5.cjs.prod.js → pt-BR-53c6b1c2.cjs.prod.js}

@@ -51,7 +51,7 @@ var ptBR = {
 	},
 	"ExportResourcesModal.columns": {
 		developer_comment: "Label for column separator select",
-		string: "Columns:"
+		string: "Columns"
 	},
 	"ExportResourcesModal.confirmSelection": {
 		developer_comment: "Label for \"Confirm selection\" button",
@@ -65,10 +65,6 @@ var ptBR = {
 		developer_comment: "CSV upload failed title",
 		string: "Falha ao carregar CSV"
 	},
-	"ExportResourcesModal.decimal": {
-		developer_comment: "Label for decimal separator select",
-		string: "Decimals:"
-	},
 	"ExportResourcesModal.decimalSeparatorComma": {
 		developer_comment: "Label for comma decimal separator option",
 		string: "comma (,)"
@@ -77,6 +73,10 @@ var ptBR = {
 		developer_comment: "Label for point decimal separator option",
 		string: "point (.)"
 	},
+	"ExportResourcesModal.decimals": {
+		developer_comment: "Label for decimal separator select",
+		string: "Decimals"
+	},
 	"ExportResourcesModal.defineFieldsToIncludeInExport": {
 		developer_comment: "A message to define the fields to include in export",
 		string: "Defina os campos a serem incluídos na sua exportação com um arquivo CSV abaixo. O arquivo deve conter cabeçalhos de coluna no formato predefinido mostrado em <templateLink>nosso modelo</templateLink>. Também é possível usar um CSV exportado anteriormente."
@@ -105,6 +105,14 @@ var ptBR = {
 		developer_comment: "Label for error type column",
 		string: "Tipo de erro"
 	},
+	"ExportResourcesModal.excelOptimized": {
+		developer_comment: "Label for Excel-optimized CSV export checkbox",
+		string: "CSV file optimized for Excel"
+	},
+	"ExportResourcesModal.excelOptimizedDescription": {
+		developer_comment: "Description for Excel-optimized CSV export checkbox",
+		string: "Checking this option will prevent Excel from interpreting the data of the file."
+	},
 	"ExportResourcesModal.exportBasedOnMyViewsMessage": {
 		developer_comment: "Select Export setttings based on my views",
 		string: "Selecione as configurações de exportação com base em:"
@@ -377,6 +385,10 @@ var ptBR = {
 		developer_comment: "Label for query predicate option",
 		string: "Predicado da consulta"
 	},
+	"ExportResourcesModal.readMoreOnDocumentation": {
+		developer_comment: "Read more on documentation",
+		string: "Read more on the {documentationLink}"
+	},
 	"ExportResourcesModal.saveAs": {
 		developer_comment: "Label for \"Save as:\"",
 		string: "Save as:"