@true-engineering/true-react-common-ui-kit 1.0.1

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

@@ -0,0 +1,39 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {
+        position: string;
+    };
+    icon: {
+        display: string;
+        alignItems: string;
+        position: string;
+        left: number;
+        height: string;
+        width: number;
+        zIndex: number;
+        color: "#95a0b3";
+    };
+    tweakInput: {
+        inputWrapper: {
+            height: number;
+            borderColor: string;
+            backgroundColor: string;
+            borderRadius: number;
+            paddingLeft: number;
+            transitionProperty: string;
+        };
+        focused: {
+            backgroundColor: "#ffffff";
+            borderColor: "#d0d6e1";
+        };
+        input: {
+            fontSize: number;
+            paddingLeft: number;
+        };
+        label: {
+            left: number;
+            fontSize: number;
+        };
+    };
+};
+export declare type SearchInputStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1,2 @@
+export * from './SearchInput';
+export type { SearchInputStyles } from './SearchInput.styles';

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+import { IInputProps } from '../Input';
+import { IIconType } from '../Icon';
+import { IDropdownWithPopperOptions } from '../../types';
+import { SelectStyles } from './Select.styles';
+export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
+    tweakStyles?: SelectStyles;
+    defaultOptionLabel?: string;
+    noMatchesLabel?: string;
+    loadingLabel?: React.ReactNode;
+    optionsMode?: 'search' | 'dynamic' | 'normal';
+    onType?: (value: string) => Promise<void>;
+    debounceTime?: number;
+    minSymbolsCountToOpenList?: number;
+    dropdownOptions?: IDropdownWithPopperOptions;
+    dropdownIcon?: IIconType;
+    onOpen?: () => void;
+    optionsFilter?: (options: Value[], query: string) => Value[];
+    options: Value[];
+    value?: Value;
+    onChange: (value?: Value) => void;
+    compareValuesOnChange?: (v1: Value | undefined, v2: Value | undefined) => boolean;
+    convertValueToString?: (value?: Value) => string | undefined;
+    convertValueToReactNode?: (value?: Value) => ReactNode | undefined;
+    convertValueToId?: (value?: Value) => string | undefined;
+}
+export declare function Select<Value>({ options, value, onChange, compareValuesOnChange, convertValueToString, convertValueToId, convertValueToReactNode, defaultOptionLabel, onFocus, onBlur, onType, onOpen, debounceTime, optionsMode, optionsFilter, noMatchesLabel, loadingLabel, tweakStyles, testId, isDisabled, dropdownOptions, minSymbolsCountToOpenList, dropdownIcon, ...inputProps }: ISelectProps<Value>): JSX.Element;

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

@@ -0,0 +1,61 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {
+        width: string;
+        position: string;
+        boxSizing: string;
+    };
+    inputWrapper: {
+        width: string;
+        cursor: string;
+        position: string;
+    };
+    listWrapper: {
+        left: number;
+        zIndex: number;
+        width: string;
+        minWidth: string;
+    };
+    withoutPopper: {
+        position: string;
+        top: string;
+    };
+    listWrapperInBody: {
+        minWidth: string;
+        width: string;
+        maxWidth: string;
+    };
+    arrow: {
+        position: string;
+        right: number;
+        top: number;
+        width: number;
+        height: number;
+        cursor: string;
+        zIndex: number;
+        transition: string;
+    };
+    activeArrow: {
+        transform: string;
+    };
+    disabled: {
+        '& $arrow': {
+            cursor: string;
+        };
+    };
+    tweakInput: {
+        input: {
+            paddingRight: number;
+        };
+        disabled: {
+            '& $input': {
+                cursor: string;
+            };
+        };
+        controls: {
+            paddingRight: number;
+        };
+    };
+    tweakSelectList: {};
+};
+export declare type SelectStyles = ComponentStyles<typeof styles>;

package/dist/components/Select/SelectList/SelectList.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from 'react';
+import { ICommonProps } from '../../../types';
+import { SelectListStyles } from './SelectList.styles';
+export interface ISelectListProps<Value> extends ICommonProps {
+    tweakStyles?: SelectListStyles;
+    options: Value[];
+    focusedIndex?: number;
+    activeValue?: Value;
+    noMatchesLabel?: string;
+    isLoading?: boolean;
+    loadingLabel?: React.ReactNode;
+    defaultOptionLabel?: string;
+    onOptionClick: (index: number) => void;
+    testId?: string;
+    shouldScrollToList?: boolean;
+    convertValueToString: (value?: Value) => string | undefined;
+    convertValueToReactNode?: (value?: Value) => ReactNode | undefined;
+    convertValueToId?: (value?: Value) => string | undefined;
+}
+export declare function isOptionDisabled<Value>(option: Value): boolean;
+export declare function SelectList<Value>({ options, onOptionClick, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, convertValueToString, convertValueToReactNode, convertValueToId, tweakStyles, testId, shouldScrollToList, }: ISelectListProps<Value>): JSX.Element;

package/dist/components/Select/SelectList/SelectList.styles.d.ts

@@ -0,0 +1,46 @@
+import { ComponentStyles } from '../../../types';
+export declare const ROW_HEIGHT = 40;
+export declare const styles: {
+    root: {
+        borderRadius: 6;
+        boxShadow: string;
+        boxSizing: string;
+        padding: number[];
+        fontSize: number;
+    };
+    list: {
+        height: string;
+        maxHeight: number;
+        cursor: string;
+        backgroundColor: "#ffffff";
+    } | {
+        height: string;
+        maxHeight: number;
+        cursor: string;
+        backgroundColor: "#ffffff";
+    };
+    cell: {
+        display: string;
+        cursor: string;
+        minHeight: number;
+        width: string;
+        padding: number[];
+        alignItems: string;
+        boxSizing: string;
+        fontSize: number;
+    };
+    noMatchesLabel: {
+        pointerEvents: string;
+    };
+    focused: {};
+    active: {};
+    disabled: {
+        cursor: string;
+    };
+    loading: {
+        cursor: string;
+        pointerEvents: string;
+    };
+    defaultCell: {};
+};
+export declare type SelectListStyles = ComponentStyles<typeof styles>;

package/dist/components/Select/SelectList/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectList';

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

@@ -0,0 +1,3 @@
+export declare const defaultConvertFunction: (v: unknown) => string | undefined;
+export declare const defaultCompareFunction: <Value>(v1: Value | undefined, v2: Value | undefined) => boolean;
+export declare const getActiveValueIndex: <Value>(options: Value[], value: Value | undefined, convertFunc: (v?: Value | undefined) => string | undefined) => number;

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

@@ -0,0 +1,3 @@
+export * from './Select';
+export type { SelectStyles } from './Select.styles';
+export type { SelectListStyles } from './SelectList/SelectList.styles';

package/dist/components/SmartInput/SmartInput.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IInputProps } from '../Input';
+export declare type TSmartType = 'name' | 'nameRuEn' | 'surname' | 'surnameRuEn' | 'email' | 'agencyName' | 'default' | 'digits' | 'docNumber' | 'benefitCert';
+export interface ISmartInputProps extends IInputProps {
+    isUpperCase?: boolean;
+    smartType?: TSmartType;
+    regExp?: RegExp;
+    onChange: (value: string) => void;
+}
+export declare const SMART_INPUT_REGEX_MAP: {
+    default: RegExp;
+    agencyName: RegExp;
+    surname: RegExp;
+    name: RegExp;
+    surnameRuEn: RegExp;
+    nameRuEn: RegExp;
+    email: RegExp;
+    digits: RegExp;
+    docNumber: RegExp;
+    benefitCert: RegExp;
+};
+export declare const SmartInput: React.ForwardRefExoticComponent<ISmartInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,10 @@
+import { TSmartType } from './SmartInput';
+export declare const transformCaseSensitive: (smartType: TSmartType, map: {
+    [key: string]: string;
+}, symbol: string) => string;
+export declare const CharactersMap: {
+    [key: string]: string;
+};
+export declare const TransliterationMap: {
+    [key: string]: string;
+};

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

@@ -0,0 +1 @@
+export * from './SmartInput';

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+import { ICommonProps } from '../../types';
+import { SwitchStyles } from './Switch.styles';
+export interface ISwitchState<V = string> {
+    name: V;
+    isEnabled: boolean;
+}
+export interface ISwitchProps<V extends string> extends ICommonProps {
+    tweakStyles?: SwitchStyles;
+    value: V;
+    isChecked: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    label?: string;
+    labelPosition?: 'left' | 'right';
+    color?: 'primary' | 'secondary';
+    onChange: (state: ISwitchState<V>) => void;
+    testId?: string;
+}
+export declare const Switch: <V extends string>({ isDisabled, isChecked, isInvalid, onChange, value, label, children, labelPosition, color, data, tweakStyles, testId, }: PropsWithChildren<ISwitchProps<V>>) => JSX.Element;

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

@@ -0,0 +1,62 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {
+        display: string;
+        alignItems: string;
+        cursor: string;
+    };
+    primary: {};
+    secondary: {};
+    invalid: {};
+    disabled: {
+        pointerEvents: string;
+        cursor: string;
+    };
+    checked: {
+        '& $switch::before': {
+            left: number;
+        };
+    };
+    switch: {
+        position: string;
+        flexShrink: number;
+        display: string;
+        width: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+        boxSizing: string;
+        transitionProperty: string;
+        transition: string;
+        '&::before': {
+            content: string;
+            position: string;
+            top: number;
+            left: number;
+            right: string;
+            display: string;
+            width: number;
+            height: number;
+            backgroundColor: string;
+            borderRadius: string;
+            zIndex: number;
+            transitionProperty: string;
+            transition: string;
+        };
+    };
+    input: {
+        display: string;
+    };
+    label: {
+        transitionProperty: string;
+        transition: string;
+    };
+    labelLeft: {
+        order: number;
+        marginRight: number;
+    };
+    labelRight: {
+        marginLeft: number;
+    };
+};
+export declare type SwitchStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1,2 @@
+export * from './Switch';
+export type { SwitchStyles } from './Switch.styles';

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,29 @@
+import React, { FC } from 'react';
+import { ICommonProps } from '../../types';
+import { TextAreaStyles } from './TextArea.styles';
+export interface ITextAreaProps extends ICommonProps {
+    tweakStyles?: TextAreaStyles;
+    value?: string;
+    onChange: (value: string, event?: React.FormEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
+    label?: string;
+    placeholder?: string;
+    isDisabled?: boolean;
+    hasFloatingLabel?: boolean;
+    isInvalid?: boolean;
+    isActive?: boolean;
+    infoMessage?: string;
+    errorMessage?: string;
+    isRequired?: boolean;
+    name?: string;
+    hasRequiredLabel?: boolean;
+    shouldFocusOnMount?: boolean;
+    hasCounter?: boolean;
+    shouldTrimAfterMaxLength?: boolean;
+    maxLength?: number;
+    rows?: number;
+    testId?: string;
+}
+export declare const TextArea: FC<ITextAreaProps>;

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

@@ -0,0 +1,128 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {
+        width: string;
+        height: string;
+        display: string;
+        flexDirection: string;
+    };
+    wrapper: {
+        display: string;
+        position: string;
+        width: string;
+        flexGrow: number;
+        boxSizing: string;
+        transition: string;
+        transitionProperty: string;
+        backgroundColor: string;
+        border: (string | number)[];
+    };
+    textarea: {
+        width: string;
+        height: string;
+        outline: string;
+        boxSizing: string;
+        outlineStyle: string;
+        fontFamily: string;
+        fontSize: number;
+        padding: number[];
+        transition: string;
+        transitionProperty: string;
+        border: string;
+        resize: string;
+        overflow: string;
+        '&::placeholder': {
+            opacity: number;
+        };
+        MozAppearance: string;
+        '&::-webkit-inner-spin-button,&::-webkit-outer-spin-button': {
+            WebkitAppearance: string;
+            margin: number;
+        };
+    };
+    focused: {
+        position: string;
+        zIndex: number;
+    };
+    withFloatingLabel: {
+        paddingTop: number;
+    };
+    floating: {};
+    activeLabel: {
+        display: string;
+        '&$floating': {
+            display: string;
+            transform: string;
+        };
+    };
+    required: {
+        '&:before': {
+            content: string;
+            position: string;
+            left: number;
+            top: number;
+            width: number;
+            height: number;
+            borderRadius: string;
+            backgroundColor: string;
+        };
+    };
+    disabled: {};
+    label: {
+        position: string;
+        pointerEvents: string;
+        left: number;
+        top: number;
+        transformOrigin: string;
+        transform: string;
+        transition: string;
+        transitionProperty: string;
+        fontSize: number;
+    };
+    invalid: {
+        borderColor: string;
+    };
+    invalidLabel: {
+        color: string;
+    };
+    error: {
+        fontSize: number;
+        paddingTop: number;
+        paddingLeft: number;
+        color: string;
+    };
+    requiredLabel: {
+        '&:after': {
+            content: string;
+            position: string;
+            right: number;
+            top: number;
+            transform: string;
+            width: number;
+            height: number;
+            borderRadius: string;
+            backgroundColor: string;
+        };
+    };
+    symbolsCount: {
+        display: string;
+        textAlign: string;
+        marginTop: number;
+        fontSize: number;
+        marginLeft: string;
+        paddingLeft: number;
+        whiteSpace: string;
+    };
+    symbolsCountError: {
+        color: string;
+    };
+    footer: {
+        display: string;
+    };
+    info: {
+        fontSize: number;
+        paddingTop: number;
+        paddingLeft: number;
+    };
+};
+export declare type TextAreaStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1,2 @@
+export * from './TextArea';
+export type { TextAreaStyles } from './TextArea.styles';

package/dist/components/TextWithInfo/TextWithInfo.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../types';
+import { TextWithInfoStyles } from './TextWithInfo.styles';
+export interface ITextWithInfoProps extends ICommonProps {
+    tweakStyles?: TextWithInfoStyles;
+    text: string;
+    isSelected?: boolean;
+    textTooltip?: string;
+    info?: {
+        infoTooltip?: string;
+        link?: string;
+    };
+    onClick(): void;
+}
+export declare const TextWithInfo: FC<ITextWithInfoProps>;

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

@@ -0,0 +1,48 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {
+        display: string;
+        height: number;
+        padding: number[];
+        borderRadius: number;
+        boxSizing: string;
+        color: "#505f79";
+        '&:hover': {
+            backgroundColor: "#eceff5";
+        };
+    };
+    container: {
+        display: string;
+        height: string;
+        alignItems: string;
+    };
+    selected: {
+        backgroundColor: "#eceff5";
+    };
+    text: {
+        cursor: string;
+        fontSize: number;
+    };
+    info: {
+        width: number;
+        marginLeft: number;
+        color: "#95a0b3";
+        cursor: string;
+        borderRadius: string;
+        '&:link': {
+            color: "#95a0b3";
+        };
+        '&:hover': {
+            color: "#ffffff";
+            backgroundColor: "#95a0b3";
+        };
+        '&:visited': {
+            color: "#95a0b3";
+            '&:hover': {
+                color: "#ffffff";
+                backgroundColor: "#95a0b3";
+            };
+        };
+    };
+};
+export declare type TextWithInfoStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1,2 @@
+export * from './TextWithInfo';
+export type { TextWithInfoStyles } from './TextWithInfo.styles';

package/dist/components/TextWithTooltip/TextWithTooltip.d.ts

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { Modifier, Placement } from 'react-overlays/usePopper';
+import { ITooltipProps } from '../Tooltip';
+import { ICommonProps } from '../../types';
+import { TextWithTooltipStyles } from './TextWithTooltip.styles';
+export interface ITextWithTooltipProps extends ICommonProps {
+    tweakStyles?: TextWithTooltipStyles;
+    children: string | React.ReactNode;
+    tooltipText: ITooltipProps['text'];
+    tooltipView?: ITooltipProps['view'];
+    tooltipType?: ITooltipProps['type'];
+    tooltipPosition?: Placement;
+    tooltipModifiers?: Array<Partial<Modifier<any, any>>>;
+    tooltipOffsetOptions?: Record<string, unknown>;
+    mouseEventType?: 'hover' | 'click';
+    hoverDelay?: number;
+    isDisabled?: boolean;
+    shouldRenderInBody?: boolean;
+}
+export declare const TextWithTooltip: FC<ITextWithTooltipProps>;

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

@@ -0,0 +1,14 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {
+        position: string;
+    };
+    tooltip: {
+        zIndex: number;
+    };
+    clickable: {
+        cursor: string;
+    };
+    tweakTooltip: {};
+};
+export declare type TextWithTooltipStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1,2 @@
+export * from './TextWithTooltip';
+export type { TextWithTooltipStyles } from './TextWithTooltip.styles';

package/dist/components/ThemedPreloader/ThemedPreloader.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../types';
+import { ThemedPreloaderStyles } from './ThemedPreloader.styles';
+declare const svgTypes: readonly ["default", "logo"];
+export declare type IPreloaderSvgType = (typeof svgTypes)[number];
+export interface IThemedPreloaderProps extends ICommonProps {
+    tweakStyles?: ThemedPreloaderStyles;
+    type?: 'dots' | IPreloaderSvgType;
+    useCurrentColor?: boolean;
+}
+export declare const ThemedPreloader: FC<IThemedPreloaderProps>;
+export {};

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

@@ -0,0 +1,14 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {
+        display: string;
+    };
+    dots: {};
+    default: {};
+    logo: {};
+    currentColor: {
+        color: string;
+    };
+    tweakPreloaderComponent: {};
+};
+export declare type ThemedPreloaderStyles = ComponentStyles<typeof styles>;

package/dist/components/ThemedPreloader/components/DefaultPreloader/DefaultPreloader.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DefaultPreloader: FC;

package/dist/components/ThemedPreloader/components/DefaultPreloader/index.d.ts

@@ -0,0 +1 @@
+export * from './DefaultPreloader';

package/dist/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../../../types';
+import { DotsPreloaderStyles } from './DotsPreloader.styles';
+export interface IDotsPreloaderProps extends ICommonProps {
+    tweakStyles?: DotsPreloaderStyles;
+}
+export declare const DotsPreloader: FC<IDotsPreloaderProps>;