@wix/patterns 0.8.0

package/dist/cjs/state/BulkActionToolbarState.js

@@ -0,0 +1,207 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.BulkActionToolbarState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+class BulkActionToolbarState {
+  constructor(_params) {
+    (0, _defineProperty2.default)(this, "toolbarBIReporter", void 0);
+    (0, _defineProperty2.default)(this, "panels", void 0);
+    (0, _defineProperty2.default)(this, "multi", void 0);
+    (0, _defineProperty2.default)(this, "modals", void 0);
+    (0, _defineProperty2.default)(this, "selectionDisabledProp", () => false);
+    (0, _defineProperty2.default)(this, "selectionDisabledFn", ({
+      key
+    }) => {
+      const {
+        selectionDisabledProp
+      } = this;
+      if (typeof selectionDisabledProp === 'function') {
+        var _this$_getCollectionO;
+        const keyedItem = (_this$_getCollectionO = this._getCollectionOf(key)) == null ? void 0 : _this$_getCollectionO.result.get(key);
+        if (keyedItem == null) {
+          return false;
+        }
+        return Boolean(selectionDisabledProp(keyedItem));
+      }
+      return () => !!selectionDisabledProp;
+    });
+    (0, _defineProperty2.default)(this, "maxSelection", void 0);
+    (0, _defineProperty2.default)(this, "_selectionStartTime", 0);
+    (0, _defineProperty2.default)(this, "clearSelection", () => {
+      this.multi.collections.forEach(({
+        bulkSelect
+      }) => {
+        bulkSelect.resetToDefaults();
+      });
+    });
+    (0, _defineProperty2.default)(this, "isRowCheckboxDisabled", (0, _mobx.action)(row => {
+      return this.reachedMaxSelection && !this.isChecked(row.key) || this.selectionDisabledFn(row);
+    }));
+    (0, _defineProperty2.default)(this, "toggleSelectAll", (0, _mobx.action)(params => {
+      if (!this.hasClickableRows) {
+        this.deselectAll(params);
+      } else if (this.maxSelection != null) {
+        this.selectAllUpToMaxSelection();
+      } else {
+        this.selectAll(params);
+      }
+    }));
+    this.toolbarBIReporter = _params.toolbarBIReporter;
+    this.panels = _params.panels;
+    this.multi = _params.multi;
+    this.modals = new _bexCore.BulkActionModalState({
+      translate: _params.translate,
+      scrollToTop: _params.scrollToTop
+    });
+    (0, _mobx.makeObservable)(this, {
+      hasClickableRows: _mobx.computed,
+      reachedMaxSelection: _mobx.computed,
+      total: _mobx.computed,
+      selectedCountOrTotal: _mobx.computed,
+      selectedIds: _mobx.computed
+    });
+  }
+  get selectedIds() {
+    return this.multi.collections.reduce((a, {
+      bulkSelect
+    }) => [...a, ...bulkSelect.selectedIds], []);
+  }
+  get selectedValues() {
+    return this.multi.collections.reduce((a, {
+      bulkSelect
+    }) => [...a, ...bulkSelect.selectedValues], []);
+  }
+  get uncheckedValues() {
+    return this.multi.collections.reduce((a, {
+      bulkSelect
+    }) => [...a, ...bulkSelect.uncheckedValues], []);
+  }
+  get selectedCount() {
+    return this.multi.collections.reduce((s, {
+      bulkSelect
+    }) => s + bulkSelect.selectedCount, 0);
+  }
+  get selectedCountOrTotal() {
+    if (this.allSelected) {
+      return this.multi.collections.reduce((s, {
+        bulkSelect
+      }) => s + bulkSelect.selectedCountOrTotal, 0);
+    }
+    return this.selectedCount;
+  }
+  get hasClickableRows() {
+    return this.multi.collections.some(({
+      bulkSelect,
+      ...collection
+    }) => collection.result.keyedItems.some(row => !bulkSelect.select.isChecked(row.key) && !this.isRowCheckboxDisabled(row)));
+  }
+  get allSelected() {
+    return this.multi.collections.every(({
+      bulkSelect
+    }) => bulkSelect.allSelected);
+  }
+  get reachedMaxSelection() {
+    const {
+      maxSelection,
+      selectedCount
+    } = this;
+    if (maxSelection != null) {
+      return selectedCount >= maxSelection;
+    }
+    return false;
+  }
+  get total() {
+    return this.multi.collections.reduce((s, {
+      result: {
+        total
+      }
+    }) => s + total, 0);
+  }
+  isChecked(key) {
+    return this.multi.collections.some(({
+      bulkSelect
+    }) => bulkSelect.isChecked(key));
+  }
+  selectAllUpToMaxSelection() {
+    for (const collection of this.multi.collections) {
+      if (this.reachedMaxSelection) {
+        break;
+      }
+      for (const item of collection.result.keyedItems) {
+        if (this.reachedMaxSelection) {
+          break;
+        }
+        if (!this.isRowCheckboxDisabled(item)) {
+          collection.bulkSelect.select.set(item);
+        }
+      }
+    }
+  }
+  selectAll({
+    location
+  }) {
+    const onSelectAllToggledEnd = this.toolbarBIReporter.selectAllToggledStart({
+      location
+    });
+    this.multi.collections.forEach(collection => collection.bulkSelect.selectAll());
+    onSelectAllToggledEnd();
+  }
+  deselectAll({
+    location
+  }) {
+    const onSelectAllToggledEnd = this.toolbarBIReporter.selectAllToggledStart({
+      location
+    });
+    this.multi.collections.forEach(collection => collection.bulkSelect.deselectAll());
+    onSelectAllToggledEnd();
+  }
+  _getCollectionOf(id) {
+    return this.multi.collections.find(collection => collection.result.has(id));
+  }
+  selectOne(id) {
+    var _this$_getCollectionO2;
+    const onSelectionToggledEnd = this.toolbarBIReporter.itemSelectionToggledStarted({
+      itemId: id,
+      clickType: 'Selection'
+    });
+    (_this$_getCollectionO2 = this._getCollectionOf(id)) == null || _this$_getCollectionO2.bulkSelect.selectOne(id);
+    onSelectionToggledEnd();
+  }
+  deselectOne(id) {
+    var _this$_getCollectionO3;
+    const onSelectionToggledEnd = this.toolbarBIReporter.itemSelectionToggledStarted({
+      itemId: id,
+      clickType: 'Deselection'
+    });
+    (_this$_getCollectionO3 = this._getCollectionOf(id)) == null || _this$_getCollectionO3.bulkSelect.deselectOne(id);
+    onSelectionToggledEnd();
+  }
+  init() {
+    const disposers = [...this.multi.collections.map(({
+      bulkSelect
+    }) => (0, _mobx.reaction)(() => ({
+      selectedValues: bulkSelect.select.selectedValues
+    }), ({
+      selectedValues
+    }) => {
+      if (this.selectionDisabledFn == null) {
+        return;
+      }
+      for (const keyedItem of selectedValues) {
+        const collectionItem = bulkSelect.getCollectionItem(keyedItem.key);
+        if (collectionItem && this.selectionDisabledFn(collectionItem)) {
+          bulkSelect.deselectOneItem(keyedItem);
+        }
+      }
+    }))];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+}
+exports.BulkActionToolbarState = BulkActionToolbarState;
+//# sourceMappingURL=BulkActionToolbarState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","BulkActionToolbarState","constructor","params","_defineProperty2","default","key","selectionDisabledProp","_this$_getCollectionO","keyedItem","_getCollectionOf","result","get","Boolean","multi","collections","forEach","bulkSelect","resetToDefaults","action","row","reachedMaxSelection","isChecked","selectionDisabledFn","hasClickableRows","deselectAll","maxSelection","selectAllUpToMaxSelection","selectAll","toolbarBIReporter","panels","modals","BulkActionModalState","translate","scrollToTop","makeObservable","computed","total","selectedCountOrTotal","selectedIds","reduce","a","selectedValues","uncheckedValues","selectedCount","s","allSelected","some","collection","keyedItems","select","isRowCheckboxDisabled","every","item","set","location","onSelectAllToggledEnd","selectAllToggledStart","id","find","has","selectOne","_this$_getCollectionO2","onSelectionToggledEnd","itemSelectionToggledStarted","itemId","clickType","deselectOne","_this$_getCollectionO3","init","disposers","map","reaction","collectionItem","getCollectionItem","deselectOneItem","d","exports"],"sources":["../../../src/state/BulkActionToolbarState.ts"],"sourcesContent":["import { action, computed, makeObservable, reaction } from 'mobx';\nimport { ToolbarBIReporter } from './ToolbarBIReporter';\nimport {\n  BulkActionModalState,\n  FiltersMap,\n  KeyedItem,\n  MultiCollectionSupport,\n  Translate,\n} from '@wix/bex-core';\nimport { SidePanelsState } from './SidePanelsState';\n\ninterface SelectAllLocationParams {\n  location: 'TableToolbar CTA' | 'Checkbox';\n}\n\nexport interface BulkActionToolbarStateParams<T, F extends FiltersMap> {\n  readonly toolbarBIReporter: ToolbarBIReporter<T, F>;\n  readonly panels: SidePanelsState;\n  readonly multi: MultiCollectionSupport<F>;\n  readonly translate: Translate;\n  readonly scrollToTop: () => unknown;\n}\n\nexport type SelectionDisabledProp =\n  | ((rowData: KeyedItem<unknown>) => boolean | void)\n  | boolean;\n\nexport class BulkActionToolbarState<T, F extends FiltersMap> {\n  readonly toolbarBIReporter;\n  readonly panels;\n  readonly multi;\n\n  readonly modals;\n\n  selectionDisabledProp: SelectionDisabledProp = () => false;\n\n  selectionDisabledFn = ({ key }: { key: string }) => {\n    const { selectionDisabledProp } = this;\n\n    if (typeof selectionDisabledProp === 'function') {\n      const keyedItem = this._getCollectionOf(key)?.result.get(key);\n      if (keyedItem == null) {\n        return false;\n      }\n      return Boolean(selectionDisabledProp(keyedItem));\n    }\n\n    return () => !!selectionDisabledProp;\n  };\n\n  constructor(params: BulkActionToolbarStateParams<T, F>) {\n    this.toolbarBIReporter = params.toolbarBIReporter;\n    this.panels = params.panels;\n    this.multi = params.multi;\n    this.modals = new BulkActionModalState({\n      translate: params.translate,\n      scrollToTop: params.scrollToTop,\n    });\n\n    makeObservable(this, {\n      hasClickableRows: computed,\n      reachedMaxSelection: computed,\n      total: computed,\n      selectedCountOrTotal: computed,\n      selectedIds: computed,\n    });\n  }\n\n  maxSelection?: number;\n\n  _selectionStartTime = 0;\n\n  get selectedIds() {\n    return this.multi.collections.reduce(\n      (a, { bulkSelect }) => [...a, ...bulkSelect.selectedIds],\n      [] as string[],\n    );\n  }\n\n  get selectedValues() {\n    return this.multi.collections.reduce(\n      (a, { bulkSelect }) => [...a, ...bulkSelect.selectedValues],\n      [] as unknown[],\n    );\n  }\n\n  get uncheckedValues() {\n    return this.multi.collections.reduce(\n      (a, { bulkSelect }) => [...a, ...bulkSelect.uncheckedValues],\n      [] as unknown[],\n    );\n  }\n\n  get selectedCount() {\n    return this.multi.collections.reduce(\n      (s, { bulkSelect }) => s + bulkSelect.selectedCount,\n      0,\n    );\n  }\n\n  get selectedCountOrTotal() {\n    if (this.allSelected) {\n      return this.multi.collections.reduce(\n        (s, { bulkSelect }) => s + bulkSelect.selectedCountOrTotal,\n        0,\n      );\n    }\n\n    return this.selectedCount;\n  }\n\n  get hasClickableRows() {\n    return this.multi.collections.some(({ bulkSelect, ...collection }) =>\n      collection.result.keyedItems.some(\n        (row) =>\n          !bulkSelect.select.isChecked(row.key) &&\n          !this.isRowCheckboxDisabled(row),\n      ),\n    );\n  }\n\n  get allSelected() {\n    return this.multi.collections.every(\n      ({ bulkSelect }) => bulkSelect.allSelected,\n    );\n  }\n\n  get reachedMaxSelection(): boolean {\n    const { maxSelection, selectedCount } = this;\n    if (maxSelection != null) {\n      return selectedCount >= maxSelection;\n    }\n    return false;\n  }\n\n  get total() {\n    return this.multi.collections.reduce(\n      (s, { result: { total } }) => s + total,\n      0,\n    );\n  }\n\n  isChecked(key: string) {\n    return this.multi.collections.some(({ bulkSelect }) =>\n      bulkSelect.isChecked(key),\n    );\n  }\n\n  clearSelection = () => {\n    this.multi.collections.forEach(({ bulkSelect }) => {\n      bulkSelect.resetToDefaults();\n    });\n  };\n\n  isRowCheckboxDisabled = action((row: { key: string }) => {\n    return (\n      (this.reachedMaxSelection && !this.isChecked(row.key)) ||\n      this.selectionDisabledFn(row)\n    );\n  });\n\n  toggleSelectAll = action((params: SelectAllLocationParams) => {\n    if (!this.hasClickableRows) {\n      this.deselectAll(params);\n    } else if (this.maxSelection != null) {\n      this.selectAllUpToMaxSelection();\n    } else {\n      this.selectAll(params);\n    }\n  });\n\n  selectAllUpToMaxSelection() {\n    for (const collection of this.multi.collections) {\n      if (this.reachedMaxSelection) {\n        break;\n      }\n      for (const item of collection.result.keyedItems) {\n        if (this.reachedMaxSelection) {\n          break;\n        }\n\n        if (!this.isRowCheckboxDisabled(item)) {\n          collection.bulkSelect.select.set(item);\n        }\n      }\n    }\n  }\n\n  selectAll({ location }: SelectAllLocationParams) {\n    const onSelectAllToggledEnd = this.toolbarBIReporter.selectAllToggledStart({\n      location,\n    });\n\n    this.multi.collections.forEach((collection) =>\n      collection.bulkSelect.selectAll(),\n    );\n    onSelectAllToggledEnd();\n  }\n\n  deselectAll({ location }: SelectAllLocationParams) {\n    const onSelectAllToggledEnd = this.toolbarBIReporter.selectAllToggledStart({\n      location,\n    });\n    this.multi.collections.forEach((collection) =>\n      collection.bulkSelect.deselectAll(),\n    );\n    onSelectAllToggledEnd();\n  }\n\n  _getCollectionOf(id: string) {\n    return this.multi.collections.find((collection) =>\n      collection.result.has(id),\n    );\n  }\n\n  selectOne(id: string) {\n    const onSelectionToggledEnd =\n      this.toolbarBIReporter.itemSelectionToggledStarted({\n        itemId: id,\n        clickType: 'Selection',\n      });\n\n    this._getCollectionOf(id)?.bulkSelect.selectOne(id);\n\n    onSelectionToggledEnd();\n  }\n\n  deselectOne(id: string) {\n    const onSelectionToggledEnd =\n      this.toolbarBIReporter.itemSelectionToggledStarted({\n        itemId: id,\n        clickType: 'Deselection',\n      });\n\n    this._getCollectionOf(id)?.bulkSelect.deselectOne(id);\n\n    onSelectionToggledEnd();\n  }\n\n  init() {\n    const disposers = [\n      ...this.multi.collections.map(({ bulkSelect }) =>\n        reaction(\n          () => ({\n            selectedValues: bulkSelect.select.selectedValues,\n          }),\n          ({ selectedValues }) => {\n            if (this.selectionDisabledFn == null) {\n              return;\n            }\n\n            for (const keyedItem of selectedValues) {\n              const collectionItem = bulkSelect.getCollectionItem(\n                keyedItem.key,\n              );\n\n              if (collectionItem && this.selectionDisabledFn(collectionItem)) {\n                bulkSelect.deselectOneItem(keyedItem);\n              }\n            }\n          },\n        ),\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/CollectionFilterState.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionFilterState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+class CollectionFilterState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "filter", void 0);
+    (0, _defineProperty2.default)(this, "collection", void 0);
+    (0, _defineProperty2.default)(this, "select", new _bexCore.SelectState({
+      keyGetter: value => value.key
+    }));
+    this.filter = params.filter;
+    this.collection = params.collection;
+  }
+}
+exports.CollectionFilterState = CollectionFilterState;
+//# sourceMappingURL=CollectionFilterState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","CollectionFilterState","constructor","params","_defineProperty2","default","SelectState","keyGetter","value","key","filter","collection","exports"],"sources":["../../../src/state/CollectionFilterState.ts"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FiltersMap,\n  KeyedItem,\n  SelectState,\n} from '@wix/bex-core';\n\nexport interface CollectionFilterStateParams<T, F extends FiltersMap> {\n  filter: Filter<T[]>;\n  collection: CollectionState<T, F>;\n}\n\nexport class CollectionFilterState<T, F extends FiltersMap> {\n  readonly filter: CollectionFilterStateParams<T, F>['filter'];\n  readonly collection: CollectionFilterStateParams<T, F>['collection'];\n  readonly select = new SelectState<KeyedItem<T>>({\n    keyGetter: (value) => value.key,\n  });\n\n  constructor(params: CollectionFilterStateParams<T, F>) {\n    this.filter = params.filter;\n    this.collection = params.collection;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAaO,MAAMC,qBAAqB,CAA0B;EAO1DC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAJrC,IAAIC,oBAAW,CAAe;MAC9CC,SAAS,EAAGC,KAAK,IAAKA,KAAK,CAACC;IAC9B,CAAC,CAAC;IAGA,IAAI,CAACC,MAAM,GAAGP,MAAM,CAACO,MAAM;IAC3B,IAAI,CAACC,UAAU,GAAGR,MAAM,CAACQ,UAAU;EACrC;AACF;AAACC,OAAA,CAAAX,qBAAA,GAAAA,qBAAA"}

package/dist/cjs/state/CollectionPage/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _useCollectionPageHeader = require("./useCollectionPageHeader");
+Object.keys(_useCollectionPageHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCollectionPageHeader[key]) return;
+  exports[key] = _useCollectionPageHeader[key];
+});
+var _useCollectionPageContent = require("./useCollectionPageContent");
+Object.keys(_useCollectionPageContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCollectionPageContent[key]) return;
+  exports[key] = _useCollectionPageContent[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/state/CollectionPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useCollectionPageHeader","require","Object","keys","forEach","key","exports","_useCollectionPageContent"],"sources":["../../../../src/state/CollectionPage/index.ts"],"sourcesContent":["export * from './useCollectionPageHeader';\nexport * from './useCollectionPageContent';\n"],"mappings":";;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,wBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,wBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,wBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,yBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,yBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,yBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,yBAAA,CAAAF,GAAA;AAAA"}

package/dist/cjs/state/CollectionPage/useCollectionPageContent.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useCollectionPageContent = useCollectionPageContent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/CollectionPage/useCollectionPageContent.tsx";
+function useCollectionPageContent(child) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, (0, _extends2.default)({}, child.props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 6,
+      columnNumber: 10
+    }
+  }));
+}
+//# sourceMappingURL=useCollectionPageContent.js.map

package/dist/cjs/state/CollectionPage/useCollectionPageContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","useCollectionPageContent","child","default","createElement","Page","Content","_extends2","props","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/state/CollectionPage/useCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Page } from '@wix/design-system';\nimport { CollectionPageContentElement } from '../../components/CollectionPageContent';\n\nexport function useCollectionPageContent(child: CollectionPageContentElement) {\n  return <Page.Content {...child.props} />;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA0C,IAAAE,YAAA;AAGnC,SAASC,wBAAwBA,CAACC,KAAmC,EAAE;EAC5E,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAM,IAAI,CAACC,OAAO,MAAAC,SAAA,CAAAJ,OAAA,MAAKD,KAAK,CAACM,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC1C"}

package/dist/cjs/state/CollectionPage/useCollectionPageHeader.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useCollectionPageHeader = useCollectionPageHeader;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _providers = require("../../providers");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/CollectionPage/useCollectionPageHeader.tsx";
+function useCollectionPageHeader(child) {
+  var _child$props$subtitle;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, {
+    key: child.key,
+    dataHook: "collection-page-header",
+    title: /*#__PURE__*/_react.default.createElement(CollectionPageHeaderTitle, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 12,
+        columnNumber: 14
+      }
+    }),
+    subtitle: (_child$props$subtitle = child.props.subtitle) == null ? void 0 : _child$props$subtitle.text,
+    actionsBar: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "SP2",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 15,
+        columnNumber: 9
+      }
+    }, child.props.moreActions, child.props.primaryAction),
+    breadcrumbs: child.props.breadcrumbs,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 9,
+      columnNumber: 5
+    }
+  });
+}
+const CollectionPageHeaderTitle = (0, _mobxReactLite.observer)(() => {
+  const state = (0, _providers.useCollectionPageContext)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    paddingRight: "9px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }, state.pageTitle), state.total !== false && !state.hideHeaderTotal && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "page-header-total-count",
+    color: "D40",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 9
+    }
+  }, state.total));
+});
+//# sourceMappingURL=useCollectionPageHeader.js.map

package/dist/cjs/state/CollectionPage/useCollectionPageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_mobxReactLite","_jsxFileName","useCollectionPageHeader","child","_child$props$subtitle","default","createElement","Page","Header","key","dataHook","title","CollectionPageHeaderTitle","__self","__source","fileName","lineNumber","columnNumber","subtitle","props","text","actionsBar","Box","gap","moreActions","primaryAction","breadcrumbs","observer","state","useCollectionPageContext","direction","paddingRight","pageTitle","total","hideHeaderTotal","color"],"sources":["../../../../src/state/CollectionPage/useCollectionPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Page } from '@wix/design-system';\nimport { CollectionPageHeaderElement } from '../../components/CollectionPageHeaderNew';\nimport { useCollectionPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\n\nexport function useCollectionPageHeader(child: CollectionPageHeaderElement) {\n  return (\n    <Page.Header\n      key={child.key}\n      dataHook=\"collection-page-header\"\n      title={<CollectionPageHeaderTitle />}\n      subtitle={child.props.subtitle?.text}\n      actionsBar={\n        <Box gap=\"SP2\">\n          {child.props.moreActions}\n          {child.props.primaryAction}\n        </Box>\n      }\n      breadcrumbs={child.props.breadcrumbs}\n    />\n  );\n}\n\nconst CollectionPageHeaderTitle = observer(() => {\n  const state = useCollectionPageContext();\n  return (\n    <Box direction=\"horizontal\">\n      <Box paddingRight=\"9px\">{state.pageTitle}</Box>\n      {state.total !== false && !state.hideHeaderTotal && (\n        <Box dataHook=\"page-header-total-count\" color=\"D40\">\n          {state.total}\n        </Box>\n      )}\n    </Box>\n  );\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAEpC,SAASC,uBAAuBA,CAACC,KAAkC,EAAE;EAAA,IAAAC,qBAAA;EAC1E,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,IAAI,CAACC,MAAM;IACVC,GAAG,EAAEN,KAAK,CAACM,GAAI;IACfC,QAAQ,EAAC,wBAAwB;IACjCC,KAAK,eAAEhB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACM,yBAAyB;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACrCC,QAAQ,GAAAd,qBAAA,GAAED,KAAK,CAACgB,KAAK,CAACD,QAAQ,qBAApBd,qBAAA,CAAsBgB,IAAK;IACrCC,UAAU,eACR1B,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAwB,GAAG;MAACC,GAAG,EAAC,KAAK;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,GACXd,KAAK,CAACgB,KAAK,CAACK,WAAW,EACvBrB,KAAK,CAACgB,KAAK,CAACM,aACV,CACN;IACDC,WAAW,EAAEvB,KAAK,CAACgB,KAAK,CAACO,WAAY;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtC,CAAC;AAEN;AAEA,MAAML,yBAAyB,GAAG,IAAAe,uBAAQ,EAAC,MAAM;EAC/C,MAAMC,KAAK,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EACxC,oBACElC,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAwB,GAAG;IAACQ,SAAS,EAAC,YAAY;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBtB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAwB,GAAG;IAACS,YAAY,EAAC,KAAK;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEW,KAAK,CAACI,SAAe,CAAC,EAC9CJ,KAAK,CAACK,KAAK,KAAK,KAAK,IAAI,CAACL,KAAK,CAACM,eAAe,iBAC9CvC,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAwB,GAAG;IAACZ,QAAQ,EAAC,yBAAyB;IAACyB,KAAK,EAAC,KAAK;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChDW,KAAK,CAACK,KACJ,CAEJ,CAAC;AAEV,CAAC,CAAC"}

package/dist/cjs/state/CollectionReachBottom.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionReachBottom = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _reachBottomListener = require("../reach-bottom-listener");
+class CollectionReachBottom {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "collection", void 0);
+    (0, _defineProperty2.default)(this, "reachBottom", void 0);
+    (0, _defineProperty2.default)(this, "triggerListenerIfReached", () => {
+      return this.reachBottom.triggerListenerIfReached();
+    });
+    (0, _defineProperty2.default)(this, "waitForScrollIdle", () => {
+      const {
+        reachBottom
+      } = this;
+      // if currently scrolling, return a promise for when the scrolling is idle
+      if (!reachBottom.isScrolling) {
+        return;
+      }
+      return new Promise(resolve => {
+        reachBottom.events.once('idle', resolve);
+      });
+    });
+    const {
+      reachBottomParams,
+      lodash
+    } = params;
+    this.collection = params.collection;
+    this.reachBottom = new _reachBottomListener.ReachBottomListener({
+      onReachBottom: this.collection.fetchNextPageIfNeeded,
+      delay: 200,
+      // this constance is a naive heuristic: amount of pixels covered in 250ms (avg server latency) when scrolling 1 pixel per millisecond (avg scrolling speed)
+      offsetPX: 250,
+      lodash,
+      ...reachBottomParams,
+      container: (reachBottomParams == null ? void 0 : reachBottomParams.container) ?? new _reachBottomListener.ScrollableWindow()
+    });
+  }
+  subscribe() {
+    const {
+      reachBottom
+    } = this;
+    reachBottom.subscribe();
+  }
+  unsubscribe() {
+    const {
+      reachBottom,
+      collection
+    } = this;
+    collection.beforeSetData = undefined;
+    reachBottom.unsubscribe();
+  }
+}
+exports.CollectionReachBottom = CollectionReachBottom;
+//# sourceMappingURL=CollectionReachBottom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reachBottomListener","require","CollectionReachBottom","constructor","params","_defineProperty2","default","reachBottom","triggerListenerIfReached","isScrolling","Promise","resolve","events","once","reachBottomParams","lodash","collection","ReachBottomListener","onReachBottom","fetchNextPageIfNeeded","delay","offsetPX","container","ScrollableWindow","subscribe","unsubscribe","beforeSetData","undefined","exports"],"sources":["../../../src/state/CollectionReachBottom.ts"],"sourcesContent":["import {\n  ReachBottomListener,\n  ReachBottomListenerParams,\n  ScrollableWindow,\n} from '../reach-bottom-listener';\nimport { CollectionState, FiltersMap, PartialLodash } from '@wix/bex-core';\n\nexport interface CollectionReachBottomParams<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  collection: CollectionState<T, F>;\n  reachBottomParams?: Partial<ReachBottomListenerParams>;\n  lodash: PartialLodash;\n}\n\nexport class CollectionReachBottom<T, F extends FiltersMap = FiltersMap> {\n  collection: CollectionState<T, F>;\n  reachBottom: ReachBottomListener;\n\n  constructor(params: CollectionReachBottomParams<T, F>) {\n    const { reachBottomParams, lodash } = params;\n    this.collection = params.collection;\n\n    this.reachBottom = new ReachBottomListener({\n      onReachBottom: this.collection.fetchNextPageIfNeeded,\n      delay: 200,\n      // this constance is a naive heuristic: amount of pixels covered in 250ms (avg server latency) when scrolling 1 pixel per millisecond (avg scrolling speed)\n      offsetPX: 250,\n      lodash,\n      ...reachBottomParams,\n      container: reachBottomParams?.container ?? new ScrollableWindow(),\n    });\n  }\n\n  triggerListenerIfReached = () => {\n    return this.reachBottom.triggerListenerIfReached();\n  };\n\n  waitForScrollIdle = () => {\n    const { reachBottom } = this;\n    // if currently scrolling, return a promise for when the scrolling is idle\n    if (!reachBottom.isScrolling) {\n      return;\n    }\n    return new Promise((resolve) => {\n      reachBottom.events.once('idle', resolve);\n    });\n  };\n\n  subscribe() {\n    const { reachBottom } = this;\n    reachBottom.subscribe();\n  }\n\n  unsubscribe() {\n    const { reachBottom, collection } = this;\n    collection.beforeSetData = undefined;\n    reachBottom.unsubscribe();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAgBO,MAAMC,qBAAqB,CAAuC;EAIvEC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oCAe5B,MAAM;MAC/B,OAAO,IAAI,CAACC,WAAW,CAACC,wBAAwB,CAAC,CAAC;IACpD,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,6BAEmB,MAAM;MACxB,MAAM;QAAEC;MAAY,CAAC,GAAG,IAAI;MAC5B;MACA,IAAI,CAACA,WAAW,CAACE,WAAW,EAAE;QAC5B;MACF;MACA,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAK;QAC9BJ,WAAW,CAACK,MAAM,CAACC,IAAI,CAAC,MAAM,EAAEF,OAAO,CAAC;MAC1C,CAAC,CAAC;IACJ,CAAC;IA3BC,MAAM;MAAEG,iBAAiB;MAAEC;IAAO,CAAC,GAAGX,MAAM;IAC5C,IAAI,CAACY,UAAU,GAAGZ,MAAM,CAACY,UAAU;IAEnC,IAAI,CAACT,WAAW,GAAG,IAAIU,wCAAmB,CAAC;MACzCC,aAAa,EAAE,IAAI,CAACF,UAAU,CAACG,qBAAqB;MACpDC,KAAK,EAAE,GAAG;MACV;MACAC,QAAQ,EAAE,GAAG;MACbN,MAAM;MACN,GAAGD,iBAAiB;MACpBQ,SAAS,EAAE,CAAAR,iBAAiB,oBAAjBA,iBAAiB,CAAEQ,SAAS,KAAI,IAAIC,qCAAgB,CAAC;IAClE,CAAC,CAAC;EACJ;EAiBAC,SAASA,CAAA,EAAG;IACV,MAAM;MAAEjB;IAAY,CAAC,GAAG,IAAI;IAC5BA,WAAW,CAACiB,SAAS,CAAC,CAAC;EACzB;EAEAC,WAAWA,CAAA,EAAG;IACZ,MAAM;MAAElB,WAAW;MAAES;IAAW,CAAC,GAAG,IAAI;IACxCA,UAAU,CAACU,aAAa,GAAGC,SAAS;IACpCpB,WAAW,CAACkB,WAAW,CAAC,CAAC;EAC3B;AACF;AAACG,OAAA,CAAA1B,qBAAA,GAAAA,qBAAA"}

package/dist/cjs/state/CollectionViewsQueryCompareHelper.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionViewsQueryCompareHelper = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _mobx = require("mobx");
+class CollectionViewsQueryCompareHelper {
+  get views() {
+    return this.collectionViews.views;
+  }
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "collectionViews", void 0);
+    (0, _defineProperty2.default)(this, "table", void 0);
+    this.table = params.table;
+    this.collectionViews = params.collectionViews;
+    (0, _mobx.makeObservable)(this, {
+      currentViewBase: _mobx.computed,
+      isSelectedColumnsChanged: _mobx.computed,
+      isSortChanged: _mobx.computed,
+      isFiltersChanged: _mobx.computed,
+      viewBaseSortDirections: _mobx.computed,
+      viewBaseSelectedColumns: _mobx.computed,
+      viewBaseFilters: _mobx.computed,
+      nonEmptyViewFiltersKeys: _mobx.computed
+    });
+  }
+  get isSelectedColumnsChanged() {
+    const {
+      collectionViews
+    } = this;
+    return this.isColumnsChanged(collectionViews.currentViewColumnsOrDefaultColumns, this.viewBaseSelectedColumns);
+  }
+  isColumnsChanged(columns1, columns2) {
+    if (!columns1 || !columns2) {
+      return false;
+    }
+    if (columns1.length !== columns2.length) {
+      return true;
+    }
+    return columns1.some((column, index) => column.id !== columns2[index].id || column.isSelected !== columns2[index].isSelected);
+  }
+  get isSortChanged() {
+    var _currentView$sortDire;
+    const currentView = this.views.currentView;
+    if (!currentView) {
+      return true;
+    }
+    const sortDirections = this.viewBaseSortDirections;
+    return !currentView.sortDirections && !sortDirections ? false : ((_currentView$sortDire = currentView.sortDirections) == null ? void 0 : _currentView$sortDire.length) !== (sortDirections == null ? void 0 : sortDirections.length) || (currentView.sortDirections ?? []).some((sort, i) => (sortDirections == null ? void 0 : sortDirections[i].columnId) !== sort.columnId || (sortDirections == null ? void 0 : sortDirections[i].direction) !== sort.direction);
+  }
+  get isFiltersChanged() {
+    const currentView = this.views.currentView;
+    if (!currentView) {
+      return true;
+    }
+    const {
+      viewFiltersInCurrentQuery: filters
+    } = this;
+    const filterKeys = this.nonEmptyViewFiltersKeys;
+    return filterKeys.length !== Object.keys(filters).length || filterKeys.some(filterName => {
+      var _currentView$filters, _this$table$collectio;
+      const filter = filters == null ? void 0 : filters[filterName];
+      if (!filter) {
+        return false;
+      }
+      const rawFilterValueFromView = (_currentView$filters = currentView.filters) == null || (_currentView$filters = _currentView$filters[filterName]) == null ? void 0 : _currentView$filters.value;
+      const currentViewFilterValue = filter.decode(rawFilterValueFromView);
+      const appliedFilterValue = filter.value;
+
+      // equals accepts non empty filters
+      if (currentViewFilterValue === undefined || appliedFilterValue === undefined) {
+        return currentViewFilterValue !== appliedFilterValue;
+      }
+      const equals = ((_this$table$collectio = this.table.collection.query.filters) == null || (_this$table$collectio = _this$table$collectio[filterName]) == null ? void 0 : _this$table$collectio.equals) ?? _isEqual.default;
+      return !equals(currentViewFilterValue, appliedFilterValue);
+    });
+  }
+  get nonEmptyViewFiltersKeys() {
+    const currentView = this.views.currentView;
+    if (!currentView) {
+      return [];
+    }
+    return Object.keys(currentView.filters ?? {}).reduce((acc, filterName) => {
+      var _currentView$filters2;
+      const rawFilterValueFromView = (_currentView$filters2 = currentView.filters) == null || (_currentView$filters2 = _currentView$filters2[filterName]) == null ? void 0 : _currentView$filters2.value;
+      const filter = this.table.collection.query.filters[filterName];
+      if (!filter) {
+        return acc;
+      }
+      const currentViewFilterValue = filter.decode(rawFilterValueFromView);
+      return filter.clone({
+        initialValue: currentViewFilterValue
+      }).isEmpty ? acc : acc.concat(filterName);
+    }, []);
+  }
+  get currentViewBase() {
+    return {
+      filters: this.viewBaseFilters,
+      sortDirections: this.viewBaseSortDirections,
+      selectedColumns: this.viewBaseSelectedColumns
+    };
+  }
+  get viewBaseSortDirections() {
+    const sortState = this.table.collection.query.sort;
+    const sortDirections = sortState.value.map(v => ({
+      columnId: v.field,
+      direction: v.direction === 'asc' ? 'Ascending' : 'Descending'
+    }));
+    return sortDirections.length === 0 ? undefined : sortDirections;
+  }
+  get viewBaseSelectedColumns() {
+    return this.table.selectedColumns.value;
+  }
+  get viewFiltersInCurrentQuery() {
+    return this.table.collection.query.activeFiltersEntries.reduce((acc, [filterName, filter]) => {
+      return {
+        ...acc,
+        [filterName]: filter
+      };
+    }, {});
+  }
+  get viewBaseFilters() {
+    return this.table.collection.query.activeFiltersEntries.reduce((acc, [filterName, filter]) => {
+      return {
+        ...acc,
+        [filterName]: {
+          value: filter.encode(filter.value)
+        }
+      };
+    }, {});
+  }
+}
+exports.CollectionViewsQueryCompareHelper = CollectionViewsQueryCompareHelper;
+//# sourceMappingURL=CollectionViewsQueryCompareHelper.js.map

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

@@ -0,0 +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","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","encode","exports"],"sources":["../../../src/state/CollectionViewsQueryCompareHelper.ts"],"sourcesContent":["import { ColumnSortConfig, ColumnViewConfig, ViewBase } from '../model';\nimport isEqual from 'lodash/isEqual';\nimport { FiltersMap, FiltersValues } 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    return (\n      filterKeys.length !== Object.keys(filters).length ||\n      filterKeys.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    return this.table.collection.query.activeFiltersEntries.reduce(\n      (acc, [filterName, filter]) => {\n        return {\n          ...acc,\n          [filterName]: {\n            value: filter.encode(filter.value),\n          },\n        };\n      },\n      {} as Partial<FiltersValues<F>>,\n    );\n  }\n}\n"],"mappings":"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"}