@wix/patterns 1.409.0 → 1.411.0

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

@@ -19,6 +19,7 @@ import type { ReferenceItem, ReferenceTypeConfig } from './types';
 import { getImageFieldId } from './getImageFieldId';
 import { useCollection } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
+import { useOpenReferencedCollection } from './openCollectionContext';
 
 type ReferenceValue = Record<string, unknown> | null;
 
@@ -35,6 +36,10 @@ function _ReferenceEditContent({
   const refSchema = config?.refSchema;
   const acHandle = useRef<CellReferenceInputHandle | null>(null);
   const wrapperRef = useRef<HTMLDivElement | null>(null);
+  // Opener provided by ReferenceEditWrapper (a stable ancestor) so the
+  // navigation + return-to-foreground subscription survive this editor
+  // unmounting when the overlay opens.
+  const openReferencedCollection = useOpenReferencedCollection();
 
   const collection = useCollection<ReferenceItem>({
     queryName: `reference-cell-edit-${refSchema?.id ?? 'unknown'}`,
@@ -185,6 +190,20 @@ function _ReferenceEditContent({
     fixedFooter: config?.renderFooter?.(),
   });
 
+  // Refresh this editor's dropdown options when the overlay closes — force
+  // invalidates the shared query cache (keyed by queryName), so even after this
+  // editor has unmounted the next open refetches fresh.
+  const handleOpenCollection = useMemo(
+    () =>
+      openReferencedCollection
+        ? () =>
+            openReferencedCollection(() =>
+              collection.clearResultAndMoveToStart({ force: true }),
+            )
+        : undefined,
+    [openReferencedCollection, collection],
+  );
+
   if (!refSchema) {
     return null;
   }
@@ -206,7 +225,7 @@ function _ReferenceEditContent({
         loadMore={collection.fetchNextPageIfNeeded}
         fixedFooter={fixedFooter}
         onBlur={onCommit}
-        onOpenCollection={config?.onOpenCollection}
+        onOpenCollection={handleOpenCollection}
         autoOpen={!!editTrigger}
         inputRef={inputRef}
       />

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

@@ -62,5 +62,15 @@ export function ReferenceEditUniDriver(base: UniDriver, body: UniDriver) {
       const option = await body.$$('[data-hook="list-item-select"]').get(index);
       return option.click();
     },
+    // Open-collection action is rendered inside the portal-mounted dropdown footer.
+    hasOpenCollectionButton: () =>
+      body.$('[data-hook="reference-open-collection"]').exists(),
+    clickOpenCollection: async () => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const el = (
+        body.$('[data-hook="reference-open-collection"]') as any
+      ).getNative() as Promise<HTMLElement>;
+      fireEvent.click(await el);
+    },
   };
 }

package/src/components/EditableTable/cellTypes/reference/ReferenceEditWrapper.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { CellEditWrapperProps } from '../../types';
+import type { ReferenceTypeConfig } from './types';
+import { useOpenCollectionOverlay } from '../../useOpenCollectionOverlay';
+import { OpenReferencedCollectionContext } from './openCollectionContext';
+
+/**
+ * Stable owner (mounted by EditableCell around the cell content, kept mounted
+ * across the edit↔view swap) for the reference cell's "open collection" flow.
+ * Opening the referenced collection navigates away as an overlay, which commits
+ * and unmounts the inline editor — owning the navigation + return-to-foreground
+ * subscription here lets it survive that unmount. The editor supplies the
+ * refresh to run on return (over its own dropdown collection) via the opener
+ * provided through context.
+ */
+export function ReferenceEditWrapper({
+  typeConfig,
+  children,
+}: CellEditWrapperProps) {
+  const collectionId = (typeConfig as ReferenceTypeConfig | undefined)
+    ?.refSchema?.collectionId;
+  const openReferencedCollection = useOpenCollectionOverlay({ collectionId });
+
+  return (
+    <OpenReferencedCollectionContext.Provider value={openReferencedCollection}>
+      {children}
+    </OpenReferencedCollectionContext.Provider>
+  );
+}

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

@@ -1,6 +1,7 @@
 import { defineCellType } from '../../types';
 import { ReferenceView } from './View';
 import { ReferenceEdit } from './Edit';
+import { ReferenceEditWrapper } from './ReferenceEditWrapper';
 
 export { ReferenceView, ReferenceEdit };
 export type { ReferenceItem, RefSchema, ReferenceTypeConfig } from './types';
@@ -11,6 +12,7 @@ export const referenceCellType = defineCellType<ReferenceValue>({
   type: 'reference',
   ViewComponent: ReferenceView,
   EditComponent: ReferenceEdit,
+  EditWrapper: ReferenceEditWrapper,
   serialize: (value) => (value ? JSON.stringify(value) : ''),
   deserialize: (raw) => {
     if (!raw) {

package/src/components/EditableTable/cellTypes/reference/openCollectionContext.ts

@@ -0,0 +1,18 @@
+import { createContext, useContext } from 'react';
+import type { OpenCollectionOverlay } from '../../useOpenCollectionOverlay';
+
+/**
+ * Opener that navigates to the referenced collection as an overlay, or
+ * `undefined` when the host can't navigate. Provided by `ReferenceEditWrapper`
+ * (mounted by EditableCell, so it — and the layer-state subscription it owns —
+ * outlives the inline editor) and consumed by the reference editor.
+ *
+ * The editor passes the refresh to run on return (over its own dropdown
+ * `collection`, which the wrapper has no reference to) as the opener's argument.
+ */
+export const OpenReferencedCollectionContext = createContext<
+  OpenCollectionOverlay | undefined
+>(undefined);
+
+export const useOpenReferencedCollection = () =>
+  useContext(OpenReferencedCollectionContext);

package/src/components/EditableTable/cellTypes/reference/types.ts

@@ -15,6 +15,8 @@ export interface RefSchemaField {
 
 export interface RefSchema {
   id: string;
+  /** The id of the referenced collection, used to navigate to it from the cell editor. */
+  collectionId?: string;
   displayField: string;
   idField: string;
   fields?: Record<string, RefSchemaField | undefined>;
@@ -26,5 +28,4 @@ export interface ReferenceTypeConfig {
     query: ComputedQuery,
   ) => Promise<{ items: ReferenceItem[]; total: number }>;
   renderFooter?: () => React.ReactNode;
-  onOpenCollection?: () => void;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3791052357";
+var _namespace_ = "Edit666108324";
 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":"Edit3791052357__root","selectInput":"Edit3791052357__selectInput"};
+export var classes = {"root":"Edit666108324__root","selectInput":"Edit666108324__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_ = "Edit2492481644";
+var _namespace_ = "Edit3519473897";
 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":"Edit2492481644__root","editWrapper":"Edit2492481644__editWrapper","inputArea":"Edit2492481644__inputArea"};
+export var classes = {"root":"Edit3519473897__root","editWrapper":"Edit3519473897__editWrapper","inputArea":"Edit3519473897__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_ = "View3934756930";
+var _namespace_ = "View778225919";
 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":"View3934756930__root"};
+export var classes = {"root":"View778225919__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_ = "Edit3174627134";
+var _namespace_ = "Edit3424681652";
 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":"Edit3174627134__root","wrapper":"Edit3174627134__wrapper","overlay":"Edit3174627134__overlay"};
+export var classes = {"root":"Edit3424681652__root","wrapper":"Edit3424681652__wrapper","overlay":"Edit3424681652__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_ = "Edit1416333859";
+var _namespace_ = "Edit457514673";
 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":"Edit1416333859__root","urlInput":"Edit1416333859__urlInput"};
+export var classes = {"root":"Edit457514673__root","urlInput":"Edit457514673__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_ = "View3557964787";
+var _namespace_ = "View2079630153";
 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":"View3557964787__root","textView":"View3557964787__textView","urlText":"View3557964787__urlText","suffix":"View3557964787__suffix"};
+export var classes = {"root":"View2079630153__root","textView":"View2079630153__textView","urlText":"View2079630153__urlText","suffix":"View2079630153__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -46,13 +46,35 @@ export interface CellEditProps<V> {
   rowKey: string;
 }
 
+/**
+ * Props passed to a cell type's optional `EditWrapper`. EditableCell mounts the
+ * wrapper around the cell content and keeps it mounted across the edit↔view
+ * transition, so the wrapper can own behavior that must outlive the inline
+ * editor (e.g. a reference cell navigating to an overlay and refreshing on
+ * return). The wrapper hands anything the editor needs down via its own context.
+ */
+export interface CellEditWrapperProps {
+  /** The column's typeConfig (same value handed to the cell's Edit/View). */
+  typeConfig?: unknown;
+  /** Stable id of the column. */
+  columnId: string;
+  /** Stable key of the row. */
+  rowKey: string;
+  /** The cell content (the Edit or View component) to render inside the wrapper. */
+  children: React.ReactNode;
+}
+
 /**
  * Type-safe definition for a cell type. Non-value-typed props are derived
  * directly from CellType via Pick so new additions propagate automatically.
  */
 export type CellTypeDefinition<V> = Pick<
   CellType,
-  'editable' | 'clearable' | 'showEditWhenFocused' | 'nativeTypeToEdit'
+  | 'editable'
+  | 'clearable'
+  | 'showEditWhenFocused'
+  | 'nativeTypeToEdit'
+  | 'EditWrapper'
 > & {
   type: CellType['type'];
   ViewComponent: React.ComponentType<CellViewProps<V>>;

package/src/components/EditableTable/useAddRow.ts

@@ -15,6 +15,8 @@ export function useAddRow<T, F extends FiltersMap>(
   const addItemAnchorRef = useRef<string | undefined>(undefined);
 
   const handleAddItem = useCallback(() => {
+    state.onAddItemClick('Card CTA');
+
     // Refresh the anchor if it's missing or no longer in the current page
     // (e.g. after query/filter/pagination changes moved it off-page).
     const isAnchorStale =

package/src/components/EditableTable/useOpenCollectionOverlay.ts

@@ -0,0 +1,77 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+
+export type OpenCollectionOverlay = (onReturnToForeground?: () => void) => void;
+
+/**
+ * Builds an opener that navigates to a collection (by id) as an overlay on top
+ * of the current page, and invokes `onReturnToForeground` once the overlay
+ * closes and the page returns to the foreground.
+ *
+ * Must be called from a component that outlives the inline cell editor (e.g. a
+ * cell type's `EditWrapper`): opening the overlay typically commits/unmounts
+ * the editor, so the layer-state subscription is owned here and disposed only
+ * on this owner's unmount (and before re-opening). The editor passes the
+ * refresh it wants to run on return as `onReturnToForeground` when it calls the
+ * opener, since the editor — not this owner — holds the data to refresh.
+ *
+ * Returns `undefined` when the host can't navigate (no `collectionId`,
+ * `navigateTo`, or page location).
+ */
+export function useOpenCollectionOverlay({
+  collectionId,
+}: {
+  collectionId: string | undefined;
+}): OpenCollectionOverlay | undefined {
+  const container = useWixPatternsContainer();
+  const pageLocation = container.usePageLocation?.();
+  const navigateTo = container.navigateTo;
+  const onLayerStateChange = container.onLayerStateChange;
+
+  // The subscription is owned by this (stable) component, not the editor that
+  // triggers it, so it survives the editor unmounting when the overlay opens
+  // and is disposed on this owner's unmount (or before re-opening).
+  const subscriptionRef = useRef<{ remove: () => void } | null>(null);
+  useEffect(
+    () => () => {
+      subscriptionRef.current?.remove();
+      subscriptionRef.current = null;
+    },
+    [],
+  );
+
+  const open = useCallback<OpenCollectionOverlay>(
+    (onReturnToForeground) => {
+      if (!collectionId || !navigateTo || !pageLocation) {
+        return;
+      }
+      // Preserve the current route (pathname, existing query params, hash) and
+      // only swap in the referenced collectionId, so nested routes and required
+      // query state survive the navigation.
+      const params = new URLSearchParams(pageLocation.search);
+      params.set('collectionId', collectionId);
+      navigateTo({
+        pageId: pageLocation.pageId,
+        relativeUrl: `${pageLocation.pathname}?${params.toString()}${
+          pageLocation.hash ?? ''
+        }`,
+        displayMode: 'overlay',
+        history: 'replace',
+      });
+
+      subscriptionRef.current?.remove();
+      subscriptionRef.current =
+        onLayerStateChange?.((newState) => {
+          if (newState === 'foreground') {
+            subscriptionRef.current?.remove();
+            subscriptionRef.current = null;
+            onReturnToForeground?.();
+          }
+        }) ?? null;
+    },
+    [collectionId, navigateTo, pageLocation, onLayerStateChange],
+  );
+
+  const canOpen = Boolean(collectionId && navigateTo && pageLocation);
+  return canOpen ? open : undefined;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain2401101096";
+var _namespace_ = "EntityPagePlain3253125584";
 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":"EntityPagePlain2401101096__root"};
+export var classes = {"root":"EntityPagePlain3253125584__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_ = "Fade2314456760";
+var _namespace_ = "Fade2464159354";
 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":"Fade2314456760__root"};
+export var classes = {"root":"Fade2464159354__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_ = "Heading299110353";
+var _namespace_ = "Heading198097718";
 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":"Heading299110353__root"};
+export var classes = {"root":"Heading198097718__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_ = "ImportStepUpload3595129636";
+var _namespace_ = "ImportStepUpload1508838432";
 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":"ImportStepUpload3595129636__root","fileUpload":"ImportStepUpload3595129636__fileUpload"};
+export var classes = {"root":"ImportStepUpload1508838432__root","fileUpload":"ImportStepUpload1508838432__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_ = "InputOverflow3961581455";
+var _namespace_ = "InputOverflow4167303191";
 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":"InputOverflow3961581455__root"};
+export var classes = {"root":"InputOverflow4167303191__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_ = "LoadingRow2926727146";
+var _namespace_ = "LoadingRow853614787";
 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":"LoadingRow2926727146__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2926727146__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow853614787__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow853614787__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_ = "MaxHeightText4003078707";
+var _namespace_ = "MaxHeightText2391409715";
 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":"MaxHeightText4003078707__root"};
+export var classes = {"root":"MaxHeightText2391409715__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_ = "MaxLines3201771531";
+var _namespace_ = "MaxLines2960158681";
 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":"MaxLines3201771531__root"};
+export var classes = {"root":"MaxLines2960158681__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_ = "MultiBulkActionToolbar2653134755";
+var _namespace_ = "MultiBulkActionToolbar420340593";
 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":"MultiBulkActionToolbar2653134755__root","leftGroupWrapper":"MultiBulkActionToolbar2653134755__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2653134755__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2653134755__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar420340593__root","leftGroupWrapper":"MultiBulkActionToolbar420340593__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar420340593__selectedCountItem","selectedCountText":"MultiBulkActionToolbar420340593__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_ = "NestedTablePlaceholderStatesRow1049700025";
+var _namespace_ = "NestedTablePlaceholderStatesRow1673537109";
 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":"NestedTablePlaceholderStatesRow1049700025__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1673537109__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_ = "NestedTableRow4017610873";
+var _namespace_ = "NestedTableRow3090286243";
 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":"NestedTableRow4017610873__root","firstLevel":"NestedTableRow4017610873__firstLevel","placeholder":"NestedTableRow4017610873__placeholder","parentHovered":"NestedTableRow4017610873__parentHovered"};
+export var classes = {"root":"NestedTableRow3090286243__root","firstLevel":"NestedTableRow3090286243__firstLevel","placeholder":"NestedTableRow3090286243__placeholder","parentHovered":"NestedTableRow3090286243__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_ = "MultipleDragOverlayEffect1938007852";
+var _namespace_ = "MultipleDragOverlayEffect460671311";
 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":"MultipleDragOverlayEffect1938007852__root"};
+export var classes = {"root":"MultipleDragOverlayEffect460671311__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_ = "NestedTableDragAndDropRow4118053086";
+var _namespace_ = "NestedTableDragAndDropRow1275657610";
 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":"NestedTableDragAndDropRow4118053086__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1275657610__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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