@wix/patterns 1.395.0 → 1.397.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CellViewLayout3229996868";
+var _namespace_ = "CellViewLayout1028112890";
 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":"CellViewLayout3229996868__root"};
+export var classes = {"root":"CellViewLayout1028112890__root"};
 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_ = "Edit2046697272";
+var _namespace_ = "Edit617452447";
 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":"Edit2046697272__root","booleanEdit":"Edit2046697272__booleanEdit"};
+export var classes = {"root":"Edit617452447__root","booleanEdit":"Edit617452447__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_ = "View2186983758";
+var _namespace_ = "View818449832";
 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":"View2186983758__root","booleanView":"View2186983758__booleanView"};
+export var classes = {"root":"View818449832__root","booleanView":"View818449832__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_ = "Edit982507643";
+var _namespace_ = "Edit1340937759";
 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":"Edit982507643__root","dateInput":"Edit982507643__dateInput"};
+export var classes = {"root":"Edit1340937759__root","dateInput":"Edit1340937759__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_ = "View3027787229";
+var _namespace_ = "View2760322115";
 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":"View3027787229__root"};
+export var classes = {"root":"View2760322115__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_ = "Edit2129256348";
+var _namespace_ = "Edit3704959797";
 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":"Edit2129256348__root","emailInput":"Edit2129256348__emailInput"};
+export var classes = {"root":"Edit3704959797__root","emailInput":"Edit3704959797__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_ = "View2109168379";
+var _namespace_ = "View684184501";
 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":"View2109168379__root"};
+export var classes = {"root":"View684184501__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -11,6 +11,7 @@ import { richContentCellType } from './richContent';
 import { videoCellType } from './video';
 import { richTextCellType } from './richText';
 import { mediaGalleryCellType } from './mediaGallery';
+import { referenceCellType } from './reference';
 
 export {
   textCellType,
@@ -25,6 +26,7 @@ export {
   videoCellType,
   richTextCellType,
   mediaGalleryCellType,
+  referenceCellType,
 };
 
 /** All built-in cell types */
@@ -41,4 +43,5 @@ export const builtInCellTypes: CellType[] = [
   videoCellType,
   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_ = "Edit4294714850";
+var _namespace_ = "Edit1609711193";
 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":"Edit4294714850__root","numberInput":"Edit4294714850__numberInput"};
+export var classes = {"root":"Edit1609711193__root","numberInput":"Edit1609711193__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_ = "View3464057793";
+var _namespace_ = "View3528323424";
 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":"View3464057793__root","textView":"View3464057793__textView"};
+export var classes = {"root":"View3528323424__root","textView":"View3528323424__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_ = "Edit1068427984";
+var _namespace_ = "Edit531649558";
 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":"Edit1068427984__root","jsonInput":"Edit1068427984__jsonInput"};
+export var classes = {"root":"Edit531649558__root","jsonInput":"Edit531649558__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_ = "View3283037662";
+var _namespace_ = "View278448677";
 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":"View3283037662__root"};
+export var classes = {"root":"View278448677__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,220 @@
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import { Box } from '@wix/design-system';
+import {
+  CellReferenceInput,
+  type CellReferenceInputHandle,
+  type CellReferenceItem,
+} from '@wix/patterns-fields';
+import type { CellEditProps } from '../../types';
+import { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';
+import { useFilterCollectionStates } from '../../../../hooks/useFilterCollectionStates';
+import { FilterTranslationProvider } from '../../../../providers';
+import type { ReferenceItem, ReferenceTypeConfig } from './types';
+import { getImageFieldId } from './getImageFieldId';
+import { useCollection } from '@wix/bex-core/react';
+import { observer } from 'mobx-react-lite';
+
+type ReferenceValue = Record<string, unknown> | null;
+
+function _ReferenceEditContent({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  typeConfig,
+  editTrigger,
+  inputRef,
+}: CellEditProps<ReferenceValue>) {
+  const config = typeConfig as ReferenceTypeConfig | undefined;
+  const refSchema = config?.refSchema;
+  const acHandle = useRef<CellReferenceInputHandle | null>(null);
+  const wrapperRef = useRef<HTMLDivElement | null>(null);
+
+  const collection = useCollection<ReferenceItem>({
+    queryName: `reference-cell-edit-${refSchema?.id ?? 'unknown'}`,
+    itemKey: (item) => item.id,
+    itemName: (item) => item.name,
+    fetchData: async (query) => {
+      if (!config?.fetchReferenceItems) {
+        return { items: [], total: 0 };
+      }
+      return config.fetchReferenceItems(query);
+    },
+  });
+
+  const initialSearchTextRef = useRef(
+    editTrigger &&
+      typeof editTrigger === 'object' &&
+      editTrigger.kind === 'type'
+      ? editTrigger.key
+      : undefined,
+  );
+  // True once the user has typed into the search input. After that, displayValue
+  // follows searchValue directly (even when empty) rather than falling back to
+  // selectedDisplayValue — prevents the input from snapping back after backspace.
+  // useState (not useRef) so that setIsSearchActive(true) triggers a re-render
+  // even when collection.search('') produces no MobX change (searchValue already '').
+  const [isSearchActive, setIsSearchActive] = useState(
+    initialSearchTextRef.current !== undefined,
+  );
+
+  useEffect(() => {
+    const dispose = collection.init();
+    if (initialSearchTextRef.current !== undefined) {
+      collection.search(initialSearchTextRef.current);
+    }
+    return dispose;
+  }, [collection]);
+
+  const keyedItems = collection.result.keyedItems;
+  const fetchedLastPage = collection.fetchedLastPage;
+  const searchValue = collection.query.search.value;
+
+  const idField = refSchema?.idField ?? '_id';
+  const displayField = refSchema?.displayField ?? 'title';
+  const imageField = getImageFieldId(refSchema?.fields);
+
+  const selectedDisplayValue = value ? String(value[displayField] ?? '') : '';
+  const displayValue = isSearchActive
+    ? searchValue
+    : searchValue || selectedDisplayValue;
+
+  const selectedImage = useMemo(() => {
+    const selectedId = value?.[idField];
+    if (!selectedId) {
+      return undefined;
+    }
+    const foundItem = keyedItems.find((ki) => ki.key === String(selectedId));
+    if (foundItem?.item.image) {
+      return foundItem.item.image;
+    }
+    if (imageField) {
+      return value?.[imageField] as string | undefined;
+    }
+    return undefined;
+  }, [value, idField, keyedItems, imageField]);
+
+  const selectedId = value ? String(value[idField] ?? '') : '';
+  const selectedItem =
+    selectedDisplayValue && !searchValue && selectedId && !isSearchActive
+      ? { id: selectedId, name: selectedDisplayValue, image: selectedImage }
+      : undefined;
+
+  const items = useMemo(
+    () =>
+      keyedItems.map((ki) => ({
+        id: String(ki.key),
+        name: ki.item.name,
+        image: ki.item.image,
+      })),
+    [keyedItems],
+  );
+
+  const handleSelect = useCallback(
+    (item: CellReferenceItem) => {
+      onChange({
+        [idField]: item.id,
+        [displayField]: item.name,
+        ...(imageField && item.image ? { [imageField]: item.image } : {}),
+      });
+      collection.clearSearch();
+      onCommit();
+    },
+    [idField, displayField, imageField, onChange, onCommit, collection],
+  );
+
+  const handleChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      setIsSearchActive(true);
+      if (e.target.value) {
+        collection.search(e.target.value);
+      } else {
+        collection.clearSearch();
+      }
+    },
+    [collection],
+  );
+
+  const handleClear = useCallback(() => {
+    onChange(null);
+    collection.clearSearch();
+    onCommit();
+  }, [onChange, onCommit, collection]);
+
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        e.stopPropagation();
+        onCancel();
+      } else if (
+        (e.key === 'Backspace' || e.key === 'Delete') &&
+        value &&
+        !displayValue &&
+        !isSearchActive
+      ) {
+        onChange(null);
+        collection.clearSearch();
+        onCommit();
+      }
+    },
+    [
+      onCancel,
+      onChange,
+      onCommit,
+      value,
+      displayValue,
+      collection,
+      isSearchActive,
+    ],
+  );
+
+  const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);
+  useCloseOnAncestorScroll(wrapperRef, closeDropdown, true);
+
+  const { showInitialLoader, fixedFooter } = useFilterCollectionStates({
+    collection,
+    fixedFooter: config?.renderFooter?.(),
+  });
+
+  if (!refSchema) {
+    return null;
+  }
+
+  return (
+    <Box ref={wrapperRef} width="100%" height="100%">
+      <CellReferenceInput
+        ref={acHandle}
+        items={items}
+        value={displayValue}
+        selectedItem={selectedItem}
+        onChange={handleChange}
+        onSelect={handleSelect}
+        onClear={handleClear}
+        onKeyDown={handleKeyDown}
+        clearButton={!!displayValue}
+        infiniteScroll
+        hasMore={!showInitialLoader && !fetchedLastPage}
+        loadMore={collection.fetchNextPageIfNeeded}
+        fixedFooter={fixedFooter}
+        onBlur={onCommit}
+        autoOpen={!!editTrigger}
+        inputRef={inputRef}
+      />
+    </Box>
+  );
+}
+
+const ReferenceEditContent = observer(_ReferenceEditContent);
+
+export const ReferenceEdit = (props: CellEditProps<ReferenceValue>) => (
+  <FilterTranslationProvider>
+    <ReferenceEditContent {...props} />
+  </FilterTranslationProvider>
+);

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

@@ -0,0 +1,44 @@
+import { fireEvent } from '@testing-library/react';
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function ReferenceEditUniDriver(base: UniDriver, body: UniDriver) {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const getNativeInput = () =>
+    (base.$('input') as any).getNative() as Promise<HTMLInputElement>;
+
+  return {
+    ...baseUniDriverFactory(base),
+    hasInput: () => base.$('input').exists(),
+    getInputValue: () => base.$('input').value(),
+    typeInInput: async (value: string) => {
+      fireEvent.change(await getNativeInput(), { target: { value } });
+    },
+    pressKeyOnInput: async (key: string) => {
+      fireEvent.keyDown(await getNativeInput(), { key });
+    },
+    hasDropdown: () => base.$('[data-hook="dropdown-layout-wrapper"]').exists(),
+    hasClearButton: () => base.$('[data-hook="input-clear-button"]').exists(),
+    clickClearButton: async () => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const el = (
+        base.$('[data-hook="input-clear-button"]') as any
+      ).getNative() as Promise<HTMLElement>;
+      fireEvent.click(await el);
+    },
+    hasAvatarPrefix: () =>
+      base.$('[data-hook="reference-input-avatar-prefix"]').exists(),
+    hasInitialLoader: () => body.$('[data-hook="initial-loader"]').exists(),
+    // Dropdown is portal-mounted to document.body, so search in body, not base.
+    getOptionCount: async () =>
+      body.$$('[data-hook="list-item-select"]').count(),
+    getOptionTitleByIndex: async (index: number) => {
+      const option = await body.$$('[data-hook="list-item-select"]').get(index);
+      return option.$('[data-hook="list-item-select-title"]').text();
+    },
+    clickOptionByIndex: async (index: number) => {
+      const option = await body.$$('[data-hook="list-item-select"]').get(index);
+      return option.click();
+    },
+  };
+}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { CellReferenceView } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+import { CellViewLayout } from '../CellViewLayout';
+import type { ReferenceTypeConfig } from './types';
+import { getImageFieldId } from './getImageFieldId';
+
+type ReferenceValue = Record<string, unknown> | null;
+
+export const ReferenceView: React.FC<CellViewProps<ReferenceValue>> = ({
+  value,
+  typeConfig,
+}) => {
+  const config = typeConfig as ReferenceTypeConfig | undefined;
+  if (!value || !config?.refSchema) {
+    return <CellViewLayout>{null}</CellViewLayout>;
+  }
+
+  const { displayField, fields } = config.refSchema;
+  const imageField = getImageFieldId(fields);
+  const name = String(value[displayField] ?? '');
+  const imageUrl = imageField
+    ? (value[imageField] as string | undefined)
+    : undefined;
+
+  return (
+    <CellReferenceView
+      name={name}
+      imageUrl={imageUrl}
+      dataHook="reference-view"
+    />
+  );
+};

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

@@ -0,0 +1,13 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function ReferenceViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    isEmpty: async () =>
+      !(await base.$('[data-hook="reference-view"]').exists()),
+    getName: () => base.$('[data-hook="reference-view"]').text(),
+    hasAvatar: () =>
+      base.$('[data-hook="reference-view"] [data-hook="avatar"]').exists(),
+  };
+}

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

@@ -0,0 +1,6 @@
+import type { RefSchemaField } from './types';
+
+export const getImageFieldId = (
+  fields: Record<string, RefSchemaField | undefined> | undefined,
+): string | undefined =>
+  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];

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

@@ -0,0 +1,30 @@
+import { defineCellType } from '../../types';
+import { ReferenceView } from './View';
+import { ReferenceEdit } from './Edit';
+
+export { ReferenceView, ReferenceEdit };
+export type { ReferenceItem, RefSchema, ReferenceTypeConfig } from './types';
+
+type ReferenceValue = Record<string, unknown> | null;
+
+export const referenceCellType = defineCellType<ReferenceValue>({
+  type: 'reference',
+  ViewComponent: ReferenceView,
+  EditComponent: ReferenceEdit,
+  serialize: (value) => (value ? JSON.stringify(value) : ''),
+  deserialize: (raw) => {
+    if (!raw) {
+      return null;
+    }
+    try {
+      const parsed = JSON.parse(raw);
+      if (parsed && typeof parsed === 'object') {
+        return parsed;
+      }
+    } catch {}
+    return null;
+  },
+  editable: true,
+  clearable: true,
+  onTypeToEdit: () => ({}),
+});

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

@@ -0,0 +1,29 @@
+import type React from 'react';
+import { ComputedQuery } from '@wix/bex-core';
+
+export interface ReferenceItem {
+  id: string;
+  name: string;
+  image?: string;
+}
+
+export type RefFieldType = 'IMAGE';
+
+export interface RefSchemaField {
+  type: RefFieldType;
+}
+
+export interface RefSchema {
+  id: string;
+  displayField: string;
+  idField: string;
+  fields?: Record<string, RefSchemaField | undefined>;
+}
+
+export interface ReferenceTypeConfig {
+  refSchema: RefSchema;
+  fetchReferenceItems: (
+    query: ComputedQuery,
+  ) => Promise<{ items: ReferenceItem[]; total: number }>;
+  renderFooter?: () => React.ReactNode;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2636752142";
+var _namespace_ = "Edit1337084627";
 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":"Edit2636752142__root","selectInput":"Edit2636752142__selectInput"};
+export var classes = {"root":"Edit1337084627__root","selectInput":"Edit1337084627__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_ = "Edit2440547839";
+var _namespace_ = "Edit170280416";
 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":"Edit2440547839__root","editWrapper":"Edit2440547839__editWrapper","inputArea":"Edit2440547839__inputArea"};
+export var classes = {"root":"Edit170280416__root","editWrapper":"Edit170280416__editWrapper","inputArea":"Edit170280416__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_ = "View709281504";
+var _namespace_ = "View434843400";
 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":"View709281504__root"};
+export var classes = {"root":"View434843400__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};