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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/{active-drag-drop-area-a224d65f.esm.js → active-drag-drop-area-98149234.esm.js} +1 -1
  2. package/dist/{active-drag-drop-area-38356347.cjs.dev.js → active-drag-drop-area-f0ea9b7b.cjs.dev.js} +1 -1
  3. package/dist/{active-drag-drop-area-a30f5f01.cjs.prod.js → active-drag-drop-area-fb42a613.cjs.prod.js} +1 -1
  4. package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.dev.js +1 -1
  5. package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js +1 -1
  6. package/dist/commercetools-frontend-extensions-export-resources-modal.esm.js +1 -1
  7. package/dist/declarations/src/@constants/urls.d.ts +1 -0
  8. package/dist/{enabled-drop-area-b3499b69.cjs.prod.js → enabled-drop-area-26c2b035.cjs.prod.js} +1 -1
  9. package/dist/{enabled-drop-area-0c105f16.esm.js → enabled-drop-area-64110e94.esm.js} +1 -1
  10. package/dist/{enabled-drop-area-f072eebb.cjs.dev.js → enabled-drop-area-c11b08f9.cjs.dev.js} +1 -1
  11. package/dist/{file-dropped-area-baefd7b3.cjs.prod.js → file-dropped-area-55af62d7.cjs.prod.js} +1 -1
  12. package/dist/{file-dropped-area-08ab59fd.cjs.dev.js → file-dropped-area-698edef8.cjs.dev.js} +1 -1
  13. package/dist/{file-dropped-area-43b70a9b.esm.js → file-dropped-area-c0cb76ab.esm.js} +1 -1
  14. package/dist/{index-68a5c7e9.cjs.dev.js → index-06c30ade.cjs.dev.js} +75 -99
  15. package/dist/{index-7df7858b.esm.js → index-d48404fd.esm.js} +76 -100
  16. package/dist/{index-13f6807d.cjs.prod.js → index-d8cef75f.cjs.prod.js} +75 -99
  17. package/package.json +1 -1
package/dist/{active-drag-drop-area-a224d65f.esm.js → active-drag-drop-area-98149234.esm.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { F as FileDropped, E as EnabledDropArea } from './index-7df7858b.esm.js';
1
+ import { F as FileDropped, E as EnabledDropArea } from './index-d48404fd.esm.js';
2
2
  import { jsx } from '@emotion/react/jsx-runtime';
3
3
  import '@babel/runtime-corejs3/helpers/defineProperty';
4
4
  import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
package/dist/{active-drag-drop-area-38356347.cjs.dev.js → active-drag-drop-area-f0ea9b7b.cjs.dev.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-68a5c7e9.cjs.dev.js');
3
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-06c30ade.cjs.dev.js');
4
4
  var jsxRuntime = require('@emotion/react/jsx-runtime');
5
5
  require('@babel/runtime-corejs3/helpers/defineProperty');
6
6
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
package/dist/{active-drag-drop-area-a30f5f01.cjs.prod.js → active-drag-drop-area-fb42a613.cjs.prod.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-13f6807d.cjs.prod.js');
3
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-d8cef75f.cjs.prod.js');
4
4
  var jsxRuntime = require('@emotion/react/jsx-runtime');
5
5
  require('@babel/runtime-corejs3/helpers/defineProperty');
6
6
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.dev.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-68a5c7e9.cjs.dev.js');
5
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-06c30ade.cjs.dev.js');
6
6
  require('react');
7
7
  require('@commercetools-frontend/ui-kit');
8
8
  require('@emotion/react/jsx-runtime');
package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-13f6807d.cjs.prod.js');
5
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-d8cef75f.cjs.prod.js');
6
6
  require('react');
7
7
  require('@commercetools-frontend/ui-kit');
8
8
  require('@emotion/react/jsx-runtime');
package/dist/commercetools-frontend-extensions-export-resources-modal.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- export { c as EXPORTABLE_RESOURCES, b as EXPORT_TYPES, L as LocaleOption, S as Step, a as default, d as useConvertFieldDefinitionsForExport } from './index-7df7858b.esm.js';
1
+ export { c as EXPORTABLE_RESOURCES, b as EXPORT_TYPES, L as LocaleOption, S as Step, a as default, d as useConvertFieldDefinitionsForExport } from './index-d48404fd.esm.js';
2
2
  import 'react';
3
3
  import '@commercetools-frontend/ui-kit';
4
4
  import '@emotion/react/jsx-runtime';
package/dist/declarations/src/@constants/urls.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export declare const EXPORT_DATA_DOCUMENTATION_LINK = "https://docs.commercetools.com/merchant-center/export-data";
2
2
  export declare const CSV_TEMPLATES_LINK = "https://docs.commercetools.com/merchant-center/import-data#download-a-template";
3
3
  export declare const CSV_STRUCTURE_DOCUMENTATION_LINK = "https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files";
4
+ export declare const EXPORT_EXCEL_DOCUMENTATION_LINK = "https://docs.commercetools.com/merchant-center/export-data#optimize-csv-file-for-microsoft-excel";
package/dist/{enabled-drop-area-b3499b69.cjs.prod.js → enabled-drop-area-26c2b035.cjs.prod.js} RENAMED
@@ -12,7 +12,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
12
12
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
13
13
  require('react');
14
14
  var jsxRuntime = require('@emotion/react/jsx-runtime');
15
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-13f6807d.cjs.prod.js');
15
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-d8cef75f.cjs.prod.js');
16
16
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
17
17
  require('@babel/runtime-corejs3/helpers/slicedToArray');
18
18
  require('@babel/runtime-corejs3/core-js-stable/object/entries');
package/dist/{enabled-drop-area-0c105f16.esm.js → enabled-drop-area-64110e94.esm.js} RENAMED
@@ -10,7 +10,7 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object
10
10
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
11
11
  import 'react';
12
12
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
13
- import { m as messages } from './index-7df7858b.esm.js';
13
+ import { m as messages } from './index-d48404fd.esm.js';
14
14
  import '@babel/runtime-corejs3/helpers/objectWithoutProperties';
15
15
  import '@babel/runtime-corejs3/helpers/slicedToArray';
16
16
  import '@babel/runtime-corejs3/core-js-stable/object/entries';
package/dist/{enabled-drop-area-f072eebb.cjs.dev.js → enabled-drop-area-c11b08f9.cjs.dev.js} RENAMED
@@ -12,7 +12,7 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/obje
12
12
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
13
13
  require('react');
14
14
  var jsxRuntime = require('@emotion/react/jsx-runtime');
15
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-68a5c7e9.cjs.dev.js');
15
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-06c30ade.cjs.dev.js');
16
16
  require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
17
17
  require('@babel/runtime-corejs3/helpers/slicedToArray');
18
18
  require('@babel/runtime-corejs3/core-js-stable/object/entries');
package/dist/{file-dropped-area-baefd7b3.cjs.prod.js → file-dropped-area-55af62d7.cjs.prod.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
4
4
  var reactIntl = require('react-intl');
5
5
  var uiKit = require('@commercetools-frontend/ui-kit');
6
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-13f6807d.cjs.prod.js');
6
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-d8cef75f.cjs.prod.js');
7
7
  require('@babel/runtime-corejs3/helpers/slicedToArray');
8
8
  require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
9
9
  require('react');
package/dist/{file-dropped-area-08ab59fd.cjs.dev.js → file-dropped-area-698edef8.cjs.dev.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
4
4
  var reactIntl = require('react-intl');
5
5
  var uiKit = require('@commercetools-frontend/ui-kit');
6
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-68a5c7e9.cjs.dev.js');
6
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-06c30ade.cjs.dev.js');
7
7
  require('@babel/runtime-corejs3/helpers/slicedToArray');
8
8
  require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
9
9
  require('react');
package/dist/{file-dropped-area-43b70a9b.esm.js → file-dropped-area-c0cb76ab.esm.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
2
2
  import { useIntl } from 'react-intl';
3
3
  import { Spacings, PaperclipIcon, Constraints, Text, SecondaryButton } from '@commercetools-frontend/ui-kit';
4
- import { u as useExportResourcesModalContext, m as messages } from './index-7df7858b.esm.js';
4
+ import { u as useExportResourcesModalContext, m as messages } from './index-d48404fd.esm.js';
5
5
  import '@babel/runtime-corejs3/helpers/slicedToArray';
6
6
  import '@babel/runtime-corejs3/core-js-stable/instance/reduce';
7
7
  import 'react';
package/dist/{index-68a5c7e9.cjs.dev.js → index-06c30ade.cjs.dev.js} RENAMED
@@ -656,12 +656,12 @@ var messages = reactIntl.defineMessages({
656
656
  columns: {
657
657
  id: 'ExportResourcesModal.columns',
658
658
  description: 'Label for column separator select',
659
- defaultMessage: 'Columns:'
659
+ defaultMessage: 'Columns'
660
660
  },
661
- decimal: {
662
- id: 'ExportResourcesModal.decimal',
661
+ decimals: {
662
+ id: 'ExportResourcesModal.decimals',
663
663
  description: 'Label for decimal separator select',
664
- defaultMessage: 'Decimals:'
664
+ defaultMessage: 'Decimals'
665
665
  },
666
666
  columnSeparatorComma: {
667
667
  id: 'ExportResourcesModal.columnSeparatorComma',
@@ -820,6 +820,7 @@ const OUTPUT_FORMAT_OPTIONS = [{
820
820
  const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
821
821
  const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
822
822
  const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
823
+ const EXPORT_EXCEL_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#optimize-csv-file-for-microsoft-excel';
823
824
 
824
825
  const resourceTypeMessages = {
825
826
  [EXPORTABLE_RESOURCES.CATEGORY]: {
@@ -1915,6 +1916,7 @@ const useValidateExportOperation = () => {
1915
1916
  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; }
1916
1917
  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; }
1917
1918
  const ExportPreferenceSection = () => {
1919
+ const intl = reactIntl.useIntl();
1918
1920
  const _useExportResourcesMo = useExportResourcesModalContext(),
1919
1921
  formik = _useExportResourcesMo.formik;
1920
1922
  const columnSeparatorOptions = _mapInstanceProperty__default["default"](COLUMN_DELIMITER_OPTIONS).call(COLUMN_DELIMITER_OPTIONS, option => _objectSpread$a(_objectSpread$a({}, option), {}, {
@@ -1935,38 +1937,26 @@ const ExportPreferenceSection = () => {
1935
1937
  })]
1936
1938
  }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1937
1939
  scale: "s",
1938
- children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1939
- scale: "xs",
1940
- alignItems: "center",
1941
- children: [jsxRuntime.jsx(uiKit.Text.Body, {
1942
- intlMessage: messages.columns
1943
- }), jsxRuntime.jsx(uiKit.SelectInput, {
1944
- horizontalConstraint: 4,
1945
- isSearchable: false,
1946
- options: columnSeparatorOptions,
1947
- value: _valuesInstanceProperty__default["default"](formik).columnSeparator,
1948
- onChange: e => {
1949
- formik.setFieldValue('columnSeparator', e.target.value);
1950
- },
1951
- menuPortalTarget: document.body,
1952
- menuPortalZIndex: Z_INDEX_DROPDOWN
1953
- })]
1954
- }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1955
- scale: "s",
1956
- alignItems: "center",
1957
- children: [jsxRuntime.jsx(uiKit.Text.Body, {
1958
- intlMessage: messages.decimal
1959
- }), jsxRuntime.jsx(uiKit.SelectInput, {
1960
- isSearchable: false,
1961
- options: decimalSeparatorOptions,
1962
- value: _valuesInstanceProperty__default["default"](formik).decimalSeparator,
1963
- onChange: e => {
1964
- formik.setFieldValue('decimalSeparator', e.target.value);
1965
- },
1966
- menuPortalTarget: document.body,
1967
- horizontalConstraint: 4,
1968
- menuPortalZIndex: Z_INDEX_DROPDOWN
1969
- })]
1940
+ children: [jsxRuntime.jsx(uiKit.SelectField, {
1941
+ title: intl.formatMessage(messages.columns),
1942
+ isSearchable: false,
1943
+ options: columnSeparatorOptions,
1944
+ value: _valuesInstanceProperty__default["default"](formik).columnSeparator,
1945
+ onChange: e => {
1946
+ formik.setFieldValue('columnSeparator', e.target.value);
1947
+ },
1948
+ menuPortalTarget: document.body,
1949
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1950
+ }), jsxRuntime.jsx(uiKit.SelectField, {
1951
+ title: intl.formatMessage(messages.decimals),
1952
+ isSearchable: false,
1953
+ options: decimalSeparatorOptions,
1954
+ value: _valuesInstanceProperty__default["default"](formik).decimalSeparator,
1955
+ onChange: e => {
1956
+ formik.setFieldValue('decimalSeparator', e.target.value);
1957
+ },
1958
+ menuPortalTarget: document.body,
1959
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1970
1960
  })]
1971
1961
  })]
1972
1962
  }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -1985,22 +1975,14 @@ const ExportPreferenceSection = () => {
1985
1975
  scale: "xs",
1986
1976
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1987
1977
  children: [jsxRuntime.jsx("div", {
1988
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.excelOptimizedDescription), {}, {
1989
- values: {
1990
- documentationLink: jsxRuntime.jsx(uiKit.Link, {
1991
- intlMessage: messages.documentation,
1992
- isExternal: true,
1993
- to: CSV_STRUCTURE_DOCUMENTATION_LINK
1994
- }, "documentation-link")
1995
- }
1996
- }))
1978
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.excelOptimizedDescription))
1997
1979
  }), jsxRuntime.jsx("div", {
1998
1980
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.readMoreOnDocumentation), {}, {
1999
1981
  values: {
2000
1982
  documentationLink: jsxRuntime.jsx(uiKit.Link, {
2001
1983
  intlMessage: messages.documentation,
2002
1984
  isExternal: true,
2003
- to: CSV_STRUCTURE_DOCUMENTATION_LINK
1985
+ to: EXPORT_EXCEL_DOCUMENTATION_LINK
2004
1986
  }, "documentation-link")
2005
1987
  }
2006
1988
  }))
@@ -2142,59 +2124,53 @@ const ExportFileSettingsStep = () => {
2142
2124
  onClose: onClose,
2143
2125
  size: 16,
2144
2126
  children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
2145
- children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
2146
- scale: "xxxl",
2147
- children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
2148
- scale: "l",
2149
- children: jsxRuntime.jsxs(uiKit.Grid, {
2150
- gridRowGap: uiKit.designTokens.spacingM,
2151
- gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
2152
- children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2153
- children: jsxRuntime.jsx(uiKit.Text.Body, {
2154
- intlMessage: messages.scope
2155
- })
2156
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2157
- children: jsxRuntime.jsx(ExportScopeSection, {})
2158
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2159
- children: jsxRuntime.jsx(uiKit.Text.Body, {
2160
- intlMessage: messages.saveAs
2161
- })
2162
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2163
- children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
2164
- scale: "s",
2165
- children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
2166
- children: jsxRuntime.jsx(uiKit.TextField, {
2167
- name: "fileName",
2168
- onChange: formik.handleChange,
2169
- onBlur: formik.handleBlur,
2170
- value: _valuesInstanceProperty__default["default"](formik).fileName,
2171
- title: intl.formatMessage(messages.fileName),
2172
- touched: formik.touched.fileName,
2173
- errors: mapFormikErrors(formik.errors.fileName),
2174
- renderError: renderFileNameError
2175
- })
2176
- }), jsxRuntime.jsx(uiKit.SelectField, {
2177
- name: "outputFormat",
2178
- onChange: handleOutputFormatChange,
2179
- onBlur: formik.handleBlur,
2180
- value: _valuesInstanceProperty__default["default"](formik).outputFormat,
2181
- title: intl.formatMessage(messages.outputFormat),
2182
- options: OUTPUT_FORMAT_OPTIONS,
2183
- menuPortalTarget: document.body,
2184
- menuPortalZIndex: Z_INDEX_DROPDOWN
2185
- })]
2127
+ children: jsxRuntime.jsxs(uiKit.Grid, {
2128
+ gridRowGap: uiKit.designTokens.spacingXl,
2129
+ gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
2130
+ children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2131
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
2132
+ intlMessage: messages.scope
2133
+ })
2134
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
2135
+ children: jsxRuntime.jsx(ExportScopeSection, {})
2136
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
2137
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
2138
+ intlMessage: messages.saveAs
2139
+ })
2140
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
2141
+ children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
2142
+ scale: "xl",
2143
+ children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
2144
+ children: jsxRuntime.jsx(uiKit.TextField, {
2145
+ name: "fileName",
2146
+ onChange: formik.handleChange,
2147
+ onBlur: formik.handleBlur,
2148
+ value: _valuesInstanceProperty__default["default"](formik).fileName,
2149
+ title: intl.formatMessage(messages.fileName),
2150
+ touched: formik.touched.fileName,
2151
+ errors: mapFormikErrors(formik.errors.fileName),
2152
+ renderError: renderFileNameError
2186
2153
  })
2187
- }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
2188
- children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2189
- children: jsxRuntime.jsx(uiKit.Text.Body, {
2190
- intlMessage: messages.csvSettings
2191
- })
2192
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2193
- children: jsxRuntime.jsx(ExportPreferenceSection, {})
2194
- })]
2154
+ }), jsxRuntime.jsx(uiKit.SelectField, {
2155
+ name: "outputFormat",
2156
+ onChange: handleOutputFormatChange,
2157
+ onBlur: formik.handleBlur,
2158
+ value: _valuesInstanceProperty__default["default"](formik).outputFormat,
2159
+ title: intl.formatMessage(messages.outputFormat),
2160
+ options: OUTPUT_FORMAT_OPTIONS,
2161
+ menuPortalTarget: document.body,
2162
+ menuPortalZIndex: Z_INDEX_DROPDOWN
2195
2163
  })]
2196
2164
  })
2197
- })
2165
+ }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
2166
+ children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2167
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
2168
+ intlMessage: messages.csvSettings
2169
+ })
2170
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
2171
+ children: jsxRuntime.jsx(ExportPreferenceSection, {})
2172
+ })]
2173
+ })]
2198
2174
  })
2199
2175
  })
2200
2176
  });
@@ -3415,11 +3391,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
3415
3391
  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 */");
3416
3392
  }
3417
3393
 
3418
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-38356347.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3394
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-f0ea9b7b.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3419
3395
 
3420
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-f072eebb.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
3396
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-c11b08f9.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
3421
3397
 
3422
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-08ab59fd.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
3398
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-698edef8.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
3423
3399
 
3424
3400
  function getDropArea(_ref) {
3425
3401
  let dropAreaState = _ref.dropAreaState,
package/dist/{index-7df7858b.esm.js → index-d48404fd.esm.js} RENAMED
@@ -15,7 +15,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
15
15
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
16
16
  import { defineMessages, FormattedMessage, useIntl, IntlProvider } from 'react-intl';
17
17
  import { useApplicationContext } from '@commercetools-frontend/application-shell-connectors';
18
- 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';
18
+ 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';
19
19
  import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
20
20
  import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/values';
21
21
  import { FormDialog } from '@commercetools-frontend/application-components';
@@ -615,12 +615,12 @@ var messages = defineMessages({
615
615
  columns: {
616
616
  id: 'ExportResourcesModal.columns',
617
617
  description: 'Label for column separator select',
618
- defaultMessage: 'Columns:'
618
+ defaultMessage: 'Columns'
619
619
  },
620
- decimal: {
621
- id: 'ExportResourcesModal.decimal',
620
+ decimals: {
621
+ id: 'ExportResourcesModal.decimals',
622
622
  description: 'Label for decimal separator select',
623
- defaultMessage: 'Decimals:'
623
+ defaultMessage: 'Decimals'
624
624
  },
625
625
  columnSeparatorComma: {
626
626
  id: 'ExportResourcesModal.columnSeparatorComma',
@@ -779,6 +779,7 @@ const OUTPUT_FORMAT_OPTIONS = [{
779
779
  const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
780
780
  const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
781
781
  const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
782
+ const EXPORT_EXCEL_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#optimize-csv-file-for-microsoft-excel';
782
783
 
783
784
  const resourceTypeMessages = {
784
785
  [EXPORTABLE_RESOURCES.CATEGORY]: {
@@ -1874,6 +1875,7 @@ const useValidateExportOperation = () => {
1874
1875
  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; }
1875
1876
  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; }
1876
1877
  const ExportPreferenceSection = () => {
1878
+ const intl = useIntl();
1877
1879
  const _useExportResourcesMo = useExportResourcesModalContext(),
1878
1880
  formik = _useExportResourcesMo.formik;
1879
1881
  const columnSeparatorOptions = _mapInstanceProperty(COLUMN_DELIMITER_OPTIONS).call(COLUMN_DELIMITER_OPTIONS, option => _objectSpread$a(_objectSpread$a({}, option), {}, {
@@ -1894,38 +1896,26 @@ const ExportPreferenceSection = () => {
1894
1896
  })]
1895
1897
  }), jsxs(Spacings.Inline, {
1896
1898
  scale: "s",
1897
- children: [jsxs(Spacings.Inline, {
1898
- scale: "xs",
1899
- alignItems: "center",
1900
- children: [jsx(Text.Body, {
1901
- intlMessage: messages.columns
1902
- }), jsx(SelectInput, {
1903
- horizontalConstraint: 4,
1904
- isSearchable: false,
1905
- options: columnSeparatorOptions,
1906
- value: _valuesInstanceProperty(formik).columnSeparator,
1907
- onChange: e => {
1908
- formik.setFieldValue('columnSeparator', e.target.value);
1909
- },
1910
- menuPortalTarget: document.body,
1911
- menuPortalZIndex: Z_INDEX_DROPDOWN
1912
- })]
1913
- }), jsxs(Spacings.Inline, {
1914
- scale: "s",
1915
- alignItems: "center",
1916
- children: [jsx(Text.Body, {
1917
- intlMessage: messages.decimal
1918
- }), jsx(SelectInput, {
1919
- isSearchable: false,
1920
- options: decimalSeparatorOptions,
1921
- value: _valuesInstanceProperty(formik).decimalSeparator,
1922
- onChange: e => {
1923
- formik.setFieldValue('decimalSeparator', e.target.value);
1924
- },
1925
- menuPortalTarget: document.body,
1926
- horizontalConstraint: 4,
1927
- menuPortalZIndex: Z_INDEX_DROPDOWN
1928
- })]
1899
+ children: [jsx(SelectField, {
1900
+ title: intl.formatMessage(messages.columns),
1901
+ isSearchable: false,
1902
+ options: columnSeparatorOptions,
1903
+ value: _valuesInstanceProperty(formik).columnSeparator,
1904
+ onChange: e => {
1905
+ formik.setFieldValue('columnSeparator', e.target.value);
1906
+ },
1907
+ menuPortalTarget: document.body,
1908
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1909
+ }), jsx(SelectField, {
1910
+ title: intl.formatMessage(messages.decimals),
1911
+ isSearchable: false,
1912
+ options: decimalSeparatorOptions,
1913
+ value: _valuesInstanceProperty(formik).decimalSeparator,
1914
+ onChange: e => {
1915
+ formik.setFieldValue('decimalSeparator', e.target.value);
1916
+ },
1917
+ menuPortalTarget: document.body,
1918
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1929
1919
  })]
1930
1920
  })]
1931
1921
  }), jsxs(Spacings.Stack, {
@@ -1944,22 +1934,14 @@ const ExportPreferenceSection = () => {
1944
1934
  scale: "xs",
1945
1935
  children: jsxs(Spacings.Stack, {
1946
1936
  children: [jsx("div", {
1947
- children: jsx(FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.excelOptimizedDescription), {}, {
1948
- values: {
1949
- documentationLink: jsx(Link, {
1950
- intlMessage: messages.documentation,
1951
- isExternal: true,
1952
- to: CSV_STRUCTURE_DOCUMENTATION_LINK
1953
- }, "documentation-link")
1954
- }
1955
- }))
1937
+ children: jsx(FormattedMessage, _objectSpread$a({}, messages.excelOptimizedDescription))
1956
1938
  }), jsx("div", {
1957
1939
  children: jsx(FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.readMoreOnDocumentation), {}, {
1958
1940
  values: {
1959
1941
  documentationLink: jsx(Link, {
1960
1942
  intlMessage: messages.documentation,
1961
1943
  isExternal: true,
1962
- to: CSV_STRUCTURE_DOCUMENTATION_LINK
1944
+ to: EXPORT_EXCEL_DOCUMENTATION_LINK
1963
1945
  }, "documentation-link")
1964
1946
  }
1965
1947
  }))
@@ -2101,59 +2083,53 @@ const ExportFileSettingsStep = () => {
2101
2083
  onClose: onClose,
2102
2084
  size: 16,
2103
2085
  children: jsx(Masking.Unmask, {
2104
- children: jsx(Spacings.Stack, {
2105
- scale: "xxxl",
2106
- children: jsx(Spacings.Stack, {
2107
- scale: "l",
2108
- children: jsxs(Grid, {
2109
- gridRowGap: designTokens.spacingM,
2110
- gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
2111
- children: [jsx(Grid.Item, {
2112
- children: jsx(Text.Body, {
2113
- intlMessage: messages.scope
2114
- })
2115
- }), jsx(Grid.Item, {
2116
- children: jsx(ExportScopeSection, {})
2117
- }), jsx(Grid.Item, {
2118
- children: jsx(Text.Body, {
2119
- intlMessage: messages.saveAs
2120
- })
2121
- }), jsx(Grid.Item, {
2122
- children: jsxs(Spacings.Stack, {
2123
- scale: "s",
2124
- children: [jsx(Masking.Mask, {
2125
- children: jsx(TextField, {
2126
- name: "fileName",
2127
- onChange: formik.handleChange,
2128
- onBlur: formik.handleBlur,
2129
- value: _valuesInstanceProperty(formik).fileName,
2130
- title: intl.formatMessage(messages.fileName),
2131
- touched: formik.touched.fileName,
2132
- errors: mapFormikErrors(formik.errors.fileName),
2133
- renderError: renderFileNameError
2134
- })
2135
- }), jsx(SelectField, {
2136
- name: "outputFormat",
2137
- onChange: handleOutputFormatChange,
2138
- onBlur: formik.handleBlur,
2139
- value: _valuesInstanceProperty(formik).outputFormat,
2140
- title: intl.formatMessage(messages.outputFormat),
2141
- options: OUTPUT_FORMAT_OPTIONS,
2142
- menuPortalTarget: document.body,
2143
- menuPortalZIndex: Z_INDEX_DROPDOWN
2144
- })]
2086
+ children: jsxs(Grid, {
2087
+ gridRowGap: designTokens.spacingXl,
2088
+ gridTemplateColumns: `calc(${designTokens.constraint3} + ${designTokens.spacingL}) auto`,
2089
+ children: [jsx(Grid.Item, {
2090
+ children: jsx(Text.Body, {
2091
+ intlMessage: messages.scope
2092
+ })
2093
+ }), jsx(Grid.Item, {
2094
+ children: jsx(ExportScopeSection, {})
2095
+ }), jsx(Grid.Item, {
2096
+ children: jsx(Text.Body, {
2097
+ intlMessage: messages.saveAs
2098
+ })
2099
+ }), jsx(Grid.Item, {
2100
+ children: jsxs(Spacings.Stack, {
2101
+ scale: "xl",
2102
+ children: [jsx(Masking.Mask, {
2103
+ children: jsx(TextField, {
2104
+ name: "fileName",
2105
+ onChange: formik.handleChange,
2106
+ onBlur: formik.handleBlur,
2107
+ value: _valuesInstanceProperty(formik).fileName,
2108
+ title: intl.formatMessage(messages.fileName),
2109
+ touched: formik.touched.fileName,
2110
+ errors: mapFormikErrors(formik.errors.fileName),
2111
+ renderError: renderFileNameError
2145
2112
  })
2146
- }), shouldShowPreferences && jsxs(Fragment, {
2147
- children: [jsx(Grid.Item, {
2148
- children: jsx(Text.Body, {
2149
- intlMessage: messages.csvSettings
2150
- })
2151
- }), jsx(Grid.Item, {
2152
- children: jsx(ExportPreferenceSection, {})
2153
- })]
2113
+ }), jsx(SelectField, {
2114
+ name: "outputFormat",
2115
+ onChange: handleOutputFormatChange,
2116
+ onBlur: formik.handleBlur,
2117
+ value: _valuesInstanceProperty(formik).outputFormat,
2118
+ title: intl.formatMessage(messages.outputFormat),
2119
+ options: OUTPUT_FORMAT_OPTIONS,
2120
+ menuPortalTarget: document.body,
2121
+ menuPortalZIndex: Z_INDEX_DROPDOWN
2154
2122
  })]
2155
2123
  })
2156
- })
2124
+ }), shouldShowPreferences && jsxs(Fragment, {
2125
+ children: [jsx(Grid.Item, {
2126
+ children: jsx(Text.Body, {
2127
+ intlMessage: messages.csvSettings
2128
+ })
2129
+ }), jsx(Grid.Item, {
2130
+ children: jsx(ExportPreferenceSection, {})
2131
+ })]
2132
+ })]
2157
2133
  })
2158
2134
  })
2159
2135
  });
@@ -3374,11 +3350,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
3374
3350
  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 */");
3375
3351
  }
3376
3352
 
3377
- var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-a224d65f.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
3353
+ var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-98149234.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
3378
3354
 
3379
- var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-0c105f16.esm.js' /* webpackChunkName: "enabled-drop-area" */));
3355
+ var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-64110e94.esm.js' /* webpackChunkName: "enabled-drop-area" */));
3380
3356
 
3381
- var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-43b70a9b.esm.js' /* webpackChunkName: "filed-dropped-area" */));
3357
+ var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-c0cb76ab.esm.js' /* webpackChunkName: "filed-dropped-area" */));
3382
3358
 
3383
3359
  function getDropArea(_ref) {
3384
3360
  let dropAreaState = _ref.dropAreaState,
package/dist/{index-13f6807d.cjs.prod.js → index-d8cef75f.cjs.prod.js} RENAMED
@@ -656,12 +656,12 @@ var messages = reactIntl.defineMessages({
656
656
  columns: {
657
657
  id: 'ExportResourcesModal.columns',
658
658
  description: 'Label for column separator select',
659
- defaultMessage: 'Columns:'
659
+ defaultMessage: 'Columns'
660
660
  },
661
- decimal: {
662
- id: 'ExportResourcesModal.decimal',
661
+ decimals: {
662
+ id: 'ExportResourcesModal.decimals',
663
663
  description: 'Label for decimal separator select',
664
- defaultMessage: 'Decimals:'
664
+ defaultMessage: 'Decimals'
665
665
  },
666
666
  columnSeparatorComma: {
667
667
  id: 'ExportResourcesModal.columnSeparatorComma',
@@ -820,6 +820,7 @@ const OUTPUT_FORMAT_OPTIONS = [{
820
820
  const EXPORT_DATA_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data';
821
821
  const CSV_TEMPLATES_LINK = 'https://docs.commercetools.com/merchant-center/import-data#download-a-template';
822
822
  const CSV_STRUCTURE_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#structure-of-exported-csv-files';
823
+ const EXPORT_EXCEL_DOCUMENTATION_LINK = 'https://docs.commercetools.com/merchant-center/export-data#optimize-csv-file-for-microsoft-excel';
823
824
 
824
825
  const resourceTypeMessages = {
825
826
  [EXPORTABLE_RESOURCES.CATEGORY]: {
@@ -1915,6 +1916,7 @@ const useValidateExportOperation = () => {
1915
1916
  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; }
1916
1917
  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; }
1917
1918
  const ExportPreferenceSection = () => {
1919
+ const intl = reactIntl.useIntl();
1918
1920
  const _useExportResourcesMo = useExportResourcesModalContext(),
1919
1921
  formik = _useExportResourcesMo.formik;
1920
1922
  const columnSeparatorOptions = _mapInstanceProperty__default["default"](COLUMN_DELIMITER_OPTIONS).call(COLUMN_DELIMITER_OPTIONS, option => _objectSpread$a(_objectSpread$a({}, option), {}, {
@@ -1935,38 +1937,26 @@ const ExportPreferenceSection = () => {
1935
1937
  })]
1936
1938
  }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1937
1939
  scale: "s",
1938
- children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1939
- scale: "xs",
1940
- alignItems: "center",
1941
- children: [jsxRuntime.jsx(uiKit.Text.Body, {
1942
- intlMessage: messages.columns
1943
- }), jsxRuntime.jsx(uiKit.SelectInput, {
1944
- horizontalConstraint: 4,
1945
- isSearchable: false,
1946
- options: columnSeparatorOptions,
1947
- value: _valuesInstanceProperty__default["default"](formik).columnSeparator,
1948
- onChange: e => {
1949
- formik.setFieldValue('columnSeparator', e.target.value);
1950
- },
1951
- menuPortalTarget: document.body,
1952
- menuPortalZIndex: Z_INDEX_DROPDOWN
1953
- })]
1954
- }), jsxRuntime.jsxs(uiKit.Spacings.Inline, {
1955
- scale: "s",
1956
- alignItems: "center",
1957
- children: [jsxRuntime.jsx(uiKit.Text.Body, {
1958
- intlMessage: messages.decimal
1959
- }), jsxRuntime.jsx(uiKit.SelectInput, {
1960
- isSearchable: false,
1961
- options: decimalSeparatorOptions,
1962
- value: _valuesInstanceProperty__default["default"](formik).decimalSeparator,
1963
- onChange: e => {
1964
- formik.setFieldValue('decimalSeparator', e.target.value);
1965
- },
1966
- menuPortalTarget: document.body,
1967
- horizontalConstraint: 4,
1968
- menuPortalZIndex: Z_INDEX_DROPDOWN
1969
- })]
1940
+ children: [jsxRuntime.jsx(uiKit.SelectField, {
1941
+ title: intl.formatMessage(messages.columns),
1942
+ isSearchable: false,
1943
+ options: columnSeparatorOptions,
1944
+ value: _valuesInstanceProperty__default["default"](formik).columnSeparator,
1945
+ onChange: e => {
1946
+ formik.setFieldValue('columnSeparator', e.target.value);
1947
+ },
1948
+ menuPortalTarget: document.body,
1949
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1950
+ }), jsxRuntime.jsx(uiKit.SelectField, {
1951
+ title: intl.formatMessage(messages.decimals),
1952
+ isSearchable: false,
1953
+ options: decimalSeparatorOptions,
1954
+ value: _valuesInstanceProperty__default["default"](formik).decimalSeparator,
1955
+ onChange: e => {
1956
+ formik.setFieldValue('decimalSeparator', e.target.value);
1957
+ },
1958
+ menuPortalTarget: document.body,
1959
+ menuPortalZIndex: Z_INDEX_DROPDOWN
1970
1960
  })]
1971
1961
  })]
1972
1962
  }), jsxRuntime.jsxs(uiKit.Spacings.Stack, {
@@ -1985,22 +1975,14 @@ const ExportPreferenceSection = () => {
1985
1975
  scale: "xs",
1986
1976
  children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
1987
1977
  children: [jsxRuntime.jsx("div", {
1988
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.excelOptimizedDescription), {}, {
1989
- values: {
1990
- documentationLink: jsxRuntime.jsx(uiKit.Link, {
1991
- intlMessage: messages.documentation,
1992
- isExternal: true,
1993
- to: CSV_STRUCTURE_DOCUMENTATION_LINK
1994
- }, "documentation-link")
1995
- }
1996
- }))
1978
+ children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a({}, messages.excelOptimizedDescription))
1997
1979
  }), jsxRuntime.jsx("div", {
1998
1980
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$a(_objectSpread$a({}, messages.readMoreOnDocumentation), {}, {
1999
1981
  values: {
2000
1982
  documentationLink: jsxRuntime.jsx(uiKit.Link, {
2001
1983
  intlMessage: messages.documentation,
2002
1984
  isExternal: true,
2003
- to: CSV_STRUCTURE_DOCUMENTATION_LINK
1985
+ to: EXPORT_EXCEL_DOCUMENTATION_LINK
2004
1986
  }, "documentation-link")
2005
1987
  }
2006
1988
  }))
@@ -2142,59 +2124,53 @@ const ExportFileSettingsStep = () => {
2142
2124
  onClose: onClose,
2143
2125
  size: 16,
2144
2126
  children: jsxRuntime.jsx(fullstory.Masking.Unmask, {
2145
- children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
2146
- scale: "xxxl",
2147
- children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
2148
- scale: "l",
2149
- children: jsxRuntime.jsxs(uiKit.Grid, {
2150
- gridRowGap: uiKit.designTokens.spacingM,
2151
- gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
2152
- children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2153
- children: jsxRuntime.jsx(uiKit.Text.Body, {
2154
- intlMessage: messages.scope
2155
- })
2156
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2157
- children: jsxRuntime.jsx(ExportScopeSection, {})
2158
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2159
- children: jsxRuntime.jsx(uiKit.Text.Body, {
2160
- intlMessage: messages.saveAs
2161
- })
2162
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2163
- children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
2164
- scale: "s",
2165
- children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
2166
- children: jsxRuntime.jsx(uiKit.TextField, {
2167
- name: "fileName",
2168
- onChange: formik.handleChange,
2169
- onBlur: formik.handleBlur,
2170
- value: _valuesInstanceProperty__default["default"](formik).fileName,
2171
- title: intl.formatMessage(messages.fileName),
2172
- touched: formik.touched.fileName,
2173
- errors: mapFormikErrors(formik.errors.fileName),
2174
- renderError: renderFileNameError
2175
- })
2176
- }), jsxRuntime.jsx(uiKit.SelectField, {
2177
- name: "outputFormat",
2178
- onChange: handleOutputFormatChange,
2179
- onBlur: formik.handleBlur,
2180
- value: _valuesInstanceProperty__default["default"](formik).outputFormat,
2181
- title: intl.formatMessage(messages.outputFormat),
2182
- options: OUTPUT_FORMAT_OPTIONS,
2183
- menuPortalTarget: document.body,
2184
- menuPortalZIndex: Z_INDEX_DROPDOWN
2185
- })]
2127
+ children: jsxRuntime.jsxs(uiKit.Grid, {
2128
+ gridRowGap: uiKit.designTokens.spacingXl,
2129
+ gridTemplateColumns: `calc(${uiKit.designTokens.constraint3} + ${uiKit.designTokens.spacingL}) auto`,
2130
+ children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2131
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
2132
+ intlMessage: messages.scope
2133
+ })
2134
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
2135
+ children: jsxRuntime.jsx(ExportScopeSection, {})
2136
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
2137
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
2138
+ intlMessage: messages.saveAs
2139
+ })
2140
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
2141
+ children: jsxRuntime.jsxs(uiKit.Spacings.Stack, {
2142
+ scale: "xl",
2143
+ children: [jsxRuntime.jsx(fullstory.Masking.Mask, {
2144
+ children: jsxRuntime.jsx(uiKit.TextField, {
2145
+ name: "fileName",
2146
+ onChange: formik.handleChange,
2147
+ onBlur: formik.handleBlur,
2148
+ value: _valuesInstanceProperty__default["default"](formik).fileName,
2149
+ title: intl.formatMessage(messages.fileName),
2150
+ touched: formik.touched.fileName,
2151
+ errors: mapFormikErrors(formik.errors.fileName),
2152
+ renderError: renderFileNameError
2186
2153
  })
2187
- }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
2188
- children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2189
- children: jsxRuntime.jsx(uiKit.Text.Body, {
2190
- intlMessage: messages.csvSettings
2191
- })
2192
- }), jsxRuntime.jsx(uiKit.Grid.Item, {
2193
- children: jsxRuntime.jsx(ExportPreferenceSection, {})
2194
- })]
2154
+ }), jsxRuntime.jsx(uiKit.SelectField, {
2155
+ name: "outputFormat",
2156
+ onChange: handleOutputFormatChange,
2157
+ onBlur: formik.handleBlur,
2158
+ value: _valuesInstanceProperty__default["default"](formik).outputFormat,
2159
+ title: intl.formatMessage(messages.outputFormat),
2160
+ options: OUTPUT_FORMAT_OPTIONS,
2161
+ menuPortalTarget: document.body,
2162
+ menuPortalZIndex: Z_INDEX_DROPDOWN
2195
2163
  })]
2196
2164
  })
2197
- })
2165
+ }), shouldShowPreferences && jsxRuntime.jsxs(jsxRuntime.Fragment, {
2166
+ children: [jsxRuntime.jsx(uiKit.Grid.Item, {
2167
+ children: jsxRuntime.jsx(uiKit.Text.Body, {
2168
+ intlMessage: messages.csvSettings
2169
+ })
2170
+ }), jsxRuntime.jsx(uiKit.Grid.Item, {
2171
+ children: jsxRuntime.jsx(ExportPreferenceSection, {})
2172
+ })]
2173
+ })]
2198
2174
  })
2199
2175
  })
2200
2176
  });
@@ -3379,11 +3355,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
3379
3355
  return /*#__PURE__*/react.css("" , "" );
3380
3356
  }
3381
3357
 
3382
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-a30f5f01.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3358
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-fb42a613.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3383
3359
 
3384
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-b3499b69.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
3360
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-26c2b035.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
3385
3361
 
3386
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-baefd7b3.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
3362
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-55af62d7.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
3387
3363
 
3388
3364
  function getDropArea(_ref) {
3389
3365
  let dropAreaState = _ref.dropAreaState,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-frontend-extensions/export-resources-modal",
3
3
  "description": "Shared export modal for exporting resources",
4
- "version": "0.0.0-canary-20250616144108",
4
+ "version": "0.0.0-canary-20250617132829",
5
5
  "license": "BSD-3-Clause",
6
6
  "publishConfig": {
7
7
  "access": "public"