@wix/patterns 1.237.0 → 1.239.0

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

@@ -14,47 +14,106 @@ class TableSectionsState {
     this.table = table;
     this.renderSection = renderSection;
     (0, _mobx.makeObservable)(this, {
-      sectionsKeyedItems: _mobx.computed
+      sectionsKeyedItems: _mobx.computed,
+      sectionCounts: _mobx.computed
     });
   }
   generateSectionId(firstItemId) {
     return `${SECTION_PREFIX}${firstItemId}`;
   }
-  get sectionsKeyedItems() {
-    const result = [];
-    let currentSection = null;
-
-    // For design purposes, we add an invisible row to the beginning of the table,
-    // so the width of the columns won't be affected by the section headers.
-    if (this.table.keyedItems.length > 0) {
-      result.push({
-        id: INVISIBLE_ROW_ID,
-        key: INVISIBLE_ROW_ID,
-        item: this.table.keyedItems[0].item,
-        index: result.length,
-        pageIndex: 0,
-        indexWithinPage: result.length
-      });
+  get computeSectionData() {
+    const counts = new Map();
+    const keyedItems = [];
+    if (this.table.keyedItems.length === 0) {
+      return {
+        counts,
+        keyedItems
+      };
     }
-    this.table.keyedItems.forEach(keyedItem => {
-      var _currentSection;
+
+    // Add invisible row for design purposes
+    keyedItems.push({
+      id: INVISIBLE_ROW_ID,
+      key: INVISIBLE_ROW_ID,
+      item: this.table.keyedItems[0].item,
+      index: 0,
+      pageIndex: 0,
+      indexWithinPage: 0
+    });
+    let currentSectionId = null;
+    let currentSectionIndex = 0;
+    let currentHeaderId = null;
+    let count = 0;
+    for (const keyedItem of this.table.keyedItems) {
       const section = this.renderSection(keyedItem.item);
-      if (section.id !== ((_currentSection = currentSection) == null ? void 0 : _currentSection.id)) {
-        const sectionId = this.generateSectionId(keyedItem.id);
+      const sectionId = section.id;
+      if (sectionId !== currentSectionId) {
+        // Store count for previous section
+        if (currentHeaderId) {
+          counts.set(currentHeaderId, {
+            count,
+            isComplete: true
+          });
+        }
+
+        // Start new section
+        currentSectionId = sectionId;
+        currentHeaderId = this.generateSectionId(`${sectionId}@${currentSectionIndex}`);
+        currentSectionIndex++;
+        count = 1;
+
+        // Add section header to keyed items
         const sectionKeyedItem = {
-          id: sectionId,
-          key: sectionId,
+          id: currentHeaderId,
+          key: currentHeaderId,
           item: keyedItem.item,
-          index: result.length,
+          index: keyedItems.length,
           pageIndex: 0,
-          indexWithinPage: result.length
+          indexWithinPage: keyedItems.length
         };
-        result.push(sectionKeyedItem);
-        currentSection = section;
+        keyedItems.push(sectionKeyedItem);
+      } else {
+        count++;
       }
-      result.push(keyedItem);
-    });
-    return result;
+
+      // Add the actual data item
+      keyedItems.push(keyedItem);
+    }
+
+    // Handle last section
+    if (currentHeaderId) {
+      const isLastSectionComplete = this.table.collection.fetchedLastPage;
+      counts.set(currentHeaderId, {
+        count,
+        isComplete: isLastSectionComplete
+      });
+    }
+    return {
+      counts,
+      keyedItems
+    };
+  }
+  get sectionCounts() {
+    return this.computeSectionData.counts;
+  }
+  get sectionsKeyedItems() {
+    return this.computeSectionData.keyedItems;
+  }
+  getSectionWithCount(sectionKeyedItem) {
+    const section = this.renderSection(sectionKeyedItem.item);
+    const headerId = sectionKeyedItem.id;
+    const sectionData = headerId ? this.sectionCounts.get(headerId) || {
+      count: 0,
+      isComplete: true
+    } : {
+      count: 0,
+      isComplete: true
+    };
+    return {
+      ...section,
+      count: sectionData.count,
+      hasMore: !sectionData.isComplete
+    };
   }
   isSectionRow(keyedItem) {
     return keyedItem.id.startsWith(SECTION_PREFIX);

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","generateSectionId","firstItemId","result","currentSection","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","forEach","keyedItem","_currentSection","section","sectionId","sectionKeyedItem","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 { 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  renderSection: RenderSection<T>;\n\n  constructor(table: TableState<T, F>, renderSection: RenderSection<T>) {\n    this.table = table;\n    this.renderSection = renderSection;\n    makeObservable(this, {\n      sectionsKeyedItems: computed,\n    });\n  }\n\n  private generateSectionId(firstItemId: string): string {\n    return `${SECTION_PREFIX}${firstItemId}`;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    const result: KeyedItem<T>[] = [];\n    let currentSection: Section | null = null;\n\n    // For design purposes, we add an invisible row to the beginning of the table,\n    // so the width of the columns won't be affected by the section headers.\n    if (this.table.keyedItems.length > 0) {\n      result.push({\n        id: INVISIBLE_ROW_ID,\n        key: INVISIBLE_ROW_ID,\n        item: this.table.keyedItems[0].item,\n        index: result.length,\n        pageIndex: 0,\n        indexWithinPage: result.length,\n      });\n    }\n\n    this.table.keyedItems.forEach((keyedItem) => {\n      const section = this.renderSection(keyedItem.item);\n\n      if (section.id !== currentSection?.id) {\n        const sectionId = this.generateSectionId(keyedItem.id);\n\n        const sectionKeyedItem: KeyedItem<T> = {\n          id: sectionId,\n          key: sectionId,\n          item: keyedItem.item,\n          index: result.length,\n          pageIndex: 0,\n          indexWithinPage: result.length,\n        };\n\n        result.push(sectionKeyedItem);\n        currentSection = section;\n      }\n\n      result.push(keyedItem);\n    });\n\n    return result;\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;EAIvDC,WAAWA,CAACC,KAAuB,EAAEC,aAA+B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACpE,IAAI,CAACH,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,aAAa,GAAGA,aAAa;IAClC,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,kBAAkB,EAAEC;IACtB,CAAC,CAAC;EACJ;EAEQC,iBAAiBA,CAACC,WAAmB,EAAU;IACrD,OAAO,GAAGZ,cAAc,GAAGY,WAAW,EAAE;EAC1C;EAEA,IAAIH,kBAAkBA,CAAA,EAAmB;IACvC,MAAMI,MAAsB,GAAG,EAAE;IACjC,IAAIC,cAA8B,GAAG,IAAI;;IAEzC;IACA;IACA,IAAI,IAAI,CAACV,KAAK,CAACW,UAAU,CAACC,MAAM,GAAG,CAAC,EAAE;MACpCH,MAAM,CAACI,IAAI,CAAC;QACVC,EAAE,EAAEjB,gBAAgB;QACpBkB,GAAG,EAAElB,gBAAgB;QACrBmB,IAAI,EAAE,IAAI,CAAChB,KAAK,CAACW,UAAU,CAAC,CAAC,CAAC,CAACK,IAAI;QACnCC,KAAK,EAAER,MAAM,CAACG,MAAM;QACpBM,SAAS,EAAE,CAAC;QACZC,eAAe,EAAEV,MAAM,CAACG;MAC1B,CAAC,CAAC;IACJ;IAEA,IAAI,CAACZ,KAAK,CAACW,UAAU,CAACS,OAAO,CAAEC,SAAS,IAAK;MAAA,IAAAC,eAAA;MAC3C,MAAMC,OAAO,GAAG,IAAI,CAACtB,aAAa,CAACoB,SAAS,CAACL,IAAI,CAAC;MAElD,IAAIO,OAAO,CAACT,EAAE,OAAAQ,eAAA,GAAKZ,cAAc,qBAAdY,eAAA,CAAgBR,EAAE,GAAE;QACrC,MAAMU,SAAS,GAAG,IAAI,CAACjB,iBAAiB,CAACc,SAAS,CAACP,EAAE,CAAC;QAEtD,MAAMW,gBAA8B,GAAG;UACrCX,EAAE,EAAEU,SAAS;UACbT,GAAG,EAAES,SAAS;UACdR,IAAI,EAAEK,SAAS,CAACL,IAAI;UACpBC,KAAK,EAAER,MAAM,CAACG,MAAM;UACpBM,SAAS,EAAE,CAAC;UACZC,eAAe,EAAEV,MAAM,CAACG;QAC1B,CAAC;QAEDH,MAAM,CAACI,IAAI,CAACY,gBAAgB,CAAC;QAC7Bf,cAAc,GAAGa,OAAO;MAC1B;MAEAd,MAAM,CAACI,IAAI,CAACQ,SAAS,CAAC;IACxB,CAAC,CAAC;IAEF,OAAOZ,MAAM;EACf;EAEAiB,YAAYA,CAACL,SAAuB,EAAW;IAC7C,OAAOA,SAAS,CAACP,EAAE,CAACa,UAAU,CAAC/B,cAAc,CAAC;EAChD;EAEAgC,cAAcA,CAACP,SAAuB,EAAW;IAC/C,OAAOA,SAAS,CAACP,EAAE,KAAKjB,gBAAgB;EAC1C;AACF;AAACgC,OAAA,CAAA/B,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","sectionCounts","generateSectionId","firstItemId","computeSectionData","counts","Map","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","currentSectionId","currentSectionIndex","currentHeaderId","count","keyedItem","section","sectionId","set","isComplete","sectionKeyedItem","isLastSectionComplete","collection","fetchedLastPage","getSectionWithCount","headerId","sectionData","get","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 { 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  renderSection: RenderSection<T>;\n\n  constructor(table: TableState<T, F>, renderSection: RenderSection<T>) {\n    this.table = table;\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    keyedItems: KeyedItem<T>[];\n  } {\n    const counts = new Map<string, { count: number; isComplete: boolean }>();\n    const keyedItems: KeyedItem<T>[] = [];\n\n    if (this.table.keyedItems.length === 0) {\n      return { counts, 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\n    for (const keyedItem of this.table.keyedItems) {\n      const section = this.renderSection(keyedItem.item);\n      const sectionId = section.id;\n\n      if (sectionId !== currentSectionId) {\n        // Store count for previous section\n        if (currentHeaderId) {\n          counts.set(currentHeaderId, { count, isComplete: true });\n        }\n\n        // Start new section\n        currentSectionId = sectionId;\n        currentHeaderId = this.generateSectionId(\n          `${sectionId}@${currentSectionIndex}`,\n        );\n        currentSectionIndex++;\n        count = 1;\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      }\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    }\n\n    return { counts, keyedItems };\n  }\n\n  get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {\n    return this.computeSectionData.counts;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    return this.computeSectionData.keyedItems;\n  }\n\n  getSectionWithCount(\n    sectionKeyedItem: KeyedItem<T>,\n  ): Section & { count: number; hasMore: boolean } {\n    const section = this.renderSection(sectionKeyedItem.item);\n    const headerId = sectionKeyedItem.id;\n    const sectionData = headerId\n      ? this.sectionCounts.get(headerId) || { count: 0, isComplete: true }\n      : { count: 0, isComplete: true };\n\n    return {\n      ...section,\n      count: sectionData.count,\n      hasMore: !sectionData.isComplete,\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_ = "TabsFilter2914567219";
+var _namespace_ = "TabsFilter2514586753";
 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": "TabsFilter2914567219__root",
-  "title": "TabsFilter2914567219__title"
+  "root": "TabsFilter2514586753__root",
+  "title": "TabsFilter2514586753__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_ = \"TabsFilter2914567219\";\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\":\"TabsFilter2914567219__root\",\"title\":\"TabsFilter2914567219__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,sBAAsB;AACxC,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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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_ = \"TabsFilter2514586753\";\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\":\"TabsFilter2514586753__root\",\"title\":\"TabsFilter2514586753__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,sBAAsB;AACxC,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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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_ = "ManageTagsModal979718763";
+var _namespace_ = "ManageTagsModal3836601232";
 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": "ManageTagsModal979718763__root"
+  "root": "ManageTagsModal3836601232__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_ = \"ManageTagsModal979718763\";\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\":\"ManageTagsModal979718763__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":[]}
+{"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_ = \"ManageTagsModal3836601232\";\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\":\"ManageTagsModal3836601232__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":[]}

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_ = "ToolbarItem1368876850";
+var _namespace_ = "ToolbarItem2232077448";
 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": "ToolbarItem1368876850__root"
+  "root": "ToolbarItem2232077448__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_ = \"ToolbarItem1368876850\";\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\":\"ToolbarItem1368876850__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_ = \"ToolbarItem2232077448\";\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\":\"ToolbarItem2232077448__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_ = "ToolbarItemBox1423604911";
+var _namespace_ = "ToolbarItemBox2922933174";
 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": "ToolbarItemBox1423604911__root"
+  "root": "ToolbarItemBox2922933174__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_ = \"ToolbarItemBox1423604911\";\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\":\"ToolbarItemBox1423604911__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":[]}
+{"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_ = \"ToolbarItemBox2922933174\";\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\":\"ToolbarItemBox2922933174__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_ = "common4243549896";
+var _namespace_ = "common4267853822";
 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": "common4243549896__root",
-  "column": "common4243549896__column",
-  "fullHeight": "common4243549896__fullHeight"
+  "root": "common4267853822__root",
+  "column": "common4267853822__column",
+  "fullHeight": "common4267853822__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_ = \"common4243549896\";\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\":\"common4243549896__root\",\"column\":\"common4243549896__column\",\"fullHeight\":\"common4243549896__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_ = \"common4267853822\";\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\":\"common4267853822__root\",\"column\":\"common4267853822__column\",\"fullHeight\":\"common4267853822__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":[]}

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_ = "CollectionPageHeader2224505017";
+var _namespace_ = "CollectionPageHeader3502652460";
 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": "CollectionPageHeader2224505017__root"
+  "root": "CollectionPageHeader3502652460__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_ = \"CollectionPageHeader2224505017\";\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\":\"CollectionPageHeader2224505017__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_ = \"CollectionPageHeader3502652460\";\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\":\"CollectionPageHeader3502652460__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/FormPage/FormPageHeader.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_ = "FormPageHeader1572671895";
+var _namespace_ = "FormPageHeader2438473222";
 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": "FormPageHeader1572671895__root"
+  "root": "FormPageHeader2438473222__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.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/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader1572671895\";\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\":\"FormPageHeader1572671895__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader2438473222\";\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\":\"FormPageHeader2438473222__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/state/KanbanState/KanbanStageState.js

@@ -8,16 +8,19 @@ var _bexCore = require("@wix/bex-core");
 var _mobx = require("mobx");
 class KanbanStageState {
   constructor(params) {
+    var _params$initialPage;
     (0, _defineProperty2.default)(this, "container", void 0);
     (0, _defineProperty2.default)(this, "itemsCollectionState", void 0);
     (0, _defineProperty2.default)(this, "name", void 0);
     (0, _defineProperty2.default)(this, "key", void 0);
     (0, _defineProperty2.default)(this, "stage", void 0);
+    (0, _defineProperty2.default)(this, "_total", void 0);
     (0, _defineProperty2.default)(this, "isRefetching", false);
     this.container = params.container;
     this.name = params.name;
     this.key = params.key;
     this.stage = params.stage;
+    this._total = ((_params$initialPage = params.initialPage) == null ? void 0 : _params$initialPage.total) ?? undefined;
     this.itemsCollectionState = new _bexCore.CollectionState({
       errorMonitor: this.container.errorMonitor,
       history: this.container.history,
@@ -50,7 +53,9 @@ class KanbanStageState {
       stageName: _mobx.computed,
       stageKey: _mobx.computed,
       isRefetching: _mobx.observable,
-      hasError: _mobx.computed
+      hasError: _mobx.computed,
+      setTotal: _mobx.action,
+      isLoading: _mobx.computed
     });
   }
   init() {
@@ -70,7 +75,10 @@ class KanbanStageState {
     return this.itemsCollectionState.itemKey(item);
   }
   totalItems() {
-    return this.itemsCollectionState.total;
+    return this._total;
+  }
+  setTotal(total) {
+    this._total = total;
   }
   get stageName() {
     return this.name;
@@ -78,7 +86,7 @@ class KanbanStageState {
   get stageKey() {
     return this.key;
   }
-  isLoading() {
+  get isLoading() {
     return this.itemsCollectionState.initTask.status.isLoading;
   }
   fetchMore() {

package/dist/cjs/state/KanbanState/KanbanStageState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","KanbanStageState","constructor","params","_defineProperty2","default","container","name","key","stage","itemsCollectionState","CollectionState","errorMonitor","history","lodash","onlineState","queryCache","translate","queryName","fetchData","itemKey","itemName","filters","query","stageId","stringFilter","initialValue","initialPage","errorHandler","paginationMode","search","CollectionOptimisticActions","collection","makeObservable","observable","fetchMore","action","stageName","computed","stageKey","isRefetching","hasError","init","_this$itemsCollection","result","status","isError","items","keyedItems","map","item","totalItems","total","isLoading","initTask","fetchNextPageIfNeeded","isFetchingMore","deleteItem","optimisticActions","deleteOne","submit","Promise","resolve","createItem","createOne","showErrorToast","error","_this$container$error","_this$container$error2","resolvedError","getResolvedError","showError","updateItem","updatedItem","allItems","k","updatedItems","updateMany","keepPosition","refetchStage","runInAction","refreshAllPages","exports"],"sources":["../../../../src/state/KanbanState/KanbanStageState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  WixPatternsContainer,\n  DataResultRaw,\n  CollectionState,\n  CollectionStateParams,\n  stringFilter,\n  CollectionOptimisticActions,\n  QueryState,\n} from '@wix/bex-core';\nimport {\n  action,\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n} from 'mobx';\n\nexport interface KanbanStageStateBaseParams<T> {\n  readonly container: WixPatternsContainer;\n  readonly initialPage?: DataResultRaw<T>;\n  readonly name: string;\n  readonly key: string;\n}\n\nexport interface KanbanStageStateParams<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> extends KanbanStageStateBaseParams<T> {\n  readonly fetchData: CollectionStateParams<T, F>['fetchData'];\n  readonly itemKey: CollectionStateParams<T, F>['itemKey'];\n  readonly itemName: CollectionStateParams<T, F>['itemName'];\n  readonly stage: S;\n  readonly query: QueryState<F>;\n}\n\nexport class KanbanStageState<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> {\n  readonly container: WixPatternsContainer;\n  readonly itemsCollectionState: CollectionState<T, F>;\n  name: string;\n  readonly key: string;\n  readonly stage: S;\n  isRefetching = false;\n  constructor(params: KanbanStageStateParams<T, S, F>) {\n    this.container = params.container;\n    this.name = params.name;\n    this.key = params.key;\n    this.stage = params.stage;\n    this.itemsCollectionState = new CollectionState<T, F>({\n      errorMonitor: this.container.errorMonitor,\n      history: this.container.history,\n      lodash: this.container.lodash,\n      onlineState: this.container.onlineState,\n      queryCache: this.container.queryCache,\n      translate: this.container.translate,\n      queryName: `kanban-items-${this.key}`,\n      fetchData: params.fetchData,\n      itemKey: params.itemKey,\n      itemName: params.itemName,\n      filters: {\n        ...params.query.filters,\n        stageId: stringFilter({ initialValue: this.key }),\n      },\n      initialPage: params.initialPage,\n      errorHandler: this.container.errorHandler,\n      paginationMode: 'cursor',\n      search: params.query.search,\n    });\n\n    new CollectionOptimisticActions({\n      collection: this.itemsCollectionState,\n      container: this.container,\n    });\n\n    makeObservable(this, {\n      name: observable,\n      fetchMore: action,\n      stageName: computed,\n      stageKey: computed,\n      isRefetching: observable,\n      hasError: computed,\n    });\n  }\n\n  init() {\n    this.itemsCollectionState.init();\n  }\n\n  get hasError() {\n    return this.itemsCollectionState.result.status?.isError;\n  }\n\n  items() {\n    return this.itemsCollectionState.keyedItems.map((item: any) => item.item);\n  }\n\n  itemName(item: T) {\n    return this.itemsCollectionState.itemName(item);\n  }\n\n  itemKey(item: T) {\n    return this.itemsCollectionState.itemKey(item);\n  }\n\n  totalItems() {\n    return this.itemsCollectionState.total;\n  }\n\n  get stageName() {\n    return this.name;\n  }\n\n  get stageKey() {\n    return this.key;\n  }\n\n  isLoading() {\n    return this.itemsCollectionState.initTask.status.isLoading;\n  }\n\n  fetchMore() {\n    this.itemsCollectionState.fetchNextPageIfNeeded();\n  }\n\n  isFetchingMore() {\n    return true;\n  }\n\n  deleteItem(item: T) {\n    this.itemsCollectionState.optimisticActions.deleteOne(item, {\n      submit: () => Promise.resolve(),\n    });\n  }\n\n  createItem(item: T) {\n    this.itemsCollectionState.optimisticActions.createOne(item, {\n      submit: () => Promise.resolve(),\n    });\n  }\n\n  showErrorToast(error: unknown) {\n    const resolvedError =\n      this.container.errorHandler?.getResolvedError?.(error);\n    resolvedError && this.container.errorHandler?.showError?.(resolvedError);\n  }\n\n  updateItem(updatedItem: T) {\n    const allItems = this.itemsCollectionState.result.keyedItems.map(\n      (k) => k.item,\n    );\n    const updatedItems = allItems.map((item) =>\n      this.itemKey(item) === this.itemKey(updatedItem) ? updatedItem : item,\n    );\n    this.itemsCollectionState.optimisticActions.updateMany(updatedItems, {\n      submit: () => Promise.resolve(updatedItems),\n      keepPosition: true,\n    });\n  }\n\n  async refetchStage() {\n    runInAction(() => {\n      this.isRefetching = true;\n    });\n    try {\n      await this.itemsCollectionState.refreshAllPages();\n    } finally {\n      runInAction(() => {\n        this.isRefetching = false;\n      });\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","KanbanStageState","constructor","params","_params$initialPage","_defineProperty2","default","container","name","key","stage","_total","initialPage","total","undefined","itemsCollectionState","CollectionState","errorMonitor","history","lodash","onlineState","queryCache","translate","queryName","fetchData","itemKey","itemName","filters","query","stageId","stringFilter","initialValue","errorHandler","paginationMode","search","CollectionOptimisticActions","collection","makeObservable","observable","fetchMore","action","stageName","computed","stageKey","isRefetching","hasError","setTotal","isLoading","init","_this$itemsCollection","result","status","isError","items","keyedItems","map","item","totalItems","initTask","fetchNextPageIfNeeded","isFetchingMore","deleteItem","optimisticActions","deleteOne","submit","Promise","resolve","createItem","createOne","showErrorToast","error","_this$container$error","_this$container$error2","resolvedError","getResolvedError","showError","updateItem","updatedItem","allItems","k","updatedItems","updateMany","keepPosition","refetchStage","runInAction","refreshAllPages","exports"],"sources":["../../../../src/state/KanbanState/KanbanStageState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  WixPatternsContainer,\n  DataResultRaw,\n  CollectionState,\n  CollectionStateParams,\n  stringFilter,\n  CollectionOptimisticActions,\n  QueryState,\n} from '@wix/bex-core';\nimport {\n  action,\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n} from 'mobx';\n\nexport interface KanbanStageStateBaseParams<T> {\n  readonly container: WixPatternsContainer;\n  readonly initialPage?: DataResultRaw<T>;\n  readonly name: string;\n  readonly key: string;\n}\n\nexport interface KanbanStageStateParams<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> extends KanbanStageStateBaseParams<T> {\n  readonly fetchData: CollectionStateParams<T, F>['fetchData'];\n  readonly itemKey: CollectionStateParams<T, F>['itemKey'];\n  readonly itemName: CollectionStateParams<T, F>['itemName'];\n  readonly stage: S;\n  readonly query: QueryState<F>;\n}\n\nexport class KanbanStageState<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> {\n  readonly container: WixPatternsContainer;\n  readonly itemsCollectionState: CollectionState<T, F>;\n  name: string;\n  readonly key: string;\n  readonly stage: S;\n  private _total?: number;\n  isRefetching = false;\n  constructor(params: KanbanStageStateParams<T, S, F>) {\n    this.container = params.container;\n    this.name = params.name;\n    this.key = params.key;\n    this.stage = params.stage;\n    this._total = params.initialPage?.total ?? undefined;\n    this.itemsCollectionState = new CollectionState<T, F>({\n      errorMonitor: this.container.errorMonitor,\n      history: this.container.history,\n      lodash: this.container.lodash,\n      onlineState: this.container.onlineState,\n      queryCache: this.container.queryCache,\n      translate: this.container.translate,\n      queryName: `kanban-items-${this.key}`,\n      fetchData: params.fetchData,\n      itemKey: params.itemKey,\n      itemName: params.itemName,\n      filters: {\n        ...params.query.filters,\n        stageId: stringFilter({ initialValue: this.key }),\n      },\n      initialPage: params.initialPage,\n      errorHandler: this.container.errorHandler,\n      paginationMode: 'cursor',\n      search: params.query.search,\n    });\n\n    new CollectionOptimisticActions({\n      collection: this.itemsCollectionState,\n      container: this.container,\n    });\n\n    makeObservable(this, {\n      name: observable,\n      fetchMore: action,\n      stageName: computed,\n      stageKey: computed,\n      isRefetching: observable,\n      hasError: computed,\n      setTotal: action,\n      isLoading: computed,\n    });\n  }\n\n  init() {\n    this.itemsCollectionState.init();\n  }\n\n  get hasError() {\n    return this.itemsCollectionState.result.status?.isError;\n  }\n\n  items() {\n    return this.itemsCollectionState.keyedItems.map((item: any) => item.item);\n  }\n\n  itemName(item: T) {\n    return this.itemsCollectionState.itemName(item);\n  }\n\n  itemKey(item: T) {\n    return this.itemsCollectionState.itemKey(item);\n  }\n\n  totalItems() {\n    return this._total;\n  }\n\n  setTotal(total: number) {\n    this._total = total;\n  }\n\n  get stageName() {\n    return this.name;\n  }\n\n  get stageKey() {\n    return this.key;\n  }\n\n  get isLoading() {\n    return this.itemsCollectionState.initTask.status.isLoading;\n  }\n\n  fetchMore() {\n    this.itemsCollectionState.fetchNextPageIfNeeded();\n  }\n\n  isFetchingMore() {\n    return true;\n  }\n\n  deleteItem(item: T) {\n    this.itemsCollectionState.optimisticActions.deleteOne(item, {\n      submit: () => Promise.resolve(),\n    });\n  }\n\n  createItem(item: T) {\n    this.itemsCollectionState.optimisticActions.createOne(item, {\n      submit: () => Promise.resolve(),\n    });\n  }\n\n  showErrorToast(error: unknown) {\n    const resolvedError =\n      this.container.errorHandler?.getResolvedError?.(error);\n    resolvedError && this.container.errorHandler?.showError?.(resolvedError);\n  }\n\n  updateItem(updatedItem: T) {\n    const allItems = this.itemsCollectionState.result.keyedItems.map(\n      (k) => k.item,\n    );\n    const updatedItems = allItems.map((item) =>\n      this.itemKey(item) === this.itemKey(updatedItem) ? updatedItem : item,\n    );\n    this.itemsCollectionState.optimisticActions.updateMany(updatedItems, {\n      submit: () => Promise.resolve(updatedItems),\n      keepPosition: true,\n    });\n  }\n\n  async refetchStage() {\n    runInAction(() => {\n      this.isRefetching = true;\n    });\n    try {\n      await this.itemsCollectionState.refreshAllPages();\n    } finally {\n      runInAction(() => {\n        this.isRefetching = false;\n      });\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/KanbanState/KanbanState.js

@@ -10,6 +10,7 @@ var _KanbanStageState = require("./KanbanStageState");
 var _mobx = require("mobx");
 var _KanbanCardDragAndDrop = require("../../components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop");
 var _uuid = require("uuid");
+var _events = require("events");
 class KanbanState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "container", void 0);
@@ -20,9 +21,11 @@ class KanbanState {
     (0, _defineProperty2.default)(this, "dragAndDropState", void 0);
     (0, _defineProperty2.default)(this, "query", void 0);
     (0, _defineProperty2.default)(this, "debouncedStagesRefresh", void 0);
+    (0, _defineProperty2.default)(this, "stageType", void 0);
     (0, _defineProperty2.default)(this, "items", void 0);
     (0, _defineProperty2.default)(this, "isRefetching", false);
     (0, _defineProperty2.default)(this, "isChangingFiltersValue", false);
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
     this.container = params.container;
     this.items = params.items;
     this.toolbarQueryCollectionState = this.createToolbarQueryCollectionState();
@@ -32,6 +35,7 @@ class KanbanState {
         initialValue: ''
       })
     });
+    this.stageType = params.stages.stageType;
     (0, _bexCore.syncWithSharedQuery)(this.toolbarQueryCollectionState.query, this.query);
     this.stagesCollectionState = this.createStagesCollectionState(params);
     this.toolbar = new _ToolbarCollectionState.ToolbarCollectionState({
@@ -49,7 +53,9 @@ class KanbanState {
       stages: _mobx.computed,
       isRefetching: _mobx.observable,
       refetchKanban: _mobx.action,
-      hasStagesError: _mobx.computed
+      hasStagesError: _mobx.computed,
+      isLoading: _mobx.computed,
+      isLoadingStages: _mobx.computed
     });
     this.debouncedStagesRefresh = this.container.lodash.debounce(() => {
       this.isChangingFiltersValue = false;
@@ -107,10 +113,10 @@ class KanbanState {
   getStageStateByKey(stageKey) {
     return this.kanbanStageStates[stageKey];
   }
-  isLoading() {
-    return this.isLoadingStages() || Object.values(this.kanbanStageStates).some(stage => stage.isLoading());
+  get isLoading() {
+    return this.isLoadingStages || Object.values(this.kanbanStageStates).some(stage => stage.isLoading);
   }
-  isLoadingStages() {
+  get isLoadingStages() {
     return this.stagesCollectionState.initTask.status.isLoading || this.isRefetching || Object.keys(this.kanbanStageStates).length !== this.stagesCollectionState.result.keyedItems.length;
   }
   isInSearchMode() {
@@ -221,7 +227,11 @@ class KanbanState {
       fetchData: this.items.fetchData,
       itemKey: this.items.itemKey,
       itemName: this.items.itemName,
-      initialPage: hasDataForStage ? this.getInitialPageData(stageData) : undefined,
+      initialPage: hasDataForStage ? this.getInitialPageData(stageData) : {
+        items: [],
+        total: 0,
+        cursor: null
+      },
       name: this.stagesCollectionState.itemName(stage),
       key: this.stagesCollectionState.itemKey(stage),
       stage,
@@ -252,6 +262,7 @@ class KanbanState {
         processed: total,
         unprocessed: total
       });
+      stageState.setTotal(stageData.total ?? 0);
       if (cursor != null) {
         stageState.itemsCollectionState.paginationMode.setCursor(cursor);
       }
@@ -297,6 +308,22 @@ class KanbanState {
       }, false);
     });
   }
+  scrollToStage({
+    stageKey
+  }) {
+    this.events.emit('scrollToStage', {
+      stageKey
+    });
+  }
+  scrollToCardInStage({
+    stageKey,
+    cardKey
+  }) {
+    this.events.emit('scrollToCardInStage', {
+      stageKey,
+      cardKey
+    });
+  }
   deleteStage(stage) {
     const stageId = this.stagesCollectionState.itemKey(stage);
     this.stagesCollectionState.optimisticActions.deleteOne(stage, {