@wix/patterns 1.442.0 → 1.443.0

package/dist/types/state/buildFieldFilters.d.ts

@@ -1,7 +1,15 @@
+import { type ComponentType } from 'react';
 import type { Field, FieldsSource, FilterOperator, PatternsFieldType } from '@wix/bex-core';
 import type { ToolbarCollectionState } from './ToolbarCollectionState';
 import type { FilterElement } from '../components/CollectionToolbarFilters';
 import { toFieldType } from '../utils/fieldTypePrefixIcons';
+import type { FetchReferenceItems, ReferenceFieldFilterProps } from '../components/ReferenceFieldFilter/ReferenceFieldFilter';
+/**
+ * The reference filter, supplied by the source rather than imported here. It
+ * reaches the referenced item's avatar in `@wix/patterns-fields`, which every
+ * source would otherwise pay for — including sources with no reference fields.
+ */
+export type ReferenceFilterComponent = ComponentType<ReferenceFieldFilterProps>;
 export type { FilterTypeConfig } from '@wix/bex-core';
 /**
  * The filter behavior a source supplies that the shared builder can't derive
@@ -15,18 +23,26 @@ export interface FieldFilterConfig {
     numberIsDecimal?: (field: Field) => boolean;
     /** Filter type icon. Default: derived from the neutral field type. */
     iconType?: (field: Field) => ReturnType<typeof toFieldType>;
+    /**
+     * Queries a reference field's referenced collection for the options its
+     * filter offers. Returning `undefined` for a field — or omitting this —
+     * leaves that field without a filter, which is what a source that cannot
+     * reach the referenced collection wants.
+     */
+    referenceItems?: (field: Field) => FetchReferenceItems | undefined;
 }
 /** A field gets an auto filter when its type maps to a filter element. */
 export declare const isFilterableFieldType: (type: PatternsFieldType) => boolean;
 /** A field gets an auto filter when its type maps to a filter element, or —
- *  for a CUSTOM field — when its type definition declares a filter config. */
-export declare const isFilterableField: (field: Field, source: Pick<FieldsSource, 'fieldTypes'>) => boolean;
+ *  for a CUSTOM field — when its type definition declares a filter config. A
+ *  reference field also needs the source to reach the referenced collection. */
+export declare const isFilterableField: (field: Field, source: Pick<FieldsSource, 'fieldTypes'>, config?: FieldFilterConfig, ReferenceFilter?: ReferenceFilterComponent) => boolean;
 /**
  * Registers a filter state per filterable field on the collection query, so the
  * built elements have a filter to read. Idempotent — addFilterIfNeeded skips a
  * field that is already registered.
  */
-export declare const registerFieldFilters: (toolbar: ToolbarCollectionState<any, any>, source: Pick<FieldsSource, 'filterableFields' | 'fieldTypes'>, config: FieldFilterConfig) => void;
+export declare const registerFieldFilters: (toolbar: ToolbarCollectionState<any, any>, source: Pick<FieldsSource, 'filterableFields' | 'fieldTypes'>, config: FieldFilterConfig, ReferenceFilter?: ReferenceFilterComponent) => void;
 /** Builds the toolbar filter elements for a source's filterable fields. */
-export declare const buildFieldFilters: (toolbar: ToolbarCollectionState<any, any>, source: Pick<FieldsSource, 'filterableFields' | 'fieldTypes'>, config: FieldFilterConfig) => FilterElement[];
+export declare const buildFieldFilters: (toolbar: ToolbarCollectionState<any, any>, source: Pick<FieldsSource, 'filterableFields' | 'fieldTypes'>, config: FieldFilterConfig, ReferenceFilter?: ReferenceFilterComponent) => FilterElement[];
 //# sourceMappingURL=buildFieldFilters.d.ts.map

package/dist/types/state/buildFieldFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildFieldFilters.d.ts","sourceRoot":"","sources":["../../../src/state/buildFieldFilters.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,KAAK,EACL,YAAY,EAGZ,cAAc,EAEd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAY5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;IAC5C,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;CAC7D;AAgED,0EAA0E;AAC1E,eAAO,MAAM,qBAAqB,SAAU,iBAAiB,KAAG,OAC9B,CAAC;AAanC;8EAC8E;AAC9E,eAAO,MAAM,iBAAiB,UACrB,KAAK,UACJ,KAAK,YAAY,EAAE,YAAY,CAAC,KACvC,OAGoC,CAAC;AAExC;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,YACtB,uBAAuB,GAAG,EAAE,GAAG,CAAC,UACjC,KAAK,YAAY,EAAE,kBAAkB,GAAG,YAAY,CAAC,UACrD,iBAAiB,KACxB,IAuBF,CAAC;AAgDF,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,YACnB,uBAAuB,GAAG,EAAE,GAAG,CAAC,UACjC,KAAK,YAAY,EAAE,kBAAkB,GAAG,YAAY,CAAC,UACrD,iBAAiB,KACxB,aAAa,EAGqC,CAAC"}
+{"version":3,"file":"buildFieldFilters.d.ts","sourceRoot":"","sources":["../../../src/state/buildFieldFilters.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AASlD,OAAO,KAAK,EACV,KAAK,EACL,YAAY,EAKZ,cAAc,EAEd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAO5D,OAAO,KAAK,EACV,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,yDAAyD,CAAC;AAMjE;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG,aAAa,CAAC,yBAAyB,CAAC,CAAC;AAEhF,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC;IAC5C,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;IAC5D;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,mBAAmB,GAAG,SAAS,CAAC;CACpE;AAqED,0EAA0E;AAC1E,eAAO,MAAM,qBAAqB,SAAU,iBAAiB,KAAG,OAC9B,CAAC;AAkBnC;;gFAEgF;AAChF,eAAO,MAAM,iBAAiB,UACrB,KAAK,UACJ,KAAK,YAAY,EAAE,YAAY,CAAC,WAC/B,iBAAiB,oBACR,wBAAwB,KACzC,OAQF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,YACtB,uBAAuB,GAAG,EAAE,GAAG,CAAC,UACjC,KAAK,YAAY,EAAE,kBAAkB,GAAG,YAAY,CAAC,UACrD,iBAAiB,oBACP,wBAAwB,KACzC,IA6BF,CAAC;AAmEF,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,YACnB,uBAAuB,GAAG,EAAE,GAAG,CAAC,UACjC,KAAK,YAAY,EAAE,kBAAkB,GAAG,YAAY,CAAC,UACrD,iBAAiB,oBACP,wBAAwB,KACzC,aAAa,EAKqC,CAAC"}

package/dist/types/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.442.0",
+  "version": "1.443.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -220,11 +220,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.348.0",
-    "@wix/bex-utils": "2.135.0",
+    "@wix/bex-core": "2.349.0",
+    "@wix/bex-utils": "2.136.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.70.0",
-    "@wix/patterns-fields-utils": "1.51.0",
+    "@wix/patterns-fields": "1.71.0",
+    "@wix/patterns-fields-utils": "1.52.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "3.22.0",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -287,7 +287,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.110.0",
+    "@wix/cairo-integration-utils": "1.111.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -444,5 +444,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "33e988ba8152dec31d1ada0f9d855dd9e86b98953b734a25ee2c3296"
+  "falconPackageHash": "66bd6a743b6b3cf6afa19db9bf07e1aaee5d8d5972dba270468075a4"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer4012966892";
+var _namespace_ = "CardContainer4002794504";
 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":"CardContainer4012966892__root"};
+export var classes = {"root":"CardContainer4002794504__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_ = "CmsFieldForm3516791577";
+var _namespace_ = "CmsFieldForm2982431923";
 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":"CmsFieldForm3516791577__root","fullBleedDivider":"CmsFieldForm3516791577__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm2982431923__root","fullBleedDivider":"CmsFieldForm2982431923__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_ = "CmsFieldModal2279318908";
+var _namespace_ = "CmsFieldModal2928876262";
 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":"CmsFieldModal2279318908__root","modal":"CmsFieldModal2279318908__modal"};
+export var classes = {"root":"CmsFieldModal2928876262__root","modal":"CmsFieldModal2928876262__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_ = "ValidationAndDefaultsSection3388606183";
+var _namespace_ = "ValidationAndDefaultsSection3243644032";
 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":"ValidationAndDefaultsSection3388606183__root","accordionWrapper":"ValidationAndDefaultsSection3388606183__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection3243644032__root","accordionWrapper":"ValidationAndDefaultsSection3243644032__accordionWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CharactersLimitInput1150986335";
+var _namespace_ = "CharactersLimitInput1116271689";
 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":"CharactersLimitInput1150986335__root","field":"CharactersLimitInput1150986335__field"};
+export var classes = {"root":"CharactersLimitInput1116271689__root","field":"CharactersLimitInput1116271689__field"};
 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_ = "Collapse1655527787";
+var _namespace_ = "Collapse3539207438";
 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":"Collapse1655527787__root","exit":"Collapse1655527787__exit"};
+export var classes = {"root":"Collapse3539207438__root","exit":"Collapse3539207438__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_ = "CollectionPage3010170761";
+var _namespace_ = "CollectionPage2310277309";
 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":"CollectionPage3010170761__root"};
+export var classes = {"root":"CollectionPage2310277309__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_ = "CollectionSectionHeader1188848597";
+var _namespace_ = "CollectionSectionHeader31919053";
 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":"CollectionSectionHeader1188848597__root","summaryIcon":"CollectionSectionHeader1188848597__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader31919053__root","summaryIcon":"CollectionSectionHeader31919053__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_ = "CollectionTable3169515616";
+var _namespace_ = "CollectionTable156221192";
 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":"CollectionTable3169515616__root"};
+export var classes = {"root":"CollectionTable156221192__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_ = "CollectionTableWSRTable1277512044";
+var _namespace_ = "CollectionTableWSRTable3082976804";
 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":"CollectionTableWSRTable1277512044__root"};
+export var classes = {"root":"CollectionTableWSRTable3082976804__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_ = "CollectionToolbar2854910717";
+var _namespace_ = "CollectionToolbar2906075268";
 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":"CollectionToolbar2854910717__root","right":"CollectionToolbar2854910717__right","left":"CollectionToolbar2854910717__left","fullWidth":"CollectionToolbar2854910717__fullWidth"};
+export var classes = {"root":"CollectionToolbar2906075268__root","right":"CollectionToolbar2906075268__right","left":"CollectionToolbar2906075268__left","fullWidth":"CollectionToolbar2906075268__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_ = "SearchOrCustomFilter3795101053";
+var _namespace_ = "SearchOrCustomFilter1175048861";
 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":"SearchOrCustomFilter3795101053__root","search":"SearchOrCustomFilter3795101053__search","searchMobile":"SearchOrCustomFilter3795101053__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter1175048861__root","search":"SearchOrCustomFilter1175048861__search","searchMobile":"SearchOrCustomFilter1175048861__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx

@@ -52,6 +52,23 @@ export interface CollectionToolbarFiltersProps {
   hideAppliedFiltersTagList?: boolean;
 }
 
+/**
+ * Filters that need the side panel rather than an inline slot — they are too
+ * tall or too interactive to sit in the toolbar. One of these among the inline
+ * filters forces the panel for all of them.
+ *
+ * Matched against `displayName`, so a component that wraps one of these has to
+ * declare its own name here; a wrapper with no `displayName` silently renders
+ * inline. See `ReferenceFieldFilter`.
+ */
+export const SIDE_PANEL_FILTER_DISPLAY_NAMES: string[] = [
+  'DateRangeFilter',
+  'MultiSelectCollectionFilter',
+  'RadioGroupFilter',
+  'MultiInlineCheckboxFilter',
+  'ReferenceFieldFilter',
+];
+
 function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
   const {
     children,
@@ -88,17 +105,13 @@ function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
 
   const forceShowSidePanel = useMemo(
     () =>
-      !!childrenArr.slice(0, inline).find((filter) => {
-        return (
-          filter.type.displayName &&
-          [
-            'DateRangeFilter',
-            'MultiSelectCollectionFilter',
-            'RadioGroupFilter',
-            'MultiInlineCheckboxFilter',
-          ].includes(filter.type.displayName)
-        );
-      }),
+      !!childrenArr
+        .slice(0, inline)
+        .find(
+          (filter) =>
+            filter.type.displayName &&
+            SIDE_PANEL_FILTER_DISPLAY_NAMES.includes(filter.type.displayName),
+        ),
     [childrenArr],
   );
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly2092714156";
+var _namespace_ = "AutoCompleteReadonly40276714";
 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":"AutoCompleteReadonly2092714156__root"};
+export var classes = {"root":"AutoCompleteReadonly40276714__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_ = "ViewsDropdown2798625200";
+var _namespace_ = "ViewsDropdown4002229056";
 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":"ViewsDropdown2798625200__root"};
+export var classes = {"root":"ViewsDropdown4002229056__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle880807969";
+var _namespace_ = "DragHandle2876968569";
 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":"DragHandle880807969__root"};
+export var classes = {"root":"DragHandle2876968569__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_ = "EditableCell340733684";
+var _namespace_ = "EditableCell2174415256";
 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":"EditableCell340733684__root","errorMessage":"EditableCell340733684__errorMessage"};
+export var classes = {"root":"EditableCell2174415256__root","errorMessage":"EditableCell2174415256__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_ = "HeaderActionsPopover3793940437";
+var _namespace_ = "HeaderActionsPopover1414070421";
 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":"HeaderActionsPopover3793940437__root"};
+export var classes = {"root":"HeaderActionsPopover1414070421__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_ = "CellViewLayout2490979056";
+var _namespace_ = "CellViewLayout717649944";
 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":"CellViewLayout2490979056__root"};
+export var classes = {"root":"CellViewLayout717649944__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_ = "Edit3905236503";
+var _namespace_ = "Edit4039281978";
 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":"Edit3905236503__root","addressInput":"Edit3905236503__addressInput"};
+export var classes = {"root":"Edit4039281978__root","addressInput":"Edit4039281978__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_ = "Edit3043371877";
+var _namespace_ = "Edit2409931606";
 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":"Edit3043371877__root","jsonInput":"Edit3043371877__jsonInput"};
+export var classes = {"root":"Edit2409931606__root","jsonInput":"Edit2409931606__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_ = "Edit788413165";
+var _namespace_ = "Edit1933578266";
 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":"Edit788413165__root","booleanEdit":"Edit788413165__booleanEdit"};
+export var classes = {"root":"Edit1933578266__root","booleanEdit":"Edit1933578266__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_ = "View1342037778";
+var _namespace_ = "View1897568591";
 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":"View1342037778__root","booleanView":"View1342037778__booleanView"};
+export var classes = {"root":"View1897568591__root","booleanView":"View1897568591__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_ = "Edit3949182414";
+var _namespace_ = "Edit351838480";
 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":"Edit3949182414__root"};
+export var classes = {"root":"Edit351838480__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_ = "Edit1209512027";
+var _namespace_ = "Edit3173606969";
 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":"Edit1209512027__root","dateInput":"Edit1209512027__dateInput"};
+export var classes = {"root":"Edit3173606969__root","dateInput":"Edit3173606969__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_ = "View3271221667";
+var _namespace_ = "View2435020196";
 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":"View3271221667__root"};
+export var classes = {"root":"View2435020196__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};