@wix/auto-patterns 1.28.0 → 1.30.0

package/dist/docs/bulk_actions.md

@@ -119,6 +119,7 @@ Custom bulk actions execute JavaScript code that you define for bulk operations.
            })
          });
        },
+       biName: 'bulk-export-pets-action'  // MANDATORY: For analytics tracking
      };
    };
    ```
@@ -141,10 +142,11 @@ Custom bulk actions execute JavaScript code that you define for bulk operations.
      "id": "bulkExportPets",        // MUST match the function name exactly
      "type": "custom",              // REQUIRED: Must be exactly "custom"
      "label": "Export Selected",    // Optional: Displayed text
+     "biName": "bulk-export-pets-action"  // MANDATORY: Analytics tracking identifier
    }
    ```
 
-5. Register your action in the `PatternsWizardOverridesProvider`:
+5. Register your action in the `AutoPatternsOverridesProvider`:
    ```typescript
    import { useActions } from '../components/actions';
 
@@ -152,9 +154,9 @@ Custom bulk actions execute JavaScript code that you define for bulk operations.
      const actions = useActions();
 
      return (
-       <PatternsWizardOverridesProvider value={{ actions }}>
+       <AutoPatternsOverridesProvider value={{ actions }}>
          <AutoPatternsApp configuration={config} />
-       </PatternsWizardOverridesProvider>
+       </AutoPatternsOverridesProvider>
      );
    }
    ```
@@ -171,7 +173,7 @@ Custom bulk actions execute JavaScript code that you define for bulk operations.
 
 1. `id` must:
    - Match exactly the function name of the custom bulk action implementation
-   - Be registered in the `actions` property of your `PatternsWizardOverridesProvider`
+   - Be registered in the `actions` property of your `AutoPatternsOverridesProvider`
    - Follow JavaScript identifier naming rules (camelCase recommended)
 
 2. The implementation must return a `ResolvedAction`:
@@ -261,7 +263,7 @@ Follow this decision process when implementing Bulk Action Toolbar:
    - Less common bulk operations → Place in `secondaryActions` array
 
 3. **Custom Implementation**:
-   - For `custom` bulk actions, you must provide implementations in your code and register them with `PatternsWizardOverridesProvider`
+   - For `custom` bulk actions, you must provide implementations in your code and register them with `AutoPatternsOverridesProvider`
 
 ### Bulk Action Toolbar Validation Checklist
 
@@ -276,3 +278,6 @@ AI agents should verify these requirements before generating Bulk Action Toolbar
 ✓ Primary actions use `action`/`menu` structure with proper `action` or `menu` properties
 ✓ Secondary actions are an array that can include dividers
 ✓ Menu items within primary actions is array that can include dividers
+✓ **MANDATORY**: Every action configuration MUST include a `biName` property for analytics tracking
+✓ **MANDATORY**: `biName` must use descriptive, kebab-case naming (e.g., "bulk-export-pets-action")
+✓ **MANDATORY**: `biName` must be unique across the application and follow the pattern `bulk-{action}-action`

package/dist/docs/collection_page.md

@@ -26,7 +26,7 @@ The `layout` array contains the rendering components for the collection. Each la
 1. **Table Layout Item** (`type: 'Table'`):
    * `table` field contains table-specific configuration
    * Used for displaying collection in a **table view**
-   * Includes columns, actionCell, bulkActionToolbar, etc.
+   * Includes columns, bulkActionToolbar, etc.
 
 2. **Grid Layout Item** (`type: 'Grid'`):
    * `grid` field contains grid-specific configuration

package/dist/docs/collection_page_actions.md

@@ -34,7 +34,7 @@ In addition to these common properties, each action item must specify a `type` w
 ### 2. `type: "custom"`
 *   **Purpose**: Executes custom JavaScript logic defined in your application's overrides.
 *   **Details**:
-    *   The `custom` object in the configuration is typically empty. The functionality is determined by a custom action resolver function that you implement and register in the `actions` section of your `PatternsWizardOverridesProvider`. The `id` of this action item must exactly match the name (key) of the registered custom action resolver. The resolver will receive parameters including `collectionId`.
+    *   The `custom` object in the configuration is typically empty. The functionality is determined by a custom action resolver function that you implement and register in the `actions` section of your `AutoPatternsOverridesProvider`. The `id` of this action item must exactly match the name (key) of the registered custom action resolver. The resolver will receive parameters including `collectionId`.
 
 ### 3. `type: "divider"`
 *   **Purpose**: Creates a visual separator between action groups in menus and lists.
@@ -123,6 +123,7 @@ Custom collection page actions execute JavaScript code that you define for colle
      "id": "exportCollection",        // MUST match the function name exactly
      "type": "custom",                // REQUIRED: Must be exactly "custom"
      "label": "Export Collection",    // Optional: Displayed text
+     "biName": "export-collection-action",  // MANDATORY: Analytics tracking identifier
      "collection": {
        "collectionId": "WixPets",
        "entityTypeSource": "cms"
@@ -130,7 +131,7 @@ Custom collection page actions execute JavaScript code that you define for colle
    }
    ```
 
-5. Register your action in the `PatternsWizardOverridesProvider`:
+5. Register your action in the `AutoPatternsOverridesProvider`:
    ```typescript
    import { useActions } from '../components/actions';
 
@@ -138,9 +139,9 @@ Custom collection page actions execute JavaScript code that you define for colle
      const actions = useActions();
 
      return (
-       <PatternsWizardOverridesProvider value={{ actions }}>
+       <AutoPatternsOverridesProvider value={{ actions }}>
          <AutoPatternsApp configuration={config} />
-       </PatternsWizardOverridesProvider>
+       </AutoPatternsOverridesProvider>
      );
    }
    ```
@@ -212,6 +213,7 @@ export const handleRowClick: CustomActionCollectionPageActionOnRowClickResolver
 
       // Your custom logic...
     },
+    biName: 'view-details-action'    // MANDATORY: For analytics tracking
   };
 };
 ```
@@ -247,6 +249,7 @@ export const openSidePanel: CustomActionCollectionPageActionOnRowClickResolver =
       // Or use a modal service/context that you've set up
       // modalService.openSidePanel(item);
     },
+    biName: 'open-side-panel-action'  // MANDATORY: For analytics tracking
   };
 };
 ```
@@ -276,7 +279,7 @@ export const useActions = () => {
 }
 ```
 
-**Step 4: Register in `PatternsWizardOverridesProvider`**:
+**Step 4: Register in `AutoPatternsOverridesProvider`**:
 ```typescript
 import { useActions } from '../components/actions';
 
@@ -284,9 +287,9 @@ export default function YourPage() {
   const actions = useActions();
 
   return (
-    <PatternsWizardOverridesProvider value={{ actions }}>
+    <AutoPatternsOverridesProvider value={{ actions }}>
       <AutoPatternsApp configuration={config} />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 }
 ```
@@ -323,6 +326,7 @@ export const quickToggle: CustomActionCollectionPageActionOnRowClickResolver = (
         })
       });
     },
+    biName: 'quick-toggle-action'     // MANDATORY: For analytics tracking
   };
 };
 ```
@@ -346,7 +350,7 @@ export const quickToggle: CustomActionCollectionPageActionOnRowClickResolver = (
 - The implementation must use the `CustomActionCollectionPageActionOnRowClickResolver` type
 - **Required Return Object**: Must return a `ResolvedAction` object - see [ResolvedAction Reference](./resolved_action.md)
 - Access the clicked item's data through `actionParams.item`
-- The implementation must be exported as a named export and registered in your `PatternsWizardOverridesProvider`
+- The implementation must be exported as a named export and registered in your `AutoPatternsOverridesProvider`
 - When `onRowClick` is configured, the default navigation to entity page is completely disabled
 - **Complete Setup Required**: You need to create the action file, export it in the index, and register it in the provider - missing any step will cause errors
 
@@ -364,7 +368,10 @@ export const quickToggle: CustomActionCollectionPageActionOnRowClickResolver = (
 ✓ Divider actions use `{ "type": "divider" }` format and require no additional properties.
 ✓ If `onRowClick` is configured in table layout, it must have a valid `id` and `type: "custom"`.
 ✓ **CRITICAL**: Custom row click actions must have corresponding implementations registered in the `actions` override - configuration without implementation will cause errors.
-✓ Custom row click action implementations must return an object with `label`, `icon`, and `onClick` properties - all are required.
+✓ Custom row click action implementations must return a `ResolvedAction` object with `label`, `icon`, `onClick`, and `biName` properties - all are required. See [ResolvedAction Reference](./resolved_action.md) for complete field documentation.
 ✓ Custom row click action implementations must be exported as named exports and included in the actions index file.
 ✓ `onRowClick` is optional - when not configured, rows navigate to entity page by default.
 ✓ **IMPORTANT**: Configuring `onRowClick` completely disables default navigation - you must handle all row click logic in your custom implementation.
+✓ **MANDATORY**: Every action configuration MUST include a `biName` property for analytics tracking.
+✓ **MANDATORY**: `biName` must use descriptive, kebab-case naming (e.g., "export-collection-action").
+✓ **MANDATORY**: `biName` must be unique across the application and follow the pattern `{action-purpose}-action`.

package/dist/docs/custom_overrides.md

@@ -3,10 +3,10 @@
 ## Override Rules
 
 - **Custom overrides are restricted to the defined areas only** - attempting to override or modify any other aspect of `AutoPatternsApp` is prohibited and can cause unexpected behavior
-- **Always verify override implementation** - when implementing custom overrides, you MUST ensure they are correctly imported and passed to the `PatternsWizardOverridesProvider`
+- **Always verify override implementation** - when implementing custom overrides, you MUST ensure they are correctly imported and passed to the `AutoPatternsOverridesProvider`
 - **CRITICAL: Error handling for custom actions** - Custom actions that make external API calls (using `fetch()`, `axios`, etc.) should NOT use `errorHandler.withErrorHandler`. Only Wix HTTP requests (httpClient from @wix/essentials, Wix APIs like wix/data and wix/stores, and httpClient.fetchWithAuth()) require errorHandler wrapping. See the "Error Handling for HTTP Requests" section for details.
 
-The `PatternsWizardOverridesProvider` allows you to inject custom code to override default behaviors or add additional functionality. Below are the areas where overrides can be applied:
+The `AutoPatternsOverridesProvider` allows you to inject custom code to override default behaviors or add additional functionality. Below are the areas where overrides can be applied:
 
 > **Note:** These are the only areas where overrides are supported. Avoid attempting to override or modify other parts of the system, as this is not supported and may lead to unexpected behavior.
 
@@ -81,9 +81,9 @@ export default function YourPage() {
   const entityPageHeaderBadges = useEntityPageHeaderBadges();
 
   return (
-    <PatternsWizardOverridesProvider value={{ actions, columns, slots, sections, components, modals, customDataSources, entityPageHeaderSubtitle, entityPageHeaderBadges }}>
+    <AutoPatternsOverridesProvider value={{ actions, columns, slots, sections, components, modals, customDataSources, entityPageHeaderSubtitle, entityPageHeaderBadges }}>
       <AutoPatternsApp configuration={config} />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 }
 ```
@@ -103,7 +103,7 @@ For example:
 - Adding a new subtitle override → Update `../components/entityPageHeaderSubtitle/index.tsx` to include the new subtitle in the `useEntityPageHeaderSubtitle` hook
 - Adding a new badges override → Update `../components/entityPageHeaderBadges/index.tsx` to include the new badges in the `useEntityPageHeaderBadges` hook
 
-Without updating the hook index files, your implementations won't be available to the `PatternsWizardOverridesProvider`.
+Without updating the hook index files, your implementations won't be available to the `AutoPatternsOverridesProvider`.
 
 ## Common Override Mistakes to Avoid
 
@@ -348,9 +348,9 @@ export default function YourPage() {
   const columns = useColumns();
 
   return (
-    <PatternsWizardOverridesProvider value={{ columns }}>
+    <AutoPatternsOverridesProvider value={{ columns }}>
       <AutoPatternsApp configuration={config} />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 }
 ```
@@ -368,7 +368,7 @@ your-page/
         ├── fullName.tsx  // Calculated column
         └── date.tsx      // Enhanced formatting with row context
 
-PatternsWizardOverridesProvider
+AutoPatternsOverridesProvider
  └── value.columns (from useColumns hook)
       ├── name
       ├── petInfo
@@ -525,9 +525,9 @@ export default function YourPage() {
   const components = useComponents();
 
   return (
-    <PatternsWizardOverridesProvider value={{ components }}>
+    <AutoPatternsOverridesProvider value={{ components }}>
       <AutoPatternsApp configuration={config} />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 }
 ```
@@ -656,7 +656,7 @@ your-page/
     │   ├── combinedNameFields.tsx // Multiple fields override
     │   └── infoCard.tsx          // Standalone component
 
-PatternsWizardOverridesProvider
+AutoPatternsOverridesProvider
  └── value.components (from useComponents hook)
       ├── customNameField
       ├── combinedNameFields
@@ -726,7 +726,7 @@ To enable sections, add the `sections` configuration to your table configuration
 
 ### Custom Data Source Hook Structure
 
-Custom data sources are implemented through the `useCustomDataSources` hook in your `PatternsWizardOverridesProvider`:
+Custom data sources are implemented through the `useCustomDataSources` hook in your `AutoPatternsOverridesProvider`:
 
 ```tsx
 import { useCustomDataSources } from '../components/customDataSources';
@@ -735,9 +735,9 @@ export default function YourPage() {
   const customDataSources = useCustomDataSources();
 
   return (
-    <PatternsWizardOverridesProvider value={{ customDataSources }}>
+    <AutoPatternsOverridesProvider value={{ customDataSources }}>
       <AutoPatternsApp configuration={config} />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 }
 ```
@@ -853,9 +853,9 @@ export default function YourPage() {
   const customDataSources = useCustomDataSources();
 
   return (
-    <PatternsWizardOverridesProvider value={{ customDataSources }}>
+    <AutoPatternsOverridesProvider value={{ customDataSources }}>
       <AutoPatternsApp configuration={config} />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 }
 ```
@@ -864,7 +864,7 @@ export default function YourPage() {
 
 ### Creating Section Renderers
 
-Section renderers are functions that determine how to group items and what information to display in section headers. They must be provided through the `PatternsWizardOverridesProvider`.
+Section renderers are functions that determine how to group items and what information to display in section headers. They must be provided through the `AutoPatternsOverridesProvider`.
 
 #### Function Signature
 
@@ -990,9 +990,9 @@ import * as sections from './components/sections';
 import * as columns from './components/columns';
 import * as actions from './components/actions';
 
-<PatternsWizardOverridesProvider value={{ sections, columns, actions }}>
+<AutoPatternsOverridesProvider value={{ sections, columns, actions }}>
   <AutoPatternsApp configuration={config} />
-</PatternsWizardOverridesProvider>
+</AutoPatternsOverridesProvider>
 ```
 
 ### Important Notes
@@ -1138,9 +1138,9 @@ export default function YourPage() {
   const slots = useSlots();
 
   return (
-    <PatternsWizardOverridesProvider value={{ slots }}>
+    <AutoPatternsOverridesProvider value={{ slots }}>
       <AutoPatternsApp configuration={config} />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 }
 ```

package/dist/docs/entity_page.md

@@ -22,7 +22,7 @@ When a user asks to "add badges to the entity page", understand that they want:
 1. **Custom component overrides** - NOT direct configuration in JSON
 2. **Function that returns badge objects** - NOT JSX components
 3. **Badge properties** like `text`, `skin`, `prefixIcon`, etc.
-4. **Registration in PatternsWizardOverridesProvider** under `entityPageHeaderBadges`
+4. **Registration in AutoPatternsOverridesProvider** under `entityPageHeaderBadges`
 
 **Example Request**: "Add 2 badges with random skins and text 'wow'"
 **Correct Implementation**: Create a function that returns `[{text: 'wow', skin: 'success'}, {text: 'wow', skin: 'premium'}]`
@@ -116,7 +116,7 @@ const Index: FC = () => {
   const entityPageHeaderSubtitle = useEntityPageHeaderSubtitle();
 
   return (
-    <PatternsWizardOverridesProvider
+    <AutoPatternsOverridesProvider
       value={{
         // ... other overrides
         entityPageHeaderSubtitle: {
@@ -125,7 +125,7 @@ const Index: FC = () => {
       }}
     >
       <WixPetsPage />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 };
 ```
@@ -176,16 +176,16 @@ export const myFunction = (entity) => { ... }
 
 ### Integration
 
-Register your subtitle override in the `PatternsWizardOverridesProvider`:
+Register your subtitle override in the `AutoPatternsOverridesProvider`:
 
 ```typescript
-<PatternsWizardOverridesProvider value={{
+<AutoPatternsOverridesProvider value={{
   entityPageHeaderSubtitle: {
     mySubtitleOverride,
   },
 }}>
   <AutoPatternsApp configuration={config} />
-</PatternsWizardOverridesProvider>
+</AutoPatternsOverridesProvider>
 ```
 
 ## Entity Page Dynamic Badges
@@ -218,7 +218,7 @@ When implementing badges for entity pages, understand these key points:
 1. **Badges are CUSTOM COMPONENT OVERRIDES** - NOT direct configuration
 2. **Badge function returns an ARRAY of badge objects** - NOT JSX components
 3. **Each badge object has properties** like `text`, `skin`, `prefixIcon`, etc.
-4. **Must be registered in PatternsWizardOverridesProvider** under `entityPageHeaderBadges`
+4. **Must be registered in AutoPatternsOverridesProvider** under `entityPageHeaderBadges`
 
 ### Complete Implementation Guide
 
@@ -273,7 +273,7 @@ const Index: FC = () => {
   const entityPageHeaderBadges = useEntityPageHeaderBadges();
 
   return (
-    <PatternsWizardOverridesProvider
+    <AutoPatternsOverridesProvider
       value={{
         // ... other overrides
         entityPageHeaderSubtitle: {
@@ -285,7 +285,7 @@ const Index: FC = () => {
       }}
     >
       <WixPetsPage />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 };
 ```
@@ -327,7 +327,7 @@ src/dashboard/
 
 1. **❌ DON'T return JSX components** - Return badge objects instead
 2. **❌ DON'T use direct configuration** - Use custom component overrides
-3. **❌ DON'T forget to register in PatternsWizardOverridesProvider**
+3. **❌ DON'T forget to register in AutoPatternsOverridesProvider**
 5. **❌ DON'T forget to export from index.ts** - Must export the function
 
 

package/dist/docs/entity_page_actions.md

@@ -21,18 +21,21 @@ Entity pages in **edit mode** support not only built-in actions (such as "Save"
       {
         "id": "sendEmail",
         "type": "custom",
-        "label": "Send Email"
+        "label": "Send Email",
+        "biName": "send-email-action"
       },
       {
         "id": "exportData",
         "type": "custom",
-        "label": "Export Data"
+        "label": "Export Data",
+        "biName": "export-data-action"
       },
       { "type": "divider" },
       {
         "id": "archiveEntity",
         "type": "custom",
-        "label": "Archive"
+        "label": "Archive",
+        "biName": "archive-entity-action"
       }
     ]
   }
@@ -59,6 +62,7 @@ export const myMoreAction: CustomEntityPageActionResolver = (params) => {
     onClick: () => {
       // Your custom logic here
     },
+    biName: 'my-more-action'  // MANDATORY: For analytics tracking
   };
 };
 ```
@@ -84,9 +88,12 @@ export const myMoreAction: CustomEntityPageActionResolver = (params) => {
 ✓ Each action in `moreActions` has a unique `id` and correct `type` value
 ✓ Each action type only includes its required field(s)
 ✓ Custom actions match implementations in overrides
-✓ The resolver is exported and registered in the `actions` property of your `PatternsWizardOverridesProvider`
+✓ The resolver is exported and registered in the `actions` property of your `AutoPatternsOverridesProvider`
 ✓ The function signature matches `CustomEntityPageActionResolver`
 ✓ The returned object is a `ResolvedAction` (see [ResolvedAction Reference](./resolved_action.md))
+✓ **MANDATORY**: Every action configuration MUST include a `biName` property for analytics tracking
+✓ **MANDATORY**: `biName` must use descriptive, kebab-case naming (e.g., "send-email-action")
+✓ **MANDATORY**: `biName` must be unique across the application and follow the pattern `{action-purpose}-action`
 
 ---
 

package/dist/docs/index.md

@@ -66,6 +66,10 @@ This index maps user requests to the appropriate section IDs for fetching releva
 **Topics**: Package installation, setup process, component integration, provider setup
 **Keywords**: installation, setup, getting started, initial setup, package installation, dependencies, component integration, provider setup
 
+### ID: `app_context`
+**Topics**: AppContext feature, accessing collection data, useAppContext hook, children components, modals, side panels
+**Keywords**: AppContext, useAppContext, collection data access, children, modals, side panels, overlay components, outside main interface
+
 ### ID: `custom_overrides`
 **Topics**: Customization, overrides, custom components, column customization, folder structure
 **Keywords**: customization, custom functionality, overrides, extending functionality, custom components, custom rendering, column overrides, folder structure, organization, row data access

package/dist/docs/installation.md

@@ -56,7 +56,7 @@ import React, { type FC } from 'react';
 import { WixDesignSystemProvider } from '@wix/design-system';
 import '@wix/design-system/styles.global.css';
 import { WixPatternsProvider } from '@wix/patterns/provider';
-import { PatternsWizardOverridesProvider, AutoPatternsApp } from '@wix/auto-patterns';
+import { AutoPatternsOverridesProvider, AutoPatternsApp } from '@wix/auto-patterns';
 import { withDashboard } from '@wix/patterns';
 
 import { config } from './MyCollectionConfig.patterns';
@@ -65,9 +65,9 @@ const Index: FC = () => {
   return (
     <WixDesignSystemProvider features={{ newColorsBranding: true }}>
       <WixPatternsProvider>
-        <PatternsWizardOverridesProvider value={{ }}>
+        <AutoPatternsOverridesProvider value={{ }}>
           <AutoPatternsApp configuration={config} />
-        </PatternsWizardOverridesProvider>
+        </AutoPatternsOverridesProvider>
       </WixPatternsProvider>
     </WixDesignSystemProvider>
   );

package/dist/docs/resolved_action.md

@@ -19,6 +19,7 @@ export interface ResolvedAction {
   hidden?: boolean;
   tooltip?: string;
   skin?: string;
+  biName?: string;
 }
 ```
 
@@ -29,6 +30,7 @@ export interface ResolvedAction {
 - **`label`** (string): Text displayed in the button or menu item.
 - **`icon`** (IconElement): An icon component, typically from `@wix/wix-ui-icons-common`. Example: `icon: <Delete />`.
 - **`onClick`** (function): Handler function invoked when the user triggers the action. Can be async.
+- **`biName`** (string): Business intelligence name for analytics tracking. Used to identify the action in analytics and reporting systems. The value should match the `biName` specified in your action configuration.
 
 ### Optional Fields
 
@@ -52,7 +54,8 @@ return {
   icon: <Add />,
   onClick: () => {
     // Your action logic here
-  }
+  },
+  biName: 'create-action'  // MANDATORY: For analytics tracking
 };
 ```
 
@@ -75,7 +78,8 @@ return {
   disabled: total === 0,
   tooltip: total === 0 ? 'Select at least one item to export' : undefined,
   hidden: !userHasExportPermission,
-  skin: 'premium'
+  skin: 'premium',
+  biName: 'export_selected_items' // MANDATORY: For analytics tracking
 };
 ```
 

package/dist/docs/wix_fqdn_custom_data_source.md

@@ -259,9 +259,9 @@ export default function YourPage() {
   const customDataSources = useCustomDataSources();
 
   return (
-    <PatternsWizardOverridesProvider value={{ customDataSources }}>
+    <AutoPatternsOverridesProvider value={{ customDataSources }}>
       <AutoPatternsApp configuration={config} />
-    </PatternsWizardOverridesProvider>
+    </AutoPatternsOverridesProvider>
   );
 }
 ```

package/dist/esm/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.js

@@ -2,8 +2,7 @@ import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
 import { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';
 import { useCollectionPageActions } from '../../hooks/useCollectionPageActions';
-import { SidePanel, Box } from '@wix/design-system';
-import { useAppConfigContext } from '../../providers';
+import { AutoPatternsCollectionPageFooter } from '../AutoPatternsCollectionPageFooter/AutoPatternsCollectionPageFooter';
 export const AutoPatternsCollectionPage = _ref => {
   let {
     configuration
@@ -12,31 +11,9 @@ export const AutoPatternsCollectionPage = _ref => {
     title,
     subtitle
   } = configuration;
-  const {
-    layout
-  } = useAppConfigContext();
   const actions = useCollectionPageActions({
     collectionPageActions: configuration.actions
   });
-
-  // This is temporary until we have support on it on CollectionPage component of WixPatterns
-  if (layout === 'panel') {
-    return /*#__PURE__*/React.createElement(SidePanel, {
-      skin: "floating",
-      width: "360px"
-    }, /*#__PURE__*/React.createElement(SidePanel.Header, {
-      title: "Manage Content"
-    }), /*#__PURE__*/React.createElement(SidePanel.Content, {
-      noPadding: true,
-      stretchVertically: true
-    }, /*#__PURE__*/React.createElement(Box, {
-      direction: "vertical",
-      width: "100%",
-      height: "490px"
-    }, /*#__PURE__*/React.createElement(AutoPatternsCollectionPageContent, {
-      configuration: configuration
-    }))));
-  }
   return /*#__PURE__*/React.createElement(CollectionPage, {
     height: "100vh",
     dataHook: "auto-patterns-page"
@@ -47,6 +24,6 @@ export const AutoPatternsCollectionPage = _ref => {
     secondaryActions: actions.secondaryActions
   }), /*#__PURE__*/React.createElement(CollectionPage.Content, null, /*#__PURE__*/React.createElement(AutoPatternsCollectionPageContent, {
     configuration: configuration
-  })));
+  })), /*#__PURE__*/React.createElement(CollectionPage.Footer, null, /*#__PURE__*/React.createElement(AutoPatternsCollectionPageFooter, null)));
 };
 //# sourceMappingURL=AutoPatternsCollectionPage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","CollectionPage","AutoPatternsCollectionPageContent","useCollectionPageActions","SidePanel","Box","useAppConfigContext","AutoPatternsCollectionPage","_ref","configuration","title","subtitle","layout","actions","collectionPageActions","createElement","skin","width","Header","Content","noPadding","stretchVertically","direction","height","dataHook","primaryAction","primaryActions","secondaryActions"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\nimport { SidePanel, Box } from '@wix/design-system';\nimport { useAppConfigContext } from '../../providers';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { title, subtitle } = configuration;\n  const { layout } = useAppConfigContext();\n\n  const actions = useCollectionPageActions({\n    collectionPageActions: configuration.actions,\n  });\n\n  // This is temporary until we have support on it on CollectionPage component of WixPatterns\n  if (layout === 'panel') {\n    return (\n      <SidePanel skin=\"floating\" width=\"360px\">\n        <SidePanel.Header title=\"Manage Content\" />\n        <SidePanel.Content noPadding stretchVertically>\n          <Box direction=\"vertical\" width=\"100%\" height=\"490px\">\n            <AutoPatternsCollectionPageContent configuration={configuration} />\n          </Box>\n        </SidePanel.Content>\n      </SidePanel>\n    );\n  }\n\n  return (\n    <CollectionPage height=\"100vh\" dataHook=\"auto-patterns-page\">\n      <CollectionPage.Header\n        title={title}\n        subtitle={subtitle}\n        primaryAction={actions.primaryActions}\n        secondaryActions={actions.secondaryActions}\n      />\n      <CollectionPage.Content>\n        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n    </CollectionPage>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,iCAAiC,QAAQ,sCAAsC;AAExF,SAASC,wBAAwB,QAAQ,sCAAsC;AAC/E,SAASC,SAAS,EAAEC,GAAG,QAAQ,oBAAoB;AACnD,SAASC,mBAAmB,QAAQ,iBAAiB;AAMrD,OAAO,MAAMC,0BAEZ,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EACpB,MAAM;IAAEE,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EACzC,MAAM;IAAEG;EAAO,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAExC,MAAMO,OAAO,GAAGV,wBAAwB,CAAC;IACvCW,qBAAqB,EAAEL,aAAa,CAACI;EACvC,CAAC,CAAC;;EAEF;EACA,IAAID,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEZ,KAAA,CAAAe,aAAA,CAACX,SAAS;MAACY,IAAI,EAAC,UAAU;MAACC,KAAK,EAAC;IAAO,gBACtCjB,KAAA,CAAAe,aAAA,CAACX,SAAS,CAACc,MAAM;MAACR,KAAK,EAAC;IAAgB,CAAE,CAAC,eAC3CV,KAAA,CAAAe,aAAA,CAACX,SAAS,CAACe,OAAO;MAACC,SAAS;MAACC,iBAAiB;IAAA,gBAC5CrB,KAAA,CAAAe,aAAA,CAACV,GAAG;MAACiB,SAAS,EAAC,UAAU;MAACL,KAAK,EAAC,MAAM;MAACM,MAAM,EAAC;IAAO,gBACnDvB,KAAA,CAAAe,aAAA,CAACb,iCAAiC;MAACO,aAAa,EAAEA;IAAc,CAAE,CAC/D,CACY,CACV,CAAC;EAEhB;EAEA,oBACET,KAAA,CAAAe,aAAA,CAACd,cAAc;IAACsB,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC;EAAoB,gBAC1DxB,KAAA,CAAAe,aAAA,CAACd,cAAc,CAACiB,MAAM;IACpBR,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBc,aAAa,EAAEZ,OAAO,CAACa,cAAe;IACtCC,gBAAgB,EAAEd,OAAO,CAACc;EAAiB,CAC5C,CAAC,eACF3B,KAAA,CAAAe,aAAA,CAACd,cAAc,CAACkB,OAAO,qBACrBnB,KAAA,CAAAe,aAAA,CAACb,iCAAiC;IAACO,aAAa,EAAEA;EAAc,CAAE,CAC5C,CACV,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CollectionPage","AutoPatternsCollectionPageContent","useCollectionPageActions","AutoPatternsCollectionPageFooter","AutoPatternsCollectionPage","_ref","configuration","title","subtitle","actions","collectionPageActions","createElement","height","dataHook","Header","primaryAction","primaryActions","secondaryActions","Content","Footer"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\nimport { AutoPatternsCollectionPageFooter } from '../AutoPatternsCollectionPageFooter/AutoPatternsCollectionPageFooter';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { title, subtitle } = configuration;\n\n  const actions = useCollectionPageActions({\n    collectionPageActions: configuration.actions,\n  });\n\n  return (\n    <CollectionPage height=\"100vh\" dataHook=\"auto-patterns-page\">\n      <CollectionPage.Header\n        title={title}\n        subtitle={subtitle}\n        primaryAction={actions.primaryActions}\n        secondaryActions={actions.secondaryActions}\n      />\n      <CollectionPage.Content>\n        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n      <CollectionPage.Footer>\n        <AutoPatternsCollectionPageFooter />\n      </CollectionPage.Footer>\n    </CollectionPage>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,iCAAiC,QAAQ,sCAAsC;AAExF,SAASC,wBAAwB,QAAQ,sCAAsC;AAC/E,SAASC,gCAAgC,QAAQ,sEAAsE;AAMvH,OAAO,MAAMC,0BAEZ,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EACpB,MAAM;IAAEE,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EAEzC,MAAMG,OAAO,GAAGP,wBAAwB,CAAC;IACvCQ,qBAAqB,EAAEJ,aAAa,CAACG;EACvC,CAAC,CAAC;EAEF,oBACEV,KAAA,CAAAY,aAAA,CAACX,cAAc;IAACY,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC;EAAoB,gBAC1Dd,KAAA,CAAAY,aAAA,CAACX,cAAc,CAACc,MAAM;IACpBP,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBO,aAAa,EAAEN,OAAO,CAACO,cAAe;IACtCC,gBAAgB,EAAER,OAAO,CAACQ;EAAiB,CAC5C,CAAC,eACFlB,KAAA,CAAAY,aAAA,CAACX,cAAc,CAACkB,OAAO,qBACrBnB,KAAA,CAAAY,aAAA,CAACV,iCAAiC;IAACK,aAAa,EAAEA;EAAc,CAAE,CAC5C,CAAC,eACzBP,KAAA,CAAAY,aAAA,CAACX,cAAc,CAACmB,MAAM,qBACpBpB,KAAA,CAAAY,aAAA,CAACR,gCAAgC,MAAE,CACd,CACT,CAAC;AAErB,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { usePatternsWizardOverridesContext } from '../../providers';
+import { useAutoPatternsOverridesContext } from '../../providers';
 import { AutoPatternsCollectionComponent } from '../AutoPatternsCollectionComponent/AutoPatternsCollectionComponent';
 export const AutoPatternsCollectionPageContent = _ref => {
   let {
@@ -8,7 +8,7 @@ export const AutoPatternsCollectionPageContent = _ref => {
   const {
     components
   } = configuration;
-  const overrides = usePatternsWizardOverridesContext();
+  const overrides = useAutoPatternsOverridesContext();
   return /*#__PURE__*/React.createElement(React.Fragment, null, components.map((component, index) => {
     if (component.type === 'collection') {
       return /*#__PURE__*/React.createElement(AutoPatternsCollectionComponent, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","usePatternsWizardOverridesContext","AutoPatternsCollectionComponent","AutoPatternsCollectionPageContent","_ref","configuration","components","overrides","createElement","Fragment","map","component","index","type","key","collection","collectionId","_overrides$slots","CustomComponent","slots","id","filter","Boolean"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPageConfig } from '../../types';\nimport { usePatternsWizardOverridesContext } from '../../providers';\nimport { AutoPatternsCollectionComponent } from '../AutoPatternsCollectionComponent/AutoPatternsCollectionComponent';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  const overrides = usePatternsWizardOverridesContext();\n\n  return (\n    <>\n      {components\n        .map((component, index) => {\n          if (component.type === 'collection') {\n            return (\n              <AutoPatternsCollectionComponent\n                key={`collection-${component.collection.collectionId}-${index}`}\n                component={component}\n                index={index}\n              />\n            );\n          } else if (component.type === 'custom') {\n            const CustomComponent = overrides?.slots?.[component.id];\n\n            if (!CustomComponent) {\n              return null;\n            }\n\n            return <CustomComponent key={`custom-${component.id}-${index}`} />;\n          }\n\n          return null;\n        })\n        .filter(Boolean)}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iCAAiC,QAAQ,iBAAiB;AACnE,SAASC,+BAA+B,QAAQ,oEAAoE;AAMpH,OAAO,MAAMC,iCAAiC,GAAGC,IAAA,IAEH;EAAA,IAFI;IAChDC;EACsC,CAAC,GAAAD,IAAA;EACvC,MAAM;IAAEE;EAAW,CAAC,GAAGD,aAAa;EACpC,MAAME,SAAS,GAAGN,iCAAiC,CAAC,CAAC;EAErD,oBACED,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QACGH,UAAU,CACRI,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IACzB,IAAID,SAAS,CAACE,IAAI,KAAK,YAAY,EAAE;MACnC,oBACEb,KAAA,CAAAQ,aAAA,CAACN,+BAA+B;QAC9BY,GAAG,EAAE,cAAcH,SAAS,CAACI,UAAU,CAACC,YAAY,IAAIJ,KAAK,EAAG;QAChED,SAAS,EAAEA,SAAU;QACrBC,KAAK,EAAEA;MAAM,CACd,CAAC;IAEN,CAAC,MAAM,IAAID,SAAS,CAACE,IAAI,KAAK,QAAQ,EAAE;MAAA,IAAAI,gBAAA;MACtC,MAAMC,eAAe,GAAGX,SAAS,aAAAU,gBAAA,GAATV,SAAS,CAAEY,KAAK,qBAAhBF,gBAAA,CAAmBN,SAAS,CAACS,EAAE,CAAC;MAExD,IAAI,CAACF,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,oBAAOlB,KAAA,CAAAQ,aAAA,CAACU,eAAe;QAACJ,GAAG,EAAE,UAAUH,SAAS,CAACS,EAAE,IAAIR,KAAK;MAAG,CAAE,CAAC;IACpE;IAEA,OAAO,IAAI;EACb,CAAC,CAAC,CACDS,MAAM,CAACC,OAAO,CACjB,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useAutoPatternsOverridesContext","AutoPatternsCollectionComponent","AutoPatternsCollectionPageContent","_ref","configuration","components","overrides","createElement","Fragment","map","component","index","type","key","collection","collectionId","_overrides$slots","CustomComponent","slots","id","filter","Boolean"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPageConfig } from '../../types';\nimport { useAutoPatternsOverridesContext } from '../../providers';\nimport { AutoPatternsCollectionComponent } from '../AutoPatternsCollectionComponent/AutoPatternsCollectionComponent';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  const overrides = useAutoPatternsOverridesContext();\n\n  return (\n    <>\n      {components\n        .map((component, index) => {\n          if (component.type === 'collection') {\n            return (\n              <AutoPatternsCollectionComponent\n                key={`collection-${component.collection.collectionId}-${index}`}\n                component={component}\n                index={index}\n              />\n            );\n          } else if (component.type === 'custom') {\n            const CustomComponent = overrides?.slots?.[component.id];\n\n            if (!CustomComponent) {\n              return null;\n            }\n\n            return <CustomComponent key={`custom-${component.id}-${index}`} />;\n          }\n\n          return null;\n        })\n        .filter(Boolean)}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,+BAA+B,QAAQ,iBAAiB;AACjE,SAASC,+BAA+B,QAAQ,oEAAoE;AAMpH,OAAO,MAAMC,iCAAiC,GAAGC,IAAA,IAEH;EAAA,IAFI;IAChDC;EACsC,CAAC,GAAAD,IAAA;EACvC,MAAM;IAAEE;EAAW,CAAC,GAAGD,aAAa;EACpC,MAAME,SAAS,GAAGN,+BAA+B,CAAC,CAAC;EAEnD,oBACED,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QACGH,UAAU,CACRI,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;IACzB,IAAID,SAAS,CAACE,IAAI,KAAK,YAAY,EAAE;MACnC,oBACEb,KAAA,CAAAQ,aAAA,CAACN,+BAA+B;QAC9BY,GAAG,EAAE,cAAcH,SAAS,CAACI,UAAU,CAACC,YAAY,IAAIJ,KAAK,EAAG;QAChED,SAAS,EAAEA,SAAU;QACrBC,KAAK,EAAEA;MAAM,CACd,CAAC;IAEN,CAAC,MAAM,IAAID,SAAS,CAACE,IAAI,KAAK,QAAQ,EAAE;MAAA,IAAAI,gBAAA;MACtC,MAAMC,eAAe,GAAGX,SAAS,aAAAU,gBAAA,GAATV,SAAS,CAAEY,KAAK,qBAAhBF,gBAAA,CAAmBN,SAAS,CAACS,EAAE,CAAC;MAExD,IAAI,CAACF,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,oBAAOlB,KAAA,CAAAQ,aAAA,CAACU,eAAe;QAACJ,GAAG,EAAE,UAAUH,SAAS,CAACS,EAAE,IAAIR,KAAK;MAAG,CAAE,CAAC;IACpE;IAEA,OAAO,IAAI;EACb,CAAC,CAAC,CACDS,MAAM,CAACC,OAAO,CACjB,CAAC;AAEP,CAAC","ignoreList":[]}