@wix/patterns 1.382.0 → 1.385.0

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar1560230751";
+var _namespace_ = "MultiBulkActionToolbar1742506254";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar1560230751__root","leftGroupWrapper":"MultiBulkActionToolbar1560230751__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1560230751__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1560230751__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1742506254__root","leftGroupWrapper":"MultiBulkActionToolbar1742506254__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1742506254__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1742506254__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2961491455";
+var _namespace_ = "NestedTablePlaceholderStatesRow1083915680";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow2961491455__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1083915680__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow532230958";
+var _namespace_ = "NestedTableRow447893025";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow532230958__root","firstLevel":"NestedTableRow532230958__firstLevel","placeholder":"NestedTableRow532230958__placeholder","parentHovered":"NestedTableRow532230958__parentHovered"};
+export var classes = {"root":"NestedTableRow447893025__root","firstLevel":"NestedTableRow447893025__firstLevel","placeholder":"NestedTableRow447893025__placeholder","parentHovered":"NestedTableRow447893025__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect1412444464";
+var _namespace_ = "MultipleDragOverlayEffect2685672979";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect1412444464__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2685672979__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow2189673265";
+var _namespace_ = "NestedTableDragAndDropRow1881623806";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow2189673265__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1881623806__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent2799004847";
+var _namespace_ = "PickerContent125126466";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent2799004847__root"};
+export var classes = {"root":"PickerContent125126466__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep699146206";
+var _namespace_ = "PickerContentAdditionalStep2884149236";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep699146206__root","titles":"PickerContentAdditionalStep699146206__titles","suffix":"PickerContentAdditionalStep699146206__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2884149236__root","titles":"PickerContentAdditionalStep2884149236__titles","suffix":"PickerContentAdditionalStep2884149236__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1985821098";
+var _namespace_ = "PickerTableListItem3776807060";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem1985821098__root"};
+export var classes = {"root":"PickerTableListItem3776807060__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaCard/SchemaCard.tsx

@@ -0,0 +1,105 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { Button, Card, CardProps } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';
+import { SidePanelsState } from '../../state/SidePanelsState';
+import { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';
+import { CustomColumnsEntityPageCTA } from '../CustomColumnsPanel/CustomColumnsEntityPageCTA';
+import { useSchemaContext } from '../../providers/SchemaContext';
+import { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';
+import { SchemaCardState } from '../../state/SchemaCard/SchemaCardState';
+
+export interface SchemaCardProps extends Omit<CardProps, 'children'> {
+  title: string;
+  subtitle?: string;
+  renderField: (fieldId: string) => React.ReactNode;
+}
+
+function _SchemaCard({
+  title,
+  subtitle,
+  renderField,
+  ...rest
+}: SchemaCardProps) {
+  const container = useWixPatternsContainer();
+  const { translate: t } = container;
+  const { modalsContainerRef } = usePageContext();
+  const schemaContext = useSchemaContext();
+  const schema = schemaContext?.schema;
+
+  const fields = useMemo(
+    () =>
+      schema
+        ? Object.keys(schema.fields)
+            .filter((id) => schema.fields[id])
+            .map((id) => ({ id }))
+        : [],
+    [schema?.fields],
+  );
+
+  const [schemaCardState] = useState(() =>
+    schema && fields.length > 0
+      ? new SchemaCardState({
+          fields,
+          persistencyKey: schema.id,
+          container,
+        })
+      : null,
+  );
+
+  useEffect(() => schemaCardState?.init(), []);
+
+  const fieldsState = schemaCardState?.fieldsState;
+
+  const state = useMemo(() => {
+    if (!fieldsState || !schema) {
+      return null;
+    }
+    const panels = new SidePanelsState({
+      container,
+      panelGroupName: 'entity-page',
+    });
+    return new CustomColumnsEntityPageState({
+      container,
+      panels,
+      fieldsState,
+      schema,
+      showFieldTypeIcons: true,
+      dragAndDrop: CustomColumnsDragAndDrop,
+      modalsContainerRef,
+    });
+  }, [fieldsState, schema]);
+
+  return (
+    <Card {...rest}>
+      <Card.Header
+        title={title}
+        subtitle={subtitle}
+        suffix={
+          state ? (
+            <Button
+              size="small"
+              priority="secondary"
+              dataHook="schema-card-manage-fields-button"
+              onClick={() => state.panels.toggleSidePanel('customColumns')}
+            >
+              {t('cairo.table.manage-fields.button.cta')}
+            </Button>
+          ) : undefined
+        }
+      />
+      <Card.Divider />
+      <Card.Content>
+        {fieldsState &&
+          fieldsState.orderedFields
+            .filter((f) => fieldsState.isFieldVisible(f.id))
+            .map((f) => renderField(f.id))}
+      </Card.Content>
+      {state && <CustomColumnsEntityPageCTA state={state} />}
+    </Card>
+  );
+}
+
+_SchemaCard.displayName = 'SchemaCard';
+
+export const SchemaCard = observer(_SchemaCard);

package/src/components/SchemaCard/index.ts

@@ -0,0 +1 @@
+export * from './SchemaCard';

package/src/components/ScrollableContent/ScrollableContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent4021592373";
+var _namespace_ = "ScrollableContent2351431343";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent4021592373__root"};
+export var classes = {"root":"ScrollableContent2351431343__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SkeletonCard/SkeletonCard.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2690132581";
+var _namespace_ = "SkeletonCard472246820";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard2690132581__root","headerLoading":"SkeletonCard2690132581__headerLoading"};
+export var classes = {"root":"SkeletonCard472246820__root","headerLoading":"SkeletonCard472246820__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal4217700239";
+var _namespace_ = "SlidingModal3963588508";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal4217700239__root"};
+export var classes = {"root":"SlidingModal3963588508__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3154137865";
+var _namespace_ = "TabsFilter2765541283";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter3154137865__root","title":"TabsFilter3154137865__title"};
+export var classes = {"root":"TabsFilter2765541283__root","title":"TabsFilter2765541283__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal975799933";
+var _namespace_ = "ManageTagsModal546157658";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ManageTagsModal975799933__root"};
+export var classes = {"root":"ManageTagsModal546157658__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TagsFilter/TagsFilter.tsx

@@ -1,9 +1,12 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { FilterProps } from '../../model';
-import { useWixPatternsContainer, OffsetQuery } from '@wix/bex-core/react';
+import { useWixPatternsContainer, CursorQuery } from '@wix/bex-core/react';
 import { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';
-import { Tag } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';
+import {
+  Tag,
+  TagExposure,
+} from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';
 import { useFilterCollection } from '../../hooks/useFilterCollection';
 import { observer } from 'mobx-react-lite';
 
@@ -15,31 +18,42 @@ export const _TagsFilter = ({ filter }: TagsFilterProps) => {
   const { translate: t } = useWixPatternsContainer();
 
   const tagsFilterCollection = useFilterCollection(filter, {
+    paginationMode: 'cursor',
     queryName: [
       toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,
       'tags',
       'filter',
     ].join('/'),
-    fetchData: async ({ search = '' }: OffsetQuery) => {
-      const filteredItems = (
-        toolbarState.tagsCollectionState?.tagsManagementState.items || []
-      ).filter((tag: Tag) =>
-        tag.name?.toLowerCase().includes(search.toLowerCase()),
+    fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {
+      const tagsManagementState =
+        toolbarState.tagsCollectionState?.tagsManagementState;
+      if (!tagsManagementState) {
+        return { items: [], cursor: null, hasNext: false };
+      }
+
+      const result = await tagsManagementState.tagsService.queryTags(
+        {
+          fqdn: tagsManagementState.fqdnString,
+          exposure: TagExposure.PRIVATE,
+          query: {
+            cursorPaging: { limit, cursor: cursor ?? null },
+            ...(search ? { filter: { name: { $contains: search } } } : {}),
+          },
+        },
+        {},
+        {
+          serverErrorOverride: () => ({
+            message: t(
+              'cairo.tags.collectionPage.popover.loadTags.error.body',
+            ),
+          }),
+        },
       );
 
-      return {
-        items: filteredItems,
-        total: filteredItems.length,
-      };
+      return { items: result.items, cursor: result.cursor, hasNext: result.hasNext };
     },
   });
 
-  useEffect(() => {
-    if (toolbarState.tagsCollectionState?.tagsManagementState.items) {
-      tagsFilterCollection.refreshAllPages();
-    }
-  }, [toolbarState.tagsCollectionState?.tagsManagementState.items]);
-
   if (!toolbarState.tagsCollectionState) {
     return null;
   }

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1544463186";
+var _namespace_ = "ToolbarItem1722452606";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItem1544463186__root"};
+export var classes = {"root":"ToolbarItem1722452606__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox3375853842";
+var _namespace_ = "ToolbarItemBox133583237";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItemBox3375853842__root"};
+export var classes = {"root":"ToolbarItemBox133583237__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2625393146";
+var _namespace_ = "common1028938793";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"common2625393146__root","column":"common2625393146__column","fullHeight":"common2625393146__fullHeight"};
+export var classes = {"root":"common1028938793__root","column":"common1028938793__column","fullHeight":"common1028938793__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useEditableTableCollection.ts

@@ -14,6 +14,7 @@ import {
   EditableTablePermissions,
   EditableTableMutationHandlers,
 } from '../state/EditableTable';
+import type { FieldActions } from '../types/SchemaConfig';
 import { useOptionalCachedState } from './useOptionalCachedState';
 
 export type EditableTableCollectionConfig<
@@ -22,6 +23,7 @@ export type EditableTableCollectionConfig<
 > = CollectionConfigWithConditionals<T, F> & {
   permissions?: EditableTablePermissions;
   mutations: EditableTableMutationHandlers<T>;
+  fieldActions?: FieldActions;
   optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;
 };
 
@@ -45,6 +47,7 @@ export const useEditableTableCollection: EditableTableCollection = <
       container,
       permissions: config.permissions,
       mutations: config.mutations,
+      fieldActions: config.fieldActions,
       createOptimisticActions: (collection) =>
         createOptimisticActions(collection, config.optimisticActionParams),
     });

package/src/hooks/useEntityPage.ts

@@ -1,11 +1,10 @@
 import { useState } from 'react';
 import { EntityPageState, EntityPageStateParams } from '../state';
-import { EntityViewConfig } from '../state/EntityPage/EntityPageFieldsState';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { FieldValues } from 'react-hook-form';
 import { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';
 
-type UseEntityPageParamsBase<T, V extends FieldValues = FieldValues> = Pick<
+export type UseEntityPageParams<T, V extends FieldValues = FieldValues> = Pick<
   EntityPageStateParams<T, V>,
   | 'fetch'
   | 'onSave'
@@ -16,15 +15,6 @@ type UseEntityPageParamsBase<T, V extends FieldValues = FieldValues> = Pick<
   | 'parentPath'
 >;
 
-export type UseEntityPageParams<
-  T,
-  V extends FieldValues = FieldValues,
-> = UseEntityPageParamsBase<T, V> &
-  (
-    | { fields: EntityViewConfig[]; persistencyKey: string }
-    | { fields?: never; persistencyKey?: never }
-  );
-
 export function useEntityPage<T, V extends FieldValues = FieldValues>(
   props: UseEntityPageParams<T, V>,
 ): EntityPageState<T, V> {

package/src/index.ts

@@ -91,6 +91,7 @@ export * from './components/FiltersPanel/AddApplyFiltersButton';
 export * from './components/EmptyState/CollectionEmptyState';
 export * from './components/EmptyState/CollectionNoResultsState';
 export * from './components/EmptyState/CollectionPremiumEmptyState';
+export * from './components/SchemaCard';
 export * from './components/SkeletonCard';
 export * from './components/CollectionErrorState';
 export * from './components/PageErrorState';
@@ -147,7 +148,7 @@ export * from './hooks/useIsMobile';
 
 export * from './state/ViewsState';
 export * from './state/EntityPage/EntityPageState';
-export type { EntityViewConfig } from './state/EntityPage/EntityPageFieldsState';
+export * from './state/SchemaCard';
 export * from './state/SettingsPage/SettingsPageState';
 export * from './state/TableState';
 export { GridState } from './state/GridState';

package/src/providers/SchemaContext.tsx

@@ -0,0 +1,12 @@
+import { createContext, useContext } from 'react';
+import { FieldActions, SchemaConfig } from '../types/SchemaConfig';
+
+export type { FieldActions, SchemaConfig };
+
+export type SchemaContextValue = {
+  schema: SchemaConfig;
+};
+
+export const SchemaContext = createContext<SchemaContextValue | null>(null);
+
+export const useSchemaContext = () => useContext(SchemaContext);

package/src/providers/index.ts

@@ -11,4 +11,4 @@ export * from './SettingsPageContext';
 export * from './ScrollableContentContext';
 export * from './DropdownTranslationProvider';
 export * from './FilterTranslationProvider';
-export * from './SchemaProvider';
+export * from './SchemaContext';

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader1364899853";
+var _namespace_ = "CollectionPageHeader111327493";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPageHeader1364899853__root"};
+export var classes = {"root":"CollectionPageHeader111327493__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};