@commercetools-frontend-extensions/export-resources-modal 5.12.0 → 5.13.0

package/README.md

@@ -358,6 +358,8 @@ import ExportResourcesModal from '@commercetools-frontend-extensions/export-reso
 | `fieldGroups[].fields[].isExpandable` | `boolean`                                               |                                                      |   `false`| `isExpandable` property indicates if the field can be expanded/collapsed on the UI. If the `isExpandable` is passed as true, then a expand/collapse button is displayed on the UI to control |
 | `fieldGroups[].fields[].isExpanded` | `boolean`                                               |                                                      | `false`  | This property is used along with `fieldGroups[].fields[].isExpandable` to control the default state of each expandable fields in the UI. If `fieldGroups[].fields[].isExpanded` is set to `true`, then the corresponding field will be expanded when the component loads. The default value is `false` which means unless explicitly set to `true`, the field will be collapsed on initial load  |
 | `fieldOrder`                                 | `string[]`                                              |                                                      |         | The field names are sorted based on the order passed. The value `*` can be passed to denote any fields and for example fieldOrder=['*', 'custom'] will push all the fields that starts with custom to the last in the list and any other fields will be at the beginning of the list                                                                                                                                  |
+| `stores`                                     | `Array<{ key: string; name: string }>`                  |                                                      |         | When provided (and the `resourceType` defines an `exportScopeSpecificStore` message), renders an additional "Specific store" scope option with a store-selection dropdown. Selecting a store sets `where=store(key="<key>")` on the export request.                                                                                                                                                                   |
+| `selectedScopeQueryPredicateBuilder`       | `(selectedResourceIds: string[]) => string`             |                                                      |         | Overrides the `where` predicate produced for the SELECTED scope. Useful when `selectedResourceIds` reference a related resource — e.g. tailoring exports where IDs are product IDs, so the predicate must be `product(id in (...))` instead of the default `id in (...)`.                                                                                                                                             |
 
 ## Releasing
 

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

@@ -1821,7 +1821,7 @@ const useStartExportOperation = props => {
       let where = undefined;
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
-        where = buildSelectedExportFilters(props.selectedResourceIds);
+        where = props.selectedScopeQueryPredicateBuilder ? props.selectedScopeQueryPredicateBuilder(props.selectedResourceIds) : buildSelectedExportFilters(props.selectedResourceIds);
       } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
         where = props.filters.where;
         if (isQueryFilter(props.filters.filters)) {
@@ -2211,7 +2211,8 @@ function ExportScopeSection() {
     selectedStoreKey = _useExportResourcesMo.selectedStoreKey,
     setSelectedStoreKey = _useExportResourcesMo.setSelectedStoreKey;
   const shouldShowQueryPredicateField = exportType === EXPORT_TYPES.QUERY_PREDICATE;
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "xs",
     children: [jsxRuntime.jsxs(uiKit.RadioInput.Group, {
       value: exportType,
       onChange: e => {
@@ -2263,11 +2264,10 @@ function ExportScopeSection() {
           intlMessage: resourceTypeMessages[resourceType].exportScopeSpecificStore
         })
       })]
-    }), stores && stores.length > 0 && exportType !== EXPORT_TYPES.QUERY_PREDICATE && jsxRuntime.jsx(uiKit.SelectField, {
+    }), stores && stores.length > 0 && exportType === EXPORT_TYPES.SPECIFIC_STORE && jsxRuntime.jsx(uiKit.SelectField, {
       name: "selectedStoreKey",
       title: "",
       horizontalConstraint: 7,
-      isDisabled: exportType !== EXPORT_TYPES.SPECIFIC_STORE,
       value: selectedStoreKey,
       onChange: event => setSelectedStoreKey(event.target.value),
       options: _mapInstanceProperty__default["default"](stores).call(stores, store => ({

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

@@ -1821,7 +1821,7 @@ const useStartExportOperation = props => {
       let where = undefined;
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
-        where = buildSelectedExportFilters(props.selectedResourceIds);
+        where = props.selectedScopeQueryPredicateBuilder ? props.selectedScopeQueryPredicateBuilder(props.selectedResourceIds) : buildSelectedExportFilters(props.selectedResourceIds);
       } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
         where = props.filters.where;
         if (isQueryFilter(props.filters.filters)) {
@@ -2211,7 +2211,8 @@ function ExportScopeSection() {
     selectedStoreKey = _useExportResourcesMo.selectedStoreKey,
     setSelectedStoreKey = _useExportResourcesMo.setSelectedStoreKey;
   const shouldShowQueryPredicateField = exportType === EXPORT_TYPES.QUERY_PREDICATE;
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return jsxRuntime.jsxs(uiKit.Spacings.Stack, {
+    scale: "xs",
     children: [jsxRuntime.jsxs(uiKit.RadioInput.Group, {
       value: exportType,
       onChange: e => {
@@ -2263,11 +2264,10 @@ function ExportScopeSection() {
           intlMessage: resourceTypeMessages[resourceType].exportScopeSpecificStore
         })
       })]
-    }), stores && stores.length > 0 && exportType !== EXPORT_TYPES.QUERY_PREDICATE && jsxRuntime.jsx(uiKit.SelectField, {
+    }), stores && stores.length > 0 && exportType === EXPORT_TYPES.SPECIFIC_STORE && jsxRuntime.jsx(uiKit.SelectField, {
       name: "selectedStoreKey",
       title: "",
       horizontalConstraint: 7,
-      isDisabled: exportType !== EXPORT_TYPES.SPECIFIC_STORE,
       value: selectedStoreKey,
       onChange: event => setSelectedStoreKey(event.target.value),
       options: _mapInstanceProperty__default["default"](stores).call(stores, store => ({

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

@@ -1778,7 +1778,7 @@ const useStartExportOperation = props => {
       let where = undefined;
       let filters = undefined;
       if (exportType === EXPORT_TYPES.SELECTED && props.selectedResourceIds?.length) {
-        where = buildSelectedExportFilters(props.selectedResourceIds);
+        where = props.selectedScopeQueryPredicateBuilder ? props.selectedScopeQueryPredicateBuilder(props.selectedResourceIds) : buildSelectedExportFilters(props.selectedResourceIds);
       } else if (exportType === EXPORT_TYPES.FILTERED && props.filters) {
         where = props.filters.where;
         if (isQueryFilter(props.filters.filters)) {
@@ -2168,7 +2168,8 @@ function ExportScopeSection() {
     selectedStoreKey = _useExportResourcesMo.selectedStoreKey,
     setSelectedStoreKey = _useExportResourcesMo.setSelectedStoreKey;
   const shouldShowQueryPredicateField = exportType === EXPORT_TYPES.QUERY_PREDICATE;
-  return jsxs(Fragment, {
+  return jsxs(Spacings.Stack, {
+    scale: "xs",
     children: [jsxs(RadioInput.Group, {
       value: exportType,
       onChange: e => {
@@ -2220,11 +2221,10 @@ function ExportScopeSection() {
           intlMessage: resourceTypeMessages[resourceType].exportScopeSpecificStore
         })
       })]
-    }), stores && stores.length > 0 && exportType !== EXPORT_TYPES.QUERY_PREDICATE && jsx(SelectField, {
+    }), stores && stores.length > 0 && exportType === EXPORT_TYPES.SPECIFIC_STORE && jsx(SelectField, {
       name: "selectedStoreKey",
       title: "",
       horizontalConstraint: 7,
-      isDisabled: exportType !== EXPORT_TYPES.SPECIFIC_STORE,
       value: selectedStoreKey,
       onChange: event => setSelectedStoreKey(event.target.value),
       options: _mapInstanceProperty(stores).call(stores, store => ({

package/dist/declarations/src/@types/export-resources-modal-types.d.ts

@@ -37,6 +37,7 @@ export interface ExportResourcesModalProps {
     hideExportSelectedResourcesOption?: boolean;
     showQueryPredicateOption?: boolean;
     stores?: Store[];
+    selectedScopeQueryPredicateBuilder?: (selectedResourceIds: string[]) => string;
     onClose: () => void;
     onExportSuccess?: () => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "5.12.0",
+  "version": "5.13.0",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"