@astral/ui 4.18.2 → 4.18.4

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

@@ -3,14 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
-const hooks_1 = require("../../hooks");
-const theme_1 = require("../../theme");
+const useScrollManagement_1 = require("../../hooks/useScrollManagement");
+const useSet_1 = require("../../hooks/useSet");
+const useStickyButton_1 = require("../../hooks/useStickyButton");
+const useTheme_1 = require("../../theme/hooks/useTheme");
 const constants_1 = require("../constants");
 const utils_1 = require("./utils");
 const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isLoading, scrollRef, isEndReached, onLoadMore, renderItem, itemSkeleton, endOfScrollMsg, noDataImgSrc, errorImgSrc, }) => {
     const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const theme = (0, theme_1.useTheme)();
-    const [internalExpanded, internalExpandedActions] = (0, hooks_1.useSet)(new Set());
+    const theme = (0, useTheme_1.useTheme)();
+    const [internalExpanded, internalExpandedActions] = (0, useSet_1.useSet)(new Set());
     // Set из ParentId открытых недавно нод. Используется для контролирования анимации открытия.
     // ParentId удаляется из Set после завершения анимации на всех Children
     const recentlyExpandedIds = (0, react_1.useRef)(new Set());
@@ -59,13 +61,13 @@ const useLogic = ({ initialExpandedLevel, items, onRetry, errorMsg, isError, isL
             },
         };
     }, [items, isLoading, isError, errorMsg, onRetry, imagesMap]);
-    const { scrollParent, recalculateVerticalScroll, handleEndReach, isEndReachedWithScroll, } = (0, hooks_1.useScrollManagement)({
+    const { scrollParent, recalculateVerticalScroll, handleEndReach, isEndReachedWithScroll, } = (0, useScrollManagement_1.useScrollManagement)({
         scrollRef,
         isEndReached,
         onLoadMore,
         virtuosoId: constants_1.VIRTUOSO_CONTAINER_ID,
     });
-    const { virtuoso, isStickyButtonActive, handleRangeChanged, handleScrollToTop, } = (0, hooks_1.useStickyButton)(scrollRef);
+    const { virtuoso, isStickyButtonActive, handleRangeChanged, handleScrollToTop, } = (0, useStickyButton_1.useStickyButton)(scrollRef);
     return {
         flatList,
         onToggle,

package/node/components/InputGroup/styles.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputsWrapper = void 0;
-const material_1 = require("@mui/material");
+const FormControl_1 = require("@mui/material/FormControl");
+const InputBase_1 = require("@mui/material/InputBase");
 const styled_1 = require("../styled");
 exports.InputsWrapper = styled_1.styled.fieldset `
   display: grid;
@@ -12,27 +13,27 @@ exports.InputsWrapper = styled_1.styled.fieldset `
 
   border: unset;
 
-  & .${material_1.formControlClasses.root} {
+  & .${FormControl_1.formControlClasses.root} {
     width: 100%;
 
-    .${material_1.inputBaseClasses.root} {
+    .${InputBase_1.inputBaseClasses.root} {
       position: relative;
       z-index: 2;
 
       border-radius: 0;
 
-      &.${material_1.inputBaseClasses.focused} {
+      &.${InputBase_1.inputBaseClasses.focused} {
         z-index: 4;
       }
     }
   }
 
   /* Скругления только крайних инпутов */
-  & > :first-child .${material_1.inputBaseClasses.root} {
+  & > :first-child .${InputBase_1.inputBaseClasses.root} {
     border-top-left-radius: ${({ theme }) => theme.shape.medium};
     border-bottom-left-radius: ${({ theme }) => theme.shape.medium};
     
-    &.${material_1.inputBaseClasses.disabled} {
+    &.${InputBase_1.inputBaseClasses.disabled} {
       z-index: 1;
 
       &::after {
@@ -49,13 +50,13 @@ exports.InputsWrapper = styled_1.styled.fieldset `
     }
   }
 
-  & > :last-child .${material_1.inputBaseClasses.root} {
+  & > :last-child .${InputBase_1.inputBaseClasses.root} {
     border-top-right-radius: ${({ theme }) => theme.shape.medium};
     border-bottom-right-radius: ${({ theme }) => theme.shape.medium};
   }
 
-  & > :not(:first-child) .${material_1.inputBaseClasses.root} {
-    &.${material_1.inputBaseClasses.disabled} {
+  & > :not(:first-child) .${InputBase_1.inputBaseClasses.root} {
+    &.${InputBase_1.inputBaseClasses.disabled} {
       z-index: 1;
  
     
@@ -74,14 +75,14 @@ exports.InputsWrapper = styled_1.styled.fieldset `
   
   }
   
-  & > :not(:last-child) .${material_1.inputBaseClasses.root} {
+  & > :not(:last-child) .${InputBase_1.inputBaseClasses.root} {
     width: auto;
     margin-right: -2px;
     
     &:hover {
       z-index: 3;
       
-      &.${material_1.inputBaseClasses.disabled} {
+      &.${InputBase_1.inputBaseClasses.disabled} {
         z-index: 1;
       }
     }

package/node/components/JsonViewer/JsonNode/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chevron = exports.IconWrapper = exports.NodeContainer = void 0;
-const icons_1 = require("../../../icons");
+const ChevronROutlineMd_1 = require("../../../icons/ChevronROutlineMd");
 const styled_1 = require("../../styled");
 exports.NodeContainer = (0, styled_1.styled)('dl', {
     shouldForwardProp: (prop) => prop !== 'level' && prop !== 'isExpandable',
@@ -43,7 +43,7 @@ exports.IconWrapper = (0, styled_1.styled)('div', {
     height: 100%;
   }
 `;
-exports.Chevron = (0, styled_1.styled)(icons_1.ChevronROutlineMd, {
+exports.Chevron = (0, styled_1.styled)(ChevronROutlineMd_1.ChevronROutlineMd, {
     shouldForwardProp: (prop) => prop !== 'isExpanded',
 }) `
   transform: rotateZ(${({ isExpanded }) => (isExpanded ? 90 : 0)}deg);

package/node/components/JsonViewer/JsonNode/useLogic/useLogic.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const theme_1 = require("../../../theme");
+const useTheme_1 = require("../../../theme/hooks/useTheme");
 const utils_1 = require("../utils");
 const useLogic = ({ value, keyPath, checkExpanded, toggleExpanded, ...props }) => {
-    const theme = (0, theme_1.useTheme)();
+    const theme = (0, useTheme_1.useTheme)();
     const { type, icon, color } = (0, utils_1.getTypeInfo)(value, theme);
     const isExpandable = type === 'object' || type === 'array';
     const isExpanded = checkExpanded(keyPath);

package/node/components/JsonViewer/JsonNode/utils/getTypeInfo/getTypeInfo.d.ts

@@ -1,4 +1,4 @@
-import { type Theme } from '../../../../theme';
+import { type Theme } from '../../../../theme/types';
 import { type JsonValue, type TypeInfo } from '../../../types';
 /**
  * Возвращает информацию о типе данных

package/node/components/JsonViewer/JsonNode/utils/getTypeInfo/getTypeInfo.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getTypeInfo = void 0;
 const react_1 = require("react");
-const icons_1 = require("../../../../../icons");
-const icons_2 = require("../../icons");
+const CalendarOutlineMd_1 = require("../../../../../icons/CalendarOutlineMd");
+const DocOutlineMd_1 = require("../../../../../icons/DocOutlineMd");
+const icons_1 = require("../../icons");
 /**
  * Возвращает информацию о типе данных
  * @param {JsonValue} value - JSON значение
@@ -14,14 +15,14 @@ const getTypeInfo = (value, theme) => {
     if (value === null) {
         return {
             type: 'null',
-            icon: (0, react_1.createElement)(icons_2.NullIcon),
+            icon: (0, react_1.createElement)(icons_1.NullIcon),
             color: theme.palette.grey[500],
         };
     }
     if (Array.isArray(value)) {
         return {
             type: 'array',
-            icon: (0, react_1.createElement)(icons_2.ArrayIcon),
+            icon: (0, react_1.createElement)(icons_1.ArrayIcon),
             color: theme.palette.primary.main,
         };
     }
@@ -30,44 +31,44 @@ const getTypeInfo = (value, theme) => {
             if (value.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i)) {
                 return {
                     type: 'guid',
-                    icon: (0, react_1.createElement)(icons_2.KeyIcon),
+                    icon: (0, react_1.createElement)(icons_1.KeyIcon),
                     color: theme.palette.yellow[600],
                 };
             }
             if (value.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/)) {
                 return {
                     type: 'date',
-                    icon: (0, react_1.createElement)(icons_1.CalendarOutlineMd),
+                    icon: (0, react_1.createElement)(CalendarOutlineMd_1.CalendarOutlineMd),
                     color: theme.palette.red[900],
                 };
             }
             return {
                 type: 'string',
-                icon: (0, react_1.createElement)(icons_2.TextIcon),
+                icon: (0, react_1.createElement)(icons_1.TextIcon),
                 color: theme.palette.green[700],
             };
         case 'number':
             return {
                 type: 'number',
-                icon: (0, react_1.createElement)(icons_2.NumberIcon),
+                icon: (0, react_1.createElement)(icons_1.NumberIcon),
                 color: theme.palette.warning[900],
             };
         case 'boolean':
             return {
                 type: 'boolean',
-                icon: (0, react_1.createElement)(icons_2.BooleanIcon),
+                icon: (0, react_1.createElement)(icons_1.BooleanIcon),
                 color: theme.palette.primary[500],
             };
         case 'object':
             return {
                 type: 'object',
-                icon: (0, react_1.createElement)(icons_2.ObjectIcon),
+                icon: (0, react_1.createElement)(icons_1.ObjectIcon),
                 color: theme.palette.error[800],
             };
         default:
             return {
                 type: 'unknown',
-                icon: (0, react_1.createElement)(icons_1.DocOutlineMd),
+                icon: (0, react_1.createElement)(DocOutlineMd_1.DocOutlineMd),
                 color: theme.palette.grey[300],
             };
     }

package/node/components/JsonViewer/JsonViewer.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.JsonViewer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../icons");
+const CopyOutlineMd_1 = require("../../icons/CopyOutlineMd");
+const FullSizeOutlineMd_1 = require("../../icons/FullSizeOutlineMd");
+const MinimizeOutlineMd_1 = require("../../icons/MinimizeOutlineMd");
 const JsonNode_1 = require("./JsonNode");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
@@ -21,19 +23,19 @@ const JsonViewer = (props) => {
                     {
                         onClick: copyAll,
                         name: copyStatus,
-                        icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlineMd, {}),
+                        icon: (0, jsx_runtime_1.jsx)(CopyOutlineMd_1.CopyOutlineMd, {}),
                         variant: 'text',
                     },
                     {
                         onClick: expandAll,
                         name: 'Развернуть все',
-                        icon: (0, jsx_runtime_1.jsx)(icons_1.FullSizeOutlineMd, {}),
+                        icon: (0, jsx_runtime_1.jsx)(FullSizeOutlineMd_1.FullSizeOutlineMd, {}),
                         variant: 'text',
                     },
                     {
                         onClick: collapseAll,
                         name: 'Свернуть все',
-                        icon: (0, jsx_runtime_1.jsx)(icons_1.MinimizeOutlineMd, {}),
+                        icon: (0, jsx_runtime_1.jsx)(MinimizeOutlineMd_1.MinimizeOutlineMd, {}),
                         variant: 'text',
                     },
                 ] }), (0, jsx_runtime_1.jsx)(styles_1.Content, { children: renderRootNodes() })] }));