@wix/patterns 1.394.0 → 1.396.0

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.394.0";
+export declare const version = "patterns@1.396.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.394.0",
+  "version": "1.396.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -214,12 +214,12 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.305.0",
-    "@wix/bex-utils": "2.97.0",
+    "@wix/bex-core": "2.306.0",
+    "@wix/bex-utils": "2.98.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.25.0",
+    "@wix/patterns-fields": "1.26.0",
     "@wix/sdk": "^1.15.22",
-    "@wix/wix-style-react-incubator": "3.13.0",
+    "@wix/wix-style-react-incubator": "3.18.0",
     "@wix/wix-ui-test-utils": "^1.1.9",
     "chance": "^1.0.0",
     "classnames": "^2.0.0",
@@ -437,5 +437,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "3b00b489566377175fa460332da7d1308d31bee754642973b0e6e6f8"
+  "falconPackageHash": "ecf4820e01b9ca80de4062ec0dd75eed188aa9454bf12de1c519d70a"
 }

package/src/bm/buildBMCairoEssentials.ts

@@ -20,6 +20,7 @@ import {
   ToastTimeout,
   ToastType,
 } from '@wix/business-manager-api';
+import { dashboard } from '@wix/dashboard';
 import {
   createAppSettingsCapsule,
   Experiments,
@@ -132,5 +133,6 @@ export function buildBMCairoEssentials(
       artifactId: bmModule.artifactId,
       componentId,
     },
+    openMediaManager: overrides?.openMediaManager ?? dashboard.openMediaManager,
   };
 }

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse2069862066";
+var _namespace_ = "Collapse1377347991";
 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":"Collapse2069862066__root","exit":"Collapse2069862066__exit"};
+export var classes = {"root":"Collapse1377347991__root","exit":"Collapse1377347991__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader714473344";
+var _namespace_ = "CollectionSectionHeader421145617";
 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":"CollectionSectionHeader714473344__root","summaryIcon":"CollectionSectionHeader714473344__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader421145617__root","summaryIcon":"CollectionSectionHeader421145617__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar3368771503";
+var _namespace_ = "CollectionToolbar2549315072";
 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":"CollectionToolbar3368771503__root","left":"CollectionToolbar3368771503__left","right":"CollectionToolbar3368771503__right","fullWidth":"CollectionToolbar3368771503__fullWidth"};
+export var classes = {"root":"CollectionToolbar2549315072__root","left":"CollectionToolbar2549315072__left","right":"CollectionToolbar2549315072__right","fullWidth":"CollectionToolbar2549315072__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter4072399066";
+var _namespace_ = "SearchOrCustomFilter2327827903";
 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":"SearchOrCustomFilter4072399066__root","search":"SearchOrCustomFilter4072399066__search","searchMobile":"SearchOrCustomFilter4072399066__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter2327827903__root","search":"SearchOrCustomFilter2327827903__search","searchMobile":"SearchOrCustomFilter2327827903__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

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

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

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

package/src/components/CustomColumnsPanel/{CustomColumnsEntityPageCTA.tsx → CustomColumnsEntityPagePanelMount.tsx}

@@ -7,13 +7,13 @@ import { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';
 import { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';
 import { CustomColumnsEntityPagePanelEntry } from './CustomColumnsEntityPagePanelEntry';
 
-export interface CustomColumnsEntityPageCTAProps {
+export interface CustomColumnsEntityPagePanelMountProps {
   state: CustomColumnsEntityPageState;
 }
 
-function _CustomColumnsEntityPageCTA({
+function _CustomColumnsEntityPagePanelMount({
   state,
-}: CustomColumnsEntityPageCTAProps) {
+}: CustomColumnsEntityPagePanelMountProps) {
   const { panels } = state;
   const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();
   const { modalsContainerRef, stackingRootRef } = usePageContext();
@@ -40,6 +40,9 @@ function _CustomColumnsEntityPageCTA({
   );
 }
 
-_CustomColumnsEntityPageCTA.displayName = 'CustomColumnsEntityPageCTA';
+_CustomColumnsEntityPagePanelMount.displayName =
+  'CustomColumnsEntityPagePanelMount';
 
-export const CustomColumnsEntityPageCTA = observer(_CustomColumnsEntityPageCTA);
+export const CustomColumnsEntityPagePanelMount = observer(
+  _CustomColumnsEntityPagePanelMount,
+);

package/src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx

@@ -0,0 +1,69 @@
+import React from 'react';
+import type { Column } from '../../model';
+import type { FieldActions } from '../../types/SchemaConfig';
+import {
+  buildFieldActionGroups,
+  HeaderActionsPopover,
+  type FieldActionColumn,
+  type FieldActionHandlers,
+  type FieldActionPermissions,
+} from '../FieldActions';
+
+const SIDE_PANEL_ACTION_GROUPS: Parameters<
+  typeof buildFieldActionGroups
+>[0]['groups'] = [
+  ['editField'],
+  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],
+  ['delete'],
+];
+
+function toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {
+  const isText =
+    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';
+  return {
+    id: col.id,
+    isPrimary: col.isPrimary,
+    isSystem: col.isSystem,
+    cellType: isText ? 'text' : col.fieldType,
+  };
+}
+
+export interface SidePanelFieldActionsRowProps {
+  column: Column;
+  fieldActions?: FieldActions;
+  permissions?: FieldActionPermissions;
+}
+
+export function SidePanelFieldActionsRow({
+  column,
+  fieldActions,
+  permissions,
+}: SidePanelFieldActionsRowProps) {
+  const handlers: FieldActionHandlers = {
+    editField: fieldActions?.editField
+      ? (id) => fieldActions.editField!(id, {})
+      : undefined,
+    makePrimary: fieldActions?.makePrimary,
+    duplicateField: fieldActions?.duplicateField,
+    duplicateFieldWithContent: fieldActions?.duplicateFieldWithContent,
+    delete: fieldActions?.deleteField,
+  };
+
+  const groups = buildFieldActionGroups({
+    column: toFieldActionColumn(column),
+    permissions,
+    handlers,
+    groups: SIDE_PANEL_ACTION_GROUPS,
+  });
+
+  if (groups.length === 0) {
+    return null;
+  }
+
+  return (
+    <HeaderActionsPopover
+      actions={groups}
+      dataHook={`side-panel-field-actions-${column.id}`}
+    />
+  );
+}

package/src/components/CustomColumnsPanel/index.ts

@@ -1,2 +1,2 @@
 export * from './CustomColumnsPanel';
-export * from './CustomColumnsEntityPageCTA';
+export * from './CustomColumnsEntityPagePanelMount';

package/src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx

@@ -1,32 +1,15 @@
-import React, { useMemo, type ReactNode } from 'react';
+import React, { Suspense, lazy, useMemo, type ReactNode } from 'react';
 import type { Column } from '../../model';
 import type { FieldActions } from '../../types/SchemaConfig';
-import {
-  buildFieldActionGroups,
-  HeaderActionsPopover,
-  type FieldActionColumn,
-  type FieldActionHandlers,
-  type FieldActionPermissions,
-} from '../FieldActions';
+import type { FieldActionPermissions } from '../FieldActions';
 
-const SIDE_PANEL_ACTION_GROUPS: Parameters<
-  typeof buildFieldActionGroups
->[0]['groups'] = [
-  ['editField'],
-  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],
-  ['delete'],
-];
-
-function toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {
-  const isText =
-    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';
-  return {
-    id: col.id,
-    isPrimary: col.isPrimary,
-    isSystem: col.isSystem,
-    cellType: isText ? 'text' : col.fieldType,
-  };
-}
+const SidePanelFieldActionsRow = lazy(() =>
+  import(
+    /* webpackChunkName: "SidePanelFieldActions" */ './SidePanelFieldActionsRow'
+  ).then((m) => ({
+    default: m.SidePanelFieldActionsRow,
+  })),
+);
 
 export function useSidePanelFieldActions(
   columns: Column[],
@@ -34,34 +17,18 @@ export function useSidePanelFieldActions(
   permissions?: FieldActionPermissions,
 ): Record<string, ReactNode> {
   return useMemo(() => {
-    const handlers: FieldActionHandlers = {
-      editField: fieldActions?.editField
-        ? (id) => fieldActions.editField!(id, {})
-        : undefined,
-      makePrimary: (id) => fieldActions?.makePrimary?.(id),
-      duplicateField: fieldActions?.duplicateField,
-      duplicateFieldWithContent: fieldActions?.duplicateField,
-      delete: fieldActions?.deleteField,
-    };
-
     const result: Record<string, ReactNode> = {};
 
     for (const col of columns) {
-      const groups = buildFieldActionGroups({
-        column: toFieldActionColumn(col),
-        permissions,
-        handlers,
-        groups: SIDE_PANEL_ACTION_GROUPS,
-      });
-
-      if (groups.length > 0) {
-        result[col.id] = (
-          <HeaderActionsPopover
-            actions={groups}
-            dataHook={`side-panel-field-actions-${col.id}`}
+      result[col.id] = (
+        <Suspense fallback={null}>
+          <SidePanelFieldActionsRow
+            column={col}
+            fieldActions={fieldActions}
+            permissions={permissions}
           />
-        );
-      }
+        </Suspense>
+      );
     }
 
     return result;

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

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

package/src/components/EditableTable/EditableCell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EditableCell1465799318";
+var _namespace_ = "EditableCell466228143";
 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":"EditableCell1465799318__root","validationIndicator":"EditableCell1465799318__validationIndicator"};
+export var classes = {"root":"EditableCell466228143__root","validationIndicator":"EditableCell466228143__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/HeaderActionsPopover.st.css.ts

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

package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts

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

package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit534223365";
+var _namespace_ = "Edit1809996821";
 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":"Edit534223365__root","booleanEdit":"Edit534223365__booleanEdit"};
+export var classes = {"root":"Edit1809996821__root","booleanEdit":"Edit1809996821__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View316884450";
+var _namespace_ = "View2022728397";
 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":"View316884450__root","booleanView":"View316884450__booleanView"};
+export var classes = {"root":"View2022728397__root","booleanView":"View2022728397__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit556565131";
+var _namespace_ = "Edit3311818881";
 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":"Edit556565131__root","dateInput":"Edit556565131__dateInput"};
+export var classes = {"root":"Edit3311818881__root","dateInput":"Edit3311818881__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/date/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View437609141";
+var _namespace_ = "View1323820357";
 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":"View437609141__root"};
+export var classes = {"root":"View1323820357__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1472698785";
+var _namespace_ = "Edit2255670974";
 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":"Edit1472698785__root","emailInput":"Edit1472698785__emailInput"};
+export var classes = {"root":"Edit2255670974__root","emailInput":"Edit2255670974__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3001868880";
+var _namespace_ = "View2758179504";
 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":"View3001868880__root"};
+export var classes = {"root":"View2758179504__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/index.ts

@@ -11,6 +11,7 @@ import { richContentCellType } from './richContent';
 import { videoCellType } from './video';
 import { richTextCellType } from './richText';
 import { mediaGalleryCellType } from './mediaGallery';
+import { referenceCellType } from './reference';
 
 export {
   textCellType,
@@ -25,6 +26,7 @@ export {
   videoCellType,
   richTextCellType,
   mediaGalleryCellType,
+  referenceCellType,
 };
 
 /** All built-in cell types */
@@ -41,4 +43,5 @@ export const builtInCellTypes: CellType[] = [
   videoCellType,
   richTextCellType,
   mediaGalleryCellType,
+  referenceCellType,
 ];