@astral/ui 4.2.0 → 4.2.1

package/components/Profile/MenuList/MenuList.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 { QuitOutlineMd } from '../../../icons';
 import { BottomDrawer } from '../../BottomDrawer';
@@ -24,7 +13,7 @@ import { DisplayNameMenuItem, ExitMenuItem, StyledDivider, StyledMenu, StyledMen
  * Компонент для рендера menu с помощью массива данных
  */
 export const MenuList = (props) => {
-    const { open, onClose, menuList, exitButton, displayName, annotation } = props, restProps = __rest(props, ["open", "onClose", "menuList", "exitButton", "displayName", "annotation"]);
+    const { open, onClose, menuList, exitButton, displayName, annotation, ...restProps } = props;
     const { isMobile } = useViewportType();
     const renderMenuList = () => {
         const items = [];
@@ -38,11 +27,11 @@ export const MenuList = (props) => {
         if (exitButton && menuList) {
             items.push(_jsx(Divider, {}, "divider"));
         }
-        items.push(_jsxs(ExitMenuItem, { "$exitButton": Boolean(exitButton), onClick: exitButton === null || exitButton === void 0 ? void 0 : exitButton.onClick, children: [_jsx(ListItemIcon, { children: _jsx(QuitOutlineMd, {}) }), _jsx(ListItemText, { children: _jsx(OverflowTypography, { noWrap: true, children: "\u0412\u044B\u0439\u0442\u0438" }) })] }, "exit"));
+        items.push(_jsxs(ExitMenuItem, { "$exitButton": Boolean(exitButton), onClick: exitButton?.onClick, children: [_jsx(ListItemIcon, { children: _jsx(QuitOutlineMd, {}) }), _jsx(ListItemText, { children: _jsx(OverflowTypography, { noWrap: true, children: "\u0412\u044B\u0439\u0442\u0438" }) })] }, "exit"));
         return items;
     };
     if (isMobile) {
         return (_jsx(BottomDrawer, { title: displayName, onClose: onClose, open: open, children: _jsx(StyledMenuList, { children: renderMenuList() }) }));
     }
-    return (_jsx(StyledMenu, Object.assign({ open: open, onClose: onClose }, restProps, { children: renderMenuList() })));
+    return (_jsx(StyledMenu, { open: open, onClose: onClose, ...restProps, children: renderMenuList() }));
 };

package/components/Profile/Profile.js

@@ -23,7 +23,7 @@ export const Profile = forwardRef((props, ref) => {
     if (isLoading) {
         return _jsx(ProfileSkeleton, {});
     }
-    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, { ref: ref, onClickAway: handleCloseMenu, children: _jsxs(ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, children: [_jsx(StyledAvatar, Object.assign({}, avatar)), _jsxs(User, { children: [_jsxs(Credentials, { className: hidePersonalDataClassname, children: [_jsx(Typography, { variant: "body1", className: profileClassnames.credentials, children: displayName }), _jsx(Typography, { variant: "caption", color: "textSecondary", className: profileClassnames.credentials, children: annotation })] }), _jsx(StyledChevron, { isActive: open })] })] }) }), Menu ? (_jsx(Menu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, anchorOrigin: {
+    return (_jsxs(_Fragment, { children: [_jsx(ClickAwayListener, { ref: ref, onClickAway: handleCloseMenu, children: _jsxs(ProfileRoot, { ref: anchorRef, variant: "text", onClick: handleOpenMenu, children: [_jsx(StyledAvatar, { ...avatar }), _jsxs(User, { children: [_jsxs(Credentials, { className: hidePersonalDataClassname, children: [_jsx(Typography, { variant: "body1", className: profileClassnames.credentials, children: displayName }), _jsx(Typography, { variant: "caption", color: "textSecondary", className: profileClassnames.credentials, children: annotation })] }), _jsx(StyledChevron, { isActive: open })] })] }) }), Menu ? (_jsx(Menu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'right',
                 }, transformOrigin: {

package/components/Radio/Icon/Icon.js

@@ -1,18 +1,4 @@
-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 { SvgIcon } from '../../SvgIcon';
 import { radioClassnames } from '../constants';
-export const Icon = (_a) => {
-    var props = __rest(_a, []);
-    return (_jsxs(SvgIcon, Object.assign({ size: "sm" }, props, { children: [_jsx("circle", { cx: "8", cy: "8", r: "7.5", className: radioClassnames.outerCircle }), _jsx("circle", { cx: "8", cy: "8", r: "4", className: radioClassnames.dot, fill: "#fff" })] })));
-};
+export const Icon = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", ...props, children: [_jsx("circle", { cx: "8", cy: "8", r: "7.5", className: radioClassnames.outerCircle }), _jsx("circle", { cx: "8", cy: "8", r: "4", className: radioClassnames.dot, fill: "#fff" })] }));

package/components/Radio/Radio.js

@@ -8,5 +8,5 @@ import { useLogic } from './useLogic';
 export const Radio = forwardRef((props, ref) => {
     useCheckControlled('Radio', props);
     const { onChange, isChecked, isError, disabled, restProps, className, name, style, inputRef, value, id, } = useLogic(props);
-    return (_jsxs(Wrapper, Object.assign({ "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, className: className, style: style, ref: ref }, restProps, { children: [_jsx(Input, { type: "radio", name: name, checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": isChecked, "aria-disabled": disabled, ref: inputRef, value: value, id: id }), _jsx(IconWrapper, { className: radioClassnames.iconWrapper, children: _jsx(Icon, { className: radioClassnames.icon }) })] })));
+    return (_jsxs(Wrapper, { "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, className: className, style: style, ref: ref, ...restProps, children: [_jsx(Input, { type: "radio", name: name, checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": isChecked, "aria-disabled": disabled, ref: inputRef, value: value, id: id }), _jsx(IconWrapper, { className: radioClassnames.iconWrapper, children: _jsx(Icon, { className: radioClassnames.icon }) })] }));
 });

package/components/Radio/useLogic/useLogic.js

@@ -1,26 +1,14 @@
-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, useState } from 'react';
 import { useUpdateEffect } from '../../hooks';
 import { classNames } from '../../utils';
 import { radioClassnames } from '../constants';
-export const useLogic = (_a) => {
-    var { checked = false, disabled = false, isError = false, onChange: propsOnChange, className: propClassNames, name, style, inputRef, value, id } = _a, restProps = __rest(_a, ["checked", "disabled", "isError", "onChange", "className", "name", "style", "inputRef", "value", "id"]);
+export const useLogic = ({ checked = false, disabled = false, isError = false, onChange: propsOnChange, className: propClassNames, name, style, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = useState(checked);
     useUpdateEffect(() => {
         setIsChecked(checked);
     }, [checked]);
     const onChange = (event) => {
-        propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(event, event.target.checked);
+        propsOnChange?.(event, event.target.checked);
         setIsChecked(event.target.checked);
     };
     const className = useMemo(() => classNames(radioClassnames.root, isChecked ? radioClassnames.checked : '', disabled ? radioClassnames.disabled : '', propClassNames), [isChecked, disabled, propClassNames]);

package/components/RadioCard/RadioCard.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, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { RadioGroupContext } from '../RadioGroup';
 import { classNames } from '../utils';
 import { radioCardClassnames } from './constants';
 import { Content, StyledRadio, Wrapper } from './styles';
-export const RadioCard = (_a) => {
-    var { id, disabled: propsIsDisabled, className, header, children, value } = _a, props = __rest(_a, ["id", "disabled", "className", "header", "children", "value"]);
+export const RadioCard = ({ id, disabled: propsIsDisabled, className, header, children, value, ...props }) => {
     const { isError, value: groupValue, name, onChange, disabled, } = useContext(RadioGroupContext);
-    return (_jsxs(Wrapper, { className: classNames(className, radioCardClassnames.root), "$isError": isError, "$isChecked": groupValue === value, "$isDisabled": disabled || propsIsDisabled, children: [_jsx(StyledRadio, Object.assign({ disabled: disabled || propsIsDisabled, checked: groupValue === value, name: name, onChange: (event) => onChange === null || onChange === void 0 ? void 0 : onChange(event, event.target.value), value: value }, props)), _jsxs(Content, { className: radioCardClassnames.content, children: [_jsx("div", { children: header }), _jsx("div", { children: children })] })] }));
+    return (_jsxs(Wrapper, { className: classNames(className, radioCardClassnames.root), "$isError": isError, "$isChecked": groupValue === value, "$isDisabled": disabled || propsIsDisabled, children: [_jsx(StyledRadio, { disabled: disabled || propsIsDisabled, checked: groupValue === value, name: name, onChange: (event) => onChange?.(event, event.target.value), value: value, ...props }), _jsxs(Content, { className: radioCardClassnames.content, children: [_jsx("div", { children: header }), _jsx("div", { children: children })] })] }));
 };

package/components/RadioCard/styles.js

@@ -66,6 +66,7 @@ export const Content = styled.div `
 
   display: flex;
   flex-direction: column;
+  flex-grow: 1;
   gap: ${({ theme }) => theme.spacing(3)};
 `;
 export const StyledRadio = styled(Radio) `

package/components/RadioField/RadioField.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 { Radio } from '../Radio';
 import { Tooltip } from '../Tooltip';
@@ -16,7 +5,6 @@ import { StyledFormControlLabel } from './styles';
 /**
  * Составной компонент radio. Содержит label, tooltip и т.п.
  */
-export const RadioField = (_a) => {
-    var { id, disabled, label, isError, disabledReason, formControlLabelProps } = _a, restFieldProps = __rest(_a, ["id", "disabled", "label", "isError", "disabledReason", "formControlLabelProps"]);
-    return (_jsx(Tooltip, { title: disabled && disabledReason, placement: "bottom-start", withoutContainer: false, children: _jsx(StyledFormControlLabel, Object.assign({}, formControlLabelProps, { label: label, control: _jsx(Radio, Object.assign({}, restFieldProps, { isError: isError })), disabled: disabled })) }, id));
+export const RadioField = ({ id, disabled, label, isError, disabledReason, formControlLabelProps, ...restFieldProps }) => {
+    return (_jsx(Tooltip, { title: disabled && disabledReason, placement: "bottom-start", withoutContainer: false, children: _jsx(StyledFormControlLabel, { ...formControlLabelProps, label: label, control: _jsx(Radio, { ...restFieldProps, isError: isError }), disabled: disabled }) }, id));
 };

package/components/RadioGroup/RadioGroup.d.ts

@@ -3,4 +3,4 @@ import type { RadioGroupProps } from './types';
 /**
  * Компонент RadioGroup - fieldset для Radio компонентов
  */
-export declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/RadioGroup/RadioGroup.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { FormControl } from '../FormControl';
 import { Tooltip } from '../Tooltip';
 import { RadioGroupContext } from './RadioGroupContext';
@@ -7,7 +8,7 @@ import { useLogic } from './useLogic';
 /**
  * Компонент RadioGroup - fieldset для Radio компонентов
  */
-export const RadioGroup = (props) => {
-    const { errorText, formControlProps, groupLabel, labelId, isError, required, contextValue, className, row, children, disabled, style, } = useLogic(props);
-    return (_jsx(Tooltip, { arrow: false, title: isError && errorText, placement: "bottom-start", followCursor: true, children: _jsxs(FormControl, Object.assign({}, formControlProps, { children: [groupLabel && (_jsx(StyledFormLabel, { id: labelId, htmlFor: labelId, required: required, disabled: disabled, children: groupLabel })), _jsx(RadioGroupContext.Provider, { value: contextValue, children: _jsx(Fieldset, { id: labelId, "aria-labelledby": labelId, className: className, role: "radiogroup", "$row": row, style: style, children: children }) })] })) }));
-};
+export const RadioGroup = forwardRef((props, ref) => {
+    const { errorText, formControlProps, groupLabel, labelId, isError, required, contextValue, className, row, children, disabled, style, inputRef, } = useLogic(props);
+    return (_jsx(Tooltip, { arrow: false, title: isError && errorText, placement: "bottom-start", followCursor: true, children: _jsxs(FormControl, { ...formControlProps, ref: ref, children: [groupLabel && (_jsx(StyledFormLabel, { id: labelId, htmlFor: labelId, required: required, disabled: disabled, children: groupLabel })), _jsx(RadioGroupContext.Provider, { value: contextValue, children: _jsx(Fieldset, { id: labelId, "aria-labelledby": labelId, className: className, role: "radiogroup", "$row": row, style: style, ref: inputRef, tabIndex: -1, children: children }) })] }) }));
+});

package/components/RadioGroup/types.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEvent, CSSProperties, ReactNode } from 'react';
+import type { ChangeEvent, CSSProperties, ReactNode, RefObject } from 'react';
 import type { FormControlProps } from '../FormControl';
 export type RadioGroupProps = {
     /**
@@ -53,4 +53,8 @@ export type RadioGroupProps = {
      * Стили компонента
      */
     style?: CSSProperties;
+    /**
+     * Ref для fieldset элемента (используется react-hook-form для прокрутки к полю при ошибке)
+     */
+    inputRef?: RefObject<HTMLFieldSetElement>;
 };

package/components/RadioGroup/useLogic/useLogic.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { RadioGroupContextProps } from '../RadioGroupContext';
 import type { RadioGroupProps } from '../types';
-export declare const useLogic: ({ children, groupLabel, errorText, isError, required, formControlProps, row, name, value, onChange, className, disabled, style, }: RadioGroupProps) => {
+export declare const useLogic: ({ children, groupLabel, errorText, isError, required, formControlProps, row, name, value, onChange, className, disabled, style, inputRef, }: RadioGroupProps) => {
     errorText: import("react").ReactNode;
     formControlProps: Omit<import("../..").FormControlProps, "error"> | undefined;
     groupLabel: string | undefined;
@@ -14,4 +14,5 @@ export declare const useLogic: ({ children, groupLabel, errorText, isError, requ
     children: import("react").ReactNode;
     disabled: boolean | undefined;
     style: import("react").CSSProperties | undefined;
+    inputRef: import("react").RefObject<HTMLFieldSetElement> | undefined;
 };

package/components/RadioGroup/useLogic/useLogic.js

@@ -1,11 +1,11 @@
 import { useState } from 'react';
 import { useId } from '../../hooks/useId';
-export const useLogic = ({ children, groupLabel, errorText, isError, required, formControlProps, row = false, name, value, onChange, className, disabled, style, }) => {
+export const useLogic = ({ children, groupLabel, errorText, isError, required, formControlProps, row = false, name, value, onChange, className, disabled, style, inputRef, }) => {
     const labelId = useId();
     const [internalValue, setInternalValue] = useState(undefined);
     const handleChange = (event, newValue) => {
         setInternalValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(event, newValue);
+        onChange?.(event, newValue);
     };
     const currentValue = value !== undefined ? value : internalValue;
     const contextValue = {
@@ -28,5 +28,6 @@ export const useLogic = ({ children, groupLabel, errorText, isError, required, f
         children,
         disabled,
         style,
+        inputRef,
     };
 };

package/components/RadioGroupField/RadioGroupField.js

@@ -8,5 +8,5 @@ import { RadioGroupContext } from '../RadioGroup';
  */
 export const RadioGroupField = (props) => {
     const { isError, value, name, onChange, disabled } = useContext(RadioGroupContext);
-    return (_jsx(RadioField, Object.assign({}, props, { isError: isError, name: name, disabled: disabled, onChange: (event) => onChange === null || onChange === void 0 ? void 0 : onChange(event, event.target.value), checked: value === props.value })));
+    return (_jsx(RadioField, { ...props, isError: isError, name: name, disabled: disabled, onChange: (event) => onChange?.(event, event.target.value), checked: value === props.value }));
 };

package/components/Rating/Rating.js

@@ -1,27 +1,12 @@
-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 { DEFAULT_HINTS } from './constants';
 import { IconContainer } from './IconContainer';
 import { StyledRating } from './styles';
 // Компонент не экспортируется из пакета и пока не предназначен для использования в продуктах
 // Это связано с тем что он пока не стандартизирован на стороне дизайна и сейчас необходим для реализации компонента обратной связи
-export const Rating = (_a) => {
-    var { isVisibleHints, icons, hints = DEFAULT_HINTS, onChange } = _a, props = __rest(_a, ["isVisibleHints", "icons", "hints", "onChange"]);
+export const Rating = ({ isVisibleHints, icons, hints = DEFAULT_HINTS, onChange, ...props }) => {
     const handleChange = (_, value) => onChange(value);
-    const renderIconContainer = (_a) => {
-        var { value } = _a, iconContainerProps = __rest(_a, ["value"]);
-        return (_jsx(IconContainer, Object.assign({}, iconContainerProps, { value: value, isVisibleHints: isVisibleHints, icon: icons ? icons[value - 1] : null, hint: hints[value - 1] })));
-    };
+    const renderIconContainer = ({ value, ...iconContainerProps }) => (_jsx(IconContainer, { ...iconContainerProps, value: value, isVisibleHints: isVisibleHints, icon: icons ? icons[value - 1] : null, hint: hints[value - 1] }));
     const getLabelText = (value) => hints[value - 1];
-    return (_jsx(StyledRating, Object.assign({ IconContainerComponent: renderIconContainer, getLabelText: getLabelText }, props, { onChange: handleChange })));
+    return (_jsx(StyledRating, { IconContainerComponent: renderIconContainer, getLabelText: getLabelText, ...props, onChange: handleChange }));
 };

package/components/RedesignBanner/RedesignBanner.js

@@ -7,5 +7,5 @@ export const RedesignBanner = (props) => {
     if (isSkipShow) {
         return null;
     }
-    return (_jsx(Suspense, { children: _jsx(RedesignBannerDialog, Object.assign({}, props)) }));
+    return (_jsx(Suspense, { children: _jsx(RedesignBannerDialog, { ...props }) }));
 };

package/components/ResizingDataGrid/ResizingDataGrid.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 { DataGrid } from '../DataGrid';
 import { useComputedColumns } from './hooks/useComputedColumns';
@@ -20,8 +9,7 @@ import { Sliders } from './Sliders';
  * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
  * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
  */
-export const ResizingDataGrid = (_a) => {
-    var { columns } = _a, props = __rest(_a, ["columns"]);
-    const _b = useComputedColumns(columns), { computedColumns } = _b, restSliderProps = __rest(_b, ["computedColumns"]);
-    return (_jsx(DataGrid, Object.assign({ headPreAddon: _jsx(Sliders, Object.assign({}, restSliderProps)), columns: computedColumns }, props)));
+export const ResizingDataGrid = ({ columns, ...props }) => {
+    const { computedColumns, ...restSliderProps } = useComputedColumns(columns);
+    return (_jsx(DataGrid, { headPreAddon: _jsx(Sliders, { ...restSliderProps }), columns: computedColumns, ...props }));
 };

package/components/ResizingDataGrid/Sliders/Sliders.js

@@ -1,19 +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 { InputSlider, Wrapper } from './styles';
 import { useLogic } from './useLogic';
-export const Sliders = (_a) => {
-    var { actionsColumnWidth } = _a, props = __rest(_a, ["actionsColumnWidth"]);
+export const Sliders = ({ actionsColumnWidth, ...props }) => {
     const { sliders, id, handleKeyMouseUp, handleChange } = useLogic(props);
     return (_jsx(Wrapper, { actionsColumnWidth: actionsColumnWidth, children: sliders.map((value, index) => (_jsx(InputSlider
         // biome-ignore lint/suspicious/noArrayIndexKey: Используется вместе с id из useId

package/components/ResizingDataGrid/hooks/useComputedColumns/utils/createComputedColumns/createComputedColumns.js

@@ -3,16 +3,22 @@
  */
 export const createComputedColumns = (columns, currentColumnsWidths) => {
     const actionsColumn = columns[columns.length - 1];
-    const hasActions = (actionsColumn === null || actionsColumn === void 0 ? void 0 : actionsColumn.field) === '$actions';
+    const hasActions = actionsColumn?.field === '$actions';
     if (actionsColumn && hasActions) {
         return {
             actionsColumnWidth: actionsColumn.width,
-            computedColumns: columns.map((item, index) => (Object.assign(Object.assign({}, item), { width: item.field !== '$actions'
+            computedColumns: columns.map((item, index) => ({
+                ...item,
+                width: item.field !== '$actions'
                     ? `${currentColumnsWidths[index]}fr`
-                    : item.width }))),
+                    : item.width,
+            })),
         };
     }
     return {
-        computedColumns: columns.map((item, index) => (Object.assign(Object.assign({}, item), { width: `${currentColumnsWidths[index]}%` }))),
+        computedColumns: columns.map((item, index) => ({
+            ...item,
+            width: `${currentColumnsWidths[index]}%`,
+        })),
     };
 };

package/components/ResizingDataGridInfinite/ResizingDataGridInfinite.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 { DataGridInfinite } from '../DataGridInfinite';
 import { Sliders, useComputedColumns } from '../ResizingDataGrid';
@@ -19,8 +8,7 @@ import { Sliders, useComputedColumns } from '../ResizingDataGrid';
  * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
  * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
  */
-export const ResizingDataGridInfinite = (_a) => {
-    var { columns } = _a, props = __rest(_a, ["columns"]);
-    const _b = useComputedColumns(columns), { computedColumns } = _b, restSlidersProps = __rest(_b, ["computedColumns"]);
-    return (_jsx(DataGridInfinite, Object.assign({ headPreAddon: _jsx(Sliders, Object.assign({}, restSlidersProps)), columns: computedColumns }, props)));
+export const ResizingDataGridInfinite = ({ columns, ...props }) => {
+    const { computedColumns, ...restSlidersProps } = useComputedColumns(columns);
+    return (_jsx(DataGridInfinite, { headPreAddon: _jsx(Sliders, { ...restSlidersProps }), columns: computedColumns, ...props }));
 };

package/components/SearchField/SearchField.js

@@ -7,5 +7,5 @@ import { useLogic } from './useLogic';
 export const SearchField = forwardRef((props, ref) => {
     const { onChange, onClearValue, restProps, isLoading, inputRef, value, disabled, isClearButtonDisabled, onBlur, fullWidth, inputComponent, placeholder, hideHelperText, } = useLogic(props);
     const RenderComponent = inputComponent || TextField;
-    return (_jsx(TextFieldRoot, { "$isFullWidth": fullWidth, children: _jsx(RenderComponent, Object.assign({ type: "search", placeholder: placeholder, startAdornment: _jsx(SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: _jsx(EndAdornmentWrapper, { children: isLoading ? (_jsx(LoaderWrapper, { children: _jsx(StyledLoader, {}) })) : (_jsx(StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: _jsx(CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth }, restProps)) }));
+    return (_jsx(TextFieldRoot, { "$isFullWidth": fullWidth, children: _jsx(RenderComponent, { type: "search", placeholder: placeholder, startAdornment: _jsx(SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: _jsx(EndAdornmentWrapper, { children: isLoading ? (_jsx(LoaderWrapper, { children: _jsx(StyledLoader, {}) })) : (_jsx(StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: _jsx(CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth, ...restProps }) }));
 });

package/components/SearchField/useLogic/useLogic.js

@@ -1,18 +1,6 @@
-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, useState, } from 'react';
 import { useFirstMountState, useForwardedRef } from '../../hooks';
-export const useLogic = (_a) => {
-    var { onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent, hideHelperText = true } = _a, restProps = __rest(_a, ["onChange", "defaultValue", "value", "inputRef", "disabled", "onBlur", "fullWidth", "isLoading", "placeholder", "inputComponent", "hideHelperText"]);
+export const useLogic = ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent, hideHelperText = true, ...restProps }) => {
     const inputRef = useForwardedRef(externalInputRef);
     const [internalValue, setInternalValue] = useState(defaultValue || value || '');
     const isFirstRender = useFirstMountState();
@@ -25,12 +13,15 @@ export const useLogic = (_a) => {
         }
     }, [value]);
     const onChange = (event) => {
-        const trimmedEvent = Object.assign(Object.assign({}, event), { target: Object.assign(Object.assign({}, event.target), { value: event.target.value.trim() }) });
-        propsOnChange === null || propsOnChange === void 0 ? void 0 : propsOnChange(trimmedEvent);
+        const trimmedEvent = {
+            ...event,
+            target: { ...event.target, value: event.target.value.trim() },
+        };
+        propsOnChange?.(trimmedEvent);
         setInternalValue(event.target.value);
     };
     const onBlur = (event) => {
-        propsOnBlur === null || propsOnBlur === void 0 ? void 0 : propsOnBlur(event);
+        propsOnBlur?.(event);
         if (value) {
             setInternalValue(value);
         }
@@ -43,10 +34,9 @@ export const useLogic = (_a) => {
         };
     };
     const onClearValue = () => {
-        var _a;
-        onChange === null || onChange === void 0 ? void 0 : onChange(createChangeEvent(''));
+        onChange?.(createChangeEvent(''));
         inputRef.current.value = '';
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        inputRef.current?.focus();
     };
     const isClearButtonDisabled = disabled || (!internalValue && !value);
     return {

package/components/Select/Select.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 { FormControl, InputLabel, ListItemIcon, } from '@mui/material';
 import { forwardRef } from 'react';
@@ -24,16 +13,20 @@ import { CLEAR_TEXT, SELECT_ALL_VALUE } from './constants';
 import { EndAdornmentWrapper, Placeholder, StateWrapper, StyledSelect, } from './styles';
 import { useLogic } from './useLogic';
 const ClearButton = forwardRef(({ onClick, disabled }, ref) => (_jsx(IconButton, { disabled: disabled, ref: ref, onClick: onClick, variant: "text", title: CLEAR_TEXT, "aria-label": CLEAR_TEXT, children: _jsx(CrossOutlineMd, {}) })));
-const SelectInner = (_a, ref) => {
-    var { required, getOptionLabel, placeholder, helperText, hideHelperText = false, loading, success, children, disabled, error, label, fullWidth, onChange: externalOnChange, isShowClearButton, isEnableAllSelection = false, valueOptions, value, onSelectAll, onUnselectAll } = _a, props = __rest(_a, ["required", "getOptionLabel", "placeholder", "helperText", "hideHelperText", "loading", "success", "children", "disabled", "error", "label", "fullWidth", "onChange", "isShowClearButton", "isEnableAllSelection", "valueOptions", "value", "onSelectAll", "onUnselectAll"]);
-    const { isOpened, isShowingClearButton, isNoData, onClearAll, openSelect, closeSelect, resetButtonRef, isShowingSelectAll, handleChangeOption, isSelectedAll, isIndeterminate, handleChangeArrayValue, selectAllClassName, findMenuItemsLabel, isShowingPlaceholder, } = useLogic(Object.assign(Object.assign({}, props), { children,
-        value, onChange: externalOnChange, isShowClearButton,
+const SelectInner = ({ required, getOptionLabel, placeholder, helperText, hideHelperText = false, loading, success, children, disabled, error, label, fullWidth, onChange: externalOnChange, isShowClearButton, isEnableAllSelection = false, valueOptions, value, onSelectAll, onUnselectAll, ...props }, ref) => {
+    const { isOpened, isShowingClearButton, isNoData, onClearAll, openSelect, closeSelect, resetButtonRef, isShowingSelectAll, handleChangeOption, isSelectedAll, isIndeterminate, handleChangeArrayValue, selectAllClassName, findMenuItemsLabel, isShowingPlaceholder, } = useLogic({
+        ...props,
+        children,
+        value,
+        onChange: externalOnChange,
+        isShowClearButton,
         isEnableAllSelection,
         valueOptions,
         placeholder,
         onSelectAll,
         onUnselectAll,
-        loading }));
+        loading,
+    });
     const renderValue = (selectedOptions) => {
         // Массив с выбранными опциями
         if (Array.isArray(selectedOptions) && selectedOptions.length) {
@@ -50,6 +43,6 @@ const SelectInner = (_a, ref) => {
         }
         return findMenuItemsLabel(children, selectedOptions);
     };
-    return (_jsxs(FormControl, { error: error, fullWidth: fullWidth, children: [label && (_jsx(InputLabel, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), _jsxs(StyledSelect, Object.assign({}, props, { value: value === null ? '' : value, open: isOpened, disabled: disabled, onOpen: openSelect, onClose: closeSelect, renderValue: renderValue, IconComponent: () => null, displayEmpty: true, ref: ref, fullWidth: fullWidth, onChange: handleChangeOption, "$isShowingPlaceholder": isShowingPlaceholder, endAdornment: _jsxs(EndAdornmentWrapper, { children: [loading && _jsx(Loader, { color: "primary", size: "small" }), !loading && isShowingClearButton && (_jsx(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), !loading && (_jsx(IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? _jsx(DownOutlineMd, {}) : _jsx(UpOutlineMd, {}) }))] }), children: [_jsx(Placeholder, { value: "", children: placeholder }), !loading && isShowingSelectAll && (_jsxs(MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: SELECT_ALL_VALUE, children: [_jsx(ListItemIcon, { children: _jsx(Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && _jsx(StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] })), _jsx(FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
+    return (_jsxs(FormControl, { error: error, fullWidth: fullWidth, children: [label && (_jsx(InputLabel, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), _jsxs(StyledSelect, { ...props, value: value === null ? '' : value, open: isOpened, disabled: disabled, onOpen: openSelect, onClose: closeSelect, renderValue: renderValue, IconComponent: () => null, displayEmpty: true, ref: ref, fullWidth: fullWidth, onChange: handleChangeOption, "$isShowingPlaceholder": isShowingPlaceholder, endAdornment: _jsxs(EndAdornmentWrapper, { children: [loading && _jsx(Loader, { color: "primary", size: "small" }), !loading && isShowingClearButton && (_jsx(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), !loading && (_jsx(IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? _jsx(DownOutlineMd, {}) : _jsx(UpOutlineMd, {}) }))] }), children: [_jsx(Placeholder, { value: "", children: placeholder }), !loading && isShowingSelectAll && (_jsxs(MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: SELECT_ALL_VALUE, children: [_jsx(ListItemIcon, { children: _jsx(Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && _jsx(StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), _jsx(FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
 };
 export const Select = forwardRefWithGeneric(SelectInner);

package/components/Select/useLogic/useLogic.js

@@ -7,7 +7,7 @@ export const useLogic = ({ value, onChange, children, open: externalIsOpened, de
     const [isOpened, setOpened] = useState(!loading && (defaultOpen || externalIsOpened || false));
     const resetButtonRef = useRef(null);
     const optionsLength = Array.isArray(valueOptions)
-        ? valueOptions === null || valueOptions === void 0 ? void 0 : valueOptions.length
+        ? valueOptions?.length
         : null;
     const canUseAllSelection = multiple && isEnableAllSelection;
     const isValidValueArray = Array.isArray(value);
@@ -30,12 +30,12 @@ export const useLogic = ({ value, onChange, children, open: externalIsOpened, de
             return;
         }
         setOpened(true);
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen?.();
     };
     const closeSelect = () => setOpened(false);
     const handleCloseSelect = (e) => {
         closeSelect();
-        onClose === null || onClose === void 0 ? void 0 : onClose(e);
+        onClose?.(e);
     };
     const onClearAll = () => {
         const changeEvent = {
@@ -44,7 +44,7 @@ export const useLogic = ({ value, onChange, children, open: externalIsOpened, de
                 name,
             },
         };
-        onChange === null || onChange === void 0 ? void 0 : onChange.call({}, changeEvent);
+        onChange?.call({}, changeEvent);
     };
     const isShowingClearButton = isShowClearButton &&
         value !== null &&
@@ -69,24 +69,24 @@ export const useLogic = ({ value, onChange, children, open: externalIsOpened, de
                 if (onUnselectAll) {
                     return onUnselectAll();
                 }
-                return onChange === null || onChange === void 0 ? void 0 : onChange(createEvent([]), child);
+                return onChange?.(createEvent([]), child);
             }
             if (onSelectAll) {
                 return onSelectAll();
             }
-            return onChange === null || onChange === void 0 ? void 0 : onChange(createEvent(valueOptions), child);
+            return onChange?.(createEvent(valueOptions), child);
         }
-        return onChange === null || onChange === void 0 ? void 0 : onChange(createEvent(targetValue), child);
+        return onChange?.(createEvent(targetValue), child);
     };
     /**
      * onChange при изменении value через инпут, если value массив
      */
     const handleChangeArrayValue = (inputValue) => {
         if (!inputValue) {
-            return onChange === null || onChange === void 0 ? void 0 : onChange(createEvent([]), undefined);
+            return onChange?.(createEvent([]), undefined);
         }
         // Вызов исходной функции с созданным событием
-        return onChange === null || onChange === void 0 ? void 0 : onChange(createEvent(inputValue), undefined);
+        return onChange?.(createEvent(inputValue), undefined);
     };
     const selectAllClassName = isSelectedAll || isIndeterminate ? menuItemClasses.selected : undefined;
     /**

package/components/SideDialog/SideDialog.js

@@ -1,18 +1,6 @@
-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 { SideDialogTitle } from '../SideDialogTitle';
 import { StyledDrawer } from './styles';
-export const SideDialog = (_a) => {
-    var { children, title, onClose, open, size = 'sm' } = _a, props = __rest(_a, ["children", "title", "onClose", "open", "size"]);
-    return (_jsxs(StyledDrawer, Object.assign({ "$size": size, anchor: "right", open: open, onClose: onClose }, props, { children: [title && _jsx(SideDialogTitle, { onClose: onClose, children: title }), children] })));
+export const SideDialog = ({ children, title, onClose, open, size = 'sm', ...props }) => {
+    return (_jsxs(StyledDrawer, { "$size": size, anchor: "right", open: open, onClose: onClose, ...props, children: [title && _jsx(SideDialogTitle, { onClose: onClose, children: title }), children] }));
 };