@wix/patterns 1.427.0 → 1.431.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle513899965";
+var _namespace_ = "DragHandle4068887863";
 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":"DragHandle513899965__root"};
+export var classes = {"root":"DragHandle4068887863__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_ = "EditableCell1855872420";
+var _namespace_ = "EditableCell1018921301";
 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":"EditableCell1855872420__root","validationIndicator":"EditableCell1855872420__validationIndicator"};
+export var classes = {"root":"EditableCell1018921301__root","validationIndicator":"EditableCell1018921301__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableCell.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import type { FiltersMap } from '@wix/bex-core';
 import { Tooltip } from '@wix/design-system';
-import { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';
+import { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common/lazy';
 import { st, classes } from './EditableCell.st.css.js';
 import type { EditableTableState } from '../../state/EditableTable';
 import { useCellFocusAndEditing } from './useCellFocusAndEditing';

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

@@ -1,9 +1,6 @@
-import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';
-import {
-  AddItemUniDriver,
-  MessageModalLayoutUniDriver,
-} from '@wix/design-system/dist/testkit/unidriver';
-import { baseUniDriverFactory } from '../../unidriver';
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { AddItemUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { TableUniDriver } from '../Table/Table.uni.driver';
 import { EditableCellUniDriver } from './EditableCell.uni.driver';
 import { EditableTableContextMenuUniDriver } from './EditableTableContextMenu.uni.driver';
 import { EditableColumnHeaderUniDriver } from './EditableColumnHeader.uni.driver';
@@ -19,18 +16,14 @@ const { fireEvent = null } =
     : {};
 
 export function EditableTableUniDriver(base: UniDriver, body: UniDriver) {
+  const table = TableUniDriver(base, body);
+
   const getRows = () => base.$$('tbody tr[data-table-row="dataTableRow"]');
 
   const getCells = () => base.$$('[role="gridcell"]');
 
-  const initialLoaderBase = () =>
-    base.$('[data-hook="placeholder-states-loading-state"]');
-
   return {
-    ...baseUniDriverFactory(base),
-
-    /** Number of rendered data rows */
-    getRowsCount: () => getRows().count(),
+    ...table,
 
     /** Number of column headers */
     getColumnsCount: () => base.$$('thead th').count(),
@@ -57,20 +50,6 @@ export function EditableTableUniDriver(base: UniDriver, body: UniDriver) {
     /** Total number of gridcells rendered */
     getCellsCount: () => getCells().count(),
 
-    /** Wait until root element exists */
-    wait: (timeout?: number) => base.wait(timeout),
-
-    /** Wait for the initial fetch loader to be shown */
-    waitInitialLoader: (timeout?: number) => initialLoaderBase().wait(timeout),
-
-    /** Wait for the initial fetch loader to be removed */
-    waitInitialLoaderRemoved: (timeout?: number, delay?: number) =>
-      waitFor(
-        async () => !(await initialLoaderBase().exists()),
-        timeout,
-        delay,
-      ),
-
     /** Wait for at least one data row to render */
     waitForRow: (timeout?: number) => getRows().get(0).wait(timeout),
 
@@ -88,13 +67,6 @@ export function EditableTableUniDriver(base: UniDriver, body: UniDriver) {
     getAddItemRow: () =>
       AddItemUniDriver(base.$('[data-hook="add-row-button"]'), body),
 
-    /** Get the delete confirmation modal driver */
-    getConfirmActionModal: () =>
-      MessageModalLayoutUniDriver(
-        body.$('[data-hook="collection-action-modal"]'),
-        body,
-      ),
-
     /** Press a key on the table container (triggers useKeyboardNavigation) */
     pressKey: async (key: string, opts?: Record<string, unknown>) => {
       const el = await base.getNative();

package/src/components/EditableTable/EditableTableContextMenu.tsx

@@ -7,7 +7,7 @@ import {
   DeleteSmall,
   AddSmall,
   DuplicateSmall,
-} from '@wix/wix-ui-icons-common';
+} from '@wix/wix-ui-icons-common/lazy';
 import type { EditableTableState, Cell } from '../../state/EditableTable';
 
 export interface EditableTableContextMenuProps<T, F extends FiltersMap> {
@@ -35,6 +35,7 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
   const {
     cellInteraction,
     clipboard,
+    collection,
     addItemDisabled,
     updateItemDisabled,
     removeItemDisabled,
@@ -80,77 +81,148 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
     return null;
   }
 
+  const isRowSelectionMode = collection.bulkSelect.selectedCount > 0;
+
   const selectedCells = cellInteraction.selectedCellsList;
   const selectedCount = selectedCells.length;
-  const selectedRowKeys = [...new Set(selectedCells.map((c) => c.rowKey))];
-  const hasMultipleRows = selectedRowKeys.length > 1;
+  const selectedRowKeys = isRowSelectionMode
+    ? collection.bulkSelect.selectedIds
+    : [...new Set(selectedCells.map((c) => c.rowKey))];
+  // selectedCountOrTotal accounts for "select all" on a collection larger
+  // than what's loaded — selectedRowKeys.length alone would undercount it.
+  // Only used for the displayed count; the delete action itself still acts
+  // on selectedRowKeys (see the allSelectedItemsFetched guard below).
+  const selectedRowCount = isRowSelectionMode
+    ? collection.bulkSelect.selectedCountOrTotal
+    : selectedRowKeys.length;
+  const hasMultipleRows = selectedRowCount > 1;
+  const isMultiCellSelection = !isRowSelectionMode && selectedCount > 1;
+
+  const areSelectedCellsReadOnly =
+    selectedCount > 0 &&
+    selectedCells.every((c) => !state.isColumnEditable(c.rowKey, c.columnId));
+  const isPasteTargetReadOnly =
+    !cellInteraction.focusedCell ||
+    !state.isColumnEditable(
+      cellInteraction.focusedCell.rowKey,
+      cellInteraction.focusedCell.columnId,
+    );
 
   const options = [];
 
-  options.push(
-    listItemActionBuilder({
-      id: 'copy',
-      title: `Copy`,
-      disabled: selectedCount === 0,
-    }),
-    listItemActionBuilder({
-      id: 'cut',
-      title: `Cut`,
-      disabled: selectedCount === 0 || !!updateItemDisabled,
-    }),
-    listItemActionBuilder({
-      id: 'paste',
-      title: `Paste`,
-      disabled: !!updateItemDisabled,
-    }),
-    listItemActionBuilder({
-      id: 'clear',
-      title: selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',
-      disabled: selectedCount === 0 || !!updateItemDisabled,
-    }),
-  );
+  const pushRowActions = (multipleRows: boolean) => {
+    if (!multipleRows && !addItemDisabled) {
+      options.push(
+        listItemActionBuilder({
+          id: 'add-above',
+          title: 'Add Row Above',
+          prefixIcon: <AddSmall />,
+        }),
+        listItemActionBuilder({
+          id: 'add-below',
+          title: 'Add Row Below',
+          prefixIcon: <AddSmall />,
+        }),
+        listItemActionBuilder({
+          id: 'duplicate',
+          title: 'Duplicate Row',
+          prefixIcon: <DuplicateSmall />,
+        }),
+      );
+    }
 
-  const hasRowOps = !addItemDisabled || !removeItemDisabled;
-  if (hasRowOps) {
-    options.push({ id: 'divider-1', value: '-' });
-  }
+    if (!removeItemDisabled) {
+      if (!multipleRows && !addItemDisabled) {
+        options.push({ id: 'divider-2', value: '-' });
+      }
+      options.push(
+        listItemActionBuilder({
+          id: 'delete',
+          title: multipleRows
+            ? `Delete ${selectedRowCount} Rows`
+            : 'Delete Row',
+          prefixIcon: <DeleteSmall />,
+          skin: 'destructive',
+        }),
+      );
+    }
+  };
 
-  if (!addItemDisabled) {
+  if (isRowSelectionMode) {
+    // "Select all" on a paginated/virtualized collection can mark more rows
+    // selected than are currently loaded — bulkSelect.selectedIds only ever
+    // reflects materialized rows, so deleting by that list would silently
+    // act on fewer rows than the user selected. Only offer delete once every
+    // selected row is actually loaded client-side.
+    if (collection.bulkSelect.allSelectedItemsFetched) {
+      if (hasMultipleRows) {
+        if (!removeItemDisabled) {
+          options.push(
+            listItemActionBuilder({
+              id: 'delete',
+              title: `Remove ${selectedRowCount} Rows`,
+              prefixIcon: <DeleteSmall />,
+              skin: 'destructive',
+            }),
+          );
+        }
+      } else {
+        // A single checked row gets the full row menu, targeting the checked
+        // row — not the row under the cursor.
+        pushRowActions(false);
+      }
+    }
+  } else {
     options.push(
       listItemActionBuilder({
-        id: 'add-above',
-        title: 'Add Row Above',
-        prefixIcon: <AddSmall />,
+        id: 'copy',
+        title: `Copy`,
+        disabled: selectedCount === 0,
       }),
       listItemActionBuilder({
-        id: 'add-below',
-        title: 'Add Row Below',
-        prefixIcon: <AddSmall />,
+        id: 'cut',
+        title: `Cut`,
+        disabled:
+          selectedCount === 0 ||
+          !!updateItemDisabled ||
+          areSelectedCellsReadOnly,
       }),
       listItemActionBuilder({
-        id: 'duplicate',
-        title: 'Duplicate Row',
-        prefixIcon: <DuplicateSmall />,
+        id: 'paste',
+        title: `Paste`,
+        disabled: !!updateItemDisabled || isPasteTargetReadOnly,
       }),
-    );
-  }
-
-  if (!removeItemDisabled) {
-    if (!addItemDisabled) {
-      options.push({ id: 'divider-2', value: '-' });
-    }
-    options.push(
       listItemActionBuilder({
-        id: 'delete',
-        title: hasMultipleRows
-          ? `Delete ${selectedRowKeys.length} Rows`
-          : 'Delete Row',
-        prefixIcon: <DeleteSmall />,
-        skin: 'destructive',
+        id: 'clear',
+        title:
+          selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',
+        disabled:
+          selectedCount === 0 ||
+          !!updateItemDisabled ||
+          areSelectedCellsReadOnly,
       }),
     );
+
+    // A cell-range selection spanning several rows offers cell ops plus
+    // deleting the spanned rows; a single-row context gets the full row menu.
+    const hasRowOps = !addItemDisabled || !removeItemDisabled;
+    if (hasRowOps) {
+      options.push({ id: 'divider-1', value: '-' });
+    }
+    pushRowActions(isMultiCellSelection && hasMultipleRows);
   }
 
+  if (options.length === 0) {
+    return null;
+  }
+
+  // Row actions target the checked row in row-selection mode, the row under
+  // the cursor otherwise.
+  const targetRowKey =
+    isRowSelectionMode && selectedRowKeys.length === 1
+      ? selectedRowKeys[0]
+      : cell.rowKey;
+
   const handleSelect = (option: { id: string | number }) => {
     switch (option.id) {
       case 'copy':
@@ -167,7 +239,7 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
         break;
       case 'add-above': {
         const rowIdx = state.keyedItems.findIndex(
-          (ki) => ki.key === cell.rowKey,
+          (ki) => ki.key === targetRowKey,
         );
         const prevKey =
           rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
@@ -176,16 +248,18 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
         break;
       }
       case 'add-below':
-        state.addItem(cell.rowKey);
+        state.addItem(targetRowKey);
         onClose();
         break;
       case 'duplicate':
-        state.duplicateItem(cell.rowKey);
+        state.duplicateItem(targetRowKey);
         onClose();
         break;
       case 'delete':
         state.confirmDeleteItems(
-          hasMultipleRows ? selectedRowKeys : [cell.rowKey],
+          isRowSelectionMode || hasMultipleRows
+            ? selectedRowKeys
+            : [cell.rowKey],
         );
         onClose();
         break;

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

@@ -24,6 +24,13 @@ export function EditableTableContextMenuUniDriver(
       return body.$(`[data-hook="dropdown-item-${optionId}"]`).exists();
     },
 
+    isOptionDisabled: async (optionId: string) => {
+      const disabled = await body
+        .$(`[data-hook="dropdown-item-${optionId}"]`)
+        .attr('data-option-disabled');
+      return disabled === 'true';
+    },
+
     clickOption: async (optionId: string) => {
       const option = await getDropdownLayout().optionById(optionId);
       await option.click();

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

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

package/src/components/EditableTable/HeaderFieldActions.tsx

@@ -1,10 +1,12 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import type { Field, FiltersMap } from '@wix/bex-core';
+import { resolveFieldTypeDefinition } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
 import type { EditableColumn } from '../../state/EditableTable/types';
 import {
   buildFieldActionGroups,
+  buildFieldTypeActionGroup,
   type FieldActionHandlers,
   type FieldActionKey,
 } from '../FieldActions';
@@ -90,6 +92,19 @@ function _HeaderFieldActions<T, F extends FiltersMap>({
       : undefined,
   });
 
+  // A custom field type's extra actions render as their own group after the
+  // built-in ones.
+  const definition =
+    field && source
+      ? resolveFieldTypeDefinition(source.fieldsSource, field)
+      : undefined;
+  if (field && definition?.actions?.items?.length) {
+    const extraActions = buildFieldTypeActionGroup({ field, definition });
+    if (extraActions.length) {
+      groups.push(extraActions);
+    }
+  }
+
   if (groups.length === 0) {
     return null;
   }

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1097273263";
+var _namespace_ = "Edit2609722555";
 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":"Edit1097273263__root","addressInput":"Edit1097273263__addressInput"};
+export var classes = {"root":"Edit2609722555__root","addressInput":"Edit2609722555__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3813758758";
+var _namespace_ = "Edit254985112";
 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":"Edit3813758758__root","jsonInput":"Edit3813758758__jsonInput"};
+export var classes = {"root":"Edit254985112__root","jsonInput":"Edit254985112__jsonInput"};
 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_ = "Edit627207133";
+var _namespace_ = "Edit2369361531";
 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":"Edit627207133__root","booleanEdit":"Edit627207133__booleanEdit"};
+export var classes = {"root":"Edit2369361531__root","booleanEdit":"Edit2369361531__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_ = "View2315383970";
+var _namespace_ = "View140178427";
 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":"View2315383970__root","booleanView":"View2315383970__booleanView"};
+export var classes = {"root":"View140178427__root","booleanView":"View140178427__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1178277499";
+var _namespace_ = "Edit2849672228";
 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":"Edit1178277499__root"};
+export var classes = {"root":"Edit2849672228__root"};
 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_ = "Edit3431241709";
+var _namespace_ = "Edit190091011";
 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":"Edit3431241709__root","dateInput":"Edit3431241709__dateInput"};
+export var classes = {"root":"Edit190091011__root","dateInput":"Edit190091011__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_ = "View125017540";
+var _namespace_ = "View141344198";
 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":"View125017540__root"};
+export var classes = {"root":"View141344198__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3548021894";
+var _namespace_ = "Edit3782397597";
 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":"Edit3548021894__root","half":"Edit3548021894__half","dateHalf":"Edit3548021894__dateHalf Edit3548021894__half","timeHalf":"Edit3548021894__timeHalf Edit3548021894__half","divider":"Edit3548021894__divider","passiveText":"Edit3548021894__passiveText","placeholderText":"Edit3548021894__placeholderText Edit3548021894__passiveText"};
+export var classes = {"root":"Edit3782397597__root","half":"Edit3782397597__half","dateHalf":"Edit3782397597__dateHalf Edit3782397597__half","timeHalf":"Edit3782397597__timeHalf Edit3782397597__half","divider":"Edit3782397597__divider","passiveText":"Edit3782397597__passiveText","placeholderText":"Edit3782397597__placeholderText Edit3782397597__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3768140103";
+var _namespace_ = "View1682123110";
 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":"View3768140103__root","leaf":"View3768140103__leaf","datePart":"View3768140103__datePart View3768140103__leaf","timePart":"View3768140103__timePart View3768140103__leaf","placeholder":"View3768140103__placeholder View3768140103__leaf","divider":"View3768140103__divider"};
+export var classes = {"root":"View1682123110__root","leaf":"View1682123110__leaf","datePart":"View1682123110__datePart View1682123110__leaf","timePart":"View1682123110__timePart View1682123110__leaf","placeholder":"View1682123110__placeholder View1682123110__leaf","divider":"View1682123110__divider"};
 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_ = "Edit1468089494";
+var _namespace_ = "Edit3200373441";
 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":"Edit1468089494__root","emailInput":"Edit1468089494__emailInput"};
+export var classes = {"root":"Edit3200373441__root","emailInput":"Edit3200373441__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_ = "View183643799";
+var _namespace_ = "View812756463";
 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":"View183643799__root"};
+export var classes = {"root":"View812756463__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};