@astral/ui 1.55.0 → 2.1.3

package/hooks/useToggle/index.js

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

package/hooks/useToggle/useToggle.d.ts

@@ -1,43 +0,0 @@
-/**
- * @description тип обозначающий какой угодно рест аргументов
- */
-type Arguments = unknown[];
-/**
- * @description хэндлер принимающий на вход неизвестное колличество аргументов, неизвестного вида
- */
-type Handler<Args extends Arguments> = (...a: Args) => void;
-/**
- * @description хэндлер на открытие с неизвестным колличеством аргументов, неизвестного вида
- */
-type OpenHandler<Args extends Arguments> = Handler<Args>;
-/**
- * @description хэндлер на закрытие с неизвестным колличеством аргументов, неизвестного вида
- */
-type CloseHandler<Args extends Arguments> = Handler<Args>;
-type UseToggleResultTuple<CloseArgs extends Arguments, OpenArgs extends Arguments> = [
-    /**
-     * @description флаг активности состояния
-     */
-    boolean,
-    OpenHandler<OpenArgs>,
-    CloseHandler<CloseArgs>
-];
-type UseToggleOptions<CloseArgs extends Arguments, OpenArgs extends Arguments> = {
-    /**
-     * @description изначальное состояние активности
-     */
-    initialState?: boolean;
-    /**
-     * @description коллбэк на открытие
-     */
-    onActive?: OpenHandler<OpenArgs>;
-    /**
-     * @description коллбэк на закрытие
-     */
-    onInactive?: CloseHandler<CloseArgs>;
-};
-/**
- * @description хук хранящий стейт активности, и предоставляющий методы переключения c проксируемыми аргументами, позволяет уменьшить бойлерплейт код
- */
-export declare const useToggle: <CloseArgs extends Arguments, OpenArgs extends Arguments>(params?: UseToggleOptions<CloseArgs, OpenArgs> | undefined) => UseToggleResultTuple<CloseArgs, OpenArgs>;
-export {};

package/hooks/useToggle/useToggle.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useToggle = void 0;
-const react_1 = require("react");
-/**
- * @description хук хранящий стейт активности, и предоставляющий методы переключения c проксируемыми аргументами, позволяет уменьшить бойлерплейт код
- */
-const useToggle = (params) => {
-    const { initialState = false, onInactive, onActive } = params || {};
-    const [isActive, setActive] = (0, react_1.useState)(initialState);
-    // выставляем флаг активности в true, и проксируем все принятые аргументы
-    const handleActive = (...args) => {
-        setActive(true);
-        onActive === null || onActive === void 0 ? void 0 : onActive(...args);
-    };
-    // выставляем флаг активности в false, и проксируем все принятые аргументы
-    const handleInactive = (...args) => {
-        setActive(false);
-        onInactive === null || onInactive === void 0 ? void 0 : onInactive(...args);
-    };
-    return [isActive, handleActive, handleInactive];
-};
-exports.useToggle = useToggle;

package/server/createStylesCache/index.d.ts

@@ -1,2 +0,0 @@
-export { default as createStylesCache } from '@emotion/cache';
-export type { EmotionCache as StylesCache } from '@emotion/cache';

package/server/createStylesCache/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStylesCache = void 0;
-var cache_1 = require("@emotion/cache");
-Object.defineProperty(exports, "createStylesCache", { enumerable: true, get: function () { return __importDefault(cache_1).default; } });

package/server/createStylesServer/index.d.ts

@@ -1 +0,0 @@
-export { default as createStylesServer } from '@emotion/server/create-instance';

package/server/createStylesServer/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStylesServer = void 0;
-var create_instance_1 = require("@emotion/server/create-instance");
-Object.defineProperty(exports, "createStylesServer", { enumerable: true, get: function () { return __importDefault(create_instance_1).default; } });

package/styles/index.d.ts

@@ -1 +0,0 @@
-export { default as styled } from '@emotion/styled';

package/styles/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styled = void 0;
-var styled_1 = require("@emotion/styled");
-Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return __importDefault(styled_1).default; } });

package/theme/baseTheme/baseTheme.d.ts

@@ -1,21 +0,0 @@
-import { BreakpointsOptions, Palette as MuiPalette, Theme as MuiTheme, PaletteColor, ThemeOptions } from '@mui/material/styles';
-import { Background, Color } from '../palette';
-import { FontsUrls } from '../components';
-import { Brand } from '../constants';
-export type Palette = Omit<MuiPalette, 'grey' | 'background'> & {
-    red: Color;
-    green: Color;
-    yellow: Color;
-    grey: Color;
-    primary: PaletteColor & Color;
-    background: Background;
-};
-export type Theme = MuiTheme;
-type CreateThemeParams = {
-    brand: Brand;
-    options?: ThemeOptions;
-    fontsUrls: FontsUrls;
-    breakpoints?: BreakpointsOptions;
-};
-export declare const createTheme: (params: CreateThemeParams) => MuiTheme;
-export {};

package/theme/baseTheme/baseTheme.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTheme = void 0;
-const styles_1 = require("@mui/material/styles");
-const lodash_es_1 = require("lodash-es");
-const typography_1 = require("../typography");
-const palette_1 = require("../palette");
-const components_1 = require("../components");
-const constants_1 = require("../constants");
-const elevation_1 = require("../elevation");
-const shape_1 = require("../shape");
-const breakpoints_1 = require("../breakpoints");
-const createTheme = (params) => {
-    const { brand, options, fontsUrls, breakpoints = breakpoints_1.defaultBreakpoints, } = params;
-    const themeOptions = {
-        typography: typography_1.typography,
-        breakpoints,
-        spacing: constants_1.SPACING,
-        palette: (0, palette_1.getPalette)(brand),
-        components: (0, components_1.getComponents)(fontsUrls),
-    };
-    const 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/baseTheme/baseTheme.test.d.ts

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

package/theme/baseTheme/baseTheme.test.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const constants_1 = require("../constants");
-const baseTheme_1 = require("./baseTheme");
-describe('createTheme', () => {
-    const fontsUrls = {
-        bold: {
-            woff: '',
-            woff2: '',
-        },
-        regular: {
-            woff: '',
-            woff2: '',
-        },
-        medium: {
-            woff: '',
-            woff2: '',
-        },
-        light: {
-            woff: '',
-            woff2: '',
-        },
-    };
-    it('Theme merge done correctly', () => {
-        const extendedTheme = (0, baseTheme_1.createTheme)({
-            brand: constants_1.Brand.DEFAULT,
-            fontsUrls,
-            options: {
-                typography: { h1: { lineHeight: 12 } },
-            },
-        });
-        expect(extendedTheme.typography.h1.lineHeight).toBe(12);
-    });
-    it('Color should be taken depending on the brand', () => {
-        const theme = (0, baseTheme_1.createTheme)({ brand: constants_1.Brand.SIGN, fontsUrls });
-        const expected = {
-            primary: {
-                main: '#376798',
-                dark: '#325D89',
-            },
-            secondary: {
-                main: '#4099AC',
-                dark: '#325D89',
-            },
-        };
-        expect(theme.palette).toMatchObject(expected);
-    });
-    it('Spacing are calculated correctly', () => {
-        const theme = (0, baseTheme_1.createTheme)({ brand: constants_1.Brand.SIGN, fontsUrls });
-        expect(theme.spacing(2)).toBe('8px');
-    });
-    it('Theme has elevation params', () => {
-        const theme = (0, baseTheme_1.createTheme)({ brand: constants_1.Brand.SIGN, fontsUrls });
-        expect(theme.elevation[100]).toBe('0px 0px 1px 0px #072D574F, 0px 1px 1px 0px #072D5740;');
-    });
-});

package/theme/baseTheme/index.d.ts

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

package/theme/baseTheme/index.js

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

package/theme/breakpoints.d.ts

@@ -1,2 +0,0 @@
-import { BreakpointsOptions } from '@mui/material';
-export declare const defaultBreakpoints: BreakpointsOptions;

package/theme/breakpoints.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultBreakpoints = void 0;
-exports.defaultBreakpoints = {
-    values: {
-        xs: 0,
-        sm: 600,
-        md: 900,
-        lg: 1200,
-        xl: 1536,
-    },
-};

package/theme/components/MuiAlert.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiAlert: Components<Theme>['MuiAlert'];

package/theme/components/MuiAlert.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiAlert = void 0;
-exports.MuiAlert = {
-    styleOverrides: {
-        filledSuccess({ theme }) {
-            return {
-                backgroundColor: theme.palette.success.light,
-                color: theme.palette.text.primary,
-                svg: {
-                    color: theme.palette.green['900'],
-                },
-            };
-        },
-        filledError({ theme }) {
-            return {
-                backgroundColor: theme.palette.error.light,
-                color: theme.palette.text.primary,
-                svg: {
-                    color: theme.palette.red['900'],
-                },
-            };
-        },
-        filledWarning({ theme }) {
-            return {
-                backgroundColor: theme.palette.warning.light,
-                color: theme.palette.text.primary,
-                svg: {
-                    color: theme.palette.yellow['900'],
-                },
-            };
-        },
-        filledInfo({ theme }) {
-            return {
-                backgroundColor: theme.palette.primary['100'],
-                color: theme.palette.text.primary,
-                svg: {
-                    // TODO: для варианта info в дизайн системе нет набора цветов, временно подвязался на primary
-                    // но в других темах цвета корявые
-                    color: theme.palette.primary['900'],
-                },
-            };
-        },
-        action({ theme }) {
-            return {
-                svg: {
-                    color: `${theme.palette.text.primary} !important`,
-                },
-            };
-        },
-    },
-};

package/theme/components/MuiAutocomplete.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiAutocomplete: Components<Theme>['MuiAutocomplete'];

package/theme/components/MuiAutocomplete.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiAutocomplete = void 0;
-const enums_1 = require("../../Autocomplete/enums");
-exports.MuiAutocomplete = {
-    styleOverrides: {
-        inputRoot({ theme, ownerState: { size } }) {
-            return {
-                paddingTop: `${theme.spacing(1)} !important`,
-                paddingBottom: `${theme.spacing(1)} !important`,
-                paddingLeft: `${theme.spacing(1)} !important`,
-                minHeight: size === enums_1.AutocompleteSizes.small ? '32px' : '40px',
-            };
-        },
-        input({ theme }) {
-            return {
-                padding: '0 !important',
-                paddingLeft: `${theme.spacing(1)} !important`,
-            };
-        },
-        popupIndicator({ theme }) {
-            return {
-                borderRadius: theme.shape.small,
-                width: 20,
-                height: 20,
-            };
-        },
-        endAdornment() {
-            return {
-                top: 'calc(50% - 11px)',
-            };
-        },
-        paper({ theme }) {
-            return {
-                marginTop: theme.spacing(2),
-            };
-        },
-        noOptions({ theme }) {
-            return {
-                color: theme.palette.grey['500'],
-            };
-        },
-        clearIndicator({ theme }) {
-            return {
-                padding: 0,
-                borderRadius: '50%',
-                backgroundColor: theme.palette.grey['500'],
-                color: theme.palette.primary.contrastText,
-                marginRight: theme.spacing(1),
-                width: 14,
-                height: 14,
-                '>svg': {
-                    width: 16,
-                    height: 16,
-                },
-            };
-        },
-    },
-};

package/theme/components/MuiButton.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiButton: Components<Theme>['MuiButton'];

package/theme/components/MuiButton.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiButton = void 0;
-const ButtonBase_1 = require("../../ButtonBase");
-const styles_1 = require("../../ButtonBase/styles");
-exports.MuiButton = {
-    defaultProps: {
-        disableRipple: true,
-    },
-    styleOverrides: {
-        root({ ownerState, theme }) {
-            const customVariant = ownerState.variant;
-            const customColor = ownerState.color;
-            const selected = ownerState.selected;
-            return {
-                display: 'inline-flex',
-                gap: theme.spacing(1),
-                color: (0, styles_1.getColor)({
-                    selected,
-                    theme,
-                    customVariant,
-                    customColor,
-                    buttonState: ButtonBase_1.ButtonStates.Default,
-                }),
-                backgroundColor: (0, styles_1.getBgColor)({
-                    selected,
-                    customColor,
-                    customVariant,
-                    buttonState: ButtonBase_1.ButtonStates.Default,
-                    theme,
-                }),
-                height: (0, styles_1.getButtonHeight)({
-                    theme,
-                    size: ownerState.size,
-                }),
-                padding: (0, styles_1.getButtonPadding)({
-                    theme,
-                    size: ownerState.size,
-                }),
-                fontWeight: theme.typography.button.fontWeight,
-                fontSize: theme.typography.button.fontSize,
-                border: 'none',
-                borderRadius: theme.shape.small,
-                textTransform: 'none',
-                boxShadow: 'none',
-                '&:hover': {
-                    color: (0, styles_1.getColor)({
-                        selected,
-                        theme,
-                        customVariant,
-                        customColor,
-                        buttonState: ButtonBase_1.ButtonStates.Hover,
-                    }),
-                    backgroundColor: (0, styles_1.getBgColor)({
-                        selected,
-                        customColor,
-                        customVariant,
-                        theme,
-                        buttonState: ButtonBase_1.ButtonStates.Hover,
-                    }),
-                    boxShadow: 'none',
-                },
-                '&:active': {
-                    color: (0, styles_1.getColor)({
-                        selected,
-                        customColor,
-                        customVariant,
-                        theme,
-                        buttonState: ButtonBase_1.ButtonStates.Active,
-                    }),
-                    backgroundColor: (0, styles_1.getBgColor)({
-                        selected,
-                        customColor,
-                        customVariant,
-                        theme,
-                        buttonState: ButtonBase_1.ButtonStates.Active,
-                    }),
-                    outline: 'none',
-                },
-                '&.Mui-disabled': {
-                    color: theme.palette.grey['500'],
-                    backgroundColor: (0, styles_1.getDisabledBgColor)({
-                        theme,
-                        customVariant,
-                    }),
-                },
-                '&.Mui-focusVisible': {
-                    color: (0, styles_1.getColor)({
-                        selected,
-                        theme,
-                        customVariant,
-                        customColor,
-                        buttonState: ButtonBase_1.ButtonStates.Focus,
-                    }),
-                    backgroundColor: (0, styles_1.getBgColor)({
-                        selected,
-                        customColor,
-                        customVariant,
-                        theme,
-                        buttonState: ButtonBase_1.ButtonStates.Focus,
-                    }),
-                    outline: `2px solid ${theme.palette.primary['400']}`,
-                    boxShadow: 'none',
-                },
-                '&.MuiButton-root .MuiButton-startIcon': {
-                    marginRight: theme.spacing(1),
-                },
-                '&.MuiButton-root .MuiButton-endIcon': {
-                    marginLeft: theme.spacing(1),
-                },
-                '&.MuiButton-root .MuiSvgIcon-root': {
-                    fontSize: '24px',
-                },
-            };
-        },
-    },
-};

package/theme/components/MuiButtonBase.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiButtonBase: Components<Theme>['MuiButtonBase'];

package/theme/components/MuiButtonBase.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiButtonBase = void 0;
-exports.MuiButtonBase = {
-    defaultProps: {
-        disableRipple: true,
-    },
-};

package/theme/components/MuiCircularProgress.d.ts

@@ -1,4 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiCircularProgress: Components<Theme>['MuiCircularProgress'];
-export default MuiCircularProgress;

package/theme/components/MuiCircularProgress.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiCircularProgress = void 0;
-exports.MuiCircularProgress = {
-    styleOverrides: {
-        root({ ownerState, theme }) {
-            // В данном случае появилась необходимость использования data- атрибута
-            // Подробнее: https://github.com/kaluga-astral/frontend/pull/199/files/5b42598b80e5b199e1b1a1298844a51b489e9c5a#r857514116
-            const { 'data-color': color } = ownerState;
-            return {
-                color: color === 'primary'
-                    ? theme.palette.grey[900]
-                    : theme.palette.primary.contrastText,
-            };
-        },
-    },
-};
-exports.default = exports.MuiCircularProgress;

package/theme/components/MuiDialog.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiDialog: Components<Theme>['MuiDialog'];

package/theme/components/MuiDialog.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiDialog = void 0;
-exports.MuiDialog = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                background: theme.palette.background.modalShadow,
-            };
-        },
-        paper({ theme }) {
-            return {
-                borderRadius: theme.shape.small,
-            };
-        },
-    },
-};

package/theme/components/MuiDialogActions.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiDialogActions: Components<Theme>['MuiDialogActions'];

package/theme/components/MuiDialogActions.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiDialogActions = void 0;
-exports.MuiDialogActions = {
-    styleOverrides: {
-        root: ({ theme }) => {
-            return {
-                padding: theme.spacing(4, 6, 6, 6),
-                '>div': {
-                    width: '100%',
-                },
-            };
-        },
-    },
-};

package/theme/components/MuiDialogContent.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiDialogContent: Components<Theme>['MuiDialogContent'];

package/theme/components/MuiDialogContent.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiDialogContent = void 0;
-exports.MuiDialogContent = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                padding: theme.spacing(0, 6),
-            };
-        },
-    },
-};

package/theme/components/MuiDialogTitle.d.ts

@@ -1,3 +0,0 @@
-import { Components } from '@mui/material';
-import type { Theme } from '../baseTheme';
-export declare const MuiDialogTitle: Components<Theme>['MuiDialogTitle'];

package/theme/components/MuiDialogTitle.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MuiDialogTitle = void 0;
-const material_1 = require("@mui/material");
-exports.MuiDialogTitle = {
-    styleOverrides: {
-        root({ theme }) {
-            return {
-                padding: theme.spacing(6, 6, 4),
-                fontSize: theme.typography.h4.fontSize,
-                fontWeight: theme.typography.h4.fontWeight,
-                lineHeight: theme.typography.h4.lineHeight,
-                display: 'flex',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-                [`& .${material_1.buttonClasses.root}`]: {
-                    marginLeft: theme.spacing(4),
-                    color: theme.palette.grey[800],
-                },
-            };
-        },
-    },
-};