@astral/ui 0.21.0 → 0.22.0

package/DataGrid/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DataGrid"), exports);
+__exportStar(require("./types"), exports);

package/DataGrid/styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const DataGridContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTableContainer: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TableContainerClasses> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    maxHeight?: number | undefined;
+}, {}, {}>;

package/DataGrid/styled.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTableContainer = exports.DataGridContainer = void 0;
+var styles_1 = require("../styles");
+var Table_1 = require("../Table");
+exports.DataGridContainer = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  overflow: hidden;\n"], ["\n  width: 100%;\n  overflow: hidden;\n"])));
+exports.StyledTableContainer = (0, styles_1.styled)(Table_1.TableContainer, {
+    shouldForwardProp: function (prop) { return prop !== 'maxHeight'; },
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n\n  max-height: ", ";\n"], ["\n  position: relative;\n\n  max-height: ", ";\n"])), function (_a) {
+    var maxHeight = _a.maxHeight;
+    return "".concat(maxHeight, "px") || 'auto';
+});
+var templateObject_1, templateObject_2;

package/DataGrid/types.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { SortStates } from './constants';
+export declare type CellValue = string | number | boolean | Date | null | undefined | object;
+export declare type SortState = `${SortStates}`;
+export declare type RenderCell<T> = (params: T) => ReactNode;
+export declare type DataGridRow = Record<string, any>;
+export declare type DataGridSort<Data extends {}> = {
+    fieldId: keyof Data;
+    sort: SortState;
+};
+export declare type DataGridProps<T = DataGridRow> = {
+    rows: T[];
+    columns: DataGridColumns<T>[];
+    keyId: keyof DataGridRow;
+    selectedRows?: Array<T>;
+    onSelectRow?: (row: T[]) => void;
+    sorting?: DataGridSort<T>[];
+    onSort: (sorting: DataGridSort<T>[]) => void;
+    Footer?: ReactNode;
+    maxHeight?: number;
+    loading?: boolean;
+    minDisplayRows?: number;
+};
+export declare type DataGridColumns<Column extends {}> = {
+    field: keyof Column & string;
+    label?: string;
+    sortable?: boolean;
+    pointer?: boolean;
+    renderCell?: RenderCell<Column>;
+    format?: (data: Column) => CellValue;
+    align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+};

package/DataGrid/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/DataGridPagination/DataGridPagination.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DataGridPaginationProps } from './types';
+export declare const DataGridPagination: ({ page, rowsPerPage, totalCount, className, ...props }: DataGridPaginationProps) => JSX.Element;

package/DataGridPagination/DataGridPagination.js

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridPagination = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Pagination_1 = require("../Pagination");
+var styled_1 = require("./styled");
+var DataGridPagination = function (_a) {
+    var page = _a.page, _b = _a.rowsPerPage, rowsPerPage = _b === void 0 ? 10 : _b, totalCount = _a.totalCount, className = _a.className, props = __rest(_a, ["page", "rowsPerPage", "totalCount", "className"]);
+    var count = Math.ceil(totalCount / rowsPerPage);
+    var rangeStart = (0, react_1.useMemo)(function () { return page * rowsPerPage; }, [page]);
+    var rangeEnd = (0, react_1.useMemo)(function () { return page * rowsPerPage + rowsPerPage; }, [page]);
+    var formattedRange = "".concat(rangeStart, " \u2014 ").concat(rangeEnd, " \u0438\u0437 ").concat(totalCount, " \u0437\u0430\u043F\u0438\u0441\u0435\u0439");
+    return ((0, jsx_runtime_1.jsxs)(styled_1.PaginationWrapper, __assign({ className: className }, { children: [(0, jsx_runtime_1.jsx)(styled_1.Range, __assign({ variant: "h6" }, { children: formattedRange }), void 0), (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, __assign({ count: count }, props), void 0)] }), void 0));
+};
+exports.DataGridPagination = DataGridPagination;

package/DataGridPagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DataGridPagination';
+export * from './types';

package/DataGridPagination/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DataGridPagination"), exports);
+__exportStar(require("./types"), exports);

package/DataGridPagination/styled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const PaginationWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Range: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").TypographyProps<"span", {}>, "variant"> & {
+    variant?: "link" | "small" | "code" | "pointer" | import("@mui/material").TypographyVariant | "h7" | "h8" | "h9" | "ui" | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/DataGridPagination/styled.js

@@ -0,0 +1,18 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Range = exports.PaginationWrapper = void 0;
+var styles_1 = require("../styles");
+var Typography_1 = require("../Typography");
+exports.PaginationWrapper = styles_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing(2, 0);
+});
+exports.Range = (0, styles_1.styled)(Typography_1.Typography)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey['700'];
+});
+var templateObject_1, templateObject_2;

package/DataGridPagination/types.d.ts

@@ -0,0 +1,6 @@
+import { PaginationProps } from '../Pagination';
+export declare type DataGridPaginationProps = Omit<PaginationProps, 'count'> & {
+    totalCount: number;
+    rowsPerPage?: number;
+    page: number;
+};

package/DataGridPagination/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PaginationProps } from './types';
+export declare const Pagination: ({ ...props }: PaginationProps) => JSX.Element;

package/Pagination/Pagination.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Pagination = function (_a) {
+    var props = __rest(_a, []);
+    return (0, jsx_runtime_1.jsx)(material_1.Pagination, __assign({ shape: "rounded" }, props), void 0);
+};
+exports.Pagination = Pagination;

package/Pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Pagination';
+export * from './types';

package/Pagination/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Pagination"), exports);
+__exportStar(require("./types"), exports);

package/Pagination/types.d.ts

@@ -0,0 +1,2 @@
+import { PaginationProps as MuiPaginationProps } from '@mui/material';
+export declare type PaginationProps = Omit<MuiPaginationProps, 'shape'>;

package/Pagination/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/Table/Table.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TableProps } from '@mui/material';
+export declare const Table: ({ size, ...props }: TableProps) => JSX.Element;

package/Table/Table.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var Table = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'small' : _b, props = __rest(_a, ["size"]);
+    return (0, jsx_runtime_1.jsx)(material_1.Table, __assign({ size: size }, props), void 0);
+};
+exports.Table = Table;

package/Table/TableBody/TableBody.d.ts

@@ -0,0 +1,3 @@
+import { TableBody, TableBodyProps } from '@mui/material';
+export { TableBody };
+export type { TableBodyProps };

package/Table/TableBody/TableBody.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableBody = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "TableBody", { enumerable: true, get: function () { return material_1.TableBody; } });

package/Table/TableBody/index.d.ts

@@ -0,0 +1 @@
+export * from './TableBody';

package/Table/TableBody/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableBody"), exports);

package/Table/TableCell/TableCell.d.ts

@@ -0,0 +1,3 @@
+import { TableCell, TableCellProps } from '@mui/material';
+export { TableCell };
+export type { TableCellProps };

package/Table/TableCell/TableCell.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableCell = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "TableCell", { enumerable: true, get: function () { return material_1.TableCell; } });

package/Table/TableCell/index.d.ts

@@ -0,0 +1 @@
+export * from './TableCell';

package/Table/TableCell/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableCell"), exports);

package/Table/TableContainer/TableContainer.d.ts

@@ -0,0 +1,3 @@
+import { TableContainer, TableContainerProps } from '@mui/material';
+export { TableContainer };
+export type { TableContainerProps };

package/Table/TableContainer/TableContainer.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableContainer = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "TableContainer", { enumerable: true, get: function () { return material_1.TableContainer; } });

package/Table/TableContainer/index.d.ts

@@ -0,0 +1 @@
+export * from './TableContainer';

package/Table/TableContainer/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableContainer"), exports);

package/Table/TableFooter/TableFooter.d.ts

@@ -0,0 +1,3 @@
+import { TableFooter, TableFooterProps } from '@mui/material';
+export { TableFooter };
+export type { TableFooterProps };

package/Table/TableFooter/TableFooter.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableFooter = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "TableFooter", { enumerable: true, get: function () { return material_1.TableFooter; } });

package/Table/TableFooter/index.d.ts

@@ -0,0 +1 @@
+export * from './TableFooter';

package/Table/TableFooter/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableFooter"), exports);

package/Table/TableHead/TableHead.d.ts

@@ -0,0 +1,3 @@
+import { TableHead, TableHeadProps } from '@mui/material';
+export { TableHead };
+export type { TableHeadProps };

package/Table/TableHead/TableHead.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHead = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "TableHead", { enumerable: true, get: function () { return material_1.TableHead; } });

package/Table/TableHead/index.d.ts

@@ -0,0 +1 @@
+export * from './TableHead';

package/Table/TableHead/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableHead"), exports);

package/Table/TableRow/TableRow.d.ts

@@ -0,0 +1,3 @@
+import { TableRow, TableRowProps } from '@mui/material';
+export { TableRow };
+export type { TableRowProps };

package/Table/TableRow/TableRow.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableRow = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "TableRow", { enumerable: true, get: function () { return material_1.TableRow; } });

package/Table/TableRow/index.d.ts

@@ -0,0 +1 @@
+export * from './TableRow';

package/Table/TableRow/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableRow"), exports);

package/Table/TableSortLabel/TableSortLabel.d.ts

@@ -0,0 +1,3 @@
+import { TableSortLabel, TableSortLabelProps } from '@mui/material';
+export { TableSortLabel };
+export type { TableSortLabelProps };

package/Table/TableSortLabel/TableSortLabel.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableSortLabel = void 0;
+var material_1 = require("@mui/material");
+Object.defineProperty(exports, "TableSortLabel", { enumerable: true, get: function () { return material_1.TableSortLabel; } });

package/Table/TableSortLabel/index.d.ts

@@ -0,0 +1 @@
+export * from './TableSortLabel';

package/Table/TableSortLabel/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableSortLabel"), exports);

package/Table/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Table';
+export * from './TableBody';
+export * from './TableFooter';
+export * from './TableCell';
+export * from './TableContainer';
+export * from './TableRow';
+export * from './TableSortLabel';

package/Table/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Table"), exports);
+__exportStar(require("./TableBody"), exports);
+__exportStar(require("./TableFooter"), exports);
+__exportStar(require("./TableCell"), exports);
+__exportStar(require("./TableContainer"), exports);
+__exportStar(require("./TableRow"), exports);
+__exportStar(require("./TableSortLabel"), exports);

package/esm/DataGrid/DataGrid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DataGridProps } from './types';
+export declare function DataGrid<T>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onSelectRow, Footer, loading, onSort, keyId, }: DataGridProps<T>): JSX.Element;

package/esm/DataGrid/DataGrid.js

@@ -0,0 +1,57 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { Table } from '../Table';
+import { DataGridHead } from './DataGridHead';
+import { DataGridBody } from './DataGridBody';
+import DataGridLoader from './DataGridLoader/DataGridLoader';
+import { DataGridContainer, StyledTableContainer } from './styled';
+export function DataGrid(_a) {
+    var columns = _a.columns, _b = _a.rows, rows = _b === void 0 ? [] : _b, _c = _a.selectedRows, selectedRows = _c === void 0 ? [] : _c, _d = _a.sorting, sorting = _d === void 0 ? [] : _d, maxHeight = _a.maxHeight, _e = _a.minDisplayRows, minDisplayRows = _e === void 0 ? 10 : _e, onSelectRow = _a.onSelectRow, Footer = _a.Footer, loading = _a.loading, onSort = _a.onSort, keyId = _a.keyId;
+    var selectable = Boolean(onSelectRow);
+    var handleSelectAllRows = function (event) {
+        if (!onSelectRow)
+            return;
+        if (event.target.checked) {
+            var mergedSelectedRows = __spreadArray(__spreadArray([], selectedRows, true), rows, true);
+            return onSelectRow(mergedSelectedRows);
+        }
+        var filteredRows = selectedRows.filter(function (selectedRow) { return !rows.find(function (row) { return row[keyId] === selectedRow[keyId]; }); });
+        onSelectRow(filteredRows);
+    };
+    var handleSelectRow = useCallback(function (row) {
+        return function (event) {
+            if (!onSelectRow)
+                return;
+            if (event.target.checked) {
+                return onSelectRow(__spreadArray(__spreadArray([], selectedRows, true), [row], false));
+            }
+            return onSelectRow(selectedRows.filter(function (selectedRow) { return selectedRow[keyId] !== row[keyId]; }));
+        };
+    }, [selectedRows, onSelectRow]);
+    var uncheckedRowsCount = useMemo(function () {
+        return rows.filter(function (row) {
+            return !selectedRows.find(function (selectedRow) { return selectedRow[keyId] === row[keyId]; });
+        }).length;
+    }, [rows, selectedRows, keyId]);
+    return (_jsxs(DataGridContainer, { children: [_jsxs(StyledTableContainer, __assign({ maxHeight: maxHeight }, { children: [_jsxs(Table, __assign({ stickyHeader: true }, { children: [_jsx(DataGridHead, { onSort: onSort, rowsCount: rows.length, uncheckedRowsCount: uncheckedRowsCount, onSelectAllRows: handleSelectAllRows, selectable: selectable, sorting: sorting, columns: columns }, void 0), _jsx(DataGridBody, { keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, onSelectRow: handleSelectRow, selectable: selectable, rows: rows, columns: columns }, void 0)] }), void 0), _jsx(DataGridLoader, { loading: loading }, void 0)] }), void 0), Footer] }, void 0));
+}

package/esm/DataGrid/DataGridBody/DataGridBody.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DataGridBodyProps } from './types';
+export declare function DataGridBody<T>({ rows, columns, selectable, onSelectRow, selectedRows, minDisplayRows, keyId, }: DataGridBodyProps<T>): JSX.Element;