@wix/patterns 0.8.0

package/dist/esm/components/VirtualGridRepeater/VirtualGridRepeaterState.js

@@ -0,0 +1,92 @@
+import { action, computed, makeObservable } from 'mobx';
+export class VirtualGridRepeaterState {
+    constructor(params) {
+        this.innerElement = null;
+        this._itemKeyRecycler = (index) => {
+            const { gridState: { itemKeyRecyclerOverride }, } = this;
+            const forceKey = itemKeyRecyclerOverride === null || itemKeyRecyclerOverride === void 0 ? void 0 : itemKeyRecyclerOverride(index);
+            if (forceKey != null) {
+                return forceKey;
+            }
+            // https://github.com/wix-private/cairo/pull/1142
+            // const [verticalStartIndex, verticalEndIndex] = this.gridRef?._getVerticalRangeToRender() ?? [];
+            // const verticalCount = verticalEndIndex - verticalStartIndex + 1;
+            // return index % (verticalCount * columnCount);
+            return index;
+        };
+        this.gridState = params.gridState;
+        makeObservable(this, {
+            calcGridProps: computed,
+            rowCount: computed,
+            height: computed,
+            width: computed,
+            itemKeyRecycler: computed,
+        });
+    }
+    get height() {
+        return this.gridState.toolbar.itemsContentHeight;
+    }
+    get width() {
+        return this.gridState.itemsContentWidth;
+    }
+    get calcGridProps() {
+        return this.gridState.calcGridProps;
+    }
+    get rowCount() {
+        const { gridState: { itemsToRenderCount }, calcGridProps: { columnCount }, } = this;
+        return Math.ceil(itemsToRenderCount / columnCount);
+    }
+    get itemKeyRecycler() {
+        const { gridState: { itemKeyRecyclerOverride }, calcGridProps: { columnCount }, } = this;
+        void itemKeyRecyclerOverride;
+        return ({ rowIndex, columnIndex, }) => {
+            const index = rowIndex * columnCount + columnIndex;
+            return this._itemKeyRecycler(index);
+        };
+    }
+    init({ container: scrollableContainer }) {
+        if (!scrollableContainer) {
+            return;
+        }
+        const onScroll = (ev) => {
+            if (process.env.NODE_ENV === 'test') {
+                if (this.gridRef == null) {
+                    return;
+                }
+                const { _testScroll } = (ev !== null && ev !== void 0 ? ev : {});
+                let scrollTopValue = this.gridRef.state.scrollTop +
+                    this.gridState.toolbar.itemsContentHeight;
+                if (_testScroll === 'top') {
+                    scrollTopValue = 0;
+                }
+                if (_testScroll === 'up') {
+                    scrollTopValue = -this.gridState.toolbar.itemsContentHeight;
+                }
+                this.gridRef.scrollTo({
+                    scrollTop: scrollTopValue,
+                });
+                return;
+            }
+            requestAnimationFrame(action(() => {
+                if (this.gridRef == null || this.innerElement == null) {
+                    return;
+                }
+                const { innerElement, gridState } = this;
+                const { top: innerElementTop } = innerElement.getBoundingClientRect();
+                const { containerTop } = gridState.toolbar;
+                if (containerTop == null) {
+                    return;
+                }
+                const offsetTop = innerElementTop - containerTop;
+                this.gridRef.scrollTo({
+                    scrollTop: Math.max(-offsetTop, 0),
+                });
+            }));
+        };
+        scrollableContainer.addEventListener('scroll', onScroll);
+        return () => {
+            scrollableContainer.removeEventListener('scroll', onScroll);
+        };
+    }
+}
+//# sourceMappingURL=VirtualGridRepeaterState.js.map

package/dist/esm/components/VirtualGridRepeater/VirtualGridRepeaterState.js.map

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

package/dist/esm/components/VirtualGridRepeater/VirtualGridStateContext.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+import { assertContextValue } from '../../createContext';
+export const VirtualVirtualGridStateContext = createContext(null);
+export const VirtualGridStateProvider = VirtualVirtualGridStateContext.Provider;
+export const VirtualGridStateConsumer = VirtualVirtualGridStateContext.Consumer;
+export const useVirtualGridStateContext = () => {
+    const value = useContext(VirtualVirtualGridStateContext);
+    assertContextValue('VirtualGridStateProvider', value);
+    return value;
+};
+//# sourceMappingURL=VirtualGridStateContext.js.map

package/dist/esm/components/VirtualGridRepeater/VirtualGridStateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualGridStateContext.js","sourceRoot":"","sources":["../../../../src/components/VirtualGridRepeater/VirtualGridStateContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CACzD,IAAI,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,8BAA8B,CAAC,QAAQ,CAAC;AAChF,MAAM,CAAC,MAAM,wBAAwB,GAAG,8BAA8B,CAAC,QAAQ,CAAC;AAEhF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,KAAK,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IACzD,kBAAkB,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;IACtD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/esm/components/VirtualGridRepeater/VirtualInternalMemoItem.js

@@ -0,0 +1,32 @@
+import { __rest } from "tslib";
+import { memo, useEffect, useState } from 'react';
+import { runInAction } from 'mobx';
+import { observer } from 'mobx-react-lite';
+const _VirtualInternalMemoItem = (_a) => {
+    var { index, rowIndex, columnIndex, renderItem, itemKey, state, style } = _a, timeoutProps = __rest(_a, ["index", "rowIndex", "columnIndex", "renderItem", "itemKey", "state", "style"]);
+    const [ready, setReady] = useState(() => runInAction(() => !state.gridState.toolbar.isScrolling));
+    useEffect(() => {
+        if (!ready) {
+            // An optimization for rendering the item lazily when scrolling fast (this is experimental and might be changed)
+            const requestId = requestAnimationFrame(() => {
+                setReady(true);
+            });
+            return () => {
+                cancelAnimationFrame(requestId);
+            };
+        }
+        return undefined;
+    }, [ready]);
+    return renderItem(index, {
+        timeoutProps,
+        style,
+        itemKey: state._itemKeyRecycler,
+        index2d: { rowIndex, columnIndex },
+    });
+};
+export const VirtualInternalMemoItem = memo(observer(_VirtualInternalMemoItem), (a, b) => a.index === b.index &&
+    a.in === b.in &&
+    a.renderItem === b.renderItem &&
+    a.itemKey === b.itemKey &&
+    a.style === b.style);
+//# sourceMappingURL=VirtualInternalMemoItem.js.map

package/dist/esm/components/VirtualGridRepeater/VirtualInternalMemoItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualInternalMemoItem.js","sourceRoot":"","sources":["../../../../src/components/VirtualGridRepeater/VirtualInternalMemoItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAe3C,MAAM,wBAAwB,GAAG,CAAC,EASH,EAAE,EAAE;QATD,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,OAAO,EACP,KAAK,EACL,KAAK,OAEwB,EAD1B,YAAY,cARiB,+EASjC,CADgB;IAEf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACtC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,CAAC,CACxD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,gHAAgH;YAChH,MAAM,SAAS,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBAC3C,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC,CAAC,CAAC;YAEH,OAAO,GAAG,EAAE;gBACV,oBAAoB,CAAC,SAAS,CAAC,CAAC;YAClC,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,UAAU,CAAC,KAAK,EAAE;QACvB,YAAY;QACZ,KAAK;QACL,OAAO,EAAE,KAAK,CAAC,gBAAgB;QAC/B,OAAO,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;KACnC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CACzC,QAAQ,CAAC,wBAAwB,CAAC,EAClC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACP,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK;IACnB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE;IACb,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,UAAU;IAC7B,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO;IACvB,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CACtB,CAAC"}

package/dist/esm/components/VirtualGridRepeater/VirtualItem.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VirtualItem.js.map

package/dist/esm/components/VirtualGridRepeater/VirtualItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualItem.js","sourceRoot":"","sources":["../../../../src/components/VirtualGridRepeater/VirtualItem.tsx"],"names":[],"mappings":""}

package/dist/esm/components/VirtualGridRepeater/VirtualTableRepeater.js

@@ -0,0 +1,22 @@
+import { __rest } from "tslib";
+import React, { createContext, forwardRef, useCallback, } from 'react';
+import { VirtualGridRepeaterBase } from './VirtualGridRepeaterBase';
+import { VirtualTableRow } from './VirtualTableRow';
+import { TableForceRenderIndexes } from './TableForceRenderIndexes';
+import { useVirtualGridStateContext } from './VirtualGridStateContext';
+import { VirtualTableRowMutated } from './VirtualTableRowMutated';
+const OuterElementPropsContext = createContext({});
+export function VirtualTableRepeater({ children }) {
+    const gridState = useVirtualGridStateContext();
+    const renderItem = useCallback((index, { style, itemKey, index2d } = {}) => {
+        return (React.createElement(VirtualTableRowMutated, { index: index, style: style, itemKey: itemKey, rowIndex: index2d === null || index2d === void 0 ? void 0 : index2d.rowIndex }, children));
+    }, [children]);
+    return (React.createElement(VirtualGridRepeaterBase, { innerElementType: TableForceRenderIndexes, outerElementType: OuterElement, gridState: gridState, renderItem: renderItem }, VirtualTableRow));
+}
+// wrap with forwardRef to avoid warning in console about ref being passed to a function component without `forwardRef`.
+// react-window passes the ref - https://github.com/bvaughn/react-window/blob/6ff5694ac810617515acf74401ba68fe2951133b/src/createGridComponent.js#L464
+export const OuterElement = forwardRef((_a, _ref) => {
+    var { children } = _a, rest = __rest(_a, ["children"]);
+    return (React.createElement(OuterElementPropsContext.Provider, { value: rest }, children));
+});
+//# sourceMappingURL=VirtualTableRepeater.js.map

package/dist/esm/components/VirtualGridRepeater/VirtualTableRepeater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableRepeater.js","sourceRoot":"","sources":["../../../../src/components/VirtualGridRepeater/VirtualTableRepeater.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EAGV,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,wBAAwB,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;AAMnD,MAAM,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAA6B;IAC1E,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAE/C,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE;QAC1C,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,IAE1B,QAAQ,CACc,CAC1B,CAAC;IACJ,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IACtB,gBAAgB,EAAE,uBAAuB,EACzC,gBAAgB,EAAE,YAAY,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,IAErB,eAAe,CACQ,CAC3B,CAAC;AACJ,CAAC;AAED,wHAAwH;AACxH,sJAAsJ;AACtJ,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAA+C,EAAE,IAAI,EAAE,EAAE;QAAzD,EAAE,QAAQ,OAAqC,EAAhC,IAAI,cAAnB,YAAqB,CAAF;IAClB,OAAO,CACL,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,IAC3C,QAAQ,CACyB,CACrC,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/esm/components/VirtualGridRepeater/VirtualTableRow.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import React, { memo } from 'react';
+import { useVirtualGridRepeaterContext } from './VirtualGridRepeaterContext';
+import { VirtualInternalMemoItem } from './VirtualInternalMemoItem';
+import { areEqual } from 'react-window';
+function _VirtualTableRow(props) {
+    const { columnIndex, rowIndex } = props, _a = props.style, { width } = _a, style = __rest(_a, ["width"]);
+    const { state, renderItem, itemKey } = useVirtualGridRepeaterContext();
+    const { calcGridProps: { columnCount }, } = state;
+    const index = rowIndex * columnCount + columnIndex;
+    return (React.createElement(VirtualInternalMemoItem, { index: index, rowIndex: rowIndex, columnIndex: columnIndex, renderItem: renderItem, itemKey: itemKey, state: state, style: style }));
+}
+export const VirtualTableRow = memo(_VirtualTableRow, areEqual);
+//# sourceMappingURL=VirtualTableRow.js.map

package/dist/esm/components/VirtualGridRepeater/VirtualTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableRow.js","sourceRoot":"","sources":["../../../../src/components/VirtualGridRepeater/VirtualTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAE7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,SAAS,gBAAgB,CAAC,KAAuB;IAC/C,MAAM,EACJ,WAAW,EACX,QAAQ,KAEN,KAAK,EADP,KACE,KAAK,MADmB,EAA1B,EAAS,KAAK,OAAY,EAAP,KAAK,cAAjB,SAAmB,CACnB,CAAC;IAEV,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,6BAA6B,EAAE,CAAC;IAEvE,MAAM,EACJ,aAAa,EAAE,EAAE,WAAW,EAAE,GAC/B,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;IAEnD,OAAO,CACL,oBAAC,uBAAuB,IACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC"}

package/dist/esm/components/VirtualGridRepeater/VirtualTableRowMutated.js

@@ -0,0 +1,53 @@
+import { cloneElement, useEffect, useRef, } from 'react';
+import { useVirtualGridStateContext } from './VirtualGridStateContext';
+import { addMutationObserver } from '@wix/bex-core';
+export function VirtualTableRowMutated(props) {
+    var _a, _b;
+    const { children, index, style, itemKey, rowIndex } = props;
+    const gridState = useVirtualGridStateContext();
+    const element = children[index];
+    const rowRef = useRef(null);
+    const setVariableRowHeight = () => {
+        var _a, _b, _c, _d;
+        if (rowRef.current == null || gridState.calcGridProps.rowHeight != null) {
+            return;
+        }
+        rowRef.current.style.height = 'auto';
+        if (itemKey == null) {
+            return;
+        }
+        (_a = gridState.setVariableRowHeight) === null || _a === void 0 ? void 0 : _a.call(gridState, {
+            key: itemKey === null || itemKey === void 0 ? void 0 : itemKey(index),
+            size: (_b = rowRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight,
+        });
+        rowRef.current.style.height =
+            ((_d = (_c = gridState.calcGridProps).rowHeightIncludingGap) === null || _d === void 0 ? void 0 : _d.call(_c, {
+                index,
+                key: itemKey(index),
+            })) + 'px';
+    };
+    useEffect(() => {
+        setVariableRowHeight();
+    }, [rowRef, rowIndex]);
+    useEffect(() => {
+        if (!rowRef.current) {
+            return;
+        }
+        const disposer = addMutationObserver(rowRef.current, () => {
+            setVariableRowHeight();
+        });
+        return () => {
+            disposer === null || disposer === void 0 ? void 0 : disposer();
+        };
+    }, [rowRef.current]);
+    if (element == null) {
+        return null;
+    }
+    return cloneElement(element, {
+        style: Object.assign(Object.assign({}, ((_a = element.props.style) !== null && _a !== void 0 ? _a : {})), style),
+        rowProps: Object.assign(Object.assign({}, ((_b = element.props.rowProps) !== null && _b !== void 0 ? _b : {})), { 'data-key': process.env.NODE_ENV === 'development' ? itemKey === null || itemKey === void 0 ? void 0 : itemKey(index) : undefined, 'data-index': `index-${index}`, ref: (el) => {
+                rowRef.current = el;
+            } }),
+    });
+}
+//# sourceMappingURL=VirtualTableRowMutated.js.map

package/dist/esm/components/VirtualGridRepeater/VirtualTableRowMutated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualTableRowMutated.js","sourceRoot":"","sources":["../../../../src/components/VirtualGridRepeater/VirtualTableRowMutated.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGZ,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,UAAU,sBAAsB,CAAC,KAMtC;;IACC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5D,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhC,MAAM,MAAM,GAAG,MAAM,CAAyC,IAAI,CAAC,CAAC;IAEpE,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,IAAI,MAAM,CAAC,OAAO,IAAI,IAAI,IAAI,SAAS,CAAC,aAAa,CAAC,SAAS,IAAI,IAAI,EAAE;YACvE,OAAO;SACR;QACD,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAErC,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO;SACR;QAED,MAAA,SAAS,CAAC,oBAAoB,0DAAG;YAC/B,GAAG,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC;YACrB,IAAI,EAAE,MAAA,MAAM,CAAC,OAAO,0CAAE,YAAY;SACnC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM;YACzB,CAAA,MAAA,MAAA,SAAS,CAAC,aAAa,EAAC,qBAAqB,mDAAG;gBAC9C,KAAK;gBACL,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC;aACpB,CAAC,IAAG,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,oBAAoB,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACnB,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,mBAAmB,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE;YACxD,oBAAoB,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;QACf,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAErB,IAAI,OAAO,IAAI,IAAI,EAAE;QACnB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,YAAY,CAAC,OAAO,EAAE;QAC3B,KAAK,kCAAO,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,CAAC,GAAK,KAAK,CAAE;QACnD,QAAQ,kCACH,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,mCAAI,EAAE,CAAC,KACjC,UAAU,EACR,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EACvE,YAAY,EAAE,SAAS,KAAK,EAAE,EAC9B,GAAG,EAAE,CAAC,EAA0C,EAAE,EAAE;gBAClD,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC;YACtB,CAAC,GACF;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/components/VisuallyHidden.js

@@ -0,0 +1,14 @@
+// Hide element visually but keep it readable by screen readers
+export const visuallyHidden = {
+    position: 'fixed',
+    width: 1,
+    height: 1,
+    margin: -1,
+    border: 0,
+    padding: 0,
+    overflow: 'hidden',
+    clip: 'rect(0 0 0 0)',
+    clipPath: 'inset(100%)',
+    whiteSpace: 'nowrap',
+};
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/esm/components/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,cAAc,GAAwB;IACjD,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC,CAAC;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,aAAa;IACvB,UAAU,EAAE,QAAQ;CACrB,CAAC"}

package/dist/esm/components/WixLogo.js

@@ -0,0 +1,12 @@
+import { __rest } from "tslib";
+import React, { memo } from 'react';
+export const WixLogo = memo(function WixLogo(_a) {
+    var { height = 24 } = _a, rest = __rest(_a, ["height"]);
+    return (React.createElement("svg", Object.assign({ height: height, viewBox: "0 0 61 24" }, rest),
+        React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { transform: "translate(-1683.000000, -1304.000000)", fill: "#000000" },
+                React.createElement("g", { transform: "translate(112.000000, 949.000000)" },
+                    React.createElement("g", { transform: "translate(1571.000000, 355.000000)" },
+                        React.createElement("path", { d: "M0,0.0273292282 C0,0.0273292282 2.41786898,-0.277699005 4.03035161,1.15034867 C5.0246874,2.03106399 5.31452389,3.4350531 5.31452389,3.4350531 L5.31452389,3.4350531 L8.60703217,16.2522535 L11.3446618,5.76186001 C11.6114139,4.64657368 12.0919098,3.26836161 12.8519825,2.33609222 C13.821524,1.1486302 15.7905312,1.0738768 16.000855,1.0738768 C16.2103238,1.0738768 18.179331,1.1486302 19.1480175,2.33609222 C19.9089452,3.26836161 20.3894411,4.64657368 20.6561932,5.76186001 L20.6561932,5.76186001 L23.3938228,16.2522535 L26.6854761,3.4350531 C26.6854761,3.4350531 26.9761676,2.03106399 27.9705034,1.15034867 C29.582986,-0.277699005 32,0.0273292282 32,0.0273292282 L32,0.0273292282 L25.6962702,23.9802083 C25.6962702,23.9802083 23.6169713,24.1314335 22.5764668,23.5978489 C21.209362,22.8984321 20.5595811,22.3579736 19.7319654,19.0988973 C18.994122,16.1929664 16.9293577,7.6590497 16.7404083,7.0507117 C16.647216,6.74997964 16.5360693,6.0333781 16.000855,6.0333781 C15.4759004,6.0333781 15.3553489,6.75083887 15.2595917,7.0507117 C15.0672224,7.65819046 13.005878,16.1929664 12.2688896,19.0988973 C11.4412739,22.3579736 10.790638,22.8984321 9.42438816,23.5978489 C8.38302875,24.1314335 6.30372983,23.9802083 6.30372983,23.9802083 L6.30372983,23.9802083 Z M37.9984057,4 L37.9984057,4.86521142 L38,4.86435563 L38,19.3239127 C37.9888402,22.2909632 37.7018733,22.9499274 36.4535672,23.6328539 C35.4834595,24.1643042 34,23.962336 34,23.962336 L34,23.962336 L34,7.76722125 C34,6.95421349 34.2518932,6.42105155 35.1813472,5.94266066 C35.7361499,5.65682425 36.2534874,5.43774005 36.7915504,5.11424854 C37.5260064,4.67394065 37.899163,4.15107503 37.9809763,4.02723843 L37.9984057,4 Z M40,0.106754283 C40,0.106754283 43.2565301,-0.4696547 44.8691229,1.05628515 C45.9010173,2.03326407 47.0549904,3.78993907 47.0549904,3.78993907 L47.0549904,3.78993907 L49.8941435,8.04610183 C50.0318944,8.2674017 50.211713,8.50842987 50.4995876,8.50842987 C50.7874622,8.50842987 50.9681056,8.2674017 51.1058565,8.04610183 L51.1058565,8.04610183 L53.9450096,3.78993907 C53.9450096,3.78993907 55.0989827,2.03326407 56.1308771,1.05628515 C57.7434699,-0.4696547 61,0.106754283 61,0.106754283 L61,0.106754283 L53.2834754,12.0415081 L60.9793786,23.9393787 C60.9793786,23.9393787 57.6469618,24.3854095 56.0335441,22.8577541 C55.0016497,21.8816329 53.9450096,20.2930772 53.9450096,20.2930772 L53.9450096,20.2930772 L51.1058565,16.0377722 C50.9681056,15.8156146 50.7874622,15.5754442 50.4995876,15.5754442 C50.211713,15.5754442 50.0318944,15.8156146 49.8941435,16.0377722 L49.8941435,16.0377722 L47.0549904,20.2930772 C47.0549904,20.2930772 46.0560902,21.8816329 45.0241958,22.8577541 C43.411603,24.3854095 40.0197965,23.9393787 40.0197965,23.9393787 L40.0197965,23.9393787 L47.7156998,12.0415081 Z M37.9895884,0.000831696656 L38,0.00107031391 C38,1.59175218 37.8509366,2.53585594 36.8903946,3.26969716 C36.5834994,3.50406094 36.0518135,3.86225524 35.4292547,4.09661902 C34.5755281,4.41990808 34,5 34,5 C34,2.10369577 34.4232762,1.05487627 35.5599841,0.434061564 C36.4336389,-0.0429767806 38,0.00107031391 38,0.00107031391 Z" })))))));
+});
+//# sourceMappingURL=WixLogo.js.map

package/dist/esm/components/WixLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WixLogo.js","sourceRoot":"","sources":["../../../src/components/WixLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAiB,MAAM,OAAO,CAAC;AAMnD,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,OAAO,CAAC,EAG9B;QAH8B,EAC3C,MAAM,GAAG,EAAE,OAEE,EADV,IAAI,cAFoC,UAG5C,CADQ;IAEP,OAAO,CACL,2CAAK,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,IAAK,IAAI;QAC/C,2BAAG,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS;YAC7D,2BAAG,SAAS,EAAC,uCAAuC,EAAC,IAAI,EAAC,SAAS;gBACjE,2BAAG,SAAS,EAAC,mCAAmC;oBAC9C,2BAAG,SAAS,EAAC,oCAAoC;wBAC/C,8BAAM,CAAC,EAAC,4gGAA4gG,GAAG,CACrhG,CACF,CACF,CACF,CACA,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/WixPatternsModalsContainer.js

@@ -0,0 +1,49 @@
+import { SidePanelModal } from './SidePanelModal';
+import React, { useEffect, useMemo, useState, } from 'react';
+import { createPortal } from 'react-dom';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { addResizeObserver } from '@wix/bex-core';
+export function WixPatternsModalsContainer(props) {
+    const { state, rootRef, anchorRef, zIndex = 1 } = props;
+    const { appendModalsToBody, lodash } = useWixPatternsContainer();
+    const [render, setRender] = useState({});
+    useEffect(() => {
+        var _a;
+        const { container, top } = appendModalsToBody
+            ? {
+                container: document.body,
+                top: 0,
+            }
+            : {
+                container: (_a = rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) !== null && _a !== void 0 ? _a : document.body,
+                top: null,
+            };
+        const setTop = lodash.throttle(() => {
+            requestAnimationFrame(() => {
+                var _a;
+                setRender({
+                    top: top !== null && top !== void 0 ? top : container.getBoundingClientRect().top,
+                    left: container.getBoundingClientRect().right,
+                    anchor: (_a = anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current) !== null && _a !== void 0 ? _a : container,
+                });
+            });
+        }, 300);
+        const disposers = [addResizeObserver(container, setTop)];
+        setTop();
+        return () => {
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
+        };
+    }, []);
+    // creates a new stacking context
+    const modalsContainerStyle = useMemo(() => ({
+        position: 'relative',
+        zIndex,
+    }), [zIndex]);
+    let child = (React.createElement("div", { style: modalsContainerStyle, "data-hook": "cairo-modals-container" }, render.top != null && (React.createElement(SidePanelModal, { state: state, top: render.top, left: render.left }))));
+    if (render.anchor == null) {
+        return null;
+    }
+    child = createPortal(child, render.anchor);
+    return child;
+}
+//# sourceMappingURL=WixPatternsModalsContainer.js.map

package/dist/esm/components/WixPatternsModalsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WixPatternsModalsContainer.js","sourceRoot":"","sources":["../../../src/components/WixPatternsModalsContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAUlD,MAAM,UAAU,0BAA0B,CACxC,KAAsC;IAEtC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;IAExD,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAIjC,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;;QACb,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,kBAAkB;YAC3C,CAAC,CAAC;gBACE,SAAS,EAAE,QAAQ,CAAC,IAAI;gBACxB,GAAG,EAAE,CAAC;aACP;YACH,CAAC,CAAC;gBACE,SAAS,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,QAAQ,CAAC,IAAI;gBAC5C,GAAG,EAAE,IAAI;aACV,CAAC;QAEN,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE;YAClC,qBAAqB,CAAC,GAAG,EAAE;;gBACzB,SAAS,CAAC;oBACR,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,SAAS,CAAC,qBAAqB,EAAE,CAAC,GAAG;oBACjD,IAAI,EAAE,SAAS,CAAC,qBAAqB,EAAE,CAAC,KAAK;oBAC7C,MAAM,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,mCAAI,SAAS;iBACxC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;QAEzD,MAAM,EAAE,CAAC;QAET,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,EAAI,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iCAAiC;IACjC,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,UAAmB;QAC7B,MAAM;KACP,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,IAAI,KAAK,GAAG,CACV,6BAAK,KAAK,EAAE,oBAAoB,eAAY,wBAAwB,IACjE,MAAM,CAAC,GAAG,IAAI,IAAI,IAAI,CACrB,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,CACrE,CACG,CACP,CAAC;IAEF,IAAI,MAAM,CAAC,MAAM,IAAI,IAAI,EAAE;QACzB,OAAO,IAAI,CAAC;KACb;IAED,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAE3C,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/esm/components/WixPatternsTestProvider.js

@@ -0,0 +1,10 @@
+import { WixPatternsContainerOverridesProvider, useWixPatternsContainerOverrides, } from '@wix/bex-core/react';
+import React, { useState } from 'react';
+import { QueryCache } from '@wix/bex-core';
+export const WixPatternsTestProvider = (props) => {
+    const { overrides, children } = props;
+    const existingWixPatternsContainerOverrides = useWixPatternsContainerOverrides();
+    const [wixPatternsContainerOverrides] = useState(() => (Object.assign(Object.assign({ queryCache: new QueryCache() }, existingWixPatternsContainerOverrides), overrides)));
+    return (React.createElement(WixPatternsContainerOverridesProvider, { value: wixPatternsContainerOverrides }, children));
+};
+//# sourceMappingURL=WixPatternsTestProvider.js.map

package/dist/esm/components/WixPatternsTestProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WixPatternsTestProvider.js","sourceRoot":"","sources":["../../../src/components/WixPatternsTestProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qCAAqC,EACrC,gCAAgC,GACjC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAA8B,UAAU,EAAE,MAAM,eAAe,CAAC;AAOvE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,KAAmC,EACnC,EAAE;IACF,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEtC,MAAM,qCAAqC,GACzC,gCAAgC,EAAE,CAAC;IAErC,MAAM,CAAC,6BAA6B,CAAC,GAAG,QAAQ,CAC9C,GAAwC,EAAE,CAAC,+BACzC,UAAU,EAAE,IAAI,UAAU,EAAE,IACzB,qCAAqC,GACrC,SAAS,EACZ,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,qCAAqC,IACpC,KAAK,EAAE,6BAA6B,IAEnC,QAAQ,CAC6B,CACzC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/assertComponentType.js

@@ -0,0 +1,8 @@
+export function assertComponentType(element, displayName, propName) {
+    if (element === true ||
+        (element &&
+            element.type.displayName !== displayName)) {
+        throw new Error(`Prop "${propName}" must be a <${displayName} /> element`);
+    }
+}
+//# sourceMappingURL=assertComponentType.js.map

package/dist/esm/components/assertComponentType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assertComponentType.js","sourceRoot":"","sources":["../../../src/components/assertComponentType.ts"],"names":[],"mappings":"AA4DA,MAAM,UAAU,mBAAmB,CACjC,OAAkD,EAClD,WAAmB,EACnB,QAAgB;IAEhB,IACE,OAAO,KAAK,IAAI;QAChB,CAAC,OAAO;YACL,OAAO,CAAC,IAAiC,CAAC,WAAW,KAAK,WAAW,CAAC,EACzE;QACA,MAAM,IAAI,KAAK,CAAC,SAAS,QAAQ,gBAAgB,WAAW,aAAa,CAAC,CAAC;KAC5E;AACH,CAAC"}

package/dist/esm/components/collectionStateProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=collectionStateProps.js.map

package/dist/esm/components/collectionStateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectionStateProps.js","sourceRoot":"","sources":["../../../src/components/collectionStateProps.ts"],"names":[],"mappings":""}

package/dist/esm/components/common.st.css

@@ -0,0 +1,9 @@
+.column {
+  display: flex;
+  flex-direction: column;
+}
+
+.fullHeight {
+  height: 100%;
+  min-height: 0;
+}

package/dist/esm/components/common.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
+var _namespace_ = "common862125784";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "common862125784__root", "column": "common862125784__column", "fullHeight": "common862125784__fullHeight" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=common.st.css.js.map

package/dist/esm/components/common.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.st.css.js","sourceRoot":"","sources":["../../../src/components/common.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI3E,IAAI,WAAW,GAAG,iBAAiB,CAAC;AACpC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,uBAAuB,EAAC,QAAQ,EAAC,yBAAyB,EAAC,YAAY,EAAC,6BAA6B,EAAC,CAAC;AACpI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/createChildSlot.js

@@ -0,0 +1,11 @@
+import { Children, isValidElement, } from 'react';
+export function createChildSlot(name) {
+    const Slot = () => null;
+    Slot.displayName = name;
+    Slot.isElementOf = (el) => el.type === Slot;
+    Slot.findElement = (children) => children != null
+        ? Children.toArray(children).find((child) => isValidElement(child) && Slot.isElementOf(child))
+        : undefined;
+    return Slot;
+}
+//# sourceMappingURL=createChildSlot.js.map

package/dist/esm/components/createChildSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createChildSlot.js","sourceRoot":"","sources":["../../../src/components/createChildSlot.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,cAAc,GAGf,MAAM,OAAO,CAAC;AAEf,MAAM,UAAU,eAAe,CAAI,IAAa;IAC9C,MAAM,IAAI,GAKN,GAAG,EAAE,CAAC,IAAI,CAAC;IACf,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAExB,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE,EAAyB,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC;IAEnE,IAAI,CAAC,WAAW,GAAG,CAAC,QAAQ,EAAE,EAAE,CAC9B,QAAQ,IAAI,IAAI;QACd,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAC7B,CAAC,KAAK,EAA4B,EAAE,CAClC,cAAc,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CACnD;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/esm/components/deleteSecondaryAction/deleteSecondaryAction.js

@@ -0,0 +1,20 @@
+import { __rest } from "tslib";
+import { Delete } from '@wix/wix-ui-icons-common';
+import React from 'react';
+export function deleteSecondaryAction(props) {
+    const { optimisticActions, actionCellAPI: { openConfirmDeleteModal, collection, keyedItem } } = props, deleteManyParams = __rest(props, ["optimisticActions", "actionCellAPI"]);
+    const { translate: t } = collection;
+    return {
+        dataHook: 'collection-delete-action',
+        text: t('cairo.delete.button'),
+        icon: React.createElement(Delete, null),
+        onClick: () => {
+            openConfirmDeleteModal({
+                primaryButtonOnClick: () => {
+                    optimisticActions.deleteOne(keyedItem.item, deleteManyParams);
+                },
+            });
+        },
+    };
+}
+//# sourceMappingURL=deleteSecondaryAction.js.map

package/dist/esm/components/deleteSecondaryAction/deleteSecondaryAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deleteSecondaryAction.js","sourceRoot":"","sources":["../../../../src/components/deleteSecondaryAction/deleteSecondaryAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,UAAU,qBAAqB,CACnC,KAA0C;IAE1C,MAAM,EACJ,iBAAiB,EACjB,aAAa,EAAE,EAAE,sBAAsB,EAAE,UAAU,EAAE,SAAS,EAAE,KAE9D,KAAK,EADJ,gBAAgB,UACjB,KAAK,EAJH,sCAIL,CAAQ,CAAC;IACV,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC;IACpC,OAAO;QACL,QAAQ,EAAE,0BAA0B;QACpC,IAAI,EAAE,CAAC,CAAC,qBAAqB,CAAC;QAC9B,IAAI,EAAE,oBAAC,MAAM,OAAG;QAChB,OAAO,EAAE,GAAG,EAAE;YACZ,sBAAsB,CAAC;gBACrB,oBAAoB,EAAE,GAAG,EAAE;oBACzB,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;gBAChE,CAAC;aACF,CAAC,CAAC;QACL,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/esm/components/deleteSecondaryAction/index.js

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

package/dist/esm/components/deleteSecondaryAction/index.js.map

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

package/dist/esm/components/index.js

@@ -0,0 +1,17 @@
+export * from './CollectionPage';
+export * from './CollectionTable';
+export * from './Table';
+export * from './CollectionPagination';
+export * from './PaginationTable';
+export * from './CollectionContext';
+export * from './CollectionList';
+export * from './CollectionListItem';
+export * from './CollectionListRow';
+export * from './CollectionListHeader';
+export * from './InfiniteScrollCollectionList';
+export * from './CollectionToolbar';
+export * from './DeleteModal';
+export * from './WixPatternsTestProvider';
+export * from './Picker';
+export * from './PickerContent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/uniDriverFactory.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=uniDriverFactory.js.map

package/dist/esm/components/uniDriverFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uniDriverFactory.js","sourceRoot":"","sources":["../../../src/components/uniDriverFactory.ts"],"names":[],"mappings":""}

package/dist/esm/components/unidriver.js

@@ -0,0 +1,7 @@
+export * from './CollectionToolbar/CollectionToolbar.uni.driver';
+export * from './CollectionTable/CollectionTable.uni.driver';
+export * from './Table/Table.uni.driver';
+export * from './CollectionList/CollectionList.uni.driver';
+export * from './CollectionListItem/CollectionListItem.uni.driver';
+export * from './uniDriverFactory';
+//# sourceMappingURL=unidriver.js.map

package/dist/esm/components/unidriver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unidriver.js","sourceRoot":"","sources":["../../../src/components/unidriver.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC;AACjE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,4CAA4C,CAAC;AAC3D,cAAc,oDAAoD,CAAC;AACnE,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/useCollectionReachBottom.js

@@ -0,0 +1,37 @@
+import { useEffect, useRef, useState } from 'react';
+import { CollectionReachBottom } from '../state/CollectionReachBottom';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+export function useCollectionReachBottom({ collection, containerRef, scrollMoreAlways, }) {
+    const targetRef = useRef();
+    const { lodash } = useWixPatternsContainer();
+    const { result: { keyedItems }, } = collection;
+    const [collectionReachBottom] = useState(() => new CollectionReachBottom({
+        collection,
+        lodash,
+    }));
+    useEffect(() => {
+        if ((containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) == null) {
+            return;
+        }
+        collectionReachBottom.reachBottom.container = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current;
+        collectionReachBottom.reachBottom.target = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current;
+        collectionReachBottom.subscribe();
+        return () => {
+            collectionReachBottom.reachBottom.target = null;
+            collectionReachBottom.unsubscribe();
+        };
+    }, []);
+    // Check if should load more items (scrollable container is not filled yet) after new data has been rendered
+    useEffect(() => {
+        var _a;
+        // In jsdom element dimensions are always 0, so calculations inside `CollectionReachBottom` are not relevant.
+        if (process.env.NODE_ENV === 'test') {
+            return;
+        }
+        if (scrollMoreAlways || ((_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight)) {
+            collectionReachBottom.triggerListenerIfReached();
+        }
+    }, [keyedItems.length]);
+    return { containerRef, targetRef };
+}
+//# sourceMappingURL=useCollectionReachBottom.js.map

package/dist/esm/components/useCollectionReachBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollectionReachBottom.js","sourceRoot":"","sources":["../../../src/components/useCollectionReachBottom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAW9D,MAAM,UAAU,wBAAwB,CAAuC,EAC7E,UAAU,EACV,YAAY,EACZ,gBAAgB,GACqB;IACrC,MAAM,SAAS,GAAG,MAAM,EAAsB,CAAC;IAE/C,MAAM,EAAE,MAAM,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAE7C,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,GACvB,GAAG,UAAU,CAAC;IAEf,MAAM,CAAC,qBAAqB,CAAC,GAAG,QAAQ,CACtC,GAAG,EAAE,CACH,IAAI,qBAAqB,CAAC;QACxB,UAAU;QACV,MAAM;KACP,CAAC,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,KAAI,IAAI,EAAE;YACjC,OAAO;SACR;QAED,qBAAqB,CAAC,WAAW,CAAC,SAAS,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAC;QACpE,qBAAqB,CAAC,WAAW,CAAC,MAAM,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC;QAE9D,qBAAqB,CAAC,SAAS,EAAE,CAAC;QAClC,OAAO,GAAG,EAAE;YACV,qBAAqB,CAAC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;YAChD,qBAAqB,CAAC,WAAW,EAAE,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,4GAA4G;IAC5G,SAAS,CAAC,GAAG,EAAE;;QACb,6GAA6G;QAC7G,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;YACnC,OAAO;SACR;QACD,IAAI,gBAAgB,KAAI,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,YAAY,CAAA,EAAE;YAC3D,qBAAqB,CAAC,wBAAwB,EAAE,CAAC;SAClD;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAExB,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AACrC,CAAC"}

package/dist/esm/components/usePageButtonBiParams.js

@@ -0,0 +1,14 @@
+import { useContext } from 'react';
+import { collectionPageContext, entityPageContext } from '../providers';
+export const usePageButtonBiParams = () => {
+    const entityContext = useContext(entityPageContext);
+    const collectionContext = useContext(collectionPageContext);
+    if (entityContext) {
+        return { pageType: 'Entity', location: 'Entity Page Header' };
+    }
+    if (collectionContext) {
+        return { pageType: 'Collection', location: 'Collection Page Header' };
+    }
+    return { pageType: undefined, location: undefined };
+};
+//# sourceMappingURL=usePageButtonBiParams.js.map

package/dist/esm/components/usePageButtonBiParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePageButtonBiParams.js","sourceRoot":"","sources":["../../../src/components/usePageButtonBiParams.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAExE,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAGnC,EAAE;IACF,MAAM,aAAa,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAE5D,IAAI,aAAa,EAAE;QACjB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;KAC/D;IAED,IAAI,iBAAiB,EAAE;QACrB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC;KACvE;IAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;AACtD,CAAC,CAAC"}

package/dist/esm/components/useWidgetPageStatus.js

@@ -0,0 +1,9 @@
+import { useContext, useMemo } from 'react';
+import { entityPageContext } from '../providers';
+export function useWidgetPageStatus(widgetStatus) {
+    const pageState = useContext(entityPageContext);
+    const pageStatus = pageState === null || pageState === void 0 ? void 0 : pageState.initTask.status.status;
+    const status = useMemo(() => (!pageState || pageStatus === 'success' ? widgetStatus : pageStatus), [pageStatus, widgetStatus]);
+    return { status };
+}
+//# sourceMappingURL=useWidgetPageStatus.js.map