@addev-be/ui 2.7.7 → 3.0.8

package/dist/components/data/DataGrid/index.js

@@ -1,99 +0,0 @@
-"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-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;
-};
-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));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGrid = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles = __importStar(require("./styles"));
-var react_1 = require("react");
-var constants_1 = require("./constants");
-var DataGridFooter_1 = require("./DataGridFooter");
-var DataGridHeader_1 = require("./DataGridHeader");
-var DataGridRowTemplate_1 = require("./DataGridRowTemplate");
-var DataGridToolbar_1 = require("./DataGridToolbar");
-var VirtualScroller_1 = require("../VirtualScroller");
-var space_1 = require("../../../helpers/styled/space");
-var hooks_1 = require("./hooks");
-var DataGrid = function (_a) {
-    var contextOverride = _a.contextOverride, props = __rest(_a, ["contextOverride"]);
-    var scrollableRef = (0, react_1.useRef)(null);
-    var className = props.className;
-    var spaceProps = (0, space_1.extractSpaceProps)(props);
-    var _b = (0, hooks_1.useDataGrid)(props, contextOverride), contextProps = _b[0], DataGridContext = _b[1];
-    var columns = contextProps.columns, selectable = contextProps.selectable, _c = contextProps.rowHeight, rowHeight = _c === void 0 ? constants_1.DEFAULT_ROW_HEIGHT : _c, _d = contextProps.headerRowHeight, headerRowHeight = _d === void 0 ? 40 : _d, gridTemplateColumns = contextProps.gridTemplateColumns, sortedRows = contextProps.sortedRows, onVisibleRowsChange = contextProps.onVisibleRowsChange, refresh = contextProps.refresh, setSelectedKeys = contextProps.setSelectedKeys, addRows = contextProps.addRows, fixedColumnsCount = contextProps.fixedColumnsCount, resizingColumnKey = contextProps.resizingColumnKey, moveResizing = contextProps.moveResizing, endResizing = contextProps.endResizing, footerFunctions = contextProps.footerFunctions;
-    (0, react_1.useImperativeHandle)(props.ref, function () { return ({
-        refresh: refresh !== null && refresh !== void 0 ? refresh : (function () { }),
-        setSelectedKeys: setSelectedKeys,
-        addRows: addRows,
-    }); }, [addRows, refresh, setSelectedKeys]);
-    var hasFooter = footerFunctions && Object.values(footerFunctions).length > 0;
-    var fixedColumnWidths = (0, react_1.useMemo)(function () { return __spreadArray(__spreadArray([], (selectable ? [constants_1.SELECTION_CELL_WIDTH] : []), true), Object.values(columns)
-        .slice(0, fixedColumnsCount !== null && fixedColumnsCount !== void 0 ? fixedColumnsCount : 0)
-        .map(function (col) { var _a; return (_a = col.width) !== null && _a !== void 0 ? _a : constants_1.DEFAULT_COLUMN_WIDTH; }), true); }, [columns, fixedColumnsCount, selectable]);
-    var itemProps = (0, react_1.useMemo)(function () { return ({ context: DataGridContext }); }, [DataGridContext]);
-    var rowTemplate = DataGridRowTemplate_1.DataGridRowTemplate;
-    return ((0, jsx_runtime_1.jsx)(DataGridContext.Provider, { value: contextProps, children: (0, jsx_runtime_1.jsxs)(styles.DataGridWrapper, __assign({}, spaceProps, { children: [(0, jsx_runtime_1.jsx)(DataGridToolbar_1.DataGridToolbar, { context: DataGridContext }), (0, jsx_runtime_1.jsxs)(styles.DataGridContainer, { ref: scrollableRef, "$headerRowHeight": headerRowHeight, "$rowHeight": rowHeight, "$rowsCount": contextProps.sortedRows.length, "$withFooter": hasFooter, className: className, "$fixedColumnWidths": fixedColumnWidths, children: [resizingColumnKey && ((0, jsx_runtime_1.jsx)(styles.ResizeBackdrop, { onMouseMove: moveResizing, onMouseUp: endResizing })), (0, jsx_runtime_1.jsx)(DataGridHeader_1.DataGridHeader, { context: DataGridContext }), (0, jsx_runtime_1.jsx)(VirtualScroller_1.VirtualScroller, { integrated: true, gridTemplateColumns: gridTemplateColumns, items: sortedRows, itemTemplate: rowTemplate, itemProps: itemProps, rowHeightInPx: rowHeight, onRangeChanged: onVisibleRowsChange }), hasFooter && (0, jsx_runtime_1.jsx)(DataGridFooter_1.DataGridFooter, { context: DataGridContext })] })] })) }));
-};
-exports.DataGrid = DataGrid;

package/dist/components/data/DataGrid/styles.d.ts

@@ -1,45 +0,0 @@
-import { SpaceProps } from '../../../helpers/styled/space';
-import { DataGridCellFCProps } from './types';
-import { ThemeColor } from '../../../providers/ThemeProvider/types';
-export declare const DataGridWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SpaceProps>> & string;
-export declare const DataGridResizeGrip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $headerColor?: ThemeColor;
-}>> & string;
-type DataGridHeaderCellContainerProps = {
-    $isResizing?: boolean;
-    $headerColor?: ThemeColor;
-    $hasFilterOpened?: boolean;
-    $textAlign?: 'left' | 'center' | 'right';
-};
-export declare const DataGridHeaderCellContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DataGridHeaderCellContainerProps>> & string;
-export declare const DataGridHeaderTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const dataGridCellCss: import("styled-components").RuleSet<DataGridCellFCProps>;
-export declare const DataGridCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DataGridCellFCProps>> & string;
-export declare const DataGridHeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DataGridToolsRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DataGridToolsRowHeaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DataGridToolsRowButtonsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DataGridContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $headerRowHeight?: number;
-    $rowHeight?: number;
-    $rowsCount: number;
-    $showToolsHeader?: boolean;
-    $withFooter?: boolean;
-    $fixedColumnWidths?: (string | number)[];
-}>> & string;
-type DataGridHeaderOrFooterRowProps = {
-    $headerRowHeight?: number;
-    $headerColor?: ThemeColor;
-    $gridTemplateColumns: string;
-};
-export declare const DataGridHeaderRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, DataGridHeaderOrFooterRowProps>, never>> & string;
-export declare const DataGridFooterRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, DataGridHeaderOrFooterRowProps>, never>> & string;
-type DataGridRowProps = {
-    $edited?: boolean;
-};
-export declare const DataGridRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DataGridRowProps>> & string;
-export declare const LoadingCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridCellFCProps> & DataGridCellFCProps, never>> & string;
-export declare const SelectionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridCellFCProps> & DataGridCellFCProps, never>> & string;
-export declare const HeaderSelectionCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof DataGridHeaderCellContainerProps> & DataGridHeaderCellContainerProps, never>> & string;
-export declare const ResizeBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
-export {};

package/dist/components/data/DataGrid/styles.js

@@ -1,180 +0,0 @@
-"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;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResizeBackdrop = exports.HeaderSelectionCell = exports.SelectionCell = exports.LoadingCell = exports.DataGridRow = exports.DataGridFooterRow = exports.DataGridHeaderRow = exports.DataGridContainer = exports.DataGridToolsRowButtonsContainer = exports.DataGridToolsRowHeaderContent = exports.DataGridToolsRow = exports.DataGridHeaderTitle = exports.DataGridCell = exports.dataGridCellCss = exports.DataGridHeaderTextContainer = exports.DataGridHeaderCellContainer = exports.DataGridResizeGrip = exports.DataGridWrapper = void 0;
-var constants_1 = require("./constants");
-var space_1 = require("../../../helpers/styled/space");
-var styled_components_1 = __importStar(require("styled-components"));
-var styles_1 = require("../VirtualScroller/styles");
-exports.DataGridWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n\n  ", "\n"])), space_1.space);
-exports.DataGridResizeGrip = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--space-1);\n  height: 100%;\n\n  ", "\n\n  cursor: col-resize;\n  display: none;\n"], ["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--space-1);\n  height: 100%;\n\n  ", "\n\n  cursor: col-resize;\n  display: none;\n"])), function (_a) {
-    var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
-    return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: var(--color-", "-400);\n    &:hover,\n    &.active {\n      background-color: var(--color-", "-500);\n    }\n  "], ["\n    background-color: var(--color-", "-400);\n    &:hover,\n    &.active {\n      background-color: var(--color-", "-500);\n    }\n  "])), $headerColor, $headerColor);
-});
-exports.DataGridHeaderCellContainer = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  font-weight: bold;\n  gap: var(--space-1);\n  height: 100%;\n  user-select: none;\n  line-height: 1.5rem;\n  padding: 0 var(--space-3);\n  position: relative;\n  box-sizing: border-box;\n  justify-content: ", ";\n\n  z-index: ", ";\n\n  ", "\n\n  button {\n    display: ", ";\n  }\n\n  &:hover {\n    ", " {\n      display: block;\n    }\n    button {\n      display: flex;\n    }\n  }\n\n  & > span {\n    display: inline-block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n    font-weight: bold;\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  font-weight: bold;\n  gap: var(--space-1);\n  height: 100%;\n  user-select: none;\n  line-height: 1.5rem;\n  padding: 0 var(--space-3);\n  position: relative;\n  box-sizing: border-box;\n  justify-content: ", ";\n\n  z-index: ", ";\n\n  ", "\n\n  button {\n    display: ", ";\n  }\n\n  &:hover {\n    ", " {\n      display: block;\n    }\n    button {\n      display: flex;\n    }\n  }\n\n  & > span {\n    display: inline-block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    flex: 1;\n    font-weight: bold;\n  }\n"])), function (_a) {
-    var _b = _a.$textAlign, $textAlign = _b === void 0 ? 'left' : _b;
-    return $textAlign === 'left'
-        ? 'flex-start'
-        : $textAlign === 'center'
-            ? 'center'
-            : 'flex-end';
-}, function (_a) {
-    var $isResizing = _a.$isResizing;
-    return ($isResizing ? 1 : 0);
-}, function (_a) {
-    var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
-    return $headerColor
-        ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n          background-color: var(--color-", "-200);\n          color: var(--color-", "-950);\n          &:hover {\n            background-color: var(--color-", "-300);\n          }\n\n          & > button {\n            background-color: var(--color-", "-400);\n            border-color: var(--color-", "-500);\n            &:hover {\n              background-color: var(--color-", "-500);\n              border-color: var(--color-", "-600);\n            }\n          }\n          & > button.danger {\n            background-color: var(--color-red-400);\n            border-color: var(--color-red-500);\n            &:hover {\n              background-color: var(--color-red-500);\n              border-color: var(--color-red-600);\n            }\n          }\n        "], ["\n          background-color: var(--color-", "-200);\n          color: var(--color-", "-950);\n          &:hover {\n            background-color: var(--color-", "-300);\n          }\n\n          & > button {\n            background-color: var(--color-", "-400);\n            border-color: var(--color-", "-500);\n            &:hover {\n              background-color: var(--color-", "-500);\n              border-color: var(--color-", "-600);\n            }\n          }\n          & > button.danger {\n            background-color: var(--color-red-400);\n            border-color: var(--color-red-500);\n            &:hover {\n              background-color: var(--color-red-500);\n              border-color: var(--color-red-600);\n            }\n          }\n        "])), $headerColor, $headerColor, $headerColor, $headerColor, $headerColor, $headerColor, $headerColor) : (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: var(--color-base-200);\n          color: var(--color-text-950);\n          &:hover {\n            background-color: var(--color-base-300);\n          }\n        "], ["\n          background-color: var(--color-base-200);\n          color: var(--color-text-950);\n          &:hover {\n            background-color: var(--color-base-300);\n          }\n        "])));
-}, function (_a) {
-    var $hasFilterOpened = _a.$hasFilterOpened;
-    return ($hasFilterOpened ? 'flex' : 'none');
-}, exports.DataGridResizeGrip);
-exports.DataGridHeaderCellContainer.displayName = 'DataGridHeaderCellContainer';
-exports.DataGridHeaderTextContainer = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  line-height: 1rem;\n  align-items: center;\n  font-size: var(--text-md);\n  max-height: 100%;\n"], ["\n  display: flex;\n  flex: 1;\n  line-height: 1rem;\n  align-items: center;\n  font-size: var(--text-md);\n  max-height: 100%;\n"])));
-exports.dataGridCellCss = (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0 var(--space-3);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: ", ";\n  white-space: nowrap;\n  ", "\n  background-color: ", ";\n  justify-content: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding: 0 var(--space-3);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  user-select: ", ";\n  white-space: nowrap;\n  ", "\n  background-color: ", ";\n  justify-content: ", ";\n"])), function (_a) {
-    var $userSelect = _a.$userSelect;
-    return ($userSelect ? 'text' : 'none');
-}, function (_a) {
-    var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
-    return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    border-right: 1px solid var(--color-", "-200);\n    border-bottom: 1px solid var(--color-", "-200);\n    &:first-child {\n      border-left: 1px solid var(--color-", "-300);\n    }\n    &:last-child {\n      border-right: 1px solid var(--color-", "-300);\n    }\n  "], ["\n    border-right: 1px solid var(--color-", "-200);\n    border-bottom: 1px solid var(--color-", "-200);\n    &:first-child {\n      border-left: 1px solid var(--color-", "-300);\n    }\n    &:last-child {\n      border-right: 1px solid var(--color-", "-300);\n    }\n  "])), $headerColor, $headerColor, $headerColor, $headerColor);
-}, function (_a) {
-    var _b = _a.$color, $color = _b === void 0 ? 'base' : _b;
-    return "var(--color-".concat($color, "-50)");
-}, function (_a) {
-    var _b = _a.$textAlign, $textAlign = _b === void 0 ? 'left' : _b;
-    return $textAlign === 'left'
-        ? 'flex-start'
-        : $textAlign === 'center'
-            ? 'center'
-            : 'flex-end';
-});
-exports.DataGridCell = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.dataGridCellCss);
-exports.DataGridCell.displayName = 'DataGridCell';
-exports.DataGridHeaderTitle = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  white-space: normal;\n  font-weight: bold;\n  color: var(--color-text-800);\n  height: auto;\n"], ["\n  white-space: normal;\n  font-weight: bold;\n  color: var(--color-text-800);\n  height: auto;\n"])));
-exports.DataGridToolsRow = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  grid-column-start: 1;\n  grid-column-end: -1;\n  grid-row: 1;\n  display: flex;\n  gap: var(--space-2);\n  padding: var(--space-2);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  align-items: flex-end;\n"], ["\n  grid-column-start: 1;\n  grid-column-end: -1;\n  grid-row: 1;\n  display: flex;\n  gap: var(--space-2);\n  padding: var(--space-2);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  align-items: flex-end;\n"])));
-exports.DataGridToolsRowHeaderContent = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
-exports.DataGridToolsRowButtonsContainer = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  flex-shrink: 0;\n  display: flex;\n  gap: var(--space-1);\n  align-items: center;\n  padding: 0 var(--space-1);\n  position: sticky;\n  left: 0;\n"], ["\n  flex-shrink: 0;\n  display: flex;\n  gap: var(--space-1);\n  align-items: center;\n  padding: 0 var(--space-1);\n  position: sticky;\n  left: 0;\n"])));
-exports.DataGridContainer = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: grid;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-base-50);\n  font-size: var(--text-base);\n  overflow: scroll;\n  grid-template-rows: ", ";\n\n  ", " {\n    height: ", "px;\n  }\n  ", " {\n    position: sticky;\n    top: ", ";\n    height: ", ";\n  }\n  ", " {\n    height: ", ";\n    line-height: ", ";\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  ", "\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 2;\n  }\n\n  scrollbar-color: var(--color-base-500) var(--color-base-100);\n  scrollbar-width: auto;\n"], ["\n  display: grid;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-base-50);\n  font-size: var(--text-base);\n  overflow: scroll;\n  grid-template-rows: ", ";\n\n  ", " {\n    height: ", "px;\n  }\n  ", " {\n    position: sticky;\n    top: ", ";\n    height: ", ";\n  }\n  ", " {\n    height: ", ";\n    line-height: ", ";\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  ", "\n\n  ", " {\n    grid-column-start: 1;\n    grid-column-end: -1;\n    grid-row: 2;\n  }\n\n  scrollbar-color: var(--color-base-500) var(--color-base-100);\n  scrollbar-width: auto;\n"])), function (_a) {
-    var _b = _a.$headerRowHeight, $headerRowHeight = _b === void 0 ? constants_1.DEFAULT_HEADER_ROW_HEIGHT : _b, _c = _a.$withFooter, $withFooter = _c === void 0 ? false : _c;
-    return "".concat($headerRowHeight, "px auto ").concat($withFooter ? constants_1.DEFAULT_FOOTER_ROW_HEIGHT + 'px' : '');
-}, exports.DataGridToolsRow, constants_1.TOOLBAR_HEIGHT, exports.DataGridHeaderCellContainer, function (_a) {
-    var _b = _a.$headerRowHeight, $headerRowHeight = _b === void 0 ? constants_1.DEFAULT_HEADER_ROW_HEIGHT : _b;
-    return "".concat($headerRowHeight, "px");
-}, function (_a) {
-    var _b = _a.$headerRowHeight, $headerRowHeight = _b === void 0 ? constants_1.DEFAULT_HEADER_ROW_HEIGHT : _b;
-    return "".concat($headerRowHeight, "px");
-}, exports.DataGridCell, function (_a) {
-    var _b = _a.$rowHeight, $rowHeight = _b === void 0 ? constants_1.DEFAULT_ROW_HEIGHT : _b;
-    return "".concat($rowHeight, "px");
-}, function (_a) {
-    var _b = _a.$rowHeight, $rowHeight = _b === void 0 ? constants_1.DEFAULT_ROW_HEIGHT : _b;
-    return "".concat($rowHeight, "px");
-}, function (_a) {
-    var _b = _a.$fixedColumnWidths, $fixedColumnWidths = _b === void 0 ? [] : _b;
-    return $fixedColumnWidths.map(function (width, i) { return "\n    ".concat(exports.DataGridHeaderCellContainer, ":nth-child(").concat(i + 1, ") {\n      position: sticky;\n      left: ").concat(i === 0
-        ? '0'
-        : "calc(".concat($fixedColumnWidths
-            .slice(0, i)
-            .map(function (w) { return (typeof w === 'number' ? "".concat(w, "px") : w); })
-            .join(' + '), ")"), ";\n      z-index: 1;\n    }"); });
-}, function (_a) {
-    var _b = _a.$fixedColumnWidths, $fixedColumnWidths = _b === void 0 ? [] : _b;
-    return $fixedColumnWidths.map(function (width, i) { return "\n    ".concat(exports.DataGridCell, ":nth-child(").concat(i + 1, ") {\n      position: sticky;\n      left: ").concat(i === 0
-        ? '0'
-        : "calc(".concat($fixedColumnWidths
-            .slice(0, i)
-            .map(function (w) { return (typeof w === 'number' ? "".concat(w, "px") : w); })
-            .join(' + '), ")"), ";\n      background-color: var(--color-base-50);\n      z-index: 1;\n    }"); });
-}, styles_1.VirtualScrollerFiller);
-exports.DataGridContainer.displayName = 'DataGridContainer';
-var dataGridHeaderOrFooterRowCss = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: grid;\n  grid-template-rows: ", ";\n  z-index: 10;\n  position: sticky;\n  align-items: center;\n\n  ", "\n"], ["\n  display: grid;\n  grid-template-rows: ", ";\n  z-index: 10;\n  position: sticky;\n  align-items: center;\n\n  ", "\n"])), function (_a) {
-    var _b = _a.$headerRowHeight, $headerRowHeight = _b === void 0 ? constants_1.DEFAULT_HEADER_ROW_HEIGHT : _b;
-    return "".concat($headerRowHeight, "px");
-}, function (_a) {
-    var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
-    return $headerColor
-        ? (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n          background-color: var(--color-", "-100);\n          color: var(--color-", "-900);\n          ", ":first-child {\n            border-left: 1px solid var(--color-", "-300);\n          }\n          ", ":last-child {\n            border-right: 1px solid var(--color-", "-300);\n          }\n        "], ["\n          background-color: var(--color-", "-100);\n          color: var(--color-", "-900);\n          ", ":first-child {\n            border-left: 1px solid var(--color-", "-300);\n          }\n          ", ":last-child {\n            border-right: 1px solid var(--color-", "-300);\n          }\n        "])), $headerColor, $headerColor, exports.DataGridHeaderCellContainer, $headerColor, exports.DataGridHeaderCellContainer, $headerColor) : (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n          background-color: var(--color-base-200);\n          color: var(--color-text-800);\n          ", ":first-child {\n            border-left: 1px solid var(--color-base-300);\n          }\n          ", ":last-child {\n            border-right: 1px solid var(--color-base-300);\n          }\n        "], ["\n          background-color: var(--color-base-200);\n          color: var(--color-text-800);\n          ", ":first-child {\n            border-left: 1px solid var(--color-base-300);\n          }\n          ", ":last-child {\n            border-right: 1px solid var(--color-base-300);\n          }\n        "])), exports.DataGridHeaderCellContainer, exports.DataGridHeaderCellContainer);
-});
-exports.DataGridHeaderRow = styled_components_1.default.div.attrs(function (_a) {
-    var $gridTemplateColumns = _a.$gridTemplateColumns;
-    return ({
-        style: {
-            gridTemplateColumns: $gridTemplateColumns,
-        },
-    });
-})(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  ", "\n  top: 0;\n  border-top: 1px solid\n    var(--color-", "-300);\n"], ["\n  ", "\n  top: 0;\n  border-top: 1px solid\n    var(--color-", "-300);\n"])), dataGridHeaderOrFooterRowCss, function (_a) {
-    var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
-    return $headerColor;
-});
-exports.DataGridHeaderRow.displayName = 'DataGridHeaderRow';
-exports.DataGridFooterRow = styled_components_1.default.div.attrs(function (_a) {
-    var $gridTemplateColumns = _a.$gridTemplateColumns;
-    return ({
-        style: {
-            gridTemplateColumns: $gridTemplateColumns,
-        },
-    });
-})(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  ", "\n  border-top: 1px solid var(--color-", "-300);\n  border-bottom: 1px solid\n    var(--color-", "-300);\n  bottom: 0;\n"], ["\n  ", "\n  border-top: 1px solid var(--color-", "-300);\n  border-bottom: 1px solid\n    var(--color-", "-300);\n  bottom: 0;\n"])), dataGridHeaderOrFooterRowCss, function (_a) {
-    var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
-    return $headerColor;
-}, function (_a) {
-    var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
-    return $headerColor;
-});
-exports.DataGridFooterRow.displayName = 'DataGridFooterRow';
-exports.DataGridRow = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  display: contents;\n\n  /* &:last-child > ", " {\n    border-bottom: none;\n  } */\n\n  &:hover > ", " {\n    background-color: var(--color-blue-100);\n  }\n\n  ", "\n"], ["\n  display: contents;\n\n  /* &:last-child > ", " {\n    border-bottom: none;\n  } */\n\n  &:hover > ", " {\n    background-color: var(--color-blue-100);\n  }\n\n  ", "\n"])), exports.DataGridCell, exports.DataGridCell, function (_a) {
-    var $edited = _a.$edited;
-    return $edited && (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n      & > ", ", & > ", " {\n        background-color: var(--color-warning-100);\n        color: var(--color-warning-900);\n      }\n      &:hover > ", ", &:hover > ", " {\n        background-color: var(--color-blue-100);\n      }\n    "], ["\n      & > ", ", & > ", " {\n        background-color: var(--color-warning-100);\n        color: var(--color-warning-900);\n      }\n      &:hover > ", ", &:hover > ", " {\n        background-color: var(--color-blue-100);\n      }\n    "])), exports.DataGridCell, exports.SelectionCell, exports.DataGridCell, exports.SelectionCell);
-});
-exports.DataGridRow.displayName = 'DataGridRow';
-exports.LoadingCell = (0, styled_components_1.default)(exports.DataGridCell)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  padding: var(--space-2);\n  box-sizing: border-box;\n\n  &.animate-pulse > div {\n    background-color: var(--color-base-200);\n    border-radius: var(--rounded-full);\n    width: 100%;\n    height: 100%;\n  }\n"], ["\n  padding: var(--space-2);\n  box-sizing: border-box;\n\n  &.animate-pulse > div {\n    background-color: var(--color-base-200);\n    border-radius: var(--rounded-full);\n    width: 100%;\n    height: 100%;\n  }\n"])));
-exports.LoadingCell.displayName = 'LoadingCell';
-var selectionCellStyle = (0, styled_components_1.css)(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--space-8);\n  cursor: pointer;\n  width: ", ";\n\n  & > input[type='checkbox'] {\n    margin: 0;\n    height: var(--space-4);\n    width: var(--space-4);\n    border-radius: var(--rounded-sm);\n    border: 1px solid var(--color-base-300);\n    color: var(--color-primary-600);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--space-8);\n  cursor: pointer;\n  width: ", ";\n\n  & > input[type='checkbox'] {\n    margin: 0;\n    height: var(--space-4);\n    width: var(--space-4);\n    border-radius: var(--rounded-sm);\n    border: 1px solid var(--color-base-300);\n    color: var(--color-primary-600);\n  }\n"])), constants_1.SELECTION_CELL_WIDTH);
-exports.SelectionCell = (0, styled_components_1.default)(exports.DataGridCell)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  ", "\n  padding: 0 var(--space-1);\n"], ["\n  ", "\n  padding: 0 var(--space-1);\n"])), selectionCellStyle);
-exports.SelectionCell.displayName = 'SelectionCell';
-exports.HeaderSelectionCell = (0, styled_components_1.default)(exports.DataGridHeaderCellContainer)(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  ", "\n  padding: 0;\n  ", "\n"], ["\n  ", "\n  padding: 0;\n  ", "\n"])), selectionCellStyle, function (_a) {
-    var _b = _a.$headerColor, $headerColor = _b === void 0 ? 'base' : _b;
-    return (0, styled_components_1.css)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n    background-color: var(--color-", "-200);\n  "], ["\n    background-color: var(--color-", "-200);\n  "])), $headerColor);
-});
-exports.HeaderSelectionCell.displayName = 'HeaderSelectionCell';
-exports.ResizeBackdrop = styled_components_1.default.div.attrs({
-    className: 'ResizeBackdrop',
-})(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0);\n  cursor: col-resize;\n  z-index: 100;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0);\n  cursor: col-resize;\n  z-index: 100;\n"])));
-exports.ResizeBackdrop.displayName = 'ResizeBackdrop';
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28;

package/dist/components/data/DataGrid/types.d.ts

@@ -1,250 +0,0 @@
-import * as z from 'zod';
-import { CSSProperties, Context, Dispatch, FC, MouseEvent, MouseEventHandler, ReactNode, SetStateAction } from 'react';
-import { DataGridEditableCellFC } from './DataGridEditableCell/types';
-import { SpaceProps } from '../../../helpers/styled/space';
-import { ThemeColor } from '../../../providers/ThemeProvider/types';
-export type DataGridCellFCProps = {
-    onDoubleClick?: MouseEventHandler;
-    style?: CSSProperties;
-    $color?: ThemeColor;
-    $textAlign?: 'left' | 'right' | 'center';
-    $userSelect?: boolean;
-    $headerColor?: ThemeColor;
-};
-export type DataGridCellFC = FC<DataGridCellFCProps>;
-export type DataGridFooterPredefinedFunction = 'average' | 'avg' | 'count' | 'max' | 'min' | 'sum';
-export type DataGridFooterFunction<R> = (allRows: R[], filteredRows: R[], selectedRows: R[]) => ReactNode;
-type ExcelOptions = {
-    formatter?: (value: any) => string;
-    colorGetter?: (value: any) => string;
-    valueGetter?: (value: any) => string;
-};
-type CommonGridColumnProps<R, T> = {
-    key: string;
-    component?: DataGridCellFC;
-    color?: ThemeColor;
-    excelOptions?: ExcelOptions;
-    typography?: {
-        bold?: boolean;
-        italic?: boolean;
-        underline?: boolean;
-        ellipsis?: boolean;
-        lineClamp?: number;
-    };
-    textAlign?: 'left' | 'right' | 'center';
-    filter?: DataGridFilter;
-    footer?: DataGridFooterFunction<R> | Record<string, DataGridFooterFunction<R> | null>;
-    name: ReactNode;
-    order?: number;
-    getter: (row: R) => T;
-    render?: (value: T, row: R, column: CommonGridColumnProps<R, T>) => ReactNode | string;
-    resizable?: boolean;
-    sortGetter?: (row: R) => string | number;
-    width?: number;
-};
-export type EditableDataGridColumn<R, T> = CommonGridColumnProps<R, T> & {
-    editable?: boolean;
-    editComponent?: DataGridEditableCellFC<R, T>;
-    itemToPartialRow?: (key: string, row: R, value: T) => Partial<R>;
-};
-export type DataGridTextColumn<R> = EditableDataGridColumn<R, string> & {
-    type: 'text';
-};
-export type DataGridNumberColumn<R> = EditableDataGridColumn<R, number> & {
-    type: 'number';
-    decimals?: number;
-    currency?: string | ((row: R) => string);
-    prefix?: string;
-    suffix?: string;
-};
-export type DataGridDateColumn<R> = EditableDataGridColumn<R, string> & {
-    type: 'date';
-};
-export type DataGridCheckboxColumn<R> = EditableDataGridColumn<R, boolean> & {
-    type: 'checkbox';
-};
-export type DataGridSelectColumn<R, T = any> = EditableDataGridColumn<R, T | null> & {
-    type: 'select';
-    items: T[];
-    itemKey: (item: T) => string;
-    itemLabel: (item: T) => string;
-};
-export type DataGridForeignListColumn<R> = EditableDataGridColumn<R, string | null> & {
-    type: 'foreignList';
-};
-export type DataGridColorColumn<R> = EditableDataGridColumn<R, string> & {
-    type: 'color';
-};
-export type DataGridColumn<R> = DataGridTextColumn<R> | DataGridNumberColumn<R> | DataGridDateColumn<R> | DataGridCheckboxColumn<R> | DataGridSelectColumn<R> | DataGridForeignListColumn<R> | DataGridColorColumn<R>;
-export type DataGridColumnWithFilter<R> = DataGridColumn<R> & {
-    filter: DataGridFilter;
-};
-export type DataGridColumns<R> = DataGridColumn<R>[];
-export type DataGridFilters = Record<string, DataGridFilter<DataGridFilterType>>;
-export type DataGridProps<R> = {
-    name?: string;
-    className?: string;
-    rows: R[];
-    setRows?: Dispatch<SetStateAction<R[]>>;
-    columns: DataGridColumns<R>;
-    rowKey: string;
-    selectable?: boolean;
-    userSelect?: boolean;
-    editable?: boolean;
-    onRowDoubleClick?: (row: R, e: MouseEvent) => void;
-    onSelectionChange?: (keys: string[]) => void;
-    onSelectedRowsChanged?: (rows: R[]) => void;
-    getAllIds?: () => Promise<string[]>;
-    onFiltersChanged?: (filters: DataGridFilters) => void;
-    onSortsChanged?: (sorts: Record<string, DataGridSort>) => void;
-    onVisibleRowsChange?: (startIndex: number, length: number) => void;
-    onCellEdited?: (row: R, columnKey: string, value: any) => void;
-    rowClassNameGetter?: (row: R | null) => {
-        className?: string;
-        style?: CSSProperties;
-    };
-    headerRowHeight?: number;
-    rowHeight?: number;
-    filter?: boolean;
-    sort?: boolean;
-    initialSorts?: Record<string, DataGridSort>;
-    initialFooters?: Record<string, string>;
-    onFootersChanged?: (footers: Record<string, string>) => void;
-    filterValuesLoader?: (columnKey: string) => Promise<(string | number | null)[]>;
-    loadCopyRows?: () => Promise<R[]>;
-    refresh?: () => void;
-    headerColor?: ThemeColor;
-    fixedColumnsCount?: number;
-    onRowEdited?: (row: R, columnKey: keyof R, value: any) => void;
-    onSaveClicked?: (addedRows: DataGridEditedRows<R>, editedRows: DataGridEditedRows<R>) => Promise<string[]>;
-    onAddClicked?: () => Promise<R>;
-    headerContent?: ReactNode;
-} & SpaceProps;
-export type DataGridContextProps<R> = DataGridProps<R> & {
-    setRows: Dispatch<SetStateAction<R[]>>;
-    editingCell?: [number, number];
-    setEditingCell: Dispatch<SetStateAction<[number, number]>>;
-    sortedRows: R[];
-    selectedRows: R[];
-    selectedKeys: string[];
-    setSelectedKeys: (selection: string[]) => void;
-    sorts?: Record<string, DataGridSort>;
-    setSorts: (sorts: Record<string, DataGridSort>) => void;
-    filters?: DataGridFilters;
-    setFilters: Dispatch<SetStateAction<DataGridFilters>>;
-    footers?: Record<string, string>;
-    setFooters: Dispatch<SetStateAction<Record<string, string>>>;
-    footerFunctions?: Record<string, DataGridFooterFunction<R>>;
-    visibleColumns: DataGridColumns<R>;
-    copyTable: (includeHeaders?: boolean, includeFooters?: boolean) => Promise<void>;
-    setColumnWidth: (key: string, width: number) => void;
-    saveSettings: (newSettings?: DataGridSettings) => void;
-    settings: DataGridSettings;
-    setSettings: Dispatch<SetStateAction<DataGridSettings>>;
-    length: number;
-    rowKeyGetter: (row: R) => string;
-    gridTemplateColumns: string;
-    resizingColumnKey: string | null;
-    startResizing: (e: MouseEvent, columnKey: string) => void;
-    moveResizing: (e: MouseEvent) => void;
-    endResizing: () => void;
-    toggleSelection: (key: string) => void;
-    addedRows: DataGridEditedRows<R>;
-    updatedRows: DataGridEditedRows<R>;
-    editRow: (row: Partial<R>) => void;
-    addRow: (row: R) => void;
-    addRows: (rows: R[]) => void;
-    updateRow: (row: Partial<R>) => void;
-    clearChangedRows: (keys?: string[]) => void;
-};
-export type DataGridContext<R> = Context<DataGridContextProps<R>>;
-export declare const dataGridSettingSchema: z.ZodObject<{
-    width: z.ZodOptional<z.ZodNumber>;
-    order: z.ZodOptional<z.ZodNumber>;
-}, z.core.$strip>;
-export declare const dataGridSettingsSchema: z.ZodRecord<z.ZodString, z.ZodObject<{
-    width: z.ZodOptional<z.ZodNumber>;
-    order: z.ZodOptional<z.ZodNumber>;
-}, z.core.$strip>>;
-export declare const dataGridSettingsByNameSchema: z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodString, z.ZodObject<{
-    width: z.ZodOptional<z.ZodNumber>;
-    order: z.ZodOptional<z.ZodNumber>;
-}, z.core.$strip>>>;
-export type DataGridSetting = z.infer<typeof dataGridSettingSchema>;
-export type DataGridSettings = z.infer<typeof dataGridSettingsSchema>;
-export type DataGridSettingsByName = z.infer<typeof dataGridSettingsByNameSchema>;
-export type DataGridSettingsTuple = [string, DataGridSetting];
-export type DataGridSettingsArray = DataGridSettingsTuple[];
-export type DataGridColumnKeyValuePair<R> = [string, DataGridColumn<R>];
-export type DataGridCellProps<R, T> = {
-    row: R;
-    rowIndex: number;
-    columnKey: string;
-    columnIndex: number;
-    column: CommonGridColumnProps<R, T> | EditableDataGridColumn<R, T>;
-    context: DataGridContext<R>;
-    className?: string;
-    style?: CSSProperties;
-    userSelect?: boolean;
-    color?: ThemeColor;
-};
-export type EditableDataGridCellProps<R, T> = DataGridCellProps<R, T> & {};
-export type DataGridHeaderCellProps<R> = {
-    columnKey: string;
-    columnIndex: number;
-    column: DataGridColumn<R>;
-    context: DataGridContext<R>;
-    onFilterButtonClicked?: (columnKey: string) => void;
-    isFilterOpen?: boolean;
-    color?: ThemeColor;
-};
-export type DataGridSort = 'asc' | 'desc';
-export type DataGridFilterPredicate<T> = (valueToVerify: T) => boolean;
-export type DataGridFilterPredicateBuilder<T> = (...filterValues: T[]) => DataGridFilterPredicate<T>;
-export type DataGridFilterOperators<K extends string, T> = {
-    [key in K]: DataGridFilterPredicateBuilder<T>;
-};
-export type DataGridFilterPredicates = {
-    date: DataGridFilterOperators<'before' | 'after' | 'equals' | 'notEquals' | 'inRange' | 'inArray', string>;
-    text: DataGridFilterOperators<'contains' | 'notContains' | 'equals' | 'notEquals' | 'startsWith' | 'endsWith' | 'inArray', string>;
-    number: DataGridFilterOperators<'equals' | 'notEquals' | 'lessThan' | 'lessThanOrEqual' | 'greaterThan' | 'greaterThanOrEqual' | 'inRange' | 'inArray', number>;
-};
-export type DataGridFilterType = keyof DataGridFilterPredicates;
-export type DataGridFilterDataType<T extends DataGridFilterType> = DataGridFilterPredicates[T] extends DataGridFilterOperators<string, infer U> ? U : never;
-export type DataGridFilterGetter<T extends DataGridFilterType> = (value: any) => DataGridFilterDataType<T> | null;
-export type DataGridFilterRenderer = (value: any) => ReactNode;
-export type DataGridFilterFormatter = (value: any) => string;
-export type DataGridFilterOperator<T extends DataGridFilterType> = DataGridFilterPredicates[T] extends DataGridFilterOperators<infer K, any> ? K : never;
-export type DataGridFilter<T extends string = DataGridFilterType> = T extends DataGridFilterType ? {
-    type: T;
-    operator: DataGridFilterOperator<T>;
-    getter: DataGridFilterGetter<T>;
-    renderer?: DataGridFilterRenderer;
-    formatter?: DataGridFilterFormatter;
-    values: (DataGridFilterDataType<T> | null)[];
-} : never;
-export type DataGridFilterGroup = {
-    name: string;
-    displayValue: DataGridFilterValue;
-    values?: DataGridFilterValue[];
-    groups?: DataGridFilterGroup[];
-};
-export type DataGridFilterValue = string | number | null;
-export type DataGridFilterCheckbox = {
-    displayValue: ReactNode;
-    title: string;
-    values: DataGridFilterValue[];
-    level: number;
-};
-export type DataGridRowTemplateProps<R> = {
-    selected?: boolean;
-    toggleSelection?: () => void;
-    context: DataGridContext<R>;
-};
-export type DataGridRefProps<R> = {
-    refresh: () => void;
-    setSelectedKeys: (keys: string[]) => void;
-    addRows: (rows: R[]) => void;
-};
-export type DataGridEditedRows<R> = Partial<R>[];
-export {};