@wix/patterns 1.492.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_ = "CollectionTableWSRTable1803614894";
+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": "CollectionTableWSRTable1803614894__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_ = \"CollectionTableWSRTable1803614894\";\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\":\"CollectionTableWSRTable1803614894__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_ = "CollectionToolbar2015552195";
+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": "CollectionToolbar2015552195__root",
-  "right": "CollectionToolbar2015552195__right",
-  "left": "CollectionToolbar2015552195__left",
-  "fullWidth": "CollectionToolbar2015552195__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_ = \"CollectionToolbar2015552195\";\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\":\"CollectionToolbar2015552195__root\",\"right\":\"CollectionToolbar2015552195__right\",\"left\":\"CollectionToolbar2015552195__left\",\"fullWidth\":\"CollectionToolbar2015552195__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_ = "SearchOrCustomFilter3470394853";
+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": "SearchOrCustomFilter3470394853__root",
-  "search": "SearchOrCustomFilter3470394853__search",
-  "searchMobile": "SearchOrCustomFilter3470394853__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_ = \"SearchOrCustomFilter3470394853\";\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\":\"SearchOrCustomFilter3470394853__root\",\"search\":\"SearchOrCustomFilter3470394853__search\",\"searchMobile\":\"SearchOrCustomFilter3470394853__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_ = "AutoCompleteReadonly1883018371";
+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": "AutoCompleteReadonly1883018371__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_ = \"AutoCompleteReadonly1883018371\";\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\":\"AutoCompleteReadonly1883018371__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_ = "ViewsDropdown4266640330";
+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": "ViewsDropdown4266640330__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_ = \"ViewsDropdown4266640330\";\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\":\"ViewsDropdown4266640330__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":[]}
+{"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/CustomFieldForm.js

@@ -60,7 +60,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 66,
       columnNumber: 5
     }
   }, errorToastConfig && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -71,7 +71,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 68,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
@@ -81,7 +81,7 @@ const _CustomFieldForm = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 77,
         columnNumber: 25
       }
     }),
@@ -101,7 +101,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 74,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -109,14 +109,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 93,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 94,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -124,7 +124,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 95,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -136,7 +136,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 96,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomFieldTypeDropdown.CustomFieldTypeDropdown, {
@@ -144,32 +144,15 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 103,
       columnNumber: 15
     }
-  }), mode === 'edit' && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    marginTop: "SP1",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 106,
-      columnNumber: 17
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-    size: "tiny",
-    secondary: true,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 107,
-      columnNumber: 19
-    }
-  }, t('cairo.customFields.editCustomField.fieldType.tooltip'))))), /*#__PURE__*/_react.default.createElement(_CustomFieldCollectionInput.CustomFieldCollectionInput, {
+  }))), /*#__PURE__*/_react.default.createElement(_CustomFieldCollectionInput.CustomFieldCollectionInput, {
     state: state,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 106,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -177,7 +160,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 107,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -189,7 +172,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 108,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -205,7 +188,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 115,
       columnNumber: 15
     }
   }))), showFieldId && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -213,7 +196,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 129,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -226,7 +209,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 130,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -241,7 +224,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 149,
       columnNumber: 17
     }
   }))), state.typeSupportsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFields.PiiFormFields, {
@@ -256,7 +239,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
+      lineNumber: 165,
       columnNumber: 13
     }
   }))), state.showSettings && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -266,14 +249,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 180,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 185,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -283,7 +266,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 195,
+      lineNumber: 187,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
@@ -303,14 +286,14 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 217,
+          lineNumber: 209,
           columnNumber: 23
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertFilledSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 222,
+          lineNumber: 214,
           columnNumber: 25
         }
       })) : undefined,
@@ -327,7 +310,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 233,
+          lineNumber: 225,
           columnNumber: 21
         }
       }, fieldModal.permissions && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPermissions.CustomFieldFormPermissions, {
@@ -335,7 +318,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 240,
+          lineNumber: 232,
           columnNumber: 25
         }
       }), SettingsSection && /*#__PURE__*/_react.default.createElement(SettingsSection, {
@@ -345,7 +328,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 243,
+          lineNumber: 235,
           columnNumber: 25
         }
       }))
@@ -353,7 +336,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 192,
       columnNumber: 13
     }
   }))));