From b4292e4d5b9600a49c0d86d74ca959920c069275 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=95=D0=B2=D0=B3=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=9F=D1=8F?=
 =?UTF-8?q?=D1=82=D0=BA=D0=BE=D0=B2?= <jackuait@bk.ru>
Date: Fri, 22 Sep 2023 13:13:31 +0300
Subject: [PATCH] fix(CurrencyInput): component requires findDOMNode in
 THEME_2022

---
 .../components/Input/InputLayout/InputLayout.tsx      | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/react-ui/components/Input/InputLayout/InputLayout.tsx b/packages/react-ui/components/Input/InputLayout/InputLayout.tsx
index 572c173dc5a..d0007ef5ff8 100644
--- a/packages/react-ui/components/Input/InputLayout/InputLayout.tsx
+++ b/packages/react-ui/components/Input/InputLayout/InputLayout.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 
+import { forwardRefAndName } from '../../../lib/forwardRefAndName';
 import { InputDataTids, InputProps } from '../Input';
-import { CommonWrapper } from '../../../internal/CommonWrapper';
+import { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';
 
 import { InputLayoutAside } from './InputLayoutAside';
 import { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';
@@ -9,19 +10,19 @@ import { stylesLayout } from './InputLayout.styles';
 
 type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
 
-export interface InputLayoutRootProps extends InputLayoutRootFromInputProps {
+export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
   labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
   context: Partial<InputLayoutContextProps>;
 }
 
-export const InputLayout: React.FunctionComponent<InputLayoutRootProps> = (props) => {
+export const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {
   const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;
   const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };
 
   return (
     <InputLayoutContext.Provider value={_context}>
       <CommonWrapper {...props}>
-        <label data-tid={InputDataTids.root} {...labelProps}>
+        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>
           <InputLayoutAside icon={leftIcon} text={prefix} side="left" />
           <span className={stylesLayout.input()}>{children}</span>
           <InputLayoutAside icon={rightIcon} text={suffix} side="right" />
@@ -29,4 +30,4 @@ export const InputLayout: React.FunctionComponent<InputLayoutRootProps> = (props
       </CommonWrapper>
     </InputLayoutContext.Provider>
   );
-};
+});