@astral/ui 4.2.0 → 4.2.2

package/components/TagsList/useLogic/useLogic.js

@@ -34,7 +34,7 @@ export const useLogic = ({ data = [], keyId, getOptionLabel, onChange, }) => {
             // gap учитывается, начиная со второго тега
             const currentGap = i > 0 ? gapValue : 0;
             // Проверяем, переполнен ли текст внутри тега (например, обрезался)
-            const isContentOverflowing = (contentEl === null || contentEl === void 0 ? void 0 : contentEl.scrollWidth) > (contentEl === null || contentEl === void 0 ? void 0 : contentEl.clientWidth);
+            const isContentOverflowing = contentEl?.scrollWidth > contentEl?.clientWidth;
             // Если добавление текущего тега превышает ширину контейнера
             // или если сам контент внутри тега не помещается
             if (totalWidth + currentGap + tagWidth > container.clientWidth ||
@@ -58,7 +58,7 @@ export const useLogic = ({ data = [], keyId, getOptionLabel, onChange, }) => {
     const recomputeMaxItems = () => {
         const containerEl = tagsContainerRef.current;
         // Если контейнер или данные не заданы — прекращаем
-        if (!containerEl || !(data === null || data === void 0 ? void 0 : data.length)) {
+        if (!containerEl || !data?.length) {
             return;
         }
         // Берём первый тег как шаблон (для клонирования)
@@ -126,17 +126,17 @@ export const useLogic = ({ data = [], keyId, getOptionLabel, onChange, }) => {
         const label = getOptionLabel(option);
         const shrinks = index === maxItems - 1 && maxItems <= data.length;
         const onDelete = () => {
-            const newValue = data === null || data === void 0 ? void 0 : data.filter((value) => {
+            const newValue = data?.filter((value) => {
                 if (typeof value === 'string') {
                     return value !== option;
                 }
                 return value[keyId] !== option[keyId];
             });
-            onChange((newValue === null || newValue === void 0 ? void 0 : newValue.length) ? newValue : []);
+            onChange(newValue?.length ? newValue : []);
         };
         return { label, shrinks, onDelete };
     };
-    const visibleOptions = data === null || data === void 0 ? void 0 : data.slice(0, maxItems);
+    const visibleOptions = data?.slice(0, maxItems);
     return {
         maxItems,
         visibleOptions,

package/components/TextArea/TextArea.js

@@ -1,20 +1,8 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { TextField } from '../TextField';
-export const TextArea = forwardRef((_a, ref) => {
-    var { rows = 7 } = _a, props = __rest(_a, ["rows"]);
+export const TextArea = forwardRef(({ rows = 7, ...props }, ref) => {
     // biome-ignore lint/suspicious/noTsIgnore: У типов TextField убран параметр multiline. Будет исправлено при отказе от mui
     // @ts-ignore
-    return _jsx(TextField, Object.assign({ ref: ref, multiline: true, rows: rows }, props));
+    return _jsx(TextField, { ref: ref, multiline: true, rows: rows, ...props });
 });

package/components/TextField/TextField.js

@@ -1,22 +1,10 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
 import { FormHelperTextContent } from '../FormHelperText';
 import { classNames } from '../utils';
 import { textFieldClassnames } from './constants';
 import { StyledTextField } from './styles';
-export const TextField = forwardRef((_a, ref) => {
-    var { success, error, helperText: helperTextProp, fullWidth = false, startAdornment, endAdornment, inputProps, InputProps, maxLength, trimmed = true, onBlur, hideHelperText = false, className } = _a, props = __rest(_a, ["success", "error", "helperText", "fullWidth", "startAdornment", "endAdornment", "inputProps", "InputProps", "maxLength", "trimmed", "onBlur", "hideHelperText", "className"]);
+export const TextField = forwardRef(({ success, error, helperText: helperTextProp, fullWidth = false, startAdornment, endAdornment, inputProps, InputProps, maxLength, trimmed = true, onBlur, hideHelperText = false, className, ...props }, ref) => {
     const color = useMemo(() => {
         if (success) {
             return 'success';
@@ -40,16 +28,24 @@ export const TextField = forwardRef((_a, ref) => {
         return _jsx(_Fragment, {});
     }, [helperTextProp, success, error]);
     const handleBlur = (event) => {
-        var _a, _b;
         if (trimmed) {
-            const newValue = (_a = event.target.value) === null || _a === void 0 ? void 0 : _a.trim();
-            (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, Object.assign(Object.assign({}, event), { target: Object.assign(Object.assign({}, event.target), { value: newValue }) }));
+            const newValue = event.target.value?.trim();
+            props.onChange?.({
+                ...event,
+                target: { ...event.target, value: newValue },
+            });
         }
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        onBlur?.(event);
     };
     const classes = useMemo(() => {
         return classNames(className, hideHelperText ? textFieldClassnames.hideHelperText : '');
     }, [className, hideHelperText]);
-    return (_jsx(StyledTextField, Object.assign({ ref: ref, variant: "outlined", fullWidth: fullWidth, error: error, color: color, helperText: helperText, InputProps: Object.assign({ startAdornment,
-            endAdornment }, InputProps), inputProps: Object.assign({ maxLength }, inputProps), onBlur: handleBlur, className: classes }, props)));
+    return (_jsx(StyledTextField, { ref: ref, variant: "outlined", fullWidth: fullWidth, error: error, color: color, helperText: helperText, InputProps: {
+            startAdornment,
+            endAdornment,
+            ...InputProps,
+        }, inputProps: {
+            maxLength,
+            ...inputProps,
+        }, onBlur: handleBlur, className: classes, ...props }));
 });

package/components/ToggleButton/ToggleButton.js

@@ -4,5 +4,5 @@ import { StyledToggleButton } from './styles';
 import { useLogic } from './useLogic';
 export const ToggleButton = forwardRef((props, ref) => {
     const { isVisibleCounter, children, disabled, counterLabel, color, selected, restProps, } = useLogic(props);
-    return (_jsxs(StyledToggleButton, Object.assign({ ref: ref, disabled: disabled, selected: selected }, restProps, { "$color": color, children: [children, isVisibleCounter && _jsxs(_Fragment, { children: [" \u00B7 ", counterLabel] })] })));
+    return (_jsxs(StyledToggleButton, { ref: ref, disabled: disabled, selected: selected, ...restProps, "$color": color, children: [children, isVisibleCounter && _jsxs(_Fragment, { children: [" \u00B7 ", counterLabel] })] }));
 });

package/components/ToggleButton/useLogic/useLogic.js

@@ -1,17 +1,5 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { useMemo } from 'react';
-export const useLogic = (_a) => {
-    var { selected, color = 'primary', counter, children, disabled, counterMax = 99 } = _a, restProps = __rest(_a, ["selected", "color", "counter", "children", "disabled", "counterMax"]);
+export const useLogic = ({ selected, color = 'primary', counter, children, disabled, counterMax = 99, ...restProps }) => {
     const isVisibleCounter = Boolean(counter);
     const counterLabel = useMemo(() => {
         if (!isVisibleCounter) {

package/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,20 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Tooltip } from '../Tooltip';
 import { StyledToggleButtonGroup } from './styles';
 import { ToggleButtonGroupContextProvider } from './ToggleButtonGroupContext';
 export const ToggleButtonGroup = forwardRef((props, ref) => {
-    const { size = 'medium', isError, errorText } = props, restProps = __rest(props, ["size", "isError", "errorText"]);
-    return (_jsx(ToggleButtonGroupContextProvider, { isError: isError, children: _jsx(Tooltip, { title: isError && errorText, followCursor: true, arrow: false, children: _jsx(StyledToggleButtonGroup, Object.assign({ ref: ref, size: size }, restProps, { "$isError": isError })) }) }));
+    const { size = 'medium', isError, errorText, ...restProps } = props;
+    return (_jsx(ToggleButtonGroupContextProvider, { isError: isError, children: _jsx(Tooltip, { title: isError && errorText, followCursor: true, arrow: false, children: _jsx(StyledToggleButtonGroup, { ref: ref, size: size, ...restProps, "$isError": isError }) }) }));
 });

package/components/Tooltip/Tooltip.js

@@ -1,19 +1,8 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { tooltipClassnames } from './constants';
 import { ContentWrapper, StyledTooltip } from './styles';
 export const Tooltip = forwardRef((props, ref) => {
-    const { title, placement = 'top', size = 'medium', withoutContainer = true, children } = props, restProps = __rest(props, ["title", "placement", "size", "withoutContainer", "children"]);
-    return (_jsx(StyledTooltip, Object.assign({ ref: ref, title: title, size: size, placement: placement, arrow: true }, restProps, { children: withoutContainer ? (children) : (_jsx(ContentWrapper, { className: tooltipClassnames.contentWrapper, children: children })) })));
+    const { title, placement = 'top', size = 'medium', withoutContainer = true, children, ...restProps } = props;
+    return (_jsx(StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, ...restProps, children: withoutContainer ? (children) : (_jsx(ContentWrapper, { className: tooltipClassnames.contentWrapper, children: children })) }));
 });

package/components/Tooltip/styles.js

@@ -1,21 +1,7 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip, tooltipClasses, } from '@mui/material';
 import { styled } from '../styles';
-export const StyledTooltip = styled((_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(Tooltip, Object.assign({}, props, { classes: { popper: className } })));
-}) `
+export const StyledTooltip = styled(({ className, ...props }) => (_jsx(Tooltip, { ...props, classes: { popper: className } }))) `
   & .${tooltipClasses.tooltip} {
     margin: 0;
 

package/components/Tree/MultipleTreeList/MultipleTreeList.js

@@ -1,21 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { List } from './styles';
 import { TreeItem } from './TreeItem';
 import { useLogic } from './useLogic';
 const INITIAL_LEVEL = 0;
-export const MultipleTreeList = (_a) => {
-    var { data, value, className, expandedLevel = 10, disabledItems } = _a, props = __rest(_a, ["data", "value", "className", "expandedLevel", "disabledItems"]);
+export const MultipleTreeList = ({ data, value, className, expandedLevel = 10, disabledItems, ...props }) => {
     const { formattedDisabledItems } = useLogic({ disabledItems });
-    return (_jsx(List, { className: className, children: data.map((item) => (_jsx(TreeItem, Object.assign({ value: value }, item, { level: INITIAL_LEVEL, expandedLevel: expandedLevel, disabledItems: formattedDisabledItems }, props), item.id))) }));
+    return (_jsx(List, { className: className, children: data.map((item) => (_jsx(TreeItem, { value: value, ...item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, disabledItems: formattedDisabledItems, ...props }, item.id))) }));
 };

package/components/Tree/MultipleTreeList/TreeItem/TreeItem.js

@@ -9,7 +9,7 @@ export const TreeItem = (props) => {
         event.stopPropagation();
     };
     if (children.length) {
-        return (_jsx(StyledTreeItem, { isSelected: isSelected, isDefaultExpanded: isDefaultExpanded, isForceExpanded: options === null || options === void 0 ? void 0 : options.isForceExpanded, isDisabled: isDisabled, disabledReason: disabledReason, note: renderItem ? null : note, component: "li", label: _jsx(FormControlLabel, { control: _jsx(StyledCheckbox, { checked: isSelected, indeterminate: isSelected ? false : isIndeterminate }), label: renderItem ? renderItem({ label, note, id }) : label, disabled: isDisabled, onChange: handleChange, onClick: handleClick }), level: level, onClick: handleChange, children: _jsx(List, { children: children.map((child) => (_jsx(TreeItem, Object.assign({}, child, { renderItem: renderItem, level: level + 1, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, disabledItems: disabledItems, value: value, onChange: onChange }), child.id))) }) }));
+        return (_jsx(StyledTreeItem, { isSelected: isSelected, isDefaultExpanded: isDefaultExpanded, isForceExpanded: options?.isForceExpanded, isDisabled: isDisabled, disabledReason: disabledReason, note: renderItem ? null : note, component: "li", label: _jsx(FormControlLabel, { control: _jsx(StyledCheckbox, { checked: isSelected, indeterminate: isSelected ? false : isIndeterminate }), label: renderItem ? renderItem({ label, note, id }) : label, disabled: isDisabled, onChange: handleChange, onClick: handleClick }), level: level, onClick: handleChange, children: _jsx(List, { children: children.map((child) => (_jsx(TreeItem, { ...child, renderItem: renderItem, level: level + 1, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, disabledItems: disabledItems, value: value, onChange: onChange }, child.id))) }) }));
     }
     return (_jsx(StyledTreeItem, { isSelected: isSelected, isDisabled: isDisabled, disabledReason: disabledReason, note: renderItem ? null : note, component: "li", label: _jsx(FormControlLabel, { control: _jsx(StyledCheckbox, { checked: isSelected }), label: renderItem ? renderItem({ label, note, id }) : label, disabled: isDisabled, onChange: handleChange, onClick: handleClick }), level: level, onClick: handleChange }));
 };

package/components/Tree/MultipleTreeList/TreeItem/useLogic/useLogic.js

@@ -5,14 +5,14 @@ export const useLogic = ({ id, value = [], children, level, isInitialExpanded, e
     const isSelected = checkIsSelected(value, id);
     const isIndeterminate = checkIsIndeterminate(value, childrenIds);
     const isDefaultExpanded = isInitialExpanded && level <= expandedLevel - 1;
-    const disabledItem = disabledItems === null || disabledItems === void 0 ? void 0 : disabledItems.find((item) => item.id === id);
+    const disabledItem = disabledItems?.find((item) => item.id === id);
     const isDisabled = Boolean(disabledItem);
-    const disabledReason = disabledItem === null || disabledItem === void 0 ? void 0 : disabledItem.disabledReason;
+    const disabledReason = disabledItem?.disabledReason;
     useEffect(() => {
         if (!childrenIds.length) {
             return undefined;
         }
-        const isEveryChildChecked = childrenIds.every((childrenId) => value === null || value === void 0 ? void 0 : value.includes(childrenId));
+        const isEveryChildChecked = childrenIds.every((childrenId) => value?.includes(childrenId));
         if (!isSelected && isEveryChildChecked) {
             onChange([...value, id]);
         }

package/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getAllChildrenId/getAllChildrenId.js

@@ -1,5 +1,5 @@
 export const getAllChildrenId = (children, disabledItems) => {
-    if (!children || !(children === null || children === void 0 ? void 0 : children.length)) {
+    if (!children || !children?.length) {
         return [];
     }
     const ids = [];

package/components/Tree/TreeItem/TreeItem.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Collapse } from '../../Collapse';
 import { Tooltip } from '../../Tooltip';
@@ -17,10 +6,10 @@ import { ChevronIcon, CollapseButton, Item, ItemContent, Label, LabelWrapper, No
 import { useLogic } from './useLogic';
 export const TreeItem = (props) => {
     const { isOpen, handleToggle, itemProps, itemContentProps, tooltipProps } = useLogic(props);
-    const { id, prefixId, label, note, renderItem, children, className, isSelected, isDisabled = false, disabledReason, isDefaultExpanded, isForceExpanded, isNotBlockingExpandList = false, level = 0, component = 'div', onClick } = props, restProps = __rest(props, ["id", "prefixId", "label", "note", "renderItem", "children", "className", "isSelected", "isDisabled", "disabledReason", "isDefaultExpanded", "isForceExpanded", "isNotBlockingExpandList", "level", "component", "onClick"]);
+    const { id, prefixId, label, note, renderItem, children, className, isSelected, isDisabled = false, disabledReason, isDefaultExpanded, isForceExpanded, isNotBlockingExpandList = false, level = 0, component = 'div', onClick, ...restProps } = props;
     const renderCollapseButton = () => (_jsx(CollapseButton, { "$isNotBlockingExpandList": isNotBlockingExpandList, disabled: !isNotBlockingExpandList && isDisabled, variant: "text", onClick: handleToggle, children: _jsx(ChevronIcon, { "$isActive": isOpen }) }));
     if (children) {
-        return (_jsxs(Item, Object.assign({}, restProps, { "$level": level, as: component, className: className }, itemProps, { children: [_jsx(ItemContent, Object.assign({ "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level }, itemContentProps, { children: _jsx(Tooltip, Object.assign({ placement: TOOLTIP_PLACEMENT }, tooltipProps, { children: renderItem ? (_jsxs(LabelWrapper, { "$level": level, children: [renderCollapseButton(), renderItem({ label, note, id })] })) : (_jsxs(_Fragment, { children: [_jsxs(LabelWrapper, { "$level": level, children: [renderCollapseButton(), _jsx(Label, { component: "div", children: label })] }), note && (_jsx(Note, { className: treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) })) })), _jsx(Collapse, { in: isOpen, unmountOnExit: true, children: children })] })));
+        return (_jsxs(Item, { ...restProps, "$level": level, as: component, className: className, ...itemProps, children: [_jsx(ItemContent, { "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level, ...itemContentProps, children: _jsx(Tooltip, { placement: TOOLTIP_PLACEMENT, ...tooltipProps, children: renderItem ? (_jsxs(LabelWrapper, { "$level": level, children: [renderCollapseButton(), renderItem({ label, note, id })] })) : (_jsxs(_Fragment, { children: [_jsxs(LabelWrapper, { "$level": level, children: [renderCollapseButton(), _jsx(Label, { component: "div", children: label })] }), note && (_jsx(Note, { className: treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) }) }), _jsx(Collapse, { in: isOpen, unmountOnExit: true, children: children })] }));
     }
-    return (_jsx(Item, Object.assign({}, restProps, { "$level": level, as: component, className: className }, itemProps, { children: _jsx(ItemContent, Object.assign({ "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level }, itemContentProps, { children: _jsx(Tooltip, Object.assign({ placement: TOOLTIP_PLACEMENT }, tooltipProps, { children: renderItem ? (_jsx(LabelWrapper, { "$level": level, children: renderItem({ label, note, id }) })) : (_jsxs(_Fragment, { children: [_jsx(LabelWrapper, { "$level": level, children: _jsx(Label, { component: "div", children: label }) }), note && (_jsx(Note, { className: treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) })) })) })));
+    return (_jsx(Item, { ...restProps, "$level": level, as: component, className: className, ...itemProps, children: _jsx(ItemContent, { "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level, ...itemContentProps, children: _jsx(Tooltip, { placement: TOOLTIP_PLACEMENT, ...tooltipProps, children: renderItem ? (_jsx(LabelWrapper, { "$level": level, children: renderItem({ label, note, id }) })) : (_jsxs(_Fragment, { children: [_jsx(LabelWrapper, { "$level": level, children: _jsx(Label, { component: "div", children: label }) }), note && (_jsx(Note, { className: treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) }) }) }));
 };

package/components/Tree/TreeItem/useLogic/useLogic.js

@@ -14,11 +14,11 @@ export const useLogic = ({ id, prefixId, isDefaultExpanded = false, isForceExpan
             return;
         }
         if (event.type === 'click') {
-            return onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            return onClick?.(event);
         }
         if (event.type === 'keydown' &&
             event.code === 'Enter') {
-            return onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            return onClick?.(event);
         }
     };
     const handleToggle = (event) => {

package/components/Tree/TreeList/TreeItem/TreeItem.js

@@ -7,7 +7,7 @@ export const TreeItem = (props) => {
     const { item, prefixId, level, renderItem, value, isInitialExpanded, expandedLevel, chainToSelectedItem, disabledItems, onChange, isObjectMode, } = props;
     const { id, label, note, children = [], options } = item;
     if (children.length) {
-        return (_jsx(BaseTreeItem, { id: id, prefixId: prefixId, isSelected: isSelected, isDefaultExpanded: isDefaultExpanded, isForceExpanded: options === null || options === void 0 ? void 0 : options.isForceExpanded, isDisabled: isDisabled, disabledReason: disabledReason, component: "li", label: label, renderItem: renderItem, note: note, level: level, onClick: handleChange, children: _jsx(List, { children: children.map((child) => (_jsx(TreeItem, { item: child, prefixId: prefixId, renderItem: renderItem, level: nextLevel, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, chainToSelectedItem: chainToSelectedItem, disabledItems: disabledItems, value: value, onChange: onChange, isObjectMode: isObjectMode }, child.id))) }) }));
+        return (_jsx(BaseTreeItem, { id: id, prefixId: prefixId, isSelected: isSelected, isDefaultExpanded: isDefaultExpanded, isForceExpanded: options?.isForceExpanded, isDisabled: isDisabled, disabledReason: disabledReason, component: "li", label: label, renderItem: renderItem, note: note, level: level, onClick: handleChange, children: _jsx(List, { children: children.map((child) => (_jsx(TreeItem, { item: child, prefixId: prefixId, renderItem: renderItem, level: nextLevel, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, chainToSelectedItem: chainToSelectedItem, disabledItems: disabledItems, value: value, onChange: onChange, isObjectMode: isObjectMode }, child.id))) }) }));
     }
     return (_jsx(BaseTreeItem, { id: id, prefixId: prefixId, isSelected: isSelected, isDisabled: isDisabled, disabledReason: disabledReason, component: "li", label: label, renderItem: renderItem, note: note, level: level, onClick: handleChange }));
 };

package/components/Tree/TreeList/TreeItem/useLogic/useLogic.js

@@ -2,7 +2,7 @@ export const useLogic = ({ value, level, item, isInitialExpanded, expandedLevel,
     const { id, options } = item;
     const isItemSelected = () => {
         if (isObjectMode && typeof value === 'object') {
-            return (value === null || value === void 0 ? void 0 : value.id) === id;
+            return value?.id === id;
         }
         return value === id;
     };
@@ -11,21 +11,21 @@ export const useLogic = ({ value, level, item, isInitialExpanded, expandedLevel,
         if (chainToSelectedItem.includes(id)) {
             return true;
         }
-        if (options === null || options === void 0 ? void 0 : options.hasOwnProperty('isDefaultExpanded')) {
+        if (options?.hasOwnProperty('isDefaultExpanded')) {
             return options.isDefaultExpanded;
         }
         return isInitialExpanded && level <= expandedLevel - 1;
     };
     const isDefaultExpanded = checkIsDefaultExpanded();
-    const disabledItem = disabledItems === null || disabledItems === void 0 ? void 0 : disabledItems.find((formatDisabledItem) => formatDisabledItem.id === id);
+    const disabledItem = disabledItems?.find((formatDisabledItem) => formatDisabledItem.id === id);
     const isDisabled = Boolean(disabledItem);
-    const disabledReason = disabledItem === null || disabledItem === void 0 ? void 0 : disabledItem.disabledReason;
+    const disabledReason = disabledItem?.disabledReason;
     const nextLevel = level + 1;
     const handleChange = () => {
         if (isObjectMode) {
-            return onChange === null || onChange === void 0 ? void 0 : onChange(item);
+            return onChange?.(item);
         }
-        return onChange === null || onChange === void 0 ? void 0 : onChange(id);
+        return onChange?.(id);
     };
     return {
         isSelected,

package/components/Tree/TreeList/TreeList.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from '../../utils';
 import { treeListClassnames } from './constants';
@@ -18,6 +7,6 @@ import { useLogic } from './useLogic';
 const INITIAL_LEVEL = 0;
 export const TreeList = (props) => {
     const { listProps, itemProps } = useLogic(props);
-    const { data, className, expandedLevel = 10, disabledItems } = props, restProps = __rest(props, ["data", "className", "expandedLevel", "disabledItems"]);
-    return (_jsx(List, Object.assign({ className: classNames(className, treeListClassnames.list) }, listProps, { children: data.map((item) => (_jsx(TreeItem, Object.assign({ item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel }, itemProps, restProps), item.id))) })));
+    const { data, className, expandedLevel = 10, disabledItems, ...restProps } = props;
+    return (_jsx(List, { className: classNames(className, treeListClassnames.list), ...listProps, children: data.map((item) => (_jsx(TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
 };

package/components/Tree/utils/getFormatDisabledItems/getFormatDisabledItems.js

@@ -1,8 +1,8 @@
 export const getFormatDisabledItems = (disabledItems) => {
-    return ((disabledItems === null || disabledItems === void 0 ? void 0 : disabledItems.map((item) => {
+    return (disabledItems?.map((item) => {
         if (typeof item === 'string') {
             return { id: item };
         }
         return item;
-    })) || []);
+    }) || []);
 };

package/components/TreeAsyncAutocomplete/Input/Input.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { CrossOutlineMd, DownOutlineMd } from '../../../icons';
@@ -18,13 +7,12 @@ import { CLEAR_TEXT } from './constants';
 import { IconWrapper } from './styles';
 import { useLogic } from './useLogic';
 const ClearButton = ({ disabled, onClick }) => (_jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: CLEAR_TEXT, "aria-label": CLEAR_TEXT, children: _jsx(CrossOutlineMd, {}) }));
-export const Input = forwardRef((_a, forwardedRef) => {
-    var { disabled, onChange, value, inputRef, hideHelperText = false } = _a, restProps = __rest(_a, ["disabled", "onChange", "value", "inputRef", "hideHelperText"]);
+export const Input = forwardRef(({ disabled, onChange, value, inputRef, hideHelperText = false, ...restProps }, forwardedRef) => {
     const { inputRef: internalInputRef, isVisibleClearButton, handleClearAll, } = useLogic({
         inputRef,
         value,
         onChange,
         disabled,
     });
-    return (_jsx(TextField, Object.assign({}, restProps, { value: value, hideHelperText: hideHelperText, ref: forwardedRef, inputRef: internalInputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: _jsxs(IconWrapper, { children: [isVisibleClearButton && (_jsx(ClearButton, { disabled: disabled, onClick: handleClearAll })), _jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, children: _jsx(DownOutlineMd, {}) })] }) })));
+    return (_jsx(TextField, { ...restProps, value: value, hideHelperText: hideHelperText, ref: forwardedRef, inputRef: internalInputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: _jsxs(IconWrapper, { children: [isVisibleClearButton && (_jsx(ClearButton, { disabled: disabled, onClick: handleClearAll })), _jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, children: _jsx(DownOutlineMd, {}) })] }) }));
 });

package/components/TreeAsyncAutocomplete/Input/useLogic/useLogic.js

@@ -2,10 +2,9 @@ import { useForwardedRef } from '../../../hooks';
 export const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const handleClearAll = (event) => {
-        var _a;
         event.stopPropagation();
-        onChange === null || onChange === void 0 ? void 0 : onChange(null);
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        onChange?.(null);
+        inputRef.current?.focus();
     };
     const isVisibleClearButton = !disabled && Boolean(value);
     return {

package/components/TreeAsyncAutocomplete/OptionsModal/OptionsModal.js

@@ -27,7 +27,7 @@ export const OptionsModal = (props) => {
         if (isNoResult) {
             return _jsx(NoData, {});
         }
-        return (_jsx(TreeList, Object.assign({}, treeProps, treeListProps)));
+        return (_jsx(TreeList, { ...treeProps, ...treeListProps }));
     };
-    return (_jsxs(Dialog, Object.assign({}, modalProps, { children: [_jsxs(StyledDialogContent, { "$size": modalProps.size, children: [_jsx(StyledSearchField, Object.assign({ fullWidth: true }, searchFieldProps, { isLoading: isShowSearchFieldLoader, helperText: SEARCH_FIELD_HELPER_TEXT })), _jsx(Paper, { variant: "outlined", children: _jsxs(TreeListWrapper, { children: [renderComponent(), isShowUserHint && (_jsx(UserHintWrapper, { children: _jsx(Typography, { variant: "caption", color: "grey", colorIntensity: "600", children: "\u0423\u0442\u043E\u0447\u043D\u0438\u0442\u0435 \u0437\u0430\u043F\u0440\u043E\u0441 \u0434\u043B\u044F \u0431\u043E\u043B\u0435\u0435 \u043B\u0443\u0447\u0448\u0435\u0433\u043E \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u0430 \u043F\u043E\u0438\u0441\u043A\u0430" }) }))] }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return (_jsxs(Dialog, { ...modalProps, children: [_jsxs(StyledDialogContent, { "$size": modalProps.size, children: [_jsx(StyledSearchField, { fullWidth: true, ...searchFieldProps, isLoading: isShowSearchFieldLoader, helperText: SEARCH_FIELD_HELPER_TEXT }), _jsx(Paper, { variant: "outlined", children: _jsxs(TreeListWrapper, { children: [renderComponent(), isShowUserHint && (_jsx(UserHintWrapper, { children: _jsx(Typography, { variant: "caption", color: "grey", colorIntensity: "600", children: "\u0423\u0442\u043E\u0447\u043D\u0438\u0442\u0435 \u0437\u0430\u043F\u0440\u043E\u0441 \u0434\u043B\u044F \u0431\u043E\u043B\u0435\u0435 \u043B\u0443\u0447\u0448\u0435\u0433\u043E \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442\u0430 \u043F\u043E\u0438\u0441\u043A\u0430" }) }))] }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "text", ...cancelButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }), _jsx(Button, { ...confirmButtonProps, children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" })] })] }));
 };

package/components/TreeAsyncAutocomplete/OptionsModal/useLogic/useLogic.js

@@ -1,33 +1,24 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { useEffect, useMemo, useState, } from 'react';
 import { deepMap } from '../../../utils/array';
 export const useLogic = ({ isOpen, initialValue, options, onChange, dialogProps, onInputChange, onRetry, meta, onShowUserHint, isLoadingModal, minSymbolsToFetch = 0, isLoading, isLoadingError, loadingErrorMsg, treeProps, }) => {
     const [value, setValue] = useState(initialValue);
     const [searchValue, setSearchValue] = useState();
-    const { onClose } = dialogProps, restDialogProps = __rest(dialogProps, ["onClose"]);
+    const { onClose, ...restDialogProps } = dialogProps;
     useEffect(() => {
         setValue(initialValue);
     }, [initialValue]);
     useEffect(() => {
-        var _a;
         // В поле ввода вставляем выбранное значение или пустую строку для запроса на открытие модального окна
         if (isOpen) {
-            setSearchValue((_a = value === null || value === void 0 ? void 0 : value.label) !== null && _a !== void 0 ? _a : '');
+            setSearchValue(value?.label ?? '');
         }
     }, [isOpen]);
     const addIsForceExpandedFlag = (item) => {
         if (item.children) {
-            return Object.assign(Object.assign({}, item), { options: Object.assign(Object.assign({}, (item.options || {})), { isForceExpanded: true }) });
+            return {
+                ...item,
+                options: { ...(item.options || {}), isForceExpanded: true },
+            };
         }
         return item;
     };
@@ -42,22 +33,22 @@ export const useLogic = ({ isOpen, initialValue, options, onChange, dialogProps,
     const handleChange = (newValue) => setValue(newValue);
     const handleClose = (event) => {
         setValue(initialValue);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onClose?.(event, 'escapeKeyDown');
     };
     const handleCancel = (event) => {
         setValue(initialValue);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onClose?.(event, 'escapeKeyDown');
     };
     const handleClick = (event) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-        onClose === null || onClose === void 0 ? void 0 : onClose(event, 'escapeKeyDown');
+        onChange?.(value);
+        onClose?.(event, 'escapeKeyDown');
     };
     const isNoResult = Boolean(searchValue) && !options.length;
     const isDisabledButton = !value || isNoResult;
     const handleRetry = () => {
-        onRetry === null || onRetry === void 0 ? void 0 : onRetry(searchValue);
+        onRetry?.(searchValue);
     };
-    const isShowUserHint = (onShowUserHint === null || onShowUserHint === void 0 ? void 0 : onShowUserHint(options)) || (meta === null || meta === void 0 ? void 0 : meta.isAllDataLoaded);
+    const isShowUserHint = onShowUserHint?.(options) || meta?.isAllDataLoaded;
     const isShowModalLoader = isLoadingModal && options.length === 0;
     const isShowSearchFieldLoader = (isLoading && !isLoadingModal) ||
         (isLoading && isLoadingModal && options.length > 0);
@@ -73,7 +64,13 @@ export const useLogic = ({ isOpen, initialValue, options, onChange, dialogProps,
         treeProps,
         loadingErrorMsg,
         isLoadingError,
-        modalProps: Object.assign({ onClose: handleClose, disableRestoreFocus: true, open: isOpen, size: 'md' }, restDialogProps),
+        modalProps: {
+            onClose: handleClose,
+            disableRestoreFocus: true,
+            open: isOpen,
+            size: 'md',
+            ...restDialogProps,
+        },
         searchFieldProps: {
             value: searchValue,
             onChange: handleChangeSearchField,

package/components/TreeAsyncAutocomplete/TreeAsyncAutocomplete.js

@@ -5,5 +5,5 @@ import { OptionsModal } from './OptionsModal';
 import { useLogic } from './useLogic';
 export const TreeAsyncAutocomplete = forwardRef((props, forwardedRef) => {
     const { inputProps, optionsModalProps } = useLogic(props);
-    return (_jsxs(_Fragment, { children: [_jsx(Input, Object.assign({ ref: forwardedRef }, inputProps)), _jsx(OptionsModal, Object.assign({}, optionsModalProps))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Input, { ref: forwardedRef, ...inputProps }), _jsx(OptionsModal, { ...optionsModalProps })] }));
 });