@wix/patterns 1.382.0 → 1.383.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTableWSRTable1449442798";
+var _namespace_ = "CollectionTableWSRTable216721661";
 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":"CollectionTableWSRTable1449442798__root"};
+export var classes = {"root":"CollectionTableWSRTable216721661__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_ = "CollectionToolbar391164986";
+var _namespace_ = "CollectionToolbar1333720175";
 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":"CollectionToolbar391164986__root","left":"CollectionToolbar391164986__left","right":"CollectionToolbar391164986__right","fullWidth":"CollectionToolbar391164986__fullWidth"};
+export var classes = {"root":"CollectionToolbar1333720175__root","left":"CollectionToolbar1333720175__left","right":"CollectionToolbar1333720175__right","fullWidth":"CollectionToolbar1333720175__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_ = "SearchOrCustomFilter1122826608";
+var _namespace_ = "SearchOrCustomFilter3222619344";
 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":"SearchOrCustomFilter1122826608__root","search":"SearchOrCustomFilter1122826608__search","searchMobile":"SearchOrCustomFilter1122826608__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3222619344__root","search":"SearchOrCustomFilter3222619344__search","searchMobile":"SearchOrCustomFilter3222619344__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_ = "AutoCompleteReadonly203087058";
+var _namespace_ = "AutoCompleteReadonly4291045559";
 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":"AutoCompleteReadonly203087058__root"};
+export var classes = {"root":"AutoCompleteReadonly4291045559__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_ = "ViewsDropdown4161659610";
+var _namespace_ = "ViewsDropdown3683418456";
 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":"ViewsDropdown4161659610__root"};
+export var classes = {"root":"ViewsDropdown3683418456__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomColumnsPanel/ColumnListTableListItem.tsx

@@ -2,7 +2,7 @@ import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';
 import React, { CSSProperties, useMemo } from 'react';
 import { Column } from '../../model';
 import { observer } from 'mobx-react-lite';
-import { CustomColumnsState } from '../../state';
+import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';
 import { FiltersMap } from '@wix/bex-core';
 import { GridCardItemProps } from '../DragAndDrop';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
@@ -12,7 +12,7 @@ import { FieldIndications } from './FieldIndications';
 export interface ColumnListTableListItemProps<T, F extends FiltersMap>
   extends GridCardItemProps {
   column: Column;
-  state: CustomColumnsState<T, F>;
+  state: CustomColumnsPanelStateBase<T, F>;
   showDivider?: boolean;
 }
 

package/src/components/CustomColumnsPanel/ColumnsList.tsx

@@ -1,4 +1,4 @@
-import { CustomColumnsState } from '../../state';
+import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';
 import { FiltersMap } from '@wix/bex-core';
 import { observer } from 'mobx-react-lite';
 import React, { useCallback, useEffect } from 'react';
@@ -8,7 +8,7 @@ import { addEventListener } from '@wix/bex-core/util';
 import { ColumnListTableListItem } from './ColumnListTableListItem';
 
 export interface ColumnsListProps<T, F extends FiltersMap> {
-  state: CustomColumnsState<T, F>;
+  state: CustomColumnsPanelStateBase<T, F>;
 }
 
 function _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {

package/src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx

@@ -41,7 +41,12 @@ export function _CustomColumnsCTAButton<T, F extends FiltersMap>({
     }
   }, [onColumnClick, state.customColumnsStateInitialized]);
 
-  const text = t('cairo.table.custom-columns.button.cta');
+  const isSchemaEditable = !!state.collectionDataExtension;
+  const text = t(
+    isSchemaEditable
+      ? 'cairo.table.manage-fields.button.cta'
+      : 'cairo.table.custom-columns.button.cta',
+  );
   const props = {
     size: 'small' as const,
     priority: 'secondary' as const,
@@ -86,7 +91,7 @@ export function _CustomColumnsCTAButton<T, F extends FiltersMap>({
         icon={<AdjustSmall />}
         {...props}
       >
-        {t('cairo.table.custom-columns.button.cta')}
+        {text}
       </ResponsiveButton>
     );
   };

package/src/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.tsx

@@ -0,0 +1,45 @@
+import React, { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { usePageContext } from '../../providers';
+import { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';
+import { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';
+import { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';
+import { CustomColumnsEntityPagePanelEntry } from './CustomColumnsEntityPagePanelEntry';
+
+export interface CustomColumnsEntityPageCTAProps {
+  state: CustomColumnsEntityPageState;
+}
+
+function _CustomColumnsEntityPageCTA({
+  state,
+}: CustomColumnsEntityPageCTAProps) {
+  const { panels } = state;
+  const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();
+  const { modalsContainerRef, stackingRootRef } = usePageContext();
+
+  useEffect(() => {
+    CustomColumnsEntityPagePanelEntry.state = state;
+    panels.registerSidePanel(
+      'customColumns',
+      CustomColumnsEntityPagePanelEntry,
+    );
+    return panels.init();
+  }, []);
+
+  if (isPanelLayout) {
+    return <WixPatternsPanelModalsContainer state={panels} />;
+  }
+
+  return (
+    <WixPatternsModalsContainer
+      rootRef={stackingRootRef}
+      anchorRef={useRelativeSidePanel ? stackingRootRef : modalsContainerRef}
+      state={panels}
+    />
+  );
+}
+
+_CustomColumnsEntityPageCTA.displayName = 'CustomColumnsEntityPageCTA';
+
+export const CustomColumnsEntityPageCTA = observer(_CustomColumnsEntityPageCTA);

package/src/components/CustomColumnsPanel/CustomColumnsEntityPagePanelEntry.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CustomColumnsPanel } from './CustomColumnsPanel';
+import { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';
+
+function _CustomColumnsEntityPagePanelEntry() {
+  const state = CustomColumnsEntityPagePanelEntry.state;
+
+  if (!state) {
+    return null;
+  }
+
+  return <CustomColumnsPanel state={state} />;
+}
+
+export const CustomColumnsEntityPagePanelEntry = observer(
+  _CustomColumnsEntityPagePanelEntry,
+) as typeof _CustomColumnsEntityPagePanelEntry & {
+  state?: CustomColumnsEntityPageState;
+};

package/src/components/CustomColumnsPanel/CustomColumnsNoResults.tsx

@@ -2,12 +2,12 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { Box, Text, TextButton } from '@wix/design-system';
 import { Revert } from '@wix/wix-ui-icons-common';
-import { CustomColumnsState } from '../../state';
+import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';
 import { FiltersMap } from '@wix/bex-core';
 import { CollectionEmptyStateBase } from '../CollectionEmptyStateBase';
 
 export interface CustomColumnsNoResultsProps<T, F extends FiltersMap> {
-  state: CustomColumnsState<T, F>;
+  state: CustomColumnsPanelStateBase<T, F>;
 }
 
 export function _CustomColumnsNoResults<T, F extends FiltersMap>({

package/src/components/CustomColumnsPanel/CustomColumnsPanel.tsx

@@ -1,6 +1,6 @@
 import { Box, SidePanel } from '@wix/design-system';
 import React, { useEffect } from 'react';
-import { CustomColumnsState } from '../../state';
+import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';
 import { FiltersMap } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
@@ -12,7 +12,7 @@ import { ScrollableContent } from '../ScrollableContent';
 import { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';
 
 export interface CustomColumnsPanelProps<T, F extends FiltersMap> {
-  state: CustomColumnsState<T, F>;
+  state: CustomColumnsPanelStateBase<T, F>;
 }
 
 export function _CustomColumnsPanel<T, F extends FiltersMap>({

package/src/components/CustomColumnsPanel/CustomColumnsSearch.tsx

@@ -1,12 +1,12 @@
 import { Search } from '@wix/design-system';
 import React, { useEffect, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
-import { CustomColumnsState } from '../../state';
+import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';
 import { FiltersMap } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 
 export interface CustomColumnsSearchProps<T, F extends FiltersMap> {
-  state: CustomColumnsState<T, F>;
+  state: CustomColumnsPanelStateBase<T, F>;
 }
 
 export function _CustomColumnsSearch<T, F extends FiltersMap>({

package/src/components/CustomColumnsPanel/index.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle1122695105";
+var _namespace_ = "DragHandle1337604321";
 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":"DragHandle1122695105__root"};
+export var classes = {"root":"DragHandle1337604321__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_ = "EditableCell1039927707";
+var _namespace_ = "EditableCell2516259688";
 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":"EditableCell1039927707__root","validationIndicator":"EditableCell1039927707__validationIndicator"};
+export var classes = {"root":"EditableCell2516259688__root","validationIndicator":"EditableCell2516259688__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableColumnHeader.uni.driver.ts

@@ -22,6 +22,9 @@ export function EditableColumnHeaderUniDriver(
     /** Whether the "..." more button exists */
     hasMoreButton: () => moreButton.exists(),
 
+    /** Hover the column header (reveals the "..." button in designs that hide it) */
+    hover: () => base.hover(),
+
     /** Click the "..." button to open the popover menu */
     clickMoreButton: () => moreButton.click(),
 

package/src/components/EditableTable/EditableTable.tsx

@@ -122,6 +122,16 @@ function _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(
           {...state.deleteConfirmModal.value}
         />
       )}
+      {state.fieldActions.confirmModal.value && (
+        <MessageActionModal
+          state={state.fieldActions.confirmModal}
+          {...state.fieldActions.confirmModal.value}
+          primaryButtonProps={{
+            ...state.fieldActions.confirmModal.value.primaryButtonProps,
+            disabled: state.fieldActions.deleteTask.status.isLoading,
+          }}
+        />
+      )}
       {children}
     </PatternsFieldsProvider>
   );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "HeaderActionsPopover2773619774";
+var _namespace_ = "HeaderActionsPopover1022224764";
 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":"HeaderActionsPopover2773619774__root"};
+export var classes = {"root":"HeaderActionsPopover1022224764__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_ = "CellViewLayout2305060038";
+var _namespace_ = "CellViewLayout3505764986";
 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":"CellViewLayout2305060038__root"};
+export var classes = {"root":"CellViewLayout3505764986__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_ = "Edit875164342";
+var _namespace_ = "Edit3947072120";
 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":"Edit875164342__root","booleanEdit":"Edit875164342__booleanEdit"};
+export var classes = {"root":"Edit3947072120__root","booleanEdit":"Edit3947072120__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_ = "View7478075";
+var _namespace_ = "View3297492583";
 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":"View7478075__root","booleanView":"View7478075__booleanView"};
+export var classes = {"root":"View3297492583__root","booleanView":"View3297492583__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_ = "Edit2227822418";
+var _namespace_ = "Edit3940684260";
 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":"Edit2227822418__root","dateInput":"Edit2227822418__dateInput"};
+export var classes = {"root":"Edit3940684260__root","dateInput":"Edit3940684260__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_ = "View693026679";
+var _namespace_ = "View2907277041";
 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":"View693026679__root"};
+export var classes = {"root":"View2907277041__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_ = "Edit2319645489";
+var _namespace_ = "Edit3553603124";
 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":"Edit2319645489__root","emailInput":"Edit2319645489__emailInput"};
+export var classes = {"root":"Edit3553603124__root","emailInput":"Edit3553603124__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_ = "View590975411";
+var _namespace_ = "View3742314741";
 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":"View590975411__root"};
+export var classes = {"root":"View3742314741__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -8,6 +8,8 @@ import { emailCellType } from './email';
 import { objectCellType } from './object';
 import { imageCellType } from './image';
 import { richContentCellType } from './richContent';
+import { videoCellType } from './video';
+import { richTextCellType } from './richText';
 
 export {
   textCellType,
@@ -19,6 +21,8 @@ export {
   objectCellType,
   imageCellType,
   richContentCellType,
+  videoCellType,
+  richTextCellType,
 };
 
 /** All built-in cell types */
@@ -32,4 +36,6 @@ export const builtInCellTypes: CellType[] = [
   objectCellType,
   imageCellType,
   richContentCellType,
+  videoCellType,
+  richTextCellType,
 ];

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3206222942";
+var _namespace_ = "Edit2017827502";
 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":"Edit3206222942__root","numberInput":"Edit3206222942__numberInput"};
+export var classes = {"root":"Edit2017827502__root","numberInput":"Edit2017827502__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View20194621";
+var _namespace_ = "View3054859381";
 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":"View20194621__root","textView":"View20194621__textView"};
+export var classes = {"root":"View3054859381__root","textView":"View3054859381__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit806260352";
+var _namespace_ = "Edit63798164";
 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":"Edit806260352__root","jsonInput":"Edit806260352__jsonInput"};
+export var classes = {"root":"Edit63798164__root","jsonInput":"Edit63798164__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/EditableTable/cellTypes/richContent/Edit.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 
 import type { RichContent } from '@wix/ricos';
-import { CellRichContentInput } from '@wix/patterns-fields/form-rich-content-input';
+import { CellRichContentInput } from '@wix/patterns-fields/cell-rich-content-input';
 
 import type { CellEditProps } from '../../types';
 import { RichContentView } from './View';
@@ -14,7 +14,9 @@ export const RichContentEdit: React.FC<CellEditProps<unknown>> = ({
   editTrigger,
 }) => {
   const initialTypedKey =
-    editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type'
+    editTrigger &&
+    typeof editTrigger === 'object' &&
+    editTrigger.kind === 'type'
       ? editTrigger.key
       : undefined;
 

package/src/components/EditableTable/cellTypes/richContent/View.uni.driver.ts

@@ -1,10 +1,7 @@
 import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import { baseUniDriverFactory } from '../../../../unidriver';
 
-export function RichContentViewUniDriver(
-  base: UniDriver,
-  _body: UniDriver,
-) {
+export function RichContentViewUniDriver(base: UniDriver, _body: UniDriver) {
   return {
     ...baseUniDriverFactory(base),
     /** Returns the plain-text content shown in the cell */