@wix/patterns 1.344.0 → 1.345.0

package/src/components/TableSections/TableSectionsState.ts

@@ -1,17 +1,23 @@
 import { computed, makeObservable } from 'mobx';
 import { FiltersMap, KeyedItem } from '@wix/bex-core';
 import { TableState } from '../../state';
-import { RenderSection, Section } from '../CollectionSectionHeader';
+import { GroupBy, RenderSection, Section } from '../CollectionSectionHeader';
 
 const SECTION_PREFIX = '$$$wix-patterns-sections$$$-';
 const INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;
 
 export class TableSectionsState<T, F extends FiltersMap> {
   table: TableState<T, F>;
+  groupBy: GroupBy<T>;
   renderSection: RenderSection<T>;
 
-  constructor(table: TableState<T, F>, renderSection: RenderSection<T>) {
+  constructor(
+    table: TableState<T, F>,
+    groupBy: GroupBy<T>,
+    renderSection: RenderSection<T>,
+  ) {
     this.table = table;
+    this.groupBy = groupBy;
     this.renderSection = renderSection;
     makeObservable(this, {
       sectionsKeyedItems: computed,
@@ -25,13 +31,15 @@ export class TableSectionsState<T, F extends FiltersMap> {
 
   private get computeSectionData(): {
     counts: Map<string, { count: number; isComplete: boolean }>;
+    items: Map<string, T[]>;
     keyedItems: KeyedItem<T>[];
   } {
     const counts = new Map<string, { count: number; isComplete: boolean }>();
+    const items = new Map<string, T[]>();
     const keyedItems: KeyedItem<T>[] = [];
 
     if (this.table.keyedItems.length === 0) {
-      return { counts, keyedItems };
+      return { counts, items, keyedItems };
     }
 
     // Add invisible row for design purposes
@@ -48,15 +56,16 @@ export class TableSectionsState<T, F extends FiltersMap> {
     let currentSectionIndex: number = 0;
     let currentHeaderId: string | null = null;
     let count = 0;
+    let currentSectionItems: T[] = [];
 
     for (const keyedItem of this.table.keyedItems) {
-      const section = this.renderSection(keyedItem.item);
-      const sectionId = section.id;
+      const sectionId = this.groupBy(keyedItem.item);
 
       if (sectionId !== currentSectionId) {
-        // Store count for previous section
+        // Store count and items for previous section
         if (currentHeaderId) {
           counts.set(currentHeaderId, { count, isComplete: true });
+          items.set(currentHeaderId, currentSectionItems);
         }
 
         // Start new section
@@ -66,6 +75,7 @@ export class TableSectionsState<T, F extends FiltersMap> {
         );
         currentSectionIndex++;
         count = 1;
+        currentSectionItems = [keyedItem.item];
 
         // Add section header to keyed items
         const sectionKeyedItem: KeyedItem<T> = {
@@ -79,6 +89,7 @@ export class TableSectionsState<T, F extends FiltersMap> {
         keyedItems.push(sectionKeyedItem);
       } else {
         count++;
+        currentSectionItems.push(keyedItem.item);
       }
 
       // Add the actual data item
@@ -89,32 +100,47 @@ export class TableSectionsState<T, F extends FiltersMap> {
     if (currentHeaderId) {
       const isLastSectionComplete = this.table.collection.fetchedLastPage;
       counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });
+      items.set(currentHeaderId, currentSectionItems);
     }
 
-    return { counts, keyedItems };
+    return { counts, items, keyedItems };
   }
 
   get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {
     return this.computeSectionData.counts;
   }
 
+  get sectionItems(): Map<string, T[]> {
+    return this.computeSectionData.items;
+  }
+
   get sectionsKeyedItems(): KeyedItem<T>[] {
     return this.computeSectionData.keyedItems;
   }
 
-  getSectionWithCount(
-    sectionKeyedItem: KeyedItem<T>,
-  ): Section & { count: number; hasMore: boolean } {
-    const section = this.renderSection(sectionKeyedItem.item);
+  getSectionWithCount(sectionKeyedItem: KeyedItem<T>): {
+    sectionId: string;
+    section: Section & { count: number; hasMore: boolean; items: T[] };
+  } {
     const headerId = sectionKeyedItem.id;
     const sectionData = headerId
       ? this.sectionCounts.get(headerId) || { count: 0, isComplete: true }
       : { count: 0, isComplete: true };
+    const sectionItemsList = headerId
+      ? this.sectionItems.get(headerId) || []
+      : [];
+
+    const sectionId = this.groupBy(sectionKeyedItem.item);
+    const section = this.renderSection(sectionId, sectionItemsList);
 
     return {
-      ...section,
-      count: sectionData.count,
-      hasMore: !sectionData.isComplete,
+      sectionId,
+      section: {
+        ...section,
+        count: sectionData.count,
+        hasMore: !sectionData.isComplete,
+        items: sectionItemsList,
+      },
     };
   }
 

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter564460072";
+var _namespace_ = "TabsFilter2081280494";
 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":"TabsFilter564460072__root","title":"TabsFilter564460072__title"};
+export var classes = {"root":"TabsFilter2081280494__root","title":"TabsFilter2081280494__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal3590317833";
+var _namespace_ = "ManageTagsModal4010282068";
 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":"ManageTagsModal3590317833__root"};
+export var classes = {"root":"ManageTagsModal4010282068__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

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

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

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

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2235341608";
+var _namespace_ = "common1469325834";
 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":"common2235341608__root","column":"common2235341608__column","fullHeight":"common2235341608__fullHeight"};
+export var classes = {"root":"common1469325834__root","column":"common1469325834__column","fullHeight":"common1469325834__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader4110351750";
+var _namespace_ = "CollectionPageHeader4096175137";
 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":"CollectionPageHeader4110351750__root"};
+export var classes = {"root":"CollectionPageHeader4096175137__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_ = "FormPageHeader2250195472";
+var _namespace_ = "FormPageHeader3199519027";
 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":"FormPageHeader2250195472__root"};
+export var classes = {"root":"FormPageHeader3199519027__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2287395251__root.CardContainer2287395251--mobile{border-radius:0}.Collapse2321758094__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2321758094__exit{height:0}.CollectionPage3904469315__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3904469315__root.CollectionPage3904469315--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3904469315__root.CollectionPage3904469315--panel{overflow:hidden;position:relative}.CollectionTable2112796536__root td{vertical-align:middle}.CollectionTable2112796536__root.CollectionTable2112796536--mobile td:first-child{padding-left:18px}.CollectionTable2112796536__root.CollectionTable2112796536--mobile td:last-child{padding-right:18px}.CollectionToolbar4229978739__left{min-width:0}.CollectionToolbar4229978739__left.CollectionToolbar4229978739--expandable{flex:auto}.CollectionToolbar4229978739__left.CollectionToolbar4229978739--title>*{width:100%}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-5-title .CollectionToolbar4229978739__left{flex:1 100;min-width:50px}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left,.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left.CollectionToolbar4229978739--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__left>*{flex-shrink:1;min-width:0}.CollectionToolbar4229978739__root .CollectionToolbar4229978739__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4229978739__root.CollectionToolbar4229978739--views .CollectionToolbar4229978739__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-4-tabs .CollectionToolbar4229978739__right,.CollectionToolbar4229978739__root.CollectionToolbar4229978739---responsiveMode-5-title .CollectionToolbar4229978739__right{flex:0 1 auto;min-width:0}.CollectionToolbar4229978739__root .CollectionToolbar4229978739__right.CollectionToolbar4229978739__fullWidth{margin-inline-start:0!important}.CollectionToolbar4229978739__root.CollectionToolbar4229978739--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4086095729__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4086095729__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4086095729__searchMobile:not(.SearchOrCustomFilter4086095729--expandable){left:18px}.SearchOrCustomFilter4086095729__searchMobile.SearchOrCustomFilter4086095729--expandable.SearchOrCustomFilter4086095729--expanded{left:18px}.AutoCompleteReadonly1705263685__root.AutoCompleteReadonly1705263685--disableEditing{cursor:pointer}.AutoCompleteReadonly1705263685__root.AutoCompleteReadonly1705263685--disableEditing input{cursor:pointer}.ViewsDropdown773082691__root{width:200px}.DragHandle250638546__root{display:flex;align-items:center}.DragHandle250638546__root:not(.DragHandle250638546--disabled){cursor:grab;color:#a8caff}.DragHandle250638546__root.DragHandle250638546--disabled{color:#acafc4}.DragHandle250638546__root:focus-visible:not(.DragHandle250638546--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle250638546__root.DragHandle250638546--disabled{pointer-events:none}.DragHandle250638546__root.DragHandle250638546--dragging:not(.DragHandle250638546--disabled){cursor:grabbing}.EntityPagePlain3798985217__root.EntityPagePlain3798985217--mobile{--wds-page-header-padding-horizontal:0}.Fade1979305712__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1979305712__root.Fade1979305712--exit{opacity:0}.Heading1243663101__root{visibility:visible}.Heading1243663101__root.Heading1243663101--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow399246140__root.InputOverflow399246140--selected:not(.InputOverflow399246140--focused) input::placeholder{color:#000624}@keyframes LoadingRow2939954252__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%}}.LoadingRow2939954252__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:LoadingRow2939954252__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2402092852__root{opacity:1}.MaxHeightText2402092852__root.MaxHeightText2402092852--height24{line-height:24px}.MaxLines1617512665__root{overflow:hidden}.MaxLines1617512665__root.MaxLines1617512665--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1646567933__root{min-width:0}.MultiBulkActionToolbar1646567933__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1646567933__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1646567933__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow744433108__root td{padding:0!important;width:100%}.NestedTableRow3049070847__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3049070847__root:hover{background-color:#e7f0ff!important}.NestedTableRow3049070847__root.NestedTableRow3049070847--expandable{cursor:pointer}.NestedTableRow3049070847__placeholder td{padding:0!important;width:100%}.NestedTableRow3049070847__root:hover td:first-of-type::before,.NestedTableRow3049070847__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3104788623__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)}.NestedTableDragAndDropRow2589573243__root.NestedTableDragAndDropRow2589573243--draggingInto td{background-color:#e7f0ff!important}.PickerContent257041302__root{display:flex}.PickerContentAdditionalStep991532676__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep991532676__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2213498049__root{box-sizing:border-box}.ScrollableContent1308724911__root.ScrollableContent1308724911--overflowY{overflow-y:auto}.ScrollableContent1308724911__root.ScrollableContent1308724911--overflowX{overflow-x:auto}.ScrollableContent1308724911__root.ScrollableContent1308724911--smooth{scroll-behavior:smooth}.SkeletonCard1432605554__headerLoading{display:block!important}.SlidingModal115117005__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal115117005__root.SlidingModal115117005--overlay{transition:transform 0s ease 0s}.SlidingModal115117005__root.SlidingModal115117005---appendTo-6-parent{position:absolute}.SlidingModal115117005__root:not(.SlidingModal115117005--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter564460072__root .TabsFilter564460072__title{color:inherit!important}.ManageTagsModal3590317833__root{display:flex}.ToolbarItem2228036543__root{min-width:0}.ToolbarItemBox3414762621__root{min-width:0}.ToolbarItemBox3414762621__root.ToolbarItemBox3414762621--removeStartPadding{margin-left:-24px}.ToolbarItemBox3414762621__root.ToolbarItemBox3414762621--expandable{flex:1 0}.common2235341608__column{display:flex;flex-direction:column}.common2235341608__fullHeight{height:100%;min-height:0}.CollectionPageHeader4110351750__root.CollectionPageHeader4110351750--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4110351750__root.CollectionPageHeader4110351750--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2250195472__root.FormPageHeader2250195472--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2250195472__root.FormPageHeader2250195472--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2619349075__root.CardContainer2619349075--mobile{border-radius:0}.Collapse4046538818__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4046538818__exit{height:0}.CollectionPage766795655__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage766795655__root.CollectionPage766795655--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage766795655__root.CollectionPage766795655--panel{overflow:hidden;position:relative}.CollectionSectionHeader960793838__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3114715534__root td{vertical-align:middle}.CollectionTable3114715534__root.CollectionTable3114715534--mobile td:first-child{padding-left:18px}.CollectionTable3114715534__root.CollectionTable3114715534--mobile td:last-child{padding-right:18px}.CollectionToolbar3446473932__left{min-width:0}.CollectionToolbar3446473932__left.CollectionToolbar3446473932--expandable{flex:auto}.CollectionToolbar3446473932__left.CollectionToolbar3446473932--title>*{width:100%}.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-5-title .CollectionToolbar3446473932__left{flex:1 100;min-width:50px}.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-4-tabs .CollectionToolbar3446473932__left,.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-4-tabs .CollectionToolbar3446473932__left.CollectionToolbar3446473932--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-4-tabs .CollectionToolbar3446473932__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3446473932__root .CollectionToolbar3446473932__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3446473932__root.CollectionToolbar3446473932--views .CollectionToolbar3446473932__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-4-tabs .CollectionToolbar3446473932__right,.CollectionToolbar3446473932__root.CollectionToolbar3446473932---responsiveMode-5-title .CollectionToolbar3446473932__right{flex:0 1 auto;min-width:0}.CollectionToolbar3446473932__root .CollectionToolbar3446473932__right.CollectionToolbar3446473932__fullWidth{margin-inline-start:0!important}.CollectionToolbar3446473932__root.CollectionToolbar3446473932--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1497284617__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1497284617__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1497284617__searchMobile:not(.SearchOrCustomFilter1497284617--expandable){left:18px}.SearchOrCustomFilter1497284617__searchMobile.SearchOrCustomFilter1497284617--expandable.SearchOrCustomFilter1497284617--expanded{left:18px}.AutoCompleteReadonly329712210__root.AutoCompleteReadonly329712210--disableEditing{cursor:pointer}.AutoCompleteReadonly329712210__root.AutoCompleteReadonly329712210--disableEditing input{cursor:pointer}.ViewsDropdown433985166__root{width:200px}.DragHandle3576246055__root{display:flex;align-items:center}.DragHandle3576246055__root:not(.DragHandle3576246055--disabled){cursor:grab;color:#a8caff}.DragHandle3576246055__root.DragHandle3576246055--disabled{color:#acafc4}.DragHandle3576246055__root:focus-visible:not(.DragHandle3576246055--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3576246055__root.DragHandle3576246055--disabled{pointer-events:none}.DragHandle3576246055__root.DragHandle3576246055--dragging:not(.DragHandle3576246055--disabled){cursor:grabbing}.EntityPagePlain3702248845__root.EntityPagePlain3702248845--mobile{--wds-page-header-padding-horizontal:0}.Fade1561794639__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1561794639__root.Fade1561794639--exit{opacity:0}.Heading3314958541__root{visibility:visible}.Heading3314958541__root.Heading3314958541--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2152951428__root.InputOverflow2152951428--selected:not(.InputOverflow2152951428--focused) input::placeholder{color:#000624}@keyframes LoadingRow1153626324__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%}}.LoadingRow1153626324__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:LoadingRow1153626324__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1357995327__root{opacity:1}.MaxHeightText1357995327__root.MaxHeightText1357995327--height24{line-height:24px}.MaxLines2318748090__root{overflow:hidden}.MaxLines2318748090__root.MaxLines2318748090--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2705869789__root{min-width:0}.MultiBulkActionToolbar2705869789__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2705869789__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2705869789__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3119102920__root td{padding:0!important;width:100%}.NestedTableRow208321339__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow208321339__root:hover{background-color:#e7f0ff!important}.NestedTableRow208321339__root.NestedTableRow208321339--expandable{cursor:pointer}.NestedTableRow208321339__placeholder td{padding:0!important;width:100%}.NestedTableRow208321339__root:hover td:first-of-type::before,.NestedTableRow208321339__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect47656884__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)}.NestedTableDragAndDropRow3796496631__root.NestedTableDragAndDropRow3796496631--draggingInto td{background-color:#e7f0ff!important}.PickerContent677599157__root{display:flex}.PickerContentAdditionalStep80900325__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep80900325__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3286367647__root{box-sizing:border-box}.ScrollableContent1050821203__root.ScrollableContent1050821203--overflowY{overflow-y:auto}.ScrollableContent1050821203__root.ScrollableContent1050821203--overflowX{overflow-x:auto}.ScrollableContent1050821203__root.ScrollableContent1050821203--smooth{scroll-behavior:smooth}.SkeletonCard3326812551__headerLoading{display:block!important}.SlidingModal1578172764__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1578172764__root.SlidingModal1578172764--overlay{transition:transform 0s ease 0s}.SlidingModal1578172764__root.SlidingModal1578172764---appendTo-6-parent{position:absolute}.SlidingModal1578172764__root:not(.SlidingModal1578172764--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2081280494__root .TabsFilter2081280494__title{color:inherit!important}.ManageTagsModal4010282068__root{display:flex}.ToolbarItem1551718793__root{min-width:0}.ToolbarItemBox2456760311__root{min-width:0}.ToolbarItemBox2456760311__root.ToolbarItemBox2456760311--removeStartPadding{margin-left:-24px}.ToolbarItemBox2456760311__root.ToolbarItemBox2456760311--expandable{flex:1 0}.common1469325834__column{display:flex;flex-direction:column}.common1469325834__fullHeight{height:100%;min-height:0}.CollectionPageHeader4096175137__root.CollectionPageHeader4096175137--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4096175137__root.CollectionPageHeader4096175137--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3199519027__root.FormPageHeader3199519027--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3199519027__root.FormPageHeader3199519027--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.344.0';
+export const version = 'patterns@1.345.0';