@wix/auto-patterns 1.15.0 → 1.16.0

package/dist/docs/sdk_and_schema.md

@@ -0,0 +1,215 @@
+## SDK Utilities
+
+The `sdk` parameter provides access to Auto Patterns utilities and context. Available in custom actions across all action types (ActionCell, BulkActions, CollectionPage actions, and EntityPage Actions).
+
+### Key SDK Utilities
+The only functions exist in sdk are:
+
+• **closeModal** - `closeModal(): void`
+  - Closes the currently open modal
+  - Example: `sdk.closeModal()` after saving or canceling
+
+• **getOptimisticActions** - `getOptimisticActions(collectionId): OptimisticActions`
+  - Provides optimistic UI updates for immediate user feedback
+  - Supports create, update, delete operations with automatic rollback on failure
+  - Example: `sdk.getOptimisticActions(sdk.collectionId).updateOne(item, { ... })`
+
+• **getSchema** - `getSchema(collectionId): SchemaConfig | undefined`
+  - Access to collection schema information (fields, types, validation)
+  - Useful for dynamic operations based on collection structure
+  - Example: `const schema = sdk.getSchema(sdk.collectionId)`
+
+• **collectionId** - `string`
+  - Current collection context identifier
+  - Available in all action contexts for referencing the active collection
+  - Example: `sdk.collectionId` to get the current collection ID
+
+---
+
+## OptimisticActions
+
+Provides immediate UI updates with automatic server synchronization and error recovery.
+
+### Usage Rules
+
+**Use OptimisticActions for:**
+- Data modification operations (create, update, delete)
+- Operations requiring immediate visual feedback
+
+**Do NOT use for:**
+- Read-only operations
+- Operations requiring server confirmation first
+
+### Core Pattern
+
+```typescript
+// Get instances from SDK (see SDK Utilities section)
+const optimisticActions = sdk.getOptimisticActions(sdk.collectionId);
+const schema = sdk.getSchema(sdk.collectionId);
+
+optimisticActions.operation(items, {
+  submit: async (items) => schema.actions.serverMethod(items),
+  successToast: 'Success message',
+  errorToast: (err, {retry}) => ({ text: 'Error message', action: { text: 'Retry', onClick: retry }})
+});
+```
+
+### Available Operations
+
+#### Create Operations
+- `createOne(item: T, params: OptimisticParams<T>): void`
+- `createMany(items: T[], params: OptimisticParams<T>): void`
+
+#### Update Operations
+- `updateOne(item: T, params: OptimisticParams<T>): void`
+- `updateMany(items: T[], params: OptimisticParams<T>): void`
+- `updateAll(transformFn: (item: T) => Partial<T>, params: OptimisticParams<T>): void`
+
+#### Delete Operations
+- `deleteOne(item: T, params: OptimisticParams<T> & { showUndoToast: true }): void`
+- `deleteMany(items: T[], params: OptimisticParams<T> & { showUndoToast: true }): void`
+- `deleteAll(params: OptimisticParams<T> & { showUndoToast: true }): void`
+
+### Type Definitions
+
+```typescript
+interface OptimisticParams<T> {
+  submit: (items: T[]) => Promise<any>;
+  successToast: string | ToastConfig;
+  errorToast: (error: Error, actions: { retry: () => void }) => ToastConfig | string;
+  showUndoToast?: boolean; // Required: true for delete operations
+}
+
+interface ToastConfig {
+  text: string;
+  action?: { text: string; onClick: () => void };
+}
+```
+
+### Validation Requirements
+
+**Before using optimistic actions:**
+- Verify `sdk.getOptimisticActions(collectionId)` returns valid instance
+- Verify `sdk.getSchema(collectionId)` returns valid schema
+- For delete operations: `showUndoToast: true` is mandatory
+- All `submit` functions must return a Promise
+
+**SDK Parameter:** Available in custom actions and modals. See SDK Utilities section for complete interface.
+
+---
+
+## SchemaConfig Usage
+
+SchemaConfig provides complete collection metadata and server actions. Essential for dynamic operations and accessing collection structure information.
+
+### Key Properties
+
+• **id** - `string`
+  - Collection identifier (e.g., "WixPets")
+  - Example: `schema.id === "WixPets"`
+
+• **idField** - `string`
+  - Primary key field name (usually "_id")
+  - Required for all update/delete operations
+  - Example: `const id = item[schema.idField]`
+
+• **displayField** - `string`
+  - Main field for displaying items (name, title, etc.)
+  - Used in UI components for item identification
+  - Example: `const label = item[schema.displayField]`
+
+• **fields** - `Record<string, Field | undefined>`
+  - Complete field definitions with types and metadata
+  - Useful for dynamic form generation or validation
+  - Example: `schema.fields.name.type === 'TEXT'`
+
+• **actions** - Server operation functions
+  - Pre-configured API calls for CRUD operations
+  - Use with optimistic actions for best UX
+  - Example: `await schema.actions.update(item)`
+
+### Available Schema Actions
+
+- schema.actions.create(item)        // Create single item
+- schema.actions.update(item)        // Update single item
+- schema.actions.delete(itemId)      // Delete by ID
+- schema.actions.bulkUpdate(updates) // Update multiple items
+- schema.actions.bulkDelete(itemIds) // Delete multiple items
+
+### Schema Validation Checklist
+
+Before using schema in operations:
+
+✓ Check if schema exists: `if (!schema) return;`
+✓ Verify required fields exist on items
+✓ Use `schema.idField` for ID operations
+✓ Use `schema.displayField` for UI display
+✓ Use `schema.actions` for server operations
+
+### Common Usage Patterns
+
+- **ActionCell**: Use `schema.actions.update()` or `schema.actions.delete()` for single item operations
+- **BulkActions**: Use `schema.actions.bulkUpdate()` or `schema.actions.bulkDelete()` for multiple items
+- **Dynamic UI**: Use `schema.fields` to build forms or validate data
+- **Error Messages**: Use `schema.displayField` to create meaningful user feedback
+
+---
+
+## Filters Configuration Notes
+
+To configure filters in a `collectionPage`, add a `filters` property inside the page's component configuration object. Each filter must reference a valid field by its `fieldId`, and the supported types are:
+
+* `numberConfig`: used with fields of type `NUMBER`
+* `dateConfig`: used with fields of type `DATETIME`
+* `booleanConfig`: used with fields of type `BOOLEAN`
+* `enumConfig`: used with fields of type `ARRAY` or `ARRAY_STRING`
+
+### Enum Configuration Implementation
+
+When implementing enum filters, you must ask the user to provide the possible option values. Never invent or assume enum values. Here's how to properly handle enumConfig:
+
+#### Example: User-Provided Enum Implementation
+
+1. First, collect the possible values from the user:
+   ```
+   User requests: "I need a filter for pet types."
+   You ask: "What are the possible values for pet types that should be available in the filter?"
+   User responds: "dog, cat, bird, rabbit, fish"
+   ```
+
+2. Then, create the `enumConfig` structure:
+   ```json
+   "enumConfig": {
+     "options": [
+       { "value": "dog", "label": "Dog" },
+       { "value": "cat", "label": "Cat" },
+       { "value": "bird", "label": "Bird" },
+       { "value": "rabbit", "label": "Rabbit" },
+       { "value": "fish", "label": "Fish" }
+     ],
+     "selectionMode": "multiple",
+     "optionType": "checkbox"
+   }
+   ```
+
+Notice how the `label` is derived from the `value` by capitalizing the first letter. The user's exact values become the `value` property.
+
+### Grouping Filters with Section Title
+
+* Filters can be grouped by sections using the `sectionTitle` property.
+* If multiple filter items share the same `sectionTitle`, they will be displayed together in a grouped section in the UI.
+* Filters without a `sectionTitle` will appear in a default section or be displayed individually.
+* Grouping helps maintain clarity, especially when dealing with multiple filter options.
+
+### Key Guidelines
+
+* **openByDefault**: Automatically expands the filter accordion when the filters panel is opened.
+* **tagLabel**: Specifies the label displayed in a Tag component on the table or grid once the filter is active. For example, if the tagLabel is "Age", the filter display might show: `Age: 7`.
+* **maxInlineFilters**: Limits the number of filters shown inline in the table toolbar. Others are accessible via the panel. Default is 0.
+* **dateConfig.mode**:
+
+  * `ONLY_PREDEFINED`: user can select only from preset options
+  * `ONLY_CUSTOM`: user must select a custom date range manually (no presets)
+  * `COMBINE`: both options available
+* **dateConfig.presets** must be omitted if mode is `ONLY_CUSTOM`.
+* **dateConfig.includeTime**: Controls whether time selection is also enabled alongside date (default is `true`).

package/dist/esm/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.js

@@ -3,6 +3,7 @@ import { AutoPatternsTable } from '../AutoPatternsTable';
 import { AutoPatternsGrid } from '../AutoPatternsGrid';
 import { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';
 import { SchemaProvider } from '../../providers';
+import { SkeletonCollection } from './SkeletonCollection';
 export const AutoPatternsCollectionPageContent = _ref => {
   let {
     configuration
@@ -21,6 +22,7 @@ export const AutoPatternsCollectionPageContent = _ref => {
     }
     const tableConfig = (_layout$find = layout.find(item => item.type === 'Table')) == null ? void 0 : _layout$find.table;
     const gridConfig = (_layout$find2 = layout.find(item => item.type === 'Grid')) == null ? void 0 : _layout$find2.grid;
+    let componentType = 'Table';
     let componentToRender = null;
     if (tableConfig && gridConfig) {
       const config = {
@@ -40,6 +42,7 @@ export const AutoPatternsCollectionPageContent = _ref => {
         configuration: config
       });
     } else if (gridConfig) {
+      componentType = 'Grid';
       const config = {
         ...sharedConfig,
         ...gridConfig
@@ -50,7 +53,10 @@ export const AutoPatternsCollectionPageContent = _ref => {
     }
     return componentToRender ? /*#__PURE__*/React.createElement(SchemaProvider, {
       key: `${sharedConfig.collection.collectionId}-${index}`,
-      collection: sharedConfig.collection
+      collection: sharedConfig.collection,
+      skeleton: /*#__PURE__*/React.createElement(SkeletonCollection, {
+        componentType: componentType
+      })
     }, componentToRender) : null;
   }).filter(Boolean));
 };

package/dist/esm/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AutoPatternsTable","AutoPatternsGrid","AutoPatternsTableGridSwitch","SchemaProvider","AutoPatternsCollectionPageContent","_ref","configuration","components","createElement","Fragment","map","component","index","_layout$find","_layout$find2","layout","sharedConfig","length","tableConfig","find","item","type","table","gridConfig","grid","componentToRender","config","key","collection","collectionId","filter","Boolean"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\nimport { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';\nimport { SchemaProvider } from '../../providers';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components\n        .map((component, index) => {\n          const { layout, ...sharedConfig } = component;\n\n          if (!layout?.length) {\n            return null;\n          }\n\n          const tableConfig = layout.find(\n            (item) => item.type === 'Table',\n          )?.table;\n          const gridConfig = layout.find((item) => item.type === 'Grid')?.grid;\n\n          let componentToRender = null;\n\n          if (tableConfig && gridConfig) {\n            const config = {\n              ...sharedConfig,\n              ...tableConfig,\n              ...gridConfig,\n            };\n            componentToRender = (\n              <AutoPatternsTableGridSwitch configuration={config} />\n            );\n          } else if (tableConfig) {\n            const config = { ...sharedConfig, ...tableConfig };\n            componentToRender = <AutoPatternsTable configuration={config} />;\n          } else if (gridConfig) {\n            const config = { ...sharedConfig, ...gridConfig };\n            componentToRender = <AutoPatternsGrid configuration={config} />;\n          }\n\n          return componentToRender ? (\n            <SchemaProvider\n              key={`${sharedConfig.collection.collectionId}-${index}`}\n              collection={sharedConfig.collection}\n            >\n              {componentToRender}\n            </SchemaProvider>\n          ) : null;\n        })\n        .filter(Boolean)}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,2BAA2B,QAAQ,4DAA4D;AACxG,SAASC,cAAc,QAAQ,iBAAiB;AAMhD,OAAO,MAAMC,iCAAiC,GAAGC,IAAA,IAEH;EAAA,IAFI;IAChDC;EACsC,CAAC,GAAAD,IAAA;EACvC,MAAM;IAAEE;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEP,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QACGF,UAAU,CACRG,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IAAA,IAAAC,YAAA,EAAAC,aAAA;IACzB,MAAM;MAAEC,MAAM;MAAE,GAAGC;IAAa,CAAC,GAAGL,SAAS;IAE7C,IAAI,EAACI,MAAM,YAANA,MAAM,CAAEE,MAAM,GAAE;MACnB,OAAO,IAAI;IACb;IAEA,MAAMC,WAAW,IAAAL,YAAA,GAAGE,MAAM,CAACI,IAAI,CAC5BC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,OAC1B,CAAC,qBAFmBR,YAAA,CAEjBS,KAAK;IACR,MAAMC,UAAU,IAAAT,aAAA,GAAGC,MAAM,CAACI,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,MAAM,CAAC,qBAA3CP,aAAA,CAA6CU,IAAI;IAEpE,IAAIC,iBAAiB,GAAG,IAAI;IAE5B,IAAIP,WAAW,IAAIK,UAAU,EAAE;MAC7B,MAAMG,MAAM,GAAG;QACb,GAAGV,YAAY;QACf,GAAGE,WAAW;QACd,GAAGK;MACL,CAAC;MACDE,iBAAiB,gBACf1B,KAAA,CAAAS,aAAA,CAACN,2BAA2B;QAACI,aAAa,EAAEoB;MAAO,CAAE,CACtD;IACH,CAAC,MAAM,IAAIR,WAAW,EAAE;MACtB,MAAMQ,MAAM,GAAG;QAAE,GAAGV,YAAY;QAAE,GAAGE;MAAY,CAAC;MAClDO,iBAAiB,gBAAG1B,KAAA,CAAAS,aAAA,CAACR,iBAAiB;QAACM,aAAa,EAAEoB;MAAO,CAAE,CAAC;IAClE,CAAC,MAAM,IAAIH,UAAU,EAAE;MACrB,MAAMG,MAAM,GAAG;QAAE,GAAGV,YAAY;QAAE,GAAGO;MAAW,CAAC;MACjDE,iBAAiB,gBAAG1B,KAAA,CAAAS,aAAA,CAACP,gBAAgB;QAACK,aAAa,EAAEoB;MAAO,CAAE,CAAC;IACjE;IAEA,OAAOD,iBAAiB,gBACtB1B,KAAA,CAAAS,aAAA,CAACL,cAAc;MACbwB,GAAG,EAAE,GAAGX,YAAY,CAACY,UAAU,CAACC,YAAY,IAAIjB,KAAK,EAAG;MACxDgB,UAAU,EAAEZ,YAAY,CAACY;IAAW,GAEnCH,iBACa,CAAC,GACf,IAAI;EACV,CAAC,CAAC,CACDK,MAAM,CAACC,OAAO,CACjB,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AutoPatternsTable","AutoPatternsGrid","AutoPatternsTableGridSwitch","SchemaProvider","SkeletonCollection","AutoPatternsCollectionPageContent","_ref","configuration","components","createElement","Fragment","map","component","index","_layout$find","_layout$find2","layout","sharedConfig","length","tableConfig","find","item","type","table","gridConfig","grid","componentType","componentToRender","config","key","collection","collectionId","skeleton","filter","Boolean"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\nimport { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';\nimport { SchemaProvider } from '../../providers';\nimport { SkeletonCollection } from './SkeletonCollection';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components\n        .map((component, index) => {\n          const { layout, ...sharedConfig } = component;\n\n          if (!layout?.length) {\n            return null;\n          }\n\n          const tableConfig = layout.find(\n            (item) => item.type === 'Table',\n          )?.table;\n          const gridConfig = layout.find((item) => item.type === 'Grid')?.grid;\n          let componentType: 'Table' | 'Grid' = 'Table';\n\n          let componentToRender = null;\n\n          if (tableConfig && gridConfig) {\n            const config = {\n              ...sharedConfig,\n              ...tableConfig,\n              ...gridConfig,\n            };\n            componentToRender = (\n              <AutoPatternsTableGridSwitch configuration={config} />\n            );\n          } else if (tableConfig) {\n            const config = { ...sharedConfig, ...tableConfig };\n            componentToRender = <AutoPatternsTable configuration={config} />;\n          } else if (gridConfig) {\n            componentType = 'Grid';\n            const config = { ...sharedConfig, ...gridConfig };\n            componentToRender = <AutoPatternsGrid configuration={config} />;\n          }\n\n          return componentToRender ? (\n            <SchemaProvider\n              key={`${sharedConfig.collection.collectionId}-${index}`}\n              collection={sharedConfig.collection}\n              skeleton={<SkeletonCollection componentType={componentType} />}\n            >\n              {componentToRender}\n            </SchemaProvider>\n          ) : null;\n        })\n        .filter(Boolean)}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,2BAA2B,QAAQ,4DAA4D;AACxG,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,kBAAkB,QAAQ,sBAAsB;AAMzD,OAAO,MAAMC,iCAAiC,GAAGC,IAAA,IAEH;EAAA,IAFI;IAChDC;EACsC,CAAC,GAAAD,IAAA;EACvC,MAAM;IAAEE;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACER,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACGF,UAAU,CACRG,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IAAA,IAAAC,YAAA,EAAAC,aAAA;IACzB,MAAM;MAAEC,MAAM;MAAE,GAAGC;IAAa,CAAC,GAAGL,SAAS;IAE7C,IAAI,EAACI,MAAM,YAANA,MAAM,CAAEE,MAAM,GAAE;MACnB,OAAO,IAAI;IACb;IAEA,MAAMC,WAAW,IAAAL,YAAA,GAAGE,MAAM,CAACI,IAAI,CAC5BC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,OAC1B,CAAC,qBAFmBR,YAAA,CAEjBS,KAAK;IACR,MAAMC,UAAU,IAAAT,aAAA,GAAGC,MAAM,CAACI,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,MAAM,CAAC,qBAA3CP,aAAA,CAA6CU,IAAI;IACpE,IAAIC,aAA+B,GAAG,OAAO;IAE7C,IAAIC,iBAAiB,GAAG,IAAI;IAE5B,IAAIR,WAAW,IAAIK,UAAU,EAAE;MAC7B,MAAMI,MAAM,GAAG;QACb,GAAGX,YAAY;QACf,GAAGE,WAAW;QACd,GAAGK;MACL,CAAC;MACDG,iBAAiB,gBACf5B,KAAA,CAAAU,aAAA,CAACP,2BAA2B;QAACK,aAAa,EAAEqB;MAAO,CAAE,CACtD;IACH,CAAC,MAAM,IAAIT,WAAW,EAAE;MACtB,MAAMS,MAAM,GAAG;QAAE,GAAGX,YAAY;QAAE,GAAGE;MAAY,CAAC;MAClDQ,iBAAiB,gBAAG5B,KAAA,CAAAU,aAAA,CAACT,iBAAiB;QAACO,aAAa,EAAEqB;MAAO,CAAE,CAAC;IAClE,CAAC,MAAM,IAAIJ,UAAU,EAAE;MACrBE,aAAa,GAAG,MAAM;MACtB,MAAME,MAAM,GAAG;QAAE,GAAGX,YAAY;QAAE,GAAGO;MAAW,CAAC;MACjDG,iBAAiB,gBAAG5B,KAAA,CAAAU,aAAA,CAACR,gBAAgB;QAACM,aAAa,EAAEqB;MAAO,CAAE,CAAC;IACjE;IAEA,OAAOD,iBAAiB,gBACtB5B,KAAA,CAAAU,aAAA,CAACN,cAAc;MACb0B,GAAG,EAAE,GAAGZ,YAAY,CAACa,UAAU,CAACC,YAAY,IAAIlB,KAAK,EAAG;MACxDiB,UAAU,EAAEb,YAAY,CAACa,UAAW;MACpCE,QAAQ,eAAEjC,KAAA,CAAAU,aAAA,CAACL,kBAAkB;QAACsB,aAAa,EAAEA;MAAc,CAAE;IAAE,GAE9DC,iBACa,CAAC,GACf,IAAI;EACV,CAAC,CAAC,CACDM,MAAM,CAACC,OAAO,CACjB,CAAC;AAEP,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsCollectionPageContent/SkeletonCollection.js

@@ -0,0 +1,21 @@
+import React, { useEffect } from 'react';
+import { TableGridSwitch, useTableGridSwitchCollection } from '@wix/patterns';
+export const SkeletonCollection = _ref => {
+  let {
+    componentType
+  } = _ref;
+  const state = useTableGridSwitchCollection({
+    queryName: '',
+    fetchData: async () => new Promise(() => {}),
+    limit: 50
+  });
+  useEffect(() => {
+    state.viewType = componentType === 'Table' ? 'table' : 'grid';
+  }, [componentType, state]);
+  return /*#__PURE__*/React.createElement(TableGridSwitch, {
+    state: state,
+    columns: [],
+    dataHook: `auto-patterns-${componentType.toLowerCase()}`
+  });
+};
+//# sourceMappingURL=SkeletonCollection.js.map

package/dist/esm/components/AutoPatternsCollectionPageContent/SkeletonCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","TableGridSwitch","useTableGridSwitchCollection","SkeletonCollection","_ref","componentType","state","queryName","fetchData","Promise","limit","viewType","createElement","columns","dataHook","toLowerCase"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/SkeletonCollection.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { TableGridSwitch, useTableGridSwitchCollection } from '@wix/patterns';\n\nexport const SkeletonCollection = ({\n  componentType,\n}: {\n  componentType: 'Table' | 'Grid';\n}) => {\n  const state = useTableGridSwitchCollection<{}>({\n    queryName: '',\n    fetchData: async () => new Promise(() => {}),\n    limit: 50,\n  });\n\n  useEffect(() => {\n    state.viewType = componentType === 'Table' ? 'table' : 'grid';\n  }, [componentType, state]);\n\n  return (\n    <TableGridSwitch\n      state={state}\n      columns={[]}\n      dataHook={`auto-patterns-${componentType.toLowerCase()}`}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,eAAe,EAAEC,4BAA4B,QAAQ,eAAe;AAE7E,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAI5B;EAAA,IAJ6B;IACjCC;EAGF,CAAC,GAAAD,IAAA;EACC,MAAME,KAAK,GAAGJ,4BAA4B,CAAK;IAC7CK,SAAS,EAAE,EAAE;IACbC,SAAS,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5CC,KAAK,EAAE;EACT,CAAC,CAAC;EAEFV,SAAS,CAAC,MAAM;IACdM,KAAK,CAACK,QAAQ,GAAGN,aAAa,KAAK,OAAO,GAAG,OAAO,GAAG,MAAM;EAC/D,CAAC,EAAE,CAACA,aAAa,EAAEC,KAAK,CAAC,CAAC;EAE1B,oBACEP,KAAA,CAAAa,aAAA,CAACX,eAAe;IACdK,KAAK,EAAEA,KAAM;IACbO,OAAO,EAAE,EAAG;IACZC,QAAQ,EAAE,iBAAiBT,aAAa,CAACU,WAAW,CAAC,CAAC;EAAG,CAC1D,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/AutoPatternsEntityPage.js

@@ -187,7 +187,9 @@ export const AutoPatternsEntityPage = _ref3 => {
     moreActions: resolvedMoreActions.length > 0 ? /*#__PURE__*/React.createElement(MoreActions, {
       items: resolvedMoreActions
     }) : undefined
-  }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, null, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+  }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, {
+    dataHook: "entity-page-main-content"
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
     key: `main-section-card-${layoutIndex}`,
     layout: layout,
     sectionId: "main",

package/dist/esm/components/AutoPatternsEntityPage/AutoPatternsEntityPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","useEntityPageContext","MoreActions","useForm","Card","Cell","Layout","useParams","useSchema","FormFieldInput","useEntityPageHeaderTexts","useNavigation","usePatternsWizardOverridesContext","useEntityPageMoreActions","useActionsSDK","RenderLayoutContent","_ref","_content$container$ch","_overrides$components","content","level","sectionId","cardIndex","contentIndex","setInputRef","schema","overrides","pageState","type","field","fieldId","fields","createElement","span","key","inputRef","ref","container","children","length","map","child","index","component","componentId","Component","components","form","entity","RenderLayoutCard","_ref2","_layout$card$subtitle","layout","minHeight","Header","title","card","text","subtitle","Divider","Content","AutoPatternsEntityPage","_ref3","_pageLayout$main","_pageLayout$sidebar","configuration","pageLayout","parentPageId","route","moreActions","collectionId","mode","params","entityId","id","isCreateMode","inputRefs","input","current","validate","invalidFieldId","Object","keys","find","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","onSave","formValues","getValues","baseEntity","updatedEntity","newEntity","actions","update","create","fetch","undefined","get","config","entityDisplayName","displayField","sdk","resolvedMoreActions","dataHook","items","MainContent","main","layoutIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { CardLayout, EntityPageConfig, LayoutContent } from '../../types';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  useEntityPageContext,\n  MoreActions,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { Card, Cell, Layout } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { FormFieldInput } from './Fields/FormFieldInput';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { usePatternsWizardOverridesContext } from '../../providers';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\n\nconst RenderLayoutContent: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ content, level, sectionId, cardIndex, contentIndex, setInputRef }) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const pageState = useEntityPageContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = schema.fields[content.field.fieldId];\n\n      if (!field) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.field.span}>\n          <FormFieldInput\n            key={content.field.fieldId}\n            field={field}\n            inputRef={(ref) => setInputRef(content.field.fieldId, ref)}\n          />\n        </Cell>\n      );\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <RenderLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component':\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component\n            form={pageState.form as any}\n            entity={pageState.entity as any as Record<string, any>}\n          />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst RenderLayoutCard: React.FC<{\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ layout, sectionId, cardIndex, setInputRef }) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <EntityPage.Card minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <RenderLayoutContent\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                  setInputRef={setInputRef}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </EntityPage.Card>\n      );\n    default:\n      return null;\n  }\n};\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage: React.FC<AutoPatternsEntityPageProps> = ({\n  configuration,\n}) => {\n  const {\n    layout: pageLayout,\n    parentPageId,\n    route,\n    moreActions,\n    collectionId,\n  } = configuration;\n\n  const form = useForm<any>({\n    mode: 'onChange',\n  });\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const isCreateMode = !entityId;\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode,\n    entityDisplayName: entity?.[schema.displayField],\n  });\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n    form,\n  );\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={title}\n        subtitle={subtitle}\n        moreActions={\n          resolvedMoreActions.length > 0 ? (\n            <MoreActions items={resolvedMoreActions} />\n          ) : undefined\n        }\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent>\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","useEntityPageContext","MoreActions","useForm","Card","Cell","Layout","useParams","useSchema","FormFieldInput","useEntityPageHeaderTexts","useNavigation","usePatternsWizardOverridesContext","useEntityPageMoreActions","useActionsSDK","RenderLayoutContent","_ref","_content$container$ch","_overrides$components","content","level","sectionId","cardIndex","contentIndex","setInputRef","schema","overrides","pageState","type","field","fieldId","fields","createElement","span","key","inputRef","ref","container","children","length","map","child","index","component","componentId","Component","components","form","entity","RenderLayoutCard","_ref2","_layout$card$subtitle","layout","minHeight","Header","title","card","text","subtitle","Divider","Content","AutoPatternsEntityPage","_ref3","_pageLayout$main","_pageLayout$sidebar","configuration","pageLayout","parentPageId","route","moreActions","collectionId","mode","params","entityId","id","isCreateMode","inputRefs","input","current","validate","invalidFieldId","Object","keys","find","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","onSave","formValues","getValues","baseEntity","updatedEntity","newEntity","actions","update","create","fetch","undefined","get","config","entityDisplayName","displayField","sdk","resolvedMoreActions","dataHook","items","MainContent","main","layoutIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { CardLayout, EntityPageConfig, LayoutContent } from '../../types';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  useEntityPageContext,\n  MoreActions,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { Card, Cell, Layout } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { FormFieldInput } from './Fields/FormFieldInput';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { usePatternsWizardOverridesContext } from '../../providers';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\n\nconst RenderLayoutContent: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ content, level, sectionId, cardIndex, contentIndex, setInputRef }) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const pageState = useEntityPageContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = schema.fields[content.field.fieldId];\n\n      if (!field) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.field.span}>\n          <FormFieldInput\n            key={content.field.fieldId}\n            field={field}\n            inputRef={(ref) => setInputRef(content.field.fieldId, ref)}\n          />\n        </Cell>\n      );\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <RenderLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component':\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component\n            form={pageState.form as any}\n            entity={pageState.entity as any as Record<string, any>}\n          />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst RenderLayoutCard: React.FC<{\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ layout, sectionId, cardIndex, setInputRef }) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <EntityPage.Card minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <RenderLayoutContent\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                  setInputRef={setInputRef}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </EntityPage.Card>\n      );\n    default:\n      return null;\n  }\n};\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage: React.FC<AutoPatternsEntityPageProps> = ({\n  configuration,\n}) => {\n  const {\n    layout: pageLayout,\n    parentPageId,\n    route,\n    moreActions,\n    collectionId,\n  } = configuration;\n\n  const form = useForm<any>({\n    mode: 'onChange',\n  });\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const isCreateMode = !entityId;\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode,\n    entityDisplayName: entity?.[schema.displayField],\n  });\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n    form,\n  );\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={title}\n        subtitle={subtitle}\n        moreActions={\n          resolvedMoreActions.length > 0 ? (\n            <MoreActions items={resolvedMoreActions} />\n          ) : undefined\n        }\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent dataHook=\"entity-page-main-content\">\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/SkeletonEntity.js

@@ -0,0 +1,91 @@
+import { EntityPage, useEntityPage } from '@wix/patterns';
+import { useForm } from '../../exports/form';
+import React from 'react';
+import { Card, Cell, Layout } from '@wix/design-system';
+const RenderLayoutContent = _ref => {
+  var _content$container$ch;
+  let {
+    content,
+    level,
+    sectionId,
+    cardIndex,
+    contentIndex
+  } = _ref;
+  switch (content.type) {
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.container.span
+      }, /*#__PURE__*/React.createElement(Layout, null, content.container.children.map((child, index) => /*#__PURE__*/React.createElement(RenderLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index
+      }))));
+    default:
+      return null;
+  }
+};
+const RenderLayoutCard = _ref2 => {
+  var _layout$card$subtitle;
+  let {
+    layout,
+    sectionId,
+    cardIndex
+  } = _ref2;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/React.createElement(EntityPage.Card, {
+        minHeight: "50px"
+      }, /*#__PURE__*/React.createElement(Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text
+      }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Layout, null, layout.card.children.map((child, index) => /*#__PURE__*/React.createElement(RenderLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index
+      })))));
+    default:
+      return null;
+  }
+};
+export const SkeletonEntity = _ref3 => {
+  var _entityPage$layout, _entityPage$layout2, _entityPage$layout$si;
+  let {
+    entityPage
+  } = _ref3;
+  const form = useForm();
+  const state = useEntityPage({
+    parentPath: '',
+    form,
+    onSave: async () => ({
+      updatedEntity: {}
+    }),
+    fetch: async () => new Promise(() => {})
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EntityPage, {
+    state: state
+  }, /*#__PURE__*/React.createElement(EntityPage.Header, {
+    title: {
+      text: ''
+    }
+  }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, null, (_entityPage$layout = entityPage.layout) == null || (_entityPage$layout = _entityPage$layout.main) == null ? void 0 : _entityPage$layout.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+    key: `main-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex
+  }))), (_entityPage$layout2 = entityPage.layout) != null && _entityPage$layout2.sidebar ? /*#__PURE__*/React.createElement(EntityPage.AdditionalContent, null, (_entityPage$layout$si = entityPage.layout.sidebar) == null ? void 0 : _entityPage$layout$si.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex
+  }))) : null)));
+};
+//# sourceMappingURL=SkeletonEntity.js.map

package/dist/esm/components/AutoPatternsEntityPage/SkeletonEntity.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EntityPage","useEntityPage","useForm","React","Card","Cell","Layout","RenderLayoutContent","_ref","_content$container$ch","content","level","sectionId","cardIndex","contentIndex","type","container","children","length","createElement","span","map","child","index","key","RenderLayoutCard","_ref2","_layout$card$subtitle","layout","minHeight","Header","title","card","text","subtitle","Divider","Content","SkeletonEntity","_ref3","_entityPage$layout","_entityPage$layout2","_entityPage$layout$si","entityPage","form","state","parentPath","onSave","updatedEntity","fetch","Promise","Fragment","MainContent","main","layoutIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/SkeletonEntity.tsx"],"sourcesContent":["import { EntityPage, EntityPageState, useEntityPage } from '@wix/patterns';\nimport { useForm } from '../../exports/form';\nimport React from 'react';\nimport { EntityPageConfig, CardLayout, LayoutContent } from '../../types';\n\nexport interface SkeletonEntityProps {\n  entityPage: EntityPageConfig;\n}\nimport { Card, Cell, Layout } from '@wix/design-system';\n\nconst RenderLayoutContent: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n}> = ({ content, level, sectionId, cardIndex, contentIndex }) => {\n  switch (content.type) {\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <RenderLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst RenderLayoutCard: React.FC<{\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n}> = ({ layout, sectionId, cardIndex }) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <EntityPage.Card minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <RenderLayoutContent\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </EntityPage.Card>\n      );\n    default:\n      return null;\n  }\n};\n\nexport const SkeletonEntity = ({ entityPage }: SkeletonEntityProps) => {\n  const form = useForm();\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath: '',\n    form,\n    onSave: async () => ({ updatedEntity: {} }),\n    fetch: async () => new Promise(() => {}),\n  });\n\n  return (\n    <>\n      <EntityPage state={state}>\n        <EntityPage.Header title={{ text: '' }} />\n        <EntityPage.Content>\n          <EntityPage.MainContent>\n            {entityPage.layout?.main?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`main-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"main\"\n                cardIndex={layoutIndex}\n              />\n            ))}\n          </EntityPage.MainContent>\n          {entityPage.layout?.sidebar ? (\n            <EntityPage.AdditionalContent>\n              {entityPage.layout.sidebar?.map((layout, layoutIndex) => (\n                <RenderLayoutCard\n                  key={`sidebar-section-card-${layoutIndex}`}\n                  layout={layout}\n                  sectionId=\"sidebar\"\n                  cardIndex={layoutIndex}\n                />\n              ))}\n            </EntityPage.AdditionalContent>\n          ) : null}\n        </EntityPage.Content>\n      </EntityPage>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsRoute/AutoPatternsPage.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';
 import { AutoPatternsEntityPage } from '../AutoPatternsEntityPage';
 import { SchemaProvider } from '../../providers/SchemaContext';
+import { SkeletonEntity } from '../AutoPatternsEntityPage/SkeletonEntity';
 export const AutoPatternsPage = _ref => {
   let {
     pageConfig
@@ -22,7 +23,10 @@ export const AutoPatternsPage = _ref => {
     case 'entityPage':
       if (entityPage) {
         return /*#__PURE__*/React.createElement(SchemaProvider, {
-          collection: entityPage
+          collection: entityPage,
+          skeleton: /*#__PURE__*/React.createElement(SkeletonEntity, {
+            entityPage: entityPage
+          })
         }, /*#__PURE__*/React.createElement(AutoPatternsEntityPage, {
           configuration: entityPage
         }));

package/dist/esm/components/AutoPatternsRoute/AutoPatternsPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AutoPatternsCollectionPage","AutoPatternsEntityPage","SchemaProvider","AutoPatternsPage","_ref","pageConfig","type","collectionPage","entityPage","createElement","configuration","collection"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { PageConfig } from '../../types';\nimport { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';\nimport { AutoPatternsEntityPage } from '../AutoPatternsEntityPage';\nimport { SchemaProvider } from '../../providers/SchemaContext';\n\nexport interface AutoPatternsPageProps {\n  pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n  const { type, collectionPage, entityPage } = pageConfig;\n\n  switch (type) {\n    case 'collectionPage':\n      if (collectionPage) {\n        return <AutoPatternsCollectionPage configuration={collectionPage} />;\n      }\n      break;\n    case 'entityPage':\n      if (entityPage) {\n        return (\n          <SchemaProvider collection={entityPage}>\n            <AutoPatternsEntityPage configuration={entityPage} />\n          </SchemaProvider>\n        );\n      }\n      break;\n    default:\n      break;\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,SAASC,cAAc,QAAQ,+BAA+B;AAM9D,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EACpE,MAAM;IAAEE,IAAI;IAAEC,cAAc;IAAEC;EAAW,CAAC,GAAGH,UAAU;EAEvD,QAAQC,IAAI;IACV,KAAK,gBAAgB;MACnB,IAAIC,cAAc,EAAE;QAClB,oBAAOR,KAAA,CAAAU,aAAA,CAACT,0BAA0B;UAACU,aAAa,EAAEH;QAAe,CAAE,CAAC;MACtE;MACA;IACF,KAAK,YAAY;MACf,IAAIC,UAAU,EAAE;QACd,oBACET,KAAA,CAAAU,aAAA,CAACP,cAAc;UAACS,UAAU,EAAEH;QAAW,gBACrCT,KAAA,CAAAU,aAAA,CAACR,sBAAsB;UAACS,aAAa,EAAEF;QAAW,CAAE,CACtC,CAAC;MAErB;MACA;IACF;MACE;EACJ;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AutoPatternsCollectionPage","AutoPatternsEntityPage","SchemaProvider","SkeletonEntity","AutoPatternsPage","_ref","pageConfig","type","collectionPage","entityPage","createElement","configuration","collection","skeleton"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { PageConfig } from '../../types';\nimport { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';\nimport { AutoPatternsEntityPage } from '../AutoPatternsEntityPage';\nimport { SchemaProvider } from '../../providers/SchemaContext';\nimport { SkeletonEntity } from '../AutoPatternsEntityPage/SkeletonEntity';\n\nexport interface AutoPatternsPageProps {\n  pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n  const { type, collectionPage, entityPage } = pageConfig;\n\n  switch (type) {\n    case 'collectionPage':\n      if (collectionPage) {\n        return <AutoPatternsCollectionPage configuration={collectionPage} />;\n      }\n      break;\n    case 'entityPage':\n      if (entityPage) {\n        return (\n          <SchemaProvider\n            collection={entityPage}\n            skeleton={<SkeletonEntity entityPage={entityPage} />}\n          >\n            <AutoPatternsEntityPage configuration={entityPage} />\n          </SchemaProvider>\n        );\n      }\n      break;\n    default:\n      break;\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,cAAc,QAAQ,0CAA0C;AAMzE,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EACpE,MAAM;IAAEE,IAAI;IAAEC,cAAc;IAAEC;EAAW,CAAC,GAAGH,UAAU;EAEvD,QAAQC,IAAI;IACV,KAAK,gBAAgB;MACnB,IAAIC,cAAc,EAAE;QAClB,oBAAOT,KAAA,CAAAW,aAAA,CAACV,0BAA0B;UAACW,aAAa,EAAEH;QAAe,CAAE,CAAC;MACtE;MACA;IACF,KAAK,YAAY;MACf,IAAIC,UAAU,EAAE;QACd,oBACEV,KAAA,CAAAW,aAAA,CAACR,cAAc;UACbU,UAAU,EAAEH,UAAW;UACvBI,QAAQ,eAAEd,KAAA,CAAAW,aAAA,CAACP,cAAc;YAACM,UAAU,EAAEA;UAAW,CAAE;QAAE,gBAErDV,KAAA,CAAAW,aAAA,CAACT,sBAAsB;UAACU,aAAa,EAAEF;QAAW,CAAE,CACtC,CAAC;MAErB;MACA;IACF;MACE;EACJ;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/dist/esm/hooks/useBaseTableFeatures.js

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { useColumns } from './useColumns';
 import { CustomColumns } from '@wix/patterns';
+import { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';
 import { useNavigation } from './useNavigationUtils';
 export const useBaseTableFeatures = configuration => {
   var _configuration$custom;
@@ -10,7 +11,11 @@ export const useBaseTableFeatures = configuration => {
   const columns = useColumns(configuration.columns);
   const visibleFieldIds = useMemo(() => configuration.columns.map(column => column.id), [configuration]);
   const entityPageId = configuration.entityPageId;
-  const onRowClick = item => navigateToEntityPage({
+  const onRowClickOverride = useCollectionPageOnRowClickActions({
+    collectionPageOnRowClickActions: configuration.onRowClick,
+    collectionId: configuration.collection.collectionId
+  });
+  const onRowClick = configuration.onRowClick ? onRowClickOverride : item => navigateToEntityPage({
     item,
     entityPageId
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useColumns","CustomColumns","useNavigation","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","columns","visibleFieldIds","map","column","id","entityPageId","onRowClick","item","stickyColumns","stickySelectionColumn","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 { useNavigation } from './useNavigationUtils';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n  const { navigateToEntityPage } = useNavigation();\n\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 onRowClick = (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\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\n  };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa,QAAQ,sBAAsB;AAEpD,OAAO,MAAMC,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEhD,MAAMK,OAAO,GAAGP,UAAU,CAACI,aAAa,CAACG,OAAO,CAAC;EACjD,MAAMC,eAAe,GAAGT,OAAO,CAC7B,MAAMK,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,UAAU,GAAIC,IAAS,IAC3BR,oBAAoB,CAAC;IACnBQ,IAAI;IACJF;EACF,CAAC,CAAC;EAEJ,MAAMG,aAAa,GAAGX,aAAa,CAACW,aAAa;EACjD,MAAMC,qBAAqB,GAAG,CAAC,CAACD,aAAa,CAAC,CAAC;;EAE/C,OAAO;IACLR,OAAO;IACPC,eAAe;IACfK,UAAU;IACVI,aAAa,EAAE,CAAAZ,qBAAA,GAAAD,aAAa,CAACa,aAAa,aAA3BZ,qBAAA,CAA6Ba,OAAO,gBACjDpB,KAAA,CAAAqB,aAAA,CAAClB,aAAa,MAAE,CAAC,GACfmB,SAAS;IACbL,aAAa;IACbC;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useColumns","CustomColumns","useCollectionPageOnRowClickActions","useNavigation","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","columns","visibleFieldIds","map","column","id","entityPageId","onRowClickOverride","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","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';\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\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\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;AAEpD,OAAO,MAAMC,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAChD,MAAMK,OAAO,GAAGR,UAAU,CAACK,aAAa,CAACG,OAAO,CAAC;EACjD,MAAMC,eAAe,GAAGV,OAAO,CAC7B,MAAMM,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,GAAGZ,kCAAkC,CAAC;IAC5Da,+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;;EAE/C,OAAO;IACLZ,OAAO;IACPC,eAAe;IACfO,UAAU;IACVM,aAAa,EAAE,CAAAhB,qBAAA,GAAAD,aAAa,CAACiB,aAAa,aAA3BhB,qBAAA,CAA6BiB,OAAO,gBACjDzB,KAAA,CAAA0B,aAAA,CAACvB,aAAa,MAAE,CAAC,GACfwB,SAAS;IACbL,aAAa;IACbC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useCollectionPageOnRowClickActions.js

@@ -0,0 +1,45 @@
+import { useCallback } from 'react';
+import { customAction, resolveAction } from '../utils/actions';
+import { useActionsSDK } from './useActionsSDK';
+export const useCollectionPageOnRowClickActions = _ref => {
+  let {
+    collectionPageOnRowClickActions,
+    collectionId
+  } = _ref;
+  const sdk = useActionsSDK({
+    collectionId
+  });
+  const buildCollectionPageActions = useCallback((item, index) => {
+    if (!collectionPageOnRowClickActions) {
+      return;
+    }
+    const buildAction = actionConfig => {
+      let actionToResolve = null;
+      const baseParams = {
+        actionParams: {
+          item,
+          index
+        },
+        sdk
+      };
+      switch (actionConfig.type) {
+        case 'custom':
+          actionToResolve = customAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        default:
+          return null;
+      }
+      if (!actionToResolve) {
+        return null;
+      }
+      const resolvedAction = resolveAction(actionConfig, actionToResolve);
+      return resolvedAction.onClick == null ? void 0 : resolvedAction.onClick();
+    };
+    return buildAction(collectionPageOnRowClickActions);
+  }, [collectionPageOnRowClickActions, sdk]);
+  return buildCollectionPageActions;
+};
+//# sourceMappingURL=useCollectionPageOnRowClickActions.js.map