@wix/patterns 0.8.0

package/dist/esm/reach-bottom-listener/reachBottomListener.js

@@ -0,0 +1,94 @@
+import { ScrollPosition } from './scrollPosition';
+import { EventEmitter } from '@wix/bex-core/events';
+const debounceOptions = { trailing: true };
+const debounceDelay = 400;
+const scrollIdleDelay = 250;
+export class ReachBottomListener {
+    constructor(params) {
+        var _a;
+        this.isScrolling = false;
+        this.events = new EventEmitter();
+        this.handleScroll = async () => {
+            const { clientHeight, scrollHeight, scrollTop } = this.container;
+            this.isScrolling = true;
+            this.debounceSetScrollingIdle();
+            const newScrollPosition = new ScrollPosition({
+                clientHeight,
+                scrollHeight,
+                scrollTop,
+            });
+            const { offsetPX, onReachBottom, scrollPosition, bottomX } = this;
+            if (onReachBottom != null &&
+                newScrollPosition.reachingTo(scrollPosition, bottomX, offsetPX)) {
+                await onReachBottom();
+            }
+            this.scrollPosition = newScrollPosition;
+        };
+        this.resizeListener = () => {
+            this.triggerListenerIfReached();
+        };
+        this.container = params.container;
+        this.target = params.target;
+        this.offsetPX = (_a = params.offsetPX) !== null && _a !== void 0 ? _a : 0;
+        this.onReachBottom = params.onReachBottom;
+        const delay = Math.max(params.delay || 0, 0);
+        const { lodash: { throttle, debounce }, } = params;
+        this.scrollListener = delay
+            ? throttle(this.handleScroll, delay)
+            : this.handleScroll;
+        this.debounceSetScrollingIdle = debounce(() => {
+            this.isScrolling = false;
+            this.events.emit('idle');
+        }, Math.max(scrollIdleDelay, delay));
+        this.triggerListenerIfReached = debounce(async () => {
+            this.scrollPosition = this.currentScrollPosition();
+            const { onReachBottom, scrollPosition, bottomX, offsetPX } = this;
+            if (onReachBottom != null &&
+                scrollPosition.reachedTo(bottomX, offsetPX)) {
+                await onReachBottom();
+                return true;
+            }
+            return false;
+        }, debounceDelay, debounceOptions);
+    }
+    set target(value) {
+        this._target = value;
+        this.targetScrollingParent = null;
+        if (this._target != null) {
+            let offsetParent = this._target.offsetParent;
+            while (offsetParent instanceof HTMLElement &&
+                (offsetParent === null || offsetParent === void 0 ? void 0 : offsetParent.offsetParent) !== this.container) {
+                offsetParent = offsetParent.offsetParent;
+            }
+            if (offsetParent instanceof HTMLElement) {
+                this.targetScrollingParent = offsetParent;
+            }
+        }
+    }
+    get target() {
+        return this._target;
+    }
+    currentScrollPosition() {
+        const { scrollHeight, clientHeight, scrollTop } = this.container;
+        return new ScrollPosition({ clientHeight, scrollHeight, scrollTop });
+    }
+    get bottomX() {
+        // either the container bottom, or the target element offset from the container
+        const { target, targetScrollingParent, scrollPosition } = this;
+        if (target != null && targetScrollingParent != null) {
+            return target.offsetTop + targetScrollingParent.offsetTop;
+        }
+        return scrollPosition.scrollHeight;
+    }
+    subscribe() {
+        this.scrollPosition = this.currentScrollPosition();
+        this.container.addEventListener('scroll', this.scrollListener);
+        window.addEventListener('resize', this.resizeListener);
+        return this;
+    }
+    unsubscribe() {
+        this.container.removeEventListener('scroll', this.scrollListener);
+        window.removeEventListener('resize', this.resizeListener);
+    }
+}
+//# sourceMappingURL=reachBottomListener.js.map

package/dist/esm/reach-bottom-listener/reachBottomListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reachBottomListener.js","sourceRoot":"","sources":["../../../src/reach-bottom-listener/reachBottomListener.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,MAAM,eAAe,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC3C,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,eAAe,GAAG,GAAG,CAAC;AAc5B,MAAM,OAAO,mBAAmB;IAgB9B,YAAY,MAAiC;;QAN7C,gBAAW,GAAG,KAAK,CAAC;QAEpB,WAAM,GAAG,IAAI,YAAY,EAAE,CAAC;QAuE5B,iBAAY,GAAG,KAAK,IAAI,EAAE;YACxB,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;YACjE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAChC,MAAM,iBAAiB,GAAG,IAAI,cAAc,CAAC;gBAC3C,YAAY;gBACZ,YAAY;gBACZ,SAAS;aACV,CAAC,CAAC;YAEH,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;YAElE,IACE,aAAa,IAAI,IAAI;gBACrB,iBAAiB,CAAC,UAAU,CAAC,cAAc,EAAE,OAAO,EAAE,QAAQ,CAAC,EAC/D;gBACA,MAAM,aAAa,EAAE,CAAC;aACvB;YACD,IAAI,CAAC,cAAc,GAAG,iBAAiB,CAAC;QAC1C,CAAC,CAAC;QAWF,mBAAc,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAClC,CAAC,CAAC;QAlGA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAClC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,MAAA,MAAM,CAAC,QAAQ,mCAAI,CAAC,CAAC;QACrC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAE7C,MAAM,EACJ,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAC/B,GAAG,MAAM,CAAC;QACX,IAAI,CAAC,cAAc,GAAG,KAAK;YACzB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC;YACpC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAEtB,IAAI,CAAC,wBAAwB,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC5C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;QAErC,IAAI,CAAC,wBAAwB,GAAG,QAAQ,CACtC,KAAK,IAAI,EAAE;YACT,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAEnD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;YAElE,IACE,aAAa,IAAI,IAAI;gBACrB,cAAc,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,EAC3C;gBACA,MAAM,aAAa,EAAE,CAAC;gBACtB,OAAO,IAAI,CAAC;aACb;YAED,OAAO,KAAK,CAAC;QACf,CAAC,EACD,aAAa,EACb,eAAe,CAChB,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,KAAqC;QAC9C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAElC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,EAAE;YACxB,IAAI,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;YAC7C,OACE,YAAY,YAAY,WAAW;gBACnC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,YAAY,MAAK,IAAI,CAAC,SAAS,EAC7C;gBACA,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC;aAC1C;YACD,IAAI,YAAY,YAAY,WAAW,EAAE;gBACvC,IAAI,CAAC,qBAAqB,GAAG,YAAY,CAAC;aAC3C;SACF;IACH,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,qBAAqB;QACnB,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACjE,OAAO,IAAI,cAAc,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;IACvE,CAAC;IAuBD,IAAI,OAAO;QACT,+EAA+E;QAC/E,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC;QAC/D,IAAI,MAAM,IAAI,IAAI,IAAI,qBAAqB,IAAI,IAAI,EAAE;YACnD,OAAO,MAAM,CAAC,SAAS,GAAG,qBAAqB,CAAC,SAAS,CAAC;SAC3D;QACD,OAAO,cAAc,CAAC,YAAY,CAAC;IACrC,CAAC;IAMD,SAAS;QACP,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACnD,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACvD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW;QACT,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAClE,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC5D,CAAC;CACF"}

package/dist/esm/reach-bottom-listener/scrollPosition.js

@@ -0,0 +1,23 @@
+export class ScrollPosition {
+    constructor(params) {
+        this.scrollHeight = params.scrollHeight;
+        this.clientHeight = params.clientHeight;
+        this.scrollTop = params.scrollTop;
+    }
+    isScrollDown(other) {
+        return this.scrollTop >= other.scrollTop;
+    }
+    // private reachedBottom(prev: ScrollPosition, offset: number = 0) {
+    //   const { scrollHeight } = this;
+    //
+    //   return this.reachedTo(prev, scrollHeight, offset);
+    // }
+    reachingTo(prev, bottomX, offsetPX = 0) {
+        return this.isScrollDown(prev) && this.reachedTo(bottomX, offsetPX);
+    }
+    reachedTo(bottomX, offsetPX = 0) {
+        const { clientHeight, scrollTop } = this;
+        return scrollTop + clientHeight + offsetPX > bottomX;
+    }
+}
+//# sourceMappingURL=scrollPosition.js.map

package/dist/esm/reach-bottom-listener/scrollPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollPosition.js","sourceRoot":"","sources":["../../../src/reach-bottom-listener/scrollPosition.ts"],"names":[],"mappings":"AAQA,MAAM,OAAO,cAAc;IAKzB,YAAY,MAA4B;QACtC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IACpC,CAAC;IAED,YAAY,CAAC,KAAqB;QAChC,OAAO,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC;IAC3C,CAAC;IAED,oEAAoE;IACpE,mCAAmC;IACnC,EAAE;IACF,uDAAuD;IACvD,IAAI;IAEJ,UAAU,CAAC,IAAoB,EAAE,OAAe,EAAE,WAAmB,CAAC;QACpE,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACtE,CAAC;IAED,SAAS,CAAC,OAAe,EAAE,WAAmB,CAAC;QAC7C,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAEzC,OAAO,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,OAAO,CAAC;IACvD,CAAC;CACF"}

package/dist/esm/reach-bottom-listener/scrollableWindow.js

@@ -0,0 +1,24 @@
+export class ScrollableWindow {
+    get scrollTop() {
+        return window.scrollY;
+    }
+    get clientHeight() {
+        return document.body.clientHeight;
+    }
+    get scrollHeight() {
+        return document.body.scrollHeight;
+    }
+    addEventListener(type, listener, options) {
+        window.addEventListener(type, listener, options);
+    }
+    dispatchEvent(event) {
+        return window.dispatchEvent(event);
+    }
+    removeEventListener(type, callback, options) {
+        window.removeEventListener(type, callback, options);
+    }
+    getBoundingClientRect() {
+        return { top: 0 };
+    }
+}
+//# sourceMappingURL=scrollableWindow.js.map

package/dist/esm/reach-bottom-listener/scrollableWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollableWindow.js","sourceRoot":"","sources":["../../../src/reach-bottom-listener/scrollableWindow.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,gBAAgB;IAC3B,IAAI,SAAS;QACX,OAAO,MAAM,CAAC,OAAO,CAAC;IACxB,CAAC;IACD,IAAI,YAAY;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;IACpC,CAAC;IACD,IAAI,YAAY;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;IACpC,CAAC;IAED,gBAAgB,CACd,IAAY,EACZ,QAA6C,EAC7C,OAA2C;QAE3C,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC;IAED,aAAa,CAAC,KAAY;QACxB,OAAO,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,mBAAmB,CACjB,IAAY,EACZ,QAA6C,EAC7C,OAAwC;QAExC,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACtD,CAAC;IAED,qBAAqB;QACnB,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;IACpB,CAAC;CACF"}

package/dist/esm/services/index.js

@@ -0,0 +1,2 @@
+export * from './viewsService';
+//# sourceMappingURL=index.js.map

package/dist/esm/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/services/viewsService.js

@@ -0,0 +1,101 @@
+export class ViewsService {
+    constructor(params) {
+        this.viewsStorage = params.viewsStorage;
+        this.defaultViewStorage = params.defaultViewStorage;
+        this.fqdn = params.fqdn;
+        this.monitor = params.monitor;
+    }
+    async migrateFromLocalStorage() {
+        var _a, _b;
+        const { viewsStorage, fqdn } = this;
+        try {
+            await ((_b = (_a = viewsStorage).migrateItem) === null || _b === void 0 ? void 0 : _b.call(_a, fqdn));
+        }
+        catch (e) {
+            this.monitor.reportError({
+                error: e,
+            });
+        }
+    }
+    async fetchViews() {
+        const { viewsStorage, fqdn } = this;
+        const data = await viewsStorage
+            .getItem(fqdn)
+            .catch((e) => {
+            if ((e === null || e === void 0 ? void 0 : e.message) ===
+                'Key was not found in capsule') {
+                return null;
+            }
+            throw e;
+        });
+        if ((data === null || data === void 0 ? void 0 : data.views) == null) {
+            return null;
+        }
+        const { list, hiddenPresetIds } = data.views;
+        return {
+            views: list &&
+                Object.values(list)
+                    .filter((view) => view != null)
+                    .sort((a, b) => {
+                    var _a, _b;
+                    return new Date((_a = a.createdAt) !== null && _a !== void 0 ? _a : 0).valueOf() -
+                        new Date((_b = b.createdAt) !== null && _b !== void 0 ? _b : 0).valueOf();
+                }),
+            hiddenPresetIds: hiddenPresetIds &&
+                Object.values(hiddenPresetIds).filter((id) => id != null),
+        };
+    }
+    async fetchDefaultViewId() {
+        var _a;
+        const { defaultViewStorage, fqdn } = this;
+        const data = await defaultViewStorage
+            .getItem(`${fqdn}.defaultViewId`)
+            .catch((e) => {
+            if ((e === null || e === void 0 ? void 0 : e.message) ===
+                'Key was not found in capsule') {
+                return null;
+            }
+            throw e;
+        });
+        return typeof data === 'string' ? data : (_a = data === null || data === void 0 ? void 0 : data.id) !== null && _a !== void 0 ? _a : null;
+    }
+    async saveView(view) {
+        const { viewsStorage, fqdn } = this;
+        await viewsStorage.setItem(fqdn, {
+            views: {
+                list: {
+                    [view.id]: Object.assign(Object.assign({}, view), { createdAt: new Date().toISOString() }),
+                },
+            },
+        });
+    }
+    async deleteView(view) {
+        const { viewsStorage, fqdn } = this;
+        await viewsStorage.setItem(fqdn, {
+            views: {
+                list: {
+                    [view.id]: null,
+                },
+            },
+        });
+    }
+    async updateHiddenPreset(idToDelete) {
+        const { viewsStorage, fqdn } = this;
+        await viewsStorage.setItem(fqdn, {
+            views: {
+                hiddenPresetIds: {
+                    [idToDelete]: idToDelete,
+                },
+            },
+        });
+    }
+    async updateDefaultView(defaultViewId) {
+        const { defaultViewStorage, fqdn } = this;
+        await defaultViewStorage.setItem(`${fqdn}.defaultViewId`, defaultViewId != null
+            ? {
+                id: defaultViewId,
+            }
+            : null);
+    }
+}
+//# sourceMappingURL=viewsService.js.map

package/dist/esm/services/viewsService.js.map

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

package/dist/esm/services/withCairoViewsTestFlag.js

@@ -0,0 +1,11 @@
+export function withCairoViewsTestFlag(factory) {
+    return (context) => {
+        const requestOptions = factory(context);
+        if (requestOptions.data == null) {
+            requestOptions.data = {};
+        }
+        requestOptions.data.__CAIRO_VIEWS_TEST = 'true';
+        return requestOptions;
+    };
+}
+//# sourceMappingURL=withCairoViewsTestFlag.js.map

package/dist/esm/services/withCairoViewsTestFlag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withCairoViewsTestFlag.js","sourceRoot":"","sources":["../../../src/services/withCairoViewsTestFlag.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CACpC,OAAiC;IAEjC,OAAO,CAAC,OAAO,EAAE,EAAE;QACjB,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;QAExC,IAAI,cAAc,CAAC,IAAI,IAAI,IAAI,EAAE;YAC/B,cAAc,CAAC,IAAI,GAAG,EAAE,CAAC;SAC1B;QAED,cAAc,CAAC,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC;QAEhD,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC"}

package/dist/esm/sledPage.js

@@ -0,0 +1,2 @@
+import '@wix/sled-test-runner';
+//# sourceMappingURL=sledPage.js.map

package/dist/esm/sledPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sledPage.js","sourceRoot":"","sources":["../../src/sledPage.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC"}

package/dist/esm/state/AdditionalStepState.js

@@ -0,0 +1,18 @@
+import { computed, makeObservable, observable } from 'mobx';
+export class AdditionalStepState {
+    constructor(params) {
+        this.isLoading = false;
+        this.additionalData = undefined;
+        this.collection = params.collection;
+        makeObservable(this, {
+            isLoading: observable.ref,
+            selectedKeyedItem: computed,
+            additionalData: observable.ref,
+        });
+    }
+    get selectedKeyedItem() {
+        var _a;
+        return (_a = this.collection.bulkSelect.selectedKeyedItems) === null || _a === void 0 ? void 0 : _a[0];
+    }
+}
+//# sourceMappingURL=AdditionalStepState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdditionalStepState.js","sourceRoot":"","sources":["../../../src/state/AdditionalStepState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAQ5D,MAAM,OAAO,mBAAmB;IAO9B,YAAY,MAAuC;QAJnD,cAAS,GAAG,KAAK,CAAC;QAElB,mBAAc,GAAa,SAAS,CAAC;QAGnC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,cAAc,CAAC,IAAI,EAAE;YACnB,SAAS,EAAE,UAAU,CAAC,GAAG;YACzB,iBAAiB,EAAE,QAAQ;YAC3B,cAAc,EAAE,UAAU,CAAC,GAAG;SAC/B,CAAC,CAAC;IACL,CAAC;IAED,IAAI,iBAAiB;;QACnB,OAAO,MAAA,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,kBAAkB,0CAAG,CAAC,CAAC,CAAC;IAC5D,CAAC;CACF"}

package/dist/esm/state/BulkActionToolbarState.js

@@ -0,0 +1,167 @@
+import { __rest } from "tslib";
+import { action, computed, makeObservable, reaction } from 'mobx';
+import { BulkActionModalState, } from '@wix/bex-core';
+export class BulkActionToolbarState {
+    constructor(params) {
+        this.selectionDisabledProp = () => false;
+        this.selectionDisabledFn = ({ key }) => {
+            var _a;
+            const { selectionDisabledProp } = this;
+            if (typeof selectionDisabledProp === 'function') {
+                const keyedItem = (_a = this._getCollectionOf(key)) === null || _a === void 0 ? void 0 : _a.result.get(key);
+                if (keyedItem == null) {
+                    return false;
+                }
+                return Boolean(selectionDisabledProp(keyedItem));
+            }
+            return () => !!selectionDisabledProp;
+        };
+        this._selectionStartTime = 0;
+        this.clearSelection = () => {
+            this.multi.collections.forEach(({ bulkSelect }) => {
+                bulkSelect.resetToDefaults();
+            });
+        };
+        this.isRowCheckboxDisabled = action((row) => {
+            return ((this.reachedMaxSelection && !this.isChecked(row.key)) ||
+                this.selectionDisabledFn(row));
+        });
+        this.toggleSelectAll = 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 BulkActionModalState({
+            translate: params.translate,
+            scrollToTop: params.scrollToTop,
+        });
+        makeObservable(this, {
+            hasClickableRows: computed,
+            reachedMaxSelection: computed,
+            total: computed,
+            selectedCountOrTotal: computed,
+            selectedIds: 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((_a) => {
+            var { bulkSelect } = _a, collection = __rest(_a, ["bulkSelect"]);
+            return 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 _a;
+        const onSelectionToggledEnd = this.toolbarBIReporter.itemSelectionToggledStarted({
+            itemId: id,
+            clickType: 'Selection',
+        });
+        (_a = this._getCollectionOf(id)) === null || _a === void 0 ? void 0 : _a.bulkSelect.selectOne(id);
+        onSelectionToggledEnd();
+    }
+    deselectOne(id) {
+        var _a;
+        const onSelectionToggledEnd = this.toolbarBIReporter.itemSelectionToggledStarted({
+            itemId: id,
+            clickType: 'Deselection',
+        });
+        (_a = this._getCollectionOf(id)) === null || _a === void 0 ? void 0 : _a.bulkSelect.deselectOne(id);
+        onSelectionToggledEnd();
+    }
+    init() {
+        const disposers = [
+            ...this.multi.collections.map(({ bulkSelect }) => 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());
+        };
+    }
+}
+//# sourceMappingURL=BulkActionToolbarState.js.map

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

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

package/dist/esm/state/CollectionFilterState.js

@@ -0,0 +1,11 @@
+import { SelectState, } from '@wix/bex-core';
+export class CollectionFilterState {
+    constructor(params) {
+        this.select = new SelectState({
+            keyGetter: (value) => value.key,
+        });
+        this.filter = params.filter;
+        this.collection = params.collection;
+    }
+}
+//# sourceMappingURL=CollectionFilterState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionFilterState.js","sourceRoot":"","sources":["../../../src/state/CollectionFilterState.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,GACZ,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,qBAAqB;IAOhC,YAAY,MAAyC;QAJ5C,WAAM,GAAG,IAAI,WAAW,CAAe;YAC9C,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG;SAChC,CAAC,CAAC;QAGD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IACtC,CAAC;CACF"}

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

@@ -0,0 +1,3 @@
+export * from './useCollectionPageHeader';
+export * from './useCollectionPageContent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Page } from '@wix/design-system';
+export function useCollectionPageContent(child) {
+    return React.createElement(Page.Content, Object.assign({}, child.props));
+}
+//# sourceMappingURL=useCollectionPageContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollectionPageContent.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/useCollectionPageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,UAAU,wBAAwB,CAAC,KAAmC;IAC1E,OAAO,oBAAC,IAAI,CAAC,OAAO,oBAAK,KAAK,CAAC,KAAK,EAAI,CAAC;AAC3C,CAAC"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Box, Page } from '@wix/design-system';
+import { useCollectionPageContext } from '../../providers';
+import { observer } from 'mobx-react-lite';
+export function useCollectionPageHeader(child) {
+    var _a;
+    return (React.createElement(Page.Header, { key: child.key, dataHook: "collection-page-header", title: React.createElement(CollectionPageHeaderTitle, null), subtitle: (_a = child.props.subtitle) === null || _a === void 0 ? void 0 : _a.text, actionsBar: React.createElement(Box, { gap: "SP2" },
+            child.props.moreActions,
+            child.props.primaryAction), breadcrumbs: child.props.breadcrumbs }));
+}
+const CollectionPageHeaderTitle = observer(() => {
+    const state = useCollectionPageContext();
+    return (React.createElement(Box, { direction: "horizontal" },
+        React.createElement(Box, { paddingRight: "9px" }, state.pageTitle),
+        state.total !== false && !state.hideHeaderTotal && (React.createElement(Box, { dataHook: "page-header-total-count", color: "D40" }, state.total))));
+});
+//# sourceMappingURL=useCollectionPageHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollectionPageHeader.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/useCollectionPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,UAAU,uBAAuB,CAAC,KAAkC;;IACxE,OAAO,CACL,oBAAC,IAAI,CAAC,MAAM,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAE,oBAAC,yBAAyB,OAAG,EACpC,QAAQ,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,0CAAE,IAAI,EACpC,UAAU,EACR,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;YACX,KAAK,CAAC,KAAK,CAAC,WAAW;YACvB,KAAK,CAAC,KAAK,CAAC,aAAa,CACtB,EAER,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW,GACpC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,yBAAyB,GAAG,QAAQ,CAAC,GAAG,EAAE;IAC9C,MAAM,KAAK,GAAG,wBAAwB,EAAE,CAAC;IACzC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY;QACzB,oBAAC,GAAG,IAAC,YAAY,EAAC,KAAK,IAAE,KAAK,CAAC,SAAS,CAAO;QAC9C,KAAK,CAAC,KAAK,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,eAAe,IAAI,CAClD,oBAAC,GAAG,IAAC,QAAQ,EAAC,yBAAyB,EAAC,KAAK,EAAC,KAAK,IAChD,KAAK,CAAC,KAAK,CACR,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/state/CollectionReachBottom.js

@@ -0,0 +1,34 @@
+import { ReachBottomListener, ScrollableWindow, } from '../reach-bottom-listener';
+export class CollectionReachBottom {
+    constructor(params) {
+        var _a;
+        this.triggerListenerIfReached = () => {
+            return this.reachBottom.triggerListenerIfReached();
+        };
+        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(Object.assign(Object.assign({ 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: (_a = reachBottomParams === null || reachBottomParams === void 0 ? void 0 : reachBottomParams.container) !== null && _a !== void 0 ? _a : new ScrollableWindow() }));
+    }
+    subscribe() {
+        const { reachBottom } = this;
+        reachBottom.subscribe();
+    }
+    unsubscribe() {
+        const { reachBottom, collection } = this;
+        collection.beforeSetData = undefined;
+        reachBottom.unsubscribe();
+    }
+}
+//# sourceMappingURL=CollectionReachBottom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionReachBottom.js","sourceRoot":"","sources":["../../../src/state/CollectionReachBottom.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAEnB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC;AAYlC,MAAM,OAAO,qBAAqB;IAIhC,YAAY,MAAyC;;QAerD,6BAAwB,GAAG,GAAG,EAAE;YAC9B,OAAO,IAAI,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;QACrD,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAG,EAAE;YACvB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;YAC7B,0EAA0E;YAC1E,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;gBAC5B,OAAO;aACR;YACD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBAC7B,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QA3BA,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QAEpC,IAAI,CAAC,WAAW,GAAG,IAAI,mBAAmB,+BACxC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,qBAAqB,EACpD,KAAK,EAAE,GAAG;YACV,2JAA2J;YAC3J,QAAQ,EAAE,GAAG,EACb,MAAM,IACH,iBAAiB,KACpB,SAAS,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,mCAAI,IAAI,gBAAgB,EAAE,IACjE,CAAC;IACL,CAAC;IAiBD,SAAS;QACP,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAC7B,WAAW,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,WAAW;QACT,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QACzC,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;QACrC,WAAW,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC;CACF"}