@wix/patterns 1.348.0 → 1.349.0

package/dist/cjs/components/TableSections/TableSectionsState.js

@@ -8,29 +8,54 @@ var _mobx = require("mobx");
 const SECTION_PREFIX = '$$$wix-patterns-sections$$$-';
 const INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;
 class TableSectionsState {
-  constructor(table, groupBy, renderSection) {
+  constructor(table, groupBy, renderSection, collapsible) {
     (0, _defineProperty2.default)(this, "table", void 0);
     (0, _defineProperty2.default)(this, "groupBy", void 0);
     (0, _defineProperty2.default)(this, "renderSection", void 0);
+    (0, _defineProperty2.default)(this, "collapsible", void 0);
+    (0, _defineProperty2.default)(this, "onToggleCallback", void 0);
+    (0, _defineProperty2.default)(this, "toggleSection", sectionId => {
+      var _this$onToggleCallbac;
+      const currentCollapsed = this.isSectionCollapsed(sectionId);
+      (_this$onToggleCallbac = this.onToggleCallback) == null || _this$onToggleCallbac.call(this, sectionId, !currentCollapsed);
+    });
     this.table = table;
     this.groupBy = groupBy;
     this.renderSection = renderSection;
+    this.collapsible = collapsible ?? false;
     (0, _mobx.makeObservable)(this, {
+      renderSection: _mobx.observable.ref,
       sectionsKeyedItems: _mobx.computed,
       sectionCounts: _mobx.computed
     });
   }
+  isSectionCollapsed(sectionId) {
+    const sectionItems = this.getSectionItems(sectionId);
+    const section = this.renderSection(sectionId, sectionItems);
+    return section.collapsed ?? false;
+  }
+  getSectionItems(sectionId) {
+    const items = [];
+    for (const keyedItem of this.table.keyedItems) {
+      if (this.groupBy(keyedItem.item) === sectionId) {
+        items.push(keyedItem.item);
+      }
+    }
+    return items;
+  }
   generateSectionId(firstItemId) {
     return `${SECTION_PREFIX}${firstItemId}`;
   }
   get computeSectionData() {
     const counts = new Map();
     const items = new Map();
+    const indices = new Map();
     const keyedItems = [];
     if (this.table.keyedItems.length === 0) {
       return {
         counts,
         items,
+        indices,
         keyedItems
       };
     }
@@ -48,6 +73,7 @@ class TableSectionsState {
     let currentSectionIndex = 0;
     let currentHeaderId = null;
     let count = 0;
+    let isCurrentSectionCollapsed = false;
     let currentSectionItems = [];
     for (const keyedItem of this.table.keyedItems) {
       const sectionId = this.groupBy(keyedItem.item);
@@ -64,10 +90,15 @@ class TableSectionsState {
         // Start new section
         currentSectionId = sectionId;
         currentHeaderId = this.generateSectionId(`${sectionId}@${currentSectionIndex}`);
+        indices.set(currentHeaderId, currentSectionIndex);
         currentSectionIndex++;
         count = 1;
         currentSectionItems = [keyedItem.item];
 
+        // Determine if section is collapsed from renderSection
+        const section = this.renderSection(sectionId, this.getSectionItems(sectionId));
+        isCurrentSectionCollapsed = this.collapsible && (section.collapsed ?? false);
+
         // Add section header to keyed items
         const sectionKeyedItem = {
           id: currentHeaderId,
@@ -83,8 +114,10 @@ class TableSectionsState {
         currentSectionItems.push(keyedItem.item);
       }
 
-      // Add the actual data item
-      keyedItems.push(keyedItem);
+      // Add the actual data item only if section is not collapsed
+      if (!isCurrentSectionCollapsed) {
+        keyedItems.push(keyedItem);
+      }
     }
 
     // Handle last section
@@ -99,6 +132,7 @@ class TableSectionsState {
     return {
       counts,
       items,
+      indices,
       keyedItems
     };
   }
@@ -108,6 +142,9 @@ class TableSectionsState {
   get sectionItems() {
     return this.computeSectionData.items;
   }
+  get sectionIndices() {
+    return this.computeSectionData.indices;
+  }
   get sectionsKeyedItems() {
     return this.computeSectionData.keyedItems;
   }
@@ -121,16 +158,20 @@ class TableSectionsState {
       isComplete: true
     };
     const sectionItemsList = headerId ? this.sectionItems.get(headerId) || [] : [];
+    const sectionIndex = headerId ? this.sectionIndices.get(headerId) ?? 0 : 0;
     const sectionId = this.groupBy(sectionKeyedItem.item);
     const section = this.renderSection(sectionId, sectionItemsList);
     return {
       sectionId,
+      sectionIndex,
       section: {
         ...section,
         count: sectionData.count,
         hasMore: !sectionData.isComplete,
-        items: sectionItemsList
-      }
+        items: sectionItemsList,
+        collapsed: this.collapsible && (section.collapsed ?? false)
+      },
+      collapsible: this.collapsible
     };
   }
   isSectionRow(keyedItem) {

package/dist/cjs/components/TableSections/TableSectionsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","groupBy","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","sectionCounts","generateSectionId","firstItemId","computeSectionData","counts","Map","items","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","currentSectionId","currentSectionIndex","currentHeaderId","count","currentSectionItems","keyedItem","sectionId","set","isComplete","sectionKeyedItem","isLastSectionComplete","collection","fetchedLastPage","sectionItems","getSectionWithCount","headerId","sectionData","get","sectionItemsList","section","hasMore","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { GroupBy, RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n  table: TableState<T, F>;\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n\n  constructor(\n    table: TableState<T, F>,\n    groupBy: GroupBy<T>,\n    renderSection: RenderSection<T>,\n  ) {\n    this.table = table;\n    this.groupBy = groupBy;\n    this.renderSection = renderSection;\n    makeObservable(this, {\n      sectionsKeyedItems: computed,\n      sectionCounts: computed,\n    });\n  }\n\n  private generateSectionId(firstItemId: string): string {\n    return `${SECTION_PREFIX}${firstItemId}`;\n  }\n\n  private get computeSectionData(): {\n    counts: Map<string, { count: number; isComplete: boolean }>;\n    items: Map<string, T[]>;\n    keyedItems: KeyedItem<T>[];\n  } {\n    const counts = new Map<string, { count: number; isComplete: boolean }>();\n    const items = new Map<string, T[]>();\n    const keyedItems: KeyedItem<T>[] = [];\n\n    if (this.table.keyedItems.length === 0) {\n      return { counts, items, keyedItems };\n    }\n\n    // Add invisible row for design purposes\n    keyedItems.push({\n      id: INVISIBLE_ROW_ID,\n      key: INVISIBLE_ROW_ID,\n      item: this.table.keyedItems[0].item,\n      index: 0,\n      pageIndex: 0,\n      indexWithinPage: 0,\n    });\n\n    let currentSectionId: string | null = null;\n    let currentSectionIndex: number = 0;\n    let currentHeaderId: string | null = null;\n    let count = 0;\n    let currentSectionItems: T[] = [];\n\n    for (const keyedItem of this.table.keyedItems) {\n      const sectionId = this.groupBy(keyedItem.item);\n\n      if (sectionId !== currentSectionId) {\n        // Store count and items for previous section\n        if (currentHeaderId) {\n          counts.set(currentHeaderId, { count, isComplete: true });\n          items.set(currentHeaderId, currentSectionItems);\n        }\n\n        // Start new section\n        currentSectionId = sectionId;\n        currentHeaderId = this.generateSectionId(\n          `${sectionId}@${currentSectionIndex}`,\n        );\n        currentSectionIndex++;\n        count = 1;\n        currentSectionItems = [keyedItem.item];\n\n        // Add section header to keyed items\n        const sectionKeyedItem: KeyedItem<T> = {\n          id: currentHeaderId,\n          key: currentHeaderId,\n          item: keyedItem.item,\n          index: keyedItems.length,\n          pageIndex: 0,\n          indexWithinPage: keyedItems.length,\n        };\n        keyedItems.push(sectionKeyedItem);\n      } else {\n        count++;\n        currentSectionItems.push(keyedItem.item);\n      }\n\n      // Add the actual data item\n      keyedItems.push(keyedItem);\n    }\n\n    // Handle last section\n    if (currentHeaderId) {\n      const isLastSectionComplete = this.table.collection.fetchedLastPage;\n      counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });\n      items.set(currentHeaderId, currentSectionItems);\n    }\n\n    return { counts, items, keyedItems };\n  }\n\n  get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {\n    return this.computeSectionData.counts;\n  }\n\n  get sectionItems(): Map<string, T[]> {\n    return this.computeSectionData.items;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    return this.computeSectionData.keyedItems;\n  }\n\n  getSectionWithCount(sectionKeyedItem: KeyedItem<T>): {\n    sectionId: string;\n    section: Section & { count: number; hasMore: boolean; items: T[] };\n  } {\n    const headerId = sectionKeyedItem.id;\n    const sectionData = headerId\n      ? this.sectionCounts.get(headerId) || { count: 0, isComplete: true }\n      : { count: 0, isComplete: true };\n    const sectionItemsList = headerId\n      ? this.sectionItems.get(headerId) || []\n      : [];\n\n    const sectionId = this.groupBy(sectionKeyedItem.item);\n    const section = this.renderSection(sectionId, sectionItemsList);\n\n    return {\n      sectionId,\n      section: {\n        ...section,\n        count: sectionData.count,\n        hasMore: !sectionData.isComplete,\n        items: sectionItemsList,\n      },\n    };\n  }\n\n  isSectionRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id.startsWith(SECTION_PREFIX);\n  }\n\n  isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id === INVISIBLE_ROW_ID;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAKA,MAAMC,cAAc,GAAG,8BAA8B;AACrD,MAAMC,gBAAgB,GAAG,GAAGD,cAAc,WAAW;AAE9C,MAAME,kBAAkB,CAA0B;EAKvDC,WAAWA,CACTC,KAAuB,EACvBC,OAAmB,EACnBC,aAA+B,EAC/B;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACA,IAAI,CAACJ,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,aAAa,GAAGA,aAAa;IAClC,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,kBAAkB,EAAEC,cAAQ;MAC5BC,aAAa,EAAED;IACjB,CAAC,CAAC;EACJ;EAEQE,iBAAiBA,CAACC,WAAmB,EAAU;IACrD,OAAO,GAAGd,cAAc,GAAGc,WAAW,EAAE;EAC1C;EAEA,IAAYC,kBAAkBA,CAAA,EAI5B;IACA,MAAMC,MAAM,GAAG,IAAIC,GAAG,CAAiD,CAAC;IACxE,MAAMC,KAAK,GAAG,IAAID,GAAG,CAAc,CAAC;IACpC,MAAME,UAA0B,GAAG,EAAE;IAErC,IAAI,IAAI,CAACf,KAAK,CAACe,UAAU,CAACC,MAAM,KAAK,CAAC,EAAE;MACtC,OAAO;QAAEJ,MAAM;QAAEE,KAAK;QAAEC;MAAW,CAAC;IACtC;;IAEA;IACAA,UAAU,CAACE,IAAI,CAAC;MACdC,EAAE,EAAErB,gBAAgB;MACpBsB,GAAG,EAAEtB,gBAAgB;MACrBuB,IAAI,EAAE,IAAI,CAACpB,KAAK,CAACe,UAAU,CAAC,CAAC,CAAC,CAACK,IAAI;MACnCC,KAAK,EAAE,CAAC;MACRC,SAAS,EAAE,CAAC;MACZC,eAAe,EAAE;IACnB,CAAC,CAAC;IAEF,IAAIC,gBAA+B,GAAG,IAAI;IAC1C,IAAIC,mBAA2B,GAAG,CAAC;IACnC,IAAIC,eAA8B,GAAG,IAAI;IACzC,IAAIC,KAAK,GAAG,CAAC;IACb,IAAIC,mBAAwB,GAAG,EAAE;IAEjC,KAAK,MAAMC,SAAS,IAAI,IAAI,CAAC7B,KAAK,CAACe,UAAU,EAAE;MAC7C,MAAMe,SAAS,GAAG,IAAI,CAAC7B,OAAO,CAAC4B,SAAS,CAACT,IAAI,CAAC;MAE9C,IAAIU,SAAS,KAAKN,gBAAgB,EAAE;QAClC;QACA,IAAIE,eAAe,EAAE;UACnBd,MAAM,CAACmB,GAAG,CAACL,eAAe,EAAE;YAAEC,KAAK;YAAEK,UAAU,EAAE;UAAK,CAAC,CAAC;UACxDlB,KAAK,CAACiB,GAAG,CAACL,eAAe,EAAEE,mBAAmB,CAAC;QACjD;;QAEA;QACAJ,gBAAgB,GAAGM,SAAS;QAC5BJ,eAAe,GAAG,IAAI,CAACjB,iBAAiB,CACtC,GAAGqB,SAAS,IAAIL,mBAAmB,EACrC,CAAC;QACDA,mBAAmB,EAAE;QACrBE,KAAK,GAAG,CAAC;QACTC,mBAAmB,GAAG,CAACC,SAAS,CAACT,IAAI,CAAC;;QAEtC;QACA,MAAMa,gBAA8B,GAAG;UACrCf,EAAE,EAAEQ,eAAe;UACnBP,GAAG,EAAEO,eAAe;UACpBN,IAAI,EAAES,SAAS,CAACT,IAAI;UACpBC,KAAK,EAAEN,UAAU,CAACC,MAAM;UACxBM,SAAS,EAAE,CAAC;UACZC,eAAe,EAAER,UAAU,CAACC;QAC9B,CAAC;QACDD,UAAU,CAACE,IAAI,CAACgB,gBAAgB,CAAC;MACnC,CAAC,MAAM;QACLN,KAAK,EAAE;QACPC,mBAAmB,CAACX,IAAI,CAACY,SAAS,CAACT,IAAI,CAAC;MAC1C;;MAEA;MACAL,UAAU,CAACE,IAAI,CAACY,SAAS,CAAC;IAC5B;;IAEA;IACA,IAAIH,eAAe,EAAE;MACnB,MAAMQ,qBAAqB,GAAG,IAAI,CAAClC,KAAK,CAACmC,UAAU,CAACC,eAAe;MACnExB,MAAM,CAACmB,GAAG,CAACL,eAAe,EAAE;QAAEC,KAAK;QAAEK,UAAU,EAAEE;MAAsB,CAAC,CAAC;MACzEpB,KAAK,CAACiB,GAAG,CAACL,eAAe,EAAEE,mBAAmB,CAAC;IACjD;IAEA,OAAO;MAAEhB,MAAM;MAAEE,KAAK;MAAEC;IAAW,CAAC;EACtC;EAEA,IAAIP,aAAaA,CAAA,EAAwD;IACvE,OAAO,IAAI,CAACG,kBAAkB,CAACC,MAAM;EACvC;EAEA,IAAIyB,YAAYA,CAAA,EAAqB;IACnC,OAAO,IAAI,CAAC1B,kBAAkB,CAACG,KAAK;EACtC;EAEA,IAAIR,kBAAkBA,CAAA,EAAmB;IACvC,OAAO,IAAI,CAACK,kBAAkB,CAACI,UAAU;EAC3C;EAEAuB,mBAAmBA,CAACL,gBAA8B,EAGhD;IACA,MAAMM,QAAQ,GAAGN,gBAAgB,CAACf,EAAE;IACpC,MAAMsB,WAAW,GAAGD,QAAQ,GACxB,IAAI,CAAC/B,aAAa,CAACiC,GAAG,CAACF,QAAQ,CAAC,IAAI;MAAEZ,KAAK,EAAE,CAAC;MAAEK,UAAU,EAAE;IAAK,CAAC,GAClE;MAAEL,KAAK,EAAE,CAAC;MAAEK,UAAU,EAAE;IAAK,CAAC;IAClC,MAAMU,gBAAgB,GAAGH,QAAQ,GAC7B,IAAI,CAACF,YAAY,CAACI,GAAG,CAACF,QAAQ,CAAC,IAAI,EAAE,GACrC,EAAE;IAEN,MAAMT,SAAS,GAAG,IAAI,CAAC7B,OAAO,CAACgC,gBAAgB,CAACb,IAAI,CAAC;IACrD,MAAMuB,OAAO,GAAG,IAAI,CAACzC,aAAa,CAAC4B,SAAS,EAAEY,gBAAgB,CAAC;IAE/D,OAAO;MACLZ,SAAS;MACTa,OAAO,EAAE;QACP,GAAGA,OAAO;QACVhB,KAAK,EAAEa,WAAW,CAACb,KAAK;QACxBiB,OAAO,EAAE,CAACJ,WAAW,CAACR,UAAU;QAChClB,KAAK,EAAE4B;MACT;IACF,CAAC;EACH;EAEAG,YAAYA,CAAChB,SAAuB,EAAW;IAC7C,OAAOA,SAAS,CAACX,EAAE,CAAC4B,UAAU,CAAClD,cAAc,CAAC;EAChD;EAEAmD,cAAcA,CAAClB,SAAuB,EAAW;IAC/C,OAAOA,SAAS,CAACX,EAAE,KAAKrB,gBAAgB;EAC1C;AACF;AAACmD,OAAA,CAAAlD,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","groupBy","renderSection","collapsible","_defineProperty2","default","sectionId","_this$onToggleCallbac","currentCollapsed","isSectionCollapsed","onToggleCallback","call","makeObservable","observable","ref","sectionsKeyedItems","computed","sectionCounts","sectionItems","getSectionItems","section","collapsed","items","keyedItem","keyedItems","item","push","generateSectionId","firstItemId","computeSectionData","counts","Map","indices","length","id","key","index","pageIndex","indexWithinPage","currentSectionId","currentSectionIndex","currentHeaderId","count","isCurrentSectionCollapsed","currentSectionItems","set","isComplete","sectionKeyedItem","isLastSectionComplete","collection","fetchedLastPage","sectionIndices","getSectionWithCount","headerId","sectionData","get","sectionItemsList","sectionIndex","hasMore","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable, observable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { GroupBy, RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n  table: TableState<T, F>;\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n  collapsible: boolean;\n  onToggleCallback?: (sectionId: string, isCollapsed: boolean) => void;\n\n  constructor(\n    table: TableState<T, F>,\n    groupBy: GroupBy<T>,\n    renderSection: RenderSection<T>,\n    collapsible?: boolean,\n  ) {\n    this.table = table;\n    this.groupBy = groupBy;\n    this.renderSection = renderSection;\n    this.collapsible = collapsible ?? false;\n    makeObservable(this, {\n      renderSection: observable.ref,\n      sectionsKeyedItems: computed,\n      sectionCounts: computed,\n    });\n  }\n\n  toggleSection = (sectionId: string) => {\n    const currentCollapsed = this.isSectionCollapsed(sectionId);\n    this.onToggleCallback?.(sectionId, !currentCollapsed);\n  };\n\n  private isSectionCollapsed(sectionId: string): boolean {\n    const sectionItems = this.getSectionItems(sectionId);\n    const section = this.renderSection(sectionId, sectionItems);\n    return section.collapsed ?? false;\n  }\n\n  private getSectionItems(sectionId: string): T[] {\n    const items: T[] = [];\n    for (const keyedItem of this.table.keyedItems) {\n      if (this.groupBy(keyedItem.item) === sectionId) {\n        items.push(keyedItem.item);\n      }\n    }\n    return items;\n  }\n\n  private generateSectionId(firstItemId: string): string {\n    return `${SECTION_PREFIX}${firstItemId}`;\n  }\n\n  private get computeSectionData(): {\n    counts: Map<string, { count: number; isComplete: boolean }>;\n    items: Map<string, T[]>;\n    indices: Map<string, number>;\n    keyedItems: KeyedItem<T>[];\n  } {\n    const counts = new Map<string, { count: number; isComplete: boolean }>();\n    const items = new Map<string, T[]>();\n    const indices = new Map<string, number>();\n    const keyedItems: KeyedItem<T>[] = [];\n\n    if (this.table.keyedItems.length === 0) {\n      return { counts, items, indices, keyedItems };\n    }\n\n    // Add invisible row for design purposes\n    keyedItems.push({\n      id: INVISIBLE_ROW_ID,\n      key: INVISIBLE_ROW_ID,\n      item: this.table.keyedItems[0].item,\n      index: 0,\n      pageIndex: 0,\n      indexWithinPage: 0,\n    });\n\n    let currentSectionId: string | null = null;\n    let currentSectionIndex: number = 0;\n    let currentHeaderId: string | null = null;\n    let count = 0;\n    let isCurrentSectionCollapsed = false;\n    let currentSectionItems: T[] = [];\n\n    for (const keyedItem of this.table.keyedItems) {\n      const sectionId = this.groupBy(keyedItem.item);\n\n      if (sectionId !== currentSectionId) {\n        // Store count and items for previous section\n        if (currentHeaderId) {\n          counts.set(currentHeaderId, { count, isComplete: true });\n          items.set(currentHeaderId, currentSectionItems);\n        }\n\n        // Start new section\n        currentSectionId = sectionId;\n        currentHeaderId = this.generateSectionId(\n          `${sectionId}@${currentSectionIndex}`,\n        );\n        indices.set(currentHeaderId, currentSectionIndex);\n        currentSectionIndex++;\n        count = 1;\n        currentSectionItems = [keyedItem.item];\n\n        // Determine if section is collapsed from renderSection\n        const section = this.renderSection(\n          sectionId,\n          this.getSectionItems(sectionId),\n        );\n        isCurrentSectionCollapsed =\n          this.collapsible && (section.collapsed ?? false);\n\n        // Add section header to keyed items\n        const sectionKeyedItem: KeyedItem<T> = {\n          id: currentHeaderId,\n          key: currentHeaderId,\n          item: keyedItem.item,\n          index: keyedItems.length,\n          pageIndex: 0,\n          indexWithinPage: keyedItems.length,\n        };\n        keyedItems.push(sectionKeyedItem);\n      } else {\n        count++;\n        currentSectionItems.push(keyedItem.item);\n      }\n\n      // Add the actual data item only if section is not collapsed\n      if (!isCurrentSectionCollapsed) {\n        keyedItems.push(keyedItem);\n      }\n    }\n\n    // Handle last section\n    if (currentHeaderId) {\n      const isLastSectionComplete = this.table.collection.fetchedLastPage;\n      counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });\n      items.set(currentHeaderId, currentSectionItems);\n    }\n\n    return { counts, items, indices, keyedItems };\n  }\n\n  get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {\n    return this.computeSectionData.counts;\n  }\n\n  get sectionItems(): Map<string, T[]> {\n    return this.computeSectionData.items;\n  }\n\n  get sectionIndices(): Map<string, number> {\n    return this.computeSectionData.indices;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    return this.computeSectionData.keyedItems;\n  }\n\n  getSectionWithCount(sectionKeyedItem: KeyedItem<T>): {\n    sectionId: string;\n    sectionIndex: number;\n    section: Section & {\n      count: number;\n      hasMore: boolean;\n      items: T[];\n      collapsed: boolean;\n    };\n    collapsible: boolean;\n  } {\n    const headerId = sectionKeyedItem.id;\n    const sectionData = headerId\n      ? this.sectionCounts.get(headerId) || { count: 0, isComplete: true }\n      : { count: 0, isComplete: true };\n    const sectionItemsList = headerId\n      ? this.sectionItems.get(headerId) || []\n      : [];\n    const sectionIndex = headerId ? this.sectionIndices.get(headerId) ?? 0 : 0;\n\n    const sectionId = this.groupBy(sectionKeyedItem.item);\n    const section = this.renderSection(sectionId, sectionItemsList);\n\n    return {\n      sectionId,\n      sectionIndex,\n      section: {\n        ...section,\n        count: sectionData.count,\n        hasMore: !sectionData.isComplete,\n        items: sectionItemsList,\n        collapsed: this.collapsible && (section.collapsed ?? false),\n      },\n      collapsible: this.collapsible,\n    };\n  }\n\n  isSectionRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id.startsWith(SECTION_PREFIX);\n  }\n\n  isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id === INVISIBLE_ROW_ID;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter139350848";
+var _namespace_ = "TabsFilter644638764";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "TabsFilter139350848__root",
-  "title": "TabsFilter139350848__title"
+  "root": "TabsFilter644638764__root",
+  "title": "TabsFilter644638764__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter139350848\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter139350848__root\",\"title\":\"TabsFilter139350848__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter644638764\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter644638764__root\",\"title\":\"TabsFilter644638764__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal3372698127";
+var _namespace_ = "ManageTagsModal83012504";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ManageTagsModal3372698127__root"
+  "root": "ManageTagsModal83012504__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal3372698127\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal3372698127__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal83012504\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal83012504__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js

@@ -127,7 +127,8 @@ function useToolbarCollectionSyncProps(props) {
       isUsingAllItemsView: getIsUsingAllItemsView(),
       isUsingCustomEmptyState: !!props.emptyState,
       isUsingCustomNoResultsState: !!props.noResultsState,
-      isUsingPrimaryActionCta: !!props.primaryActionButton
+      isUsingPrimaryActionCta: !!props.primaryActionButton,
+      isUsingExpandCollapse: !!props.isUsingExpandCollapse
     };
   });
   (0, _react.useEffect)((0, _mobx.action)(() => {

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","checkConflictingToolbarProps","container","isPanelLayout","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n    internalScroll,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    pageState.primaryToolbar = state;\n\n    return () => {\n      if (pageState.primaryToolbar === state) {\n        pageState.primaryToolbar = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","checkConflictingToolbarProps","container","isPanelLayout","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n    internalScroll,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    pageState.primaryToolbar = state;\n\n    return () => {\n      if (pageState.primaryToolbar === state) {\n        pageState.primaryToolbar = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n      isUsingExpandCollapse: !!props.isUsingExpandCollapse,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem1044695008";
+var _namespace_ = "ToolbarItem3494591698";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem1044695008__root"
+  "root": "ToolbarItem3494591698__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1044695008\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem1044695008__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem3494591698\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem3494591698__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox670410846";
+var _namespace_ = "ToolbarItemBox2268282084";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItemBox670410846__root"
+  "root": "ToolbarItemBox2268282084__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox670410846\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox670410846__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2268282084\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox2268282084__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common2108847060";
+var _namespace_ = "common460845255";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common2108847060__root",
-  "column": "common2108847060__column",
-  "fullHeight": "common2108847060__fullHeight"
+  "root": "common460845255__root",
+  "column": "common460845255__column",
+  "fullHeight": "common460845255__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2108847060\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common2108847060__root\",\"column\":\"common2108847060__column\",\"fullHeight\":\"common2108847060__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common460845255\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common460845255__root\",\"column\":\"common460845255__column\",\"fullHeight\":\"common460845255__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iBAAiB;AACnC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/model/view.js.map

@@ -1 +1 @@
-{"version":3,"names":["columnSortOrder","exports","Ascending","Descending","ALL_ITEMS_VIEW_ID","SAVED_VIEWS_ID","PREDEFINED_VIEWS_ID","ALL_ITEMS_SORT_IND","SAVED_VIEWS_SORT_IND","PREDEFINED_VIEWS_SORT_IND"],"sources":["../../../src/model/view.ts"],"sourcesContent":["import { AllFilters, FiltersMap, ExtractFilterValue } from '@wix/bex-core';\nimport { InfoIconProps } from '@wix/design-system';\n\nexport type ColumnSortOrder = 'Ascending' | 'Descending';\n\nexport const columnSortOrder = {\n  Ascending: 'Ascending' as const,\n  Descending: 'Descending' as const,\n};\n\nexport interface ColumnViewConfig {\n  id: string;\n  name?: string;\n  isSelected?: boolean;\n}\n\nexport interface ColumnSortConfig {\n  columnId: string;\n  direction: ColumnSortOrder;\n}\n\nexport interface BasicCategory {\n  id: string;\n  /**\n   *\n   * What the category is called in the dropdown.\n   * @external\n   */\n  name: string;\n  /**\n   * [InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)\n   * @external\n   */\n  info?: InfoIconProps;\n}\n\nexport interface Category<F extends FiltersMap> extends BasicCategory {\n  /**\n   * Unique identifier.\n   * @external\n   */\n  id: string;\n\n  /**\n   * Array of [view objects](./?path=%2Fstory%2Fcommon-types--view) that appear under the category in the dropdown.\n   * @external\n   */\n  views: View<F>[];\n}\n\nexport type ViewFiltersValues<F extends FiltersMap> = {\n  [P in keyof F]: {\n    value?: ExtractFilterValue<F[P]>;\n  } | null;\n};\n\nexport interface ViewBase<F extends FiltersMap> {\n  /**\n   * Filters to apply when the view is selected.\n   * @external\n   */\n  filters?: Partial<ViewFiltersValues<AllFilters<F>>> | null;\n  orderedColumns?: ColumnViewConfig[];\n  /**\n   * Array of the selected columns.\n   * @external\n   */\n  selectedColumns?: ColumnViewConfig[];\n  /**\n   * Array of sort directions.\n   * @external\n   */\n  sortDirections?: ColumnSortConfig[];\n}\n\nexport interface View<F extends FiltersMap> extends ViewBase<F> {\n  /**\n   * Unique identifier. Do not use category IDs, `saved-views`, or `predefined-views`.\n   * @external\n   */\n  id: string;\n\n  /**\n   * What the view is called in the dropdown.\n   * @external\n   */\n  name: string;\n\n  /**\n   * Whether the view is automatically applied when the table initially loads.\n   * @external\n   */\n  isDefaultView?: boolean;\n  createdAt?: string;\n  /**\n   * Extra data to be passed to the view.\n   * @external\n   */\n  extra?: string;\n}\n\nexport type AllItemsViewProps<F extends FiltersMap> = Omit<\n  View<F>,\n  'id' | 'createdAt' | 'filters' | 'isDefaultView' | 'name'\n> & {\n  /** A label to show instead of default 'All Items' */\n  name?: string;\n\n  /** Hides 'All Items' view from the list, default: false. Will be ignored if no presets are passed. */\n  hidden?: boolean;\n};\n\nexport type ViewActionNameBI =\n  | 'view-save-changes'\n  | 'view-save-new'\n  | 'view-rename'\n  | 'view-delete'\n  | 'view-set-as-default'\n  | 'view-unset-as-default';\n\nexport type PrivateView<F extends FiltersMap> = View<F> & {\n  categoryId?: string;\n  categorySortInd: string;\n  isPreset: boolean;\n};\n\nexport interface ViewsDTO<F extends FiltersMap> {\n  hiddenPresetIds?: string[];\n  views?: View<F>[];\n}\n\nexport const ALL_ITEMS_VIEW_ID = 'all-items-view';\nexport const SAVED_VIEWS_ID = 'saved-views';\nexport const PREDEFINED_VIEWS_ID = 'predefined-views';\n\nexport const ALL_ITEMS_SORT_IND = '0';\nexport const SAVED_VIEWS_SORT_IND = '1';\nexport const PREDEFINED_VIEWS_SORT_IND = '2';\n"],"mappings":";;;;AAKO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BE,SAAS,EAAE,WAAoB;EAC/BC,UAAU,EAAE;AACd,CAAC;AA2HM,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG,gBAAgB;AAC1C,MAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG,aAAa;AACpC,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,kBAAkB;AAE9C,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,GAAG;AAC9B,MAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAG,GAAG;AAChC,MAAMC,yBAAyB,GAAAR,OAAA,CAAAQ,yBAAA,GAAG,GAAG","ignoreList":[]}
+{"version":3,"names":["columnSortOrder","exports","Ascending","Descending","ALL_ITEMS_VIEW_ID","SAVED_VIEWS_ID","PREDEFINED_VIEWS_ID","ALL_ITEMS_SORT_IND","SAVED_VIEWS_SORT_IND","PREDEFINED_VIEWS_SORT_IND"],"sources":["../../../src/model/view.ts"],"sourcesContent":["import { AllFilters, FiltersMap, ExtractFilterValue } from '@wix/bex-core';\nimport { InfoIconProps } from '@wix/design-system';\n\nexport type ViewType = 'table' | 'grid';\n\nexport type ColumnSortOrder = 'Ascending' | 'Descending';\n\nexport const columnSortOrder = {\n  Ascending: 'Ascending' as const,\n  Descending: 'Descending' as const,\n};\n\nexport interface ColumnViewConfig {\n  id: string;\n  name?: string;\n  isSelected?: boolean;\n}\n\nexport interface ColumnSortConfig {\n  columnId: string;\n  direction: ColumnSortOrder;\n}\n\nexport interface BasicCategory {\n  id: string;\n  /**\n   *\n   * What the category is called in the dropdown.\n   * @external\n   */\n  name: string;\n  /**\n   * [InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)\n   * @external\n   */\n  info?: InfoIconProps;\n}\n\nexport interface Category<F extends FiltersMap> extends BasicCategory {\n  /**\n   * Unique identifier.\n   * @external\n   */\n  id: string;\n\n  /**\n   * Array of [view objects](./?path=%2Fstory%2Fcommon-types--view) that appear under the category in the dropdown.\n   * @external\n   */\n  views: View<F>[];\n}\n\nexport type ViewFiltersValues<F extends FiltersMap> = {\n  [P in keyof F]: {\n    value?: ExtractFilterValue<F[P]>;\n  } | null;\n};\n\nexport interface ViewBase<F extends FiltersMap> {\n  /**\n   * Filters to apply when the view is selected.\n   * @external\n   */\n  filters?: Partial<ViewFiltersValues<AllFilters<F>>> | null;\n  orderedColumns?: ColumnViewConfig[];\n  /**\n   * Array of the selected columns.\n   * @external\n   */\n  selectedColumns?: ColumnViewConfig[];\n  /**\n   * Array of sort directions.\n   * @external\n   */\n  sortDirections?: ColumnSortConfig[];\n  /**\n   * Layout type for the view ('table' or 'grid').\n   * @external\n   */\n  layout?: ViewType;\n}\n\nexport interface View<F extends FiltersMap> extends ViewBase<F> {\n  /**\n   * Unique identifier. Do not use category IDs, `saved-views`, or `predefined-views`.\n   * @external\n   */\n  id: string;\n\n  /**\n   * What the view is called in the dropdown.\n   * @external\n   */\n  name: string;\n\n  /**\n   * Whether the view is automatically applied when the table initially loads.\n   * @external\n   */\n  isDefaultView?: boolean;\n  createdAt?: string;\n  /**\n   * Extra data to be passed to the view.\n   * @external\n   */\n  extra?: string;\n}\n\nexport type AllItemsViewProps<F extends FiltersMap> = Omit<\n  View<F>,\n  'id' | 'createdAt' | 'filters' | 'isDefaultView' | 'name'\n> & {\n  /** A label to show instead of default 'All Items' */\n  name?: string;\n\n  /** Hides 'All Items' view from the list, default: false. Will be ignored if no presets are passed. */\n  hidden?: boolean;\n};\n\nexport type ViewActionNameBI =\n  | 'view-save-changes'\n  | 'view-save-new'\n  | 'view-rename'\n  | 'view-delete'\n  | 'view-set-as-default'\n  | 'view-unset-as-default';\n\nexport type PrivateView<F extends FiltersMap> = View<F> & {\n  categoryId?: string;\n  categorySortInd: string;\n  isPreset: boolean;\n};\n\nexport interface ViewsDTO<F extends FiltersMap> {\n  hiddenPresetIds?: string[];\n  views?: View<F>[];\n}\n\nexport const ALL_ITEMS_VIEW_ID = 'all-items-view';\nexport const SAVED_VIEWS_ID = 'saved-views';\nexport const PREDEFINED_VIEWS_ID = 'predefined-views';\n\nexport const ALL_ITEMS_SORT_IND = '0';\nexport const SAVED_VIEWS_SORT_IND = '1';\nexport const PREDEFINED_VIEWS_SORT_IND = '2';\n"],"mappings":";;;;AAOO,MAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BE,SAAS,EAAE,WAAoB;EAC/BC,UAAU,EAAE;AACd,CAAC;AAgIM,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG,gBAAgB;AAC1C,MAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG,aAAa;AACpC,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAG,kBAAkB;AAE9C,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,GAAG;AAC9B,MAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAG,GAAG;AAChC,MAAMC,yBAAyB,GAAAR,OAAA,CAAAQ,yBAAA,GAAG,GAAG","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader3927332087";
+var _namespace_ = "CollectionPageHeader2807511650";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionPageHeader3927332087__root"
+  "root": "CollectionPageHeader2807511650__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader3927332087\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader3927332087__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader2807511650\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader2807511650__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionViewsQueryCompareHelper.js

@@ -97,11 +97,16 @@ class CollectionViewsQueryCompareHelper {
     }, []);
   }
   get currentViewBase() {
-    return {
+    const layout = this.collectionViews.getLayout();
+    const base = {
       filters: this.viewBaseFilters,
       sortDirections: this.viewBaseSortDirections,
       selectedColumns: this.viewBaseSelectedColumns
     };
+    if (layout) {
+      base.layout = layout;
+    }
+    return base;
   }
   get viewBaseSortDirections() {
     const sortState = this.table.collection.query.sort;

package/dist/cjs/state/CollectionViewsQueryCompareHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_isEqual","_interopRequireDefault","require","_mobx","CollectionViewsQueryCompareHelper","views","collectionViews","constructor","params","_defineProperty2","default","table","makeObservable","currentViewBase","computed","isSelectedColumnsChanged","isSortChanged","isFiltersChanged","viewBaseSortDirections","viewBaseSelectedColumns","viewBaseFilters","nonEmptyViewFiltersKeys","isColumnsChanged","currentViewColumnsOrDefaultColumns","columns1","columns2","length","some","column","index","id","isSelected","_currentView$sortDire","currentView","sortDirections","sort","i","columnId","direction","viewFiltersInCurrentQuery","filters","filterKeys","viewAndQueryFiltersKeys","Array","from","Set","Object","keys","filterName","_currentView$filters","_this$table$collectio","filter","rawFilterValueFromView","value","currentViewFilterValue","decode","appliedFilterValue","undefined","equals","collection","query","isEqual","reduce","acc","_currentView$filters2","clone","initialValue","isEmpty","concat","selectedColumns","sortState","map","v","field","activeFiltersEntries","newFilters","encode","existingFiltersErase","exports"],"sources":["../../../src/state/CollectionViewsQueryCompareHelper.ts"],"sourcesContent":["import {\n  ColumnSortConfig,\n  ColumnViewConfig,\n  ViewBase,\n  ViewFiltersValues,\n} from '../model';\nimport isEqual from 'lodash/isEqual';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { computed, makeObservable } from 'mobx';\nimport { CollectionViewsState } from './CollectionViewsState';\n\nexport interface CollectionViewsQueryCompareHelperParams<\n  T,\n  F extends FiltersMap,\n> {\n  table: ToolbarCollectionState<T, F>;\n  collectionViews: CollectionViewsState<T, F>;\n}\n\nexport class CollectionViewsQueryCompareHelper<T, F extends FiltersMap> {\n  readonly collectionViews;\n  readonly table;\n\n  get views() {\n    return this.collectionViews.views;\n  }\n\n  constructor(params: CollectionViewsQueryCompareHelperParams<T, F>) {\n    this.table = params.table;\n    this.collectionViews = params.collectionViews;\n\n    makeObservable(this, {\n      currentViewBase: computed,\n      isSelectedColumnsChanged: computed,\n      isSortChanged: computed,\n      isFiltersChanged: computed,\n      viewBaseSortDirections: computed,\n      viewBaseSelectedColumns: computed,\n      viewBaseFilters: computed,\n      nonEmptyViewFiltersKeys: computed,\n    });\n  }\n\n  get isSelectedColumnsChanged(): boolean {\n    const { collectionViews } = this;\n\n    return this.isColumnsChanged(\n      collectionViews.currentViewColumnsOrDefaultColumns,\n      this.viewBaseSelectedColumns,\n    );\n  }\n\n  isColumnsChanged(\n    columns1?: ColumnViewConfig[],\n    columns2?: ColumnViewConfig[],\n  ) {\n    if (!columns1 || !columns2) {\n      return false;\n    }\n\n    if (columns1.length !== columns2.length) {\n      return true;\n    }\n\n    return columns1.some(\n      (column, index) =>\n        column.id !== columns2[index].id ||\n        column.isSelected !== columns2[index].isSelected,\n    );\n  }\n\n  get isSortChanged(): boolean {\n    const currentView = this.views.currentView;\n    if (!currentView) {\n      return true;\n    }\n    const sortDirections = this.viewBaseSortDirections;\n    return !currentView.sortDirections && !sortDirections\n      ? false\n      : currentView.sortDirections?.length !== sortDirections?.length ||\n          (currentView.sortDirections ?? []).some(\n            (sort, i) =>\n              sortDirections?.[i].columnId !== sort.columnId ||\n              sortDirections?.[i].direction !== sort.direction,\n          );\n  }\n\n  get isFiltersChanged(): boolean {\n    const currentView = this.views.currentView;\n    if (!currentView) {\n      return true;\n    }\n\n    const { viewFiltersInCurrentQuery: filters } = this;\n    const filterKeys = this.nonEmptyViewFiltersKeys;\n\n    const viewAndQueryFiltersKeys = Array.from(\n      new Set([...filterKeys, ...Object.keys(filters)]),\n    );\n\n    return (\n      filterKeys.length !== Object.keys(filters).length ||\n      viewAndQueryFiltersKeys.some((filterName) => {\n        const filter = filters?.[filterName];\n\n        if (!filter) {\n          return false;\n        }\n\n        const rawFilterValueFromView = currentView.filters?.[filterName]?.value;\n        const currentViewFilterValue = filter.decode(rawFilterValueFromView);\n        const appliedFilterValue = filter.value;\n\n        // equals accepts non empty filters\n        if (\n          currentViewFilterValue === undefined ||\n          appliedFilterValue === undefined\n        ) {\n          return currentViewFilterValue !== appliedFilterValue;\n        }\n\n        const equals =\n          this.table.collection.query.filters?.[filterName]?.equals ?? isEqual;\n\n        return !equals(currentViewFilterValue, appliedFilterValue);\n      })\n    );\n  }\n\n  get nonEmptyViewFiltersKeys() {\n    const currentView = this.views.currentView;\n    if (!currentView) {\n      return [];\n    }\n    return Object.keys(currentView.filters ?? {}).reduce((acc, filterName) => {\n      const rawFilterValueFromView = currentView.filters?.[filterName]?.value;\n      const filter = this.table.collection.query.filters[filterName];\n\n      if (!filter) {\n        return acc;\n      }\n\n      const currentViewFilterValue = filter.decode(rawFilterValueFromView);\n\n      return filter.clone({\n        initialValue: currentViewFilterValue,\n      }).isEmpty\n        ? acc\n        : acc.concat(filterName);\n    }, [] as string[]);\n  }\n\n  get currentViewBase(): ViewBase<F> {\n    return {\n      filters: this.viewBaseFilters,\n      sortDirections: this.viewBaseSortDirections,\n      selectedColumns: this.viewBaseSelectedColumns,\n    };\n  }\n\n  get viewBaseSortDirections() {\n    const sortState = this.table.collection.query.sort;\n    const sortDirections = sortState.value.map(\n      (v) =>\n        ({\n          columnId: v.field,\n          direction: v.direction === 'asc' ? 'Ascending' : 'Descending',\n        } as ColumnSortConfig),\n    );\n    return sortDirections.length === 0 ? undefined : sortDirections;\n  }\n\n  get viewBaseSelectedColumns() {\n    return this.table.selectedColumns.value;\n  }\n\n  get viewFiltersInCurrentQuery() {\n    return this.table.collection.query.activeFiltersEntries.reduce(\n      (acc, [filterName, filter]) => {\n        return {\n          ...acc,\n          [filterName]: filter,\n        };\n      },\n      {} as Partial<F>,\n    );\n  }\n\n  get viewBaseFilters() {\n    const {\n      table: {\n        collection: { query },\n      },\n      views: { currentView },\n    } = this;\n\n    const { activeFiltersEntries } = query;\n    const newFilters = activeFiltersEntries.reduce(\n      (acc, [filterName, filter]) => {\n        return {\n          ...acc,\n          [filterName]: {\n            value: filter.encode(filter.value),\n          },\n        };\n      },\n      {} as Partial<ViewFiltersValues<F>>,\n    );\n\n    const existingFiltersErase = Object.keys(currentView?.filters ?? {}).reduce(\n      (acc, filterName: keyof Partial<ViewFiltersValues<F>>) => {\n        acc[filterName] = null;\n        return acc;\n      },\n      {} as Partial<ViewFiltersValues<F>>,\n    );\n\n    return {\n      ...existingFiltersErase,\n      ...newFilters,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_isEqual","_interopRequireDefault","require","_mobx","CollectionViewsQueryCompareHelper","views","collectionViews","constructor","params","_defineProperty2","default","table","makeObservable","currentViewBase","computed","isSelectedColumnsChanged","isSortChanged","isFiltersChanged","viewBaseSortDirections","viewBaseSelectedColumns","viewBaseFilters","nonEmptyViewFiltersKeys","isColumnsChanged","currentViewColumnsOrDefaultColumns","columns1","columns2","length","some","column","index","id","isSelected","_currentView$sortDire","currentView","sortDirections","sort","i","columnId","direction","viewFiltersInCurrentQuery","filters","filterKeys","viewAndQueryFiltersKeys","Array","from","Set","Object","keys","filterName","_currentView$filters","_this$table$collectio","filter","rawFilterValueFromView","value","currentViewFilterValue","decode","appliedFilterValue","undefined","equals","collection","query","isEqual","reduce","acc","_currentView$filters2","clone","initialValue","isEmpty","concat","layout","getLayout","base","selectedColumns","sortState","map","v","field","activeFiltersEntries","newFilters","encode","existingFiltersErase","exports"],"sources":["../../../src/state/CollectionViewsQueryCompareHelper.ts"],"sourcesContent":["import {\n  ColumnSortConfig,\n  ColumnViewConfig,\n  ViewBase,\n  ViewFiltersValues,\n} from '../model';\nimport isEqual from 'lodash/isEqual';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { computed, makeObservable } from 'mobx';\nimport { CollectionViewsState } from './CollectionViewsState';\n\nexport interface CollectionViewsQueryCompareHelperParams<\n  T,\n  F extends FiltersMap,\n> {\n  table: ToolbarCollectionState<T, F>;\n  collectionViews: CollectionViewsState<T, F>;\n}\n\nexport class CollectionViewsQueryCompareHelper<T, F extends FiltersMap> {\n  readonly collectionViews;\n  readonly table;\n\n  get views() {\n    return this.collectionViews.views;\n  }\n\n  constructor(params: CollectionViewsQueryCompareHelperParams<T, F>) {\n    this.table = params.table;\n    this.collectionViews = params.collectionViews;\n\n    makeObservable(this, {\n      currentViewBase: computed,\n      isSelectedColumnsChanged: computed,\n      isSortChanged: computed,\n      isFiltersChanged: computed,\n      viewBaseSortDirections: computed,\n      viewBaseSelectedColumns: computed,\n      viewBaseFilters: computed,\n      nonEmptyViewFiltersKeys: computed,\n    });\n  }\n\n  get isSelectedColumnsChanged(): boolean {\n    const { collectionViews } = this;\n\n    return this.isColumnsChanged(\n      collectionViews.currentViewColumnsOrDefaultColumns,\n      this.viewBaseSelectedColumns,\n    );\n  }\n\n  isColumnsChanged(\n    columns1?: ColumnViewConfig[],\n    columns2?: ColumnViewConfig[],\n  ) {\n    if (!columns1 || !columns2) {\n      return false;\n    }\n\n    if (columns1.length !== columns2.length) {\n      return true;\n    }\n\n    return columns1.some(\n      (column, index) =>\n        column.id !== columns2[index].id ||\n        column.isSelected !== columns2[index].isSelected,\n    );\n  }\n\n  get isSortChanged(): boolean {\n    const currentView = this.views.currentView;\n    if (!currentView) {\n      return true;\n    }\n    const sortDirections = this.viewBaseSortDirections;\n    return !currentView.sortDirections && !sortDirections\n      ? false\n      : currentView.sortDirections?.length !== sortDirections?.length ||\n          (currentView.sortDirections ?? []).some(\n            (sort, i) =>\n              sortDirections?.[i].columnId !== sort.columnId ||\n              sortDirections?.[i].direction !== sort.direction,\n          );\n  }\n\n  get isFiltersChanged(): boolean {\n    const currentView = this.views.currentView;\n    if (!currentView) {\n      return true;\n    }\n\n    const { viewFiltersInCurrentQuery: filters } = this;\n    const filterKeys = this.nonEmptyViewFiltersKeys;\n\n    const viewAndQueryFiltersKeys = Array.from(\n      new Set([...filterKeys, ...Object.keys(filters)]),\n    );\n\n    return (\n      filterKeys.length !== Object.keys(filters).length ||\n      viewAndQueryFiltersKeys.some((filterName) => {\n        const filter = filters?.[filterName];\n\n        if (!filter) {\n          return false;\n        }\n\n        const rawFilterValueFromView = currentView.filters?.[filterName]?.value;\n        const currentViewFilterValue = filter.decode(rawFilterValueFromView);\n        const appliedFilterValue = filter.value;\n\n        // equals accepts non empty filters\n        if (\n          currentViewFilterValue === undefined ||\n          appliedFilterValue === undefined\n        ) {\n          return currentViewFilterValue !== appliedFilterValue;\n        }\n\n        const equals =\n          this.table.collection.query.filters?.[filterName]?.equals ?? isEqual;\n\n        return !equals(currentViewFilterValue, appliedFilterValue);\n      })\n    );\n  }\n\n  get nonEmptyViewFiltersKeys() {\n    const currentView = this.views.currentView;\n    if (!currentView) {\n      return [];\n    }\n    return Object.keys(currentView.filters ?? {}).reduce((acc, filterName) => {\n      const rawFilterValueFromView = currentView.filters?.[filterName]?.value;\n      const filter = this.table.collection.query.filters[filterName];\n\n      if (!filter) {\n        return acc;\n      }\n\n      const currentViewFilterValue = filter.decode(rawFilterValueFromView);\n\n      return filter.clone({\n        initialValue: currentViewFilterValue,\n      }).isEmpty\n        ? acc\n        : acc.concat(filterName);\n    }, [] as string[]);\n  }\n\n  get currentViewBase(): ViewBase<F> {\n    const layout = this.collectionViews.getLayout();\n    const base: ViewBase<F> = {\n      filters: this.viewBaseFilters,\n      sortDirections: this.viewBaseSortDirections,\n      selectedColumns: this.viewBaseSelectedColumns,\n    };\n    if (layout) {\n      base.layout = layout;\n    }\n    return base;\n  }\n\n  get viewBaseSortDirections() {\n    const sortState = this.table.collection.query.sort;\n    const sortDirections = sortState.value.map(\n      (v) =>\n        ({\n          columnId: v.field,\n          direction: v.direction === 'asc' ? 'Ascending' : 'Descending',\n        } as ColumnSortConfig),\n    );\n    return sortDirections.length === 0 ? undefined : sortDirections;\n  }\n\n  get viewBaseSelectedColumns() {\n    return this.table.selectedColumns.value;\n  }\n\n  get viewFiltersInCurrentQuery() {\n    return this.table.collection.query.activeFiltersEntries.reduce(\n      (acc, [filterName, filter]) => {\n        return {\n          ...acc,\n          [filterName]: filter,\n        };\n      },\n      {} as Partial<F>,\n    );\n  }\n\n  get viewBaseFilters() {\n    const {\n      table: {\n        collection: { query },\n      },\n      views: { currentView },\n    } = this;\n\n    const { activeFiltersEntries } = query;\n    const newFilters = activeFiltersEntries.reduce(\n      (acc, [filterName, filter]) => {\n        return {\n          ...acc,\n          [filterName]: {\n            value: filter.encode(filter.value),\n          },\n        };\n      },\n      {} as Partial<ViewFiltersValues<F>>,\n    );\n\n    const existingFiltersErase = Object.keys(currentView?.filters ?? {}).reduce(\n      (acc, filterName: keyof Partial<ViewFiltersValues<F>>) => {\n        acc[filterName] = null;\n        return acc;\n      },\n      {} as Partial<ViewFiltersValues<F>>,\n    );\n\n    return {\n      ...existingFiltersErase,\n      ...newFilters,\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CollectionViewsState.js

@@ -13,6 +13,10 @@ var _indexOfCompareFn = require("./indexOfCompareFn");
 var _CollectionViewsQueryCompareHelper = require("./CollectionViewsQueryCompareHelper");
 var _ViewsHistoryState = require("./ViewsHistoryState");
 class CollectionViewsState {
+  getLayout() {
+    var _this$table$layoutSta;
+    return (_this$table$layoutSta = this.table.layoutState) == null ? void 0 : _this$table$layoutSta.viewType;
+  }
   constructor(params) {
     (0, _defineProperty2.default)(this, "views", void 0);
     (0, _defineProperty2.default)(this, "table", void 0);
@@ -162,18 +166,26 @@ class CollectionViewsState {
     return [(0, _bexCore.addEventListener)(views.events, 'selectAndRefresh', (0, _mobx.action)(this._onSelectViewAndRefresh))];
   }
   _onSelectViewAndRefresh(needFiltersReset = true) {
+    var _query$queryHistory;
     if (!needFiltersReset) {
       return;
     }
     const {
       table: {
         collection
+      },
+      views: {
+        currentView
       }
     } = this;
     const {
       query
     } = collection;
     this._setSelectedViewToCollectionQuery();
+    (_query$queryHistory = query.queryHistory) == null || _query$queryHistory.persistAll();
+    if (this.table.layoutState && currentView != null && currentView.layout) {
+      this.table.layoutState.viewType = currentView.layout;
+    }
     query.events.emit('refresh');
   }
   get currentViewColumns() {