@wix/patterns 1.493.0 → 1.494.0

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css

@@ -1,5 +1,7 @@
+@property st-global(--wds-table-list-item-fill-hover-draggable);
+
 .root {
-  -st-states: resizable;
+  -st-states: resizable, draggable;
 }
 
 .root:resizable :global(table) {
@@ -10,3 +12,13 @@
   right: -4px !important;
   z-index: 1;
 }
+
+/* The incubator's draggable row sets the sticky action cell to `transparent !important` on hover, so scrolled cells show through it. */
+.root:draggable
+  :global(tr):hover
+  > :global(td.wds-data-table__cell--sticky-action-cell) {
+  background-color: var(
+    --wds-table-list-item-fill-hover-draggable,
+    #e7f0ff
+  ) !important;
+}

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js

@@ -5,18 +5,20 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionTableWSRTable2120145141";
+var _namespace_ = "CollectionTableWSRTable3593490978";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionTableWSRTable2120145141__root"
+  "root": "CollectionTableWSRTable3593490978__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.vars = {
+  "wds-table-list-item-fill-hover-draggable": "--wds-table-list-item-fill-hover-draggable"
+};
 //# sourceMappingURL=CollectionTableWSRTable.st.css.js.map

package/dist/cjs/components/CollectionTable/CollectionTableWSRTable.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTableWSRTable2120145141\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionTableWSRTable2120145141__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyC,CAAC;AAChE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionTableWSRTable3593490978\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionTableWSRTable3593490978__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-table-list-item-fill-hover-draggable\":\"--wds-table-list-item-fill-hover-draggable\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyC,CAAC;AAChE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,0CAA0C,EAAC;AAA4C,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/buildMobileColumns.js

@@ -5,15 +5,12 @@ exports.__esModule = true;
 exports.buildMobileColumns = buildMobileColumns;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _mobileColumnsUtils = require("./mobileColumnsUtils");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionTable/buildMobileColumns.tsx";
-function isFirstColumnMobileConfig(col) {
-  var _col$mobile;
-  return ((_col$mobile = col.mobile) == null ? void 0 : _col$mobile.column) === 'first';
-}
 function buildMobileColumns(columns) {
   const hasMobileConfig = columns.some(col => {
-    var _mobile;
-    return (_mobile = col.mobile) == null ? void 0 : _mobile.column;
+    var _col$mobile;
+    return (_col$mobile = col.mobile) == null ? void 0 : _col$mobile.column;
   });
   if (!hasMobileConfig) {
     return [{
@@ -48,7 +45,7 @@ function buildMobileColumns(columns) {
       }
     }];
   }
-  const firstColumns = columns.filter(isFirstColumnMobileConfig).sort((a, b) => {
+  const firstColumns = columns.filter(_mobileColumnsUtils.isFirstColumnMobileConfig).sort((a, b) => {
     var _a$mobile, _b$mobile;
     const orderA = ((_a$mobile = a.mobile) == null ? void 0 : _a$mobile.order) ?? Infinity;
     const orderB = ((_b$mobile = b.mobile) == null ? void 0 : _b$mobile.order) ?? Infinity;
@@ -58,10 +55,12 @@ function buildMobileColumns(columns) {
     var _col$mobile2;
     return ((_col$mobile2 = col.mobile) == null ? void 0 : _col$mobile2.column) === 'second';
   });
+  const imageColumn = columns.find(_mobileColumnsUtils.isImageColumnMobileConfig);
   const result = [];
   if (firstColumns.length > 0) {
     result.push({
       id: 'mobile-first-column',
+      dataHook: 'mobile-first-column',
       title: '',
       render: (params, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         direction: "vertical",
@@ -69,7 +68,7 @@ function buildMobileColumns(columns) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 49,
+          lineNumber: 52,
           columnNumber: 9
         }
       }, firstColumns.map((col, colIndex) => /*#__PURE__*/_react.default.createElement("div", {
@@ -77,7 +76,7 @@ function buildMobileColumns(columns) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 51,
+          lineNumber: 54,
           columnNumber: 13
         }
       }, col.render == null ? void 0 : col.render(params, index))))
@@ -86,10 +85,42 @@ function buildMobileColumns(columns) {
   if (secondColumn) {
     result.push({
       id: 'mobile-second-column',
+      dataHook: 'mobile-second-column',
       title: '',
       render: (params, index) => secondColumn.render == null ? void 0 : secondColumn.render(params, index)
     });
   }
+  if (imageColumn) {
+    const size = (0, _mobileColumnsUtils.getMobileImageSize)(imageColumn.mobile.size);
+    if (result[0]) {
+      result[0].style = {
+        paddingInlineStart: 0
+      };
+    }
+    result.unshift({
+      id: 'mobile-image-column',
+      dataHook: 'mobile-image-column',
+      title: '',
+      width: `${size}px`,
+      style: {
+        paddingInlineEnd: `${_mobileColumnsUtils.IMAGE_COLUMN_GAP}px`
+      },
+      render: (params, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        dataHook: "mobile-image-slot",
+        width: `${size}px`,
+        height: `${size}px`,
+        flexShrink: 0,
+        align: "center",
+        verticalAlign: "middle",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 87,
+          columnNumber: 9
+        }
+      }, imageColumn.render == null ? void 0 : imageColumn.render(params, index))
+    });
+  }
   return result;
 }
 //# sourceMappingURL=buildMobileColumns.js.map

package/dist/cjs/components/CollectionTable/buildMobileColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","isFirstColumnMobileConfig","col","_col$mobile","mobile","column","buildMobileColumns","columns","hasMobileConfig","some","_mobile","id","title","render","params","index","_columns$0$render","_columns$","_columns$1$render","_columns$2","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","call","firstColumns","filter","sort","a","b","_a$mobile","_b$mobile","orderA","order","Infinity","orderB","secondColumn","find","_col$mobile2","result","length","push","map","colIndex","key"],"sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\nimport { TableColumn } from '../../model';\n\nfunction isFirstColumnMobileConfig<T>(\n  col: TableColumn<KeyedItem<T>>,\n): col is TableColumn<KeyedItem<T>> & {\n  mobile: { column: 'first'; order?: number };\n} {\n  return col.mobile?.column === 'first';\n}\n\nexport function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]) {\n  const hasMobileConfig = columns.some((col) => (col as any).mobile?.column);\n\n  if (!hasMobileConfig) {\n    return [\n      {\n        id: 'tableColumn',\n        title: '',\n        render: (params: any, index: number) => (\n          <Box direction=\"vertical\" gap=\"SP1\">\n            {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n            {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n          </Box>\n        ),\n      },\n    ];\n  }\n\n  const firstColumns = columns\n    .filter(isFirstColumnMobileConfig)\n    .sort((a, b) => {\n      const orderA = a.mobile?.order ?? Infinity;\n      const orderB = b.mobile?.order ?? Infinity;\n      return orderA - orderB;\n    });\n\n  const secondColumn = columns.find((col) => col.mobile?.column === 'second');\n\n  const result = [];\n\n  if (firstColumns.length > 0) {\n    result.push({\n      id: 'mobile-first-column',\n      title: '',\n      render: (params: any, index: number) => (\n        <Box direction=\"vertical\" gap=\"SP1\">\n          {firstColumns.map((col, colIndex) => (\n            <div key={`first-col-${colIndex}`}>\n              {col.render?.(params, index)}\n            </div>\n          ))}\n        </Box>\n      ),\n    } as any);\n  }\n\n  if (secondColumn) {\n    result.push({\n      id: 'mobile-second-column',\n      title: '',\n      render: (params: any, index: number) =>\n        secondColumn.render?.(params, index),\n    } as any);\n  }\n\n  return result;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobileColumnsUtils","_jsxFileName","buildMobileColumns","columns","hasMobileConfig","some","col","_col$mobile","mobile","column","id","title","render","params","index","_columns$0$render","_columns$","_columns$1$render","_columns$2","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","call","firstColumns","filter","isFirstColumnMobileConfig","sort","a","b","_a$mobile","_b$mobile","orderA","order","Infinity","orderB","secondColumn","find","_col$mobile2","imageColumn","isImageColumnMobileConfig","result","length","push","dataHook","map","colIndex","key","size","getMobileImageSize","style","paddingInlineStart","unshift","width","paddingInlineEnd","IMAGE_COLUMN_GAP","height","flexShrink","align","verticalAlign"],"sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\nimport { TableColumn } from '../../model';\nimport {\n  IMAGE_COLUMN_GAP,\n  getMobileImageSize,\n  isFirstColumnMobileConfig,\n  isImageColumnMobileConfig,\n} from './mobileColumnsUtils';\n\nexport function buildMobileColumns<T>(\n  columns: TableColumn<KeyedItem<T>>[],\n): TableColumn<KeyedItem<T>>[] {\n  const hasMobileConfig = columns.some((col) => col.mobile?.column);\n\n  if (!hasMobileConfig) {\n    return [\n      {\n        id: 'tableColumn',\n        title: '',\n        render: (params: KeyedItem<T>, index: number) => (\n          <Box direction=\"vertical\" gap=\"SP1\">\n            {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n            {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n          </Box>\n        ),\n      },\n    ];\n  }\n\n  const firstColumns = columns\n    .filter(isFirstColumnMobileConfig)\n    .sort((a, b) => {\n      const orderA = a.mobile?.order ?? Infinity;\n      const orderB = b.mobile?.order ?? Infinity;\n      return orderA - orderB;\n    });\n\n  const secondColumn = columns.find((col) => col.mobile?.column === 'second');\n\n  const imageColumn = columns.find(isImageColumnMobileConfig);\n\n  const result: TableColumn<KeyedItem<T>>[] = [];\n\n  if (firstColumns.length > 0) {\n    result.push({\n      id: 'mobile-first-column',\n      dataHook: 'mobile-first-column',\n      title: '',\n      render: (params: KeyedItem<T>, index: number) => (\n        <Box direction=\"vertical\" gap=\"SP1\">\n          {firstColumns.map((col, colIndex) => (\n            <div key={`first-col-${colIndex}`}>\n              {col.render?.(params, index)}\n            </div>\n          ))}\n        </Box>\n      ),\n    });\n  }\n\n  if (secondColumn) {\n    result.push({\n      id: 'mobile-second-column',\n      dataHook: 'mobile-second-column',\n      title: '',\n      render: (params: KeyedItem<T>, index: number) =>\n        secondColumn.render?.(params, index),\n    });\n  }\n\n  if (imageColumn) {\n    const size = getMobileImageSize(imageColumn.mobile.size);\n\n    if (result[0]) {\n      result[0].style = { paddingInlineStart: 0 };\n    }\n\n    result.unshift({\n      id: 'mobile-image-column',\n      dataHook: 'mobile-image-column',\n      title: '',\n      width: `${size}px`,\n      style: { paddingInlineEnd: `${IMAGE_COLUMN_GAP}px` },\n      render: (params: KeyedItem<T>, index: number) => (\n        <Box\n          dataHook=\"mobile-image-slot\"\n          width={`${size}px`}\n          height={`${size}px`}\n          flexShrink={0}\n          align=\"center\"\n          verticalAlign=\"middle\"\n        >\n          {imageColumn.render?.(params, index)}\n        </Box>\n      ),\n    });\n  }\n\n  return result;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionTable/mobileColumnsUtils.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getMobileImageSize = exports.IMAGE_COLUMN_GAP = void 0;
+exports.isFirstColumnMobileConfig = isFirstColumnMobileConfig;
+exports.isImageColumnMobileConfig = isImageColumnMobileConfig;
+const IMAGE_COLUMN_SIZES = {
+  small: 24,
+  medium: 36,
+  large: 48
+};
+const DEFAULT_IMAGE_SIZE = 'medium';
+const IMAGE_COLUMN_GAP = exports.IMAGE_COLUMN_GAP = 8;
+const getMobileImageSize = size => IMAGE_COLUMN_SIZES[size ?? DEFAULT_IMAGE_SIZE];
+exports.getMobileImageSize = getMobileImageSize;
+function isFirstColumnMobileConfig(col) {
+  var _col$mobile;
+  return ((_col$mobile = col.mobile) == null ? void 0 : _col$mobile.column) === 'first';
+}
+function isImageColumnMobileConfig(col) {
+  var _col$mobile2;
+  return ((_col$mobile2 = col.mobile) == null ? void 0 : _col$mobile2.column) === 'image';
+}
+//# sourceMappingURL=mobileColumnsUtils.js.map

package/dist/cjs/components/CollectionTable/mobileColumnsUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IMAGE_COLUMN_SIZES","small","medium","large","DEFAULT_IMAGE_SIZE","IMAGE_COLUMN_GAP","exports","getMobileImageSize","size","isFirstColumnMobileConfig","col","_col$mobile","mobile","column","isImageColumnMobileConfig","_col$mobile2"],"sources":["../../../../src/components/CollectionTable/mobileColumnsUtils.ts"],"sourcesContent":["import { KeyedItem } from '@wix/bex-core';\nimport { MobileImageSize, TableColumn } from '../../model';\n\nconst IMAGE_COLUMN_SIZES: Record<MobileImageSize, number> = {\n  small: 24,\n  medium: 36,\n  large: 48,\n};\n\nconst DEFAULT_IMAGE_SIZE: MobileImageSize = 'medium';\n\nexport const IMAGE_COLUMN_GAP = 8;\n\nexport const getMobileImageSize = (size?: MobileImageSize) =>\n  IMAGE_COLUMN_SIZES[size ?? DEFAULT_IMAGE_SIZE];\n\nexport function isFirstColumnMobileConfig<T>(\n  col: TableColumn<KeyedItem<T>>,\n): col is TableColumn<KeyedItem<T>> & {\n  mobile: { column: 'first'; order?: number };\n} {\n  return col.mobile?.column === 'first';\n}\n\nexport function isImageColumnMobileConfig<T>(\n  col: TableColumn<KeyedItem<T>>,\n): col is TableColumn<KeyedItem<T>> & {\n  mobile: { column: 'image'; size?: MobileImageSize };\n} {\n  return col.mobile?.column === 'image';\n}\n"],"mappings":";;;;;;AAGA,MAAMA,kBAAmD,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,kBAAmC,GAAG,QAAQ;AAE7C,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,CAAC;AAE1B,MAAME,kBAAkB,GAAIC,IAAsB,IACvDR,kBAAkB,CAACQ,IAAI,IAAIJ,kBAAkB,CAAC;AAACE,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAE1C,SAASE,yBAAyBA,CACvCC,GAA8B,EAG9B;EAAA,IAAAC,WAAA;EACA,OAAO,EAAAA,WAAA,GAAAD,GAAG,CAACE,MAAM,qBAAVD,WAAA,CAAYE,MAAM,MAAK,OAAO;AACvC;AAEO,SAASC,yBAAyBA,CACvCJ,GAA8B,EAG9B;EAAA,IAAAK,YAAA;EACA,OAAO,EAAAA,YAAA,GAAAL,GAAG,CAACE,MAAM,qBAAVG,YAAA,CAAYF,MAAM,MAAK,OAAO;AACvC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar1126109174";
+var _namespace_ = "CollectionToolbar1588114061";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionToolbar1126109174__root",
-  "right": "CollectionToolbar1126109174__right",
-  "left": "CollectionToolbar1126109174__left",
-  "fullWidth": "CollectionToolbar1126109174__fullWidth"
+  "root": "CollectionToolbar1588114061__root",
+  "right": "CollectionToolbar1588114061__right",
+  "left": "CollectionToolbar1588114061__left",
+  "fullWidth": "CollectionToolbar1588114061__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1126109174\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionToolbar1126109174__root\",\"right\":\"CollectionToolbar1126109174__right\",\"left\":\"CollectionToolbar1126109174__left\",\"fullWidth\":\"CollectionToolbar1126109174__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,MAAM,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1588114061\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionToolbar1588114061__root\",\"right\":\"CollectionToolbar1588114061__right\",\"left\":\"CollectionToolbar1588114061__left\",\"fullWidth\":\"CollectionToolbar1588114061__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,MAAM,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter4110536679";
+var _namespace_ = "SearchOrCustomFilter2418752071";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SearchOrCustomFilter4110536679__root",
-  "search": "SearchOrCustomFilter4110536679__search",
-  "searchMobile": "SearchOrCustomFilter4110536679__searchMobile"
+  "root": "SearchOrCustomFilter2418752071__root",
+  "search": "SearchOrCustomFilter2418752071__search",
+  "searchMobile": "SearchOrCustomFilter2418752071__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter4110536679\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SearchOrCustomFilter4110536679__root\",\"search\":\"SearchOrCustomFilter4110536679__search\",\"searchMobile\":\"SearchOrCustomFilter4110536679__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2418752071\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SearchOrCustomFilter2418752071__root\",\"search\":\"SearchOrCustomFilter2418752071__search\",\"searchMobile\":\"SearchOrCustomFilter2418752071__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","_react","CollectionToolbarFiltersState","constructor","params","_defineProperty2","default","ValueBox","undefined","createRef","action","actionStartTime","performance","now","isOpened","toolbar","panels","toggleSidePanel","_reportPanelUsed","openSidePanel","makeObservable","panelFilterElements","computed","panelFilters","totalInlineFilters","value","filterElements","slice","map","element","props","filter","origin","window","setTimeout","reportBi","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","feature","timeFromAction","Math","round","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ReactNode, RefObject, createRef } from 'react';\nimport { FilterElement } from './filterElement';\nimport { Button } from '@wix/design-system';\n\nexport interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class CollectionToolbarFiltersState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  readonly panelTitle = new ValueBox<ReactNode>(undefined);\n  readonly totalInlineFilters = new ValueBox<number | null>(null);\n  readonly filterElements = new ValueBox<FilterElement[]>([]);\n  readonly moreFiltersButtonRef: RefObject<Button> =\n    createRef<Button>();\n\n  onClearButtonClicked?: () => unknown;\n\n  constructor(params: CollectionToolbarFiltersStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      panelFilterElements: computed,\n      panelFilters: computed,\n    });\n  }\n\n  get panelFilterElements() {\n    const {\n      totalInlineFilters: { value: totalInlineFilters },\n      filterElements: { value: filterElements },\n    } = this;\n    return totalInlineFilters != null\n      ? filterElements.slice(totalInlineFilters)\n      : [];\n  }\n\n  get panelFilters() {\n    return this.panelFilterElements.map((element) => element.props.filter);\n  }\n\n  onFiltersButtonClick = action(() => {\n    const actionStartTime = performance.now();\n    const isOpened = this.toolbar.panels.toggleSidePanel('filters');\n    this._reportPanelUsed(isOpened, 'Filter Button', actionStartTime);\n  });\n\n  /** Opens the panel from a column header's Filter action. */\n  openFromColumnHeader = action(() => {\n    const actionStartTime = performance.now();\n    this.toolbar.panels.openSidePanel('filters');\n    this._reportPanelUsed(true, 'Column Header', actionStartTime);\n  });\n\n  private _reportPanelUsed(\n    isOpened: boolean,\n    origin: 'Filter Button' | 'Column Header',\n    actionStartTime: number,\n  ) {\n    // to be called after the panel is opened/closed and call stack is cleared\n    window.setTimeout(() => {\n      this.toolbar.reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          ...this.toolbar._commonDynamicBiParams(),\n          isOpened,\n          origin,\n          feature: 'Filter',\n          timeFromAction: Math.round(performance.now() - actionStartTime),\n        }),\n      );\n    });\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAQO,MAAMI,6BAA6B,CAA0B;EAWlEC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBARzC,IAAIC,iBAAQ,CAAYC,SAAS,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,8BAC1B,IAAIC,iBAAQ,CAAgB,IAAI,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,0BACrC,IAAIC,iBAAQ,CAAkB,EAAE,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,6CAEzD,IAAAG,gBAAS,EAAS,CAAC;IAAA,IAAAJ,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gCA2BE,IAAAI,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,MAAMC,QAAQ,GAAG,IAAI,CAACC,OAAO,CAACC,MAAM,CAACC,eAAe,CAAC,SAAS,CAAC;MAC/D,IAAI,CAACC,gBAAgB,CAACJ,QAAQ,EAAE,eAAe,EAAEH,eAAe,CAAC;IACnE,CAAC,CAAC;IAEF;IAAA,IAAAN,gBAAA,CAAAC,OAAA,gCACuB,IAAAI,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,IAAI,CAACE,OAAO,CAACC,MAAM,CAACG,aAAa,CAAC,SAAS,CAAC;MAC5C,IAAI,CAACD,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAEP,eAAe,CAAC;IAC/D,CAAC,CAAC;IAjCA,IAAI,CAACI,OAAO,GAAGX,MAAM,CAACW,OAAO;IAE7B,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,cAAQ;MAC7BC,YAAY,EAAED;IAChB,CAAC,CAAC;EACJ;EAEA,IAAID,mBAAmBA,CAAA,EAAG;IACxB,MAAM;MACJG,kBAAkB,EAAE;QAAEC,KAAK,EAAED;MAAmB,CAAC;MACjDE,cAAc,EAAE;QAAED,KAAK,EAAEC;MAAe;IAC1C,CAAC,GAAG,IAAI;IACR,OAAOF,kBAAkB,IAAI,IAAI,GAC7BE,cAAc,CAACC,KAAK,CAACH,kBAAkB,CAAC,GACxC,EAAE;EACR;EAEA,IAAID,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,mBAAmB,CAACO,GAAG,CAAEC,OAAO,IAAKA,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;EACxE;EAeQb,gBAAgBA,CACtBJ,QAAiB,EACjBkB,MAAyC,EACzCrB,eAAuB,EACvB;IACA;IACAsB,MAAM,CAACC,UAAU,CAAC,MAAM;MACtB,IAAI,CAACnB,OAAO,CAACoB,QAAQ,CACnB,IAAAC,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrC,GAAG,IAAI,CAACtB,OAAO,CAACuB,sBAAsB,CAAC,CAAC;QACxCxB,QAAQ;QACRkB,MAAM;QACNO,OAAO,EAAE,QAAQ;QACjBC,cAAc,EAAEC,IAAI,CAACC,KAAK,CAAC9B,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,eAAe;MAChE,CAAC,CACH,CAAC;IACH,CAAC,CAAC;EACJ;AACF;AAACgC,OAAA,CAAAzC,6BAAA,GAAAA,6BAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","_react","CollectionToolbarFiltersState","constructor","params","_defineProperty2","default","ValueBox","undefined","createRef","action","actionStartTime","performance","now","isOpened","toolbar","panels","toggleSidePanel","_reportPanelUsed","openSidePanel","makeObservable","panelFilterElements","computed","panelFilters","totalInlineFilters","value","filterElements","slice","map","element","props","filter","origin","window","setTimeout","reportBi","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","feature","timeFromAction","Math","round","exports"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, ValueBox, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, computed, makeObservable } from 'mobx';\nimport { ReactNode, RefObject, createRef } from 'react';\nimport { FilterElement } from './filterElement';\nimport { Button } from '@wix/design-system';\n\nexport interface CollectionToolbarFiltersStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class CollectionToolbarFiltersState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  readonly panelTitle = new ValueBox<ReactNode>(undefined);\n  readonly totalInlineFilters = new ValueBox<number | null>(null);\n  readonly filterElements = new ValueBox<FilterElement[]>([]);\n  readonly moreFiltersButtonRef: RefObject<Button> = createRef<Button>();\n\n  onClearButtonClicked?: () => unknown;\n\n  constructor(params: CollectionToolbarFiltersStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      panelFilterElements: computed,\n      panelFilters: computed,\n    });\n  }\n\n  get panelFilterElements() {\n    const {\n      totalInlineFilters: { value: totalInlineFilters },\n      filterElements: { value: filterElements },\n    } = this;\n    return totalInlineFilters != null\n      ? filterElements.slice(totalInlineFilters)\n      : [];\n  }\n\n  get panelFilters() {\n    return this.panelFilterElements.map((element) => element.props.filter);\n  }\n\n  onFiltersButtonClick = action(() => {\n    const actionStartTime = performance.now();\n    const isOpened = this.toolbar.panels.toggleSidePanel('filters');\n    this._reportPanelUsed(isOpened, 'Filter Button', actionStartTime);\n  });\n\n  /** Opens the panel from a column header's Filter action. */\n  openFromColumnHeader = action(() => {\n    const actionStartTime = performance.now();\n    this.toolbar.panels.openSidePanel('filters');\n    this._reportPanelUsed(true, 'Column Header', actionStartTime);\n  });\n\n  private _reportPanelUsed(\n    isOpened: boolean,\n    origin: 'Filter Button' | 'Column Header',\n    actionStartTime: number,\n  ) {\n    // to be called after the panel is opened/closed and call stack is cleared\n    window.setTimeout(() => {\n      this.toolbar.reportBi(\n        withoutDefaults(cairoFiltersPanelUsed)({\n          ...this.toolbar._commonDynamicBiParams(),\n          isOpened,\n          origin,\n          feature: 'Filter',\n          timeFromAction: Math.round(performance.now() - actionStartTime),\n        }),\n      );\n    });\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAQO,MAAMI,6BAA6B,CAA0B;EAUlEC,WAAWA,CAACC,MAAiD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBAPzC,IAAIC,iBAAQ,CAAYC,SAAS,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,8BAC1B,IAAIC,iBAAQ,CAAgB,IAAI,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,0BACrC,IAAIC,iBAAQ,CAAkB,EAAE,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,6CACR,IAAAG,gBAAS,EAAS,CAAC;IAAA,IAAAJ,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gCA2B/C,IAAAI,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,MAAMC,QAAQ,GAAG,IAAI,CAACC,OAAO,CAACC,MAAM,CAACC,eAAe,CAAC,SAAS,CAAC;MAC/D,IAAI,CAACC,gBAAgB,CAACJ,QAAQ,EAAE,eAAe,EAAEH,eAAe,CAAC;IACnE,CAAC,CAAC;IAEF;IAAA,IAAAN,gBAAA,CAAAC,OAAA,gCACuB,IAAAI,YAAM,EAAC,MAAM;MAClC,MAAMC,eAAe,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;MACzC,IAAI,CAACE,OAAO,CAACC,MAAM,CAACG,aAAa,CAAC,SAAS,CAAC;MAC5C,IAAI,CAACD,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAEP,eAAe,CAAC;IAC/D,CAAC,CAAC;IAjCA,IAAI,CAACI,OAAO,GAAGX,MAAM,CAACW,OAAO;IAE7B,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,cAAQ;MAC7BC,YAAY,EAAED;IAChB,CAAC,CAAC;EACJ;EAEA,IAAID,mBAAmBA,CAAA,EAAG;IACxB,MAAM;MACJG,kBAAkB,EAAE;QAAEC,KAAK,EAAED;MAAmB,CAAC;MACjDE,cAAc,EAAE;QAAED,KAAK,EAAEC;MAAe;IAC1C,CAAC,GAAG,IAAI;IACR,OAAOF,kBAAkB,IAAI,IAAI,GAC7BE,cAAc,CAACC,KAAK,CAACH,kBAAkB,CAAC,GACxC,EAAE;EACR;EAEA,IAAID,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACF,mBAAmB,CAACO,GAAG,CAAEC,OAAO,IAAKA,OAAO,CAACC,KAAK,CAACC,MAAM,CAAC;EACxE;EAeQb,gBAAgBA,CACtBJ,QAAiB,EACjBkB,MAAyC,EACzCrB,eAAuB,EACvB;IACA;IACAsB,MAAM,CAACC,UAAU,CAAC,MAAM;MACtB,IAAI,CAACnB,OAAO,CAACoB,QAAQ,CACnB,IAAAC,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrC,GAAG,IAAI,CAACtB,OAAO,CAACuB,sBAAsB,CAAC,CAAC;QACxCxB,QAAQ;QACRkB,MAAM;QACNO,OAAO,EAAE,QAAQ;QACjBC,cAAc,EAAEC,IAAI,CAACC,KAAK,CAAC9B,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,eAAe;MAChE,CAAC,CACH,CAAC;IACH,CAAC,CAAC;EACJ;AACF;AAACgC,OAAA,CAAAzC,6BAAA,GAAAA,6BAAA","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AutoCompleteReadonly2924541736";
+var _namespace_ = "AutoCompleteReadonly2763731381";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "AutoCompleteReadonly2924541736__root"
+  "root": "AutoCompleteReadonly2763731381__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2924541736\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly2924541736__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2763731381\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly2763731381__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ViewsDropdown492690887";
+var _namespace_ = "ViewsDropdown3782819683";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ViewsDropdown492690887__root"
+  "root": "ViewsDropdown3782819683__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown492690887\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown492690887__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3782819683\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown3782819683__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CustomFieldFormPiiFields4127167210";
+var _namespace_ = "CustomFieldFormPiiFields3055796595";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CustomFieldFormPiiFields4127167210__root",
-  "tooltipText": "CustomFieldFormPiiFields4127167210__tooltipText"
+  "root": "CustomFieldFormPiiFields3055796595__root",
+  "tooltipText": "CustomFieldFormPiiFields3055796595__tooltipText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields4127167210\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldFormPiiFields4127167210__root\",\"tooltipText\":\"CustomFieldFormPiiFields4127167210__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields3055796595\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldFormPiiFields3055796595__root\",\"tooltipText\":\"CustomFieldFormPiiFields3055796595__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "DragHandle2353742575";
+var _namespace_ = "DragHandle1141429880";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "DragHandle2353742575__root"
+  "root": "DragHandle1141429880__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2353742575\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle2353742575__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1141429880\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle1141429880__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.st.css

@@ -1,3 +1,7 @@
+@st-import [inputArea as textInputArea] from './cellTypes/text/Edit.st.css';
+
+@property st-global(--wds-outline-focus-outer);
+@property st-global(--wds-outline-focus-inner);
 @property st-global(--wds-color-fill-surface-raised);
 @property st-global(--wds-color-border-dark-secondary);
 @property st-global(--wds-color-black-750);
@@ -28,6 +32,7 @@
 @property st-global(--wsr-text-font-size-small);
 @property st-global(--wsr-text-line-height-small);
 @property st-global(--wds-input-padding-horizontal-small);
+@property st-global(--wds-table-action-cell-backdrop-opacity);
 
 :global(td):has(> .root) {
   position: relative;
@@ -84,6 +89,19 @@
   height: 36px;
 }
 
+:global(tr[data-index]):has(.root) {
+  --wds-table-action-cell-backdrop-opacity: 0;
+}
+
+:global(tr[data-index]):has(.root:rowActive) {
+  background: var(--wds-color-black-750, #f6f7f9);
+}
+
+:global(tr[data-index]):has(.root):hover
+  > :global(td):has(> :global([data-hook='collection-action-cell'])) {
+  background: transparent;
+}
+
 .root {
   -st-states: harmony, editing, focused, rowActive, rangeSelected, invalid, readOnly,
     showEditWhenFocused, growable, selectionTop, selectionBottom, selectionLeft,
@@ -124,16 +142,55 @@
   --wds-input-padding-horizontal-small: 8px;
 }
 
+/* The cell border already marks focus while its text editor is active. */
+.root:harmony .textInputArea {
+  --wds-outline-focus-outer: none;
+  --wds-outline-focus-inner: none;
+}
+
 :global(td):has(> .root:harmony) ~ :global(td):has(> .root:harmony) > .root:harmony {
   left: -1px;
 }
 
-/* The sticky header paints over the pixel the first row borrows above itself,
-   which would swallow that row's top border. */
-:global(tr:first-child) > :global(td) > .root {
+.selectorRow {
+  -st-states: active, first;
+}
+
+/* Keep the selector above focused and editing cells during horizontal scroll. */
+:global(tr).selectorRow > :global(td.wds-data-table__selector-cell) {
+  z-index: 4;
+}
+
+/* WDS uses ::after for the sticky shadow; replace its selected-row marker. */
+:global(tr).selectorRow > :global(td.wds-data-table__selector-cell)::before {
+  content: '';
+  position: absolute;
+  inset: -1px 0 0;
+  width: auto;
+  background: none;
+  pointer-events: none;
+  border: var(--wds-border-width-default, 1px) solid
+    var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));
+  border-right: 0;
+}
+
+/* Keep the shared edge inside the data cell, above the sticky selector. */
+.selectorRow > :global(td.wds-data-table__selector-cell) + :global(td) > .root {
+  left: 0;
+}
+
+/* Virtual rows keep their original index when earlier rows are unmounted. */
+.selectorRow:first > :global(td) > .root,
+.selectorRow:first > :global(td.wds-data-table__selector-cell)::before {
   top: 0;
 }
 
+/* The header already draws the top edge of the first Harmony row. */
+.selectorRow:first:has(.root:harmony)
+  > :global(td.wds-data-table__selector-cell)::before {
+  border-top-color: transparent;
+}
+
 :global(tr[data-index='index-0']) > :global(td) > .root:harmony {
   top: 0;
 }
@@ -147,11 +204,13 @@
 
 /* A multi-cell range keeps the range look, so every single-cell state below
    opts out of it. */
+.selectorRow:hover > :global(td.wds-data-table__selector-cell),
 .root:hover:not(:rowActive):not(:rangeSelected) {
   background: var(--wds-color-black-750, #f6f7f9);
 }
 
 /* Every cell in the focused cell's row. */
+.selectorRow:active > :global(td.wds-data-table__selector-cell),
 .root:rowActive:not(:rangeSelected) {
   background: var(--wds-color-black-750, #f6f7f9);
   box-shadow: inset 0 22px 18px -18px rgba(0, 6, 36, 0.1);

package/dist/cjs/components/EditableTable/EditableCell.st.css.js

@@ -2,24 +2,29 @@
 
 exports.__esModule = true;
 exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+require("./cellTypes/text/Edit.st.css.js");
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EditableCell3124548031";
+var _namespace_ = "EditableCell222919926";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "EditableCell3124548031__root",
-  "errorMessage": "EditableCell3124548031__errorMessage"
+  "root": "EditableCell222919926__root",
+  "textInputArea": "Edit19302658__inputArea",
+  "selectorRow": "EditableCell222919926__selectorRow",
+  "errorMessage": "EditableCell222919926__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
 var vars = exports.vars = {
+  "wds-outline-focus-outer": "--wds-outline-focus-outer",
+  "wds-outline-focus-inner": "--wds-outline-focus-inner",
   "wds-color-fill-surface-raised": "--wds-color-fill-surface-raised",
   "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary",
   "wds-color-black-750": "--wds-color-black-750",
@@ -49,6 +54,7 @@ var vars = exports.vars = {
   "wds-font-line-height-body-small": "--wds-font-line-height-body-small",
   "wsr-text-font-size-small": "--wsr-text-font-size-small",
   "wsr-text-line-height-small": "--wsr-text-line-height-small",
-  "wds-input-padding-horizontal-small": "--wds-input-padding-horizontal-small"
+  "wds-input-padding-horizontal-small": "--wds-input-padding-horizontal-small",
+  "wds-table-action-cell-backdrop-opacity": "--wds-table-action-cell-backdrop-opacity"
 };
 //# sourceMappingURL=EditableCell.st.css.js.map