@wix/auto-patterns 1.27.0 → 1.29.0

package/dist/cjs/hooks/useBaseCollectionParams.js

@@ -0,0 +1,38 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useBaseCollectionParams = void 0;
+var _SchemaContext = require("../providers/SchemaContext");
+const useBaseCollectionParams = ({
+  config,
+  fetchData,
+  filters
+}) => {
+  const {
+    collectionId,
+    limit,
+    reflectQueryInUrl,
+    selectAllScope,
+    selectionUpdateMode,
+    paginationMode
+  } = config;
+  const schema = (0, _SchemaContext.useSchema)();
+  return {
+    queryName: `${collectionId}`,
+    paginationMode: paginationMode,
+    itemKey: item => item[schema.idField],
+    itemName: item => item[schema.displayField],
+    toExtendedFields: item => item.extendedFields,
+    fetchErrorMessage: ({
+      err
+    }) => String(err),
+    fetchData,
+    filters,
+    limit,
+    persistQueryToUrl: reflectQueryInUrl,
+    disableAutoSelectAllCount: selectAllScope === 'page',
+    selectionConsistencyMode: selectionUpdateMode
+  };
+};
+exports.useBaseCollectionParams = useBaseCollectionParams;
+//# sourceMappingURL=useBaseCollectionParams.js.map

package/dist/cjs/hooks/useBaseCollectionParams.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SchemaContext","require","useBaseCollectionParams","config","fetchData","filters","collectionId","limit","reflectQueryInUrl","selectAllScope","selectionUpdateMode","paginationMode","schema","useSchema","queryName","itemKey","item","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","exports"],"sources":["../../../src/hooks/useBaseCollectionParams.tsx"],"sourcesContent":["import { Filter } from '@wix/patterns';\nimport { useSchema } from '../providers/SchemaContext';\nimport { CollectionConfig, FetchDataFn } from '../types';\n\nexport const useBaseCollectionParams = ({\n  config,\n  fetchData,\n  filters,\n}: {\n  config: CollectionConfig;\n  fetchData: FetchDataFn<any>;\n  filters: {\n    [key: string]: Filter<any>;\n  };\n}) => {\n  const {\n    collectionId,\n    limit,\n    reflectQueryInUrl,\n    selectAllScope,\n    selectionUpdateMode,\n    paginationMode,\n  } = config;\n\n  const schema = useSchema();\n\n  return {\n    queryName: `${collectionId}`,\n    paginationMode: paginationMode as any,\n    itemKey: (item: any) => item[schema.idField],\n    itemName: (item: any) => item[schema.displayField],\n    toExtendedFields: (item: any) => item.extendedFields,\n    fetchErrorMessage: ({ err }: { err: unknown }) => String(err),\n    fetchData,\n    filters,\n    limit,\n    persistQueryToUrl: reflectQueryInUrl,\n    disableAutoSelectAllCount: selectAllScope === 'page',\n    selectionConsistencyMode: selectionUpdateMode,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AAGO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,MAAM;EACNC,SAAS;EACTC;AAOF,CAAC,KAAK;EACJ,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,cAAc;IACdC,mBAAmB;IACnBC;EACF,CAAC,GAAGR,MAAM;EAEV,MAAMS,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,OAAO;IACLC,SAAS,EAAE,GAAGR,YAAY,EAAE;IAC5BK,cAAc,EAAEA,cAAqB;IACrCI,OAAO,EAAGC,IAAS,IAAKA,IAAI,CAACJ,MAAM,CAACK,OAAO,CAAC;IAC5CC,QAAQ,EAAGF,IAAS,IAAKA,IAAI,CAACJ,MAAM,CAACO,YAAY,CAAC;IAClDC,gBAAgB,EAAGJ,IAAS,IAAKA,IAAI,CAACK,cAAc;IACpDC,iBAAiB,EAAEA,CAAC;MAAEC;IAAsB,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC7DnB,SAAS;IACTC,OAAO;IACPE,KAAK;IACLkB,iBAAiB,EAAEjB,iBAAiB;IACpCkB,yBAAyB,EAAEjB,cAAc,KAAK,MAAM;IACpDkB,wBAAwB,EAAEjB;EAC5B,CAAC;AACH,CAAC;AAACkB,OAAA,CAAA1B,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/cjs/hooks/useBaseSDK.js

@@ -12,7 +12,7 @@ const useBaseSDK = () => {
     closeModal
   } = (0, _ModalContext.useModalContext)();
   const appConfig = (0, _providers.useAppConfigContext)();
-  const overrides = (0, _providers.usePatternsWizardOverridesContext)();
+  const overrides = (0, _providers.useAutoPatternsOverridesContext)();
   const {
     navigateToEntityPage
   } = (0, _useNavigationUtils.useNavigation)();

package/dist/cjs/hooks/useBaseSDK.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_providers","_ModalContext","_useNavigationUtils","useBaseSDK","openModal","closeModal","useModalContext","appConfig","useAppConfigContext","overrides","usePatternsWizardOverridesContext","navigateToEntityPage","useNavigation","baseSDK","useMemo","exports"],"sources":["../../../src/hooks/useBaseSDK.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  useAppConfigContext,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { useModalContext } from '../providers/ModalContext';\nimport { useNavigation } from './useNavigationUtils';\nimport { BaseSDK } from '../types';\n\nexport const useBaseSDK = () => {\n  const { openModal, closeModal } = useModalContext();\n  const appConfig = useAppConfigContext();\n  const overrides = usePatternsWizardOverridesContext();\n  const { navigateToEntityPage } = useNavigation();\n\n  /*  eslint-disable react-hooks/exhaustive-deps */\n  // disabled because bug in Patterns that navigateToEntityPage isn't wrapped with useCallback,\n  const baseSDK = useMemo<BaseSDK>(\n    () => ({\n      appConfig,\n      overrides,\n      openModal,\n      closeModal,\n      navigateToEntityPage,\n    }),\n    [appConfig, overrides, openModal, closeModal, navigateToEntityPage],\n  );\n\n  /*  eslint-enable react-hooks/exhaustive-deps */\n\n  return baseSDK;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAGO,MAAMI,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAG,IAAAC,6BAAe,EAAC,CAAC;EACnD,MAAMC,SAAS,GAAG,IAAAC,8BAAmB,EAAC,CAAC;EACvC,MAAMC,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EACrD,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,iCAAa,EAAC,CAAC;;EAEhD;EACA;EACA,MAAMC,OAAO,GAAG,IAAAC,cAAO,EACrB,OAAO;IACLP,SAAS;IACTE,SAAS;IACTL,SAAS;IACTC,UAAU;IACVM;EACF,CAAC,CAAC,EACF,CAACJ,SAAS,EAAEE,SAAS,EAAEL,SAAS,EAAEC,UAAU,EAAEM,oBAAoB,CACpE,CAAC;;EAED;;EAEA,OAAOE,OAAO;AAChB,CAAC;AAACE,OAAA,CAAAZ,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_providers","_ModalContext","_useNavigationUtils","useBaseSDK","openModal","closeModal","useModalContext","appConfig","useAppConfigContext","overrides","useAutoPatternsOverridesContext","navigateToEntityPage","useNavigation","baseSDK","useMemo","exports"],"sources":["../../../src/hooks/useBaseSDK.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  useAppConfigContext,\n  useAutoPatternsOverridesContext,\n} from '../providers';\nimport { useModalContext } from '../providers/ModalContext';\nimport { useNavigation } from './useNavigationUtils';\nimport { BaseSDK } from '../types';\n\nexport const useBaseSDK = () => {\n  const { openModal, closeModal } = useModalContext();\n  const appConfig = useAppConfigContext();\n  const overrides = useAutoPatternsOverridesContext();\n  const { navigateToEntityPage } = useNavigation();\n\n  /*  eslint-disable react-hooks/exhaustive-deps */\n  // disabled because bug in Patterns that navigateToEntityPage isn't wrapped with useCallback,\n  const baseSDK = useMemo<BaseSDK>(\n    () => ({\n      appConfig,\n      overrides,\n      openModal,\n      closeModal,\n      navigateToEntityPage,\n    }),\n    [appConfig, overrides, openModal, closeModal, navigateToEntityPage],\n  );\n\n  /*  eslint-enable react-hooks/exhaustive-deps */\n\n  return baseSDK;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAGO,MAAMI,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAG,IAAAC,6BAAe,EAAC,CAAC;EACnD,MAAMC,SAAS,GAAG,IAAAC,8BAAmB,EAAC,CAAC;EACvC,MAAMC,SAAS,GAAG,IAAAC,0CAA+B,EAAC,CAAC;EACnD,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,iCAAa,EAAC,CAAC;;EAEhD;EACA;EACA,MAAMC,OAAO,GAAG,IAAAC,cAAO,EACrB,OAAO;IACLP,SAAS;IACTE,SAAS;IACTL,SAAS;IACTC,UAAU;IACVM;EACF,CAAC,CAAC,EACF,CAACJ,SAAS,EAAEE,SAAS,EAAEL,SAAS,EAAEC,UAAU,EAAEM,oBAAoB,CACpE,CAAC;;EAED;;EAEA,OAAOE,OAAO;AAChB,CAAC;AAACE,OAAA,CAAAZ,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/hooks/useColumns.js

@@ -16,7 +16,7 @@ const useColumns = columns => {
   const {
     getSchema
   } = (0, _providers.useSchemaRegistry)();
-  const overrides = (0, _providers.usePatternsWizardOverridesContext)();
+  const overrides = (0, _providers.useAutoPatternsOverridesContext)();
   const existingColumns = columns.filter(column => {
     var _overrides$columns;
     return !!fields[column.id] || (overrides == null || (_overrides$columns = overrides.columns) == null ? void 0 : _overrides$columns[column.id]);

package/dist/cjs/hooks/useColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_lodash","_designSystem","_getImageUrl","_jsxFileName","useColumns","columns","fields","useSchema","getSchema","useSchemaRegistry","overrides","usePatternsWizardOverridesContext","existingColumns","filter","column","_overrides$columns","id","createRenderer","fieldDefinition","itemValue","type","Date","toLocaleDateString","date","toLocaleString","join","referenceMetadata","referencedCollectionId","refSchema","nameValue","imageValue","displayField","_Object$values$find","imageFieldId","Object","values","find","field","imageUrl","getImageUrl","default","createElement","Box","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Avatar","size","name","imgProps","src","Image","width","dataHook","map","_overrides$columns2","_fieldDefinition$capa","sortable","capabilities","baseColumnConfig","title","displayName","createSortConfiguration","createCustomColumnConfiguration","render","row","_overrides$columns3","get","camelCase","_overrides$columns4","_overrides$columns4$c","call","value","Boolean","exports","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { TableColumn } from '@wix/patterns';\nimport {\n  usePatternsWizardOverridesContext,\n  useSchema,\n  useSchemaRegistry,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\nimport { Avatar, Box, Image } from '@wix/design-system';\nimport { getImageUrl } from '../utils/media/getImageUrl';\n\nexport const useColumns = (columns: Column[]) => {\n  const { fields } = useSchema();\n  const { getSchema } = useSchemaRegistry();\n  const overrides = usePatternsWizardOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id] || overrides?.columns?.[column.id];\n  });\n\n  const createRenderer = (fieldDefinition: Field, itemValue: any) => {\n    if (itemValue == null) {\n      return '';\n    }\n\n    switch (fieldDefinition.type) {\n      case 'BOOLEAN':\n        return itemValue ? '✔' : '✖';\n      case 'DATE':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleDateString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleDateString();\n        }\n        return itemValue;\n      case 'DATETIME':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleString();\n        }\n        return itemValue;\n      case 'ARRAY':\n        // We assume that the array contains strings\n        // If the array contains objects, we need to handle it differently\n        return itemValue.join(', ');\n      case 'REFERENCE':\n        if (fieldDefinition.referenceMetadata && getSchema) {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const refSchema = getSchema(referencedCollectionId);\n\n          if (refSchema) {\n            let nameValue: string | undefined;\n            let imageValue: string | undefined;\n            const displayField = refSchema.displayField;\n            if (typeof itemValue === 'object' && itemValue !== null) {\n              nameValue = itemValue[displayField] || '';\n              const imageFieldId = Object.values(fields).find(\n                (field) => field?.type === 'IMAGE',\n              )?.id;\n              imageValue = imageFieldId && itemValue[imageFieldId];\n            }\n\n            const imageUrl = imageValue && getImageUrl(imageValue);\n            return (\n              <Box gap=\"SP2\" verticalAlign=\"middle\">\n                {imageUrl && (\n                  <Avatar\n                    size=\"size24\"\n                    name={nameValue}\n                    imgProps={{ src: imageUrl }}\n                  />\n                )}\n                <div>{nameValue}</div>\n              </Box>\n            );\n          }\n        }\n\n        return itemValue;\n      case 'IMAGE':\n        const imageUrl = getImageUrl(itemValue);\n\n        return (\n          <Image src={imageUrl} width=\"48px\" dataHook=\"auto-patterns-image\" />\n        );\n      default:\n        return itemValue;\n    }\n  };\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition && !overrides?.columns?.[column.id]) {\n        return null;\n      }\n\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition?.displayName,\n        width: column.width,\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        render: (row: any) => {\n          const itemValue = get(row, column.id);\n\n          if (overrides?.columns?.[camelCase(column.id)]) {\n            return overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n              row,\n            });\n          }\n\n          if (fieldDefinition) {\n            return createRenderer(fieldDefinition, itemValue);\n          }\n\n          return null; // Shouldn't really happen\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_lodash","_designSystem","_getImageUrl","_jsxFileName","useColumns","columns","fields","useSchema","getSchema","useSchemaRegistry","overrides","useAutoPatternsOverridesContext","existingColumns","filter","column","_overrides$columns","id","createRenderer","fieldDefinition","itemValue","type","Date","toLocaleDateString","date","toLocaleString","join","referenceMetadata","referencedCollectionId","refSchema","nameValue","imageValue","displayField","_Object$values$find","imageFieldId","Object","values","find","field","imageUrl","getImageUrl","default","createElement","Box","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Avatar","size","name","imgProps","src","Image","width","dataHook","map","_overrides$columns2","_fieldDefinition$capa","sortable","capabilities","baseColumnConfig","title","displayName","createSortConfiguration","createCustomColumnConfiguration","render","row","_overrides$columns3","get","camelCase","_overrides$columns4","_overrides$columns4$c","call","value","Boolean","exports","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { TableColumn } from '@wix/patterns';\nimport {\n  useAutoPatternsOverridesContext,\n  useSchema,\n  useSchemaRegistry,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\nimport { Avatar, Box, Image } from '@wix/design-system';\nimport { getImageUrl } from '../utils/media/getImageUrl';\n\nexport const useColumns = (columns: Column[]) => {\n  const { fields } = useSchema();\n  const { getSchema } = useSchemaRegistry();\n  const overrides = useAutoPatternsOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id] || overrides?.columns?.[column.id];\n  });\n\n  const createRenderer = (fieldDefinition: Field, itemValue: any) => {\n    if (itemValue == null) {\n      return '';\n    }\n\n    switch (fieldDefinition.type) {\n      case 'BOOLEAN':\n        return itemValue ? '✔' : '✖';\n      case 'DATE':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleDateString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleDateString();\n        }\n        return itemValue;\n      case 'DATETIME':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleString();\n        }\n        return itemValue;\n      case 'ARRAY':\n        // We assume that the array contains strings\n        // If the array contains objects, we need to handle it differently\n        return itemValue.join(', ');\n      case 'REFERENCE':\n        if (fieldDefinition.referenceMetadata && getSchema) {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const refSchema = getSchema(referencedCollectionId);\n\n          if (refSchema) {\n            let nameValue: string | undefined;\n            let imageValue: string | undefined;\n            const displayField = refSchema.displayField;\n            if (typeof itemValue === 'object' && itemValue !== null) {\n              nameValue = itemValue[displayField] || '';\n              const imageFieldId = Object.values(fields).find(\n                (field) => field?.type === 'IMAGE',\n              )?.id;\n              imageValue = imageFieldId && itemValue[imageFieldId];\n            }\n\n            const imageUrl = imageValue && getImageUrl(imageValue);\n            return (\n              <Box gap=\"SP2\" verticalAlign=\"middle\">\n                {imageUrl && (\n                  <Avatar\n                    size=\"size24\"\n                    name={nameValue}\n                    imgProps={{ src: imageUrl }}\n                  />\n                )}\n                <div>{nameValue}</div>\n              </Box>\n            );\n          }\n        }\n\n        return itemValue;\n      case 'IMAGE':\n        const imageUrl = getImageUrl(itemValue);\n\n        return (\n          <Image src={imageUrl} width=\"48px\" dataHook=\"auto-patterns-image\" />\n        );\n      default:\n        return itemValue;\n    }\n  };\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition && !overrides?.columns?.[column.id]) {\n        return null;\n      }\n\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition?.displayName,\n        width: column.width,\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        render: (row: any) => {\n          const itemValue = get(row, column.id);\n\n          if (overrides?.columns?.[camelCase(column.id)]) {\n            return overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n              row,\n            });\n          }\n\n          if (fieldDefinition) {\n            return createRenderer(fieldDefinition, itemValue);\n          }\n\n          return null; // Shouldn't really happen\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useCommonCollectionFeatures.js

@@ -9,6 +9,7 @@ var _patterns = require("@wix/patterns");
 var _designSystem = require("@wix/design-system");
 var _useActionCell = require("./useActionCell");
 var _useBulkActionToolbar = require("./useBulkActionToolbar");
+var _useAutoPatternsOptimisticActions = require("./useAutoPatternsOptimisticActions");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/hooks/useCommonCollectionFeatures.tsx";
 const useCommonCollectionFeatures = ({
   actionCell: actionCellConfig,
@@ -16,9 +17,14 @@ const useCommonCollectionFeatures = ({
   toolbarTitle,
   search,
   emptyState: emptyStateConfig,
-  collection
+  collection,
+  collectionState
 }) => {
   var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
+  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)({
+    collectionConfig: collection,
+    collectionState
+  });
   const {
     emptyState
   } = (0, _useEmptyStates.useEmptyStates)(emptyStateConfig);
@@ -42,7 +48,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 51,
+            lineNumber: 58,
             columnNumber: 13
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -52,7 +58,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 52,
+            lineNumber: 59,
             columnNumber: 15
           }
         }, (_toolbarTitle$subtitl4 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl4 = _toolbarTitle$subtitl4.info) == null ? void 0 : _toolbarTitle$subtitl4.content.text), ((_toolbarTitle$subtitl5 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl5 = _toolbarTitle$subtitl5.info) == null ? void 0 : _toolbarTitle$subtitl5.content.link) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -67,7 +73,7 @@ const useCommonCollectionFeatures = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 60,
+            lineNumber: 67,
             columnNumber: 17
           }
         }, (_toolbarTitle$subtitl7 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl7 = _toolbarTitle$subtitl7.info) == null ? void 0 : _toolbarTitle$subtitl7.content.link.label))
@@ -78,7 +84,7 @@ const useCommonCollectionFeatures = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 51,
       columnNumber: 5
     }
   });
@@ -87,7 +93,8 @@ const useCommonCollectionFeatures = ({
     title,
     emptyState,
     actionCell,
-    bulkActionToolbar
+    bulkActionToolbar,
+    optimisticActions
   };
 };
 exports.useCommonCollectionFeatures = useCommonCollectionFeatures;

package/dist/cjs/hooks/useCommonCollectionFeatures.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_patterns","_designSystem","_useActionCell","_useBulkActionToolbar","_jsxFileName","useCommonCollectionFeatures","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","useEmptyStates","useActionCell","config","collectionId","useBulkActionToolbar","title","default","createElement","ToolbarTitle","subtitle","text","learnMore","info","content","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","shown","exports"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\n\nimport { CollectionOptimisticActions, ToolbarTitle } from '@wix/patterns';\n\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { useActionCell } from './useActionCell';\nimport { useBulkActionToolbar } from './useBulkActionToolbar';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n  BaseCollectionComponentConfig,\n  | 'actionCell'\n  | 'toolbarTitle'\n  | 'search'\n  | 'emptyState'\n  | 'collection'\n  | 'bulkActionToolbar'\n  | 'entityPageId'\n> & {\n  optimisticActions: CollectionOptimisticActions<any, any>;\n};\n\nexport const useCommonCollectionFeatures = ({\n  actionCell: actionCellConfig,\n  bulkActionToolbar: bulkActionToolbarConfig,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n  collection,\n}: UseCommonCollectionFeaturesParams) => {\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n  const actionCell = useActionCell({\n    config: actionCellConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const bulkActionToolbar = useBulkActionToolbar({\n    config: bulkActionToolbarConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const title = toolbarTitle && (\n    <ToolbarTitle\n      title={toolbarTitle.title}\n      subtitle={{\n        text: toolbarTitle.subtitle?.text ?? '',\n        learnMore: toolbarTitle.subtitle?.learnMore,\n        info: toolbarTitle.subtitle?.info && {\n          content: (\n            <Box direction=\"vertical\" gap=\"6px\">\n              <Text\n                dataHook=\"toolbar-title-subtitle-info-content\"\n                light\n                size=\"small\"\n              >\n                {toolbarTitle.subtitle?.info?.content.text}\n              </Text>\n              {toolbarTitle.subtitle?.info?.content.link && (\n                <TextButton\n                  dataHook=\"toolbar-title-subtitle-info-link\"\n                  size=\"small\"\n                  underline=\"always\"\n                  skin=\"light\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href={toolbarTitle.subtitle?.info?.content.link.url}\n                >\n                  {toolbarTitle.subtitle?.info?.content.link.label}\n                </TextButton>\n              )}\n            </Box>\n          ),\n        },\n      }}\n      itemsLimit={toolbarTitle.itemsLimit}\n      showTotal={toolbarTitle.showTotal}\n    />\n  );\n\n  return {\n    search: search?.shown !== false,\n    title,\n    emptyState,\n    actionCell,\n    bulkActionToolbar,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_useEmptyStates","_patterns","_designSystem","_useActionCell","_useBulkActionToolbar","_useAutoPatternsOptimisticActions","_jsxFileName","useCommonCollectionFeatures","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","collectionState","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","optimisticActions","useAutoPatternsOptimisticActions","collectionConfig","useEmptyStates","useActionCell","config","collectionId","useBulkActionToolbar","title","default","createElement","ToolbarTitle","subtitle","text","learnMore","info","content","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","shown","exports"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\n\nimport { CollectionState, ToolbarTitle } from '@wix/patterns';\n\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { useActionCell } from './useActionCell';\nimport { useBulkActionToolbar } from './useBulkActionToolbar';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n  BaseCollectionComponentConfig,\n  | 'actionCell'\n  | 'toolbarTitle'\n  | 'search'\n  | 'emptyState'\n  | 'collection'\n  | 'bulkActionToolbar'\n  | 'entityPageId'\n> & {\n  collectionState: CollectionState<any>;\n};\n\nexport const useCommonCollectionFeatures = ({\n  actionCell: actionCellConfig,\n  bulkActionToolbar: bulkActionToolbarConfig,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n  collection,\n  collectionState,\n}: UseCommonCollectionFeaturesParams) => {\n  const optimisticActions = useAutoPatternsOptimisticActions({\n    collectionConfig: collection,\n    collectionState,\n  });\n\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n  const actionCell = useActionCell({\n    config: actionCellConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const bulkActionToolbar = useBulkActionToolbar({\n    config: bulkActionToolbarConfig,\n    collectionId: collection.collectionId,\n  });\n\n  const title = toolbarTitle && (\n    <ToolbarTitle\n      title={toolbarTitle.title}\n      subtitle={{\n        text: toolbarTitle.subtitle?.text ?? '',\n        learnMore: toolbarTitle.subtitle?.learnMore,\n        info: toolbarTitle.subtitle?.info && {\n          content: (\n            <Box direction=\"vertical\" gap=\"6px\">\n              <Text\n                dataHook=\"toolbar-title-subtitle-info-content\"\n                light\n                size=\"small\"\n              >\n                {toolbarTitle.subtitle?.info?.content.text}\n              </Text>\n              {toolbarTitle.subtitle?.info?.content.link && (\n                <TextButton\n                  dataHook=\"toolbar-title-subtitle-info-link\"\n                  size=\"small\"\n                  underline=\"always\"\n                  skin=\"light\"\n                  as=\"a\"\n                  rel=\"noopener\"\n                  target=\"_blank\"\n                  href={toolbarTitle.subtitle?.info?.content.link.url}\n                >\n                  {toolbarTitle.subtitle?.info?.content.link.label}\n                </TextButton>\n              )}\n            </Box>\n          ),\n        },\n      }}\n      itemsLimit={toolbarTitle.itemsLimit}\n      showTotal={toolbarTitle.showTotal}\n    />\n  );\n\n  return {\n    search: search?.shown !== false,\n    title,\n    emptyState,\n    actionCell,\n    bulkActionToolbar,\n    optimisticActions,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useEmptyStates.js

@@ -14,7 +14,7 @@ const useEmptyStates = emptyState => {
     title,
     subtitle
   } = emptyState || {};
-  const overrides = (0, _providers.usePatternsWizardOverridesContext)();
+  const overrides = (0, _providers.useAutoPatternsOverridesContext)();
   const onClick = emptyState != null && (_emptyState$addNewCta = emptyState.addNewCta) != null && _emptyState$addNewCta.id ? overrides == null || (_overrides$emptyState = overrides.emptyState) == null ? void 0 : _overrides$emptyState[emptyState == null || (_emptyState$addNewCta2 = emptyState.addNewCta) == null ? void 0 : _emptyState$addNewCta2.id] : undefined;
   const addNewCta = onClick ? {
     addNewCta: {

package/dist/cjs/hooks/useEmptyStates.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_providers","_jsxFileName","useEmptyStates","emptyState","_emptyState$addNewCta","_overrides$emptyState","_emptyState$addNewCta2","_emptyState$addNewCta3","_emptyState$addNewCta4","_emptyState$customCta","_overrides$emptyState2","_emptyState$customCta2","_emptyState$image","_overrides$emptyState3","_emptyState$image2","title","subtitle","overrides","usePatternsWizardOverridesContext","onClick","addNewCta","id","undefined","text","_customCta","customCta","_image","image","default","createElement","CollectionEmptyState","_extends2","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../src/hooks/useEmptyStates.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionEmptyState } from '@wix/patterns';\nimport { usePatternsWizardOverridesContext } from '../providers';\nimport { EmptyState } from '../types';\n\nexport const useEmptyStates = (emptyState?: EmptyState) => {\n  const { title, subtitle } = emptyState || {};\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const onClick = emptyState?.addNewCta?.id\n    ? overrides?.emptyState?.[emptyState?.addNewCta?.id]\n    : undefined;\n  const addNewCta = onClick\n    ? {\n        addNewCta: {\n          ...(emptyState?.addNewCta?.text\n            ? { text: emptyState?.addNewCta?.text }\n            : {}),\n          onClick,\n        },\n      }\n    : {};\n\n  const _customCta = emptyState?.customCta?.id\n    ? overrides?.emptyState?.[emptyState?.customCta?.id]\n    : undefined;\n\n  const customCta = _customCta\n    ? {\n        customCta: _customCta(),\n      }\n    : {};\n\n  const _image = emptyState?.image?.id\n    ? overrides?.emptyState?.[emptyState?.image?.id]\n    : undefined;\n\n  const image = _image\n    ? {\n        image: _image(),\n      }\n    : {};\n\n  return {\n    emptyState: (\n      <CollectionEmptyState\n        title={title}\n        subtitle={subtitle}\n        {...addNewCta}\n        {...customCta}\n        {...image}\n      />\n    ),\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAiE,IAAAG,YAAA;AAG1D,MAAMC,cAAc,GAAIC,UAAuB,IAAK;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,iBAAA,EAAAC,sBAAA,EAAAC,kBAAA;EACzD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGb,UAAU,IAAI,CAAC,CAAC;EAE5C,MAAMc,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EAErD,MAAMC,OAAO,GAAGhB,UAAU,aAAAC,qBAAA,GAAVD,UAAU,CAAEiB,SAAS,aAArBhB,qBAAA,CAAuBiB,EAAE,GACrCJ,SAAS,aAAAZ,qBAAA,GAATY,SAAS,CAAEd,UAAU,qBAArBE,qBAAA,CAAwBF,UAAU,aAAAG,sBAAA,GAAVH,UAAU,CAAEiB,SAAS,qBAArBd,sBAAA,CAAuBe,EAAE,CAAC,GAClDC,SAAS;EACb,MAAMF,SAAS,GAAGD,OAAO,GACrB;IACEC,SAAS,EAAE;MACT,IAAIjB,UAAU,aAAAI,sBAAA,GAAVJ,UAAU,CAAEiB,SAAS,aAArBb,sBAAA,CAAuBgB,IAAI,GAC3B;QAAEA,IAAI,EAAEpB,UAAU,aAAAK,sBAAA,GAAVL,UAAU,CAAEiB,SAAS,qBAArBZ,sBAAA,CAAuBe;MAAK,CAAC,GACrC,CAAC,CAAC,CAAC;MACPJ;IACF;EACF,CAAC,GACD,CAAC,CAAC;EAEN,MAAMK,UAAU,GAAGrB,UAAU,aAAAM,qBAAA,GAAVN,UAAU,CAAEsB,SAAS,aAArBhB,qBAAA,CAAuBY,EAAE,GACxCJ,SAAS,aAAAP,sBAAA,GAATO,SAAS,CAAEd,UAAU,qBAArBO,sBAAA,CAAwBP,UAAU,aAAAQ,sBAAA,GAAVR,UAAU,CAAEsB,SAAS,qBAArBd,sBAAA,CAAuBU,EAAE,CAAC,GAClDC,SAAS;EAEb,MAAMG,SAAS,GAAGD,UAAU,GACxB;IACEC,SAAS,EAAED,UAAU,CAAC;EACxB,CAAC,GACD,CAAC,CAAC;EAEN,MAAME,MAAM,GAAGvB,UAAU,aAAAS,iBAAA,GAAVT,UAAU,CAAEwB,KAAK,aAAjBf,iBAAA,CAAmBS,EAAE,GAChCJ,SAAS,aAAAJ,sBAAA,GAATI,SAAS,CAAEd,UAAU,qBAArBU,sBAAA,CAAwBV,UAAU,aAAAW,kBAAA,GAAVX,UAAU,CAAEwB,KAAK,qBAAjBb,kBAAA,CAAmBO,EAAE,CAAC,GAC9CC,SAAS;EAEb,MAAMK,KAAK,GAAGD,MAAM,GAChB;IACEC,KAAK,EAAED,MAAM,CAAC;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,OAAO;IACLvB,UAAU,eACRP,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC9B,SAAA,CAAA+B,oBAAoB,MAAAC,SAAA,CAAAH,OAAA;MACnBb,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA;IAAS,GACfI,SAAS,EACTK,SAAS,EACTE,KAAK;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjC,YAAA;QAAAkC,UAAA;QAAAC,YAAA;MAAA;IAAA,EACV;EAEL,CAAC;AACH,CAAC;AAACC,OAAA,CAAAnC,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_providers","_jsxFileName","useEmptyStates","emptyState","_emptyState$addNewCta","_overrides$emptyState","_emptyState$addNewCta2","_emptyState$addNewCta3","_emptyState$addNewCta4","_emptyState$customCta","_overrides$emptyState2","_emptyState$customCta2","_emptyState$image","_overrides$emptyState3","_emptyState$image2","title","subtitle","overrides","useAutoPatternsOverridesContext","onClick","addNewCta","id","undefined","text","_customCta","customCta","_image","image","default","createElement","CollectionEmptyState","_extends2","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../src/hooks/useEmptyStates.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionEmptyState } from '@wix/patterns';\nimport { useAutoPatternsOverridesContext } from '../providers';\nimport { EmptyState } from '../types';\n\nexport const useEmptyStates = (emptyState?: EmptyState) => {\n  const { title, subtitle } = emptyState || {};\n\n  const overrides = useAutoPatternsOverridesContext();\n\n  const onClick = emptyState?.addNewCta?.id\n    ? overrides?.emptyState?.[emptyState?.addNewCta?.id]\n    : undefined;\n  const addNewCta = onClick\n    ? {\n        addNewCta: {\n          ...(emptyState?.addNewCta?.text\n            ? { text: emptyState?.addNewCta?.text }\n            : {}),\n          onClick,\n        },\n      }\n    : {};\n\n  const _customCta = emptyState?.customCta?.id\n    ? overrides?.emptyState?.[emptyState?.customCta?.id]\n    : undefined;\n\n  const customCta = _customCta\n    ? {\n        customCta: _customCta(),\n      }\n    : {};\n\n  const _image = emptyState?.image?.id\n    ? overrides?.emptyState?.[emptyState?.image?.id]\n    : undefined;\n\n  const image = _image\n    ? {\n        image: _image(),\n      }\n    : {};\n\n  return {\n    emptyState: (\n      <CollectionEmptyState\n        title={title}\n        subtitle={subtitle}\n        {...addNewCta}\n        {...customCta}\n        {...image}\n      />\n    ),\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAA+D,IAAAG,YAAA;AAGxD,MAAMC,cAAc,GAAIC,UAAuB,IAAK;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,iBAAA,EAAAC,sBAAA,EAAAC,kBAAA;EACzD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGb,UAAU,IAAI,CAAC,CAAC;EAE5C,MAAMc,SAAS,GAAG,IAAAC,0CAA+B,EAAC,CAAC;EAEnD,MAAMC,OAAO,GAAGhB,UAAU,aAAAC,qBAAA,GAAVD,UAAU,CAAEiB,SAAS,aAArBhB,qBAAA,CAAuBiB,EAAE,GACrCJ,SAAS,aAAAZ,qBAAA,GAATY,SAAS,CAAEd,UAAU,qBAArBE,qBAAA,CAAwBF,UAAU,aAAAG,sBAAA,GAAVH,UAAU,CAAEiB,SAAS,qBAArBd,sBAAA,CAAuBe,EAAE,CAAC,GAClDC,SAAS;EACb,MAAMF,SAAS,GAAGD,OAAO,GACrB;IACEC,SAAS,EAAE;MACT,IAAIjB,UAAU,aAAAI,sBAAA,GAAVJ,UAAU,CAAEiB,SAAS,aAArBb,sBAAA,CAAuBgB,IAAI,GAC3B;QAAEA,IAAI,EAAEpB,UAAU,aAAAK,sBAAA,GAAVL,UAAU,CAAEiB,SAAS,qBAArBZ,sBAAA,CAAuBe;MAAK,CAAC,GACrC,CAAC,CAAC,CAAC;MACPJ;IACF;EACF,CAAC,GACD,CAAC,CAAC;EAEN,MAAMK,UAAU,GAAGrB,UAAU,aAAAM,qBAAA,GAAVN,UAAU,CAAEsB,SAAS,aAArBhB,qBAAA,CAAuBY,EAAE,GACxCJ,SAAS,aAAAP,sBAAA,GAATO,SAAS,CAAEd,UAAU,qBAArBO,sBAAA,CAAwBP,UAAU,aAAAQ,sBAAA,GAAVR,UAAU,CAAEsB,SAAS,qBAArBd,sBAAA,CAAuBU,EAAE,CAAC,GAClDC,SAAS;EAEb,MAAMG,SAAS,GAAGD,UAAU,GACxB;IACEC,SAAS,EAAED,UAAU,CAAC;EACxB,CAAC,GACD,CAAC,CAAC;EAEN,MAAME,MAAM,GAAGvB,UAAU,aAAAS,iBAAA,GAAVT,UAAU,CAAEwB,KAAK,aAAjBf,iBAAA,CAAmBS,EAAE,GAChCJ,SAAS,aAAAJ,sBAAA,GAATI,SAAS,CAAEd,UAAU,qBAArBU,sBAAA,CAAwBV,UAAU,aAAAW,kBAAA,GAAVX,UAAU,CAAEwB,KAAK,qBAAjBb,kBAAA,CAAmBO,EAAE,CAAC,GAC9CC,SAAS;EAEb,MAAMK,KAAK,GAAGD,MAAM,GAChB;IACEC,KAAK,EAAED,MAAM,CAAC;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,OAAO;IACLvB,UAAU,eACRP,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC9B,SAAA,CAAA+B,oBAAoB,MAAAC,SAAA,CAAAH,OAAA;MACnBb,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA;IAAS,GACfI,SAAS,EACTK,SAAS,EACTE,KAAK;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjC,YAAA;QAAAkC,UAAA;QAAAC,YAAA;MAAA;IAAA,EACV;EAEL,CAAC;AACH,CAAC;AAACC,OAAA,CAAAnC,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/hooks/useEntityPageHeaderTexts.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.useEntityPageHeaderTexts = void 0;
 var _react = require("react");
-var _PatternsWizardOverridesContext = require("../providers/PatternsWizardOverridesContext");
+var _AutoPatternsOverridesContext = require("../providers/AutoPatternsOverridesContext");
 const useEntityPageHeaderTexts = ({
   config,
   isCreateMode,
@@ -12,7 +12,7 @@ const useEntityPageHeaderTexts = ({
   entity
 }) => {
   var _config$title2;
-  const overrides = (0, _PatternsWizardOverridesContext.usePatternsWizardOverridesContext)();
+  const overrides = (0, _AutoPatternsOverridesContext.useAutoPatternsOverridesContext)();
   const titleText = (0, _react.useMemo)(() => {
     if (config.title) {
       return config.title.text;

package/dist/cjs/hooks/useEntityPageHeaderTexts.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_PatternsWizardOverridesContext","useEntityPageHeaderTexts","config","isCreateMode","isViewMode","entityDisplayName","entity","_config$title2","overrides","usePatternsWizardOverridesContext","titleText","useMemo","title","text","subtitle","undefined","entityPageHeaderSubtitle","id","subtitleOverride","overrideResult","badges","_config$title","entityPageHeaderBadges","badgesOverride","overrideBadges","exports"],"sources":["../../../src/hooks/useEntityPageHeaderTexts.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { EntityPageConfig } from '../types';\nimport { usePatternsWizardOverridesContext } from '../providers/PatternsWizardOverridesContext';\n\nexport const useEntityPageHeaderTexts = ({\n  config,\n  isCreateMode,\n  isViewMode,\n  entityDisplayName,\n  entity,\n}: {\n  config: EntityPageConfig;\n  isCreateMode: boolean;\n  isViewMode?: boolean;\n  entityDisplayName?: string;\n  entity?: Record<string, any>;\n}) => {\n  const overrides = usePatternsWizardOverridesContext();\n\n  const titleText = useMemo(() => {\n    if (config.title) {\n      return config.title.text;\n    } else {\n      return isCreateMode\n        ? 'Create New Item'\n        : isViewMode\n        ? entityDisplayName ?? 'View Item'\n        : entityDisplayName ?? 'Edit Item';\n    }\n  }, [config.title, entityDisplayName, isCreateMode, isViewMode]);\n\n  const subtitle = useMemo(() => {\n    if (!config.subtitle) {\n      return undefined;\n    }\n\n    if (entity && overrides?.entityPageHeaderSubtitle && config.subtitle.id) {\n      const subtitleOverride =\n        overrides.entityPageHeaderSubtitle[config.subtitle.id];\n      if (subtitleOverride) {\n        const overrideResult = subtitleOverride(entity);\n        return {\n          ...config.subtitle,\n          ...overrideResult,\n        };\n      }\n    }\n\n    return {\n      ...config.subtitle,\n      text: config.subtitle.text ?? '',\n    };\n  }, [config.subtitle, entity, overrides?.entityPageHeaderSubtitle]);\n\n  const badges = useMemo(() => {\n    if (!config.title?.badges) {\n      return undefined;\n    }\n    // If badges has an id, try to resolve it dynamically\n    if (entity && overrides?.entityPageHeaderBadges && config.title.badges.id) {\n      const badgesOverride =\n        overrides.entityPageHeaderBadges[config.title.badges.id];\n      if (badgesOverride) {\n        const overrideBadges = badgesOverride(entity);\n        return overrideBadges;\n      }\n    }\n\n    return undefined;\n  }, [config.title?.badges, entity, overrides?.entityPageHeaderBadges]);\n\n  return { title: { text: titleText, badges }, subtitle };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,+BAAA,GAAAD,OAAA;AAEO,MAAME,wBAAwB,GAAGA,CAAC;EACvCC,MAAM;EACNC,YAAY;EACZC,UAAU;EACVC,iBAAiB;EACjBC;AAOF,CAAC,KAAK;EAAA,IAAAC,cAAA;EACJ,MAAMC,SAAS,GAAG,IAAAC,iEAAiC,EAAC,CAAC;EAErD,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,IAAIT,MAAM,CAACU,KAAK,EAAE;MAChB,OAAOV,MAAM,CAACU,KAAK,CAACC,IAAI;IAC1B,CAAC,MAAM;MACL,OAAOV,YAAY,GACf,iBAAiB,GACjBC,UAAU,GACVC,iBAAiB,IAAI,WAAW,GAChCA,iBAAiB,IAAI,WAAW;IACtC;EACF,CAAC,EAAE,CAACH,MAAM,CAACU,KAAK,EAAEP,iBAAiB,EAAEF,YAAY,EAAEC,UAAU,CAAC,CAAC;EAE/D,MAAMU,QAAQ,GAAG,IAAAH,cAAO,EAAC,MAAM;IAC7B,IAAI,CAACT,MAAM,CAACY,QAAQ,EAAE;MACpB,OAAOC,SAAS;IAClB;IAEA,IAAIT,MAAM,IAAIE,SAAS,YAATA,SAAS,CAAEQ,wBAAwB,IAAId,MAAM,CAACY,QAAQ,CAACG,EAAE,EAAE;MACvE,MAAMC,gBAAgB,GACpBV,SAAS,CAACQ,wBAAwB,CAACd,MAAM,CAACY,QAAQ,CAACG,EAAE,CAAC;MACxD,IAAIC,gBAAgB,EAAE;QACpB,MAAMC,cAAc,GAAGD,gBAAgB,CAACZ,MAAM,CAAC;QAC/C,OAAO;UACL,GAAGJ,MAAM,CAACY,QAAQ;UAClB,GAAGK;QACL,CAAC;MACH;IACF;IAEA,OAAO;MACL,GAAGjB,MAAM,CAACY,QAAQ;MAClBD,IAAI,EAAEX,MAAM,CAACY,QAAQ,CAACD,IAAI,IAAI;IAChC,CAAC;EACH,CAAC,EAAE,CAACX,MAAM,CAACY,QAAQ,EAAER,MAAM,EAAEE,SAAS,oBAATA,SAAS,CAAEQ,wBAAwB,CAAC,CAAC;EAElE,MAAMI,MAAM,GAAG,IAAAT,cAAO,EAAC,MAAM;IAAA,IAAAU,aAAA;IAC3B,IAAI,GAAAA,aAAA,GAACnB,MAAM,CAACU,KAAK,aAAZS,aAAA,CAAcD,MAAM,GAAE;MACzB,OAAOL,SAAS;IAClB;IACA;IACA,IAAIT,MAAM,IAAIE,SAAS,YAATA,SAAS,CAAEc,sBAAsB,IAAIpB,MAAM,CAACU,KAAK,CAACQ,MAAM,CAACH,EAAE,EAAE;MACzE,MAAMM,cAAc,GAClBf,SAAS,CAACc,sBAAsB,CAACpB,MAAM,CAACU,KAAK,CAACQ,MAAM,CAACH,EAAE,CAAC;MAC1D,IAAIM,cAAc,EAAE;QAClB,MAAMC,cAAc,GAAGD,cAAc,CAACjB,MAAM,CAAC;QAC7C,OAAOkB,cAAc;MACvB;IACF;IAEA,OAAOT,SAAS;EAClB,CAAC,EAAE,EAAAR,cAAA,GAACL,MAAM,CAACU,KAAK,qBAAZL,cAAA,CAAca,MAAM,EAAEd,MAAM,EAAEE,SAAS,oBAATA,SAAS,CAAEc,sBAAsB,CAAC,CAAC;EAErE,OAAO;IAAEV,KAAK,EAAE;MAAEC,IAAI,EAAEH,SAAS;MAAEU;IAAO,CAAC;IAAEN;EAAS,CAAC;AACzD,CAAC;AAACW,OAAA,CAAAxB,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_AutoPatternsOverridesContext","useEntityPageHeaderTexts","config","isCreateMode","isViewMode","entityDisplayName","entity","_config$title2","overrides","useAutoPatternsOverridesContext","titleText","useMemo","title","text","subtitle","undefined","entityPageHeaderSubtitle","id","subtitleOverride","overrideResult","badges","_config$title","entityPageHeaderBadges","badgesOverride","overrideBadges","exports"],"sources":["../../../src/hooks/useEntityPageHeaderTexts.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { EntityPageConfig } from '../types';\nimport { useAutoPatternsOverridesContext } from '../providers/AutoPatternsOverridesContext';\n\nexport const useEntityPageHeaderTexts = ({\n  config,\n  isCreateMode,\n  isViewMode,\n  entityDisplayName,\n  entity,\n}: {\n  config: EntityPageConfig;\n  isCreateMode: boolean;\n  isViewMode?: boolean;\n  entityDisplayName?: string;\n  entity?: Record<string, any>;\n}) => {\n  const overrides = useAutoPatternsOverridesContext();\n\n  const titleText = useMemo(() => {\n    if (config.title) {\n      return config.title.text;\n    } else {\n      return isCreateMode\n        ? 'Create New Item'\n        : isViewMode\n        ? entityDisplayName ?? 'View Item'\n        : entityDisplayName ?? 'Edit Item';\n    }\n  }, [config.title, entityDisplayName, isCreateMode, isViewMode]);\n\n  const subtitle = useMemo(() => {\n    if (!config.subtitle) {\n      return undefined;\n    }\n\n    if (entity && overrides?.entityPageHeaderSubtitle && config.subtitle.id) {\n      const subtitleOverride =\n        overrides.entityPageHeaderSubtitle[config.subtitle.id];\n      if (subtitleOverride) {\n        const overrideResult = subtitleOverride(entity);\n        return {\n          ...config.subtitle,\n          ...overrideResult,\n        };\n      }\n    }\n\n    return {\n      ...config.subtitle,\n      text: config.subtitle.text ?? '',\n    };\n  }, [config.subtitle, entity, overrides?.entityPageHeaderSubtitle]);\n\n  const badges = useMemo(() => {\n    if (!config.title?.badges) {\n      return undefined;\n    }\n    // If badges has an id, try to resolve it dynamically\n    if (entity && overrides?.entityPageHeaderBadges && config.title.badges.id) {\n      const badgesOverride =\n        overrides.entityPageHeaderBadges[config.title.badges.id];\n      if (badgesOverride) {\n        const overrideBadges = badgesOverride(entity);\n        return overrideBadges;\n      }\n    }\n\n    return undefined;\n  }, [config.title?.badges, entity, overrides?.entityPageHeaderBadges]);\n\n  return { title: { text: titleText, badges }, subtitle };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,6BAAA,GAAAD,OAAA;AAEO,MAAME,wBAAwB,GAAGA,CAAC;EACvCC,MAAM;EACNC,YAAY;EACZC,UAAU;EACVC,iBAAiB;EACjBC;AAOF,CAAC,KAAK;EAAA,IAAAC,cAAA;EACJ,MAAMC,SAAS,GAAG,IAAAC,6DAA+B,EAAC,CAAC;EAEnD,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,IAAIT,MAAM,CAACU,KAAK,EAAE;MAChB,OAAOV,MAAM,CAACU,KAAK,CAACC,IAAI;IAC1B,CAAC,MAAM;MACL,OAAOV,YAAY,GACf,iBAAiB,GACjBC,UAAU,GACVC,iBAAiB,IAAI,WAAW,GAChCA,iBAAiB,IAAI,WAAW;IACtC;EACF,CAAC,EAAE,CAACH,MAAM,CAACU,KAAK,EAAEP,iBAAiB,EAAEF,YAAY,EAAEC,UAAU,CAAC,CAAC;EAE/D,MAAMU,QAAQ,GAAG,IAAAH,cAAO,EAAC,MAAM;IAC7B,IAAI,CAACT,MAAM,CAACY,QAAQ,EAAE;MACpB,OAAOC,SAAS;IAClB;IAEA,IAAIT,MAAM,IAAIE,SAAS,YAATA,SAAS,CAAEQ,wBAAwB,IAAId,MAAM,CAACY,QAAQ,CAACG,EAAE,EAAE;MACvE,MAAMC,gBAAgB,GACpBV,SAAS,CAACQ,wBAAwB,CAACd,MAAM,CAACY,QAAQ,CAACG,EAAE,CAAC;MACxD,IAAIC,gBAAgB,EAAE;QACpB,MAAMC,cAAc,GAAGD,gBAAgB,CAACZ,MAAM,CAAC;QAC/C,OAAO;UACL,GAAGJ,MAAM,CAACY,QAAQ;UAClB,GAAGK;QACL,CAAC;MACH;IACF;IAEA,OAAO;MACL,GAAGjB,MAAM,CAACY,QAAQ;MAClBD,IAAI,EAAEX,MAAM,CAACY,QAAQ,CAACD,IAAI,IAAI;IAChC,CAAC;EACH,CAAC,EAAE,CAACX,MAAM,CAACY,QAAQ,EAAER,MAAM,EAAEE,SAAS,oBAATA,SAAS,CAAEQ,wBAAwB,CAAC,CAAC;EAElE,MAAMI,MAAM,GAAG,IAAAT,cAAO,EAAC,MAAM;IAAA,IAAAU,aAAA;IAC3B,IAAI,GAAAA,aAAA,GAACnB,MAAM,CAACU,KAAK,aAAZS,aAAA,CAAcD,MAAM,GAAE;MACzB,OAAOL,SAAS;IAClB;IACA;IACA,IAAIT,MAAM,IAAIE,SAAS,YAATA,SAAS,CAAEc,sBAAsB,IAAIpB,MAAM,CAACU,KAAK,CAACQ,MAAM,CAACH,EAAE,EAAE;MACzE,MAAMM,cAAc,GAClBf,SAAS,CAACc,sBAAsB,CAACpB,MAAM,CAACU,KAAK,CAACQ,MAAM,CAACH,EAAE,CAAC;MAC1D,IAAIM,cAAc,EAAE;QAClB,MAAMC,cAAc,GAAGD,cAAc,CAACjB,MAAM,CAAC;QAC7C,OAAOkB,cAAc;MACvB;IACF;IAEA,OAAOT,SAAS;EAClB,CAAC,EAAE,EAAAR,cAAA,GAACL,MAAM,CAACU,KAAK,qBAAZL,cAAA,CAAca,MAAM,EAAEd,MAAM,EAAEE,SAAS,oBAATA,SAAS,CAAEc,sBAAsB,CAAC,CAAC;EAErE,OAAO;IAAEV,KAAK,EAAE;MAAEC,IAAI,EAAEH,SAAS;MAAEU;IAAO,CAAC;IAAEN;EAAS,CAAC;AACzD,CAAC;AAACW,OAAA,CAAAxB,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/cjs/hooks/useFetchData.js

@@ -2,13 +2,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFetchData = void 0;
+exports.useFetchData = useFetchData;
 var _react = _interopRequireDefault(require("react"));
 var _SchemaContext = require("../providers/SchemaContext");
-const useFetchData = ({
+function useFetchData({
   searchableFieldIds,
   filterFieldMapping
-}) => {
+}) {
   const schema = (0, _SchemaContext.useSchema)();
   const fetchData = _react.default.useMemo(() => {
     return query => {
@@ -21,6 +21,5 @@ const useFetchData = ({
   return {
     fetchData
   };
-};
-exports.useFetchData = useFetchData;
+}
 //# sourceMappingURL=useFetchData.js.map

package/dist/cjs/hooks/useFetchData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_SchemaContext","useFetchData","searchableFieldIds","filterFieldMapping","schema","useSchema","fetchData","React","useMemo","query","actions","find","exports"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import React from 'react';\nimport { useSchema } from '../providers/SchemaContext';\nimport { ComputedQuery } from '@wix/patterns';\n\ninterface UseFetchDataProps {\n  searchableFieldIds?: string[];\n  filterFieldMapping?: Record<string, { fieldId: string }>;\n}\n\nexport const useFetchData = ({\n  searchableFieldIds,\n  filterFieldMapping,\n}: UseFetchDataProps) => {\n  const schema = useSchema();\n\n  const fetchData = React.useMemo(() => {\n    return (query: ComputedQuery<any>) => {\n      return schema.actions.find(query, {\n        searchableFieldIds: searchableFieldIds || [],\n        filterFieldMapping,\n      });\n    };\n  }, [schema, searchableFieldIds, filterFieldMapping]);\n\n  return {\n    fetchData,\n  };\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAQO,MAAME,YAAY,GAAGA,CAAC;EAC3BC,kBAAkB;EAClBC;AACiB,CAAC,KAAK;EACvB,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,MAAMC,SAAS,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAM;IACpC,OAAQC,KAAyB,IAAK;MACpC,OAAOL,MAAM,CAACM,OAAO,CAACC,IAAI,CAACF,KAAK,EAAE;QAChCP,kBAAkB,EAAEA,kBAAkB,IAAI,EAAE;QAC5CC;MACF,CAAC,CAAC;IACJ,CAAC;EACH,CAAC,EAAE,CAACC,MAAM,EAAEF,kBAAkB,EAAEC,kBAAkB,CAAC,CAAC;EAEpD,OAAO;IACLG;EACF,CAAC;AACH,CAAC;AAACM,OAAA,CAAAX,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_SchemaContext","useFetchData","searchableFieldIds","filterFieldMapping","schema","useSchema","fetchData","React","useMemo","query","actions","find"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import React from 'react';\nimport { useSchema } from '../providers/SchemaContext';\nimport { CursorQuery, OffsetQuery } from '@wix/patterns';\nimport { FetchDataFn, Mode, UseFetchDataProps } from '../types';\n\nexport function useFetchData<M extends Mode>({\n  searchableFieldIds,\n  filterFieldMapping,\n}: UseFetchDataProps<M>): { fetchData: FetchDataFn<M> } {\n  const schema = useSchema();\n\n  const fetchData = React.useMemo(() => {\n    return (query: CursorQuery<any> | OffsetQuery<any>) => {\n      return schema.actions.find(query, {\n        searchableFieldIds: searchableFieldIds || [],\n        filterFieldMapping,\n      });\n    };\n  }, [schema, searchableFieldIds, filterFieldMapping]);\n\n  return { fetchData };\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAIO,SAASE,YAAYA,CAAiB;EAC3CC,kBAAkB;EAClBC;AACoB,CAAC,EAAiC;EACtD,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,MAAMC,SAAS,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAM;IACpC,OAAQC,KAA0C,IAAK;MACrD,OAAOL,MAAM,CAACM,OAAO,CAACC,IAAI,CAACF,KAAK,EAAE;QAChCP,kBAAkB,EAAEA,kBAAkB,IAAI,EAAE;QAC5CC;MACF,CAAC,CAAC;IACJ,CAAC;EACH,CAAC,EAAE,CAACC,MAAM,EAAEF,kBAAkB,EAAEC,kBAAkB,CAAC,CAAC;EAEpD,OAAO;IAAEG;EAAU,CAAC;AACtB","ignoreList":[]}

package/dist/cjs/hooks/useFilters.js

@@ -14,7 +14,7 @@ var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns
 const useFilters = configuration => {
   const schema = (0, _SchemaContext.useSchema)();
   const schemaRegistry = (0, _providers.useSchemaRegistry)();
-  const filters = _react.default.useMemo(() => {
+  const [filters] = _react.default.useState(() => {
     const currFilters = [];
     configuration == null || configuration.items.forEach(filter => {
       const {
@@ -96,7 +96,7 @@ const useFilters = configuration => {
       }
     });
     return currFilters;
-  }, [configuration == null ? void 0 : configuration.items, schema.fields, schemaRegistry]);
+  });
   const filterFieldMapping = _react.default.useMemo(() => {
     return configuration == null ? void 0 : configuration.items.reduce((acc, filter) => {
       acc[filter.id] = filter;

package/dist/cjs/hooks/useFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_SchemaContext","_providers","_filters","_filterCreators","_jsxFileName","useFilters","configuration","schema","useSchema","schemaRegistry","useSchemaRegistry","filters","React","useMemo","currFilters","items","forEach","filter","id","fieldId","fieldDefinition","fields","label","displayName","openByDefault","tagLabel","sectionTitle","baseParams","commonFilterProps","initiallyOpen","accordionItemProps","toolbarItemProps","toolbarTagProps","type","push","createDateTimeFilter","config","dateConfig","createBooleanFilter","booleanConfig","createNumberFilter","numberConfig","referencedCollectionId","referenceMetadata","referencedSchema","getSchema","createReferenceFilter","dynamicOptionsConfig","additionalParams","enumConfig","createEnumFilter","filterFieldMapping","reduce","acc","collectionToolbarFiltersProps","inline","maxInlineFilters","panelTitle","filtersData","key","components","collectionData","default","createElement","StaticCollectionFilter","_extends2","component","props","__self","__source","fileName","lineNumber","columnNumber","collectionId","DynamicCollectionFilter","componentName","filtersObject","filterComponent","length","CollectionToolbarFilters","undefined","exports"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n  Filter,\n} from '@wix/patterns';\nimport { Filter as SchemaFilterType, FiltersConfig } from '../types';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useSchemaRegistry } from '../providers';\nimport {\n  StaticCollectionFilter,\n  DynamicCollectionFilter,\n} from '../components/filters';\nimport {\n  createDateTimeFilter,\n  createBooleanFilter,\n  createNumberFilter,\n  createEnumFilter,\n  createReferenceFilter,\n} from '../utils/filterCreators';\n\nexport interface FilterOptions {\n  key: string;\n  fieldId: string;\n  filter: Filter<any>;\n  component: React.ElementType;\n  collectionData?: { id: string; name: string }[];\n  collectionId?: string;\n  componentName?: string;\n  props: Record<string, any>;\n}\n\nexport interface ReturnValue {\n  filters: { [key: string]: Filter<any> };\n  components: React.JSX.Element[];\n  collectionToolbarFiltersProps: Pick<\n    CollectionToolbarFiltersProps,\n    'inline' | 'panelTitle' | 'useNewFilters'\n  >;\n}\n\nexport const useFilters = (configuration?: FiltersConfig) => {\n  const schema = useSchema();\n  const schemaRegistry = useSchemaRegistry();\n  const filters = React.useMemo(() => {\n    const currFilters: FilterOptions[] = [];\n    configuration?.items.forEach((filter) => {\n      const { id, fieldId } = filter;\n      const fieldDefinition = schema.fields[fieldId];\n      if (!fieldDefinition) {\n        return;\n      }\n\n      const label = filter.displayName || fieldDefinition.displayName;\n      const { openByDefault, tagLabel, sectionTitle } = filter;\n\n      const baseParams = {\n        id,\n        fieldId,\n        commonFilterProps: {\n          sectionTitle,\n          initiallyOpen: openByDefault,\n          accordionItemProps: { label },\n          toolbarItemProps: { label },\n          toolbarTagProps: { label: tagLabel },\n        },\n      };\n\n      switch (fieldDefinition.type) {\n        case 'DATE':\n        case 'DATETIME':\n          currFilters.push(\n            createDateTimeFilter({\n              ...baseParams,\n              config: filter.dateConfig,\n            }),\n          );\n          break;\n\n        case 'BOOLEAN':\n          currFilters.push(\n            createBooleanFilter({\n              ...baseParams,\n              config: filter.booleanConfig,\n            }),\n          );\n          break;\n\n        case 'NUMBER':\n          currFilters.push(\n            createNumberFilter({\n              ...baseParams,\n              config: filter.numberConfig,\n            }),\n          );\n          break;\n\n        case 'REFERENCE': {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const referencedSchema = schemaRegistry.getSchema(\n            referencedCollectionId,\n          );\n\n          if (referencedSchema) {\n            currFilters.push(\n              createReferenceFilter({\n                ...baseParams,\n                config: filter.dynamicOptionsConfig,\n                additionalParams: {\n                  referencedSchema,\n                },\n              }),\n            );\n          }\n          break;\n        }\n\n        default:\n          if (filter?.enumConfig) {\n            currFilters.push(\n              createEnumFilter({\n                ...baseParams,\n                config: filter.enumConfig,\n              }),\n            );\n          }\n          break;\n      }\n    });\n    return currFilters;\n  }, [configuration?.items, schema.fields, schemaRegistry]);\n\n  const filterFieldMapping = React.useMemo(() => {\n    return configuration?.items.reduce((acc, filter) => {\n      acc[filter.id] = filter;\n      return acc;\n    }, {} as Record<string, SchemaFilterType>);\n  }, [configuration?.items]);\n\n  const collectionToolbarFiltersProps = React.useMemo<\n    Pick<CollectionToolbarFiltersProps, 'inline' | 'panelTitle'>\n  >(\n    () => ({\n      inline: configuration?.maxInlineFilters || 0,\n      panelTitle: configuration?.panelTitle,\n    }),\n    [configuration],\n  );\n\n  const filtersData = filters.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.filters[filter.key] = filter.filter;\n      acc.components.push(\n        filter.collectionData ? (\n          <StaticCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionData={filter.collectionData}\n            {...filter.props}\n          />\n        ) : filter.collectionId ? (\n          <DynamicCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionId={filter.collectionId}\n            componentName={filter.props.componentName}\n            {...filter.props}\n          />\n        ) : (\n          <filter.component\n            key={filter.key}\n            filter={filter.filter}\n            {...filter.props}\n          />\n        ),\n      );\n\n      return acc;\n    },\n    { filters: {}, components: [], collectionToolbarFiltersProps },\n  );\n\n  return {\n    filterFieldMapping,\n    filtersObject: filtersData.filters,\n    filterComponent:\n      filtersData.components.length > 0 ? (\n        <CollectionToolbarFilters {...collectionToolbarFiltersProps}>\n          {filtersData.components}\n        </CollectionToolbarFilters>\n      ) : undefined,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_SchemaContext","_providers","_filters","_filterCreators","_jsxFileName","useFilters","configuration","schema","useSchema","schemaRegistry","useSchemaRegistry","filters","React","useState","currFilters","items","forEach","filter","id","fieldId","fieldDefinition","fields","label","displayName","openByDefault","tagLabel","sectionTitle","baseParams","commonFilterProps","initiallyOpen","accordionItemProps","toolbarItemProps","toolbarTagProps","type","push","createDateTimeFilter","config","dateConfig","createBooleanFilter","booleanConfig","createNumberFilter","numberConfig","referencedCollectionId","referenceMetadata","referencedSchema","getSchema","createReferenceFilter","dynamicOptionsConfig","additionalParams","enumConfig","createEnumFilter","filterFieldMapping","useMemo","reduce","acc","collectionToolbarFiltersProps","inline","maxInlineFilters","panelTitle","filtersData","key","components","collectionData","default","createElement","StaticCollectionFilter","_extends2","component","props","__self","__source","fileName","lineNumber","columnNumber","collectionId","DynamicCollectionFilter","componentName","filtersObject","filterComponent","length","CollectionToolbarFilters","undefined","exports"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n  Filter,\n} from '@wix/patterns';\nimport { Filter as SchemaFilterType, FiltersConfig } from '../types';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useSchemaRegistry } from '../providers';\nimport {\n  StaticCollectionFilter,\n  DynamicCollectionFilter,\n} from '../components/filters';\nimport {\n  createDateTimeFilter,\n  createBooleanFilter,\n  createNumberFilter,\n  createEnumFilter,\n  createReferenceFilter,\n} from '../utils/filterCreators';\n\nexport interface FilterOptions {\n  key: string;\n  fieldId: string;\n  filter: Filter<any>;\n  component: React.ElementType;\n  collectionData?: { id: string; name: string }[];\n  collectionId?: string;\n  componentName?: string;\n  props: Record<string, any>;\n}\n\nexport interface ReturnValue {\n  filters: { [key: string]: Filter<any> };\n  components: React.JSX.Element[];\n  collectionToolbarFiltersProps: Pick<\n    CollectionToolbarFiltersProps,\n    'inline' | 'panelTitle' | 'useNewFilters'\n  >;\n}\n\nexport const useFilters = (configuration?: FiltersConfig) => {\n  const schema = useSchema();\n  const schemaRegistry = useSchemaRegistry();\n  const [filters] = React.useState(() => {\n    const currFilters: FilterOptions[] = [];\n    configuration?.items.forEach((filter) => {\n      const { id, fieldId } = filter;\n      const fieldDefinition = schema.fields[fieldId];\n      if (!fieldDefinition) {\n        return;\n      }\n\n      const label = filter.displayName || fieldDefinition.displayName;\n      const { openByDefault, tagLabel, sectionTitle } = filter;\n\n      const baseParams = {\n        id,\n        fieldId,\n        commonFilterProps: {\n          sectionTitle,\n          initiallyOpen: openByDefault,\n          accordionItemProps: { label },\n          toolbarItemProps: { label },\n          toolbarTagProps: { label: tagLabel },\n        },\n      };\n\n      switch (fieldDefinition.type) {\n        case 'DATE':\n        case 'DATETIME':\n          currFilters.push(\n            createDateTimeFilter({\n              ...baseParams,\n              config: filter.dateConfig,\n            }),\n          );\n          break;\n\n        case 'BOOLEAN':\n          currFilters.push(\n            createBooleanFilter({\n              ...baseParams,\n              config: filter.booleanConfig,\n            }),\n          );\n          break;\n\n        case 'NUMBER':\n          currFilters.push(\n            createNumberFilter({\n              ...baseParams,\n              config: filter.numberConfig,\n            }),\n          );\n          break;\n\n        case 'REFERENCE': {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const referencedSchema = schemaRegistry.getSchema(\n            referencedCollectionId,\n          );\n\n          if (referencedSchema) {\n            currFilters.push(\n              createReferenceFilter({\n                ...baseParams,\n                config: filter.dynamicOptionsConfig,\n                additionalParams: {\n                  referencedSchema,\n                },\n              }),\n            );\n          }\n          break;\n        }\n\n        default:\n          if (filter?.enumConfig) {\n            currFilters.push(\n              createEnumFilter({\n                ...baseParams,\n                config: filter.enumConfig,\n              }),\n            );\n          }\n          break;\n      }\n    });\n    return currFilters;\n  });\n\n  const filterFieldMapping = React.useMemo(() => {\n    return configuration?.items.reduce((acc, filter) => {\n      acc[filter.id] = filter;\n      return acc;\n    }, {} as Record<string, SchemaFilterType>);\n  }, [configuration?.items]);\n\n  const collectionToolbarFiltersProps = React.useMemo<\n    Pick<CollectionToolbarFiltersProps, 'inline' | 'panelTitle'>\n  >(\n    () => ({\n      inline: configuration?.maxInlineFilters || 0,\n      panelTitle: configuration?.panelTitle,\n    }),\n    [configuration],\n  );\n\n  const filtersData = filters.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.filters[filter.key] = filter.filter;\n      acc.components.push(\n        filter.collectionData ? (\n          <StaticCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionData={filter.collectionData}\n            {...filter.props}\n          />\n        ) : filter.collectionId ? (\n          <DynamicCollectionFilter\n            filter={filter.filter}\n            key={filter.key}\n            component={filter.component}\n            collectionId={filter.collectionId}\n            componentName={filter.props.componentName}\n            {...filter.props}\n          />\n        ) : (\n          <filter.component\n            key={filter.key}\n            filter={filter.filter}\n            {...filter.props}\n          />\n        ),\n      );\n\n      return acc;\n    },\n    { filters: {}, components: [], collectionToolbarFiltersProps },\n  );\n\n  return {\n    filterFieldMapping,\n    filtersObject: filtersData.filters,\n    filterComponent:\n      filtersData.components.length > 0 ? (\n        <CollectionToolbarFilters {...collectionToolbarFiltersProps}>\n          {filtersData.components}\n        </CollectionToolbarFilters>\n      ) : undefined,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useGridFeatures.js

@@ -6,18 +6,10 @@ var _useFetchData = require("./useFetchData");
 var _patterns = require("@wix/patterns");
 var _useCommonCollectionFeatures = require("./useCommonCollectionFeatures");
 var _useFilters = require("./useFilters");
-var _SchemaContext = require("../providers/SchemaContext");
-var _useAutoPatternsOptimisticActions = require("./useAutoPatternsOptimisticActions");
 var _useBaseGridFeatures = require("./useBaseGridFeatures");
+var _useBaseCollectionParams = require("./useBaseCollectionParams");
 var _useUpdateAppContextItems = require("./useUpdateAppContextItems");
 const useGridFeatures = configuration => {
-  const {
-    collectionId,
-    limit,
-    reflectQueryInUrl,
-    selectAllScope,
-    selectionUpdateMode
-  } = configuration.collection;
   const {
     renderItem,
     imagePlacement,
@@ -35,35 +27,23 @@ const useGridFeatures = configuration => {
     searchableFieldIds: visibleFieldIds,
     filterFieldMapping
   });
-  const schema = (0, _SchemaContext.useSchema)();
-  const state = (0, _patterns.useGridCollection)({
-    queryName: `${collectionId}`,
-    itemKey: gridItem => gridItem[schema.idField],
-    itemName: gridItem => gridItem[schema.displayField],
-    filters: filtersObject,
-    toExtendedFields: gridItem => gridItem.extendedFields,
-    fetchErrorMessage: ({
-      err
-    }) => String(err),
+  const params = (0, _useBaseCollectionParams.useBaseCollectionParams)({
+    config: configuration.collection,
     fetchData,
-    limit,
-    persistQueryToUrl: reflectQueryInUrl,
-    disableAutoSelectAllCount: selectAllScope === 'page',
-    selectionConsistencyMode: selectionUpdateMode
+    filters: filtersObject
   });
+  const state = (0, _patterns.useGridCollection)(params);
   const items = (0, _patterns.useSelector)(() => state.collection.result.items);
   (0, _useUpdateAppContextItems.useUpdateAppContextItems)(items);
-  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(collectionId, state.collection);
   const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)({
     ...configuration,
-    optimisticActions
+    collectionState: state.collection
   });
   return {
     ...commonFeatures,
     state,
     imagePlacement,
     preset,
-    optimisticActions,
     renderItem,
     filters: filterComponent
   };

package/dist/cjs/hooks/useGridFeatures.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_SchemaContext","_useAutoPatternsOptimisticActions","_useBaseGridFeatures","_useUpdateAppContextItems","useGridFeatures","configuration","collectionId","limit","reflectQueryInUrl","selectAllScope","selectionUpdateMode","collection","renderItem","imagePlacement","preset","visibleFieldIds","useBaseGridFeatures","filterComponent","filtersObject","filterFieldMapping","useFilters","filters","fetchData","useFetchData","searchableFieldIds","schema","useSchema","state","useGridCollection","queryName","itemKey","gridItem","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","items","useSelector","result","useUpdateAppContextItems","optimisticActions","useAutoPatternsOptimisticActions","commonFeatures","useCommonCollectionFeatures","exports"],"sources":["../../../src/hooks/useGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useGridCollection, useSelector } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useBaseGridFeatures } from './useBaseGridFeatures';\nimport { useUpdateAppContextItems } from './useUpdateAppContextItems';\n\nexport const useGridFeatures = (configuration: GridConfig) => {\n  const {\n    collectionId,\n    limit,\n    reflectQueryInUrl,\n    selectAllScope,\n    selectionUpdateMode,\n  } = configuration.collection;\n\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(configuration);\n\n  const { filterComponent, filtersObject, filterFieldMapping } = useFilters(\n    configuration.filters,\n  );\n\n  const { fetchData } = useFetchData({\n    searchableFieldIds: visibleFieldIds,\n    filterFieldMapping,\n  });\n\n  const schema = useSchema();\n\n  const state = useGridCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (gridItem) => gridItem[schema.idField],\n    itemName: (gridItem) => gridItem[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (gridItem) => gridItem.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl: reflectQueryInUrl,\n    disableAutoSelectAllCount: selectAllScope === 'page',\n    selectionConsistencyMode: selectionUpdateMode,\n  });\n\n  const items = useSelector(() => state.collection.result.items);\n  useUpdateAppContextItems(items);\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    optimisticActions,\n  });\n\n  return {\n    ...commonFeatures,\n    state,\n    imagePlacement,\n    preset,\n    optimisticActions,\n    renderItem,\n    filters: filterComponent,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,iCAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAP,OAAA;AAEO,MAAMQ,eAAe,GAAIC,aAAyB,IAAK;EAC5D,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,cAAc;IACdC;EACF,CAAC,GAAGL,aAAa,CAACM,UAAU;EAE5B,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC,MAAM;IAAEC;EAAgB,CAAC,GAC3D,IAAAC,wCAAmB,EAACX,aAAa,CAAC;EAEpC,MAAM;IAAEY,eAAe;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAU,EACvEf,aAAa,CAACgB,OAChB,CAAC;EAED,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjCC,kBAAkB,EAAET,eAAe;IACnCI;EACF,CAAC,CAAC;EAEF,MAAMM,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,MAAMC,KAAK,GAAG,IAAAC,2BAAiB,EAAM;IACnCC,SAAS,EAAE,GAAGvB,YAAY,EAAE;IAC5BwB,OAAO,EAAGC,QAAQ,IAAKA,QAAQ,CAACN,MAAM,CAACO,OAAO,CAAC;IAC/CC,QAAQ,EAAGF,QAAQ,IAAKA,QAAQ,CAACN,MAAM,CAACS,YAAY,CAAC;IACrDb,OAAO,EAAEH,aAAa;IACtBiB,gBAAgB,EAAGJ,QAAQ,IAAKA,QAAQ,CAACK,cAAc;IACvDC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3ChB,SAAS;IACTf,KAAK;IACLiC,iBAAiB,EAAEhC,iBAAiB;IACpCiC,yBAAyB,EAAEhC,cAAc,KAAK,MAAM;IACpDiC,wBAAwB,EAAEhC;EAC5B,CAAC,CAAC;EAEF,MAAMiC,KAAK,GAAG,IAAAC,qBAAW,EAAC,MAAMjB,KAAK,CAAChB,UAAU,CAACkC,MAAM,CAACF,KAAK,CAAC;EAC9D,IAAAG,kDAAwB,EAACH,KAAK,CAAC;EAE/B,MAAMI,iBAAiB,GAAG,IAAAC,kEAAgC,EACxD1C,YAAY,EACZqB,KAAK,CAAChB,UACR,CAAC;EAED,MAAMsC,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAG7C,aAAa;IAChB0C;EACF,CAAC,CAAC;EAEF,OAAO;IACL,GAAGE,cAAc;IACjBtB,KAAK;IACLd,cAAc;IACdC,MAAM;IACNiC,iBAAiB;IACjBnC,UAAU;IACVS,OAAO,EAAEJ;EACX,CAAC;AACH,CAAC;AAACkC,OAAA,CAAA/C,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_useBaseGridFeatures","_useBaseCollectionParams","_useUpdateAppContextItems","useGridFeatures","configuration","renderItem","imagePlacement","preset","visibleFieldIds","useBaseGridFeatures","filterComponent","filtersObject","filterFieldMapping","useFilters","filters","fetchData","useFetchData","searchableFieldIds","params","useBaseCollectionParams","config","collection","state","useGridCollection","items","useSelector","result","useUpdateAppContextItems","commonFeatures","useCommonCollectionFeatures","collectionState","exports"],"sources":["../../../src/hooks/useGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useGridCollection, useSelector } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useBaseGridFeatures } from './useBaseGridFeatures';\nimport { useBaseCollectionParams } from './useBaseCollectionParams';\nimport { useUpdateAppContextItems } from './useUpdateAppContextItems';\n\nexport const useGridFeatures = (configuration: GridConfig) => {\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(configuration);\n\n  const { filterComponent, filtersObject, filterFieldMapping } = useFilters(\n    configuration.filters,\n  );\n\n  const { fetchData } = useFetchData({\n    searchableFieldIds: visibleFieldIds,\n    filterFieldMapping,\n  });\n\n  const params = useBaseCollectionParams({\n    config: configuration.collection,\n    fetchData,\n    filters: filtersObject,\n  });\n\n  const state = useGridCollection<any>(params);\n  const items = useSelector(() => state.collection.result.items);\n  useUpdateAppContextItems(items);\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    collectionState: state.collection,\n  });\n\n  return {\n    ...commonFeatures,\n    state,\n    imagePlacement,\n    preset,\n    renderItem,\n    filters: filterComponent,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AAEO,MAAMO,eAAe,GAAIC,aAAyB,IAAK;EAC5D,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC,MAAM;IAAEC;EAAgB,CAAC,GAC3D,IAAAC,wCAAmB,EAACL,aAAa,CAAC;EAEpC,MAAM;IAAEM,eAAe;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAU,EACvET,aAAa,CAACU,OAChB,CAAC;EAED,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjCC,kBAAkB,EAAET,eAAe;IACnCI;EACF,CAAC,CAAC;EAEF,MAAMM,MAAM,GAAG,IAAAC,gDAAuB,EAAC;IACrCC,MAAM,EAAEhB,aAAa,CAACiB,UAAU;IAChCN,SAAS;IACTD,OAAO,EAAEH;EACX,CAAC,CAAC;EAEF,MAAMW,KAAK,GAAG,IAAAC,2BAAiB,EAAML,MAAM,CAAC;EAC5C,MAAMM,KAAK,GAAG,IAAAC,qBAAW,EAAC,MAAMH,KAAK,CAACD,UAAU,CAACK,MAAM,CAACF,KAAK,CAAC;EAC9D,IAAAG,kDAAwB,EAACH,KAAK,CAAC;EAE/B,MAAMI,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAGzB,aAAa;IAChB0B,eAAe,EAAER,KAAK,CAACD;EACzB,CAAC,CAAC;EAEF,OAAO;IACL,GAAGO,cAAc;IACjBN,KAAK;IACLhB,cAAc;IACdC,MAAM;IACNF,UAAU;IACVS,OAAO,EAAEJ;EACX,CAAC;AACH,CAAC;AAACqB,OAAA,CAAA5B,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/hooks/useTableFeatures.js

@@ -6,20 +6,12 @@ var _useFetchData = require("./useFetchData");
 var _patterns = require("@wix/patterns");
 var _useCommonCollectionFeatures = require("./useCommonCollectionFeatures");
 var _useFilters = require("./useFilters");
-var _SchemaContext = require("../providers/SchemaContext");
-var _useAutoPatternsOptimisticActions = require("./useAutoPatternsOptimisticActions");
 var _useBaseTableFeatures = require("./useBaseTableFeatures");
-var _PatternsWizardOverridesContext = require("../providers/PatternsWizardOverridesContext");
+var _AutoPatternsOverridesContext = require("../providers/AutoPatternsOverridesContext");
+var _useBaseCollectionParams = require("./useBaseCollectionParams");
 var _useUpdateAppContextItems = require("./useUpdateAppContextItems");
 const useTableFeatures = configuration => {
   var _configuration$sectio, _overrides$sections;
-  const {
-    collectionId,
-    limit,
-    reflectQueryInUrl,
-    selectAllScope,
-    selectionUpdateMode
-  } = configuration.collection;
   const {
     filterComponent,
     filtersObject,
@@ -40,29 +32,18 @@ const useTableFeatures = configuration => {
     searchableFieldIds: visibleFieldIds,
     filterFieldMapping
   });
-  const schema = (0, _SchemaContext.useSchema)();
-  const overrides = (0, _PatternsWizardOverridesContext.usePatternsWizardOverridesContext)();
-  const state = (0, _patterns.useTableCollection)({
-    queryName: `${collectionId}`,
-    itemKey: item => item[schema.idField],
-    itemName: item => item[schema.displayField],
-    filters: filtersObject,
-    toExtendedFields: item => item.extendedFields,
-    fetchErrorMessage: ({
-      err
-    }) => String(err),
+  const overrides = (0, _AutoPatternsOverridesContext.useAutoPatternsOverridesContext)();
+  const params = (0, _useBaseCollectionParams.useBaseCollectionParams)({
+    config: configuration.collection,
     fetchData,
-    limit,
-    persistQueryToUrl: reflectQueryInUrl,
-    disableAutoSelectAllCount: selectAllScope === 'page',
-    selectionConsistencyMode: selectionUpdateMode
+    filters: filtersObject
   });
+  const state = (0, _patterns.useTableCollection)(params);
   const items = (0, _patterns.useSelector)(() => state.collection.result.items);
   (0, _useUpdateAppContextItems.useUpdateAppContextItems)(items);
-  const optimisticActions = (0, _useAutoPatternsOptimisticActions.useAutoPatternsOptimisticActions)(collectionId, state.collection);
   const commonFeatures = (0, _useCommonCollectionFeatures.useCommonCollectionFeatures)({
     ...configuration,
-    optimisticActions
+    collectionState: state.collection
   });
   const sections = (_configuration$sectio = configuration.sections) != null && _configuration$sectio.id && overrides != null && (_overrides$sections = overrides.sections) != null && _overrides$sections[configuration.sections.id] ? {
     renderSection: overrides.sections[configuration.sections.id],
@@ -73,7 +54,6 @@ const useTableFeatures = configuration => {
     state,
     columns,
     filters: filterComponent,
-    optimisticActions,
     customColumns,
     onRowClick,
     stickyColumns,