fix(Input): repair icon props

packages/react-ui/components/Input/InputLayout/InputLayoutAside.tsx

@@ -13,7 +13,7 @@ export interface InputLayoutAsideProps {
   side: 'left' | 'right';
 }
 
-export const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon = null, text, side }) => {
+export const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {
   const asideClassName = stylesLayout.aside();
 
   const _icon = <InputLayoutAsideIcon key="icon" icon={icon} side={side} />;

packages/react-ui/components/Input/InputLayout/InputLayoutAsideIcon.tsx

@@ -13,7 +13,7 @@ export interface InputLayoutAsideIconProps {
   side: 'left' | 'right';
 }
 
-export const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon, side }) => {
+export const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {
   const theme = React.useContext(ThemeContext);
   const { focused, disabled, size } = React.useContext(InputLayoutContext);
 
@@ -28,9 +28,9 @@ export const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconP
     large: parseInt(theme.inputIconGapLarge),
   };
 
-  let _icon = null;
-  if (icon && isElement(icon)) {
-    _icon = isKonturIcon(icon) ? React.cloneElement(icon, { size: icon.props.size ?? sizes[size] }) : icon;
+  let _icon = icon instanceof Function ? icon() : icon;
+  if (isElement(icon) && isKonturIcon(icon)) {
+    _icon = React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });
   }
 
   const style: React.CSSProperties = {};

packages/react-ui/components/Input/__stories__/Input.stories.tsx

@@ -108,7 +108,7 @@ export const LeftIcon: Story = () => (
   <ComponentTable
     Component={Input}
     cols={sizeStates.map((x) => ({ props: x }))}
-    rows={iconsStates.map((x) => ({ props: x }))}
+    rows={iconsLeftStates.map((x) => ({ props: x }))}
     presetProps={{ leftIcon: <SearchIcon /> }}
   />
 );
@@ -117,13 +117,36 @@ export const RightIcon: Story = () => (
   <ComponentTable
     Component={Input}
     cols={sizeStates.map((x) => ({ props: x }))}
-    rows={iconsStates.map((x) => ({ props: x }))}
+    rows={iconsRightStates.map((x) => ({ props: x }))}
     presetProps={{ rightIcon: <SearchIcon /> }}
   />
 );
 
+const iconFunc = () => <SearchIcon />;
+iconFunc.toString = () => '() => <SearchIcon />';
+
 const iconsStates: InputState[] = [{}, { defaultValue: 'Value' }, { disabled: true }];
 
+const iconsLeftStates: InputState[] = [
+  ...iconsStates,
+  {
+    leftIcon: iconFunc,
+  },
+  {
+    leftIcon: '₽',
+  },
+];
+
+const iconsRightStates: InputState[] = [
+  ...iconsStates,
+  {
+    rightIcon: iconFunc,
+  },
+  {
+    rightIcon: '₽',
+  },
+];
+
 export const Mask: Story = () => (
   <ComponentTable
     Component={Input}