@alfalab/core-components 44.5.1-beta.4 → 44.6.0

package/slider-input/Component.js

@@ -16,7 +16,7 @@ require('./index.css');
 
 var SliderInput = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, rightAddons = _a.rightAddons, _m = _a.Input, Input = _m === void 0 ? coreComponentsInput.Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
+    var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, onSliderStart = _a.onSliderStart, onSliderEnd = _a.onSliderEnd, rightAddons = _a.rightAddons, _m = _a.Input, Input = _m === void 0 ? coreComponentsInput.Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "onSliderStart", "onSliderEnd", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
     var getValidInputValue = React.useCallback(function (inputValue) {
         var number = parseInt(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString().replace(/\s/g, ''), 10);
         return inputValue === '' || Number.isNaN(number) ? '' : Math.abs(number);
@@ -39,7 +39,7 @@ var SliderInput = React.forwardRef(function (_a, ref) {
             _b[styles.hasLabel] = label,
             _b[styles.hasError] = Boolean(error),
             _b), styles[size], className), "data-test-id": dataTestId },
-        React__default.default.createElement(Input, tslib.__assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn__default.default(inputClassName, styles.input), focusedClassName: cn__default.default(focusedClassName, styles.focused), fieldClassName: cn__default.default(fieldClassName, styles.field, (_c = {}, _c[styles.disabled] = disabled, _c), styles[size]), inputMode: 'numeric', pattern: '[0-9]*', error: error, hint: hint, bottomAddons: !disabled && (React__default.default.createElement(coreComponentsSlider.Slider, { min: min, max: max, step: step, onChange: handleSliderChange, value: Number.isNaN(sliderValue) || !sliderValue ? min : sliderValue, disabled: disabled || readOnly, className: cn__default.default(styles.slider, styles[size], (_d = {}, _d[styles.hidePips] = error || hint, _d), sliderClassName), pips: pips, range: range })), rightAddons: (info || rightAddons) && (React__default.default.createElement(React.Fragment, null,
+        React__default.default.createElement(Input, tslib.__assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn__default.default(inputClassName, styles.input), focusedClassName: cn__default.default(focusedClassName, styles.focused), fieldClassName: cn__default.default(fieldClassName, styles.field, (_c = {}, _c[styles.disabled] = disabled, _c), styles[size]), inputMode: 'numeric', pattern: '[0-9]*', error: error, hint: hint, bottomAddons: !disabled && (React__default.default.createElement(coreComponentsSlider.Slider, { min: min, max: max, step: step, onStart: onSliderStart, onEnd: onSliderEnd, onChange: handleSliderChange, value: Number.isNaN(sliderValue) || !sliderValue ? min : sliderValue, disabled: disabled || readOnly, className: cn__default.default(styles.slider, styles[size], (_d = {}, _d[styles.hidePips] = error || hint, _d), sliderClassName), pips: pips, range: range })), rightAddons: (info || rightAddons) && (React__default.default.createElement(React.Fragment, null,
                 info && React__default.default.createElement("span", { className: styles.info }, info),
                 rightAddons)) })),
         steps.length > 0 && !error && (React__default.default.createElement("div", { className: cn__default.default(styles.steps, stepsClassName) }, steps.map(function (stepLabel, i) {

package/slider-input/cssm/Component.d.ts

@@ -80,6 +80,14 @@ type SliderInputProps = Omit<InputProps, 'min' | 'max' | 'step' | 'value' | 'typ
     onSliderChange?: (payload: {
         value: number;
     }) => void;
+    /**
+     * Обработчик начала перетаскивания ползунка
+     */
+    onSliderStart?: SliderProps['onStart'];
+    /**
+     * Обработчик окончания перетаскивания ползунка
+     */
+    onSliderEnd?: SliderProps['onEnd'];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
@@ -162,6 +170,14 @@ declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "val
     onSliderChange?: ((payload: {
         value: number;
     }) => void) | undefined;
+    /**
+     * Обработчик начала перетаскивания ползунка
+     */
+    onSliderStart?: SliderProps['onStart'];
+    /**
+     * Обработчик окончания перетаскивания ползунка
+     */
+    onSliderEnd?: SliderProps['onEnd'];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/slider-input/cssm/Component.js

@@ -15,7 +15,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var SliderInput = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, rightAddons = _a.rightAddons, _m = _a.Input, Input = _m === void 0 ? coreComponentsInput.Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
+    var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, onSliderStart = _a.onSliderStart, onSliderEnd = _a.onSliderEnd, rightAddons = _a.rightAddons, _m = _a.Input, Input = _m === void 0 ? coreComponentsInput.Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "onSliderStart", "onSliderEnd", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
     var getValidInputValue = React.useCallback(function (inputValue) {
         var number = parseInt(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString().replace(/\s/g, ''), 10);
         return inputValue === '' || Number.isNaN(number) ? '' : Math.abs(number);
@@ -38,7 +38,7 @@ var SliderInput = React.forwardRef(function (_a, ref) {
             _b[styles__default.default.hasLabel] = label,
             _b[styles__default.default.hasError] = Boolean(error),
             _b), styles__default.default[size], className), "data-test-id": dataTestId },
-        React__default.default.createElement(Input, tslib.__assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn__default.default(inputClassName, styles__default.default.input), focusedClassName: cn__default.default(focusedClassName, styles__default.default.focused), fieldClassName: cn__default.default(fieldClassName, styles__default.default.field, (_c = {}, _c[styles__default.default.disabled] = disabled, _c), styles__default.default[size]), inputMode: 'numeric', pattern: '[0-9]*', error: error, hint: hint, bottomAddons: !disabled && (React__default.default.createElement(coreComponentsSlider.Slider, { min: min, max: max, step: step, onChange: handleSliderChange, value: Number.isNaN(sliderValue) || !sliderValue ? min : sliderValue, disabled: disabled || readOnly, className: cn__default.default(styles__default.default.slider, styles__default.default[size], (_d = {}, _d[styles__default.default.hidePips] = error || hint, _d), sliderClassName), pips: pips, range: range })), rightAddons: (info || rightAddons) && (React__default.default.createElement(React.Fragment, null,
+        React__default.default.createElement(Input, tslib.__assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn__default.default(inputClassName, styles__default.default.input), focusedClassName: cn__default.default(focusedClassName, styles__default.default.focused), fieldClassName: cn__default.default(fieldClassName, styles__default.default.field, (_c = {}, _c[styles__default.default.disabled] = disabled, _c), styles__default.default[size]), inputMode: 'numeric', pattern: '[0-9]*', error: error, hint: hint, bottomAddons: !disabled && (React__default.default.createElement(coreComponentsSlider.Slider, { min: min, max: max, step: step, onStart: onSliderStart, onEnd: onSliderEnd, onChange: handleSliderChange, value: Number.isNaN(sliderValue) || !sliderValue ? min : sliderValue, disabled: disabled || readOnly, className: cn__default.default(styles__default.default.slider, styles__default.default[size], (_d = {}, _d[styles__default.default.hidePips] = error || hint, _d), sliderClassName), pips: pips, range: range })), rightAddons: (info || rightAddons) && (React__default.default.createElement(React.Fragment, null,
                 info && React__default.default.createElement("span", { className: styles__default.default.info }, info),
                 rightAddons)) })),
         steps.length > 0 && !error && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.steps, stepsClassName) }, steps.map(function (stepLabel, i) {

package/slider-input/esm/Component.d.ts

@@ -80,6 +80,14 @@ type SliderInputProps = Omit<InputProps, 'min' | 'max' | 'step' | 'value' | 'typ
     onSliderChange?: (payload: {
         value: number;
     }) => void;
+    /**
+     * Обработчик начала перетаскивания ползунка
+     */
+    onSliderStart?: SliderProps['onStart'];
+    /**
+     * Обработчик окончания перетаскивания ползунка
+     */
+    onSliderEnd?: SliderProps['onEnd'];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
@@ -162,6 +170,14 @@ declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "val
     onSliderChange?: ((payload: {
         value: number;
     }) => void) | undefined;
+    /**
+     * Обработчик начала перетаскивания ползунка
+     */
+    onSliderStart?: SliderProps['onStart'];
+    /**
+     * Обработчик окончания перетаскивания ползунка
+     */
+    onSliderEnd?: SliderProps['onEnd'];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/slider-input/esm/Component.js

@@ -9,7 +9,7 @@ require('./index.css');
 
 var SliderInput = forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, rightAddons = _a.rightAddons, _m = _a.Input, Input$1 = _m === void 0 ? Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
+    var className = _a.className, inputClassName = _a.inputClassName, sliderClassName = _a.sliderClassName, stepsClassName = _a.stepsClassName, focusedClassName = _a.focusedClassName, fieldClassName = _a.fieldClassName, _e = _a.value, value = _e === void 0 ? '' : _e, _f = _a.min, min = _f === void 0 ? 0 : _f, _g = _a.max, max = _g === void 0 ? 100 : _g, _h = _a.step, step = _h === void 0 ? 1 : _h, block = _a.block, _j = _a.steps, steps = _j === void 0 ? [] : _j, _k = _a.sliderValue, sliderValue = _k === void 0 ? +value : _k, _l = _a.size, size = _l === void 0 ? 's' : _l, label = _a.label, info = _a.info, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onInputChange = _a.onInputChange, onSliderChange = _a.onSliderChange, onSliderStart = _a.onSliderStart, onSliderEnd = _a.onSliderEnd, rightAddons = _a.rightAddons, _m = _a.Input, Input$1 = _m === void 0 ? Input : _m, _o = _a.customInputProps, customInputProps = _o === void 0 ? {} : _o, error = _a.error, hint = _a.hint, pips = _a.pips, range = _a.range, dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "inputClassName", "sliderClassName", "stepsClassName", "focusedClassName", "fieldClassName", "value", "min", "max", "step", "block", "steps", "sliderValue", "size", "label", "info", "disabled", "readOnly", "onChange", "onInputChange", "onSliderChange", "onSliderStart", "onSliderEnd", "rightAddons", "Input", "customInputProps", "error", "hint", "pips", "range", "dataTestId"]);
     var getValidInputValue = useCallback(function (inputValue) {
         var number = parseInt(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString().replace(/\s/g, ''), 10);
         return inputValue === '' || Number.isNaN(number) ? '' : Math.abs(number);
@@ -32,7 +32,7 @@ var SliderInput = forwardRef(function (_a, ref) {
             _b[styles.hasLabel] = label,
             _b[styles.hasError] = Boolean(error),
             _b), styles[size], className), "data-test-id": dataTestId },
-        React.createElement(Input$1, __assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn(inputClassName, styles.input), focusedClassName: cn(focusedClassName, styles.focused), fieldClassName: cn(fieldClassName, styles.field, (_c = {}, _c[styles.disabled] = disabled, _c), styles[size]), inputMode: 'numeric', pattern: '[0-9]*', error: error, hint: hint, bottomAddons: !disabled && (React.createElement(Slider, { min: min, max: max, step: step, onChange: handleSliderChange, value: Number.isNaN(sliderValue) || !sliderValue ? min : sliderValue, disabled: disabled || readOnly, className: cn(styles.slider, styles[size], (_d = {}, _d[styles.hidePips] = error || hint, _d), sliderClassName), pips: pips, range: range })), rightAddons: (info || rightAddons) && (React.createElement(Fragment, null,
+        React.createElement(Input$1, __assign({}, restProps, customInputProps, { ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn(inputClassName, styles.input), focusedClassName: cn(focusedClassName, styles.focused), fieldClassName: cn(fieldClassName, styles.field, (_c = {}, _c[styles.disabled] = disabled, _c), styles[size]), inputMode: 'numeric', pattern: '[0-9]*', error: error, hint: hint, bottomAddons: !disabled && (React.createElement(Slider, { min: min, max: max, step: step, onStart: onSliderStart, onEnd: onSliderEnd, onChange: handleSliderChange, value: Number.isNaN(sliderValue) || !sliderValue ? min : sliderValue, disabled: disabled || readOnly, className: cn(styles.slider, styles[size], (_d = {}, _d[styles.hidePips] = error || hint, _d), sliderClassName), pips: pips, range: range })), rightAddons: (info || rightAddons) && (React.createElement(Fragment, null,
                 info && React.createElement("span", { className: styles.info }, info),
                 rightAddons)) })),
         steps.length > 0 && !error && (React.createElement("div", { className: cn(styles.steps, stepsClassName) }, steps.map(function (stepLabel, i) {

package/slider-input/modern/Component.d.ts

@@ -80,6 +80,14 @@ type SliderInputProps = Omit<InputProps, 'min' | 'max' | 'step' | 'value' | 'typ
     onSliderChange?: (payload: {
         value: number;
     }) => void;
+    /**
+     * Обработчик начала перетаскивания ползунка
+     */
+    onSliderStart?: SliderProps['onStart'];
+    /**
+     * Обработчик окончания перетаскивания ползунка
+     */
+    onSliderEnd?: SliderProps['onEnd'];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
@@ -162,6 +170,14 @@ declare const SliderInput: React.ForwardRefExoticComponent<Omit<InputProps, "val
     onSliderChange?: ((payload: {
         value: number;
     }) => void) | undefined;
+    /**
+     * Обработчик начала перетаскивания ползунка
+     */
+    onSliderStart?: SliderProps['onStart'];
+    /**
+     * Обработчик окончания перетаскивания ползунка
+     */
+    onSliderEnd?: SliderProps['onEnd'];
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/slider-input/modern/Component.js

@@ -6,7 +6,7 @@ import { Slider } from '../../slider/modern';
 const styles = {"component":"slider-input__component_16wwr","block":"slider-input__block_16wwr","slider":"slider-input__slider_16wwr","xl":"slider-input__xl_16wwr","hidePips":"slider-input__hidePips_16wwr","field":"slider-input__field_16wwr","s":"slider-input__s_16wwr","m":"slider-input__m_16wwr","l":"slider-input__l_16wwr","input":"slider-input__input_16wwr","steps":"slider-input__steps_16wwr","info":"slider-input__info_16wwr","hasLabel":"slider-input__hasLabel_16wwr","focused":"slider-input__focused_16wwr","filled":"slider-input__filled_16wwr"};
 require('./index.css');
 
-const SliderInput = forwardRef(({ className, inputClassName, sliderClassName, stepsClassName, focusedClassName, fieldClassName, value = '', min = 0, max = 100, step = 1, block, steps = [], sliderValue = +value, size = 's', label, info, disabled, readOnly, onChange, onInputChange, onSliderChange, rightAddons, Input: Input$1 = Input, customInputProps = {}, error, hint, pips, range, dataTestId, ...restProps }, ref) => {
+const SliderInput = forwardRef(({ className, inputClassName, sliderClassName, stepsClassName, focusedClassName, fieldClassName, value = '', min = 0, max = 100, step = 1, block, steps = [], sliderValue = +value, size = 's', label, info, disabled, readOnly, onChange, onInputChange, onSliderChange, onSliderStart, onSliderEnd, rightAddons, Input: Input$1 = Input, customInputProps = {}, error, hint, pips, range, dataTestId, ...restProps }, ref) => {
     const getValidInputValue = useCallback((inputValue) => {
         const number = parseInt(inputValue?.toString().replace(/\s/g, ''), 10);
         return inputValue === '' || Number.isNaN(number) ? '' : Math.abs(number);
@@ -29,7 +29,7 @@ const SliderInput = forwardRef(({ className, inputClassName, sliderClassName, st
             [styles.hasLabel]: label,
             [styles.hasError]: Boolean(error),
         }, styles[size], className), "data-test-id": dataTestId },
-        React.createElement(Input$1, { ...restProps, ...customInputProps, ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn(inputClassName, styles.input), focusedClassName: cn(focusedClassName, styles.focused), fieldClassName: cn(fieldClassName, styles.field, { [styles.disabled]: disabled }, styles[size]), inputMode: 'numeric', pattern: '[0-9]*', error: error, hint: hint, bottomAddons: !disabled && (React.createElement(Slider, { min: min, max: max, step: step, onChange: handleSliderChange, value: Number.isNaN(sliderValue) || !sliderValue ? min : sliderValue, disabled: disabled || readOnly, className: cn(styles.slider, styles[size], { [styles.hidePips]: error || hint }, sliderClassName), pips: pips, range: range })), rightAddons: (info || rightAddons) && (React.createElement(Fragment, null,
+        React.createElement(Input$1, { ...restProps, ...customInputProps, ref: ref, value: value.toString(), onChange: handleInputChange, block: true, size: size, label: label, disabled: disabled, readOnly: readOnly, className: cn(inputClassName, styles.input), focusedClassName: cn(focusedClassName, styles.focused), fieldClassName: cn(fieldClassName, styles.field, { [styles.disabled]: disabled }, styles[size]), inputMode: 'numeric', pattern: '[0-9]*', error: error, hint: hint, bottomAddons: !disabled && (React.createElement(Slider, { min: min, max: max, step: step, onStart: onSliderStart, onEnd: onSliderEnd, onChange: handleSliderChange, value: Number.isNaN(sliderValue) || !sliderValue ? min : sliderValue, disabled: disabled || readOnly, className: cn(styles.slider, styles[size], { [styles.hidePips]: error || hint }, sliderClassName), pips: pips, range: range })), rightAddons: (info || rightAddons) && (React.createElement(Fragment, null,
                 info && React.createElement("span", { className: styles.info }, info),
                 rightAddons)) }),
         steps.length > 0 && !error && (React.createElement("div", { className: cn(styles.steps, stepsClassName) }, steps.map((stepLabel, i) => isValidElement(stepLabel) ? (cloneElement(stepLabel, { key: i })) : (React.createElement("span", { key: i.toString() }, stepLabel)))))));

package/sortable-list/Component.js

@@ -46,7 +46,7 @@ var DEFAULT_ANNOUNCEMENTS = {
 };
 var SortableList = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, itemClassName = _a.itemClassName, _c = _a.controlPosition, controlPosition = _c === void 0 ? 'right' : _c, controlPadding = _a.controlPadding, items = _a.items, renderItem = _a.renderItem, borderRadius = _a.borderRadius, _d = _a.activatorNode, activatorNode = _d === void 0 ? 'cell' : _d, _e = _a.view, view = _e === void 0 ? 'primary' : _e, padding = _a.padding, dataTestId = _a.dataTestId, _f = _a.announcements, announcements = _f === void 0 ? DEFAULT_ANNOUNCEMENTS : _f, _g = _a.screenReaderInstructions, screenReaderInstructions = _g === void 0 ? DEFAULT_INSTRUCTION : _g, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, portalProps = _a.portalProps, dragOverlayProps = _a.dragOverlayProps;
+    var className = _a.className, itemClassName = _a.itemClassName, itemContentClassName = _a.itemContentClassName, _c = _a.controlPosition, controlPosition = _c === void 0 ? 'right' : _c, controlPadding = _a.controlPadding, items = _a.items, renderItem = _a.renderItem, borderRadius = _a.borderRadius, _d = _a.activatorNode, activatorNode = _d === void 0 ? 'cell' : _d, _e = _a.view, view = _e === void 0 ? 'primary' : _e, padding = _a.padding, dataTestId = _a.dataTestId, _f = _a.announcements, announcements = _f === void 0 ? DEFAULT_ANNOUNCEMENTS : _f, _g = _a.screenReaderInstructions, screenReaderInstructions = _g === void 0 ? DEFAULT_INSTRUCTION : _g, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, portalProps = _a.portalProps, dragOverlayProps = _a.dragOverlayProps;
     var _h = React__default.default.useState(null), activeId = _h[0], setActiveId = _h[1];
     var sensors = core.useSensors(core.useSensor(core.KeyboardSensor), core.useSensor(core.TouchSensor), core.useSensor(core.MouseSensor));
     var getPaddingClassName = function () {
@@ -86,7 +86,7 @@ var SortableList = React.forwardRef(function (_a, ref) {
     };
     var renderSortableItem = function (item, _a) {
         _a.children; var restProps = tslib.__rest(_a, ["children"]);
-        return (React__default.default.createElement(components_item_Components.SortableItem, tslib.__assign({ controlPadding: controlPadding, controlPosition: controlPosition, key: item.id, id: item.id, className: sortableItemClassName, activatorNode: activatorNode, disabled: item.disabled }, restProps), renderItem(item)));
+        return (React__default.default.createElement(components_item_Components.SortableItem, tslib.__assign({ controlPadding: controlPadding, controlPosition: controlPosition, key: item.id, id: item.id, className: sortableItemClassName, contentClassName: itemContentClassName, activatorNode: activatorNode, disabled: item.disabled }, restProps), renderItem(item)));
     };
     var renderDragOverlay = function () {
         var activeItem = items.find(function (item) { return item.id === activeId; });

package/sortable-list/components/item/Components.js

@@ -18,7 +18,7 @@ require('./index.css');
 
 var SortableItem = function (_a) {
     var _b;
-    var activatorNode = _a.activatorNode, controlPosition = _a.controlPosition, controlPadding = _a.controlPadding, children = _a.children, className = _a.className, id = _a.id, isDragOverlay = _a.isDragOverlay, disabled = _a.disabled, dataTestId = _a.dataTestId;
+    var activatorNode = _a.activatorNode, controlPosition = _a.controlPosition, controlPadding = _a.controlPadding, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, id = _a.id, isDragOverlay = _a.isDragOverlay, disabled = _a.disabled, dataTestId = _a.dataTestId;
     var _c = sortable.useSortable({
         id: id,
         disabled: disabled,
@@ -44,7 +44,7 @@ var SortableItem = function (_a) {
             _b[styles.dragOverlay] = isDragOverlay,
             _b)), ref: setNodeRef, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, "item_".concat(id)) }),
         controlPosition === 'left' && renderControl(),
-        React__default.default.createElement("div", { className: cn__default.default(styles.content) }, children),
+        React__default.default.createElement("div", { className: cn__default.default(styles.content, contentClassName) }, children),
         controlPosition === 'right' && renderControl()));
 };
 

package/sortable-list/cssm/Component.js

@@ -45,7 +45,7 @@ var DEFAULT_ANNOUNCEMENTS = {
 };
 var SortableList = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, itemClassName = _a.itemClassName, _c = _a.controlPosition, controlPosition = _c === void 0 ? 'right' : _c, controlPadding = _a.controlPadding, items = _a.items, renderItem = _a.renderItem, borderRadius = _a.borderRadius, _d = _a.activatorNode, activatorNode = _d === void 0 ? 'cell' : _d, _e = _a.view, view = _e === void 0 ? 'primary' : _e, padding = _a.padding, dataTestId = _a.dataTestId, _f = _a.announcements, announcements = _f === void 0 ? DEFAULT_ANNOUNCEMENTS : _f, _g = _a.screenReaderInstructions, screenReaderInstructions = _g === void 0 ? DEFAULT_INSTRUCTION : _g, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, portalProps = _a.portalProps, dragOverlayProps = _a.dragOverlayProps;
+    var className = _a.className, itemClassName = _a.itemClassName, itemContentClassName = _a.itemContentClassName, _c = _a.controlPosition, controlPosition = _c === void 0 ? 'right' : _c, controlPadding = _a.controlPadding, items = _a.items, renderItem = _a.renderItem, borderRadius = _a.borderRadius, _d = _a.activatorNode, activatorNode = _d === void 0 ? 'cell' : _d, _e = _a.view, view = _e === void 0 ? 'primary' : _e, padding = _a.padding, dataTestId = _a.dataTestId, _f = _a.announcements, announcements = _f === void 0 ? DEFAULT_ANNOUNCEMENTS : _f, _g = _a.screenReaderInstructions, screenReaderInstructions = _g === void 0 ? DEFAULT_INSTRUCTION : _g, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, portalProps = _a.portalProps, dragOverlayProps = _a.dragOverlayProps;
     var _h = React__default.default.useState(null), activeId = _h[0], setActiveId = _h[1];
     var sensors = core.useSensors(core.useSensor(core.KeyboardSensor), core.useSensor(core.TouchSensor), core.useSensor(core.MouseSensor));
     var getPaddingClassName = function () {
@@ -85,7 +85,7 @@ var SortableList = React.forwardRef(function (_a, ref) {
     };
     var renderSortableItem = function (item, _a) {
         _a.children; var restProps = tslib.__rest(_a, ["children"]);
-        return (React__default.default.createElement(components_item_Components.SortableItem, tslib.__assign({ controlPadding: controlPadding, controlPosition: controlPosition, key: item.id, id: item.id, className: sortableItemClassName, activatorNode: activatorNode, disabled: item.disabled }, restProps), renderItem(item)));
+        return (React__default.default.createElement(components_item_Components.SortableItem, tslib.__assign({ controlPadding: controlPadding, controlPosition: controlPosition, key: item.id, id: item.id, className: sortableItemClassName, contentClassName: itemContentClassName, activatorNode: activatorNode, disabled: item.disabled }, restProps), renderItem(item)));
     };
     var renderDragOverlay = function () {
         var activeItem = items.find(function (item) { return item.id === activeId; });

package/sortable-list/cssm/components/item/Components.js

@@ -17,7 +17,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var SortableItem = function (_a) {
     var _b;
-    var activatorNode = _a.activatorNode, controlPosition = _a.controlPosition, controlPadding = _a.controlPadding, children = _a.children, className = _a.className, id = _a.id, isDragOverlay = _a.isDragOverlay, disabled = _a.disabled, dataTestId = _a.dataTestId;
+    var activatorNode = _a.activatorNode, controlPosition = _a.controlPosition, controlPadding = _a.controlPadding, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, id = _a.id, isDragOverlay = _a.isDragOverlay, disabled = _a.disabled, dataTestId = _a.dataTestId;
     var _c = sortable.useSortable({
         id: id,
         disabled: disabled,
@@ -43,7 +43,7 @@ var SortableItem = function (_a) {
             _b[styles__default.default.dragOverlay] = isDragOverlay,
             _b)), ref: setNodeRef, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, "item_".concat(id)) }),
         controlPosition === 'left' && renderControl(),
-        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content) }, children),
+        React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content, contentClassName) }, children),
         controlPosition === 'right' && renderControl()));
 };
 

package/sortable-list/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getSortableListTestIds } from "../utils";

package/sortable-list/cssm/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getSortableListTestIds = utils.getSortableListTestIds;

package/sortable-list/cssm/types.d.ts

@@ -23,6 +23,7 @@ type SortableItemProps = {
     controlPosition: ControlPosition;
     children: React.ReactNode;
     className: string;
+    contentClassName?: string;
     id: UniqueIdentifier;
     isDragOverlay?: boolean;
     disabled?: boolean;
@@ -37,6 +38,10 @@ type SortableListProps = {
      * Дополнительный класс на элемент списка
      */
     itemClassName?: string;
+    /**
+     * Дополнительный класс на обертку контента у элемента списка
+     */
+    itemContentClassName?: string;
     /**
      * Пропсы портала, в котором отображается draggable элемент
      */

package/sortable-list/cssm/utils.d.ts

@@ -3,4 +3,8 @@ import { Transform } from '@dnd-kit/utilities';
 declare const restrictToParentElement: Modifier;
 declare function restrictToBoundingRect(transform: Transform, rect: ClientRect, boundingRect: ClientRect): Transform;
 declare const restrictToVerticalAxis: Modifier;
-export { restrictToParentElement, restrictToBoundingRect, restrictToVerticalAxis };
+declare function getSortableListTestIds(dataTestId: string, index: number): {
+    sortableList: string;
+    item: string;
+};
+export { restrictToParentElement, restrictToBoundingRect, restrictToVerticalAxis, getSortableListTestIds };

package/sortable-list/cssm/utils.js

@@ -1,6 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+var coreComponentsShared = require('../../shared/cssm');
 
 var restrictToParentElement = function (_a) {
     var containerNodeRect = _a.containerNodeRect, draggingNodeRect = _a.draggingNodeRect, transform = _a.transform;
@@ -29,7 +30,14 @@ var restrictToVerticalAxis = function (_a) {
     var transform = _a.transform;
     return (tslib.__assign(tslib.__assign({}, transform), { x: 0 }));
 };
+function getSortableListTestIds(dataTestId, index) {
+    return {
+        sortableList: coreComponentsShared.getDataTestId(dataTestId, 'container'),
+        item: coreComponentsShared.getDataTestId(dataTestId, "item_".concat(index)),
+    };
+}
 
+exports.getSortableListTestIds = getSortableListTestIds;
 exports.restrictToBoundingRect = restrictToBoundingRect;
 exports.restrictToParentElement = restrictToParentElement;
 exports.restrictToVerticalAxis = restrictToVerticalAxis;

package/sortable-list/esm/Component.js

@@ -41,7 +41,7 @@ var DEFAULT_ANNOUNCEMENTS = {
 };
 var SortableList = forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, itemClassName = _a.itemClassName, _c = _a.controlPosition, controlPosition = _c === void 0 ? 'right' : _c, controlPadding = _a.controlPadding, items = _a.items, renderItem = _a.renderItem, borderRadius = _a.borderRadius, _d = _a.activatorNode, activatorNode = _d === void 0 ? 'cell' : _d, _e = _a.view, view = _e === void 0 ? 'primary' : _e, padding = _a.padding, dataTestId = _a.dataTestId, _f = _a.announcements, announcements = _f === void 0 ? DEFAULT_ANNOUNCEMENTS : _f, _g = _a.screenReaderInstructions, screenReaderInstructions = _g === void 0 ? DEFAULT_INSTRUCTION : _g, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, portalProps = _a.portalProps, dragOverlayProps = _a.dragOverlayProps;
+    var className = _a.className, itemClassName = _a.itemClassName, itemContentClassName = _a.itemContentClassName, _c = _a.controlPosition, controlPosition = _c === void 0 ? 'right' : _c, controlPadding = _a.controlPadding, items = _a.items, renderItem = _a.renderItem, borderRadius = _a.borderRadius, _d = _a.activatorNode, activatorNode = _d === void 0 ? 'cell' : _d, _e = _a.view, view = _e === void 0 ? 'primary' : _e, padding = _a.padding, dataTestId = _a.dataTestId, _f = _a.announcements, announcements = _f === void 0 ? DEFAULT_ANNOUNCEMENTS : _f, _g = _a.screenReaderInstructions, screenReaderInstructions = _g === void 0 ? DEFAULT_INSTRUCTION : _g, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, portalProps = _a.portalProps, dragOverlayProps = _a.dragOverlayProps;
     var _h = React.useState(null), activeId = _h[0], setActiveId = _h[1];
     var sensors = useSensors(useSensor(KeyboardSensor), useSensor(TouchSensor), useSensor(MouseSensor));
     var getPaddingClassName = function () {
@@ -81,7 +81,7 @@ var SortableList = forwardRef(function (_a, ref) {
     };
     var renderSortableItem = function (item, _a) {
         _a.children; var restProps = __rest(_a, ["children"]);
-        return (React.createElement(SortableItem, __assign({ controlPadding: controlPadding, controlPosition: controlPosition, key: item.id, id: item.id, className: sortableItemClassName, activatorNode: activatorNode, disabled: item.disabled }, restProps), renderItem(item)));
+        return (React.createElement(SortableItem, __assign({ controlPadding: controlPadding, controlPosition: controlPosition, key: item.id, id: item.id, className: sortableItemClassName, contentClassName: itemContentClassName, activatorNode: activatorNode, disabled: item.disabled }, restProps), renderItem(item)));
     };
     var renderDragOverlay = function () {
         var activeItem = items.find(function (item) { return item.id === activeId; });

package/sortable-list/esm/components/item/Components.js

@@ -11,7 +11,7 @@ require('./index.css');
 
 var SortableItem = function (_a) {
     var _b;
-    var activatorNode = _a.activatorNode, controlPosition = _a.controlPosition, controlPadding = _a.controlPadding, children = _a.children, className = _a.className, id = _a.id, isDragOverlay = _a.isDragOverlay, disabled = _a.disabled, dataTestId = _a.dataTestId;
+    var activatorNode = _a.activatorNode, controlPosition = _a.controlPosition, controlPadding = _a.controlPadding, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, id = _a.id, isDragOverlay = _a.isDragOverlay, disabled = _a.disabled, dataTestId = _a.dataTestId;
     var _c = useSortable({
         id: id,
         disabled: disabled,
@@ -37,7 +37,7 @@ var SortableItem = function (_a) {
             _b[styles.dragOverlay] = isDragOverlay,
             _b)), ref: setNodeRef, "data-test-id": getDataTestId(dataTestId, "item_".concat(id)) }),
         controlPosition === 'left' && renderControl(),
-        React.createElement("div", { className: cn(styles.content) }, children),
+        React.createElement("div", { className: cn(styles.content, contentClassName) }, children),
         controlPosition === 'right' && renderControl()));
 };
 

package/sortable-list/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getSortableListTestIds } from "../utils";

package/sortable-list/esm/shared/index.js

@@ -0,0 +1,3 @@
+export { getSortableListTestIds } from '../utils.js';
+import 'tslib';
+import '../../../shared/esm';

package/sortable-list/esm/types.d.ts

@@ -23,6 +23,7 @@ type SortableItemProps = {
     controlPosition: ControlPosition;
     children: React.ReactNode;
     className: string;
+    contentClassName?: string;
     id: UniqueIdentifier;
     isDragOverlay?: boolean;
     disabled?: boolean;
@@ -37,6 +38,10 @@ type SortableListProps = {
      * Дополнительный класс на элемент списка
      */
     itemClassName?: string;
+    /**
+     * Дополнительный класс на обертку контента у элемента списка
+     */
+    itemContentClassName?: string;
     /**
      * Пропсы портала, в котором отображается draggable элемент
      */

package/sortable-list/esm/utils.d.ts

@@ -3,4 +3,8 @@ import { Transform } from '@dnd-kit/utilities';
 declare const restrictToParentElement: Modifier;
 declare function restrictToBoundingRect(transform: Transform, rect: ClientRect, boundingRect: ClientRect): Transform;
 declare const restrictToVerticalAxis: Modifier;
-export { restrictToParentElement, restrictToBoundingRect, restrictToVerticalAxis };
+declare function getSortableListTestIds(dataTestId: string, index: number): {
+    sortableList: string;
+    item: string;
+};
+export { restrictToParentElement, restrictToBoundingRect, restrictToVerticalAxis, getSortableListTestIds };

package/sortable-list/esm/utils.js

@@ -1,4 +1,5 @@
 import { __assign } from 'tslib';
+import { getDataTestId } from '../../shared/esm';
 
 var restrictToParentElement = function (_a) {
     var containerNodeRect = _a.containerNodeRect, draggingNodeRect = _a.draggingNodeRect, transform = _a.transform;
@@ -27,5 +28,11 @@ var restrictToVerticalAxis = function (_a) {
     var transform = _a.transform;
     return (__assign(__assign({}, transform), { x: 0 }));
 };
+function getSortableListTestIds(dataTestId, index) {
+    return {
+        sortableList: getDataTestId(dataTestId, 'container'),
+        item: getDataTestId(dataTestId, "item_".concat(index)),
+    };
+}
 
-export { restrictToBoundingRect, restrictToParentElement, restrictToVerticalAxis };
+export { getSortableListTestIds, restrictToBoundingRect, restrictToParentElement, restrictToVerticalAxis };

package/sortable-list/modern/Component.js

@@ -35,7 +35,7 @@ const DEFAULT_ANNOUNCEMENTS = {
         return 'Перемещение было отменено';
     },
 };
-const SortableList = forwardRef(({ className, itemClassName, controlPosition = 'right', controlPadding, items, renderItem, borderRadius, activatorNode = 'cell', view = 'primary', padding, dataTestId, announcements = DEFAULT_ANNOUNCEMENTS, screenReaderInstructions = DEFAULT_INSTRUCTION, onDragStart, onDragEnd, portalProps, dragOverlayProps, }, ref) => {
+const SortableList = forwardRef(({ className, itemClassName, itemContentClassName, controlPosition = 'right', controlPadding, items, renderItem, borderRadius, activatorNode = 'cell', view = 'primary', padding, dataTestId, announcements = DEFAULT_ANNOUNCEMENTS, screenReaderInstructions = DEFAULT_INSTRUCTION, onDragStart, onDragEnd, portalProps, dragOverlayProps, }, ref) => {
     const [activeId, setActiveId] = React.useState(null);
     const sensors = useSensors(useSensor(KeyboardSensor), useSensor(TouchSensor), useSensor(MouseSensor));
     const getPaddingClassName = () => {
@@ -72,7 +72,7 @@ const SortableList = forwardRef(({ className, itemClassName, controlPosition = '
         onDragEnd?.(event, items);
         setActiveId(null);
     };
-    const renderSortableItem = (item, { children, ...restProps }) => (React.createElement(SortableItem, { controlPadding: controlPadding, controlPosition: controlPosition, key: item.id, id: item.id, className: sortableItemClassName, activatorNode: activatorNode, disabled: item.disabled, ...restProps }, renderItem(item)));
+    const renderSortableItem = (item, { children, ...restProps }) => (React.createElement(SortableItem, { controlPadding: controlPadding, controlPosition: controlPosition, key: item.id, id: item.id, className: sortableItemClassName, contentClassName: itemContentClassName, activatorNode: activatorNode, disabled: item.disabled, ...restProps }, renderItem(item)));
     const renderDragOverlay = () => {
         const activeItem = items.find((item) => item.id === activeId);
         if (activeItem) {

package/sortable-list/modern/components/item/Components.js

@@ -8,7 +8,7 @@ import { DragMIcon } from '@alfalab/icons-glyph/DragMIcon';
 const styles = {"component":"sortable-list__component_gmjke","icon":"sortable-list__icon_gmjke","activator-cell":"sortable-list__activator-cell_gmjke","disabled":"sortable-list__disabled_gmjke","dragOverlay":"sortable-list__dragOverlay_gmjke","activator-control":"sortable-list__activator-control_gmjke","content":"sortable-list__content_gmjke","dragging":"sortable-list__dragging_gmjke","pop":"sortable-list__pop_gmjke","control-left-padding-3xs":"sortable-list__control-left-padding-3xs_gmjke","control-right-padding-3xs":"sortable-list__control-right-padding-3xs_gmjke","control-left-padding-2xs":"sortable-list__control-left-padding-2xs_gmjke","control-right-padding-2xs":"sortable-list__control-right-padding-2xs_gmjke","control-left-padding-xs":"sortable-list__control-left-padding-xs_gmjke","control-right-padding-xs":"sortable-list__control-right-padding-xs_gmjke","control-left-padding-s":"sortable-list__control-left-padding-s_gmjke","control-right-padding-s":"sortable-list__control-right-padding-s_gmjke","control-left-padding-m":"sortable-list__control-left-padding-m_gmjke","control-right-padding-m":"sortable-list__control-right-padding-m_gmjke","control-left-padding-l":"sortable-list__control-left-padding-l_gmjke","control-right-padding-l":"sortable-list__control-right-padding-l_gmjke"};
 require('./index.css');
 
-const SortableItem = ({ activatorNode, controlPosition, controlPadding, children, className, id, isDragOverlay, disabled, dataTestId, }) => {
+const SortableItem = ({ activatorNode, controlPosition, controlPadding, children, className, contentClassName, id, isDragOverlay, disabled, dataTestId, }) => {
     const { attributes, listeners, setNodeRef, setActivatorNodeRef, transform, transition, isDragging, } = useSortable({
         id,
         disabled,
@@ -33,7 +33,7 @@ const SortableItem = ({ activatorNode, controlPosition, controlPadding, children
             [styles.dragOverlay]: isDragOverlay,
         }), ref: setNodeRef, "data-test-id": getDataTestId(dataTestId, `item_${id}`) },
         controlPosition === 'left' && renderControl(),
-        React.createElement("div", { className: cn(styles.content) }, children),
+        React.createElement("div", { className: cn(styles.content, contentClassName) }, children),
         controlPosition === 'right' && renderControl()));
 };
 

package/sortable-list/modern/shared/index.d.ts

@@ -0,0 +1 @@
+export { getSortableListTestIds } from "../utils";

package/sortable-list/modern/shared/index.js

@@ -0,0 +1,2 @@
+export { getSortableListTestIds } from '../utils.js';
+import '../../../shared/modern';

package/sortable-list/modern/types.d.ts

@@ -23,6 +23,7 @@ type SortableItemProps = {
     controlPosition: ControlPosition;
     children: React.ReactNode;
     className: string;
+    contentClassName?: string;
     id: UniqueIdentifier;
     isDragOverlay?: boolean;
     disabled?: boolean;
@@ -37,6 +38,10 @@ type SortableListProps = {
      * Дополнительный класс на элемент списка
      */
     itemClassName?: string;
+    /**
+     * Дополнительный класс на обертку контента у элемента списка
+     */
+    itemContentClassName?: string;
     /**
      * Пропсы портала, в котором отображается draggable элемент
      */

package/sortable-list/modern/utils.d.ts

@@ -3,4 +3,8 @@ import { Transform } from '@dnd-kit/utilities';
 declare const restrictToParentElement: Modifier;
 declare function restrictToBoundingRect(transform: Transform, rect: ClientRect, boundingRect: ClientRect): Transform;
 declare const restrictToVerticalAxis: Modifier;
-export { restrictToParentElement, restrictToBoundingRect, restrictToVerticalAxis };
+declare function getSortableListTestIds(dataTestId: string, index: number): {
+    sortableList: string;
+    item: string;
+};
+export { restrictToParentElement, restrictToBoundingRect, restrictToVerticalAxis, getSortableListTestIds };

package/sortable-list/modern/utils.js

@@ -1,3 +1,5 @@
+import { getDataTestId } from '../../shared/modern';
+
 const restrictToParentElement = ({ containerNodeRect, draggingNodeRect, transform, }) => {
     if (!draggingNodeRect || !containerNodeRect) {
         return transform;
@@ -26,5 +28,11 @@ const restrictToVerticalAxis = ({ transform }) => ({
     ...transform,
     x: 0,
 });
+function getSortableListTestIds(dataTestId, index) {
+    return {
+        sortableList: getDataTestId(dataTestId, 'container'),
+        item: getDataTestId(dataTestId, `item_${index}`),
+    };
+}
 
-export { restrictToBoundingRect, restrictToParentElement, restrictToVerticalAxis };
+export { getSortableListTestIds, restrictToBoundingRect, restrictToParentElement, restrictToVerticalAxis };

package/sortable-list/shared/index.d.ts

@@ -0,0 +1 @@
+export { getSortableListTestIds } from "../utils";

package/sortable-list/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getSortableListTestIds = utils.getSortableListTestIds;

package/sortable-list/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/sortable-list/types.d.ts

@@ -23,6 +23,7 @@ type SortableItemProps = {
     controlPosition: ControlPosition;
     children: React.ReactNode;
     className: string;
+    contentClassName?: string;
     id: UniqueIdentifier;
     isDragOverlay?: boolean;
     disabled?: boolean;
@@ -37,6 +38,10 @@ type SortableListProps = {
      * Дополнительный класс на элемент списка
      */
     itemClassName?: string;
+    /**
+     * Дополнительный класс на обертку контента у элемента списка
+     */
+    itemContentClassName?: string;
     /**
      * Пропсы портала, в котором отображается draggable элемент
      */

package/sortable-list/utils.d.ts

@@ -3,4 +3,8 @@ import { Transform } from '@dnd-kit/utilities';
 declare const restrictToParentElement: Modifier;
 declare function restrictToBoundingRect(transform: Transform, rect: ClientRect, boundingRect: ClientRect): Transform;
 declare const restrictToVerticalAxis: Modifier;
-export { restrictToParentElement, restrictToBoundingRect, restrictToVerticalAxis };
+declare function getSortableListTestIds(dataTestId: string, index: number): {
+    sortableList: string;
+    item: string;
+};
+export { restrictToParentElement, restrictToBoundingRect, restrictToVerticalAxis, getSortableListTestIds };