@wix/patterns 1.395.0 → 1.397.0

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.395.0";
+export declare const version = "patterns@1.397.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.395.0",
+  "version": "1.397.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -214,12 +214,12 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.305.0",
-    "@wix/bex-utils": "2.97.0",
+    "@wix/bex-core": "2.307.0",
+    "@wix/bex-utils": "2.98.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.25.0",
+    "@wix/patterns-fields": "1.27.0",
     "@wix/sdk": "^1.15.22",
-    "@wix/wix-style-react-incubator": "3.13.0",
+    "@wix/wix-style-react-incubator": "3.18.0",
     "@wix/wix-ui-test-utils": "^1.1.9",
     "chance": "^1.0.0",
     "classnames": "^2.0.0",
@@ -437,5 +437,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "0acf46eee079f2d95863de59694eb3fdf0402a7a274cd019a3c94be7"
+  "falconPackageHash": "95e9db659de2c9c3e070abb71bcccedef10754d7d52ef564d0a92213"
 }

package/src/bm/buildBMCairoEssentials.ts

@@ -20,6 +20,7 @@ import {
   ToastTimeout,
   ToastType,
 } from '@wix/business-manager-api';
+import { dashboard } from '@wix/dashboard';
 import {
   createAppSettingsCapsule,
   Experiments,
@@ -132,5 +133,6 @@ export function buildBMCairoEssentials(
       artifactId: bmModule.artifactId,
       componentId,
     },
+    openMediaManager: overrides?.openMediaManager ?? dashboard.openMediaManager,
   };
 }

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse1200545679";
+var _namespace_ = "Collapse2561386098";
 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":"Collapse1200545679__root","exit":"Collapse1200545679__exit"};
+export var classes = {"root":"Collapse2561386098__root","exit":"Collapse2561386098__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage2362612658";
+var _namespace_ = "CollectionPage4005950345";
 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":"CollectionPage2362612658__root"};
+export var classes = {"root":"CollectionPage4005950345__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_ = "CollectionSectionHeader2828850798";
+var _namespace_ = "CollectionSectionHeader261989301";
 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":"CollectionSectionHeader2828850798__root","summaryIcon":"CollectionSectionHeader2828850798__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader261989301__root","summaryIcon":"CollectionSectionHeader261989301__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_ = "CollectionTable197929281";
+var _namespace_ = "CollectionTable2485335937";
 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":"CollectionTable197929281__root"};
+export var classes = {"root":"CollectionTable2485335937__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_ = "CollectionTableWSRTable4002598347";
+var _namespace_ = "CollectionTableWSRTable887267237";
 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":"CollectionTableWSRTable4002598347__root"};
+export var classes = {"root":"CollectionTableWSRTable887267237__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_ = "CollectionToolbar2963808337";
+var _namespace_ = "CollectionToolbar1645699191";
 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":"CollectionToolbar2963808337__root","left":"CollectionToolbar2963808337__left","right":"CollectionToolbar2963808337__right","fullWidth":"CollectionToolbar2963808337__fullWidth"};
+export var classes = {"root":"CollectionToolbar1645699191__root","left":"CollectionToolbar1645699191__left","right":"CollectionToolbar1645699191__right","fullWidth":"CollectionToolbar1645699191__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_ = "SearchOrCustomFilter189555529";
+var _namespace_ = "SearchOrCustomFilter3414311896";
 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":"SearchOrCustomFilter189555529__root","search":"SearchOrCustomFilter189555529__search","searchMobile":"SearchOrCustomFilter189555529__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3414311896__root","search":"SearchOrCustomFilter3414311896__search","searchMobile":"SearchOrCustomFilter3414311896__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_ = "AutoCompleteReadonly336280069";
+var _namespace_ = "AutoCompleteReadonly2771318287";
 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":"AutoCompleteReadonly336280069__root"};
+export var classes = {"root":"AutoCompleteReadonly2771318287__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_ = "ViewsDropdown784153413";
+var _namespace_ = "ViewsDropdown2746010907";
 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":"ViewsDropdown784153413__root"};
+export var classes = {"root":"ViewsDropdown2746010907__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomColumnsPanel/CustomColumnsPanel.tsx

@@ -27,9 +27,10 @@ export function _CustomColumnsPanel<T, F extends FiltersMap>({
   const schemaCtx = useSchemaContext();
   const isSchema = !!schemaCtx?.schema;
   const isEditable = !!collectionDataExtension || isSchema;
-  const fieldActions = useSidePanelFieldActions(
+  const { fieldActionsByColumn, fieldActionsModal } = useSidePanelFieldActions(
     isEditable ? state.columnsCollection.result.items : [],
     schemaCtx?.schema?.fieldActions,
+    schemaCtx?.schema?.refresh,
   );
 
   useEffect(() => state.init(), []);
@@ -58,67 +59,70 @@ export function _CustomColumnsPanel<T, F extends FiltersMap>({
     : 'cairo.table.custom-columns.subtitle';
 
   return (
-    <PatternsSidePanel
-      dataHook="custom-columns-panel"
-      width="100%"
-      onClose={() => state.onClose()}
-    >
-      <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>
-        {shouldShowSearch && (
-          <Box padding="0 SP3 SP2 SP3">
-            <CustomColumnsSearch state={state} />
-          </Box>
-        )}
-      </SidePanel.Header>
-      <ScrollableContent
-        overflowY
-        dataHook="custom-columns-panel-scroll-container"
-        ref={(e) => {
-          if (state.dragAndDrop) {
-            state.dragAndDrop.listRect.element = e;
-          }
-        }}
+    <>
+      <PatternsSidePanel
+        dataHook="custom-columns-panel"
+        width="100%"
+        onClose={() => state.onClose()}
       >
-        {hasSearchValue && !hasSearchResults ? (
-          <CustomColumnsNoResults state={state} />
-        ) : (
-          <>
-            {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&
-              collectionDataExtension?.DataExtension
-                ?.CustomColumnsArchivedItemsCTAButton && (
-                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton
-                  dataExtension={collectionDataExtension.dataExtension}
-                  onCloseSidePanel={() => state.onClose()}
-                  dataHook="custom-columns"
-                />
-              )}
-            <ColumnsList state={state} fieldActions={fieldActions} />
-          </>
+        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>
+          {shouldShowSearch && (
+            <Box padding="0 SP3 SP2 SP3">
+              <CustomColumnsSearch state={state} />
+            </Box>
+          )}
+        </SidePanel.Header>
+        <ScrollableContent
+          overflowY
+          dataHook="custom-columns-panel-scroll-container"
+          ref={(e) => {
+            if (state.dragAndDrop) {
+              state.dragAndDrop.listRect.element = e;
+            }
+          }}
+        >
+          {hasSearchValue && !hasSearchResults ? (
+            <CustomColumnsNoResults state={state} />
+          ) : (
+            <>
+              {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&
+                collectionDataExtension?.DataExtension
+                  ?.CustomColumnsArchivedItemsCTAButton && (
+                  <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton
+                    dataExtension={collectionDataExtension.dataExtension}
+                    onCloseSidePanel={() => state.onClose()}
+                    dataHook="custom-columns"
+                  />
+                )}
+              <ColumnsList state={state} fieldActions={fieldActionsByColumn} />
+            </>
+          )}
+        </ScrollableContent>
+        {collectionDataExtension?.DataExtension
+          ?.CustomColumnsAddCustomFieldCTAButton && (
+          <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />
         )}
-      </ScrollableContent>
-      {collectionDataExtension?.DataExtension
-        ?.CustomColumnsAddCustomFieldCTAButton && (
-        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />
-      )}
-      {schemaCtx?.addField && (
-        <Box direction="vertical" width="100%">
-          <Divider direction="horizontal" />
-          <Box
-            padding="SP4"
-            width="100%"
-            boxSizing="border-box"
-            direction="vertical"
-          >
-            <AddItem
-              dataHook="custom-columns-schema-add-field"
-              onClick={schemaCtx.addField}
+        {schemaCtx?.addField && (
+          <Box direction="vertical" width="100%">
+            <Divider direction="horizontal" />
+            <Box
+              padding="SP4"
+              width="100%"
+              boxSizing="border-box"
+              direction="vertical"
             >
-              {t('cairo.customFields.addCustomField.CTA')}
-            </AddItem>
+              <AddItem
+                dataHook="custom-columns-schema-add-field"
+                onClick={schemaCtx.addField}
+              >
+                {t('cairo.customFields.addCustomField.CTA')}
+              </AddItem>
+            </Box>
           </Box>
-        </Box>
-      )}
-    </PatternsSidePanel>
+        )}
+      </PatternsSidePanel>
+      {fieldActionsModal}
+    </>
   );
 }
 

package/src/components/CustomColumnsPanel/SidePanelFieldActionsModal.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { MessageActionModal } from '../ActionModal';
+import type { FieldActionsState } from '../../state/FieldActionsState';
+
+interface Props {
+  state: FieldActionsState;
+}
+
+function _SidePanelFieldActionsModal({ state }: Props) {
+  const value = state.confirmModal.value;
+  if (!value) {
+    return null;
+  }
+  return (
+    <MessageActionModal
+      state={state.confirmModal}
+      {...value}
+      primaryButtonProps={{
+        ...value.primaryButtonProps,
+        disabled: state.deleteTask.status.isLoading,
+      }}
+    />
+  );
+}
+
+const SidePanelFieldActionsModal = observer(_SidePanelFieldActionsModal);
+
+export default SidePanelFieldActionsModal;

package/src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx

@@ -1,17 +1,16 @@
 import React from 'react';
+import { observer } from 'mobx-react-lite';
 import type { Column } from '../../model';
-import type { FieldActions } from '../../types/SchemaConfig';
 import {
   buildFieldActionGroups,
   HeaderActionsPopover,
   type FieldActionColumn,
   type FieldActionHandlers,
-  type FieldActionPermissions,
+  type FieldActionKey,
 } from '../FieldActions';
+import { FieldActionsState } from '../../state/FieldActionsState';
 
-const SIDE_PANEL_ACTION_GROUPS: Parameters<
-  typeof buildFieldActionGroups
->[0]['groups'] = [
+const SIDE_PANEL_ACTION_GROUPS: FieldActionKey[][] = [
   ['editField'],
   ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],
   ['delete'],
@@ -30,29 +29,42 @@ function toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {
 
 export interface SidePanelFieldActionsRowProps {
   column: Column;
-  fieldActions?: FieldActions;
-  permissions?: FieldActionPermissions;
+  state: FieldActionsState;
 }
 
-export function SidePanelFieldActionsRow({
+function _SidePanelFieldActionsRow({
   column,
-  fieldActions,
-  permissions,
+  state,
 }: SidePanelFieldActionsRowProps) {
-  const handlers: FieldActionHandlers = {
-    editField: fieldActions?.editField
-      ? (id) => fieldActions.editField!(id, {})
-      : undefined,
-    makePrimary: fieldActions?.makePrimary,
-    duplicateField: fieldActions?.duplicateField,
-    duplicateFieldWithContent: fieldActions?.duplicateFieldWithContent,
-    delete: fieldActions?.deleteField,
-  };
+  const { handlers: fieldActions, permissions } = state;
+
+  const handlers: FieldActionHandlers = {};
+
+  if (fieldActions?.editField) {
+    handlers.editField = (id) => fieldActions.editField!(id, {});
+  }
+  if (fieldActions?.makePrimary) {
+    handlers.makePrimary = (id) => state.makePrimary(id);
+  }
+  if (fieldActions?.duplicateField) {
+    handlers.duplicateField = (id) => state.duplicate(id);
+  }
+  if (fieldActions?.duplicateFieldWithContent) {
+    handlers.duplicateFieldWithContent = (id) => state.duplicateWithContent(id);
+  }
+  if (fieldActions?.deleteField) {
+    handlers.delete = (id) => state.confirmDelete(id);
+  }
 
   const groups = buildFieldActionGroups({
     column: toFieldActionColumn(column),
     permissions,
     handlers,
+    loading: {
+      makePrimary: state.isMakingPrimary,
+      duplicateField: state.isDuplicating,
+      duplicateFieldWithContent: state.isDuplicatingWithContent,
+    },
     groups: SIDE_PANEL_ACTION_GROUPS,
   });
 
@@ -67,3 +79,5 @@ export function SidePanelFieldActionsRow({
     />
   );
 }
+
+export const SidePanelFieldActionsRow = observer(_SidePanelFieldActionsRow);

package/src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx

@@ -1,7 +1,16 @@
-import React, { Suspense, lazy, useMemo, type ReactNode } from 'react';
+import React, {
+  Suspense,
+  lazy,
+  useEffect,
+  useMemo,
+  useState,
+  type ReactNode,
+} from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 import type { Column } from '../../model';
 import type { FieldActions } from '../../types/SchemaConfig';
 import type { FieldActionPermissions } from '../FieldActions';
+import { FieldActionsState } from '../../state/FieldActionsState';
 
 const SidePanelFieldActionsRow = lazy(() =>
   import(
@@ -11,26 +20,68 @@ const SidePanelFieldActionsRow = lazy(() =>
   })),
 );
 
+const SidePanelFieldActionsModal = lazy(
+  () =>
+    import(
+      /* webpackChunkName: "SidePanelFieldActions" */ './SidePanelFieldActionsModal'
+    ),
+);
+
+export interface UseSidePanelFieldActionsResult {
+  fieldActionsByColumn: Record<string, ReactNode>;
+  fieldActionsModal: ReactNode;
+}
+
 export function useSidePanelFieldActions(
   columns: Column[],
   fieldActions?: FieldActions,
+  refresh?: () => Promise<void>,
   permissions?: FieldActionPermissions,
-): Record<string, ReactNode> {
-  return useMemo(() => {
+): UseSidePanelFieldActionsResult {
+  const { translate, showToast } = useWixPatternsContainer();
+
+  const [fieldActionsState] = useState(
+    () =>
+      new FieldActionsState(
+        translate,
+        fieldActions,
+        permissions,
+        showToast,
+        refresh,
+      ),
+  );
+
+  useEffect(() => {
+    fieldActionsState.setHandlers(fieldActions);
+  }, [fieldActionsState, fieldActions]);
+
+  useEffect(() => {
+    fieldActionsState.setPermissions(permissions);
+  }, [fieldActionsState, permissions]);
+
+  useEffect(() => {
+    fieldActionsState.setRefresh(refresh);
+  }, [fieldActionsState, refresh]);
+
+  const fieldActionsByColumn = useMemo(() => {
     const result: Record<string, ReactNode> = {};
 
     for (const col of columns) {
       result[col.id] = (
         <Suspense fallback={null}>
-          <SidePanelFieldActionsRow
-            column={col}
-            fieldActions={fieldActions}
-            permissions={permissions}
-          />
+          <SidePanelFieldActionsRow column={col} state={fieldActionsState} />
         </Suspense>
       );
     }
 
     return result;
-  }, [columns, fieldActions, permissions]);
+  }, [columns, fieldActionsState]);
+
+  const fieldActionsModal = (
+    <Suspense fallback={null}>
+      <SidePanelFieldActionsModal state={fieldActionsState} />
+    </Suspense>
+  );
+
+  return { fieldActionsByColumn, fieldActionsModal };
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle1542332114";
+var _namespace_ = "DragHandle1837564310";
 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":"DragHandle1542332114__root"};
+export var classes = {"root":"DragHandle1837564310__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_ = "EditableCell924947191";
+var _namespace_ = "EditableCell1170875432";
 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":"EditableCell924947191__root","validationIndicator":"EditableCell924947191__validationIndicator"};
+export var classes = {"root":"EditableCell1170875432__root","validationIndicator":"EditableCell1170875432__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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