@wix/patterns 1.495.0 → 1.497.0

package/src/components/EditableTable/EditableCell.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import type { FiltersMap } from '@wix/bex-core';
-import { Text } from '@wix/design-system';
+import { Popover, Text } from '@wix/design-system';
 import { st, classes } from './EditableCell.st.css.js';
 import type { EditableTableState } from '../../state/EditableTable';
 import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
@@ -189,6 +189,8 @@ function _EditableCell<T, F extends FiltersMap>({
       columnId={columnId}
       rowKey={rowKey}
       isEditable={canEdit}
+      // Keep the focused view from expanding over other cells in a range selection.
+      isFocused={isFocused && !isRangeSelection}
     />
   );
 
@@ -245,16 +247,30 @@ function _EditableCell<T, F extends FiltersMap>({
         )}
       </div>
       {showErrorMessage && (
-        <div
-          className={classes.errorMessage}
-          data-hook="cell-error-message"
-          data-row-key={rowKey}
-          data-column-id={columnId}
+        <Popover
+          className={classes.errorPopover}
+          shown
+          skin="light"
+          placement="bottom-start"
+          showArrow={false}
+          appendTo="window"
         >
-          <Text size="small" skin="error">
-            {cellValidation.errors?.join(', ')}
-          </Text>
-        </div>
+          <Popover.Element>
+            <span aria-hidden />
+          </Popover.Element>
+          <Popover.Content>
+            <div
+              className={classes.errorMessage}
+              data-hook="cell-error-message"
+              data-row-key={rowKey}
+              data-column-id={columnId}
+            >
+              <Text size="small" skin="error">
+                {cellValidation.errors?.join(', ')}
+              </Text>
+            </div>
+          </Popover.Content>
+        </Popover>
       )}
     </>
   );

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

@@ -61,8 +61,8 @@ export function EditableCellUniDriver(base: UniDriver, body: UniDriver) {
     /** Get the column id from data attribute */
     getColumnId: () => base.attr('data-column-id'),
 
-    /** Error message shown under the cell while it's focused/editing (null when hidden).
-     *  It renders next to the cell, not inside it, so it's queried from the body. */
+    /** Error message shown while the cell is focused/editing (null when hidden).
+     *  It renders in a portal, so it is queried from the body. */
     getErrorMessage: async () => {
       const rowKey = await base.attr('data-row-key');
       const columnId = await base.attr('data-column-id');

package/src/components/EditableTable/EditableTable.tsx

@@ -14,7 +14,6 @@ import { EditableCell } from './EditableCell';
 import { EditableTableContextMenu } from './EditableTableContextMenu';
 import { useEditableTableContextMenu } from './useEditableTableContextMenu';
 import { MessageActionModal } from '../ActionModal';
-import { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';
 import { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';
 import { useKeyboardNavigation } from './useKeyboardNavigation';
 import { useClipboardHandler } from './useClipboardHandler';
@@ -206,9 +205,6 @@ function _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(
           {...state.deleteConfirmModal.value}
         />
       )}
-      {state.toolbar.collectionFieldsSource && (
-        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />
-      )}
       {children}
       <GlobalAudioPlayer />
     </PatternsFieldsProvider>

package/src/components/EditableTable/EditableTableContextMenu.tsx

@@ -14,6 +14,7 @@ import {
   DuplicateSmall,
 } from '@wix/wix-ui-icons-common/lazy';
 import type { EditableTableState, Cell } from '../../state/EditableTable';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { startEditingNewRow } from './useAddRow';
 
 type ListItemActionBuilderParams = Omit<
@@ -90,6 +91,7 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
   onClose,
 }: EditableTableContextMenuProps<T, F>) {
   const { translate: t } = useWixPatternsContainer();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
   const {
     cellInteraction,
     clipboard,
@@ -404,10 +406,13 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
         top: y,
         zIndex: CONTEXT_MENU_Z_INDEX,
         width: MENU_WIDTH,
+        boxSizing: isBmHarmonyTheme ? 'border-box' : undefined,
         background: SURFACE_BACKGROUND,
         borderRadius: SURFACE_BORDER_RADIUS,
         boxShadow: SURFACE_BOX_SHADOW,
-        padding: `var(--wds-space-200, ${SURFACE_PADDING_Y}px) 0`,
+        padding: isBmHarmonyTheme
+          ? `var(--wds-space-200, ${SURFACE_PADDING_Y}px)`
+          : `var(--wds-space-200, ${SURFACE_PADDING_Y}px) 0`,
         overflow: 'hidden',
       }}
       onMouseDown={(e) => e.preventDefault()}

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

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

package/src/components/EditableTable/HeaderFieldActions.tsx

@@ -80,11 +80,10 @@ function _HeaderFieldActions<T, F extends FiltersMap>({
       state.sort(id, { forceDirection: 'desc' });
   }
 
-  if (
-    toolbarFiltersState &&
-    state.collection.query.customFilters[column.id] != null
-  ) {
-    handlers.filter = () => toolbarFiltersState.openFromColumnHeader();
+  const columnFilter = state.collection.query.customFilters[column.id];
+  if (toolbarFiltersState && columnFilter != null) {
+    handlers.filter = (_id, event) =>
+      toolbarFiltersState.openFromColumnHeader(columnFilter.name, event);
   }
 
   const groups = buildFieldActionGroups({

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "JsonInputEdit2653879049";
+var _namespace_ = "JsonInputEdit4108484162";
 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":"JsonInputEdit2653879049__root","jsonInput":"JsonInputEdit2653879049__jsonInput"};
+export var classes = {"root":"JsonInputEdit4108484162__root","jsonInput":"JsonInputEdit4108484162__jsonInput"};
 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_ = "Edit3944608007";
+var _namespace_ = "Edit957664990";
 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":"Edit3944608007__root","addressInput":"Edit3944608007__addressInput"};
+export var classes = {"root":"Edit957664990__root","addressInput":"Edit957664990__addressInput"};
 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_ = "Edit1825892734";
+var _namespace_ = "Edit2466767475";
 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":"Edit1825892734__root","booleanEdit":"Edit1825892734__booleanEdit"};
+export var classes = {"root":"Edit2466767475__root","booleanEdit":"Edit2466767475__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_ = "View3170603540";
+var _namespace_ = "View1398519288";
 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":"View3170603540__root","booleanView":"View3170603540__booleanView"};
+export var classes = {"root":"View1398519288__root","booleanView":"View1398519288__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_ = "Edit1089980805";
+var _namespace_ = "Edit1807971342";
 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":"Edit1089980805__root"};
+export var classes = {"root":"Edit1807971342__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_ = "Edit673023204";
+var _namespace_ = "Edit3521736375";
 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":"Edit673023204__root","dateInput":"Edit673023204__dateInput"};
+export var classes = {"root":"Edit3521736375__root","dateInput":"Edit3521736375__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_ = "View1302082497";
+var _namespace_ = "View2764543057";
 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":"View1302082497__root"};
+export var classes = {"root":"View2764543057__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_ = "Edit1898372478";
+var _namespace_ = "Edit1196179256";
 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":"Edit1898372478__root","half":"Edit1898372478__half","dateHalf":"Edit1898372478__dateHalf Edit1898372478__half","timeHalf":"Edit1898372478__timeHalf Edit1898372478__half","divider":"Edit1898372478__divider","passiveText":"Edit1898372478__passiveText","placeholderText":"Edit1898372478__placeholderText Edit1898372478__passiveText"};
+export var classes = {"root":"Edit1196179256__root","half":"Edit1196179256__half","dateHalf":"Edit1196179256__dateHalf Edit1196179256__half","timeHalf":"Edit1196179256__timeHalf Edit1196179256__half","divider":"Edit1196179256__divider","passiveText":"Edit1196179256__passiveText","placeholderText":"Edit1196179256__placeholderText Edit1196179256__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_ = "View1761170044";
+var _namespace_ = "View2775197170";
 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":"View1761170044__root","leaf":"View1761170044__leaf","datePart":"View1761170044__datePart View1761170044__leaf","timePart":"View1761170044__timePart View1761170044__leaf","placeholder":"View1761170044__placeholder View1761170044__leaf","divider":"View1761170044__divider"};
+export var classes = {"root":"View2775197170__root","leaf":"View2775197170__leaf","datePart":"View2775197170__datePart View2775197170__leaf","timePart":"View2775197170__timePart View2775197170__leaf","placeholder":"View2775197170__placeholder View2775197170__leaf","divider":"View2775197170__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_ = "Edit3070213297";
+var _namespace_ = "Edit1495993665";
 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":"Edit3070213297__root","emailInput":"Edit3070213297__emailInput"};
+export var classes = {"root":"Edit1495993665__root","emailInput":"Edit1495993665__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_ = "View156929387";
+var _namespace_ = "View517792433";
 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":"View156929387__root"};
+export var classes = {"root":"View517792433__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/mediaImage/Edit.st.css

@@ -0,0 +1,7 @@
+/* An editing cell drops its fixed height, so the editor stretches to fill it.
+   Otherwise it shrinks to its content, and the popover anchored to its bottom
+   edge opens over the cell. */
+.root {
+  align-self: stretch;
+  width: 100%;
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "Edit511428885";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"Edit511428885__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

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

@@ -1,17 +1,20 @@
 import React from 'react';
 import { CellMediaImageEdit, type MediaImageValue } from '@wix/patterns-fields';
 import type { CellEditProps } from '../../types';
+import { classes } from './Edit.st.css.js';
 
 export const MediaImageEdit: React.FC<
   CellEditProps<MediaImageValue | null>
 > = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef }) => (
-  <CellMediaImageEdit
-    value={value}
-    onChange={onChange}
-    onCommit={onCommit}
-    onCancel={onCancel}
-    onStartEdit={onStartEdit}
-    inputRef={inputRef}
-    dataHook="media-image-edit"
-  />
+  <div className={classes.root}>
+    <CellMediaImageEdit
+      value={value}
+      onChange={onChange}
+      onCommit={onCommit}
+      onCancel={onCancel}
+      onStartEdit={onStartEdit}
+      inputRef={inputRef}
+      dataHook="media-image-edit"
+    />
+  </div>
 );

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

@@ -50,6 +50,12 @@ export function MediaImageEditUniDriver(base: UniDriver, body: UniDriver) {
       await body.$('[data-hook="media-image-edit-action-preview"]').click();
     },
     isPreviewOpen: () => body.$('[data-hook="preview-modal-content"]').exists(),
+    openMoreActions: () =>
+      body.$('[data-hook="media-image-edit-more-button"]').click(),
+    getMoreActionLabels: () =>
+      body
+        .$$('[data-hook^="media-image-edit-action-"]')
+        .map((action) => action.text()),
     replaceWithUrl: async () => {
       await body.$('[data-hook="media-image-edit-more-button"]').click();
       await body.$('[data-hook="media-image-edit-action-replace-url"]').click();

package/src/components/EditableTable/cellTypes/multiDocument/Edit.st.css

@@ -0,0 +1,6 @@
+.editor {
+  width: 100%;
+  min-width: 0;
+  max-height: min(360px, 50vh);
+  overflow-y: auto;
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "Edit13716502";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"Edit13716502__root","editor":"Edit13716502__editor"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { CellMultiDocumentEdit } from '@wix/patterns-fields';
 import type { CellEditProps } from '../../types';
+import { classes } from './Edit.st.css.js';
 
 export const MultiDocumentEdit: React.FC<CellEditProps<string[] | null>> = ({
   value,
@@ -12,14 +13,16 @@ export const MultiDocumentEdit: React.FC<CellEditProps<string[] | null>> = ({
   columnId,
   rowKey,
 }) => (
-  <CellMultiDocumentEdit
-    value={value}
-    onChange={onChange}
-    onCommit={onCommit}
-    onCancel={onCancel}
-    onStartEdit={onStartEdit}
-    inputRef={inputRef}
-    dataHook="multi-document-edit"
-    fieldId={`multi-document-edit-${columnId}-${rowKey}`}
-  />
+  <div className={classes.editor} data-hook="multi-document-editor">
+    <CellMultiDocumentEdit
+      value={value}
+      onChange={onChange}
+      onCommit={onCommit}
+      onCancel={onCancel}
+      onStartEdit={onStartEdit}
+      inputRef={inputRef}
+      dataHook="multi-document-edit"
+      fieldId={`multi-document-edit-${columnId}-${rowKey}`}
+    />
+  </div>
 );

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

@@ -9,7 +9,7 @@ import type { MultiReferenceValue, ReferenceTypeConfig } from './types';
 
 export const MultiReferenceView: React.FC<
   CellViewProps<MultiReferenceValue>
-> = ({ value, typeConfig, columnId, rowKey, isEditable }) => {
+> = ({ value, typeConfig, columnId, rowKey, isEditable, isFocused }) => {
   const { t } = useTranslations();
   const config = typeConfig as ReferenceTypeConfig | undefined;
   const refs = (Array.isArray(value) ? value : []).filter(Boolean);
@@ -35,6 +35,7 @@ export const MultiReferenceView: React.FC<
   return (
     <CellMultiReferenceView
       items={items}
+      expanded={isEditable === false && isFocused}
       dataHook="multi-reference-view"
       fieldId={`multi-reference-view-${columnId}-${rowKey}`}
     />

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

@@ -30,6 +30,7 @@ export const multiReferenceCellType = defineCellType<MultiReferenceValue>({
     return parsed;
   },
   editable: true,
+  growable: true,
   // Single click opens the chip editor (parity with the UX handoff).
   editOnClick: () => true,
   // Enter edit on a printable key without clearing the existing chips — the

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit280315305";
+var _namespace_ = "Edit3443589027";
 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":"Edit280315305__root","numberInput":"Edit280315305__numberInput"};
+export var classes = {"root":"Edit3443589027__root","numberInput":"Edit3443589027__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_ = "View2781506596";
+var _namespace_ = "View2579481934";
 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":"View2781506596__root","textView":"View2781506596__textView"};
+export var classes = {"root":"View2579481934__root","textView":"View2579481934__textView"};
 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_ = "View1118613088";
+var _namespace_ = "View554657357";
 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":"View1118613088__root"};
+export var classes = {"root":"View554657357__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/reference/EmptyReferenceView.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "EmptyReferenceView1182212601";
+var _namespace_ = "EmptyReferenceView681707725";
 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":"EmptyReferenceView1182212601__root","placeholder":"EmptyReferenceView1182212601__placeholder","placeholderIcon":"EmptyReferenceView1182212601__placeholderIcon","placeholderText":"EmptyReferenceView1182212601__placeholderText","arrow":"EmptyReferenceView1182212601__arrow"};
+export var classes = {"root":"EmptyReferenceView681707725__root","placeholder":"EmptyReferenceView681707725__placeholder","placeholderIcon":"EmptyReferenceView681707725__placeholderIcon","placeholderText":"EmptyReferenceView681707725__placeholderText","arrow":"EmptyReferenceView681707725__arrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};