@wix/patterns 1.260.0 → 1.263.0

package/src/state/EntityPage/EntityPageState.ts

@@ -249,7 +249,10 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
   }
 
   onCancel() {
-    this.bi.reportButtonClick({ ctaName: 'Cancel', additionalInfo: this.actionsBarConfig?.cancelCta?.biAdditionalInfo });
+    this.bi.reportButtonClick({
+      ctaName: 'Cancel',
+      additionalInfo: this.actionsBarConfig?.cancelCta?.biAdditionalInfo,
+    });
     this.navigateToParent();
   }
 
@@ -331,7 +334,11 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     const { isValid, data: widgetsFormData } = await this.formPage.validate();
 
     if (!isValid) {
-      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false, additionalInfo: this.actionsBarConfig?.saveCta?.biAdditionalInfo });
+      this.bi.reportButtonClick({
+        ctaName: 'Save',
+        isValid: false,
+        additionalInfo: this.actionsBarConfig?.saveCta?.biAdditionalInfo,
+      });
       return;
     }
 
@@ -347,7 +354,11 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
 
       await form.handleSubmit(
         async () => {
-          bi.reportButtonClick({ ctaName: 'Save', isValid: true, additionalInfo: this.actionsBarConfig?.saveCta?.biAdditionalInfo });
+          bi.reportButtonClick({
+            ctaName: 'Save',
+            isValid: true,
+            additionalInfo: this.actionsBarConfig?.saveCta?.biAdditionalInfo,
+          });
           try {
             if (!this.isFetching) {
               const onSaveResult = await this.onSave({
@@ -365,7 +376,11 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
           }
         },
         () => {
-          bi.reportButtonClick({ ctaName: 'Save', isValid: false, additionalInfo: this.actionsBarConfig?.saveCta?.biAdditionalInfo });
+          bi.reportButtonClick({
+            ctaName: 'Save',
+            isValid: false,
+            additionalInfo: this.actionsBarConfig?.saveCta?.biAdditionalInfo,
+          });
         }, // can be used to report validation errors
       )(e);
 

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

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

package/src/state/KanbanState/KanbanState.ts

@@ -81,7 +81,8 @@ export interface KanbanStateParamsAPI<
 }
 
 export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
-  implements ICollectionComponentState, KanbanStateParamsAPI<T, F> {
+  implements ICollectionComponentState, KanbanStateParamsAPI<T, F>
+{
   readonly container: WixPatternsContainer;
   kanbanStageStates: Record<
     string,
@@ -267,7 +268,7 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
       this.stagesCollectionState.initTask.status.isLoading ||
       this.isRefetching ||
       Object.keys(this.kanbanStageStates).length !==
-      this.stagesCollectionState.result.keyedItems.length
+        this.stagesCollectionState.result.keyedItems.length
     );
   }
 
@@ -455,10 +456,10 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
       initialPage: hasDataForStage
         ? this.getInitialPageData(stageData)
         : {
-          items: [],
-          total: 0,
-          cursor: null,
-        },
+            items: [],
+            total: 0,
+            cursor: null,
+          },
       name: this.stagesCollectionState.itemName(stage),
       key: this.stagesCollectionState.itemKey(stage),
       kanbanId: this.kanbanId,
@@ -483,10 +484,10 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
         hasDataForStage
           ? stageData
           : {
-            items: [],
-            total: 0,
-            cursor: null,
-          },
+              items: [],
+              total: 0,
+              cursor: null,
+            },
       );
 
       stageState.itemsCollectionState.setInitialPage(initialPageData);

package/src/state/NestedTableState/NestedTableFlatModeState.ts

@@ -167,6 +167,7 @@ export class NestedTableFlatModeState<C extends string = string> {
     const fetchAll = wrapper._attemptFetchAllAndPopulateCache();
     fetchAll.init();
     await fetchAll.initTask.status.promise;
+    await this.toolbar.collection._runSearch(true);
     await Promise.all(
       this.sections.map(({ collection }) => collection._runSearch(true)),
     );

package/src/state/ViewsState.ts

@@ -261,10 +261,7 @@ export class ViewsState<F extends FiltersMap> {
     return items;
   }
 
-
-  _getInitialSelectItem(
-    items: PrivateView<F>[],
-  ): PrivateView<F> | undefined {
+  _getInitialSelectItem(items: PrivateView<F>[]): PrivateView<F> | undefined {
     const { initialSelect, _initialViewIdFromUrl, defaultViewId } = this;
 
     if (initialSelect == null) {

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2862758717__root.CardContainer2862758717--mobile{border-radius:0}.Collapse3404484541__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3404484541__exit{height:0}.CollectionPage2359612433__root.CollectionPage2359612433--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable1629029115__root.CollectionTable1629029115--mobile td:first-child{padding-left:18px}.CollectionTable1629029115__root.CollectionTable1629029115--mobile td:last-child{padding-right:18px}.CollectionToolbar3076293600__left{min-width:0}.CollectionToolbar3076293600__root.CollectionToolbar3076293600--views .CollectionToolbar3076293600__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3076293600__left.CollectionToolbar3076293600--expandable{flex:auto}.CollectionToolbar3076293600__root .CollectionToolbar3076293600__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3076293600__root.CollectionToolbar3076293600--views .CollectionToolbar3076293600__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3076293600__root .CollectionToolbar3076293600__right.CollectionToolbar3076293600__fullWidth{margin-inline-start:0!important}.CollectionToolbar3076293600__root.CollectionToolbar3076293600--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1503668046__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1503668046__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3789927058__root.AutoCompleteReadonly3789927058--disableEditing{cursor:pointer}.AutoCompleteReadonly3789927058__root.AutoCompleteReadonly3789927058--disableEditing input{cursor:pointer}.ViewsDropdown206953117__root{width:200px}.DragHandle3889210548__root{display:flex;align-items:center}.DragHandle3889210548__root:not(.DragHandle3889210548--disabled){cursor:grab;color:#a8caff}.DragHandle3889210548__root.DragHandle3889210548--disabled{color:#acafc4}.DragHandle3889210548__root:focus-visible:not(.DragHandle3889210548--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3889210548__root.DragHandle3889210548--disabled{pointer-events:none}.DragHandle3889210548__root.DragHandle3889210548--dragging:not(.DragHandle3889210548--disabled){cursor:grabbing}.EntityPagePlain2960123993__root.EntityPagePlain2960123993--mobile{--wds-page-header-padding-horizontal:0}.Fade573421859__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade573421859__root.Fade573421859--exit{opacity:0}.Heading2974527410__root{visibility:visible}.Heading2974527410__root.Heading2974527410--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1139788378__root.InputOverflow1139788378--selected:not(.InputOverflow1139788378--focused) input::placeholder{color:#000624}@keyframes LoadingRow1587360019__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%}}.LoadingRow1587360019__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:LoadingRow1587360019__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText327937011__root{opacity:1}.MaxHeightText327937011__root.MaxHeightText327937011--height24{line-height:24px}.MaxLines1687073014__root{overflow:hidden}.MaxLines1687073014__root.MaxLines1687073014--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2454378092__root{min-width:0}.NestedTablePlaceholderStatesRow1332638569__root td{padding:0!important;width:100%}.NestedTableRow919608236__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow919608236__root:hover{background-color:#e7f0ff!important}.NestedTableRow919608236__root.NestedTableRow919608236--expandable{cursor:pointer}.NestedTableRow919608236__placeholder td{padding:0!important;width:100%}.NestedTableRow919608236__root:hover td:first-of-type::before,.NestedTableRow919608236__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3742767738__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)}.NestedTableDragAndDropRow2956027975__root.NestedTableDragAndDropRow2956027975--draggingInto td{background-color:#e7f0ff!important}.PickerContent3335617476__root{display:flex}.PickerContentAdditionalStep3871678748__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3871678748__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2275210523__root{box-sizing:border-box}.ScrollableContent586130565__root.ScrollableContent586130565--overflowY{overflow-y:auto}.ScrollableContent586130565__root.ScrollableContent586130565--overflowX{overflow-x:auto}.ScrollableContent586130565__root.ScrollableContent586130565--smooth{scroll-behavior:smooth}.SkeletonCard1689965996__headerLoading{display:block!important}.SlidingModal342877834__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal342877834__root.SlidingModal342877834---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal342877834__root:not(.SlidingModal342877834--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3557108515__root .TabsFilter3557108515__title{color:inherit!important}.ManageTagsModal1405732498__root{display:flex}.ToolbarItem3877511843__root{min-width:0}.ToolbarItemBox1034598809__root{min-width:0}.ToolbarItemBox1034598809__root.ToolbarItemBox1034598809--removeStartPadding{margin-left:-24px}.ToolbarItemBox1034598809__root.ToolbarItemBox1034598809--expandable{flex:1 0}.common2029892257__column{display:flex;flex-direction:column}.common2029892257__fullHeight{height:100%;min-height:0}.CollectionPageHeader2059705793__root.CollectionPageHeader2059705793--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2059705793__root.CollectionPageHeader2059705793--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3584789488__root.FormPageHeader3584789488--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3584789488__root.FormPageHeader3584789488--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2488312148__root.CardContainer2488312148--mobile{border-radius:0}.Collapse3409195705__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3409195705__exit{height:0}.CollectionPage3091439071__root.CollectionPage3091439071--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable3574185100__root.CollectionTable3574185100--mobile td:first-child{padding-left:18px}.CollectionTable3574185100__root.CollectionTable3574185100--mobile td:last-child{padding-right:18px}.CollectionToolbar1743802385__left{min-width:0}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--views .CollectionToolbar1743802385__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1743802385__left.CollectionToolbar1743802385--expandable{flex:auto}.CollectionToolbar1743802385__root .CollectionToolbar1743802385__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--views .CollectionToolbar1743802385__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1743802385__root .CollectionToolbar1743802385__right.CollectionToolbar1743802385__fullWidth{margin-inline-start:0!important}.CollectionToolbar1743802385__root.CollectionToolbar1743802385--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1952909110__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1952909110__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly779197060__root.AutoCompleteReadonly779197060--disableEditing{cursor:pointer}.AutoCompleteReadonly779197060__root.AutoCompleteReadonly779197060--disableEditing input{cursor:pointer}.ViewsDropdown3379161903__root{width:200px}.DragHandle3491303079__root{display:flex;align-items:center}.DragHandle3491303079__root:not(.DragHandle3491303079--disabled){cursor:grab;color:#a8caff}.DragHandle3491303079__root.DragHandle3491303079--disabled{color:#acafc4}.DragHandle3491303079__root:focus-visible:not(.DragHandle3491303079--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3491303079__root.DragHandle3491303079--disabled{pointer-events:none}.DragHandle3491303079__root.DragHandle3491303079--dragging:not(.DragHandle3491303079--disabled){cursor:grabbing}.EntityPagePlain2805193397__root.EntityPagePlain2805193397--mobile{--wds-page-header-padding-horizontal:0}.Fade801000593__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade801000593__root.Fade801000593--exit{opacity:0}.Heading3921377375__root{visibility:visible}.Heading3921377375__root.Heading3921377375--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1473031221__root.InputOverflow1473031221--selected:not(.InputOverflow1473031221--focused) input::placeholder{color:#000624}@keyframes LoadingRow3543269352__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%}}.LoadingRow3543269352__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:LoadingRow3543269352__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3576219268__root{opacity:1}.MaxHeightText3576219268__root.MaxHeightText3576219268--height24{line-height:24px}.MaxLines1857967116__root{overflow:hidden}.MaxLines1857967116__root.MaxLines1857967116--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1719938158__root{min-width:0}.NestedTablePlaceholderStatesRow2484428981__root td{padding:0!important;width:100%}.NestedTableRow2222993695__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2222993695__root:hover{background-color:#e7f0ff!important}.NestedTableRow2222993695__root.NestedTableRow2222993695--expandable{cursor:pointer}.NestedTableRow2222993695__placeholder td{padding:0!important;width:100%}.NestedTableRow2222993695__root:hover td:first-of-type::before,.NestedTableRow2222993695__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2289837617__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)}.NestedTableDragAndDropRow792121382__root.NestedTableDragAndDropRow792121382--draggingInto td{background-color:#e7f0ff!important}.PickerContent1116485106__root{display:flex}.PickerContentAdditionalStep3791920242__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3791920242__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3878395080__root{box-sizing:border-box}.ScrollableContent4044499270__root.ScrollableContent4044499270--overflowY{overflow-y:auto}.ScrollableContent4044499270__root.ScrollableContent4044499270--overflowX{overflow-x:auto}.ScrollableContent4044499270__root.ScrollableContent4044499270--smooth{scroll-behavior:smooth}.SkeletonCard2427498728__headerLoading{display:block!important}.SlidingModal1740485261__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1740485261__root.SlidingModal1740485261---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal1740485261__root:not(.SlidingModal1740485261--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2458939024__root .TabsFilter2458939024__title{color:inherit!important}.ManageTagsModal1989625989__root{display:flex}.ToolbarItem2780647987__root{min-width:0}.ToolbarItemBox4183899479__root{min-width:0}.ToolbarItemBox4183899479__root.ToolbarItemBox4183899479--removeStartPadding{margin-left:-24px}.ToolbarItemBox4183899479__root.ToolbarItemBox4183899479--expandable{flex:1 0}.common2813459454__column{display:flex;flex-direction:column}.common2813459454__fullHeight{height:100%;min-height:0}.CollectionPageHeader4120272383__root.CollectionPageHeader4120272383--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4120272383__root.CollectionPageHeader4120272383--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1796825381__root.FormPageHeader1796825381--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1796825381__root.FormPageHeader1796825381--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/testkit/jsdom.ts

@@ -106,4 +106,4 @@ export const RequestIdTestkit = uniTestkitFactoryCreator(RequestIdUniDriver);
 
 export const SearchableCollectionContentTestkit = uniTestkitFactoryCreator(
   SearchableCollectionContentUniDriver,
-);
+);

package/src/unidriver/DatePicker.uni.driver.ts

@@ -0,0 +1,13 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { DatePickerUniDriver as DatePickerUniDriverOriginal } from '@wix/design-system/dist/testkit/unidriver';
+import { UniDriverFactory } from '../components/uniDriverFactory';
+import { DatePickerUniDriver as DatePickerUniDriverFactory } from '@wix/design-system/dist/types/DatePicker/DatePicker.uni.driver';
+
+export const DatePickerUniDriver = async (base: UniDriver, body: UniDriver) =>
+  (DatePickerUniDriverOriginal as UniDriverFactory<DatePickerUniDriverFactory>)(
+    base,
+    body,
+    {
+      dataHook: (await base.attr('data-hook')) as string | undefined,
+    },
+  );

package/src/utils/useWindowFlipPopoverProps.ts

@@ -24,6 +24,7 @@ export function useWindowFlipPopoverProps({
     windowFlipPopoverProps: {
       appendTo: 'window' as const,
       flip: true,
+      fixed: false,
       maxWidth: dropdownWidth,
       ...(location === 'modal' && { zIndex: 5001 }),
       ...popoverProps,

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.260.0';
+export const version = 'patterns@1.263.0';