@astral/ui 4.1.7 → 4.2.1

package/node/components/TagsList/Tag/Tag.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,7 +6,7 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Tag = (props) => {
     const { onMouseDown } = (0, useLogic_1.useLogic)();
-    const { shrinks, isDisabled } = props, restProps = __rest(props, ["shrinks", "isDisabled"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTag, Object.assign({ "$shrinks": shrinks, color: "grey", variant: "light", disabled: isDisabled }, restProps, { onMouseDown: onMouseDown })));
+    const { shrinks, isDisabled, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTag, { "$shrinks": shrinks, color: "grey", variant: "light", disabled: isDisabled, ...restProps, onMouseDown: onMouseDown }));
 };
 exports.Tag = Tag;

package/node/components/TagsList/TagsList.js

@@ -13,9 +13,9 @@ const utils_1 = require("./utils");
 const TagsList = (props) => {
     const { maxItems, tagsContainerRef, visibleOptions, getTagProps } = (0, useLogic_1.useLogic)(props);
     const { className, data, keyId, isDisabled, onClick } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, ref: tagsContainerRef, children: [visibleOptions === null || visibleOptions === void 0 ? void 0 : visibleOptions.map((option, index) => {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, ref: tagsContainerRef, children: [visibleOptions?.map((option, index) => {
                 const tagProps = getTagProps(option, index);
-                return ((0, jsx_runtime_1.jsx)(Tag_1.Tag, Object.assign({ isDisabled: isDisabled, onClick: onClick }, tagProps), (0, utils_1.getKey)(option, keyId)));
+                return ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { isDisabled: isDisabled, onClick: onClick, ...tagProps }, (0, utils_1.getKey)(option, keyId)));
             }), data && maxItems < data.length && ((0, jsx_runtime_1.jsx)(styles_1.CounterTag, { isDisabled: isDisabled, label: `+${data.length - maxItems}`, onClick: onClick }, "more"))] }));
 };
 exports.TagsList = TagsList;

package/node/components/TagsList/useLogic/useLogic.js

@@ -37,7 +37,7 @@ 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 ||
@@ -61,7 +61,7 @@ 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;
         }
         // Берём первый тег как шаблон (для клонирования)
@@ -129,17 +129,17 @@ 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/node/components/TextArea/TextArea.js

@@ -1,23 +1,11 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const TextField_1 = require("../TextField");
-exports.TextArea = (0, react_1.forwardRef)((_a, ref) => {
-    var { rows = 7 } = _a, props = __rest(_a, ["rows"]);
+exports.TextArea = (0, react_1.forwardRef)(({ rows = 7, ...props }, ref) => {
     // biome-ignore lint/suspicious/noTsIgnore: У типов TextField убран параметр multiline. Будет исправлено при отказе от mui
     // @ts-ignore
-    return (0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({ ref: ref, multiline: true, rows: rows }, props));
+    return (0, jsx_runtime_1.jsx)(TextField_1.TextField, { ref: ref, multiline: true, rows: rows, ...props });
 });

package/node/components/TextField/TextField.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,8 +7,7 @@ const FormHelperText_1 = require("../FormHelperText");
 const utils_1 = require("../utils");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-exports.TextField = (0, react_1.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"]);
+exports.TextField = (0, react_1.forwardRef)(({ success, error, helperText: helperTextProp, fullWidth = false, startAdornment, endAdornment, inputProps, InputProps, maxLength, trimmed = true, onBlur, hideHelperText = false, className, ...props }, ref) => {
     const color = (0, react_1.useMemo)(() => {
         if (success) {
             return 'success';
@@ -43,16 +31,24 @@ exports.TextField = (0, react_1.forwardRef)((_a, ref) => {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.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 = (0, react_1.useMemo)(() => {
         return (0, utils_1.classNames)(className, hideHelperText ? constants_1.textFieldClassnames.hideHelperText : '');
     }, [className, hideHelperText]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.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 ((0, jsx_runtime_1.jsx)(styles_1.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/node/components/ToggleButton/ToggleButton.js

@@ -7,5 +7,5 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.ToggleButton = (0, react_1.forwardRef)((props, ref) => {
     const { isVisibleCounter, children, disabled, counterLabel, color, selected, restProps, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledToggleButton, Object.assign({ ref: ref, disabled: disabled, selected: selected }, restProps, { "$color": color, children: [children, isVisibleCounter && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" \u00B7 ", counterLabel] })] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledToggleButton, { ref: ref, disabled: disabled, selected: selected, ...restProps, "$color": color, children: [children, isVisibleCounter && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" \u00B7 ", counterLabel] })] }));
 });

package/node/components/ToggleButton/useLogic/useLogic.js

@@ -1,20 +1,8 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useLogic = (_a) => {
-    var { selected, color = 'primary', counter, children, disabled, counterMax = 99 } = _a, restProps = __rest(_a, ["selected", "color", "counter", "children", "disabled", "counterMax"]);
+const useLogic = ({ selected, color = 'primary', counter, children, disabled, counterMax = 99, ...restProps }) => {
     const isVisibleCounter = Boolean(counter);
     const counterLabel = (0, react_1.useMemo)(() => {
         if (!isVisibleCounter) {

package/node/components/ToggleButtonGroup/ToggleButtonGroup.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleButtonGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,6 +7,6 @@ const Tooltip_1 = require("../Tooltip");
 const styles_1 = require("./styles");
 const ToggleButtonGroupContext_1 = require("./ToggleButtonGroupContext");
 exports.ToggleButtonGroup = (0, react_1.forwardRef)((props, ref) => {
-    const { size = 'medium', isError, errorText } = props, restProps = __rest(props, ["size", "isError", "errorText"]);
-    return ((0, jsx_runtime_1.jsx)(ToggleButtonGroupContext_1.ToggleButtonGroupContextProvider, { isError: isError, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: isError && errorText, followCursor: true, arrow: false, children: (0, jsx_runtime_1.jsx)(styles_1.StyledToggleButtonGroup, Object.assign({ ref: ref, size: size }, restProps, { "$isError": isError })) }) }));
+    const { size = 'medium', isError, errorText, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsx)(ToggleButtonGroupContext_1.ToggleButtonGroupContextProvider, { isError: isError, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: isError && errorText, followCursor: true, arrow: false, children: (0, jsx_runtime_1.jsx)(styles_1.StyledToggleButtonGroup, { ref: ref, size: size, ...restProps, "$isError": isError }) }) }));
 });

package/node/components/Tooltip/Tooltip.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,6 +6,6 @@ const react_1 = require("react");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 exports.Tooltip = (0, react_1.forwardRef)((props, ref) => {
-    const { title, placement = 'top', size = 'medium', withoutContainer = true, children } = props, restProps = __rest(props, ["title", "placement", "size", "withoutContainer", "children"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTooltip, Object.assign({ ref: ref, title: title, size: size, placement: placement, arrow: true }, restProps, { children: withoutContainer ? (children) : ((0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { className: constants_1.tooltipClassnames.contentWrapper, children: children })) })));
+    const { title, placement = 'top', size = 'medium', withoutContainer = true, children, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTooltip, { ref: ref, title: title, size: size, placement: placement, arrow: true, ...restProps, children: withoutContainer ? (children) : ((0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { className: constants_1.tooltipClassnames.contentWrapper, children: children })) }));
 });

package/node/components/Tooltip/styles.js

@@ -1,24 +1,10 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentWrapper = exports.StyledTooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const styles_1 = require("../styles");
-exports.StyledTooltip = (0, styles_1.styled)((_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({}, props, { classes: { popper: className } })));
-}) `
+exports.StyledTooltip = (0, styles_1.styled)(({ className, ...props }) => ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { ...props, classes: { popper: className } }))) `
   & .${material_1.tooltipClasses.tooltip} {
     margin: 0;
 

package/node/components/Tree/MultipleTreeList/MultipleTreeList.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultipleTreeList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,9 +6,8 @@ const styles_1 = require("./styles");
 const TreeItem_1 = require("./TreeItem");
 const useLogic_1 = require("./useLogic");
 const INITIAL_LEVEL = 0;
-const MultipleTreeList = (_a) => {
-    var { data, value, className, expandedLevel = 10, disabledItems } = _a, props = __rest(_a, ["data", "value", "className", "expandedLevel", "disabledItems"]);
+const MultipleTreeList = ({ data, value, className, expandedLevel = 10, disabledItems, ...props }) => {
     const { formattedDisabledItems } = (0, useLogic_1.useLogic)({ disabledItems });
-    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: className, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, Object.assign({ value: value }, item, { level: INITIAL_LEVEL, expandedLevel: expandedLevel, disabledItems: formattedDisabledItems }, props), item.id))) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: className, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { value: value, ...item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, disabledItems: formattedDisabledItems, ...props }, item.id))) }));
 };
 exports.MultipleTreeList = MultipleTreeList;

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

@@ -12,7 +12,7 @@ const TreeItem = (props) => {
         event.stopPropagation();
     };
     if (children.length) {
-        return ((0, jsx_runtime_1.jsx)(styles_1.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: (0, jsx_runtime_1.jsx)(FormControlLabel_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(styles_1.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: (0, jsx_runtime_1.jsx)(styles_1.List, { children: children.map((child) => ((0, jsx_runtime_1.jsx)(exports.TreeItem, Object.assign({}, child, { renderItem: renderItem, level: level + 1, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, disabledItems: disabledItems, value: value, onChange: onChange }), child.id))) }) }));
+        return ((0, jsx_runtime_1.jsx)(styles_1.StyledTreeItem, { isSelected: isSelected, isDefaultExpanded: isDefaultExpanded, isForceExpanded: options?.isForceExpanded, isDisabled: isDisabled, disabledReason: disabledReason, note: renderItem ? null : note, component: "li", label: (0, jsx_runtime_1.jsx)(FormControlLabel_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(styles_1.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: (0, jsx_runtime_1.jsx)(styles_1.List, { children: children.map((child) => ((0, jsx_runtime_1.jsx)(exports.TreeItem, { ...child, renderItem: renderItem, level: level + 1, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, disabledItems: disabledItems, value: value, onChange: onChange }, child.id))) }) }));
     }
     return ((0, jsx_runtime_1.jsx)(styles_1.StyledTreeItem, { isSelected: isSelected, isDisabled: isDisabled, disabledReason: disabledReason, note: renderItem ? null : note, component: "li", label: (0, jsx_runtime_1.jsx)(FormControlLabel_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(styles_1.StyledCheckbox, { checked: isSelected }), label: renderItem ? renderItem({ label, note, id }) : label, disabled: isDisabled, onChange: handleChange, onClick: handleClick }), level: level, onClick: handleChange }));
 };

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

@@ -8,14 +8,14 @@ const useLogic = ({ id, value = [], children, level, isInitialExpanded, expanded
     const isSelected = (0, utils_1.checkIsSelected)(value, id);
     const isIndeterminate = (0, utils_1.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;
     (0, react_1.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/node/components/Tree/MultipleTreeList/TreeItem/useLogic/utils/getAllChildrenId/getAllChildrenId.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAllChildrenId = void 0;
 const getAllChildrenId = (children, disabledItems) => {
-    if (!children || !(children === null || children === void 0 ? void 0 : children.length)) {
+    if (!children || !children?.length) {
         return [];
     }
     const ids = [];

package/node/components/Tree/TreeItem/TreeItem.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -20,11 +9,11 @@ const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const TreeItem = (props) => {
     const { isOpen, handleToggle, itemProps, itemContentProps, tooltipProps } = (0, useLogic_1.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 = () => ((0, jsx_runtime_1.jsx)(styles_1.CollapseButton, { "$isNotBlockingExpandList": isNotBlockingExpandList, disabled: !isNotBlockingExpandList && isDisabled, variant: "text", onClick: handleToggle, children: (0, jsx_runtime_1.jsx)(styles_1.ChevronIcon, { "$isActive": isOpen }) }));
     if (children) {
-        return ((0, jsx_runtime_1.jsxs)(styles_1.Item, Object.assign({}, restProps, { "$level": level, as: component, className: className }, itemProps, { children: [(0, jsx_runtime_1.jsx)(styles_1.ItemContent, Object.assign({ "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level }, itemContentProps, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ placement: constants_1.TOOLTIP_PLACEMENT }, tooltipProps, { children: renderItem ? ((0, jsx_runtime_1.jsxs)(styles_1.LabelWrapper, { "$level": level, children: [renderCollapseButton(), renderItem({ label, note, id })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.LabelWrapper, { "$level": level, children: [renderCollapseButton(), (0, jsx_runtime_1.jsx)(styles_1.Label, { component: "div", children: label })] }), note && ((0, jsx_runtime_1.jsx)(styles_1.Note, { className: constants_1.treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) })) })), (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: isOpen, unmountOnExit: true, children: children })] })));
+        return ((0, jsx_runtime_1.jsxs)(styles_1.Item, { ...restProps, "$level": level, as: component, className: className, ...itemProps, children: [(0, jsx_runtime_1.jsx)(styles_1.ItemContent, { "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level, ...itemContentProps, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { placement: constants_1.TOOLTIP_PLACEMENT, ...tooltipProps, children: renderItem ? ((0, jsx_runtime_1.jsxs)(styles_1.LabelWrapper, { "$level": level, children: [renderCollapseButton(), renderItem({ label, note, id })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.LabelWrapper, { "$level": level, children: [renderCollapseButton(), (0, jsx_runtime_1.jsx)(styles_1.Label, { component: "div", children: label })] }), note && ((0, jsx_runtime_1.jsx)(styles_1.Note, { className: constants_1.treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) }) }), (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: isOpen, unmountOnExit: true, children: children })] }));
     }
-    return ((0, jsx_runtime_1.jsx)(styles_1.Item, Object.assign({}, restProps, { "$level": level, as: component, className: className }, itemProps, { children: (0, jsx_runtime_1.jsx)(styles_1.ItemContent, Object.assign({ "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level }, itemContentProps, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ placement: constants_1.TOOLTIP_PLACEMENT }, tooltipProps, { children: renderItem ? ((0, jsx_runtime_1.jsx)(styles_1.LabelWrapper, { "$level": level, children: renderItem({ label, note, id }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.LabelWrapper, { "$level": level, children: (0, jsx_runtime_1.jsx)(styles_1.Label, { component: "div", children: label }) }), note && ((0, jsx_runtime_1.jsx)(styles_1.Note, { className: constants_1.treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) })) })) })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Item, { ...restProps, "$level": level, as: component, className: className, ...itemProps, children: (0, jsx_runtime_1.jsx)(styles_1.ItemContent, { "$isSelected": isSelected, "$isDisabled": isDisabled, "$level": level, ...itemContentProps, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { placement: constants_1.TOOLTIP_PLACEMENT, ...tooltipProps, children: renderItem ? ((0, jsx_runtime_1.jsx)(styles_1.LabelWrapper, { "$level": level, children: renderItem({ label, note, id }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.LabelWrapper, { "$level": level, children: (0, jsx_runtime_1.jsx)(styles_1.Label, { component: "div", children: label }) }), note && ((0, jsx_runtime_1.jsx)(styles_1.Note, { className: constants_1.treeClassnames.note, variant: "caption", color: "textSecondary", children: note }))] })) }) }) }));
 };
 exports.TreeItem = TreeItem;

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

@@ -17,11 +17,11 @@ const useLogic = ({ id, prefixId, isDefaultExpanded = false, isForceExpanded, is
             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/node/components/Tree/TreeList/TreeItem/TreeItem.js

@@ -10,7 +10,7 @@ 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 ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { 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: (0, jsx_runtime_1.jsx)(styles_1.List, { children: children.map((child) => ((0, jsx_runtime_1.jsx)(exports.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 ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { 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: (0, jsx_runtime_1.jsx)(styles_1.List, { children: children.map((child) => ((0, jsx_runtime_1.jsx)(exports.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 ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { id: id, prefixId: prefixId, isSelected: isSelected, isDisabled: isDisabled, disabledReason: disabledReason, component: "li", label: label, renderItem: renderItem, note: note, level: level, onClick: handleChange }));
 };

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

@@ -5,7 +5,7 @@ const useLogic = ({ value, level, item, isInitialExpanded, expandedLevel, chainT
     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;
     };
@@ -14,21 +14,21 @@ const useLogic = ({ value, level, item, isInitialExpanded, expandedLevel, chainT
         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/node/components/Tree/TreeList/TreeList.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,7 +10,7 @@ const useLogic_1 = require("./useLogic");
 const INITIAL_LEVEL = 0;
 const TreeList = (props) => {
     const { listProps, itemProps } = (0, useLogic_1.useLogic)(props);
-    const { data, className, expandedLevel = 10, disabledItems } = props, restProps = __rest(props, ["data", "className", "expandedLevel", "disabledItems"]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.List, Object.assign({ className: (0, utils_1.classNames)(className, constants_1.treeListClassnames.list) }, listProps, { children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, Object.assign({ item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel }, itemProps, restProps), item.id))) })));
+    const { data, className, expandedLevel = 10, disabledItems, ...restProps } = props;
+    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: (0, utils_1.classNames)(className, constants_1.treeListClassnames.list), ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
 };
 exports.TreeList = TreeList;

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFormatDisabledItems = void 0;
 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;
-    })) || []);
+    }) || []);
 };
 exports.getFormatDisabledItems = getFormatDisabledItems;

package/node/components/TreeAsyncAutocomplete/Input/Input.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -21,13 +10,12 @@ const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const ClearButton = ({ disabled, onClick }) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) }));
-exports.Input = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { disabled, onChange, value, inputRef, hideHelperText = false } = _a, restProps = __rest(_a, ["disabled", "onChange", "value", "inputRef", "hideHelperText"]);
+exports.Input = (0, react_1.forwardRef)(({ disabled, onChange, value, inputRef, hideHelperText = false, ...restProps }, forwardedRef) => {
     const { inputRef: internalInputRef, isVisibleClearButton, handleClearAll, } = (0, useLogic_1.useLogic)({
         inputRef,
         value,
         onChange,
         disabled,
     });
-    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, Object.assign({}, restProps, { value: value, hideHelperText: hideHelperText, ref: forwardedRef, inputRef: internalInputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) })] }) })));
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...restProps, value: value, hideHelperText: hideHelperText, ref: forwardedRef, inputRef: internalInputRef, disabled: disabled, inputProps: { readOnly: true }, endAdornment: (0, jsx_runtime_1.jsxs)(styles_1.IconWrapper, { children: [isVisibleClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, onClick: handleClearAll })), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", color: "grey", disabled: disabled, children: (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) })] }) }));
 });

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

@@ -5,10 +5,9 @@ const hooks_1 = require("../../../hooks");
 const useLogic = ({ value, disabled, inputRef: externalInputRef, onChange, }) => {
     const inputRef = (0, hooks_1.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/node/components/TreeAsyncAutocomplete/OptionsModal/OptionsModal.js

@@ -30,8 +30,8 @@ const OptionsModal = (props) => {
         if (isNoResult) {
             return (0, jsx_runtime_1.jsx)(NoData_1.NoData, {});
         }
-        return ((0, jsx_runtime_1.jsx)(Tree_1.TreeList, Object.assign({}, treeProps, treeListProps)));
+        return ((0, jsx_runtime_1.jsx)(Tree_1.TreeList, { ...treeProps, ...treeListProps }));
     };
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, Object.assign({}, modalProps, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDialogContent, { "$size": modalProps.size, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledSearchField, Object.assign({ fullWidth: true }, searchFieldProps, { isLoading: isShowSearchFieldLoader, helperText: constants_1.SEARCH_FIELD_HELPER_TEXT })), (0, jsx_runtime_1.jsx)(Paper_1.Paper, { variant: "outlined", children: (0, jsx_runtime_1.jsxs)(styles_1.TreeListWrapper, { children: [renderComponent(), isShowUserHint && ((0, jsx_runtime_1.jsx)(styles_1.UserHintWrapper, { children: (0, jsx_runtime_1.jsx)(Typography_1.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" }) }))] }) })] }), (0, jsx_runtime_1.jsxs)(DialogActions_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { ...modalProps, children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDialogContent, { "$size": modalProps.size, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledSearchField, { fullWidth: true, ...searchFieldProps, isLoading: isShowSearchFieldLoader, helperText: constants_1.SEARCH_FIELD_HELPER_TEXT }), (0, jsx_runtime_1.jsx)(Paper_1.Paper, { variant: "outlined", children: (0, jsx_runtime_1.jsxs)(styles_1.TreeListWrapper, { children: [renderComponent(), isShowUserHint && ((0, jsx_runtime_1.jsx)(styles_1.UserHintWrapper, { children: (0, jsx_runtime_1.jsx)(Typography_1.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" }) }))] }) })] }), (0, jsx_runtime_1.jsxs)(DialogActions_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "text", ...cancelButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0430" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { ...confirmButtonProps, children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" })] })] }));
 };
 exports.OptionsModal = OptionsModal;