@wix/patterns 1.320.0 → 1.322.0

package/dist/types/components/InputOverflow/InputOverflow.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOverflow.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA2C,CAAC;AAC9D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"InputOverflow.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA0C,CAAC;AAC7D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/MaxLines/MaxLines.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaxLines.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAqC,CAAC;AACxD,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"MaxLines.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAsC,CAAC;AACzD,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiBulkActionToolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAgR,CAAC;AACnS,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"MultiBulkActionToolbar.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAA4Q,CAAC;AAC/R,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/NestedTable/NestedTableRow.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableRow.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAAgN,CAAC;AACnO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"NestedTableRow.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;CAA4M,CAAC;AAC/N,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/PickerContent/PickerContent.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickerContent.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA2C,CAAC;AAC9D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"PickerContent.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA0C,CAAC;AAC7D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/ScrollableContent/ScrollableContent.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA8C,CAAC;AACjE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"ScrollableContent.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA+C,CAAC;AAClE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/SlidingModal/SlidingModal.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlidingModal.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAyC,CAAC;AAC5D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"SlidingModal.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA0C,CAAC;AAC7D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/Suggestions/Suggestions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAsD3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6ElD,CAAC"}
+{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAwD3C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgFlD,CAAC"}

package/dist/types/components/Suggestions/types.d.ts

@@ -34,5 +34,7 @@ export interface SuggestionsProps {
     skeletonsNumber?: number;
     /** Data hook to use for the suggestions component */
     dataHook?: string;
+    /** Maximum number of items to display inline (Box layout). Above this, Carousel is used. */
+    maxInlineItems?: number;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types/components/Suggestions/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,8DAA8D,CAAC;AAGrF,YAAY,EAAE,KAAK,EAAE,CAAC;AAEtB;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,0CAA0C;IAC1C,UAAU,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACpE,gDAAgD;IAChD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC3D,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,8DAA8D,CAAC;AAGrF,YAAY,EAAE,KAAK,EAAE,CAAC;AAEtB;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,0CAA0C;IAC1C,UAAU,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACpE,gDAAgD;IAChD,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC3D,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}

package/dist/types/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTagsModal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA4C,CAAC;AAC/D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"ManageTagsModal.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA6C,CAAC;AAChE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/common.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.st.css.d.ts","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAiH,CAAC;AACpI,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"common.st.css.d.ts","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAoH,CAAC;AACvI,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

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

@@ -1,6 +1,7 @@
 import { ToolbarBIReporter } from './ToolbarBIReporter';
 import { BulkActionModalState, FiltersMap, KeyedItem, MultiCollectionSupport, Translate } from '@wix/bex-core';
 import { SidePanelsState } from './SidePanelsState';
+import { RefObject } from 'react';
 interface SelectAllLocationParams {
     location: 'TableToolbar CTA' | 'Checkbox';
 }
@@ -18,6 +19,7 @@ export declare class BulkActionToolbarState<T, F extends FiltersMap> {
     readonly panels: SidePanelsState;
     readonly multi: MultiCollectionSupport<F>;
     readonly modals: BulkActionModalState;
+    readonly bulkSelectionCheckboxRef: RefObject<HTMLInputElement>;
     selectionDisabledProp: SelectionDisabledProp;
     checkboxTooltipContentProp?: CheckboxTooltipContentProp;
     shouldIncludeCollection?: (collection: any) => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"BulkActionToolbarState.d.ts","sourceRoot":"","sources":["../../../src/state/BulkActionToolbarState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,SAAS,EACT,sBAAsB,EACtB,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,kBAAkB,GAAG,UAAU,CAAC;CAC3C;AAED,MAAM,WAAW,4BAA4B,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACnE,QAAQ,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpD,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,OAAO,CAAC;CACrC;AAED,MAAM,MAAM,qBAAqB,GAC7B,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,OAAO,GAAG,IAAI,CAAC,GACjD,OAAO,CAAC;AAEZ,MAAM,MAAM,0BAA0B,GAAG,CACvC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,KACxB,MAAM,GAAG,SAAS,CAAC;AAExB,qBAAa,sBAAsB,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACzD,QAAQ,CAAC,iBAAiB,0BAAC;IAC3B,QAAQ,CAAC,MAAM,kBAAC;IAChB,QAAQ,CAAC,KAAK,4BAAC;IAEf,QAAQ,CAAC,MAAM,uBAAC;IAEhB,qBAAqB,EAAE,qBAAqB,CAAe;IAC3D,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,uBAAuB,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,OAAO,CAAC;IAEvD,mBAAmB;aAAoB,MAAM;oCAY3C;IAEF,yBAAyB;aAGlB,MAAM;UACT,MAAM,GAAG,SAAS,CAUpB;gBAEU,MAAM,EAAE,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC;IAkBtD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mBAAmB,SAAK;IAExB,OAAO,KAAK,mBAAmB,GAI9B;IAED,IAAI,WAAW,aAKd;IAED,IAAI,cAAc,cAKjB;IAED,IAAI,eAAe,cAKlB;IAED,IAAI,aAAa,WAKhB;IAED,IAAI,oBAAoB,WASvB;IAED,IAAI,gBAAgB,YAQnB;IAED,IAAI,WAAW,YAId;IAED,IAAI,mBAAmB,IAAI,OAAO,CAMjC;IAED,IAAI,KAAK,WAKR;IAED,SAAS,CAAC,GAAG,EAAE,MAAM;IAMrB,cAAc,aAIZ;IAEF,qBAAqB,QAAgB;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,+BAKjD;IAEH,eAAe,WAAmB,uBAAuB,UAQtD;IAEH,yBAAyB;IAiBzB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB;IAW/C,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB;IAUjD,gBAAgB,CAAC,EAAE,EAAE,MAAM;IAM3B,SAAS,CAAC,EAAE,EAAE,MAAM;IAYpB,WAAW,CAAC,EAAE,EAAE,MAAM;IAYtB,IAAI;CA8BL"}
+{"version":3,"file":"BulkActionToolbarState.d.ts","sourceRoot":"","sources":["../../../src/state/BulkActionToolbarState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,SAAS,EACT,sBAAsB,EACtB,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,kBAAkB,GAAG,UAAU,CAAC;CAC3C;AAED,MAAM,WAAW,4BAA4B,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACnE,QAAQ,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpD,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,OAAO,CAAC;CACrC;AAED,MAAM,MAAM,qBAAqB,GAC7B,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,OAAO,GAAG,IAAI,CAAC,GACjD,OAAO,CAAC;AAEZ,MAAM,MAAM,0BAA0B,GAAG,CACvC,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,KACxB,MAAM,GAAG,SAAS,CAAC;AAExB,qBAAa,sBAAsB,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACzD,QAAQ,CAAC,iBAAiB,0BAAC;IAC3B,QAAQ,CAAC,MAAM,kBAAC;IAChB,QAAQ,CAAC,KAAK,4BAAC;IAEf,QAAQ,CAAC,MAAM,uBAAC;IAEhB,QAAQ,CAAC,wBAAwB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAC9B;IAEhC,qBAAqB,EAAE,qBAAqB,CAAe;IAC3D,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,uBAAuB,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,OAAO,CAAC;IAEvD,mBAAmB;aAAoB,MAAM;oCAY3C;IAEF,yBAAyB;aAGlB,MAAM;UACT,MAAM,GAAG,SAAS,CAUpB;gBAEU,MAAM,EAAE,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC;IAkBtD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mBAAmB,SAAK;IAExB,OAAO,KAAK,mBAAmB,GAI9B;IAED,IAAI,WAAW,aAKd;IAED,IAAI,cAAc,cAKjB;IAED,IAAI,eAAe,cAKlB;IAED,IAAI,aAAa,WAKhB;IAED,IAAI,oBAAoB,WASvB;IAED,IAAI,gBAAgB,YAQnB;IAED,IAAI,WAAW,YAId;IAED,IAAI,mBAAmB,IAAI,OAAO,CAMjC;IAED,IAAI,KAAK,WAKR;IAED,SAAS,CAAC,GAAG,EAAE,MAAM;IAMrB,cAAc,aAIZ;IAEF,qBAAqB,QAAgB;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,+BAKjD;IAEH,eAAe,WAAmB,uBAAuB,UAQtD;IAEH,yBAAyB;IAiBzB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB;IAW/C,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB;IAWjD,gBAAgB,CAAC,EAAE,EAAE,MAAM;IAM3B,SAAS,CAAC,EAAE,EAAE,MAAM;IAYpB,WAAW,CAAC,EAAE,EAAE,MAAM;IAYtB,IAAI;CA8BL"}

package/dist/types/state/FormPage/FormPageHeader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA0C,CAAC;AAC7D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA4C,CAAC;AAC/D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.320.0",
+  "version": "1.322.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -199,7 +199,7 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.250.0",
+    "@wix/bex-core": "2.252.0",
     "@wix/bex-utils": "2.78.0",
     "@wix/essentials": "^0.1.26",
     "@wix/sdk": "^1.15.22",
@@ -417,5 +417,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "89c0c56faa1d8a678e3ac56e085b0bd5b039c1a5500f3919830f1c70"
+  "falconPackageHash": "4f0967747151624b7fd18713b56c1fbdd79164ec8a290c0c35f825c2"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer3552234799";
+var _namespace_ = "CardContainer3864494935";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CardContainer3552234799__root"};
+export var classes = {"root":"CardContainer3864494935__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse1460695742";
+var _namespace_ = "Collapse2707841607";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Collapse1460695742__root","exit":"Collapse1460695742__exit"};
+export var classes = {"root":"Collapse2707841607__root","exit":"Collapse2707841607__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage1099023269";
+var _namespace_ = "CollectionPage1392948675";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPage1099023269__root"};
+export var classes = {"root":"CollectionPage1392948675__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionSearch.tsx

@@ -9,7 +9,6 @@ export interface CollectionSearchProps extends Partial<SearchProps> {
   onSearchChange?: (value: string) => unknown;
   onSearchClick?: () => unknown;
   onSearchBlur?: (value: string) => unknown;
-  onExpandChange?: (isExpanded: boolean) => unknown;
   visibility?: CSSProperties['visibility'];
 }
 
@@ -20,7 +19,6 @@ export const CollectionSearch = observer(function CollectionSearch<
   onSearchChange,
   onSearchClick,
   onSearchBlur,
-  onExpandChange,
   visibility,
   expandable,
   ...rest
@@ -33,15 +31,8 @@ export const CollectionSearch = observer(function CollectionSearch<
 
   const isMobile = useIsMobile();
   const [isSearchExpanded, setIsSearchExpanded] = useState(!!search.value);
-  const searchInputRef = useRef<Search>(null);
 
-  const updateExpandedState = useCallback(
-    (isExpanded: boolean) => {
-      setIsSearchExpanded(isExpanded);
-      onExpandChange?.(isExpanded);
-    },
-    [onExpandChange],
-  );
+  const searchInputRef = useRef<Search>(null);
 
   const handleCancel = useCallback(() => {
     collection.clearSearch();
@@ -49,10 +40,9 @@ export const CollectionSearch = observer(function CollectionSearch<
 
     if (searchInputRef.current) {
       searchInputRef.current.blur();
+      setIsSearchExpanded(false);
     }
-
-    updateExpandedState(false);
-  }, [collection, onSearchChange, updateExpandedState]);
+  }, [collection, onSearchChange]);
 
   const showCancelButton = isMobile && isSearchExpanded;
 
@@ -74,15 +64,14 @@ export const CollectionSearch = observer(function CollectionSearch<
       expandable={expandable}
       expandDirection={isMobile ? 'left' : undefined}
       placeholder={t('cairo.searchPlaceholder', { defaultValue: '' })}
-      onInputClicked={() => {
-        updateExpandedState(true);
-        onSearchClick?.();
-      }}
       textOverflow="ellipsis"
+      onFocus={() => {
+        setIsSearchExpanded(true);
+      }}
       onBlur={(e) => {
         const value = e.target.value;
         if (!value) {
-          updateExpandedState(false);
+          setIsSearchExpanded(false);
         }
         onSearchBlur?.(value);
       }}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable369512688";
+var _namespace_ = "CollectionTable3526059957";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTable369512688__root"};
+export var classes = {"root":"CollectionTable3526059957__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -232,6 +232,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
         hideBulkSelectionCheckbox={
           selectionToolbar ? false : hideBulkSelectionCheckbox
         }
+        bulkSelectionCheckboxRef={bulk.bulkSelectionCheckboxRef}
         dragAndDrop={dragAndDrop}
         rowDataHook={(rowData) => `table-row-${rowData.key}`}
         controlled

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1271196110";
+var _namespace_ = "CollectionToolbar54365146";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionToolbar1271196110__root","left":"CollectionToolbar1271196110__left","right":"CollectionToolbar1271196110__right","fullWidth":"CollectionToolbar1271196110__fullWidth"};
+export var classes = {"root":"CollectionToolbar54365146__root","left":"CollectionToolbar54365146__left","right":"CollectionToolbar54365146__right","fullWidth":"CollectionToolbar54365146__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbar.tsx

@@ -1,4 +1,5 @@
 import React, {
+  cloneElement,
   FunctionComponent,
   ReactElement,
   useEffect,
@@ -105,7 +106,7 @@ function _CollectionToolbar<T, F extends FiltersMap>(
   };
 
   const searchElement = isPanelLayout ? undefined : isValidElement(search) ? (
-    React.cloneElement(search as CollectionSearchElement, {
+    cloneElement(search as CollectionSearchElement, {
       expandable:
         searchIsExpandable ??
         (search as CollectionSearchElement).props.expandable,

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

@@ -7,15 +7,14 @@
 .searchMobile {
   -st-states: expandable, expanded;
   justify-content: flex-end;
+  position: absolute;
+  right: 18px;
 }
 
 .searchMobile:not(:expandable) {
-  width: 100%;
+  left: 18px;
 }
 
 .searchMobile:expandable:expanded {
-  position: absolute;
-  right: 18px;
   left: 18px;
 }
-

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter1908610500";
+var _namespace_ = "SearchOrCustomFilter1560324690";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SearchOrCustomFilter1908610500__root","search":"SearchOrCustomFilter1908610500__search","searchMobile":"SearchOrCustomFilter1908610500__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter1560324690__root","search":"SearchOrCustomFilter1560324690__search","searchMobile":"SearchOrCustomFilter1560324690__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.tsx

@@ -1,5 +1,5 @@
 import { Box, TableToolbar } from '@wix/design-system';
-import React, { useMemo } from 'react';
+import React, { cloneElement, Fragment, isValidElement, useMemo } from 'react';
 import { classes, st } from './SearchOrCustomFilter.st.css.js';
 import { ToolbarBaseProps } from '../ToolbarCollection';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
@@ -31,31 +31,67 @@ function _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {
 
   const isSearchExpanded = state._searchExpanded;
 
-  const onSearchExpandChange = (expanded: boolean) => {
-    runInAction(() => {
-      state._searchExpanded = expanded;
-    });
-  };
-
-  const [search, isExpandable] = useMemo(() => {
-    if (!React.isValidElement(_search)) {
-      return [_search, false];
+  const { search, isExpandable } = useMemo(() => {
+    if (!isValidElement(_search)) {
+      return {
+        search: _search,
+        isExpandable: false,
+      };
     }
-    const element = React.cloneElement(_search as CollectionSearchElement, {
-      onExpandChange: onSearchExpandChange,
+    const element = cloneElement(_search as CollectionSearchElement, {
+      onExpandTransitionStart: (collapsed?: boolean) => {
+        runInAction(() => {
+          if (!collapsed) {
+            state._searchExpanded = true;
+          }
+        });
+      },
+      onExpandTransitionEnd: (collapsed?: boolean) => {
+        runInAction(() => {
+          if (collapsed) {
+            state._searchExpanded = false;
+          }
+        });
+      },
     });
-    return [element, element.props.expandable];
-  }, [_search, onSearchExpandChange]);
+    return {
+      search: element,
+      isExpandable: element.props.expandable,
+    };
+  }, [_search]);
 
   if (responsiveDisabled || isMobile) {
+    let child = search;
+
+    if (isMobile) {
+      child = (
+        <Fragment>
+          {isMobile && isValidElement(_search) && (
+            <Box visibility="hidden">
+              {/* render extra hidden search for measurement as the actual search is positioned absolutely */}
+              {cloneElement(_search as CollectionSearchElement, {
+                dataHook: `collection-search-mobile-measurement`,
+                // bypass stateful behavior on mobile for measurement
+                value: '',
+                onChange: () => {},
+              })}
+            </Box>
+          )}
+          <Box
+            className={st(classes.searchMobile, {
+              expandable: isExpandable,
+              expanded: isSearchExpanded,
+            })}
+          >
+            {search}
+          </Box>
+        </Fragment>
+      );
+    }
+
     return (
-      <TableToolbar.Item
-        className={st(isMobile ? classes.searchMobile : classes.search, {
-          expandable: isExpandable,
-          expanded: isSearchExpanded,
-        })}
-      >
-        {search}
+      <TableToolbar.Item className={st(isMobile ? undefined : classes.search)}>
+        {child}
       </TableToolbar.Item>
     );
   }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly3810730043";
+var _namespace_ = "AutoCompleteReadonly2838756537";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AutoCompleteReadonly3810730043__root"};
+export var classes = {"root":"AutoCompleteReadonly2838756537__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ViewsDropdown2400695630";
+var _namespace_ = "ViewsDropdown1847203528";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ViewsDropdown2400695630__root"};
+export var classes = {"root":"ViewsDropdown1847203528__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle758605629";
+var _namespace_ = "DragHandle1265699208";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"DragHandle758605629__root"};
+export var classes = {"root":"DragHandle1265699208__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain2365893893";
+var _namespace_ = "EntityPagePlain3073058037";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain2365893893__root"};
+export var classes = {"root":"EntityPagePlain3073058037__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade3088508100";
+var _namespace_ = "Fade418982585";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade3088508100__root"};
+export var classes = {"root":"Fade418982585__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading797990220";
+var _namespace_ = "Heading2862719035";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading797990220__root"};
+export var classes = {"root":"Heading2862719035__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow2351907687";
+var _namespace_ = "InputOverflow575606197";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow2351907687__root"};
+export var classes = {"root":"InputOverflow575606197__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3824988442";
+var _namespace_ = "LoadingRow1978011329";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow3824988442__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3824988442__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1978011329__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1978011329__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText4203465305";
+var _namespace_ = "MaxHeightText3073310878";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText4203465305__root"};
+export var classes = {"root":"MaxHeightText3073310878__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};