@astral/ui 1.16.2 → 1.17.0

package/theme/baseTheme/baseTheme.test.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var constants_1 = require("../constants");
-var baseTheme_1 = require("./baseTheme");
-describe('createTheme', function () {
-    var fontsUrls = {
+const constants_1 = require("../constants");
+const baseTheme_1 = require("./baseTheme");
+describe('createTheme', () => {
+    const fontsUrls = {
         bold: {
             woff: '',
             woff2: '',
@@ -21,19 +21,19 @@ describe('createTheme', function () {
             woff2: '',
         },
     };
-    it('Theme merge done correctly', function () {
-        var extendedTheme = (0, baseTheme_1.createTheme)({
+    it('Theme merge done correctly', () => {
+        const extendedTheme = (0, baseTheme_1.createTheme)({
             brand: constants_1.Brand.DEFAULT,
-            fontsUrls: fontsUrls,
+            fontsUrls,
             options: {
                 typography: { h1: { lineHeight: 12 } },
             },
         });
         expect(extendedTheme.typography.h1.lineHeight).toBe(12);
     });
-    it('Color should be taken depending on the brand', function () {
-        var theme = (0, baseTheme_1.createTheme)({ brand: constants_1.Brand.SIGN, fontsUrls: fontsUrls });
-        var expected = {
+    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',
@@ -45,12 +45,12 @@ describe('createTheme', function () {
         };
         expect(theme.palette).toMatchObject(expected);
     });
-    it('Spacing are calculated correctly', function () {
-        var theme = (0, baseTheme_1.createTheme)({ brand: constants_1.Brand.SIGN, fontsUrls: fontsUrls });
+    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', function () {
-        var theme = (0, baseTheme_1.createTheme)({ brand: constants_1.Brand.SIGN, fontsUrls: fontsUrls });
+    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/components/MuiAlert.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiAlert = void 0;
 exports.MuiAlert = {
     styleOverrides: {
-        filledSuccess: function (_a) {
-            var theme = _a.theme;
+        filledSuccess({ theme }) {
             return {
                 backgroundColor: theme.palette.success.light,
                 color: theme.palette.text.primary,
@@ -13,8 +12,7 @@ exports.MuiAlert = {
                 },
             };
         },
-        filledError: function (_a) {
-            var theme = _a.theme;
+        filledError({ theme }) {
             return {
                 backgroundColor: theme.palette.error.light,
                 color: theme.palette.text.primary,
@@ -23,8 +21,7 @@ exports.MuiAlert = {
                 },
             };
         },
-        filledWarning: function (_a) {
-            var theme = _a.theme;
+        filledWarning({ theme }) {
             return {
                 backgroundColor: theme.palette.warning.light,
                 color: theme.palette.text.primary,
@@ -33,8 +30,7 @@ exports.MuiAlert = {
                 },
             };
         },
-        filledInfo: function (_a) {
-            var theme = _a.theme;
+        filledInfo({ theme }) {
             return {
                 backgroundColor: theme.palette.primary['100'],
                 color: theme.palette.text.primary,
@@ -45,11 +41,10 @@ exports.MuiAlert = {
                 },
             };
         },
-        action: function (_a) {
-            var theme = _a.theme;
+        action({ theme }) {
             return {
                 svg: {
-                    color: "".concat(theme.palette.text.primary, " !important"),
+                    color: `${theme.palette.text.primary} !important`,
                 },
             };
         },

package/theme/components/MuiAutocomplete.js

@@ -1,58 +1,51 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiAutocomplete = void 0;
-var constants_1 = require("../../Autocomplete/constants");
+const constants_1 = require("../../Autocomplete/constants");
 exports.MuiAutocomplete = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 padding: theme.spacing(1),
             };
         },
-        inputRoot: function (_a) {
-            var theme = _a.theme, size = _a.ownerState.size;
+        inputRoot({ theme, ownerState: { size } }) {
             return {
-                paddingTop: "".concat(theme.spacing(1), " !important"),
-                paddingBottom: "".concat(theme.spacing(1), " !important"),
-                paddingLeft: "".concat(theme.spacing(1), " !important"),
+                paddingTop: `${theme.spacing(1)} !important`,
+                paddingBottom: `${theme.spacing(1)} !important`,
+                paddingLeft: `${theme.spacing(1)} !important`,
                 minHeight: size === constants_1.AutocompleteSizes.small ? '32px' : '40px',
             };
         },
-        input: function (_a) {
-            var theme = _a.theme;
+        input({ theme }) {
             return {
                 padding: '0 !important',
-                paddingLeft: "".concat(theme.spacing(1), " !important"),
+                paddingLeft: `${theme.spacing(1)} !important`,
             };
         },
-        popupIndicator: function (_a) {
-            var theme = _a.theme;
+        popupIndicator({ theme }) {
             return {
                 borderRadius: theme.shape.small,
                 width: 20,
                 height: 20,
             };
         },
-        endAdornment: function () {
+        endAdornment() {
             return {
                 top: 'calc(50% - 11px)',
             };
         },
-        paper: function (_a) {
-            var theme = _a.theme;
+        paper({ theme }) {
             return {
                 marginTop: theme.spacing(2),
             };
         },
-        noOptions: function (_a) {
-            var theme = _a.theme;
+        noOptions({ theme }) {
             return {
                 color: theme.palette.grey['500'],
             };
         },
-        clearIndicator: function (_a) {
-            var theme = _a.theme;
+        clearIndicator({ theme }) {
             return {
                 padding: 0,
                 borderRadius: '50%',

package/theme/components/MuiButton.js

@@ -1,41 +1,40 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiButton = void 0;
-var ButtonBase_1 = require("../../ButtonBase");
-var styles_1 = require("../../ButtonBase/styles");
+const ButtonBase_1 = require("../../ButtonBase");
+const styles_1 = require("../../ButtonBase/styles");
 exports.MuiButton = {
     defaultProps: {
         disableRipple: true,
     },
     styleOverrides: {
-        root: function (_a) {
-            var ownerState = _a.ownerState, theme = _a.theme;
-            var customVariant = ownerState.variant;
-            var customColor = ownerState.color;
-            var selected = ownerState.selected;
+        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: selected,
-                    theme: theme,
-                    customVariant: customVariant,
-                    customColor: customColor,
+                    selected,
+                    theme,
+                    customVariant,
+                    customColor,
                     buttonState: ButtonBase_1.ButtonStates.Default,
                 }),
                 backgroundColor: (0, styles_1.getBgColor)({
-                    selected: selected,
-                    customColor: customColor,
-                    customVariant: customVariant,
+                    selected,
+                    customColor,
+                    customVariant,
                     buttonState: ButtonBase_1.ButtonStates.Default,
-                    theme: theme,
+                    theme,
                 }),
                 height: (0, styles_1.getButtonHeight)({
-                    theme: theme,
+                    theme,
                     size: ownerState.size,
                 }),
                 padding: (0, styles_1.getButtonPadding)({
-                    theme: theme,
+                    theme,
                     size: ownerState.size,
                 }),
                 fontWeight: theme.typography.button.fontWeight,
@@ -46,34 +45,34 @@ exports.MuiButton = {
                 boxShadow: 'none',
                 '&:hover': {
                     color: (0, styles_1.getColor)({
-                        selected: selected,
-                        theme: theme,
-                        customVariant: customVariant,
-                        customColor: customColor,
+                        selected,
+                        theme,
+                        customVariant,
+                        customColor,
                         buttonState: ButtonBase_1.ButtonStates.Hover,
                     }),
                     backgroundColor: (0, styles_1.getBgColor)({
-                        selected: selected,
-                        customColor: customColor,
-                        customVariant: customVariant,
-                        theme: theme,
+                        selected,
+                        customColor,
+                        customVariant,
+                        theme,
                         buttonState: ButtonBase_1.ButtonStates.Hover,
                     }),
                     boxShadow: 'none',
                 },
                 '&:active': {
                     color: (0, styles_1.getColor)({
-                        selected: selected,
-                        customColor: customColor,
-                        customVariant: customVariant,
-                        theme: theme,
+                        selected,
+                        customColor,
+                        customVariant,
+                        theme,
                         buttonState: ButtonBase_1.ButtonStates.Active,
                     }),
                     backgroundColor: (0, styles_1.getBgColor)({
-                        selected: selected,
-                        customColor: customColor,
-                        customVariant: customVariant,
-                        theme: theme,
+                        selected,
+                        customColor,
+                        customVariant,
+                        theme,
                         buttonState: ButtonBase_1.ButtonStates.Active,
                     }),
                     outline: 'none',
@@ -81,26 +80,26 @@ exports.MuiButton = {
                 '&.Mui-disabled': {
                     color: theme.palette.grey['500'],
                     backgroundColor: (0, styles_1.getDisabledBgColor)({
-                        theme: theme,
-                        customVariant: customVariant,
+                        theme,
+                        customVariant,
                     }),
                 },
                 '&.Mui-focusVisible': {
                     color: (0, styles_1.getColor)({
-                        selected: selected,
-                        theme: theme,
-                        customVariant: customVariant,
-                        customColor: customColor,
+                        selected,
+                        theme,
+                        customVariant,
+                        customColor,
                         buttonState: ButtonBase_1.ButtonStates.Focus,
                     }),
                     backgroundColor: (0, styles_1.getBgColor)({
-                        selected: selected,
-                        customColor: customColor,
-                        customVariant: customVariant,
-                        theme: theme,
+                        selected,
+                        customColor,
+                        customVariant,
+                        theme,
                         buttonState: ButtonBase_1.ButtonStates.Focus,
                     }),
-                    outline: "2px solid ".concat(theme.palette.primary['400']),
+                    outline: `2px solid ${theme.palette.primary['400']}`,
                     boxShadow: 'none',
                 },
                 '&.MuiButton-root .MuiButton-startIcon': {

package/theme/components/MuiCircularProgress.js

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

package/theme/components/MuiDialog.js

@@ -3,14 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiDialog = void 0;
 exports.MuiDialog = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 background: theme.palette.background.modalShadow,
             };
         },
-        paper: function (_a) {
-            var theme = _a.theme;
+        paper({ theme }) {
             return {
                 borderRadius: theme.shape.small,
             };

package/theme/components/MuiDialogActions.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiDialogActions = void 0;
 exports.MuiDialogActions = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root: ({ theme }) => {
             return {
                 padding: theme.spacing(4, 6, 6, 6),
                 '>div': {

package/theme/components/MuiDialogContent.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiDialogContent = void 0;
 exports.MuiDialogContent = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 padding: theme.spacing(0, 6),
             };

package/theme/components/MuiDialogTitle.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiDialogTitle = void 0;
 exports.MuiDialogTitle = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 padding: theme.spacing(6),
                 fontSize: theme.typography.h4.fontSize,

package/theme/components/MuiFormHelperText.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiFormHelperText = void 0;
 exports.MuiFormHelperText = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 display: 'flex',
                 minHeight: theme.typography.small.lineHeight,

package/theme/components/MuiFormLabel.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiFormLabel = void 0;
 exports.MuiFormLabel = {
     styleOverrides: {
-        root: function () {
+        root() {
             return {
                 position: 'relative',
                 transform: 'none',

package/theme/components/MuiInputBase.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiInputBase = void 0;
 exports.MuiInputBase = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 '&.MuiInputBase-colorSuccess + .MuiFormHelperText-root': {
                     color: theme.palette.green[800],

package/theme/components/MuiInputLabel.js

@@ -6,8 +6,7 @@ exports.MuiInputLabel = {
         shrink: true,
     },
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 position: 'relative',
                 transform: 'none',

package/theme/components/MuiListItemButton.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiListItemButton = void 0;
 exports.MuiListItemButton = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 '&.Mui-selected': {
                     color: theme.palette.primary[800],

package/theme/components/MuiListItemText.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiListItemText = void 0;
 exports.MuiListItemText = {
     styleOverrides: {
-        root: function () {
+        root() {
             return {
                 overflow: 'hidden',
                 whiteSpace: 'nowrap',

package/theme/components/MuiLoadingButton.js

@@ -1,29 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiLoadingButton = void 0;
-var lab_1 = require("@mui/lab");
-var ButtonBase_1 = require("../../ButtonBase");
-var styles_1 = require("../../ButtonBase/styles");
+const lab_1 = require("@mui/lab");
+const ButtonBase_1 = require("../../ButtonBase");
+const styles_1 = require("../../ButtonBase/styles");
 exports.MuiLoadingButton = {
     defaultProps: {
         disableRipple: true,
     },
     styleOverrides: {
-        root: function (_a) {
-            var _b;
-            var ownerState = _a.ownerState, theme = _a.theme;
-            var customVariant = ownerState.variant;
-            var customColor = ownerState.color;
-            return _b = {},
-                _b["&.".concat(lab_1.loadingButtonClasses.loading)] = {
+        root({ ownerState, theme }) {
+            const customVariant = ownerState.variant;
+            const customColor = ownerState.color;
+            return {
+                [`&.${lab_1.loadingButtonClasses.loading}`]: {
                     backgroundColor: (0, styles_1.getBgColor)({
-                        customColor: customColor,
-                        customVariant: customVariant,
-                        theme: theme,
+                        customColor,
+                        customVariant,
+                        theme,
                         buttonState: ButtonBase_1.ButtonStates.Default,
                     }),
                 },
-                _b;
+            };
         },
     },
 };

package/theme/components/MuiMenu.js

@@ -6,8 +6,7 @@ exports.MuiMenu = {
         autoFocus: false,
     },
     styleOverrides: {
-        paper: function (_a) {
-            var theme = _a.theme;
+        paper({ theme }) {
             return {
                 marginTop: theme.spacing(2),
                 '&.MuiPaper-root': {
@@ -16,8 +15,7 @@ exports.MuiMenu = {
                 },
             };
         },
-        list: function (_a) {
-            var theme = _a.theme;
+        list({ theme }) {
             return {
                 padding: theme.spacing(1, 0),
             };

package/theme/components/MuiMenuItem.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiMenuItem = void 0;
 exports.MuiMenuItem = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 '&:hover': {
                     backgroundColor: theme.palette.background.elementHover,

package/theme/components/MuiOutlinedInput.js

@@ -6,8 +6,7 @@ exports.MuiOutlinedInput = {
         notched: false,
     },
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 fontSize: theme.typography.pxToRem(14),
                 borderRadius: theme.shape.small,
@@ -33,8 +32,7 @@ exports.MuiOutlinedInput = {
                 },
             };
         },
-        input: function (_a) {
-            var theme = _a.theme;
+        input({ theme }) {
             return {
                 height: 20,
                 padding: theme.spacing(2.5, 2),
@@ -48,27 +46,24 @@ exports.MuiOutlinedInput = {
                 },
             };
         },
-        inputSizeSmall: function (_a) {
-            var theme = _a.theme;
+        inputSizeSmall({ theme }) {
             return {
                 paddingBlock: theme.spacing(1.5),
                 paddingInline: theme.spacing(2),
             };
         },
-        notchedOutline: function (_a) {
-            var theme = _a.theme;
+        notchedOutline({ theme }) {
             return {
                 borderWidth: 2,
                 borderColor: theme.palette.grey[300],
             };
         },
-        multiline: function () {
+        multiline() {
             return {
                 padding: 0,
             };
         },
-        inputMultiline: function (_a) {
-            var theme = _a.theme;
+        inputMultiline({ theme }) {
             return {
                 padding: theme.spacing(2),
             };

package/theme/components/MuiPaginationItem.js

@@ -3,15 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiPaginationItem = void 0;
 exports.MuiPaginationItem = {
     styleOverrides: {
-        root: function (_a) {
-            var _b;
-            var theme = _a.theme;
-            return _b = {},
-                _b['&.Mui-selected'] = {
+        root({ theme }) {
+            return {
+                ['&.Mui-selected']: {
                     backgroundColor: theme.palette.grey['900'],
                     color: theme.palette.primary.contrastText,
                 },
-                _b;
+            };
         },
     },
 };

package/theme/components/MuiTab.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiTab = void 0;
 exports.MuiTab = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 minWidth: 0,
                 padding: theme.spacing(0, 2),

package/theme/components/MuiTableCell.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiTableCell = void 0;
 exports.MuiTableCell = {
     styleOverrides: {
-        root: function () {
+        root() {
             return {
                 border: 'none',
             };

package/theme/components/MuiTableHead.js

@@ -3,11 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiTableHead = void 0;
 exports.MuiTableHead = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 th: {
-                    borderBottom: "2px solid ".concat(theme.palette.grey['300']),
+                    borderBottom: `2px solid ${theme.palette.grey['300']}`,
                 },
             };
         },

package/theme/components/MuiTableRow.js

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiTableRow = void 0;
 exports.MuiTableRow = {
     styleOverrides: {
-        root: function (_a) {
-            var theme = _a.theme;
+        root({ theme }) {
             return {
                 '&.MuiTableRow-hover:hover': {
                     backgroundColor: theme.palette.background.elementHover,