@wix/patterns 1.271.0 → 1.273.0

package/src/state/NestedTableState/NestedTableNestedModeState.ts

@@ -3,7 +3,7 @@ import { FiltersMap, ReportBI, TaskState } from '@wix/bex-core';
 import { NestedCollectionState } from './NestedCollectionState';
 import { TableVirtualState } from '../TableVirtualState';
 import { NestedTableNodeState } from './NestedTableNodeState';
-import { action } from 'mobx';
+import { action, computed, makeObservable } from 'mobx';
 import { NestedTableState } from './NestedTableState';
 import { NestedTableDragAndDropState } from '../../components/NestedTableDragAndDrop/NestedTableDragAndDropState';
 import { getNodeOrLeaf } from './getNodeOrLeaf';
@@ -88,6 +88,10 @@ export class NestedTableNestedModeState<C extends string = string> {
       getVirtualItemKey: (item) =>
         [item.id, item.item.state.parent?.id].filter(Boolean).join('_'),
     });
+
+    makeObservable(this, {
+      hasExpandableItems: computed,
+    });
   }
 
   getCollectionSnapshot() {
@@ -182,6 +186,10 @@ export class NestedTableNestedModeState<C extends string = string> {
     return this.root.getDescendants().every((node) => !node.expanded);
   }
 
+  get hasExpandableItems() {
+    return this.root.hasExpandableItems;
+  }
+
   get showEmptyState() {
     return this.root.showEmptyState;
   }
@@ -252,12 +260,12 @@ export class NestedTableNestedModeState<C extends string = string> {
 
     const disposers = [
       addEventListener(
-        root.collection.emitter,
+        root.collection.hooks,
         'beforeInitialFetch',
         () => attemptFetchAllState.initTask.status.promise,
       ),
       addEventListener(
-        wrapper.rootNodeCollection.collection.emitter,
+        wrapper.rootNodeCollection.collection.hooks,
         'beforeInitialFetch',
         () => attemptFetchAllState.initTask.status.promise,
       ),

package/src/state/NestedTableState/NestedTableNodeState.ts

@@ -128,6 +128,8 @@ export class NestedTableNodeState<C extends string, T, F extends FiltersMap>
       deepestBranchDepth: computed,
       unprocessedMap: computed,
       getKeyedItem: action,
+      hasExpandableItems: computed,
+      _childrenCount: computed,
     });
 
     this._register();
@@ -195,6 +197,19 @@ export class NestedTableNodeState<C extends string, T, F extends FiltersMap>
     );
   }
 
+  get hasExpandableItems() {
+    const { parentKeyToChildrenMap, parentKeyToChildrenMapAtom } = this;
+    parentKeyToChildrenMapAtom.reportObserved();
+
+    return this.node.collection.result.keyedItems.some(
+      (item) => (parentKeyToChildrenMap.get(item.id)?._childrenCount ?? 0) > 0,
+    );
+  }
+
+  get _childrenCount() {
+    return this.node.collection.result.keyedItems.length ?? 0;
+  }
+
   get _expanded() {
     return this.node._expanded;
   }

package/src/state/setViewsState.ts

@@ -21,9 +21,15 @@ export function setViewsState<T, F extends FiltersMap>(
     viewNamePlaceholder,
   } = viewsProps;
 
+  const { container } = toolbar;
+
+  if (container.isPanelLayout) {
+    return null;
+  }
+
   return (toolbar.viewsState ??= new CollectionViewsState({
     table: toolbar,
-    container: toolbar.container,
+    container,
     presets: presetsToCategories(presets),
     allItemsViewProps,
     onDeleteView,

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer220689048__root.CardContainer220689048--mobile{border-radius:0}.Collapse445683683__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse445683683__exit{height:0}.CollectionPage4176225464__root.CollectionPage4176225464--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage4176225464__root.CollectionPage4176225464--panel{overflow:hidden;position:relative}.CollectionTable3296887378__root.CollectionTable3296887378--mobile td:first-child{padding-left:18px}.CollectionTable3296887378__root.CollectionTable3296887378--mobile td:last-child{padding-right:18px}.CollectionToolbar3338798376__left{min-width:0}.CollectionToolbar3338798376__root.CollectionToolbar3338798376--views .CollectionToolbar3338798376__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3338798376__left.CollectionToolbar3338798376--expandable{flex:auto}.CollectionToolbar3338798376__root .CollectionToolbar3338798376__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3338798376__root.CollectionToolbar3338798376--views .CollectionToolbar3338798376__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3338798376__root .CollectionToolbar3338798376__right.CollectionToolbar3338798376__fullWidth{margin-inline-start:0!important}.CollectionToolbar3338798376__root.CollectionToolbar3338798376--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3362600222__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3362600222__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly2195043967__root.AutoCompleteReadonly2195043967--disableEditing{cursor:pointer}.AutoCompleteReadonly2195043967__root.AutoCompleteReadonly2195043967--disableEditing input{cursor:pointer}.ViewsDropdown1986604666__root{width:200px}.DragHandle2608576452__root{display:flex;align-items:center}.DragHandle2608576452__root:not(.DragHandle2608576452--disabled){cursor:grab;color:#a8caff}.DragHandle2608576452__root.DragHandle2608576452--disabled{color:#acafc4}.DragHandle2608576452__root:focus-visible:not(.DragHandle2608576452--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2608576452__root.DragHandle2608576452--disabled{pointer-events:none}.DragHandle2608576452__root.DragHandle2608576452--dragging:not(.DragHandle2608576452--disabled){cursor:grabbing}.EntityPagePlain4065765501__root.EntityPagePlain4065765501--mobile{--wds-page-header-padding-horizontal:0}.Fade732516152__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade732516152__root.Fade732516152--exit{opacity:0}.Heading1701093119__root{visibility:visible}.Heading1701093119__root.Heading1701093119--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1754122892__root.InputOverflow1754122892--selected:not(.InputOverflow1754122892--focused) input::placeholder{color:#000624}@keyframes LoadingRow1180999102__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%}}.LoadingRow1180999102__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:LoadingRow1180999102__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1015612898__root{opacity:1}.MaxHeightText1015612898__root.MaxHeightText1015612898--height24{line-height:24px}.MaxLines2443198650__root{overflow:hidden}.MaxLines2443198650__root.MaxLines2443198650--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar459072169__root{min-width:0}.NestedTablePlaceholderStatesRow711472592__root td{padding:0!important;width:100%}.NestedTableRow445704640__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow445704640__root:hover{background-color:#e7f0ff!important}.NestedTableRow445704640__root.NestedTableRow445704640--expandable{cursor:pointer}.NestedTableRow445704640__placeholder td{padding:0!important;width:100%}.NestedTableRow445704640__root:hover td:first-of-type::before,.NestedTableRow445704640__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3838185259__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)}.NestedTableDragAndDropRow710569766__root.NestedTableDragAndDropRow710569766--draggingInto td{background-color:#e7f0ff!important}.PickerContent3801636823__root{display:flex}.PickerContentAdditionalStep3763172483__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3763172483__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4119771693__root{box-sizing:border-box}.ScrollableContent431000245__root.ScrollableContent431000245--overflowY{overflow-y:auto}.ScrollableContent431000245__root.ScrollableContent431000245--overflowX{overflow-x:auto}.ScrollableContent431000245__root.ScrollableContent431000245--smooth{scroll-behavior:smooth}.SkeletonCard3732215593__headerLoading{display:block!important}.SlidingModal2205455776__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2205455776__root.SlidingModal2205455776---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal2205455776__root:not(.SlidingModal2205455776--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2728049935__root .TabsFilter2728049935__title{color:inherit!important}.ManageTagsModal4009523089__root{display:flex}.ToolbarItem1279366959__root{min-width:0}.ToolbarItemBox1886991218__root{min-width:0}.ToolbarItemBox1886991218__root.ToolbarItemBox1886991218--removeStartPadding{margin-left:-24px}.ToolbarItemBox1886991218__root.ToolbarItemBox1886991218--expandable{flex:1 0}.common904630764__column{display:flex;flex-direction:column}.common904630764__fullHeight{height:100%;min-height:0}.CollectionPageHeader14020152__root.CollectionPageHeader14020152--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader14020152__root.CollectionPageHeader14020152--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1011486187__root.FormPageHeader1011486187--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1011486187__root.FormPageHeader1011486187--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3393531870__root.CardContainer3393531870--mobile{border-radius:0}.Collapse1869303040__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1869303040__exit{height:0}.CollectionPage322784049__root.CollectionPage322784049--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage322784049__root.CollectionPage322784049--panel{overflow:hidden;position:relative}.CollectionTable3200715404__root td{vertical-align:middle}.CollectionTable3200715404__root.CollectionTable3200715404--mobile td:first-child{padding-left:18px}.CollectionTable3200715404__root.CollectionTable3200715404--mobile td:last-child{padding-right:18px}.CollectionToolbar4128904341__left{min-width:0}.CollectionToolbar4128904341__root.CollectionToolbar4128904341--views .CollectionToolbar4128904341__left{flex-shrink:1;flex-grow:0}.CollectionToolbar4128904341__left.CollectionToolbar4128904341--expandable{flex:auto}.CollectionToolbar4128904341__root .CollectionToolbar4128904341__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4128904341__root.CollectionToolbar4128904341--views .CollectionToolbar4128904341__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4128904341__root .CollectionToolbar4128904341__right.CollectionToolbar4128904341__fullWidth{margin-inline-start:0!important}.CollectionToolbar4128904341__root.CollectionToolbar4128904341--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter266308055__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter266308055__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly1894809301__root.AutoCompleteReadonly1894809301--disableEditing{cursor:pointer}.AutoCompleteReadonly1894809301__root.AutoCompleteReadonly1894809301--disableEditing input{cursor:pointer}.ViewsDropdown540866605__root{width:200px}.DragHandle3860693914__root{display:flex;align-items:center}.DragHandle3860693914__root:not(.DragHandle3860693914--disabled){cursor:grab;color:#a8caff}.DragHandle3860693914__root.DragHandle3860693914--disabled{color:#acafc4}.DragHandle3860693914__root:focus-visible:not(.DragHandle3860693914--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3860693914__root.DragHandle3860693914--disabled{pointer-events:none}.DragHandle3860693914__root.DragHandle3860693914--dragging:not(.DragHandle3860693914--disabled){cursor:grabbing}.EntityPagePlain3917826476__root.EntityPagePlain3917826476--mobile{--wds-page-header-padding-horizontal:0}.Fade2304860188__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2304860188__root.Fade2304860188--exit{opacity:0}.Heading1604849840__root{visibility:visible}.Heading1604849840__root.Heading1604849840--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3962246097__root.InputOverflow3962246097--selected:not(.InputOverflow3962246097--focused) input::placeholder{color:#000624}@keyframes LoadingRow1075053068__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%}}.LoadingRow1075053068__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:LoadingRow1075053068__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3581876567__root{opacity:1}.MaxHeightText3581876567__root.MaxHeightText3581876567--height24{line-height:24px}.MaxLines2770530764__root{overflow:hidden}.MaxLines2770530764__root.MaxLines2770530764--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar986236754__root{min-width:0}.NestedTablePlaceholderStatesRow2810881269__root td{padding:0!important;width:100%}.NestedTableRow986947815__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow986947815__root:hover{background-color:#e7f0ff!important}.NestedTableRow986947815__root.NestedTableRow986947815--expandable{cursor:pointer}.NestedTableRow986947815__placeholder td{padding:0!important;width:100%}.NestedTableRow986947815__root:hover td:first-of-type::before,.NestedTableRow986947815__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1866277455__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)}.NestedTableDragAndDropRow4196837160__root.NestedTableDragAndDropRow4196837160--draggingInto td{background-color:#e7f0ff!important}.PickerContent596584960__root{display:flex}.PickerContentAdditionalStep1192940651__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1192940651__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem203407512__root{box-sizing:border-box}.ScrollableContent3720529783__root.ScrollableContent3720529783--overflowY{overflow-y:auto}.ScrollableContent3720529783__root.ScrollableContent3720529783--overflowX{overflow-x:auto}.ScrollableContent3720529783__root.ScrollableContent3720529783--smooth{scroll-behavior:smooth}.SkeletonCard3483719225__headerLoading{display:block!important}.SlidingModal1826544518__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1826544518__root.SlidingModal1826544518---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal1826544518__root:not(.SlidingModal1826544518--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3871724656__root .TabsFilter3871724656__title{color:inherit!important}.ManageTagsModal2297684758__root{display:flex}.ToolbarItem473569765__root{min-width:0}.ToolbarItemBox1252058291__root{min-width:0}.ToolbarItemBox1252058291__root.ToolbarItemBox1252058291--removeStartPadding{margin-left:-24px}.ToolbarItemBox1252058291__root.ToolbarItemBox1252058291--expandable{flex:1 0}.common2683780817__column{display:flex;flex-direction:column}.common2683780817__fullHeight{height:100%;min-height:0}.CollectionPageHeader3631279008__root.CollectionPageHeader3631279008--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3631279008__root.CollectionPageHeader3631279008--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3475574295__root.FormPageHeader3475574295--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3475574295__root.FormPageHeader3475574295--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.271.0';
+export const version = 'patterns@1.273.0';