@wix/patterns 1.423.0 → 1.424.0

package/src/components/DataExtension/dataExtensionFieldsSource.ts

@@ -0,0 +1,117 @@
+import type {
+  FieldsSource,
+  Field,
+  CustomField,
+  CustomFieldType,
+  DataExtensionState,
+  ExtendedFields,
+  ReportBI,
+} from '@wix/bex-core';
+import { prefixFieldWithNamespace } from '../../state/simplifyExtendedColumns';
+import {
+  dataExtensionFieldManagement,
+  toPatternsFieldType,
+} from './dataExtensionFieldManagement';
+import { dataExtensionArchive } from './dataExtensionArchive';
+
+const FILTERABLE_TYPES: CustomFieldType[] = [
+  'shortText',
+  'longText',
+  'url',
+  'date',
+  'dateTime',
+  'integer',
+  'decimal',
+  'checkbox',
+];
+
+export interface DataExtensionFieldsSourceParams {
+  dataExtension: DataExtensionState;
+  reportBi: ReportBI;
+  toExtendedFields?: (row: any) => ExtendedFields | undefined | null;
+}
+
+export const dataExtensionFieldsSourceFrom = (
+  params: DataExtensionFieldsSourceParams,
+): FieldsSource => {
+  const d = params.dataExtension;
+
+  const toField = (cf: CustomField): Field => ({
+    id: cf.id,
+    displayName: cf.label ?? cf.id,
+    type: toPatternsFieldType(cf.type),
+    isPii: cf.isPii,
+    capabilities: {
+      sortable: cf.filterable ?? false,
+      supportedQueryOperators: [],
+    },
+  });
+
+  const customFieldFor = (id: string): CustomField | undefined =>
+    d.availableCustomFields.find((f) => f.id === id);
+
+  // Field carries no namespace; recover it from the source CustomField so the
+  // namespace prefix stays inside the DataExtension adapter.
+  const fieldPath = (field: Field): string =>
+    prefixFieldWithNamespace(
+      field.id,
+      customFieldFor(field.id)?.namespace ?? '',
+    );
+
+  const source: FieldsSource = {
+    load: async () => {
+      d.container.initTask.runOnce();
+      await Promise.all([
+        d.container.initTask.status.promise,
+        d.fetchSchemas(),
+      ]);
+    },
+
+    get fields() {
+      return d.availableCustomFields.map(toField);
+    },
+    get filterableFields() {
+      if (!d.filterable) {
+        return [];
+      }
+      return d.availableCustomFields
+        .filter((f) => f.filterable && FILTERABLE_TYPES.includes(f.type))
+        .map(toField);
+    },
+    get manageableFields() {
+      return d.availableUserCustomFields.map(toField);
+    },
+    columnIdForField: fieldPath,
+    queryFieldId: fieldPath,
+    getCellValue: (row, field) =>
+      params.toExtendedFields?.(row)?.namespaces?.[
+        customFieldFor(field.id)?.namespace ?? ''
+      ]?.[field.id],
+
+    fieldManagement: dataExtensionFieldManagement({
+      dataExtension: d,
+      reportBi: params.reportBi,
+    }),
+
+    groups: {
+      get all() {
+        return d.allNamespaces;
+      },
+      fieldsForGroup: (group) =>
+        d.availableCustomFields
+          .filter((f) => f.namespace === group)
+          .map(toField),
+    },
+  };
+
+  // Always provide archive — NOT gated on enableArchive. It backs the remove
+  // confirm modal, which must open whether or not archive is enabled (the modal
+  // shows "cannot be restored" when it isn't). The archived-items panel stays
+  // hidden when archive is off via `shouldDisplayArchive` (= enableArchive && …).
+  source.archive = dataExtensionArchive({
+    dataExtension: d,
+    reportBi: params.reportBi,
+  });
+
+  return source;
+};

package/src/components/DataExtension/dataExtensionRendering.tsx

@@ -0,0 +1,87 @@
+import React from 'react';
+import { STRING_OPERATORS } from '@wix/bex-core';
+import type { DataExtensionState } from '@wix/bex-core';
+import type { FieldsSourceRendering } from '../../state/CollectionFieldsSourceState';
+import type { Column } from '../../model';
+import type { ToolbarCollectionState } from '../../state';
+import type { DataExtensionType, DataExtensionProps } from './DataExtension';
+import { toFieldType } from '../../utils/fieldTypePrefixIcons';
+import { FileCardList } from '../FileCard/FileCardList';
+import {
+  createDataExtensionFieldActionsMenu,
+  dataExtensionFieldActionHandlers,
+} from './dataExtensionFieldActions';
+import { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';
+import { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';
+import { CollectionToolbarFilters } from '../CollectionToolbarFilters';
+
+/**
+ * Builds the DataExtension-specific config the spine needs, shaped as a
+ * FieldsSourceRendering. The spine builds the field-management panel from this;
+ * pairs with the DataExtension FieldsSource (the data).
+ */
+export const dataExtensionRendering = ({
+  dataExtension,
+  toolbar,
+  DataExtension,
+  props,
+}: {
+  dataExtension: DataExtensionState;
+  toolbar: ToolbarCollectionState<any, any>;
+  DataExtension: DataExtensionType;
+  props?: DataExtensionProps;
+}): FieldsSourceRendering => {
+  return {
+    columnOverrides: (field, { firstBuild }): Partial<Column> => {
+      const cf = dataExtension.availableCustomFields.find(
+        (f) => f.id === field.id,
+      );
+      const overrides: Partial<Column> = {
+        // Derive the icon from the source type, not the neutral type. The neutral
+        // type collapses distinct source types (e.g. dropdown into short text),
+        // which would change the icon.
+        fieldType: cf?.type ? toFieldType(cf.type) : undefined,
+        dataExtension: cf,
+        defaultHidden: firstBuild || cf?.owner !== 'user',
+      };
+      if (field.type === 'DOCUMENT') {
+        overrides.render = (row) => {
+          const value =
+            toolbar.collection.toExtendedFields?.(row)?.namespaces?.[
+              cf?.namespace ?? ''
+            ]?.[field.id];
+          if (!value) {
+            return null;
+          }
+          const files = Array.isArray(value) ? value : [value];
+          return <FileCardList files={files} />;
+        };
+      }
+      return overrides;
+    },
+    filterConfig: {
+      textOperators: STRING_OPERATORS,
+      numberIsDecimal: (field) =>
+        dataExtension.availableCustomFields.find((f) => f.id === field.id)
+          ?.type === 'decimal',
+      // Derive the icon from the source type, not the neutral type (which would
+      // collapse distinct source types) — matching the column icon.
+      iconType: (field) => {
+        const cf = dataExtension.availableCustomFields.find(
+          (f) => f.id === field.id,
+        );
+        return cf?.type ? toFieldType(cf.type) : toFieldType(field.type);
+      },
+    },
+    createFieldActionsMenu: createDataExtensionFieldActionsMenu(dataExtension),
+    createFieldActionHandlers: (panel) =>
+      dataExtensionFieldActionHandlers(dataExtension, panel),
+    featuredPageActions: [DataExtension.manageCustomFieldsPageAction],
+    props,
+    components: {
+      FieldManagementModals,
+      CustomColumns: CustomColumnsFull,
+      CollectionToolbarFilters,
+    },
+  };
+};

package/src/components/DataExtension/dataExtensionTableSource.ts

@@ -0,0 +1,18 @@
+import type { FieldsSourceProvider } from '../fieldsSourceProvider';
+import { DataExtension, type DataExtensionProps } from './DataExtension';
+
+/**
+ * Wraps DataExtension as a table field source, so consumers attach it the same
+ * way as a schema source: `<Table fieldsSource={dataExtensionTableSource(...)} />`.
+ * Unlike a schema source, DataExtension extends the consumer's own collection
+ * rather than owning the data, so there is no `collectionConfig` to spread —
+ * the consumer still drives data via their own collection hook.
+ */
+export const dataExtensionTableSource = (
+  overrides?: DataExtensionProps,
+): FieldsSourceProvider => ({
+  setOnTable(toolbar) {
+    DataExtension.setDataExtensionOnTable(toolbar, overrides);
+    DataExtension.syncTableCollectionProps(toolbar);
+  },
+});

package/src/components/DataExtension/index.ts

@@ -1,2 +1,2 @@
 export * from './DataExtension';
-export * from './CollectionDataExtensionState';
+export * from './dataExtensionTableSource';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle274706163";
+var _namespace_ = "DragHandle3949393576";
 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":"DragHandle274706163__root"};
+export var classes = {"root":"DragHandle3949393576__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_ = "EditableCell4272041546";
+var _namespace_ = "EditableCell2214069969";
 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":"EditableCell4272041546__root","validationIndicator":"EditableCell4272041546__validationIndicator"};
+export var classes = {"root":"EditableCell2214069969__root","validationIndicator":"EditableCell2214069969__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableTable.tsx

@@ -3,6 +3,7 @@ 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 type { FieldsSourceProvider } from '../fieldsSourceProvider';
 import { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';
 import {
   type EditableColumn,
@@ -12,6 +13,7 @@ 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';
@@ -38,9 +40,15 @@ export interface EditableTableProps<
   /** EditableTableState instance, created via useEditableTableCollection */
   state: EditableTableState<T, F>;
 
-  /** Column definitions with cell types */
+  /** Column definitions with cell types. When a `fieldsSource` is wired, its
+   *  columns are added by the state, so pass `[]` for source-only tables. */
   columns: EditableColumn<T>[];
 
+  /** A fields source built with `tableSchemaSource(...)`. Its fields become
+   *  columns and its field-management menu + modals (add/edit/archive/delete)
+   *  are wired into the table. */
+  fieldsSource?: FieldsSourceProvider;
+
   /** When true, hides the built-in header actions popover for all columns. */
   hideHeaderActions?: boolean;
 
@@ -53,7 +61,8 @@ function _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(
 ) {
   const {
     state,
-    columns: editableColumns,
+    columns,
+    fieldsSource: _fieldsSource,
     hideHeaderActions,
     dataHook,
     children,
@@ -62,6 +71,11 @@ function _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(
 
   useEditableTableCollectionSyncProps(props);
 
+  const editableColumns = useMemo(
+    () => [...columns, ...state.sourceColumns],
+    [columns, state.sourceColumns],
+  );
+
   const containerRef = useRef<HTMLDivElement>(null);
 
   const keyboard = useKeyboardNavigation(state);
@@ -131,15 +145,8 @@ function _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(
           {...state.deleteConfirmModal.value}
         />
       )}
-      {state.fieldActions.confirmModal.value && (
-        <MessageActionModal
-          state={state.fieldActions.confirmModal}
-          {...state.fieldActions.confirmModal.value}
-          primaryButtonProps={{
-            ...state.fieldActions.confirmModal.value.primaryButtonProps,
-            disabled: state.fieldActions.deleteTask.status.isLoading,
-          }}
-        />
+      {state.toolbar.collectionFieldsSource && (
+        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />
       )}
       {children}
       <GlobalAudioPlayer />

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

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

package/src/components/EditableTable/HeaderFieldActions.tsx

@@ -0,0 +1,105 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import type { Field, FiltersMap } from '@wix/bex-core';
+import type { EditableTableState } from '../../state/EditableTable';
+import type { EditableColumn } from '../../state/EditableTable/types';
+import {
+  buildFieldActionGroups,
+  type FieldActionHandlers,
+  type FieldActionKey,
+} from '../FieldActions';
+import { HeaderActionsPopover } from './HeaderActionsPopover';
+
+// Field-management (from the source) first, then the table-intrinsic groups,
+// then the destructive action. Only keys with a handler render, so each source
+// shows just its own actions (CMS: make-primary / duplicate / delete;
+// DataExtension: archive).
+const HEADER_ACTION_GROUPS: FieldActionKey[][] = [
+  ['editField'],
+  ['makePrimary', 'hideColumn', 'duplicateField', 'duplicateFieldWithContent'],
+  ['sortAscending', 'sortDescending', 'filter'],
+  ['archive', 'delete'],
+];
+
+const HEADER_LOCATION = 'EditableTable header action cell';
+
+interface HeaderFieldActionsProps<T, F extends FiltersMap> {
+  state: EditableTableState<T, F>;
+  column: EditableColumn<T>;
+}
+
+function _HeaderFieldActions<T, F extends FiltersMap>({
+  state,
+  column,
+}: HeaderFieldActionsProps<T, F>) {
+  const { toolbar } = state;
+  const { customColumnsState, panels, toolbarFiltersState } = toolbar;
+  const source = toolbar.collectionFieldsSource;
+
+  // Source-backed columns (their id maps to a source field) get the source's
+  // field-management; vertical-brought or consumer columns get only the
+  // table-intrinsic actions below.
+  const field: Field | undefined = source?.fieldsSource.fields.find(
+    (f) => source.fieldsSource.columnIdForField(f) === column.id,
+  );
+  const sourceConfig =
+    field && source?.fieldActionHandlers
+      ? source.fieldActionHandlers({
+          fieldId: field.id,
+          origin: 'external',
+          location: HEADER_LOCATION,
+        })
+      : null;
+
+  const handlers: FieldActionHandlers = { ...sourceConfig?.handlers };
+
+  if (column.hideable !== false && customColumnsState) {
+    const toolbarColumn = toolbar.columns.find((c) => c.id === column.id);
+    if (toolbarColumn) {
+      handlers.hideColumn = () =>
+        customColumnsState.onColumnCheckboxToggle(toolbarColumn);
+    }
+  }
+
+  if (column.sortable) {
+    handlers.sortAscending = (id) => state.sort(id, { forceDirection: 'asc' });
+    handlers.sortDescending = (id) =>
+      state.sort(id, { forceDirection: 'desc' });
+  }
+
+  const hasFilter =
+    toolbarFiltersState &&
+    state.collection.query.customFilters[column.id] != null;
+  if (hasFilter) {
+    handlers.filter = () => panels.openSidePanel('filters');
+  }
+
+  const groups = buildFieldActionGroups({
+    columnId: column.id,
+    handlers,
+    loading: sourceConfig?.loading,
+    disabledTooltips: sourceConfig?.disabledTooltips,
+    groups: HEADER_ACTION_GROUPS,
+    translate: toolbar.container.translate,
+    bi: source
+      ? {
+          reportBi: toolbar.reportBi,
+          location: HEADER_LOCATION,
+          listSize: source.fieldsSource.manageableFields.length,
+        }
+      : undefined,
+  });
+
+  if (groups.length === 0) {
+    return null;
+  }
+
+  return (
+    <HeaderActionsPopover
+      actions={groups}
+      dataHook={`header-actions-${column.id}`}
+    />
+  );
+}
+
+export const HeaderFieldActions = observer(_HeaderFieldActions);

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CellViewLayout2766243646";
+var _namespace_ = "CellViewLayout705842804";
 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":"CellViewLayout2766243646__root"};
+export var classes = {"root":"CellViewLayout705842804__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_ = "Edit1562654052";
+var _namespace_ = "Edit249083917";
 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":"Edit1562654052__root","addressInput":"Edit1562654052__addressInput"};
+export var classes = {"root":"Edit249083917__root","addressInput":"Edit249083917__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_ = "Edit2127820499";
+var _namespace_ = "Edit2043724849";
 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":"Edit2127820499__root","jsonInput":"Edit2127820499__jsonInput"};
+export var classes = {"root":"Edit2043724849__root","jsonInput":"Edit2043724849__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_ = "Edit3299242763";
+var _namespace_ = "Edit48829551";
 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":"Edit3299242763__root","booleanEdit":"Edit3299242763__booleanEdit"};
+export var classes = {"root":"Edit48829551__root","booleanEdit":"Edit48829551__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_ = "View846117487";
+var _namespace_ = "View823517074";
 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":"View846117487__root","booleanView":"View846117487__booleanView"};
+export var classes = {"root":"View823517074__root","booleanView":"View823517074__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_ = "Edit3516520464";
+var _namespace_ = "Edit550744202";
 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":"Edit3516520464__root"};
+export var classes = {"root":"Edit550744202__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_ = "Edit2579851717";
+var _namespace_ = "Edit240690608";
 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":"Edit2579851717__root","dateInput":"Edit2579851717__dateInput"};
+export var classes = {"root":"Edit240690608__root","dateInput":"Edit240690608__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_ = "View792784261";
+var _namespace_ = "View3955949016";
 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":"View792784261__root"};
+export var classes = {"root":"View3955949016__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_ = "Edit4114411643";
+var _namespace_ = "Edit2529607865";
 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":"Edit4114411643__root","half":"Edit4114411643__half","dateHalf":"Edit4114411643__dateHalf Edit4114411643__half","timeHalf":"Edit4114411643__timeHalf Edit4114411643__half","divider":"Edit4114411643__divider","passiveText":"Edit4114411643__passiveText","placeholderText":"Edit4114411643__placeholderText Edit4114411643__passiveText"};
+export var classes = {"root":"Edit2529607865__root","half":"Edit2529607865__half","dateHalf":"Edit2529607865__dateHalf Edit2529607865__half","timeHalf":"Edit2529607865__timeHalf Edit2529607865__half","divider":"Edit2529607865__divider","passiveText":"Edit2529607865__passiveText","placeholderText":"Edit2529607865__placeholderText Edit2529607865__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_ = "View340260800";
+var _namespace_ = "View2613364452";
 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":"View340260800__root","leaf":"View340260800__leaf","datePart":"View340260800__datePart View340260800__leaf","timePart":"View340260800__timePart View340260800__leaf","placeholder":"View340260800__placeholder View340260800__leaf","divider":"View340260800__divider"};
+export var classes = {"root":"View2613364452__root","leaf":"View2613364452__leaf","datePart":"View2613364452__datePart View2613364452__leaf","timePart":"View2613364452__timePart View2613364452__leaf","placeholder":"View2613364452__placeholder View2613364452__leaf","divider":"View2613364452__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_ = "Edit3606504590";
+var _namespace_ = "Edit272976519";
 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":"Edit3606504590__root","emailInput":"Edit3606504590__emailInput"};
+export var classes = {"root":"Edit272976519__root","emailInput":"Edit272976519__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};