@wix/patterns 1.482.0 → 1.484.0

package/dist/types/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.482.0",
+  "version": "1.484.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -227,11 +227,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.388.0",
-    "@wix/bex-utils": "2.175.0",
+    "@wix/bex-core": "2.390.0",
+    "@wix/bex-utils": "2.177.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.110.0",
-    "@wix/patterns-fields-utils": "1.91.0",
+    "@wix/patterns-fields": "1.112.0",
+    "@wix/patterns-fields-utils": "1.93.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "^3.23.1",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -294,7 +294,7 @@
     "@wix/awaiter-utils": "^1.0.76",
     "@wix/babel-cli": "^1.11.0",
     "@wix/business-manager-api": "^1.470.0",
-    "@wix/cairo-integration-utils": "1.150.0",
+    "@wix/cairo-integration-utils": "1.152.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -456,5 +456,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "a2de119fc16f0f5c3ca397c952a9ff783dffd8d0a9db5d068bf0aaf1"
+  "falconPackageHash": "a6a71cb481bc4c77fd26731870f4c38da6aece966207f3f09e23f188"
 }

package/src/bm/usePickerModal.ts

@@ -10,7 +10,11 @@ import {
   FiltersMap,
   OptionalFiltersMap,
 } from '@wix/bex-core';
-import { PaginationModeConfig } from '@wix/bex-core/react';
+import {
+  CursorPaginationModeConfig,
+  OffsetPaginationModeConfig,
+  PaginationModeConfig,
+} from '@wix/bex-core/react';
 import {
   FlowBusinessManagerModule,
   useComponentInfo,
@@ -41,9 +45,24 @@ export type UsePickerModalParams<
   UsePickerModalParamsOverrides<T, F> &
   PaginationModeConfig<T, F>;
 
-export type PikerModalFactory = <T, F extends FiltersMap = OptionalFiltersMap>(
-  config: UsePickerModalParams<T, F>,
-) => PickerModalState<T, F>;
+type ParamsWithoutPagination<T, F extends FiltersMap> = UsePickerModalParamsBM<
+  T,
+  F
+> &
+  UsePickerModalParamsOverrides<T, F>;
+
+// One overload per pagination branch: see `PaginationModeConfig` in bex-core.
+export type PikerModalFactory = {
+  <T, F extends FiltersMap = OptionalFiltersMap>(
+    config: ParamsWithoutPagination<T, F> & CursorPaginationModeConfig<T, F>,
+  ): PickerModalState<T, F>;
+  <T, F extends FiltersMap = OptionalFiltersMap>(
+    config: ParamsWithoutPagination<T, F> & OffsetPaginationModeConfig<T, F>,
+  ): PickerModalState<T, F>;
+  <T, F extends FiltersMap = OptionalFiltersMap>(
+    config: UsePickerModalParams<T, F>,
+  ): PickerModalState<T, F>;
+};
 
 export function useCreatePickerModal(): PikerModalFactory {
   const moduleParams = useModuleParams();
@@ -80,9 +99,18 @@ export function useCreatePickerModal(): PikerModalFactory {
   );
 }
 
+export function usePickerModal<T, F extends FiltersMap = OptionalFiltersMap>(
+  params: ParamsWithoutPagination<T, F> & CursorPaginationModeConfig<T, F>,
+): PickerModalState<T, F>;
+export function usePickerModal<T, F extends FiltersMap = OptionalFiltersMap>(
+  params: ParamsWithoutPagination<T, F> & OffsetPaginationModeConfig<T, F>,
+): PickerModalState<T, F>;
+export function usePickerModal<T, F extends FiltersMap = OptionalFiltersMap>(
+  params: UsePickerModalParams<T, F>,
+): PickerModalState<T, F>;
 export function usePickerModal<T, F extends FiltersMap = OptionalFiltersMap>(
   params: UsePickerModalParams<T, F>,
-) {
+): PickerModalState<T, F> {
   const createPickerModal = useCreatePickerModal();
   const [state] = useState(() => createPickerModal<T, F>(params));
   useSyncPickerModalProps(state, params);

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

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

package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldForm1502115273";
+var _namespace_ = "CmsFieldForm3936567206";
 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":"CmsFieldForm1502115273__root","fullBleedDivider":"CmsFieldForm1502115273__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm3936567206__root","fullBleedDivider":"CmsFieldForm3936567206__fullBleedDivider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldModal112067056";
+var _namespace_ = "CmsFieldModal3253218955";
 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":"CmsFieldModal112067056__root","modal":"CmsFieldModal112067056__modal"};
+export var classes = {"root":"CmsFieldModal3253218955__root","modal":"CmsFieldModal3253218955__modal"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "ValidationAndDefaultsSection3597092500";
+var _namespace_ = "ValidationAndDefaultsSection2450393427";
 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":"ValidationAndDefaultsSection3597092500__root","accordionWrapper":"ValidationAndDefaultsSection3597092500__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection2450393427__root","accordionWrapper":"ValidationAndDefaultsSection2450393427__accordionWrapper"};
 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_ = "Collapse957113978";
+var _namespace_ = "Collapse2891229446";
 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":"Collapse957113978__root","exit":"Collapse957113978__exit"};
+export var classes = {"root":"Collapse2891229446__root","exit":"Collapse2891229446__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_ = "CollectionPage999180003";
+var _namespace_ = "CollectionPage835856032";
 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":"CollectionPage999180003__root"};
+export var classes = {"root":"CollectionPage835856032__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_ = "CollectionSectionHeader1109188456";
+var _namespace_ = "CollectionSectionHeader306165560";
 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":"CollectionSectionHeader1109188456__root","summaryIcon":"CollectionSectionHeader1109188456__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader306165560__root","summaryIcon":"CollectionSectionHeader306165560__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_ = "CollectionTable762982062";
+var _namespace_ = "CollectionTable2140308736";
 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":"CollectionTable762982062__root"};
+export var classes = {"root":"CollectionTable2140308736__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTable.uni.driver.ts

@@ -9,6 +9,7 @@ import {
   LiveRegionUniDriver,
   PopoverUniDriver,
   InfoIconUniDriver,
+  TooltipUniDriver,
 } from '@wix/design-system/dist/testkit/unidriver';
 import { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';
 import { TableTopNotificationUniDriver } from '../TableTopNotification/TableTopNotification.uni.driver';
@@ -418,5 +419,15 @@ export const CollectionTableUniDriver = (base: UniDriver, body: UniDriver) => {
           .$('[data-hook$="_info_tooltip"]'),
         body,
       ),
+
+    /** The primary-field flag in a column header, by column id. */
+    getHeaderPrimaryFieldFlag: (columnId: string) =>
+      TooltipUniDriver(
+        base
+          .$('thead')
+          .$(`th[data-hook="${columnId}"]`)
+          .$('[data-hook="primary-field-header-flag"]'),
+        body,
+      ),
   };
 };

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

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

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -56,6 +56,14 @@ export interface CollectionTableWSRTableBaseProps<U, T, F extends FiltersMap>
   useShowLoaderWhenEmpty?: boolean;
   useNewInfiniteScrollLoader?: boolean;
 
+  /**
+   * Keeps column headers above the empty state, including filtered or search
+   * results with no items. Loading, error, mobile and `showTitleBar` behavior
+   * still apply. Defaults to false.
+   * @external
+   */
+  showHeaderWhenEmpty?: boolean;
+
   /**
    * Whether to add a sticky column. <br>
    * Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally.
@@ -130,6 +138,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
     useShowLoaderWhenEmpty,
     dragAndDrop,
     showTitleBar,
+    showHeaderWhenEmpty: showHeaderWhenEmptyProp,
     horizontalScroll,
     stickyColumns,
     stickySelectionColumn,
@@ -186,9 +195,14 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
 
   const showSelection = showSelectionProp ?? selectionToolbar != null;
 
+  const showHeaderWhenEmpty =
+    (showHeaderWhenEmptyProp || (useShowLoaderWhenEmpty && !showEmptyState)) &&
+    !showRefreshLoader &&
+    !showErrorState;
+
   const hideTitleBar =
     isMobile ||
-    showEmptyState ||
+    (showEmptyState && !showHeaderWhenEmpty) ||
     toolbar.showInitialLoader ||
     initTask.status.isError;
 
@@ -248,13 +262,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
         viewportRef={stackingRootRef}
         columns={tableColumns}
         onRowClick={onRowClick ? handleRowCLick : undefined}
-        // this forces WSR <Table/> to render the loader even when `data.length=0`
-        showHeaderWhenEmpty={
-          useShowLoaderWhenEmpty &&
-          !showRefreshLoader &&
-          !showErrorState &&
-          !showEmptyState
-        }
+        showHeaderWhenEmpty={showHeaderWhenEmpty}
         hideBulkSelectionCheckbox={
           selectionToolbar ? false : hideBulkSelectionCheckbox
         }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar3439806607";
+var _namespace_ = "CollectionToolbar3189405654";
 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":"CollectionToolbar3439806607__root","right":"CollectionToolbar3439806607__right","left":"CollectionToolbar3439806607__left","fullWidth":"CollectionToolbar3439806607__fullWidth"};
+export var classes = {"root":"CollectionToolbar3189405654__root","right":"CollectionToolbar3189405654__right","left":"CollectionToolbar3189405654__left","fullWidth":"CollectionToolbar3189405654__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_ = "SearchOrCustomFilter746399388";
+var _namespace_ = "SearchOrCustomFilter2928054447";
 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":"SearchOrCustomFilter746399388__root","search":"SearchOrCustomFilter746399388__search","searchMobile":"SearchOrCustomFilter746399388__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter2928054447__root","search":"SearchOrCustomFilter2928054447__search","searchMobile":"SearchOrCustomFilter2928054447__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_ = "AutoCompleteReadonly123395700";
+var _namespace_ = "AutoCompleteReadonly3591822730";
 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":"AutoCompleteReadonly123395700__root"};
+export var classes = {"root":"AutoCompleteReadonly3591822730__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_ = "ViewsDropdown2318660050";
+var _namespace_ = "ViewsDropdown1229304281";
 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":"ViewsDropdown2318660050__root"};
+export var classes = {"root":"ViewsDropdown1229304281__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldModal/CustomFieldForm.tsx

@@ -171,6 +171,7 @@ export const _CustomFieldForm = (props: CustomFieldFormProps) => {
                 onChange: containsPii.onChange,
               }}
               mode={mode}
+              canChangePii={state.canChangePii}
               language={language}
               piiWarning={state.piiWarning}
             />

package/src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CustomFieldFormPiiFields1228557018";
+var _namespace_ = "CustomFieldFormPiiFields3603077507";
 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":"CustomFieldFormPiiFields1228557018__root","tooltipText":"CustomFieldFormPiiFields1228557018__tooltipText"};
+export var classes = {"root":"CustomFieldFormPiiFields3603077507__root","tooltipText":"CustomFieldFormPiiFields3603077507__tooltipText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldModal/CustomFieldFormPiiFields.tsx

@@ -10,6 +10,7 @@ import {
   ToggleSwitch,
 } from '@wix/design-system';
 import type { FieldPiiWarning } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { Trans } from '../Trans';
 import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { classes } from './CustomFieldFormPiiFields.st.css.js';
@@ -20,6 +21,7 @@ interface PiiFormFieldsProps {
     onChange: (value: boolean) => void;
   };
   mode: string;
+  canChangePii?: boolean;
   language: string;
   /** Shown only while the toggle is on. */
   piiWarning?: FieldPiiWarning;
@@ -28,9 +30,11 @@ interface PiiFormFieldsProps {
 export function PiiFormFields({
   containsPii,
   mode,
+  canChangePii = mode !== 'edit',
   language,
   piiWarning,
 }: PiiFormFieldsProps) {
+  const { translate } = useWixPatternsContainer();
   const isBmHarmonyTheme = useBmHarmonyTheme();
   const tooltipTextSize = isBmHarmonyTheme ? 'tiny' : 'small';
   const translateKeys = {
@@ -42,17 +46,18 @@ export function PiiFormFields({
       'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',
   } as const;
   const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;
-  const isEdit = mode === 'edit';
+  const isPiiLocked = mode === 'edit' && !canChangePii;
 
   return (
     <>
       <Cell span={12}>
         <FormField>
-          <Box gap="9px" marginBlockEnd={isEdit ? '6px' : undefined}>
+          <Box gap="9px" marginBlockEnd={isPiiLocked ? '6px' : undefined}>
             <ToggleSwitch
               dataHook="pii-toggle-switch"
+              aria-label={translate(translateKeys.toggleName)}
               size="medium"
-              disabled={isEdit}
+              disabled={!canChangePii}
               checked={containsPii.value}
               onChange={(e) => containsPii.onChange(e.target.checked)}
             />
@@ -90,7 +95,7 @@ export function PiiFormFields({
             </Box>
           </Box>
         </FormField>
-        {isEdit && (
+        {isPiiLocked && (
           <Box>
             <Text size="small" dataHook="pii-toggle-edit-note">
               <Trans i18nKey={translateKeys.toggleEditNote} />

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle4059495641";
+var _namespace_ = "DragHandle1292511267";
 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":"DragHandle4059495641__root"};
+export var classes = {"root":"DragHandle1292511267__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_ = "EditableCell997750120";
+var _namespace_ = "EditableCell2930480912";
 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":"EditableCell997750120__root","errorMessage":"EditableCell997750120__errorMessage"};
+export var classes = {"root":"EditableCell2930480912__root","errorMessage":"EditableCell2930480912__errorMessage"};
 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_ = "HeaderActionsPopover1506887392";
+var _namespace_ = "HeaderActionsPopover605437348";
 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":"HeaderActionsPopover1506887392__root"};
+export var classes = {"root":"HeaderActionsPopover605437348__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_ = "CellViewLayout248990959";
+var _namespace_ = "CellViewLayout138794368";
 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":"CellViewLayout248990959__root"};
+export var classes = {"root":"CellViewLayout138794368__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_ = "Edit290107507";
+var _namespace_ = "Edit42416970";
 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":"Edit290107507__root","addressInput":"Edit290107507__addressInput"};
+export var classes = {"root":"Edit42416970__root","addressInput":"Edit42416970__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_ = "Edit1226354150";
+var _namespace_ = "Edit3089739157";
 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":"Edit1226354150__root","jsonInput":"Edit1226354150__jsonInput"};
+export var classes = {"root":"Edit3089739157__root","jsonInput":"Edit3089739157__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_ = "Edit3486629839";
+var _namespace_ = "Edit526675161";
 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":"Edit3486629839__root","booleanEdit":"Edit3486629839__booleanEdit"};
+export var classes = {"root":"Edit526675161__root","booleanEdit":"Edit526675161__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};