@wix/patterns 1.352.0 → 1.354.0

package/src/state/ViewsState.ts

@@ -19,7 +19,6 @@ import {
   Category,
   PREDEFINED_VIEWS_SORT_IND,
   PrivateView,
-  SAVED_VIEWS_ID,
   SAVED_VIEWS_SORT_IND,
   View,
   ViewActionNameBI,
@@ -52,32 +51,25 @@ const updatePresetViews = <F extends FiltersMap>(
 
 const toNonPresetViews = <F extends FiltersMap>(
   views: View<F>[],
-  categoryId: string,
 ): PrivateView<F>[] => {
   return views.map((v) => ({
     ...v,
-    categoryId,
     isPreset: false,
-    categorySortInd: SAVED_VIEWS_SORT_IND,
+    categorySortInd:
+      v.id === ALL_ITEMS_VIEW_ID ? ALL_ITEMS_SORT_IND : SAVED_VIEWS_SORT_IND,
   }));
 };
 
 const getBasicCategories = <F extends FiltersMap>(
   presets: Category<F>[],
 ): Record<string, BasicCategory> => {
-  return {
-    [SAVED_VIEWS_ID]: {
-      id: SAVED_VIEWS_ID,
-      name: '',
-    },
-    ...presets.reduce(
-      (prev, { views, ...basicCategory }) => ({
-        ...prev,
-        [basicCategory.id]: basicCategory,
-      }),
-      {},
-    ),
-  };
+  return presets.reduce(
+    (prev, { views, ...basicCategory }) => ({
+      ...prev,
+      [basicCategory.id]: basicCategory,
+    }),
+    {},
+  );
 };
 
 export interface ViewsStateParams<F extends FiltersMap> {
@@ -178,7 +170,7 @@ export class ViewsState<F extends FiltersMap> {
       events: {},
       queryName: [fqdn, 'views'].join('/'),
       fetchData: async () => {
-        const { viewsService, collection, allItemsViewProps } = this;
+        const { viewsService, collection, allItemsViewProps, container } = this;
 
         if (collection.initTask.status.isLoading) {
           await viewsService.migrateFromLocalStorage();
@@ -187,21 +179,42 @@ export class ViewsState<F extends FiltersMap> {
         }
 
         const result = await viewsService.fetchViews();
-
         const { views = [], hiddenPresetIds = [] } = result ?? {};
-        const items = [] as PrivateView<F>[];
 
-        if (
-          !allItemsViewProps.hidden ||
-          // we ignore the hidden flag if there are no presets
-          this.presets.every((pr) => !pr.views?.length)
-        ) {
-          items.push(await this.getAllItemsView(this.allItemsViewProps));
+        // Check if "All Items" view exists or was deleted by user
+        const allItemsExists = views.some((v) => v.id === ALL_ITEMS_VIEW_ID);
+        const allItemsWasDeleted = hiddenPresetIds.includes(ALL_ITEMS_VIEW_ID);
+        const shouldAddAllItems =
+          !allItemsExists && !allItemsWasDeleted && !allItemsViewProps.hidden;
+
+        if (shouldAddAllItems) {
+          await container.initTask.status.promise;
+          const hasExistingDefault = views.some((v) => v.isDefaultView);
+          const allItemsView: View<F> = {
+            id: ALL_ITEMS_VIEW_ID,
+            name:
+              allItemsViewProps.name ??
+              container.translate('cairo.viewsDropdown.allItems.label'),
+            isDefaultView: !hasExistingDefault,
+            selectedColumns: allItemsViewProps.selectedColumns,
+            sortDirections: allItemsViewProps.sortDirections,
+            orderedColumns: allItemsViewProps.orderedColumns,
+            layout: allItemsViewProps.layout,
+          };
+          views.unshift(allItemsView);
         }
 
-        items.push(...(toNonPresetViews(views, SAVED_VIEWS_ID) ?? []));
+        const items = [] as PrivateView<F>[];
+
+        items.push(...(toNonPresetViews(views) ?? []));
         items.push(...updatePresetViews(this.presets, hiddenPresetIds));
 
+        const allItemsIdx = items.findIndex((i) => i.id === ALL_ITEMS_VIEW_ID);
+        if (allItemsIdx > 0) {
+          const [allItems] = items.splice(allItemsIdx, 1);
+          items.unshift(allItems);
+        }
+
         return {
           items,
         };
@@ -218,6 +231,10 @@ export class ViewsState<F extends FiltersMap> {
       collection: this.collection,
       orderBy: ({ sort }) => [
         ...(sort || []),
+        {
+          fieldName: (item) => (item.id === ALL_ITEMS_VIEW_ID ? '0' : '1'),
+          order: 'asc',
+        },
         {
           fieldName: (item) => item.categorySortInd,
           order: 'asc',
@@ -245,20 +262,7 @@ export class ViewsState<F extends FiltersMap> {
   }
 
   _getAllItemsAndPresetViews() {
-    const { allItemsViewProps } = this;
-    const items = [] as PrivateView<F>[];
-
-    if (
-      !allItemsViewProps.hidden ||
-      // we ignore the hidden flag if there are no presets
-      this.presets.every((pr) => !pr.views?.length)
-    ) {
-      items.push(this.getAllItemsViewBase(this.allItemsViewProps));
-    }
-
-    items.push(...updatePresetViews(this.presets, []));
-
-    return items;
+    return updatePresetViews(this.presets, []);
   }
 
   _getInitialSelectItem(items: PrivateView<F>[]): PrivateView<F> | undefined {
@@ -350,27 +354,6 @@ export class ViewsState<F extends FiltersMap> {
     return this.currentView?.id === this.defaultViewId;
   }
 
-  async getAllItemsView(view: AllItemsViewProps<F>): Promise<PrivateView<F>> {
-    const { container } = this;
-    await container.initTask.status.promise;
-    return {
-      ...this.getAllItemsViewBase(view),
-      name:
-        view.name ?? container.translate('cairo.viewsDropdown.allItems.label'),
-    };
-  }
-
-  getAllItemsViewBase(view: AllItemsViewProps<F>): PrivateView<F> {
-    return {
-      categorySortInd: ALL_ITEMS_SORT_IND,
-      id: ALL_ITEMS_VIEW_ID,
-      name: view.name ?? '',
-      selectedColumns: view.selectedColumns,
-      sortDirections: view.sortDirections,
-      isPreset: true,
-    };
-  }
-
   async saveViewChanges(viewBase: ViewBase<F>): Promise<PrivateView<F> | null> {
     if (!this.currentView) {
       return null;
@@ -392,7 +375,6 @@ export class ViewsState<F extends FiltersMap> {
     return {
       ...viewBase,
       categorySortInd: SAVED_VIEWS_SORT_IND,
-      categoryId: SAVED_VIEWS_ID,
       isPreset: false,
       name,
       id: uuid(),
@@ -496,6 +478,10 @@ export class ViewsState<F extends FiltersMap> {
           await viewsService.updateHiddenPreset(id);
         } else {
           await viewsService.deleteView(view);
+          // Track "All Items" deletion so it won't be recreated on next load
+          if (id === ALL_ITEMS_VIEW_ID) {
+            await viewsService.updateHiddenPreset(id);
+          }
         }
       },
       onUndo: () => {

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer788456778__root.CardContainer788456778--mobile{border-radius:0}.Collapse801451134__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse801451134__exit{height:0}.CollectionPage309807280__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage309807280__root.CollectionPage309807280--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage309807280__root.CollectionPage309807280--panel{overflow:hidden;position:relative}.CollectionSectionHeader4064214935__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3426326144__root td{vertical-align:middle}.CollectionTable3426326144__root.CollectionTable3426326144--mobile td:first-child{padding-left:18px}.CollectionTable3426326144__root.CollectionTable3426326144--mobile td:last-child{padding-right:18px}.CollectionToolbar159339193__left{min-width:0}.CollectionToolbar159339193__left.CollectionToolbar159339193--expandable{flex:auto}.CollectionToolbar159339193__left.CollectionToolbar159339193--title>*{width:100%}.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-5-title .CollectionToolbar159339193__left{flex:1 100;min-width:50px}.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-4-tabs .CollectionToolbar159339193__left,.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-4-tabs .CollectionToolbar159339193__left.CollectionToolbar159339193--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-4-tabs .CollectionToolbar159339193__left>*{flex-shrink:1;min-width:0}.CollectionToolbar159339193__root .CollectionToolbar159339193__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar159339193__root.CollectionToolbar159339193--views .CollectionToolbar159339193__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-4-tabs .CollectionToolbar159339193__right,.CollectionToolbar159339193__root.CollectionToolbar159339193---responsiveMode-5-title .CollectionToolbar159339193__right{flex:0 1 auto;min-width:0}.CollectionToolbar159339193__root .CollectionToolbar159339193__right.CollectionToolbar159339193__fullWidth{margin-inline-start:0!important}.CollectionToolbar159339193__root.CollectionToolbar159339193--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3975397441__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3975397441__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3975397441__searchMobile:not(.SearchOrCustomFilter3975397441--expandable){left:18px}.SearchOrCustomFilter3975397441__searchMobile.SearchOrCustomFilter3975397441--expandable.SearchOrCustomFilter3975397441--expanded{left:18px}.AutoCompleteReadonly511008955__root.AutoCompleteReadonly511008955--disableEditing{cursor:pointer}.AutoCompleteReadonly511008955__root.AutoCompleteReadonly511008955--disableEditing input{cursor:pointer}.ViewsDropdown2975714284__root{width:200px}.DragHandle1719636738__root{display:flex;align-items:center}.DragHandle1719636738__root:not(.DragHandle1719636738--disabled){cursor:grab;color:#a8caff}.DragHandle1719636738__root.DragHandle1719636738--disabled{color:#acafc4}.DragHandle1719636738__root:focus-visible:not(.DragHandle1719636738--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1719636738__root.DragHandle1719636738--disabled{pointer-events:none}.DragHandle1719636738__root.DragHandle1719636738--dragging:not(.DragHandle1719636738--disabled){cursor:grabbing}.EntityPagePlain2454018564__root.EntityPagePlain2454018564--mobile{--wds-page-header-padding-horizontal:0}.Fade4100073960__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4100073960__root.Fade4100073960--exit{opacity:0}.Heading1810640181__root{visibility:visible}.Heading1810640181__root.Heading1810640181--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow259513846__root.InputOverflow259513846--selected:not(.InputOverflow259513846--focused) input::placeholder{color:#000624}@keyframes LoadingRow1962776937__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%}}.LoadingRow1962776937__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:LoadingRow1962776937__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3996867344__root{opacity:1}.MaxHeightText3996867344__root.MaxHeightText3996867344--height24{line-height:24px}.MaxLines4229375414__root{overflow:hidden}.MaxLines4229375414__root.MaxLines4229375414--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1760143859__root{min-width:0}.MultiBulkActionToolbar1760143859__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1760143859__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1760143859__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow218800380__root td{padding:0!important;width:100%}.NestedTableRow3140066734__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3140066734__root:hover{background-color:#e7f0ff!important}.NestedTableRow3140066734__root.NestedTableRow3140066734--expandable{cursor:pointer}.NestedTableRow3140066734__placeholder td{padding:0!important;width:100%}.NestedTableRow3140066734__root:hover td:first-of-type::before,.NestedTableRow3140066734__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2746358990__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)}.NestedTableDragAndDropRow2229560427__root.NestedTableDragAndDropRow2229560427--draggingInto td{background-color:#e7f0ff!important}.PickerContent3852751846__root{display:flex}.PickerContentAdditionalStep505382893__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep505382893__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3274383082__root{box-sizing:border-box}.ScrollableContent2021212310__root.ScrollableContent2021212310--overflowY{overflow-y:auto}.ScrollableContent2021212310__root.ScrollableContent2021212310--overflowX{overflow-x:auto}.ScrollableContent2021212310__root.ScrollableContent2021212310--smooth{scroll-behavior:smooth}.SkeletonCard2461642541__headerLoading{display:block!important}.SlidingModal4079074060__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4079074060__root.SlidingModal4079074060--overlay{transition:transform 0s ease 0s}.SlidingModal4079074060__root.SlidingModal4079074060---appendTo-6-parent{position:absolute}.SlidingModal4079074060__root:not(.SlidingModal4079074060--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4095275580__root .TabsFilter4095275580__title{color:inherit!important}.ManageTagsModal1047110999__root{display:flex}.ToolbarItem3946345373__root{min-width:0}.ToolbarItemBox3994341943__root{min-width:0}.ToolbarItemBox3994341943__root.ToolbarItemBox3994341943--removeStartPadding{margin-left:-24px}.ToolbarItemBox3994341943__root.ToolbarItemBox3994341943--expandable{flex:1 0}.common970521328__column{display:flex;flex-direction:column}.common970521328__fullHeight{height:100%;min-height:0}.CollectionPageHeader3911711208__root.CollectionPageHeader3911711208--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3911711208__root.CollectionPageHeader3911711208--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1729882380__root.FormPageHeader1729882380--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1729882380__root.FormPageHeader1729882380--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3190424501__root.CardContainer3190424501--mobile{border-radius:0}.Collapse894242556__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse894242556__exit{height:0}.CollectionPage2962436512__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2962436512__root.CollectionPage2962436512--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2962436512__root.CollectionPage2962436512--panel{overflow:hidden;position:relative}.CollectionSectionHeader31367715__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2051147416__root td{vertical-align:middle}.CollectionTable2051147416__root.CollectionTable2051147416--mobile td:first-child{padding-left:18px}.CollectionTable2051147416__root.CollectionTable2051147416--mobile td:last-child{padding-right:18px}.CollectionToolbar3064572987__left{min-width:0}.CollectionToolbar3064572987__left.CollectionToolbar3064572987--expandable{flex:auto}.CollectionToolbar3064572987__left.CollectionToolbar3064572987--title>*{width:100%}.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-5-title .CollectionToolbar3064572987__left{flex:1 100;min-width:50px}.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-4-tabs .CollectionToolbar3064572987__left,.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-4-tabs .CollectionToolbar3064572987__left.CollectionToolbar3064572987--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-4-tabs .CollectionToolbar3064572987__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3064572987__root .CollectionToolbar3064572987__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3064572987__root.CollectionToolbar3064572987--views .CollectionToolbar3064572987__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-4-tabs .CollectionToolbar3064572987__right,.CollectionToolbar3064572987__root.CollectionToolbar3064572987---responsiveMode-5-title .CollectionToolbar3064572987__right{flex:0 1 auto;min-width:0}.CollectionToolbar3064572987__root .CollectionToolbar3064572987__right.CollectionToolbar3064572987__fullWidth{margin-inline-start:0!important}.CollectionToolbar3064572987__root.CollectionToolbar3064572987--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter588284694__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter588284694__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter588284694__searchMobile:not(.SearchOrCustomFilter588284694--expandable){left:18px}.SearchOrCustomFilter588284694__searchMobile.SearchOrCustomFilter588284694--expandable.SearchOrCustomFilter588284694--expanded{left:18px}.AutoCompleteReadonly461990843__root.AutoCompleteReadonly461990843--disableEditing{cursor:pointer}.AutoCompleteReadonly461990843__root.AutoCompleteReadonly461990843--disableEditing input{cursor:pointer}.ViewsDropdown547379622__root{width:200px}.DragHandle3378996893__root{display:flex;align-items:center}.DragHandle3378996893__root:not(.DragHandle3378996893--disabled){cursor:grab;color:#a8caff}.DragHandle3378996893__root.DragHandle3378996893--disabled{color:#acafc4}.DragHandle3378996893__root:focus-visible:not(.DragHandle3378996893--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3378996893__root.DragHandle3378996893--disabled{pointer-events:none}.DragHandle3378996893__root.DragHandle3378996893--dragging:not(.DragHandle3378996893--disabled){cursor:grabbing}.EntityPagePlain3916354704__root.EntityPagePlain3916354704--mobile{--wds-page-header-padding-horizontal:0}.Fade3949225734__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3949225734__root.Fade3949225734--exit{opacity:0}.Heading2050728262__root{visibility:visible}.Heading2050728262__root.Heading2050728262--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3622050185__root.InputOverflow3622050185--selected:not(.InputOverflow3622050185--focused) input::placeholder{color:#000624}@keyframes LoadingRow2018071028__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%}}.LoadingRow2018071028__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:LoadingRow2018071028__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText348988631__root{opacity:1}.MaxHeightText348988631__root.MaxHeightText348988631--height24{line-height:24px}.MaxLines2705649516__root{overflow:hidden}.MaxLines2705649516__root.MaxLines2705649516--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3410828587__root{min-width:0}.MultiBulkActionToolbar3410828587__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3410828587__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3410828587__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3243016841__root td{padding:0!important;width:100%}.NestedTableRow468253171__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow468253171__root:hover{background-color:#e7f0ff!important}.NestedTableRow468253171__root.NestedTableRow468253171--expandable{cursor:pointer}.NestedTableRow468253171__placeholder td{padding:0!important;width:100%}.NestedTableRow468253171__root:hover td:first-of-type::before,.NestedTableRow468253171__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect388376216__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)}.NestedTableDragAndDropRow2652673804__root.NestedTableDragAndDropRow2652673804--draggingInto td{background-color:#e7f0ff!important}.PickerContent1631951733__root{display:flex}.PickerContentAdditionalStep3866125661__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3866125661__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1163908078__root{box-sizing:border-box}.ScrollableContent2363746614__root.ScrollableContent2363746614--overflowY{overflow-y:auto}.ScrollableContent2363746614__root.ScrollableContent2363746614--overflowX{overflow-x:auto}.ScrollableContent2363746614__root.ScrollableContent2363746614--smooth{scroll-behavior:smooth}.SkeletonCard3893727976__headerLoading{display:block!important}.SlidingModal708885698__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal708885698__root.SlidingModal708885698--overlay{transition:transform 0s ease 0s}.SlidingModal708885698__root.SlidingModal708885698---appendTo-6-parent{position:absolute}.SlidingModal708885698__root:not(.SlidingModal708885698--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter393841454__root .TabsFilter393841454__title{color:inherit!important}.ManageTagsModal442421669__root{display:flex}.ToolbarItem4290146710__root{min-width:0}.ToolbarItemBox2965834027__root{min-width:0}.ToolbarItemBox2965834027__root.ToolbarItemBox2965834027--removeStartPadding{margin-left:-24px}.ToolbarItemBox2965834027__root.ToolbarItemBox2965834027--expandable{flex:1 0}.common485820671__column{display:flex;flex-direction:column}.common485820671__fullHeight{height:100%;min-height:0}.CollectionPageHeader2717860892__root:not(.CollectionPageHeader2717860892--mobile){gap:12px}.CollectionPageHeader2717860892__root.CollectionPageHeader2717860892--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2717860892__root.CollectionPageHeader2717860892--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1386305735__root.FormPageHeader1386305735--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1386305735__root.FormPageHeader1386305735--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.352.0';
+export const version = 'patterns@1.354.0';