@astral/ui 0.41.0 → 0.41.3

package/DataGrid/DataGrid.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { DataGridColumns, DataGridRow, DataGridSort } from './types';
-export declare type DataGridProps<Data = DataGridRow, SortField extends keyof Data = keyof Data> = {
+export declare type DataGridProps<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data> = {
     /**
      * @example <DataGrid rows={[{name: 'test'}]} />
      * Массив данных для таблицы
@@ -41,7 +41,7 @@ export declare type DataGridProps<Data = DataGridRow, SortField extends keyof Da
      * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
      * Обработчик сортировки
      */
-    onSort: (sorting: DataGridSort<SortField>[]) => void;
+    onSort?: (sorting: DataGridSort<SortField>[]) => void;
     /**
      * @example <DataGrid  Footer={<DataGridPagination />} />
      * Компонент кастомного футера (н-р Pagination)
@@ -70,4 +70,4 @@ export declare type DataGridProps<Data = DataGridRow, SortField extends keyof Da
      */
     minDisplayRows?: number;
 };
-export declare function DataGrid<Data extends object, SortField extends keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, loading, onSort, keyId, emptyCellValue, }: DataGridProps<Data, SortField>): JSX.Element;
+export declare function DataGrid<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, loading, onSort, keyId, emptyCellValue, }: DataGridProps<Data, SortField>): JSX.Element;

package/DataGrid/DataGridHead/DataGridHead.d.ts

@@ -5,7 +5,7 @@ export declare type DataGridHeadProps<Data = DataGridRow, SortField extends keyo
     selectable: boolean;
     onSelectAllRows: (event: ChangeEvent<HTMLInputElement>) => void;
     sorting: DataGridSort<SortField>[];
-    onSort: (sorting: DataGridSort<SortField>[]) => void;
+    onSort?: (sorting: DataGridSort<SortField>[]) => void;
     uncheckedRowsCount: number;
     rowsCount: number;
 };

package/DataGrid/DataGridHead/DataGridHead.js

@@ -32,33 +32,34 @@ function DataGridHead(_a) {
     var columns = _a.columns, selectable = _a.selectable, onSelectAllRows = _a.onSelectAllRows, rowsCount = _a.rowsCount, onSort = _a.onSort, _b = _a.sorting, sorting = _b === void 0 ? [] : _b, uncheckedRowsCount = _a.uncheckedRowsCount;
     var checked = (0, react_1.useMemo)(function () { return !Boolean(uncheckedRowsCount) && rowsCount > 0; }, [uncheckedRowsCount, rowsCount]);
     var indeterminate = (0, react_1.useMemo)(function () { return uncheckedRowsCount > 0 && uncheckedRowsCount < rowsCount; }, [uncheckedRowsCount, rowsCount]);
-    var handleSort = (0, react_1.useCallback)(function (field, sortable) {
-        if (sortable) {
-            var currentSort = sorting.find(function (_a) {
+    var handleSort = (0, react_1.useCallback)(function (field) {
+        if (!onSort) {
+            return;
+        }
+        var currentSort = sorting.find(function (_a) {
+            var fieldId = _a.fieldId;
+            return fieldId === field;
+        });
+        // если для выбранного столбца текущая сортировка ASC - меняем на DESC
+        if (currentSort && currentSort.sort === constants_1.SortStates.ASC) {
+            var newSorting = __spreadArray(__spreadArray([], sorting.filter(function (_a) {
+                var fieldId = _a.fieldId;
+                return fieldId !== field;
+            }), true), [
+                { fieldId: field, sort: constants_1.SortStates.DESC },
+            ], false);
+            return onSort(newSorting);
+            // если для выбранного столбца текущая сортировка DESC - убираем сортировку
+        }
+        else if (currentSort && currentSort.sort === constants_1.SortStates.DESC) {
+            var newSorting = sorting.filter(function (_a) {
                 var fieldId = _a.fieldId;
-                return fieldId === field;
+                return fieldId !== field;
             });
-            // если для выбранного столбца текущая сортировка ASC - меняем на DESC
-            if (currentSort && currentSort.sort === constants_1.SortStates.ASC) {
-                var newSorting = __spreadArray(__spreadArray([], sorting.filter(function (_a) {
-                    var fieldId = _a.fieldId;
-                    return fieldId !== field;
-                }), true), [
-                    { fieldId: field, sort: constants_1.SortStates.DESC },
-                ], false);
-                return onSort(newSorting);
-                // если для выбранного столбца текущая сортировка DESC - убираем сортировку
-            }
-            else if (currentSort && currentSort.sort === constants_1.SortStates.DESC) {
-                var newSorting = sorting.filter(function (_a) {
-                    var fieldId = _a.fieldId;
-                    return fieldId !== field;
-                });
-                return onSort(newSorting);
-            }
-            // если для выбранного столбца нет сортировки - добавляем сортировку ASC
-            onSort(__spreadArray(__spreadArray([], sorting, true), [{ fieldId: field, sort: constants_1.SortStates.ASC }], false));
+            return onSort(newSorting);
         }
+        // если для выбранного столбца нет сортировки - добавляем сортировку ASC
+        onSort(__spreadArray(__spreadArray([], sorting, true), [{ fieldId: field, sort: constants_1.SortStates.ASC }], false));
     }, [sorting, onSort]);
     var renderColumns = (0, react_1.useMemo)(function () {
         return columns.map(function (_a) {

package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.d.ts

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

package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js

@@ -26,10 +26,10 @@ function DataGridHeadColumn(_a) {
     var hideSortIcon = (0, react_1.useMemo)(function () { return !Boolean(sortParams); }, [sortParams]);
     var sortDirection = (0, react_1.useMemo)(function () { return (sortParams ? sortParams.sort : constants_1.SortStates.ASC); }, [sortParams]);
     var handleSortClick = function () {
-        if (field) {
-            onSort(field, sortable);
+        if (field && sortable) {
+            onSort(field);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(styled_1.StyledTableCell, __assign({ onClick: handleSortClick, align: align, width: width }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({ variant: "pointer" }, { children: label })), sortable && ((0, jsx_runtime_1.jsx)(styled_1.StyledTableSortLabel, { hideSortIcon: hideSortIcon, direction: sortDirection, active: true }))] })));
+    return ((0, jsx_runtime_1.jsxs)(styled_1.StyledTableCell, __assign({ onClick: handleSortClick, align: align, width: width, sortable: sortable }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, __assign({ variant: "pointer" }, { children: label })), sortable && ((0, jsx_runtime_1.jsx)(styled_1.StyledTableSortLabel, { hideSortIcon: hideSortIcon, direction: sortDirection, active: true }))] })));
 }
 exports.DataGridHeadColumn = DataGridHeadColumn;

package/DataGrid/DataGridHeadColumn/styled.d.ts

@@ -35,4 +35,5 @@ export declare const StyledTableCell: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     width?: CSSProperties['width'];
+    sortable?: boolean | undefined;
 }, {}, {}>;

package/DataGrid/DataGridHeadColumn/styled.js

@@ -13,8 +13,17 @@ exports.StyledTableSortLabel = (0, styles_1.styled)(Table_1.TableSortLabel)(temp
 });
 exports.StyledTableCell = (0, styles_1.styled)(Table_1.TableCell, {
     shouldForwardProp: function (prop) { return prop !== 'width'; },
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", ";\n\n  cursor: pointer;\n\n  user-select: none;\n"], ["\n  width: ", ";\n\n  cursor: pointer;\n\n  user-select: none;\n"])), function (_a) {
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", ";\n  padding: ", ";\n\n  color: ", ";\n\n  cursor: ", ";\n\n  user-select: none;\n"], ["\n  width: ", ";\n  padding: ", ";\n\n  color: ", ";\n\n  cursor: ", ";\n\n  user-select: none;\n"])), function (_a) {
     var _b = _a.width, width = _b === void 0 ? 'auto' : _b;
     return width;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing(3, 4);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[700];
+}, function (_a) {
+    var sortable = _a.sortable;
+    return (sortable ? 'pointer' : 'initial');
 });
 var templateObject_1, templateObject_2;

package/DataGridPagination/DataGridPagination.d.ts

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

package/DataGridPagination/DataGridPagination.js

@@ -30,8 +30,8 @@ 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 rangeStart = (0, react_1.useMemo)(function () { return (page - 1) * rowsPerPage + 1; }, [page, rowsPerPage]);
+    var rangeEnd = (0, react_1.useMemo)(function () { return (page - 1) * rowsPerPage + rowsPerPage; }, [page, rowsPerPage]);
     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 })), (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, __assign({ count: count }, props))] })));
 };

package/DataGridPagination/index.d.ts

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

package/DataGridPagination/index.js

@@ -15,4 +15,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./DataGridPagination"), exports);
-__exportStar(require("./types"), exports);

package/Notification/NotificationContainer/NotificationContainer.js

@@ -17,7 +17,9 @@ var react_toastify_1 = require("react-toastify");
 var inject_style_1 = require("react-toastify/dist/inject-style");
 var constants_1 = require("../constants");
 var styled_1 = require("./styled");
-(0, inject_style_1.injectStyle)();
+if (typeof window !== 'undefined') {
+    (0, inject_style_1.injectStyle)();
+}
 var NotificationContainer = function (props) {
     return ((0, jsx_runtime_1.jsx)(styled_1.ToastContainerStyled, { children: (0, jsx_runtime_1.jsx)(react_toastify_1.ToastContainer, __assign({ hideProgressBar: true, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false }, props, { closeButton: false, bodyClassName: "notify__body", toastClassName: "notify", progressClassName: "notify__progress", className: "notify__container" })) }));
 };

package/esm/DataGrid/DataGrid.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { DataGridColumns, DataGridRow, DataGridSort } from './types';
-export declare type DataGridProps<Data = DataGridRow, SortField extends keyof Data = keyof Data> = {
+export declare type DataGridProps<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data> = {
     /**
      * @example <DataGrid rows={[{name: 'test'}]} />
      * Массив данных для таблицы
@@ -41,7 +41,7 @@ export declare type DataGridProps<Data = DataGridRow, SortField extends keyof Da
      * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
      * Обработчик сортировки
      */
-    onSort: (sorting: DataGridSort<SortField>[]) => void;
+    onSort?: (sorting: DataGridSort<SortField>[]) => void;
     /**
      * @example <DataGrid  Footer={<DataGridPagination />} />
      * Компонент кастомного футера (н-р Pagination)
@@ -70,4 +70,4 @@ export declare type DataGridProps<Data = DataGridRow, SortField extends keyof Da
      */
     minDisplayRows?: number;
 };
-export declare function DataGrid<Data extends object, SortField extends keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, loading, onSort, keyId, emptyCellValue, }: DataGridProps<Data, SortField>): JSX.Element;
+export declare function DataGrid<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, loading, onSort, keyId, emptyCellValue, }: DataGridProps<Data, SortField>): JSX.Element;

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

@@ -5,7 +5,7 @@ export declare type DataGridHeadProps<Data = DataGridRow, SortField extends keyo
     selectable: boolean;
     onSelectAllRows: (event: ChangeEvent<HTMLInputElement>) => void;
     sorting: DataGridSort<SortField>[];
-    onSort: (sorting: DataGridSort<SortField>[]) => void;
+    onSort?: (sorting: DataGridSort<SortField>[]) => void;
     uncheckedRowsCount: number;
     rowsCount: number;
 };

package/esm/DataGrid/DataGridHead/DataGridHead.js

@@ -29,33 +29,34 @@ export function DataGridHead(_a) {
     var columns = _a.columns, selectable = _a.selectable, onSelectAllRows = _a.onSelectAllRows, rowsCount = _a.rowsCount, onSort = _a.onSort, _b = _a.sorting, sorting = _b === void 0 ? [] : _b, uncheckedRowsCount = _a.uncheckedRowsCount;
     var checked = useMemo(function () { return !Boolean(uncheckedRowsCount) && rowsCount > 0; }, [uncheckedRowsCount, rowsCount]);
     var indeterminate = useMemo(function () { return uncheckedRowsCount > 0 && uncheckedRowsCount < rowsCount; }, [uncheckedRowsCount, rowsCount]);
-    var handleSort = useCallback(function (field, sortable) {
-        if (sortable) {
-            var currentSort = sorting.find(function (_a) {
+    var handleSort = useCallback(function (field) {
+        if (!onSort) {
+            return;
+        }
+        var currentSort = sorting.find(function (_a) {
+            var fieldId = _a.fieldId;
+            return fieldId === field;
+        });
+        // если для выбранного столбца текущая сортировка ASC - меняем на DESC
+        if (currentSort && currentSort.sort === SortStates.ASC) {
+            var newSorting = __spreadArray(__spreadArray([], sorting.filter(function (_a) {
+                var fieldId = _a.fieldId;
+                return fieldId !== field;
+            }), true), [
+                { fieldId: field, sort: SortStates.DESC },
+            ], false);
+            return onSort(newSorting);
+            // если для выбранного столбца текущая сортировка DESC - убираем сортировку
+        }
+        else if (currentSort && currentSort.sort === SortStates.DESC) {
+            var newSorting = sorting.filter(function (_a) {
                 var fieldId = _a.fieldId;
-                return fieldId === field;
+                return fieldId !== field;
             });
-            // если для выбранного столбца текущая сортировка ASC - меняем на DESC
-            if (currentSort && currentSort.sort === SortStates.ASC) {
-                var newSorting = __spreadArray(__spreadArray([], sorting.filter(function (_a) {
-                    var fieldId = _a.fieldId;
-                    return fieldId !== field;
-                }), true), [
-                    { fieldId: field, sort: SortStates.DESC },
-                ], false);
-                return onSort(newSorting);
-                // если для выбранного столбца текущая сортировка DESC - убираем сортировку
-            }
-            else if (currentSort && currentSort.sort === SortStates.DESC) {
-                var newSorting = sorting.filter(function (_a) {
-                    var fieldId = _a.fieldId;
-                    return fieldId !== field;
-                });
-                return onSort(newSorting);
-            }
-            // если для выбранного столбца нет сортировки - добавляем сортировку ASC
-            onSort(__spreadArray(__spreadArray([], sorting, true), [{ fieldId: field, sort: SortStates.ASC }], false));
+            return onSort(newSorting);
         }
+        // если для выбранного столбца нет сортировки - добавляем сортировку ASC
+        onSort(__spreadArray(__spreadArray([], sorting, true), [{ fieldId: field, sort: SortStates.ASC }], false));
     }, [sorting, onSort]);
     var renderColumns = useMemo(function () {
         return columns.map(function (_a) {

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

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

package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js

@@ -23,9 +23,9 @@ export function DataGridHeadColumn(_a) {
     var hideSortIcon = useMemo(function () { return !Boolean(sortParams); }, [sortParams]);
     var sortDirection = useMemo(function () { return (sortParams ? sortParams.sort : SortStates.ASC); }, [sortParams]);
     var handleSortClick = function () {
-        if (field) {
-            onSort(field, sortable);
+        if (field && sortable) {
+            onSort(field);
         }
     };
-    return (_jsxs(StyledTableCell, __assign({ onClick: handleSortClick, align: align, width: width }, { children: [_jsx(Typography, __assign({ variant: "pointer" }, { children: label })), sortable && (_jsx(StyledTableSortLabel, { hideSortIcon: hideSortIcon, direction: sortDirection, active: true }))] })));
+    return (_jsxs(StyledTableCell, __assign({ onClick: handleSortClick, align: align, width: width, sortable: sortable }, { children: [_jsx(Typography, __assign({ variant: "pointer" }, { children: label })), sortable && (_jsx(StyledTableSortLabel, { hideSortIcon: hideSortIcon, direction: sortDirection, active: true }))] })));
 }

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

@@ -35,4 +35,5 @@ export declare const StyledTableCell: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     width?: CSSProperties['width'];
+    sortable?: boolean | undefined;
 }, {}, {}>;

package/esm/DataGrid/DataGridHeadColumn/styled.js

@@ -10,8 +10,17 @@ export var StyledTableSortLabel = styled(TableSortLabel)(templateObject_1 || (te
 });
 export var StyledTableCell = styled(TableCell, {
     shouldForwardProp: function (prop) { return prop !== 'width'; },
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", ";\n\n  cursor: pointer;\n\n  user-select: none;\n"], ["\n  width: ", ";\n\n  cursor: pointer;\n\n  user-select: none;\n"])), function (_a) {
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: ", ";\n  padding: ", ";\n\n  color: ", ";\n\n  cursor: ", ";\n\n  user-select: none;\n"], ["\n  width: ", ";\n  padding: ", ";\n\n  color: ", ";\n\n  cursor: ", ";\n\n  user-select: none;\n"])), function (_a) {
     var _b = _a.width, width = _b === void 0 ? 'auto' : _b;
     return width;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing(3, 4);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[700];
+}, function (_a) {
+    var sortable = _a.sortable;
+    return (sortable ? 'pointer' : 'initial');
 });
 var templateObject_1, templateObject_2;

package/esm/DataGridPagination/DataGridPagination.d.ts

@@ -1,3 +1,17 @@
 /// <reference types="react" />
-import { DataGridPaginationProps } from './types';
+import { PaginationProps } from '../Pagination';
+export declare 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

@@ -27,8 +27,8 @@ import { PaginationWrapper, Range } from './styled';
 export 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 = useMemo(function () { return page * rowsPerPage; }, [page]);
-    var rangeEnd = useMemo(function () { return page * rowsPerPage + rowsPerPage; }, [page]);
+    var rangeStart = useMemo(function () { return (page - 1) * rowsPerPage + 1; }, [page, rowsPerPage]);
+    var rangeEnd = useMemo(function () { return (page - 1) * rowsPerPage + rowsPerPage; }, [page, rowsPerPage]);
     var formattedRange = "".concat(rangeStart, " \u2014 ").concat(rangeEnd, " \u0438\u0437 ").concat(totalCount, " \u0437\u0430\u043F\u0438\u0441\u0435\u0439");
     return (_jsxs(PaginationWrapper, __assign({ className: className }, { children: [_jsx(Range, __assign({ variant: "h6" }, { children: formattedRange })), _jsx(Pagination, __assign({ count: count }, props))] })));
 };

package/esm/DataGridPagination/index.d.ts

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

package/esm/DataGridPagination/index.js

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

package/esm/Notification/NotificationContainer/NotificationContainer.js

@@ -14,7 +14,9 @@ import { ToastContainer } from 'react-toastify';
 import { injectStyle } from 'react-toastify/dist/inject-style';
 import { NOTIFY_POSITIONS } from '../constants';
 import { ToastContainerStyled } from './styled';
-injectStyle();
+if (typeof window !== 'undefined') {
+    injectStyle();
+}
 export var NotificationContainer = function (props) {
     return (_jsx(ToastContainerStyled, { children: _jsx(ToastContainer, __assign({ hideProgressBar: true, pauseOnFocusLoss: true, position: NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false }, props, { closeButton: false, bodyClassName: "notify__body", toastClassName: "notify", progressClassName: "notify__progress", className: "notify__container" })) }));
 };

package/esm/theme/baseTheme.js

@@ -17,5 +17,6 @@ export var createTheme = function (params) {
         components: getComponents(fontsUrls),
     };
     var muiTheme = createMuiTheme(merge({}, themeOptions, options));
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return merge(muiTheme, { elevation: elevation, shape: shape });
 };

package/esm/theme/components/MuiOutlinedInput.js

@@ -33,6 +33,7 @@ export var MuiOutlinedInput = {
         input: function (_a) {
             var theme = _a.theme;
             return {
+                height: 20,
                 padding: theme.spacing(2.5, 2),
                 borderRadius: theme.shape.small,
                 '&:disabled': {
@@ -47,14 +48,14 @@ export var MuiOutlinedInput = {
         inputSizeSmall: function (_a) {
             var theme = _a.theme;
             return {
-                paddingBlock: theme.spacing(2),
-                paddingInline: theme.spacing(1.5),
+                paddingBlock: theme.spacing(1.5),
+                paddingInline: theme.spacing(2),
             };
         },
         notchedOutline: function (_a) {
             var theme = _a.theme;
             return {
-                borderWidth: '2px',
+                borderWidth: 2,
                 borderColor: theme.palette.grey[300],
             };
         },

package/esm/theme/components/MuiTypography.js

@@ -12,6 +12,7 @@ export var MuiTypography = {
         variantMapping: {
             link: 'a',
             code: 'code',
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
         },
     },
 };

package/esm/theme/hooks/useTheme/index.js

@@ -1,2 +1,4 @@
 import { useTheme as useEmotionTheme } from '@emotion/react';
+// any необходим для коннекта темы
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var useTheme = function () { return useEmotionTheme(); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "0.41.0",
+  "version": "0.41.3",
   "browser": "./src/index.ts",
   "jest": {
     "moduleNameMapper": {
@@ -8,7 +8,7 @@
     }
   },
   "dependencies": {
-    "@astral/icons": "^0.41.0",
+    "@astral/icons": "^0.41.3",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",

package/theme/baseTheme.js

@@ -20,6 +20,7 @@ var createTheme = function (params) {
         components: (0, components_1.getComponents)(fontsUrls),
     };
     var muiTheme = (0, styles_1.createTheme)((0, lodash_es_1.merge)({}, themeOptions, options));
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (0, lodash_es_1.merge)(muiTheme, { elevation: elevation_1.elevation, shape: shape_1.shape });
 };
 exports.createTheme = createTheme;

package/theme/components/MuiOutlinedInput.js

@@ -36,6 +36,7 @@ exports.MuiOutlinedInput = {
         input: function (_a) {
             var theme = _a.theme;
             return {
+                height: 20,
                 padding: theme.spacing(2.5, 2),
                 borderRadius: theme.shape.small,
                 '&:disabled': {
@@ -50,14 +51,14 @@ exports.MuiOutlinedInput = {
         inputSizeSmall: function (_a) {
             var theme = _a.theme;
             return {
-                paddingBlock: theme.spacing(2),
-                paddingInline: theme.spacing(1.5),
+                paddingBlock: theme.spacing(1.5),
+                paddingInline: theme.spacing(2),
             };
         },
         notchedOutline: function (_a) {
             var theme = _a.theme;
             return {
-                borderWidth: '2px',
+                borderWidth: 2,
                 borderColor: theme.palette.grey[300],
             };
         },

package/theme/components/MuiTypography.js

@@ -15,6 +15,7 @@ exports.MuiTypography = {
         variantMapping: {
             link: 'a',
             code: 'code',
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
         },
     },
 };

package/theme/hooks/useTheme/index.js

@@ -2,5 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTheme = void 0;
 var react_1 = require("@emotion/react");
+// any необходим для коннекта темы
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var useTheme = function () { return (0, react_1.useTheme)(); };
 exports.useTheme = useTheme;

package/DataGridPagination/types.d.ts

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

package/DataGridPagination/types.js

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

package/esm/DataGridPagination/types.d.ts

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

package/esm/DataGridPagination/types.js

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