@wix/patterns 1.479.0 → 1.481.0

package/dist/types/utils/fieldTypePrefixIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldTypePrefixIcons.d.ts","sourceRoot":"","sources":["../../../src/utils/fieldTypePrefixIcons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA4ClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,SAAS,GACT,MAAM,GACN,WAAW,GACX,UAAU,GACV,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,cAAc,CAAC;AAEnB;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAuDD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAc,EACd,KAAK,GACN,EAAE;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;wCACoC;IACpC,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC;QAAC,MAAM,EAAE,aAAa,CAAA;KAAE,CAAC;CACzD,GAAG,SAAS,CAoCZ"}
+{"version":3,"file":"fieldTypePrefixIcons.d.ts","sourceRoot":"","sources":["../../../src/utils/fieldTypePrefixIcons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiDlE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD;;;;GAIG;AACH,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,SAAS,GACT,MAAM,GACN,WAAW,GACX,UAAU,GACV,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,cAAc,CAAC;AAEnB;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAoED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAc,EACd,KAAK,GACN,EAAE;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;wCACoC;IACpC,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,aAAa,CAAC;QAAC,MAAM,EAAE,aAAa,CAAA;KAAE,CAAC;CACzD,GAAG,SAAS,CAoCZ"}

package/dist/types/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.479.0",
+  "version": "1.481.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.385.0",
-    "@wix/bex-utils": "2.172.0",
+    "@wix/bex-core": "2.387.0",
+    "@wix/bex-utils": "2.174.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.107.0",
-    "@wix/patterns-fields-utils": "1.88.0",
+    "@wix/patterns-fields": "1.109.0",
+    "@wix/patterns-fields-utils": "1.90.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "^3.23.1",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -294,11 +294,11 @@
     "@wix/awaiter-utils": "^1.0.76",
     "@wix/babel-cli": "^1.11.0",
     "@wix/business-manager-api": "^1.470.0",
-    "@wix/cairo-integration-utils": "1.147.0",
+    "@wix/cairo-integration-utils": "1.149.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
-    "@wix/design-system": "^1.319.0",
+    "@wix/design-system": "^1.330.2",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/fe-essentials-standalone": "^1.374.0",
     "@wix/jest-yoshi-preset-base": "^6.74.0",
@@ -456,5 +456,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "fcc6d9e1e6dd4b22aaf130e9701eede2694f29c736a75964eb67e4d5"
+  "falconPackageHash": "99e141bf38a29f496fa54224597ab7f4c62a94f729724d19f8223eb9"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer89175386";
+var _namespace_ = "CardContainer1849199127";
 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":"CardContainer89175386__root"};
+export var classes = {"root":"CardContainer1849199127__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_ = "CmsFieldForm1053411839";
+var _namespace_ = "CmsFieldForm1755542765";
 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":"CmsFieldForm1053411839__root","fullBleedDivider":"CmsFieldForm1053411839__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm1755542765__root","fullBleedDivider":"CmsFieldForm1755542765__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_ = "CmsFieldModal818483420";
+var _namespace_ = "CmsFieldModal36790164";
 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":"CmsFieldModal818483420__root","modal":"CmsFieldModal818483420__modal"};
+export var classes = {"root":"CmsFieldModal36790164__root","modal":"CmsFieldModal36790164__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_ = "ValidationAndDefaultsSection2674945069";
+var _namespace_ = "ValidationAndDefaultsSection1913926124";
 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":"ValidationAndDefaultsSection2674945069__root","accordionWrapper":"ValidationAndDefaultsSection2674945069__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection1913926124__root","accordionWrapper":"ValidationAndDefaultsSection1913926124__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_ = "Collapse1905004565";
+var _namespace_ = "Collapse3605536152";
 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":"Collapse1905004565__root","exit":"Collapse1905004565__exit"};
+export var classes = {"root":"Collapse3605536152__root","exit":"Collapse3605536152__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_ = "CollectionPage1459539195";
+var _namespace_ = "CollectionPage3490548403";
 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":"CollectionPage1459539195__root"};
+export var classes = {"root":"CollectionPage3490548403__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_ = "CollectionSectionHeader1925118531";
+var _namespace_ = "CollectionSectionHeader3804335527";
 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":"CollectionSectionHeader1925118531__root","summaryIcon":"CollectionSectionHeader1925118531__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader3804335527__root","summaryIcon":"CollectionSectionHeader3804335527__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_ = "CollectionTable2371852919";
+var _namespace_ = "CollectionTable118995330";
 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":"CollectionTable2371852919__root"};
+export var classes = {"root":"CollectionTable118995330__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -384,9 +384,7 @@ export const CollectionTableUniDriver = (base: UniDriver, body: UniDriver) => {
       base.$('thead').$$(`[data-sticky="true"]`).count(),
 
     isHorizontalScroll: async () =>
-      Array.from<string>(await tableContentBase()._prop('classList')).some(
-        (c) => c.includes('tableBodyScrollContent'),
-      ),
+      (await base.attr('data-horizontal-scroll')) === 'true',
 
     isResizable: async () =>
       (await base.$$('[data-hook="table-resize-handle"]').count()) > 0,

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

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

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -233,6 +233,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
     <div
       data-hook="collection-table"
       data-wix-patterns={cairoVersion}
+      data-horizontal-scroll={!!horizontalScroll}
       className={wsrTableSt(
         wsrTableClasses.root,
         { resizable: !!resizable },
@@ -267,6 +268,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
           stickyColumns,
           showSelection,
           stickySelectionColumn,
+          hasRowStatusColumn: props.rowStatus != null,
         })}
         showSelection={showSelection}
         selectedIds={bulk.selectedIds}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1474840426";
+var _namespace_ = "CollectionToolbar1355295430";
 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":"CollectionToolbar1474840426__root","right":"CollectionToolbar1474840426__right","left":"CollectionToolbar1474840426__left","fullWidth":"CollectionToolbar1474840426__fullWidth"};
+export var classes = {"root":"CollectionToolbar1355295430__root","right":"CollectionToolbar1355295430__right","left":"CollectionToolbar1355295430__left","fullWidth":"CollectionToolbar1355295430__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_ = "SearchOrCustomFilter1302990876";
+var _namespace_ = "SearchOrCustomFilter1356450189";
 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":"SearchOrCustomFilter1302990876__root","search":"SearchOrCustomFilter1302990876__search","searchMobile":"SearchOrCustomFilter1302990876__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter1356450189__root","search":"SearchOrCustomFilter1356450189__search","searchMobile":"SearchOrCustomFilter1356450189__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts

@@ -46,20 +46,33 @@ export class CollectionToolbarFiltersState<T, F extends FiltersMap> {
 
   onFiltersButtonClick = action(() => {
     const actionStartTime = performance.now();
-    const { reportBi } = this.toolbar;
-
     const isOpened = this.toolbar.panels.toggleSidePanel('filters');
+    this._reportPanelUsed(isOpened, 'Filter Button', actionStartTime);
+  });
+
+  /** Opens the panel from a column header's Filter action. */
+  openFromColumnHeader = action(() => {
+    const actionStartTime = performance.now();
+    this.toolbar.panels.openSidePanel('filters');
+    this._reportPanelUsed(true, 'Column Header', actionStartTime);
+  });
+
+  private _reportPanelUsed(
+    isOpened: boolean,
+    origin: 'Filter Button' | 'Column Header',
+    actionStartTime: number,
+  ) {
     // to be called after the panel is opened/closed and call stack is cleared
     window.setTimeout(() => {
-      reportBi(
+      this.toolbar.reportBi(
         withoutDefaults(cairoFiltersPanelUsed)({
           ...this.toolbar._commonDynamicBiParams(),
           isOpened,
-          origin: 'Filter Button',
+          origin,
           feature: 'Filter',
           timeFromAction: Math.round(performance.now() - actionStartTime),
         }),
       );
     });
-  });
+  }
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly2201278997";
+var _namespace_ = "AutoCompleteReadonly1587949727";
 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":"AutoCompleteReadonly2201278997__root"};
+export var classes = {"root":"AutoCompleteReadonly1587949727__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_ = "ViewsDropdown1632747698";
+var _namespace_ = "ViewsDropdown2014084365";
 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":"ViewsDropdown1632747698__root"};
+export var classes = {"root":"ViewsDropdown2014084365__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CustomFieldFormPiiFields3308205986";
+var _namespace_ = "CustomFieldFormPiiFields1162113718";
 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":"CustomFieldFormPiiFields3308205986__root","tooltipText":"CustomFieldFormPiiFields3308205986__tooltipText"};
+export var classes = {"root":"CustomFieldFormPiiFields1162113718__root","tooltipText":"CustomFieldFormPiiFields1162113718__tooltipText"};
 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_ = "DragHandle3684502207";
+var _namespace_ = "DragHandle3246916303";
 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":"DragHandle3684502207__root"};
+export var classes = {"root":"DragHandle3246916303__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_ = "EditableCell84838942";
+var _namespace_ = "EditableCell1177568343";
 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":"EditableCell84838942__root","errorMessage":"EditableCell84838942__errorMessage"};
+export var classes = {"root":"EditableCell1177568343__root","errorMessage":"EditableCell1177568343__errorMessage"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableTableContextMenu.tsx

@@ -346,12 +346,18 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
         );
         const prevKey =
           rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
-        startEditingNewRow(state, state.addItem(prevKey));
+        startEditingNewRow(
+          state,
+          state.addItem(prevKey, 'Row Context Menu - Above'),
+        );
         onClose();
         break;
       }
       case 'add-below':
-        startEditingNewRow(state, state.addItem(targetRowKey));
+        startEditingNewRow(
+          state,
+          state.addItem(targetRowKey, 'Row Context Menu - Below'),
+        );
         onClose();
         break;
       case 'duplicate':

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

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

package/src/components/EditableTable/HeaderFieldActions.tsx

@@ -46,7 +46,7 @@ function _HeaderFieldActions<T, F extends FiltersMap>({
   );
 
   const { toolbar } = state;
-  const { customColumnsState, panels, toolbarFiltersState } = toolbar;
+  const { customColumnsState, toolbarFiltersState } = toolbar;
   const source = toolbar.collectionFieldsSource;
 
   // Source-backed columns (their id maps to a source field) get the source's
@@ -80,11 +80,11 @@ function _HeaderFieldActions<T, F extends FiltersMap>({
       state.sort(id, { forceDirection: 'desc' });
   }
 
-  const hasFilter =
+  if (
     toolbarFiltersState &&
-    state.collection.query.customFilters[column.id] != null;
-  if (hasFilter) {
-    handlers.filter = () => panels.openSidePanel('filters');
+    state.collection.query.customFilters[column.id] != null
+  ) {
+    handlers.filter = () => toolbarFiltersState.openFromColumnHeader();
   }
 
   const groups = buildFieldActionGroups({
@@ -99,6 +99,7 @@ function _HeaderFieldActions<T, F extends FiltersMap>({
           reportBi: toolbar.reportBi,
           location: HEADER_LOCATION,
           listSize: source.fieldsSource.manageableFields.length,
+          fieldType: state.bi.fieldTypeOf(column.id),
         }
       : undefined,
   });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CellViewLayout2464844687";
+var _namespace_ = "CellViewLayout499885632";
 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":"CellViewLayout2464844687__root"};
+export var classes = {"root":"CellViewLayout499885632__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_ = "Edit4064067805";
+var _namespace_ = "Edit3798308404";
 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":"Edit4064067805__root","addressInput":"Edit4064067805__addressInput"};
+export var classes = {"root":"Edit3798308404__root","addressInput":"Edit3798308404__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_ = "Edit4044920703";
+var _namespace_ = "Edit3557897221";
 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":"Edit4044920703__root","jsonInput":"Edit4044920703__jsonInput"};
+export var classes = {"root":"Edit3557897221__root","jsonInput":"Edit3557897221__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_ = "Edit2257781110";
+var _namespace_ = "Edit1122436048";
 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":"Edit2257781110__root","booleanEdit":"Edit2257781110__booleanEdit"};
+export var classes = {"root":"Edit1122436048__root","booleanEdit":"Edit1122436048__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_ = "View3676517918";
+var _namespace_ = "View1497652369";
 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":"View3676517918__root","booleanView":"View3676517918__booleanView"};
+export var classes = {"root":"View1497652369__root","booleanView":"View1497652369__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_ = "Edit1919896553";
+var _namespace_ = "Edit1949510035";
 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":"Edit1919896553__root"};
+export var classes = {"root":"Edit1949510035__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/date/Edit.st.css

@@ -1,4 +1,3 @@
 .dateInput {
-  width: 100%;
   margin-left: -1px;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1409204320";
+var _namespace_ = "Edit983210720";
 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":"Edit1409204320__root","dateInput":"Edit1409204320__dateInput"};
+export var classes = {"root":"Edit983210720__root","dateInput":"Edit983210720__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};