@wix/auto-patterns 1.20.0 → 1.22.0

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

@@ -1 +1 @@
-{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_SchemaContext","_useAutoPatternsOptimisticActions","_useBaseTableFeatures","_PatternsWizardOverridesContext","useTableFeatures","configuration","_configuration$sectio","_overrides$sections","collectionId","limit","reflectQueryInUrl","selectAllScope","selectionUpdateMode","collection","filterComponent","filtersObject","filterFieldMapping","useFilters","filters","customColumns","visibleFieldIds","columns","onRowClick","stickyColumns","stickySelectionColumn","useBaseTableFeatures","fetchData","useFetchData","searchableFieldIds","schema","useSchema","overrides","usePatternsWizardOverridesContext","state","useTableCollection","queryName","itemKey","item","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","optimisticActions","useAutoPatternsOptimisticActions","commonFeatures","useCommonCollectionFeatures","sections","id","renderSection","TableSections","undefined","exports"],"sources":["../../../src/hooks/useTableFeatures.tsx"],"sourcesContent":["import { TableConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { TableSections, useTableCollection } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useBaseTableFeatures } from './useBaseTableFeatures';\nimport { usePatternsWizardOverridesContext } from '../providers/PatternsWizardOverridesContext';\n\nexport const useTableFeatures = (configuration: TableConfig) => {\n  const {\n    collectionId,\n    limit,\n    reflectQueryInUrl,\n    selectAllScope,\n    selectionUpdateMode,\n  } = configuration.collection;\n\n  const { filterComponent, filtersObject, filterFieldMapping } = useFilters(\n    configuration.filters,\n  );\n  const {\n    customColumns,\n    visibleFieldIds,\n    columns,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n  } = useBaseTableFeatures(configuration);\n\n  const { fetchData } = useFetchData({\n    searchableFieldIds: visibleFieldIds,\n    filterFieldMapping,\n  });\n\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n\n  const state = useTableCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (item) => item[schema.idField],\n    itemName: (item) => item[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (item) => item.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl: reflectQueryInUrl,\n    disableAutoSelectAllCount: selectAllScope === 'page',\n    selectionConsistencyMode: selectionUpdateMode,\n  });\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    optimisticActions,\n  });\n\n  const sections =\n    configuration.sections?.id &&\n    overrides?.sections?.[configuration.sections.id]\n      ? {\n          renderSection: overrides.sections[configuration.sections.id],\n          TableSections,\n        }\n      : undefined;\n\n  return {\n    ...commonFeatures,\n    state,\n    columns,\n    filters: filterComponent,\n    optimisticActions,\n    customColumns,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    sections,\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,qBAAA,GAAAN,OAAA;AACA,IAAAO,+BAAA,GAAAP,OAAA;AAEO,MAAMQ,gBAAgB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA,EAAAC,mBAAA;EAC9D,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,cAAc;IACdC;EACF,CAAC,GAAGP,aAAa,CAACQ,UAAU;EAE5B,MAAM;IAAEC,eAAe;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAU,EACvEZ,aAAa,CAACa,OAChB,CAAC;EACD,MAAM;IACJC,aAAa;IACbC,eAAe;IACfC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC;EACF,CAAC,GAAG,IAAAC,0CAAoB,EAACpB,aAAa,CAAC;EAEvC,MAAM;IAAEqB;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjCC,kBAAkB,EAAER,eAAe;IACnCJ;EACF,CAAC,CAAC;EAEF,MAAMa,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAMC,SAAS,GAAG,IAAAC,iEAAiC,EAAC,CAAC;EAErD,MAAMC,KAAK,GAAG,IAAAC,4BAAkB,EAAM;IACpCC,SAAS,EAAE,GAAG3B,YAAY,EAAE;IAC5B4B,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACR,MAAM,CAACS,OAAO,CAAC;IACvCC,QAAQ,EAAGF,IAAI,IAAKA,IAAI,CAACR,MAAM,CAACW,YAAY,CAAC;IAC7CtB,OAAO,EAAEH,aAAa;IACtB0B,gBAAgB,EAAGJ,IAAI,IAAKA,IAAI,CAACK,cAAc;IAC/CC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3ClB,SAAS;IACTjB,KAAK;IACLqC,iBAAiB,EAAEpC,iBAAiB;IACpCqC,yBAAyB,EAAEpC,cAAc,KAAK,MAAM;IACpDqC,wBAAwB,EAAEpC;EAC5B,CAAC,CAAC;EAEF,MAAMqC,iBAAiB,GAAG,IAAAC,kEAAgC,EACxD1C,YAAY,EACZyB,KAAK,CAACpB,UACR,CAAC;EAED,MAAMsC,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAG/C,aAAa;IAChB4C;EACF,CAAC,CAAC;EAEF,MAAMI,QAAQ,GACZ,CAAA/C,qBAAA,GAAAD,aAAa,CAACgD,QAAQ,aAAtB/C,qBAAA,CAAwBgD,EAAE,IAC1BvB,SAAS,aAAAxB,mBAAA,GAATwB,SAAS,CAAEsB,QAAQ,aAAnB9C,mBAAA,CAAsBF,aAAa,CAACgD,QAAQ,CAACC,EAAE,CAAC,GAC5C;IACEC,aAAa,EAAExB,SAAS,CAACsB,QAAQ,CAAChD,aAAa,CAACgD,QAAQ,CAACC,EAAE,CAAC;IAC5DE,aAAa,EAAbA;EACF,CAAC,GACDC,SAAS;EAEf,OAAO;IACL,GAAGN,cAAc;IACjBlB,KAAK;IACLZ,OAAO;IACPH,OAAO,EAAEJ,eAAe;IACxBmC,iBAAiB;IACjB9B,aAAa;IACbG,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrB6B;EACF,CAAC;AACH,CAAC;AAACK,OAAA,CAAAtD,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_SchemaContext","_useAutoPatternsOptimisticActions","_useBaseTableFeatures","_PatternsWizardOverridesContext","useTableFeatures","configuration","_configuration$sectio","_overrides$sections","collectionId","limit","reflectQueryInUrl","selectAllScope","selectionUpdateMode","collection","filterComponent","filtersObject","filterFieldMapping","useFilters","filters","customColumns","visibleFieldIds","columns","onRowClick","stickyColumns","stickySelectionColumn","showTitleBar","useBaseTableFeatures","fetchData","useFetchData","searchableFieldIds","schema","useSchema","overrides","usePatternsWizardOverridesContext","state","useTableCollection","queryName","itemKey","item","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","optimisticActions","useAutoPatternsOptimisticActions","commonFeatures","useCommonCollectionFeatures","sections","id","renderSection","TableSections","undefined","exports"],"sources":["../../../src/hooks/useTableFeatures.tsx"],"sourcesContent":["import { TableConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { TableSections, useTableCollection } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useBaseTableFeatures } from './useBaseTableFeatures';\nimport { usePatternsWizardOverridesContext } from '../providers/PatternsWizardOverridesContext';\n\nexport const useTableFeatures = (configuration: TableConfig) => {\n  const {\n    collectionId,\n    limit,\n    reflectQueryInUrl,\n    selectAllScope,\n    selectionUpdateMode,\n  } = configuration.collection;\n\n  const { filterComponent, filtersObject, filterFieldMapping } = useFilters(\n    configuration.filters,\n  );\n  const {\n    customColumns,\n    visibleFieldIds,\n    columns,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n  } = useBaseTableFeatures(configuration);\n\n  const { fetchData } = useFetchData({\n    searchableFieldIds: visibleFieldIds,\n    filterFieldMapping,\n  });\n\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n\n  const state = useTableCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (item) => item[schema.idField],\n    itemName: (item) => item[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (item) => item.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl: reflectQueryInUrl,\n    disableAutoSelectAllCount: selectAllScope === 'page',\n    selectionConsistencyMode: selectionUpdateMode,\n  });\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    optimisticActions,\n  });\n\n  const sections =\n    configuration.sections?.id &&\n    overrides?.sections?.[configuration.sections.id]\n      ? {\n          renderSection: overrides.sections[configuration.sections.id],\n          TableSections,\n        }\n      : undefined;\n\n  return {\n    ...commonFeatures,\n    state,\n    columns,\n    filters: filterComponent,\n    optimisticActions,\n    customColumns,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n    sections,\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,qBAAA,GAAAN,OAAA;AACA,IAAAO,+BAAA,GAAAP,OAAA;AAEO,MAAMQ,gBAAgB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA,EAAAC,mBAAA;EAC9D,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,cAAc;IACdC;EACF,CAAC,GAAGP,aAAa,CAACQ,UAAU;EAE5B,MAAM;IAAEC,eAAe;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAU,EACvEZ,aAAa,CAACa,OAChB,CAAC;EACD,MAAM;IACJC,aAAa;IACbC,eAAe;IACfC,OAAO;IACPC,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrBC;EACF,CAAC,GAAG,IAAAC,0CAAoB,EAACrB,aAAa,CAAC;EAEvC,MAAM;IAAEsB;EAAU,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjCC,kBAAkB,EAAET,eAAe;IACnCJ;EACF,CAAC,CAAC;EAEF,MAAMc,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAMC,SAAS,GAAG,IAAAC,iEAAiC,EAAC,CAAC;EAErD,MAAMC,KAAK,GAAG,IAAAC,4BAAkB,EAAM;IACpCC,SAAS,EAAE,GAAG5B,YAAY,EAAE;IAC5B6B,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACR,MAAM,CAACS,OAAO,CAAC;IACvCC,QAAQ,EAAGF,IAAI,IAAKA,IAAI,CAACR,MAAM,CAACW,YAAY,CAAC;IAC7CvB,OAAO,EAAEH,aAAa;IACtB2B,gBAAgB,EAAGJ,IAAI,IAAKA,IAAI,CAACK,cAAc;IAC/CC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3ClB,SAAS;IACTlB,KAAK;IACLsC,iBAAiB,EAAErC,iBAAiB;IACpCsC,yBAAyB,EAAErC,cAAc,KAAK,MAAM;IACpDsC,wBAAwB,EAAErC;EAC5B,CAAC,CAAC;EAEF,MAAMsC,iBAAiB,GAAG,IAAAC,kEAAgC,EACxD3C,YAAY,EACZ0B,KAAK,CAACrB,UACR,CAAC;EAED,MAAMuC,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAGhD,aAAa;IAChB6C;EACF,CAAC,CAAC;EAEF,MAAMI,QAAQ,GACZ,CAAAhD,qBAAA,GAAAD,aAAa,CAACiD,QAAQ,aAAtBhD,qBAAA,CAAwBiD,EAAE,IAC1BvB,SAAS,aAAAzB,mBAAA,GAATyB,SAAS,CAAEsB,QAAQ,aAAnB/C,mBAAA,CAAsBF,aAAa,CAACiD,QAAQ,CAACC,EAAE,CAAC,GAC5C;IACEC,aAAa,EAAExB,SAAS,CAACsB,QAAQ,CAACjD,aAAa,CAACiD,QAAQ,CAACC,EAAE,CAAC;IAC5DE,aAAa,EAAbA;EACF,CAAC,GACDC,SAAS;EAEf,OAAO;IACL,GAAGN,cAAc;IACjBlB,KAAK;IACLb,OAAO;IACPH,OAAO,EAAEJ,eAAe;IACxBoC,iBAAiB;IACjB/B,aAAa;IACbG,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZ6B;EACF,CAAC;AACH,CAAC;AAACK,OAAA,CAAAvD,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/hooks/useTableGridSwitchFeatures.js

@@ -36,7 +36,8 @@ const useTableGridSwitchFeatures = config => {
     columns: tableColumns,
     onRowClick,
     stickyColumns,
-    stickySelectionColumn
+    stickySelectionColumn,
+    showTitleBar
   } = (0, _useBaseTableFeatures.useBaseTableFeatures)(config);
   const {
     fetchData: tableFetchData
@@ -78,7 +79,8 @@ const useTableGridSwitchFeatures = config => {
     // Grid specific features
     imagePlacement,
     preset,
-    renderItem
+    renderItem,
+    showTitleBar
   };
 };
 exports.useTableGridSwitchFeatures = useTableGridSwitchFeatures;

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

@@ -1 +1 @@
-{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_SchemaContext","_useAutoPatternsOptimisticActions","_useBaseGridFeatures","_useBaseTableFeatures","useTableGridSwitchFeatures","config","schema","useSchema","collectionId","limit","reflectQueryInUrl","selectAllScope","selectionUpdateMode","collection","filterComponent","filtersObject","filterFieldMapping","useFilters","filters","preset","imagePlacement","visibleFieldIds","gridVisibleFieldIds","renderItem","useBaseGridFeatures","customColumns","tableVisibleFieldIds","columns","tableColumns","onRowClick","stickyColumns","stickySelectionColumn","useBaseTableFeatures","fetchData","tableFetchData","useFetchData","searchableFieldIds","Array","from","Set","state","useTableGridSwitchCollection","queryName","itemKey","item","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","optimisticActions","useAutoPatternsOptimisticActions","commonFeatures","useCommonCollectionFeatures","horizontalScroll","exports"],"sources":["../../../src/hooks/useTableGridSwitchFeatures.tsx"],"sourcesContent":["import { TableGridSwitchConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useTableGridSwitchCollection } 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 { useBaseTableFeatures } from './useBaseTableFeatures';\n\nexport const useTableGridSwitchFeatures = (config: TableGridSwitchConfig) => {\n  const schema = useSchema();\n\n  const {\n    collectionId,\n    limit,\n    reflectQueryInUrl,\n    selectAllScope,\n    selectionUpdateMode,\n  } = config.collection;\n\n  const { filterComponent, filtersObject, filterFieldMapping } = useFilters(\n    config.filters,\n  );\n\n  const {\n    preset,\n    imagePlacement,\n    visibleFieldIds: gridVisibleFieldIds,\n    renderItem,\n  } = useBaseGridFeatures(config);\n\n  const {\n    customColumns,\n    visibleFieldIds: tableVisibleFieldIds,\n    columns: tableColumns,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n  } = useBaseTableFeatures(config);\n\n  const { fetchData: tableFetchData } = useFetchData({\n    searchableFieldIds: Array.from(\n      new Set([...tableVisibleFieldIds, ...gridVisibleFieldIds]),\n    ),\n    filterFieldMapping,\n  });\n\n  const state = useTableGridSwitchCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (item) => item[schema.idField],\n    itemName: (item) => item[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (item) => item.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData: tableFetchData,\n    limit,\n    persistQueryToUrl: reflectQueryInUrl,\n    disableAutoSelectAllCount: selectAllScope === 'page',\n    selectionConsistencyMode: selectionUpdateMode,\n  });\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...config,\n    optimisticActions,\n  });\n\n  return {\n    ...commonFeatures,\n    state,\n    columns: tableColumns,\n    filters: filterComponent,\n    optimisticActions,\n    customColumns,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    horizontalScroll: true,\n    // Grid specific features\n    imagePlacement,\n    preset,\n    renderItem,\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,qBAAA,GAAAP,OAAA;AAEO,MAAMQ,0BAA0B,GAAIC,MAA6B,IAAK;EAC3E,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,cAAc;IACdC;EACF,CAAC,GAAGP,MAAM,CAACQ,UAAU;EAErB,MAAM;IAAEC,eAAe;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAU,EACvEZ,MAAM,CAACa,OACT,CAAC;EAED,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,eAAe,EAAEC,mBAAmB;IACpCC;EACF,CAAC,GAAG,IAAAC,wCAAmB,EAACnB,MAAM,CAAC;EAE/B,MAAM;IACJoB,aAAa;IACbJ,eAAe,EAAEK,oBAAoB;IACrCC,OAAO,EAAEC,YAAY;IACrBC,UAAU;IACVC,aAAa;IACbC;EACF,CAAC,GAAG,IAAAC,0CAAoB,EAAC3B,MAAM,CAAC;EAEhC,MAAM;IAAE4B,SAAS,EAAEC;EAAe,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjDC,kBAAkB,EAAEC,KAAK,CAACC,IAAI,CAC5B,IAAIC,GAAG,CAAC,CAAC,GAAGb,oBAAoB,EAAE,GAAGJ,mBAAmB,CAAC,CAC3D,CAAC;IACDN;EACF,CAAC,CAAC;EAEF,MAAMwB,KAAK,GAAG,IAAAC,sCAA4B,EAAM;IAC9CC,SAAS,EAAE,GAAGlC,YAAY,EAAE;IAC5BmC,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACtC,MAAM,CAACuC,OAAO,CAAC;IACvCC,QAAQ,EAAGF,IAAI,IAAKA,IAAI,CAACtC,MAAM,CAACyC,YAAY,CAAC;IAC7C7B,OAAO,EAAEH,aAAa;IACtBiC,gBAAgB,EAAGJ,IAAI,IAAKA,IAAI,CAACK,cAAc;IAC/CC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3ClB,SAAS,EAAEC,cAAc;IACzBzB,KAAK;IACL4C,iBAAiB,EAAE3C,iBAAiB;IACpC4C,yBAAyB,EAAE3C,cAAc,KAAK,MAAM;IACpD4C,wBAAwB,EAAE3C;EAC5B,CAAC,CAAC;EAEF,MAAM4C,iBAAiB,GAAG,IAAAC,kEAAgC,EACxDjD,YAAY,EACZgC,KAAK,CAAC3B,UACR,CAAC;EAED,MAAM6C,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAGtD,MAAM;IACTmD;EACF,CAAC,CAAC;EAEF,OAAO;IACL,GAAGE,cAAc;IACjBlB,KAAK;IACLb,OAAO,EAAEC,YAAY;IACrBV,OAAO,EAAEJ,eAAe;IACxB0C,iBAAiB;IACjB/B,aAAa;IACbI,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrB6B,gBAAgB,EAAE,IAAI;IACtB;IACAxC,cAAc;IACdD,MAAM;IACNI;EACF,CAAC;AACH,CAAC;AAACsC,OAAA,CAAAzD,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_useFetchData","require","_patterns","_useCommonCollectionFeatures","_useFilters","_SchemaContext","_useAutoPatternsOptimisticActions","_useBaseGridFeatures","_useBaseTableFeatures","useTableGridSwitchFeatures","config","schema","useSchema","collectionId","limit","reflectQueryInUrl","selectAllScope","selectionUpdateMode","collection","filterComponent","filtersObject","filterFieldMapping","useFilters","filters","preset","imagePlacement","visibleFieldIds","gridVisibleFieldIds","renderItem","useBaseGridFeatures","customColumns","tableVisibleFieldIds","columns","tableColumns","onRowClick","stickyColumns","stickySelectionColumn","showTitleBar","useBaseTableFeatures","fetchData","tableFetchData","useFetchData","searchableFieldIds","Array","from","Set","state","useTableGridSwitchCollection","queryName","itemKey","item","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","optimisticActions","useAutoPatternsOptimisticActions","commonFeatures","useCommonCollectionFeatures","horizontalScroll","exports"],"sources":["../../../src/hooks/useTableGridSwitchFeatures.tsx"],"sourcesContent":["import { TableGridSwitchConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useTableGridSwitchCollection } 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 { useBaseTableFeatures } from './useBaseTableFeatures';\n\nexport const useTableGridSwitchFeatures = (config: TableGridSwitchConfig) => {\n  const schema = useSchema();\n\n  const {\n    collectionId,\n    limit,\n    reflectQueryInUrl,\n    selectAllScope,\n    selectionUpdateMode,\n  } = config.collection;\n\n  const { filterComponent, filtersObject, filterFieldMapping } = useFilters(\n    config.filters,\n  );\n\n  const {\n    preset,\n    imagePlacement,\n    visibleFieldIds: gridVisibleFieldIds,\n    renderItem,\n  } = useBaseGridFeatures(config);\n\n  const {\n    customColumns,\n    visibleFieldIds: tableVisibleFieldIds,\n    columns: tableColumns,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n  } = useBaseTableFeatures(config);\n\n  const { fetchData: tableFetchData } = useFetchData({\n    searchableFieldIds: Array.from(\n      new Set([...tableVisibleFieldIds, ...gridVisibleFieldIds]),\n    ),\n    filterFieldMapping,\n  });\n\n  const state = useTableGridSwitchCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (item) => item[schema.idField],\n    itemName: (item) => item[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (item) => item.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData: tableFetchData,\n    limit,\n    persistQueryToUrl: reflectQueryInUrl,\n    disableAutoSelectAllCount: selectAllScope === 'page',\n    selectionConsistencyMode: selectionUpdateMode,\n  });\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...config,\n    optimisticActions,\n  });\n\n  return {\n    ...commonFeatures,\n    state,\n    columns: tableColumns,\n    filters: filterComponent,\n    optimisticActions,\n    customColumns,\n    onRowClick,\n    stickyColumns,\n    stickySelectionColumn,\n    horizontalScroll: true,\n    // Grid specific features\n    imagePlacement,\n    preset,\n    renderItem,\n    showTitleBar,\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,qBAAA,GAAAP,OAAA;AAEO,MAAMQ,0BAA0B,GAAIC,MAA6B,IAAK;EAC3E,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAE1B,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,cAAc;IACdC;EACF,CAAC,GAAGP,MAAM,CAACQ,UAAU;EAErB,MAAM;IAAEC,eAAe;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAU,EACvEZ,MAAM,CAACa,OACT,CAAC;EAED,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,eAAe,EAAEC,mBAAmB;IACpCC;EACF,CAAC,GAAG,IAAAC,wCAAmB,EAACnB,MAAM,CAAC;EAE/B,MAAM;IACJoB,aAAa;IACbJ,eAAe,EAAEK,oBAAoB;IACrCC,OAAO,EAAEC,YAAY;IACrBC,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrBC;EACF,CAAC,GAAG,IAAAC,0CAAoB,EAAC5B,MAAM,CAAC;EAEhC,MAAM;IAAE6B,SAAS,EAAEC;EAAe,CAAC,GAAG,IAAAC,0BAAY,EAAC;IACjDC,kBAAkB,EAAEC,KAAK,CAACC,IAAI,CAC5B,IAAIC,GAAG,CAAC,CAAC,GAAGd,oBAAoB,EAAE,GAAGJ,mBAAmB,CAAC,CAC3D,CAAC;IACDN;EACF,CAAC,CAAC;EAEF,MAAMyB,KAAK,GAAG,IAAAC,sCAA4B,EAAM;IAC9CC,SAAS,EAAE,GAAGnC,YAAY,EAAE;IAC5BoC,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACvC,MAAM,CAACwC,OAAO,CAAC;IACvCC,QAAQ,EAAGF,IAAI,IAAKA,IAAI,CAACvC,MAAM,CAAC0C,YAAY,CAAC;IAC7C9B,OAAO,EAAEH,aAAa;IACtBkC,gBAAgB,EAAGJ,IAAI,IAAKA,IAAI,CAACK,cAAc;IAC/CC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3ClB,SAAS,EAAEC,cAAc;IACzB1B,KAAK;IACL6C,iBAAiB,EAAE5C,iBAAiB;IACpC6C,yBAAyB,EAAE5C,cAAc,KAAK,MAAM;IACpD6C,wBAAwB,EAAE5C;EAC5B,CAAC,CAAC;EAEF,MAAM6C,iBAAiB,GAAG,IAAAC,kEAAgC,EACxDlD,YAAY,EACZiC,KAAK,CAAC5B,UACR,CAAC;EAED,MAAM8C,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IACjD,GAAGvD,MAAM;IACToD;EACF,CAAC,CAAC;EAEF,OAAO;IACL,GAAGE,cAAc;IACjBlB,KAAK;IACLd,OAAO,EAAEC,YAAY;IACrBV,OAAO,EAAEJ,eAAe;IACxB2C,iBAAiB;IACjBhC,aAAa;IACbI,UAAU;IACVC,aAAa;IACbC,qBAAqB;IACrB8B,gBAAgB,EAAE,IAAI;IACtB;IACAzC,cAAc;IACdD,MAAM;IACNI,UAAU;IACVS;EACF,CAAC;AACH,CAAC;AAAC8B,OAAA,CAAA1D,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/providers/PatternsWizardOverridesContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PatternsWizardOverridesContext","createContext","undefined","PatternsWizardOverridesProvider","children","value","createElement","Provider","__self","__source","fileName","lineNumber","columnNumber","exports","usePatternsWizardOverridesContext","useContext"],"sources":["../../../src/providers/PatternsWizardOverridesContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from 'react';\nimport {\n  CustomComponentProps,\n  EntityPageMoreActionsActionParams,\n  IColumnValue,\n  SchemaConfig,\n} from '../types';\n\nimport { Section } from '@wix/patterns';\n\nimport { CustomActionParams, ResolvedAction } from '../utils/actions/types';\nimport {\n  CollectionPageActionOnRowClickParams,\n  CollectionPageActionParams,\n} from '../types/actions/collectionPageActions';\nimport { ActionCellActionParams } from '../types/actions/actionCell';\n\nexport interface PatternsWizardOverridesContextProps {\n  actions?: Record<\n    string,\n    (\n      props: CustomActionParams<\n        | EntityPageMoreActionsActionParams\n        | CollectionPageActionParams\n        | ActionCellActionParams\n        | CollectionPageActionOnRowClickParams\n      >,\n    ) => ResolvedAction\n  >;\n  columns?: Record<string, (props: IColumnValue<any>) => void>;\n  modals?: Record<string, React.FC<any>>;\n  HeaderAddon?: React.FC;\n  emptyState?: Record<string, () => void>;\n  components?: Record<string, React.FC<CustomComponentProps>>;\n  customDataSources?: Record<\n    string,\n    (collectionId: string, context: any) => Promise<SchemaConfig>\n  >;\n  sections?: Record<string, (item: any) => Section>;\n}\n\nconst PatternsWizardOverridesContext = createContext<\n  PatternsWizardOverridesContextProps | undefined\n>(undefined);\n\nexport const PatternsWizardOverridesProvider: React.FC<{\n  children: ReactNode;\n  value: PatternsWizardOverridesContextProps;\n}> = ({ children, value }) => {\n  return (\n    <PatternsWizardOverridesContext.Provider value={value}>\n      {children}\n    </PatternsWizardOverridesContext.Provider>\n  );\n};\n\nexport const usePatternsWizardOverridesContext = ():\n  | PatternsWizardOverridesContextProps\n  | undefined => {\n  return useContext(PatternsWizardOverridesContext);\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,IAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAyCpE,MAAMW,8BAA8B,gBAAG,IAAAC,oBAAa,EAElDC,SAAS,CAAC;AAEL,MAAMC,+BAGX,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EAC5B,oBACE7B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACN,8BAA8B,CAACO,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDR,QACsC,CAAC;AAE9C,CAAC;AAACS,OAAA,CAAAV,+BAAA,GAAAA,+BAAA;AAEK,MAAMW,iCAAiC,GAAGA,CAAA,KAEhC;EACf,OAAO,IAAAC,iBAAU,EAACf,8BAA8B,CAAC;AACnD,CAAC;AAACa,OAAA,CAAAC,iCAAA,GAAAA,iCAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PatternsWizardOverridesContext","createContext","undefined","PatternsWizardOverridesProvider","children","value","createElement","Provider","__self","__source","fileName","lineNumber","columnNumber","exports","usePatternsWizardOverridesContext","useContext"],"sources":["../../../src/providers/PatternsWizardOverridesContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from 'react';\nimport {\n  CustomComponentProps,\n  EntityPageMoreActionsActionParams,\n  IColumnValue,\n  SchemaConfig,\n} from '../types';\n\nimport { Section } from '@wix/patterns';\n\nimport { CustomActionParams, ResolvedAction } from '../utils/actions/types';\nimport {\n  CollectionPageActionOnRowClickParams,\n  CollectionPageActionParams,\n} from '../types/actions/collectionPageActions';\nimport { ActionCellActionParams } from '../types/actions/actionCell';\n\nexport interface PatternsWizardOverridesContextProps {\n  actions?: Record<\n    string,\n    (\n      props: CustomActionParams<\n        | EntityPageMoreActionsActionParams\n        | CollectionPageActionParams\n        | ActionCellActionParams\n        | CollectionPageActionOnRowClickParams\n      >,\n    ) => ResolvedAction\n  >;\n  columns?: Record<string, (props: IColumnValue<any>) => void>;\n  modals?: Record<string, React.FC<any>>;\n  emptyState?: Record<string, () => void>;\n  components?: Record<string, React.FC<CustomComponentProps>>;\n  slots?: Record<string, React.FC>;\n  customDataSources?: Record<\n    string,\n    (collectionId: string, context: any) => Promise<SchemaConfig>\n  >;\n  sections?: Record<string, (item: any) => Section>;\n}\n\nconst PatternsWizardOverridesContext = createContext<\n  PatternsWizardOverridesContextProps | undefined\n>(undefined);\n\nexport const PatternsWizardOverridesProvider: React.FC<{\n  children: ReactNode;\n  value: PatternsWizardOverridesContextProps;\n}> = ({ children, value }) => {\n  return (\n    <PatternsWizardOverridesContext.Provider value={value}>\n      {children}\n    </PatternsWizardOverridesContext.Provider>\n  );\n};\n\nexport const usePatternsWizardOverridesContext = ():\n  | PatternsWizardOverridesContextProps\n  | undefined => {\n  return useContext(PatternsWizardOverridesContext);\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,IAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAyCpE,MAAMW,8BAA8B,gBAAG,IAAAC,oBAAa,EAElDC,SAAS,CAAC;AAEL,MAAMC,+BAGX,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EAC5B,oBACE7B,MAAA,CAAAU,OAAA,CAAAoB,aAAA,CAACN,8BAA8B,CAACO,QAAQ;IAACF,KAAK,EAAEA,KAAM;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDR,QACsC,CAAC;AAE9C,CAAC;AAACS,OAAA,CAAAV,+BAAA,GAAAA,+BAAA;AAEK,MAAMW,iCAAiC,GAAGA,CAAA,KAEhC;EACf,OAAO,IAAAC,iBAAU,EAACf,8BAA8B,CAAC;AACnD,CAAC;AAACa,OAAA,CAAAC,iCAAA,GAAAA,iCAAA","ignoreList":[]}

package/dist/cjs/types/CollectionPageConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["ComponentTypeEnum","exports"],"sources":["../../../src/types/CollectionPageConfig.ts"],"sourcesContent":["import { CollectionToolbarFiltersProps } from '@wix/patterns';\nimport { DateRangeFilterMode, DateRangeOptions } from '@wix/patterns/core';\nimport { BaseCollectionConfig } from './types';\nimport {\n  ActionCellConfig,\n  BulkActionsConfig,\n  CollectionPageOnRowClickActionConfig,\n  CollectionPagePrimaryActions,\n  CollectionPageSecondaryActions,\n} from './actions';\n\nexport interface CollectionPageTitle {\n  text: string;\n  hideTotal?: boolean;\n}\n\nexport interface CollectionPageSubtitle {\n  text: string;\n  learnMore?: {\n    url: string;\n    label?: string;\n  };\n}\n\nexport interface CollectionPageConfig {\n  route: {\n    path: string;\n  };\n  title: CollectionPageTitle;\n  subtitle?: CollectionPageSubtitle;\n  actions?: {\n    primaryActions?: CollectionPagePrimaryActions;\n    secondaryActions?: CollectionPageSecondaryActions;\n  };\n  components: ComponentConfig[];\n}\n\nexport interface ComponentConfig extends BaseCollectionComponentConfig {\n  layout: LayoutItemConfig[];\n}\n\nexport interface LayoutItemConfig {\n  type: 'Table' | 'Grid';\n  table?: TableSpecificConfig;\n  grid?: GridSpecificConfig;\n}\n\nexport type ColumnsConfig = Column[];\n\nexport interface TableSpecificConfig {\n  columns: ColumnsConfig;\n  customColumns?: {\n    enabled: boolean;\n  };\n  stickyColumns?: number;\n  onRowClick?: CollectionPageOnRowClickActionConfig;\n  sections?: {\n    id: string;\n  };\n}\n\nexport interface GridSpecificConfig {\n  item: GridItem;\n}\n\nexport interface TableConfig\n  extends BaseCollectionComponentConfig,\n    TableSpecificConfig {}\nexport interface GridConfig\n  extends BaseCollectionComponentConfig,\n    GridSpecificConfig {}\nexport interface TableGridSwitchConfig\n  extends BaseCollectionComponentConfig,\n    TableSpecificConfig,\n    GridSpecificConfig {}\n\nexport type CollectionConfig = BaseCollectionConfig & {\n  limit?: number;\n  reflectQueryInUrl?: boolean;\n  selectAllScope?: 'page' | 'all';\n  selectionUpdateMode?: 'preserve' | 'clear';\n};\n\nexport interface BaseCollectionComponentConfig {\n  collection: CollectionConfig;\n  entityPageId?: string;\n  search?: { shown?: boolean };\n  toolbarTitle?: ToolbarTitle;\n  actionCell?: ActionCellConfig;\n  emptyState?: EmptyState;\n  filters?: FiltersConfig;\n  bulkActionToolbar?: BulkActionsConfig;\n}\n\nexport interface ToolbarTitle {\n  title: string;\n  subtitle?: {\n    text: string;\n    info?: {\n      content: {\n        text: string;\n        link?: {\n          url: string;\n          label: string;\n        };\n      };\n    };\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  showTotal?: boolean;\n  itemsLimit?: number;\n}\n\nexport interface Column {\n  id: string;\n  name: string;\n  width: string;\n  sortable?: boolean;\n  defaultSortOrder?: 'asc' | 'desc';\n  sortMode?: 'asc' | 'desc';\n  defaultHidden?: boolean;\n  hiddenFromCustomColumnsSelection?: boolean;\n  hideable?: boolean;\n  reorderDisabled?: boolean;\n}\n\nexport interface GridItem {\n  titleFieldId: string;\n  subtitleFieldId?: string;\n  imageFieldId?: string;\n  cardContentMode?: 'full' | 'title' | 'empty'; // Footer is not supported in auto-patterns\n  imagePlacement?: 'top' | 'side';\n}\n\nexport interface EmptyState {\n  title?: string;\n  subtitle?: string;\n  image?: {\n    id: string;\n  };\n  addNewCta?: {\n    id?: string;\n    text?: string;\n  };\n  customCta?: {\n    id?: string;\n  };\n}\n\nexport interface FilterOption {\n  value: string;\n  label: string;\n}\n\nexport type FilterSelectionMode = 'single' | 'multiple';\nexport type FilterOptionType =\n  | 'checkbox'\n  | 'inlineCheckbox'\n  | 'radio'\n  | 'select';\n\nexport enum ComponentTypeEnum {\n  SINGLE = 'single',\n  MULTI_SELECT = 'multi-select',\n  RADIO_GROUP = 'radio-group',\n  NUMBER = 'number',\n  DATE_RANGE = 'date-range',\n}\n\nexport type FilterItems = Filter[];\nexport interface FiltersConfig {\n  items: FilterItems;\n  maxInlineFilters?: CollectionToolbarFiltersProps['inline'];\n  panelTitle?: string;\n}\n\nexport interface BaseOptionsFilterConfig {\n  selectionMode: FilterSelectionMode;\n}\n\nexport interface DateFilterConfig {\n  mode?: DateRangeFilterMode;\n  presets?: DateRangeOptions;\n  includeTime?: boolean;\n}\n\nexport interface NumberFilterConfig {\n  min?: number;\n  max?: number;\n  allowedDecimals?: boolean;\n}\n\nexport interface BooleanFilterConfig {\n  trueLabel?: string;\n  falseLabel?: string;\n}\n\nexport interface EnumFilterConfig extends BaseOptionsFilterConfig {\n  options: FilterOption[];\n  optionType?: FilterOptionType;\n}\n\nexport interface DynamicOptionsFilterConfig extends BaseOptionsFilterConfig {}\n\nexport interface Filter {\n  id: string;\n  fieldId: string;\n  displayName?: string;\n  sectionTitle?: string;\n  openByDefault?: boolean;\n  tagLabel?: string;\n  numberConfig?: NumberFilterConfig;\n  dateConfig?: DateFilterConfig;\n  booleanConfig?: BooleanFilterConfig;\n  enumConfig?: EnumFilterConfig;\n  dynamicOptionsConfig?: DynamicOptionsFilterConfig;\n}\n"],"mappings":";;;;IAoKYA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}
+{"version":3,"names":["ComponentTypeEnum","exports"],"sources":["../../../src/types/CollectionPageConfig.ts"],"sourcesContent":["import { CollectionToolbarFiltersProps } from '@wix/patterns';\nimport { DateRangeFilterMode, DateRangeOptions } from '@wix/patterns/core';\nimport { BaseCollectionConfig } from './types';\nimport {\n  ActionCellConfig,\n  BulkActionsConfig,\n  CollectionPageOnRowClickActionConfig,\n  CollectionPagePrimaryActions,\n  CollectionPageSecondaryActions,\n} from './actions';\n\nexport interface CollectionPageTitle {\n  text: string;\n  hideTotal?: boolean;\n}\n\nexport interface CollectionPageSubtitle {\n  text: string;\n  learnMore?: {\n    url: string;\n    label?: string;\n  };\n}\n\nexport interface CollectionPageConfig {\n  route: {\n    path: string;\n  };\n  title: CollectionPageTitle;\n  subtitle?: CollectionPageSubtitle;\n  actions?: {\n    primaryActions?: CollectionPagePrimaryActions;\n    secondaryActions?: CollectionPageSecondaryActions;\n  };\n  components: ComponentConfig[];\n}\n\nexport interface CollectionComponentConfig\n  extends BaseCollectionComponentConfig {\n  type: 'collection';\n  layout: LayoutItemConfig[];\n}\n\nexport interface CustomComponentConfig {\n  type: 'custom';\n  id: string;\n}\n\nexport type ComponentConfig = CollectionComponentConfig | CustomComponentConfig;\n\nexport interface LayoutItemConfig {\n  type: 'Table' | 'Grid';\n  table?: TableSpecificConfig;\n  grid?: GridSpecificConfig;\n}\n\nexport type ColumnsConfig = Column[];\n\nexport interface TableSpecificConfig {\n  columns: ColumnsConfig;\n  customColumns?: {\n    enabled: boolean;\n  };\n  stickyColumns?: number;\n  onRowClick?: CollectionPageOnRowClickActionConfig;\n  showTitleBar?: boolean;\n  sections?: {\n    id: string;\n  };\n}\n\nexport interface GridSpecificConfig {\n  item: GridItem;\n}\n\nexport interface TableConfig\n  extends BaseCollectionComponentConfig,\n    TableSpecificConfig {}\nexport interface GridConfig\n  extends BaseCollectionComponentConfig,\n    GridSpecificConfig {}\nexport interface TableGridSwitchConfig\n  extends BaseCollectionComponentConfig,\n    TableSpecificConfig,\n    GridSpecificConfig {}\n\nexport type CollectionConfig = BaseCollectionConfig & {\n  limit?: number;\n  reflectQueryInUrl?: boolean;\n  selectAllScope?: 'page' | 'all';\n  selectionUpdateMode?: 'preserve' | 'clear';\n};\n\nexport interface BaseCollectionComponentConfig {\n  collection: CollectionConfig;\n  entityPageId?: string;\n  search?: { shown?: boolean };\n  toolbarTitle?: ToolbarTitle;\n  actionCell?: ActionCellConfig;\n  emptyState?: EmptyState;\n  filters?: FiltersConfig;\n  bulkActionToolbar?: BulkActionsConfig;\n}\n\nexport interface ToolbarTitle {\n  title: string;\n  subtitle?: {\n    text: string;\n    info?: {\n      content: {\n        text: string;\n        link?: {\n          url: string;\n          label: string;\n        };\n      };\n    };\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  showTotal?: boolean;\n  itemsLimit?: number;\n}\n\nexport interface Column {\n  id: string;\n  name: string;\n  width: string;\n  sortable?: boolean;\n  defaultSortOrder?: 'asc' | 'desc';\n  sortMode?: 'asc' | 'desc';\n  defaultHidden?: boolean;\n  hiddenFromCustomColumnsSelection?: boolean;\n  hideable?: boolean;\n  reorderDisabled?: boolean;\n}\n\nexport interface GridItem {\n  titleFieldId: string;\n  subtitleFieldId?: string;\n  imageFieldId?: string;\n  cardContentMode?: 'full' | 'title' | 'empty'; // Footer is not supported in auto-patterns\n  imagePlacement?: 'top' | 'side';\n}\n\nexport interface EmptyState {\n  title?: string;\n  subtitle?: string;\n  image?: {\n    id: string;\n  };\n  addNewCta?: {\n    id?: string;\n    text?: string;\n  };\n  customCta?: {\n    id?: string;\n  };\n}\n\nexport interface FilterOption {\n  value: string;\n  label: string;\n}\n\nexport type FilterSelectionMode = 'single' | 'multiple';\nexport type FilterOptionType =\n  | 'checkbox'\n  | 'inlineCheckbox'\n  | 'radio'\n  | 'select';\n\nexport enum ComponentTypeEnum {\n  SINGLE = 'single',\n  MULTI_SELECT = 'multi-select',\n  RADIO_GROUP = 'radio-group',\n  NUMBER = 'number',\n  DATE_RANGE = 'date-range',\n}\n\nexport type FilterItems = Filter[];\nexport interface FiltersConfig {\n  items: FilterItems;\n  maxInlineFilters?: CollectionToolbarFiltersProps['inline'];\n  panelTitle?: string;\n}\n\nexport interface BaseOptionsFilterConfig {\n  selectionMode: FilterSelectionMode;\n}\n\nexport interface DateFilterConfig {\n  mode?: DateRangeFilterMode;\n  presets?: DateRangeOptions;\n  includeTime?: boolean;\n}\n\nexport interface NumberFilterConfig {\n  min?: number;\n  max?: number;\n  allowedDecimals?: boolean;\n}\n\nexport interface BooleanFilterConfig {\n  trueLabel?: string;\n  falseLabel?: string;\n}\n\nexport interface EnumFilterConfig extends BaseOptionsFilterConfig {\n  options: FilterOption[];\n  optionType?: FilterOptionType;\n}\n\nexport interface DynamicOptionsFilterConfig extends BaseOptionsFilterConfig {}\n\nexport interface Filter {\n  id: string;\n  fieldId: string;\n  displayName?: string;\n  sectionTitle?: string;\n  openByDefault?: boolean;\n  tagLabel?: string;\n  numberConfig?: NumberFilterConfig;\n  dateConfig?: DateFilterConfig;\n  booleanConfig?: BooleanFilterConfig;\n  enumConfig?: EnumFilterConfig;\n  dynamicOptionsConfig?: DynamicOptionsFilterConfig;\n}\n"],"mappings":";;;;IA8KYA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAjBA,iBAAiB;EAAA,OAAjBA,iBAAiB;AAAA","ignoreList":[]}

package/dist/cjs/types/actions/actionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/types/actions/actionCell.ts"],"sourcesContent":["import {\n  CustomActionModalProps,\n  CustomActionParams,\n  ResolvedAction,\n} from '../../exports/types';\nimport {\n  CustomActionConfig,\n  DeleteActionConfig,\n  UpdateActionConfig,\n  DividerActionConfig,\n} from './base';\n\nexport type ActionCellItemConfig =\n  | UpdateActionConfig\n  | CustomActionConfig\n  | DeleteActionConfig;\n\nexport interface ActionCellPrimaryAction {\n  item: ActionCellItemConfig;\n}\n\nexport interface ActionCellSecondaryActions {\n  items: (ActionCellItemConfig | DividerActionConfig)[];\n  inlineCount?: number;\n  inlineAlwaysVisible?: boolean;\n}\n\nexport interface ActionCellConfig {\n  primaryAction?: ActionCellPrimaryAction;\n  secondaryActions?: ActionCellSecondaryActions;\n}\n\nexport interface ActionCellActionParams {\n  item: any;\n}\n\nexport type CustomActionCellActionParams =\n  CustomActionParams<ActionCellActionParams>;\n\nexport type CustomActionCellActionResolver = (\n  params: CustomActionCellActionParams,\n) => ResolvedAction;\n\nexport interface CustomActionCellActionModalProps\n  extends CustomActionModalProps {\n  actionParams: ActionCellActionParams;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/types/actions/actionCell.ts"],"sourcesContent":["import {\n  CustomActionModalProps,\n  CustomActionParams,\n  ResolvedAction,\n} from '../../exports/types';\nimport {\n  CustomActionConfig,\n  DeleteActionConfig,\n  UpdateActionConfig,\n  DividerActionConfig,\n} from './base';\n\nexport type ActionCellItemConfig =\n  | UpdateActionConfig\n  | CustomActionConfig\n  | DeleteActionConfig;\n\nexport interface ActionCellPrimaryAction {\n  item: ActionCellItemConfig;\n  alwaysVisible?: boolean;\n}\n\nexport interface ActionCellSecondaryActions {\n  items: (ActionCellItemConfig | DividerActionConfig)[];\n  inlineCount?: number;\n  inlineAlwaysVisible?: boolean;\n}\n\nexport interface ActionCellConfig {\n  primaryAction?: ActionCellPrimaryAction;\n  secondaryActions?: ActionCellSecondaryActions;\n}\n\nexport interface ActionCellActionParams {\n  item: any;\n}\n\nexport type CustomActionCellActionParams =\n  CustomActionParams<ActionCellActionParams>;\n\nexport type CustomActionCellActionResolver = (\n  params: CustomActionCellActionParams,\n) => ResolvedAction;\n\nexport interface CustomActionCellActionModalProps\n  extends CustomActionModalProps {\n  actionParams: ActionCellActionParams;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/docs/action_cell.md

@@ -10,6 +10,10 @@ The ActionCell has a two-level structure:
 
 Both properties are optional, but at least one should be provided for the ActionCell to be useful.
 
+### Primary Action Visibility Control
+
+**New Feature**: Primary actions now support visibility control through the `alwaysVisible` property. By default, primary actions follow standard table interaction patterns (typically visible on hover), but you can configure them to be always visible for improved accessibility and user discovery.
+
 ### Inline Secondary Actions
 
 **New Feature**: By default, all secondary actions are hidden in a popover menu that appears when the user hovers over or clicks the "more actions" button. However, you can now configure some secondary actions to display inline directly in the table row for improved accessibility and reduced clicks.
@@ -214,17 +218,21 @@ Follow this decision process when implementing ActionCell:
    - Most common operation (typically Edit) → Place in `primaryAction.item`
    - Less common operations → Place in `secondaryActions.items` array
 
-3. **Inline Secondary Actions Strategy**:
+3. **Primary Action Visibility Strategy**:
+   - **Standard Visibility** (`alwaysVisible: false` or omitted): Use for most cases where actions appear on interaction
+   - **Always Visible** (`alwaysVisible: true`): Use for critical actions that need constant visibility or when user discovery is important
+
+4. **Inline Secondary Actions Strategy**:
    - **Action Prioritization**: Order `secondaryActions.items` by frequency of use (most used first)
    - **Inline Count**: Use `inlineCount: 1-3` for optimal UX (avoid cluttering)
    - **Visibility Control**:
      - Use `inlineAlwaysVisible: false` (default) for cleaner visual appearance
      - Use `inlineAlwaysVisible: true` only for critical actions requiring constant visibility
 
-4. **Update Action Mode**:
+5. **Update Action Mode**:
    - Complex, full-entity edits → Use `mode: "page"` to navigate to entity page
 
-5. **Custom Implementation**:
+6. **Custom Implementation**:
    - For `custom` actions, you must provide implementations in your code and register them with `PatternsWizardOverridesProvider`
 
 ### ActionCell Validation Checklist
@@ -238,6 +246,8 @@ AI agents should verify these requirements before generating ActionCell configur
 ✓ Delete action has a modal configuration
 ✓ Custom actions match implementations in overrides
 ✓ At least one of `primaryAction` or `secondaryActions` is provided
+✓ `alwaysVisible` property on primary actions (if specified) is a boolean value
+✓ Primary action visibility is properly considered for UX (use `alwaysVisible: true` for critical actions)
 ✓ `inlineCount` (if specified) is a non-negative number ≤ total secondary actions count
 ✓ `inlineAlwaysVisible` (if specified) is a boolean value
 ✓ Inline secondary actions configuration is applied only when secondary actions exist

package/dist/docs/app_config_structure.md

@@ -69,8 +69,9 @@ export interface AppConfig {
           menu?: {}; // Same structure as primaryActions.menu
         };
       };
-      components: [
+      components: [ // Array of component configurations that can be collection components or custom slot components
         {
+          type: 'collection'; // Component type for collection rendering (table/grid with full features)
           entityPageId?: string; // ID of the entity page to navigate to when clicking a row
           collection: {
             collectionId: string; // ID of the Wix Data collection
@@ -171,6 +172,7 @@ export interface AppConfig {
                   };
                 };
               };
+              alwaysVisible?: boolean; // Whether to always show the primary action (not just on hover)
             };
             secondaryActions?: {
               items: {}[]; // Array of action configurations, same structure as primaryAction.item, can include dividers
@@ -266,6 +268,7 @@ export interface AppConfig {
                   enabled: boolean; // Enable user customization (hide/reorder columns)
                 };
                 stickyColumns?: number; // Number of columns to make sticky from the start. Sticky columns remain visible when horizontally scrolling.
+                showTitleBar?: boolean; // Whether to show the table column headers. Default: true
               };
             },
             {
@@ -287,6 +290,10 @@ export interface AppConfig {
               };
             }
           ]; // End of layout array
+        } |
+        {
+          type: 'custom'; // Component type for custom slot components
+          id: string; // Unique identifier that maps to a custom React component provided through PatternsWizardOverridesProvider slots
         }
       ]; // End of components array
     };
@@ -363,7 +370,6 @@ type LayoutContent =
         componentId: string;
       };
     };
-```
 
 ---
 

package/dist/docs/auto-patterns-guide.md

@@ -147,8 +147,9 @@ export interface AppConfig {
           menu?: {}; // Same structure as primaryActions.menu
         };
       };
-      components: [
+      components: [ // Array of component configurations that can be collection components or custom slot components
         {
+          type: 'collection'; // Component type for collection rendering (table/grid with full features)
           entityPageId?: string; // ID of the entity page to navigate to when clicking a row
           collection: {
             collectionId: string; // ID of the Wix Data collection
@@ -249,6 +250,7 @@ export interface AppConfig {
                   };
                 };
               };
+              alwaysVisible?: boolean; // Whether to always show the primary action (not just on hover)
             };
             secondaryActions?: {
               items: {}[]; // Array of action configurations, same structure as primaryAction.item, can include dividers
@@ -344,6 +346,7 @@ export interface AppConfig {
                   enabled: boolean; // Enable user customization (hide/reorder columns)
                 };
                 stickyColumns?: number; // Number of columns to make sticky from the start. Sticky columns remain visible when horizontally scrolling.
+                showTitleBar?: boolean; // Whether to show the table column headers. Default: true
               };
             },
             {
@@ -365,6 +368,10 @@ export interface AppConfig {
               };
             }
           ]; // End of layout array
+        } |
+        {
+          type: 'custom'; // Component type for custom slot components
+          id: string; // Unique identifier that maps to a custom React component provided through PatternsWizardOverridesProvider slots
         }
       ]; // End of components array
     };
@@ -441,7 +448,6 @@ type LayoutContent =
         componentId: string;
       };
     };
-```
 
 ---
 
@@ -1356,6 +1362,10 @@ The ActionCell has a two-level structure:
 
 Both properties are optional, but at least one should be provided for the ActionCell to be useful.
 
+### Primary Action Visibility Control
+
+**New Feature**: Primary actions now support visibility control through the `alwaysVisible` property. By default, primary actions follow standard table interaction patterns (typically visible on hover), but you can configure them to be always visible for improved accessibility and user discovery.
+
 ### Inline Secondary Actions
 
 **New Feature**: By default, all secondary actions are hidden in a popover menu that appears when the user hovers over or clicks the "more actions" button. However, you can now configure some secondary actions to display inline directly in the table row for improved accessibility and reduced clicks.
@@ -1560,17 +1570,21 @@ Follow this decision process when implementing ActionCell:
    - Most common operation (typically Edit) → Place in `primaryAction.item`
    - Less common operations → Place in `secondaryActions.items` array
 
-3. **Inline Secondary Actions Strategy**:
+3. **Primary Action Visibility Strategy**:
+   - **Standard Visibility** (`alwaysVisible: false` or omitted): Use for most cases where actions appear on interaction
+   - **Always Visible** (`alwaysVisible: true`): Use for critical actions that need constant visibility or when user discovery is important
+
+4. **Inline Secondary Actions Strategy**:
    - **Action Prioritization**: Order `secondaryActions.items` by frequency of use (most used first)
    - **Inline Count**: Use `inlineCount: 1-3` for optimal UX (avoid cluttering)
    - **Visibility Control**:
      - Use `inlineAlwaysVisible: false` (default) for cleaner visual appearance
      - Use `inlineAlwaysVisible: true` only for critical actions requiring constant visibility
 
-4. **Update Action Mode**:
+5. **Update Action Mode**:
    - Complex, full-entity edits → Use `mode: "page"` to navigate to entity page
 
-5. **Custom Implementation**:
+6. **Custom Implementation**:
    - For `custom` actions, you must provide implementations in your code and register them with `PatternsWizardOverridesProvider`
 
 ### ActionCell Validation Checklist
@@ -1584,6 +1598,8 @@ AI agents should verify these requirements before generating ActionCell configur
 ✓ Delete action has a modal configuration
 ✓ Custom actions match implementations in overrides
 ✓ At least one of `primaryAction` or `secondaryActions` is provided
+✓ `alwaysVisible` property on primary actions (if specified) is a boolean value
+✓ Primary action visibility is properly considered for UX (use `alwaysVisible: true` for critical actions)
 ✓ `inlineCount` (if specified) is a non-negative number ≤ total secondary actions count
 ✓ `inlineAlwaysVisible` (if specified) is a boolean value
 ✓ Inline secondary actions configuration is applied only when secondary actions exist
@@ -2163,6 +2179,10 @@ your-page/
     │   ├── index.tsx                  // Exports useColumns hook
     │   ├── name.ts
     │   └── date.ts
+    ├── slots/                         // Custom slot components for collection pages
+    │   ├── index.tsx                  // Exports useSlots hook
+    │   ├── TopBannerComponent.tsx
+    │   └── BottomStatsComponent.tsx
     ├── customComponents/              // Custom entity page components
     │   ├── index.tsx                  // Exports useComponents hook
     │   ├── CustomNameField.tsx
@@ -2170,16 +2190,12 @@ your-page/
     ├── modals/                        // Custom modals
     │   ├── index.tsx                  // Exports useModals hook
     │   └── myCustomModal.tsx
-    └── customDataSources/             // Custom data sources
+    ├── customDataSources/             // Custom data sources
     │   ├── index.tsx                  // Exports useCustomDataSources hook
     │   └── myCustomDataSource.ts
-    ├── sections/                      // Section renderers
-    │   ├── index.tsx
-    │   └── groupByType.ts
-    └── customComponents/              // Custom entity page components
+    └── sections/                      // Section renderers
         ├── index.tsx
-        ├── CustomNameField.tsx
-        └── InfoCard.tsx
+        └── groupByType.ts
 ```
 
 ### Using Override Hooks in Your Page
@@ -2189,6 +2205,7 @@ In your page component, use the hook-based approach to access React context and
 ```tsx
 import { useActions } from '../components/actions';
 import { useColumns } from '../components/columns';
+import { useSlots } from '../components/slots';
 import { useSections } from '../components/sections';
 import { useComponents } from '../components/customComponents';
 import { useModals } from '../components/modals';
@@ -2197,13 +2214,14 @@ import { useCustomDataSources } from '../components/customDataSources';
 export default function YourPage() {
   const actions = useActions();
   const columns = useColumns();
+  const slots = useSlots();
   const sections = useSections();
   const components = useComponents();
   const modals = useModals();
   const customDataSources = useCustomDataSources();
 
   return (
-    <PatternsWizardOverridesProvider value={{ actions, columns, sections, components, modals, customDataSources }}>
+    <PatternsWizardOverridesProvider value={{ actions, columns, slots, sections, components, modals, customDataSources }}>
       <AutoPatternsApp configuration={config} />
     </PatternsWizardOverridesProvider>
   );
@@ -2212,12 +2230,13 @@ export default function YourPage() {
 
 ### Important: Updating Hook Index Files
 
-**When adding any new implementation (action, modal, column, section or component), you MUST update the corresponding hook in the `index.tsx` file to include your new implementation.** The main page component uses these hooks, so they serve as the central export point for each type of override.
+**When adding any new implementation (action, modal, column, slot, section or component), you MUST update the corresponding hook in the `index.tsx` file to include your new implementation.** The main page component uses these hooks, so they serve as the central export point for each type of override.
 
 For example:
 - Adding a new action → Update `../components/actions/index.tsx` to include the new action in the `useActions` hook
 - Adding a new modal → Update `../components/modals/index.tsx` to include the new modal in the `useModals` hook
 - Adding a new column override → Update `../components/columns/index.tsx` to include the new column in the `useColumns` hook
+- Adding a new slot component → Update `../components/slots/index.tsx` to include the new slot in the `useSlots` hook
 - Adding a new section renderer → Update `../components/sections/index.tsx` to include the new section in the `useSections` hook
 - Adding a new custom component → Update `../components/customComponents/index.tsx` to include the new component in the `useComponents` hook
 - Adding a new custom data source → Update `../components/customDataSources/index.tsx` to include the new data source in the `useCustomDataSources` hook
@@ -2947,6 +2966,10 @@ interface Section {
     prefixIcon?: React.ReactElement;
     onClick: () => void;
   };
+  badge?: {
+    visible: boolean;
+    skin?: 'light' | 'danger' | 'neutralLight';
+  };
 }
 ```
 
@@ -2954,6 +2977,7 @@ The section renderer receives an item and returns:
 - **id**: A unique identifier for the section (items with the same id are grouped together)
 - **title**: The text displayed in the section header
 - **primaryAction** (optional): An action button displayed in the section header
+- **badge** (optional): A badge configuration displayed in the section header
 
 #### Example: Section Renderer Implementation
 
@@ -2979,6 +3003,10 @@ export function groupByType(item: any): Section {
         console.log(`Showing all ${petType}s`);
       },
     },
+    badge: {
+      visible: true,
+      skin: 'light',
+    },
   };
 }
 ```
@@ -3001,16 +3029,20 @@ export function groupByAgeAndVaccination(item: any): Section {
 
   let sectionId: string;
   let sectionTitle: string;
+  let badgeSkin: 'light' | 'danger' | 'neutralLight' = 'light';
 
   if (age < 1) {
     sectionId = 'puppies';
     sectionTitle = 'Puppies (Under 1 year)';
+    badgeSkin = 'neutralLight';
   } else if (age >= 1 && age <= 5) {
     sectionId = isVaccinated ? 'young-vaccinated' : 'young-unvaccinated';
     sectionTitle = `Young Adults (1-5 years) - ${isVaccinated ? 'Vaccinated' : 'Not Vaccinated'}`;
+    badgeSkin = isVaccinated ? 'light' : 'danger';
   } else {
     sectionId = 'seniors';
     sectionTitle = 'Senior Pets (5+ years)';
+    badgeSkin = 'light';
   }
 
   return {
@@ -3023,6 +3055,10 @@ export function groupByAgeAndVaccination(item: any): Section {
         // Show special care information for puppies
       },
     } : undefined,
+    badge: {
+      visible: true,
+      skin: badgeSkin,
+    },
   };
 }
 ```
@@ -3051,4 +3087,156 @@ import * as actions from './components/actions';
 
 By implementing sections, you can significantly improve the user experience when dealing with large datasets by providing logical groupings that make information easier to find and understand.
 
+## Slots
+
+Slots allow you to inject custom React components into collection pages at specific points in the component hierarchy. Unlike other overrides that modify existing functionality, slots enable you to add entirely custom UI elements anywhere within the collection page components array.
+
+Slots are useful for:
+- Adding custom banners or announcements above or below the table/grid
+- Inserting analytics widgets or dashboards
+- Adding custom promotional content
+- Implementing page-specific functionality that doesn't fit into standard patterns
+
+### Configuration Structure
+
+Slots are configured in the collection page configuration using the `CustomComponentConfig` structure:
+
+```json
+{
+  "type": "custom",
+  "id": "myCustomSlot"
+}
+```
+
+**Key Properties:**
+- `type`: Must be set to `"custom"` to identify this as a slot component
+- `id`: A unique identifier that maps to your slot component implementation
+
+### Component Positioning
+
+Slot components can be positioned anywhere within the `components` array of a collection page. They will be rendered in the exact order specified in the configuration:
+
+```json
+{
+  "type": "collectionPage",
+  "collectionPage": {
+    "components": [
+      {
+        "type": "custom",
+        "id": "topBanner"
+      },
+      {
+        "type": "collection",
+        "collection": {
+          "collectionId": "MyCollection"
+        },
+        "layout": [...]
+      },
+      {
+        "type": "custom",
+        "id": "bottomStats"
+      }
+    ]
+  }
+}
+```
+
+This configuration will render:
+1. The custom `topBanner` component at the top
+2. The main collection component (table/grid) in the middle
+3. The custom `bottomStats` component at the bottom
+
+### Implementation Structure
+
+#### Creating Slot Components
+
+Slot components are standard React functional components that take no props:
+
+```tsx
+import React from 'react';
+import { Box, Card, Text, Button } from '@wix/design-system';
+
+export const TopBannerComponent: React.FC = () => {
+  return (
+    <Card>
+      <Card.Content>
+        <Box direction="vertical" gap={2}>
+          <Text size="large" weight="bold">Welcome to Pet Management</Text>
+          <Text>Manage all your pets from this central dashboard.</Text>
+          <Button size="small">Get Started</Button>
+        </Box>
+      </Card.Content>
+    </Card>
+  );
+};
+
+export const BottomStatsComponent: React.FC = () => {
+  return (
+    <Card>
+      <Card.Content>
+        <Box direction="horizontal" gap={4}>
+          <Box direction="vertical" gap={1}>
+            <Text size="large" weight="bold">47</Text>
+            <Text size="small">Total Pets</Text>
+          </Box>
+          <Box direction="vertical" gap={1}>
+            <Text size="large" weight="bold">12</Text>
+            <Text size="small">Available for Adoption</Text>
+          </Box>
+        </Box>
+      </Card.Content>
+    </Card>
+  );
+};
+```
+
+#### Creating the Slots Hook
+
+In `components/slots/index.tsx`:
+
+```tsx
+import { TopBannerComponent } from './TopBannerComponent';
+import { BottomStatsComponent } from './BottomStatsComponent';
+
+export const useSlots = () => {
+  // You can access React context and other hooks here
+  return {
+    topBanner: TopBannerComponent,
+    bottomStats: BottomStatsComponent
+  };
+};
+```
+
+**Important:** Every time you create a new slot component, you must import it and add it to the `useSlots` hook return object. The key in the return object must match the `id` specified in your JSON configuration.
+
+#### Registering Slots in Your Page
+
+In your main page component:
+
+```tsx
+import { useSlots } from '../components/slots';
+
+export default function YourPage() {
+  const slots = useSlots();
+
+  return (
+    <PatternsWizardOverridesProvider value={{ slots }}>
+      <AutoPatternsApp configuration={config} />
+    </PatternsWizardOverridesProvider>
+  );
+}
+```
+
+### Important Guidelines for Slots
+
+1. **Component Signature**: Slot components must be React functional components with no props: `React.FC`
+2. **Rendering Order**: Components render in the exact order specified in the `components` array
+3. **Performance**: Slot components re-render with the page, so optimize for performance if needed
+4. **Styling**: Follow the design system patterns and responsive design principles
+
+
+**Important:** Every time you create a new slot component, you must import it and add it to the `useSlots` hook return object in the `./components/slots/index.tsx` file. The key must match the `id` specified in your JSON configuration.
+
+Slots provide a powerful way to enhance collection pages with custom functionality while maintaining the structure and features of the AutoPatterns system.
+
 ---