@wix/patterns 1.348.0 → 1.350.0

package/src/state/FormPage/FormPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader3061059774";
+var _namespace_ = "FormPageHeader1444782176";
 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":"FormPageHeader3061059774__root"};
+export var classes = {"root":"FormPageHeader1444782176__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/TableGridSwitchFoldersState.ts

@@ -80,6 +80,8 @@ export class TableGridSwitchFoldersState<
       componentType: 'TableGridSwitchFolders',
     });
 
+    this.toolbar.layoutState = this;
+
     makeObservable(this, {
       viewType: computed,
     });

package/src/state/TableGridSwitchState.ts

@@ -67,6 +67,8 @@ export class TableGridSwitchState<T, F extends FiltersMap>
       collection: this.collection,
     });
 
+    this.toolbar.layoutState = this;
+
     makeObservable(this, {
       viewType: computed,
     });

package/src/state/ToolbarCollectionState.ts

@@ -25,7 +25,15 @@ import {
   TaskState,
   ValueBox,
 } from '@wix/bex-core';
-import { Column, FilterProps, PrivateView, TableColumn } from '../model';
+import {
+  Column,
+  FilterProps,
+  PrivateView,
+  TableColumn,
+  ViewType,
+} from '../model';
+
+export { ViewType };
 import { CustomColumnsProps } from '../components/CustomColumns';
 import type {
   LiveRegionRefType,
@@ -71,6 +79,10 @@ export interface ToolbarCollectionStateParamsInitParams {
   skipFilterListeners?: boolean;
 }
 
+export interface LayoutState {
+  viewType: ViewType;
+}
+
 export interface ToolbarCollectionStateParams<T, F extends FiltersMap> {
   readonly container: WixPatternsContainer;
   readonly collection: CollectionState<T, F>;
@@ -161,6 +173,7 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
   pendingQuery?: QueryPendingState;
   AddApplyFiltersButton?: typeof AddApplyFiltersButton;
   tabs?: TabsFilterState<T, F>;
+  layoutState?: LayoutState;
 
   _searchExpanded = false;
 

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3474825576__root.CardContainer3474825576--mobile{border-radius:0}.Collapse2319884383__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2319884383__exit{height:0}.CollectionPage2682427478__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2682427478__root.CollectionPage2682427478--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2682427478__root.CollectionPage2682427478--panel{overflow:hidden;position:relative}.CollectionSectionHeader3345630489__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3300092515__root td{vertical-align:middle}.CollectionTable3300092515__root.CollectionTable3300092515--mobile td:first-child{padding-left:18px}.CollectionTable3300092515__root.CollectionTable3300092515--mobile td:last-child{padding-right:18px}.CollectionToolbar676126279__left{min-width:0}.CollectionToolbar676126279__left.CollectionToolbar676126279--expandable{flex:auto}.CollectionToolbar676126279__left.CollectionToolbar676126279--title>*{width:100%}.CollectionToolbar676126279__root.CollectionToolbar676126279---responsiveMode-5-title .CollectionToolbar676126279__left{flex:1 100;min-width:50px}.CollectionToolbar676126279__root.CollectionToolbar676126279---responsiveMode-4-tabs .CollectionToolbar676126279__left,.CollectionToolbar676126279__root.CollectionToolbar676126279---responsiveMode-4-tabs .CollectionToolbar676126279__left.CollectionToolbar676126279--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar676126279__root.CollectionToolbar676126279---responsiveMode-4-tabs .CollectionToolbar676126279__left>*{flex-shrink:1;min-width:0}.CollectionToolbar676126279__root .CollectionToolbar676126279__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar676126279__root.CollectionToolbar676126279--views .CollectionToolbar676126279__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar676126279__root.CollectionToolbar676126279---responsiveMode-4-tabs .CollectionToolbar676126279__right,.CollectionToolbar676126279__root.CollectionToolbar676126279---responsiveMode-5-title .CollectionToolbar676126279__right{flex:0 1 auto;min-width:0}.CollectionToolbar676126279__root .CollectionToolbar676126279__right.CollectionToolbar676126279__fullWidth{margin-inline-start:0!important}.CollectionToolbar676126279__root.CollectionToolbar676126279--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter585730892__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter585730892__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter585730892__searchMobile:not(.SearchOrCustomFilter585730892--expandable){left:18px}.SearchOrCustomFilter585730892__searchMobile.SearchOrCustomFilter585730892--expandable.SearchOrCustomFilter585730892--expanded{left:18px}.AutoCompleteReadonly1974284090__root.AutoCompleteReadonly1974284090--disableEditing{cursor:pointer}.AutoCompleteReadonly1974284090__root.AutoCompleteReadonly1974284090--disableEditing input{cursor:pointer}.ViewsDropdown1047621763__root{width:200px}.DragHandle4211744995__root{display:flex;align-items:center}.DragHandle4211744995__root:not(.DragHandle4211744995--disabled){cursor:grab;color:#a8caff}.DragHandle4211744995__root.DragHandle4211744995--disabled{color:#acafc4}.DragHandle4211744995__root:focus-visible:not(.DragHandle4211744995--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4211744995__root.DragHandle4211744995--disabled{pointer-events:none}.DragHandle4211744995__root.DragHandle4211744995--dragging:not(.DragHandle4211744995--disabled){cursor:grabbing}.EntityPagePlain165029253__root.EntityPagePlain165029253--mobile{--wds-page-header-padding-horizontal:0}.Fade113856090__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade113856090__root.Fade113856090--exit{opacity:0}.Heading4117206017__root{visibility:visible}.Heading4117206017__root.Heading4117206017--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow122992747__root.InputOverflow122992747--selected:not(.InputOverflow122992747--focused) input::placeholder{color:#000624}@keyframes LoadingRow2386845315__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%}}.LoadingRow2386845315__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:LoadingRow2386845315__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2941345795__root{opacity:1}.MaxHeightText2941345795__root.MaxHeightText2941345795--height24{line-height:24px}.MaxLines2685931768__root{overflow:hidden}.MaxLines2685931768__root.MaxLines2685931768--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3636803309__root{min-width:0}.MultiBulkActionToolbar3636803309__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3636803309__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3636803309__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3299048733__root td{padding:0!important;width:100%}.NestedTableRow2944825962__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2944825962__root:hover{background-color:#e7f0ff!important}.NestedTableRow2944825962__root.NestedTableRow2944825962--expandable{cursor:pointer}.NestedTableRow2944825962__placeholder td{padding:0!important;width:100%}.NestedTableRow2944825962__root:hover td:first-of-type::before,.NestedTableRow2944825962__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2848659450__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)}.NestedTableDragAndDropRow2616913862__root.NestedTableDragAndDropRow2616913862--draggingInto td{background-color:#e7f0ff!important}.PickerContent1060271441__root{display:flex}.PickerContentAdditionalStep2173691430__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2173691430__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3400953959__root{box-sizing:border-box}.ScrollableContent3587171475__root.ScrollableContent3587171475--overflowY{overflow-y:auto}.ScrollableContent3587171475__root.ScrollableContent3587171475--overflowX{overflow-x:auto}.ScrollableContent3587171475__root.ScrollableContent3587171475--smooth{scroll-behavior:smooth}.SkeletonCard658555106__headerLoading{display:block!important}.SlidingModal1479463160__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1479463160__root.SlidingModal1479463160--overlay{transition:transform 0s ease 0s}.SlidingModal1479463160__root.SlidingModal1479463160---appendTo-6-parent{position:absolute}.SlidingModal1479463160__root:not(.SlidingModal1479463160--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter139350848__root .TabsFilter139350848__title{color:inherit!important}.ManageTagsModal3372698127__root{display:flex}.ToolbarItem1044695008__root{min-width:0}.ToolbarItemBox670410846__root{min-width:0}.ToolbarItemBox670410846__root.ToolbarItemBox670410846--removeStartPadding{margin-left:-24px}.ToolbarItemBox670410846__root.ToolbarItemBox670410846--expandable{flex:1 0}.common2108847060__column{display:flex;flex-direction:column}.common2108847060__fullHeight{height:100%;min-height:0}.CollectionPageHeader3927332087__root.CollectionPageHeader3927332087--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3927332087__root.CollectionPageHeader3927332087--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3061059774__root.FormPageHeader3061059774--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3061059774__root.FormPageHeader3061059774--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2749719729__root.CardContainer2749719729--mobile{border-radius:0}.Collapse530804408__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse530804408__exit{height:0}.CollectionPage2316002973__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2316002973__root.CollectionPage2316002973--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2316002973__root.CollectionPage2316002973--panel{overflow:hidden;position:relative}.CollectionSectionHeader1509876843__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2246995481__root td{vertical-align:middle}.CollectionTable2246995481__root.CollectionTable2246995481--mobile td:first-child{padding-left:18px}.CollectionTable2246995481__root.CollectionTable2246995481--mobile td:last-child{padding-right:18px}.CollectionToolbar2480930612__left{min-width:0}.CollectionToolbar2480930612__left.CollectionToolbar2480930612--expandable{flex:auto}.CollectionToolbar2480930612__left.CollectionToolbar2480930612--title>*{width:100%}.CollectionToolbar2480930612__root.CollectionToolbar2480930612---responsiveMode-5-title .CollectionToolbar2480930612__left{flex:1 100;min-width:50px}.CollectionToolbar2480930612__root.CollectionToolbar2480930612---responsiveMode-4-tabs .CollectionToolbar2480930612__left,.CollectionToolbar2480930612__root.CollectionToolbar2480930612---responsiveMode-4-tabs .CollectionToolbar2480930612__left.CollectionToolbar2480930612--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2480930612__root.CollectionToolbar2480930612---responsiveMode-4-tabs .CollectionToolbar2480930612__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2480930612__root .CollectionToolbar2480930612__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2480930612__root.CollectionToolbar2480930612--views .CollectionToolbar2480930612__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2480930612__root.CollectionToolbar2480930612---responsiveMode-4-tabs .CollectionToolbar2480930612__right,.CollectionToolbar2480930612__root.CollectionToolbar2480930612---responsiveMode-5-title .CollectionToolbar2480930612__right{flex:0 1 auto;min-width:0}.CollectionToolbar2480930612__root .CollectionToolbar2480930612__right.CollectionToolbar2480930612__fullWidth{margin-inline-start:0!important}.CollectionToolbar2480930612__root.CollectionToolbar2480930612--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2019873381__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2019873381__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2019873381__searchMobile:not(.SearchOrCustomFilter2019873381--expandable){left:18px}.SearchOrCustomFilter2019873381__searchMobile.SearchOrCustomFilter2019873381--expandable.SearchOrCustomFilter2019873381--expanded{left:18px}.AutoCompleteReadonly553307374__root.AutoCompleteReadonly553307374--disableEditing{cursor:pointer}.AutoCompleteReadonly553307374__root.AutoCompleteReadonly553307374--disableEditing input{cursor:pointer}.ViewsDropdown3364347350__root{width:200px}.DragHandle3028207720__root{display:flex;align-items:center}.DragHandle3028207720__root:not(.DragHandle3028207720--disabled){cursor:grab;color:#a8caff}.DragHandle3028207720__root.DragHandle3028207720--disabled{color:#acafc4}.DragHandle3028207720__root:focus-visible:not(.DragHandle3028207720--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3028207720__root.DragHandle3028207720--disabled{pointer-events:none}.DragHandle3028207720__root.DragHandle3028207720--dragging:not(.DragHandle3028207720--disabled){cursor:grabbing}.EntityPagePlain2668659888__root.EntityPagePlain2668659888--mobile{--wds-page-header-padding-horizontal:0}.Fade3563359266__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3563359266__root.Fade3563359266--exit{opacity:0}.Heading766337662__root{visibility:visible}.Heading766337662__root.Heading766337662--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1779509954__root.InputOverflow1779509954--selected:not(.InputOverflow1779509954--focused) input::placeholder{color:#000624}@keyframes LoadingRow553533932__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%}}.LoadingRow553533932__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:LoadingRow553533932__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2504789387__root{opacity:1}.MaxHeightText2504789387__root.MaxHeightText2504789387--height24{line-height:24px}.MaxLines3028305029__root{overflow:hidden}.MaxLines3028305029__root.MaxLines3028305029--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2688608817__root{min-width:0}.MultiBulkActionToolbar2688608817__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2688608817__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2688608817__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1937939244__root td{padding:0!important;width:100%}.NestedTableRow3689359283__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3689359283__root:hover{background-color:#e7f0ff!important}.NestedTableRow3689359283__root.NestedTableRow3689359283--expandable{cursor:pointer}.NestedTableRow3689359283__placeholder td{padding:0!important;width:100%}.NestedTableRow3689359283__root:hover td:first-of-type::before,.NestedTableRow3689359283__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3206783830__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)}.NestedTableDragAndDropRow744388253__root.NestedTableDragAndDropRow744388253--draggingInto td{background-color:#e7f0ff!important}.PickerContent3963351279__root{display:flex}.PickerContentAdditionalStep264967915__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep264967915__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3022048392__root{box-sizing:border-box}.ScrollableContent2076216529__root.ScrollableContent2076216529--overflowY{overflow-y:auto}.ScrollableContent2076216529__root.ScrollableContent2076216529--overflowX{overflow-x:auto}.ScrollableContent2076216529__root.ScrollableContent2076216529--smooth{scroll-behavior:smooth}.SkeletonCard1795565244__headerLoading{display:block!important}.SlidingModal3372557518__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3372557518__root.SlidingModal3372557518--overlay{transition:transform 0s ease 0s}.SlidingModal3372557518__root.SlidingModal3372557518---appendTo-6-parent{position:absolute}.SlidingModal3372557518__root:not(.SlidingModal3372557518--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter495725624__root .TabsFilter495725624__title{color:inherit!important}.ManageTagsModal2969187637__root{display:flex}.ToolbarItem3348336680__root{min-width:0}.ToolbarItemBox2027176087__root{min-width:0}.ToolbarItemBox2027176087__root.ToolbarItemBox2027176087--removeStartPadding{margin-left:-24px}.ToolbarItemBox2027176087__root.ToolbarItemBox2027176087--expandable{flex:1 0}.common309578550__column{display:flex;flex-direction:column}.common309578550__fullHeight{height:100%;min-height:0}.CollectionPageHeader3002738934__root.CollectionPageHeader3002738934--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3002738934__root.CollectionPageHeader3002738934--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1444782176__root.FormPageHeader1444782176--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1444782176__root.FormPageHeader1444782176--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.348.0';
+export const version = 'patterns@1.350.0';