@astral/ui 4.2.0 → 4.2.1

package/node/components/Radio/Icon/Icon.js

@@ -1,22 +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.Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgIcon_1 = require("../../SvgIcon");
 const constants_1 = require("../constants");
-const Icon = (_a) => {
-    var props = __rest(_a, []);
-    return ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, Object.assign({ size: "sm" }, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "7.5", className: constants_1.radioClassnames.outerCircle }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "4", className: constants_1.radioClassnames.dot, fill: "#fff" })] })));
-};
+const Icon = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { size: "sm", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "7.5", className: constants_1.radioClassnames.outerCircle }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "4", className: constants_1.radioClassnames.dot, fill: "#fff" })] }));
 exports.Icon = Icon;

package/node/components/Radio/Radio.js

@@ -11,5 +11,5 @@ const useLogic_1 = require("./useLogic");
 exports.Radio = (0, react_1.forwardRef)((props, ref) => {
     (0, hooks_1.useCheckControlled)('Radio', props);
     const { onChange, isChecked, isError, disabled, restProps, className, name, style, inputRef, value, id, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, Object.assign({ "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, className: className, style: style, ref: ref }, restProps, { children: [(0, jsx_runtime_1.jsx)(styles_1.Input, { type: "radio", name: name, checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": isChecked, "aria-disabled": disabled, ref: inputRef, value: value, id: id }), (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.radioClassnames.iconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: constants_1.radioClassnames.icon }) })] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isDisabled": disabled, "$isError": isError, "$isChecked": isChecked, className: className, style: style, ref: ref, ...restProps, children: [(0, jsx_runtime_1.jsx)(styles_1.Input, { type: "radio", name: name, checked: isChecked, disabled: disabled, onChange: onChange, "aria-checked": isChecked, "aria-disabled": disabled, ref: inputRef, value: value, id: id }), (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { className: constants_1.radioClassnames.iconWrapper, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: constants_1.radioClassnames.icon }) })] }));
 });

package/node/components/Radio/useLogic/useLogic.js

@@ -1,29 +1,17 @@
 "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 hooks_1 = require("../../hooks");
 const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
-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"]);
+const useLogic = ({ checked = false, disabled = false, isError = false, onChange: propsOnChange, className: propClassNames, name, style, inputRef, value, id, ...restProps }) => {
     const [isChecked, setIsChecked] = (0, react_1.useState)(checked);
     (0, hooks_1.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 = (0, react_1.useMemo)(() => (0, utils_1.classNames)(constants_1.radioClassnames.root, isChecked ? constants_1.radioClassnames.checked : '', disabled ? constants_1.radioClassnames.disabled : '', propClassNames), [isChecked, disabled, propClassNames]);

package/node/components/RadioCard/RadioCard.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.RadioCard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,9 +7,8 @@ const RadioGroup_1 = require("../RadioGroup");
 const utils_1 = require("../utils");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-const RadioCard = (_a) => {
-    var { id, disabled: propsIsDisabled, className, header, children, value } = _a, props = __rest(_a, ["id", "disabled", "className", "header", "children", "value"]);
+const RadioCard = ({ id, disabled: propsIsDisabled, className, header, children, value, ...props }) => {
     const { isError, value: groupValue, name, onChange, disabled, } = (0, react_1.useContext)(RadioGroup_1.RadioGroupContext);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, utils_1.classNames)(className, constants_1.radioCardClassnames.root), "$isError": isError, "$isChecked": groupValue === value, "$isDisabled": disabled || propsIsDisabled, children: [(0, jsx_runtime_1.jsx)(styles_1.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)), (0, jsx_runtime_1.jsxs)(styles_1.Content, { className: constants_1.radioCardClassnames.content, children: [(0, jsx_runtime_1.jsx)("div", { children: header }), (0, jsx_runtime_1.jsx)("div", { children: children })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, utils_1.classNames)(className, constants_1.radioCardClassnames.root), "$isError": isError, "$isChecked": groupValue === value, "$isDisabled": disabled || propsIsDisabled, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledRadio, { disabled: disabled || propsIsDisabled, checked: groupValue === value, name: name, onChange: (event) => onChange?.(event, event.target.value), value: value, ...props }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { className: constants_1.radioCardClassnames.content, children: [(0, jsx_runtime_1.jsx)("div", { children: header }), (0, jsx_runtime_1.jsx)("div", { children: children })] })] }));
 };
 exports.RadioCard = RadioCard;

package/node/components/RadioCard/styles.js

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

package/node/components/RadioField/RadioField.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.RadioField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -19,8 +8,7 @@ const styles_1 = require("./styles");
 /**
  * Составной компонент radio. Содержит label, tooltip и т.п.
  */
-const RadioField = (_a) => {
-    var { id, disabled, label, isError, disabledReason, formControlLabelProps } = _a, restFieldProps = __rest(_a, ["id", "disabled", "label", "isError", "disabledReason", "formControlLabelProps"]);
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: disabled && disabledReason, placement: "bottom-start", withoutContainer: false, children: (0, jsx_runtime_1.jsx)(styles_1.StyledFormControlLabel, Object.assign({}, formControlLabelProps, { label: label, control: (0, jsx_runtime_1.jsx)(Radio_1.Radio, Object.assign({}, restFieldProps, { isError: isError })), disabled: disabled })) }, id));
+const RadioField = ({ id, disabled, label, isError, disabledReason, formControlLabelProps, ...restFieldProps }) => {
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: disabled && disabledReason, placement: "bottom-start", withoutContainer: false, children: (0, jsx_runtime_1.jsx)(styles_1.StyledFormControlLabel, { ...formControlLabelProps, label: label, control: (0, jsx_runtime_1.jsx)(Radio_1.Radio, { ...restFieldProps, isError: isError }), disabled: disabled }) }, id));
 };
 exports.RadioField = RadioField;

package/node/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/node/components/RadioGroup/RadioGroup.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const FormControl_1 = require("../FormControl");
 const Tooltip_1 = require("../Tooltip");
 const RadioGroupContext_1 = require("./RadioGroupContext");
@@ -10,8 +11,7 @@ const useLogic_1 = require("./useLogic");
 /**
  * Компонент RadioGroup - fieldset для Radio компонентов
  */
-const RadioGroup = (props) => {
-    const { errorText, formControlProps, groupLabel, labelId, isError, required, contextValue, className, row, children, disabled, style, } = (0, useLogic_1.useLogic)(props);
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { arrow: false, title: isError && errorText, placement: "bottom-start", followCursor: true, children: (0, jsx_runtime_1.jsxs)(FormControl_1.FormControl, Object.assign({}, formControlProps, { children: [groupLabel && ((0, jsx_runtime_1.jsx)(styles_1.StyledFormLabel, { id: labelId, htmlFor: labelId, required: required, disabled: disabled, children: groupLabel })), (0, jsx_runtime_1.jsx)(RadioGroupContext_1.RadioGroupContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(styles_1.Fieldset, { id: labelId, "aria-labelledby": labelId, className: className, role: "radiogroup", "$row": row, style: style, children: children }) })] })) }));
-};
-exports.RadioGroup = RadioGroup;
+exports.RadioGroup = (0, react_1.forwardRef)((props, ref) => {
+    const { errorText, formControlProps, groupLabel, labelId, isError, required, contextValue, className, row, children, disabled, style, inputRef, } = (0, useLogic_1.useLogic)(props);
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { arrow: false, title: isError && errorText, placement: "bottom-start", followCursor: true, children: (0, jsx_runtime_1.jsxs)(FormControl_1.FormControl, { ...formControlProps, ref: ref, children: [groupLabel && ((0, jsx_runtime_1.jsx)(styles_1.StyledFormLabel, { id: labelId, htmlFor: labelId, required: required, disabled: disabled, children: groupLabel })), (0, jsx_runtime_1.jsx)(RadioGroupContext_1.RadioGroupContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(styles_1.Fieldset, { id: labelId, "aria-labelledby": labelId, className: className, role: "radiogroup", "$row": row, style: style, ref: inputRef, tabIndex: -1, children: children }) })] }) }));
+});

package/node/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/node/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/node/components/RadioGroup/useLogic/useLogic.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const useId_1 = require("../../hooks/useId");
-const useLogic = ({ children, groupLabel, errorText, isError, required, formControlProps, row = false, name, value, onChange, className, disabled, style, }) => {
+const useLogic = ({ children, groupLabel, errorText, isError, required, formControlProps, row = false, name, value, onChange, className, disabled, style, inputRef, }) => {
     const labelId = (0, useId_1.useId)();
     const [internalValue, setInternalValue] = (0, react_1.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 = {
@@ -31,6 +31,7 @@ const useLogic = ({ children, groupLabel, errorText, isError, required, formCont
         children,
         disabled,
         style,
+        inputRef,
     };
 };
 exports.useLogic = useLogic;

package/node/components/RadioGroupField/RadioGroupField.js

@@ -11,6 +11,6 @@ const RadioGroup_1 = require("../RadioGroup");
  */
 const RadioGroupField = (props) => {
     const { isError, value, name, onChange, disabled } = (0, react_1.useContext)(RadioGroup_1.RadioGroupContext);
-    return ((0, jsx_runtime_1.jsx)(RadioField_1.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 ((0, jsx_runtime_1.jsx)(RadioField_1.RadioField, { ...props, isError: isError, name: name, disabled: disabled, onChange: (event) => onChange?.(event, event.target.value), checked: value === props.value }));
 };
 exports.RadioGroupField = RadioGroupField;

package/node/components/Rating/Rating.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.Rating = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,14 +7,10 @@ const IconContainer_1 = require("./IconContainer");
 const styles_1 = require("./styles");
 // Компонент не экспортируется из пакета и пока не предназначен для использования в продуктах
 // Это связано с тем что он пока не стандартизирован на стороне дизайна и сейчас необходим для реализации компонента обратной связи
-const Rating = (_a) => {
-    var { isVisibleHints, icons, hints = constants_1.DEFAULT_HINTS, onChange } = _a, props = __rest(_a, ["isVisibleHints", "icons", "hints", "onChange"]);
+const Rating = ({ isVisibleHints, icons, hints = constants_1.DEFAULT_HINTS, onChange, ...props }) => {
     const handleChange = (_, value) => onChange(value);
-    const renderIconContainer = (_a) => {
-        var { value } = _a, iconContainerProps = __rest(_a, ["value"]);
-        return ((0, jsx_runtime_1.jsx)(IconContainer_1.IconContainer, Object.assign({}, iconContainerProps, { value: value, isVisibleHints: isVisibleHints, icon: icons ? icons[value - 1] : null, hint: hints[value - 1] })));
-    };
+    const renderIconContainer = ({ value, ...iconContainerProps }) => ((0, jsx_runtime_1.jsx)(IconContainer_1.IconContainer, { ...iconContainerProps, value: value, isVisibleHints: isVisibleHints, icon: icons ? icons[value - 1] : null, hint: hints[value - 1] }));
     const getLabelText = (value) => hints[value - 1];
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledRating, Object.assign({ IconContainerComponent: renderIconContainer, getLabelText: getLabelText }, props, { onChange: handleChange })));
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledRating, { IconContainerComponent: renderIconContainer, getLabelText: getLabelText, ...props, onChange: handleChange }));
 };
 exports.Rating = Rating;

package/node/components/RedesignBanner/RedesignBanner.js

@@ -33,6 +33,6 @@ const RedesignBanner = (props) => {
     if (isSkipShow) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(RedesignBannerDialog, Object.assign({}, props)) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { children: (0, jsx_runtime_1.jsx)(RedesignBannerDialog, { ...props }) }));
 };
 exports.RedesignBanner = RedesignBanner;

package/node/components/ResizingDataGrid/ResizingDataGrid.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.ResizingDataGrid = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -23,9 +12,8 @@ const Sliders_1 = require("./Sliders");
  * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
  * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
  */
-const ResizingDataGrid = (_a) => {
-    var { columns } = _a, props = __rest(_a, ["columns"]);
-    const _b = (0, useComputedColumns_1.useComputedColumns)(columns), { computedColumns } = _b, restSliderProps = __rest(_b, ["computedColumns"]);
-    return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, Object.assign({ headPreAddon: (0, jsx_runtime_1.jsx)(Sliders_1.Sliders, Object.assign({}, restSliderProps)), columns: computedColumns }, props)));
+const ResizingDataGrid = ({ columns, ...props }) => {
+    const { computedColumns, ...restSliderProps } = (0, useComputedColumns_1.useComputedColumns)(columns);
+    return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { headPreAddon: (0, jsx_runtime_1.jsx)(Sliders_1.Sliders, { ...restSliderProps }), columns: computedColumns, ...props }));
 };
 exports.ResizingDataGrid = ResizingDataGrid;

package/node/components/ResizingDataGrid/Sliders/Sliders.js

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

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

@@ -6,17 +6,23 @@ exports.createComputedColumns = void 0;
  */
 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]}%`,
+        })),
     };
 };
 exports.createComputedColumns = createComputedColumns;

package/node/components/ResizingDataGridInfinite/ResizingDataGridInfinite.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.ResizingDataGridInfinite = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -22,9 +11,8 @@ const ResizingDataGrid_1 = require("../ResizingDataGrid");
  * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
  * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
  */
-const ResizingDataGridInfinite = (_a) => {
-    var { columns } = _a, props = __rest(_a, ["columns"]);
-    const _b = (0, ResizingDataGrid_1.useComputedColumns)(columns), { computedColumns } = _b, restSlidersProps = __rest(_b, ["computedColumns"]);
-    return ((0, jsx_runtime_1.jsx)(DataGridInfinite_1.DataGridInfinite, Object.assign({ headPreAddon: (0, jsx_runtime_1.jsx)(ResizingDataGrid_1.Sliders, Object.assign({}, restSlidersProps)), columns: computedColumns }, props)));
+const ResizingDataGridInfinite = ({ columns, ...props }) => {
+    const { computedColumns, ...restSlidersProps } = (0, ResizingDataGrid_1.useComputedColumns)(columns);
+    return ((0, jsx_runtime_1.jsx)(DataGridInfinite_1.DataGridInfinite, { headPreAddon: (0, jsx_runtime_1.jsx)(ResizingDataGrid_1.Sliders, { ...restSlidersProps }), columns: computedColumns, ...props }));
 };
 exports.ResizingDataGridInfinite = ResizingDataGridInfinite;

package/node/components/SearchField/SearchField.js

@@ -10,5 +10,5 @@ const useLogic_1 = require("./useLogic");
 exports.SearchField = (0, react_1.forwardRef)((props, ref) => {
     const { onChange, onClearValue, restProps, isLoading, inputRef, value, disabled, isClearButtonDisabled, onBlur, fullWidth, inputComponent, placeholder, hideHelperText, } = (0, useLogic_1.useLogic)(props);
     const RenderComponent = inputComponent || TextField_1.TextField;
-    return ((0, jsx_runtime_1.jsx)(styles_1.TextFieldRoot, { "$isFullWidth": fullWidth, children: (0, jsx_runtime_1.jsx)(RenderComponent, Object.assign({ type: "search", placeholder: placeholder, startAdornment: (0, jsx_runtime_1.jsx)(styles_1.SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: (0, jsx_runtime_1.jsx)(styles_1.EndAdornmentWrapper, { children: isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}) })) : ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth }, restProps)) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TextFieldRoot, { "$isFullWidth": fullWidth, children: (0, jsx_runtime_1.jsx)(RenderComponent, { type: "search", placeholder: placeholder, startAdornment: (0, jsx_runtime_1.jsx)(styles_1.SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: (0, jsx_runtime_1.jsx)(styles_1.EndAdornmentWrapper, { children: isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}) })) : ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth, ...restProps }) }));
 });

package/node/components/SearchField/useLogic/useLogic.js

@@ -1,21 +1,9 @@
 "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 hooks_1 = require("../../hooks");
-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"]);
+const useLogic = ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent, hideHelperText = true, ...restProps }) => {
     const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
     const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue || value || '');
     const isFirstRender = (0, hooks_1.useFirstMountState)();
@@ -28,12 +16,15 @@ 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);
         }
@@ -46,10 +37,9 @@ 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/node/components/Select/Select.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.Select = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -27,16 +16,20 @@ const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const ClearButton = (0, react_1.forwardRef)(({ onClick, disabled }, ref) => ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { disabled: disabled, ref: ref, onClick: onClick, variant: "text", title: constants_1.CLEAR_TEXT, "aria-label": constants_1.CLEAR_TEXT, children: (0, jsx_runtime_1.jsx)(icons_1.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, } = (0, useLogic_1.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, } = (0, useLogic_1.useLogic)({
+        ...props,
+        children,
+        value,
+        onChange: externalOnChange,
+        isShowClearButton,
         isEnableAllSelection,
         valueOptions,
         placeholder,
         onSelectAll,
         onUnselectAll,
-        loading }));
+        loading,
+    });
     const renderValue = (selectedOptions) => {
         // Массив с выбранными опциями
         if (Array.isArray(selectedOptions) && selectedOptions.length) {
@@ -53,6 +46,6 @@ const SelectInner = (_a, ref) => {
         }
         return findMenuItemsLabel(children, selectedOptions);
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { error: error, fullWidth: fullWidth, children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsxs)(styles_1.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: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [loading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }), !loading && isShowingClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), !loading && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) : (0, jsx_runtime_1.jsx)(icons_1.UpOutlineMd, {}) }))] }), children: [(0, jsx_runtime_1.jsx)(styles_1.Placeholder, { value: "", children: placeholder }), !loading && isShowingSelectAll && ((0, jsx_runtime_1.jsxs)(MenuItem_1.MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: constants_1.SELECT_ALL_VALUE, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && (0, jsx_runtime_1.jsx)(styles_1.StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] })), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { error: error, fullWidth: fullWidth, children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsxs)(styles_1.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: (0, jsx_runtime_1.jsxs)(styles_1.EndAdornmentWrapper, { children: [loading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }), !loading && isShowingClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), !loading && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? (0, jsx_runtime_1.jsx)(icons_1.DownOutlineMd, {}) : (0, jsx_runtime_1.jsx)(icons_1.UpOutlineMd, {}) }))] }), children: [(0, jsx_runtime_1.jsx)(styles_1.Placeholder, { value: "", children: placeholder }), !loading && isShowingSelectAll && ((0, jsx_runtime_1.jsxs)(MenuItem_1.MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: constants_1.SELECT_ALL_VALUE, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && (0, jsx_runtime_1.jsx)(styles_1.StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] }), (0, jsx_runtime_1.jsx)(FormHelperText_1.FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
 };
 exports.Select = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(SelectInner);

package/node/components/Select/useLogic/useLogic.js

@@ -10,7 +10,7 @@ const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOp
     const [isOpened, setOpened] = (0, react_1.useState)(!loading && (defaultOpen || externalIsOpened || false));
     const resetButtonRef = (0, react_1.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);
@@ -33,12 +33,12 @@ const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOp
             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 = {
@@ -47,7 +47,7 @@ const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOp
                 name,
             },
         };
-        onChange === null || onChange === void 0 ? void 0 : onChange.call({}, changeEvent);
+        onChange?.call({}, changeEvent);
     };
     const isShowingClearButton = isShowClearButton &&
         value !== null &&
@@ -72,24 +72,24 @@ const useLogic = ({ value, onChange, children, open: externalIsOpened, defaultOp
                 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 ? material_1.menuItemClasses.selected : undefined;
     /**

package/node/components/SideDialog/SideDialog.js

@@ -1,22 +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.SideDialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SideDialogTitle_1 = require("../SideDialogTitle");
 const styles_1 = require("./styles");
-const SideDialog = (_a) => {
-    var { children, title, onClose, open, size = 'sm' } = _a, props = __rest(_a, ["children", "title", "onClose", "open", "size"]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDrawer, Object.assign({ "$size": size, anchor: "right", open: open, onClose: onClose }, props, { children: [title && (0, jsx_runtime_1.jsx)(SideDialogTitle_1.SideDialogTitle, { onClose: onClose, children: title }), children] })));
+const SideDialog = ({ children, title, onClose, open, size = 'sm', ...props }) => {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledDrawer, { "$size": size, anchor: "right", open: open, onClose: onClose, ...props, children: [title && (0, jsx_runtime_1.jsx)(SideDialogTitle_1.SideDialogTitle, { onClose: onClose, children: title }), children] }));
 };
 exports.SideDialog = SideDialog;

package/node/components/SideDialogActions/SideDialogActions.js

@@ -4,6 +4,6 @@ exports.SideDialogActions = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
 const SideDialogActions = (props) => {
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledDialogActions, Object.assign({}, props));
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledDialogActions, { ...props });
 };
 exports.SideDialogActions = SideDialogActions;