@wix/patterns 1.351.0 → 1.353.0

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

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

package/src/state/KanbanState/KanbanState.ts

@@ -559,6 +559,44 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     });
   }
 
+  setStages(stages: S[]) {
+    runInAction(() => {
+      const getKey = (stage: S) => this.stagesCollectionState.itemKey(stage);
+      const currentStageIds = new Set(Object.keys(this.kanbanStageStates));
+      const newStageIds = new Set(stages.map(getKey));
+
+      this.stagesCollectionState.result.setPages({
+        processed: [stages],
+        unprocessed: [stages],
+      });
+      this.stagesCollectionState.result.setTotals({
+        processed: stages.length,
+        unprocessed: stages.length,
+      });
+
+      currentStageIds.forEach((stageId) => {
+        if (!newStageIds.has(stageId)) {
+          this.disposeStageState(stageId);
+        }
+      });
+
+      stages.forEach((stage) => {
+        const stageId = getKey(stage);
+        if (!this.kanbanStageStates[stageId]) {
+          this.createNewStageState(
+            stage,
+            stageId,
+            { items: [], total: 0, cursor: null },
+            false,
+          );
+        } else {
+          this.kanbanStageStates[stageId].name =
+            this.stagesCollectionState.itemName(stage);
+        }
+      });
+    });
+  }
+
   createStage(stage: S) {
     this.stagesCollectionState.optimisticActions.createOne(stage, {
       submit: (_items) => Promise.resolve(),

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2036947062__root.CardContainer2036947062--mobile{border-radius:0}.Collapse2497789504__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2497789504__exit{height:0}.CollectionPage232444772__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage232444772__root.CollectionPage232444772--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage232444772__root.CollectionPage232444772--panel{overflow:hidden;position:relative}.CollectionSectionHeader3936456788__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1727045852__root td{vertical-align:middle}.CollectionTable1727045852__root.CollectionTable1727045852--mobile td:first-child{padding-left:18px}.CollectionTable1727045852__root.CollectionTable1727045852--mobile td:last-child{padding-right:18px}.CollectionToolbar2983473631__left{min-width:0}.CollectionToolbar2983473631__left.CollectionToolbar2983473631--expandable{flex:auto}.CollectionToolbar2983473631__left.CollectionToolbar2983473631--title>*{width:100%}.CollectionToolbar2983473631__root.CollectionToolbar2983473631---responsiveMode-5-title .CollectionToolbar2983473631__left{flex:1 100;min-width:50px}.CollectionToolbar2983473631__root.CollectionToolbar2983473631---responsiveMode-4-tabs .CollectionToolbar2983473631__left,.CollectionToolbar2983473631__root.CollectionToolbar2983473631---responsiveMode-4-tabs .CollectionToolbar2983473631__left.CollectionToolbar2983473631--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2983473631__root.CollectionToolbar2983473631---responsiveMode-4-tabs .CollectionToolbar2983473631__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2983473631__root .CollectionToolbar2983473631__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2983473631__root.CollectionToolbar2983473631--views .CollectionToolbar2983473631__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2983473631__root.CollectionToolbar2983473631---responsiveMode-4-tabs .CollectionToolbar2983473631__right,.CollectionToolbar2983473631__root.CollectionToolbar2983473631---responsiveMode-5-title .CollectionToolbar2983473631__right{flex:0 1 auto;min-width:0}.CollectionToolbar2983473631__root .CollectionToolbar2983473631__right.CollectionToolbar2983473631__fullWidth{margin-inline-start:0!important}.CollectionToolbar2983473631__root.CollectionToolbar2983473631--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1332492063__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1332492063__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1332492063__searchMobile:not(.SearchOrCustomFilter1332492063--expandable){left:18px}.SearchOrCustomFilter1332492063__searchMobile.SearchOrCustomFilter1332492063--expandable.SearchOrCustomFilter1332492063--expanded{left:18px}.AutoCompleteReadonly1171540302__root.AutoCompleteReadonly1171540302--disableEditing{cursor:pointer}.AutoCompleteReadonly1171540302__root.AutoCompleteReadonly1171540302--disableEditing input{cursor:pointer}.ViewsDropdown2778398368__root{width:200px}.DragHandle159753572__root{display:flex;align-items:center}.DragHandle159753572__root:not(.DragHandle159753572--disabled){cursor:grab;color:#a8caff}.DragHandle159753572__root.DragHandle159753572--disabled{color:#acafc4}.DragHandle159753572__root:focus-visible:not(.DragHandle159753572--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle159753572__root.DragHandle159753572--disabled{pointer-events:none}.DragHandle159753572__root.DragHandle159753572--dragging:not(.DragHandle159753572--disabled){cursor:grabbing}.EntityPagePlain51217001__root.EntityPagePlain51217001--mobile{--wds-page-header-padding-horizontal:0}.Fade2264954586__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2264954586__root.Fade2264954586--exit{opacity:0}.Heading187758573__root{visibility:visible}.Heading187758573__root.Heading187758573--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3433287593__root.InputOverflow3433287593--selected:not(.InputOverflow3433287593--focused) input::placeholder{color:#000624}@keyframes LoadingRow2602476114__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%}}.LoadingRow2602476114__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:LoadingRow2602476114__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2651815921__root{opacity:1}.MaxHeightText2651815921__root.MaxHeightText2651815921--height24{line-height:24px}.MaxLines572981836__root{overflow:hidden}.MaxLines572981836__root.MaxLines572981836--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2622755640__root{min-width:0}.MultiBulkActionToolbar2622755640__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2622755640__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2622755640__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3260667355__root td{padding:0!important;width:100%}.NestedTableRow427753520__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow427753520__root:hover{background-color:#e7f0ff!important}.NestedTableRow427753520__root.NestedTableRow427753520--expandable{cursor:pointer}.NestedTableRow427753520__placeholder td{padding:0!important;width:100%}.NestedTableRow427753520__root:hover td:first-of-type::before,.NestedTableRow427753520__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2455567331__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)}.NestedTableDragAndDropRow164554285__root.NestedTableDragAndDropRow164554285--draggingInto td{background-color:#e7f0ff!important}.PickerContent3984652993__root{display:flex}.PickerContentAdditionalStep3306084158__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3306084158__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem711606188__root{box-sizing:border-box}.ScrollableContent3991551__root.ScrollableContent3991551--overflowY{overflow-y:auto}.ScrollableContent3991551__root.ScrollableContent3991551--overflowX{overflow-x:auto}.ScrollableContent3991551__root.ScrollableContent3991551--smooth{scroll-behavior:smooth}.SkeletonCard2153138515__headerLoading{display:block!important}.SlidingModal3454472159__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3454472159__root.SlidingModal3454472159--overlay{transition:transform 0s ease 0s}.SlidingModal3454472159__root.SlidingModal3454472159---appendTo-6-parent{position:absolute}.SlidingModal3454472159__root:not(.SlidingModal3454472159--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3634411749__root .TabsFilter3634411749__title{color:inherit!important}.ManageTagsModal1940081__root{display:flex}.ToolbarItem1830040579__root{min-width:0}.ToolbarItemBox832469890__root{min-width:0}.ToolbarItemBox832469890__root.ToolbarItemBox832469890--removeStartPadding{margin-left:-24px}.ToolbarItemBox832469890__root.ToolbarItemBox832469890--expandable{flex:1 0}.common3328124017__column{display:flex;flex-direction:column}.common3328124017__fullHeight{height:100%;min-height:0}.CollectionPageHeader2377942734__root.CollectionPageHeader2377942734--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2377942734__root.CollectionPageHeader2377942734--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3500458884__root.FormPageHeader3500458884--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3500458884__root.FormPageHeader3500458884--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3833139183__root.CardContainer3833139183--mobile{border-radius:0}.Collapse1646936547__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1646936547__exit{height:0}.CollectionPage3277585354__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3277585354__root.CollectionPage3277585354--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3277585354__root.CollectionPage3277585354--panel{overflow:hidden;position:relative}.CollectionSectionHeader637702375__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3215334311__root td{vertical-align:middle}.CollectionTable3215334311__root.CollectionTable3215334311--mobile td:first-child{padding-left:18px}.CollectionTable3215334311__root.CollectionTable3215334311--mobile td:last-child{padding-right:18px}.CollectionToolbar201534648__left{min-width:0}.CollectionToolbar201534648__left.CollectionToolbar201534648--expandable{flex:auto}.CollectionToolbar201534648__left.CollectionToolbar201534648--title>*{width:100%}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-5-title .CollectionToolbar201534648__left{flex:1 100;min-width:50px}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left,.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left.CollectionToolbar201534648--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__left>*{flex-shrink:1;min-width:0}.CollectionToolbar201534648__root .CollectionToolbar201534648__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar201534648__root.CollectionToolbar201534648--views .CollectionToolbar201534648__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-4-tabs .CollectionToolbar201534648__right,.CollectionToolbar201534648__root.CollectionToolbar201534648---responsiveMode-5-title .CollectionToolbar201534648__right{flex:0 1 auto;min-width:0}.CollectionToolbar201534648__root .CollectionToolbar201534648__right.CollectionToolbar201534648__fullWidth{margin-inline-start:0!important}.CollectionToolbar201534648__root.CollectionToolbar201534648--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1326699873__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1326699873__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1326699873__searchMobile:not(.SearchOrCustomFilter1326699873--expandable){left:18px}.SearchOrCustomFilter1326699873__searchMobile.SearchOrCustomFilter1326699873--expandable.SearchOrCustomFilter1326699873--expanded{left:18px}.AutoCompleteReadonly4288019892__root.AutoCompleteReadonly4288019892--disableEditing{cursor:pointer}.AutoCompleteReadonly4288019892__root.AutoCompleteReadonly4288019892--disableEditing input{cursor:pointer}.ViewsDropdown3936858135__root{width:200px}.DragHandle2356258919__root{display:flex;align-items:center}.DragHandle2356258919__root:not(.DragHandle2356258919--disabled){cursor:grab;color:#a8caff}.DragHandle2356258919__root.DragHandle2356258919--disabled{color:#acafc4}.DragHandle2356258919__root:focus-visible:not(.DragHandle2356258919--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2356258919__root.DragHandle2356258919--disabled{pointer-events:none}.DragHandle2356258919__root.DragHandle2356258919--dragging:not(.DragHandle2356258919--disabled){cursor:grabbing}.EntityPagePlain534349056__root.EntityPagePlain534349056--mobile{--wds-page-header-padding-horizontal:0}.Fade3494468580__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3494468580__root.Fade3494468580--exit{opacity:0}.Heading1276693364__root{visibility:visible}.Heading1276693364__root.Heading1276693364--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3970599810__root.InputOverflow3970599810--selected:not(.InputOverflow3970599810--focused) input::placeholder{color:#000624}@keyframes LoadingRow1185391886__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%}}.LoadingRow1185391886__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:LoadingRow1185391886__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3189604885__root{opacity:1}.MaxHeightText3189604885__root.MaxHeightText3189604885--height24{line-height:24px}.MaxLines3182666448__root{overflow:hidden}.MaxLines3182666448__root.MaxLines3182666448--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2015721343__root{min-width:0}.MultiBulkActionToolbar2015721343__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2015721343__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2015721343__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2215866937__root td{padding:0!important;width:100%}.NestedTableRow124750162__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow124750162__root:hover{background-color:#e7f0ff!important}.NestedTableRow124750162__root.NestedTableRow124750162--expandable{cursor:pointer}.NestedTableRow124750162__placeholder td{padding:0!important;width:100%}.NestedTableRow124750162__root:hover td:first-of-type::before,.NestedTableRow124750162__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1565624507__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)}.NestedTableDragAndDropRow3605272399__root.NestedTableDragAndDropRow3605272399--draggingInto td{background-color:#e7f0ff!important}.PickerContent1227726627__root{display:flex}.PickerContentAdditionalStep4012553907__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4012553907__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem177832388__root{box-sizing:border-box}.ScrollableContent1892891984__root.ScrollableContent1892891984--overflowY{overflow-y:auto}.ScrollableContent1892891984__root.ScrollableContent1892891984--overflowX{overflow-x:auto}.ScrollableContent1892891984__root.ScrollableContent1892891984--smooth{scroll-behavior:smooth}.SkeletonCard1199588018__headerLoading{display:block!important}.SlidingModal1303239132__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1303239132__root.SlidingModal1303239132--overlay{transition:transform 0s ease 0s}.SlidingModal1303239132__root.SlidingModal1303239132---appendTo-6-parent{position:absolute}.SlidingModal1303239132__root:not(.SlidingModal1303239132--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter735757606__root .TabsFilter735757606__title{color:inherit!important}.ManageTagsModal1707694763__root{display:flex}.ToolbarItem2110820632__root{min-width:0}.ToolbarItemBox244016149__root{min-width:0}.ToolbarItemBox244016149__root.ToolbarItemBox244016149--removeStartPadding{margin-left:-24px}.ToolbarItemBox244016149__root.ToolbarItemBox244016149--expandable{flex:1 0}.common3516241480__column{display:flex;flex-direction:column}.common3516241480__fullHeight{height:100%;min-height:0}.CollectionPageHeader4066653821__root:not(.CollectionPageHeader4066653821--mobile){gap:12px}.CollectionPageHeader4066653821__root.CollectionPageHeader4066653821--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4066653821__root.CollectionPageHeader4066653821--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader871981345__root.FormPageHeader871981345--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader871981345__root.FormPageHeader871981345--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/WixPatternsEssentialsTestProvider.tsx

@@ -55,6 +55,11 @@ export function WixPatternsEssentialsTestProvider(
                       ?.includes('responsivetoolbar') && {
                       'specs.cairo.EnableResponsiveToolbar11420': 'true',
                     }),
+                    ...(new URLSearchParams(window.location.search)
+                      .get('id')
+                      ?.includes('responsive-header') && {
+                      'specs.cairo.CollectionPageMinWidth': 'true',
+                    }),
                     ...defaultExperiments,
                     ...Object.fromEntries(
                       new URLSearchParams(window.location.search)

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.351.0';
+export const version = 'patterns@1.353.0';