@wix/patterns 0.8.0

package/dist/esm/state/FoldersAndItemsCollectionsState.js

@@ -0,0 +1,62 @@
+import { syncWithSharedQuery, } from '@wix/bex-core';
+import { addEventListener } from '@wix/bex-core/util';
+import { computed, makeObservable } from 'mobx';
+const isActiveFilterAndNotInCollection = ({ query: { filtersArray } }) => (f1) => !f1.isEmpty && !filtersArray.some((f2) => f2 === f1);
+export class FoldersAndItemsCollectionsState {
+    constructor(params) {
+        this.toolbar = params.toolbar;
+        this.items = params.items;
+        this.folders = params.folders;
+        this.toolbar.multi.collections.push(this.folders);
+        syncWithSharedQuery(this.folders.query, this.items.query);
+        this.items.bulkSelect.useNewSelectAllLogic = true;
+        this.folders.bulkSelect.useNewSelectAllLogic = true;
+        makeObservable(this, {
+            hasItemsOnlyActiveFilters: computed,
+            hasFoldersOnlyActiveFilters: computed,
+            showEmptyState: 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),
+            addEventListener(items.emitter, 'search', ({ clearResult }) => {
+                folders._runSearch(clearResult);
+            }),
+            addEventListener(items.emitter, 'clearSearch', () => {
+                folders.clearResultAndMoveToStart();
+            }),
+            addEventListener(items.emitter, 'sort', (params) => {
+                folders._runSort(params);
+            }),
+            addEventListener(items.emitter, 'beforeSortStart', (params) => {
+                folders.emitter.emit('beforeSortStart', params);
+            }),
+            addEventListener(items.emitter, 'sortStart', (params) => {
+                folders.emitter.emit('sortStart', params);
+            }),
+        ];
+        return () => {
+            disposers.forEach((d) => d());
+        };
+    }
+}
+//# sourceMappingURL=FoldersAndItemsCollectionsState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FoldersAndItemsCollectionsState.js","sourceRoot":"","sources":["../../../src/state/FoldersAndItemsCollectionsState.ts"],"names":[],"mappings":"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"}

package/dist/esm/state/GridBaseState.js

@@ -0,0 +1,166 @@
+import { computed, makeObservable, observable } from 'mobx';
+import { RectState } from './RectState';
+import { ResponsiveColumnsState } from './ResponsiveColumnsState';
+export class GridBaseState {
+    constructor(params) {
+        this.trailingItemsCount = 0;
+        this.minItemWidth = 196;
+        this.gap = 24;
+        this.smallCardWidthThreshold = 200;
+        this.preset = 'title';
+        this._draggable = 'none';
+        this._localLimit = null;
+        this._dnd = null;
+        this.forceRenderIndexes = undefined;
+        this.onAddItemClick = (origin) => {
+            this.toolbar.toolbarBIReporter.onAddItemClick(origin);
+        };
+        this.onAddItemActionComplete = async (items) => {
+            return this.toolbar.onAddItemActionComplete(items);
+        };
+        this.container = params.container;
+        this.collection = params.collection;
+        this._containerRectState = new RectState({
+            container: this.container,
+        });
+        this.toolbar = params.toolbar;
+        this._responsiveColumnsState = new ResponsiveColumnsState({
+            gap: this.gap,
+            minItemWidth: this.minItemWidth,
+            rectState: this._containerRectState,
+        });
+        this.sizePreset = params.sizePreset;
+        makeObservable(this, {
+            _dnd: observable.ref,
+            trailingItemsCount: observable.ref,
+            forceRenderIndexes: observable.ref,
+            preset: observable.ref,
+            _draggable: observable.ref,
+            draggable: computed,
+            itemsToRenderCount: computed,
+            itemsToRender: computed,
+            rowCount: computed,
+            isInteracting: computed,
+            calcGridProps: computed,
+            columnsCount: computed,
+            _sizeProps: computed,
+            itemKeyRecyclerOverride: computed,
+            _localLimit: observable.ref,
+            itemsContentWidth: computed,
+            sizePreset: 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 _a;
+        if ((_a = this._dnd) === null || _a === void 0 ? void 0 : _a.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 _a, _b;
+        return ((_a = this._dnd) === null || _a === void 0 ? void 0 : _a.isActive) || ((_b = this._dnd) === null || _b === void 0 ? void 0 : _b.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 Object.assign(Object.assign({}, this._sizeProps), { overscanCount });
+    }
+    get getCollectionSnapshot() {
+        return this.toolbar.getCollectionSnapshot;
+    }
+    get itemKeyRecyclerOverride() {
+        const { collection } = this;
+        const { result: { keyedItems }, } = collection;
+        return (index) => {
+            var _a, _b;
+            return (_b = (_a = keyedItems[index]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : index;
+        };
+    }
+    get dragAndDropCategories() {
+        return this.toolbar.dragAndDropCategories;
+    }
+    get listAttributes() {
+        var _a, _b, _c;
+        return Object.assign(Object.assign({}, (_c = (_a = this._dnd) === null || _a === void 0 ? void 0 : (_b = _a.nullAnnouncements).listAttributes) === null || _c === void 0 ? void 0 : _c.call(_b)), { role: 'list' });
+    }
+}
+//# sourceMappingURL=GridBaseState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridBaseState.js","sourceRoot":"","sources":["../../../src/state/GridBaseState.ts"],"names":[],"mappings":"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"}

package/dist/esm/state/GridFoldersBIReporter.js

@@ -0,0 +1,19 @@
+import { withoutDefaults } from '@wix/bex-core';
+import { cairoSectionCtaClicked } from '@wix/bex-core/bi';
+import { v4 as uuid } from 'uuid';
+export class GridFoldersBIReporter {
+    get reportBi() {
+        return this.state.toolbar.reportBi;
+    }
+    constructor(params) {
+        this.state = params.state;
+    }
+    onToggleShowAllButtonClick() {
+        const { state } = this;
+        const ctaId = uuid();
+        this.reportBi(withoutDefaults(cairoSectionCtaClicked)(Object.assign(Object.assign(Object.assign(Object.assign({}, state.collections.folders._commonDynamicBiParams()), { ctaId }), {
+            ctaName: state.showAllFolders ? 'show all' : 'show less',
+        }), { sectionType: 'Folders' })));
+    }
+}
+//# sourceMappingURL=GridFoldersBIReporter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridFoldersBIReporter.js","sourceRoot":"","sources":["../../../src/state/GridFoldersBIReporter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAWlC,MAAM,OAAO,qBAAqB;IAQhC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;IACrC,CAAC;IAED,YAAY,MAAmD;QAC7D,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,0BAA0B;QACxB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,MAAM,KAAK,GAAG,IAAI,EAAE,CAAC;QAErB,IAAI,CAAC,QAAQ,CACX,eAAe,CAAC,sBAAsB,CAAC,6DAClC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,sBAAsB,EAAE,KACrD,KAAK,KACF;YACD,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW;SACzD,KACD,WAAW,EAAE,SAAS,IACtB,CACH,CAAC;IACJ,CAAC;CACF"}

package/dist/esm/state/GridFoldersState.js

@@ -0,0 +1,113 @@
+import { GridBaseState } from './GridBaseState';
+import { action, computed, makeObservable, observable, reaction } from 'mobx';
+import { ToolbarCollectionState } from './ToolbarCollectionState';
+import { FoldersAndItemsCollectionsState, } from './FoldersAndItemsCollectionsState';
+import { sideGridSizePreset, topGridSizePreset } from './gridSizePresets';
+import { GridFoldersBIReporter } from './GridFoldersBIReporter';
+export class GridFoldersState {
+    constructor(params) {
+        var _a, _b;
+        this.showAllFolders = false;
+        this.toggleShowAllFolders = action(() => {
+            this.showAllFolders = !this.showAllFolders;
+            this.bi.onToggleShowAllButtonClick();
+        });
+        this.retryErrorState = action(() => this.toolbar.retryErrorState());
+        this.container = params.container;
+        this.toolbar =
+            (_a = params.toolbar) !== null && _a !== void 0 ? _a : new ToolbarCollectionState({
+                collection: params.items,
+                container: params.container,
+                componentType: 'GridFolders',
+            });
+        this.collections =
+            (_b = params.collections) !== null && _b !== void 0 ? _b : new FoldersAndItemsCollectionsState(Object.assign(Object.assign({}, params), { toolbar: this.toolbar }));
+        this.items = new GridBaseState({
+            collection: params.items,
+            container: params.container,
+            toolbar: this.toolbar,
+            sizePreset: topGridSizePreset,
+        });
+        this.folders = new GridBaseState({
+            collection: params.folders,
+            container: params.container,
+            toolbar: this.toolbar,
+            sizePreset: sideGridSizePreset,
+        });
+        this.bi = new GridFoldersBIReporter({
+            state: this,
+        });
+        makeObservable(this, {
+            showAllFolders: observable.ref,
+            foldersLocalLimit: computed,
+            effectiveFoldersLocalLimit: computed,
+            showToggleShowAllLessButton: computed,
+            showItemsSection: computed,
+            showItemsSectionHeader: computed,
+            showFoldersSection: computed,
+            showFoldersSectionHeader: computed,
+            showLoadingSection: computed,
+        });
+    }
+    get foldersLocalLimit() {
+        return this.folders.columnsCount * 2;
+    }
+    get effectiveFoldersLocalLimit() {
+        return this.showAllFolders ? null : this.folders.columnsCount * 2;
+    }
+    get showToggleShowAllLessButton() {
+        return this.collections.folders.result.size > this.foldersLocalLimit;
+    }
+    get showFoldersSectionHeader() {
+        return this.showToggleShowAllLessButton || this.showItemsSection;
+    }
+    get showItemsSection() {
+        return (!this.collections.items.result.isEmptyAndNotFetching &&
+            !this.collections.hasFoldersOnlyActiveFilters &&
+            (!this.showAllFolders || this.folders.collection.fetchedLastPage));
+    }
+    get initTask() {
+        return this.toolbar.initTask;
+    }
+    get showErrorState() {
+        return this.toolbar.multi.showErrorState;
+    }
+    get errorStatus() {
+        return this.toolbar.multi.errorStatus;
+    }
+    get showLoadingState() {
+        return this.toolbar.multi.showLoadingState;
+    }
+    get showEmptyState() {
+        return this.collections.showEmptyState;
+    }
+    get showItemsSectionHeader() {
+        return this.showFoldersSection;
+    }
+    get showFoldersSection() {
+        return (!this.collections.folders.result.isEmptyAndNotFetching &&
+            !this.collections.hasItemsOnlyActiveFilters);
+    }
+    get showLoadingSection() {
+        const { collections: { hasFoldersOnlyActiveFilters, hasItemsOnlyActiveFilters }, toolbar: { initTask, multi }, } = this;
+        const isLoadingToolbarAndCollection = () => (multi.showInitialLoader && initTask.status.isLoading) ||
+            initTask.status.isIdle;
+        return (!hasFoldersOnlyActiveFilters &&
+            !hasItemsOnlyActiveFilters &&
+            (multi.showRefreshLoader || isLoadingToolbarAndCollection()));
+    }
+    init(params) {
+        const disposers = [
+            this.collections.init(params),
+            reaction(() => this.effectiveFoldersLocalLimit, (effectiveFoldersLocalLimit) => {
+                this.folders._localLimit = effectiveFoldersLocalLimit;
+            }, {
+                fireImmediately: true,
+            }),
+        ];
+        return () => {
+            disposers.forEach((d) => d());
+        };
+    }
+}
+//# sourceMappingURL=GridFoldersState.js.map

package/dist/esm/state/GridFoldersState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridFoldersState.js","sourceRoot":"","sources":["../../../src/state/GridFoldersState.ts"],"names":[],"mappings":"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"}

package/dist/esm/state/GridState.js

@@ -0,0 +1,34 @@
+import { ToolbarCollectionState, } from './ToolbarCollectionState';
+import { GridBaseState } from './GridBaseState';
+import { topGridSizePreset } from './gridSizePresets';
+export class GridState {
+    constructor(params) {
+        var _a;
+        this.onAddItemActionComplete = async (items) => {
+            return this.toolbar.onAddItemActionComplete(items);
+        };
+        this.container = params.container;
+        this.collection = params.collection;
+        this.toolbar =
+            (_a = params.toolbar) !== null && _a !== void 0 ? _a : new ToolbarCollectionState({
+                collection: params.collection,
+                container: params.container,
+                componentType: 'Grid',
+            });
+        this.grid = new GridBaseState({
+            toolbar: this.toolbar,
+            collection: this.collection,
+            container: this.container,
+            sizePreset: topGridSizePreset,
+        });
+    }
+    init(params) {
+        const disposers = [this.toolbar.init(params)];
+        return () => {
+            for (const disposer of disposers) {
+                disposer();
+            }
+        };
+    }
+}
+//# sourceMappingURL=GridState.js.map

package/dist/esm/state/GridState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridState.js","sourceRoot":"","sources":["../../../src/state/GridState.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,sBAAsB,GAEvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AA+BtD,MAAM,OAAO,SAAS;IAMpB,YAAY,MAA6B;;QA8BzC,4BAAuB,GAAG,KAAK,EAAE,KAAU,EAAE,EAAE;YAC7C,OAAO,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACrD,CAAC,CAAC;QA/BA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,IAAI,CAAC,OAAO;YACV,MAAA,MAAM,CAAC,OAAO,mCACd,IAAI,sBAAsB,CAAC;gBACzB,UAAU,EAAE,MAAM,CAAC,UAAU;gBAC7B,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC3B,aAAa,EAAE,MAAM;aACtB,CAAC,CAAC;QAEL,IAAI,CAAC,IAAI,GAAG,IAAI,aAAa,CAAC;YAC5B,OAAO,EAAE,IAAI,CAAC,OAAsD;YACpE,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,iBAAiB;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,MAA2B;QAC9B,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACV,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE;gBAChC,QAAQ,EAAE,CAAC;aACZ;QACH,CAAC,CAAC;IACJ,CAAC;CAKF"}

package/dist/esm/state/IndeterminateMapState.js

@@ -0,0 +1,64 @@
+import { action, computed, makeObservable, observable } from 'mobx';
+const statuses = {
+    empty: {
+        type: 'empty',
+        toggle: () => statuses.partial,
+        toggleCheckbox: true,
+    },
+    partial: {
+        type: 'partial',
+        toggle: () => statuses.full,
+        toggleCheckbox: true,
+    },
+    full: {
+        type: 'full',
+        toggle: () => statuses.empty,
+        toggleCheckbox: false,
+    },
+};
+export class IndeterminateMapState {
+    constructor() {
+        this._map = observable.map([], {
+            deep: false,
+        });
+        makeObservable(this, {
+            toggle: action,
+            setManyPartial: action,
+            partialModeKeys: computed,
+            partialModeKeysSet: computed,
+        });
+    }
+    toggle(key) {
+        const { _map } = this;
+        const currentStatus = _map.get(key);
+        if (currentStatus == null) {
+            return;
+        }
+        const nextStatus = currentStatus.toggle();
+        _map.set(key, nextStatus);
+        return nextStatus;
+    }
+    setManyPartial(keys) {
+        const { _map } = this;
+        for (const key of keys) {
+            if (!_map.has(key)) {
+                _map.set(key, statuses.partial);
+            }
+        }
+    }
+    isPartial(key) {
+        var _a;
+        const { _map } = this;
+        return ((_a = _map.get(key)) === null || _a === void 0 ? void 0 : _a.type) === 'partial';
+    }
+    get partialModeKeys() {
+        return Array.from(this._map.entries())
+            .filter(([, value]) => value.type === 'partial')
+            .map(([key]) => key);
+    }
+    get partialModeKeysSet() {
+        const { partialModeKeys } = this;
+        return new Set(partialModeKeys);
+    }
+}
+//# sourceMappingURL=IndeterminateMapState.js.map

package/dist/esm/state/IndeterminateMapState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndeterminateMapState.js","sourceRoot":"","sources":["../../../src/state/IndeterminateMapState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAUpE,MAAM,QAAQ,GAA6D;IACzE,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO;QAC9B,cAAc,EAAE,IAAI;KACrB;IAED,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI;QAC3B,cAAc,EAAE,IAAI;KACrB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK;QAC5B,cAAc,EAAE,KAAK;KACtB;CACF,CAAC;AAEF,MAAM,OAAO,qBAAqB;IAKhC;QAJS,SAAI,GAAG,UAAU,CAAC,GAAG,CAA8B,EAAE,EAAE;YAC9D,IAAI,EAAE,KAAK;SACZ,CAAC,CAAC;QAGD,cAAc,CAAC,IAAI,EAAE;YACnB,MAAM,EAAE,MAAM;YACd,cAAc,EAAE,MAAM;YACtB,eAAe,EAAE,QAAQ;YACzB,kBAAkB,EAAE,QAAQ;SAC7B,CAAC,CAAC;IACL,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAEtB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAEpC,IAAI,aAAa,IAAI,IAAI,EAAE;YACzB,OAAO;SACR;QAED,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC;QAC1C,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QAE1B,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,cAAc,CAAC,IAAc;QAC3B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAEtB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;aACjC;SACF;IACH,CAAC;IAED,SAAS,CAAC,GAAW;;QACnB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtB,OAAO,CAAA,MAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,0CAAE,IAAI,MAAK,SAAS,CAAC;IAC3C,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;aACnC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC;aAC/C,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IAED,IAAI,kBAAkB;QACpB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;QACjC,OAAO,IAAI,GAAG,CAAC,eAAe,CAAC,CAAC;IAClC,CAAC;CACF"}

package/dist/esm/state/IntersectionObserverState.js

@@ -0,0 +1,28 @@
+import { action, makeObservable, observable } from 'mobx';
+export class IntersectionObserverState {
+    constructor() {
+        this.intersectionRatio = 1;
+        this.dispose = () => {
+            var _a;
+            (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+        };
+        makeObservable(this, {
+            intersectionRatio: observable.ref,
+        });
+    }
+    init({ root, target, rootMargin, }) {
+        if (target == null || typeof IntersectionObserver === 'undefined') {
+            return;
+        }
+        const observer = new IntersectionObserver(action(([{ intersectionRatio }]) => {
+            this.intersectionRatio = intersectionRatio;
+        }), {
+            root,
+            rootMargin,
+        });
+        observer.observe(target);
+        this.observer = observer;
+        return this.dispose;
+    }
+}
+//# sourceMappingURL=IntersectionObserverState.js.map

package/dist/esm/state/IntersectionObserverState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserverState.js","sourceRoot":"","sources":["../../../src/state/IntersectionObserverState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1D,MAAM,OAAO,yBAAyB;IAKpC;QAJA,sBAAiB,GAAW,CAAC,CAAC;QAU9B,YAAO,GAAG,GAAG,EAAE;;YACb,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;QAPA,cAAc,CAAC,IAAI,EAAE;YACnB,iBAAiB,EAAE,UAAU,CAAC,GAAG;SAClC,CAAC,CAAC;IACL,CAAC;IAMD,IAAI,CAAC,EACH,IAAI,EACJ,MAAM,EACN,UAAU,GAKX;QACC,IAAI,MAAM,IAAI,IAAI,IAAI,OAAO,oBAAoB,KAAK,WAAW,EAAE;YACjE,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,MAAM,CAAC,CAAC,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,EAAE;YACjC,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC7C,CAAC,CAAC,EACF;YACE,IAAI;YACJ,UAAU;SACX,CACF,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAEzB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEzB,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF"}

package/dist/esm/state/ItemActionsState.js

@@ -0,0 +1,50 @@
+import { action, makeObservable, observable } from 'mobx';
+import { ConditionalModalState } from '@wix/bex-core';
+export class ItemActionsState {
+    constructor(params) {
+        this.confirmModal = new ConditionalModalState();
+        this.fade = params.fade;
+        this.keyedItem = params.keyedItem;
+        this.collection = params.collection;
+        makeObservable(this, {
+            keyedItem: observable.ref,
+            fade: observable.ref,
+            onFadeStart: action.bound,
+            onFadeDone: action.bound,
+            setItemIfChanged: action,
+            openConfirmModal: action.bound,
+            openConfirmDeleteModal: action.bound,
+        });
+        this.actionCellAPI = {
+            openConfirmModal: this.openConfirmModal,
+            openConfirmDeleteModal: this.openConfirmDeleteModal,
+            collection: this.collection,
+            keyedItem: this.keyedItem,
+        };
+    }
+    openConfirmModal(props) {
+        const { translate: t } = this.collection;
+        this.confirmModal.open(Object.assign({ title: t('cairo.confirmModal.title'), primaryButtonText: t('cairo.confirm.button'), secondaryButtonText: t('cairo.cancel.button') }, props));
+    }
+    openConfirmDeleteModal(props) {
+        const { translate: t } = this.collection;
+        this.openConfirmModal(Object.assign({ theme: 'destructive', title: t('cairo.deleteModal.title'), content: t('cairo.deleteModal.body') }, props));
+    }
+    onFadeStart() {
+        if (this.fade === 'exit') {
+            this.fade = 'exiting';
+        }
+    }
+    onFadeDone() {
+        const { fade } = this;
+        if (fade === 'exiting') {
+            this.fade = 'idle';
+        }
+    }
+    setItemIfChanged(keyedItem) {
+        if (this.keyedItem !== keyedItem) {
+            this.keyedItem = keyedItem;
+        }
+    }
+}
+//# sourceMappingURL=ItemActionsState.js.map

package/dist/esm/state/ItemActionsState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemActionsState.js","sourceRoot":"","sources":["../../../src/state/ItemActionsState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAyB,MAAM,eAAe,CAAC;AAkB7E,MAAM,OAAO,gBAAgB;IAW3B,YAAY,MAAoC;QANvC,iBAAY,GAAG,IAAI,qBAAqB,EAE9C,CAAC;QAKF,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,cAAc,CAAC,IAAI,EAAE;YACnB,SAAS,EAAE,UAAU,CAAC,GAAG;YACzB,IAAI,EAAE,UAAU,CAAC,GAAG;YACpB,WAAW,EAAE,MAAM,CAAC,KAAK;YACzB,UAAU,EAAE,MAAM,CAAC,KAAK;YACxB,gBAAgB,EAAE,MAAM;YACxB,gBAAgB,EAAE,MAAM,CAAC,KAAK;YAC9B,sBAAsB,EAAE,MAAM,CAAC,KAAK;SACrC,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,GAAG;YACnB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;YACnD,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;IACJ,CAAC;IAED,gBAAgB,CAAC,KAAwC;QACvD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;QACzC,IAAI,CAAC,YAAY,CAAC,IAAI,iBACpB,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,iBAAiB,EAAE,CAAC,CAAC,sBAAsB,CAAC,EAC5C,mBAAmB,EAAE,CAAC,CAAC,qBAAqB,CAAC,IAC1C,KAAK,EACR,CAAC;IACL,CAAC;IAED,sBAAsB,CAAC,KAAwC;QAC7D,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;QACzC,IAAI,CAAC,gBAAgB,iBACnB,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACnC,OAAO,EAAE,CAAC,CAAC,wBAAwB,CAAC,IACjC,KAAK,EACR,CAAC;IACL,CAAC;IAED,WAAW;QACT,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YACxB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;SACvB;IACH,CAAC;IAED,UAAU;QACR,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtB,IAAI,IAAI,KAAK,SAAS,EAAE;YACtB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;SACpB;IACH,CAAC;IAED,gBAAgB,CAAC,SAAuB;QACtC,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;YAChC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC5B;IACH,CAAC;CACF"}

package/dist/esm/state/MultiLevelSortingDragAndDrop.js

@@ -0,0 +1,61 @@
+import { CollectionOptimisticActions, addEventListener, withoutDefaults, } from '@wix/bex-core';
+import { cairoReorderingSortColumns } from '@wix/bex-core/bi';
+import { arrayMove } from '@wix/wix-style-react-incubator/dnd-kit/sortable';
+import EventEmitter from 'events';
+export class MultiLevelSortingStateDragAndDrop {
+    constructor({ multiLevelSortingState, }) {
+        this.events = new EventEmitter();
+        this.multiLevelSortingState = multiLevelSortingState;
+        this.multiLevelSortingActions = new CollectionOptimisticActions({
+            container: this.container,
+            collection: this.collection,
+        });
+    }
+    get reportBi() {
+        return this.multiLevelSortingState.table.reportBi;
+    }
+    get container() {
+        return this.multiLevelSortingState.container;
+    }
+    get collection() {
+        return this.multiLevelSortingState.sortingCollection;
+    }
+    _onSortReorder(fromColumnId, overColumnId) {
+        const { orderedSortableColumns } = this.multiLevelSortingState;
+        const indexBefore = orderedSortableColumns.findIndex(({ columnId }) => columnId === fromColumnId);
+        const indexAfter = orderedSortableColumns.findIndex(({ columnId }) => columnId === overColumnId);
+        const newOrder = arrayMove(orderedSortableColumns, indexBefore, indexAfter);
+        this.events.emit('beforeReorder');
+        orderedSortableColumns.replace(newOrder);
+        this.events.emit('afterReorder', {
+            indexBefore,
+            indexAfter,
+            columnId: fromColumnId,
+        });
+    }
+    init() {
+        const { reportBi, events, multiLevelSortingState } = this;
+        const disposers = [
+            this.multiLevelSortingActions.init(),
+            addEventListener(events, 'beforeReorder', () => {
+                const prevSortOrder = JSON.stringify(multiLevelSortingState.currentSortOrder);
+                events.once('afterReorder', ({ indexBefore, indexAfter, columnId }) => {
+                    const newSortOrder = JSON.stringify(multiLevelSortingState.currentSortOrder);
+                    const numSortingColumns = multiLevelSortingState.orderedSortableColumns.length;
+                    reportBi(withoutDefaults(cairoReorderingSortColumns)({
+                        columnIndexBefore: indexBefore,
+                        columnIndexAfter: indexAfter,
+                        numSortingColumns,
+                        sortingColumn: columnId,
+                        newSortOrder,
+                        prevSortOrder,
+                    }));
+                });
+            }),
+        ];
+        return () => {
+            disposers.forEach((disposer) => disposer === null || disposer === void 0 ? void 0 : disposer());
+        };
+    }
+}
+//# sourceMappingURL=MultiLevelSortingDragAndDrop.js.map