@commercetools-frontend-extensions/export-resources-modal 4.6.7 → 4.6.9

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

@@ -45,6 +45,7 @@ var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var l10n = require('@commercetools-frontend/l10n');
+var sortBy = require('lodash/sortBy');
 var _styled = require('@emotion/styled/base');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var throttle = require('lodash/throttle');
@@ -79,6 +80,7 @@ var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
+var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
@@ -1077,40 +1079,57 @@ const useConvertFieldDefinitionsForExport = () => {
     })),
     language = _useApplicationContex.language,
     languages = _useApplicationContex.languages;
+  const sortByField = (fields, fieldName) => {
+    if (!fields) return [];
+    if (fieldName) {
+      return sortBy__default["default"](fields, field => {
+        return field[fieldName]?.toLowerCase();
+      });
+    }
+    return fields;
+  };
   const convertFieldDefinitionsForExport = _ref3 => {
     let fieldDefinitions = _ref3.fieldDefinitions,
       fieldPrefix = _ref3.fieldPrefix,
       _ref3$expandAll = _ref3.expandAll,
-      expandAll = _ref3$expandAll === void 0 ? false : _ref3$expandAll;
+      expandAll = _ref3$expandAll === void 0 ? false : _ref3$expandAll,
+      sortField = _ref3.sortField;
     if (!fieldDefinitions) return [];
     const localizedTypeDefinitions = localizeTypeDefinitionLabels(fieldDefinitions);
-    return _mapInstanceProperty__default["default"](localizedTypeDefinitions).call(localizedTypeDefinitions, transformedType => ({
-      isExpandable: true,
-      isExpanded: expandAll,
-      name: transformedType.name,
-      label: l10n.formatLocalizedString({
-        label: transformedType.label
-      }, {
-        key: 'label',
-        locale: language,
-        fallbackOrder: languages,
-        fallback: transformedType.name
-      }),
-      fields: transformedType.fields?.map(fieldDefinition => ({
-        name: getFieldFullName({
-          fieldPrefix: fieldPrefix,
-          fieldName: fieldDefinition.name
-        }),
-        label: l10n.formatLocalizedString({
-          label: fieldDefinition.label
+    const results = _mapInstanceProperty__default["default"](localizedTypeDefinitions).call(localizedTypeDefinitions, transformedType => {
+      const isTypeLabelLocalized = typeof transformedType.label !== 'string';
+      return {
+        isExpandable: true,
+        isExpanded: expandAll,
+        name: transformedType.name,
+        label: isTypeLabelLocalized ? l10n.formatLocalizedString({
+          label: transformedType.label
         }, {
           key: 'label',
           locale: language,
           fallbackOrder: languages,
-          fallback: fieldDefinition.name
-        })
-      }))
-    }));
+          fallback: transformedType.name
+        }) : transformedType.label,
+        fields: sortByField(transformedType.fields?.map(fieldDefinition => {
+          const isFieldLabelLocalized = typeof fieldDefinition.label !== 'string';
+          return {
+            name: getFieldFullName({
+              fieldPrefix: fieldPrefix,
+              fieldName: fieldDefinition.name
+            }),
+            label: isFieldLabelLocalized ? l10n.formatLocalizedString({
+              label: fieldDefinition.label
+            }, {
+              key: 'label',
+              locale: language,
+              fallbackOrder: languages,
+              fallback: fieldDefinition.name
+            }) : fieldDefinition.label
+          };
+        }), sortField)
+      };
+    });
+    return sortByField(results, sortField);
   };
   return {
     convertFieldDefinitionsForExport

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

@@ -45,6 +45,7 @@ var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var l10n = require('@commercetools-frontend/l10n');
+var sortBy = require('lodash/sortBy');
 var _styled = require('@emotion/styled/base');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var throttle = require('lodash/throttle');
@@ -79,6 +80,7 @@ var _Set__default = /*#__PURE__*/_interopDefault(_Set);
 var _sortInstanceProperty__default = /*#__PURE__*/_interopDefault(_sortInstanceProperty);
 var _indexOfInstanceProperty__default = /*#__PURE__*/_interopDefault(_indexOfInstanceProperty);
 var moment__default = /*#__PURE__*/_interopDefault(moment);
+var sortBy__default = /*#__PURE__*/_interopDefault(sortBy);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
@@ -1077,40 +1079,57 @@ const useConvertFieldDefinitionsForExport = () => {
     })),
     language = _useApplicationContex.language,
     languages = _useApplicationContex.languages;
+  const sortByField = (fields, fieldName) => {
+    if (!fields) return [];
+    if (fieldName) {
+      return sortBy__default["default"](fields, field => {
+        return field[fieldName]?.toLowerCase();
+      });
+    }
+    return fields;
+  };
   const convertFieldDefinitionsForExport = _ref3 => {
     let fieldDefinitions = _ref3.fieldDefinitions,
       fieldPrefix = _ref3.fieldPrefix,
       _ref3$expandAll = _ref3.expandAll,
-      expandAll = _ref3$expandAll === void 0 ? false : _ref3$expandAll;
+      expandAll = _ref3$expandAll === void 0 ? false : _ref3$expandAll,
+      sortField = _ref3.sortField;
     if (!fieldDefinitions) return [];
     const localizedTypeDefinitions = localizeTypeDefinitionLabels(fieldDefinitions);
-    return _mapInstanceProperty__default["default"](localizedTypeDefinitions).call(localizedTypeDefinitions, transformedType => ({
-      isExpandable: true,
-      isExpanded: expandAll,
-      name: transformedType.name,
-      label: l10n.formatLocalizedString({
-        label: transformedType.label
-      }, {
-        key: 'label',
-        locale: language,
-        fallbackOrder: languages,
-        fallback: transformedType.name
-      }),
-      fields: transformedType.fields?.map(fieldDefinition => ({
-        name: getFieldFullName({
-          fieldPrefix: fieldPrefix,
-          fieldName: fieldDefinition.name
-        }),
-        label: l10n.formatLocalizedString({
-          label: fieldDefinition.label
+    const results = _mapInstanceProperty__default["default"](localizedTypeDefinitions).call(localizedTypeDefinitions, transformedType => {
+      const isTypeLabelLocalized = typeof transformedType.label !== 'string';
+      return {
+        isExpandable: true,
+        isExpanded: expandAll,
+        name: transformedType.name,
+        label: isTypeLabelLocalized ? l10n.formatLocalizedString({
+          label: transformedType.label
         }, {
           key: 'label',
           locale: language,
           fallbackOrder: languages,
-          fallback: fieldDefinition.name
-        })
-      }))
-    }));
+          fallback: transformedType.name
+        }) : transformedType.label,
+        fields: sortByField(transformedType.fields?.map(fieldDefinition => {
+          const isFieldLabelLocalized = typeof fieldDefinition.label !== 'string';
+          return {
+            name: getFieldFullName({
+              fieldPrefix: fieldPrefix,
+              fieldName: fieldDefinition.name
+            }),
+            label: isFieldLabelLocalized ? l10n.formatLocalizedString({
+              label: fieldDefinition.label
+            }, {
+              key: 'label',
+              locale: language,
+              fallbackOrder: languages,
+              fallback: fieldDefinition.name
+            }) : fieldDefinition.label
+          };
+        }), sortField)
+      };
+    });
+    return sortByField(results, sortField);
   };
   return {
     convertFieldDefinitionsForExport

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

@@ -41,6 +41,7 @@ import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import { formatLocalizedString, applyTransformedLocalizedFields } from '@commercetools-frontend/l10n';
+import sortBy from 'lodash/sortBy';
 import _styled from '@emotion/styled/base';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import throttle from 'lodash/throttle';
@@ -1043,40 +1044,57 @@ const useConvertFieldDefinitionsForExport = () => {
     })),
     language = _useApplicationContex.language,
     languages = _useApplicationContex.languages;
+  const sortByField = (fields, fieldName) => {
+    if (!fields) return [];
+    if (fieldName) {
+      return sortBy(fields, field => {
+        return field[fieldName]?.toLowerCase();
+      });
+    }
+    return fields;
+  };
   const convertFieldDefinitionsForExport = _ref3 => {
     let fieldDefinitions = _ref3.fieldDefinitions,
       fieldPrefix = _ref3.fieldPrefix,
       _ref3$expandAll = _ref3.expandAll,
-      expandAll = _ref3$expandAll === void 0 ? false : _ref3$expandAll;
+      expandAll = _ref3$expandAll === void 0 ? false : _ref3$expandAll,
+      sortField = _ref3.sortField;
     if (!fieldDefinitions) return [];
     const localizedTypeDefinitions = localizeTypeDefinitionLabels(fieldDefinitions);
-    return _mapInstanceProperty(localizedTypeDefinitions).call(localizedTypeDefinitions, transformedType => ({
-      isExpandable: true,
-      isExpanded: expandAll,
-      name: transformedType.name,
-      label: formatLocalizedString({
-        label: transformedType.label
-      }, {
-        key: 'label',
-        locale: language,
-        fallbackOrder: languages,
-        fallback: transformedType.name
-      }),
-      fields: transformedType.fields?.map(fieldDefinition => ({
-        name: getFieldFullName({
-          fieldPrefix: fieldPrefix,
-          fieldName: fieldDefinition.name
-        }),
-        label: formatLocalizedString({
-          label: fieldDefinition.label
+    const results = _mapInstanceProperty(localizedTypeDefinitions).call(localizedTypeDefinitions, transformedType => {
+      const isTypeLabelLocalized = typeof transformedType.label !== 'string';
+      return {
+        isExpandable: true,
+        isExpanded: expandAll,
+        name: transformedType.name,
+        label: isTypeLabelLocalized ? formatLocalizedString({
+          label: transformedType.label
         }, {
           key: 'label',
           locale: language,
           fallbackOrder: languages,
-          fallback: fieldDefinition.name
-        })
-      }))
-    }));
+          fallback: transformedType.name
+        }) : transformedType.label,
+        fields: sortByField(transformedType.fields?.map(fieldDefinition => {
+          const isFieldLabelLocalized = typeof fieldDefinition.label !== 'string';
+          return {
+            name: getFieldFullName({
+              fieldPrefix: fieldPrefix,
+              fieldName: fieldDefinition.name
+            }),
+            label: isFieldLabelLocalized ? formatLocalizedString({
+              label: fieldDefinition.label
+            }, {
+              key: 'label',
+              locale: language,
+              fallbackOrder: languages,
+              fallback: fieldDefinition.name
+            }) : fieldDefinition.label
+          };
+        }), sortField)
+      };
+    });
+    return sortByField(results, sortField);
   };
   return {
     convertFieldDefinitionsForExport

package/dist/declarations/src/@hooks/use-convert-field-definitions-for-export.d.ts

@@ -1,8 +1,9 @@
 import type { Field, FieldDefinition } from "../@types/index.js";
 export declare const useConvertFieldDefinitionsForExport: () => {
-    convertFieldDefinitionsForExport: ({ fieldDefinitions, fieldPrefix, expandAll, }: {
+    convertFieldDefinitionsForExport: ({ fieldDefinitions, fieldPrefix, expandAll, sortField, }: {
         fieldDefinitions?: FieldDefinition[] | undefined;
         fieldPrefix?: string | undefined;
         expandAll?: boolean | undefined;
+        sortField?: string | undefined;
     }) => Field[];
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "4.6.7",
+  "version": "4.6.9",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"
@@ -15,11 +15,11 @@
     "README.md"
   ],
   "dependencies": {
-    "@babel/runtime": "7.25.0",
-    "@babel/runtime-corejs3": "7.25.0",
+    "@babel/runtime": "7.25.6",
+    "@babel/runtime-corejs3": "7.25.6",
     "@commercetools-frontend/experimental-components": "6.2.0",
     "@commercetools-frontend/fullstory": "2.4.5",
-    "@emotion/react": "11.13.0",
+    "@emotion/react": "11.13.3",
     "@emotion/styled": "11.13.0",
     "@formatjs/cli": "6.2.12",
     "formik": "2.4.6",
@@ -31,22 +31,22 @@
     "react": "17.0.2"
   },
   "devDependencies": {
-    "@commercetools-frontend/actions-global": "22.32.0",
-    "@commercetools-frontend/application-components": "22.32.0",
-    "@commercetools-frontend/application-shell": "22.32.0",
-    "@commercetools-frontend/application-shell-connectors": "22.32.0",
-    "@commercetools-frontend/constants": "22.32.0",
-    "@commercetools-frontend/i18n": "22.32.0",
-    "@commercetools-frontend/jest-preset-mc-app": "22.32.0",
+    "@commercetools-frontend/actions-global": "22.32.1",
+    "@commercetools-frontend/application-components": "22.32.1",
+    "@commercetools-frontend/application-shell": "22.32.1",
+    "@commercetools-frontend/application-shell-connectors": "22.32.1",
+    "@commercetools-frontend/constants": "22.32.1",
+    "@commercetools-frontend/i18n": "22.32.1",
+    "@commercetools-frontend/jest-preset-mc-app": "22.32.1",
     "@commercetools-frontend/l10n": "22.x",
-    "@commercetools-frontend/sdk": "22.32.0",
-    "@commercetools-frontend/sentry": "22.32.0",
+    "@commercetools-frontend/sdk": "22.32.1",
+    "@commercetools-frontend/sentry": "22.32.1",
     "@commercetools-frontend/ui-kit": "19.11.0",
     "@commercetools-uikit/design-system": "19.11.0",
     "@preconstruct/cli": "2.8.7",
-    "@types/jest": "29.5.12",
+    "@types/jest": "29.5.13",
     "@types/testing-library__jest-dom": "^5.14.5",
-    "msw": "1.3.3",
+    "msw": "1.3.4",
     "react-intl": "6.6.8",
     "react-redux": "7.2.9",
     "redux": "4.2.1",