@wix/patterns 1.270.0 → 1.272.0

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

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

package/src/state/NestedTableState/NestedTableFlatModeState.ts

@@ -191,7 +191,7 @@ export class NestedTableFlatModeState<C extends string = string> {
     const disposers = [
       ...this.sections.map(({ collection }) =>
         addEventListener(
-          collection.emitter,
+          collection.hooks,
           'beforeInitialFetch',
           () => initTask.status.promise,
         ),

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/styles.global.css

@@ -1 +1 @@
-.CardContainer2477164957__root.CardContainer2477164957--mobile{border-radius:0}.Collapse3397740270__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3397740270__exit{height:0}.CollectionPage2002051450__root.CollectionPage2002051450--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage2002051450__root.CollectionPage2002051450--panel{overflow:hidden;position:relative}.CollectionTable2865106376__root.CollectionTable2865106376--mobile td:first-child{padding-left:18px}.CollectionTable2865106376__root.CollectionTable2865106376--mobile td:last-child{padding-right:18px}.CollectionToolbar349092579__left{min-width:0}.CollectionToolbar349092579__root.CollectionToolbar349092579--views .CollectionToolbar349092579__left{flex-shrink:1;flex-grow:0}.CollectionToolbar349092579__left.CollectionToolbar349092579--expandable{flex:auto}.CollectionToolbar349092579__root .CollectionToolbar349092579__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar349092579__root.CollectionToolbar349092579--views .CollectionToolbar349092579__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar349092579__root .CollectionToolbar349092579__right.CollectionToolbar349092579__fullWidth{margin-inline-start:0!important}.CollectionToolbar349092579__root.CollectionToolbar349092579--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1659240687__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1659240687__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly4228521616__root.AutoCompleteReadonly4228521616--disableEditing{cursor:pointer}.AutoCompleteReadonly4228521616__root.AutoCompleteReadonly4228521616--disableEditing input{cursor:pointer}.ViewsDropdown2226868337__root{width:200px}.DragHandle4264230934__root{display:flex;align-items:center}.DragHandle4264230934__root:not(.DragHandle4264230934--disabled){cursor:grab;color:#a8caff}.DragHandle4264230934__root.DragHandle4264230934--disabled{color:#acafc4}.DragHandle4264230934__root:focus-visible:not(.DragHandle4264230934--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4264230934__root.DragHandle4264230934--disabled{pointer-events:none}.DragHandle4264230934__root.DragHandle4264230934--dragging:not(.DragHandle4264230934--disabled){cursor:grabbing}.EntityPagePlain521301888__root.EntityPagePlain521301888--mobile{--wds-page-header-padding-horizontal:0}.Fade895820761__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade895820761__root.Fade895820761--exit{opacity:0}.Heading2181737119__root{visibility:visible}.Heading2181737119__root.Heading2181737119--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow589833437__root.InputOverflow589833437--selected:not(.InputOverflow589833437--focused) input::placeholder{color:#000624}@keyframes LoadingRow3717438772__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%}}.LoadingRow3717438772__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:LoadingRow3717438772__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1927198089__root{opacity:1}.MaxHeightText1927198089__root.MaxHeightText1927198089--height24{line-height:24px}.MaxLines2208425368__root{overflow:hidden}.MaxLines2208425368__root.MaxLines2208425368--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3451968442__root{min-width:0}.NestedTablePlaceholderStatesRow3875206318__root td{padding:0!important;width:100%}.NestedTableRow1824734074__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1824734074__root:hover{background-color:#e7f0ff!important}.NestedTableRow1824734074__root.NestedTableRow1824734074--expandable{cursor:pointer}.NestedTableRow1824734074__placeholder td{padding:0!important;width:100%}.NestedTableRow1824734074__root:hover td:first-of-type::before,.NestedTableRow1824734074__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2685109613__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)}.NestedTableDragAndDropRow1505389999__root.NestedTableDragAndDropRow1505389999--draggingInto td{background-color:#e7f0ff!important}.PickerContent2949225513__root{display:flex}.PickerContentAdditionalStep1777674793__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1777674793__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4227246955__root{box-sizing:border-box}.ScrollableContent1687738429__root.ScrollableContent1687738429--overflowY{overflow-y:auto}.ScrollableContent1687738429__root.ScrollableContent1687738429--overflowX{overflow-x:auto}.ScrollableContent1687738429__root.ScrollableContent1687738429--smooth{scroll-behavior:smooth}.SkeletonCard1261171860__headerLoading{display:block!important}.SlidingModal862206277__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal862206277__root.SlidingModal862206277---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal862206277__root:not(.SlidingModal862206277--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2487119388__root .TabsFilter2487119388__title{color:inherit!important}.ManageTagsModal4194033029__root{display:flex}.ToolbarItem4213610158__root{min-width:0}.ToolbarItemBox1452683993__root{min-width:0}.ToolbarItemBox1452683993__root.ToolbarItemBox1452683993--removeStartPadding{margin-left:-24px}.ToolbarItemBox1452683993__root.ToolbarItemBox1452683993--expandable{flex:1 0}.common36264797__column{display:flex;flex-direction:column}.common36264797__fullHeight{height:100%;min-height:0}.CollectionPageHeader3988016596__root.CollectionPageHeader3988016596--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3988016596__root.CollectionPageHeader3988016596--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader940274820__root.FormPageHeader940274820--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader940274820__root.FormPageHeader940274820--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3126525444__root.CardContainer3126525444--mobile{border-radius:0}.Collapse4205912958__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4205912958__exit{height:0}.CollectionPage897003043__root.CollectionPage897003043--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage897003043__root.CollectionPage897003043--panel{overflow:hidden;position:relative}.CollectionTable3872642571__root.CollectionTable3872642571--mobile td:first-child{padding-left:18px}.CollectionTable3872642571__root.CollectionTable3872642571--mobile td:last-child{padding-right:18px}.CollectionToolbar941185241__left{min-width:0}.CollectionToolbar941185241__root.CollectionToolbar941185241--views .CollectionToolbar941185241__left{flex-shrink:1;flex-grow:0}.CollectionToolbar941185241__left.CollectionToolbar941185241--expandable{flex:auto}.CollectionToolbar941185241__root .CollectionToolbar941185241__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar941185241__root.CollectionToolbar941185241--views .CollectionToolbar941185241__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar941185241__root .CollectionToolbar941185241__right.CollectionToolbar941185241__fullWidth{margin-inline-start:0!important}.CollectionToolbar941185241__root.CollectionToolbar941185241--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter958413996__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter958413996__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly714095105__root.AutoCompleteReadonly714095105--disableEditing{cursor:pointer}.AutoCompleteReadonly714095105__root.AutoCompleteReadonly714095105--disableEditing input{cursor:pointer}.ViewsDropdown540528844__root{width:200px}.DragHandle503883241__root{display:flex;align-items:center}.DragHandle503883241__root:not(.DragHandle503883241--disabled){cursor:grab;color:#a8caff}.DragHandle503883241__root.DragHandle503883241--disabled{color:#acafc4}.DragHandle503883241__root:focus-visible:not(.DragHandle503883241--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle503883241__root.DragHandle503883241--disabled{pointer-events:none}.DragHandle503883241__root.DragHandle503883241--dragging:not(.DragHandle503883241--disabled){cursor:grabbing}.EntityPagePlain1229805487__root.EntityPagePlain1229805487--mobile{--wds-page-header-padding-horizontal:0}.Fade2203518147__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2203518147__root.Fade2203518147--exit{opacity:0}.Heading2905558166__root{visibility:visible}.Heading2905558166__root.Heading2905558166--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3071504287__root.InputOverflow3071504287--selected:not(.InputOverflow3071504287--focused) input::placeholder{color:#000624}@keyframes LoadingRow1999838567__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%}}.LoadingRow1999838567__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:LoadingRow1999838567__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText670549111__root{opacity:1}.MaxHeightText670549111__root.MaxHeightText670549111--height24{line-height:24px}.MaxLines1086232875__root{overflow:hidden}.MaxLines1086232875__root.MaxLines1086232875--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3400685682__root{min-width:0}.NestedTablePlaceholderStatesRow1348874376__root td{padding:0!important;width:100%}.NestedTableRow154092234__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow154092234__root:hover{background-color:#e7f0ff!important}.NestedTableRow154092234__root.NestedTableRow154092234--expandable{cursor:pointer}.NestedTableRow154092234__placeholder td{padding:0!important;width:100%}.NestedTableRow154092234__root:hover td:first-of-type::before,.NestedTableRow154092234__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2114458222__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)}.NestedTableDragAndDropRow2929740874__root.NestedTableDragAndDropRow2929740874--draggingInto td{background-color:#e7f0ff!important}.PickerContent3605261935__root{display:flex}.PickerContentAdditionalStep1208783649__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1208783649__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem831596144__root{box-sizing:border-box}.ScrollableContent3503851455__root.ScrollableContent3503851455--overflowY{overflow-y:auto}.ScrollableContent3503851455__root.ScrollableContent3503851455--overflowX{overflow-x:auto}.ScrollableContent3503851455__root.ScrollableContent3503851455--smooth{scroll-behavior:smooth}.SkeletonCard4150829493__headerLoading{display:block!important}.SlidingModal1038325046__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1038325046__root.SlidingModal1038325046---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal1038325046__root:not(.SlidingModal1038325046--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter752806981__root .TabsFilter752806981__title{color:inherit!important}.ManageTagsModal971224037__root{display:flex}.ToolbarItem1050695310__root{min-width:0}.ToolbarItemBox3670430949__root{min-width:0}.ToolbarItemBox3670430949__root.ToolbarItemBox3670430949--removeStartPadding{margin-left:-24px}.ToolbarItemBox3670430949__root.ToolbarItemBox3670430949--expandable{flex:1 0}.common3142939081__column{display:flex;flex-direction:column}.common3142939081__fullHeight{height:100%;min-height:0}.CollectionPageHeader3877780000__root.CollectionPageHeader3877780000--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3877780000__root.CollectionPageHeader3877780000--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4165724595__root.FormPageHeader4165724595--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4165724595__root.FormPageHeader4165724595--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.270.0';
+export const version = 'patterns@1.272.0';