@wix/patterns 1.304.0 → 1.306.0

package/src/state/TableGridSwitchState.ts

@@ -1,13 +1,13 @@
 import {
-  WixPatternsContainer,
-  WixPatternsContainerParams,
   CollectionState,
   FiltersMap,
   TaskState,
+  WixPatternsContainer,
+  WixPatternsContainerParams,
 } from '@wix/bex-core';
 import { TableState } from './TableState';
 import { GridState } from './GridState';
-import { runInAction, makeObservable, computed } from 'mobx';
+import { computed, makeObservable, runInAction } from 'mobx';
 import { ToolbarCollectionState } from './ToolbarCollectionState';
 import { ViewTypeState } from './ViewTypeState';
 import { ICollectionComponentState } from './ICollectionComponentState';
@@ -87,8 +87,13 @@ export class TableGridSwitchState<T, F extends FiltersMap>
   }
 
   init() {
-    this.initTask.runOnce(async () => {
-      await this.viewTypeState.init();
+    const { viewTypeState, initTask } = this;
+    viewTypeState.init();
+
+    initTask.runOnce(async () => {
+      viewTypeState.initTask.runOnce();
+
+      await viewTypeState.initTask.status.promise;
     });
   }
 }

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1054862451__root.CardContainer1054862451--mobile{border-radius:0}.Collapse2235260863__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2235260863__exit{height:0}.CollectionPage4133424547__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage4133424547__root.CollectionPage4133424547--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage4133424547__root.CollectionPage4133424547--panel{overflow:hidden;position:relative}.CollectionTable2075048471__root td{vertical-align:middle}.CollectionTable2075048471__root.CollectionTable2075048471--mobile td:first-child{padding-left:18px}.CollectionTable2075048471__root.CollectionTable2075048471--mobile td:last-child{padding-right:18px}.CollectionToolbar1909610262__left{min-width:0}.CollectionToolbar1909610262__root.CollectionToolbar1909610262--views .CollectionToolbar1909610262__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1909610262__left.CollectionToolbar1909610262--expandable{flex:auto}.CollectionToolbar1909610262__root .CollectionToolbar1909610262__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1909610262__root.CollectionToolbar1909610262--views .CollectionToolbar1909610262__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1909610262__root .CollectionToolbar1909610262__right.CollectionToolbar1909610262__fullWidth{margin-inline-start:0!important}.CollectionToolbar1909610262__root.CollectionToolbar1909610262--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1366149973__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1366149973__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter1366149973__searchMobile.SearchOrCustomFilter1366149973--expandable{left:unset}.SearchOrCustomFilter1366149973__searchMobile.SearchOrCustomFilter1366149973--expandable.SearchOrCustomFilter1366149973--expanded{left:18px}.AutoCompleteReadonly1872153975__root.AutoCompleteReadonly1872153975--disableEditing{cursor:pointer}.AutoCompleteReadonly1872153975__root.AutoCompleteReadonly1872153975--disableEditing input{cursor:pointer}.ViewsDropdown4229148614__root{width:200px}.DragHandle3572221251__root{display:flex;align-items:center}.DragHandle3572221251__root:not(.DragHandle3572221251--disabled){cursor:grab;color:#a8caff}.DragHandle3572221251__root.DragHandle3572221251--disabled{color:#acafc4}.DragHandle3572221251__root:focus-visible:not(.DragHandle3572221251--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3572221251__root.DragHandle3572221251--disabled{pointer-events:none}.DragHandle3572221251__root.DragHandle3572221251--dragging:not(.DragHandle3572221251--disabled){cursor:grabbing}.EntityPagePlain29499047__root.EntityPagePlain29499047--mobile{--wds-page-header-padding-horizontal:0}.Fade613913500__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade613913500__root.Fade613913500--exit{opacity:0}.Heading1845032430__root{visibility:visible}.Heading1845032430__root.Heading1845032430--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow475762153__root.InputOverflow475762153--selected:not(.InputOverflow475762153--focused) input::placeholder{color:#000624}@keyframes LoadingRow2706506819__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%}}.LoadingRow2706506819__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:LoadingRow2706506819__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4103111352__root{opacity:1}.MaxHeightText4103111352__root.MaxHeightText4103111352--height24{line-height:24px}.MaxLines3586690955__root{overflow:hidden}.MaxLines3586690955__root.MaxLines3586690955--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3679535691__root{min-width:0}.NestedTablePlaceholderStatesRow1220301747__root td{padding:0!important;width:100%}.NestedTableRow2250153883__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2250153883__root:hover{background-color:#e7f0ff!important}.NestedTableRow2250153883__root.NestedTableRow2250153883--expandable{cursor:pointer}.NestedTableRow2250153883__placeholder td{padding:0!important;width:100%}.NestedTableRow2250153883__root:hover td:first-of-type::before,.NestedTableRow2250153883__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3277267542__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)}.NestedTableDragAndDropRow805697369__root.NestedTableDragAndDropRow805697369--draggingInto td{background-color:#e7f0ff!important}.PickerContent2180771617__root{display:flex}.PickerContentAdditionalStep3526964792__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3526964792__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1007298762__root{box-sizing:border-box}.ScrollableContent1691221324__root.ScrollableContent1691221324--overflowY{overflow-y:auto}.ScrollableContent1691221324__root.ScrollableContent1691221324--overflowX{overflow-x:auto}.ScrollableContent1691221324__root.ScrollableContent1691221324--smooth{scroll-behavior:smooth}.SkeletonCard2873380798__headerLoading{display:block!important}.SlidingModal3809968476__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3809968476__root.SlidingModal3809968476--overlay{transition:transform 0s ease 0s}.SlidingModal3809968476__root.SlidingModal3809968476---appendTo-6-parent{position:absolute}.SlidingModal3809968476__root:not(.SlidingModal3809968476--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4211873481__root .TabsFilter4211873481__title{color:inherit!important}.ManageTagsModal4030174470__root{display:flex}.ToolbarItem1240095731__root{min-width:0}.ToolbarItemBox2326571548__root{min-width:0}.ToolbarItemBox2326571548__root.ToolbarItemBox2326571548--removeStartPadding{margin-left:-24px}.ToolbarItemBox2326571548__root.ToolbarItemBox2326571548--expandable{flex:1 0}.common3325282844__column{display:flex;flex-direction:column}.common3325282844__fullHeight{height:100%;min-height:0}.CollectionPageHeader534030273__root.CollectionPageHeader534030273--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader534030273__root.CollectionPageHeader534030273--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3275281243__root.FormPageHeader3275281243--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3275281243__root.FormPageHeader3275281243--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2303820301__root.CardContainer2303820301--mobile{border-radius:0}.Collapse1016757042__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1016757042__exit{height:0}.CollectionPage1267527888__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1267527888__root.CollectionPage1267527888--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1267527888__root.CollectionPage1267527888--panel{overflow:hidden;position:relative}.CollectionTable2350162219__root td{vertical-align:middle}.CollectionTable2350162219__root.CollectionTable2350162219--mobile td:first-child{padding-left:18px}.CollectionTable2350162219__root.CollectionTable2350162219--mobile td:last-child{padding-right:18px}.CollectionToolbar1031518840__left{min-width:0}.CollectionToolbar1031518840__root.CollectionToolbar1031518840--views .CollectionToolbar1031518840__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1031518840__left.CollectionToolbar1031518840--expandable{flex:auto}.CollectionToolbar1031518840__root .CollectionToolbar1031518840__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1031518840__root.CollectionToolbar1031518840--views .CollectionToolbar1031518840__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1031518840__root .CollectionToolbar1031518840__right.CollectionToolbar1031518840__fullWidth{margin-inline-start:0!important}.CollectionToolbar1031518840__root.CollectionToolbar1031518840--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2087584984__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2087584984__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter2087584984__searchMobile.SearchOrCustomFilter2087584984--expandable{left:unset}.SearchOrCustomFilter2087584984__searchMobile.SearchOrCustomFilter2087584984--expandable.SearchOrCustomFilter2087584984--expanded{left:18px}.AutoCompleteReadonly1088001653__root.AutoCompleteReadonly1088001653--disableEditing{cursor:pointer}.AutoCompleteReadonly1088001653__root.AutoCompleteReadonly1088001653--disableEditing input{cursor:pointer}.ViewsDropdown2194350599__root{width:200px}.DragHandle2587922099__root{display:flex;align-items:center}.DragHandle2587922099__root:not(.DragHandle2587922099--disabled){cursor:grab;color:#a8caff}.DragHandle2587922099__root.DragHandle2587922099--disabled{color:#acafc4}.DragHandle2587922099__root:focus-visible:not(.DragHandle2587922099--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2587922099__root.DragHandle2587922099--disabled{pointer-events:none}.DragHandle2587922099__root.DragHandle2587922099--dragging:not(.DragHandle2587922099--disabled){cursor:grabbing}.EntityPagePlain1663004230__root.EntityPagePlain1663004230--mobile{--wds-page-header-padding-horizontal:0}.Fade2669200486__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2669200486__root.Fade2669200486--exit{opacity:0}.Heading991438456__root{visibility:visible}.Heading991438456__root.Heading991438456--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2037453751__root.InputOverflow2037453751--selected:not(.InputOverflow2037453751--focused) input::placeholder{color:#000624}@keyframes LoadingRow1975300858__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%}}.LoadingRow1975300858__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:LoadingRow1975300858__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText45919511__root{opacity:1}.MaxHeightText45919511__root.MaxHeightText45919511--height24{line-height:24px}.MaxLines4239592132__root{overflow:hidden}.MaxLines4239592132__root.MaxLines4239592132--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1106469075__root{min-width:0}.MultiBulkActionToolbar1106469075__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1106469075__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1106469075__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2511293419__root td{padding:0!important;width:100%}.NestedTableRow3790901977__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3790901977__root:hover{background-color:#e7f0ff!important}.NestedTableRow3790901977__root.NestedTableRow3790901977--expandable{cursor:pointer}.NestedTableRow3790901977__placeholder td{padding:0!important;width:100%}.NestedTableRow3790901977__root:hover td:first-of-type::before,.NestedTableRow3790901977__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect275666098__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)}.NestedTableDragAndDropRow3512225345__root.NestedTableDragAndDropRow3512225345--draggingInto td{background-color:#e7f0ff!important}.PickerContent3158229350__root{display:flex}.PickerContentAdditionalStep1951201848__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1951201848__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1601093908__root{box-sizing:border-box}.ScrollableContent1669532860__root.ScrollableContent1669532860--overflowY{overflow-y:auto}.ScrollableContent1669532860__root.ScrollableContent1669532860--overflowX{overflow-x:auto}.ScrollableContent1669532860__root.ScrollableContent1669532860--smooth{scroll-behavior:smooth}.SkeletonCard3295257123__headerLoading{display:block!important}.SlidingModal2991292953__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2991292953__root.SlidingModal2991292953--overlay{transition:transform 0s ease 0s}.SlidingModal2991292953__root.SlidingModal2991292953---appendTo-6-parent{position:absolute}.SlidingModal2991292953__root:not(.SlidingModal2991292953--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter346877995__root .TabsFilter346877995__title{color:inherit!important}.ManageTagsModal786203405__root{display:flex}.ToolbarItem4277609376__root{min-width:0}.ToolbarItemBox4163029268__root{min-width:0}.ToolbarItemBox4163029268__root.ToolbarItemBox4163029268--removeStartPadding{margin-left:-24px}.ToolbarItemBox4163029268__root.ToolbarItemBox4163029268--expandable{flex:1 0}.common3332224776__column{display:flex;flex-direction:column}.common3332224776__fullHeight{height:100%;min-height:0}.CollectionPageHeader1429692819__root.CollectionPageHeader1429692819--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1429692819__root.CollectionPageHeader1429692819--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader344863152__root.FormPageHeader344863152--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader344863152__root.FormPageHeader344863152--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.304.0';
+export const version = 'patterns@1.306.0';