@wix/patterns 1.338.0 → 1.340.0

package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js

@@ -19,34 +19,36 @@ class ToolbarResponsiveState {
     (0, _defineProperty2.default)(this, "filters", void 0);
     (0, _defineProperty2.default)(this, "_nextToShrink", void 0);
     (0, _defineProperty2.default)(this, "_nextToExpand", void 0);
+    (0, _defineProperty2.default)(this, "_expandCooldown", false);
     (0, _defineProperty2.default)(this, "actionsAvailableSpace", void 0);
     (0, _defineProperty2.default)(this, "overflow", void 0);
     (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "leftGroupState", null);
     this.toolbar = params.toolbar;
     this.overflow = new _HorizontalOverflowState.HorizontalOverflowState({
       state: this
     });
-    this.search = new _ToolbarResponsivePriorityState.ToolbarResponsivePriorityState({
-      responsive: this,
-      getNextToShrink: () => this.actions,
-      getNextToExpand: () => this.search,
-      count: 1,
-      minWidth: 140
-    });
     this.actions = new _ToolbarResponsivePriorityState.ToolbarResponsivePriorityState({
       responsive: this,
       getNextToShrink: () => this.filters,
-      getNextToExpand: () => this.search,
-      count: 2
+      getNextToExpand: () => this.actions,
+      count: 1
     });
     this.filters = new _ToolbarResponsivePriorityState.ToolbarResponsivePriorityState({
       responsive: this,
-      getNextToShrink: () => this.filters,
+      getNextToShrink: () => this.search,
       getNextToExpand: () => this.actions,
-      count: 3
+      count: 2
+    });
+    this.search = new _ToolbarResponsivePriorityState.ToolbarResponsivePriorityState({
+      responsive: this,
+      getNextToShrink: () => this.search,
+      getNextToExpand: () => this.filters,
+      count: 3,
+      minWidth: 140
     });
-    this._nextToShrink = this.search;
-    this._nextToExpand = this.search;
+    this._nextToShrink = this.actions;
+    this._nextToExpand = this.actions;
     this.actionsAvailableSpace = new _HorizontalSpaceAvailableState.HorizontalSpaceAvailableState({
       state: this
     });

package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_HorizontalSpaceAvailableState","_ToolbarResponsivePriorityState","_HorizontalOverflowState","ToolbarResponsiveState","container","toolbar","constructor","params","_defineProperty2","default","overflow","HorizontalOverflowState","state","search","ToolbarResponsivePriorityState","responsive","getNextToShrink","actions","getNextToExpand","count","minWidth","filters","_nextToShrink","_nextToExpand","actionsAvailableSpace","HorizontalSpaceAvailableState","makeObservable","observable","ref","responsiveDisabled","computed","_syncedProps","internalExperiments","useResponsiveLayout","enabled","init","disposers","addResizeObserver","toolbarRect","element","_syncThrottled","reaction","_isOverflowing","_scrollWidth","_clientWidth","_shrinkIfNeeded","fireImmediately","available","_expandIfNeeded","forEach","d","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"sourcesContent":["import { addResizeObserver } from '@wix/bex-core';\nimport { computed, makeObservable, observable, reaction } from 'mobx';\nimport { HorizontalSpaceAvailableState } from '../Responsive/HorizontalSpaceAvailableState';\nimport { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';\nimport { HorizontalOverflowState } from '../Responsive/HorizontalOverflowState';\nimport { ToolbarState } from '../../components/CollectionToolbars/ToolbarState';\n\nexport interface ToolbarResponsiveStateParams {\n  readonly toolbar: ToolbarState<any, any>;\n}\n\nexport class ToolbarResponsiveState {\n  readonly actions: ToolbarResponsivePriorityState;\n  readonly search: ToolbarResponsivePriorityState;\n  readonly filters: ToolbarResponsivePriorityState;\n\n  _nextToShrink;\n  _nextToExpand;\n\n  readonly actionsAvailableSpace;\n  readonly overflow;\n\n  readonly toolbar;\n\n  get container() {\n    return this.toolbar.toolbar.container;\n  }\n\n  constructor(params: ToolbarResponsiveStateParams) {\n    this.toolbar = params.toolbar;\n\n    this.overflow = new HorizontalOverflowState({\n      state: this,\n    });\n\n    this.search = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.actions,\n      getNextToExpand: () => this.search,\n      count: 1,\n      minWidth: 140,\n    });\n\n    this.actions = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.filters,\n      getNextToExpand: () => this.search,\n      count: 2,\n    });\n\n    this.filters = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.filters,\n      getNextToExpand: () => this.actions,\n      count: 3,\n    });\n\n    this._nextToShrink = this.search;\n    this._nextToExpand = this.search;\n\n    this.actionsAvailableSpace = new HorizontalSpaceAvailableState({\n      state: this,\n    });\n\n    makeObservable(this, {\n      _nextToShrink: observable.ref,\n      _nextToExpand: observable.ref,\n      responsiveDisabled: computed,\n    });\n  }\n\n  get responsiveDisabled() {\n    const {\n      toolbar: {\n        toolbar: { _syncedProps },\n      },\n      container: { internalExperiments },\n    } = this;\n\n    return (\n      !_syncedProps?.useResponsiveLayout ||\n      !internalExperiments?.enabled('specs.cairo.EnableResponsiveToolbar11420')\n    );\n  }\n\n  init() {\n    const {\n      toolbar: { toolbar },\n      overflow,\n      actionsAvailableSpace,\n      responsiveDisabled,\n    } = this;\n\n    if (responsiveDisabled) {\n      return;\n    }\n\n    const disposers = [\n      addResizeObserver(\n        toolbar.toolbarRect.element,\n        actionsAvailableSpace._syncThrottled,\n      ),\n      reaction(\n        () => ({\n          _isOverflowing: overflow._isOverflowing,\n          _scrollWidth: overflow._scrollWidth,\n          _clientWidth: overflow._clientWidth,\n        }),\n        () => {\n          this._nextToShrink._shrinkIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      reaction(\n        () => actionsAvailableSpace.available,\n        () => {\n          this._nextToExpand._expandIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_HorizontalSpaceAvailableState","_ToolbarResponsivePriorityState","_HorizontalOverflowState","ToolbarResponsiveState","container","toolbar","constructor","params","_defineProperty2","default","overflow","HorizontalOverflowState","state","actions","ToolbarResponsivePriorityState","responsive","getNextToShrink","filters","getNextToExpand","count","search","minWidth","_nextToShrink","_nextToExpand","actionsAvailableSpace","HorizontalSpaceAvailableState","makeObservable","observable","ref","responsiveDisabled","computed","_syncedProps","internalExperiments","useResponsiveLayout","enabled","init","disposers","addResizeObserver","toolbarRect","element","_syncThrottled","reaction","_isOverflowing","_scrollWidth","_clientWidth","_shrinkIfNeeded","fireImmediately","available","_expandIfNeeded","forEach","d","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"sourcesContent":["import { addResizeObserver } from '@wix/bex-core';\nimport { computed, makeObservable, observable, reaction } from 'mobx';\nimport { HorizontalSpaceAvailableState } from '../Responsive/HorizontalSpaceAvailableState';\nimport { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';\nimport { HorizontalOverflowState } from '../Responsive/HorizontalOverflowState';\nimport { ToolbarState } from '../../components/CollectionToolbars/ToolbarState';\nimport { ToolbarLeftGroupState } from './ToolbarLeftGroupState';\n\nexport interface ToolbarResponsiveStateParams {\n  readonly toolbar: ToolbarState<any, any>;\n}\n\nexport class ToolbarResponsiveState {\n  readonly actions: ToolbarResponsivePriorityState;\n  readonly search: ToolbarResponsivePriorityState;\n  readonly filters: ToolbarResponsivePriorityState;\n\n  _nextToShrink: ToolbarResponsivePriorityState;\n  _nextToExpand: ToolbarResponsivePriorityState;\n\n  _expandCooldown = false;\n\n  readonly actionsAvailableSpace: HorizontalSpaceAvailableState;\n  readonly overflow: HorizontalOverflowState;\n\n  readonly toolbar: ToolbarState<any, any>;\n\n  leftGroupState: ToolbarLeftGroupState<any, any> | null = null;\n\n  get container() {\n    return this.toolbar.toolbar.container;\n  }\n\n  constructor(params: ToolbarResponsiveStateParams) {\n    this.toolbar = params.toolbar;\n\n    this.overflow = new HorizontalOverflowState({\n      state: this,\n    });\n\n    this.actions = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.filters,\n      getNextToExpand: () => this.actions,\n      count: 1,\n    });\n\n    this.filters = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.search,\n      getNextToExpand: () => this.actions,\n      count: 2,\n    });\n\n    this.search = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.search,\n      getNextToExpand: () => this.filters,\n      count: 3,\n      minWidth: 140,\n    });\n\n    this._nextToShrink = this.actions;\n    this._nextToExpand = this.actions;\n\n    this.actionsAvailableSpace = new HorizontalSpaceAvailableState({\n      state: this,\n    });\n\n    makeObservable(this, {\n      _nextToShrink: observable.ref,\n      _nextToExpand: observable.ref,\n      responsiveDisabled: computed,\n    });\n  }\n\n  get responsiveDisabled() {\n    const {\n      toolbar: {\n        toolbar: { _syncedProps },\n      },\n      container: { internalExperiments },\n    } = this;\n\n    return (\n      !_syncedProps?.useResponsiveLayout ||\n      !internalExperiments?.enabled('specs.cairo.EnableResponsiveToolbar11420')\n    );\n  }\n\n  init() {\n    const {\n      toolbar: { toolbar },\n      overflow,\n      actionsAvailableSpace,\n      responsiveDisabled,\n    } = this;\n\n    if (responsiveDisabled) {\n      return;\n    }\n\n    const disposers = [\n      addResizeObserver(\n        toolbar.toolbarRect.element,\n        actionsAvailableSpace._syncThrottled,\n      ),\n      reaction(\n        () => ({\n          _isOverflowing: overflow._isOverflowing,\n          _scrollWidth: overflow._scrollWidth,\n          _clientWidth: overflow._clientWidth,\n        }),\n        () => {\n          this._nextToShrink._shrinkIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      reaction(\n        () => actionsAvailableSpace.available,\n        () => {\n          this._nextToExpand._expandIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,8BAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AAQO,MAAMK,sBAAsB,CAAC;EAiBlC,IAAIC,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACC,OAAO,CAACA,OAAO,CAACD,SAAS;EACvC;EAEAE,WAAWA,CAACC,MAAoC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,2BAbhC,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BAOkC,IAAI;IAO3D,IAAI,CAACJ,OAAO,GAAGE,MAAM,CAACF,OAAO;IAE7B,IAAI,CAACK,QAAQ,GAAG,IAAIC,gDAAuB,CAAC;MAC1CC,KAAK,EAAE;IACT,CAAC,CAAC;IAEF,IAAI,CAACC,OAAO,GAAG,IAAIC,8DAA8B,CAAC;MAChDC,UAAU,EAAE,IAAI;MAChBC,eAAe,EAAEA,CAAA,KAAM,IAAI,CAACC,OAAO;MACnCC,eAAe,EAAEA,CAAA,KAAM,IAAI,CAACL,OAAO;MACnCM,KAAK,EAAE;IACT,CAAC,CAAC;IAEF,IAAI,CAACF,OAAO,GAAG,IAAIH,8DAA8B,CAAC;MAChDC,UAAU,EAAE,IAAI;MAChBC,eAAe,EAAEA,CAAA,KAAM,IAAI,CAACI,MAAM;MAClCF,eAAe,EAAEA,CAAA,KAAM,IAAI,CAACL,OAAO;MACnCM,KAAK,EAAE;IACT,CAAC,CAAC;IAEF,IAAI,CAACC,MAAM,GAAG,IAAIN,8DAA8B,CAAC;MAC/CC,UAAU,EAAE,IAAI;MAChBC,eAAe,EAAEA,CAAA,KAAM,IAAI,CAACI,MAAM;MAClCF,eAAe,EAAEA,CAAA,KAAM,IAAI,CAACD,OAAO;MACnCE,KAAK,EAAE,CAAC;MACRE,QAAQ,EAAE;IACZ,CAAC,CAAC;IAEF,IAAI,CAACC,aAAa,GAAG,IAAI,CAACT,OAAO;IACjC,IAAI,CAACU,aAAa,GAAG,IAAI,CAACV,OAAO;IAEjC,IAAI,CAACW,qBAAqB,GAAG,IAAIC,4DAA6B,CAAC;MAC7Db,KAAK,EAAE;IACT,CAAC,CAAC;IAEF,IAAAc,oBAAc,EAAC,IAAI,EAAE;MACnBJ,aAAa,EAAEK,gBAAU,CAACC,GAAG;MAC7BL,aAAa,EAAEI,gBAAU,CAACC,GAAG;MAC7BC,kBAAkB,EAAEC;IACtB,CAAC,CAAC;EACJ;EAEA,IAAID,kBAAkBA,CAAA,EAAG;IACvB,MAAM;MACJxB,OAAO,EAAE;QACPA,OAAO,EAAE;UAAE0B;QAAa;MAC1B,CAAC;MACD3B,SAAS,EAAE;QAAE4B;MAAoB;IACnC,CAAC,GAAG,IAAI;IAER,OACE,EAACD,YAAY,YAAZA,YAAY,CAAEE,mBAAmB,KAClC,EAACD,mBAAmB,YAAnBA,mBAAmB,CAAEE,OAAO,CAAC,0CAA0C,CAAC;EAE7E;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAM;MACJ9B,OAAO,EAAE;QAAEA;MAAQ,CAAC;MACpBK,QAAQ;MACRc,qBAAqB;MACrBK;IACF,CAAC,GAAG,IAAI;IAER,IAAIA,kBAAkB,EAAE;MACtB;IACF;IAEA,MAAMO,SAAS,GAAG,CAChB,IAAAC,0BAAiB,EACfhC,OAAO,CAACiC,WAAW,CAACC,OAAO,EAC3Bf,qBAAqB,CAACgB,cACxB,CAAC,EACD,IAAAC,cAAQ,EACN,OAAO;MACLC,cAAc,EAAEhC,QAAQ,CAACgC,cAAc;MACvCC,YAAY,EAAEjC,QAAQ,CAACiC,YAAY;MACnCC,YAAY,EAAElC,QAAQ,CAACkC;IACzB,CAAC,CAAC,EACF,MAAM;MACJ,IAAI,CAACtB,aAAa,CAACuB,eAAe,CAAC,CAAC;IACtC,CAAC,EACD;MACEC,eAAe,EAAE;IACnB,CACF,CAAC,EACD,IAAAL,cAAQ,EACN,MAAMjB,qBAAqB,CAACuB,SAAS,EACrC,MAAM;MACJ,IAAI,CAACxB,aAAa,CAACyB,eAAe,CAAC,CAAC;IACtC,CAAC,EACD;MACEF,eAAe,EAAE;IACnB,CACF,CAAC,CACF;IAED,OAAO,MAAM;MACXV,SAAS,CAACa,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAAhD,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer2270987594__root.CardContainer2270987594--mobile{border-radius:0}.Collapse3580489356__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3580489356__exit{height:0}.CollectionPage760750956__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage760750956__root.CollectionPage760750956--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage760750956__root.CollectionPage760750956--panel{overflow:hidden;position:relative}.CollectionTable2088375065__root td{vertical-align:middle}.CollectionTable2088375065__root.CollectionTable2088375065--mobile td:first-child{padding-left:18px}.CollectionTable2088375065__root.CollectionTable2088375065--mobile td:last-child{padding-right:18px}.CollectionToolbar2950418002__left{min-width:0}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--views .CollectionToolbar2950418002__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2950418002__left.CollectionToolbar2950418002--expandable{flex:auto}.CollectionToolbar2950418002__root .CollectionToolbar2950418002__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--views .CollectionToolbar2950418002__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2950418002__root .CollectionToolbar2950418002__right.CollectionToolbar2950418002__fullWidth{margin-inline-start:0!important}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3532595144__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3532595144__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3532595144__searchMobile:not(.SearchOrCustomFilter3532595144--expandable){left:18px}.SearchOrCustomFilter3532595144__searchMobile.SearchOrCustomFilter3532595144--expandable.SearchOrCustomFilter3532595144--expanded{left:18px}.AutoCompleteReadonly572573198__root.AutoCompleteReadonly572573198--disableEditing{cursor:pointer}.AutoCompleteReadonly572573198__root.AutoCompleteReadonly572573198--disableEditing input{cursor:pointer}.ViewsDropdown1422484904__root{width:200px}.DragHandle4255276052__root{display:flex;align-items:center}.DragHandle4255276052__root:not(.DragHandle4255276052--disabled){cursor:grab;color:#a8caff}.DragHandle4255276052__root.DragHandle4255276052--disabled{color:#acafc4}.DragHandle4255276052__root:focus-visible:not(.DragHandle4255276052--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4255276052__root.DragHandle4255276052--disabled{pointer-events:none}.DragHandle4255276052__root.DragHandle4255276052--dragging:not(.DragHandle4255276052--disabled){cursor:grabbing}.EntityPagePlain190709969__root.EntityPagePlain190709969--mobile{--wds-page-header-padding-horizontal:0}.Fade1345945596__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1345945596__root.Fade1345945596--exit{opacity:0}.Heading3281401398__root{visibility:visible}.Heading3281401398__root.Heading3281401398--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1183490160__root.InputOverflow1183490160--selected:not(.InputOverflow1183490160--focused) input::placeholder{color:#000624}@keyframes LoadingRow3008612773__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3008612773__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3008612773__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1142318275__root{opacity:1}.MaxHeightText1142318275__root.MaxHeightText1142318275--height24{line-height:24px}.MaxLines3027755952__root{overflow:hidden}.MaxLines3027755952__root.MaxLines3027755952--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3793364616__root{min-width:0}.MultiBulkActionToolbar3793364616__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3793364616__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3793364616__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2366685358__root td{padding:0!important;width:100%}.NestedTableRow4012245422__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4012245422__root:hover{background-color:#e7f0ff!important}.NestedTableRow4012245422__root.NestedTableRow4012245422--expandable{cursor:pointer}.NestedTableRow4012245422__placeholder td{padding:0!important;width:100%}.NestedTableRow4012245422__root:hover td:first-of-type::before,.NestedTableRow4012245422__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2461601858__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2017963387__root.NestedTableDragAndDropRow2017963387--draggingInto td{background-color:#e7f0ff!important}.PickerContent620018214__root{display:flex}.PickerContentAdditionalStep3476680796__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3476680796__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1676516431__root{box-sizing:border-box}.ScrollableContent2930045273__root.ScrollableContent2930045273--overflowY{overflow-y:auto}.ScrollableContent2930045273__root.ScrollableContent2930045273--overflowX{overflow-x:auto}.ScrollableContent2930045273__root.ScrollableContent2930045273--smooth{scroll-behavior:smooth}.SkeletonCard1345182747__headerLoading{display:block!important}.SlidingModal692356518__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal692356518__root.SlidingModal692356518--overlay{transition:transform 0s ease 0s}.SlidingModal692356518__root.SlidingModal692356518---appendTo-6-parent{position:absolute}.SlidingModal692356518__root:not(.SlidingModal692356518--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2423008515__root .TabsFilter2423008515__title{color:inherit!important}.ManageTagsModal3936625449__root{display:flex}.ToolbarItem1352350803__root{min-width:0}.ToolbarItemBox2099455071__root{min-width:0}.ToolbarItemBox2099455071__root.ToolbarItemBox2099455071--removeStartPadding{margin-left:-24px}.ToolbarItemBox2099455071__root.ToolbarItemBox2099455071--expandable{flex:1 0}.common3366408934__column{display:flex;flex-direction:column}.common3366408934__fullHeight{height:100%;min-height:0}.CollectionPageHeader630394202__root.CollectionPageHeader630394202--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader630394202__root.CollectionPageHeader630394202--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3500407043__root.FormPageHeader3500407043--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3500407043__root.FormPageHeader3500407043--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3207824262__root.CardContainer3207824262--mobile{border-radius:0}.Collapse332668825__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse332668825__exit{height:0}.CollectionPage1211647002__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1211647002__root.CollectionPage1211647002--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1211647002__root.CollectionPage1211647002--panel{overflow:hidden;position:relative}.CollectionTable806703847__root td{vertical-align:middle}.CollectionTable806703847__root.CollectionTable806703847--mobile td:first-child{padding-left:18px}.CollectionTable806703847__root.CollectionTable806703847--mobile td:last-child{padding-right:18px}.CollectionToolbar549189182__left{min-width:0}.CollectionToolbar549189182__left.CollectionToolbar549189182--expandable{flex:auto}.CollectionToolbar549189182__left.CollectionToolbar549189182--title>*{width:100%}.CollectionToolbar549189182__root.CollectionToolbar549189182---responsiveMode-5-title .CollectionToolbar549189182__left{flex:1 100;min-width:50px}.CollectionToolbar549189182__root.CollectionToolbar549189182---responsiveMode-4-tabs .CollectionToolbar549189182__left,.CollectionToolbar549189182__root.CollectionToolbar549189182---responsiveMode-4-tabs .CollectionToolbar549189182__left.CollectionToolbar549189182--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar549189182__root.CollectionToolbar549189182---responsiveMode-4-tabs .CollectionToolbar549189182__left>*{flex-shrink:1;min-width:0}.CollectionToolbar549189182__root .CollectionToolbar549189182__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar549189182__root.CollectionToolbar549189182--views .CollectionToolbar549189182__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar549189182__root.CollectionToolbar549189182---responsiveMode-4-tabs .CollectionToolbar549189182__right,.CollectionToolbar549189182__root.CollectionToolbar549189182---responsiveMode-5-title .CollectionToolbar549189182__right{flex:0 1 auto;min-width:0}.CollectionToolbar549189182__root .CollectionToolbar549189182__right.CollectionToolbar549189182__fullWidth{margin-inline-start:0!important}.CollectionToolbar549189182__root.CollectionToolbar549189182--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1540080530__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1540080530__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1540080530__searchMobile:not(.SearchOrCustomFilter1540080530--expandable){left:18px}.SearchOrCustomFilter1540080530__searchMobile.SearchOrCustomFilter1540080530--expandable.SearchOrCustomFilter1540080530--expanded{left:18px}.AutoCompleteReadonly3648565176__root.AutoCompleteReadonly3648565176--disableEditing{cursor:pointer}.AutoCompleteReadonly3648565176__root.AutoCompleteReadonly3648565176--disableEditing input{cursor:pointer}.ViewsDropdown4092561865__root{width:200px}.DragHandle4120713385__root{display:flex;align-items:center}.DragHandle4120713385__root:not(.DragHandle4120713385--disabled){cursor:grab;color:#a8caff}.DragHandle4120713385__root.DragHandle4120713385--disabled{color:#acafc4}.DragHandle4120713385__root:focus-visible:not(.DragHandle4120713385--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4120713385__root.DragHandle4120713385--disabled{pointer-events:none}.DragHandle4120713385__root.DragHandle4120713385--dragging:not(.DragHandle4120713385--disabled){cursor:grabbing}.EntityPagePlain3932748279__root.EntityPagePlain3932748279--mobile{--wds-page-header-padding-horizontal:0}.Fade573848876__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade573848876__root.Fade573848876--exit{opacity:0}.Heading3595635433__root{visibility:visible}.Heading3595635433__root.Heading3595635433--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3652821244__root.InputOverflow3652821244--selected:not(.InputOverflow3652821244--focused) input::placeholder{color:#000624}@keyframes LoadingRow924286068__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow924286068__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow924286068__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1816593975__root{opacity:1}.MaxHeightText1816593975__root.MaxHeightText1816593975--height24{line-height:24px}.MaxLines1060528546__root{overflow:hidden}.MaxLines1060528546__root.MaxLines1060528546--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar700079480__root{min-width:0}.MultiBulkActionToolbar700079480__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar700079480__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar700079480__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2058755747__root td{padding:0!important;width:100%}.NestedTableRow775390359__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow775390359__root:hover{background-color:#e7f0ff!important}.NestedTableRow775390359__root.NestedTableRow775390359--expandable{cursor:pointer}.NestedTableRow775390359__placeholder td{padding:0!important;width:100%}.NestedTableRow775390359__root:hover td:first-of-type::before,.NestedTableRow775390359__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2543702656__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow423738662__root.NestedTableDragAndDropRow423738662--draggingInto td{background-color:#e7f0ff!important}.PickerContent2698439836__root{display:flex}.PickerContentAdditionalStep403582428__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep403582428__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem593804783__root{box-sizing:border-box}.ScrollableContent822548921__root.ScrollableContent822548921--overflowY{overflow-y:auto}.ScrollableContent822548921__root.ScrollableContent822548921--overflowX{overflow-x:auto}.ScrollableContent822548921__root.ScrollableContent822548921--smooth{scroll-behavior:smooth}.SkeletonCard1546452599__headerLoading{display:block!important}.SlidingModal756205276__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal756205276__root.SlidingModal756205276--overlay{transition:transform 0s ease 0s}.SlidingModal756205276__root.SlidingModal756205276---appendTo-6-parent{position:absolute}.SlidingModal756205276__root:not(.SlidingModal756205276--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2971966923__root .TabsFilter2971966923__title{color:inherit!important}.ManageTagsModal2860881838__root{display:flex}.ToolbarItem2847693431__root{min-width:0}.ToolbarItemBox404627416__root{min-width:0}.ToolbarItemBox404627416__root.ToolbarItemBox404627416--removeStartPadding{margin-left:-24px}.ToolbarItemBox404627416__root.ToolbarItemBox404627416--expandable{flex:1 0}.common3570722167__column{display:flex;flex-direction:column}.common3570722167__fullHeight{height:100%;min-height:0}.CollectionPageHeader1007594454__root.CollectionPageHeader1007594454--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1007594454__root.CollectionPageHeader1007594454--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3322132341__root.FormPageHeader3322132341--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3322132341__root.FormPageHeader3322132341--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.338.0';
+const version = exports.version = 'patterns@1.340.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.338.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.340.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer2270987594";
+var _namespace_ = "CardContainer3207824262";
 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": "CardContainer2270987594__root" };
+export var classes = { "root": "CardContainer3207824262__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3580489356";
+var _namespace_ = "Collapse332668825";
 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": "Collapse3580489356__root", "exit": "Collapse3580489356__exit" };
+export var classes = { "root": "Collapse332668825__root", "exit": "Collapse332668825__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,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,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,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":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.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,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,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/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage760750956";
+var _namespace_ = "CollectionPage1211647002";
 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": "CollectionPage760750956__root" };
+export var classes = { "root": "CollectionPage1211647002__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.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,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.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,+BAA+B,EAAC,iCAAiC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTable2088375065";
+var _namespace_ = "CollectionTable806703847";
 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": "CollectionTable2088375065__root" };
+export var classes = { "root": "CollectionTable806703847__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTable.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,EAAE,CAAC"}
+{"version":3,"file":"CollectionTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTable.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,EAAE,CAAC"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.js

@@ -9,12 +9,14 @@ import { InitialLoadingConditional } from '../InitialLoadingConditional';
 import { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';
 import { useIsCollectionToolbarExists } from './useIsCollectionToolbarExists';
 import { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';
-import { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';
 import { MoreActions } from '../MoreActions';
 import { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';
 import { useIsMobile } from '../../hooks/useIsMobile';
 import { isValidElement } from '../isValidElement';
 import { CollectionSearch } from '../CollectionSearch';
+import { CollectionToolbarLeftGroup } from './CollectionToolbarLeftGroup';
+import { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';
+import { getToolbarMode } from './toolbarModeUtils';
 function _CollectionToolbar(props) {
     const { state, search = true, title, tabs, customColumns, multiLevelSorting, views, dataHook, filters: filtersProp, tableGridSwitchButton, exportButton, dragAndDropReorderModeToolbar, primaryActionButton, secondaryActions, moreActions, } = props;
     const isMobile = useIsMobile();
@@ -86,12 +88,20 @@ function _CollectionToolbar(props) {
     const CollectionToolbarActionsGroup = isMobile || responsive.responsiveDisabled
         ? CollectionToolbarActionsToolbarItemsGroup
         : CollectionToolbarActionsGroupResponsiveLayout;
+    const responsiveMode = getToolbarMode({
+        isDisabled: responsive.responsiveDisabled,
+        hasTabs: !!tabs,
+        hasTitle: !!left && !viewsToolbarItem,
+        hasViews: !!viewsToolbarItem,
+    });
     const toolbarElement = (React.createElement(React.Fragment, null,
-        React.createElement(TableToolbar.ItemGroup, { position: "start", className: st(classes.left, { expandable: !!tabs }), dataHook: "collection-table-toolbar-filters" }, left ?? (React.createElement(React.Fragment, null,
-            viewsToolbarItem && (React.createElement(InitialLoadingConditional, { state: state, loadingElement: React.createElement(CollectionToolbarSkeletonItem, { dataHook: "toolbar-views-skeleton", width: "100px" }) }, viewsToolbarItem)),
-            !viewsToolbarItem ? filtersElement : undefined))),
+        React.createElement(TableToolbar.ItemGroup, { position: "start", className: st(classes.left, {
+                expandable: !!tabs,
+                title: responsiveMode === 'title',
+            }), dataHook: "collection-table-toolbar-filters" },
+            React.createElement(CollectionToolbarLeftGroup, { state: state, left: left, viewsToolbarItem: viewsToolbarItem, filtersElement: filtersElement, mode: responsiveMode })),
         React.createElement(TableToolbar.ItemGroup, { position: isMobile ? undefined : 'end', className: st(classes.right, {}, ...[rendersStart ? undefined : classes.fullWidth]) },
-            React.createElement(CollectionToolbarActionsGroup, { state: state, viewsToolbarItem: viewsToolbarItem, filtersElement: filtersElement, MoreFiltersButton: MoreFiltersButton, multiLevelSorting: multiLevelSorting, customColumns: isMobile || isPanelLayout ? undefined : customColumns, exportButton: exportButton, search: searchElement, showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft, left: left }),
+            React.createElement(CollectionToolbarActionsGroup, { state: state, viewsToolbarItem: viewsToolbarItem, filtersElement: filtersElement, MoreFiltersButton: MoreFiltersButton, multiLevelSorting: multiLevelSorting, customColumns: isMobile || isPanelLayout ? undefined : customColumns, exportButton: exportButton, search: searchElement, showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft, left: left, hasTabs: !!tabs }),
             primaryActionButton && (React.createElement(TableToolbar.Item, null, primaryActionButton)),
             moreActions && (React.createElement(TableToolbar.Item, null, addDataHookToMoreActions())),
             secondaryActions && (React.createElement(TableToolbar.Item, null, secondaryActions)),
@@ -104,6 +114,7 @@ function _CollectionToolbar(props) {
             React.createElement(Box, { minHeight: isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px' }, state.isReorderModeToolbarVisible ? (dragAndDropReorderModeToolbar) : (React.createElement(TableToolbar, { removeVerticalPadding: true, className: st(classes.root, {
                     views: !responsive.responsiveDisabled,
                     mobile: isMobile,
+                    responsiveMode,
                 }), dataHook: "collection-table-toolbar" }, toolbarWithSkeleton))))));
 }
 export const CollectionToolbar = observer(_CollectionToolbar);

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

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

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css

@@ -1,21 +1,36 @@
 .root {
-  -st-states: views, mobile;
+  -st-states: views, mobile, responsiveMode(enum(title, views, tabs, disabled));
 }
 
 .left {
-  -st-states: expandable;
+  -st-states: expandable, title;
   min-width: 0;
 }
 
-.root:views .left {
-  flex-shrink: 1;
-  flex-grow: 0;
-}
-
 .left:expandable {
   flex: auto;
 }
 
+.left:title > * {
+  width: 100%;
+}
+
+.root:responsiveMode(title) .left {
+  flex: 1 100;
+  min-width: 50px;
+}
+
+.root:responsiveMode(tabs) .left,
+.root:responsiveMode(tabs) .left:expandable {
+  flex: 1 100 auto;
+  min-width: 140px;
+}
+
+.root:responsiveMode(tabs) .left > * {
+  flex-shrink: 1;
+  min-width: 0;
+}
+
 .root .right {
   justify-content: flex-end !important;
   flex-grow: 1;
@@ -30,6 +45,12 @@
   flex-basis: 0;
 }
 
+.root:responsiveMode(tabs) .right,
+.root:responsiveMode(title) .right {
+  flex: 0 1 auto;
+  min-width: 0;
+}
+
 .root .right.fullWidth {
   margin-inline-start: 0 !important;
 }

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar2950418002";
+var _namespace_ = "CollectionToolbar549189182";
 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": "CollectionToolbar2950418002__root", "left": "CollectionToolbar2950418002__left", "right": "CollectionToolbar2950418002__right", "fullWidth": "CollectionToolbar2950418002__fullWidth" };
+export var classes = { "root": "CollectionToolbar549189182__root", "left": "CollectionToolbar549189182__left", "right": "CollectionToolbar549189182__right", "fullWidth": "CollectionToolbar549189182__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.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,MAAM,EAAC,mCAAmC,EAAC,OAAO,EAAC,oCAAoC,EAAC,WAAW,EAAC,wCAAwC,EAAC,CAAC;AAC/M,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":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.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,MAAM,EAAC,kCAAkC,EAAC,OAAO,EAAC,mCAAmC,EAAC,WAAW,EAAC,uCAAuC,EAAC,CAAC;AAC3M,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/CollectionToolbar/CollectionToolbarLeftGroup.js

@@ -0,0 +1,28 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Box } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { InitialLoadingConditional } from '../InitialLoadingConditional';
+import { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';
+import { ToolbarLeftGroupState } from '../../state/Toolbar/ToolbarLeftGroupState';
+function _CollectionToolbarLeftGroup(props) {
+    const { state, left, viewsToolbarItem, filtersElement, mode } = props;
+    const { toolbar: { responsive }, } = state;
+    const isLeftElementMode = mode === 'tabs' || mode === 'title';
+    const container = useRef(null);
+    const [leftGroupState] = useState(() => new ToolbarLeftGroupState({
+        responsive,
+        mode,
+        minWidth: mode === 'title' ? 50 : 140,
+        getTabsState: () => state.tabs,
+    }));
+    useEffect(() => leftGroupState.init(container.current?.parentElement), []);
+    const content = left ?? (React.createElement(React.Fragment, null,
+        viewsToolbarItem && (React.createElement(InitialLoadingConditional, { state: state, loadingElement: React.createElement(CollectionToolbarSkeletonItem, { dataHook: "toolbar-views-skeleton", width: "100px" }) }, viewsToolbarItem)),
+        !viewsToolbarItem ? filtersElement : undefined));
+    if (isLeftElementMode && !responsive.responsiveDisabled) {
+        return (React.createElement(Box, { ref: (element) => (container.current = element) }, content));
+    }
+    return React.createElement(React.Fragment, null, content);
+}
+export const CollectionToolbarLeftGroup = observer(_CollectionToolbarLeftGroup);
+//# sourceMappingURL=CollectionToolbarLeftGroup.js.map

package/dist/esm/components/CollectionToolbar/CollectionToolbarLeftGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionToolbarLeftGroup.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbarLeftGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAWlF,SAAS,2BAA2B,CAClC,KAA4C;IAE5C,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,KAAK,CAAC;IAEV,MAAM,iBAAiB,GAAG,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,OAAO,CAAC;IAC9D,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEtD,MAAM,CAAC,cAAc,CAAC,GAAG,QAAQ,CAC/B,GAAG,EAAE,CACH,IAAI,qBAAqB,CAAC;QACxB,UAAU;QACV,IAAI;QACJ,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACrC,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI;KAC/B,CAAC,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3E,MAAM,OAAO,GAAG,IAAI,IAAI,CACtB;QACG,gBAAgB,IAAI,CACnB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,cAAc,EACZ,oBAAC,6BAA6B,IAC5B,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAC,OAAO,GACb,IAGH,gBAAgB,CACS,CAC7B;QACA,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAC9C,CACJ,CAAC;IAEF,IAAI,iBAAiB,IAAI,CAAC,UAAU,CAAC,kBAAkB,EAAE;QACvD,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC,IAAG,OAAO,CAAO,CACtE,CAAC;KACH;IAED,OAAO,0CAAG,OAAO,CAAI,CAAC;AACxB,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC"}

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.js

@@ -8,7 +8,7 @@ import { runInAction } from 'mobx';
 function _SearchOrCustomFilter(props) {
     const { search: _search, state } = props;
     const { toolbar: { responsive }, } = useToolbarCollectionContext();
-    const { _nextToShrink, search: searchResponsive, responsiveDisabled, } = responsive;
+    const { search: searchResponsive, responsiveDisabled } = responsive;
     const isMobile = useIsMobile();
     const isSearchExpanded = state._searchExpanded;
     const { search, isExpandable } = useMemo(() => {
@@ -56,9 +56,8 @@ function _SearchOrCustomFilter(props) {
         }
         return (React.createElement(TableToolbar.Item, { className: st(isMobile ? undefined : classes.search) }, child));
     }
-    const shouldShrink = _nextToShrink._count >= searchResponsive._count &&
-        searchResponsive._shouldShrink;
-    return (React.createElement(Box, { direction: "horizontal", maxWidth: "240px", minWidth: shouldShrink ? '139px' : '140px' },
+    const shouldShrink = searchResponsive._shouldShrink;
+    return (React.createElement(Box, { direction: "horizontal", width: shouldShrink ? '140px' : '240px' },
         React.createElement(Box, { width: shouldShrink ? '140px' : '240px' }, search)));
 }
 export const SearchOrCustomFilter = observer(_SearchOrCustomFilter);

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.js.map

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter3532595144";
+var _namespace_ = "SearchOrCustomFilter1540080530";
 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": "SearchOrCustomFilter3532595144__root", "search": "SearchOrCustomFilter3532595144__search", "searchMobile": "SearchOrCustomFilter3532595144__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter1540080530__root", "search": "SearchOrCustomFilter1540080530__search", "searchMobile": "SearchOrCustomFilter1540080530__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/toolbarModeUtils.js

@@ -0,0 +1,16 @@
+export function getToolbarMode({ isDisabled, hasTabs, hasTitle, hasViews, }) {
+    if (isDisabled) {
+        return 'disabled';
+    }
+    if (hasTabs) {
+        return 'tabs';
+    }
+    if (hasViews) {
+        return 'views';
+    }
+    if (hasTitle) {
+        return 'title';
+    }
+    return 'disabled';
+}
+//# sourceMappingURL=toolbarModeUtils.js.map

package/dist/esm/components/CollectionToolbar/toolbarModeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarModeUtils.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/toolbarModeUtils.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAAC,EAC7B,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,GAMT;IACC,IAAI,UAAU,EAAE;QACd,OAAO,UAAU,CAAC;KACnB;IACD,IAAI,OAAO,EAAE;QACX,OAAO,MAAM,CAAC;KACf;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,OAAO,CAAC;KAChB;IACD,IAAI,QAAQ,EAAE;QACZ,OAAO,OAAO,CAAC;KAChB;IACD,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/dist/esm/components/CollectionToolbar/useCollectionToolbarSyncedProps.js

@@ -4,7 +4,7 @@ import { useState } from 'react';
 export function useCollectionToolbarSyncedProps(props) {
     const { state, left, viewsToolbarItem } = props;
     const syncedProps = useSyncProps({
-        useResponsiveLayout: !left && !!viewsToolbarItem,
+        useResponsiveLayout: !!viewsToolbarItem || !!left,
     }, {
         useResponsiveLayout: observable.ref,
     });

package/dist/esm/components/CollectionToolbar/useCollectionToolbarSyncedProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCollectionToolbarSyncedProps.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/useCollectionToolbarSyncedProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAa/C,MAAM,UAAU,+BAA+B,CAC7C,KAAkD;IAElD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,WAAW,GAAG,YAAY,CAC9B;QACE,mBAAmB,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,gBAAgB;KACjD,EACD;QACE,mBAAmB,EAAE,UAAU,CAAC,GAAG;KACpC,CACF,CAAC;IAEF,QAAQ,CAAC,GAAG,EAAE;QACZ,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC"}
+{"version":3,"file":"useCollectionToolbarSyncedProps.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/useCollectionToolbarSyncedProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAClC,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAa/C,MAAM,UAAU,+BAA+B,CAC7C,KAAkD;IAElD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,WAAW,GAAG,YAAY,CAC9B;QACE,mBAAmB,EAAE,CAAC,CAAC,gBAAgB,IAAI,CAAC,CAAC,IAAI;KAClD,EACD;QACE,mBAAmB,EAAE,UAAU,CAAC,GAAG;KACpC,CACF,CAAC;IAEF,QAAQ,CAAC,GAAG,EAAE;QACZ,KAAK,CAAC,YAAY,GAAG,WAAW,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly572573198";
+var _namespace_ = "AutoCompleteReadonly3648565176";
 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": "AutoCompleteReadonly572573198__root" };
+export var classes = { "root": "AutoCompleteReadonly3648565176__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,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,qCAAqC,EAAC,CAAC;AACpE,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":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,CAAC;AACrE,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/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown1422484904";
+var _namespace_ = "ViewsDropdown4092561865";
 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": "ViewsDropdown1422484904__root" };
+export var classes = { "root": "ViewsDropdown4092561865__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -14,7 +14,7 @@ export const transformOperatorFilterToWQL = (filterName, filterValue) => {
         return [
             {
                 [filterName]: {
-                    $eq: null,
+                    $isEmpty: 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":"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"}