@wix/patterns 0.8.0

package/dist/cjs/state/FilterValueTotalState.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FilterValueTotalState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _util = require("@wix/bex-core/util");
+var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
+var _mobx = require("mobx");
+class FilterValueTotalState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "collection", void 0);
+    (0, _defineProperty2.default)(this, "totalsCollection", void 0);
+    (0, _defineProperty2.default)(this, "optimisticActions", void 0);
+    (0, _defineProperty2.default)(this, "ignoreSearch", void 0);
+    (0, _defineProperty2.default)(this, "tabFilter", void 0);
+    (0, _defineProperty2.default)(this, "value", void 0);
+    this.collection = params.collection;
+    this.optimisticActions = params.optimisticActions;
+    this.ignoreSearch = params.ignoreSearch;
+    this.value = params.value;
+    const {
+      errorMonitor,
+      onlineState,
+      history,
+      translate,
+      queryCache,
+      lodash,
+      queryName,
+      itemKey,
+      itemName,
+      paginationMode,
+      selectionConsistencyMode,
+      query: {
+        customFilters,
+        search
+      }
+    } = params.collection;
+    const fetchData = params.fetchData ?? this.collection.fetchData;
+    const filters = (0, _mapValues.default)(customFilters, filter => {
+      if (filter === params.filter) {
+        const tabFilter = filter.clone();
+        this.tabFilter = tabFilter;
+        if (params.value != null) {
+          tabFilter.setValue([params.value]);
+        } else {
+          tabFilter.reset();
+        }
+        return tabFilter;
+      }
+      return filter;
+    });
+    this.totalsCollection = new _bexCore.CollectionState({
+      errorMonitor,
+      onlineState,
+      history,
+      translate,
+      queryCache,
+      lodash,
+      queryName,
+      itemKey,
+      itemName,
+      limit: 1,
+      fetchData: async query => {
+        // const fetchDataPromise = fetchData(query);
+        //
+        // const collectionUpdateResultPromise = new Promise<void>((resolve) => {
+        //   this.collection.emitter.on('refreshUpdateResult', resolve);
+        // });
+        //
+        // await Promise.all([fetchDataPromise, collectionUpdateResultPromise]);
+
+        return fetchData(query);
+      },
+      fetchErrorMessage: () => null,
+      paginationMode: paginationMode.id,
+      selectionConsistencyMode,
+      search: params.ignoreSearch ? undefined : search,
+      filters
+    });
+    (0, _mobx.makeObservable)(this, {
+      init: _mobx.action
+    });
+  }
+  refresh(value) {
+    const {
+      tabFilter
+    } = this;
+    this.value = value;
+    if (tabFilter) {
+      if (value != null) {
+        tabFilter.refresh([value]);
+      } else {
+        tabFilter.reset();
+      }
+    }
+  }
+  init() {
+    const {
+      totalsCollection,
+      optimisticActions,
+      ignoreSearch,
+      collection
+    } = this;
+    const disposers = [totalsCollection.init(), (0, _util.addEventListener)(collection.emitter, 'search', () => {
+      if (!ignoreSearch) {
+        totalsCollection.clearResultAndMoveToStart();
+      }
+    }), (0, _util.addEventListener)(collection.emitter, 'clearSearch', () => {
+      if (!ignoreSearch) {
+        totalsCollection.clearResultAndMoveToStart();
+      }
+    }), (0, _util.addEventListener)(collection.emitter, 'refreshAllPages', () => {
+      totalsCollection.refreshAllPages();
+    }), (0, _util.addEventListener)(collection.emitter, 'refreshCurrentPage', () => {
+      totalsCollection.refreshCurrentPage();
+    }), ...(optimisticActions ? [optimisticActions.initCollection(totalsCollection)] : [])];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+}
+exports.FilterValueTotalState = FilterValueTotalState;
+//# sourceMappingURL=FilterValueTotalState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_util","_mapValues","_interopRequireDefault","_mobx","FilterValueTotalState","constructor","params","_defineProperty2","default","collection","optimisticActions","ignoreSearch","value","errorMonitor","onlineState","history","translate","queryCache","lodash","queryName","itemKey","itemName","paginationMode","selectionConsistencyMode","query","customFilters","search","fetchData","filters","mapValues","filter","tabFilter","clone","setValue","reset","totalsCollection","CollectionState","limit","fetchErrorMessage","id","undefined","makeObservable","init","action","refresh","disposers","addEventListener","emitter","clearResultAndMoveToStart","refreshAllPages","refreshCurrentPage","initCollection","forEach","d","exports"],"sources":["../../../src/state/FilterValueTotalState.ts"],"sourcesContent":["import {\n  CollectionOptimisticActions,\n  CollectionState,\n  Filter,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { addEventListener } from '@wix/bex-core/util';\nimport mapValues from 'lodash/mapValues';\nimport { action, makeObservable } from 'mobx';\n\nexport interface FilterValueTotalStateParams<T, F extends FiltersMap, V> {\n  readonly filter: Filter<V[]>;\n  readonly collection: CollectionState<T, F>;\n  readonly value: V | null | undefined;\n  readonly optimisticActions?: CollectionOptimisticActions<T, F>;\n  readonly ignoreSearch?: boolean;\n  readonly fetchData?: CollectionState<T, F>['fetchData'];\n}\n\nexport class FilterValueTotalState<T, F extends FiltersMap, V> {\n  readonly collection;\n\n  readonly totalsCollection;\n  readonly optimisticActions;\n  readonly ignoreSearch;\n\n  tabFilter: Filter<V[]> | null | undefined;\n  value: V | null | undefined;\n\n  constructor(params: FilterValueTotalStateParams<T, F, V>) {\n    this.collection = params.collection;\n    this.optimisticActions = params.optimisticActions;\n    this.ignoreSearch = params.ignoreSearch;\n    this.value = params.value;\n\n    const {\n      errorMonitor,\n      onlineState,\n      history,\n      translate,\n      queryCache,\n      lodash,\n      queryName,\n      itemKey,\n      itemName,\n      paginationMode,\n      selectionConsistencyMode,\n      query: { customFilters, search },\n    } = params.collection;\n\n    const fetchData = params.fetchData ?? this.collection.fetchData;\n\n    const filters = mapValues(customFilters, (filter) => {\n      if (filter === params.filter) {\n        const tabFilter = filter.clone();\n        this.tabFilter = tabFilter;\n        if (params.value != null) {\n          tabFilter.setValue([params.value]);\n        } else {\n          tabFilter.reset();\n        }\n\n        return tabFilter;\n      }\n\n      return filter;\n    }) as F;\n\n    this.totalsCollection = new CollectionState<T, F>({\n      errorMonitor,\n      onlineState,\n      history,\n      translate,\n      queryCache,\n      lodash,\n      queryName,\n      itemKey,\n      itemName,\n      limit: 1,\n      fetchData: async (query) => {\n        // const fetchDataPromise = fetchData(query);\n        //\n        // const collectionUpdateResultPromise = new Promise<void>((resolve) => {\n        //   this.collection.emitter.on('refreshUpdateResult', resolve);\n        // });\n        //\n        // await Promise.all([fetchDataPromise, collectionUpdateResultPromise]);\n\n        return fetchData(query);\n      },\n      fetchErrorMessage: () => null,\n      paginationMode: paginationMode.id,\n      selectionConsistencyMode,\n      search: params.ignoreSearch ? undefined : search,\n      filters,\n    });\n\n    makeObservable(this, {\n      init: action,\n    });\n  }\n\n  refresh(value: V | null | undefined) {\n    const { tabFilter } = this;\n    this.value = value;\n\n    if (tabFilter) {\n      if (value != null) {\n        tabFilter.refresh([value]);\n      } else {\n        tabFilter.reset();\n      }\n    }\n  }\n\n  init() {\n    const { totalsCollection, optimisticActions, ignoreSearch, collection } =\n      this;\n\n    const disposers = [\n      totalsCollection.init(),\n      addEventListener(collection.emitter, 'search', () => {\n        if (!ignoreSearch) {\n          totalsCollection.clearResultAndMoveToStart();\n        }\n      }),\n      addEventListener(collection.emitter, 'clearSearch', () => {\n        if (!ignoreSearch) {\n          totalsCollection.clearResultAndMoveToStart();\n        }\n      }),\n      addEventListener(collection.emitter, 'refreshAllPages', () => {\n        totalsCollection.refreshAllPages();\n      }),\n      addEventListener(collection.emitter, 'refreshCurrentPage', () => {\n        totalsCollection.refreshCurrentPage();\n      }),\n      ...(optimisticActions\n        ? [optimisticActions.initCollection(totalsCollection)]\n        : []),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/FoldersAndItemsCollectionsState.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FoldersAndItemsCollectionsState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _util = require("@wix/bex-core/util");
+var _mobx = require("mobx");
+const isActiveFilterAndNotInCollection = ({
+  query: {
+    filtersArray
+  }
+}) => f1 => !f1.isEmpty && !filtersArray.some(f2 => f2 === f1);
+class FoldersAndItemsCollectionsState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "items", void 0);
+    (0, _defineProperty2.default)(this, "folders", void 0);
+    this.toolbar = params.toolbar;
+    this.items = params.items;
+    this.folders = params.folders;
+    this.toolbar.multi.collections.push(this.folders);
+    (0, _bexCore.syncWithSharedQuery)(this.folders.query, this.items.query);
+    this.items.bulkSelect.useNewSelectAllLogic = true;
+    this.folders.bulkSelect.useNewSelectAllLogic = true;
+    (0, _mobx.makeObservable)(this, {
+      hasItemsOnlyActiveFilters: _mobx.computed,
+      hasFoldersOnlyActiveFilters: _mobx.computed,
+      showEmptyState: _mobx.computed
+    });
+  }
+  get hasFoldersOnlyActiveFilters() {
+    const {
+      folders,
+      items
+    } = this;
+    return folders.query.filtersArray.some(isActiveFilterAndNotInCollection(items));
+  }
+  get hasItemsOnlyActiveFilters() {
+    const {
+      folders,
+      items
+    } = this;
+    return items.query.filtersArray.some(isActiveFilterAndNotInCollection(folders));
+  }
+  get showEmptyState() {
+    const {
+      toolbar: {
+        multi: {
+          showEmptyState
+        }
+      },
+      items,
+      folders,
+      hasFoldersOnlyActiveFilters,
+      hasItemsOnlyActiveFilters
+    } = this;
+    return showEmptyState || folders.showEmptyState && hasFoldersOnlyActiveFilters || items.showEmptyState && hasItemsOnlyActiveFilters;
+  }
+  get query() {
+    return this.items.query;
+  }
+  init(initParams) {
+    const {
+      items,
+      folders,
+      toolbar
+    } = this;
+    const disposers = [toolbar.init(initParams), (0, _util.addEventListener)(items.emitter, 'search', ({
+      clearResult
+    }) => {
+      folders._runSearch(clearResult);
+    }), (0, _util.addEventListener)(items.emitter, 'clearSearch', () => {
+      folders.clearResultAndMoveToStart();
+    }), (0, _util.addEventListener)(items.emitter, 'sort', params => {
+      folders._runSort(params);
+    }), (0, _util.addEventListener)(items.emitter, 'beforeSortStart', params => {
+      folders.emitter.emit('beforeSortStart', params);
+    }), (0, _util.addEventListener)(items.emitter, 'sortStart', params => {
+      folders.emitter.emit('sortStart', params);
+    })];
+    return () => {
+      disposers.forEach(d => d());
+    };
+  }
+}
+exports.FoldersAndItemsCollectionsState = FoldersAndItemsCollectionsState;
+//# sourceMappingURL=FoldersAndItemsCollectionsState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_util","_mobx","isActiveFilterAndNotInCollection","query","filtersArray","f1","isEmpty","some","f2","FoldersAndItemsCollectionsState","constructor","params","_defineProperty2","default","toolbar","items","folders","multi","collections","push","syncWithSharedQuery","bulkSelect","useNewSelectAllLogic","makeObservable","hasItemsOnlyActiveFilters","computed","hasFoldersOnlyActiveFilters","showEmptyState","init","initParams","disposers","addEventListener","emitter","clearResult","_runSearch","clearResultAndMoveToStart","_runSort","emit","forEach","d","exports"],"sources":["../../../src/state/FoldersAndItemsCollectionsState.ts"],"sourcesContent":["import {\n  CollectionState,\n  Filter,\n  FiltersMap,\n  syncWithSharedQuery,\n} from '@wix/bex-core';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { computed, makeObservable } from 'mobx';\n\nexport type PartialAllFilters<\n  F1 extends FiltersMap,\n  F2 extends FiltersMap,\n> = Partial<F1 & F2>;\n\nconst isActiveFilterAndNotInCollection =\n  <T>({ query: { filtersArray } }: CollectionState<T, {}>) =>\n  (f1: Filter<unknown>) =>\n    !f1.isEmpty && !filtersArray.some((f2) => f2 === f1);\n\nexport interface FoldersAndItemsCollectionsStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport interface FoldersAndItemsCollectionsStateParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly toolbar: ToolbarCollectionState<T1, PartialAllFilters<F1, F2>>;\n}\n\nexport class FoldersAndItemsCollectionsState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly toolbar;\n  readonly items;\n  readonly folders;\n\n  constructor(params: FoldersAndItemsCollectionsStateParams<T1, F1, T2, F2>) {\n    this.toolbar = params.toolbar;\n    this.items = params.items;\n    this.folders = params.folders;\n\n    this.toolbar.multi.collections.push(\n      this.folders as CollectionState<unknown, {}>,\n    );\n\n    syncWithSharedQuery(this.folders.query, this.items.query);\n    this.items.bulkSelect.useNewSelectAllLogic = true;\n    this.folders.bulkSelect.useNewSelectAllLogic = true;\n\n    makeObservable(this, {\n      hasItemsOnlyActiveFilters: computed,\n      hasFoldersOnlyActiveFilters: computed,\n      showEmptyState: computed,\n    });\n  }\n\n  get hasFoldersOnlyActiveFilters() {\n    const { folders, items } = this;\n    return folders.query.filtersArray.some(\n      isActiveFilterAndNotInCollection(items),\n    );\n  }\n\n  get hasItemsOnlyActiveFilters() {\n    const { folders, items } = this;\n    return items.query.filtersArray.some(\n      isActiveFilterAndNotInCollection(folders),\n    );\n  }\n\n  get showEmptyState() {\n    const {\n      toolbar: {\n        multi: { showEmptyState },\n      },\n      items,\n      folders,\n      hasFoldersOnlyActiveFilters,\n      hasItemsOnlyActiveFilters,\n    } = this;\n    return (\n      showEmptyState ||\n      (folders.showEmptyState && hasFoldersOnlyActiveFilters) ||\n      (items.showEmptyState && hasItemsOnlyActiveFilters)\n    );\n  }\n\n  get query() {\n    return this.items.query;\n  }\n\n  init(initParams: FoldersAndItemsCollectionsStateInitParams) {\n    const { items, folders, toolbar } = this;\n    const disposers = [\n      toolbar.init(initParams),\n      addEventListener(items.emitter, 'search', ({ clearResult }) => {\n        folders._runSearch(clearResult);\n      }),\n      addEventListener(items.emitter, 'clearSearch', () => {\n        folders.clearResultAndMoveToStart();\n      }),\n      addEventListener(items.emitter, 'sort', (params) => {\n        folders._runSort(params);\n      }),\n      addEventListener(items.emitter, 'beforeSortStart', (params) => {\n        folders.emitter.emit('beforeSortStart', params);\n      }),\n      addEventListener(items.emitter, 'sortStart', (params) => {\n        folders.emitter.emit('sortStart', params);\n      }),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/GridBaseState.js

@@ -0,0 +1,224 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridBaseState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _RectState = require("./RectState");
+var _ResponsiveColumnsState = require("./ResponsiveColumnsState");
+class GridBaseState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "toolbar", void 0);
+    (0, _defineProperty2.default)(this, "container", void 0);
+    (0, _defineProperty2.default)(this, "collection", void 0);
+    (0, _defineProperty2.default)(this, "_containerRectState", void 0);
+    (0, _defineProperty2.default)(this, "_responsiveColumnsState", void 0);
+    (0, _defineProperty2.default)(this, "sizePreset", void 0);
+    (0, _defineProperty2.default)(this, "trailingItemsCount", 0);
+    (0, _defineProperty2.default)(this, "minItemWidth", 196);
+    (0, _defineProperty2.default)(this, "gap", 24);
+    (0, _defineProperty2.default)(this, "smallCardWidthThreshold", 200);
+    (0, _defineProperty2.default)(this, "preset", 'title');
+    (0, _defineProperty2.default)(this, "_draggable", 'none');
+    (0, _defineProperty2.default)(this, "_localLimit", null);
+    (0, _defineProperty2.default)(this, "_dnd", null);
+    (0, _defineProperty2.default)(this, "forceRenderIndexes", undefined);
+    (0, _defineProperty2.default)(this, "onAddItemClick", origin => {
+      this.toolbar.toolbarBIReporter.onAddItemClick(origin);
+    });
+    (0, _defineProperty2.default)(this, "onAddItemActionComplete", async items => {
+      return this.toolbar.onAddItemActionComplete(items);
+    });
+    this.container = params.container;
+    this.collection = params.collection;
+    this._containerRectState = new _RectState.RectState({
+      container: this.container
+    });
+    this.toolbar = params.toolbar;
+    this._responsiveColumnsState = new _ResponsiveColumnsState.ResponsiveColumnsState({
+      gap: this.gap,
+      minItemWidth: this.minItemWidth,
+      rectState: this._containerRectState
+    });
+    this.sizePreset = params.sizePreset;
+    (0, _mobx.makeObservable)(this, {
+      _dnd: _mobx.observable.ref,
+      trailingItemsCount: _mobx.observable.ref,
+      forceRenderIndexes: _mobx.observable.ref,
+      preset: _mobx.observable.ref,
+      _draggable: _mobx.observable.ref,
+      draggable: _mobx.computed,
+      itemsToRenderCount: _mobx.computed,
+      itemsToRender: _mobx.computed,
+      rowCount: _mobx.computed,
+      isInteracting: _mobx.computed,
+      calcGridProps: _mobx.computed,
+      columnsCount: _mobx.computed,
+      _sizeProps: _mobx.computed,
+      itemKeyRecyclerOverride: _mobx.computed,
+      _localLimit: _mobx.observable.ref,
+      itemsContentWidth: _mobx.computed,
+      sizePreset: _mobx.observable.ref
+    });
+  }
+  get imagePlacement() {
+    return this.sizePreset.imagePlacement;
+  }
+  get aspectRatio() {
+    return this.sizePreset.aspectRatio;
+  }
+  get footerHeights() {
+    return this.sizePreset.footerHeights;
+  }
+  get itemsContentWidth() {
+    return this._responsiveColumnsState.itemsContentWidth;
+  }
+  get draggable() {
+    var _this$_dnd;
+    if ((_this$_dnd = this._dnd) != null && _this$_dnd.isDisabled) {
+      return 'none';
+    }
+    return this._draggable;
+  }
+  get window() {
+    return this.container.window;
+  }
+  get itemsToRenderCount() {
+    const {
+      collection,
+      trailingItemsCount,
+      _localLimit
+    } = this;
+    const {
+      result: {
+        keyedItems
+      }
+    } = collection;
+    const itemsCount = _localLimit != null ? Math.min(_localLimit, keyedItems.length) : keyedItems.length;
+    return !collection.fetchedLastPage ? itemsCount - Math.floor(itemsCount % this.columnsCount) : itemsCount + trailingItemsCount;
+  }
+  get reportBi() {
+    return this.toolbar.reportBi;
+  }
+  get columnsCount() {
+    return this.calcGridProps.columnCount;
+  }
+  get containerRect() {
+    return this.toolbar.containerRect;
+  }
+  get rowCount() {
+    const {
+      itemsToRenderCount,
+      columnsCount
+    } = this;
+    return Math.ceil(itemsToRenderCount / columnsCount);
+  }
+  get isInteracting() {
+    var _this$_dnd2, _this$_dnd3;
+    return ((_this$_dnd2 = this._dnd) == null ? void 0 : _this$_dnd2.isActive) || ((_this$_dnd3 = this._dnd) == null ? void 0 : _this$_dnd3.isDropping);
+  }
+  get itemsToRender() {
+    const {
+      itemsToRenderCount
+    } = this;
+    return new Array(itemsToRenderCount).fill(null);
+  }
+  getItemRenderTypeAt(index) {
+    const {
+      collection,
+      itemsToRenderCount
+    } = this;
+    const {
+      result: {
+        keyedItems
+      }
+    } = collection;
+    if (index >= itemsToRenderCount) {
+      return null;
+    }
+    if (index >= keyedItems.length) {
+      return 'trailing';
+    }
+    return keyedItems[index];
+  }
+  get errorMonitor() {
+    return this.container.errorMonitor;
+  }
+  get _sizeProps() {
+    const {
+      aspectRatio,
+      preset,
+      draggable,
+      _responsiveColumnsState: {
+        gap,
+        columnCount,
+        itemsContentWidth: width,
+        widthWithLastColumnGap
+      }
+    } = this;
+    const widthWithoutGaps = width - (columnCount - 1) * gap;
+    const columnWidth = widthWithoutGaps / columnCount;
+    const cardFooterSize = 'small';
+    const cardFooterHeight = this.footerHeights[preset][draggable][cardFooterSize];
+    const cardTopImageHeight = columnWidth * aspectRatio;
+    const rowHeight = cardTopImageHeight + cardFooterHeight + 1;
+    const columnWidthIncludingGap = widthWithLastColumnGap / columnCount;
+    const rowHeightIncludingGap = rowHeight + gap;
+    return {
+      columnCount,
+      columnWidth: () => columnWidth,
+      columnWidthIncludingGap: () => columnWidthIncludingGap,
+      rowHeight: () => rowHeight,
+      rowHeightFixed: rowHeight,
+      cardTopImageHeight,
+      rowHeightIncludingGap: () => rowHeightIncludingGap,
+      cardFooterHeight,
+      cardFooterSize
+    };
+  }
+  get calcGridProps() {
+    const {
+      toolbar: {
+        itemsContentHeight
+      },
+      _sizeProps: {
+        rowHeightFixed
+      }
+    } = this;
+    const overscanCount = Math.round(itemsContentHeight / rowHeightFixed * 1.5);
+    return {
+      ...this._sizeProps,
+      overscanCount
+    };
+  }
+  get getCollectionSnapshot() {
+    return this.toolbar.getCollectionSnapshot;
+  }
+  get itemKeyRecyclerOverride() {
+    const {
+      collection
+    } = this;
+    const {
+      result: {
+        keyedItems
+      }
+    } = collection;
+    return index => {
+      var _keyedItems$index;
+      return ((_keyedItems$index = keyedItems[index]) == null ? void 0 : _keyedItems$index.key) ?? index;
+    };
+  }
+  get dragAndDropCategories() {
+    return this.toolbar.dragAndDropCategories;
+  }
+  get listAttributes() {
+    var _this$_dnd4;
+    return {
+      ...((_this$_dnd4 = this._dnd) == null || _this$_dnd4.nullAnnouncements.listAttributes == null ? void 0 : _this$_dnd4.nullAnnouncements.listAttributes()),
+      role: 'list'
+    };
+  }
+}
+exports.GridBaseState = GridBaseState;
+//# sourceMappingURL=GridBaseState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_RectState","_ResponsiveColumnsState","GridBaseState","constructor","params","_defineProperty2","default","undefined","origin","toolbar","toolbarBIReporter","onAddItemClick","items","onAddItemActionComplete","container","collection","_containerRectState","RectState","_responsiveColumnsState","ResponsiveColumnsState","gap","minItemWidth","rectState","sizePreset","makeObservable","_dnd","observable","ref","trailingItemsCount","forceRenderIndexes","preset","_draggable","draggable","computed","itemsToRenderCount","itemsToRender","rowCount","isInteracting","calcGridProps","columnsCount","_sizeProps","itemKeyRecyclerOverride","_localLimit","itemsContentWidth","imagePlacement","aspectRatio","footerHeights","_this$_dnd","isDisabled","window","result","keyedItems","itemsCount","Math","min","length","fetchedLastPage","floor","reportBi","columnCount","containerRect","ceil","_this$_dnd2","_this$_dnd3","isActive","isDropping","Array","fill","getItemRenderTypeAt","index","errorMonitor","width","widthWithLastColumnGap","widthWithoutGaps","columnWidth","cardFooterSize","cardFooterHeight","cardTopImageHeight","rowHeight","columnWidthIncludingGap","rowHeightIncludingGap","rowHeightFixed","itemsContentHeight","overscanCount","round","getCollectionSnapshot","_keyedItems$index","key","dragAndDropCategories","listAttributes","_this$_dnd4","nullAnnouncements","role","exports"],"sources":["../../../src/state/GridBaseState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { DragAndDropState } from '../components/DragAndDrop';\nimport { RectState } from './RectState';\nimport { GridSizePreset } from './gridSizePresets';\nimport { ResponsiveColumnsState } from './ResponsiveColumnsState';\n\nexport interface GridBaseStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar: ToolbarCollectionState<any, Partial<F>>;\n  readonly sizePreset: GridSizePreset;\n}\n\nexport interface GridBaseStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport class GridBaseState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly container;\n  readonly collection;\n  readonly _containerRectState;\n  readonly _responsiveColumnsState;\n  sizePreset;\n\n  trailingItemsCount = 0;\n  minItemWidth = 196;\n  gap = 24;\n  smallCardWidthThreshold = 200;\n  preset: 'full' | 'title' | 'empty' = 'title';\n  _draggable: 'none' | 'draggable' = 'none';\n  _localLimit: number | null = null;\n  _dnd?: DragAndDropState<T, F> | null = null;\n  forceRenderIndexes: { rowIndex: number; columnIndex: number }[] | undefined =\n    undefined;\n\n  constructor(params: GridBaseStateParams<T, F>) {\n    this.container = params.container;\n    this.collection = params.collection;\n    this._containerRectState = new RectState({\n      container: this.container,\n    });\n    this.toolbar = params.toolbar as ToolbarCollectionState<\n      unknown,\n      Partial<F>\n    >;\n    this._responsiveColumnsState = new ResponsiveColumnsState({\n      gap: this.gap,\n      minItemWidth: this.minItemWidth,\n      rectState: this._containerRectState,\n    });\n    this.sizePreset = params.sizePreset;\n\n    makeObservable(this, {\n      _dnd: observable.ref,\n      trailingItemsCount: observable.ref,\n      forceRenderIndexes: observable.ref,\n      preset: observable.ref,\n      _draggable: observable.ref,\n      draggable: computed,\n      itemsToRenderCount: computed,\n      itemsToRender: computed,\n      rowCount: computed,\n      isInteracting: computed,\n      calcGridProps: computed,\n      columnsCount: computed,\n      _sizeProps: computed,\n      itemKeyRecyclerOverride: computed,\n      _localLimit: observable.ref,\n      itemsContentWidth: computed,\n      sizePreset: observable.ref,\n    });\n  }\n\n  get imagePlacement() {\n    return this.sizePreset.imagePlacement;\n  }\n\n  get aspectRatio() {\n    return this.sizePreset.aspectRatio;\n  }\n\n  get footerHeights() {\n    return this.sizePreset.footerHeights;\n  }\n\n  get itemsContentWidth() {\n    return this._responsiveColumnsState.itemsContentWidth;\n  }\n\n  get draggable() {\n    if (this._dnd?.isDisabled) {\n      return 'none' as const;\n    }\n    return this._draggable;\n  }\n\n  get window() {\n    return this.container.window;\n  }\n\n  get itemsToRenderCount() {\n    const { collection, trailingItemsCount, _localLimit } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    const itemsCount =\n      _localLimit != null\n        ? Math.min(_localLimit, keyedItems.length)\n        : keyedItems.length;\n\n    return !collection.fetchedLastPage\n      ? itemsCount - Math.floor(itemsCount % this.columnsCount)\n      : itemsCount + trailingItemsCount;\n  }\n\n  get reportBi() {\n    return this.toolbar.reportBi;\n  }\n\n  get columnsCount() {\n    return this.calcGridProps.columnCount;\n  }\n\n  get containerRect() {\n    return this.toolbar.containerRect;\n  }\n\n  get rowCount() {\n    const { itemsToRenderCount, columnsCount } = this;\n\n    return Math.ceil(itemsToRenderCount / columnsCount);\n  }\n\n  get isInteracting() {\n    return this._dnd?.isActive || this._dnd?.isDropping;\n  }\n\n  get itemsToRender(): null[] {\n    const { itemsToRenderCount } = this;\n    return new Array(itemsToRenderCount).fill(null);\n  }\n\n  getItemRenderTypeAt(index: number) {\n    const { collection, itemsToRenderCount } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    if (index >= itemsToRenderCount) {\n      return null;\n    }\n\n    if (index >= keyedItems.length) {\n      return 'trailing';\n    }\n\n    return keyedItems[index];\n  }\n\n  get errorMonitor() {\n    return this.container.errorMonitor;\n  }\n\n  get _sizeProps() {\n    const {\n      aspectRatio,\n      preset,\n      draggable,\n      _responsiveColumnsState: {\n        gap,\n        columnCount,\n        itemsContentWidth: width,\n        widthWithLastColumnGap,\n      },\n    } = this;\n\n    const widthWithoutGaps = width - (columnCount - 1) * gap;\n    const columnWidth = widthWithoutGaps / columnCount;\n\n    const cardFooterSize = 'small' as const;\n\n    const cardFooterHeight =\n      this.footerHeights[preset][draggable][cardFooterSize];\n    const cardTopImageHeight = columnWidth * aspectRatio;\n    const rowHeight = cardTopImageHeight + cardFooterHeight + 1;\n\n    const columnWidthIncludingGap = widthWithLastColumnGap / columnCount;\n    const rowHeightIncludingGap = rowHeight + gap;\n\n    return {\n      columnCount,\n      columnWidth: () => columnWidth,\n      columnWidthIncludingGap: () => columnWidthIncludingGap,\n      rowHeight: () => rowHeight,\n      rowHeightFixed: rowHeight,\n      cardTopImageHeight,\n      rowHeightIncludingGap: () => rowHeightIncludingGap,\n      cardFooterHeight,\n      cardFooterSize,\n    };\n  }\n\n  get calcGridProps() {\n    const {\n      toolbar: { itemsContentHeight },\n      _sizeProps: { rowHeightFixed },\n    } = this;\n\n    const overscanCount = Math.round(\n      (itemsContentHeight / rowHeightFixed) * 1.5,\n    );\n\n    return {\n      ...this._sizeProps,\n      overscanCount,\n    };\n  }\n\n  get getCollectionSnapshot() {\n    return this.toolbar.getCollectionSnapshot;\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\n  };\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  get itemKeyRecyclerOverride() {\n    const { collection } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n    return (index: number) => {\n      return keyedItems[index]?.key ?? index;\n    };\n  }\n\n  get dragAndDropCategories() {\n    return this.toolbar.dragAndDropCategories;\n  }\n\n  get listAttributes() {\n    return {\n      ...this._dnd?.nullAnnouncements.listAttributes?.(),\n      role: 'list',\n    };\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/state/GridFoldersBIReporter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.GridFoldersBIReporter = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
+var _bi = require("@wix/bex-core/bi");
+var _uuid = require("uuid");
+class GridFoldersBIReporter {
+  get reportBi() {
+    return this.state.toolbar.reportBi;
+  }
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "state", void 0);
+    this.state = params.state;
+  }
+  onToggleShowAllButtonClick() {
+    const {
+      state
+    } = this;
+    const ctaId = (0, _uuid.v4)();
+    this.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoSectionCtaClicked)({
+      ...state.collections.folders._commonDynamicBiParams(),
+      ctaId,
+      ...{
+        ctaName: state.showAllFolders ? 'show all' : 'show less'
+      },
+      sectionType: 'Folders'
+    }));
+  }
+}
+exports.GridFoldersBIReporter = GridFoldersBIReporter;
+//# sourceMappingURL=GridFoldersBIReporter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_bi","_uuid","GridFoldersBIReporter","reportBi","state","toolbar","constructor","params","_defineProperty2","default","onToggleShowAllButtonClick","ctaId","uuid","withoutDefaults","cairoSectionCtaClicked","collections","folders","_commonDynamicBiParams","ctaName","showAllFolders","sectionType","exports"],"sources":["../../../src/state/GridFoldersBIReporter.ts"],"sourcesContent":["import { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { cairoSectionCtaClicked } from '@wix/bex-core/bi';\nimport { GridFoldersState } from './GridFoldersState';\nimport { v4 as uuid } from 'uuid';\n\nexport interface GridFoldersBIReporterParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly state: GridFoldersState<T1, F1, T2, F2>;\n}\n\nexport class GridFoldersBIReporter<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly state;\n\n  get reportBi() {\n    return this.state.toolbar.reportBi;\n  }\n\n  constructor(params: GridFoldersBIReporterParams<T1, F1, T2, F2>) {\n    this.state = params.state;\n  }\n\n  onToggleShowAllButtonClick() {\n    const { state } = this;\n    const ctaId = uuid();\n\n    this.reportBi(\n      withoutDefaults(cairoSectionCtaClicked)({\n        ...state.collections.folders._commonDynamicBiParams(),\n        ctaId,\n        ...{\n          ctaName: state.showAllFolders ? 'show all' : 'show less',\n        },\n        sectionType: 'Folders',\n      }),\n    );\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAWO,MAAMG,qBAAqB,CAKhC;EAGA,IAAIC,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,QAAQ;EACpC;EAEAG,WAAWA,CAACC,MAAmD,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAC/D,IAAI,CAACL,KAAK,GAAGG,MAAM,CAACH,KAAK;EAC3B;EAEAM,0BAA0BA,CAAA,EAAG;IAC3B,MAAM;MAAEN;IAAM,CAAC,GAAG,IAAI;IACtB,MAAMO,KAAK,GAAG,IAAAC,QAAI,EAAC,CAAC;IAEpB,IAAI,CAACT,QAAQ,CACX,IAAAU,wBAAe,EAACC,0BAAsB,CAAC,CAAC;MACtC,GAAGV,KAAK,CAACW,WAAW,CAACC,OAAO,CAACC,sBAAsB,CAAC,CAAC;MACrDN,KAAK;MACL,GAAG;QACDO,OAAO,EAAEd,KAAK,CAACe,cAAc,GAAG,UAAU,GAAG;MAC/C,CAAC;MACDC,WAAW,EAAE;IACf,CAAC,CACH,CAAC;EACH;AACF;AAACC,OAAA,CAAAnB,qBAAA,GAAAA,qBAAA"}