@wix/patterns 1.411.0 → 1.413.0

package/src/components/EditableTable/cellTypes/multiDocument/Edit.uni.driver.ts

@@ -0,0 +1,16 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function MultiDocumentEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasAddButton: () =>
+      base.$('[data-hook="multi-document-edit-add-button"]').exists(),
+    hasPasteUrlButton: () =>
+      base.$('[data-hook="multi-document-edit-paste-url-button"]').exists(),
+    getTagsCount: () =>
+      base.$$('[data-hook="multi-document-edit-tag"]').count(),
+    isLoading: () =>
+      base.$('[data-hook="multi-document-edit"] [data-hook="loader"]').exists(),
+  };
+}

package/src/components/EditableTable/cellTypes/multiDocument/View.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CellMultiDocumentView } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+
+export const MultiDocumentView: React.FC<CellViewProps<string[] | null>> = ({
+  value,
+  columnId,
+  rowKey,
+}) => (
+  <CellMultiDocumentView
+    value={value}
+    dataHook="multi-document-view"
+    fieldId={`multi-document-view-${columnId}-${rowKey}`}
+  />
+);

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

@@ -0,0 +1,15 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function MultiDocumentViewUniDriver(base: UniDriver, _body: UniDriver) {
+  const tags = () => base.$$('[data-hook="cell-multi-document-tag"]');
+  const overflow = () => base.$('[data-hook="tag-list-overflow-chip"]');
+  return {
+    ...baseUniDriverFactory(base),
+    hasTags: async () => (await tags().count()) > 0,
+    getTagsCount: () => tags().count(),
+    isEmpty: async () => !(await base.$('[data-hook="cell-multi-document-tags"]').exists()),
+    hasOverflowChip: () => overflow().exists(),
+    getOverflowChipText: async () => (await overflow().text()) ?? '',
+  };
+}

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

@@ -0,0 +1,19 @@
+import { defineCellType } from '../../types';
+import { MultiDocumentView } from './View';
+import { MultiDocumentEdit } from './Edit';
+
+export { MultiDocumentView, MultiDocumentEdit };
+
+export const multiDocumentCellType = defineCellType<string[] | null>({
+  type: 'multiDocument',
+  ViewComponent: MultiDocumentView,
+  EditComponent: MultiDocumentEdit,
+  serialize: (value) => (value ?? []).join(', '),
+  clearable: true,
+  showEditWhenFocused: true,
+  growable: true,
+  // Returning undefined blocks all key presses from starting type-to-edit, but
+  // the presence of the function sets the :typeToEdit CSS modifier which keeps
+  // the selection borders visible while the cell is in edit mode (double border).
+  onTypeToEdit: () => undefined,
+});

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3841172677";
+var _namespace_ = "Edit82474354";
 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":"Edit3841172677__root","numberInput":"Edit3841172677__numberInput"};
+export var classes = {"root":"Edit82474354__root","numberInput":"Edit82474354__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_ = "View4178920715";
+var _namespace_ = "View2867133405";
 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":"View4178920715__root","textView":"View4178920715__textView"};
+export var classes = {"root":"View2867133405__root","textView":"View2867133405__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_ = "Edit3430547713";
+var _namespace_ = "Edit418534881";
 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":"Edit3430547713__root","jsonInput":"Edit3430547713__jsonInput"};
+export var classes = {"root":"Edit418534881__root","jsonInput":"Edit418534881__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_ = "View3180632283";
+var _namespace_ = "View2561215068";
 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":"View3180632283__root"};
+export var classes = {"root":"View2561215068__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -10,7 +10,7 @@ export const RichContentEdit: React.FC<CellEditProps<unknown>> = ({
   value,
   onChange,
   onCommit,
-  // onCancel intentionally unused: Escape commits via RichContentEditor.onClose → editorEvents.publish().
+  // onCancel intentionally unused: Escape commits via RichContentEditor.onClose -> editorRef.prePublish().
   editTrigger,
   columnId,
   rowKey,

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

@@ -1,10 +1,7 @@
 import React from 'react';
 import { Loader } from '@wix/design-system';
-import {
-  ensureRicosContent,
-  fromPlainText,
-  toPlainTextSync,
-} from '@wix/ricos/content';
+import { RicosDocument } from '@wix/ricos';
+import { fromPlainText, toPlainTextSync } from '@wix/ricos/content';
 
 import type { CellEditProps } from '../../types';
 import { defineCellType } from '../../types';
@@ -35,9 +32,11 @@ export const richContentCellType = defineCellType<unknown>({
     if (!value) {
       return '';
     }
-    return toPlainTextSync(ensureRicosContent(value as any), {
-      delimiter: ' ',
-    });
+    return typeof value === 'string'
+      ? value
+      : toPlainTextSync(value as RicosDocument, {
+          delimiter: ' ',
+        });
   },
 
   /** Deserialize a pasted plain-text string back to a minimal Ricos document. */

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit666108324";
+var _namespace_ = "Edit3098003061";
 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":"Edit666108324__root","selectInput":"Edit666108324__selectInput"};
+export var classes = {"root":"Edit3098003061__root","selectInput":"Edit3098003061__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3519473897";
+var _namespace_ = "Edit1280511382";
 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":"Edit3519473897__root","editWrapper":"Edit3519473897__editWrapper","inputArea":"Edit3519473897__inputArea"};
+export var classes = {"root":"Edit1280511382__root","editWrapper":"Edit1280511382__editWrapper","inputArea":"Edit1280511382__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3424681652";
+var _namespace_ = "Edit260042110";
 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":"Edit3424681652__root","wrapper":"Edit3424681652__wrapper","overlay":"Edit3424681652__overlay"};
+export var classes = {"root":"Edit260042110__root","wrapper":"Edit260042110__wrapper","overlay":"Edit260042110__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit457514673";
+var _namespace_ = "Edit1268113439";
 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":"Edit457514673__root","urlInput":"Edit457514673__urlInput"};
+export var classes = {"root":"Edit1268113439__root","urlInput":"Edit1268113439__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2079630153";
+var _namespace_ = "View3467375880";
 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":"View2079630153__root","textView":"View2079630153__textView","urlText":"View2079630153__urlText","suffix":"View2079630153__suffix"};
+export var classes = {"root":"View3467375880__root","textView":"View3467375880__textView","urlText":"View3467375880__urlText","suffix":"View3467375880__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -75,6 +75,7 @@ export type CellTypeDefinition<V> = Pick<
   | 'showEditWhenFocused'
   | 'nativeTypeToEdit'
   | 'EditWrapper'
+  | 'growable'
 > & {
   type: CellType['type'];
   ViewComponent: React.ComponentType<CellViewProps<V>>;

package/src/components/EntityPage/EntityPagePlain.st.css.ts

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

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

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

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

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

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload1508838432";
+var _namespace_ = "ImportStepUpload3520625931";
 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":"ImportStepUpload1508838432__root","fileUpload":"ImportStepUpload1508838432__fileUpload"};
+export var classes = {"root":"ImportStepUpload3520625931__root","fileUpload":"ImportStepUpload3520625931__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow853614787";
+var _namespace_ = "LoadingRow3948357212";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow853614787__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow853614787__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3948357212__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3948357212__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar420340593";
+var _namespace_ = "MultiBulkActionToolbar1490296512";
 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":"MultiBulkActionToolbar420340593__root","leftGroupWrapper":"MultiBulkActionToolbar420340593__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar420340593__selectedCountItem","selectedCountText":"MultiBulkActionToolbar420340593__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1490296512__root","leftGroupWrapper":"MultiBulkActionToolbar1490296512__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1490296512__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1490296512__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_ = "NestedTablePlaceholderStatesRow1673537109";
+var _namespace_ = "NestedTablePlaceholderStatesRow2496254971";
 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":"NestedTablePlaceholderStatesRow1673537109__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2496254971__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_ = "NestedTableRow3090286243";
+var _namespace_ = "NestedTableRow2721334238";
 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":"NestedTableRow3090286243__root","firstLevel":"NestedTableRow3090286243__firstLevel","placeholder":"NestedTableRow3090286243__placeholder","parentHovered":"NestedTableRow3090286243__parentHovered"};
+export var classes = {"root":"NestedTableRow2721334238__root","firstLevel":"NestedTableRow2721334238__firstLevel","placeholder":"NestedTableRow2721334238__placeholder","parentHovered":"NestedTableRow2721334238__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_ = "MultipleDragOverlayEffect460671311";
+var _namespace_ = "MultipleDragOverlayEffect3361943102";
 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":"MultipleDragOverlayEffect460671311__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3361943102__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_ = "NestedTableDragAndDropRow1275657610";
+var _namespace_ = "NestedTableDragAndDropRow358505650";
 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":"NestedTableDragAndDropRow1275657610__root"};
+export var classes = {"root":"NestedTableDragAndDropRow358505650__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PageWrapper/PageWrapperBase.tsx

@@ -19,12 +19,8 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
   const [state] = useState(() => pageState ?? new PageState());
   const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;
   const sidePanelOpen = useReactive(_sidePanelOpen);
-  const { environment, useRelativeSidePanel } = useWixPatternsContainer();
-
-  // CAIRO-3582: modify mobile detection to use user agent
-  // useEffect(() => {
-  //   return state.init();
-  // }, [state]);
+  const { environment, useRelativeSidePanel, isMobile } =
+    useWixPatternsContainer();
 
   const pageAndModalsRootStyle = useMemo(
     () => ({
@@ -80,7 +76,7 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
     </PageContextProvider>
   );
 
-  if (state.isMobile) {
+  if (isMobile) {
     child = (
       <WixDesignSystemProvider mobile={true}>{child}</WixDesignSystemProvider>
     );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent4272162706";
+var _namespace_ = "PickerContent3044108310";
 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":"PickerContent4272162706__root"};
+export var classes = {"root":"PickerContent3044108310__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_ = "PickerContentAdditionalStep1711655352";
+var _namespace_ = "PickerContentAdditionalStep4168801244";
 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":"PickerContentAdditionalStep1711655352__root","titles":"PickerContentAdditionalStep1711655352__titles","suffix":"PickerContentAdditionalStep1711655352__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep4168801244__root","titles":"PickerContentAdditionalStep4168801244__titles","suffix":"PickerContentAdditionalStep4168801244__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_ = "PickerTableListItem3089205095";
+var _namespace_ = "PickerTableListItem1824403770";
 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":"PickerTableListItem3089205095__root"};
+export var classes = {"root":"PickerTableListItem1824403770__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};