@wix/auto-patterns 1.43.0 → 1.45.0

package/dist/esm/components/layouts/ContentSkeleton.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { SettingsPage, EntityPage, useSettingsPage, useEntityPage } from '@wix/patterns';
+import { useForm } from '@wix/patterns/form';
+import { ContentCard } from './ContentCard';
+export const ContentSkeleton = _ref => {
+  var _pageConfig$layout, _pageConfig$layout2, _pageConfig$layout$si;
+  let {
+    type = 'entity',
+    pageConfig
+  } = _ref;
+  const Component = type === 'settings' ? SettingsPage : EntityPage;
+  const form = useForm();
+  const settingsState = useSettingsPage({
+    form,
+    onSave: async () => {},
+    onCancel: async () => {},
+    fetch: async () => new Promise(() => {})
+  });
+  const entityState = useEntityPage({
+    parentPath: '',
+    form,
+    onSave: async () => ({
+      updatedEntity: {}
+    }),
+    fetch: async () => new Promise(() => {})
+  });
+  return /*#__PURE__*/React.createElement(Component, {
+    state: type === 'settings' ? settingsState : entityState
+  }, /*#__PURE__*/React.createElement(Component.Header, {
+    title: {
+      text: ''
+    }
+  }), /*#__PURE__*/React.createElement(Component.Content, null, /*#__PURE__*/React.createElement(Component.MainContent, null, (_pageConfig$layout = pageConfig.layout) == null || (_pageConfig$layout = _pageConfig$layout.main) == null ? void 0 : _pageConfig$layout.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+    key: `main-section-card-${layoutIndex}`,
+    type: type,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex
+  }))), (_pageConfig$layout2 = pageConfig.layout) != null && _pageConfig$layout2.sidebar ? /*#__PURE__*/React.createElement(Component.AdditionalContent, null, (_pageConfig$layout$si = pageConfig.layout.sidebar) == null ? void 0 : _pageConfig$layout$si.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    type: type,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex
+  }))) : null));
+};
+//# sourceMappingURL=ContentSkeleton.js.map

package/dist/esm/components/layouts/ContentSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SettingsPage","EntityPage","useSettingsPage","useEntityPage","useForm","ContentCard","ContentSkeleton","_ref","_pageConfig$layout","_pageConfig$layout2","_pageConfig$layout$si","type","pageConfig","Component","form","settingsState","onSave","onCancel","fetch","Promise","entityState","parentPath","updatedEntity","createElement","state","Header","title","text","Content","MainContent","layout","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/layouts/ContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  SettingsPage,\n  EntityPage,\n  useSettingsPage,\n  useEntityPage,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { EntityPageConfig, SettingsPageConfig } from '../../types';\nimport { ContentCard } from './ContentCard';\nimport { ContentCardType } from './types';\n\nexport interface ContentSkeletonProps {\n  type?: ContentCardType;\n  pageConfig: SettingsPageConfig | EntityPageConfig;\n}\n\nexport const ContentSkeleton = ({\n  type = 'entity',\n  pageConfig,\n}: ContentSkeletonProps) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n  const form = useForm();\n\n  const settingsState = useSettingsPage<any, any>({\n    form,\n    onSave: async () => {},\n    onCancel: async () => {},\n    fetch: async () => new Promise(() => {}),\n  });\n\n  const entityState = useEntityPage<any, any>({\n    parentPath: '',\n    form,\n    onSave: async () => ({ updatedEntity: {} }),\n    fetch: async () => new Promise(() => {}),\n  });\n\n  return (\n    <Component\n      state={type === 'settings' ? settingsState : (entityState as any)}\n    >\n      <Component.Header title={{ text: '' }} />\n      <Component.Content>\n        <Component.MainContent>\n          {pageConfig.layout?.main?.map((layout, layoutIndex) => (\n            <ContentCard\n              key={`main-section-card-${layoutIndex}`}\n              type={type}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n            />\n          ))}\n        </Component.MainContent>\n        {pageConfig.layout?.sidebar ? (\n          <Component.AdditionalContent>\n            {pageConfig.layout.sidebar?.map((layout, layoutIndex) => (\n              <ContentCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                type={type}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n              />\n            ))}\n          </Component.AdditionalContent>\n        ) : null}\n      </Component.Content>\n    </Component>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,YAAY,EACZC,UAAU,EACVC,eAAe,EACfC,aAAa,QACR,eAAe;AACtB,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,WAAW,QAAQ,eAAe;AAQ3C,OAAO,MAAMC,eAAe,GAAGC,IAAA,IAGH;EAAA,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,qBAAA;EAAA,IAHI;IAC9BC,IAAI,GAAG,QAAQ;IACfC;EACoB,CAAC,GAAAL,IAAA;EACrB,MAAMM,SAAS,GAAGF,IAAI,KAAK,UAAU,GAAGX,YAAY,GAAGC,UAAU;EACjE,MAAMa,IAAI,GAAGV,OAAO,CAAC,CAAC;EAEtB,MAAMW,aAAa,GAAGb,eAAe,CAAW;IAC9CY,IAAI;IACJE,MAAM,EAAE,MAAAA,CAAA,KAAY,CAAC,CAAC;IACtBC,QAAQ,EAAE,MAAAA,CAAA,KAAY,CAAC,CAAC;IACxBC,KAAK,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGjB,aAAa,CAAW;IAC1CkB,UAAU,EAAE,EAAE;IACdP,IAAI;IACJE,MAAM,EAAE,MAAAA,CAAA,MAAa;MAAEM,aAAa,EAAE,CAAC;IAAE,CAAC,CAAC;IAC3CJ,KAAK,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,oBACEpB,KAAA,CAAAwB,aAAA,CAACV,SAAS;IACRW,KAAK,EAAEb,IAAI,KAAK,UAAU,GAAGI,aAAa,GAAIK;EAAoB,gBAElErB,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACY,MAAM;IAACC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAG;EAAE,CAAE,CAAC,eACzC5B,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACe,OAAO,qBAChB7B,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACgB,WAAW,SAAArB,kBAAA,GACnBI,UAAU,CAACkB,MAAM,cAAAtB,kBAAA,GAAjBA,kBAAA,CAAmBuB,IAAI,qBAAvBvB,kBAAA,CAAyBwB,GAAG,CAAC,CAACF,MAAM,EAAEG,WAAW,kBAChDlC,KAAA,CAAAwB,aAAA,CAAClB,WAAW;IACV6B,GAAG,EAAE,qBAAqBD,WAAW,EAAG;IACxCtB,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEH;EAAY,CACxB,CACF,CACoB,CAAC,EACvB,CAAAxB,mBAAA,GAAAG,UAAU,CAACkB,MAAM,aAAjBrB,mBAAA,CAAmB4B,OAAO,gBACzBtC,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACyB,iBAAiB,SAAA5B,qBAAA,GACzBE,UAAU,CAACkB,MAAM,CAACO,OAAO,qBAAzB3B,qBAAA,CAA2BsB,GAAG,CAAC,CAACF,MAAM,EAAEG,WAAW,kBAClDlC,KAAA,CAAAwB,aAAA,CAAClB,WAAW;IACV6B,GAAG,EAAE,wBAAwBD,WAAW,EAAG;IAC3CtB,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,SAAS;IACnBC,SAAS,EAAEH;EAAY,CACxB,CACF,CAC0B,CAAC,GAC5B,IACa,CACV,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/layouts/FormField.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { useController } from '@wix/patterns/form';
+import { ShortText, LongText, Checkbox, DateInput, DateTime, Number, Url, ImageInput } from '../fields';
+export const EDITABLE_INPUT_ELEMENTS = {
+  SHORT_TEXT: ShortText,
+  LONG_TEXT: LongText,
+  BOOLEAN: Checkbox,
+  DATE: DateInput,
+  DATETIME: DateTime,
+  NUMBER: Number,
+  URL: Url,
+  IMAGE: ImageInput
+};
+export const FormField = _ref => {
+  let {
+    field,
+    inputRef,
+    formControl,
+    data
+  } = _ref;
+  const controller = useController({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? '']
+  });
+  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {
+    return null;
+  }
+  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type];
+  return /*#__PURE__*/React.createElement(FieldInput, {
+    field: field,
+    value: controller.field.value,
+    onChange: controller.field.onChange,
+    dataHook: `form-field-${field.id}`,
+    inputRef: inputRef,
+    formControl: formControl,
+    data: data ?? {}
+  });
+};
+//# sourceMappingURL=FormField.js.map

package/dist/esm/components/layouts/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useController","ShortText","LongText","Checkbox","DateInput","DateTime","Number","Url","ImageInput","EDITABLE_INPUT_ELEMENTS","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","NUMBER","URL","IMAGE","FormField","_ref","field","inputRef","formControl","data","controller","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"sources":["../../../../src/components/layouts/FormField.tsx"],"sourcesContent":["import React from 'react';\nimport { useController, Control } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../types';\nimport {\n  ShortText,\n  LongText,\n  Checkbox,\n  DateInput,\n  DateTime,\n  Number,\n  Url,\n  ImageInput,\n  BaseInputProps,\n} from '../fields';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n};\n\nexport interface FormFieldProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n  formControl?: Control<any>;\n  data?: Record<string, any>;\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  field,\n  inputRef,\n  formControl,\n  data,\n}) => {\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n    return null;\n  }\n\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type]!;\n\n  return (\n    <FieldInput\n      field={field}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      dataHook={`form-field-${field.id}`}\n      inputRef={inputRef}\n      formControl={formControl}\n      data={data ?? {}}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAiB,oBAAoB;AAE3D,SACEC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,GAAG,EACHC,UAAU,QAEL,WAAW;AAElB,OAAO,MAAMC,uBAEZ,GAAG;EACFC,UAAU,EAAET,SAAS;EACrBU,SAAS,EAAET,QAAQ;EACnBU,OAAO,EAAET,QAAQ;EACjBU,IAAI,EAAET,SAAS;EACfU,QAAQ,EAAET,QAAQ;EAClBU,MAAM,EAAET,MAAM;EACdU,GAAG,EAAET,GAAG;EACRU,KAAK,EAAET;AACT,CAAC;AASD,OAAO,MAAMU,SAAmC,GAAGC,IAAA,IAK7C;EAAA,IAL8C;IAClDC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAGxB,aAAa,CAAC;IAC/ByB,IAAI,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEL,WAAW;IACpBM,YAAY,EAAEL,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAACjB,uBAAuB,CAACoB,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAGtB,uBAAuB,CAACW,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACE/B,KAAA,CAAAiC,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAET,UAAU,CAACJ,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEV,UAAU,CAACJ,KAAK,CAACc,QAAS;IACpCC,QAAQ,EAAE,cAAcf,KAAK,CAACM,EAAE,EAAG;IACnCL,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC;EAAE,CAClB,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/components/layouts/ViewField.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Box, Text } from '@wix/design-system';
+// Safe display value conversion for all field types
+const getDisplayValue = value => {
+  if (value === null || value === undefined) {
+    return '-';
+  }
+  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+    return String(value);
+  }
+  if (Array.isArray(value)) {
+    return value.length > 0 ? value.join(', ') : '-';
+  }
+  if (typeof value === 'object') {
+    // Handle dates
+    if (value instanceof Date) {
+      return value.toLocaleDateString();
+    }
+    // Handle objects with display properties
+    if (value.toString && value.toString !== Object.prototype.toString) {
+      return value.toString();
+    }
+    // Fallback for complex objects
+    return JSON.stringify(value);
+  }
+  return String(value);
+};
+export const ViewField = _ref => {
+  let {
+    field,
+    data
+  } = _ref;
+  const fieldValue = data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''];
+  const displayValue = getDisplayValue(fieldValue);
+  return /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    gap: "4px"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    secondary: true
+  }, field.displayName || field.id), /*#__PURE__*/React.createElement(Text, null, displayValue));
+};
+//# sourceMappingURL=ViewField.js.map

package/dist/esm/components/layouts/ViewField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","Text","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","ViewField","_ref","field","data","fieldValue","id","displayValue","createElement","direction","gap","size","secondary","displayName"],"sources":["../../../../src/components/layouts/ViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { Field } from '../../types';\n\n// Safe display value conversion for all field types\nconst getDisplayValue = (value: any): string => {\n  if (value === null || value === undefined) {\n    return '-';\n  }\n  if (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  ) {\n    return String(value);\n  }\n  if (Array.isArray(value)) {\n    return value.length > 0 ? value.join(', ') : '-';\n  }\n  if (typeof value === 'object') {\n    // Handle dates\n    if (value instanceof Date) {\n      return value.toLocaleDateString();\n    }\n    // Handle objects with display properties\n    if (value.toString && value.toString !== Object.prototype.toString) {\n      return value.toString();\n    }\n    // Fallback for complex objects\n    return JSON.stringify(value);\n  }\n  return String(value);\n};\n\nexport interface ViewFieldProps {\n  field: Field;\n  data?: Record<string, any>;\n}\n\nexport const ViewField: React.FC<ViewFieldProps> = ({ field, data }) => {\n  const fieldValue = data?.[field?.id ?? ''];\n  const displayValue = getDisplayValue(fieldValue);\n\n  return (\n    <Box direction=\"vertical\" gap=\"4px\">\n      <Text size=\"small\" secondary>\n        {field.displayName || field.id}\n      </Text>\n      <Text>{displayValue}</Text>\n    </Box>\n  );\n};\n\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,oBAAoB;AAG9C;AACA,MAAMC,eAAe,GAAIC,KAAU,IAAa;EAC9C,IAAIA,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACzC,OAAO,GAAG;EACZ;EACA,IACE,OAAOD,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,SAAS,EAC1B;IACA,OAAOE,MAAM,CAACF,KAAK,CAAC;EACtB;EACA,IAAIG,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK,CAACK,MAAM,GAAG,CAAC,GAAGL,KAAK,CAACM,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG;EAClD;EACA,IAAI,OAAON,KAAK,KAAK,QAAQ,EAAE;IAC7B;IACA,IAAIA,KAAK,YAAYO,IAAI,EAAE;MACzB,OAAOP,KAAK,CAACQ,kBAAkB,CAAC,CAAC;IACnC;IACA;IACA,IAAIR,KAAK,CAACS,QAAQ,IAAIT,KAAK,CAACS,QAAQ,KAAKC,MAAM,CAACC,SAAS,CAACF,QAAQ,EAAE;MAClE,OAAOT,KAAK,CAACS,QAAQ,CAAC,CAAC;IACzB;IACA;IACA,OAAOG,IAAI,CAACC,SAAS,CAACb,KAAK,CAAC;EAC9B;EACA,OAAOE,MAAM,CAACF,KAAK,CAAC;AACtB,CAAC;AAOD,OAAO,MAAMc,SAAmC,GAAGC,IAAA,IAAqB;EAAA,IAApB;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAAF,IAAA;EACjE,MAAMG,UAAU,GAAGD,IAAI,oBAAJA,IAAI,CAAG,CAAAD,KAAK,oBAALA,KAAK,CAAEG,EAAE,KAAI,EAAE,CAAC;EAC1C,MAAMC,YAAY,GAAGrB,eAAe,CAACmB,UAAU,CAAC;EAEhD,oBACEtB,KAAA,CAAAyB,aAAA,CAACxB,GAAG;IAACyB,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC;EAAK,gBACjC3B,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAAC0B,IAAI,EAAC,OAAO;IAACC,SAAS;EAAA,GACzBT,KAAK,CAACU,WAAW,IAAIV,KAAK,CAACG,EACxB,CAAC,eACPvB,KAAA,CAAAyB,aAAA,CAACvB,IAAI,QAAEsB,YAAmB,CACvB,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/layouts/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/layouts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/layouts/types.ts"],"sourcesContent":["export type ContentCardType = 'entity' | 'settings';\nexport type ContentCardMode = 'edit' | 'view';\n"],"mappings":"","ignoreList":[]}

package/dist/esm/hooks/getCommonCollectionFeaturesAsync.js

@@ -0,0 +1,7 @@
+import { importCommonCollectionFeatures } from './pluginsDynamicImports';
+export function getCommonCollectionFeaturesAsync() {
+  return {
+    commonCollectionFeatures: () => importCommonCollectionFeatures()
+  };
+}
+//# sourceMappingURL=getCommonCollectionFeaturesAsync.js.map

package/dist/esm/hooks/getCommonCollectionFeaturesAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["importCommonCollectionFeatures","getCommonCollectionFeaturesAsync","commonCollectionFeatures"],"sources":["../../../src/hooks/getCommonCollectionFeaturesAsync.ts"],"sourcesContent":["import { importCommonCollectionFeatures } from './pluginsDynamicImports';\n\nexport function getCommonCollectionFeaturesAsync() {\n  return {\n    commonCollectionFeatures: () => importCommonCollectionFeatures(),\n  };\n}\n"],"mappings":"AAAA,SAASA,8BAA8B,QAAQ,yBAAyB;AAExE,OAAO,SAASC,gCAAgCA,CAAA,EAAG;EACjD,OAAO;IACLC,wBAAwB,EAAEA,CAAA,KAAMF,8BAA8B,CAAC;EACjE,CAAC;AACH","ignoreList":[]}

package/dist/esm/hooks/getFilterComponent.js

@@ -0,0 +1,48 @@
+import { AutoCompleteFilter, DateRangeFilter, MultiInlineCheckboxFilter, MultiSelectCheckboxFilter, MultiSelectCollectionFilter, NumberRangeFilter, RadioGroupFilter } from '@wix/patterns';
+export function getFilterComponent(filter) {
+  switch (filter.fieldDefinition.type) {
+    case 'DATE':
+    case 'DATETIME':
+      return DateRangeFilter;
+    case 'BOOLEAN':
+      return RadioGroupFilter;
+    case 'NUMBER':
+      return NumberRangeFilter;
+    case 'REFERENCE':
+      {
+        var _filter$dynamicOption;
+        return (filter == null || (_filter$dynamicOption = filter.dynamicOptionsFilterConfig) == null ? void 0 : _filter$dynamicOption.selectionMode) === 'single' ? AutoCompleteFilter : MultiSelectCollectionFilter;
+      }
+    default:
+      if (filter != null && filter.enumConfig) {
+        const {
+          selectionMode,
+          optionType,
+          options
+        } = filter.enumConfig;
+        const inlineComponentThreshold = 5;
+        let component;
+        if (selectionMode === 'single') {
+          component = options.length > inlineComponentThreshold ? AutoCompleteFilter : RadioGroupFilter;
+          if (optionType === 'select') {
+            component = AutoCompleteFilter;
+          } else if (optionType === 'radio') {
+            component = RadioGroupFilter;
+          }
+        } else {
+          component = options.length > inlineComponentThreshold ? MultiSelectCheckboxFilter : MultiInlineCheckboxFilter;
+          if (optionType === 'select') {
+            component = MultiSelectCollectionFilter;
+          } else if (optionType === 'inlineCheckbox') {
+            component = MultiInlineCheckboxFilter;
+          } else if (optionType === 'checkbox') {
+            component = MultiSelectCheckboxFilter;
+          }
+        }
+        return component;
+      }
+      break;
+  }
+  return null;
+}
+//# sourceMappingURL=getFilterComponent.js.map

package/dist/esm/hooks/getFilterComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AutoCompleteFilter","DateRangeFilter","MultiInlineCheckboxFilter","MultiSelectCheckboxFilter","MultiSelectCollectionFilter","NumberRangeFilter","RadioGroupFilter","getFilterComponent","filter","fieldDefinition","type","_filter$dynamicOption","dynamicOptionsFilterConfig","selectionMode","enumConfig","optionType","options","inlineComponentThreshold","component","length"],"sources":["../../../src/hooks/getFilterComponent.ts"],"sourcesContent":["import { FilterOptions } from './useFiltersState';\nimport {\n  AutoCompleteFilter,\n  DateRangeFilter,\n  MultiInlineCheckboxFilter,\n  MultiSelectCheckboxFilter,\n  MultiSelectCollectionFilter,\n  NumberRangeFilter,\n  RadioGroupFilter,\n} from '@wix/patterns';\nimport { ElementType } from 'react';\n\nexport function getFilterComponent(filter: FilterOptions): ElementType | null {\n  switch (filter.fieldDefinition.type) {\n    case 'DATE':\n    case 'DATETIME':\n      return DateRangeFilter;\n\n    case 'BOOLEAN':\n      return RadioGroupFilter;\n\n    case 'NUMBER':\n      return NumberRangeFilter;\n\n    case 'REFERENCE': {\n      return filter?.dynamicOptionsFilterConfig?.selectionMode === 'single'\n        ? AutoCompleteFilter\n        : MultiSelectCollectionFilter;\n    }\n\n    default:\n      if (filter?.enumConfig) {\n        const { selectionMode, optionType, options } = filter.enumConfig;\n\n        const inlineComponentThreshold = 5;\n\n        let component;\n\n        if (selectionMode === 'single') {\n          component =\n            options.length > inlineComponentThreshold\n              ? AutoCompleteFilter\n              : RadioGroupFilter;\n          if (optionType === 'select') {\n            component = AutoCompleteFilter;\n          } else if (optionType === 'radio') {\n            component = RadioGroupFilter;\n          }\n        } else {\n          component =\n            options.length > inlineComponentThreshold\n              ? MultiSelectCheckboxFilter\n              : MultiInlineCheckboxFilter;\n          if (optionType === 'select') {\n            component = MultiSelectCollectionFilter;\n          } else if (optionType === 'inlineCheckbox') {\n            component = MultiInlineCheckboxFilter;\n          } else if (optionType === 'checkbox') {\n            component = MultiSelectCheckboxFilter;\n          }\n        }\n\n        return component;\n      }\n      break;\n  }\n\n  return null;\n}\n"],"mappings":"AACA,SACEA,kBAAkB,EAClBC,eAAe,EACfC,yBAAyB,EACzBC,yBAAyB,EACzBC,2BAA2B,EAC3BC,iBAAiB,EACjBC,gBAAgB,QACX,eAAe;AAGtB,OAAO,SAASC,kBAAkBA,CAACC,MAAqB,EAAsB;EAC5E,QAAQA,MAAM,CAACC,eAAe,CAACC,IAAI;IACjC,KAAK,MAAM;IACX,KAAK,UAAU;MACb,OAAOT,eAAe;IAExB,KAAK,SAAS;MACZ,OAAOK,gBAAgB;IAEzB,KAAK,QAAQ;MACX,OAAOD,iBAAiB;IAE1B,KAAK,WAAW;MAAE;QAAA,IAAAM,qBAAA;QAChB,OAAO,CAAAH,MAAM,aAAAG,qBAAA,GAANH,MAAM,CAAEI,0BAA0B,qBAAlCD,qBAAA,CAAoCE,aAAa,MAAK,QAAQ,GACjEb,kBAAkB,GAClBI,2BAA2B;MACjC;IAEA;MACE,IAAII,MAAM,YAANA,MAAM,CAAEM,UAAU,EAAE;QACtB,MAAM;UAAED,aAAa;UAAEE,UAAU;UAAEC;QAAQ,CAAC,GAAGR,MAAM,CAACM,UAAU;QAEhE,MAAMG,wBAAwB,GAAG,CAAC;QAElC,IAAIC,SAAS;QAEb,IAAIL,aAAa,KAAK,QAAQ,EAAE;UAC9BK,SAAS,GACPF,OAAO,CAACG,MAAM,GAAGF,wBAAwB,GACrCjB,kBAAkB,GAClBM,gBAAgB;UACtB,IAAIS,UAAU,KAAK,QAAQ,EAAE;YAC3BG,SAAS,GAAGlB,kBAAkB;UAChC,CAAC,MAAM,IAAIe,UAAU,KAAK,OAAO,EAAE;YACjCG,SAAS,GAAGZ,gBAAgB;UAC9B;QACF,CAAC,MAAM;UACLY,SAAS,GACPF,OAAO,CAACG,MAAM,GAAGF,wBAAwB,GACrCd,yBAAyB,GACzBD,yBAAyB;UAC/B,IAAIa,UAAU,KAAK,QAAQ,EAAE;YAC3BG,SAAS,GAAGd,2BAA2B;UACzC,CAAC,MAAM,IAAIW,UAAU,KAAK,gBAAgB,EAAE;YAC1CG,SAAS,GAAGhB,yBAAyB;UACvC,CAAC,MAAM,IAAIa,UAAU,KAAK,UAAU,EAAE;YACpCG,SAAS,GAAGf,yBAAyB;UACvC;QACF;QAEA,OAAOe,SAAS;MAClB;MACA;EACJ;EAEA,OAAO,IAAI;AACb","ignoreList":[]}

package/dist/esm/hooks/index.js

@@ -1,6 +1,5 @@
-export * from './useTableFeatures';
 export * from './useFilters';
-export * from './useGridFeatures';
+export * from './useGridFeaturesAsync';
 export * from './useNavigationUtils';
 export * from './usePagePath';
 export * from './useEntityPageHeaderTexts';

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useAppContext"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useTableFeatures';\nexport * from './useFilters';\nexport * from './useGridFeatures';\nexport * from './useNavigationUtils';\nexport * from './usePagePath';\nexport * from './useEntityPageHeaderTexts';\nexport { useAppContext } from '../providers/AppContext';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,sBAAsB;AACpC,cAAc,eAAe;AAC7B,cAAc,4BAA4B;AAC1C,SAASA,aAAa,QAAQ,yBAAyB","ignoreList":[]}
+{"version":3,"names":["useAppContext"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useFilters';\nexport * from './useGridFeaturesAsync';\nexport * from './useNavigationUtils';\nexport * from './usePagePath';\nexport * from './useEntityPageHeaderTexts';\nexport { useAppContext } from '../providers/AppContext';\n"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,wBAAwB;AACtC,cAAc,sBAAsB;AACpC,cAAc,eAAe;AAC7B,cAAc,4BAA4B;AAC1C,SAASA,aAAa,QAAQ,yBAAyB","ignoreList":[]}

package/dist/esm/hooks/pluginsDynamicImports.js

@@ -0,0 +1,13 @@
+export const importTableDragAndDrop = () => import(/* webpackChunkName: "useTableDragAndDrop" */
+'./useTableDragAndDrop');
+export const importTableGridSwitchDragAndDrop = () => import(/* webpackChunkName: "useTableGridSwitchDragAndDrop" */
+'./useTableGridSwitchDragAndDrop');
+export const importGridDragAndDrop = () => import(/* webpackChunkName: "useGridDragAndDrop" */
+'./useGridDragAndDrop');
+export const importBaseTableFeatures = () => import(/* webpackChunkName: "useBaseTableFeatures" */
+'./useBaseTableFeatures');
+export const importCommonCollectionFeatures = () => import(/* webpackChunkName: "useCommonCollectionFeatures" */
+'./useCommonCollectionFeatures');
+export const importTableSections = () => import(/* webpackChunkName: "useTableSections" */
+'./useTableSections');
+//# sourceMappingURL=pluginsDynamicImports.js.map

package/dist/esm/hooks/pluginsDynamicImports.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["importTableDragAndDrop","importTableGridSwitchDragAndDrop","importGridDragAndDrop","importBaseTableFeatures","importCommonCollectionFeatures","importTableSections"],"sources":["../../../src/hooks/pluginsDynamicImports.ts"],"sourcesContent":["export const importTableDragAndDrop = () =>\n  import(\n    /* webpackChunkName: \"useTableDragAndDrop\" */\n    './useTableDragAndDrop'\n  );\n\nexport const importTableGridSwitchDragAndDrop = () =>\n  import(\n    /* webpackChunkName: \"useTableGridSwitchDragAndDrop\" */\n    './useTableGridSwitchDragAndDrop'\n  );\n\nexport const importGridDragAndDrop = () =>\n  import(\n    /* webpackChunkName: \"useGridDragAndDrop\" */\n    './useGridDragAndDrop'\n  );\n\nexport const importBaseTableFeatures = () =>\n  import(\n    /* webpackChunkName: \"useBaseTableFeatures\" */\n    './useBaseTableFeatures'\n  );\n\nexport const importCommonCollectionFeatures = () =>\n  import(\n    /* webpackChunkName: \"useCommonCollectionFeatures\" */\n    './useCommonCollectionFeatures'\n  );\n\nexport const importTableSections = () =>\n  import(\n    /* webpackChunkName: \"useTableSections\" */\n    './useTableSections'\n  );\n"],"mappings":"AAAA,OAAO,MAAMA,sBAAsB,GAAGA,CAAA,KACpC,MAAM,CACJ;AACA,uBACF,CAAC;AAEH,OAAO,MAAMC,gCAAgC,GAAGA,CAAA,KAC9C,MAAM,CACJ;AACA,iCACF,CAAC;AAEH,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KACnC,MAAM,CACJ;AACA,sBACF,CAAC;AAEH,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KACrC,MAAM,CACJ;AACA,wBACF,CAAC;AAEH,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAC5C,MAAM,CACJ;AACA,+BACF,CAAC;AAEH,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KACjC,MAAM,CACJ;AACA,oBACF,CAAC","ignoreList":[]}

package/dist/esm/hooks/useAsyncFeaturesPromiseState.js

@@ -0,0 +1,28 @@
+import { PromiseState } from '@wix/patterns/core';
+import { useState } from 'react';
+export function useAsyncFeaturesPromiseState(loaders) {
+  const [state] = useState(() => {
+    const r = new PromiseState({
+      createPromise: async () => {
+        const entries = await Promise.all(Object.entries(loaders).map(async _ref => {
+          let [key, loadFunc] = _ref;
+          if (loadFunc) {
+            const result = await loadFunc();
+            return [key, result];
+          } else {
+            return [key, null];
+          }
+        }));
+        return entries.reduce((acc, _ref2) => {
+          let [key, value] = _ref2;
+          acc[key] = value;
+          return acc;
+        }, {});
+      }
+    });
+    r.fetchOnce();
+    return r;
+  });
+  return state;
+}
+//# sourceMappingURL=useAsyncFeaturesPromiseState.js.map

package/dist/esm/hooks/useAsyncFeaturesPromiseState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PromiseState","useState","useAsyncFeaturesPromiseState","loaders","state","r","createPromise","entries","Promise","all","Object","map","_ref","key","loadFunc","result","reduce","acc","_ref2","value","fetchOnce"],"sources":["../../../src/hooks/useAsyncFeaturesPromiseState.ts"],"sourcesContent":["import { PromiseState } from '@wix/patterns/core';\nimport { useState } from 'react';\n\nexport type AsyncFeaturesState<\n  T extends Record<string, () => Promise<any> | null>,\n> = {\n  [K in keyof T]: T[K] extends () => Promise<infer R> | null\n    ? R | null | undefined\n    : null | undefined;\n};\n\nexport function useAsyncFeaturesPromiseState<\n  T extends Record<string, () => Promise<any> | null>,\n>(loaders: T): PromiseState<AsyncFeaturesState<T>> {\n  const [state] = useState(() => {\n    const r = new PromiseState({\n      createPromise: async () => {\n        const entries = await Promise.all(\n          Object.entries(loaders).map(async ([key, loadFunc]) => {\n            if (loadFunc) {\n              const result = await loadFunc();\n              return [key, result];\n            } else {\n              return [key, null];\n            }\n          }),\n        );\n\n        return entries.reduce((acc, [key, value]) => {\n          acc[key as keyof AsyncFeaturesState<T>] = value;\n          return acc;\n        }, {} as AsyncFeaturesState<T>);\n      },\n    });\n\n    r.fetchOnce();\n\n    return r;\n  });\n\n  return state;\n}\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,QAAQ,QAAQ,OAAO;AAUhC,OAAO,SAASC,4BAA4BA,CAE1CC,OAAU,EAAuC;EACjD,MAAM,CAACC,KAAK,CAAC,GAAGH,QAAQ,CAAC,MAAM;IAC7B,MAAMI,CAAC,GAAG,IAAIL,YAAY,CAAC;MACzBM,aAAa,EAAE,MAAAA,CAAA,KAAY;QACzB,MAAMC,OAAO,GAAG,MAAMC,OAAO,CAACC,GAAG,CAC/BC,MAAM,CAACH,OAAO,CAACJ,OAAO,CAAC,CAACQ,GAAG,CAAC,MAAAC,IAAA,IAA2B;UAAA,IAApB,CAACC,GAAG,EAAEC,QAAQ,CAAC,GAAAF,IAAA;UAChD,IAAIE,QAAQ,EAAE;YACZ,MAAMC,MAAM,GAAG,MAAMD,QAAQ,CAAC,CAAC;YAC/B,OAAO,CAACD,GAAG,EAAEE,MAAM,CAAC;UACtB,CAAC,MAAM;YACL,OAAO,CAACF,GAAG,EAAE,IAAI,CAAC;UACpB;QACF,CAAC,CACH,CAAC;QAED,OAAON,OAAO,CAACS,MAAM,CAAC,CAACC,GAAG,EAAAC,KAAA,KAAmB;UAAA,IAAjB,CAACL,GAAG,EAAEM,KAAK,CAAC,GAAAD,KAAA;UACtCD,GAAG,CAACJ,GAAG,CAAgC,GAAGM,KAAK;UAC/C,OAAOF,GAAG;QACZ,CAAC,EAAE,CAAC,CAA0B,CAAC;MACjC;IACF,CAAC,CAAC;IAEFZ,CAAC,CAACe,SAAS,CAAC,CAAC;IAEb,OAAOf,CAAC;EACV,CAAC,CAAC;EAEF,OAAOD,KAAK;AACd","ignoreList":[]}

package/dist/esm/hooks/useBaseCollectionComponentReadyFeatures.js

@@ -0,0 +1,58 @@
+import { useSyncCollectionStateToAppContext } from './useSyncCollectionStateToAppContext';
+import { useCollectionInitAsyncDeps } from './useCollectionInitAsyncDeps';
+import { useSelector } from '@wix/patterns';
+/**
+ * useBaseCollectionComponentReadyFeatures - Step 5 (Shared Across All Flows)
+ *
+ * This is the shared hook used by all flows to prepare final collection features once async loading is complete.
+ * It handles the common functionality needed by all collection components regardless of display mode.
+ *
+ * Key Responsibilities:
+ * - Syncs collection state to app context for external consumption
+ * - Initializes async dependencies and connects them to the collection
+ * - Extracts and prepares common collection features (filters, search, actions, etc.)
+ * - Returns standardized props that all final components (Table/Grid/TableGridSwitch) can use
+ * - Provides consistent interface across all three rendering flows
+ */
+export function useBaseCollectionComponentReadyFeatures(props) {
+  const {
+    collection,
+    config,
+    asyncFeaturesState,
+    baseStateParams
+  } = props;
+
+  // Extract loaded common features from async state (shared by all flows)
+  const {
+    commonCollectionFeatures
+  } = useSelector(() => ({
+    ...asyncFeaturesState.status.data
+  }));
+
+  // STEP 5A: Sync the collection state to app context for external access
+  // This allows other parts of the app to access current collection state
+  useSyncCollectionStateToAppContext({
+    collection
+  });
+
+  // STEP 5B: Initialize async dependencies and connect them to the collection
+  // This ensures all loaded features are properly connected to the collection instance
+  useCollectionInitAsyncDeps(asyncFeaturesState, collection);
+
+  // STEP 5C: Prepare filter functionality if filters are loaded and configured
+  const filtersProps = commonCollectionFeatures == null ? void 0 : commonCollectionFeatures.useFilters(config.filters, baseStateParams);
+
+  // STEP 5D: Prepare common collection features (search, bulk actions, empty states, etc.)
+  const commonCollectionFeaturesProps = commonCollectionFeatures == null ? void 0 : commonCollectionFeatures.useCommonCollectionFeatures({
+    ...config,
+    collectionState: collection
+  });
+
+  // FINAL STEP: Return standardized props for use by final components
+  // These props are consumed by Table, Grid, and TableGridSwitch components
+  return {
+    ...commonCollectionFeaturesProps,
+    filters: filtersProps == null ? void 0 : filtersProps.filterComponent
+  };
+}
+//# sourceMappingURL=useBaseCollectionComponentReadyFeatures.js.map

package/dist/esm/hooks/useBaseCollectionComponentReadyFeatures.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSyncCollectionStateToAppContext","useCollectionInitAsyncDeps","useSelector","useBaseCollectionComponentReadyFeatures","props","collection","config","asyncFeaturesState","baseStateParams","commonCollectionFeatures","status","data","filtersProps","useFilters","filters","commonCollectionFeaturesProps","useCommonCollectionFeatures","collectionState","filterComponent"],"sources":["../../../src/hooks/useBaseCollectionComponentReadyFeatures.ts"],"sourcesContent":["import { useSyncCollectionStateToAppContext } from './useSyncCollectionStateToAppContext';\nimport { useCollectionInitAsyncDeps } from './useCollectionInitAsyncDeps';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { CollectionState, useSelector } from '@wix/patterns';\nimport { getCommonCollectionFeaturesAsync } from './getCommonCollectionFeaturesAsync';\nimport { useBasePatternsStateParams } from './useBasePatternsStateParams';\nimport { PromiseState } from '@wix/patterns/core';\nimport { AsyncFeaturesState } from './useAsyncFeaturesPromiseState';\n\nexport interface UseBaseCollectionComponentReadyFeaturesParams {\n  config: BaseCollectionComponentConfig;\n  collection: CollectionState<any>;\n  asyncFeaturesState: PromiseState<\n    AsyncFeaturesState<ReturnType<typeof getCommonCollectionFeaturesAsync>>\n  >;\n  baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n}\n\n/**\n * useBaseCollectionComponentReadyFeatures - Step 5 (Shared Across All Flows)\n *\n * This is the shared hook used by all flows to prepare final collection features once async loading is complete.\n * It handles the common functionality needed by all collection components regardless of display mode.\n *\n * Key Responsibilities:\n * - Syncs collection state to app context for external consumption\n * - Initializes async dependencies and connects them to the collection\n * - Extracts and prepares common collection features (filters, search, actions, etc.)\n * - Returns standardized props that all final components (Table/Grid/TableGridSwitch) can use\n * - Provides consistent interface across all three rendering flows\n */\nexport function useBaseCollectionComponentReadyFeatures(\n  props: UseBaseCollectionComponentReadyFeaturesParams,\n) {\n  const { collection, config, asyncFeaturesState, baseStateParams } = props;\n\n  // Extract loaded common features from async state (shared by all flows)\n  const { commonCollectionFeatures } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // STEP 5A: Sync the collection state to app context for external access\n  // This allows other parts of the app to access current collection state\n  useSyncCollectionStateToAppContext({ collection });\n\n  // STEP 5B: Initialize async dependencies and connect them to the collection\n  // This ensures all loaded features are properly connected to the collection instance\n  useCollectionInitAsyncDeps(asyncFeaturesState, collection);\n\n  // STEP 5C: Prepare filter functionality if filters are loaded and configured\n  const filtersProps = commonCollectionFeatures?.useFilters(\n    config.filters,\n    baseStateParams,\n  );\n\n  // STEP 5D: Prepare common collection features (search, bulk actions, empty states, etc.)\n  const commonCollectionFeaturesProps =\n    commonCollectionFeatures?.useCommonCollectionFeatures({\n      ...config,\n      collectionState: collection,\n    });\n\n  // FINAL STEP: Return standardized props for use by final components\n  // These props are consumed by Table, Grid, and TableGridSwitch components\n  return {\n    ...commonCollectionFeaturesProps,\n    filters: filtersProps?.filterComponent,\n  };\n}\n"],"mappings":"AAAA,SAASA,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,0BAA0B,QAAQ,8BAA8B;AAEzE,SAA0BC,WAAW,QAAQ,eAAe;AAe5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uCAAuCA,CACrDC,KAAoD,EACpD;EACA,MAAM;IAAEC,UAAU;IAAEC,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGJ,KAAK;;EAEzE;EACA,MAAM;IAAEK;EAAyB,CAAC,GAAGP,WAAW,CAAC,OAAO;IACtD,GAAGK,kBAAkB,CAACG,MAAM,CAACC;EAC/B,CAAC,CAAC,CAAC;;EAEH;EACA;EACAX,kCAAkC,CAAC;IAAEK;EAAW,CAAC,CAAC;;EAElD;EACA;EACAJ,0BAA0B,CAACM,kBAAkB,EAAEF,UAAU,CAAC;;EAE1D;EACA,MAAMO,YAAY,GAAGH,wBAAwB,oBAAxBA,wBAAwB,CAAEI,UAAU,CACvDP,MAAM,CAACQ,OAAO,EACdN,eACF,CAAC;;EAED;EACA,MAAMO,6BAA6B,GACjCN,wBAAwB,oBAAxBA,wBAAwB,CAAEO,2BAA2B,CAAC;IACpD,GAAGV,MAAM;IACTW,eAAe,EAAEZ;EACnB,CAAC,CAAC;;EAEJ;EACA;EACA,OAAO;IACL,GAAGU,6BAA6B;IAChCD,OAAO,EAAEF,YAAY,oBAAZA,YAAY,CAAEM;EACzB,CAAC;AACH","ignoreList":[]}

package/dist/esm/hooks/useBasePatternsStateParams.js

@@ -0,0 +1,32 @@
+import { useBaseCollectionParams } from './useBaseCollectionParams';
+import { useFetchData } from './useFetchData';
+import { useFiltersState } from './useFiltersState';
+export function useBasePatternsStateParams(config, props) {
+  const {
+    visibleFieldIds
+  } = props;
+  const {
+    filterFieldMapping,
+    filtersObject,
+    filters
+  } = useFiltersState(config.filters);
+  const {
+    fetchData
+  } = useFetchData({
+    searchableFieldIds: visibleFieldIds,
+    filterFieldMapping
+  });
+  const params = useBaseCollectionParams({
+    config: config.collection,
+    fetchData,
+    filters: filtersObject
+  });
+  return {
+    params,
+    fetchData,
+    filterFieldMapping,
+    filtersObject,
+    filters
+  };
+}
+//# sourceMappingURL=useBasePatternsStateParams.js.map

package/dist/esm/hooks/useBasePatternsStateParams.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBaseCollectionParams","useFetchData","useFiltersState","useBasePatternsStateParams","config","props","visibleFieldIds","filterFieldMapping","filtersObject","filters","fetchData","searchableFieldIds","params","collection"],"sources":["../../../src/hooks/useBasePatternsStateParams.ts"],"sourcesContent":["import { useBaseCollectionParams } from './useBaseCollectionParams';\nimport { useFetchData } from './useFetchData';\nimport { BaseCollectionComponentConfig } from '../types';\nimport { useFiltersState } from './useFiltersState';\n\nexport interface UseBasePatternsStateParamsProps {\n  visibleFieldIds: string[];\n}\n\nexport function useBasePatternsStateParams(\n  config: BaseCollectionComponentConfig,\n  props: UseBasePatternsStateParamsProps,\n) {\n  const { visibleFieldIds } = props;\n\n  const { filterFieldMapping, filtersObject, filters } = useFiltersState(\n    config.filters,\n  );\n\n  const { fetchData } = useFetchData({\n    searchableFieldIds: visibleFieldIds,\n    filterFieldMapping,\n  });\n\n  const params = useBaseCollectionParams({\n    config: config.collection,\n    fetchData,\n    filters: filtersObject,\n  });\n\n  return {\n    params,\n    fetchData,\n    filterFieldMapping,\n    filtersObject,\n    filters,\n  };\n}\n"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,SAASC,eAAe,QAAQ,mBAAmB;AAMnD,OAAO,SAASC,0BAA0BA,CACxCC,MAAqC,EACrCC,KAAsC,EACtC;EACA,MAAM;IAAEC;EAAgB,CAAC,GAAGD,KAAK;EAEjC,MAAM;IAAEE,kBAAkB;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAGP,eAAe,CACpEE,MAAM,CAACK,OACT,CAAC;EAED,MAAM;IAAEC;EAAU,CAAC,GAAGT,YAAY,CAAC;IACjCU,kBAAkB,EAAEL,eAAe;IACnCC;EACF,CAAC,CAAC;EAEF,MAAMK,MAAM,GAAGZ,uBAAuB,CAAC;IACrCI,MAAM,EAAEA,MAAM,CAACS,UAAU;IACzBH,SAAS;IACTD,OAAO,EAAED;EACX,CAAC,CAAC;EAEF,OAAO;IACLI,MAAM;IACNF,SAAS;IACTH,kBAAkB;IAClBC,aAAa;IACbC;EACF,CAAC;AACH","ignoreList":[]}

package/dist/esm/hooks/useBaseTableFeatures.js

@@ -28,6 +28,7 @@ export const useBaseTableFeatures = configuration => {
     columns,
     visibleFieldIds,
     onRowClick,
+    horizontalScroll: true,
     customColumns: (_configuration$custom = configuration.customColumns) != null && _configuration$custom.enabled ? /*#__PURE__*/React.createElement(CustomColumns, null) : undefined,
     stickyColumns,
     stickySelectionColumn,

package/dist/esm/hooks/useBaseTableFeatures.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useColumns","CustomColumns","useCollectionPageOnRowClickActions","useNavigation","useDataExtensionProps","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","columns","visibleFieldIds","map","column","id","entityPageId","onRowClickOverride","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","dataExtensionProps","customColumns","enabled","createElement","undefined"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';\nimport { useNavigation } from './useNavigationUtils';\nimport { useDataExtensionProps } from './useDataExtensionProps';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n  const { navigateToEntityPage } = useNavigation();\n  const columns = useColumns(configuration.columns);\n  const visibleFieldIds = useMemo(\n    () => configuration.columns.map((column) => column.id),\n    [configuration],\n  );\n\n  const entityPageId = configuration.entityPageId;\n\n  const onRowClickOverride = useCollectionPageOnRowClickActions({\n    collectionPageOnRowClickActions: configuration.onRowClick,\n    collectionId: configuration.collection.collectionId,\n  });\n\n  const onRowClick = configuration.onRowClick\n    ? onRowClickOverride\n    : (item: any) =>\n        navigateToEntityPage({\n          item,\n          entityPageId,\n        });\n\n  const stickyColumns = configuration.stickyColumns;\n  const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n  const showTitleBar = configuration.showTitleBar ?? true;\n  const dataExtensionProps = useDataExtensionProps(configuration);\n\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n    ...dataExtensionProps,\n  };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAGL,aAAa,CAAC,CAAC;EAChD,MAAMM,OAAO,GAAGT,UAAU,CAACM,aAAa,CAACG,OAAO,CAAC;EACjD,MAAMC,eAAe,GAAGX,OAAO,CAC7B,MAAMO,aAAa,CAACG,OAAO,CAACE,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EACtD,CAACP,aAAa,CAChB,CAAC;EAED,MAAMQ,YAAY,GAAGR,aAAa,CAACQ,YAAY;EAE/C,MAAMC,kBAAkB,GAAGb,kCAAkC,CAAC;IAC5Dc,+BAA+B,EAAEV,aAAa,CAACW,UAAU;IACzDC,YAAY,EAAEZ,aAAa,CAACa,UAAU,CAACD;EACzC,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,aAAa,CAACW,UAAU,GACvCF,kBAAkB,GACjBK,IAAS,IACRZ,oBAAoB,CAAC;IACnBY,IAAI;IACJN;EACF,CAAC,CAAC;EAER,MAAMO,aAAa,GAAGf,aAAa,CAACe,aAAa;EACjD,MAAMC,qBAAqB,GAAG,CAAC,CAACD,aAAa,CAAC,CAAC;EAC/C,MAAME,YAAY,GAAGjB,aAAa,CAACiB,YAAY,IAAI,IAAI;EACvD,MAAMC,kBAAkB,GAAGpB,qBAAqB,CAACE,aAAa,CAAC;EAE/D,OAAO;IACLG,OAAO;IACPC,eAAe;IACfO,UAAU;IACVQ,aAAa,EAAE,CAAAlB,qBAAA,GAAAD,aAAa,CAACmB,aAAa,aAA3BlB,qBAAA,CAA6BmB,OAAO,gBACjD5B,KAAA,CAAA6B,aAAA,CAAC1B,aAAa,MAAE,CAAC,GACf2B,SAAS;IACbP,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZ,GAAGC;EACL,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useColumns","CustomColumns","useCollectionPageOnRowClickActions","useNavigation","useDataExtensionProps","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","columns","visibleFieldIds","map","column","id","entityPageId","onRowClickOverride","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","dataExtensionProps","horizontalScroll","customColumns","enabled","createElement","undefined"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';\nimport { useNavigation } from './useNavigationUtils';\nimport { useDataExtensionProps } from './useDataExtensionProps';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n  const { navigateToEntityPage } = useNavigation();\n  const columns = useColumns(configuration.columns);\n  const visibleFieldIds = useMemo(\n    () => configuration.columns.map((column) => column.id),\n    [configuration],\n  );\n\n  const entityPageId = configuration.entityPageId;\n\n  const onRowClickOverride = useCollectionPageOnRowClickActions({\n    collectionPageOnRowClickActions: configuration.onRowClick,\n    collectionId: configuration.collection.collectionId,\n  });\n\n  const onRowClick = configuration.onRowClick\n    ? onRowClickOverride\n    : (item: any) =>\n        navigateToEntityPage({\n          item,\n          entityPageId,\n        });\n\n  const stickyColumns = configuration.stickyColumns;\n  const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n  const showTitleBar = configuration.showTitleBar ?? true;\n  const dataExtensionProps = useDataExtensionProps(configuration);\n\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    horizontalScroll: true,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n    ...dataExtensionProps,\n  };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAGL,aAAa,CAAC,CAAC;EAChD,MAAMM,OAAO,GAAGT,UAAU,CAACM,aAAa,CAACG,OAAO,CAAC;EACjD,MAAMC,eAAe,GAAGX,OAAO,CAC7B,MAAMO,aAAa,CAACG,OAAO,CAACE,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EACtD,CAACP,aAAa,CAChB,CAAC;EAED,MAAMQ,YAAY,GAAGR,aAAa,CAACQ,YAAY;EAE/C,MAAMC,kBAAkB,GAAGb,kCAAkC,CAAC;IAC5Dc,+BAA+B,EAAEV,aAAa,CAACW,UAAU;IACzDC,YAAY,EAAEZ,aAAa,CAACa,UAAU,CAACD;EACzC,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,aAAa,CAACW,UAAU,GACvCF,kBAAkB,GACjBK,IAAS,IACRZ,oBAAoB,CAAC;IACnBY,IAAI;IACJN;EACF,CAAC,CAAC;EAER,MAAMO,aAAa,GAAGf,aAAa,CAACe,aAAa;EACjD,MAAMC,qBAAqB,GAAG,CAAC,CAACD,aAAa,CAAC,CAAC;EAC/C,MAAME,YAAY,GAAGjB,aAAa,CAACiB,YAAY,IAAI,IAAI;EACvD,MAAMC,kBAAkB,GAAGpB,qBAAqB,CAACE,aAAa,CAAC;EAE/D,OAAO;IACLG,OAAO;IACPC,eAAe;IACfO,UAAU;IACVQ,gBAAgB,EAAE,IAAI;IACtBC,aAAa,EAAE,CAAAnB,qBAAA,GAAAD,aAAa,CAACoB,aAAa,aAA3BnB,qBAAA,CAA6BoB,OAAO,gBACjD7B,KAAA,CAAA8B,aAAA,CAAC3B,aAAa,MAAE,CAAC,GACf4B,SAAS;IACbR,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZ,GAAGC;EACL,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useCollectionInitAsyncDeps.js

@@ -0,0 +1,11 @@
+import { useState } from 'react';
+export function useCollectionInitAsyncDeps(asyncFeaturesState, collection) {
+  useState(() => {
+    collection.hooks.addListener('beforeInitialFetch', () => {
+      if (asyncFeaturesState.status.isError) {
+        throw asyncFeaturesState.status.error;
+      }
+    });
+  });
+}
+//# sourceMappingURL=useCollectionInitAsyncDeps.js.map

package/dist/esm/hooks/useCollectionInitAsyncDeps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useCollectionInitAsyncDeps","asyncFeaturesState","collection","hooks","addListener","status","isError","error"],"sources":["../../../src/hooks/useCollectionInitAsyncDeps.ts"],"sourcesContent":["import { useState } from 'react';\nimport { CollectionState } from '@wix/patterns';\nimport { PromiseState } from '@wix/patterns/core';\n\nexport function useCollectionInitAsyncDeps(\n  asyncFeaturesState: PromiseState<any>,\n  collection: CollectionState<any, {}>,\n) {\n  useState(() => {\n    collection.hooks.addListener('beforeInitialFetch', () => {\n      if (asyncFeaturesState.status.isError) {\n        throw asyncFeaturesState.status.error;\n      }\n    });\n  });\n}\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,OAAO;AAIhC,OAAO,SAASC,0BAA0BA,CACxCC,kBAAqC,EACrCC,UAAoC,EACpC;EACAH,QAAQ,CAAC,MAAM;IACbG,UAAU,CAACC,KAAK,CAACC,WAAW,CAAC,oBAAoB,EAAE,MAAM;MACvD,IAAIH,kBAAkB,CAACI,MAAM,CAACC,OAAO,EAAE;QACrC,MAAML,kBAAkB,CAACI,MAAM,CAACE,KAAK;MACvC;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/esm/hooks/useCommonCollectionFeatures.js

@@ -6,6 +6,7 @@ import { useActionCell } from './useActionCell';
 import { useBulkActionToolbar } from './useBulkActionToolbar';
 import { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';
 import { useViews } from './useViews';
+export * from './useFilters';
 export const useCommonCollectionFeatures = _ref => {
   var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
   let {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEmptyStates","ToolbarTitle","Box","Text","TextButton","useActionCell","useBulkActionToolbar","useAutoPatternsOptimisticActions","useViews","useCommonCollectionFeatures","_ref","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","collectionState","views","viewsConfig","optimisticActions","collectionConfig","config","collectionId","shouldShowTitle","title","createElement","subtitle","text","learnMore","info","content","direction","gap","dataHook","light","size","link","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","undefined","shown"],"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';\nimport { useViews } from './useViews';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n  BaseCollectionComponentConfig,\n  | 'actionCell'\n  | 'toolbarTitle'\n  | 'search'\n  | 'emptyState'\n  | 'collection'\n  | 'bulkActionToolbar'\n  | 'entityPageId'\n  | 'views'\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  views: viewsConfig,\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 views = useViews(viewsConfig);\n\n  const shouldShowTitle = toolbarTitle && !views;\n\n  const title = shouldShowTitle ? (\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  ) : undefined;\n\n  return {\n    search: search?.shown !== false,\n    title,\n    views,\n    emptyState,\n    actionCell,\n    bulkActionToolbar,\n    optimisticActions,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEmptyStates","ToolbarTitle","Box","Text","TextButton","useActionCell","useBulkActionToolbar","useAutoPatternsOptimisticActions","useViews","useCommonCollectionFeatures","_ref","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","actionCell","actionCellConfig","bulkActionToolbar","bulkActionToolbarConfig","toolbarTitle","search","emptyState","emptyStateConfig","collection","collectionState","views","viewsConfig","optimisticActions","collectionConfig","config","collectionId","shouldShowTitle","title","createElement","subtitle","text","learnMore","info","content","direction","gap","dataHook","light","size","link","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","undefined","shown"],"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';\nimport { useViews } from './useViews';\n\nexport * from './useFilters';\n\nexport type UseCommonCollectionFeaturesParams = Pick<\n  BaseCollectionComponentConfig,\n  | 'actionCell'\n  | 'toolbarTitle'\n  | 'search'\n  | 'emptyState'\n  | 'collection'\n  | 'bulkActionToolbar'\n  | 'entityPageId'\n  | 'views'\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  views: viewsConfig,\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 views = useViews(viewsConfig);\n\n  const shouldShowTitle = toolbarTitle && !views;\n\n  const title = shouldShowTitle ? (\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  ) : undefined;\n\n  return {\n    search: search?.shown !== false,\n    title,\n    views,\n    emptyState,\n    actionCell,\n    bulkActionToolbar,\n    optimisticActions,\n  };\n};\n"],"mappings":"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","ignoreList":[]}