@commercetools-frontend-extensions/export-resources-modal 4.5.6 → 4.6.1

package/README.md

@@ -130,7 +130,7 @@ import ExportResourcesModal from '@commercetools-frontend-extensions/export-reso
     outputFormat="csv"
     resourceType="category"
     filters={{
-      where: 'key = "category-key"',
+      queryPredicate: 'key = "category-key"',
       total: 20
     }}
     totalResourcesCount={143}

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

@@ -634,11 +634,21 @@ function buildSelectedExportFilters(selectedResourceIds) {
   const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
   return `id in (${formattedIds})`;
 }
+function validateFilters(filters) {
+  const hasQueryPredicate = 'queryPredicate' in filters;
+  const hasSearchQuery = 'searchQuery' in filters;
+
+  // Ensure only one of `queryPredicate` or `searchQuery` is applied but not both or none
+  const validFilterState = hasQueryPredicate && !hasSearchQuery || !hasQueryPredicate && hasSearchQuery;
+  return validFilterState;
+}
 function areFiltersApplied(filters) {
   if (!filters) {
     return false;
   }
-  return filters.where !== undefined && filters.where?.trim() !== '';
+  const hasQueryPredicate = (filters.queryPredicate?.trim() ?? '') !== '';
+  const hasSearchQuery = _Object$keys__default["default"](filters.searchQuery ?? {}).length > 0;
+  return hasQueryPredicate || hasSearchQuery;
 }
 function getInitialExportType(args) {
   if (args.selectedResourceIds?.length) {
@@ -807,6 +817,7 @@ async function createExportOperation(_ref) {
     fields = _ref.fields,
     locales = _ref.locales,
     filters = _ref.filters,
+    where = _ref.where,
     asyncDispatchFn = _ref.asyncDispatchFn;
   const uri = `/${projectKey}/export-operations`;
   const response = await asyncDispatchFn(sdk.actions.post({
@@ -821,6 +832,9 @@ async function createExportOperation(_ref) {
       fileFormat,
       fields,
       locales,
+      // Query predicate
+      where,
+      // Search API filters
       filters
     }
   }));
@@ -859,13 +873,6 @@ const useStartExportOperation = props => {
   const startExportOperation = async values => {
     try {
       const fields = extractFieldsFromGroups(values.groups);
-      let filters = undefined;
-      if (props.exportType === EXPORT_TYPES.SELECTED) filters = buildSelectedExportFilters(props.selectedResourceIds);
-      if (props.exportType === EXPORT_TYPES.FILTERED) {
-        filters = props.filters.where;
-        // TODO: handle search query when Export API supports it
-        // filters = props.filters.where || props.filters.searchQuery
-      }
       const response = await createExportOperation({
         projectKey,
         resourceType: props.resourceType,
@@ -873,7 +880,8 @@ const useStartExportOperation = props => {
         fileFormat: values.outputFormat,
         locales: values.locales,
         fields,
-        filters: typeof filters === 'string' ? [filters] : undefined,
+        where: props.exportType === EXPORT_TYPES.SELECTED ? buildSelectedExportFilters(props.selectedResourceIds) : props.filters?.queryPredicate || undefined,
+        filters: props.filters?.searchQuery || undefined,
         asyncDispatchFn: asyncDispatch
       });
       switch (response.state) {
@@ -1759,6 +1767,10 @@ const ExportResourcesModal = props => {
     locale = _useApplicationContex.locale;
   const messages = useAsyncIntlMessages(locale, loadMessages);
   if (!props.isOpen || messages.isLoading) return null;
+  if (props.filters && !validateFilters(props.filters)) {
+    console.error('Invalid filters prop:', props.filters, 'Filters must contain either `queryPredicate` or `searchQuery`, but not both, and it cannot be empty');
+    return null;
+  }
   return jsxRuntime.jsx(reactIntl.IntlProvider, {
     locale: locale,
     messages: messages.messages,

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

@@ -634,11 +634,21 @@ function buildSelectedExportFilters(selectedResourceIds) {
   const formattedIds = _mapInstanceProperty__default["default"](selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
   return `id in (${formattedIds})`;
 }
+function validateFilters(filters) {
+  const hasQueryPredicate = 'queryPredicate' in filters;
+  const hasSearchQuery = 'searchQuery' in filters;
+
+  // Ensure only one of `queryPredicate` or `searchQuery` is applied but not both or none
+  const validFilterState = hasQueryPredicate && !hasSearchQuery || !hasQueryPredicate && hasSearchQuery;
+  return validFilterState;
+}
 function areFiltersApplied(filters) {
   if (!filters) {
     return false;
   }
-  return filters.where !== undefined && filters.where?.trim() !== '';
+  const hasQueryPredicate = (filters.queryPredicate?.trim() ?? '') !== '';
+  const hasSearchQuery = _Object$keys__default["default"](filters.searchQuery ?? {}).length > 0;
+  return hasQueryPredicate || hasSearchQuery;
 }
 function getInitialExportType(args) {
   if (args.selectedResourceIds?.length) {
@@ -807,6 +817,7 @@ async function createExportOperation(_ref) {
     fields = _ref.fields,
     locales = _ref.locales,
     filters = _ref.filters,
+    where = _ref.where,
     asyncDispatchFn = _ref.asyncDispatchFn;
   const uri = `/${projectKey}/export-operations`;
   const response = await asyncDispatchFn(sdk.actions.post({
@@ -821,6 +832,9 @@ async function createExportOperation(_ref) {
       fileFormat,
       fields,
       locales,
+      // Query predicate
+      where,
+      // Search API filters
       filters
     }
   }));
@@ -859,13 +873,6 @@ const useStartExportOperation = props => {
   const startExportOperation = async values => {
     try {
       const fields = extractFieldsFromGroups(values.groups);
-      let filters = undefined;
-      if (props.exportType === EXPORT_TYPES.SELECTED) filters = buildSelectedExportFilters(props.selectedResourceIds);
-      if (props.exportType === EXPORT_TYPES.FILTERED) {
-        filters = props.filters.where;
-        // TODO: handle search query when Export API supports it
-        // filters = props.filters.where || props.filters.searchQuery
-      }
       const response = await createExportOperation({
         projectKey,
         resourceType: props.resourceType,
@@ -873,7 +880,8 @@ const useStartExportOperation = props => {
         fileFormat: values.outputFormat,
         locales: values.locales,
         fields,
-        filters: typeof filters === 'string' ? [filters] : undefined,
+        where: props.exportType === EXPORT_TYPES.SELECTED ? buildSelectedExportFilters(props.selectedResourceIds) : props.filters?.queryPredicate || undefined,
+        filters: props.filters?.searchQuery || undefined,
         asyncDispatchFn: asyncDispatch
       });
       switch (response.state) {
@@ -1726,6 +1734,10 @@ const ExportResourcesModal = props => {
     locale = _useApplicationContex.locale;
   const messages = useAsyncIntlMessages(locale, loadMessages);
   if (!props.isOpen || messages.isLoading) return null;
+  if (props.filters && !validateFilters(props.filters)) {
+    console.error('Invalid filters prop:', props.filters, 'Filters must contain either `queryPredicate` or `searchQuery`, but not both, and it cannot be empty');
+    return null;
+  }
   return jsxRuntime.jsx(reactIntl.IntlProvider, {
     locale: locale,
     messages: messages.messages,

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

@@ -600,11 +600,21 @@ function buildSelectedExportFilters(selectedResourceIds) {
   const formattedIds = _mapInstanceProperty(selectedResourceIds).call(selectedResourceIds, id => `"${id}"`).join(', ');
   return `id in (${formattedIds})`;
 }
+function validateFilters(filters) {
+  const hasQueryPredicate = 'queryPredicate' in filters;
+  const hasSearchQuery = 'searchQuery' in filters;
+
+  // Ensure only one of `queryPredicate` or `searchQuery` is applied but not both or none
+  const validFilterState = hasQueryPredicate && !hasSearchQuery || !hasQueryPredicate && hasSearchQuery;
+  return validFilterState;
+}
 function areFiltersApplied(filters) {
   if (!filters) {
     return false;
   }
-  return filters.where !== undefined && filters.where?.trim() !== '';
+  const hasQueryPredicate = (filters.queryPredicate?.trim() ?? '') !== '';
+  const hasSearchQuery = _Object$keys(filters.searchQuery ?? {}).length > 0;
+  return hasQueryPredicate || hasSearchQuery;
 }
 function getInitialExportType(args) {
   if (args.selectedResourceIds?.length) {
@@ -773,6 +783,7 @@ async function createExportOperation(_ref) {
     fields = _ref.fields,
     locales = _ref.locales,
     filters = _ref.filters,
+    where = _ref.where,
     asyncDispatchFn = _ref.asyncDispatchFn;
   const uri = `/${projectKey}/export-operations`;
   const response = await asyncDispatchFn(actions.post({
@@ -787,6 +798,9 @@ async function createExportOperation(_ref) {
       fileFormat,
       fields,
       locales,
+      // Query predicate
+      where,
+      // Search API filters
       filters
     }
   }));
@@ -825,13 +839,6 @@ const useStartExportOperation = props => {
   const startExportOperation = async values => {
     try {
       const fields = extractFieldsFromGroups(values.groups);
-      let filters = undefined;
-      if (props.exportType === EXPORT_TYPES.SELECTED) filters = buildSelectedExportFilters(props.selectedResourceIds);
-      if (props.exportType === EXPORT_TYPES.FILTERED) {
-        filters = props.filters.where;
-        // TODO: handle search query when Export API supports it
-        // filters = props.filters.where || props.filters.searchQuery
-      }
       const response = await createExportOperation({
         projectKey,
         resourceType: props.resourceType,
@@ -839,7 +846,8 @@ const useStartExportOperation = props => {
         fileFormat: values.outputFormat,
         locales: values.locales,
         fields,
-        filters: typeof filters === 'string' ? [filters] : undefined,
+        where: props.exportType === EXPORT_TYPES.SELECTED ? buildSelectedExportFilters(props.selectedResourceIds) : props.filters?.queryPredicate || undefined,
+        filters: props.filters?.searchQuery || undefined,
         asyncDispatchFn: asyncDispatch
       });
       switch (response.state) {
@@ -1725,6 +1733,10 @@ const ExportResourcesModal = props => {
     locale = _useApplicationContex.locale;
   const messages = useAsyncIntlMessages(locale, loadMessages);
   if (!props.isOpen || messages.isLoading) return null;
+  if (props.filters && !validateFilters(props.filters)) {
+    console.error('Invalid filters prop:', props.filters, 'Filters must contain either `queryPredicate` or `searchQuery`, but not both, and it cannot be empty');
+    return null;
+  }
   return jsx(IntlProvider, {
     locale: locale,
     messages: messages.messages,

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

@@ -33,6 +33,7 @@ export interface ExportResourcesModalShape {
 }
 export type ExportType = keyof typeof EXPORT_TYPES;
 export type Filters = {
-    where?: string;
+    queryPredicate?: string;
+    searchQuery?: Record<string, unknown>;
     total: number;
 };

package/package.json

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