@wix/patterns 1.357.0 → 1.358.0

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

@@ -1 +1 @@
-{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AAC5D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CustomFieldsTransforms/transformOperatorFilterToWQL.js

@@ -101,35 +101,13 @@ export const transformOperatorFilterToWQL = (filterName, filterValue) => {
                     },
                 },
             ];
-        case FilterOperator.LESS_THAN:
+        case FilterOperator.NOT_EXISTS:
             return [
                 {
-                    [filterName]: {
-                        $lt: value,
-                    },
-                },
-            ];
-        case FilterOperator.LESS_THAN_OR_EQUAL:
-            return [
-                {
-                    [filterName]: {
-                        $lte: value,
-                    },
-                },
-            ];
-        case FilterOperator.GREATER_THAN:
-            return [
-                {
-                    [filterName]: {
-                        $gt: value,
-                    },
-                },
-            ];
-        case FilterOperator.GREATER_THAN_OR_EQUAL:
-            return [
-                {
-                    [filterName]: {
-                        $gte: value,
+                    $not: {
+                        [filterName]: {
+                            $exists: true,
+                        },
                     },
                 },
             ];

package/dist/esm/components/CustomFieldsTransforms/transformOperatorFilterToWQL.js.map

@@ -1 +1 @@
-{"version":3,"file":"transformOperatorFilterToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformOperatorFilterToWQL.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"transformOperatorFilterToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformOperatorFilterToWQL.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,UAAkB,EAClB,WAAmC,EACnC,EAAE;IACF,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC;IAExC,IAAI,QAAQ,KAAK,cAAc,CAAC,QAAQ,EAAE;QACxC,OAAO;YACL;gBACE,GAAG,EAAE;oBACH;wBACE,CAAC,UAAU,CAAC,EAAE;4BACZ,OAAO,EAAE,KAAK;yBACf;qBACF;oBACD;wBACE,CAAC,UAAU,CAAC,EAAE;4BACZ,QAAQ,EAAE,IAAI;yBACf;qBACF;iBACF;aACF;SACF,CAAC;KACH;IAED,IAAI,QAAQ,KAAK,cAAc,CAAC,MAAM,EAAE;QACtC,OAAO;YACL;gBACE,CAAC,UAAU,CAAC,EAAE;oBACZ,QAAQ,EAAE,KAAK;iBAChB;aACF;SACF,CAAC;KACH;IAED,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE;QACzD,OAAO,EAAE,CAAC;KACX;IAED,QAAQ,QAAQ,EAAE;QAChB,KAAK,cAAc,CAAC,MAAM;YACxB,OAAO;gBACL;oBACE,CAAC,UAAU,CAAC,EAAE;wBACZ,GAAG,EAAE,KAAK;qBACX;iBACF;aACF,CAAC;QAEJ,KAAK,cAAc,CAAC,UAAU;YAC5B,OAAO;gBACL;oBACE,IAAI,EAAE;wBACJ,CAAC,UAAU,CAAC,EAAE;4BACZ,GAAG,EAAE,KAAK;yBACX;qBACF;iBACF;aACF,CAAC;QAEJ,KAAK,cAAc,CAAC,EAAE;YACpB,OAAO;gBACL;oBACE,CAAC,UAAU,CAAC,EAAE;wBACZ,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;qBAC5C;iBACF;aACF,CAAC;QAEJ,KAAK,cAAc,CAAC,MAAM;YACxB,OAAO;gBACL;oBACE,CAAC,UAAU,CAAC,EAAE;wBACZ,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;qBAC7C;iBACF;aACF,CAAC;QAEJ,KAAK,cAAc,CAAC,WAAW;YAC7B,OAAO;gBACL;oBACE,CAAC,UAAU,CAAC,EAAE;wBACZ,WAAW,EAAE,KAAK;qBACnB;iBACF;aACF,CAAC;QAEJ,KAAK,cAAc,CAAC,QAAQ;YAC1B,OAAO;gBACL;oBACE,CAAC,UAAU,CAAC,EAAE;wBACZ,SAAS,EAAE,KAAK;qBACjB;iBACF;aACF,CAAC;QAEJ,KAAK,cAAc,CAAC,YAAY;YAC9B,OAAO;gBACL;oBACE,IAAI,EAAE;wBACJ,CAAC,UAAU,CAAC,EAAE;4BACZ,SAAS,EAAE,KAAK;yBACjB;qBACF;iBACF;aACF,CAAC;QAEJ,KAAK,cAAc,CAAC,UAAU;YAC5B,OAAO;gBACL;oBACE,IAAI,EAAE;wBACJ,CAAC,UAAU,CAAC,EAAE;4BACZ,OAAO,EAAE,IAAI;yBACd;qBACF;iBACF;aACF,CAAC;QAEJ;YACE,OAAO,EAAE,CAAC;KACb;AACH,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle3778857946";
+var _namespace_ = "DragHandle3887572879";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle3778857946__root" };
+export var classes = { "root": "DragHandle3887572879__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EntityPagePlain1610818731";
+var _namespace_ = "EntityPagePlain673223306";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "EntityPagePlain1610818731__root" };
+export var classes = { "root": "EntityPagePlain673223306__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iCAAiC,EAAC,CAAC;AAChE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}
+{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade3639909523";
+var _namespace_ = "Fade4075889701";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade3639909523__root" };
+export var classes = { "root": "Fade4075889701__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading888883112";
+var _namespace_ = "Heading2155534684";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading888883112__root" };
+export var classes = { "root": "Heading2155534684__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow959630330";
+var _namespace_ = "InputOverflow549173886";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow959630330__root" };
+export var classes = { "root": "InputOverflow549173886__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow3996135550";
+var _namespace_ = "LoadingRow715355924";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow3996135550__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow3996135550__gradientSwoosh" };
+export var classes = { "root": "LoadingRow715355924__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow715355924__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,sCAAsC,EAAC,CAAC;AACjF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,qCAAqC,EAAC,CAAC;AAChF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText1555679920";
+var _namespace_ = "MaxHeightText2159478735";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText1555679920__root" };
+export var classes = { "root": "MaxHeightText2159478735__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines3184399640";
+var _namespace_ = "MaxLines2795738033";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines3184399640__root" };
+export var classes = { "root": "MaxLines2795738033__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar3816017489";
+var _namespace_ = "MultiBulkActionToolbar1326572443";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar3816017489__root", "leftGroupWrapper": "MultiBulkActionToolbar3816017489__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar3816017489__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar3816017489__selectedCountText" };
+export var classes = { "root": "MultiBulkActionToolbar1326572443__root", "leftGroupWrapper": "MultiBulkActionToolbar1326572443__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar1326572443__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar1326572443__selectedCountText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow708142473";
+var _namespace_ = "NestedTablePlaceholderStatesRow300385774";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTablePlaceholderStatesRow708142473__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow300385774__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow1442655286";
+var _namespace_ = "NestedTableRow1027691268";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow1442655286__root", "firstLevel": "NestedTableRow1442655286__firstLevel", "placeholder": "NestedTableRow1442655286__placeholder", "parentHovered": "NestedTableRow1442655286__parentHovered" };
+export var classes = { "root": "NestedTableRow1027691268__root", "firstLevel": "NestedTableRow1027691268__firstLevel", "placeholder": "NestedTableRow1027691268__placeholder", "parentHovered": "NestedTableRow1027691268__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect1040243224";
+var _namespace_ = "MultipleDragOverlayEffect1844988275";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultipleDragOverlayEffect1040243224__root" };
+export var classes = { "root": "MultipleDragOverlayEffect1844988275__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableDragAndDropRow1144129987";
+var _namespace_ = "NestedTableDragAndDropRow2212520299";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableDragAndDropRow1144129987__root" };
+export var classes = { "root": "NestedTableDragAndDropRow2212520299__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/OperatorFilterPicker/OperatorFilterPicker.js

@@ -29,7 +29,7 @@ function _OperatorFilterPicker(props) {
     const showValueInput = state.operatorNeedsValue();
     return (React.createElement(Box, { dataHook: `operator-picker-${filter.name}`, direction: "vertical", gap: "12px" },
         React.createElement(FormField, null,
-            React.createElement(DropdownBase, { options: operatorOptions, selectedId: state.operator, onSelect: (option) => state.setOperator(option.id), dataHook: "operator-picker-operator-dropdown" }, ({ toggle }) => (React.createElement(TextButton, { skin: "dark", onClick: toggle, suffixIcon: React.createElement(ChevronDown, null), size: "small", dataHook: "operator-picker-trigger" }, t(getOperatorLabel(state.operator)))))),
+            React.createElement(DropdownBase, { options: operatorOptions, selectedId: state.operator, onSelect: (option) => state.setOperator(option.id), dataHook: "operator-picker-operator-dropdown", appendTo: "window", flip: true, fixed: true, placement: "bottom-start" }, ({ toggle }) => (React.createElement(TextButton, { skin: "dark", onClick: toggle, suffixIcon: React.createElement(ChevronDown, null), size: "small", dataHook: "operator-picker-trigger" }, t(getOperatorLabel(state.operator)))))),
         showValueInput && (React.createElement(FormField, null,
             React.createElement(Input, { border: 'round', value: state.value?.toString() || '', placeholder: t('cairo.filterOperator.valuePlaceholder'), onChange: (e) => state.setValue(e.target.value), onBlur: () => state.applyImmediately(), onKeyDown: (e) => {
                     if (e.key === 'Enter') {

package/dist/esm/components/OperatorFilterPicker/OperatorFilterPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperatorFilterPicker.js","sourceRoot":"","sources":["../../../../src/components/OperatorFilterPicker/OperatorFilterPicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OperatorFilterPicker.js","sourceRoot":"","sources":["../../../../src/components/OperatorFilterPicker/OperatorFilterPicker.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent1823450895";
+var _namespace_ = "PickerContent103951023";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent1823450895__root" };
+export var classes = { "root": "PickerContent103951023__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep3632134261";
+var _namespace_ = "PickerContentAdditionalStep1773642125";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep3632134261__root", "titles": "PickerContentAdditionalStep3632134261__titles", "suffix": "PickerContentAdditionalStep3632134261__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep1773642125__root", "titles": "PickerContentAdditionalStep1773642125__titles", "suffix": "PickerContentAdditionalStep1773642125__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem4115973826";
+var _namespace_ = "PickerTableListItem4187040111";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerTableListItem4115973826__root" };
+export var classes = { "root": "PickerTableListItem4187040111__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent102279133";
+var _namespace_ = "ScrollableContent4163581334";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent102279133__root" };
+export var classes = { "root": "ScrollableContent4163581334__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,CAAC;AACjE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,CAAC;AAClE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard753207785";
+var _namespace_ = "SkeletonCard916187800";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard753207785__root", "headerLoading": "SkeletonCard753207785__headerLoading" };
+export var classes = { "root": "SkeletonCard916187800__root", "headerLoading": "SkeletonCard916187800__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal2858094398";
+var _namespace_ = "SlidingModal1944906977";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SlidingModal2858094398__root" };
+export var classes = { "root": "SlidingModal1944906977__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/TableGridSwitchButton/TableGridSwitchButton.js

@@ -1,22 +1,54 @@
 import { observer } from 'mobx-react-lite';
-import React from 'react';
-import { SegmentedToggle } from '@wix/design-system';
-import { LayoutGallery, LayoutList } from '@wix/wix-ui-icons-common';
+import React, { useMemo } from 'react';
+import { DropdownBase, IconButton, listItemSelectBuilder, SegmentedToggle, Tooltip, } from '@wix/design-system';
+import { LayoutGallery, LayoutList, LayoutSplit, } from '@wix/wix-ui-icons-common';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+const layoutOptions = ['table', 'grid'];
+const layoutConfig = {
+    table: {
+        icon: React.createElement(LayoutSplit, null),
+        translationKey: 'cairo.table.layout.table',
+    },
+    grid: {
+        icon: React.createElement(LayoutGallery, null),
+        translationKey: 'cairo.table.layout.grid',
+    },
+};
 function _TableGridSwitchButton(props) {
-    const { translate: t } = useWixPatternsContainer();
+    const { translate: t, experiments } = useWixPatternsContainer();
     const { state } = props;
     const { viewType } = state;
-    return (React.createElement(SegmentedToggle, { size: "small", dataHook: "table-grid-switch-toggle-button", selected: viewType, onClick: (_, value) => {
-            if (state.viewType === value) {
-                return;
+    const isLayoutToggleRedesignEnabled = experiments.enabled('specs.cairo.layout-toggle.redesign');
+    const options = useMemo(() => layoutOptions.map((option) => listItemSelectBuilder({
+        id: option,
+        title: t(layoutConfig[option].translationKey),
+        prefix: layoutConfig[option].icon,
+        dataHook: `layout-option-${option}`,
+    })), [t]);
+    if (!isLayoutToggleRedesignEnabled) {
+        return (React.createElement(SegmentedToggle, { size: "small", dataHook: "table-grid-switch-toggle-button", selected: viewType, onClick: (_, value) => {
+                if (state.viewType === value) {
+                    return;
+                }
+                state.changeViewType(value);
+            } },
+            React.createElement(SegmentedToggle.Icon, { value: "grid", dataHook: "toggle-option-grid", tooltipText: t('cairo.table.gridView') },
+                React.createElement(LayoutGallery, null)),
+            React.createElement(SegmentedToggle.Icon, { value: "table", dataHook: "toggle-option-table", tooltipText: t('cairo.table.listView') },
+                React.createElement(LayoutList, null))));
+    }
+    return (React.createElement(DropdownBase, { dataHook: "layout-switch-popover", options: options, selectedId: viewType, showArrow: true, onSelect: (option) => {
+            const selectedOption = option.id;
+            const index = layoutOptions.indexOf(selectedOption);
+            state.reportLayoutOptionClicked(selectedOption, index);
+            if (viewType !== selectedOption) {
+                state.changeViewType(selectedOption);
             }
-            state.changeViewType(value);
-        } },
-        React.createElement(SegmentedToggle.Icon, { value: "grid", dataHook: "toggle-option-grid", tooltipText: t('cairo.table.gridView') },
-            React.createElement(LayoutGallery, null)),
-        React.createElement(SegmentedToggle.Icon, { value: "table", dataHook: "toggle-option-table", tooltipText: t('cairo.table.listView') },
-            React.createElement(LayoutList, null))));
+        } }, ({ toggle }) => (React.createElement(Tooltip, { content: t('cairo.table.layout.switchLayout'), size: "medium" },
+        React.createElement(IconButton, { dataHook: "layout-switch-button", size: "small", priority: "secondary", "aria-haspopup": "menu", onClick: () => {
+                state.reportLayoutSwitch();
+                toggle();
+            } }, layoutConfig[viewType].icon)))));
 }
 export const TableGridSwitchButton = observer(_TableGridSwitchButton);
 //# sourceMappingURL=TableGridSwitchButton.js.map

package/dist/esm/components/TableGridSwitchButton/TableGridSwitchButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableGridSwitchButton.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAS9D,SAAS,sBAAsB,CAAC,KAAiC;IAC/D,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,oBAAC,eAAe,IACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,iCAAiC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACpB,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE;gBAC5B,OAAO;aACR;YACD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QAED,oBAAC,eAAe,CAAC,IAAI,IACnB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAC,oBAAoB,EAC7B,WAAW,EAAE,CAAC,CAAC,sBAAsB,CAAC;YAEtC,oBAAC,aAAa,OAAG,CACI;QACvB,oBAAC,eAAe,CAAC,IAAI,IACnB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,qBAAqB,EAC9B,WAAW,EAAE,CAAC,CAAC,sBAAsB,CAAC;YAEtC,oBAAC,UAAU,OAAG,CACO,CACP,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"TableGridSwitchButton.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.js

@@ -1,10 +1,23 @@
-import { SegmentedToggleUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { DropdownBaseUniDriver, SegmentedToggleUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 export function TableGridSwitchButtonUniDriver(base, body) {
     const getSegmented = () => SegmentedToggleUniDriver(base, body);
+    // New DropdownBase driver (experiment enabled)
+    const getDropdown = () => DropdownBaseUniDriver(body.$('[data-hook="layout-switch-popover"]'), body);
+    const getLayoutSwitchButton = () => body.$('[data-hook="layout-switch-button"]');
     return {
         ...getSegmented(),
+        /** Check if the SegmentedToggle (old UI) exists */
+        exists: () => base.exists(),
+        /** Click table button in SegmentedToggle (old UI) */
         clickTableButton: () => base.$$(`[data-hook="toggle-icon"]`).get(1).click(),
+        /** Click grid button in SegmentedToggle (old UI) */
         clickGridButton: () => base.$$(`[data-hook="toggle-icon"]`).get(0).click(),
+        popoverExists: () => getDropdown().exists(),
+        layoutSwitchButtonExists: () => getLayoutSwitchButton().exists(),
+        openPopover: () => getLayoutSwitchButton().click(),
+        isPopoverOpen: () => getDropdown().isDropdownShown(),
+        clickLayoutOption: (option) => getDropdown().selectOptionByDataHook(`layout-option-${option}`),
+        getLayoutOptionsCount: () => getDropdown().optionsCount(),
     };
 }
 export default TableGridSwitchButtonUniDriver;

package/dist/esm/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableGridSwitchButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAGrF,MAAM,UAAU,8BAA8B,CAC5C,IAAe,EACf,IAAe;IAEf,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEhE,OAAO;QACL,GAAG,YAAY,EAAE;QACjB,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QAC3E,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;KAC3E,CAAC;AACJ,CAAC;AAED,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"TableGridSwitchButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,2CAA2C,CAAC;AAGnD,MAAM,UAAU,8BAA8B,CAC5C,IAAe,EACf,IAAe;IAEf,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEhE,+CAA+C;IAC/C,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,EAAE,IAAI,CAAC,CAAC;IAE7E,MAAM,qBAAqB,GAAG,GAAG,EAAE,CACjC,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC;IAE/C,OAAO;QACL,GAAG,YAAY,EAAE;QACjB,mDAAmD;QACnD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC3B,qDAAqD;QACrD,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QAC3E,oDAAoD;QACpD,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QAE1E,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE;QAC3C,wBAAwB,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAM,EAAE;QAChE,WAAW,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE;QAClD,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,eAAe,EAAE;QACpD,iBAAiB,EAAE,CAAC,MAAwB,EAAE,EAAE,CAC9C,WAAW,EAAE,CAAC,sBAAsB,CAAC,iBAAiB,MAAM,EAAE,CAAC;QACjE,qBAAqB,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE;KAC1D,CAAC;AACJ,CAAC;AAED,eAAe,8BAA8B,CAAC"}

package/dist/esm/components/TabsFilter/TabsFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TabsFilter2131627215";
+var _namespace_ = "TabsFilter568602178";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TabsFilter2131627215__root", "title": "TabsFilter2131627215__title" };
+export var classes = { "root": "TabsFilter568602178__root", "title": "TabsFilter568602178__title" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,OAAO,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"TabsFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,OAAO,EAAC,4BAA4B,EAAC,CAAC;AAC/F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "ManageTagsModal1153576203";
+var _namespace_ = "ManageTagsModal2840713721";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ManageTagsModal1153576203__root" };
+export var classes = { "root": "ManageTagsModal2840713721__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};