npm - @astral/ui - Versions diffs - 4.100.0 → 4.102.0 - Mend

@astral/ui 4.100.0 → 4.102.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (552) hide show

package/node/components/theme/components/MuiListItemButton.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiListItemButton = void 0;
+const constants_1 = require("../../constants");
 exports.MuiListItemButton = {
     styleOverrides: {
         root({ theme }) {
@@ -9,9 +10,16 @@ exports.MuiListItemButton = {
                 '&.Mui-selected': {
                     color: theme.palette.primary[800],
                     backgroundColor: theme.palette.grey[200],
+                    [constants_1.HOVER_NONE_MEDIA]: {
+                        '&:hover': {
+                            backgroundColor: theme.palette.grey[200],
+                        },
+                    },
                 },
-                '&:hover': {
-                    backgroundColor: theme.palette.background.elementHover,
+                [constants_1.HOVER_MEDIA]: {
+                    '&:hover': {
+                        backgroundColor: theme.palette.background.elementHover,
+                    },
                 },
             };
         },

package/node/components/theme/components/MuiMenuItem.js CHANGED Viewed

@@ -2,13 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiMenuItem = void 0;
 const MenuItem_1 = require("@mui/material/MenuItem");
+const constants_1 = require("../../constants");
 exports.MuiMenuItem = {
     styleOverrides: {
         root({ theme }) {
             return {
                 padding: theme.spacing(2, 2, 2, 3),
-                '&:hover': {
-                    backgroundColor: theme.palette.background.elementHover,
+                [constants_1.HOVER_MEDIA]: {
+                    '&:hover': {
+                        backgroundColor: theme.palette.background.elementHover,
+                    },
                 },
                 [`&.${MenuItem_1.menuItemClasses.selected}`]: {
                     background: `linear-gradient(90deg, ${theme.palette.primary.main} 0, ${theme.palette.primary.main} 3px, ${theme.palette.primary['100']} 3px)`,

package/node/components/theme/components/MuiOutlinedInput.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiOutlinedInput = void 0;
+const constants_1 = require("../../constants");
 exports.MuiOutlinedInput = {
     defaultProps: {
         notched: false,
@@ -13,28 +14,30 @@ exports.MuiOutlinedInput = {
                 color: theme.palette.grey[900],
                 background: theme.palette.background.element,
                 padding: theme.microSpacing(1, 0),
-                '&:hover': {
-                    background: theme.palette.background.elementHover,
+                [constants_1.HOVER_MEDIA]: {
+                    '&:hover': {
+                        background: theme.palette.background.elementHover,
+                    },
+                    '&:hover .MuiOutlinedInput-notchedOutline': {
+                        borderColor: theme.palette.grey[800],
+                        transition: theme.transitions.create(['border-color'], {
+                            easing: theme.transitions.easing.easeIn,
+                            duration: theme.transitions.duration.shortest,
+                        }),
+                    },
+                    '&.Mui-error:hover:not(.Mui-focused) .MuiOutlinedInput-notchedOutline': {
+                        borderColor: theme.palette.error[900],
+                    },
                 },
                 '&.Mui-disabled': {
                     backgroundColor: theme.palette.components.disabled,
                 },
-                '&:hover .MuiOutlinedInput-notchedOutline': {
-                    borderColor: theme.palette.grey[800],
-                    transition: theme.transitions.create(['border-color'], {
-                        easing: theme.transitions.easing.easeIn,
-                        duration: theme.transitions.duration.shortest,
-                    }),
-                },
                 '&.Mui-disabled .MuiOutlinedInput-notchedOutline': {
                     border: 'none',
                 },
                 '&.Mui-error .MuiOutlinedInput-notchedOutline': {
                     borderColor: theme.palette.error.dark,
                 },
-                '&.Mui-error:hover:not(.Mui-focused) .MuiOutlinedInput-notchedOutline': {
-                    borderColor: theme.palette.error[900],
-                },
                 '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
                     borderColor: theme.palette.primary[700],
                     transition: 'none',

package/node/components/theme/components/MuiSwitch.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiSwitch = void 0;
+const constants_1 = require("../../constants");
 const prepareColorToUrl = (color) => color.replace('#', '%23');
 const getCheckBackgroundImage = (color) => {
     const preparedColor = prepareColorToUrl(color);
@@ -33,13 +34,15 @@ exports.MuiSwitch = {
                         opacity: 1,
                     },
                 },
-                // CHECKED HOVER
-                '& .Mui-checked:hover + .MuiSwitch-track': {
-                    backgroundColor: theme.palette.primary[700],
-                },
-                // NOT CHECKED HOVER
-                '& :not(.Mui-checked):hover + .MuiSwitch-track': {
-                    backgroundColor: theme.palette.grey[600],
+                [constants_1.HOVER_MEDIA]: {
+                    // CHECKED HOVER
+                    '& .Mui-checked:hover + .MuiSwitch-track': {
+                        backgroundColor: theme.palette.primary[700],
+                    },
+                    // NOT CHECKED HOVER
+                    '& :not(.Mui-checked):hover + .MuiSwitch-track': {
+                        backgroundColor: theme.palette.grey[600],
+                    },
                 },
                 // DISABLED TRACK
                 '& .MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled': {
@@ -61,8 +64,10 @@ exports.MuiSwitch = {
         },
         switchBase: {
             padding: 0,
-            '&:hover, &.Mui-checked:hover': {
-                backgroundColor: 'transparent',
+            [constants_1.HOVER_MEDIA]: {
+                '&:hover, &.Mui-checked:hover': {
+                    backgroundColor: 'transparent',
+                },
             },
         },
         track({ theme }) {

package/node/components/theme/components/MuiTableRow.js CHANGED Viewed

@@ -1,13 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiTableRow = void 0;
+const constants_1 = require("../../constants");
 exports.MuiTableRow = {
     styleOverrides: {
         root({ theme }) {
             return {
-                '&.MuiTableRow-hover:hover': {
-                    backgroundColor: theme.palette.background.elementHover,
-                    cursor: 'pointer',
+                [constants_1.HOVER_MEDIA]: {
+                    '&.MuiTableRow-hover:hover': {
+                        backgroundColor: theme.palette.background.elementHover,
+                        cursor: 'pointer',
+                    },
+                },
+                [constants_1.HOVER_NONE_MEDIA]: {
+                    '&.MuiTableRow-hover:hover': {
+                        backgroundColor: 'transparent',
+                    },
                 },
                 '&.Mui-selected': {
                     backgroundColor: theme.palette.primary['100'],

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.100.0",
+  "version": "4.102.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {

package/components/InfiniteTreeList/useLogic/utils/flattenTree/flattenTree.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import type { FlattenTree, InfiniteTreeListData } from '../../../types';
-/**
- * Преобразует древовидную структуру в плоский список для виртуализации
- */
-export declare const flattenTree: <TData extends InfiniteTreeListData<TData>>(items: TData[], expandedIds: Set<string>, parentPath?: string[], level?: number, parentId?: string) => FlattenTree<TData>[];

package/components/InfiniteTreeList/useLogic/utils/getDescendants/getDescendants.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import type { FlattenTree, InfiniteTreeListData } from '../../../types';
-/**
- * Собирает всех потомков узла по его id из плоского списка.
- *
- * @typeParam T - тип данных элемента дерева
- * @param flatList - плоский список элементов дерева (`FlattenTree<T>[]`)
- * @param parentId - идентификатор родительского узла
- * @returns Массив потомков в формате `FlattenTree<T>`
- */
-export declare const getDescendants: <TData extends InfiniteTreeListData<TData>>(flatList: FlattenTree<TData>[], parentId: string) => FlattenTree<TData>[];

package/components/InfiniteTreeList/useLogic/utils/getDescendants/getDescendants.js DELETED Viewed

@@ -1,22 +0,0 @@
-/**
- * Собирает всех потомков узла по его id из плоского списка.
- *
- * @typeParam T - тип данных элемента дерева
- * @param flatList - плоский список элементов дерева (`FlattenTree<T>[]`)
- * @param parentId - идентификатор родительского узла
- * @returns Массив потомков в формате `FlattenTree<T>`
- */
-export const getDescendants = (flatList, parentId) => {
-    const result = [];
-    const collectChildren = (id) => {
-        const children = flatList.filter((item) => item.meta.parentId === id);
-        children.forEach((child) => {
-            result.push(child);
-            if (child.meta.isExpanded) {
-                collectChildren(child.id);
-            }
-        });
-    };
-    collectChildren(parentId);
-    return result;
-};

package/components/InfiniteTreeList/useLogic/utils/getDescendants/index.d.ts DELETED Viewed

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

package/components/InfiniteTreeList/useLogic/utils/getDescendants/index.js DELETED Viewed

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

package/components/InfiniteTreeList/useLogic/utils/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-export * from './flattenTree';
-export * from './getInitialExpandedIds';
-export * from './getDescendants';
-export * from './sortCollapsed';

package/components/InfiniteTreeList/useLogic/utils/index.js DELETED Viewed

@@ -1,4 +0,0 @@
-export * from './flattenTree';
-export * from './getInitialExpandedIds';
-export * from './getDescendants';
-export * from './sortCollapsed';

package/components/InfiniteTreeList/useLogic/utils/sortCollapsed/sortCollapsed.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import type { FlattenTree, InfiniteTreeListData } from '../../../types';
-/**
- * Сортирует элементы для корректной последовательности анимации при сворачивании.
- * Сначала более глубокие уровни, затем по индексу среди соседей.
- *
- * @typeParam T - тип данных элемента дерева
- * @param items - элементы в формате `FlattenTree<T>`
- * @returns Отсортированный массив `FlattenTree<T>`
- */
-export declare const sortCollapsed: <TData extends InfiniteTreeListData<TData>>(items: FlattenTree<TData>[]) => FlattenTree<TData>[];

package/node/components/InfiniteTreeList/useLogic/utils/flattenTree/flattenTree.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import type { FlattenTree, InfiniteTreeListData } from '../../../types';
-/**
- * Преобразует древовидную структуру в плоский список для виртуализации
- */
-export declare const flattenTree: <TData extends InfiniteTreeListData<TData>>(items: TData[], expandedIds: Set<string>, parentPath?: string[], level?: number, parentId?: string) => FlattenTree<TData>[];

package/node/components/InfiniteTreeList/useLogic/utils/getDescendants/getDescendants.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import type { FlattenTree, InfiniteTreeListData } from '../../../types';
-/**
- * Собирает всех потомков узла по его id из плоского списка.
- *
- * @typeParam T - тип данных элемента дерева
- * @param flatList - плоский список элементов дерева (`FlattenTree<T>[]`)
- * @param parentId - идентификатор родительского узла
- * @returns Массив потомков в формате `FlattenTree<T>`
- */
-export declare const getDescendants: <TData extends InfiniteTreeListData<TData>>(flatList: FlattenTree<TData>[], parentId: string) => FlattenTree<TData>[];

package/node/components/InfiniteTreeList/useLogic/utils/getDescendants/getDescendants.js DELETED Viewed

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDescendants = void 0;
-/**
- * Собирает всех потомков узла по его id из плоского списка.
- *
- * @typeParam T - тип данных элемента дерева
- * @param flatList - плоский список элементов дерева (`FlattenTree<T>[]`)
- * @param parentId - идентификатор родительского узла
- * @returns Массив потомков в формате `FlattenTree<T>`
- */
-const getDescendants = (flatList, parentId) => {
-    const result = [];
-    const collectChildren = (id) => {
-        const children = flatList.filter((item) => item.meta.parentId === id);
-        children.forEach((child) => {
-            result.push(child);
-            if (child.meta.isExpanded) {
-                collectChildren(child.id);
-            }
-        });
-    };
-    collectChildren(parentId);
-    return result;
-};
-exports.getDescendants = getDescendants;

package/node/components/InfiniteTreeList/useLogic/utils/getDescendants/index.d.ts DELETED Viewed

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

package/node/components/InfiniteTreeList/useLogic/utils/index.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-export * from './flattenTree';
-export * from './getInitialExpandedIds';
-export * from './getDescendants';
-export * from './sortCollapsed';

package/node/components/InfiniteTreeList/useLogic/utils/index.js DELETED Viewed

@@ -1,20 +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("./flattenTree"), exports);
-__exportStar(require("./getInitialExpandedIds"), exports);
-__exportStar(require("./getDescendants"), exports);
-__exportStar(require("./sortCollapsed"), exports);

package/node/components/InfiniteTreeList/useLogic/utils/sortCollapsed/sortCollapsed.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import type { FlattenTree, InfiniteTreeListData } from '../../../types';
-/**
- * Сортирует элементы для корректной последовательности анимации при сворачивании.
- * Сначала более глубокие уровни, затем по индексу среди соседей.
- *
- * @typeParam T - тип данных элемента дерева
- * @param items - элементы в формате `FlattenTree<T>`
- * @returns Отсортированный массив `FlattenTree<T>`
- */
-export declare const sortCollapsed: <TData extends InfiniteTreeListData<TData>>(items: FlattenTree<TData>[]) => FlattenTree<TData>[];