@xyo-network/react-payload-table 2.32.0-rc.8 → 2.32.1

package/dist/cjs/components/DynamicTable/DynamicTableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoD,aAAa,EAAc,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAMzF,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,+BAA+B,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA0FxE,CAAA"}
+{"version":3,"file":"DynamicTableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/DynamicTableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAoD,aAAa,EAAc,MAAM,eAAe,CAAA;AAE3G,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAMzF,OAAO,EACL,+BAA+B,EAGhC,MAAM,mCAAmC,CAAA;AAE1C,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,+BAA+B,CAAA;IACzC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6FxE,CAAA"}

package/dist/cjs/components/DynamicTable/DynamicTableRow.js

@@ -28,7 +28,7 @@ const PayloadDynamicTableRow = (_a) => {
         const Render = payload
             ? (_a = resolver === null || resolver === void 0 ? void 0 : resolver.resolve(payload)) === null || _a === void 0 ? void 0 : _a.components.table.cell
             : undefined;
-        return Render ? (0, jsx_runtime_1.jsx)(Render, Object.assign({ payload: payload }, props)) : null;
+        return Render ? (0, jsx_runtime_1.jsx)(Render, Object.assign({ payload: payload }, props)) : (0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "left" }, props), "payloads");
     };
     const icon = (props) => {
         var _a;
@@ -38,7 +38,9 @@ const PayloadDynamicTableRow = (_a) => {
         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "left" }, props, { children: Avatar ? (0, jsx_runtime_1.jsx)(Avatar, { payload: payload }) : null }), "payloads"));
     };
     const isValid = wrapper ? new payload_1.XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined;
-    const valid = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: isValid === undefined ? ((0, jsx_runtime_1.jsx)(WarningAmberRounded_1.default, { fontSize: "small", color: "warning" })) : isValid ? ((0, jsx_runtime_1.jsx)(CheckCircleOutlineRounded_1.default, { fontSize: "small", color: "success" })) : ((0, jsx_runtime_1.jsx)(ErrorOutlineRounded_1.default, { color: "error", fontSize: "small" })) }), "valid"));
+    const valid = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: isValid === undefined && payload != undefined ? ((0, jsx_runtime_1.jsx)(WarningAmberRounded_1.default, { fontSize: "small", color: "warning" })) : isValid === true ? ((0, jsx_runtime_1.jsx)(CheckCircleOutlineRounded_1.default, { fontSize: "small", color: "success" })) : isValid === false ? ((0, jsx_runtime_1.jsx)(ErrorOutlineRounded_1.default, { color: "error", fontSize: "small" })) : (
+        //nbsp to keep row height consistent even when no data is provided for the row
+        (0, jsx_runtime_1.jsx)(material_1.Typography, { children: " \u00A0" })) }), "valid"));
     const tableCells = {
         details,
         hash,

package/dist/cjs/components/DynamicTable/DynamicTableRow.js.map

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

package/dist/cjs/components/DynamicTable/Table.d.ts

@@ -6,6 +6,7 @@ export interface PayloadDynamicTableProps extends TableProps {
     exploreDomain?: string;
     archive?: string;
     onRowClick?: (value: XyoPayload) => void;
+    rowsPerPage?: number;
     payloads?: XyoPayload[] | null;
     columns?: PayloadDynamicTableColumnConfig;
 }

package/dist/cjs/components/DynamicTable/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAIpE,OAAO,EAAE,+BAA+B,EAA2C,MAAM,mCAAmC,CAAA;AAE5H,MAAM,WAAW,wBAAyB,SAAQ,UAAU;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,+BAA+B,CAAA;CAC1C;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwDlE,CAAA"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";AAIA,OAAO,EAUL,UAAU,EAIX,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAKpE,OAAO,EAAE,+BAA+B,EAA2C,MAAM,mCAAmC,CAAA;AAE5H,MAAM,WAAW,wBAAyB,SAAQ,UAAU;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,+BAA+B,CAAA;CAC1C;AA+CD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiGlE,CAAA"}

package/dist/cjs/components/DynamicTable/Table.js

@@ -3,27 +3,69 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PayloadDynamicTable = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const FirstPage_1 = tslib_1.__importDefault(require("@mui/icons-material/FirstPage"));
+const KeyboardArrowLeft_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
+const KeyboardArrowRight_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowRight"));
+const LastPage_1 = tslib_1.__importDefault(require("@mui/icons-material/LastPage"));
 const material_1 = require("@mui/material");
 const react_shared_1 = require("@xylabs/react-shared");
 const payload_1 = require("@xyo-network/payload");
 const react_auth_service_1 = require("@xyo-network/react-auth-service");
+const react_1 = require("react");
 const DynamicTableRow_1 = require("./DynamicTableRow");
 const PayloadDynamicTableColumnConfig_1 = require("./PayloadDynamicTableColumnConfig");
+function TablePaginationActions(props) {
+    const theme = (0, material_1.useTheme)();
+    const { count, page, rowsPerPage, onPageChange } = props;
+    const handleFirstPageButtonClick = (event) => {
+        onPageChange(event, 0);
+    };
+    const handleBackButtonClick = (event) => {
+        onPageChange(event, page - 1);
+    };
+    const handleNextButtonClick = (event) => {
+        onPageChange(event, page + 1);
+    };
+    const handleLastPageButtonClick = (event) => {
+        onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ sx: { flexShrink: 0, ml: 2.5 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(LastPage_1.default, {}) : (0, jsx_runtime_1.jsx)(FirstPage_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleBackButtonClick, disabled: page === 0, "aria-label": "previous page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "next page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(FirstPage_1.default, {}) : (0, jsx_runtime_1.jsx)(LastPage_1.default, {}) }))] })));
+}
 const PayloadDynamicTable = (_a) => {
     var _b;
-    var { exploreDomain, archive, onRowClick, payloads, children, columns = (0, PayloadDynamicTableColumnConfig_1.payloadDynamicTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "payloads", "children", "columns"]);
+    var { exploreDomain, archive, onRowClick, rowsPerPage: rowsPerPageProp = 10, payloads, children, columns = (0, PayloadDynamicTableColumnConfig_1.payloadDynamicTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "rowsPerPage", "payloads", "children", "columns"]);
     const breakPoint = (0, react_shared_1.useBreakpoint)();
-    return breakPoint ? ((0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({}, props, { stickyHeader: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
+    const [page, setPage] = (0, react_1.useState)(0);
+    const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(rowsPerPageProp);
+    const payloadCount = payloads ? payloads.length : 0;
+    // Avoid a layout jump when reaching the last page with empty rows.
+    const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - payloadCount) : 0;
+    (0, react_1.useEffect)(() => {
+        setRowsPerPage(rowsPerPageProp);
+    }, [rowsPerPageProp]);
+    const handleChangePage = (event, newPage) => {
+        setPage(newPage);
+    };
+    const handleChangeRowsPerPage = (event) => {
+        setRowsPerPage(parseInt(event.target.value, 10));
+        setPage(0);
+    };
+    return breakPoint ? ((0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({ stickyHeader: true }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
                         var _a;
                         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: (_a = column.alignment) !== null && _a !== void 0 ? _a : 'left', width: column.width }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", noWrap: true }, { children: column.name })) }), index));
-                    }) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [payloads === null || payloads === void 0 ? void 0 : payloads.map((payload, index) => {
+                    }) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, Object.assign({ sx: { overflowY: 'scroll ' } }, { children: [payloads === null || payloads === void 0 ? void 0 : payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((payload, index) => {
                         const wrapper = new payload_1.XyoPayloadWrapper(payload);
                         return ((0, jsx_runtime_1.jsx)(react_auth_service_1.XyoApiThrownErrorBoundary, Object.assign({ errorComponent: (e) => ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, { children: ["Error Loading Payload: ", (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: "bold" }, { children: e.message }))] }))) }, { children: (0, jsx_runtime_1.jsx)(DynamicTableRow_1.PayloadDynamicTableRow, { archive: archive, onClick: onRowClick
                                     ? () => {
                                         onRowClick(payload);
                                     }
                                     : undefined, exploreDomain: exploreDomain, payload: payload }) }), `${wrapper.hash}-${index}`));
-                    }), children] })] }))) : null;
+                    }), children, emptyRows > 0 && Array(emptyRows).fill((0, jsx_runtime_1.jsx)(DynamicTableRow_1.PayloadDynamicTableRow, {}))] })), (0, jsx_runtime_1.jsx)(material_1.TableFooter, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], colSpan: 5, count: payloadCount, rowsPerPage: rowsPerPage, page: page, SelectProps: {
+                            inputProps: {
+                                'aria-label': 'rows per page',
+                            },
+                            native: true,
+                        }, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: TablePaginationActions }) }) })] }))) : null;
 };
 exports.PayloadDynamicTable = PayloadDynamicTable;
 //# sourceMappingURL=Table.js.map

package/dist/cjs/components/DynamicTable/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,uDAAoD;AACpD,kDAAoE;AACpE,wEAA2E;AAE3E,uDAA0D;AAC1D,uFAA4H;AAUrH,MAAM,mBAAmB,GAAuC,CAAC,EAQvE,EAAE,EAAE;;QARmE,EACtE,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,IAAA,yEAAuC,GAAE,OAEpD,EADI,KAAK,sBAP8D,6EAQvE,CADS;IAER,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,wBAAC,gBAAK,oBAAK,KAAK,IAAE,YAAY,uBAC5B,uBAAC,oBAAS,cACR,uBAAC,mBAAQ,cACN,MAAA,OAAO,CAAC,UAAU,CAAC,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;wBAC1C,OAAO,CACL,uBAAC,oBAAS,kBAAa,KAAK,EAAE,MAAA,MAAM,CAAC,SAAS,mCAAI,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,gBAC3E,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,MAAM,sBAC/B,MAAM,CAAC,IAAI,IACD,KAHC,KAAK,CAIT,CACb,CAAA;oBACH,CAAC,CAAC,GACO,GACD,EACZ,wBAAC,oBAAS,eACP,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;wBAChC,MAAM,OAAO,GAAG,IAAI,2BAAiB,CAAC,OAAO,CAAC,CAAA;wBAC9C,OAAO,CACL,uBAAC,8CAAyB,kBAExB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,4CACE,uBAAC,qBAAU,kBAAC,UAAU,EAAC,MAAM,gBAAE,CAAC,CAAC,OAAO,IAAc,KACvE,CACT,gBAED,uBAAC,wCAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;oCACR,CAAC,CAAC,GAAG,EAAE;wCACH,UAAU,CAAC,OAAO,CAAC,CAAA;oCACrB,CAAC;oCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,KAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,KACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAxDY,QAAA,mBAAmB,uBAwD/B"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/DynamicTable/Table.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Table/Table.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="react" />
 import { TableProps } from '@mui/material';
 import { XyoPayload } from '@xyo-network/payload';
+import * as React from 'react';
 import { PayloadTableColumnConfig } from './PayloadTableColumnConfig';
 export interface PayloadTableProps extends TableProps {
     exploreDomain?: string;
     archive?: string;
     onRowClick?: (value: XyoPayload) => void;
+    rowsPerPage?: number;
     payloads?: XyoPayload[] | null;
     columns?: PayloadTableColumnConfig;
 }

package/dist/cjs/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,UAAU,EAAwB,MAAM,eAAe,CAAA;AAE/G,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAGpE,OAAO,EAAsB,wBAAwB,EAAoC,MAAM,4BAA4B,CAAA;AAG3H,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,wBAAwB,CAAA;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwDpD,CAAA"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA+E,UAAU,EAAwB,MAAM,eAAe,CAAA;AAK7I,OAAO,EAAE,UAAU,EAAqB,MAAM,sBAAsB,CAAA;AAEpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAsB,wBAAwB,EAAoC,MAAM,4BAA4B,CAAA;AAG3H,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,wBAAwB,CAAA;CACnC;AA+CD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkGpD,CAAA"}

package/dist/cjs/components/Table/Table.js

@@ -3,26 +3,72 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PayloadTable = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const FirstPage_1 = tslib_1.__importDefault(require("@mui/icons-material/FirstPage"));
+const KeyboardArrowLeft_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
+const KeyboardArrowRight_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowRight"));
+const LastPage_1 = tslib_1.__importDefault(require("@mui/icons-material/LastPage"));
 const material_1 = require("@mui/material");
+const Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
+const IconButton_1 = tslib_1.__importDefault(require("@mui/material/IconButton"));
+const styles_1 = require("@mui/material/styles");
 const react_shared_1 = require("@xylabs/react-shared");
 const payload_1 = require("@xyo-network/payload");
 const react_auth_service_1 = require("@xyo-network/react-auth-service");
+const react_1 = require("react");
 const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
 const TableRow_1 = require("./TableRow");
+function TablePaginationActions(props) {
+    const theme = (0, styles_1.useTheme)();
+    const { count, page, rowsPerPage, onPageChange } = props;
+    const handleFirstPageButtonClick = (event) => {
+        onPageChange(event, 0);
+    };
+    const handleBackButtonClick = (event) => {
+        onPageChange(event, page - 1);
+    };
+    const handleNextButtonClick = (event) => {
+        onPageChange(event, page + 1);
+    };
+    const handleLastPageButtonClick = (event) => {
+        onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
+    };
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, Object.assign({ sx: { flexShrink: 0, ml: 2.5 } }, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ onClick: handleFirstPageButtonClick, disabled: page === 0, "aria-label": "first page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(LastPage_1.default, {}) : (0, jsx_runtime_1.jsx)(FirstPage_1.default, {}) })), (0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ onClick: handleBackButtonClick, disabled: page === 0, "aria-label": "previous page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}) })), (0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "next page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(KeyboardArrowLeft_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, {}) })), (0, jsx_runtime_1.jsx)(IconButton_1.default, Object.assign({ onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1, "aria-label": "last page" }, { children: theme.direction === 'rtl' ? (0, jsx_runtime_1.jsx)(FirstPage_1.default, {}) : (0, jsx_runtime_1.jsx)(LastPage_1.default, {}) }))] })));
+}
 const PayloadTable = (_a) => {
     var _b;
-    var { exploreDomain, archive, onRowClick, payloads, children, columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "payloads", "children", "columns"]);
+    var { exploreDomain, archive, onRowClick, rowsPerPage: rowsPerPageProp = 10, payloads, children, columns = (0, PayloadTableColumnConfig_1.payloadTableColumnConfigDefaults)() } = _a, props = tslib_1.__rest(_a, ["exploreDomain", "archive", "onRowClick", "rowsPerPage", "payloads", "children", "columns"]);
     const breakPoint = (0, react_shared_1.useBreakpoint)();
-    return breakPoint ? ((0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
+    const [page, setPage] = (0, react_1.useState)(0);
+    const [rowsPerPage, setRowsPerPage] = (0, react_1.useState)(rowsPerPageProp);
+    const payloadCount = payloads ? payloads.length : 0;
+    // Avoid a layout jump when reaching the last page with empty rows.
+    const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - payloadCount) : 0;
+    (0, react_1.useEffect)(() => {
+        setRowsPerPage(rowsPerPageProp);
+    }, [rowsPerPageProp]);
+    const handleChangePage = (event, newPage) => {
+        setPage(newPage);
+    };
+    const handleChangeRowsPerPage = (event) => {
+        setRowsPerPage(parseInt(event.target.value, 10));
+        setPage(0);
+    };
+    return breakPoint ? ((0, jsx_runtime_1.jsxs)(material_1.Table, Object.assign({ stickyHeader: true }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (_b = columns[breakPoint]) === null || _b === void 0 ? void 0 : _b.map((column, index) => {
                         return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ width: index === 0 ? '100%' : undefined, align: index === 0 ? 'left' : 'center' }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", noWrap: true }, { children: PayloadTableColumnConfig_1.payloadColumnNames[column] })) }), index));
-                    }) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { children: [payloads === null || payloads === void 0 ? void 0 : payloads.map((payload, index) => {
+                    }) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, Object.assign({ sx: { overflowY: 'scroll ' } }, { children: [payloads === null || payloads === void 0 ? void 0 : payloads.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage).map((payload, index) => {
+                        // {payloads?.map((payload, index) => {
                         const wrapper = new payload_1.XyoPayloadWrapper(payload);
                         return ((0, jsx_runtime_1.jsx)(react_auth_service_1.XyoApiThrownErrorBoundary, Object.assign({ errorComponent: (e) => ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, { children: ["Error Loading Payload: ", (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontWeight: "bold" }, { children: e.message }))] }))) }, { children: (0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, { archive: archive, onClick: onRowClick
                                     ? () => {
                                         onRowClick(payload);
                                     }
                                     : undefined, exploreDomain: exploreDomain, payload: payload }) }), `${wrapper.hash}-${index}`));
-                    }), children] })] }))) : null;
+                    }), children, emptyRows > 0 && Array(emptyRows).fill((0, jsx_runtime_1.jsx)(TableRow_1.PayloadTableRow, {}))] })), (0, jsx_runtime_1.jsx)(material_1.TableFooter, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { rowsPerPageOptions: [5, 10, 25, { label: 'All', value: -1 }], colSpan: 3, count: payloadCount, rowsPerPage: rowsPerPage, page: page, SelectProps: {
+                            inputProps: {
+                                'aria-label': 'rows per page',
+                            },
+                            native: true,
+                        }, onPageChange: handleChangePage, onRowsPerPageChange: handleChangeRowsPerPage, ActionsComponent: TablePaginationActions }) }) })] }))) : null;
 };
 exports.PayloadTable = PayloadTable;
 //# sourceMappingURL=Table.js.map

package/dist/cjs/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+G;AAC/G,uDAAoD;AACpD,kDAAoE;AACpE,wEAA2E;AAE3E,yEAA2H;AAC3H,yCAA4C;AAUrC,MAAM,YAAY,GAAgC,CAAC,EAQzD,EAAE,EAAE;;QARqD,EACxD,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,IAAA,2DAAgC,GAAE,OAE7C,EADI,KAAK,sBAPgD,6EAQzD,CADS;IAER,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAA;IAClC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,wBAAC,gBAAK,oBAAK,KAAK,eACd,uBAAC,oBAAS,cACR,uBAAC,mBAAQ,cACN,MAAA,OAAO,CAAC,UAAU,CAAC,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;wBAC1C,OAAO,CACL,uBAAC,oBAAS,kBAAa,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,gBACpG,uBAAC,qBAAU,kBAAC,OAAO,EAAC,OAAO,EAAC,MAAM,sBAC/B,6CAAkB,CAAC,MAAM,CAAC,IAChB,KAHC,KAAK,CAIT,CACb,CAAA;oBACH,CAAC,CAAC,GACO,GACD,EACZ,wBAAC,oBAAS,eACP,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;wBAChC,MAAM,OAAO,GAAG,IAAI,2BAAiB,CAAC,OAAO,CAAC,CAAA;wBAC9C,OAAO,CACL,uBAAC,8CAAyB,kBAExB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,4CACE,uBAAC,qBAAU,kBAAC,UAAU,EAAC,MAAM,gBAAE,CAAC,CAAC,OAAO,IAAc,KACvE,CACT,gBAED,uBAAC,0BAAe,IACd,OAAO,EAAE,OAAO,EAChB,OAAO,EACL,UAAU;oCACR,CAAC,CAAC,GAAG,EAAE;wCACH,UAAU,CAAC,OAAO,CAAC,CAAA;oCACrB,CAAC;oCACH,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,GAChB,KAlBG,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAmBL,CAC7B,CAAA;oBACH,CAAC,CAAC,EACD,QAAQ,IACC,KACN,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAxDY,QAAA,YAAY,gBAwDxB"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Table/TableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,aAAa,EAAc,MAAM,eAAe,CAAA;AAE9F,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAKzF,OAAO,EAAE,wBAAwB,EAA4D,MAAM,4BAA4B,CAAA;AAE/H,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8D1D,CAAA"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";AAGA,OAAO,EAA8C,aAAa,EAAc,MAAM,eAAe,CAAA;AAErG,OAAO,EAAE,UAAU,EAA0C,MAAM,sBAAsB,CAAA;AAIzF,OAAO,EAAE,wBAAwB,EAA4D,MAAM,4BAA4B,CAAA;AAE/H,MAAM,WAAW,oBAAqB,SAAQ,aAAa;IACzD,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,wBAAwB,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+D1D,CAAA"}

package/dist/cjs/components/Table/TableRow.js

@@ -3,12 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PayloadTableRow = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const CheckCircleOutlineRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/CheckCircleOutlineRounded"));
+const ErrorOutlineRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ErrorOutlineRounded"));
+const WarningAmberRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/WarningAmberRounded"));
 const material_1 = require("@mui/material");
 const react_shared_1 = require("@xylabs/react-shared");
 const payload_1 = require("@xyo-network/payload");
 const react_network_1 = require("@xyo-network/react-network");
 const react_shared_2 = require("@xyo-network/react-shared");
-const md_1 = require("react-icons/md");
 const PayloadTableColumnConfig_1 = require("./PayloadTableColumnConfig");
 const PayloadTableRow = (_a) => {
     var _b;
@@ -19,7 +21,9 @@ const PayloadTableRow = (_a) => {
     const hash = (props) => ((0, jsx_runtime_1.jsx)(react_shared_2.HashTableCell, Object.assign({ archive: archive, width: "100%", value: wrapper === null || wrapper === void 0 ? void 0 : wrapper.hash, dataType: "payload", exploreDomain: exploreDomain, network: networkProp !== null && networkProp !== void 0 ? networkProp : network === null || network === void 0 ? void 0 : network.slug }, props), "hash"));
     const schema = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: payload === null || payload === void 0 ? void 0 : payload.schema })) }), "payloads"));
     const isValid = wrapper ? new payload_1.XyoPayloadValidator(wrapper.body).validate().length === 0 : undefined;
-    const valid = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ fontFamily: "monospace", variant: "body2", noWrap: true }, { children: isValid === undefined ? ((0, jsx_runtime_1.jsx)(md_1.MdDone, { fontSize: 18, color: "yellow" })) : isValid ? ((0, jsx_runtime_1.jsx)(md_1.MdDone, { fontSize: 18, color: "green" })) : ((0, jsx_runtime_1.jsx)(md_1.MdClear, { color: "red", fontSize: 18 })) })) }), "valid"));
+    const valid = (props) => ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({ align: "center" }, props, { children: isValid === undefined && payload != undefined ? ((0, jsx_runtime_1.jsx)(WarningAmberRounded_1.default, { fontSize: "small", color: "warning" })) : isValid === true ? ((0, jsx_runtime_1.jsx)(CheckCircleOutlineRounded_1.default, { fontSize: "small", color: "success" })) : isValid === false ? ((0, jsx_runtime_1.jsx)(ErrorOutlineRounded_1.default, { color: "error", fontSize: "small" })) : (
+        //to keep row height consistent when no data provided, may need fix later
+        (0, jsx_runtime_1.jsx)(ErrorOutlineRounded_1.default, { sx: { color: (0, material_1.alpha)('#fff', 0) }, fontSize: "small" })) }), "valid"));
     const tableCells = {
         hash,
         schema,

package/dist/cjs/components/Table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8F;AAC9F,uDAAoD;AACpD,kDAAyF;AACzF,8DAAuD;AACvD,4DAAyD;AACzD,uCAAgD;AAEhD,yEAA+H;AAUxH,MAAM,eAAe,GAAmC,CAAC,EAO/D,EAAE,EAAE;;QAP2D,EAC9D,aAAa,EACb,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,OAAO,EACP,OAAO,GAAG,IAAA,2DAAgC,GAAE,OAE7C,EADI,KAAK,sBANsD,6DAO/D,CADS;IAER,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAA;IAClC,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,2BAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,0BAAU,GAAE,CAAA;IAEhC,MAAM,IAAI,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAChD,uBAAC,4BAAa,kBAEZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EACpB,QAAQ,EAAC,SAAS,EAClB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,IACjC,KAAK,GAPL,MAAM,CAQV,CACH,CAAA;IAED,MAAM,MAAM,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,uBAAC,oBAAS,kBAAgB,KAAK,EAAC,QAAQ,IAAK,KAAK,cAChD,uBAAC,qBAAU,kBAAC,UAAU,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,sBACtD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IACL,KAHA,UAAU,CAIb,CACb,CAAA;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,6BAAmB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEnG,MAAM,KAAK,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CACjD,uBAAC,oBAAS,kBAAa,KAAK,EAAC,QAAQ,IAAK,KAAK,cAC7C,uBAAC,qBAAU,kBAAC,UAAU,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,sBACtD,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACvB,uBAAC,WAAM,IAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAC,QAAQ,GAAG,CACxC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,uBAAC,WAAM,IAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,uBAAC,YAAO,IAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAE,EAAE,GAAI,CACtC,IACU,KATA,OAAO,CAUV,CACb,CAAA;IAED,MAAM,UAAU,GAA6D;QAC3E,IAAI;QACJ,MAAM;QACN,KAAK;KACN,CAAA;IAED,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,uBAAC,mBAAQ,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAM,KAAK,cAC9C,MAAA,OAAO,CAAC,UAAU,CAAC,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACnC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAA;QAC/B,CAAC,CAAC,IACO,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA9DY,QAAA,eAAe,mBA8D3B"}
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/index.d.ts

@@ -1,2 +1,3 @@
+export * from './DynamicTable';
 export * from './Table';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA"}

package/dist/cjs/components/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DynamicTable"), exports);
 tslib_1.__exportStar(require("./Table"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B;AAC9B,kDAAuB"}