@commercetools-frontend-extensions/export-resources-modal 5.0.0 → 5.0.1

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 (16) hide show
  1. package/dist/{active-drag-drop-area-b979d5d1.esm.js → active-drag-drop-area-18db16ae.esm.js} +1 -1
  2. package/dist/{active-drag-drop-area-3c408710.cjs.dev.js → active-drag-drop-area-234b8203.cjs.dev.js} +1 -1
  3. package/dist/{active-drag-drop-area-12daa26c.cjs.prod.js → active-drag-drop-area-8acbbe47.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/{enabled-drop-area-a25dfe55.cjs.dev.js → enabled-drop-area-0faf55ba.cjs.dev.js} +1 -1
  8. package/dist/{enabled-drop-area-ed00d1fd.cjs.prod.js → enabled-drop-area-2c0ab3d8.cjs.prod.js} +1 -1
  9. package/dist/{enabled-drop-area-9ca41e63.esm.js → enabled-drop-area-a7382da4.esm.js} +1 -1
  10. package/dist/{file-dropped-area-cf131b6e.cjs.prod.js → file-dropped-area-26dc2bbf.cjs.prod.js} +1 -1
  11. package/dist/{file-dropped-area-65ac353d.esm.js → file-dropped-area-db01eb93.esm.js} +1 -1
  12. package/dist/{file-dropped-area-f19b8e0b.cjs.dev.js → file-dropped-area-e05ad409.cjs.dev.js} +1 -1
  13. package/dist/{index-b645c74b.esm.js → index-dc5cae5e.esm.js} +14 -10
  14. package/dist/{index-1a99ddcf.cjs.dev.js → index-de653bfb.cjs.dev.js} +14 -10
  15. package/dist/{index-e05daeff.cjs.prod.js → index-e00e15d3.cjs.prod.js} +14 -10
  16. package/package.json +1 -1
package/dist/{active-drag-drop-area-b979d5d1.esm.js → active-drag-drop-area-18db16ae.esm.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { F as FileDropped, E as EnabledDropArea } from './index-b645c74b.esm.js';
1
+ import { F as FileDropped, E as EnabledDropArea } from './index-dc5cae5e.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-3c408710.cjs.dev.js → active-drag-drop-area-234b8203.cjs.dev.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-1a99ddcf.cjs.dev.js');
3
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-de653bfb.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-12daa26c.cjs.prod.js → active-drag-drop-area-8acbbe47.cjs.prod.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e05daeff.cjs.prod.js');
3
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e00e15d3.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-1a99ddcf.cjs.dev.js');
5
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-de653bfb.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-e05daeff.cjs.prod.js');
5
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e00e15d3.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-b645c74b.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-dc5cae5e.esm.js';
2
2
  import 'react';
3
3
  import '@commercetools-frontend/ui-kit';
4
4
  import '@emotion/react/jsx-runtime';
package/dist/{enabled-drop-area-a25dfe55.cjs.dev.js → enabled-drop-area-0faf55ba.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-1a99ddcf.cjs.dev.js');
15
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-de653bfb.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/{enabled-drop-area-ed00d1fd.cjs.prod.js → enabled-drop-area-2c0ab3d8.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-e05daeff.cjs.prod.js');
15
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e00e15d3.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-9ca41e63.esm.js → enabled-drop-area-a7382da4.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-b645c74b.esm.js';
13
+ import { m as messages } from './index-dc5cae5e.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/{file-dropped-area-cf131b6e.cjs.prod.js → file-dropped-area-26dc2bbf.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-e05daeff.cjs.prod.js');
6
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-e00e15d3.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-65ac353d.esm.js → file-dropped-area-db01eb93.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-b645c74b.esm.js';
4
+ import { u as useExportResourcesModalContext, m as messages } from './index-dc5cae5e.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/{file-dropped-area-f19b8e0b.cjs.dev.js → file-dropped-area-e05ad409.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-1a99ddcf.cjs.dev.js');
6
+ var dist_commercetoolsFrontendExtensionsExportResourcesModal = require('./index-de653bfb.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/{index-b645c74b.esm.js → index-dc5cae5e.esm.js} RENAMED
@@ -1738,7 +1738,15 @@ const ExportFileSettingsStep = () => {
1738
1738
  formik = _useExportResourcesMo.formik,
1739
1739
  resourceType = _useExportResourcesMo.resourceType,
1740
1740
  setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
1741
+ setLocaleOption = _useExportResourcesMo.setLocaleOption,
1741
1742
  onClose = _useExportResourcesMo.onClose;
1743
+ const handleOutputFormatChange = event => {
1744
+ formik.handleChange(event);
1745
+ if (event.target.value === OUTPUT_FORMATS.JSON) {
1746
+ setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
1747
+ setLocaleOption(LocaleOption.Selected);
1748
+ }
1749
+ };
1742
1750
 
1743
1751
  // TODO: make this dynamic based on the resource type & output format (more scalable)
1744
1752
  const shouldShowPreferences = _includesInstanceProperty(_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty(formik).outputFormat === 'csv';
@@ -1780,12 +1788,7 @@ const ExportFileSettingsStep = () => {
1780
1788
  scale: "m",
1781
1789
  children: [jsx(SelectField, {
1782
1790
  name: "outputFormat",
1783
- onChange: event => {
1784
- formik.handleChange(event);
1785
- if (event.target.value === OUTPUT_FORMATS.JSON) {
1786
- setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
1787
- }
1788
- },
1791
+ onChange: handleOutputFormatChange,
1789
1792
  onBlur: formik.handleBlur,
1790
1793
  value: _valuesInstanceProperty(formik).outputFormat,
1791
1794
  title: intl.formatMessage(messages.outputFormat),
@@ -1838,6 +1841,7 @@ const ExportLocaleSelectField = () => {
1838
1841
  const isLocalesSelectFieldDisabled = React.useMemo(() => {
1839
1842
  return localeOption === LocaleOption.OnlyLocalesFoundInCsvFile;
1840
1843
  }, [localeOption]);
1844
+ const isCSVOutputFormat = _valuesInstanceProperty(formik).outputFormat === OUTPUT_FORMATS.CSV;
1841
1845
  const localeChangeHandler = React.useCallback(e => {
1842
1846
  const nextValue = e.target.value;
1843
1847
  if (nextValue === LocaleOption.All) formik.setFieldValue('locales', locales);else if (nextValue === LocaleOption.Selected) formik.setFieldValue('locales', [locale]);
@@ -1866,7 +1870,7 @@ const ExportLocaleSelectField = () => {
1866
1870
  "data-testid": "include-all-locales-toggle-input",
1867
1871
  value: LocaleOption.All,
1868
1872
  children: intl.formatMessage(messages.includeAllLocalesRadioOption)
1869
- }), jsx(RadioInput.Option, {
1873
+ }), isCSVOutputFormat && jsx(RadioInput.Option, {
1870
1874
  "data-testid": "only-locales-found-in-the-csv-file",
1871
1875
  value: LocaleOption.OnlyLocalesFoundInCsvFile,
1872
1876
  isDisabled: isOnlyLocalesFoundInCsvFileOptionDisabled,
@@ -2998,11 +3002,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
2998
3002
  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 */");
2999
3003
  }
3000
3004
 
3001
- var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-b979d5d1.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
3005
+ var ActiveDragDropArea = /*#__PURE__*/lazy(() => import('./active-drag-drop-area-18db16ae.esm.js' /* webpackChunkName: "active-drag-drop-area" */));
3002
3006
 
3003
- var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-9ca41e63.esm.js' /* webpackChunkName: "enabled-drop-area" */));
3007
+ var EnabledDropArea = /*#__PURE__*/lazy(() => import('./enabled-drop-area-a7382da4.esm.js' /* webpackChunkName: "enabled-drop-area" */));
3004
3008
 
3005
- var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-65ac353d.esm.js' /* webpackChunkName: "filed-dropped-area" */));
3009
+ var FileDropped = /*#__PURE__*/lazy(() => import('./file-dropped-area-db01eb93.esm.js' /* webpackChunkName: "filed-dropped-area" */));
3006
3010
 
3007
3011
  function getDropArea(_ref) {
3008
3012
  let dropAreaState = _ref.dropAreaState,
package/dist/{index-1a99ddcf.cjs.dev.js → index-de653bfb.cjs.dev.js} RENAMED
@@ -1778,7 +1778,15 @@ const ExportFileSettingsStep = () => {
1778
1778
  formik = _useExportResourcesMo.formik,
1779
1779
  resourceType = _useExportResourcesMo.resourceType,
1780
1780
  setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
1781
+ setLocaleOption = _useExportResourcesMo.setLocaleOption,
1781
1782
  onClose = _useExportResourcesMo.onClose;
1783
+ const handleOutputFormatChange = event => {
1784
+ formik.handleChange(event);
1785
+ if (event.target.value === OUTPUT_FORMATS.JSON) {
1786
+ setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
1787
+ setLocaleOption(LocaleOption.Selected);
1788
+ }
1789
+ };
1782
1790
 
1783
1791
  // TODO: make this dynamic based on the resource type & output format (more scalable)
1784
1792
  const shouldShowPreferences = _includesInstanceProperty__default["default"](_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
@@ -1820,12 +1828,7 @@ const ExportFileSettingsStep = () => {
1820
1828
  scale: "m",
1821
1829
  children: [jsxRuntime.jsx(uiKit.SelectField, {
1822
1830
  name: "outputFormat",
1823
- onChange: event => {
1824
- formik.handleChange(event);
1825
- if (event.target.value === OUTPUT_FORMATS.JSON) {
1826
- setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
1827
- }
1828
- },
1831
+ onChange: handleOutputFormatChange,
1829
1832
  onBlur: formik.handleBlur,
1830
1833
  value: _valuesInstanceProperty__default["default"](formik).outputFormat,
1831
1834
  title: intl.formatMessage(messages.outputFormat),
@@ -1878,6 +1881,7 @@ const ExportLocaleSelectField = () => {
1878
1881
  const isLocalesSelectFieldDisabled = React__default["default"].useMemo(() => {
1879
1882
  return localeOption === LocaleOption.OnlyLocalesFoundInCsvFile;
1880
1883
  }, [localeOption]);
1884
+ const isCSVOutputFormat = _valuesInstanceProperty__default["default"](formik).outputFormat === OUTPUT_FORMATS.CSV;
1881
1885
  const localeChangeHandler = React__default["default"].useCallback(e => {
1882
1886
  const nextValue = e.target.value;
1883
1887
  if (nextValue === LocaleOption.All) formik.setFieldValue('locales', locales);else if (nextValue === LocaleOption.Selected) formik.setFieldValue('locales', [locale]);
@@ -1906,7 +1910,7 @@ const ExportLocaleSelectField = () => {
1906
1910
  "data-testid": "include-all-locales-toggle-input",
1907
1911
  value: LocaleOption.All,
1908
1912
  children: intl.formatMessage(messages.includeAllLocalesRadioOption)
1909
- }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
1913
+ }), isCSVOutputFormat && jsxRuntime.jsx(uiKit.RadioInput.Option, {
1910
1914
  "data-testid": "only-locales-found-in-the-csv-file",
1911
1915
  value: LocaleOption.OnlyLocalesFoundInCsvFile,
1912
1916
  isDisabled: isOnlyLocalesFoundInCsvFileOptionDisabled,
@@ -3038,11 +3042,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
3038
3042
  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 */");
3039
3043
  }
3040
3044
 
3041
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-3c408710.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3045
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-234b8203.cjs.dev.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3042
3046
 
3043
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-a25dfe55.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
3047
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-0faf55ba.cjs.dev.js' /* webpackChunkName: "enabled-drop-area" */); }));
3044
3048
 
3045
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-f19b8e0b.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
3049
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-e05ad409.cjs.dev.js' /* webpackChunkName: "filed-dropped-area" */); }));
3046
3050
 
3047
3051
  function getDropArea(_ref) {
3048
3052
  let dropAreaState = _ref.dropAreaState,
package/dist/{index-e05daeff.cjs.prod.js → index-e00e15d3.cjs.prod.js} RENAMED
@@ -1778,7 +1778,15 @@ const ExportFileSettingsStep = () => {
1778
1778
  formik = _useExportResourcesMo.formik,
1779
1779
  resourceType = _useExportResourcesMo.resourceType,
1780
1780
  setFieldSelectionMode = _useExportResourcesMo.setFieldSelectionMode,
1781
+ setLocaleOption = _useExportResourcesMo.setLocaleOption,
1781
1782
  onClose = _useExportResourcesMo.onClose;
1783
+ const handleOutputFormatChange = event => {
1784
+ formik.handleChange(event);
1785
+ if (event.target.value === OUTPUT_FORMATS.JSON) {
1786
+ setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
1787
+ setLocaleOption(LocaleOption.Selected);
1788
+ }
1789
+ };
1782
1790
 
1783
1791
  // TODO: make this dynamic based on the resource type & output format (more scalable)
1784
1792
  const shouldShowPreferences = _includesInstanceProperty__default["default"](_context = ['order', 'product']).call(_context, resourceType) && _valuesInstanceProperty__default["default"](formik).outputFormat === 'csv';
@@ -1820,12 +1828,7 @@ const ExportFileSettingsStep = () => {
1820
1828
  scale: "m",
1821
1829
  children: [jsxRuntime.jsx(uiKit.SelectField, {
1822
1830
  name: "outputFormat",
1823
- onChange: event => {
1824
- formik.handleChange(event);
1825
- if (event.target.value === OUTPUT_FORMATS.JSON) {
1826
- setFieldSelectionMode(FIELD_SELECTION_MODES.SELECTED_FIELDS);
1827
- }
1828
- },
1831
+ onChange: handleOutputFormatChange,
1829
1832
  onBlur: formik.handleBlur,
1830
1833
  value: _valuesInstanceProperty__default["default"](formik).outputFormat,
1831
1834
  title: intl.formatMessage(messages.outputFormat),
@@ -1878,6 +1881,7 @@ const ExportLocaleSelectField = () => {
1878
1881
  const isLocalesSelectFieldDisabled = React__default["default"].useMemo(() => {
1879
1882
  return localeOption === LocaleOption.OnlyLocalesFoundInCsvFile;
1880
1883
  }, [localeOption]);
1884
+ const isCSVOutputFormat = _valuesInstanceProperty__default["default"](formik).outputFormat === OUTPUT_FORMATS.CSV;
1881
1885
  const localeChangeHandler = React__default["default"].useCallback(e => {
1882
1886
  const nextValue = e.target.value;
1883
1887
  if (nextValue === LocaleOption.All) formik.setFieldValue('locales', locales);else if (nextValue === LocaleOption.Selected) formik.setFieldValue('locales', [locale]);
@@ -1906,7 +1910,7 @@ const ExportLocaleSelectField = () => {
1906
1910
  "data-testid": "include-all-locales-toggle-input",
1907
1911
  value: LocaleOption.All,
1908
1912
  children: intl.formatMessage(messages.includeAllLocalesRadioOption)
1909
- }), jsxRuntime.jsx(uiKit.RadioInput.Option, {
1913
+ }), isCSVOutputFormat && jsxRuntime.jsx(uiKit.RadioInput.Option, {
1910
1914
  "data-testid": "only-locales-found-in-the-csv-file",
1911
1915
  value: LocaleOption.OnlyLocalesFoundInCsvFile,
1912
1916
  isDisabled: isOnlyLocalesFoundInCsvFileOptionDisabled,
@@ -3002,11 +3006,11 @@ function getDefaultDropWrapperStyles(_dropAreaState) {
3002
3006
  return /*#__PURE__*/react.css("" , "" );
3003
3007
  }
3004
3008
 
3005
- var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-12daa26c.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3009
+ var ActiveDragDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./active-drag-drop-area-8acbbe47.cjs.prod.js' /* webpackChunkName: "active-drag-drop-area" */); }));
3006
3010
 
3007
- var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-ed00d1fd.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
3011
+ var EnabledDropArea = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./enabled-drop-area-2c0ab3d8.cjs.prod.js' /* webpackChunkName: "enabled-drop-area" */); }));
3008
3012
 
3009
- var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-cf131b6e.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
3013
+ var FileDropped = /*#__PURE__*/React.lazy(() => Promise.resolve().then(function () { return require('./file-dropped-area-26dc2bbf.cjs.prod.js' /* webpackChunkName: "filed-dropped-area" */); }));
3010
3014
 
3011
3015
  function getDropArea(_ref) {
3012
3016
  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": "5.0.0",
4
+ "version": "5.0.1",
5
5
  "license": "BSD-3-Clause",
6
6
  "publishConfig": {
7
7
  "access": "public"