@wix/patterns 1.274.0 → 1.275.0

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

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

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

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

package/src/state/KanbanState/KanbanStageState.ts

@@ -157,14 +157,18 @@ export class KanbanStageState<
     this.itemsCollectionState.optimisticActions.deleteOne(item, {
       submit: () => Promise.resolve(),
     });
-    this.setTotal((this._total ?? 0) - 1);
+    runInAction(() => {
+      this.setTotal((this._total ?? 0) - 1);
+    });
   }
 
   createItem(item: T) {
     this.itemsCollectionState.optimisticActions.createOne(item, {
       submit: () => Promise.resolve(),
     });
-    this.setTotal((this._total ?? 0) + 1);
+    runInAction(() => {
+      this.setTotal((this._total ?? 0) + 1);
+    });
   }
 
   showErrorToast(error: unknown) {

package/src/state/KanbanState/KanbanStateBIReporter.ts

@@ -7,6 +7,7 @@ import {
   cairoDragItem,
   cairoDragItemEndDrop,
 } from '@wix/bex-core/bi';
+import { runInAction } from 'mobx';
 import { KanbanComponentType, type KanbanState } from './KanbanState';
 
 export enum KanbanCtaType {
@@ -248,21 +249,25 @@ export class KanbanStateBIReporter<T, S, F extends FiltersMap> {
   };
 
   private getTotalCardsCount(): number {
-    return Object.values(this.kanbanState.kanbanStageStates).reduce(
-      (total, stageState) => total + (stageState?.totalItems || 0),
-      0,
+    return runInAction(() =>
+      Object.values(this.kanbanState.kanbanStageStates).reduce(
+        (total, stageState) => total + (stageState?.totalItems || 0),
+        0,
+      ),
     );
   }
 
   private getStageCardCounts(): string {
     const counts: Record<string, number> = {};
-    Object.entries(this.kanbanState.kanbanStageStates).forEach(
-      ([stageId, stageState]) => {
-        if (stageState) {
-          counts[stageId] = stageState.totalItems || 0;
-        }
-      },
-    );
+    runInAction(() => {
+      Object.entries(this.kanbanState.kanbanStageStates).forEach(
+        ([stageId, stageState]) => {
+          if (stageState) {
+            counts[stageId] = stageState.totalItems || 0;
+          }
+        },
+      );
+    });
     return JSON.stringify(counts);
   }
 

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2889415271__root.CardContainer2889415271--mobile{border-radius:0}.Collapse3700940376__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3700940376__exit{height:0}.CollectionPage3921024459__root.CollectionPage3921024459--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage3921024459__root.CollectionPage3921024459--panel{overflow:hidden;position:relative}.CollectionTable1803194027__root td{vertical-align:middle}.CollectionTable1803194027__root.CollectionTable1803194027--mobile td:first-child{padding-left:18px}.CollectionTable1803194027__root.CollectionTable1803194027--mobile td:last-child{padding-right:18px}.CollectionToolbar2347081718__left{min-width:0}.CollectionToolbar2347081718__root.CollectionToolbar2347081718--views .CollectionToolbar2347081718__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2347081718__left.CollectionToolbar2347081718--expandable{flex:auto}.CollectionToolbar2347081718__root .CollectionToolbar2347081718__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2347081718__root.CollectionToolbar2347081718--views .CollectionToolbar2347081718__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2347081718__root .CollectionToolbar2347081718__right.CollectionToolbar2347081718__fullWidth{margin-inline-start:0!important}.CollectionToolbar2347081718__root.CollectionToolbar2347081718--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2464389102__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2464389102__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3521084809__root.AutoCompleteReadonly3521084809--disableEditing{cursor:pointer}.AutoCompleteReadonly3521084809__root.AutoCompleteReadonly3521084809--disableEditing input{cursor:pointer}.ViewsDropdown1588985722__root{width:200px}.DragHandle4213415148__root{display:flex;align-items:center}.DragHandle4213415148__root:not(.DragHandle4213415148--disabled){cursor:grab;color:#a8caff}.DragHandle4213415148__root.DragHandle4213415148--disabled{color:#acafc4}.DragHandle4213415148__root:focus-visible:not(.DragHandle4213415148--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4213415148__root.DragHandle4213415148--disabled{pointer-events:none}.DragHandle4213415148__root.DragHandle4213415148--dragging:not(.DragHandle4213415148--disabled){cursor:grabbing}.EntityPagePlain1566733029__root.EntityPagePlain1566733029--mobile{--wds-page-header-padding-horizontal:0}.Fade1020994248__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1020994248__root.Fade1020994248--exit{opacity:0}.Heading2545566122__root{visibility:visible}.Heading2545566122__root.Heading2545566122--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3716241187__root.InputOverflow3716241187--selected:not(.InputOverflow3716241187--focused) input::placeholder{color:#000624}@keyframes LoadingRow2450376661__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%}}.LoadingRow2450376661__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:LoadingRow2450376661__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3956546421__root{opacity:1}.MaxHeightText3956546421__root.MaxHeightText3956546421--height24{line-height:24px}.MaxLines1047017223__root{overflow:hidden}.MaxLines1047017223__root.MaxLines1047017223--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2557674296__root{min-width:0}.NestedTablePlaceholderStatesRow597012470__root td{padding:0!important;width:100%}.NestedTableRow3472296179__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3472296179__root:hover{background-color:#e7f0ff!important}.NestedTableRow3472296179__root.NestedTableRow3472296179--expandable{cursor:pointer}.NestedTableRow3472296179__placeholder td{padding:0!important;width:100%}.NestedTableRow3472296179__root:hover td:first-of-type::before,.NestedTableRow3472296179__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3302833200__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)}.NestedTableDragAndDropRow3289467326__root.NestedTableDragAndDropRow3289467326--draggingInto td{background-color:#e7f0ff!important}.PickerContent812165140__root{display:flex}.PickerContentAdditionalStep1561634345__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1561634345__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3724423920__root{box-sizing:border-box}.ScrollableContent1293787194__root.ScrollableContent1293787194--overflowY{overflow-y:auto}.ScrollableContent1293787194__root.ScrollableContent1293787194--overflowX{overflow-x:auto}.ScrollableContent1293787194__root.ScrollableContent1293787194--smooth{scroll-behavior:smooth}.SkeletonCard2539536099__headerLoading{display:block!important}.SlidingModal606708322__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal606708322__root.SlidingModal606708322---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal606708322__root:not(.SlidingModal606708322--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter914305513__root .TabsFilter914305513__title{color:inherit!important}.ManageTagsModal1669701645__root{display:flex}.ToolbarItem397874102__root{min-width:0}.ToolbarItemBox774687617__root{min-width:0}.ToolbarItemBox774687617__root.ToolbarItemBox774687617--removeStartPadding{margin-left:-24px}.ToolbarItemBox774687617__root.ToolbarItemBox774687617--expandable{flex:1 0}.common2229752189__column{display:flex;flex-direction:column}.common2229752189__fullHeight{height:100%;min-height:0}.CollectionPageHeader3738423610__root.CollectionPageHeader3738423610--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3738423610__root.CollectionPageHeader3738423610--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader971515710__root.FormPageHeader971515710--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader971515710__root.FormPageHeader971515710--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2520636370__root.CardContainer2520636370--mobile{border-radius:0}.Collapse3802424246__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3802424246__exit{height:0}.CollectionPage2487429115__root.CollectionPage2487429115--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage2487429115__root.CollectionPage2487429115--panel{overflow:hidden;position:relative}.CollectionTable2138430120__root td{vertical-align:middle}.CollectionTable2138430120__root.CollectionTable2138430120--mobile td:first-child{padding-left:18px}.CollectionTable2138430120__root.CollectionTable2138430120--mobile td:last-child{padding-right:18px}.CollectionToolbar514980338__left{min-width:0}.CollectionToolbar514980338__root.CollectionToolbar514980338--views .CollectionToolbar514980338__left{flex-shrink:1;flex-grow:0}.CollectionToolbar514980338__left.CollectionToolbar514980338--expandable{flex:auto}.CollectionToolbar514980338__root .CollectionToolbar514980338__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar514980338__root.CollectionToolbar514980338--views .CollectionToolbar514980338__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar514980338__root .CollectionToolbar514980338__right.CollectionToolbar514980338__fullWidth{margin-inline-start:0!important}.CollectionToolbar514980338__root.CollectionToolbar514980338--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3382259141__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3382259141__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly614890805__root.AutoCompleteReadonly614890805--disableEditing{cursor:pointer}.AutoCompleteReadonly614890805__root.AutoCompleteReadonly614890805--disableEditing input{cursor:pointer}.ViewsDropdown4170405100__root{width:200px}.DragHandle3083255892__root{display:flex;align-items:center}.DragHandle3083255892__root:not(.DragHandle3083255892--disabled){cursor:grab;color:#a8caff}.DragHandle3083255892__root.DragHandle3083255892--disabled{color:#acafc4}.DragHandle3083255892__root:focus-visible:not(.DragHandle3083255892--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3083255892__root.DragHandle3083255892--disabled{pointer-events:none}.DragHandle3083255892__root.DragHandle3083255892--dragging:not(.DragHandle3083255892--disabled){cursor:grabbing}.EntityPagePlain3211700532__root.EntityPagePlain3211700532--mobile{--wds-page-header-padding-horizontal:0}.Fade3738017333__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3738017333__root.Fade3738017333--exit{opacity:0}.Heading3639617887__root{visibility:visible}.Heading3639617887__root.Heading3639617887--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow211228114__root.InputOverflow211228114--selected:not(.InputOverflow211228114--focused) input::placeholder{color:#000624}@keyframes LoadingRow1966670863__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%}}.LoadingRow1966670863__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:LoadingRow1966670863__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1866781827__root{opacity:1}.MaxHeightText1866781827__root.MaxHeightText1866781827--height24{line-height:24px}.MaxLines3853623727__root{overflow:hidden}.MaxLines3853623727__root.MaxLines3853623727--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3543493634__root{min-width:0}.NestedTablePlaceholderStatesRow2118671901__root td{padding:0!important;width:100%}.NestedTableRow1478066974__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1478066974__root:hover{background-color:#e7f0ff!important}.NestedTableRow1478066974__root.NestedTableRow1478066974--expandable{cursor:pointer}.NestedTableRow1478066974__placeholder td{padding:0!important;width:100%}.NestedTableRow1478066974__root:hover td:first-of-type::before,.NestedTableRow1478066974__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3892346660__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)}.NestedTableDragAndDropRow3400704078__root.NestedTableDragAndDropRow3400704078--draggingInto td{background-color:#e7f0ff!important}.PickerContent4006930314__root{display:flex}.PickerContentAdditionalStep2238535695__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2238535695__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3949294931__root{box-sizing:border-box}.ScrollableContent1205103067__root.ScrollableContent1205103067--overflowY{overflow-y:auto}.ScrollableContent1205103067__root.ScrollableContent1205103067--overflowX{overflow-x:auto}.ScrollableContent1205103067__root.ScrollableContent1205103067--smooth{scroll-behavior:smooth}.SkeletonCard3134453680__headerLoading{display:block!important}.SlidingModal3476804699__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3476804699__root.SlidingModal3476804699---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal3476804699__root:not(.SlidingModal3476804699--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4027923913__root .TabsFilter4027923913__title{color:inherit!important}.ManageTagsModal3515226259__root{display:flex}.ToolbarItem220882834__root{min-width:0}.ToolbarItemBox1192149164__root{min-width:0}.ToolbarItemBox1192149164__root.ToolbarItemBox1192149164--removeStartPadding{margin-left:-24px}.ToolbarItemBox1192149164__root.ToolbarItemBox1192149164--expandable{flex:1 0}.common3191816621__column{display:flex;flex-direction:column}.common3191816621__fullHeight{height:100%;min-height:0}.CollectionPageHeader1245195362__root.CollectionPageHeader1245195362--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1245195362__root.CollectionPageHeader1245195362--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3392866316__root.FormPageHeader3392866316--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3392866316__root.FormPageHeader3392866316--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.274.0';
+export const version = 'patterns@1.275.0';