@true-engineering/true-react-common-ui-kit 3.16.0 → 3.17.0

package/dist/components/FlexibleTable/components/FlexibleTableRow/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FlexibleTableRow';
-export type { IFlexibleTableRowStyles } from './FlexibleTableRow.styles';
+export * from './FlexibleTableRow';
+export type { IFlexibleTableRowStyles } from './FlexibleTableRow.styles';

package/dist/components/FlexibleTable/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FlexibleTableRow';
-export * from './FlexibleTableCell';
+export * from './FlexibleTableRow';
+export * from './FlexibleTableCell';

package/dist/components/FlexibleTable/constants.d.ts

@@ -1 +1 @@
-export declare const DEFAULT_DATE_FORMAT = "dd.MM.yyyy";
+export declare const DEFAULT_DATE_FORMAT = "dd.MM.yyyy";

package/dist/components/FlexibleTable/helpers.d.ts

@@ -1,3 +1,3 @@
-import { IFlexibleTableConfigType } from './types';
-export declare const hasHorizontalScrollBar: (el: HTMLElement | null | undefined) => boolean;
-export declare const formatCellContent: <Values>(value: unknown, config?: IFlexibleTableConfigType<Values>[keyof Values] | undefined) => string;
+import { IFlexibleTableConfigType } from './types';
+export declare const hasHorizontalScrollBar: (el: HTMLElement | null | undefined) => boolean;
+export declare const formatCellContent: <Values>(value: unknown, config?: IFlexibleTableConfigType<Values>[keyof Values] | undefined) => string;

package/dist/components/FlexibleTable/index.d.ts

@@ -1,4 +1,4 @@
-export * from './FlexibleTable';
-export * from './types';
-export type { IFlexibleTableStyles } from './FlexibleTable.styles';
-export type { IFlexibleTableCellStyles, IFlexibleTableRowStyles } from './components';
+export * from './FlexibleTable';
+export * from './types';
+export type { IFlexibleTableStyles } from './FlexibleTable.styles';
+export type { IFlexibleTableCellStyles, IFlexibleTableRowStyles } from './components';

package/dist/components/FlexibleTable/types.d.ts

@@ -1,44 +1,45 @@
-import { CSSProperties, FC, ReactNode } from 'react';
-export type IFlexibleTableRenderMode = 'table' | 'divs';
-export type ITableRow = Record<string, any>;
-export type ITitleComponent<Value> = FC<{
-    value?: Value;
-}>;
-export type IValueComponent<Values, Value> = (props: {
-    value: Value;
-    row: Values;
-    isFocusedRow?: boolean;
-    isNestedComponentExpanded: boolean;
-    isRowNestedComponentExpanded: boolean;
-    onSetNestedComponent: (component?: ReactNode) => void;
-}) => JSX.Element | ReactNode;
-export type IFlexibleTableConfigType<Values> = {
-    [Key in keyof Values]?: {
-        title?: ReactNode;
-        titleComponent?: ITitleComponent<unknown>;
-        component?: IValueComponent<Values, NonNullable<Values[Key]>>;
-        dateFormat?: string;
-        minWidth?: string | number;
-        width?: string | number;
-        maxWidth?: string | number;
-        /** @default 'left' */
-        titleAlign?: CSSProperties['textAlign'];
-        cellAlign?: CSSProperties['textAlign'];
-        cellVerticalAlign?: CSSProperties['verticalAlign'];
-        position?: CSSProperties['position'];
-        right?: number;
-        left?: number;
-    };
-};
-export interface IInfinityScrollConfig {
-    activePage: number;
-    totalPages: number;
-    isLoading: boolean;
-    isLastPage: boolean;
-    onInfinityScroll: (skip: number) => void;
-}
-export interface INestedComponent {
-    isOpen: boolean;
-    component?: ReactNode;
-    cellKey?: string;
-}
+import { CSSProperties, FC, ReactNode } from 'react';
+export type IFlexibleTableRenderMode = 'table' | 'divs';
+export type ITableRow = Record<string, any>;
+export type ITitleComponent<Value> = FC<{
+    value?: Value;
+}>;
+export type IValueComponent<Values, Value> = (props: {
+    value: Value;
+    row: Values;
+    isFocusedRow?: boolean;
+    isNestedComponentExpanded: boolean;
+    isRowNestedComponentExpanded: boolean;
+    onSetNestedComponent: (component?: ReactNode) => void;
+}) => JSX.Element | ReactNode;
+export type IFlexibleTableConfigType<Values> = {
+    [Key in keyof Values]?: {
+        title?: ReactNode;
+        titleComponent?: ITitleComponent<unknown>;
+        component?: IValueComponent<Values, NonNullable<Values[Key]>>;
+        dateFormat?: string;
+        minWidth?: string | number;
+        width?: string | number;
+        maxWidth?: string | number;
+        /** @default 'left' */
+        titleAlign?: CSSProperties['textAlign'];
+        cellAlign?: CSSProperties['textAlign'];
+        cellVerticalAlign?: CSSProperties['verticalAlign'];
+        position?: CSSProperties['position'];
+        right?: number;
+        left?: number;
+        shouldRenderDataId?: boolean;
+    };
+};
+export interface IInfinityScrollConfig {
+    activePage: number;
+    totalPages: number;
+    isLoading: boolean;
+    isLastPage: boolean;
+    onInfinityScroll: (skip: number) => void;
+}
+export interface INestedComponent {
+    isOpen: boolean;
+    component?: ReactNode;
+    cellKey?: string;
+}

package/dist/components/Icon/Icon.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
-import { ICommonProps } from '../../types';
-import { IIconType } from './types';
-import { IIconStyles } from './Icon.styles';
-export interface IIconProps extends ICommonProps<IIconStyles> {
-    type: IIconType;
-}
-export declare const Icon: FC<IIconProps>;
+import { FC } from 'react';
+import { ICommonProps } from '../../types';
+import { IIconType } from './types';
+import { IIconStyles } from './Icon.styles';
+export interface IIconProps extends ICommonProps<IIconStyles> {
+    type: IIconType;
+}
+export declare const Icon: FC<IIconProps>;

package/dist/components/Icon/Icon.stories.d.ts

@@ -1,6 +1,6 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-export declare const Gallery: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Gallery: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/Icon.styles.d.ts

@@ -1,3 +1,3 @@
-import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"root", unknown>;
-export type IIconStyles = ITweakStyles<typeof useStyles>;
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"root", unknown>;
+export type IIconStyles = ITweakStyles<typeof useStyles>;

package/dist/components/Icon/complexIcons/icons.d.ts

@@ -1,3 +1,3 @@
-export declare const complexIcons: {
-    avatar: string;
-};
+export declare const complexIcons: {
+    avatar: string;
+};

package/dist/components/Icon/complexIcons/index.d.ts

@@ -1 +1 @@
-export * from './icons';
+export * from './icons';

package/dist/components/Icon/components/ComplexIconBoilerplate/ComplexIconBoilerplate.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { IComplexIcon } from '../../types';
-export interface IComplexIconBoilerplateProps {
-    type: IComplexIcon;
-}
-export declare const ComplexIconBoilerplate: FC<IComplexIconBoilerplateProps>;
+import { FC } from 'react';
+import { IComplexIcon } from '../../types';
+export interface IComplexIconBoilerplateProps {
+    type: IComplexIcon;
+}
+export declare const ComplexIconBoilerplate: FC<IComplexIconBoilerplateProps>;

package/dist/components/Icon/components/ComplexIconBoilerplate/index.d.ts

@@ -1 +1 @@
-export * from './ComplexIconBoilerplate';
+export * from './ComplexIconBoilerplate';

package/dist/components/Icon/components/IconBolerplate/IconBoilerplate.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { ICommonIcon } from '../../types';
-export interface IIconBoilerplateProps {
-    type: ICommonIcon;
-}
-export declare const IconBoilerplate: FC<IIconBoilerplateProps>;
+import { FC } from 'react';
+import { ICommonIcon } from '../../types';
+export interface IIconBoilerplateProps {
+    type: ICommonIcon;
+}
+export declare const IconBoilerplate: FC<IIconBoilerplateProps>;

package/dist/components/Icon/components/IconBolerplate/index.d.ts

@@ -1 +1 @@
-export * from './IconBoilerplate';
+export * from './IconBoilerplate';

package/dist/components/Icon/components/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ComplexIconBoilerplate';
-export * from './IconBolerplate';
+export * from './ComplexIconBoilerplate';
+export * from './IconBolerplate';

package/dist/components/Icon/helpers.d.ts

@@ -1,6 +1,6 @@
-import type { IIconType, ISvgIcon } from './types';
-export declare const isComplexIcon: (type: IIconType) => type is "avatar";
-/**
- * Эта функция позволяет корректно определить ключи в типе
- */
-export declare const checkIcons: <P extends string>(ico: Record<P, ISvgIcon>) => Record<P, ISvgIcon>;
+import type { IIconType, ISvgIcon } from './types';
+export declare const isComplexIcon: (type: IIconType) => type is "avatar";
+/**
+ * Эта функция позволяет корректно определить ключи в типе
+ */
+export declare const checkIcons: <P extends string>(ico: Record<P, ISvgIcon>) => Record<P, ISvgIcon>;

package/dist/components/Icon/icons-list.d.ts

@@ -1 +1 @@
-export declare const iconsList: Record<"direction" | "filter" | "document" | "copy" | "cancel" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "import" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;
+export declare const iconsList: Record<"direction" | "filter" | "document" | "copy" | "cancel" | "close" | "search" | "repeat" | "link" | "sort" | "size" | "menu" | "check" | "settings" | "list" | "arrow" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close-large" | "close-window" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "import" | "information" | "insurance" | "lock" | "lock-open" | "male" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "sign-out" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;

package/dist/components/Icon/index.d.ts

@@ -1,5 +1,5 @@
-export * from './Icon';
-export * from './types';
-export { iconsList } from './icons-list';
-export type { IIconStyles } from './Icon.styles';
-export * from './snippet';
+export * from './Icon';
+export * from './types';
+export { iconsList } from './icons-list';
+export type { IIconStyles } from './Icon.styles';
+export * from './snippet';

package/dist/components/Icon/snippet.d.ts

@@ -1,3 +1,3 @@
-import { ReactNode } from 'react';
-import { IIcon } from './types';
-export declare const renderIcon: (icon: IIcon) => ReactNode;
+import { ReactNode } from 'react';
+import { IIcon } from './types';
+export declare const renderIcon: (icon: IIcon) => ReactNode;

package/dist/components/Icon/types.d.ts

@@ -1,13 +1,13 @@
-import { ReactElement, SVGAttributes } from 'react';
-import { complexIcons } from './complexIcons';
-import { iconsList } from './icons-list';
-export interface ISvgIcon {
-    viewBox?: string;
-    paths?: Array<SVGAttributes<never>>;
-    circles?: Array<SVGAttributes<never>>;
-    rects?: Array<SVGAttributes<never>>;
-}
-export type ICommonIcon = keyof typeof iconsList;
-export type IComplexIcon = keyof typeof complexIcons;
-export type IIconType = ICommonIcon | IComplexIcon;
-export type IIcon = IIconType | ReactElement;
+import { ReactElement, SVGAttributes } from 'react';
+import { complexIcons } from './complexIcons';
+import { iconsList } from './icons-list';
+export interface ISvgIcon {
+    viewBox?: string;
+    paths?: Array<SVGAttributes<never>>;
+    circles?: Array<SVGAttributes<never>>;
+    rects?: Array<SVGAttributes<never>>;
+}
+export type ICommonIcon = keyof typeof iconsList;
+export type IComplexIcon = keyof typeof complexIcons;
+export type IIconType = ICommonIcon | IComplexIcon;
+export type IIcon = IIconType | ReactElement;

package/dist/components/IconButton/IconButton.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { ICommonProps } from '../../types';
-import { IIcon } from '../Icon';
-import { IIconButtonSize, IIconButtonView, IIconButtonHTMLBaseProps } from './types';
-import { IIconButtonStyles } from './IconButton.styles';
-export interface IIconButtonProps extends IIconButtonHTMLBaseProps, ICommonProps<IIconButtonStyles> {
-    icon: IIcon;
-    /** @default 'm' */
-    size?: IIconButtonSize;
-    /** @default 'cancel-light' */
-    view?: IIconButtonView;
-    /** @default false */
-    isDisabled?: boolean;
-    /** @default false */
-    isActive?: boolean;
-    /** @default false */
-    isLoading?: boolean;
-}
-export declare const IconButton: import("react").ForwardRefExoticComponent<IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+/// <reference types="react" />
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
+import { IIconButtonSize, IIconButtonView, IIconButtonHTMLBaseProps } from './types';
+import { IIconButtonStyles } from './IconButton.styles';
+export interface IIconButtonProps extends IIconButtonHTMLBaseProps, ICommonProps<IIconButtonStyles> {
+    icon: IIcon;
+    /** @default 'm' */
+    size?: IIconButtonSize;
+    /** @default 'cancel-light' */
+    view?: IIconButtonView;
+    /** @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    isActive?: boolean;
+    /** @default false */
+    isLoading?: boolean;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/IconButton/IconButton.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { ComponentStory } from '@storybook/react';
-import { IconButton } from './IconButton';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./IconButton").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export default _default;
-export declare const Default: ComponentStory<typeof IconButton>;
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { IconButton } from './IconButton';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./IconButton").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default _default;
+export declare const Default: ComponentStory<typeof IconButton>;

package/dist/components/IconButton/IconButton.styles.d.ts

@@ -1,3 +1,3 @@
-import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"main" | "cancel" | "root" | "icon" | "active" | "disabled" | "custom" | "s" | "m" | "loader" | "loading" | "cancel-light", unknown>;
-export type IIconButtonStyles = ITweakStyles<typeof useStyles>;
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"main" | "cancel" | "root" | "icon" | "active" | "disabled" | "custom" | "s" | "m" | "loader" | "loading" | "cancel-light", unknown>;
+export type IIconButtonStyles = ITweakStyles<typeof useStyles>;

package/dist/components/IconButton/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const ICON_BUTTON_SIZES: readonly ["s", "m"];
-export declare const ICON_BUTTON_VIEWS: readonly ["cancel", "cancel-light", "main", "custom"];
+export declare const ICON_BUTTON_SIZES: readonly ["s", "m"];
+export declare const ICON_BUTTON_VIEWS: readonly ["cancel", "cancel-light", "main", "custom"];

package/dist/components/IconButton/index.d.ts

@@ -1,3 +1,3 @@
-export * from './IconButton';
-export * from './types';
-export type { IIconButtonStyles } from './IconButton.styles';
+export * from './IconButton';
+export * from './types';
+export type { IIconButtonStyles } from './IconButton.styles';

package/dist/components/IconButton/types.d.ts

@@ -1,5 +1,5 @@
-import { ButtonHTMLAttributes } from 'react';
-import { ICON_BUTTON_SIZES, ICON_BUTTON_VIEWS } from './constants';
-export type IIconButtonSize = (typeof ICON_BUTTON_SIZES)[number];
-export type IIconButtonView = (typeof ICON_BUTTON_VIEWS)[number];
-export type IIconButtonHTMLBaseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'style' | 'className'>;
+import { ButtonHTMLAttributes } from 'react';
+import { ICON_BUTTON_SIZES, ICON_BUTTON_VIEWS } from './constants';
+export type IIconButtonSize = (typeof ICON_BUTTON_SIZES)[number];
+export type IIconButtonView = (typeof ICON_BUTTON_VIEWS)[number];
+export type IIconButtonHTMLBaseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'style' | 'className'>;

package/dist/components/IncrementInput/IncrementInput.d.ts

@@ -1,9 +1,9 @@
-import { FC } from 'react';
-import { ICommonProps } from '../../types';
-import { INumberInputProps } from '../NumberInput';
-import { IIncrementInputStyles } from './IncrementInput.styles';
-export interface IIncrementInputProps extends Omit<INumberInputProps, 'canBeFloat' | 'precision' | 'tweakStyles'>, ICommonProps<IIncrementInputStyles> {
-    /** @default 1 */
-    step?: number;
-}
-export declare const IncrementInput: FC<IIncrementInputProps>;
+import { FC } from 'react';
+import { ICommonProps } from '../../types';
+import { INumberInputProps } from '../NumberInput';
+import { IIncrementInputStyles } from './IncrementInput.styles';
+export interface IIncrementInputProps extends Omit<INumberInputProps, 'canBeFloat' | 'precision' | 'tweakStyles'>, ICommonProps<IIncrementInputStyles> {
+    /** @default 1 */
+    step?: number;
+}
+export declare const IncrementInput: FC<IIncrementInputProps>;

package/dist/components/IncrementInput/IncrementInput.stories.d.ts

@@ -1,6 +1,6 @@
-declare const _default: {
-    title: string;
-    component: import("react").FC<import("./IncrementInput").IIncrementInputProps>;
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./IncrementInput").IIncrementInputProps>;
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./IncrementInput").IIncrementInputProps>;
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./IncrementInput").IIncrementInputProps>;

package/dist/components/IncrementInput/IncrementInput.styles.d.ts

@@ -1,9 +1,9 @@
-import { ITweakStyles } from '../../theme';
-import { IInputStyles } from '../Input';
-export declare const BUTTONS_WIDTH = 36;
-export declare const BUTTONS_GAP = 2;
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "buttons" | "disabledButton" | "errorButton", unknown>;
-export declare const inputStyles: IInputStyles;
-export type IIncrementInputStyles = ITweakStyles<typeof useStyles, {
-    tweakInput: IInputStyles;
-}>;
+import { ITweakStyles } from '../../theme';
+import { IInputStyles } from '../Input';
+export declare const BUTTONS_WIDTH = 36;
+export declare const BUTTONS_GAP = 2;
+export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "buttons" | "disabledButton" | "errorButton", unknown>;
+export declare const inputStyles: IInputStyles;
+export type IIncrementInputStyles = ITweakStyles<typeof useStyles, {
+    tweakInput: IInputStyles;
+}>;

package/dist/components/IncrementInput/index.d.ts

@@ -1,2 +1,2 @@
-export * from './IncrementInput';
-export type { IIncrementInputStyles } from './IncrementInput.styles';
+export * from './IncrementInput';
+export type { IIncrementInputStyles } from './IncrementInput.styles';

package/dist/components/Input/Input.d.ts

@@ -1,52 +1,52 @@
-import { FormEvent, ReactNode } from 'react';
-import { ICommonProps } from '../../types';
-import { IIcon } from '../Icon';
-import { IInputHTMLBaseProps, IReactInputMaskProps } from './types';
-import { IInputStyles } from './Input.styles';
-export interface IInputProps extends ICommonProps<IInputStyles>, IReactInputMaskProps, IInputHTMLBaseProps {
-    value?: string;
-    label?: ReactNode;
-    /** @default false */
-    isDisabled?: boolean;
-    /** @default true */
-    hasFloatingLabel?: boolean;
-    /** @default false */
-    isReadonly?: boolean;
-    /** @default false */
-    isInvalid?: boolean;
-    /** @default false */
-    isActive?: boolean;
-    /** @default false */
-    isClearable?: boolean;
-    infoMessage?: string;
-    errorMessage?: string;
-    /** @default 'bottom' */
-    errorPosition?: 'top' | 'bottom';
-    inlineStyle?: 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right' | 'middle';
-    border?: 'top' | 'bottom' | 'left' | 'right';
-    /** @default false */
-    isRequired?: boolean;
-    /** @default false */
-    isLoading?: boolean;
-    /**
-     * Должна ли ширина input'а подстраиваться под ширину контента
-     * @default false
-     */
-    isAutoSizeable?: boolean;
-    /**
-     * Ширина input'а по умолчанию. Используется только вместе с `isAutoSizeable` равному `true`
-     * @default 6
-     */
-    defaultSize?: number;
-    iconType?: IIcon;
-    units?: string;
-    /** @default false */
-    hasRequiredLabel?: boolean;
-    /** @default false */
-    shouldFocusOnMount?: boolean;
-    /** @default false */
-    shouldAlwaysShowPlaceholder?: boolean;
-    onChange: (value: string, event: FormEvent<HTMLInputElement>) => void;
-    onIconClick?: () => void;
-}
-export declare const Input: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
+import { FormEvent, ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
+import { IInputHTMLBaseProps, IReactInputMaskProps } from './types';
+import { IInputStyles } from './Input.styles';
+export interface IInputProps extends ICommonProps<IInputStyles>, IReactInputMaskProps, IInputHTMLBaseProps {
+    value?: string;
+    label?: ReactNode;
+    /** @default false */
+    isDisabled?: boolean;
+    /** @default true */
+    hasFloatingLabel?: boolean;
+    /** @default false */
+    isReadonly?: boolean;
+    /** @default false */
+    isInvalid?: boolean;
+    /** @default false */
+    isActive?: boolean;
+    /** @default false */
+    isClearable?: boolean;
+    infoMessage?: string;
+    errorMessage?: string;
+    /** @default 'bottom' */
+    errorPosition?: 'top' | 'bottom';
+    inlineStyle?: 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right' | 'middle';
+    border?: 'top' | 'bottom' | 'left' | 'right';
+    /** @default false */
+    isRequired?: boolean;
+    /** @default false */
+    isLoading?: boolean;
+    /**
+     * Должна ли ширина input'а подстраиваться под ширину контента
+     * @default false
+     */
+    isAutoSizeable?: boolean;
+    /**
+     * Ширина input'а по умолчанию. Используется только вместе с `isAutoSizeable` равному `true`
+     * @default 6
+     */
+    defaultSize?: number;
+    iconType?: IIcon;
+    units?: string;
+    /** @default false */
+    hasRequiredLabel?: boolean;
+    /** @default false */
+    shouldFocusOnMount?: boolean;
+    /** @default false */
+    shouldAlwaysShowPlaceholder?: boolean;
+    onChange: (value: string, event: FormEvent<HTMLInputElement>) => void;
+    onIconClick?: () => void;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Input/Input.stories.d.ts

@@ -1,34 +1,34 @@
-/// <reference types="react" />
-import { IInputProps } from './Input';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
-    argTypes: {
-        type: {
-            control: string;
-            options: (import("react").HTMLInputTypeAttribute | undefined)[];
-        };
-        border: {
-            control: string;
-            options: (string | undefined)[];
-        };
-        iconType: {
-            control: string;
-            options: (string | undefined)[];
-        };
-        errorPosition: {
-            control: string;
-            options: string[];
-        };
-        mask: {
-            control: string;
-            options: (string | undefined)[];
-        };
-        inlineStyles: {
-            control: string;
-            options: (string | undefined)[];
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IInputProps & import("react").RefAttributes<HTMLInputElement>>;
+/// <reference types="react" />
+import { IInputProps } from './Input';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        type: {
+            control: string;
+            options: (import("react").HTMLInputTypeAttribute | undefined)[];
+        };
+        border: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        iconType: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        errorPosition: {
+            control: string;
+            options: string[];
+        };
+        mask: {
+            control: string;
+            options: (string | undefined)[];
+        };
+        inlineStyles: {
+            control: string;
+            options: (string | undefined)[];
+        };
+    };
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IInputProps & import("react").RefAttributes<HTMLInputElement>>;