@wix/patterns 1.343.0 → 1.345.0

package/src/components/TableGridSwitch/TableGridSwitch.tsx

@@ -9,7 +9,7 @@ import { GridPresetProps } from '../Grid/Grid.types';
 import type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';
 import { InitialLoader } from '../InitialLoader';
 import { GridSectionsContent } from '../GridSections/GridSectionsContent';
-import type { Section } from '../CollectionSectionHeader';
+import type { GroupBy, RenderSection } from '../CollectionSectionHeader';
 import { TableSections } from '../TableSections';
 
 export interface TableGridSwitchBaseProps<T, F extends FiltersMap>
@@ -40,7 +40,8 @@ export interface TableGridSwitchBaseProps<T, F extends FiltersMap>
   sections?: {
     GridSections: typeof GridSectionsContent;
     TableSections: typeof TableSections;
-    renderSection: (item: T) => Section;
+    groupBy: GroupBy<T>;
+    renderSection: RenderSection<T>;
   };
 }
 
@@ -70,6 +71,7 @@ export function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(
   const gridSections = sections
     ? {
         GridSections: sections.GridSections,
+        groupBy: sections.groupBy,
         renderSection: sections.renderSection,
       }
     : undefined;
@@ -77,6 +79,7 @@ export function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(
   const tableSections = sections
     ? {
         TableSections: sections.TableSections,
+        groupBy: sections.groupBy,
         renderSection: sections.renderSection,
       }
     : undefined;

package/src/components/TableSections/TableSectionRow.tsx

@@ -50,12 +50,14 @@ const _TableSectionRow = forwardRef<
   }
 
   if (isSectionRow && Array.isArray(children) && children.length > 0) {
-    const sectionWithCount = state.getSectionWithCount(rowData);
+    const result = state.getSectionWithCount(rowData);
 
-    if (!sectionWithCount) {
+    if (!result) {
       return <RegularTrElement {...regularTrElementProps} />;
     }
 
+    const { sectionId, section } = result;
+
     return (
       <tr
         {...props}
@@ -81,7 +83,8 @@ const _TableSectionRow = forwardRef<
             }}
           >
             <CollectionSectionHeader
-              section={sectionWithCount}
+              sectionId={sectionId}
+              section={section}
               biComponentType="TableSections"
               skin="neutral"
               dataHook="table-section-header"

package/src/components/TableSections/TableSections.tsx

@@ -4,23 +4,27 @@ import { observer } from 'mobx-react-lite';
 import { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';
 import { useTableSectionRow } from './useTableSectionRow';
 import { TableState } from '../../state';
-import { RenderSection } from '../CollectionSectionHeader';
+import { GroupBy, RenderSection } from '../CollectionSectionHeader';
 import { TableSectionsState } from './TableSectionsState';
 
 export interface TableSectionsProps<T, F extends FiltersMap>
   extends CollectionTableBaseProps<T, F> {
+  groupBy: GroupBy<T>;
   renderSection: RenderSection<T>;
   table: TableState<T, F>;
 }
 
 const _TableSections = <T, F extends FiltersMap>({
+  groupBy,
   renderSection,
   table,
   columns,
   rowDetails,
   ...collectionTableProps
 }: TableSectionsProps<T, F>) => {
-  const [state] = useState(() => new TableSectionsState(table, renderSection));
+  const [state] = useState(
+    () => new TableSectionsState(table, groupBy, renderSection),
+  );
 
   const columnsWithSections = useMemo(
     () =>
@@ -71,5 +75,6 @@ export const TableSections = observer(_TableSections);
 
 export type TableSectionsProp<T> = {
   TableSections: typeof TableSections;
+  groupBy: GroupBy<T>;
   renderSection: RenderSection<T>;
 };

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_ = "TabsFilter100655002";
+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":"TabsFilter100655002__root","title":"TabsFilter100655002__title"};
+export var classes = {"root":"TabsFilter2081280494__root","title":"TabsFilter2081280494__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx

@@ -81,12 +81,15 @@ export const _BulkAssignTagsPopover = <T, F extends FiltersMap>({
   return (
     <>
       <Popover
+        tabIndex={0}
         showArrow
         shown={state.isShown}
         appendTo="window"
         placement="bottom"
         width="304px"
         onClickOutside={closePopover}
+        onEscPress={closePopover}
+        onTabOut={closePopover}
         dataHook="bulk-assign-tags-popover"
       >
         <Popover.Element>{popoverElement}</Popover.Element>
@@ -99,6 +102,7 @@ export const _BulkAssignTagsPopover = <T, F extends FiltersMap>({
             )}
             {!state.isLoading && (
               <SelectorList
+                autoFocus
                 key={state.tagsManagementState.items.length} // Remount the component on every new created tag
                 dataHook="bulk-assign-tags-selector-list"
                 dataSource={selectorListDataSource}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal1935372859";
+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":"ManageTagsModal1935372859__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_ = "ToolbarItem2056431157";
+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":"ToolbarItem2056431157__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_ = "ToolbarItemBox84292117";
+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":"ToolbarItemBox84292117__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_ = "common1431577632";
+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":"common1431577632__root","column":"common1431577632__column","fullHeight":"common1431577632__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_ = "CollectionPageHeader217017969";
+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":"CollectionPageHeader217017969__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_ = "FormPageHeader3680476915";
+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":"FormPageHeader3680476915__root"};
+export var classes = {"root":"FormPageHeader3199519027__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1810278488__root.CardContainer1810278488--mobile{border-radius:0}.Collapse2115287492__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2115287492__exit{height:0}.CollectionPage687284390__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage687284390__root.CollectionPage687284390--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage687284390__root.CollectionPage687284390--panel{overflow:hidden;position:relative}.CollectionTable323634763__root td{vertical-align:middle}.CollectionTable323634763__root.CollectionTable323634763--mobile td:first-child{padding-left:18px}.CollectionTable323634763__root.CollectionTable323634763--mobile td:last-child{padding-right:18px}.CollectionToolbar1227716164__left{min-width:0}.CollectionToolbar1227716164__left.CollectionToolbar1227716164--expandable{flex:auto}.CollectionToolbar1227716164__left.CollectionToolbar1227716164--title>*{width:100%}.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-5-title .CollectionToolbar1227716164__left{flex:1 100;min-width:50px}.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-4-tabs .CollectionToolbar1227716164__left,.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-4-tabs .CollectionToolbar1227716164__left.CollectionToolbar1227716164--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-4-tabs .CollectionToolbar1227716164__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1227716164__root .CollectionToolbar1227716164__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1227716164__root.CollectionToolbar1227716164--views .CollectionToolbar1227716164__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-4-tabs .CollectionToolbar1227716164__right,.CollectionToolbar1227716164__root.CollectionToolbar1227716164---responsiveMode-5-title .CollectionToolbar1227716164__right{flex:0 1 auto;min-width:0}.CollectionToolbar1227716164__root .CollectionToolbar1227716164__right.CollectionToolbar1227716164__fullWidth{margin-inline-start:0!important}.CollectionToolbar1227716164__root.CollectionToolbar1227716164--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2537292878__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2537292878__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2537292878__searchMobile:not(.SearchOrCustomFilter2537292878--expandable){left:18px}.SearchOrCustomFilter2537292878__searchMobile.SearchOrCustomFilter2537292878--expandable.SearchOrCustomFilter2537292878--expanded{left:18px}.AutoCompleteReadonly2959405793__root.AutoCompleteReadonly2959405793--disableEditing{cursor:pointer}.AutoCompleteReadonly2959405793__root.AutoCompleteReadonly2959405793--disableEditing input{cursor:pointer}.ViewsDropdown1390601020__root{width:200px}.DragHandle1087528928__root{display:flex;align-items:center}.DragHandle1087528928__root:not(.DragHandle1087528928--disabled){cursor:grab;color:#a8caff}.DragHandle1087528928__root.DragHandle1087528928--disabled{color:#acafc4}.DragHandle1087528928__root:focus-visible:not(.DragHandle1087528928--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1087528928__root.DragHandle1087528928--disabled{pointer-events:none}.DragHandle1087528928__root.DragHandle1087528928--dragging:not(.DragHandle1087528928--disabled){cursor:grabbing}.EntityPagePlain1559037576__root.EntityPagePlain1559037576--mobile{--wds-page-header-padding-horizontal:0}.Fade2595381006__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2595381006__root.Fade2595381006--exit{opacity:0}.Heading3383894607__root{visibility:visible}.Heading3383894607__root.Heading3383894607--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2253211445__root.InputOverflow2253211445--selected:not(.InputOverflow2253211445--focused) input::placeholder{color:#000624}@keyframes LoadingRow1479592983__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%}}.LoadingRow1479592983__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:LoadingRow1479592983__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1466646791__root{opacity:1}.MaxHeightText1466646791__root.MaxHeightText1466646791--height24{line-height:24px}.MaxLines4161131399__root{overflow:hidden}.MaxLines4161131399__root.MaxLines4161131399--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3014684291__root{min-width:0}.MultiBulkActionToolbar3014684291__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3014684291__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3014684291__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3153221628__root td{padding:0!important;width:100%}.NestedTableRow3218022960__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3218022960__root:hover{background-color:#e7f0ff!important}.NestedTableRow3218022960__root.NestedTableRow3218022960--expandable{cursor:pointer}.NestedTableRow3218022960__placeholder td{padding:0!important;width:100%}.NestedTableRow3218022960__root:hover td:first-of-type::before,.NestedTableRow3218022960__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1823254855__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)}.NestedTableDragAndDropRow1201414144__root.NestedTableDragAndDropRow1201414144--draggingInto td{background-color:#e7f0ff!important}.PickerContent1814532354__root{display:flex}.PickerContentAdditionalStep1599061222__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1599061222__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem412478209__root{box-sizing:border-box}.ScrollableContent3628671348__root.ScrollableContent3628671348--overflowY{overflow-y:auto}.ScrollableContent3628671348__root.ScrollableContent3628671348--overflowX{overflow-x:auto}.ScrollableContent3628671348__root.ScrollableContent3628671348--smooth{scroll-behavior:smooth}.SkeletonCard1339768371__headerLoading{display:block!important}.SlidingModal1884507680__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1884507680__root.SlidingModal1884507680--overlay{transition:transform 0s ease 0s}.SlidingModal1884507680__root.SlidingModal1884507680---appendTo-6-parent{position:absolute}.SlidingModal1884507680__root:not(.SlidingModal1884507680--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter100655002__root .TabsFilter100655002__title{color:inherit!important}.ManageTagsModal1935372859__root{display:flex}.ToolbarItem2056431157__root{min-width:0}.ToolbarItemBox84292117__root{min-width:0}.ToolbarItemBox84292117__root.ToolbarItemBox84292117--removeStartPadding{margin-left:-24px}.ToolbarItemBox84292117__root.ToolbarItemBox84292117--expandable{flex:1 0}.common1431577632__column{display:flex;flex-direction:column}.common1431577632__fullHeight{height:100%;min-height:0}.CollectionPageHeader217017969__root.CollectionPageHeader217017969--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader217017969__root.CollectionPageHeader217017969--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3680476915__root.FormPageHeader3680476915--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3680476915__root.FormPageHeader3680476915--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.343.0';
+export const version = 'patterns@1.345.0';