@wix/patterns 1.299.0 → 1.301.0

package/src/state/NestedTableState/NestedTableState.ts

@@ -302,14 +302,14 @@ export class NestedTableState<
     };
   }
 
-  refreshAll() {
+  refreshAll({ invalidate = true }: { invalidate?: boolean } = {}) {
     const initTask = this.isFlatMode
       ? this.flat.initTask
       : this.nested.initTask;
     initTask.reset();
     initTask.runOnce(async () => {
       const fetchAll = this._attemptFetchAllAndPopulateCache();
-      fetchAll.init({ invalidate: true });
+      fetchAll.init({ invalidate });
       await fetchAll.initTask.status.promise;
 
       await (this.isFlatMode
@@ -326,7 +326,9 @@ export class NestedTableState<
   _addFilterListeners() {
     return Object.values(this.query.filtersEntries).map(([_, filter]) => {
       return addEventListener(filter.events, 'refresh', () => {
-        this.refreshAll();
+        this.refreshAll({
+          invalidate: false,
+        });
       });
     });
   }

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1374240961__root.CardContainer1374240961--mobile{border-radius:0}.Collapse927227220__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse927227220__exit{height:0}.CollectionPage4051539634__root.CollectionPage4051539634--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage4051539634__root.CollectionPage4051539634--panel{overflow:hidden;position:relative}.CollectionTable1041352952__root td{vertical-align:middle}.CollectionTable1041352952__root.CollectionTable1041352952--mobile td:first-child{padding-left:18px}.CollectionTable1041352952__root.CollectionTable1041352952--mobile td:last-child{padding-right:18px}.CollectionToolbar2670806627__left{min-width:0}.CollectionToolbar2670806627__root.CollectionToolbar2670806627--views .CollectionToolbar2670806627__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2670806627__left.CollectionToolbar2670806627--expandable{flex:auto}.CollectionToolbar2670806627__root .CollectionToolbar2670806627__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2670806627__root.CollectionToolbar2670806627--views .CollectionToolbar2670806627__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2670806627__root .CollectionToolbar2670806627__right.CollectionToolbar2670806627__fullWidth{margin-inline-start:0!important}.CollectionToolbar2670806627__root.CollectionToolbar2670806627--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2119113276__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2119113276__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter2119113276__searchMobile.SearchOrCustomFilter2119113276--expandable{left:unset}.SearchOrCustomFilter2119113276__searchMobile.SearchOrCustomFilter2119113276--expandable.SearchOrCustomFilter2119113276--expanded{left:18px}.AutoCompleteReadonly1244923733__root.AutoCompleteReadonly1244923733--disableEditing{cursor:pointer}.AutoCompleteReadonly1244923733__root.AutoCompleteReadonly1244923733--disableEditing input{cursor:pointer}.ViewsDropdown328358500__root{width:200px}.DragHandle4010270607__root{display:flex;align-items:center}.DragHandle4010270607__root:not(.DragHandle4010270607--disabled){cursor:grab;color:#a8caff}.DragHandle4010270607__root.DragHandle4010270607--disabled{color:#acafc4}.DragHandle4010270607__root:focus-visible:not(.DragHandle4010270607--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4010270607__root.DragHandle4010270607--disabled{pointer-events:none}.DragHandle4010270607__root.DragHandle4010270607--dragging:not(.DragHandle4010270607--disabled){cursor:grabbing}.EntityPagePlain2079523194__root.EntityPagePlain2079523194--mobile{--wds-page-header-padding-horizontal:0}.Fade2255177420__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2255177420__root.Fade2255177420--exit{opacity:0}.Heading1638966174__root{visibility:visible}.Heading1638966174__root.Heading1638966174--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2900630128__root.InputOverflow2900630128--selected:not(.InputOverflow2900630128--focused) input::placeholder{color:#000624}@keyframes LoadingRow2559945235__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%}}.LoadingRow2559945235__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:LoadingRow2559945235__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3715018248__root{opacity:1}.MaxHeightText3715018248__root.MaxHeightText3715018248--height24{line-height:24px}.MaxLines1884325501__root{overflow:hidden}.MaxLines1884325501__root.MaxLines1884325501--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1383912363__root{min-width:0}.NestedTablePlaceholderStatesRow613004709__root td{padding:0!important;width:100%}.NestedTableRow2976448891__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2976448891__root:hover{background-color:#e7f0ff!important}.NestedTableRow2976448891__root.NestedTableRow2976448891--expandable{cursor:pointer}.NestedTableRow2976448891__placeholder td{padding:0!important;width:100%}.NestedTableRow2976448891__root:hover td:first-of-type::before,.NestedTableRow2976448891__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect874100797__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)}.NestedTableDragAndDropRow1698105103__root.NestedTableDragAndDropRow1698105103--draggingInto td{background-color:#e7f0ff!important}.PickerContent3078262274__root{display:flex}.PickerContentAdditionalStep3902626640__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3902626640__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1977648805__root{box-sizing:border-box}.ScrollableContent1510175626__root.ScrollableContent1510175626--overflowY{overflow-y:auto}.ScrollableContent1510175626__root.ScrollableContent1510175626--overflowX{overflow-x:auto}.ScrollableContent1510175626__root.ScrollableContent1510175626--smooth{scroll-behavior:smooth}.SkeletonCard786624872__headerLoading{display:block!important}.SlidingModal1660445427__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1660445427__root.SlidingModal1660445427--overlay{transition:transform 0s ease 0s}.SlidingModal1660445427__root.SlidingModal1660445427---appendTo-6-parent{position:absolute}.SlidingModal1660445427__root:not(.SlidingModal1660445427--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3576348843__root .TabsFilter3576348843__title{color:inherit!important}.ManageTagsModal4049647154__root{display:flex}.ToolbarItem3679284432__root{min-width:0}.ToolbarItemBox3080473563__root{min-width:0}.ToolbarItemBox3080473563__root.ToolbarItemBox3080473563--removeStartPadding{margin-left:-24px}.ToolbarItemBox3080473563__root.ToolbarItemBox3080473563--expandable{flex:1 0}.common1987387905__column{display:flex;flex-direction:column}.common1987387905__fullHeight{height:100%;min-height:0}.CollectionPageHeader23117826__root.CollectionPageHeader23117826--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader23117826__root.CollectionPageHeader23117826--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1223176097__root.FormPageHeader1223176097--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1223176097__root.FormPageHeader1223176097--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1330514190__root.CardContainer1330514190--mobile{border-radius:0}.Collapse1816076419__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1816076419__exit{height:0}.CollectionPage1535313463__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1535313463__root.CollectionPage1535313463--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1535313463__root.CollectionPage1535313463--panel{overflow:hidden;position:relative}.CollectionTable3350945893__root td{vertical-align:middle}.CollectionTable3350945893__root.CollectionTable3350945893--mobile td:first-child{padding-left:18px}.CollectionTable3350945893__root.CollectionTable3350945893--mobile td:last-child{padding-right:18px}.CollectionToolbar3814071131__left{min-width:0}.CollectionToolbar3814071131__root.CollectionToolbar3814071131--views .CollectionToolbar3814071131__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3814071131__left.CollectionToolbar3814071131--expandable{flex:auto}.CollectionToolbar3814071131__root .CollectionToolbar3814071131__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3814071131__root.CollectionToolbar3814071131--views .CollectionToolbar3814071131__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3814071131__root .CollectionToolbar3814071131__right.CollectionToolbar3814071131__fullWidth{margin-inline-start:0!important}.CollectionToolbar3814071131__root.CollectionToolbar3814071131--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3055523513__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3055523513__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter3055523513__searchMobile.SearchOrCustomFilter3055523513--expandable{left:unset}.SearchOrCustomFilter3055523513__searchMobile.SearchOrCustomFilter3055523513--expandable.SearchOrCustomFilter3055523513--expanded{left:18px}.AutoCompleteReadonly2924374283__root.AutoCompleteReadonly2924374283--disableEditing{cursor:pointer}.AutoCompleteReadonly2924374283__root.AutoCompleteReadonly2924374283--disableEditing input{cursor:pointer}.ViewsDropdown327953971__root{width:200px}.DragHandle283894865__root{display:flex;align-items:center}.DragHandle283894865__root:not(.DragHandle283894865--disabled){cursor:grab;color:#a8caff}.DragHandle283894865__root.DragHandle283894865--disabled{color:#acafc4}.DragHandle283894865__root:focus-visible:not(.DragHandle283894865--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle283894865__root.DragHandle283894865--disabled{pointer-events:none}.DragHandle283894865__root.DragHandle283894865--dragging:not(.DragHandle283894865--disabled){cursor:grabbing}.EntityPagePlain2242320061__root.EntityPagePlain2242320061--mobile{--wds-page-header-padding-horizontal:0}.Fade222354217__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade222354217__root.Fade222354217--exit{opacity:0}.Heading2590859254__root{visibility:visible}.Heading2590859254__root.Heading2590859254--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3995330218__root.InputOverflow3995330218--selected:not(.InputOverflow3995330218--focused) input::placeholder{color:#000624}@keyframes LoadingRow3099658535__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%}}.LoadingRow3099658535__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:LoadingRow3099658535__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1264730909__root{opacity:1}.MaxHeightText1264730909__root.MaxHeightText1264730909--height24{line-height:24px}.MaxLines54330796__root{overflow:hidden}.MaxLines54330796__root.MaxLines54330796--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar938081982__root{min-width:0}.NestedTablePlaceholderStatesRow1388050785__root td{padding:0!important;width:100%}.NestedTableRow2986872966__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2986872966__root:hover{background-color:#e7f0ff!important}.NestedTableRow2986872966__root.NestedTableRow2986872966--expandable{cursor:pointer}.NestedTableRow2986872966__placeholder td{padding:0!important;width:100%}.NestedTableRow2986872966__root:hover td:first-of-type::before,.NestedTableRow2986872966__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4167053525__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)}.NestedTableDragAndDropRow1522718268__root.NestedTableDragAndDropRow1522718268--draggingInto td{background-color:#e7f0ff!important}.PickerContent779583577__root{display:flex}.PickerContentAdditionalStep89582028__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep89582028__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4040974178__root{box-sizing:border-box}.ScrollableContent1287479194__root.ScrollableContent1287479194--overflowY{overflow-y:auto}.ScrollableContent1287479194__root.ScrollableContent1287479194--overflowX{overflow-x:auto}.ScrollableContent1287479194__root.ScrollableContent1287479194--smooth{scroll-behavior:smooth}.SkeletonCard3488000164__headerLoading{display:block!important}.SlidingModal3995561768__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3995561768__root.SlidingModal3995561768--overlay{transition:transform 0s ease 0s}.SlidingModal3995561768__root.SlidingModal3995561768---appendTo-6-parent{position:absolute}.SlidingModal3995561768__root:not(.SlidingModal3995561768--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter963495163__root .TabsFilter963495163__title{color:inherit!important}.ManageTagsModal3417449427__root{display:flex}.ToolbarItem2225148871__root{min-width:0}.ToolbarItemBox3648632072__root{min-width:0}.ToolbarItemBox3648632072__root.ToolbarItemBox3648632072--removeStartPadding{margin-left:-24px}.ToolbarItemBox3648632072__root.ToolbarItemBox3648632072--expandable{flex:1 0}.common2519802978__column{display:flex;flex-direction:column}.common2519802978__fullHeight{height:100%;min-height:0}.CollectionPageHeader339702470__root.CollectionPageHeader339702470--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader339702470__root.CollectionPageHeader339702470--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2891821525__root.FormPageHeader2891821525--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2891821525__root.FormPageHeader2891821525--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/DataExtensionMocks.ts

@@ -3,7 +3,7 @@ import {
   listDataExtensionSchemas,
   updateDataExtensionSchema,
 } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/http';
-import { DataExtensionSchema } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/types';
+import type { DataExtensionSchema } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/types';
 import { InMemoryBackend } from '../testkit/backend';
 import { Chance } from 'chance';
 

package/src/test-utils/dataExtensionServiceMocks.ts

@@ -1,6 +1,6 @@
 import { DataExtensionField } from '@wix/bex-core';
 import { listDataExtensionSchemas } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/http';
-import { ListDataExtensionSchemasResponse } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/types';
+import type { ListDataExtensionSchemasResponse } from '@wix/bex-utils/@wix/ambassador-data-extensions-v1-data-extension-schema/types';
 import { Chance } from 'chance';
 
 export function dataExtensionServiceMocks(

package/src/utils/archivedItemsUtils.ts

@@ -0,0 +1,36 @@
+import { DataExtensionState } from '@wix/bex-core';
+
+export interface ArchivedItem {
+  id: string;
+  label: string;
+  [key: string]: any;
+}
+
+/**
+ * Extracts archived items from a DataExtension's user schema.
+ *
+ * @param dataExtension - The DataExtension state containing the user schema
+ * @returns Array of archived items with id, label, and other properties from the schema
+ */
+export function getArchivedItems(
+  dataExtension?: DataExtensionState | null,
+): ArchivedItem[] {
+  if (!dataExtension) {
+    return [];
+  }
+
+  const userSchema = dataExtension.userSchema;
+
+  if (!userSchema?.jsonSchema?.properties) {
+    return [];
+  }
+
+  const properties = userSchema.jsonSchema.properties;
+  return Object.keys(properties)
+    .filter((key) => properties[key]['x-wix-archived'])
+    .map((key) => ({
+      id: key,
+      label: properties[key]?.title || key,
+      ...properties[key],
+    }));
+}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.299.0';
+export const version = 'patterns@1.301.0';