@snack-uikit/fields 0.36.3-preview-bb2cdfb8.0 → 0.36.3

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.36.3 (2025-01-20)
+
+### Only dependencies have been changed
+* [@snack-uikit/calendar@0.11.15](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/calendar/CHANGELOG.md)
+* [@snack-uikit/color-picker@0.3.11](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/color-picker/CHANGELOG.md)
+* [@snack-uikit/list@0.22.3](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
+* [@snack-uikit/slider@0.3.5](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/slider/CHANGELOG.md)
+* [@snack-uikit/tooltip@0.15.4](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/tooltip/CHANGELOG.md)
+* [@snack-uikit/truncate-string@0.6.5](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.36.2 (2024-12-26)
 
 

package/README.md

@@ -202,7 +202,6 @@ FieldStepper в основном предназначен для работы с
 | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
 | value | `string` | - | Значение input |
 | onChange | `(value: string) => void` | - |  |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | withAlpha | `boolean` | - | Значение с альфаканалом |
 | autoApply | `boolean` | - | Применять изменения автоматически, если значение false - то изменения происходят по кнопке |
 | className | `string` | - | Класснейм |
@@ -238,7 +237,6 @@ FieldStepper в основном предназначен для работы с
 | showCopyButton | `boolean` | - | Отображение кнопки копирования |
 | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | buildCellProps | `(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean } ;` | - | Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: <br> `Date` - дата ячейки <br> `ViewMode`: <br>  - `month` отображение месяца, каждая ячейка - 1 день <br>  - `year` отображение года, каждая ячейка - 1 месяц <br>  - `decade` отображение декады, каждая ячейка - 1 год <br><br> Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки. |
 | id | `string` | - | Значение html-атрибута id |
 | name | `string` | - | Значение html-атрибута name |
@@ -280,8 +278,6 @@ FieldStepper в основном предназначен для работы с
 | hint | `string` | - | Подсказка внизу |
 | validationState | enum ValidationState: `"error"`, `"default"`, `"warning"`, `"success"` | default | Состояние валидации |
 | showHintIcon | `boolean` | - | Отображать иконку подсказки |
-| ref | `LegacyRef<HTMLDivElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
-| key | `Key` | - |  |
 ## FieldSecure
 ### Props
 | name | type | default value | description |
@@ -293,7 +289,6 @@ FieldStepper в основном предназначен для работы с
 | allowMoreThanMaxLength | `boolean` | - | Можно ли вводить больше разрешённого кол-ва символов |
 | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
 | asyncValueGetter | `() => Promise<string>` | - | Свойство позволяет грузить данные в поле по требованию |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
 | value | `string` | - | Значение input |
 | id | `string` | - | Значение html-атрибута id |
@@ -353,7 +348,6 @@ FieldStepper в основном предназначен для работы с
 | open | `boolean` | - |  |
 | onOpenChange | `(open: boolean) => void` | - |  |
 | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | prefixIcon | `ReactElement<any, string \| JSXElementConstructor<any>>` | - | Иконка-префикс для поля |
 | widthStrategy | enum PopoverWidthStrategy: `"auto"`, `"gte"`, `"eq"` | - |  |
 | pinTop | `OptionProps[]` | - |  |
@@ -387,7 +381,6 @@ FieldStepper в основном предназначен для работы с
 | unbindInputFromMarks | `boolean` | - | Отвязать текстовое поле от значений на линейке |
 | prefix | `ReactNode` | - | Произвольный префикс для поля |
 | postfix | `ReactNode` | - | Произвольный постфикс для поля |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | id | `string` | - | Значение html-атрибута id |
 | name | `string` | - | Значение html-атрибута name |
 | disabled | `boolean` | - | Является ли поле деактивированным |
@@ -423,7 +416,6 @@ FieldStepper в основном предназначен для работы с
 | allowMoreThanLimits | `boolean` | true | Можно ли вводить c клавиатуры числа, выходящие за пределы min/max |
 | prefix | `ReactNode` | - | Произвольный префикс для поля |
 | postfix | `ReactNode` | - | Произвольный постфикс для поля |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | id | `string` | - | Значение html-атрибута id |
 | name | `string` | - | Значение html-атрибута name |
 | disabled | `boolean` | - | Является ли поле деактивированным |
@@ -457,7 +449,6 @@ FieldStepper в основном предназначен для работы с
 | prefix | `ReactNode` | - | Произвольный префикс для поля |
 | postfix | `ReactNode` | - | Произвольный постфикс для поля |
 | button | `Button` | - | Кнопка действия внутри поля |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | onChange | `(value: string, e?: ChangeEvent<HTMLInputElement>) => void` | - | Колбек смены значения |
 | value | `string` | - | Значение input |
 | id | `string` | - | Значение html-атрибута id |
@@ -496,7 +487,6 @@ FieldStepper в основном предназначен для работы с
 | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showClearButton | `boolean` | true | Отображение кнопки очистки поля |
 | allowMoreThanMaxLength | `boolean` | true | Можно ли вводить больше разрешённого кол-ва символов |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | value | `string` | - | HTML-аттрибут value |
 | id | `string` | - | HTML-аттрибут id |
 | name | `string` | - | HTML-аттрибут name |
@@ -531,7 +521,6 @@ FieldStepper в основном предназначен для работы с
 | onCopyButtonClick | `() => void` | - | Колбек клика по кнопке Копировать для поля |
 | showSeconds | `boolean` | true | Показывать ли секунды |
 | showClearButton | `boolean` | true | Отображение кнопки Очистки поля |
-| decoratorRef | `ForwardedRef<HTMLDivElement>` | - | Ref для корневой обертки компонента |
 | id | `string` | - | Значение html-атрибута id |
 | name | `string` | - | Значение html-атрибута name |
 | disabled | `boolean` | - | Является ли поле деактивированным |

package/dist/cjs/components/FieldColor/FieldColor.d.ts

@@ -1,4 +1,3 @@
-import { ForwardedRef } from 'react';
 import { ColorPickerProps } from '@snack-uikit/color-picker';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { WithSupportProps } from '@snack-uikit/utils';
@@ -21,8 +20,6 @@ type FieldDateOwnProps = {
     showClearButton?: boolean;
     value?: string;
     onChange?(value: string): void;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 } & Omit<ColorPickerProps, 'onChange' | 'value'>;
 export type FieldColorProps = WithSupportProps<FieldDateOwnProps & InputProps & WrapperProps>;
 export declare const FieldColor: import("react").ForwardRefExoticComponent<{
@@ -43,7 +40,5 @@ export declare const FieldColor: import("react").ForwardRefExoticComponent<{
     showClearButton?: boolean;
     value?: string;
     onChange?(value: string): void;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 } & Omit<ColorPickerProps, "value" | "onChange"> & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/cjs/components/FieldColor/FieldColor.js

@@ -59,10 +59,9 @@ exports.FieldColor = (0, react_1.forwardRef)((_a, ref) => {
       placeholder,
       onFocus,
       onBlur,
-      onCopyButtonClick,
-      decoratorRef
+      onCopyButtonClick
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onChange", "onOpenChange", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "withAlpha", "autoApply", "placeholder", "onFocus", "onBlur", "onCopyButtonClick", "decoratorRef"]);
+    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onChange", "onOpenChange", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "withAlpha", "autoApply", "placeholder", "onFocus", "onBlur", "onCopyButtonClick"]);
   const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
   const localRef = (0, react_1.useRef)(null);
   const showDropList = isOpen && !readonly && !disabled;
@@ -129,8 +128,7 @@ exports.FieldColor = (0, react_1.forwardRef)((_a, ref) => {
     showHintIcon: showHintIcon,
     size: size,
     error: error,
-    validationState: fieldValidationState,
-    ref: decoratorRef
+    validationState: fieldValidationState
   }, (0, utils_1.extractSupportProps)(rest), {
     children: (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({
       trigger: 'click',

package/dist/cjs/components/FieldDate/FieldDate.d.ts

@@ -1,4 +1,3 @@
-import { ForwardedRef } from 'react';
 import { CalendarProps } from '@snack-uikit/calendar';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { WithSupportProps } from '@snack-uikit/utils';
@@ -30,8 +29,6 @@ type FieldDateOwnProps = {
      */
     showClearButton?: boolean;
     mode: Mode;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 } & Pick<CalendarProps, 'buildCellProps'> & ({
     mode: typeof MODES.Date;
 } | FieldDateWithSeconds);

package/dist/cjs/components/FieldDate/FieldDate.js

@@ -60,10 +60,9 @@ exports.FieldDate = (0, react_1.forwardRef)((_a, ref) => {
       buildCellProps,
       error,
       mode,
-      onCopyButtonClick,
-      decoratorRef
+      onCopyButtonClick
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "buildCellProps", "error", "mode", "onCopyButtonClick", "decoratorRef"]);
+    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "buildCellProps", "error", "mode", "onCopyButtonClick"]);
   const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
@@ -233,8 +232,7 @@ exports.FieldDate = (0, react_1.forwardRef)((_a, ref) => {
     showHintIcon: showHintIcon,
     size: size,
     error: error,
-    validationState: fieldValidationState,
-    ref: decoratorRef
+    validationState: fieldValidationState
   }, (0, utils_1.extractSupportProps)(rest), {
     children: (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({
       trigger: 'click',

package/dist/cjs/components/FieldDecorator/FieldDecorator.d.ts

@@ -12,15 +12,4 @@ export type FieldDecoratorProps = WithSupportProps<{
     readonly?: boolean;
     error?: string;
 } & HeaderProps & FooterProps>;
-export declare const FieldDecorator: import("react").ForwardRefExoticComponent<{
-    'data-test-id'?: string;
-} & import("react").AriaAttributes & {
-    className?: string;
-    /** Контент */
-    children: ReactNode;
-    /** Деактивирован ли элемент */
-    disabled?: boolean;
-    /** Является ли поле доступным только на чтение */
-    readonly?: boolean;
-    error?: string;
-} & HeaderProps & FooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function FieldDecorator({ children, className, label, labelTooltip, required, labelFor, caption, length, hint, disabled, readonly, showHintIcon, labelTooltipPlacement, size, error, validationState, ...rest }: FieldDecoratorProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/FieldDecorator/FieldDecorator.js

@@ -16,10 +16,9 @@ var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FieldDecorator = void 0;
+exports.FieldDecorator = FieldDecorator;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
 const input_private_1 = require("@snack-uikit/input-private");
 const utils_1 = require("@snack-uikit/utils");
 const constants_1 = require("../../constants");
@@ -27,7 +26,7 @@ const getValidationState_1 = require("../../utils/getValidationState");
 const Footer_1 = require("./Footer");
 const Header_1 = require("./Header");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-exports.FieldDecorator = (0, react_1.forwardRef)((_a, ref) => {
+function FieldDecorator(_a) {
   var {
       children,
       className,
@@ -56,7 +55,6 @@ exports.FieldDecorator = (0, react_1.forwardRef)((_a, ref) => {
     className: (0, classnames_1.default)(styles_module_scss_1.default.decorator, className)
   }, (0, utils_1.extractSupportProps)(rest), {
     "data-size": size,
-    ref: ref,
     children: [label && (0, jsx_runtime_1.jsx)(Header_1.Header, {
       labelTooltipPlacement: labelTooltipPlacement,
       required: required,
@@ -73,4 +71,4 @@ exports.FieldDecorator = (0, react_1.forwardRef)((_a, ref) => {
       validationState: isFieldActive ? fieldValidationState : constants_1.VALIDATION_STATE.Default
     })]
   }));
-});
+}

package/dist/cjs/components/FieldSecure/FieldSecure.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef, ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { WithSupportProps } from '@snack-uikit/utils';
 import { FieldDecoratorProps } from '../FieldDecorator';
@@ -19,8 +19,6 @@ type FieldSecureOwnProps = {
     prefixIcon?: ReactElement;
     /** Свойство позволяет грузить данные в поле по требованию */
     asyncValueGetter?(): Promise<string>;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 export type FieldSecureProps = WithSupportProps<FieldSecureOwnProps & InputProps & WrapperProps>;
 export declare const FieldSecure: import("react").ForwardRefExoticComponent<{

package/dist/cjs/components/FieldSecure/FieldSecure.js

@@ -85,10 +85,9 @@ exports.FieldSecure = (0, react_1.forwardRef)((_a, ref) => {
       error,
       asyncValueGetter,
       autoComplete,
-      onCopyButtonClick,
-      decoratorRef
+      onCopyButtonClick
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "allowMoreThanMaxLength", "hidden", "onHiddenChange", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "size", "validationState", "prefixIcon", "error", "asyncValueGetter", "autoComplete", "onCopyButtonClick", "decoratorRef"]);
+    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "allowMoreThanMaxLength", "hidden", "onHiddenChange", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "size", "validationState", "prefixIcon", "error", "asyncValueGetter", "autoComplete", "onCopyButtonClick"]);
   const localRef = (0, react_1.useRef)(null);
   const copyButtonRef = (0, react_1.useRef)(null);
   const hideButtonRef = (0, react_1.useRef)(null);
@@ -195,8 +194,7 @@ exports.FieldSecure = (0, react_1.forwardRef)((_a, ref) => {
     showHintIcon: showHintIcon,
     size: size,
     error: error,
-    validationState: fieldValidationState,
-    ref: decoratorRef
+    validationState: fieldValidationState
   }, (0, utils_1.extractSupportProps)(rest), {
     children: (0, jsx_runtime_1.jsx)(helperComponents_1.FieldContainerPrivate, {
       size: size,

package/dist/cjs/components/FieldSelect/FieldSelectMultiple.d.ts

@@ -28,5 +28,4 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
     resetSearchOnOptionSelection?: boolean;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter;
-    decoratorRef?: import("react").ForwardedRef<HTMLDivElement>;
 } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton" | "onCopyButtonClick"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/FieldSelect/FieldSelectMultiple.js

@@ -67,10 +67,9 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
       enableFuzzySearch = true,
       resetSearchOnOptionSelection = true,
       onOpenChange,
-      selectedOptionFormatter = defaultSelectedOptionFormatter,
-      decoratorRef
+      selectedOptionFormatter = defaultSelectedOptionFormatter
     } = props,
-    rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "removeByBackspace", "addOptionByEnter", "untouchableScrollbars", "open", "enableFuzzySearch", "resetSearchOnOptionSelection", "onOpenChange", "selectedOptionFormatter", "decoratorRef"]);
+    rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "removeByBackspace", "addOptionByEnter", "untouchableScrollbars", "open", "enableFuzzySearch", "resetSearchOnOptionSelection", "onOpenChange", "selectedOptionFormatter"]);
   const localRef = (0, react_1.useRef)(null);
   const inputPlugRef = (0, react_1.useRef)(null);
   const contentRef = (0, react_1.useRef)(null);
@@ -211,7 +210,6 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
   });
   return (0, jsx_runtime_1.jsx)(FieldDecorator_1.FieldDecorator, Object.assign({}, (0, utils_1.extractSupportProps)(rest), (0, utils_2.extractFieldDecoratorProps)(props), {
     validationState: fieldValidationState,
-    ref: decoratorRef,
     children: (0, jsx_runtime_1.jsx)(list_1.Droplist, Object.assign({}, (0, utils_3.extractListProps)(props), {
       items: result,
       triggerElemRef: localRef,

package/dist/cjs/components/FieldSelect/FieldSelectSingle.d.ts

@@ -26,5 +26,4 @@ export declare const FieldSelectSingle: import("react").ForwardRefExoticComponen
     resetSearchOnOptionSelection?: boolean;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter;
-    decoratorRef?: import("react").ForwardedRef<HTMLDivElement>;
 } & Pick<import("@snack-uikit/list").DroplistProps, "scrollToSelectedItem" | "untouchableScrollbars" | "dataFiltered" | "dataError" | "noDataState" | "noResultsState" | "errorDataState">, "resetSearchOnOptionSelection"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/FieldSelect/FieldSelectSingle.js

@@ -65,10 +65,9 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
       onOpenChange,
       selectedOptionFormatter = defaultSelectedOptionFormatter,
       enableFuzzySearch = true,
-      onCopyButtonClick,
-      decoratorRef
+      onCopyButtonClick
     } = props,
-    rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showCopyButton", "showClearButton", "onKeyDown", "required", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "addOptionByEnter", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch", "onCopyButtonClick", "decoratorRef"]);
+    rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showCopyButton", "showClearButton", "onKeyDown", "required", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "addOptionByEnter", "untouchableScrollbars", "open", "onOpenChange", "selectedOptionFormatter", "enableFuzzySearch", "onCopyButtonClick"]);
   const localRef = (0, react_1.useRef)(null);
   const [open = false, setOpen] = (0, hooks_1.useValueControl)({
     value: openProp,
@@ -212,7 +211,6 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
   });
   return (0, jsx_runtime_1.jsx)(FieldDecorator_1.FieldDecorator, Object.assign({}, (0, utils_1.extractSupportProps)(rest), (0, utils_2.extractFieldDecoratorProps)(props), {
     validationState: fieldValidationState,
-    ref: decoratorRef,
     children: (0, jsx_runtime_1.jsx)(list_1.Droplist, Object.assign({}, (0, utils_3.extractListProps)(props), {
       items: result,
       selection: {

package/dist/cjs/components/FieldSelect/types.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { AccordionItemProps, BaseItemProps, DroplistProps, GroupItemProps, ItemContentProps, NextListItemProps, SelectionMultipleState, SelectionSingleState } from '@snack-uikit/list';
 import { TagProps } from '@snack-uikit/tag';
@@ -72,8 +72,6 @@ type FiledSelectCommonProps = WithSupportProps<{
     resetSearchOnOptionSelection?: boolean;
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 }> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered' | 'untouchableScrollbars' | 'scrollToSelectedItem'>;
 export type FieldSelectSingleProps = FieldSelectPrivateProps & Omit<SelectionSingleState, 'mode'> & WrapperProps & Omit<FiledSelectCommonProps, 'resetSearchOnOptionSelection'>;
 export type FieldSelectMultipleProps = FieldSelectPrivateProps & {

package/dist/cjs/components/FieldSlider/FieldSlider.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { SliderProps as SliderComponentProps } from '@snack-uikit/slider';
 import { WithSupportProps } from '@snack-uikit/utils';
@@ -19,8 +19,6 @@ type FieldSliderOwnProps = {
     prefix?: ReactNode;
     /** Произвольный постфикс для поля */
     postfix?: ReactNode;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 export type FieldSliderProps = WithSupportProps<FieldSliderOwnProps & SliderProps & WrapperProps>;
 export declare const FieldSlider: import("react").ForwardRefExoticComponent<{

package/dist/cjs/components/FieldSlider/FieldSlider.js

@@ -67,10 +67,9 @@ exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
       unbindInputFromMarks,
       postfixIcon,
       prefix,
-      postfix,
-      decoratorRef
+      postfix
     } = _a,
-    rest = __rest(_a, ["id", "name", "min", "max", "step", "marks", "showScaleBar", "value", "range", "disabled", "readonly", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "textInputFormatter", "unbindInputFromMarks", "postfixIcon", "prefix", "postfix", "decoratorRef"]);
+    rest = __rest(_a, ["id", "name", "min", "max", "step", "marks", "showScaleBar", "value", "range", "disabled", "readonly", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "textInputFormatter", "unbindInputFromMarks", "postfixIcon", "prefix", "postfix"]);
   const [value = getDefaultValue(range, min, max, valueProp), onChange] = (0, hooks_1.useValueControl)({
     value: valueProp,
     defaultValue: getDefaultValue(range, min, max, valueProp),
@@ -210,8 +209,7 @@ exports.FieldSlider = (0, react_1.forwardRef)((_a, ref) => {
     hint: hint,
     showHintIcon: showHintIcon,
     readonly: readonly,
-    size: size,
-    ref: decoratorRef
+    size: size
   }, (0, utils_1.extractSupportProps)(rest), {
     children: [(0, jsx_runtime_1.jsx)(helperComponents_1.FieldContainerPrivate, {
       className: styles_module_scss_1.default.fieldContainer,

package/dist/cjs/components/FieldStepper/FieldStepper.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ForwardedRef, ReactNode } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { WithSupportProps } from '@snack-uikit/utils';
 import { FieldDecoratorProps } from '../FieldDecorator';
@@ -17,8 +17,6 @@ type FieldStepperOwnProps = {
     prefix?: ReactNode;
     /** Произвольный постфикс для поля */
     postfix?: ReactNode;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 export type FieldStepperProps = WithSupportProps<FieldStepperOwnProps & InputProps & WrapperProps>;
 export declare const FieldStepper: import("react").ForwardRefExoticComponent<{

package/dist/cjs/components/FieldStepper/FieldStepper.js

@@ -74,10 +74,9 @@ exports.FieldStepper = (0, react_1.forwardRef)((_a, ref) => {
       validationState = constants_1.VALIDATION_STATE.Default,
       error,
       prefix,
-      postfix,
-      decoratorRef
+      postfix
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "min", "max", "step", "disabled", "readonly", "allowMoreThanLimits", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "prefix", "postfix", "decoratorRef"]);
+    rest = __rest(_a, ["id", "name", "value", "min", "max", "step", "disabled", "readonly", "allowMoreThanLimits", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "prefix", "postfix"]);
   const {
     t
   } = (0, locale_1.useLocale)('Fields');
@@ -174,8 +173,7 @@ exports.FieldStepper = (0, react_1.forwardRef)((_a, ref) => {
     showHintIcon: showHintIcon,
     size: size,
     validationState: fieldValidationState,
-    error: error,
-    ref: decoratorRef
+    error: error
   }, (0, utils_1.extractSupportProps)(rest), {
     children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, {
       tip: tooltip,

package/dist/cjs/components/FieldText/FieldText.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { WithSupportProps } from '@snack-uikit/utils';
 import { Button } from '../../types';
@@ -25,8 +25,6 @@ type FieldTextOwnProps = {
     postfix?: ReactNode;
     /** Кнопка действия внутри поля */
     button?: Button;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 export type FieldTextProps = WithSupportProps<FieldTextOwnProps & InputProps & WrapperProps>;
 export declare const FieldText: import("react").ForwardRefExoticComponent<{

package/dist/cjs/components/FieldText/FieldText.js

@@ -61,10 +61,9 @@ exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
       postfix,
       button: buttonProp,
       onPaste,
-      onKeyDown,
-      decoratorRef
+      onKeyDown
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "onChange", "onFocus", "onBlur", "onCopyButtonClick", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "autoComplete", "prefixIcon", "prefix", "postfix", "button", "onPaste", "onKeyDown", "decoratorRef"]);
+    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "disabled", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "onChange", "onFocus", "onBlur", "onCopyButtonClick", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "autoComplete", "prefixIcon", "prefix", "postfix", "button", "onPaste", "onKeyDown"]);
   const [value = '', onChange] = (0, hooks_1.useValueControl)({
     value: valueProp,
     defaultValue: '',
@@ -179,8 +178,7 @@ exports.FieldText = (0, react_1.forwardRef)((_a, ref) => {
     showHintIcon: showHintIcon,
     size: size,
     validationState: fieldValidationState,
-    error: error,
-    ref: decoratorRef
+    error: error
   }, (0, utils_1.extractSupportProps)(rest), {
     children: (0, jsx_runtime_1.jsx)(helperComponents_1.FieldContainerPrivate, {
       size: size,

package/dist/cjs/components/FieldTextArea/FieldTextArea.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ForwardedRef } from 'react';
+import { ChangeEvent } from 'react';
 import { WithSupportProps } from '@snack-uikit/utils';
 import { TextAreaProps } from '../../helperComponents';
 import { FieldDecoratorProps } from '../FieldDecorator';
@@ -24,8 +24,6 @@ type FieldTextAreaOwnProps = {
     showClearButton?: boolean;
     /** Можно ли вводить больше разрешённого кол-ва символов */
     allowMoreThanMaxLength?: boolean;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 export type FieldTextAreaProps = WithSupportProps<FieldTextAreaOwnProps & InputProps & WrapperProps>;
 export declare const FieldTextArea: import("react").ForwardRefExoticComponent<{

package/dist/cjs/components/FieldTextArea/FieldTextArea.js

@@ -58,10 +58,9 @@ exports.FieldTextArea = (0, react_1.forwardRef)((_a, ref) => {
       error,
       size = input_private_1.SIZE.S,
       validationState = constants_1.VALIDATION_STATE.Default,
-      onCopyButtonClick,
-      decoratorRef
+      onCopyButtonClick
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "minRows", "maxRows", "disabled", "resizable", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "error", "size", "validationState", "onCopyButtonClick", "decoratorRef"]);
+    rest = __rest(_a, ["id", "name", "value", "placeholder", "maxLength", "minRows", "maxRows", "disabled", "resizable", "readonly", "showCopyButton", "showClearButton", "allowMoreThanMaxLength", "showHintIcon", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "error", "size", "validationState", "onCopyButtonClick"]);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
   const copyButtonRef = (0, react_1.useRef)(null);
@@ -125,8 +124,7 @@ exports.FieldTextArea = (0, react_1.forwardRef)((_a, ref) => {
     showHintIcon: showHintIcon,
     size: size,
     error: error,
-    validationState: fieldValidationState,
-    ref: decoratorRef
+    validationState: fieldValidationState
   }, (0, utils_1.extractSupportProps)(rest), {
     children: (0, jsx_runtime_1.jsx)(helperComponents_1.FieldContainerPrivate, {
       className: styles_module_scss_1.default.container,

package/dist/cjs/components/FieldTime/FieldTime.d.ts

@@ -1,4 +1,3 @@
-import { ForwardedRef } from 'react';
 import { TimePickerProps } from '@snack-uikit/calendar';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { WithSupportProps } from '@snack-uikit/utils';
@@ -25,8 +24,6 @@ type FieldTimeOwnProps = {
      * @default true
      */
     showClearButton?: boolean;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 export type FieldTimeProps = WithSupportProps<FieldTimeOwnProps & InputProps & WrapperProps>;
 export declare const FieldTime: import("react").ForwardRefExoticComponent<{

package/dist/cjs/components/FieldTime/FieldTime.js

@@ -77,10 +77,9 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
       size = input_private_1.SIZE.S,
       validationState = constants_1.VALIDATION_STATE.Default,
       error,
-      onCopyButtonClick,
-      decoratorRef
+      onCopyButtonClick
     } = _a,
-    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "showSeconds", "size", "validationState", "error", "onCopyButtonClick", "decoratorRef"]);
+    rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onOpenChange", "onChange", "onFocus", "onBlur", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "showSeconds", "size", "validationState", "error", "onCopyButtonClick"]);
   const [isOpen, setIsOpen] = (0, uncontrollable_1.useUncontrolledProp)(open, false, onOpenChange);
   const localRef = (0, react_1.useRef)(null);
   const clearButtonRef = (0, react_1.useRef)(null);
@@ -244,8 +243,7 @@ exports.FieldTime = (0, react_1.forwardRef)((_a, ref) => {
     showHintIcon: showHintIcon,
     size: size,
     error: error,
-    validationState: fieldValidationState,
-    ref: decoratorRef
+    validationState: fieldValidationState
   }, (0, utils_1.extractSupportProps)(rest), {
     children: (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({
       trigger: 'click',

package/dist/esm/components/FieldColor/FieldColor.d.ts

@@ -1,4 +1,3 @@
-import { ForwardedRef } from 'react';
 import { ColorPickerProps } from '@snack-uikit/color-picker';
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import { WithSupportProps } from '@snack-uikit/utils';
@@ -21,8 +20,6 @@ type FieldDateOwnProps = {
     showClearButton?: boolean;
     value?: string;
     onChange?(value: string): void;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 } & Omit<ColorPickerProps, 'onChange' | 'value'>;
 export type FieldColorProps = WithSupportProps<FieldDateOwnProps & InputProps & WrapperProps>;
 export declare const FieldColor: import("react").ForwardRefExoticComponent<{
@@ -43,7 +40,5 @@ export declare const FieldColor: import("react").ForwardRefExoticComponent<{
     showClearButton?: boolean;
     value?: string;
     onChange?(value: string): void;
-    /** Ref для корневой обертки компонента */
-    decoratorRef?: ForwardedRef<HTMLDivElement>;
 } & Omit<ColorPickerProps, "value" | "onChange"> & InputProps & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/esm/components/FieldColor/FieldColor.js

@@ -24,7 +24,7 @@ import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import styles from './styles.module.css';
 export const FieldColor = forwardRef((_a, ref) => {
-    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onChange, onOpenChange, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, error, withAlpha, autoApply, placeholder, onFocus, onBlur, onCopyButtonClick, decoratorRef } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onChange", "onOpenChange", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "withAlpha", "autoApply", "placeholder", "onFocus", "onBlur", "onCopyButtonClick", "decoratorRef"]);
+    var { id, name, value: valueProp, disabled = false, readonly = false, showCopyButton: showCopyButtonProp = true, showClearButton: showClearButtonProp = true, open, onChange, onOpenChange, className, label, labelTooltip, labelTooltipPlacement, required = false, caption, hint, showHintIcon, size = SIZE.S, validationState = VALIDATION_STATE.Default, error, withAlpha, autoApply, placeholder, onFocus, onBlur, onCopyButtonClick } = _a, rest = __rest(_a, ["id", "name", "value", "disabled", "readonly", "showCopyButton", "showClearButton", "open", "onChange", "onOpenChange", "className", "label", "labelTooltip", "labelTooltipPlacement", "required", "caption", "hint", "showHintIcon", "size", "validationState", "error", "withAlpha", "autoApply", "placeholder", "onFocus", "onBlur", "onCopyButtonClick"]);
     const [isOpen, setIsOpen] = useUncontrolledProp(open, false, onOpenChange);
     const localRef = useRef(null);
     const showDropList = isOpen && !readonly && !disabled;
@@ -62,7 +62,7 @@ export const FieldColor = forwardRef((_a, ref) => {
             (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [open]);
-    return (_jsx(FieldDecorator, Object.assign({ className: className, label: label, labelTooltip: labelTooltip, labelTooltipPlacement: labelTooltipPlacement, labelFor: id, required: required, caption: caption, hint: hint, disabled: disabled, readonly: readonly, showHintIcon: showHintIcon, size: size, error: error, validationState: fieldValidationState, ref: decoratorRef }, extractSupportProps(rest), { children: _jsx(Dropdown, Object.assign({ trigger: 'click', triggerClassName: styles.triggerClassName, widthStrategy: 'auto' }, (readonly || disabled
+    return (_jsx(FieldDecorator, Object.assign({ className: className, label: label, labelTooltip: labelTooltip, labelTooltipPlacement: labelTooltipPlacement, labelFor: id, required: required, caption: caption, hint: hint, disabled: disabled, readonly: readonly, showHintIcon: showHintIcon, size: size, error: error, validationState: fieldValidationState }, extractSupportProps(rest), { children: _jsx(Dropdown, Object.assign({ trigger: 'click', triggerClassName: styles.triggerClassName, widthStrategy: 'auto' }, (readonly || disabled
             ? { open: false }
             : {
                 open: showDropList,