intelicoreact 1.6.6 → 1.6.7

package/dist/lib/src/Atomic/FormElements/CheckboxesLine/CheckboxesLine.d.ts

@@ -1,5 +0,0 @@
-import type { ICheckboxLineProps } from './CheckboxesLine.interface';
-import React from 'react';
-import './CheckboxesLine.scss';
-declare const CheckboxesLine: React.FC<ICheckboxLineProps>;
-export default CheckboxesLine;

package/dist/lib/src/Atomic/FormElements/CheckboxesLine/CheckboxesLine.interface.d.ts

@@ -1,24 +0,0 @@
-import type { IUniProps } from '../../../types/base.interface';
-interface CheckboxItem {
-    id: string | number;
-    label: string;
-    disabled?: boolean;
-    testId?: string;
-}
-export interface ICheckboxLineProps extends IUniProps {
-    field?: {
-        items?: CheckboxItem[];
-        value?: (string | number)[];
-        disabled?: boolean;
-        isPositionColumn?: boolean;
-        className?: string;
-        testId?: string;
-    };
-    isIncludeOuterStyles?: boolean;
-    items?: CheckboxItem[];
-    value?: (string | number)[];
-    disabled?: boolean;
-    isPositionColumn?: boolean;
-    onChange: (value: (string | number)[]) => void;
-}
-export {};

package/dist/lib/src/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.d.ts

@@ -1,28 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import type { ICheckboxLineProps } from './CheckboxesLine.interface';
-import './partial/AnyOuterClass.scss';
-import '../../../../../scss/main.scss';
-type Story = StoryFn<ICheckboxLineProps>;
-declare const _default: {
-    title: string;
-    component: import("react").FC<ICheckboxLineProps>;
-    argTypes: {
-        items: {
-            description: string;
-        };
-        value: {
-            description: string;
-        };
-        disabled: {
-            description: string;
-        };
-        isPositionColumn: {
-            description: string;
-        };
-        className: {
-            description: string;
-        };
-    };
-};
-export default _default;
-export declare const TemplateCheckboxesLine: Story;

package/dist/lib/src/Atomic/FormElements/CheckboxesLine/CheckboxesLine.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/lib/src/Atomic/FormElements/CheckboxesLine/index.d.ts

@@ -1,3 +0,0 @@
-import CheckboxesLine from './CheckboxesLine';
-export default CheckboxesLine;
-export type { ICheckboxLineProps } from './CheckboxesLine.interface';

package/dist/lib/src/Atomic/FormElements/Datepicker/Datepicker.d.ts

@@ -1,2 +0,0 @@
-export default Datepicker;
-declare function Datepicker(props: any): JSX.Element;

package/dist/lib/src/Atomic/FormElements/Datepicker/Datepicker.stories.d.ts

@@ -1,17 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Datepicker as component };
-}
-export default _default;
-export function DatepickerTemplate(args: any): JSX.Element;
-export namespace DatepickerTemplate {
-    namespace args {
-        let date: string;
-        let minDate: string;
-        let maxDate: string;
-        namespace values {
-            let compare: boolean;
-        }
-    }
-}
-import Datepicker from './Datepicker';

package/dist/lib/src/Atomic/FormElements/Datepicker/components/Calendar.d.ts

@@ -1,2 +0,0 @@
-export default Calendar;
-declare function Calendar(props: any): JSX.Element;

package/dist/lib/src/Atomic/FormElements/Dropdown/Dropdown.d.ts

@@ -1,31 +0,0 @@
-export default Dropdown;
-declare function Dropdown({ label, options, value, error, disabled, onChange, placeholder, className, isSearchable, entity, scrollReactionObj, isListTop, isNotValidateASCII, testId, sortAlphabetical, fieldKey, id, noOptionsText, attributesOfNativeInput, isDoNotPullOutListOfMainContainer, withMobileLogic, withActions, minItemsForShowMobileSearch, customTrigger, tabIndex, onActionConfirmClick, onActionCancelClick, isDefaultOpened, }: {
-    label: any;
-    options?: never[] | undefined;
-    value: any;
-    error: any;
-    disabled: any;
-    onChange: any;
-    placeholder: any;
-    className: any;
-    isSearchable: any;
-    entity: any;
-    scrollReactionObj: any;
-    isListTop: any;
-    isNotValidateASCII?: boolean | undefined;
-    testId?: string | undefined;
-    sortAlphabetical?: boolean | undefined;
-    fieldKey: any;
-    id: any;
-    noOptionsText?: string | undefined;
-    attributesOfNativeInput?: {} | undefined;
-    isDoNotPullOutListOfMainContainer: any;
-    withMobileLogic: any;
-    withActions: any;
-    minItemsForShowMobileSearch?: number | undefined;
-    customTrigger: any;
-    tabIndex: any;
-    onActionConfirmClick: any;
-    onActionCancelClick: any;
-    isDefaultOpened: any;
-}): JSX.Element | null;

package/dist/lib/src/Atomic/FormElements/Dropdown/Dropdown.stories.d.ts

@@ -1,73 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Dropdown as component };
-    export namespace argTypes {
-        namespace className {
-            let description: string;
-        }
-        namespace value {
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace isSearchable {
-            let description_2: string;
-            export { description_2 as description };
-            export let type: string;
-            export let defaultValue: boolean;
-        }
-        namespace onChange {
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace entity {
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace attributesOfNativeInput {
-            let description_5: string;
-            export { description_5 as description };
-        }
-        namespace isDoNotPullOutListOfMainContainer {
-            let description_6: string;
-            export { description_6 as description };
-        }
-    }
-}
-export default _default;
-export function DropdownTemplate(args: any): JSX.Element;
-export namespace DropdownTemplate {
-    namespace args {
-        let entity_1: string;
-        export { entity_1 as entity };
-        let value_1: string;
-        export { value_1 as value };
-        export let placeholder: string;
-        let isSearchable_1: boolean;
-        export { isSearchable_1 as isSearchable };
-        let isDoNotPullOutListOfMainContainer_1: boolean;
-        export { isDoNotPullOutListOfMainContainer_1 as isDoNotPullOutListOfMainContainer };
-        export let options: {
-            label: string;
-            items: ({
-                value: number;
-                label: string;
-                isNoActiveLenders: boolean;
-                icon: JSX.Element;
-                postfix: string;
-                description: string;
-            } | {
-                value: number;
-                label: string;
-                isNoActiveLenders: boolean;
-                postfix: string;
-                icon?: undefined;
-                description?: undefined;
-            })[];
-        }[];
-        export let error: string;
-        export let isNotValidateASCII: boolean;
-        export let fieldKey: string;
-        export let id: string;
-    }
-}
-import Dropdown from "./Dropdown";

package/dist/lib/src/Atomic/FormElements/Dropdown/components/DropdownLoader.d.ts

@@ -1,4 +0,0 @@
-export default DropdownLoader;
-declare function DropdownLoader({ variant }: {
-    variant: any;
-}): JSX.Element;

package/dist/lib/src/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.d.ts

@@ -1,23 +0,0 @@
-export default DropdownLiveSearch;
-declare function DropdownLiveSearch({ label, value, error, disabled, onChange, placeholder, className, isSearchable, doRequest, isLoading, options, fieldKey, id, isListTop, attributesOfNativeInput, withMobileLogic, tabIndex, isNotValidateASCII, noOptionsText, testId, }: {
-    label: any;
-    value: any;
-    error: any;
-    disabled: any;
-    onChange: any;
-    placeholder: any;
-    className: any;
-    isSearchable: any;
-    doRequest: any;
-    isLoading: any;
-    options?: never[] | undefined;
-    fieldKey: any;
-    id: any;
-    isListTop: any;
-    attributesOfNativeInput?: {} | undefined;
-    withMobileLogic: any;
-    tabIndex: any;
-    isNotValidateASCII?: boolean | undefined;
-    noOptionsText?: string | undefined;
-    testId?: string | undefined;
-}): JSX.Element | null;

package/dist/lib/src/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.stories.d.ts

@@ -1,67 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { DropdownLiveSearch as component };
-    export namespace argTypes {
-        namespace className {
-            let description: string;
-        }
-        namespace value {
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace isSearchable {
-            let description_2: string;
-            export { description_2 as description };
-            export let type: string;
-            export let defaultValue: boolean;
-        }
-        namespace onChange {
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace entity {
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace attributesOfNativeInput {
-            let description_5: string;
-            export { description_5 as description };
-        }
-    }
-}
-export default _default;
-export function DropdownLiveSearchTemplate(args: any): JSX.Element;
-export namespace DropdownLiveSearchTemplate {
-    namespace args {
-        let value_1: string;
-        export { value_1 as value };
-        export let placeholder: string;
-        let isSearchable_1: boolean;
-        export { isSearchable_1 as isSearchable };
-        export let isNotValidateASCII: boolean;
-        export let fieldKey: string;
-        export let id: string;
-        export let disabled: boolean;
-        export let isListTop: boolean;
-        export let options: ({
-            label: string;
-            value: number;
-            postfix: string;
-            className: string;
-            disabled?: undefined;
-        } | {
-            label: string;
-            value: string;
-            disabled: boolean;
-            postfix?: undefined;
-            className?: undefined;
-        } | {
-            label: string;
-            value: string;
-            postfix?: undefined;
-            className?: undefined;
-            disabled?: undefined;
-        })[];
-    }
-}
-import DropdownLiveSearch from "./DropdownLiveSearch";

package/dist/lib/src/Atomic/FormElements/FileLoader/FileLoader.d.ts

@@ -1,2 +0,0 @@
-export default FileLoader;
-declare function FileLoader(props: any): JSX.Element;

package/dist/lib/src/Atomic/FormElements/FileLoader/FileLoader.stories.d.ts

@@ -1,23 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FileLoader as component };
-}
-export default _default;
-export function FileLoaderTemplate(args: any): JSX.Element;
-export namespace FileLoaderTemplate {
-    namespace args {
-        let isUseFilterFiles: boolean;
-        let isBlockNullValues: boolean;
-        let isDisableErrorsClass: boolean;
-        let isIconAfter: boolean;
-        let isUseLinkTitle: boolean;
-        let isLinkTypeDownload: boolean;
-        let disabled: boolean;
-        let placeholder: string;
-        let uploadIcon: JSX.Element;
-        let downloadIcon: JSX.Element;
-        let deleteIcon: JSX.Element;
-        let spiner: JSX.Element;
-    }
-}
-import FileLoader from './FileLoader';

package/dist/lib/src/Atomic/FormElements/FileLoader/partial/LoadZone.d.ts

@@ -1,15 +0,0 @@
-export default LoadZone;
-declare function LoadZone({ RC, fieldKey, onChange, doLoad, setDragenter, setIsLoadContent, icon, placeholder, filterFiles, processErrors, isBlockNullValues, attributesOfNativeInput, }: {
-    RC: any;
-    fieldKey: any;
-    onChange: any;
-    doLoad: any;
-    setDragenter: any;
-    setIsLoadContent: any;
-    icon: any;
-    placeholder?: string | undefined;
-    filterFiles?: ((file: any) => any) | undefined;
-    processErrors: any;
-    isBlockNullValues: any;
-    attributesOfNativeInput?: {} | undefined;
-}): JSX.Element;

package/dist/lib/src/Atomic/FormElements/FileLoader/partial/LoadedContent.d.ts

@@ -1,2 +0,0 @@
-export default LoadedContent;
-declare function LoadedContent(props: any): JSX.Element;

package/dist/lib/src/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.d.ts

@@ -1,17 +0,0 @@
-export default FileLoaderDescription;
-declare function FileLoaderDescription({ id, testId, fieldKey, files: initFiles, onChange, className, filesDescription, documentName, accordionTitle, accordionListContent, maxFilesCount, isWithoutAccordion, error: outerError, ...props }: {
-    [x: string]: any;
-    id: any;
-    testId?: string | undefined;
-    fieldKey: any;
-    files: any;
-    onChange: any;
-    className: any;
-    filesDescription?: string | undefined;
-    documentName?: string | undefined;
-    accordionTitle?: string | undefined;
-    accordionListContent?: never[] | undefined;
-    maxFilesCount?: number | undefined;
-    isWithoutAccordion: any;
-    error: any;
-}): JSX.Element;

package/dist/lib/src/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.stories.d.ts

@@ -1,115 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FileLoaderDescription as component };
-    export namespace argTypes {
-        namespace accordionListContent {
-            namespace control {
-                let type: string;
-            }
-            let description: string;
-        }
-        namespace accordionTitle {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace filesDescription {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace documentName {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace onChange {
-            export let action: string;
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace testId {
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-            let description_5: string;
-            export { description_5 as description };
-        }
-        namespace className {
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-            }
-            export { control_5 as control };
-            let description_6: string;
-            export { description_6 as description };
-        }
-        namespace files {
-            export namespace control_6 {
-                let type_6: string;
-                export { type_6 as type };
-            }
-            export { control_6 as control };
-            let description_7: string;
-            export { description_7 as description };
-        }
-        namespace maxFilesCount {
-            export namespace control_7 {
-                let type_7: string;
-                export { type_7 as type };
-            }
-            export { control_7 as control };
-            let description_8: string;
-            export { description_8 as description };
-        }
-        namespace isWithoutAccordion {
-            export namespace control_8 {
-                let type_8: string;
-                export { type_8 as type };
-            }
-            export { control_8 as control };
-            let description_9: string;
-            export { description_9 as description };
-        }
-    }
-}
-export default _default;
-export function FileLoaderDescriptionTemplate(args: any): JSX.Element;
-export namespace FileLoaderDescriptionTemplate {
-    namespace args {
-        let accordionListContent_1: {
-            title: string;
-            description: string;
-        }[];
-        export { accordionListContent_1 as accordionListContent };
-        let accordionTitle_1: string;
-        export { accordionTitle_1 as accordionTitle };
-        let filesDescription_1: string;
-        export { filesDescription_1 as filesDescription };
-        let documentName_1: string;
-        export { documentName_1 as documentName };
-        let testId_1: string;
-        export { testId_1 as testId };
-        let className_1: string;
-        export { className_1 as className };
-        let maxFilesCount_1: undefined;
-        export { maxFilesCount_1 as maxFilesCount };
-        let isWithoutAccordion_1: boolean;
-        export { isWithoutAccordion_1 as isWithoutAccordion };
-    }
-}
-import FileLoaderDescription from './FileLoaderDescription';

package/dist/lib/src/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.d.ts

@@ -1,19 +0,0 @@
-export default FileLoaderLocal;
-declare function FileLoaderLocal({ groupId, id, fieldId, fieldKey, label, error, outerError, isRequired, accept, onChange, className, value, isNoTrashIcon, maxItemSizeBytes, testId, attributesOfNativeInput, }: {
-    groupId: any;
-    id: any;
-    fieldId: any;
-    fieldKey: any;
-    label: any;
-    error: any;
-    outerError: any;
-    isRequired: any;
-    accept: any;
-    onChange: any;
-    className: any;
-    value: any;
-    isNoTrashIcon?: boolean | undefined;
-    maxItemSizeBytes: any;
-    testId?: string | undefined;
-    attributesOfNativeInput?: {} | undefined;
-}): JSX.Element;

package/dist/lib/src/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.stories.d.ts

@@ -1,38 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FileLoaderLocal as component };
-    export namespace argTypes {
-        namespace maxItemSizeBytes {
-            let description: string;
-        }
-        namespace accept {
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace titleDescription {
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace attributesOfNativeInput {
-            let description_3: string;
-            export { description_3 as description };
-        }
-    }
-}
-export default _default;
-export function FileLoaderLocalTemplate(args: any): JSX.Element;
-export namespace FileLoaderLocalTemplate {
-    namespace args {
-        export let id: number;
-        export let value: string;
-        export let error: string;
-        export let isRequired: boolean;
-        let maxItemSizeBytes_1: number;
-        export { maxItemSizeBytes_1 as maxItemSizeBytes };
-        let accept_1: string;
-        export { accept_1 as accept };
-        let titleDescription_1: string;
-        export { titleDescription_1 as titleDescription };
-    }
-}
-import FileLoaderLocal from "./FileLoaderLocal";

package/dist/lib/src/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.d.ts

@@ -1,10 +0,0 @@
-export default FileLoaderLocalGroup;
-declare function FileLoaderLocalGroup({ className, groupsArray, isSingleGroup, onChange, labelPrefix, testId, alertText, }: {
-    className: any;
-    groupsArray?: never[] | undefined;
-    isSingleGroup: any;
-    onChange: any;
-    labelPrefix?: string | undefined;
-    testId?: string | undefined;
-    alertText: any;
-}): any;

package/dist/lib/src/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.stories.d.ts

@@ -1,15 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FileLoaderLocalGroup as component };
-    export namespace argTypes {
-        namespace isSingleGroup {
-            let description: string;
-        }
-    }
-}
-export default _default;
-export function FileLoaderLocalTemplate(args: any): JSX.Element;
-export namespace FileLoaderLocalTemplate {
-    let args: {};
-}
-import FileLoaderLocalGroup from "./FileLoaderLocalGroup";

package/dist/lib/src/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.d.ts

@@ -1,14 +0,0 @@
-export default FormattedRawSSN;
-declare function FormattedRawSSN({ value, onChange: onChangeProp, testId, fullSnnMask, significantChars, maskChar, isHiddenDefault, maxLen, countOfFirstDigitsToHide, postfix, ...args }: {
-    [x: string]: any;
-    value?: string | undefined;
-    onChange?: (() => void) | undefined;
-    testId?: string | undefined;
-    fullSnnMask?: string | undefined;
-    significantChars?: string[] | undefined;
-    maskChar?: string | undefined;
-    isHiddenDefault?: boolean | undefined;
-    maxLen?: number | undefined;
-    countOfFirstDigitsToHide?: number | undefined;
-    postfix?: string | undefined;
-}): JSX.Element;

package/dist/lib/src/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.stories.d.ts

@@ -1,28 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FormattedRawSSN as component };
-    export namespace argTypes {
-        namespace onChange {
-            let action: string;
-        }
-        namespace isHiddenDefault {
-            let control: string;
-        }
-    }
-}
-export default _default;
-export function FormattedRawSSNTemplate(args: any): JSX.Element;
-export namespace FormattedRawSSNTemplate {
-    namespace args {
-        export let value: string;
-        export let fullSnnMask: string;
-        export let significantChars: string[];
-        export let maskChar: string;
-        let isHiddenDefault_1: boolean;
-        export { isHiddenDefault_1 as isHiddenDefault };
-        export let maxLen: number;
-        export let countOfFirstDigitsToHide: number;
-        export let postfix: string;
-    }
-}
-import FormattedRawSSN from './FormattedRawSSN';

package/dist/lib/src/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.d.ts

@@ -1,11 +0,0 @@
-export default FormattedRawSSN;
-declare function FormattedRawSSN({ value, postfix, onChange: onChangeProp, maskChar, testId, isHiddenDefault, maxLen, ...args }: {
-    [x: string]: any;
-    value?: string | undefined;
-    postfix?: string | undefined;
-    onChange?: (() => void) | undefined;
-    maskChar?: string | undefined;
-    testId?: string | undefined;
-    isHiddenDefault?: boolean | undefined;
-    maxLen?: number | undefined;
-}): JSX.Element;

package/dist/lib/src/Atomic/FormElements/Input/Input.d.ts

@@ -1,38 +0,0 @@
-export default Input;
-/**
- * Input компонент.
- *
- * @component
- * @param {object} props.blurTrim - Обрезает ведущие и оконечные символы строки при потере фокуса.
- * @param {string} props.autocomplete - Определяет, должен ли браузер включать автозаполнение ввода пользователя.
- * @param {boolean} props.isSelect - Определяет, будет ли компонент редактироваться по умолчанию при загрузке страницы.
- * @param {function} props.onChange - Функция, которая вызывается при изменении содержимого элемента управления формы.
- * @param {function} props.onBlur - Функция, которая вызывается при потере элементом управления фокуса.
- * @param {function} props.onFocus - Функция, вызываемая при получении элементом управления фокуса.
- * @param {function} props.onKeyUp - Функция, которая вызывается при отпускании клавиши.
- * @param {function} props.onKeyDown - Функция, вызываемая при нажатии на клавишу.
- * @param {boolean} props.isNotBlinkErrors - Отключает мигание элемента управления при ошибках.
- * @param {boolean} props.isPriceInput - Определяет, будет ли компонент ввода формата числа с плавающей точкой.
- * @param {boolean} props.onlyNumbers - Определяет, будет ли компонент прозволять только цифры.
- * @param {boolean} props.isOnlyString - Определяет, будет ли компонент разрешать
- * только строки (без чисел или других символов).
- * @param {boolean} props.disabled - Блокировка поля ввода.
- * @param {boolean} props.withDelete - Включает отображение кнопки удаления контента.
- * @param {string} props.value - Значение поля ввода.
- * @param {string} props.placeholder - Текст подсказки внутри поля ввода.
- * @param {string} props.className - Строка с именами классов, применяемыми к компоненту.
- * @param {string} props.type - Тип компонента ввода (например, 'text', 'password').
- * @param {boolean} props.softStringMode - Используется для включения нестрогого режима ввода символов.
- * @param {object} props.mask - Маска для поля ввода.
- * @param {string} props.maskChar - Свойство определяет символ,
- * используемый вместо пропущенных символов при введении маски.
- * @param {object} props.formatChars - Объект, определяющий символы, которые должны быть заменены в маске.
- * @param {string} props.error - Строка с сообщением об ошибке.
- * @param {number} props.symbolsLimit - Лимит символов ввода.
- * @param {number} props.blinkTime - Время мигания в миллисекундах.
- * @param {boolean} props.isFocusDefault - Определяет, будет ли элемент получать фокус при загрузке страницы.
- * @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.
- * @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
- */
-declare const Input: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";