@astral/ui 0.20.0 → 0.22.1

package/esm/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js

@@ -0,0 +1,26 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '../../Typography/Typography';
+import { SortStates } from '../constants';
+import { StyledTableCell, StyledTableSortLabel } from './styled';
+export function DataGridHeadColumn(_a) {
+    var onSort = _a.onSort, field = _a.field, sortable = _a.sortable, align = _a.align, label = _a.label, sorting = _a.sorting, renderCell = _a.renderCell;
+    var sortParams = sorting.find(function (_a) {
+        var fieldId = _a.fieldId;
+        return field === fieldId;
+    });
+    var hideSortIcon = !Boolean(sortParams);
+    var sortDirection = sortParams ? sortParams.sort : SortStates.ASC;
+    var fitContent = Boolean(renderCell);
+    return (_jsxs(StyledTableCell, __assign({ onClick: onSort(field, sortable), fitContent: fitContent, align: align }, { children: [_jsx(Typography, __assign({ variant: "pointer" }, { children: label }), void 0), sortable && (_jsx(StyledTableSortLabel, { hideSortIcon: hideSortIcon, direction: sortDirection, active: true }, void 0))] }), void 0));
+}

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

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

package/esm/DataGrid/DataGridHeadColumn/index.js

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

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { TableCellProps } from '@mui/material';
+export declare const StyledTableSortLabel: import("@emotion/styled").StyledComponent<{
+    active?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TableSortLabelClasses> | undefined;
+    direction?: "desc" | "asc" | undefined;
+    hideSortIcon?: boolean | undefined;
+    IconComponent?: import("react").JSXElementConstructor<{
+        className: string;
+    }> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "disabled" | "sx" | "tabIndex" | "direction" | "action" | "active" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "hideSortIcon" | "IconComponent"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledTableCell: import("@emotion/styled").StyledComponent<TableCellProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    fitContent?: boolean | undefined;
+}, {}, {}>;

package/esm/DataGrid/DataGridHeadColumn/styled.js

@@ -0,0 +1,17 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { styled } from '../../styles';
+import { TableCell, TableSortLabel } from '../../Table';
+export var StyledTableSortLabel = styled(TableSortLabel)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  visibility: ", ";\n"], ["\n  visibility: ", ";\n"])), function (_a) {
+    var hideSortIcon = _a.hideSortIcon;
+    return hideSortIcon && 'hidden';
+});
+export var StyledTableCell = styled(TableCell, {
+    shouldForwardProp: function (prop) { return prop !== 'fitContent'; },
+})(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) {
+    var fitContent = _a.fitContent;
+    return (fitContent ? '1%' : 'auto');
+});
+var templateObject_1, templateObject_2;

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

@@ -0,0 +1,11 @@
+import { TableCellProps } from '@mui/material';
+import { DataGridSort, RenderCell } from '../types';
+export declare type DataGridHeadColumnProps<T> = {
+    onSort: (field: keyof T, sortable: boolean | undefined) => () => void;
+    sorting: DataGridSort<T>[];
+    renderCell?: RenderCell<T>;
+    label?: string;
+    sortable?: boolean;
+    align?: TableCellProps['align'];
+    field: keyof T;
+};

package/esm/DataGrid/DataGridHeadColumn/types.js

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DataGridLoaderProps } from './types';
+declare const DataGridLoader: ({ loading }: DataGridLoaderProps) => JSX.Element;
+export default DataGridLoader;

package/esm/DataGrid/DataGridLoader/DataGridLoader.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Backdrop, LoaderWrapper, StyledDivider, StyledLinearProgress, } from './styled';
+var DataGridLoader = function (_a) {
+    var _b = _a.loading, loading = _b === void 0 ? false : _b;
+    return (_jsxs(LoaderWrapper, { children: [loading && _jsx(Backdrop, {}, void 0), loading ? _jsx(StyledLinearProgress, {}, void 0) : _jsx(StyledDivider, {}, void 0)] }, void 0));
+};
+export default DataGridLoader;

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

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

package/esm/DataGrid/DataGridLoader/index.js

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

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const Backdrop: 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 StyledDivider: import("@emotion/styled").StyledComponent<{
+    absolute?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").DividerClasses> | undefined;
+    flexItem?: boolean | undefined;
+    light?: boolean | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    textAlign?: "left" | "center" | "right" | undefined;
+    variant?: "middle" | "inset" | "fullWidth" | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "key" | keyof import("react").HTMLAttributes<HTMLHRElement>> & {
+    ref?: ((instance: HTMLHRElement | null) => void) | import("react").RefObject<HTMLHRElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "orientation" | "textAlign" | "light" | "absolute" | "flexItem"> & {
+    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;
+}, {}, {}>;

package/esm/DataGrid/DataGridLoader/styled.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { LinearProgress } from '@mui/material';
+import { Divider } from '../../Divider';
+import { styled } from '../../styles';
+export var Backdrop = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n\n  width: 100%;\n  height: 100%;\n\n  background-color: ", ";\n  opacity: 0.6;\n"], ["\n  position: absolute;\n  top: 0;\n\n  width: 100%;\n  height: 100%;\n\n  background-color: ", ";\n  opacity: 0.6;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey['100'];
+});
+export var StyledDivider = styled(Divider)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-width: 1px;\n"], ["\n  border-width: 1px;\n"])));
+export var LoaderWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 2px;\n"], ["\n  height: 2px;\n"])));
+export var StyledLinearProgress = styled(LinearProgress)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 2px;\n"], ["\n  height: 2px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -0,0 +1,3 @@
+export declare type DataGridLoaderProps = {
+    loading?: boolean;
+};

package/esm/DataGrid/DataGridLoader/types.js

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

package/esm/DataGrid/constants.d.ts

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

package/esm/DataGrid/constants.js

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

package/esm/DataGrid/index.d.ts

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

package/esm/DataGrid/index.js

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

package/esm/DataGrid/styled.d.ts

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

package/esm/DataGrid/styled.js

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

package/esm/DataGrid/types.d.ts

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

package/esm/DataGrid/types.js

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

package/esm/DataGridPagination/DataGridPagination.d.ts

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

package/esm/DataGridPagination/DataGridPagination.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Pagination } from '../Pagination';
+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 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 }), void 0), _jsx(Pagination, __assign({ count: count }, props), void 0)] }), void 0));
+};

package/esm/DataGridPagination/index.d.ts

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

package/esm/DataGridPagination/index.js

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

package/esm/DataGridPagination/styled.d.ts

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

package/esm/DataGridPagination/styled.js

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

package/esm/DataGridPagination/types.d.ts

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

package/esm/DataGridPagination/types.js

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

package/esm/Dialog/types.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
 import { DialogProps as MuiDialogProps } from '@mui/material';
-export declare type DialogProps = Omit<MuiDialogProps, 'onClose'> & {
+export declare type DialogProps = MuiDialogProps & {
     title?: string;
     disableBackdropClick?: boolean;
-    onClose?: (event?: React.MouseEvent<HTMLButtonElement>, reason?: 'backdropClick' | 'escapeKeyDown') => void;
 };

package/esm/DialogTitle/DialogTitle.js

@@ -23,8 +23,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DialogTitle as MuiDialogTitle } from '@mui/material';
 import { CrossOutlineMd } from '@astral/icons';
+import { useCallback } from 'react';
 import { IconButton } from '../IconButton';
 export var DialogTitle = function (_a) {
+    // 'escapeKeyDown'  в документашке написано что это опциональный тип, и можно стрингу любую туда закидывать, а по факту либо escapeKeyDown либо backdropClick
     var children = _a.children, onClose = _a.onClose, props = __rest(_a, ["children", "onClose"]);
-    return (_jsxs(MuiDialogTitle, __assign({}, props, { children: [children, onClose && (_jsx(IconButton, __assign({ variant: "text", onClick: onClose }, { children: _jsx(CrossOutlineMd, {}, void 0) }), void 0))] }), void 0));
+    var onClickTitle = useCallback(function (e) { return onClose && onClose(e, 'escapeKeyDown'); }, [onClose]);
+    return (_jsxs(MuiDialogTitle, __assign({}, props, { children: [children, onClose && (_jsx(IconButton, __assign({ variant: "text", onClick: onClickTitle }, { children: _jsx(CrossOutlineMd, {}, void 0) }), void 0))] }), void 0));
 };

package/esm/DialogTitle/types.d.ts

@@ -1,4 +1,4 @@
-import { DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
+import { ModalProps, DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
 export declare type DialogTitleProps = MuiDialogTitleProps & {
-    onClose?: () => void;
+    onClose?: ModalProps['onClose'];
 };

package/esm/Pagination/Pagination.d.ts

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

package/esm/Pagination/Pagination.js

@@ -0,0 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pagination as MuiPagination } from '@mui/material';
+export var Pagination = function (_a) {
+    var props = __rest(_a, []);
+    return _jsx(MuiPagination, __assign({ shape: "rounded" }, props), void 0);
+};

package/esm/Pagination/index.d.ts

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

package/esm/Pagination/index.js

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

package/esm/Pagination/types.d.ts

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

package/esm/Pagination/types.js

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

package/esm/Select/Select.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { SelectProps } from './types';
-export declare const Select: ({ multiple, loading, placeholder, helperText, success, children, label, error, ...props }: SelectProps) => JSX.Element;
+export declare const Select: ({ multiple, loading, placeholder, getOptionLabel, helperText, success, children, label, error, ...props }: SelectProps) => JSX.Element;

package/esm/Select/Select.js

@@ -29,17 +29,20 @@ import { CircularProgress } from '../CircularProgress';
 import { MenuItem } from '../MenuItem';
 import { Placeholder, ProgressWrapper, TagsWrapper } from './styled';
 export var Select = function (_a) {
-    var multiple = _a.multiple, loading = _a.loading, placeholder = _a.placeholder, helperText = _a.helperText, success = _a.success, children = _a.children, label = _a.label, error = _a.error, props = __rest(_a, ["multiple", "loading", "placeholder", "helperText", "success", "children", "label", "error"]);
+    var multiple = _a.multiple, loading = _a.loading, placeholder = _a.placeholder, _b = _a.getOptionLabel, getOptionLabel = _b === void 0 ? function (value) { return value; } : _b, helperText = _a.helperText, success = _a.success, children = _a.children, label = _a.label, error = _a.error, props = __rest(_a, ["multiple", "loading", "placeholder", "getOptionLabel", "helperText", "success", "children", "label", "error"]);
     // unknown, т.к. ts ругается на несоответствие типов. По-умолчанию в selectedOptions string или string[].
     var renderValue = function (selectedOptions) {
         if (Array.isArray(selectedOptions) && selectedOptions.length) {
-            return (_jsx(TagsWrapper, { children: selectedOptions.map(function (option) { return (_jsx(Tag, { color: "grey", label: option }, option)); }) }, void 0));
+            return (_jsx(TagsWrapper, { children: selectedOptions.map(function (option) {
+                    var optionLabel = getOptionLabel(option);
+                    return _jsx(Tag, { color: "grey", label: optionLabel }, option);
+                }) }, void 0));
         }
         if ((Array.isArray(selectedOptions) || typeof selectedOptions === 'string') &&
             !selectedOptions.length) {
             return placeholder;
         }
-        return selectedOptions;
+        return getOptionLabel(selectedOptions);
     };
     var isNoData = !Boolean(React.Children.count(children));
     return (_jsxs(TextField, __assign({ select: true, label: label, helperText: helperText, error: error, success: success, SelectProps: __assign(__assign({}, props), { multiple: multiple, renderValue: renderValue, displayEmpty: true, IconComponent: ChevronDOutlineMd }) }, { children: [_jsx(Placeholder, __assign({ value: "" }, { children: "placeholder" }), void 0), loading && (_jsx(ProgressWrapper, { children: _jsx(CircularProgress, { color: "primary" }, void 0) }, void 0)), !loading && children, !loading && isNoData && _jsx(MenuItem, __assign({ disabled: true }, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" }), void 0)] }), void 0));

package/esm/Select/types.d.ts

@@ -3,4 +3,5 @@ import { TextFieldProps } from '../TextField';
 export declare type SelectProps = MuiSelectProps & Pick<TextFieldProps, 'error' | 'success' | 'SelectProps' | 'helperText' | 'label'> & {
     loading?: boolean;
     placeholder?: string;
+    getOptionLabel?: (value: string | number) => string | number;
 };

package/esm/SideDialog/SideDialog.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SideDialogProps } from './types';
+export declare const SideDialog: ({ children, title, onClose, open, ...props }: SideDialogProps) => JSX.Element;

package/esm/SideDialog/SideDialog.js

@@ -0,0 +1,29 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SideDialogTitle } from '../SideDialogTitle';
+import { StyledDrawer } from './styled';
+export var SideDialog = function (_a) {
+    var children = _a.children, title = _a.title, onClose = _a.onClose, open = _a.open, props = __rest(_a, ["children", "title", "onClose", "open"]);
+    return (_jsxs(StyledDrawer, __assign({ anchor: "right", open: open, onClose: onClose }, props, { children: [_jsx(SideDialogTitle, __assign({ onClose: onClose }, { children: title }), void 0), children] }), void 0));
+};

package/esm/SideDialog/index.d.ts

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

package/esm/SideDialog/index.js

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

package/esm/SideDialog/styled.d.ts

@@ -0,0 +1,4 @@
+import { DrawerProps } from '@mui/material';
+export declare const StyledDrawer: import("@emotion/styled").StyledComponent<DrawerProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/esm/SideDialog/styled.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Drawer } from '@mui/material';
+import { styled } from '../styles';
+export var StyledDrawer = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .MuiPaper-root {\n    width: 30%;\n  }\n  height: 100vh;\n"], ["\n  .MuiPaper-root {\n    width: 30%;\n  }\n  height: 100vh;\n"])));
+var templateObject_1;

package/esm/SideDialog/types.d.ts

@@ -0,0 +1,4 @@
+import { DrawerProps as MuiDrawerProps } from '@mui/material';
+export declare type SideDialogProps = MuiDrawerProps & {
+    title: string;
+};

package/esm/SideDialog/types.js

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

package/esm/SideDialogActions/SideDialogActions.d.ts

@@ -0,0 +1 @@
+export { DialogActions as SideDialogActions } from '../DialogActions';

package/esm/SideDialogActions/SideDialogActions.js

@@ -0,0 +1 @@
+export { DialogActions as SideDialogActions } from '../DialogActions';

package/esm/SideDialogActions/index.d.ts

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

package/esm/SideDialogActions/index.js

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

package/esm/SideDialogActions/types.d.ts

@@ -0,0 +1 @@
+export type { DialogActionsProps as SideDialogActionsProps } from '@mui/material';

package/esm/SideDialogActions/types.js

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

package/esm/SideDialogContent/SideDialogContent.d.ts

@@ -0,0 +1 @@
+export { DialogContent as SideDialogContent } from '../DialogContent';

package/esm/SideDialogContent/SideDialogContent.js

@@ -0,0 +1 @@
+export { DialogContent as SideDialogContent } from '../DialogContent';

package/esm/SideDialogContent/index.d.ts

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

package/esm/SideDialogContent/index.js

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

package/esm/SideDialogContent/types.d.ts

@@ -0,0 +1 @@
+export type { DialogContentProps as SideDialogContentProps } from '@mui/material';

package/esm/SideDialogContent/types.js

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

package/esm/SideDialogContentText/SideDialogContentText.d.ts

@@ -0,0 +1 @@
+export { DialogContentText as SideDialogContentText } from '../DialogContentText';