@wix/patterns 1.460.0 → 1.462.0

package/dist/docs/operatorFilter.md

@@ -42,6 +42,8 @@ import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
 import {
   operatorFilter,
+  OffsetQuery,
+  OperatorFilterState,
   FilterOperator,
   OperatorFilterPicker,
   transformOperatorFilterToWQL,
@@ -84,7 +86,12 @@ function operatorFilterWithTableExample() {
     filters: {
       name: nameFilter,
     },
-    fetchData: async ({ limit, offset, search, filters }) => {
+    fetchData: async ({
+      limit,
+      offset,
+      search,
+      filters,
+    }: OffsetQuery<{ name: OperatorFilterState<string> }>) => {
       const nameFilters = filters.name
         ? transformOperatorFilterToWQL('name', filters.name)
         : [];
@@ -101,7 +108,9 @@ function operatorFilterWithTableExample() {
             cursorPaging: { limit, offset },
           },
         }),
-      )) as { data: { contacts: Contact[]; pagingMetadata: { total: number } } };
+      )) as {
+        data: { contacts: Contact[]; pagingMetadata: { total: number } };
+      };
 
       return {
         items: response?.data?.contacts || [],
@@ -145,7 +154,9 @@ function operatorFilterWithTableExample() {
                   title: 'Created',
                   render: (contact) =>
                     contact.createdDate
-                      ? new window.Date(contact.createdDate).toLocaleDateString()
+                      ? new window.Date(
+                          contact.createdDate,
+                        ).toLocaleDateString()
                       : '',
                 },
               ]}

package/dist/docs/useNestedTable.md

@@ -29,6 +29,7 @@ import {
   useCreateCollection,
   Filter,
   stringsArrayFilter,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
@@ -56,7 +57,7 @@ function SingleEntityNestedTable() {
           filters: {
             parentId: stringsArrayFilter(),
           },
-          fetchData: (query) => {
+          fetchData: (query: OffsetQuery<ContactFilters>) => {
             const { limit, offset, search, filters } = query;
             return httpClient
               .request(

package/dist/dts-bundle/components/CollectionPage.d.ts

@@ -1,43 +1,203 @@
-import { PageProps } from '@wix/design-system';
-import React, { ReactNode } from 'react';
+import { ContentProps, BreadcrumbsProps, Breadcrumbs, BadgeProps, PageProps } from '@wix/design-system';
+import * as React from 'react';
+import React__default, { ReactElement, ReactNode } from 'react';
+
+declare function useCollectionPageHeader(child: CollectionPageHeaderElement): React__default.JSX.Element;
+
+interface CollectionPageContentProps extends ContentProps {
+}
+type CollectionPageContentElement = ReactElement<CollectionPageContentProps, typeof CollectionPageContent>;
+declare function CollectionPageContent(_props: CollectionPageContentProps): null;
+declare namespace CollectionPageContent {
+    var useCollectionPageContent: typeof useCollectionPageContent;
+    var displayName: string;
+}
+
+declare function useCollectionPageContent(child: CollectionPageContentElement): React__default.JSX.Element;
+
+interface CollectionPageFooterProps {
+    children?: React.ReactNode;
+}
+type CollectionPageFooterElement = ReactElement<CollectionPageFooterProps, typeof CollectionPageFooter>;
+declare function CollectionPageFooter(_props: CollectionPageFooterProps): null;
+declare namespace CollectionPageFooter {
+    var useCollectionPageFooter: typeof useCollectionPageFooter;
+    var displayName: string;
+}
+
+declare function useCollectionPageFooter(child: CollectionPageFooterElement): React__default.JSX.Element;
+
+interface ExploreAppsModalProps {
+    title: string;
+    subtitle: string;
+    tag: string;
+}
 
 /**
- * `CollectionState` — you receive this, you don't construct it.
- * Produced by `useFilterCollection()` (also `useStaticListFilterCollection()`, `useCollection()`, `createCollection()`).
+ * `MoreActionsItem` — cut here because it has its own bundle.
+ * Look `MoreActionsItem` up in the bundle index for its full shape.
  */
-declare class CollectionState<T = any, F = any> {
+interface MoreActionsItem {
     [key: string]: unknown;
 }
 
 /**
- * `Filter` — cut here because it has its own bundle.
- * Look `Filter` up in the bundle index for its full shape.
+ * `WixPatternsContainer` — you receive this, you don't construct it.
+ * Produced by `useWixPatternsContainer()` (also `buildWixPatternsContainer()`, `useCustomFieldsViewWidget()`).
  */
-interface Filter<T = any> {
+declare class WixPatternsContainer {
+    [key: string]: unknown;
+}
+
+/**
+ * `CollectionPageState` — you receive this, you don't construct it.
+ * Produced by `useCollectionPageState()` (also `useCollectionPageContext()`).
+ */
+declare class CollectionPageState {
     [key: string]: unknown;
 }
-type FiltersMap = {
-    [key: string]: Filter<any> | undefined;
-};
 
-interface CollectionPageProps<T, F extends FiltersMap> extends PageProps {
+type MoreActionItemFactory = (params: {
+    pageState: CollectionPageState;
+    container: WixPatternsContainer;
+}) => MoreActionsItem;
+type MoreActionsPropItem = MoreActionsItem | MoreActionItemFactory;
+
+interface MoreActionsProps {
     /**
-     * A collection state instance created with [useCollection](./?path=/story/common-hooks--usecollection)
+     * Actions items that appear in the `MoreActions` popover menu. \
+     * Actions can be grouped by using an array of arrays. \
+     * Each sub-array represents a different group within the popover, \
+     * and a divider will be rendered after each sub-array to separate the groups.
+     * @overrideType [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[] | [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[][]
      * @external
      */
-    state: CollectionState<T, F>;
-    children?: ReactNode;
+    items?: MoreActionsPropItem[] | MoreActionsPropItem[][];
     /**
-     * Hide total items count
-     * @external
+     * An id of the container defined in the installed on a site application that contains TPA's actions.
+     */
+    containerId?: string;
+    /**
+     * Additional properties passed to the `onClick` of the container's extensions menu items.
+     */
+    containerProps?: Record<string, any>;
+    /**
+     * Additional info for cairoPageCtaClicked BI event.
      */
-    hideTotal?: boolean;
+    biAdditionalInfo?: string;
+    dataHook?: string;
+    exploreAppsModalProps?: ExploreAppsModalProps;
+}
+
+interface MoreActionsIconProps extends MoreActionsProps {
+}
+declare function _MoreActionsIcon(params: MoreActionsIconProps): React__default.JSX.Element;
+declare const MoreActionsIcon: typeof _MoreActionsIcon & {
+    displayName: string;
+};
+
+type MoreActionsElement = ReactElement<MoreActionsProps, typeof MoreActionsIcon>;
+
+/**
+ * Props for the PageSubTitle component.
+ * @property {string} text The subtitle text.
+ * @property {Object} [learnMore] An object with a `url` (required) for displaying a link button on the subtitle.
+ * @property {string} learnMore.url where the link should navigate to
+ * @property {string} [learnMore.label ="Learn more"] - the label of the link button. defaults to "Learn More"
+ */
+interface PageSubTitleProps {
+    text: string;
+    learnMore?: {
+        url: string;
+        label?: string;
+    };
 }
+
 /**
- * @deprecated Use [CollectionPage](./?path=%2Fstory%2Fbase-components-pages-collection-page--collectionpage) from
- * `@wix/patterns/page`
+ * `ActionSubitem` — cut here because it has its own bundle.
+ * Look `ActionSubitem` up in the bundle index for its full shape.
  */
-declare function CollectionPage<T, F extends FiltersMap = FiltersMap>({ children, state, hideTotal, ...rest }: CollectionPageProps<T, F>): React.JSX.Element;
+type ActionSubitem = Record<string, unknown>;
+
+type SecondaryActionsElement = ReactElement<ActionSubitem, typeof SecondaryActions>;
+declare function SecondaryActions({ subItems, ...props }: ActionSubitem): React__default.JSX.Element;
+
+type PrimaryActionsElement = ReactElement<ActionSubitem, typeof PrimaryActions>;
+declare function PrimaryActions({ subItems, ...props }: ActionSubitem): React__default.JSX.Element;
+
+type BreadcrumbsElement = ReactElement<BreadcrumbsProps, typeof Breadcrumbs>;
+type CollectionPageHeaderBadge = Pick<BadgeProps, 'skin' | 'prefixIcon' | 'suffixIcon'> & {
+    text: string;
+};
+interface CollectionPageHeaderProps {
+    /**
+     * A [`Breadcrumbs`](https://www.docs.wixdesignsystem.com/?path=/story/components-navigation--breadcrumbs) element to be rendered on the header.
+     * @overrideType [Breadcrumbs](https://www.docs.wixdesignsystem.com/?path=/story/components-navigation--breadcrumbs)
+     * @external
+     */
+    breadcrumbs?: BreadcrumbsElement;
+    /**
+     * `text`: The title text. \
+     * `hideTotal`: Determines whether to hide the number of total entities on the title of the page. \
+     * `badges`: Badges rendered at the end of the title row, after the total. Their size is always `small`. \
+     * The minimized header shows the title text on its own, so badges are not rendered while it is collapsed.
+     * @external
+     */
+    title: {
+        text: string;
+        hideTotal?: boolean;
+        badges?: CollectionPageHeaderBadge[];
+    };
+    /**
+     * The page subtitle text.
+     * @external
+     */
+    subtitle?: PageSubTitleProps;
+    /**
+     * A [`PrimaryActions`](./?path=/story/features-actions-primary-actions--primary-actions) component to be rendered on the header.
+     * A primary button w/o PopoverMenu component to be rendered in the header.
+     * @overrideType [PrimaryActions](./?path=/story/features-actions-primary-actions--primary-actions)
+     * @external
+     */
+    primaryAction?: PrimaryActionsElement;
+    /**
+     * A [`SecondaryActions`](./?path=/story/features-actions-secondary-actions--secondary-actions) component to be rendered on the header.
+     * A Secondary button w/o PopoverMenu component to be rendered on the header
+     * @overrideType [SecondaryActions](./?path=/story/features-actions-secondary-actions--secondary-actions)
+     * @external
+     */
+    secondaryActions?: SecondaryActionsElement;
+    /**
+     * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.
+     * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)
+     * @external
+     */
+    moreActions?: MoreActionsElement;
+}
+type CollectionPageHeaderElement = ReactElement<CollectionPageHeaderProps, typeof CollectionPageHeader>;
+declare function CollectionPageHeader(_props: CollectionPageHeaderProps): null;
+declare namespace CollectionPageHeader {
+    var useCollectionPageHeader: typeof useCollectionPageHeader;
+    var displayName: string;
+}
+
+interface CollectionPageProps extends PageProps {
+    /**
+     * Accepts [CollectionPage.Header](./?path=/story/base-components-pages-collection-page--collectionpage-header) and [CollectionPage.Content](./?path=/story/base-components-pages-collection-page--collectionpage-content) elements
+     * @external
+     */
+    children?: ReactNode;
+}
+declare function _CollectionPage({ children, scrollableContentRef, ...rest }: CollectionPageProps): React__default.JSX.Element;
+declare namespace _CollectionPage {
+    var Header: typeof CollectionPageHeader;
+    var Content: typeof CollectionPageContent;
+    var Footer: typeof CollectionPageFooter;
+    var displayName: string;
+}
+declare const CollectionPage: typeof _CollectionPage & {
+    displayName: string;
+};
 
 export { CollectionPage };
 export type { CollectionPageProps };

package/dist/dts-bundle/components/TableFolders.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactElement, ReactNode, ComponentType, ForwardRefExoticComponent } from 'react';
-import { MessageModalLayoutProps, TableProps } from '@wix/design-system';
-import { TableColumn as TableColumn$1 } from '@wix/design-system/dist/types/Table';
+import React, { ReactElement, CSSProperties, ReactNode, ComponentType, ForwardRefExoticComponent } from 'react';
+import { MessageModalLayoutProps, TableColumn as TableColumn$1, TableProps } from '@wix/design-system';
+import { TableColumn as TableColumn$2 } from '@wix/design-system/dist/types/Table';
 
 /**
  * `CollectionState` — you receive this, you don't construct it.
@@ -10,6 +10,34 @@ declare class CollectionState<T = any, F = any> {
     [key: string]: unknown;
 }
 
+type ValidationRule = {
+    type: 'required';
+    message: string;
+} | {
+    type: 'min' | 'max';
+    value: number;
+    message: string;
+} | {
+    type: 'minLength' | 'maxLength';
+    value: number;
+    message: string;
+} | {
+    type: 'pattern';
+    value: RegExp;
+    message: string;
+} | {
+    type: 'custom';
+    validate: (value: unknown) => boolean;
+    message: string;
+} | {
+    type: 'specificValues';
+    values: {
+        id: string;
+        value: string;
+    }[];
+    message: string;
+};
+
 /**
  * `Filter` — cut here because it has its own bundle.
  * Look `Filter` up in the bundle index for its full shape.
@@ -21,6 +49,14 @@ type FiltersMap = {
     [key: string]: Filter<any> | undefined;
 };
 
+type SortOrder = 'asc' | 'desc';
+type SortOrderWithNone = SortOrder | undefined;
+/**
+ * @deprecated always option is deprecated
+ */
+type SortModeDeprecated = 'always';
+type SortMode = SortModeDeprecated | SortOrderWithNone[];
+
 interface KeyedItem<T> {
     item: T;
     key: string;
@@ -37,6 +73,13 @@ interface ActionCellAPI$1<T, F extends FiltersMap> {
     keyedItem: KeyedItem<T>;
 }
 
+/**
+ * Canonical field type keys (UPPER_SNAKE_CASE).
+ * The map is keyed by these values; incoming camelCase strings
+ * are normalised before lookup.
+ */
+type FieldType = 'SHORT_TEXT' | 'LONG_TEXT' | 'NUMBER' | 'BOOLEAN' | 'DATE' | 'DATE_TIME' | 'DATETIME' | 'TIME' | 'URL' | 'EMAIL' | 'IMAGE' | 'MEDIA_GALLERY' | 'AUDIO' | 'DOCUMENT' | 'MULTI_DOCUMENT' | 'RICH_TEXT' | 'RICH_CONTENT' | 'REFERENCE' | 'MULTI_REFERENCE' | 'OBJECT' | 'ARRAY' | 'ADDRESS' | 'COLOR' | 'INTEGER' | 'DECIMAL' | 'CHECKBOX' | 'DROPDOWN' | 'FILES' | 'MULTI_SELECT';
+
 type ActionCellAPI<T, F extends FiltersMap> = ActionCellAPI$1<T, F>;
 /**
  * `ActionCellProps` — cut here because it has its own bundle.
@@ -99,11 +142,120 @@ declare class TableFoldersState<T1 = any, F1 = any, T2 = any, F2 = any> {
     [key: string]: unknown;
 }
 
+type TableColumnBase<T = any> = Omit<TableColumn$1<T>, 'sortDescending' | 'sortable' | 'infoTooltipProps' | 'style' | 'titleSuffix'> & {
+    style?: CSSProperties | ((column: TableColumn$1, rowData: KeyedItem<T>, rowNum: number) => CSSProperties);
+    reorderDisabled?: boolean;
+    defaultSortOrder?: SortOrder;
+    sortMode?: SortMode;
+    searchable?: boolean;
+    infoTooltipProps?: TableColumn$1['infoTooltipProps'] & {
+        panelContent?: ReactNode;
+    };
+    mobile?: ColumnMobileConfig;
+    /**
+     * The field type string used to resolve a prefix icon for the column.
+     * Cairo maps this to the appropriate icon internally.
+     * @external
+     */
+    fieldType?: FieldType;
+    /**
+     * Explicit prefix icons for the column (e.g. a custom field type's
+     * `display.icons`). When present, used instead of the `fieldType` mapping.
+     * @external
+     */
+    fieldTypeIcons?: {
+        Small: ComponentType;
+        Medium: ComponentType;
+    };
+    /**
+     * Whether the field contains personally identifiable information.
+     * @external
+     */
+    isPii?: boolean;
+    /**
+     * only for cms. Whether this is a system-managed field.
+     * @external
+     */
+    isSystem?: boolean;
+    /**
+     * Whether this is the primary display field.
+     * @external
+     */
+    isPrimary?: boolean;
+    /**
+     * Column-level validation rules. When a `required` rule is present, a required indicator is shown in the custom columns panel.
+     * @external
+     */
+    validation?: ValidationRule[];
+};
+interface TableColumnOptional<T> extends TableColumnBase<T> {
+    id?: string;
+    name?: string;
+    hiddenFromCustomColumnsSelection?: undefined | true;
+    hideable?: undefined;
+    defaultHidden?: undefined;
+}
+interface TableColumnCustom<T> extends TableColumnBase<T> {
+    id: string;
+    name: string;
+    hiddenFromCustomColumnsSelection?: false;
+    hideable?: true;
+    defaultHidden?: boolean;
+}
+interface TableColumnCustomOptionalName<T> extends TableColumnBase<T> {
+    id: string;
+    name?: string;
+    title: TableColumnBase['title'];
+    hiddenFromCustomColumnsSelection?: false;
+    hideable?: true;
+    defaultHidden?: boolean;
+}
+interface TableColumnCustomDefaultHidden<T> extends TableColumnBase<T> {
+    id: string;
+    name?: string;
+    title: TableColumnBase['title'];
+    hiddenFromCustomColumnsSelection?: false;
+    hideable: false;
+    defaultHidden?: undefined | false;
+}
+type CustomColumnConfig<T> = TableColumnOptional<T> | TableColumnCustom<T> | TableColumnCustomDefaultHidden<T> | TableColumnCustomOptionalName<T>;
+interface SortableColumnConfig<T> extends TableColumnBase<T> {
+    id: string;
+    sortable: true;
+}
+interface NotSortableColumnConfig<T> extends TableColumnBase<T> {
+    id?: string;
+    sortable?: false;
+}
+type SortableConfig<T> = SortableColumnConfig<T> | NotSortableColumnConfig<T>;
 /**
  * `TableColumn` — cut here because it has its own bundle.
  * Look `TableColumn` up in the bundle index for its full shape.
  */
-type TableColumn<T = any> = Record<string, unknown>;
+type TableColumn<T = any> = CustomColumnConfig<T> & SortableConfig<T>;
+type ColumnMobileConfig = {
+    /**
+     * Which mobile column to display in.
+     * - 'first': Stacks vertically with other 'first' columns
+     * - 'second': Displays as standalone second column
+     * - undefined: Hidden on mobile
+     */
+    column: 'first';
+    /**
+     * Sort order within 'first' column (lower appears higher).
+     * Only relevant when column is 'first'.
+     * @default Infinity
+     */
+    order?: number;
+} | {
+    /**
+     * Which mobile column to display in.
+     * - 'first': Stacks vertically with other 'first' columns
+     * - 'second': Displays as standalone second column
+     * - undefined: Hidden on mobile
+     */
+    column?: 'second';
+};
 
 interface CollectionTableContentBaseProps {
     children?: ReactNode;
@@ -150,7 +302,7 @@ interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap> extends T
     visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];
 }
 
-interface ActionCellPropsType<T> extends Partial<Omit<TableColumn$1<T>, 'render' | 'style'>> {
+interface ActionCellPropsType<T> extends Partial<Omit<TableColumn$2<T>, 'render' | 'style'>> {
 }
 interface CollectionTableActionCellProps<T, F extends FiltersMap> {
     /**

package/dist/dts-bundle/components/WixPatternsBMProvider.d.ts

@@ -1,4 +1,4 @@
-import React$1, { FunctionComponent } from 'react';
+import react, { FunctionComponent, ReactNode } from 'react';
 import { Essentials, EssentialsOptions } from '@wix/fe-essentials/core';
 import { ReportProps, LogParams } from '@wix/fe-essentials/bi';
 import { errorHandler } from '@wix/essentials';
@@ -7,7 +7,6 @@ import { History } from 'history';
 import { QueryCache } from 'react-query/core';
 import { HttpRequestOrHttpRequestFactory, RequestOverrides } from '@wix/fe-essentials/http-client';
 import { SDK } from '@wix/dashboard';
-import { CairoProviderBaseProps } from '@wix/bex-core/react';
 
 interface Environment {
     readonly language: string;
@@ -73,6 +72,8 @@ type ShowToast = (toastConfig: ToastConfig) => {
     remove: RemoveToast;
 };
 
+type PatternsLayoutType = 'panel' | 'page';
+
 interface HttpClient {
     request<T>(req: HttpRequestOrHttpRequestFactory<T>, overrides?: RequestOverrides): Promise<{
         data: T;
@@ -255,11 +256,20 @@ interface WixPatternsEssentials {
 interface WixPatternsEssentialsOverrides extends Omit<Partial<WixPatternsEssentials>, 'environment'> {
     environment: Partial<WixPatternsEssentials['environment']>;
 }
+type ContextType = 'ACCOUNT' | 'SITE';
+
+interface CairoProviderBaseProps {
+    children?: ReactNode;
+    localCache?: boolean;
+    contextType?: ContextType;
+    layoutType?: PatternsLayoutType;
+    useRelativeSidePanel?: boolean;
+}
 
 interface WixPatternsBMProviderProps extends Omit<CairoProviderBaseProps, 'contextType'> {
     overrides?: Partial<WixPatternsEssentialsOverrides>;
 }
-declare function WixPatternsBMProvider(props: WixPatternsBMProviderProps): React$1.JSX.Element;
+declare function WixPatternsBMProvider(props: WixPatternsBMProviderProps): react.JSX.Element;
 
 export { WixPatternsBMProvider };
 export type { WixPatternsBMProviderProps };

package/dist/dts-bundle/components/WixPatternsBaseProvider.d.ts

@@ -1,5 +1,4 @@
-import React$1, { FunctionComponent, ReactNode } from 'react';
-import { CairoProviderBaseProps } from '@wix/bex-core/react';
+import react, { FunctionComponent, ReactNode } from 'react';
 import { Essentials, EssentialsOptions } from '@wix/fe-essentials/core';
 import { ReportProps, LogParams } from '@wix/fe-essentials/bi';
 import { errorHandler } from '@wix/essentials';
@@ -73,6 +72,8 @@ type ShowToast = (toastConfig: ToastConfig) => {
     remove: RemoveToast;
 };
 
+type PatternsLayoutType = 'panel' | 'page';
+
 interface HttpClient {
     request<T>(req: HttpRequestOrHttpRequestFactory<T>, overrides?: RequestOverrides): Promise<{
         data: T;
@@ -252,6 +253,15 @@ interface WixPatternsEssentials {
     /** Opens the Wix Media Manager. Provided by the Dashboard SDK via context. */
     openMediaManager?: OpenMediaManager;
 }
+type ContextType = 'ACCOUNT' | 'SITE';
+
+interface CairoProviderBaseProps {
+    children?: ReactNode;
+    localCache?: boolean;
+    contextType?: ContextType;
+    layoutType?: PatternsLayoutType;
+    useRelativeSidePanel?: boolean;
+}
 
 type WixPatternsMinimalEssentials = Omit<WixPatternsEssentials, 'useExperiments' | 'experiments' | 'Trans' | 'user'> & {
     useExperiments?: WixPatternsEssentials['useExperiments'];
@@ -268,7 +278,7 @@ interface WixPatternsBaseProviderProps extends CairoProviderBaseProps {
     children?: ReactNode;
     localCache?: boolean;
 }
-declare function WixPatternsBaseProvider({ value: valueProp, children, ...rest }: WixPatternsBaseProviderProps): React$1.JSX.Element;
+declare function WixPatternsBaseProvider({ value: valueProp, children, ...rest }: WixPatternsBaseProviderProps): react.JSX.Element;
 
 export { WixPatternsBaseProvider };
 export type { WixPatternsBaseProviderProps };

package/dist/dts-bundle/components/WixPatternsEssentialsProvider.d.ts

@@ -1,4 +1,4 @@
-import React$1, { FunctionComponent } from 'react';
+import react, { FunctionComponent, ReactNode } from 'react';
 import { Essentials, EssentialsOptions } from '@wix/fe-essentials/core';
 import { ReportProps, LogParams } from '@wix/fe-essentials/bi';
 import { errorHandler } from '@wix/essentials';
@@ -7,7 +7,6 @@ import { History } from 'history';
 import { QueryCache } from 'react-query/core';
 import { HttpRequestOrHttpRequestFactory, RequestOverrides } from '@wix/fe-essentials/http-client';
 import { SDK } from '@wix/dashboard';
-import { CairoProviderBaseProps } from '@wix/bex-core/react';
 
 interface Environment {
     readonly language: string;
@@ -73,6 +72,8 @@ type ShowToast = (toastConfig: ToastConfig) => {
     remove: RemoveToast;
 };
 
+type PatternsLayoutType = 'panel' | 'page';
+
 interface HttpClient {
     request<T>(req: HttpRequestOrHttpRequestFactory<T>, overrides?: RequestOverrides): Promise<{
         data: T;
@@ -255,11 +256,20 @@ interface WixPatternsEssentials {
 interface WixPatternsEssentialsOverrides extends Omit<Partial<WixPatternsEssentials>, 'environment'> {
     environment: Partial<WixPatternsEssentials['environment']>;
 }
+type ContextType = 'ACCOUNT' | 'SITE';
+
+interface CairoProviderBaseProps {
+    children?: ReactNode;
+    localCache?: boolean;
+    contextType?: ContextType;
+    layoutType?: PatternsLayoutType;
+    useRelativeSidePanel?: boolean;
+}
 
 interface WixPatternsEssentialsProviderProps extends CairoProviderBaseProps {
     value?: Partial<WixPatternsEssentialsOverrides>;
 }
-declare function WixPatternsEssentialsProvider(props: WixPatternsEssentialsProviderProps): React$1.JSX.Element;
+declare function WixPatternsEssentialsProvider(props: WixPatternsEssentialsProviderProps): react.JSX.Element;
 
 export { WixPatternsEssentialsProvider };
 export type { WixPatternsEssentialsProviderProps };

package/dist/dts-bundle/components/WixPatternsGizaProvider.d.ts

@@ -1,4 +1,4 @@
-import React$1, { FunctionComponent, ReactNode } from 'react';
+import react, { FunctionComponent, ReactNode } from 'react';
 import { Essentials, EssentialsOptions } from '@wix/fe-essentials/core';
 import { ReportProps, LogParams } from '@wix/fe-essentials/bi';
 import { errorHandler } from '@wix/essentials';
@@ -7,7 +7,6 @@ import { History } from 'history';
 import { QueryCache } from 'react-query/core';
 import { HttpRequestOrHttpRequestFactory, RequestOverrides } from '@wix/fe-essentials/http-client';
 import { SDK } from '@wix/dashboard';
-import { CairoProviderBaseProps } from '@wix/bex-core/react';
 
 interface Environment {
     readonly language: string;
@@ -73,6 +72,8 @@ type ShowToast = (toastConfig: ToastConfig) => {
     remove: RemoveToast;
 };
 
+type PatternsLayoutType = 'panel' | 'page';
+
 interface HttpClient {
     request<T>(req: HttpRequestOrHttpRequestFactory<T>, overrides?: RequestOverrides): Promise<{
         data: T;
@@ -255,12 +256,21 @@ interface WixPatternsEssentials {
 interface WixPatternsEssentialsOverrides extends Omit<Partial<WixPatternsEssentials>, 'environment'> {
     environment: Partial<WixPatternsEssentials['environment']>;
 }
+type ContextType = 'ACCOUNT' | 'SITE';
+
+interface CairoProviderBaseProps {
+    children?: ReactNode;
+    localCache?: boolean;
+    contextType?: ContextType;
+    layoutType?: PatternsLayoutType;
+    useRelativeSidePanel?: boolean;
+}
 
 interface WixPatternsGizaProviderProps extends CairoProviderBaseProps {
     children?: ReactNode;
     value?: Partial<WixPatternsEssentialsOverrides>;
 }
-declare function WixPatternsGizaProvider(props: WixPatternsGizaProviderProps): React$1.JSX.Element;
+declare function WixPatternsGizaProvider(props: WixPatternsGizaProviderProps): react.JSX.Element;
 
 export { WixPatternsGizaProvider };
 export type { WixPatternsGizaProviderProps };