@astral/ui 4.99.2 → 4.101.0

package/node/hook-form/FormFilters/FormFiltersDialog/styles.js

@@ -9,7 +9,7 @@ exports.FiltersModalContent = styled_1.styled.div `
   display: grid;
 `;
 exports.QuickFiltersWrapper = styled_1.styled.div `
-  ${({ theme }) => theme.breakpoints.up('sm')} {
+  ${({ theme }) => theme.breakpoints.up('mobile')} {
     display: none;
   }
 `;
@@ -20,7 +20,7 @@ exports.StyledDialog = (0, styled_1.styled)(Dialog_2.Dialog) `
   }
 `;
 exports.StyledDialogContent = (0, styled_1.styled)(DialogActions_1.DialogActions) `
-  ${({ theme }) => theme.breakpoints.up('sm')} {
+  ${({ theme }) => theme.breakpoints.up('mobile')} {
     > div {
       grid-template-columns: 1fr max-content max-content;
     }

package/node/hook-form/FormFilters/FormFiltersSkeleton/styles.js

@@ -10,7 +10,7 @@ exports.SkeletonWrapper = styled_1.styled.div `
 
   margin-top: ${({ theme }) => theme.spacing(4)};
 
-  ${({ theme }) => theme.breakpoints.between('sm', 'laptop')} {
+  ${({ theme }) => theme.breakpoints.between('mobile', 'laptop')} {
     grid-template-columns: 72px 0 0 0;
     gap: 0;
 
@@ -21,7 +21,7 @@ exports.SkeletonWrapper = styled_1.styled.div `
     height: 32px;
   }
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     grid-template-columns: 1fr 40px 0 0;
 
     margin-top: 0;

package/node/hook-form/FormFilters/styles.js

@@ -22,7 +22,7 @@ exports.Wrapper = styled_1.styled.div `
     padding-right: ${({ theme }) => theme.spacing(2)};
   }
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     padding: ${({ theme }) => theme.spacing(1, 4, 5, 4)};
 
     font-size: 0;
@@ -60,7 +60,7 @@ exports.QuickFiltersWrapper = styled_1.styled.div `
 
   width: 100%;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;

package/node/hook-form/FormFiltersModalGroup/styles.js

@@ -18,7 +18,7 @@ exports.Container = (0, styled_1.styled)(Grid_1.Grid) `
     align-items: center;
     justify-content: space-between;
 
-    ${({ theme }) => theme.breakpoints.down('sm')} {
+    ${({ theme }) => theme.breakpoints.down('mobile')} {
       display: flex;
       flex-direction: column;
       align-items: unset;

package/node/hook-form/FormFiltersSearchField/styles.js

@@ -10,7 +10,7 @@ const constants_1 = require("./constants");
 exports.Wrapper = styled_1.styled.div `
   min-width: ${({ $width }) => $width || constants_1.DEFAULT_SEARCH_FIELD_WIDTH};
 
-  ${({ theme }) => theme.breakpoints.between('sm', 'laptop')} {
+  ${({ theme }) => theme.breakpoints.between('mobile', 'laptop')} {
     overflow: hidden;
 
     width: ${({ $width }) => $width || constants_1.DEFAULT_SEARCH_FIELD_WIDTH};
@@ -64,7 +64,7 @@ exports.Wrapper = styled_1.styled.div `
     }
   }
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     width: 100%;
   }
 `;

package/node/hook-form/FormPageFooterContainer/styles.js

@@ -17,7 +17,7 @@ exports.StyledPageLayoutFooter = (0, styled_1.styled)(PageLayoutFooter_1.PageLay
     box-shadow: ${({ theme }) => theme.elevation.up[100]};
   }
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     position: fixed;
     bottom: 0;
     left: 0;

package/node/hook-form/FormPageLayout/FormPageFooter/SecondaryActions/styles.js

@@ -11,7 +11,7 @@ exports.StyledMobileButton = (0, styled_1.styled)(Button_1.Button) `
 
   width: 100%;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: flex;
 
     height: 50px;
@@ -30,14 +30,14 @@ exports.DesktopActionWrapper = styled_1.styled.div `
   display: flex;
   gap: ${({ theme }) => theme.spacing(4)}; 
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;
 exports.MobileActionWrapper = styled_1.styled.div `
   display: none;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: block;
     order: 2;
   }

package/node/hook-form/FormPageLayout/FormPageFooter/styles.js

@@ -13,7 +13,7 @@ exports.ActionsWrapper = (0, styled_1.styled)('div', {
 
   width: 100%;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     overflow: auto;
     flex-direction: column;
     gap: 0;
@@ -26,7 +26,7 @@ exports.ShowMoreButton = (0, styled_1.styled)(Button_1.Button, {
 }) `
   display: none;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: flex;
 
     width: 100%;
@@ -44,7 +44,7 @@ exports.ShowMoreButton = (0, styled_1.styled)(Button_1.Button, {
 exports.StyledFormSubmitButton = (0, styled_1.styled)(FormSubmitButton_1.FormSubmitButton, {
     shouldForwardProp: (prop) => !['$isShowSecondaryActions'].includes(prop),
 }) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     height: 50px;
     margin-bottom: ${({ theme, $isShowSecondaryActions }) => $isShowSecondaryActions ? theme.spacing(2) : 0};
   }

package/node/hook-form/FormPageLayout/styles.js

@@ -5,7 +5,7 @@ const styled_1 = require("../../components/styled");
 exports.FormContent = styled_1.styled.div `
   padding: ${({ theme }) => theme.spacing(0, 6, 4)};
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     padding: ${({ theme }) => theme.spacing(0, 4, 4)};
   }
 `;

package/node/hook-form/FormPageLayoutBase/FormMobileActions/styles.js

@@ -14,7 +14,7 @@ exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
   font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
   line-height: ${({ theme }) => theme.typography.h6.lineHeight};
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     width: 100%;
     height: unset;
     padding: 0;
@@ -26,7 +26,7 @@ exports.StyledDropdownButton = (0, styled_1.styled)(DropdownButton_1.DropdownBut
   font-weight: ${({ theme }) => theme.typography.fontWeightRegular};
   line-height: ${({ theme }) => theme.typography.h6.lineHeight};
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     height: unset;
     padding: 0;
 

package/node/hook-form/FormPageLayoutBase/styles.js

@@ -8,14 +8,14 @@ const constants_1 = require("./constants");
 exports.DesktopAlertWrapper = styled_1.styled.div `
   display: block;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;
 exports.MobileAlertWrapper = styled_1.styled.div `
   display: none;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: block;
   }
 `;
@@ -28,7 +28,7 @@ exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
 
   border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
 
-  ${({ theme }) => theme.breakpoints.up('sm')} {
+  ${({ theme }) => theme.breakpoints.up('mobile')} {
     .${PageContent_1.pageContentClassnames.content} {
       overflow: unset;
 
@@ -41,7 +41,7 @@ exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
     }
   }
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     margin-bottom: ${({ theme }) => theme.spacing(20)};
     padding-top: 0;
 
@@ -55,7 +55,7 @@ exports.StyledPageContent = (0, styled_1.styled)(PageContent_1.PageContent) `
   }
 `;
 exports.StyledPageHeader = (0, styled_1.styled)(PageHeader_1.PageHeader) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     .${PageHeader_1.pageHeaderClassnames.pageHeaderMobileTitle} {
       padding-right: ${({ theme }) => theme.spacing(1)};
     }

package/node/hook-form/FormQuickFilters/styles.js

@@ -8,12 +8,12 @@ exports.Wrapper = styled_1.styled.div `
   gap: ${({ theme }) => theme.spacing(2)};
   align-items: center;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;
 exports.MobileWrapper = styled_1.styled.div `
-  ${({ theme }) => theme.breakpoints.up('sm')} {
+  ${({ theme }) => theme.breakpoints.up('mobile')} {
     display: none;
   }
 `;

package/node/hook-form/FormWizard/styles.js

@@ -11,7 +11,7 @@ exports.BeforeContentWrapper = styled_1.styled.div `
   margin-bottom: ${({ theme }) => theme.spacing(4)};
   padding: ${({ theme }) => theme.spacing(0, 6)};
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     margin-bottom: ${({ theme }) => theme.spacing(6)};
     padding: ${({ theme }) => theme.spacing(0, 4)};
   }
@@ -20,7 +20,7 @@ exports.StyledNewStepper = (0, styled_1.styled)(NewStepper_1.NewStepper) `
   margin-bottom: ${({ theme }) => theme.spacing(5)};
   padding: ${({ theme }) => theme.spacing(0, 6)};
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     margin-bottom: ${({ theme }) => theme.spacing(4)};
     padding: ${({ theme }) => theme.spacing(0, 4)};
   }
@@ -28,7 +28,7 @@ exports.StyledNewStepper = (0, styled_1.styled)(NewStepper_1.NewStepper) `
 exports.FormContent = styled_1.styled.div `
   padding: ${({ theme }) => theme.spacing(0, 6, 4)};
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     padding: ${({ theme }) => theme.spacing(0, 4, 4)};
   }
 `;

package/node/hook-form/FormWizardPageLayout/FormWizardFooter/styles.js

@@ -8,7 +8,7 @@ const ArrowROutlineMd_1 = require("../../../icons/ArrowROutlineMd");
 exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
   margin-right: auto;
 
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     order: 1;
 
     height: 50px;
@@ -16,12 +16,12 @@ exports.PrevButton = (0, styled_1.styled)(Button_1.Button) `
   }
 `;
 exports.StyledPreviousIcon = (0, styled_1.styled)(ArrowLOutlineMd_1.ArrowLOutlineMd) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;
 exports.StyledNextIcon = (0, styled_1.styled)(ArrowROutlineMd_1.ArrowROutlineMd) `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
+  ${({ theme }) => theme.breakpoints.down('mobile')} {
     display: none;
   }
 `;

package/package.json

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

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

@@ -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

@@ -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

@@ -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

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

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

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

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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

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

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

@@ -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

@@ -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>[];