@astral/ui 1.56.0 → 2.1.3

package/esm/DataGrid/DataGridBody/DataGridBody.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import { TableCell, TableRow } from '../../Table';
-import { DataGridCell } from '../DataGridCell';
-import { Checkbox } from '../../Checkbox';
-import { StyledTableBody } from './styles';
-export function DataGridBody({ rows, columns, selectable, onRowClick, onSelectRow, selectedRows = [], minDisplayRows, keyId, emptyCellValue, noDataPlaceholder, }) {
-    const renderCells = useCallback((row, rowId) => {
-        return columns.map((cell, index) => {
-            const cellId = `${rowId}-${index}`;
-            return (_jsx(DataGridCell, { row: row, cell: cell, emptyCellValue: emptyCellValue }, cellId));
-        });
-    }, [columns]);
-    const handleRowClick = (row) => () => {
-        if (onRowClick) {
-            onRowClick(row);
-        }
-    };
-    const renderedRows = useMemo(() => {
-        return rows.map((row) => {
-            const rowId = row[keyId];
-            const checked = selectable &&
-                Boolean(selectedRows.find((selectedRow) => selectedRow[keyId] === rowId));
-            return (_jsxs(TableRow, Object.assign({ hover: Boolean(onRowClick), onClick: handleRowClick(row) }, { children: [selectable && (_jsx(TableCell, Object.assign({ padding: "checkbox", onClick: (event) => event.stopPropagation() }, { children: _jsx(Checkbox, { checked: checked, onChange: onSelectRow(row) }) }))), renderCells(row, rowId)] }), rowId));
-        });
-    }, [rows, keyId, selectable, selectedRows, onSelectRow, onRowClick, columns]);
-    return (_jsx(StyledTableBody, Object.assign({ empty: !rows.length, minDisplayRows: minDisplayRows }, { children: rows.length ? renderedRows : noDataPlaceholder })));
-}

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

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

package/esm/DataGrid/DataGridBody/index.js

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

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

@@ -1,6 +0,0 @@
-export declare const StyledTableBody: import("@emotion/styled").StyledComponent<import("../../Table").TableBodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    empty: boolean;
-    minDisplayRows: number;
-}, {}, {}>;

package/esm/DataGrid/DataGridBody/styles.js

@@ -1,13 +0,0 @@
-import { styled } from '../../styles';
-import { TableBody } from '../../Table';
-const TABLE_ROW_HEIGHT = 44;
-export const StyledTableBody = styled(TableBody, {
-    shouldForwardProp: (prop) => prop !== 'empty' && prop !== 'minDisplayRows',
-}) `
-  height: ${({ empty, minDisplayRows }) => empty ? `${TABLE_ROW_HEIGHT * minDisplayRows}px` : '100%'};
-
-  /* Без этого в FF не применяется height */
-  &::after {
-    content: '';
-  }
-`;

package/esm/DataGrid/DataGridCell/DataGridCell.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { DataGridColumns } from '../types';
-export type CellProps<Data extends object> = {
-    row: Data;
-    cell: DataGridColumns<Data>;
-    emptyCellValue?: ReactNode;
-};
-export declare function DataGridCell<Data extends object>({ row, cell: { field, renderCell, format, align }, emptyCellValue, }: CellProps<Data>): JSX.Element;

package/esm/DataGrid/DataGridCell/DataGridCell.js

@@ -1,16 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { TableCell } from '../../Table';
-import { Typography } from '../../Typography';
-export function DataGridCell({ row, cell: { field, renderCell, format, align = 'left' }, emptyCellValue = '-', }) {
-    const formattedValue = useMemo(() => {
-        if (format) {
-            return format(row);
-        }
-        if (field) {
-            return row[field];
-        }
-        return emptyCellValue;
-    }, [field, format, row, emptyCellValue]);
-    return (_jsxs(TableCell, Object.assign({ align: align }, { children: [renderCell && renderCell(row), !renderCell && (_jsx(Typography, { children: _jsx(_Fragment, { children: formattedValue }) }))] })));
-}

package/esm/DataGrid/DataGridCell/index.d.ts

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

package/esm/DataGrid/DataGridCell/index.js

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

package/esm/DataGrid/DataGridHead/DataGridHead.d.ts

@@ -1,12 +0,0 @@
-import { ChangeEvent } from 'react';
-import { DataGridColumns, DataGridRow, DataGridSort } from '../types';
-export type DataGridHeadProps<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data> = {
-    columns: DataGridColumns<Data>[];
-    selectable: boolean;
-    onSelectAllRows: (event: ChangeEvent<HTMLInputElement>) => void;
-    sorting?: DataGridSort<SortField>;
-    onSort?: (sorting: DataGridSort<SortField> | undefined) => void;
-    uncheckedRowsCount: number;
-    rowsCount: number;
-};
-export declare function DataGridHead<Data extends object, SortField extends keyof Data>({ columns, selectable, onSelectAllRows, rowsCount, onSort, sorting, uncheckedRowsCount, }: DataGridHeadProps<Data, SortField>): JSX.Element;

package/esm/DataGrid/DataGridHead/DataGridHead.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo } from 'react';
-import { TableHead } from '../../Table/TableHead';
-import { TableCell, TableRow } from '../../Table';
-import { Checkbox } from '../../Checkbox';
-import { SortStates } from '../enums';
-import { DataGridHeadColumn } from '../DataGridHeadColumn';
-export function DataGridHead({ columns, selectable, onSelectAllRows, rowsCount, onSort, sorting, uncheckedRowsCount, }) {
-    const checked = useMemo(() => !Boolean(uncheckedRowsCount) && rowsCount > 0, [uncheckedRowsCount, rowsCount]);
-    const indeterminate = useMemo(() => uncheckedRowsCount > 0 && uncheckedRowsCount < rowsCount, [uncheckedRowsCount, rowsCount]);
-    const handleSort = useCallback((field) => {
-        if (!onSort) {
-            return;
-        }
-        const isCurrentField = (sorting === null || sorting === void 0 ? void 0 : sorting.fieldId) === field;
-        // если для выбранного столбца текущая сортировка ASC - меняем на DESC
-        if (isCurrentField && sorting.sort === SortStates.ASC) {
-            return onSort({ fieldId: field, sort: SortStates.DESC });
-        }
-        // если для выбранного столбца текущая сортировка DESC - убираем сортировку
-        if (isCurrentField && sorting.sort === SortStates.DESC) {
-            return onSort(undefined);
-        }
-        // если для выбранного столбца нет сортировки - добавляем сортировку ASC
-        onSort({ fieldId: field, sort: SortStates.ASC });
-    }, [sorting, onSort]);
-    const renderColumns = useMemo(() => {
-        return columns.map(({ field, label, sortable, align, width }) => {
-            return (_jsx(DataGridHeadColumn, { sorting: sorting, field: field, onSort: handleSort, label: label, sortable: sortable, align: align, width: width }, label));
-        });
-    }, [columns, handleSort, sorting]);
-    return (_jsx(TableHead, { children: _jsxs(TableRow, { children: [selectable && (_jsx(TableCell, Object.assign({ padding: "checkbox" }, { children: _jsx(Checkbox, { checked: checked, indeterminate: indeterminate, onChange: onSelectAllRows }) }))), renderColumns] }) }));
-}

package/esm/DataGrid/DataGridHead/index.d.ts

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

package/esm/DataGrid/DataGridHead/index.js

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

package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties } from 'react';
-import { TableCellProps } from '@mui/material';
-import { DataGridRow, DataGridSort } from '../types';
-export type DataGridHeadColumnProps<Data = DataGridRow, SortField extends keyof Data = keyof Data> = {
-    onSort: (field: SortField) => void;
-    sorting?: DataGridSort<SortField>;
-    label?: string;
-    sortable?: boolean;
-    align?: TableCellProps['align'];
-    field?: keyof Data;
-    width?: CSSProperties['width'];
-};
-export declare function DataGridHeadColumn<Data, SortField extends keyof Data>({ onSort, field, sortable, align, label, sorting, width, }: DataGridHeadColumnProps<Data, SortField>): JSX.Element;

package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { SortDownFillSm, SortFillSm, SortUpFillSm } from '@astral/icons';
-import { SortStates } from '../enums';
-import { StyledTableCell, TableCellTitle } from './styles';
-export function DataGridHeadColumn({ onSort, field, sortable, align, label, sorting, width, }) {
-    const sortIcon = useMemo(() => {
-        if (!sortable) {
-            return null;
-        }
-        if ((sorting === null || sorting === void 0 ? void 0 : sorting.fieldId) !== field) {
-            return _jsx(SortFillSm, {});
-        }
-        switch (sorting === null || sorting === void 0 ? void 0 : sorting.sort) {
-            case SortStates.ASC:
-                return _jsx(SortUpFillSm, { color: "primary" });
-            case SortStates.DESC:
-                return _jsx(SortDownFillSm, { color: "primary" });
-            default:
-                return _jsx(SortFillSm, {});
-        }
-    }, [sorting, sortable, field]);
-    const handleSortClick = () => {
-        if (field && sortable) {
-            onSort(field);
-        }
-    };
-    return (_jsx(StyledTableCell, Object.assign({ onClick: handleSortClick, align: align, width: width, sortable: sortable }, { children: _jsxs(TableCellTitle, Object.assign({ variant: "pointer" }, { children: [label, sortIcon] })) })));
-}

package/esm/DataGrid/DataGridHeadColumn/index.d.ts

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

package/esm/DataGrid/DataGridHeadColumn/index.js

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

package/esm/DataGrid/DataGridHeadColumn/styles.d.ts

@@ -1,11 +0,0 @@
-import { TableCellProps } from '@mui/material';
-import { CSSProperties } from 'react';
-export declare const StyledTableCell: import("@emotion/styled").StyledComponent<import("../../Table").TableCellProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & TableCellProps & {
-    width?: CSSProperties['width'];
-    sortable?: boolean | undefined;
-}, {}, {}>;
-export declare const TableCellTitle: import("@emotion/styled").StyledComponent<Pick<import("react").PropsWithChildren<import("../../Typography").TypographyProps>, string | number | symbol> & import("react").RefAttributes<HTMLElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/esm/DataGrid/DataGridHeadColumn/styles.js

@@ -1,24 +0,0 @@
-import { styled } from '../../styles';
-import { TableCell } from '../../Table';
-import { Typography } from '../../Typography';
-export const StyledTableCell = styled(TableCell, {
-    shouldForwardProp: (prop) => prop !== 'width' && prop !== 'sortable',
-}) `
-  width: ${({ width = 'auto' }) => width};
-  padding: ${({ theme }) => theme.spacing(3, 4)};
-
-  color: ${({ theme }) => theme.palette.grey[700]};
-
-  cursor: ${({ sortable }) => (sortable ? 'pointer' : 'initial')};
-
-  user-select: none;
-`;
-export const TableCellTitle = styled(Typography) `
-  display: flex;
-  align-items: center;
-
-  > svg {
-    width: 16px;
-    height: 16px;
-  }
-`;

package/esm/DataGrid/DataGridLoader/DataGridLoader.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export type DataGridLoaderProps = {
-    loading?: boolean;
-    disabled?: boolean;
-    withFooter: boolean;
-    footerHeight: number;
-};
-declare const DataGridLoader: ({ loading, disabled, withFooter, footerHeight, }: DataGridLoaderProps) => JSX.Element;
-export default DataGridLoader;

package/esm/DataGrid/DataGridLoader/DataGridLoader.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Backdrop, LoaderWrapper, StyledDivider, StyledLinearProgress, } from './styles';
-const DataGridLoader = ({ loading = false, disabled = false, withFooter, footerHeight, }) => {
-    return (_jsxs(LoaderWrapper, { children: [(loading || disabled) && (_jsx(Backdrop, { withFooter: withFooter, footerHeight: footerHeight })), loading && _jsx(StyledLinearProgress, {}), !loading && _jsx(StyledDivider, {})] }));
-};
-export default DataGridLoader;

package/esm/DataGrid/DataGridLoader/index.d.ts

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

package/esm/DataGrid/DataGridLoader/index.js

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

package/esm/DataGrid/DataGridLoader/styles.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-type BackdropProps = {
-    withFooter: boolean;
-    footerHeight: number;
-};
-export declare const Backdrop: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & BackdropProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledDivider: import("@emotion/styled").StyledComponent<import("../../Divider").DividerProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const LoaderWrapper: 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 StyledLinearProgress: import("@emotion/styled").StyledComponent<import("@mui/material").LinearProgressProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export {};

package/esm/DataGrid/DataGridLoader/styles.js

@@ -1,24 +0,0 @@
-import { LinearProgress } from '@mui/material';
-import { Divider } from '../../Divider';
-import { styled } from '../../styles';
-export const Backdrop = styled.div `
-  position: absolute;
-  top: 0;
-
-  width: 100%;
-
-  /* Если в DataGrid передан Footer, нужно чтобы Backdrop не перекрывал его в состоянии loading, поэтому тут его высота вычитается из всей высоты бэкдропа */
-  height: ${({ withFooter, footerHeight }) => withFooter ? `calc(100% - ${footerHeight}px) ` : '100%'};
-
-  background-color: ${({ theme }) => theme.palette.background.element};
-  opacity: 0.3;
-`;
-export const StyledDivider = styled(Divider) `
-  border-width: 1px;
-`;
-export const LoaderWrapper = styled.div `
-  height: 2px;
-`;
-export const StyledLinearProgress = styled(LinearProgress) `
-  height: 2px;
-`;

package/esm/DataGrid/DataGridNoData/DataGridNoData.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-export type DataGridNoDataProps = {
-    /**
-     * @default 'Нет данных'
-     * @example <DataGridNoData title='Нет данных' />
-     * @description Заголовок
-     */
-    title?: string;
-    /**
-     * @default BaseNoDataIcon()
-     * @example <DataGridNoData noDataIcon={BaseNoDataIcon()} />
-     * @description Иконка
-     */
-    noDataIcon?: ReactNode;
-    /**
-     * @default 250
-     * @example <DataGridNoData noDataIconWidth={250} />
-     * @description Ширина иконки (высота рассчитывается пропорционально ширине)
-     */
-    noDataIconWidth?: number;
-};
-export declare const DataGridNoData: ({ title, noDataIcon, noDataIconWidth, }: DataGridNoDataProps) => JSX.Element;

package/esm/DataGrid/DataGridNoData/DataGridNoData.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DataGridNoDataFigcaption, DataGridNoDataFigure, DataGridNoDataIcon, DataGridNoDataWrapper, } from './styles';
-const BaseNoDataIcon = () => (_jsxs("svg", Object.assign({ viewBox: "0 0 124 124", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fill: "#EBEEF1", stroke: "#B7C2CE", d: "M106.5 62a43.5 43.5 0 1 1-87 0 43.5 43.5 0 0 1 87 0Z" }), _jsx("path", { fill: "#B7C2CE", fillRule: "evenodd", d: "m48.3 74 22.5-44.7a5.3 5.3 0 0 1 7-2.3l23.7 12a5 5 0 0 1 2.7 3l4.7 14.8c.4 1.3.3 2.7-.3 4L91 95.4a5.3 5.3 0 0 1-7.1 2.3L50.6 81a5.3 5.3 0 0 1-2.3-7Zm.9.4 22.5-44.6c1-2.1 3.6-3 5.7-1.9l23.7 12c.7.3 1.2.8 1.6 1.4l-3.3 6.5a5.3 5.3 0 0 0 2.4 7l6.3 3.3c0 .7 0 1.5-.4 2.2L90.2 95a4.4 4.4 0 0 1-5.8 1.8L51.1 80.1c-2.1-1-3-3.6-2-5.7Z", clipRule: "evenodd" }), _jsx("path", { fill: "#fff", d: "M71.7 29.8 49.2 74.4c-1 2-.2 4.7 1.9 5.7L84.4 97c2.1 1.1 4.7.3 5.8-1.8l17.5-34.8c.3-.7.5-1.5.4-2.2l-6.3-3.2a5.3 5.3 0 0 1-2.4-7l3.3-6.6c-.4-.6-1-1.1-1.6-1.4L77.4 28c-2.1-1-4.7-.2-5.7 1.9Z" }), _jsx("path", { fill: "#B7C2CE", fillRule: "evenodd", d: "M77 33.9c.1-.4.6-.5 1-.3l17.5 8.8a.7.7 0 0 1-.6 1.3l-17.6-8.9a.7.7 0 0 1-.3-1Zm-2.4 4.6c.2-.3.6-.5 1-.3l6.1 3.1a.7.7 0 0 1-.6 1.3l-6.2-3.1a.7.7 0 0 1-.3-1Z", clipRule: "evenodd" }), _jsx("path", { stroke: "#B7C2CE", strokeLinecap: "round", strokeWidth: "2.1", d: "m57.1 74 5.6 2.8m4.6 2.3 2.4 1.2" }), _jsx("path", { fill: "#B7C2CE", fillRule: "evenodd", d: "M67.8 50.5a2.6 2.6 0 0 1 3.5-1.1l25.5 12.8c1.3.6 1.8 2.2 1.1 3.5l-7.5 15a2.6 2.6 0 0 1-3.6 1.2L61.4 69a2.6 2.6 0 0 1-1.2-3.5l7.6-15Zm3-.3 25.5 12.9c.8.4 1.2 1.4.7 2.2l-1 2.3-28.5-14.3 1.2-2.3c.4-.8 1.4-1.2 2.2-.8Zm-3.7 4-1.8 3.5L93.6 72l1.9-3.6L67 54.1Zm26.1 18.7L64.8 58.6 62.6 63l28.3 14.3 2.3-4.4Zm-2.6 5.3h-.2L62.2 63.8l-1 2c-.5.9-.2 1.8.6 2.3L87.3 81c.8.4 1.8 0 2.2-.7l1-2.1Z", clipRule: "evenodd" }), _jsx("path", { fill: "#fff", d: "M41.1 30.7c.7-.3 1.4-.5 2.1-.5l3.7 6.3a5.3 5.3 0 0 0 7.2 2l6.1-3.7c.7.4 1.2 1 1.6 1.6l19.5 33.7c1.2 2 .5 4.7-1.6 5.9L47.4 94.6c-2 1.2-4.7.5-5.9-1.5l-25-43.3c-1.1-2-.4-4.6 1.6-5.8l23-13.3Z" }), _jsx("path", { fill: "#B7C2CE", fillRule: "evenodd", d: "M61.2 34.3c-.5-.4-1-.7-1.7-.8l-14.8-4.1a5.3 5.3 0 0 0-4 .5L17.6 43a5.3 5.3 0 0 0-2 7.2l25 43.3a5.3 5.3 0 0 0 7.2 2l32.3-18.8a5.3 5.3 0 0 0 2-7.2L62.7 36c-.4-.6-.9-1.2-1.5-1.6Zm-18-4.1c-.7 0-1.4.2-2 .5L18.1 44a4.3 4.3 0 0 0-1.6 5.8l25 43.3c1.1 2 3.7 2.7 5.8 1.5L79.7 76c2-1.2 2.8-3.8 1.6-5.9L61.8 36.4c-.4-.7-.9-1.2-1.6-1.6l-6.1 3.6a5.3 5.3 0 0 1-7.2-2l-3.7-6.2Z", clipRule: "evenodd" }), _jsx("path", { fill: "#B7C2CE", fillRule: "evenodd", d: "M23 47.8c-.2-.4-.2-1 .2-1.1l17-9.9c.4-.2.8 0 1.1.5.3.4.2 1-.1 1.1l-17 9.9c-.4.2-1 0-1.2-.5Zm2.6 4.5c-.2-.4-.2-1 .2-1.1l6-3.5c.3-.2.8 0 1 .5.3.4.2 1-.1 1.2l-6 3.4c-.3.2-.8 0-1-.5ZM45 87.2c-.2-.2-.1-.5.1-.6l6.4-3.7a.5.5 0 0 1 .5.8l-6.4 3.7c-.2.1-.5 0-.7-.2Zm9.8-5.7c-.1-.2 0-.5.2-.6l3.3-2c.2 0 .5 0 .6.2.1.3 0 .6-.2.7l-3.3 1.9c-.2.1-.5 0-.6-.2Zm-23-17.1a2.6 2.6 0 0 1 1-3.6l26.4-15.2c1.3-.8 2.9-.3 3.6 1L71.2 61c.7 1.2.3 2.8-1 3.6L43.8 79.9c-1.3.8-2.9.3-3.6-1l-8.4-14.5Zm1.5-2.7 26.4-15.3c.8-.4 1.8-.1 2.2.6l8.4 14.6c.5.8.2 1.8-.6 2.2L43.3 79.1c-.8.4-1.8.2-2.2-.6l-1.2-2 29.3-17-.5-.8-29.3 16.9-2.5-4.3 29.3-16.9-.5-.9-29.3 17-2-3.5 29.3-17-.5-.8-29.3 17-1.2-2.3c-.5-.7-.2-1.7.6-2.2Z", clipRule: "evenodd" }), _jsx("path", { fill: "#fff", d: "M34.7 30.1v64.1c0 3 2.4 5.4 5.4 5.4h45.4c3 0 5.4-2.4 5.4-5.4v-50c0-.6-.1-1.2-.3-1.7h-9.2A6.4 6.4 0 0 1 75 36V25.4c-.8-.4-1.8-.7-2.7-.7H40c-3 0-5.4 2.4-5.4 5.4Z" }), _jsx("path", { fill: "#B7C2CE", fillRule: "evenodd", d: "M75 24.3c-.9-.4-1.8-.6-2.7-.6H40a6.4 6.4 0 0 0-6.4 6.4v64.1c0 3.6 2.9 6.4 6.4 6.4h45.4c3.5 0 6.4-2.8 6.4-6.4v-50a6.4 6.4 0 0 0-1.8-4.4l-13-14a6.4 6.4 0 0 0-2-1.5Zm-40.3 70V30c0-3 2.4-5.4 5.4-5.4h32.2c1 0 1.9.3 2.7.7V36c0 3.5 2.9 6.4 6.4 6.4h9.2c.2.5.3 1 .3 1.7v50c0 3-2.4 5.4-5.4 5.4H40c-3 0-5.4-2.4-5.4-5.4Z", clipRule: "evenodd" }), _jsx("path", { fill: "#B7C2CE", fillRule: "evenodd", d: "M43 34c0-.5.5-1 1-1h20.7c.5 0 1 .5 1 1s-.5 1-1 1H44a1 1 0 0 1-1-1Zm0 3.8c0-.5.5-1 1-1h7.6c.5 0 .9.5.9 1s-.4 1-.9 1H44a1 1 0 0 1-1-1Zm-.8 52c0-.2.1-.4.4-.4H52c.3 0 .5.2.5.4 0 .3-.2.5-.5.5h-9.4c-.3 0-.4-.2-.4-.5Zm14 0c0-.2.2-.4.5-.4h4.7c.3 0 .5.2.5.4 0 .3-.2.5-.5.5h-4.7c-.3 0-.5-.2-.5-.5Zm-15-34.9c0-1.2 1-2.1 2.1-2.1h39c1.1 0 2 1 2 2v24a2 2 0 0 1-2 2.1h-39a2 2 0 0 1-2-2v-24Zm2.1-1.1h39c.6 0 1 .5 1 1v4.6h-41V55c0-.6.4-1.1 1-1.1Zm-1 20.6v4.4c0 .6.4 1.1 1 1.1h39c.6 0 1-.5 1-1v-4.5h-41Zm41-1h-41V67h41v6.6Zm0-13.1V66h-41v-5.7h41Z", clipRule: "evenodd" }), _jsx("circle", { cx: "19.8", cy: "35.9", r: "2", fill: "#F0F4F7" }), _jsx("circle", { cx: "101.2", cy: "28.3", r: "2.7", fill: "#F0F4F7" }), _jsx("circle", { cx: "29.5", cy: "98.4", r: "1.9", fill: "#DDE2E8" }), _jsx("circle", { cx: "24.3", cy: "29.7", r: "1.3", fill: "#DDE2E8" }), _jsx("circle", { cx: "96.7", cy: "23.1", r: "1.3", fill: "#DDE2E8" }), _jsx("circle", { cx: "103.9", cy: "86.3", r: "1.3", fill: "#EBEEF1" })] })));
-export const DataGridNoData = ({ title = 'Нет данных', noDataIcon = BaseNoDataIcon(), noDataIconWidth = 250, }) => {
-    return (_jsx(DataGridNoDataWrapper, { children: _jsxs(DataGridNoDataFigure, { children: [_jsx(DataGridNoDataIcon, Object.assign({ noDataIconWidth: noDataIconWidth }, { children: noDataIcon })), _jsx(DataGridNoDataFigcaption, Object.assign({ component: "figcaption", variant: "h4" }, { children: title }))] }) }));
-};

package/esm/DataGrid/DataGridNoData/index.d.ts

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

package/esm/DataGrid/DataGridNoData/index.js

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

package/esm/DataGrid/DataGridNoData/styles.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { TypographyProps } from '../../Typography';
-export declare const DataGridNoDataWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
-export declare const DataGridNoDataFigure: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const DataGridNoDataIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    noDataIconWidth: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DataGridNoDataFigcaption: import("@emotion/styled").StyledComponent<Pick<import("react").PropsWithChildren<TypographyProps>, string | number | symbol> & import("react").RefAttributes<HTMLElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & Omit<import("@mui/material/OverridableComponent").OverrideProps<import("../..").WithoutEmotionSpecific<import("@mui/material").TypographyTypeMap<{}, "span">>, import("react").ElementType<any>>, "color" | "variant"> & {
-    variant?: import("@mui/material").TypographyVariant | keyof import("@mui/material").TypographyPropsVariantOverrides | undefined;
-    component?: import("react").ElementType<any> | undefined;
-    color?: "primary" | "secondary" | "red" | "green" | "yellow" | "grey" | "error" | "warning" | "info" | "success" | "text" | "textSecondary" | ((theme: import("@mui/material").Theme) => string) | undefined;
-    colorIntensity?: ("900" | "100" | "700" | "800" | "200" | "500" | "400" | "300" | "600") | undefined;
-}, {}, {}>;

package/esm/DataGrid/DataGridNoData/styles.js

@@ -1,29 +0,0 @@
-import { Typography } from '../../Typography';
-import { styled } from '../../styles';
-export const DataGridNoDataWrapper = styled.tr `
-  position: absolute;
-  top: 50%;
-  left: 50%;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  transform: translate(-50%, -50%);
-`;
-export const DataGridNoDataFigure = styled.figure `
-  position: absolute;
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`;
-export const DataGridNoDataIcon = styled.div `
-  svg {
-    width: ${({ noDataIconWidth }) => `${noDataIconWidth}px`};
-    height: auto;
-  }
-`;
-export const DataGridNoDataFigcaption = styled(Typography) `
-  color: ${({ theme }) => theme.palette.grey[600]};
-`;

package/esm/DataGrid/enums.d.ts

@@ -1,4 +0,0 @@
-export declare enum SortStates {
-    ASC = "asc",
-    DESC = "desc"
-}

package/esm/DataGrid/enums.js

@@ -1,5 +0,0 @@
-export var SortStates;
-(function (SortStates) {
-    SortStates["ASC"] = "asc";
-    SortStates["DESC"] = "desc";
-})(SortStates || (SortStates = {}));

package/esm/DataGrid/index.d.ts

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

package/esm/DataGrid/index.js

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

package/esm/DataGrid/styles.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-export declare const DataGridContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    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>, "css" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
-    maxHeight?: number | undefined;
-    inert?: false | "" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTableContainer: import("@emotion/styled").StyledComponent<import("../Table").TableContainerProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    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>, "css" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
-    maxHeight?: number | undefined;
-    inert?: false | "" | undefined;
-}, {}, {}>;
-export declare const DisabledTableContainer: import("@emotion/styled").StyledComponent<import("../Table").TableContainerProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    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>, "css" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "sx" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps> & {
-    maxHeight?: number | undefined;
-    inert?: false | "" | undefined;
-}, {}, {}>;

package/esm/DataGrid/styles.js

@@ -1,23 +0,0 @@
-import { styled } from '../styles';
-import { TableContainer } from '../Table';
-export const DataGridContainer = styled.div `
-  position: relative;
-
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  max-height: ${({ maxHeight }) => (maxHeight ? `${maxHeight}px` : 'initial')};
-  overflow: hidden;
-`;
-export const StyledTableContainer = styled(TableContainer, {
-    shouldForwardProp: (prop) => prop !== 'maxHeight',
-}) `
-  height: 100%;
-`;
-export const DisabledTableContainer = styled(StyledTableContainer) `
-  background: ${({ theme }) => theme.palette.background.element};
-  mix-blend-mode: luminosity;
-
-  pointer-events: none;
-`;

package/esm/DataGrid/types.d.ts

@@ -1,57 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { TableCellProps } from '@mui/material';
-import { SortStates } from './enums';
-export type CellValue = string | number | boolean | Date | undefined | object;
-export type SortState = `${SortStates}`;
-export type RenderCell<Data> = (params: Data) => ReactNode;
-export type DataGridRow = Record<string, any>;
-export type DataGridSort<SortField> = {
-    /**
-     * @example {fieldId: 'test'}
-     * Значение поля сортируемой колонки
-     */
-    fieldId: SortField;
-    /**
-     * @example {sort: 'asc'}
-     * Значение возрастающий или убывающий сортировки (asc | desc)
-     */
-    sort: SortState;
-};
-export type DataGridColumns<Data extends object> = {
-    /**
-     * @example {field: 'test'}
-     * Значение ключа поля данных для колонки
-     */
-    field?: keyof Data;
-    /**
-     * @example {label: 'Тестовая колонка'}
-     * Название колонки таблицы
-     */
-    label?: string;
-    /**
-     * @example {sortable: 'true'}
-     * Флажок включающий сортировку колонки
-     */
-    sortable?: boolean;
-    pointer?: boolean;
-    /**
-     * @example {renderCell: (row) => <div>Hello Cell</div>'}
-     * Кастомное отображение ячеек для колонки
-     */
-    renderCell?: RenderCell<Data>;
-    /**
-     * @example {format: (row) => new Date(row.createDate).toLocaleDateString()}
-     * Функция для кастомного форматирования данных ячеек для колонки
-     */
-    format?: (data: Data) => CellValue;
-    /**
-     * @example {align: 'left'}
-     * CSS свойство размещения контента в ячейке
-     */
-    align?: TableCellProps['align'];
-    /**
-     * @example {width: '100%'}
-     * CSS свойство ширины ячейки
-     */
-    width?: CSSProperties['width'];
-};

package/esm/DataGrid/types.js

@@ -1 +0,0 @@
-export {};

package/esm/DataGridPagination/DataGridPagination.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { PaginationProps } from '../Pagination';
-export type DataGridPaginationProps = Omit<PaginationProps, 'count'> & {
-    /**
-     * Количество всех записей
-     */
-    totalCount: number;
-    /**
-     * Количество записей на страницу
-     */
-    rowsPerPage?: number;
-    /**
-     * Текущая страница
-     */
-    page: number;
-};
-export declare const DataGridPagination: ({ page, rowsPerPage, totalCount, className, ...props }: DataGridPaginationProps) => JSX.Element;

package/esm/DataGridPagination/DataGridPagination.js

@@ -1,23 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { Pagination } from '../Pagination';
-import { PaginationWrapper, Range } from './styles';
-export const DataGridPagination = (_a) => {
-    var { page, rowsPerPage = 10, totalCount, className } = _a, props = __rest(_a, ["page", "rowsPerPage", "totalCount", "className"]);
-    const count = Math.ceil(totalCount / rowsPerPage);
-    const rangeStart = useMemo(() => (page - 1) * rowsPerPage + 1, [page, rowsPerPage]);
-    const rangeEnd = useMemo(() => (page - 1) * rowsPerPage + rowsPerPage, [page, rowsPerPage]);
-    const formattedRange = `${rangeStart} — ${rangeEnd} из ${totalCount} записей`;
-    return (_jsxs(PaginationWrapper, Object.assign({ className: className }, { children: [_jsx(Range, Object.assign({ variant: "h6" }, { children: formattedRange })), _jsx(Pagination, Object.assign({ count: count, page: page }, props))] })));
-};

package/esm/DataGridPagination/index.d.ts

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

package/esm/DataGridPagination/index.js

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

package/esm/DataGridPagination/styles.d.ts

@@ -1,8 +0,0 @@
-/// <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<Pick<import("react").PropsWithChildren<import("../Typography").TypographyProps>, string | number | symbol> & import("react").RefAttributes<HTMLElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;