@wix/patterns 0.8.0

package/dist/esm/components/NestedTable/NestedTableFlatModeMainCell.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Highlighter } from '@wix/design-system';
+import { MainCellLayout } from './MainCellLayout';
+import { TextBreadcrumbs } from '../TextBreadcrumbs';
+function _NestedTableFlatModeMainCell(props) {
+    var _a, _b, _c;
+    const { item } = props;
+    const { state } = item;
+    const { collection } = state;
+    const { originalKeyedItem } = item;
+    const renderProps = (_a = state.renderMainColumn) === null || _a === void 0 ? void 0 : _a.call(state, originalKeyedItem.item);
+    const breadcrumbsItems = (_b = state.breadcrumbs) === null || _b === void 0 ? void 0 : _b.call(state, originalKeyedItem.item);
+    // leave at least 30px for shrinkable breadcrumbs items
+    const titleMaxWidth = breadcrumbsItems
+        ? `calc(100% - ${breadcrumbsItems.length * 30}px)`
+        : undefined;
+    return (React.createElement(MainCellLayout, { dataHook: "flat-mode-main-cell", image: renderProps === null || renderProps === void 0 ? void 0 : renderProps.image, breadcrumbs: breadcrumbsItems && (React.createElement(TextBreadcrumbs, { items: breadcrumbsItems, dataHook: "breadcrumbs" })), title: React.createElement(Highlighter, { emphasize: "background", match: state.query.search.value }, (_c = renderProps === null || renderProps === void 0 ? void 0 : renderProps.title) !== null && _c !== void 0 ? _c : collection.itemName(originalKeyedItem.item)), subtitle: renderProps === null || renderProps === void 0 ? void 0 : renderProps.subtitle, titleMaxWidth: titleMaxWidth }));
+}
+export const NestedTableFlatModeMainCell = observer(_NestedTableFlatModeMainCell);
+//# sourceMappingURL=NestedTableFlatModeMainCell.js.map

package/dist/esm/components/NestedTable/NestedTableFlatModeMainCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableFlatModeMainCell.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableFlatModeMainCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAWrD,SAAS,4BAA4B,CAInC,KAAgD;;IAChD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7B,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;IAEnC,MAAM,WAAW,GAAG,MAAA,KAAK,CAAC,gBAAgB,sDAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAErE,MAAM,gBAAgB,GAAG,MAAA,KAAK,CAAC,WAAW,sDAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAErE,uDAAuD;IACvD,MAAM,aAAa,GAAG,gBAAgB;QACpC,CAAC,CAAC,eAAe,gBAAgB,CAAC,MAAM,GAAG,EAAE,KAAK;QAClD,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,oBAAC,cAAc,IACb,QAAQ,EAAC,qBAAqB,EAC9B,KAAK,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EACzB,WAAW,EACT,gBAAgB,IAAI,CAClB,oBAAC,eAAe,IAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAC,aAAa,GAAG,CACpE,EAEH,KAAK,EACH,oBAAC,WAAW,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAChE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,mCAAI,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CACtD,EAEhB,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,EAC/B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,2BAA2B,GAAG,QAAQ,CACjD,4BAA4B,CAC7B,CAAC"}

package/dist/esm/components/NestedTable/NestedTableFlatModeMainCell.uni.driver.js

@@ -0,0 +1,6 @@
+import { baseUniDriverFactory } from '../../unidriver';
+export function NestedTableFlatModeMainCellUniDriver(base, _body) {
+    const getWrapper = () => base.$('[data-hook="flat-mode-main-cell"]');
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { getTitle: () => getWrapper().$('[data-hook="title"]').text(), getBreadcrumbs: () => getWrapper().$('[data-hook="breadcrumbs"]') });
+}
+//# sourceMappingURL=NestedTableFlatModeMainCell.uni.driver.js.map

package/dist/esm/components/NestedTable/NestedTableFlatModeMainCell.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableFlatModeMainCell.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableFlatModeMainCell.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,oCAAoC,CAClD,IAAe,EACf,KAAgB;IAEhB,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC;IAErE,uCACK,oBAAoB,CAAC,IAAI,CAAC,KAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,IAAI,EAAE,EAC5D,cAAc,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,2BAA2B,CAAC,IACjE;AACJ,CAAC"}

package/dist/esm/components/NestedTable/NestedTableParentCell.js

@@ -0,0 +1,31 @@
+import React, { useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, TextButton } from '@wix/design-system';
+import { ChevronRightSmall } from '@wix/wix-ui-icons-common';
+import { Rotate } from '../Rotate';
+import { MainCellLayout } from './MainCellLayout';
+function _NestedTableParentCell(props) {
+    var _a, _b;
+    const { state: parentState, item, rowNum } = props;
+    const { node: { collection }, } = parentState;
+    const { originalKeyedItem } = item;
+    const renderProps = (_a = parentState.renderMainColumn) === null || _a === void 0 ? void 0 : _a.call(parentState, originalKeyedItem.item);
+    const [state] = useState(() => item.state.createNode({
+        parent: originalKeyedItem,
+    }));
+    useEffect(() => {
+        if (!state) {
+            return;
+        }
+        state._rowNum = rowNum;
+    }, [rowNum]);
+    const _expanded = state === null || state === void 0 ? void 0 : state._expanded;
+    return (React.createElement(Box, { dataHook: "indention-wrapper", paddingInlineStart: parentState.depth * 28, minWidth: 0 },
+        React.createElement(MainCellLayout, { expandCollapseButton: React.createElement(Box, { paddingInlineEnd: "12px", visibility: state == null || state._isNotExpandableWhenEmpty
+                    ? 'hidden'
+                    : undefined, dataHook: "expand-collapse-wrapper" },
+                React.createElement(TextButton, { size: "small", dataHook: "expand-collapse", prefixIcon: React.createElement(Rotate, { timeout: 200, deg: _expanded ? 90 : 0 },
+                        React.createElement(ChevronRightSmall, { "data-hook": "chevron-icon", style: { paddingRight: 0, paddingInlineEnd: 0 } })) })), image: renderProps === null || renderProps === void 0 ? void 0 : renderProps.image, title: (_b = renderProps === null || renderProps === void 0 ? void 0 : renderProps.title) !== null && _b !== void 0 ? _b : collection.itemName(originalKeyedItem.item), subtitle: renderProps === null || renderProps === void 0 ? void 0 : renderProps.subtitle })));
+}
+export const NestedTableParentCell = observer(_NestedTableParentCell);
+//# sourceMappingURL=NestedTableParentCell.js.map

package/dist/esm/components/NestedTable/NestedTableParentCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableParentCell.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableParentCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAM3C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYlD,SAAS,sBAAsB,CAC7B,KAA0C;;IAE1C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEnD,MAAM,EACJ,IAAI,EAAE,EAAE,UAAU,EAAE,GACrB,GAAG,WAAW,CAAC;IAEhB,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;IAEnC,MAAM,WAAW,GAAG,MAAA,WAAW,CAAC,gBAAgB,4DAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAE3E,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC5B,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QACpB,MAAM,EAAE,iBAAiB;KAC1B,CAAC,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QACD,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACzB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC;IAEnC,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAC,mBAAmB,EAC5B,kBAAkB,EAAE,WAAW,CAAC,KAAK,GAAG,EAAE,EAC1C,QAAQ,EAAE,CAAC;QAEX,oBAAC,cAAc,IACb,oBAAoB,EAClB,oBAAC,GAAG,IACF,gBAAgB,EAAC,MAAM,EACvB,UAAU,EACR,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,yBAAyB;oBAC9C,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,SAAS,EAEf,QAAQ,EAAC,yBAAyB;gBAElC,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,iBAAiB,EAC1B,UAAU,EACR,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC3C,oBAAC,iBAAiB,iBACN,cAAc,EACxB,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,GAC/C,CACK,GAEX,CACE,EAER,KAAK,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,EACzB,KAAK,EACH,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,mCAAI,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAEnE,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,GAC/B,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/esm/components/NestedTable/NestedTableParentCell.uni.driver.js

@@ -0,0 +1,7 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { ExpandCollapseButtonUniDriver } from './ExpandCollapseButton.uni.driver';
+export function NestedTableParentCellUniDriver(base, body) {
+    const getWrapper = () => base.$('[data-hook="indention-wrapper"]');
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { getTitle: () => getWrapper().$('[data-hook="title"]').text(), getSubtitle: () => getWrapper().$('[data-hook="subtitle"]').text(), getExpandCollapseButton: () => ExpandCollapseButtonUniDriver(getWrapper().$('[data-hook="expand-collapse-wrapper"]'), body) });
+}
+//# sourceMappingURL=NestedTableParentCell.uni.driver.js.map

package/dist/esm/components/NestedTable/NestedTableParentCell.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableParentCell.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableParentCell.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF,MAAM,UAAU,8BAA8B,CAC5C,IAAe,EACf,IAAe;IAEf,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC;IAEnE,uCACK,oBAAoB,CAAC,IAAI,CAAC,KAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,IAAI,EAAE,EAC5D,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,IAAI,EAAE,EAClE,uBAAuB,EAAE,GAAG,EAAE,CAC5B,6BAA6B,CAC3B,UAAU,EAAE,CAAC,CAAC,CAAC,uCAAuC,CAAC,EACvD,IAAI,CACL,IACH;AACJ,CAAC"}

package/dist/esm/components/NestedTable/NestedTableRow.js

@@ -0,0 +1,41 @@
+import { __rest } from "tslib";
+import { observer } from 'mobx-react-lite';
+import React, { forwardRef, useEffect, useState, } from 'react';
+import { classes, st } from './NestedTableRow.st.css.js';
+import { Box } from '@wix/design-system';
+import { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';
+const _NestedTableRow = forwardRef((props, ref) => {
+    const { children, rowData, className } = props, rest = __rest(props, ["children", "rowData", "className"]);
+    const { item } = rowData;
+    const [itemState] = useState(() => {
+        if (!item.originalKeyedItem) {
+            return undefined;
+        }
+        return item.state.createNode({
+            parent: item.originalKeyedItem,
+        });
+    });
+    useEffect(() => itemState === null || itemState === void 0 ? void 0 : itemState.init(), []);
+    if (!item.originalKeyedItem) {
+        return (React.createElement("tr", Object.assign({ ref: ref, className: st(classes.placeholder, className) }, rest),
+            React.createElement("td", { style: { width: '100%' } },
+                React.createElement(Box, { verticalAlign: "middle", align: "center", width: "100%" },
+                    React.createElement(NestedTableRowPlaceholderStates, { state: item.state })))));
+    }
+    const expandable = itemState != null && !itemState._isNotExpandableWhenEmpty;
+    return (React.createElement("tr", Object.assign({ ref: ref, className: st(classes.root, {
+            expandable,
+        }, className, item.state.showHoverHighlight ? classes.parentHovered : undefined, item.state.depth === 0 ? classes.firstLevel : undefined), onMouseEnter: () => {
+            itemState === null || itemState === void 0 ? void 0 : itemState._changeHover(true);
+        }, onMouseLeave: () => {
+            itemState === null || itemState === void 0 ? void 0 : itemState._changeHover(false);
+        } }, rest, { onClick: (ev) => {
+            var _a;
+            (_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, ev);
+            if (expandable) {
+                itemState._toggleExpand();
+            }
+        } }), children));
+});
+export const NestedTableRow = observer(_NestedTableRow);
+//# sourceMappingURL=NestedTableRow.js.map

package/dist/esm/components/NestedTable/NestedTableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableRow.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAC;AAGzD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAOpF,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,KAAmC,EACnC,GAGQ,EACR,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjD,oCAAyC,CAAQ,CAAC;IACxD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAEzB,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;YAC3B,MAAM,EAAE,IAAI,CAAC,iBAAiB;SAC/B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAEvC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;QAC3B,OAAO,CACL,0CAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,IAAM,IAAI;YACnE,4BAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBAC1B,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;oBACrD,oBAAC,+BAA+B,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CAClD,CACH,CACF,CACN,CAAC;KACH;IAED,MAAM,UAAU,GACd,SAAS,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAC;IAE5D,OAAO,CACL,0CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ;YACE,UAAU;SACX,EACD,SAAS,EACT,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACjE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CACxD,EACD,YAAY,EAAE,GAAG,EAAE;YACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;YACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,IACG,IAAI,IACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;;YACd,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,EAAE,CAAC,CAAC;YACpB,IAAI,UAAU,EAAE;gBACd,SAAS,CAAC,aAAa,EAAE,CAAC;aAC3B;QACH,CAAC,KAEA,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC"}

package/dist/esm/components/NestedTable/NestedTableRow.st.css

@@ -0,0 +1,37 @@
+.firstLevel {
+  background-color: #F7F8F8; /* will be D75 after WSR add it */
+}
+
+.firstLevel td {
+  /* important! until moving NestedTableRow.st.css to WSR */
+  padding-top: 18px !important;
+  padding-bottom: 18px !important;
+}
+
+.root {
+  -st-states: expandable;
+}
+
+.root:expandable {
+  cursor: pointer;
+}
+
+.placeholder td {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+}
+
+.root:hover {
+  background-color: #E7F0FF;
+}
+
+.root:hover td:first-of-type::before,
+.parentHovered td:first-of-type::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 2px;
+  background-color: #5999FF;
+}

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "NestedTableRow4066438445";
+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": "NestedTableRow4066438445__root", "firstLevel": "NestedTableRow4066438445__firstLevel", "placeholder": "NestedTableRow4066438445__placeholder", "parentHovered": "NestedTableRow4066438445__parentHovered" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=NestedTableRow.st.css.js.map

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,YAAY,EAAC,sCAAsC,EAAC,aAAa,EAAC,uCAAuC,EAAC,eAAe,EAAC,yCAAyC,EAAC,CAAC;AACnO,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/NestedTable/NestedTableRowPlaceholderStates.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, Loader } from '@wix/design-system';
+import { CollectionEmptyStateBasePrivate } from '../EmptyState/CollectionEmptyStateBasePrivate';
+import { ErrorState } from '../ErrorState';
+function _NestedTableRowPlaceholderStates(props) {
+    const { state } = props;
+    const { initTask, showLoadingState, showEmptyState, showErrorState, errorStatus, } = state;
+    let child;
+    if (initTask.status.isError) {
+        child = (React.createElement(ErrorState, { state: state, errorStatus: initTask.errorStatus, dataHook: "error-state", image: null }));
+    }
+    else if (showLoadingState) {
+        child = (React.createElement(Box, { padding: "12px" },
+            React.createElement(Loader, { dataHook: "loading-state", size: "small" })));
+    }
+    else if (showErrorState && errorStatus) {
+        child = React.createElement(ErrorState, { state: state, dataHook: "error-state", image: null });
+    }
+    else if (showEmptyState) {
+        child = (React.createElement(CollectionEmptyStateBasePrivate, { state: state.multi, dataHook: "empty-state", image: null, onAddNewClick: () => {
+                var _a, _b;
+                (_b = (_a = state.levelDescriptor).onAddNewClick) === null || _b === void 0 ? void 0 : _b.call(_a);
+            } }));
+    }
+    return React.createElement(React.Fragment, null, child);
+}
+export const NestedTableRowPlaceholderStates = observer(_NestedTableRowPlaceholderStates);
+//# sourceMappingURL=NestedTableRowPlaceholderStates.js.map

package/dist/esm/components/NestedTable/NestedTableRowPlaceholderStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableRowPlaceholderStates.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRowPlaceholderStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAC;AAEhG,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,SAAS,gCAAgC,CAAC,KAA6B;IACrE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,EACJ,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,IAAI,KAAgB,CAAC;IAErB,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE;QAC3B,KAAK,GAAG,CACN,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,QAAQ,EAAC,aAAa,EACtB,KAAK,EAAE,IAAI,GACX,CACH,CAAC;KACH;SAAM,IAAI,gBAAgB,EAAE;QAC3B,KAAK,GAAG,CACN,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM;YACjB,oBAAC,MAAM,IAAC,QAAQ,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,GAAG,CAC5C,CACP,CAAC;KACH;SAAM,IAAI,cAAc,IAAI,WAAW,EAAE;QACxC,KAAK,GAAG,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAC,aAAa,EAAC,KAAK,EAAE,IAAI,GAAI,CAAC;KAC1E;SAAM,IAAI,cAAc,EAAE;QACzB,KAAK,GAAG,CACN,oBAAC,+BAA+B,IAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAC,aAAa,EACtB,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,GAAG,EAAE;;gBAClB,MAAA,MAAA,KAAK,CAAC,eAAe,EAAC,aAAa,kDAAI,CAAC;YAC1C,CAAC,GACD,CACH,CAAC;KACH;IAED,OAAO,0CAAG,KAAK,CAAI,CAAC;AACtB,CAAC;AAED,MAAM,CAAC,MAAM,+BAA+B,GAAG,QAAQ,CACrD,gCAAgC,CACjC,CAAC"}

package/dist/esm/components/NestedTable/NestedTableRowPlaceholderStates.uni.driver.js

@@ -0,0 +1,8 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';
+import { LoaderUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';
+export function NestedTableRowPlaceholderStatesUniDriver(base, body) {
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { getEmptyState: () => CollectionEmptyStateUniDriver(base.$('[data-hook="empty-state"]'), body), getErrorState: () => ToolbarCollectionErrorStateUniDriver(base.$('[data-hook="error-state"]'), body), getLoadingState: () => LoaderUniDriver(base.$('[data-hook="loading-state"]'), body) });
+}
+//# sourceMappingURL=NestedTableRowPlaceholderStates.uni.driver.js.map

package/dist/esm/components/NestedTable/NestedTableRowPlaceholderStates.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableRowPlaceholderStates.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRowPlaceholderStates.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,oCAAoC,EAAE,MAAM,sDAAsD,CAAC;AAE5G,MAAM,UAAU,wCAAwC,CACtD,IAAe,EACf,IAAe;IAEf,uCACK,oBAAoB,CAAC,IAAI,CAAC,KAC7B,aAAa,EAAE,GAAG,EAAE,CAClB,6BAA6B,CAC3B,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,EACnC,IAAI,CACL,EACH,aAAa,EAAE,GAAG,EAAE,CAClB,oCAAoC,CAClC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,EACnC,IAAI,CACL,EACH,eAAe,EAAE,GAAG,EAAE,CACpB,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,6BAA6B,CAAC,EAAE,IAAI,CAAC,IAC9D;AACJ,CAAC"}

package/dist/esm/components/NestedTable/NestedTableWSRTable.js

@@ -0,0 +1,49 @@
+import { __rest } from "tslib";
+import React, { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { CollectionTableWSRTable, } from '../CollectionTable/CollectionTableWSRTable';
+import { NestedTableContent } from './NestedTableContent';
+import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
+import { useModeTableProps } from './useModeTableProps';
+import { runInAction } from 'mobx';
+import { QuerySearch } from '../QuerySearch';
+import { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';
+import { Table as WSRTable } from '@wix/design-system';
+import { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';
+function _NestedTableWSRTable(props) {
+    const { state: wrapperState, renderError, multiLevelSorting, actionCell, actionCellWidth, actionCellProps, filters, customColumns, views, renderEmptyState, topNotification, showTitleBar = true, horizontalScroll = true, rowHeight, estimatedRowHeight, rowVerticalPadding = 'tiny', dragAndDrop, dragAndDropBulkSubmit, dragAndDropSubmit, dragAndDropCancel, dragAndDropReorderModeToolbar, dragAndDropCategories } = props, rest = __rest(props, ["state", "renderError", "multiLevelSorting", "actionCell", "actionCellWidth", "actionCellProps", "filters", "customColumns", "views", "renderEmptyState", "topNotification", "showTitleBar", "horizontalScroll", "rowHeight", "estimatedRowHeight", "rowVerticalPadding", "dragAndDrop", "dragAndDropBulkSubmit", "dragAndDropSubmit", "dragAndDropCancel", "dragAndDropReorderModeToolbar", "dragAndDropCategories"]);
+    const { toolbar, query } = wrapperState;
+    useToolbarCollectionSyncProps(Object.assign(Object.assign({}, props), { state: toolbar, isUsingDragAndDrop: false, isUsingBulkActionsToolbar: false, isUsingHorizontalScroll: true, isUsingFolders: false, isUsingTableVirtualization: true }));
+    const Table = CollectionTableWSRTable;
+    const { state, key, BodyElementType, TrElementType, columns } = useModeTableProps({
+        state: wrapperState,
+        horizontalScroll,
+        actionCellWidth,
+        actionCellProps,
+    });
+    useEffect(() => {
+        runInAction(() => {
+            state.virtual.rowHeight = rowHeight;
+        });
+    }, [rowHeight, state]);
+    useEffect(() => {
+        if (estimatedRowHeight == null) {
+            return;
+        }
+        runInAction(() => {
+            state.virtual.estimatedRowHeight = estimatedRowHeight;
+        });
+    }, [estimatedRowHeight, state]);
+    const { st, classes } = WSRTable.dataTableRowVirtualStyle;
+    let table = (React.createElement(Table, Object.assign({ rowVerticalPadding: rowVerticalPadding, search: React.createElement(QuerySearch, { state: query.search }) }, rest, { showHeaderWhenEmpty: true, sticky: true, filters: filters, customColumns: customColumns, views: views, horizontalScroll: horizontalScroll, renderEmptyState: renderEmptyState, isApplyColumnWidthStyle: true, useNewInfiniteScrollLoader: true, showTitleBar: showTitleBar, rowClass: st(classes.root), headerClass: st(classes.thead), headerRowClass: st(classes.root), TrElementType: TrElementType, state: state, BodyElementType: BodyElementType, columns: columns, dragAndDropReorderModeToolbar: dragAndDropReorderModeToolbar, dragAndDrop: dragAndDrop, dragAndDropCancel: dragAndDropCancel, dragAndDropSubmit: dragAndDropSubmit, dragAndDropBulkSubmit: dragAndDropBulkSubmit, dragAndDropCategories: dragAndDropCategories }),
+        React.createElement(MultiCollectionSupportProvider, { key: `MultiCollectionSupportProvider_${key}`, value: state.multi },
+            React.createElement(TablePlaceholderStates, { key: `PlaceholderStates_${key}`, state: state, renderEmptyState: renderEmptyState, renderError: renderError, topNotification: topNotification, rowVerticalPadding: rowVerticalPadding }),
+            React.createElement(NestedTableContent, { key: `NestedTableContent_${key}`, state: state }))));
+    if (dragAndDrop) {
+        const { CollectionNestedTableDragAndDropContext } = dragAndDrop;
+        table = (React.createElement(CollectionNestedTableDragAndDropContext, { state: wrapperState.nested, onSubmit: dragAndDropSubmit, onCancel: dragAndDropCancel, onBulkSubmit: dragAndDropBulkSubmit }, table));
+    }
+    return table;
+}
+export const NestedTableWSRTable = observer(_NestedTableWSRTable);
+//# sourceMappingURL=NestedTableWSRTable.js.map

package/dist/esm/components/NestedTable/NestedTableWSRTable.js.map

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

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

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

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

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

package/dist/esm/components/NestedTable/useFlatModeColumns.js

@@ -0,0 +1,28 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';
+import { NestedTableFlatModeMainCell } from './NestedTableFlatModeMainCell';
+import { useNestedTableActionCell } from './useNestedTableActionCell';
+export function useFlatModeColumns(props) {
+    const { state, actionCellProps, actionCellWidth, horizontalScroll } = props;
+    const { toolbar } = state;
+    const { selectedOrderedColumnsOrAll } = toolbar;
+    const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });
+    const actionCellColumn = useNestedTableActionCell({
+        state: state.flat,
+        actionCellWidth,
+        actionCellProps,
+    });
+    return [
+        Object.assign(Object.assign({ key: 'flat-mode-main-column', dataHook: 'flat-mode-main-column', title: '', width: '326px' }, state.mainColumn), { style: undefined, render: ({ item }, rowNum) => (React.createElement(NestedTableFlatModeMainCell, { item: item, rowNum: rowNum })) }),
+        ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {
+            const { id, title, sortable, infoTooltipProps, render, width } = column, restColumn = __rest(column, ["id", "title", "sortable", "infoTooltipProps", "render", "width"]);
+            return Object.assign(Object.assign(Object.assign({}, restColumn), createWSRColumnBase(column, index, length)), { sortDescending: sortable && id ? state.query.sort.getIsSortDescending(id) : undefined, render: ({ item }, rowNum) => {
+                    var _a, _b;
+                    return (_b = (_a = item.state.columns) === null || _a === void 0 ? void 0 : _a[id]) === null || _b === void 0 ? void 0 : _b.call(_a, item.originalKeyedItem.item, rowNum);
+                } });
+        }),
+        ...(actionCellColumn ? [actionCellColumn] : []),
+    ];
+}
+//# sourceMappingURL=useFlatModeColumns.js.map

package/dist/esm/components/NestedTable/useFlatModeColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlatModeColumns.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/useFlatModeColumns.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAStE,MAAM,UAAU,kBAAkB,CAChC,KAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,MAAM,EAAE,2BAA2B,EAAE,GAAG,OAAO,CAAC;IAEhD,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;QAChD,KAAK,EAAE,KAAK,CAAC,IAAI;QACjB,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO;sCAEH,GAAG,EAAE,uBAAuB,EAC5B,QAAQ,EAAE,uBAAuB,EACjC,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,OAAO,IACX,KAAK,CAAC,UAAU,KACnB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAyC,EAAE,MAAM,EAAE,EAAE,CAAC,CACnE,oBAAC,2BAA2B,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CAC5D;QAEH,GAAG,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAC/D,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,KAAK,KAEH,MAAM,EADL,UAAU,UACX,MAAM,EARJ,kEAQL,CAAS,CAAC;YACX,qDACK,UAAU,GACV,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAC7C,cAAc,EACZ,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EACvE,MAAM,EAAE,CACN,EAAE,IAAI,EAA2C,EACjD,MAAc,EACd,EAAE;;oBACF,OAAO,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,0CAAG,EAAE,CAAC,mDAC7B,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAC3B,MAAM,CACP,CAAC;gBACJ,CAAC,IACD;QACJ,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAChD,CAAC;AACJ,CAAC"}

package/dist/esm/components/NestedTable/useModeTableProps.js

@@ -0,0 +1,35 @@
+import React, { useMemo } from 'react';
+import { VirtualTableRepeater, } from '../VirtualGridRepeater/VirtualTableRepeater';
+import { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';
+import { NestedTableRow } from './NestedTableRow';
+import { useNestedModeColumns } from './useNestedModeColumns';
+import { useFlatModeColumns } from './useFlatModeColumns';
+export function useModeTableProps(props) {
+    const { state: wrapperState, horizontalScroll, actionCellWidth, actionCellProps, } = props;
+    const { isFlatMode } = wrapperState;
+    const state = isFlatMode ? wrapperState.flat : wrapperState.nested;
+    const key = wrapperState.isFlatMode.toString();
+    const BodyElementType = useMemo(() => ({ children }) => (React.createElement(VirtualGridStateProvider, { key: key, value: state.virtual },
+        React.createElement(VirtualTableRepeater, null, children))), [state, key]);
+    const TrElementType = useMemo(() => (isFlatMode ? undefined : NestedTableRow), [isFlatMode]);
+    const nestedColumns = useNestedModeColumns({
+        state: wrapperState,
+        horizontalScroll,
+        actionCellWidth,
+        actionCellProps,
+    });
+    const flatColumns = useFlatModeColumns({
+        state: wrapperState,
+        horizontalScroll,
+        actionCellWidth,
+        actionCellProps,
+    });
+    return {
+        state,
+        key,
+        BodyElementType,
+        TrElementType,
+        columns: isFlatMode ? flatColumns : nestedColumns,
+    };
+}
+//# sourceMappingURL=useModeTableProps.js.map

package/dist/esm/components/NestedTable/useModeTableProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModeTableProps.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/useModeTableProps.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,oBAAoB,GAErB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU1D,MAAM,UAAU,iBAAiB,CAC/B,KAA2B;IAE3B,MAAM,EACJ,KAAK,EAAE,YAAY,EACnB,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC;IACpC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;IAEnE,MAAM,GAAG,GAAG,YAAY,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;IAE/C,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,CAAC,EAAE,QAAQ,EAA6B,EAAE,EAAE,CAC1C,CACE,oBAAC,wBAAwB,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO;QACtD,oBAAC,oBAAoB,QAAE,QAAQ,CAAwB,CAC9B,CAC5B,EACL,CAAC,KAAK,EAAE,GAAG,CAAC,CACb,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,EAC/C,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,aAAa,GAAG,oBAAoB,CAAC;QACzC,KAAK,EAAE,YAAY;QACnB,gBAAgB;QAChB,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,kBAAkB,CAAC;QACrC,KAAK,EAAE,YAAY;QACnB,gBAAgB;QAChB,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO;QACL,KAAK;QACL,GAAG;QACH,eAAe;QACf,aAAa;QACb,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa;KAClD,CAAC;AACJ,CAAC"}

package/dist/esm/components/NestedTable/useNestedModeColumns.js

@@ -0,0 +1,36 @@
+import { __rest } from "tslib";
+import { NestedTableParentCell } from './NestedTableParentCell';
+import React from 'react';
+import { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';
+import { useNestedTableActionCell } from './useNestedTableActionCell';
+export function useNestedModeColumns(props) {
+    const { state, actionCellProps, actionCellWidth, horizontalScroll } = props;
+    const { toolbar } = state;
+    const { selectedOrderedColumnsOrAll } = toolbar;
+    const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });
+    const actionCellColumn = useNestedTableActionCell({
+        state: state.nested,
+        actionCellWidth,
+        actionCellProps,
+    });
+    return [
+        Object.assign(Object.assign({ key: 'nested-mode-main-column', dataHook: 'nested-mode-main-column', title: '', width: '326px' }, state.mainColumn), { style: undefined, render: (keyedItem, rowNum) => {
+                if (keyedItem.item.originalKeyedItem) {
+                    return (React.createElement(NestedTableParentCell, { state: keyedItem.item.state, item: keyedItem.item, rowNum: rowNum }));
+                }
+                return null;
+            } }),
+        ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {
+            const { id, title, sortable, infoTooltipProps, render, width } = column, restColumn = __rest(column, ["id", "title", "sortable", "infoTooltipProps", "render", "width"]);
+            return Object.assign(Object.assign(Object.assign({}, restColumn), createWSRColumnBase(column, index, length)), { sortDescending: sortable && id ? state.query.sort.getIsSortDescending(id) : undefined, render: ({ item }, rowNum) => {
+                    var _a, _b;
+                    if (item.originalKeyedItem) {
+                        return (_b = (_a = item.state.columns) === null || _a === void 0 ? void 0 : _a[id]) === null || _b === void 0 ? void 0 : _b.call(_a, item.originalKeyedItem.item, rowNum);
+                    }
+                    return null;
+                } });
+        }),
+        ...(actionCellColumn ? [actionCellColumn] : []),
+    ];
+}
+//# sourceMappingURL=useNestedModeColumns.js.map

package/dist/esm/components/NestedTable/useNestedModeColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNestedModeColumns.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAStE,MAAM,UAAU,oBAAoB,CAClC,KAAmC;IAEnC,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,MAAM,EAAE,2BAA2B,EAAE,GAAG,OAAO,CAAC;IAEhD,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;QAChD,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO;sCAEH,GAAG,EAAE,yBAAyB,EAC9B,QAAQ,EAAE,yBAAyB,EACnC,KAAK,EAAE,EAAE,EACT,KAAK,EAAE,OAAO,IACX,KAAK,CAAC,UAAU,KACnB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE;gBAC5B,IAAI,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE;oBACpC,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAC3B,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;QAEH,GAAG,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YAC/D,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,KAAK,KAEH,MAAM,EADL,UAAU,UACX,MAAM,EARJ,kEAQL,CAAS,CAAC;YACX,qDACK,UAAU,GACV,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAC7C,cAAc,EACZ,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EACvE,MAAM,EAAE,CACN,EAAE,IAAI,EAAuC,EAC7C,MAAc,EACd,EAAE;;oBACF,IAAI,IAAI,CAAC,iBAAiB,EAAE;wBAC1B,OAAO,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,0CAAG,EAAE,CAAC,mDAC7B,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAC3B,MAAM,CACP,CAAC;qBACH;oBAED,OAAO,IAAI,CAAC;gBACd,CAAC,IACD;QACJ,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAChD,CAAC;AACJ,CAAC"}

package/dist/esm/components/NestedTable/useNestedTableActionCell.js

@@ -0,0 +1,23 @@
+import { useActionCellColumnBase } from '../ActionCell';
+import React, { useMemo } from 'react';
+import { NestedTableActionCell } from './NestedTableActionCell';
+export function useNestedTableActionCell(params) {
+    const { state, actionCellProps, actionCellWidth } = params;
+    const baseColumn = useActionCellColumnBase({
+        actionCellProps,
+        actionCellWidth,
+    });
+    return useMemo(() => {
+        const isActionsColumnRequired = state.levels.some((level) => level.actionCell);
+        if (!isActionsColumnRequired) {
+            return null;
+        }
+        return Object.assign(Object.assign({}, baseColumn), { render: (keyedItem, rowNum) => {
+                if (keyedItem.item.originalKeyedItem) {
+                    return (React.createElement(NestedTableActionCell, { state: keyedItem.item.state, item: keyedItem.item.originalKeyedItem, rowNum: rowNum }));
+                }
+                return null;
+            } });
+    }, [baseColumn, state]);
+}
+//# sourceMappingURL=useNestedTableActionCell.js.map

package/dist/esm/components/NestedTable/useNestedTableActionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNestedTableActionCell.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/useNestedTableActionCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAKxD,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAUhE,MAAM,UAAU,wBAAwB,CAItC,MAAsC;IACtC,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IAE3D,MAAM,UAAU,GAAG,uBAAuB,CAAC;QACzC,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,uBAAuB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAC5B,CAAC;QAEF,IAAI,CAAC,uBAAuB,EAAE;YAC5B,OAAO,IAAI,CAAC;SACb;QAED,uCACK,UAAU,KACb,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE;gBAC5B,IAAI,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE;oBACpC,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,EAC3B,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,iBAAiB,EACtC,MAAM,EAAE,MAAM,GACd,CACH,CAAC;iBACH;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,IACD;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1B,CAAC"}

package/dist/esm/components/NestedTableDragAndDrop.js

@@ -0,0 +1,11 @@
+import { TableDragAndDrop as WSRTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';
+import { minimalRequiredWdsRuntimeCheck } from '../minimalRequiredWdsRuntimeCheck';
+import { CollectionNestedTableDragAndDropContext } from './CollectionTableDragAndDropContext';
+if (process.env.NODE_ENV !== 'production') {
+    minimalRequiredWdsRuntimeCheck({
+        required: '^1.64.1',
+        requiredBy: 'Cairo/NestedTableDragAndDrop',
+    });
+}
+export const NestedTableDragAndDrop = Object.assign(Object.assign({}, WSRTableDragAndDrop), { CollectionNestedTableDragAndDropContext });
+//# sourceMappingURL=NestedTableDragAndDrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NestedTableDragAndDrop.js","sourceRoot":"","sources":["../../../src/components/NestedTableDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACvG,OAAO,EAAE,8BAA8B,EAAE,MAAM,mCAAmC,CAAC;AACnF,OAAO,EAAE,uCAAuC,EAAE,MAAM,qCAAqC,CAAC;AAE9F,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,8BAA8B,CAAC;QAC7B,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,8BAA8B;KAC3C,CAAC,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,sBAAsB,mCAC9B,mBAAmB,KACtB,uCAAuC,GACxC,CAAC"}

package/dist/esm/components/PageErrorState/PageErrorState.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LoadingErrorState } from '../ErrorState';
+import { Page } from '@wix/design-system';
+import { PageErrorStateIllustration } from './PageErrorStateIllustration';
+export function PageErrorState({ onRetry, title, subtitle, retryText, image, dataHook, }) {
+    return (React.createElement(Page, { dataHook: dataHook },
+        React.createElement(Page.Header, null),
+        React.createElement(Page.Content, null,
+            React.createElement(LoadingErrorState, { title: title, subtitle: subtitle, retryText: retryText, image: image !== null && image !== void 0 ? image : React.createElement(PageErrorStateIllustration, null), dataHook: "page-error-state", onRetry: onRetry }))));
+}
+//# sourceMappingURL=PageErrorState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageErrorState.js","sourceRoot":"","sources":["../../../../src/components/PageErrorState/PageErrorState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,IAAI,EAAa,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAyB1E,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,GACY;IACpB,OAAO,CACL,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ;QACtB,oBAAC,IAAI,CAAC,MAAM,OAAG;QACf,oBAAC,IAAI,CAAC,OAAO;YACX,oBAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,oBAAC,0BAA0B,OAAG,EAC9C,QAAQ,EAAC,kBAAkB,EAC3B,OAAO,EAAE,OAAO,GAChB,CACW,CACV,CACR,CAAC;AACJ,CAAC"}

package/dist/esm/components/PageErrorState/PageErrorState.uni.driver.js

@@ -0,0 +1,6 @@
+import { EmptyStateUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export default (base, body) => {
+    return Object.assign(Object.assign(Object.assign({}, baseUniDriverFactory(base)), EmptyStateUniDriver(base.$('[data-hook="page-error-state"'), body)), { getRetryButton: () => TextButtonUniDriver(base.$('[data-hook="retry-button"]'), body) });
+};
+//# sourceMappingURL=PageErrorState.uni.driver.js.map

package/dist/esm/components/PageErrorState/PageErrorState.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageErrorState.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/PageErrorState/PageErrorState.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,qDACK,oBAAoB,CAAC,IAAI,CAAC,GAC1B,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAE,IAAI,CAAC,KAErE,cAAc,EAAE,GAAG,EAAE,CACnB,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAE,IAAI,CAAC,IACjE;AACJ,CAAC,CAAC"}

package/dist/esm/components/PageErrorState/PageErrorStateIllustration.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const PageErrorStateIllustration = React.memo(() => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "121", height: "120", viewBox: "0 0 121 120", fill: "none" },
+    React.createElement("path", { d: "M86.6599 87.3384C85.6499 87.0184 84.9899 86.1284 84.2299 85.0984C83.8199 84.5484 83.3999 83.9784 82.8899 83.4484C82.2499 82.7884 81.3099 82.1384 80.3999 81.7284C80.1999 82.0784 79.9099 82.3984 79.5299 82.6684C78.3899 83.5084 77.6499 83.2984 77.3199 83.0984C76.8799 82.8384 76.6499 82.3384 76.7099 81.7884C76.7899 81.1284 77.2799 80.5884 77.9999 80.3784C78.5199 80.2284 79.1199 80.2684 79.7499 80.4284C79.7799 78.9584 78.2099 77.0684 77.3399 76.0384C77.1499 75.8084 76.9799 75.6084 76.8499 75.4384L77.6399 74.8284C77.7599 74.9784 77.9199 75.1784 78.0999 75.3884C79.1699 76.6584 80.9499 78.7984 80.7199 80.7184C80.7199 80.7384 80.7199 80.7484 80.7199 80.7584C81.8399 81.2484 82.9299 82.0284 83.6099 82.7384C84.1699 83.3184 84.6299 83.9384 85.0299 84.4884C85.6899 85.3784 86.2599 86.1484 86.9599 86.3684L86.6599 87.3184V87.3384ZM78.7099 81.2784C78.5499 81.2784 78.4099 81.2984 78.2699 81.3384C77.7899 81.4784 77.7099 81.8184 77.6999 81.9084C77.6899 82.0184 77.6999 82.1684 77.8199 82.2284C77.9799 82.3184 78.3599 82.2784 78.9399 81.8584C79.1399 81.7084 79.3099 81.5484 79.4299 81.3784C79.1799 81.3184 78.9299 81.2784 78.7099 81.2784ZM71.6699 53.5484C71.9999 51.7484 72.4199 49.4984 79.2099 48.1484C86.4299 46.7184 89.2099 42.6284 91.0499 39.9284C91.7499 38.9084 92.2999 38.0984 92.8599 37.7584L92.3399 36.8984C91.5899 37.3584 90.9799 38.2384 90.2199 39.3584C88.4699 41.9284 85.8299 45.8084 79.0099 47.1584C71.5499 48.6384 71.0499 51.3584 70.6799 53.3484C70.5999 53.7784 70.5299 54.1584 70.3899 54.4584L71.2999 54.8784C71.4899 54.4684 71.5699 54.0184 71.6599 53.5384L71.6699 53.5484Z", fill: "#192C55" }),
+    React.createElement("path", { d: "M84.3299 64.45C84.3299 57.22 79.6199 51.15 73.2399 49.37C75.1299 46.9 76.1299 43.66 75.7099 40.16C74.9699 33.99 69.5099 30 63.5699 30H60.5699C60.5699 21.04 53.7799 13 45.2099 13H44.1699C35.5999 13 28.5699 21.04 28.5699 30H26.5699C20.6199 30 15.0499 34 14.3099 40.16C13.8899 43.66 14.8899 46.9 16.7799 49.37C10.3999 51.15 5.68994 57.22 5.68994 64.45C5.68994 72.4 11.3799 78.95 18.7299 79.94C17.5499 81.7 16.8499 83.84 16.8499 86.15C16.8499 92.14 21.4999 97 27.2299 97H62.7799C68.5199 97 73.1599 92.14 73.1599 86.15C73.1599 83.84 72.4599 81.7 71.2799 79.94C78.6299 78.96 84.3199 72.41 84.3199 64.45H84.3299Z", fill: "#28BF9A" }),
+    React.createElement("path", { d: "M103.22 18.9205C99.0899 16.4705 93.7599 17.8205 91.2999 21.9505C88.5999 26.4905 90.8599 33.1205 91.9599 35.7705L89.6399 37.1905L93.3399 39.2405L93.5899 36.8505C96.3499 36.5805 103.49 35.4605 106.24 30.8405C108.7 26.7105 107.35 21.3805 103.23 18.9205H103.22Z", fill: "#116DFF" }),
+    React.createElement("path", { d: "M74.84 72.1791C73.93 71.4391 73.19 70.7991 72.49 70.0791C69.24 66.7091 67.95 62.0391 69.2 58.1791L70.15 58.4891C69.01 61.9991 70.2 66.2791 73.2 69.3791C73.87 70.0691 74.59 70.6891 75.47 71.3991L74.84 72.1791ZM45.5 113.999V68.9791L59.81 58.7591L59.23 57.9491L45.5 67.7591V43.0091H44.5V55.3791L29.77 42.0391L29.1 42.7791L44.5 56.7291V68.4791H44.48L44.5 68.5191V84.5391L30.23 74.3491L29.65 75.1591L44.5 85.7591V113.999H9.5V114.999H112.5V113.999H45.5Z", fill: "#192C55" }),
+    React.createElement("path", { d: "M61.8401 17.0009C61.6801 16.6909 61.5801 16.3309 61.5801 15.9609C61.5801 15.1209 62.0401 14.4009 62.6901 14.0909C63.0601 13.9109 63.3001 13.5109 63.3601 13.0709C63.5001 11.9509 64.1201 10.1109 66.6001 9.99094C66.6201 9.99094 66.6501 9.99094 66.6701 9.99094C67.5701 10.0109 68.3901 9.52094 68.8501 8.67094C69.4901 7.50094 70.6501 6.71094 71.9801 6.71094C73.3101 6.71094 74.4901 7.51094 75.1201 8.69094C75.5701 9.52094 76.4201 9.99094 77.2901 9.99094H77.3101C78.6401 9.99094 79.7701 10.9009 80.2301 12.1809C80.4601 12.8209 80.9001 13.3209 81.4901 13.5709C82.3601 13.9309 82.9601 14.7309 82.9601 15.6609C82.9601 16.1409 82.8001 16.6009 82.5301 16.9909H61.8301L61.8401 17.0009ZM115.28 76.0009C115.7 75.5409 115.97 74.9609 115.97 74.3109C115.97 73.2409 115.27 72.3309 114.27 71.9109C113.6 71.6309 113.09 71.0509 112.82 70.3209C112.28 68.8509 110.97 67.8109 109.44 67.8109H109.42C108.41 67.8109 107.43 67.2809 106.91 66.3209C106.17 64.9609 104.83 64.0509 103.28 64.0509C101.73 64.0509 100.4 64.9509 99.6701 66.2909C99.1301 67.2609 98.1801 67.8309 97.1501 67.8109C97.1201 67.8109 97.0901 67.8109 97.0601 67.8109C94.1901 67.9509 93.4801 70.0509 93.3101 71.3309C93.2401 71.8409 92.9701 72.3009 92.5401 72.5009C91.7901 72.8609 91.2601 73.6809 91.2601 74.6409C91.2601 75.1409 91.4101 75.6109 91.6601 75.9909H115.28V76.0009Z", fill: "#C2E2FF" }))));
+//# sourceMappingURL=PageErrorStateIllustration.js.map

package/dist/esm/components/PageErrorState/PageErrorStateIllustration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageErrorStateIllustration.js","sourceRoot":"","sources":["../../../../src/components/PageErrorState/PageErrorStateIllustration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,0BAA0B,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CACzD,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM;IAEX,8BACE,CAAC,EAAC,6iDAA6iD,EAC/iD,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,+lBAA+lB,EACjmB,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,mQAAmQ,EACrQ,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,icAAic,EACnc,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,kyCAAkyC,EACpyC,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/PageGridInfiniteScrollLoader.js

@@ -0,0 +1,18 @@
+import { __rest } from "tslib";
+import { useCollectionReachBottom } from './useCollectionReachBottom';
+import React from 'react';
+import { SkeletonInfiniteScrollLoader, } from './InfiniteScrollLoader/SkeletonInfiniteScrollLoader';
+import { useScrollableContentContext } from '../providers';
+import { observer } from 'mobx-react-lite';
+function _PageSkeletonInfiniteScrollLoader(props) {
+    const { scrollMoreAlways } = props, rest = __rest(props, ["scrollMoreAlways"]);
+    const { scrollableContentRef } = useScrollableContentContext();
+    const { targetRef } = useCollectionReachBottom({
+        collection: props.state.collection,
+        containerRef: scrollableContentRef,
+        scrollMoreAlways,
+    });
+    return React.createElement(SkeletonInfiniteScrollLoader, Object.assign({ targetRef: targetRef }, rest));
+}
+export const PageGridInfiniteScrollLoader = observer(_PageSkeletonInfiniteScrollLoader);
+//# sourceMappingURL=PageGridInfiniteScrollLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageGridInfiniteScrollLoader.js","sourceRoot":"","sources":["../../../src/components/PageGridInfiniteScrollLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,4BAA4B,GAE7B,MAAM,qDAAqD,CAAC;AAE7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAU3C,SAAS,iCAAiC,CACxC,KAA8C;IAE9C,MAAM,EAAE,gBAAgB,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,oBAA6B,CAAQ,CAAC;IAC5C,MAAM,EAAE,oBAAoB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAE/D,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC;QAC7C,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU;QAClC,YAAY,EAAE,oBAAoB;QAClC,gBAAgB;KACjB,CAAC,CAAC;IAEH,OAAO,oBAAC,4BAA4B,kBAAC,SAAS,EAAE,SAAS,IAAM,IAAI,EAAI,CAAC;AAC1E,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,iCAAiC,CAClC,CAAC"}

package/dist/esm/components/PageInfiniteScrollLoader.js

@@ -0,0 +1,18 @@
+import { __rest } from "tslib";
+import { useCollectionReachBottom } from './useCollectionReachBottom';
+import React from 'react';
+import { InfiniteScrollLoader } from './InfiniteScrollLoader/InfiniteScrollLoader';
+import { observer } from 'mobx-react-lite';
+import { useScrollableContentContext } from '../providers';
+function _PageInfiniteScrollLoader(props) {
+    const { scrollMoreAlways } = props, rest = __rest(props, ["scrollMoreAlways"]);
+    const { scrollableContentRef } = useScrollableContentContext();
+    const { targetRef } = useCollectionReachBottom({
+        collection: props.state,
+        containerRef: scrollableContentRef,
+        scrollMoreAlways,
+    });
+    return React.createElement(InfiniteScrollLoader, Object.assign({ targetRef: targetRef }, rest));
+}
+export const PageInfiniteScrollLoader = observer(_PageInfiniteScrollLoader);
+//# sourceMappingURL=PageInfiniteScrollLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageInfiniteScrollLoader.js","sourceRoot":"","sources":["../../../src/components/PageInfiniteScrollLoader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAQ3D,SAAS,yBAAyB,CAChC,KAA0C;IAE1C,MAAM,EAAE,gBAAgB,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArC,oBAA6B,CAAQ,CAAC;IAC5C,MAAM,EAAE,oBAAoB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAE/D,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC;QAC7C,UAAU,EAAE,KAAK,CAAC,KAAK;QACvB,YAAY,EAAE,oBAAoB;QAClC,gBAAgB;KACjB,CAAC,CAAC;IAEH,OAAO,oBAAC,oBAAoB,kBAAC,SAAS,EAAE,SAAS,IAAM,IAAI,EAAI,CAAC;AAClE,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC"}