@wix/patterns 1.333.0 → 1.334.0

package/src/state/KanbanState/KanbanState.ts

@@ -7,8 +7,6 @@ import {
   WixPatternsContainer,
   stringFilter,
   CollectionOptimisticActions,
-  QueryState,
-  syncWithSharedQuery,
   ComputedQuery,
   parseFqdn,
 } from '@wix/bex-core';
@@ -99,7 +97,6 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     S,
     F & { stageId: ReturnType<typeof stringFilter> }
   >;
-  readonly query: QueryState<F>;
   readonly debouncedStagesRefresh: () => unknown;
   readonly stageType: KanbanStateBaseParams<T, S, F>['stages']['stageType'];
   items: KanbanStateBaseParams<T, S, F>['items'];
@@ -123,12 +120,8 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     this.items = params.items;
     this.toolbarQueryCollectionState =
       this.createToolbarQueryCollectionState(params);
-    this.query = new QueryState({
-      filters: {} as F,
-      search: stringFilter({ initialValue: '' }),
-    });
+
     this.stageType = params.stages.stageType;
-    syncWithSharedQuery(this.toolbarQueryCollectionState.query, this.query);
 
     this.stagesCollectionState = this.createStagesCollectionState(params);
 
@@ -171,7 +164,7 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
 
     this.debouncedStagesRefresh = this.container.lodash.debounce(async () => {
       this.isChangingFiltersValue = false;
-      const currentSearchTerm = this.query.search.value;
+      const currentSearchTerm = this.queryComputed.search || '';
 
       if (currentSearchTerm) {
         this._searchResultsBiEventCallback =
@@ -188,6 +181,14 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     }, 300);
   }
 
+  get query() {
+    return this.toolbarQueryCollectionState.query;
+  }
+
+  get queryComputed() {
+    return this.query.asComputed;
+  }
+
   triggerDebouncedStagesRefresh() {
     this.isChangingFiltersValue = true;
     this.debouncedStagesRefresh();
@@ -201,7 +202,7 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
       this.toolbar.init({ featuresInitializers: [] }),
       this.dragAndDropState.init(),
       reaction(
-        () => this.query.asComputed,
+        () => this.queryComputed,
         () => {
           this.triggerDebouncedStagesRefresh();
         },
@@ -276,10 +277,8 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
   }
 
   isInSearchMode() {
-    return (
-      this.query.asComputed.search?.length &&
-      this.query.asComputed.search.length > 0
-    );
+    const search = this.queryComputed.search;
+    return search && search.length > 0;
   }
 
   getIsChangingFiltersValue() {
@@ -374,8 +373,8 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
 
     return this.items.fetchAllByStageIds!({
       ids: stageIds,
-      filters: this.query.asComputed.filters,
-      search: this.query.asComputed.search,
+      filters: this.queryComputed.filters,
+      search: this.queryComputed.search,
     });
   }
 
@@ -668,7 +667,7 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
 
   getStageNameByKey(stageKey: string): string {
     const stage = this.stages.find(
-      (stage) => this.stagesCollectionState.itemKey(stage) === stageKey,
+      (s) => this.stagesCollectionState.itemKey(s) === stageKey,
     );
     return stage ? this.stagesCollectionState.itemName(stage) : '';
   }

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2376351212__root.CardContainer2376351212--mobile{border-radius:0}.Collapse357217334__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse357217334__exit{height:0}.CollectionPage3266571538__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3266571538__root.CollectionPage3266571538--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3266571538__root.CollectionPage3266571538--panel{overflow:hidden;position:relative}.CollectionTable3018821216__root td{vertical-align:middle}.CollectionTable3018821216__root.CollectionTable3018821216--mobile td:first-child{padding-left:18px}.CollectionTable3018821216__root.CollectionTable3018821216--mobile td:last-child{padding-right:18px}.CollectionToolbar3487364153__left{min-width:0}.CollectionToolbar3487364153__root.CollectionToolbar3487364153--views .CollectionToolbar3487364153__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3487364153__left.CollectionToolbar3487364153--expandable{flex:auto}.CollectionToolbar3487364153__root .CollectionToolbar3487364153__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3487364153__root.CollectionToolbar3487364153--views .CollectionToolbar3487364153__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3487364153__root .CollectionToolbar3487364153__right.CollectionToolbar3487364153__fullWidth{margin-inline-start:0!important}.CollectionToolbar3487364153__root.CollectionToolbar3487364153--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter550413254__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter550413254__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter550413254__searchMobile:not(.SearchOrCustomFilter550413254--expandable){left:18px}.SearchOrCustomFilter550413254__searchMobile.SearchOrCustomFilter550413254--expandable.SearchOrCustomFilter550413254--expanded{left:18px}.AutoCompleteReadonly2686102034__root.AutoCompleteReadonly2686102034--disableEditing{cursor:pointer}.AutoCompleteReadonly2686102034__root.AutoCompleteReadonly2686102034--disableEditing input{cursor:pointer}.ViewsDropdown1575621147__root{width:200px}.DragHandle210217799__root{display:flex;align-items:center}.DragHandle210217799__root:not(.DragHandle210217799--disabled){cursor:grab;color:#a8caff}.DragHandle210217799__root.DragHandle210217799--disabled{color:#acafc4}.DragHandle210217799__root:focus-visible:not(.DragHandle210217799--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle210217799__root.DragHandle210217799--disabled{pointer-events:none}.DragHandle210217799__root.DragHandle210217799--dragging:not(.DragHandle210217799--disabled){cursor:grabbing}.EntityPagePlain4144907458__root.EntityPagePlain4144907458--mobile{--wds-page-header-padding-horizontal:0}.Fade520136747__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade520136747__root.Fade520136747--exit{opacity:0}.Heading3826173039__root{visibility:visible}.Heading3826173039__root.Heading3826173039--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2284252645__root.InputOverflow2284252645--selected:not(.InputOverflow2284252645--focused) input::placeholder{color:#000624}@keyframes LoadingRow911053321__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%}}.LoadingRow911053321__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:LoadingRow911053321__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText665396749__root{opacity:1}.MaxHeightText665396749__root.MaxHeightText665396749--height24{line-height:24px}.MaxLines1853658825__root{overflow:hidden}.MaxLines1853658825__root.MaxLines1853658825--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3839371410__root{min-width:0}.MultiBulkActionToolbar3839371410__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3839371410__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3839371410__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2645431841__root td{padding:0!important;width:100%}.NestedTableRow3111402563__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3111402563__root:hover{background-color:#e7f0ff!important}.NestedTableRow3111402563__root.NestedTableRow3111402563--expandable{cursor:pointer}.NestedTableRow3111402563__placeholder td{padding:0!important;width:100%}.NestedTableRow3111402563__root:hover td:first-of-type::before,.NestedTableRow3111402563__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3178554860__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)}.NestedTableDragAndDropRow3006937131__root.NestedTableDragAndDropRow3006937131--draggingInto td{background-color:#e7f0ff!important}.PickerContent1995996887__root{display:flex}.PickerContentAdditionalStep3548078271__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3548078271__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3476262317__root{box-sizing:border-box}.ScrollableContent2988380714__root.ScrollableContent2988380714--overflowY{overflow-y:auto}.ScrollableContent2988380714__root.ScrollableContent2988380714--overflowX{overflow-x:auto}.ScrollableContent2988380714__root.ScrollableContent2988380714--smooth{scroll-behavior:smooth}.SkeletonCard1090930606__headerLoading{display:block!important}.SlidingModal1549163165__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1549163165__root.SlidingModal1549163165--overlay{transition:transform 0s ease 0s}.SlidingModal1549163165__root.SlidingModal1549163165---appendTo-6-parent{position:absolute}.SlidingModal1549163165__root:not(.SlidingModal1549163165--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3195927891__root .TabsFilter3195927891__title{color:inherit!important}.ManageTagsModal943651282__root{display:flex}.ToolbarItem3068424230__root{min-width:0}.ToolbarItemBox2357933367__root{min-width:0}.ToolbarItemBox2357933367__root.ToolbarItemBox2357933367--removeStartPadding{margin-left:-24px}.ToolbarItemBox2357933367__root.ToolbarItemBox2357933367--expandable{flex:1 0}.common4131177661__column{display:flex;flex-direction:column}.common4131177661__fullHeight{height:100%;min-height:0}.CollectionPageHeader1796796856__root.CollectionPageHeader1796796856--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1796796856__root.CollectionPageHeader1796796856--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2847021096__root.FormPageHeader2847021096--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2847021096__root.FormPageHeader2847021096--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2582106557__root.CardContainer2582106557--mobile{border-radius:0}.Collapse2016413494__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2016413494__exit{height:0}.CollectionPage1079172401__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1079172401__root.CollectionPage1079172401--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1079172401__root.CollectionPage1079172401--panel{overflow:hidden;position:relative}.CollectionTable3186993053__root td{vertical-align:middle}.CollectionTable3186993053__root.CollectionTable3186993053--mobile td:first-child{padding-left:18px}.CollectionTable3186993053__root.CollectionTable3186993053--mobile td:last-child{padding-right:18px}.CollectionToolbar2168152219__left{min-width:0}.CollectionToolbar2168152219__root.CollectionToolbar2168152219--views .CollectionToolbar2168152219__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2168152219__left.CollectionToolbar2168152219--expandable{flex:auto}.CollectionToolbar2168152219__root .CollectionToolbar2168152219__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2168152219__root.CollectionToolbar2168152219--views .CollectionToolbar2168152219__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2168152219__root .CollectionToolbar2168152219__right.CollectionToolbar2168152219__fullWidth{margin-inline-start:0!important}.CollectionToolbar2168152219__root.CollectionToolbar2168152219--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2779432264__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2779432264__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2779432264__searchMobile:not(.SearchOrCustomFilter2779432264--expandable){left:18px}.SearchOrCustomFilter2779432264__searchMobile.SearchOrCustomFilter2779432264--expandable.SearchOrCustomFilter2779432264--expanded{left:18px}.AutoCompleteReadonly312784207__root.AutoCompleteReadonly312784207--disableEditing{cursor:pointer}.AutoCompleteReadonly312784207__root.AutoCompleteReadonly312784207--disableEditing input{cursor:pointer}.ViewsDropdown582577721__root{width:200px}.DragHandle1552841101__root{display:flex;align-items:center}.DragHandle1552841101__root:not(.DragHandle1552841101--disabled){cursor:grab;color:#a8caff}.DragHandle1552841101__root.DragHandle1552841101--disabled{color:#acafc4}.DragHandle1552841101__root:focus-visible:not(.DragHandle1552841101--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1552841101__root.DragHandle1552841101--disabled{pointer-events:none}.DragHandle1552841101__root.DragHandle1552841101--dragging:not(.DragHandle1552841101--disabled){cursor:grabbing}.EntityPagePlain566575191__root.EntityPagePlain566575191--mobile{--wds-page-header-padding-horizontal:0}.Fade2673474669__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2673474669__root.Fade2673474669--exit{opacity:0}.Heading1799041631__root{visibility:visible}.Heading1799041631__root.Heading1799041631--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow459119259__root.InputOverflow459119259--selected:not(.InputOverflow459119259--focused) input::placeholder{color:#000624}@keyframes LoadingRow122663342__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%}}.LoadingRow122663342__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:LoadingRow122663342__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3193265110__root{opacity:1}.MaxHeightText3193265110__root.MaxHeightText3193265110--height24{line-height:24px}.MaxLines1382642228__root{overflow:hidden}.MaxLines1382642228__root.MaxLines1382642228--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4261580183__root{min-width:0}.MultiBulkActionToolbar4261580183__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4261580183__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4261580183__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3895606217__root td{padding:0!important;width:100%}.NestedTableRow609735172__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow609735172__root:hover{background-color:#e7f0ff!important}.NestedTableRow609735172__root.NestedTableRow609735172--expandable{cursor:pointer}.NestedTableRow609735172__placeholder td{padding:0!important;width:100%}.NestedTableRow609735172__root:hover td:first-of-type::before,.NestedTableRow609735172__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect872476292__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)}.NestedTableDragAndDropRow154358837__root.NestedTableDragAndDropRow154358837--draggingInto td{background-color:#e7f0ff!important}.PickerContent337109037__root{display:flex}.PickerContentAdditionalStep2320544329__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2320544329__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1605320693__root{box-sizing:border-box}.ScrollableContent2688074195__root.ScrollableContent2688074195--overflowY{overflow-y:auto}.ScrollableContent2688074195__root.ScrollableContent2688074195--overflowX{overflow-x:auto}.ScrollableContent2688074195__root.ScrollableContent2688074195--smooth{scroll-behavior:smooth}.SkeletonCard73577868__headerLoading{display:block!important}.SlidingModal3566068490__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3566068490__root.SlidingModal3566068490--overlay{transition:transform 0s ease 0s}.SlidingModal3566068490__root.SlidingModal3566068490---appendTo-6-parent{position:absolute}.SlidingModal3566068490__root:not(.SlidingModal3566068490--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1810898715__root .TabsFilter1810898715__title{color:inherit!important}.ManageTagsModal1767829892__root{display:flex}.ToolbarItem704387038__root{min-width:0}.ToolbarItemBox3156712254__root{min-width:0}.ToolbarItemBox3156712254__root.ToolbarItemBox3156712254--removeStartPadding{margin-left:-24px}.ToolbarItemBox3156712254__root.ToolbarItemBox3156712254--expandable{flex:1 0}.common548665480__column{display:flex;flex-direction:column}.common548665480__fullHeight{height:100%;min-height:0}.CollectionPageHeader2683821586__root.CollectionPageHeader2683821586--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2683821586__root.CollectionPageHeader2683821586--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader568876273__root.FormPageHeader568876273--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader568876273__root.FormPageHeader568876273--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.333.0';
+export const version = 'patterns@1.334.0';