@wix/patterns 1.409.0 → 1.411.0

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader150163265";
+var _namespace_ = "CollectionSectionHeader3643484148";
 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":"CollectionSectionHeader150163265__root","summaryIcon":"CollectionSectionHeader150163265__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader3643484148__root","summaryIcon":"CollectionSectionHeader3643484148__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar328100346";
+var _namespace_ = "CollectionToolbar2951318927";
 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":"CollectionToolbar328100346__root","left":"CollectionToolbar328100346__left","right":"CollectionToolbar328100346__right","fullWidth":"CollectionToolbar328100346__fullWidth"};
+export var classes = {"root":"CollectionToolbar2951318927__root","left":"CollectionToolbar2951318927__left","right":"CollectionToolbar2951318927__right","fullWidth":"CollectionToolbar2951318927__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2985842840";
+var _namespace_ = "SearchOrCustomFilter466050147";
 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":"SearchOrCustomFilter2985842840__root","search":"SearchOrCustomFilter2985842840__search","searchMobile":"SearchOrCustomFilter2985842840__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter466050147__root","search":"SearchOrCustomFilter466050147__search","searchMobile":"SearchOrCustomFilter466050147__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

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

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle3615073925";
+var _namespace_ = "DragHandle1579209859";
 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":"DragHandle3615073925__root"};
+export var classes = {"root":"DragHandle1579209859__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_ = "EditableCell3548949633";
+var _namespace_ = "EditableCell1458997303";
 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":"EditableCell3548949633__root","validationIndicator":"EditableCell3548949633__validationIndicator"};
+export var classes = {"root":"EditableCell1458997303__root","validationIndicator":"EditableCell1458997303__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableCell.tsx

@@ -105,6 +105,38 @@ function _EditableCell<T, F extends FiltersMap>({
         (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&
     EditComponent;
 
+  const cellContent = showEdit ? (
+    <EditComponent
+      value={
+        cellInteraction.editingValue !== undefined
+          ? cellInteraction.editingValue
+          : value
+      }
+      onChange={handleChange}
+      onCommit={handleCommit}
+      onCancel={handleCancel}
+      onStartEdit={handleStartEdit}
+      inputRef={editInputRef}
+      typeConfig={column.typeConfig}
+      editTrigger={cellInteraction.editTrigger}
+      validation={column.validation}
+      columnId={columnId}
+      rowKey={rowKey}
+    />
+  ) : (
+    <ViewComponent
+      value={value}
+      typeConfig={column.typeConfig}
+      validation={column.validation}
+      columnId={columnId}
+      rowKey={rowKey}
+    />
+  );
+
+  // The cell type's EditWrapper (if any) stays mounted across the edit↔view
+  // swap, so it can own behavior that must outlive the inline editor.
+  const EditWrapper = resolved.EditWrapper;
+
   return (
     <div
       ref={cellRef}
@@ -143,32 +175,16 @@ function _EditableCell<T, F extends FiltersMap>({
           </span>
         </Tooltip>
       )}
-      {showEdit ? (
-        <EditComponent
-          value={
-            cellInteraction.editingValue !== undefined
-              ? cellInteraction.editingValue
-              : value
-          }
-          onChange={handleChange}
-          onCommit={handleCommit}
-          onCancel={handleCancel}
-          onStartEdit={handleStartEdit}
-          inputRef={editInputRef}
+      {EditWrapper ? (
+        <EditWrapper
           typeConfig={column.typeConfig}
-          editTrigger={cellInteraction.editTrigger}
-          validation={column.validation}
           columnId={columnId}
           rowKey={rowKey}
-        />
+        >
+          {cellContent}
+        </EditWrapper>
       ) : (
-        <ViewComponent
-          value={value}
-          typeConfig={column.typeConfig}
-          validation={column.validation}
-          columnId={columnId}
-          rowKey={rowKey}
-        />
+        cellContent
       )}
     </div>
   );

package/src/components/EditableTable/EditableTable.tsx

@@ -1,5 +1,6 @@
 import React, { useMemo, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
+import { GlobalAudioPlayer } from '@wix/patterns-fields';
 import { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';
 import type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';
 import { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';
@@ -141,6 +142,7 @@ function _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(
         />
       )}
       {children}
+      <GlobalAudioPlayer />
     </PatternsFieldsProvider>
   );
 }

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CellViewLayout2495256619";
+var _namespace_ = "CellViewLayout922565407";
 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":"CellViewLayout2495256619__root"};
+export var classes = {"root":"CellViewLayout922565407__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_ = "Edit4208959342";
+var _namespace_ = "Edit1757679255";
 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":"Edit4208959342__root","addressInput":"Edit4208959342__addressInput"};
+export var classes = {"root":"Edit1757679255__root","addressInput":"Edit1757679255__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { CellAudioEdit } from '@wix/patterns-fields';
+import type { CellEditProps } from '../../types';
+
+export const AudioEdit: React.FC<CellEditProps<string | null>> = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef,
+}) => (
+  <CellAudioEdit
+    value={value}
+    onChange={onChange}
+    onCommit={onCommit}
+    onCancel={onCancel}
+    onStartEdit={onStartEdit}
+    inputRef={inputRef}
+    dataHook="audio-edit"
+  />
+);

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

@@ -0,0 +1,14 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function AudioEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasAddButton: () => base.$('[data-hook="audio-edit-add-button"]').exists(),
+    hasTag: () => base.$('[data-hook="audio-edit-tag"]').exists(),
+    hasMoreButton: () =>
+      base.$('[data-hook="audio-edit-more-button"]').exists(),
+    isLoading: () =>
+      base.$('[data-hook="audio-edit"] [data-hook="loader"]').exists(),
+  };
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CellAudioView } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+
+export const AudioView: React.FC<CellViewProps<string | null>> = ({
+  value,
+}) => <CellAudioView value={value} dataHook="audio-view" />;

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

@@ -0,0 +1,13 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function AudioViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasTag: () => base.$('[data-hook="audio-cell-tag"]').exists(),
+    getTitle: async () => {
+      const tag = base.$('[data-hook="audio-cell-tag"]');
+      return tag.text();
+    },
+  };
+}

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

@@ -0,0 +1,18 @@
+import { defineCellType } from '../../types';
+import { AudioView } from './View';
+import { AudioEdit } from './Edit';
+
+export { AudioView, AudioEdit };
+
+export const audioCellType = defineCellType<string | null>({
+  type: 'audio',
+  ViewComponent: AudioView,
+  EditComponent: AudioEdit,
+  serialize: (value) => value ?? '',
+  clearable: true,
+  showEditWhenFocused: 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/boolean/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit339586096";
+var _namespace_ = "Edit2038218046";
 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":"Edit339586096__root","booleanEdit":"Edit339586096__booleanEdit"};
+export var classes = {"root":"Edit2038218046__root","booleanEdit":"Edit2038218046__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_ = "View3465172739";
+var _namespace_ = "View1352503750";
 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":"View3465172739__root","booleanView":"View3465172739__booleanView"};
+export var classes = {"root":"View1352503750__root","booleanView":"View1352503750__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3406566170";
+var _namespace_ = "Edit3480508175";
 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":"Edit3406566170__root","dateInput":"Edit3406566170__dateInput"};
+export var classes = {"root":"Edit3480508175__root","dateInput":"Edit3480508175__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_ = "View4070270555";
+var _namespace_ = "View1546673352";
 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":"View4070270555__root"};
+export var classes = {"root":"View1546673352__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1624166194";
+var _namespace_ = "Edit1040309561";
 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":"Edit1624166194__root","emailInput":"Edit1624166194__emailInput"};
+export var classes = {"root":"Edit1040309561__root","emailInput":"Edit1040309561__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_ = "View1530007929";
+var _namespace_ = "View1335805215";
 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":"View1530007929__root"};
+export var classes = {"root":"View1335805215__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -11,6 +11,7 @@ import { imageCellType } from './image';
 import { documentCellType } from './document';
 import { richContentCellType } from './richContent';
 import { videoCellType } from './video';
+import { audioCellType } from './audio';
 import { richTextCellType } from './richText';
 import { mediaGalleryCellType } from './mediaGallery';
 import { referenceCellType } from './reference';
@@ -29,6 +30,7 @@ export {
   documentCellType,
   richContentCellType,
   videoCellType,
+  audioCellType,
   richTextCellType,
   mediaGalleryCellType,
   referenceCellType,
@@ -49,6 +51,7 @@ export const builtInCellTypes: CellType[] = [
   documentCellType,
   richContentCellType,
   videoCellType,
+  audioCellType,
   richTextCellType,
   mediaGalleryCellType,
   referenceCellType,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3726411292";
+var _namespace_ = "Edit3841172677";
 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":"Edit3726411292__root","numberInput":"Edit3726411292__numberInput"};
+export var classes = {"root":"Edit3841172677__root","numberInput":"Edit3841172677__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_ = "View1909928753";
+var _namespace_ = "View4178920715";
 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":"View1909928753__root","textView":"View1909928753__textView"};
+export var classes = {"root":"View4178920715__root","textView":"View4178920715__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_ = "Edit1965841654";
+var _namespace_ = "Edit3430547713";
 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":"Edit1965841654__root","jsonInput":"Edit1965841654__jsonInput"};
+export var classes = {"root":"Edit3430547713__root","jsonInput":"Edit3430547713__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_ = "View776926972";
+var _namespace_ = "View3180632283";
 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":"View776926972__root"};
+export var classes = {"root":"View3180632283__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};