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

package/src/components/FieldDecorator/FieldDecorator.tsx

@@ -1,5 +1,5 @@
 import cn from 'classnames';
-import { forwardRef, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
 import { SIZE } from '@snack-uikit/input-private';
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
@@ -25,54 +25,49 @@ export type FieldDecoratorProps = WithSupportProps<
     FooterProps
 >;
 
-export const FieldDecorator = forwardRef<HTMLDivElement, FieldDecoratorProps>(
-  (
-    {
-      children,
-      className,
-      label,
-      labelTooltip,
-      required,
-      labelFor,
-      caption,
-      length,
-      hint,
-      disabled,
-      readonly,
-      showHintIcon,
-      labelTooltipPlacement,
-      size = SIZE.S,
-      error,
-      validationState = VALIDATION_STATE.Default,
-      ...rest
-    },
-    ref,
-  ) => {
-    const isFieldActive = !disabled && !readonly;
-    const fieldValidationState = getValidationState({ validationState, error });
+export function FieldDecorator({
+  children,
+  className,
+  label,
+  labelTooltip,
+  required,
+  labelFor,
+  caption,
+  length,
+  hint,
+  disabled,
+  readonly,
+  showHintIcon,
+  labelTooltipPlacement,
+  size = SIZE.S,
+  error,
+  validationState = VALIDATION_STATE.Default,
+  ...rest
+}: FieldDecoratorProps) {
+  const isFieldActive = !disabled && !readonly;
+  const fieldValidationState = getValidationState({ validationState, error });
 
-    return (
-      <div className={cn(styles.decorator, className)} {...extractSupportProps(rest)} data-size={size} ref={ref}>
-        {label && (
-          <Header
-            labelTooltipPlacement={labelTooltipPlacement}
-            required={required}
-            label={label}
-            labelTooltip={labelTooltip}
-            labelFor={labelFor}
-            caption={caption}
-            size={size}
-          />
-        )}
-        {children}
-        <Footer
-          length={isFieldActive ? length : undefined}
-          hint={error || hint}
-          showHintIcon={showHintIcon}
+  return (
+    <div className={cn(styles.decorator, className)} {...extractSupportProps(rest)} data-size={size}>
+      {label && (
+        <Header
+          labelTooltipPlacement={labelTooltipPlacement}
+          required={required}
+          label={label}
+          labelTooltip={labelTooltip}
+          labelFor={labelFor}
+          caption={caption}
           size={size}
-          validationState={isFieldActive ? fieldValidationState : VALIDATION_STATE.Default}
         />
-      </div>
-    );
-  },
-);
+      )}
+      {children}
+      <Footer
+        length={isFieldActive ? length : undefined}
+        hint={error || hint}
+        showHintIcon={showHintIcon}
+        size={size}
+        validationState={isFieldActive ? fieldValidationState : VALIDATION_STATE.Default}
+      />
+    </div>
+  );
+}

package/src/components/FieldSecure/FieldSecure.tsx

@@ -1,5 +1,5 @@
 import mergeRefs from 'merge-refs';
-import { ForwardedRef, forwardRef, ReactElement, useMemo, useRef, useState } from 'react';
+import { forwardRef, ReactElement, useMemo, useRef, useState } from 'react';
 
 import {
   InputPrivate,
@@ -55,8 +55,6 @@ type FieldSecureOwnProps = {
   prefixIcon?: ReactElement;
   /** Свойство позволяет грузить данные в поле по требованию */
   asyncValueGetter?(): Promise<string>;
-  /** Ref для корневой обертки компонента */
-  decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 
 export type FieldSecureProps = WithSupportProps<FieldSecureOwnProps & InputProps & WrapperProps>;
@@ -93,7 +91,6 @@ export const FieldSecure = forwardRef<HTMLInputElement, FieldSecureProps>(
       asyncValueGetter,
       autoComplete,
       onCopyButtonClick,
-      decoratorRef,
       ...rest
     },
     ref,
@@ -208,7 +205,6 @@ export const FieldSecure = forwardRef<HTMLInputElement, FieldSecureProps>(
         size={size}
         error={error}
         validationState={fieldValidationState}
-        ref={decoratorRef}
         {...extractSupportProps(rest)}
       >
         <FieldContainerPrivate

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -53,7 +53,6 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
     resetSearchOnOptionSelection = true,
     onOpenChange,
     selectedOptionFormatter = defaultSelectedOptionFormatter,
-    decoratorRef,
     ...rest
   } = props;
   const localRef = useRef<HTMLInputElement>(null);
@@ -181,7 +180,6 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
       {...extractSupportProps(rest)}
       {...extractFieldDecoratorProps(props)}
       validationState={fieldValidationState}
-      ref={decoratorRef}
     >
       <Droplist
         {...extractListProps(props)}

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -60,7 +60,6 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     selectedOptionFormatter = defaultSelectedOptionFormatter,
     enableFuzzySearch = true,
     onCopyButtonClick,
-    decoratorRef,
     ...rest
   } = props;
   const localRef = useRef<HTMLInputElement>(null);
@@ -197,7 +196,6 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
       {...extractSupportProps(rest)}
       {...extractFieldDecoratorProps(props)}
       validationState={fieldValidationState}
-      ref={decoratorRef}
     >
       <Droplist
         {...extractListProps(props)}

package/src/components/FieldSelect/types.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef, ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 
 import { InputPrivateProps } from '@snack-uikit/input-private';
 import {
@@ -135,9 +135,6 @@ type FiledSelectCommonProps = WithSupportProps<{
   onOpenChange?(open: boolean): void;
 
   selectedOptionFormatter?: SelectedOptionFormatter;
-
-  /** Ref для корневой обертки компонента */
-  decoratorRef?: ForwardedRef<HTMLDivElement>;
 }> &
   Pick<
     DroplistProps,

package/src/components/FieldSlider/FieldSlider.tsx

@@ -1,7 +1,6 @@
 import mergeRefs from 'merge-refs';
 import {
   FocusEvent,
-  ForwardedRef,
   forwardRef,
   KeyboardEvent,
   ReactElement,
@@ -55,8 +54,6 @@ type FieldSliderOwnProps = {
   prefix?: ReactNode;
   /** Произвольный постфикс для поля */
   postfix?: ReactNode;
-  /** Ref для корневой обертки компонента */
-  decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 
 export type FieldSliderProps = WithSupportProps<FieldSliderOwnProps & SliderProps & WrapperProps>;
@@ -109,7 +106,6 @@ export const FieldSlider = forwardRef<HTMLInputElement, FieldSliderProps>(
       postfixIcon,
       prefix,
       postfix,
-      decoratorRef,
       ...rest
     },
     ref,
@@ -284,7 +280,6 @@ export const FieldSlider = forwardRef<HTMLInputElement, FieldSliderProps>(
         showHintIcon={showHintIcon}
         readonly={readonly}
         size={size}
-        ref={decoratorRef}
         {...extractSupportProps(rest)}
       >
         <FieldContainerPrivate

package/src/components/FieldStepper/FieldStepper.tsx

@@ -3,7 +3,6 @@ import mergeRefs from 'merge-refs';
 import {
   ChangeEvent,
   FocusEvent,
-  ForwardedRef,
   forwardRef,
   KeyboardEventHandler,
   MouseEvent,
@@ -60,8 +59,6 @@ type FieldStepperOwnProps = {
   prefix?: ReactNode;
   /** Произвольный постфикс для поля */
   postfix?: ReactNode;
-  /** Ref для корневой обертки компонента */
-  decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 
 export type FieldStepperProps = WithSupportProps<FieldStepperOwnProps & InputProps & WrapperProps>;
@@ -114,7 +111,6 @@ export const FieldStepper = forwardRef<HTMLInputElement, FieldStepperProps>(
       error,
       prefix,
       postfix,
-      decoratorRef,
       ...rest
     },
     ref,
@@ -227,7 +223,6 @@ export const FieldStepper = forwardRef<HTMLInputElement, FieldStepperProps>(
         size={size}
         validationState={fieldValidationState}
         error={error}
-        ref={decoratorRef}
         {...extractSupportProps(rest)}
       >
         <Tooltip

package/src/components/FieldText/FieldText.tsx

@@ -1,6 +1,5 @@
 import mergeRefs from 'merge-refs';
 import {
-  ForwardedRef,
   forwardRef,
   KeyboardEventHandler,
   ReactElement,
@@ -73,8 +72,6 @@ type FieldTextOwnProps = {
   postfix?: ReactNode;
   /** Кнопка действия внутри поля */
   button?: Button;
-  /** Ref для корневой обертки компонента */
-  decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 
 export type FieldTextProps = WithSupportProps<FieldTextOwnProps & InputProps & WrapperProps>;
@@ -114,7 +111,6 @@ export const FieldText = forwardRef<HTMLInputElement, FieldTextProps>(
       button: buttonProp,
       onPaste,
       onKeyDown,
-      decoratorRef,
       ...rest
     },
     ref,
@@ -228,7 +224,6 @@ export const FieldText = forwardRef<HTMLInputElement, FieldTextProps>(
         size={size}
         validationState={fieldValidationState}
         error={error}
-        ref={decoratorRef}
         {...extractSupportProps(rest)}
       >
         <FieldContainerPrivate

package/src/components/FieldTextArea/FieldTextArea.tsx

@@ -1,5 +1,5 @@
 import mergeRefs from 'merge-refs';
-import { ChangeEvent, ForwardedRef, forwardRef, useMemo, useRef } from 'react';
+import { ChangeEvent, forwardRef, useMemo, useRef } from 'react';
 
 import { SIZE, useButtonNavigation, useClearButton } from '@snack-uikit/input-private';
 import { Scroll } from '@snack-uikit/scroll';
@@ -50,8 +50,6 @@ type FieldTextAreaOwnProps = {
   showClearButton?: boolean;
   /** Можно ли вводить больше разрешённого кол-ва символов */
   allowMoreThanMaxLength?: boolean;
-  /** Ref для корневой обертки компонента */
-  decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 
 export type FieldTextAreaProps = WithSupportProps<FieldTextAreaOwnProps & InputProps & WrapperProps>;
@@ -87,7 +85,6 @@ export const FieldTextArea = forwardRef<HTMLTextAreaElement, FieldTextAreaProps>
       size = SIZE.S,
       validationState = VALIDATION_STATE.Default,
       onCopyButtonClick,
-      decoratorRef,
       ...rest
     },
     ref,
@@ -150,7 +147,6 @@ export const FieldTextArea = forwardRef<HTMLTextAreaElement, FieldTextAreaProps>
         size={size}
         error={error}
         validationState={fieldValidationState}
-        ref={decoratorRef}
         {...extractSupportProps(rest)}
       >
         <FieldContainerPrivate

package/src/components/FieldTime/FieldTime.tsx

@@ -1,15 +1,5 @@
 import mergeRefs from 'merge-refs';
-import {
-  FocusEvent,
-  ForwardedRef,
-  forwardRef,
-  KeyboardEvent,
-  MouseEvent,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-} from 'react';
+import { FocusEvent, forwardRef, KeyboardEvent, MouseEvent, useCallback, useEffect, useMemo, useRef } from 'react';
 import { useUncontrolledProp } from 'uncontrollable';
 
 import { TimePicker, TimePickerProps } from '@snack-uikit/calendar';
@@ -71,8 +61,6 @@ type FieldTimeOwnProps = {
    * @default true
    */
   showClearButton?: boolean;
-  /** Ref для корневой обертки компонента */
-  decoratorRef?: ForwardedRef<HTMLDivElement>;
 };
 
 export type FieldTimeProps = WithSupportProps<FieldTimeOwnProps & InputProps & WrapperProps>;
@@ -125,7 +113,6 @@ export const FieldTime = forwardRef<HTMLInputElement, FieldTimeProps>(
       validationState = VALIDATION_STATE.Default,
       error,
       onCopyButtonClick,
-      decoratorRef,
       ...rest
     },
     ref,
@@ -303,7 +290,6 @@ export const FieldTime = forwardRef<HTMLInputElement, FieldTimeProps>(
         size={size}
         error={error}
         validationState={fieldValidationState}
-        ref={decoratorRef}
         {...extractSupportProps(rest)}
       >
         <Dropdown