@wix/patterns 1.426.0 → 1.427.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent2131101169";
+var _namespace_ = "PickerContent3692401186";
 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":"PickerContent2131101169__root"};
+export var classes = {"root":"PickerContent3692401186__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_ = "PickerContentAdditionalStep1447441395";
+var _namespace_ = "PickerContentAdditionalStep363356966";
 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":"PickerContentAdditionalStep1447441395__root","titles":"PickerContentAdditionalStep1447441395__titles","suffix":"PickerContentAdditionalStep1447441395__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep363356966__root","titles":"PickerContentAdditionalStep363356966__titles","suffix":"PickerContentAdditionalStep363356966__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_ = "PickerTableListItem1799991993";
+var _namespace_ = "PickerTableListItem1449050524";
 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":"PickerTableListItem1799991993__root"};
+export var classes = {"root":"PickerTableListItem1449050524__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -1,6 +1,7 @@
 import { FieldDraft, FieldManagement, NonReferenceField } from '@wix/bex-core';
 import { runInAction } from 'mobx';
 import type { SchemaState } from './SchemaState';
+import { standardFieldTypeLabels } from './standardFieldTypeLabels';
 
 /**
  * Builds the source-neutral FieldManagement over SchemaState. add/edit/delete
@@ -52,14 +53,24 @@ export const schemaFieldManagement = (s: SchemaState<any>): FieldManagement => {
 
     get creatableFieldTypes() {
       const t = s.container.translate;
-      return s.source.creatableFieldTypes.map((ft) => ({
-        id: ft.patternsType,
-        label: t(ft.labelKey),
-        namePlaceholder: ft.namePlaceholderKey
-          ? t(ft.namePlaceholderKey)
-          : undefined,
-        patternsType: ft.patternsType,
-      }));
+      return s.source.creatableFieldTypes.map((ft) => {
+        // The standard pair applies only when the source didn't custom-label
+        // the entry — a custom label with the standard placeholder would show
+        // contradictory copy (the modal falls back to its generic placeholder).
+        const standard =
+          ft.label == null
+            ? standardFieldTypeLabels[ft.patternsType]
+            : undefined;
+        return {
+          id: ft.patternsType,
+          label:
+            ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),
+          namePlaceholder:
+            ft.namePlaceholder ??
+            (standard ? t(standard.namePlaceholderKey) : undefined),
+          patternsType: ft.patternsType,
+        };
+      });
     },
     get existingFieldKeys() {
       return s.fields.map((f) => f.id);

package/src/components/SchemaSource/schemaImportRef.ts

@@ -3,6 +3,7 @@ import type {
   BackupFn,
   Field,
   ImportButtonConfig,
+  ImportDataSource,
   ImportField,
   NewFieldDefinition,
   Schema,
@@ -76,18 +77,32 @@ export class SchemaImportRef implements ImportButtonConfig {
     if (!state) {
       return [];
     }
-    return state.fields.map((f) => ({ id: f.id, header: f.displayName }));
-  }
-
-  get collectionId(): string | undefined {
-    return this.state?.source.collectionId;
+    return state.fields.map((f) => ({
+      id: f.id,
+      header: f.displayName,
+      // Carry the schema's required flag so the mapping step can block import
+      // while a required field is unmapped (CAIRO-4452).
+      required: f.validation?.required,
+    }));
   }
 
   get idFieldKey(): string | undefined {
     return this.state?.schema?.idField;
   }
 
-  get canAddFields(): boolean {
+  // CMS data source: the collection id plus — only when the schema permits
+  // creating fields — the batch create callback. `updateSchema`'s presence is
+  // the create-new-field opt-in; omitting it (no permission) makes the import
+  // mapping-only. `collectionId` reads live off the attached schema (empty
+  // before attach, but nothing imports until then).
+  get dataSource(): ImportDataSource {
+    return {
+      collectionId: this.state?.source.collectionId ?? '',
+      ...(this._canAddFields && { updateSchema: this._updateSchema }),
+    };
+  }
+
+  private get _canAddFields(): boolean {
     const state = this.state;
     const schema = state?.schema;
     // Require both the create-field permission and a batch action to create
@@ -99,7 +114,7 @@ export class SchemaImportRef implements ImportButtonConfig {
     return state.source.canAddFields(schema);
   }
 
-  updateSchema = async (
+  private _updateSchema = async (
     defs: NewFieldDefinition[],
   ): Promise<Schema['fields'] | void> => {
     const add = this.state?.fieldActions?.addFields;

package/src/components/SchemaSource/standardFieldTypeLabels.ts

@@ -0,0 +1,47 @@
+import type { PatternsFieldType, TranslationsKeys } from '@wix/bex-core';
+
+/**
+ * The add-field modal's standard name and name-input placeholder per creatable
+ * field type, used when a source declares a type without a custom label.
+ * NUMBER uses the integer variant's copy.
+ */
+export const standardFieldTypeLabels: Partial<
+  Record<
+    PatternsFieldType,
+    { labelKey: TranslationsKeys; namePlaceholderKey: TranslationsKeys }
+  >
+> = {
+  SHORT_TEXT: {
+    labelKey: 'cairo.customFields.fieldType.shortText',
+    namePlaceholderKey:
+      'cairo.customFields.fieldType.shortText.Name.placeholder',
+  },
+  LONG_TEXT: {
+    labelKey: 'cairo.customFields.fieldType.longText',
+    namePlaceholderKey:
+      'cairo.customFields.fieldType.longText.Name.placeholder',
+  },
+  NUMBER: {
+    labelKey: 'cairo.customFields.fieldType.numberInteger',
+    namePlaceholderKey:
+      'cairo.customFields.fieldType.numberInteger.Name.placeholder',
+  },
+  BOOLEAN: {
+    labelKey: 'cairo.customFields.fieldType.checkbox',
+    namePlaceholderKey:
+      'cairo.customFields.fieldType.checkbox.Name.placeholder',
+  },
+  DATE: {
+    labelKey: 'cairo.customFields.fieldType.date',
+    namePlaceholderKey: 'cairo.customFields.fieldType.date.Name.placeholder',
+  },
+  DATETIME: {
+    labelKey: 'cairo.customFields.fieldType.dateAndTime',
+    namePlaceholderKey:
+      'cairo.customFields.fieldType.dateAndTime.Name.placeholder',
+  },
+  URL: {
+    labelKey: 'cairo.customFields.fieldType.url',
+    namePlaceholderKey: 'cairo.customFields.placeholder.url',
+  },
+};

package/src/components/SchemaSource/tableSchemaSource.ts

@@ -1,5 +1,6 @@
 import type { SchemaSource } from '@wix/bex-core';
 import type { FieldsSourceProvider } from '../fieldsSourceProvider';
+import type { ToolbarCollectionState } from '../../state';
 import { SchemaState } from './SchemaState';
 
 /**
@@ -8,9 +9,6 @@ import { SchemaState } from './SchemaState';
  * in the table hook — keeps it out of the core table bundle; only consumers that
  * call `tableSchemaSource` pull it in.
  *
- * It stays the full config, so you can still spread and override it. `setOnTable`
- * reads `this`, so any overrides on the (possibly spread) object take effect.
- *
  * `schemaState` exposes the attached state so `useSchemaImport` reads the same
  * live schema the table renders — import always matches the visible columns
  * (including fields it just created, or ones added via the field-management
@@ -21,24 +19,79 @@ export type TableSchemaSource<T = Record<string, unknown>> = SchemaSource<T> &
     readonly schemaState?: SchemaState<T>;
   };
 
+/**
+ * Implemented as a class (not an object literal with a `get schemaState()` after
+ * `...source`): a getter placed in a spread literal is evaluated once and
+ * flattened to a static `undefined` data property by Object.assign-based (loose)
+ * object-spread transpilation, which silently drops the live binding — so
+ * `useSchemaImport` would never see the loaded fields. A prototype accessor is
+ * always a real accessor, immune to that.
+ *
+ * The wrapped source's members (`collectionConfig`, `loadSchema`, …) are copied
+ * onto the instance so it's usable anywhere a `SchemaSource` is; `state` is
+ * created once on attach and reused, so the table and `useSchemaImport` share
+ * one SchemaState (and one load).
+ */
+class TableSchemaSourceImpl<T> implements TableSchemaSource<T> {
+  private state?: SchemaState<T>;
+  private readonly source: SchemaSource<T>;
+
+  // A field + body assignment (not a constructor parameter property — the docs
+  // Storybook's Babel doesn't strip that TS syntax).
+  constructor(source: SchemaSource<T>) {
+    this.source = source;
+  }
+
+  // Delegate the SchemaSource surface to the wrapped source via getters, so the
+  // instance always reflects it with no copies to keep in sync. Prototype
+  // accessors (unlike a getter inside a `...source` spread literal) survive
+  // Object.assign-based (loose) object-spread transpilation.
+  get collectionId() {
+    return this.source.collectionId;
+  }
+  get collectionConfig() {
+    return this.source.collectionConfig;
+  }
+  get creatableFieldTypes() {
+    return this.source.creatableFieldTypes;
+  }
+  get fieldPermissions() {
+    return this.source.fieldPermissions;
+  }
+  get supportsPii() {
+    return this.source.supportsPii;
+  }
+  get loadSchema() {
+    return this.source.loadSchema;
+  }
+  get searchableFieldIds() {
+    return this.source.searchableFieldIds;
+  }
+  get canAddFields() {
+    return this.source.canAddFields;
+  }
+  get canEditField() {
+    return this.source.canEditField;
+  }
+  get canDeleteField() {
+    return this.source.canDeleteField;
+  }
+
+  get schemaState(): SchemaState<T> | undefined {
+    return this.state;
+  }
+
+  setOnTable(toolbar: ToolbarCollectionState<any, any>): void {
+    this.state ??= new SchemaState<T>({
+      container: toolbar.container,
+      source: this.source,
+    });
+    this.state.setOnTable(toolbar);
+  }
+}
+
+/** @deprecated Pass the source to a `@wix/patterns/schema` collection hook
+ *  instead — no wrapper needed. */
 export const tableSchemaSource = <T>(
   source: SchemaSource<T>,
-): TableSchemaSource<T> => {
-  // Created once on attach and reused, so the table and `useSchemaImport` share
-  // one SchemaState (and one load).
-  let state: SchemaState<T> | undefined;
-
-  return {
-    ...source,
-    get schemaState() {
-      return state;
-    },
-    setOnTable(toolbar) {
-      state ??= new SchemaState<T>({
-        container: toolbar.container,
-        source: this,
-      });
-      state.setOnTable(toolbar);
-    },
-  };
-};
+): TableSchemaSource<T> => new TableSchemaSourceImpl<T>(source);

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent350807700";
+var _namespace_ = "ScrollableContent4068062895";
 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":"ScrollableContent350807700__root"};
+export var classes = {"root":"ScrollableContent4068062895__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget1455868437";
+var _namespace_ = "SetupWidget401057936";
 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":"SetupWidget1455868437__root","row":"SetupWidget1455868437__row","completedCta":"SetupWidget1455868437__completedCta","card":"SetupWidget1455868437__card","stepIcon":"SetupWidget1455868437__stepIcon","chevron":"SetupWidget1455868437__chevron","chevronDisabled":"SetupWidget1455868437__chevronDisabled","inProgressLabel":"SetupWidget1455868437__inProgressLabel"};
+export var classes = {"root":"SetupWidget401057936__root","row":"SetupWidget401057936__row","completedCta":"SetupWidget401057936__completedCta","card":"SetupWidget401057936__card","stepIcon":"SetupWidget401057936__stepIcon","chevron":"SetupWidget401057936__chevron","chevronDisabled":"SetupWidget401057936__chevronDisabled","inProgressLabel":"SetupWidget401057936__inProgressLabel"};
 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_ = "SkeletonCard2287561488";
+var _namespace_ = "SkeletonCard3052355857";
 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":"SkeletonCard2287561488__root","headerLoading":"SkeletonCard2287561488__headerLoading"};
+export var classes = {"root":"SkeletonCard3052355857__root","headerLoading":"SkeletonCard3052355857__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_ = "SlidingModal2066405265";
+var _namespace_ = "SlidingModal476022417";
 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":"SlidingModal2066405265__root"};
+export var classes = {"root":"SlidingModal476022417__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/AddFieldColumnHeader.st.css

@@ -0,0 +1,36 @@
+.root {
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+}
+
+.title {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+}
+
+/* Invisible hit-area around the IconButton so the cursor can travel from the
+   title up to the button without leaving the hover area (interactive=true
+   keeps the popover open while hovering the content). padding-bottom matches
+   moveBy.y so the bridge reaches the title's top edge. */
+.hoverBridge {
+  display: inline-block;
+  padding: 4px 13px 4px 4px;
+  background: transparent;
+}
+
+/* Popover content is portaled to <body> via appendTo="window", so it isn't a
+   descendant of the trigger. WDS sets data-content-element on the portaled
+   element to a unique id that includes our dataHook ("add-field-popover"),
+   so we link to it that way. */
+:global(
+    [data-content-element^='popover-content-add-field-popover-'][data-hook='popover-content'][class]
+  ) {
+  background: transparent;
+  border: none;
+  box-shadow: none;
+  border-radius: 0;
+  padding: 0;
+}

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "AddFieldColumnHeader2791313261";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"AddFieldColumnHeader2791313261__root","title":"AddFieldColumnHeader2791313261__title","hoverBridge":"AddFieldColumnHeader2791313261__hoverBridge"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/src/components/Table/AddFieldColumnHeader.tsx

@@ -0,0 +1,65 @@
+import React, { ReactNode, useContext, useState } from 'react';
+import { IconButton, Popover } from '@wix/design-system';
+import { Add } from '@wix/wix-ui-icons-common';
+import { ToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { classes } from './AddFieldColumnHeader.st.css.js';
+
+export interface AddFieldColumnHeaderProps {
+  children: ReactNode;
+}
+
+export const AddFieldColumnHeader = ({
+  children,
+}: AddFieldColumnHeaderProps) => {
+  const collectionFieldsSource = useContext(
+    ToolbarCollectionContext,
+  )?.collectionFieldsSource;
+  // TODO: fix when the schema source exposes the CMS modal
+  const customColumnAddField = collectionFieldsSource?.fieldsSource
+    .fieldManagement?.canAddFields
+    ? () =>
+        collectionFieldsSource.openFieldModal({
+          origin: 'Custom columns panel',
+        })
+    : undefined;
+  const [hovered, setHovered] = useState(false);
+
+  if (!collectionFieldsSource) {
+    return <>{children}</>;
+  }
+
+  return (
+    <Popover
+      shown={hovered}
+      appendTo="window"
+      placement="top-start"
+      moveBy={{ x: -27, y: -47 }}
+      interactive
+      fluid
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+      className={classes.root}
+      dataHook="add-field-popover"
+    >
+      <Popover.Element>
+        <span className={classes.title}>{children}</span>
+      </Popover.Element>
+      <Popover.Content>
+        <span className={classes.hoverBridge}>
+          <IconButton
+            size="tiny"
+            skin="standard"
+            priority="secondary"
+            dataHook="add-field-column-header-button"
+            onClick={(e) => {
+              e.stopPropagation();
+              customColumnAddField?.();
+            }}
+          >
+            <Add />
+          </IconButton>
+        </span>
+      </Popover.Content>
+    </Popover>
+  );
+};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter1693177651";
+var _namespace_ = "TabsFilter322255717";
 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":"TabsFilter1693177651__root","title":"TabsFilter1693177651__title"};
+export var classes = {"root":"TabsFilter322255717__root","title":"TabsFilter322255717__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_ = "ManageTagsModal1377424349";
+var _namespace_ = "ManageTagsModal2098405983";
 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":"ManageTagsModal1377424349__root"};
+export var classes = {"root":"ManageTagsModal2098405983__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1774963001";
+var _namespace_ = "ToolbarItem1784934616";
 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":"ToolbarItem1774963001__root"};
+export var classes = {"root":"ToolbarItem1784934616__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_ = "ToolbarItemBox3581991017";
+var _namespace_ = "ToolbarItemBox2709261406";
 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":"ToolbarItemBox3581991017__root"};
+export var classes = {"root":"ToolbarItemBox2709261406__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_ = "common1406259648";
+var _namespace_ = "common1667624752";
 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":"common1406259648__root","column":"common1406259648__column","fullHeight":"common1406259648__fullHeight"};
+export var classes = {"root":"common1667624752__root","column":"common1667624752__column","fullHeight":"common1667624752__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/exports/schema.ts

@@ -0,0 +1,13 @@
+export {
+  useCollection,
+  useTableCollection,
+  useGridCollection,
+  useEditableTableCollection,
+  useLayoutSwitchCollection,
+  schemaSourceMutations,
+} from '../schema';
+export type {
+  SchemaCollectionOptions,
+  SchemaEditableTableCollectionOptions,
+  SchemaLayoutSwitchCollectionOptions,
+} from '../schema';

package/src/exports/testkit/index.ts

@@ -12,4 +12,9 @@ export {
   aTagsArray,
   aTag,
 } from '../../test-utils';
-export { exportServiceMocks, appSettingsMocks } from '@wix/bex-core/testkit';
+export {
+  exportServiceMocks,
+  appSettingsMocks,
+  createInMemorySchemaSource,
+} from '@wix/bex-core/testkit';
+export type { InMemorySchemaSourceConfig } from '@wix/bex-core/testkit';

package/src/hooks/index.ts

@@ -4,6 +4,7 @@ export * from './usePickerModal';
 export * from './usePickerStandalone';
 export * from './useViews';
 export * from './useSchemaImport';
+export * from './usePlatformizedImport';
 export * from './useEmptyStateTexts';
 export * from './customModalContent';
 export * from './useDropdownSelectFilterState';