@alfalab/core-components 37.4.0-beta.1 → 37.4.1

package/radio-group/Component.js

@@ -1,6 +1,5 @@
 var React = require('react');
 var cn = require('classnames');
-var hooks = require('@alfalab/hooks');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -34,36 +33,38 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"radio-group__component_4qwa5","error":"radio-group__error_4qwa5","radioList":"radio-group__radioList_4qwa5","vertical":"radio-group__vertical_4qwa5","radio":"radio-group__radio_4qwa5","horizontal":"radio-group__horizontal_4qwa5","tag":"radio-group__tag_4qwa5","tagLabel":"radio-group__tagLabel_4qwa5","label":"radio-group__label_4qwa5","sub":"radio-group__sub_4qwa5","errorMessage":"radio-group__errorMessage_4qwa5","hint":"radio-group__hint_4qwa5","hiddenInput":"radio-group__hiddenInput_4qwa5"};
+var styles = {"component":"radio-group__component_1sssh","error":"radio-group__error_1sssh","radioList":"radio-group__radioList_1sssh","vertical":"radio-group__vertical_1sssh","radio":"radio-group__radio_1sssh","horizontal":"radio-group__horizontal_1sssh","tag":"radio-group__tag_1sssh","tagLabel":"radio-group__tagLabel_1sssh","label":"radio-group__label_1sssh","sub":"radio-group__sub_1sssh","errorMessage":"radio-group__errorMessage_1sssh","hint":"radio-group__hint_1sssh","hiddenInput":"radio-group__hiddenInput_1sssh"};
 require('./index.css');
 
 var RadioGroup = React.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
     var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
-    hooks.useDidUpdateEffect(function () {
-        setStateValue(value);
-    }, [value]);
-    var isChecked = function (childValue) {
-        return value !== null && (value || stateValue) === childValue;
-    };
-    var handleChange = function (event, childValue) {
-        setStateValue(childValue);
-        if (onChange) {
-            onChange(event, { name: name, value: childValue });
-        }
-    };
     var renderRadio = function (child) {
-        var _a = child.props, childClassName = _a.className, childValue = _a.value;
-        return React.cloneElement(child, __assign(__assign({ onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: isChecked(childValue), name: name, className: cn__default.default(childClassName, styles.radio) }));
+        var childClassName = child.props.className;
+        var checked = value !== null && (value || stateValue) === child.props.value;
+        var handleChange = function (event) {
+            setStateValue(child.props.value);
+            if (onChange) {
+                onChange(event, { name: name, value: child.props.value });
+            }
+        };
+        return React.cloneElement(child, __assign(__assign({ onChange: handleChange, disabled: disabled }, child.props), { checked: checked, name: name, className: cn__default.default(childClassName, styles.radio) }));
     };
     var renderTag = function (child) {
-        var childValue = child.props.value;
-        var checked = isChecked(childValue);
-        var clone = React.cloneElement(child, __assign(__assign({ onClick: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: checked, name: name }));
-        return (React__default.default.createElement("label", { className: cn__default.default(styles.radio, styles.tagLabel) },
+        var checked = value !== null && (value || stateValue) === child.props.value;
+        var handleChange = function (event) {
+            setStateValue(child.props.value);
+            if (onChange) {
+                onChange(event, { name: name, value: child.props.value });
+            }
+        };
+        var clone = React.cloneElement(child, __assign(__assign({ onClick: handleChange, disabled: disabled }, child.props), { checked: checked, name: name }));
+        return (
+        // eslint-disable-next-line jsx-a11y/label-has-associated-control
+        React__default.default.createElement("label", { className: cn__default.default(styles.radio, styles.tagLabel) },
             clone,
-            React__default.default.createElement("input", { type: 'radio', autoComplete: 'off', onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles.hiddenInput, value: child.props.value })));
+            React__default.default.createElement("input", { type: 'radio', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles.hiddenInput, value: child.props.value })));
     };
     var errorMessage = typeof error === 'boolean' ? '' : error;
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, styles[type], styles[direction], (_b = {}, _b[styles.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
@@ -77,5 +78,13 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
         errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles.sub, styles.errorMessage), role: 'alert' }, errorMessage)),
         hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles.sub, styles.hint) }, hint))));
 });
+/**
+ * Для отображения в сторибуке
+ */
+RadioGroup.defaultProps = {
+    direction: 'vertical',
+    type: 'radio',
+    disabled: false,
+};
 
 exports.RadioGroup = RadioGroup;

package/radio-group/cssm/Component.js

@@ -1,6 +1,5 @@
 var React = require('react');
 var cn = require('classnames');
-var hooks = require('@alfalab/hooks');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -40,29 +39,31 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
     var _f = React.useState(''), stateValue = _f[0], setStateValue = _f[1];
-    hooks.useDidUpdateEffect(function () {
-        setStateValue(value);
-    }, [value]);
-    var isChecked = function (childValue) {
-        return value !== null && (value || stateValue) === childValue;
-    };
-    var handleChange = function (event, childValue) {
-        setStateValue(childValue);
-        if (onChange) {
-            onChange(event, { name: name, value: childValue });
-        }
-    };
     var renderRadio = function (child) {
-        var _a = child.props, childClassName = _a.className, childValue = _a.value;
-        return React.cloneElement(child, __assign(__assign({ onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: isChecked(childValue), name: name, className: cn__default.default(childClassName, styles__default.default.radio) }));
+        var childClassName = child.props.className;
+        var checked = value !== null && (value || stateValue) === child.props.value;
+        var handleChange = function (event) {
+            setStateValue(child.props.value);
+            if (onChange) {
+                onChange(event, { name: name, value: child.props.value });
+            }
+        };
+        return React.cloneElement(child, __assign(__assign({ onChange: handleChange, disabled: disabled }, child.props), { checked: checked, name: name, className: cn__default.default(childClassName, styles__default.default.radio) }));
     };
     var renderTag = function (child) {
-        var childValue = child.props.value;
-        var checked = isChecked(childValue);
-        var clone = React.cloneElement(child, __assign(__assign({ onClick: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: checked, name: name }));
-        return (React__default.default.createElement("label", { className: cn__default.default(styles__default.default.radio, styles__default.default.tagLabel) },
+        var checked = value !== null && (value || stateValue) === child.props.value;
+        var handleChange = function (event) {
+            setStateValue(child.props.value);
+            if (onChange) {
+                onChange(event, { name: name, value: child.props.value });
+            }
+        };
+        var clone = React.cloneElement(child, __assign(__assign({ onClick: handleChange, disabled: disabled }, child.props), { checked: checked, name: name }));
+        return (
+        // eslint-disable-next-line jsx-a11y/label-has-associated-control
+        React__default.default.createElement("label", { className: cn__default.default(styles__default.default.radio, styles__default.default.tagLabel) },
             clone,
-            React__default.default.createElement("input", { type: 'radio', autoComplete: 'off', onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles__default.default.hiddenInput, value: child.props.value })));
+            React__default.default.createElement("input", { type: 'radio', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles__default.default.hiddenInput, value: child.props.value })));
     };
     var errorMessage = typeof error === 'boolean' ? '' : error;
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, styles__default.default[type], styles__default.default[direction], (_b = {}, _b[styles__default.default.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
@@ -76,5 +77,13 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
         errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.sub, styles__default.default.errorMessage), role: 'alert' }, errorMessage)),
         hint && !errorMessage && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.sub, styles__default.default.hint) }, hint))));
 });
+/**
+ * Для отображения в сторибуке
+ */
+RadioGroup.defaultProps = {
+    direction: 'vertical',
+    type: 'radio',
+    disabled: false,
+};
 
 exports.RadioGroup = RadioGroup;

package/radio-group/cssm/index.js

@@ -1,7 +1,6 @@
 var Component = require('./Component.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
 require('./index.module.css');
 
 

package/radio-group/esm/Component.js

@@ -1,6 +1,5 @@
 import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
-import { useDidUpdateEffect } from '@alfalab/hooks';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -29,36 +28,38 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"radio-group__component_4qwa5","error":"radio-group__error_4qwa5","radioList":"radio-group__radioList_4qwa5","vertical":"radio-group__vertical_4qwa5","radio":"radio-group__radio_4qwa5","horizontal":"radio-group__horizontal_4qwa5","tag":"radio-group__tag_4qwa5","tagLabel":"radio-group__tagLabel_4qwa5","label":"radio-group__label_4qwa5","sub":"radio-group__sub_4qwa5","errorMessage":"radio-group__errorMessage_4qwa5","hint":"radio-group__hint_4qwa5","hiddenInput":"radio-group__hiddenInput_4qwa5"};
+var styles = {"component":"radio-group__component_1sssh","error":"radio-group__error_1sssh","radioList":"radio-group__radioList_1sssh","vertical":"radio-group__vertical_1sssh","radio":"radio-group__radio_1sssh","horizontal":"radio-group__horizontal_1sssh","tag":"radio-group__tag_1sssh","tagLabel":"radio-group__tagLabel_1sssh","label":"radio-group__label_1sssh","sub":"radio-group__sub_1sssh","errorMessage":"radio-group__errorMessage_1sssh","hint":"radio-group__hint_1sssh","hiddenInput":"radio-group__hiddenInput_1sssh"};
 require('./index.css');
 
 var RadioGroup = forwardRef(function (_a, ref) {
     var _b;
     var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, label = _a.label, error = _a.error, hint = _a.hint, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _d = _a.type, type = _d === void 0 ? 'radio' : _d, dataTestId = _a.dataTestId, _e = _a.disabled, disabled = _e === void 0 ? false : _e, name = _a.name, value = _a.value;
     var _f = useState(''), stateValue = _f[0], setStateValue = _f[1];
-    useDidUpdateEffect(function () {
-        setStateValue(value);
-    }, [value]);
-    var isChecked = function (childValue) {
-        return value !== null && (value || stateValue) === childValue;
-    };
-    var handleChange = function (event, childValue) {
-        setStateValue(childValue);
-        if (onChange) {
-            onChange(event, { name: name, value: childValue });
-        }
-    };
     var renderRadio = function (child) {
-        var _a = child.props, childClassName = _a.className, childValue = _a.value;
-        return cloneElement(child, __assign(__assign({ onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: isChecked(childValue), name: name, className: cn(childClassName, styles.radio) }));
+        var childClassName = child.props.className;
+        var checked = value !== null && (value || stateValue) === child.props.value;
+        var handleChange = function (event) {
+            setStateValue(child.props.value);
+            if (onChange) {
+                onChange(event, { name: name, value: child.props.value });
+            }
+        };
+        return cloneElement(child, __assign(__assign({ onChange: handleChange, disabled: disabled }, child.props), { checked: checked, name: name, className: cn(childClassName, styles.radio) }));
     };
     var renderTag = function (child) {
-        var childValue = child.props.value;
-        var checked = isChecked(childValue);
-        var clone = cloneElement(child, __assign(__assign({ onClick: function (event) { return handleChange(event, childValue); }, disabled: disabled }, child.props), { checked: checked, name: name }));
-        return (React.createElement("label", { className: cn(styles.radio, styles.tagLabel) },
+        var checked = value !== null && (value || stateValue) === child.props.value;
+        var handleChange = function (event) {
+            setStateValue(child.props.value);
+            if (onChange) {
+                onChange(event, { name: name, value: child.props.value });
+            }
+        };
+        var clone = cloneElement(child, __assign(__assign({ onClick: handleChange, disabled: disabled }, child.props), { checked: checked, name: name }));
+        return (
+        // eslint-disable-next-line jsx-a11y/label-has-associated-control
+        React.createElement("label", { className: cn(styles.radio, styles.tagLabel) },
             clone,
-            React.createElement("input", { type: 'radio', autoComplete: 'off', onChange: function (event) { return handleChange(event, childValue); }, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles.hiddenInput, value: child.props.value })));
+            React.createElement("input", { type: 'radio', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles.hiddenInput, value: child.props.value })));
     };
     var errorMessage = typeof error === 'boolean' ? '' : error;
     return (React.createElement("div", { className: cn(styles.component, styles[type], styles[direction], (_b = {}, _b[styles.error] = error, _b), className), "data-test-id": dataTestId, ref: ref },
@@ -72,5 +73,13 @@ var RadioGroup = forwardRef(function (_a, ref) {
         errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.errorMessage), role: 'alert' }, errorMessage)),
         hint && !errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.hint) }, hint))));
 });
+/**
+ * Для отображения в сторибуке
+ */
+RadioGroup.defaultProps = {
+    direction: 'vertical',
+    type: 'radio',
+    disabled: false,
+};
 
 export { RadioGroup };

package/radio-group/esm/index.css

@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_4qwa5 {
+.radio-group__component_1sssh {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_4qwa5 {
+.radio-group__error_1sssh {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_4qwa5 {
+.radio-group__radioList_1sssh {
     display: flex;
 }
-.radio-group__vertical_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__vertical_1sssh .radio-group__radioList_1sssh {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_4qwa5 .radio-group__radio_4qwa5 {
+.radio-group__vertical_1sssh .radio-group__radio_1sssh {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_4qwa5 .radio-group__radio_4qwa5:last-child {
+.radio-group__vertical_1sssh .radio-group__radio_1sssh:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__radioList_1sssh {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_4qwa5.radio-group__horizontal_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__tag_1sssh.radio-group__horizontal_1sssh .radio-group__radioList_1sssh {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_4qwa5 .radio-group__radio_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__radio_1sssh {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_4qwa5 .radio-group__tagLabel_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__tagLabel_1sssh {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_4qwa5 {
+.radio-group__label_1sssh {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_4qwa5 {
+.radio-group__sub_1sssh {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_4qwa5 {
+.radio-group__errorMessage_1sssh {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_4qwa5 {
+.radio-group__hint_1sssh {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_4qwa5 {
+.radio-group__hiddenInput_1sssh {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_4qwa5 {
+.radio-group__tagLabel_1sssh {
     position: relative;
 }

package/radio-group/esm/index.js

@@ -1,4 +1,3 @@
 export { RadioGroup } from './Component.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';

package/radio-group/index.css

@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_4qwa5 {
+.radio-group__component_1sssh {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_4qwa5 {
+.radio-group__error_1sssh {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_4qwa5 {
+.radio-group__radioList_1sssh {
     display: flex;
 }
-.radio-group__vertical_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__vertical_1sssh .radio-group__radioList_1sssh {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_4qwa5 .radio-group__radio_4qwa5 {
+.radio-group__vertical_1sssh .radio-group__radio_1sssh {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_4qwa5 .radio-group__radio_4qwa5:last-child {
+.radio-group__vertical_1sssh .radio-group__radio_1sssh:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__radioList_1sssh {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_4qwa5.radio-group__horizontal_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__tag_1sssh.radio-group__horizontal_1sssh .radio-group__radioList_1sssh {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_4qwa5 .radio-group__radio_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__radio_1sssh {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_4qwa5 .radio-group__tagLabel_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__tagLabel_1sssh {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_4qwa5 {
+.radio-group__label_1sssh {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_4qwa5 {
+.radio-group__sub_1sssh {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_4qwa5 {
+.radio-group__errorMessage_1sssh {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_4qwa5 {
+.radio-group__hint_1sssh {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_4qwa5 {
+.radio-group__hiddenInput_1sssh {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_4qwa5 {
+.radio-group__tagLabel_1sssh {
     position: relative;
 }

package/radio-group/index.js

@@ -1,7 +1,6 @@
 var Component = require('./Component.js');
 require('react');
 require('classnames');
-require('@alfalab/hooks');
 
 
 

package/radio-group/modern/Component.js

@@ -1,46 +1,49 @@
 import React, { forwardRef, useState, Children, isValidElement, cloneElement } from 'react';
 import cn from 'classnames';
-import { useDidUpdateEffect } from '@alfalab/hooks';
 
-const styles = {"component":"radio-group__component_4qwa5","error":"radio-group__error_4qwa5","radioList":"radio-group__radioList_4qwa5","vertical":"radio-group__vertical_4qwa5","radio":"radio-group__radio_4qwa5","horizontal":"radio-group__horizontal_4qwa5","tag":"radio-group__tag_4qwa5","tagLabel":"radio-group__tagLabel_4qwa5","label":"radio-group__label_4qwa5","sub":"radio-group__sub_4qwa5","errorMessage":"radio-group__errorMessage_4qwa5","hint":"radio-group__hint_4qwa5","hiddenInput":"radio-group__hiddenInput_4qwa5"};
+const styles = {"component":"radio-group__component_1sssh","error":"radio-group__error_1sssh","radioList":"radio-group__radioList_1sssh","vertical":"radio-group__vertical_1sssh","radio":"radio-group__radio_1sssh","horizontal":"radio-group__horizontal_1sssh","tag":"radio-group__tag_1sssh","tagLabel":"radio-group__tagLabel_1sssh","label":"radio-group__label_1sssh","sub":"radio-group__sub_1sssh","errorMessage":"radio-group__errorMessage_1sssh","hint":"radio-group__hint_1sssh","hiddenInput":"radio-group__hiddenInput_1sssh"};
 require('./index.css');
 
 const RadioGroup = forwardRef(({ children, className, direction = 'vertical', label, error, hint, onChange, onBlur, onFocus, type = 'radio', dataTestId, disabled = false, name, value, }, ref) => {
     const [stateValue, setStateValue] = useState('');
-    useDidUpdateEffect(() => {
-        setStateValue(value);
-    }, [value]);
-    const isChecked = (childValue) => value !== null && (value || stateValue) === childValue;
-    const handleChange = (event, childValue) => {
-        setStateValue(childValue);
-        if (onChange) {
-            onChange(event, { name, value: childValue });
-        }
-    };
     const renderRadio = (child) => {
-        const { className: childClassName, value: childValue } = child.props;
+        const { className: childClassName } = child.props;
+        const checked = value !== null && (value || stateValue) === child.props.value;
+        const handleChange = (event) => {
+            setStateValue(child.props.value);
+            if (onChange) {
+                onChange(event, { name, value: child.props.value });
+            }
+        };
         return cloneElement(child, {
-            onChange: (event) => handleChange(event, childValue),
+            onChange: handleChange,
             disabled,
             ...child.props,
-            checked: isChecked(childValue),
+            checked,
             name,
             className: cn(childClassName, styles.radio),
         });
     };
     const renderTag = (child) => {
-        const childValue = child.props.value;
-        const checked = isChecked(childValue);
+        const checked = value !== null && (value || stateValue) === child.props.value;
+        const handleChange = (event) => {
+            setStateValue(child.props.value);
+            if (onChange) {
+                onChange(event, { name, value: child.props.value });
+            }
+        };
         const clone = cloneElement(child, {
-            onClick: (event) => handleChange(event, childValue),
+            onClick: handleChange,
             disabled,
             ...child.props,
             checked,
             name,
         });
-        return (React.createElement("label", { className: cn(styles.radio, styles.tagLabel) },
+        return (
+        // eslint-disable-next-line jsx-a11y/label-has-associated-control
+        React.createElement("label", { className: cn(styles.radio, styles.tagLabel) },
             clone,
-            React.createElement("input", { type: 'radio', autoComplete: 'off', onChange: (event) => handleChange(event, childValue), disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles.hiddenInput, value: child.props.value })));
+            React.createElement("input", { type: 'radio', autoComplete: 'off', onChange: handleChange, disabled: disabled || child.props.disabled, name: name, checked: checked, className: styles.hiddenInput, value: child.props.value })));
     };
     const errorMessage = typeof error === 'boolean' ? '' : error;
     return (React.createElement("div", { className: cn(styles.component, styles[type], styles[direction], { [styles.error]: error }, className), "data-test-id": dataTestId, ref: ref },
@@ -54,5 +57,13 @@ const RadioGroup = forwardRef(({ children, className, direction = 'vertical', la
         errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.errorMessage), role: 'alert' }, errorMessage)),
         hint && !errorMessage && (React.createElement("span", { className: cn(styles.sub, styles.hint) }, hint))));
 });
+/**
+ * Для отображения в сторибуке
+ */
+RadioGroup.defaultProps = {
+    direction: 'vertical',
+    type: 'radio',
+    disabled: false,
+};
 
 export { RadioGroup };

package/radio-group/modern/index.css

@@ -25,68 +25,68 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
     --radio-group-label-color: var(--color-light-text-primary);
 }
-.radio-group__component_4qwa5 {
+.radio-group__component_1sssh {
     display: flex;
     flex-direction: column;
 }
-.radio-group__error_4qwa5 {
+.radio-group__error_1sssh {
     padding-left: var(--gap-xs);
     border-left: 1px solid var(--radio-group-error-color);
 }
-.radio-group__radioList_4qwa5 {
+.radio-group__radioList_1sssh {
     display: flex;
 }
-.radio-group__vertical_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__vertical_1sssh .radio-group__radioList_1sssh {
     flex-direction: column;
     align-items: flex-start;
 }
-.radio-group__vertical_4qwa5 .radio-group__radio_4qwa5 {
+.radio-group__vertical_1sssh .radio-group__radio_1sssh {
     margin-bottom: var(--gap-m)
 }
-.radio-group__vertical_4qwa5 .radio-group__radio_4qwa5:last-child {
+.radio-group__vertical_1sssh .radio-group__radio_1sssh:last-child {
         margin-bottom: 0;
     }
-.radio-group__horizontal_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__radioList_1sssh {
     flex-wrap: wrap;
     margin-right: var(--gap-xl-neg);
     margin-bottom: var(--gap-xs-neg);
 }
-.radio-group__tag_4qwa5.radio-group__horizontal_4qwa5 .radio-group__radioList_4qwa5 {
+.radio-group__tag_1sssh.radio-group__horizontal_1sssh .radio-group__radioList_1sssh {
     margin-right: var(--gap-xs-neg);
 }
-.radio-group__horizontal_4qwa5 .radio-group__radio_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__radio_1sssh {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
 }
-.radio-group__horizontal_4qwa5 .radio-group__tagLabel_4qwa5 {
+.radio-group__horizontal_1sssh .radio-group__tagLabel_1sssh {
     margin-right: var(--gap-xs);
 }
-.radio-group__label_4qwa5 {
+.radio-group__label_1sssh {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     margin-bottom: var(--gap-s);
     color: var(--radio-group-label-color);
 }
-.radio-group__sub_4qwa5 {
+.radio-group__sub_1sssh {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
 }
-.radio-group__errorMessage_4qwa5 {
+.radio-group__errorMessage_1sssh {
     color: var(--radio-group-error-color);
 }
-.radio-group__hint_4qwa5 {
+.radio-group__hint_1sssh {
     color: var(--radio-group-hint-color);
 }
-.radio-group__hiddenInput_4qwa5 {
+.radio-group__hiddenInput_1sssh {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
 }
-.radio-group__tagLabel_4qwa5 {
+.radio-group__tagLabel_1sssh {
     position: relative;
 }

package/radio-group/modern/index.js

@@ -1,4 +1,3 @@
 export { RadioGroup } from './Component.js';
 import 'react';
 import 'classnames';
-import '@alfalab/hooks';

package/scrollbar/Component.js

@@ -873,13 +873,13 @@ var SimpleBar = /** @class */ (function () {
     return SimpleBar;
 }());
 
-var defaultColors = {"component":"scrollbar__component_8fru2"};
+var defaultColors = {"component":"scrollbar__component_ug7f7"};
 require('./default.css');
 
-var styles = {"component":"scrollbar__component_egwen","wrapper":"scrollbar__wrapper_egwen","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_egwen","heightAutoObserver":"scrollbar__heightAutoObserver_egwen","-webkit-mask":"scrollbar__mask_egwen","mask":"scrollbar__mask_egwen","offset":"scrollbar__offset_egwen","contentWrapper":"scrollbar__contentWrapper_egwen","placeholder":"scrollbar__placeholder_egwen","vertical":"scrollbar__vertical_egwen","hover":"scrollbar__hover_egwen","horizontal":"scrollbar__horizontal_egwen","content":"scrollbar__content_egwen"};
+var styles = {"component":"scrollbar__component_1jtx4","wrapper":"scrollbar__wrapper_1jtx4","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1jtx4","heightAutoObserver":"scrollbar__heightAutoObserver_1jtx4","-webkit-mask":"scrollbar__mask_1jtx4","mask":"scrollbar__mask_1jtx4","offset":"scrollbar__offset_1jtx4","contentWrapper":"scrollbar__contentWrapper_1jtx4","placeholder":"scrollbar__placeholder_1jtx4","vertical":"scrollbar__vertical_1jtx4","hover":"scrollbar__hover_1jtx4","horizontal":"scrollbar__horizontal_1jtx4","content":"scrollbar__content_1jtx4"};
 require('./index.css');
 
-var invertedColors = {"component":"scrollbar__component_1qi60"};
+var invertedColors = {"component":"scrollbar__component_dhhjk"};
 require('./inverted.css');
 
 var colorStylesMap = {

package/scrollbar/default.css

@@ -15,9 +15,9 @@
     --scrollbar-background-color: var(--color-light-graphic-primary-alpha-30);
     --scrollbar-background-color-active: var(--color-light-graphic-primary-alpha-60);
 }
-.scrollbar__component_8fru2 .scrollbar:before {
+.scrollbar__component_ug7f7 .scrollbar:before {
             background-color: var(--scrollbar-background-color);
         }
-.scrollbar__component_8fru2.dragging .track .scrollbar.visible:before {
+.scrollbar__component_ug7f7.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-background-color-active);
         }