@true-engineering/true-react-common-ui-kit 3.1.1 → 3.4.0

package/dist/components/PhoneInput/PhoneInput.d.ts

@@ -4,10 +4,14 @@ import { IInputProps } from '../Input';
 import { IPhoneValue } from './types';
 import { IPhoneInputStyles } from './PhoneInput.styles';
 export interface IPhoneInputProps extends Omit<IInputProps, 'value' | 'onChange' | 'type' | 'mask' | 'units' | 'placeholder' | 'tweakStyles'>, ICommonProps<IPhoneInputStyles> {
+    /** @default 'ru' */
     locale?: string;
+    /** @default 'Поиск' */
     codeSearchPlaceholder?: string;
+    /** @default 'Ничего не найдено' */
     noMatchesLabel?: string;
+    /** @default { phoneNumber: '', dialCode: '' } */
     value?: IPhoneValue;
-    onChange(phone: IPhoneValue, event: MouseEvent | KeyboardEvent | FormEvent<HTMLInputElement>): void;
+    onChange: (phone: IPhoneValue, event: MouseEvent | KeyboardEvent | FormEvent<HTMLInputElement>) => void;
 }
 export declare const PhoneInput: FC<IPhoneInputProps>;

package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.d.ts

@@ -7,7 +7,7 @@ export interface IPhoneInputCountryListProps extends Pick<ICommonProps<IPhoneInp
     locale: string;
     placeholder: string;
     noMatchesLabel: string;
-    closeList(): void;
-    onChange(country: IPhoneInfo, event: MouseEvent | KeyboardEvent): void;
+    closeList: () => void;
+    onChange: (country: IPhoneInfo, event: MouseEvent | KeyboardEvent) => void;
 }
 export declare const PhoneInputCountryList: FC<IPhoneInputCountryListProps>;

package/dist/components/RadioButton/RadioButton.d.ts

@@ -6,8 +6,10 @@ export interface IRadioButtonProps<Value extends string> extends ICommonProps<IR
     value: Value;
     groupName: string;
     isChecked?: boolean;
+    /** @default false */
     isDisabled?: boolean;
+    /** @default false */
     isInvalid?: boolean;
-    onChange(value: Value): void | Promise<void>;
+    onChange: (value: Value) => void | Promise<void>;
 }
 export declare function RadioButton<Value extends string>({ children, value, groupName, isChecked, isDisabled, isInvalid, data, testId, tweakStyles, onChange, }: IRadioButtonProps<Value>): JSX.Element;

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

@@ -10,33 +10,38 @@ export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChan
     allOptionsLabel?: string;
     noMatchesLabel?: string;
     loadingLabel?: ReactNode;
+    /** @default 'normal' */
     optionsMode?: 'search' | 'dynamic' | 'normal';
+    /** @default 400 */
     debounceTime?: number;
+    /** @default 0 */
     minSymbolsCountToOpenList?: number;
     dropdownOptions?: IDropdownWithPopperOptions;
+    /** @default 'chevron-down' */
     dropdownIcon?: IIcon;
     options: Value[];
     value: Value | undefined;
+    /** @default true */
     shouldScrollToList?: boolean;
     isMultiSelect?: boolean;
     searchInput?: {
         shouldRenderInList: true;
     } & Pick<ISearchInputProps, 'placeholder'>;
-    isOptionDisabled?(option: Value): boolean;
-    onChange(value?: Value): void;
-    onBlur?(event: Event | SyntheticEvent): void;
-    onType?(value: string): Promise<void>;
-    optionsFilter?(options: Value[], query: string): Value[];
-    onOpen?(): void;
-    compareValuesOnChange?(v1?: Value, v2?: Value): boolean;
-    convertValueToString?(value: Value): string | undefined;
-    convertValueToReactNode?(value: Value, isDisabled: boolean): ReactNode;
-    convertValueToId?(value: Value): string | undefined;
+    isOptionDisabled?: (option: Value) => boolean;
+    onChange: (value?: Value) => void;
+    onBlur?: (event: Event | SyntheticEvent) => void;
+    onType?: (value: string) => Promise<void>;
+    optionsFilter?: (options: Value[], query: string) => Value[];
+    onOpen?: () => void;
+    compareValuesOnChange?: (v1?: Value, v2?: Value) => boolean;
+    convertValueToString?: (value: Value) => string | undefined;
+    convertValueToReactNode?: (value: Value, isDisabled: boolean) => ReactNode;
+    convertValueToId?: (value: Value) => string | undefined;
 }
 export interface IMultipleSelectProps<Value> extends Omit<ISelectProps<Value>, 'value' | 'onChange' | 'compareValuesOnChange'> {
     isMultiSelect: true;
     value: IMultipleSelectValue<Value> | undefined;
-    onChange(value?: IMultipleSelectValue<Value>): void;
-    compareValuesOnChange?(v1?: IMultipleSelectValue<Value>, v2?: IMultipleSelectValue<Value>): boolean;
+    onChange: (value?: IMultipleSelectValue<Value>) => void;
+    compareValuesOnChange?: (v1?: IMultipleSelectValue<Value>, v2?: IMultipleSelectValue<Value>) => boolean;
 }
 export declare function Select<Value>(props: ISelectProps<Value> | IMultipleSelectProps<Value>): JSX.Element;

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

@@ -13,11 +13,11 @@ export interface ISelectListProps<Value> extends ICommonProps<ISelectListStyles>
     areAllOptionsSelected?: boolean;
     shouldScrollToList?: boolean;
     customListHeader?: ReactNode;
-    onOptionSelect(index: number, event: MouseEvent<HTMLElement>): void;
-    onToggleCheckbox?(index: number, isSelected: boolean): void;
-    isOptionDisabled(value: Value): boolean;
-    convertValueToString(value: Value): string | undefined;
-    convertValueToReactNode?(value: Value, isDisabled: boolean): ReactNode;
-    convertValueToId(value: Value): string | undefined;
+    onOptionSelect: (index: number, event: MouseEvent<HTMLElement>) => void;
+    onToggleCheckbox?: (index: number, isSelected: boolean) => void;
+    isOptionDisabled: (value: Value) => boolean;
+    convertValueToString: (value: Value) => string | undefined;
+    convertValueToReactNode?: (value: Value, isDisabled: boolean) => ReactNode;
+    convertValueToId: (value: Value) => string | undefined;
 }
 export declare function SelectList<Value>({ options, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, tweakStyles, testId, shouldScrollToList, areAllOptionsSelected, customListHeader, isOptionDisabled, allOptionsLabel, onOptionSelect, onToggleCheckbox, convertValueToString, convertValueToReactNode, convertValueToId, }: ISelectListProps<Value>): JSX.Element;

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

@@ -8,7 +8,7 @@ export interface ISelectListItemProps {
     isFocused?: boolean;
     children: ReactNode;
     classes: Classes<'cellWithCheckbox' | 'cell' | 'focused' | 'active' | 'disabled'>;
-    onOptionSelect(index: number, event: MouseEvent<HTMLElement>): void;
-    onToggleCheckbox?(index: number, isSelected: boolean): void;
+    onOptionSelect: (index: number, event: MouseEvent<HTMLElement>) => void;
+    onToggleCheckbox?: (index: number, isSelected: boolean) => void;
 }
 export declare const SelectListItem: FC<ISelectListItemProps>;

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

@@ -2,7 +2,9 @@
 import { IInputProps } from '../Input';
 import { ISmartType } from './types';
 export interface ISmartInputProps extends IInputProps {
+    /** @default false */
     isUpperCase?: boolean;
+    /** @default 'default' */
     smartType?: ISmartType;
     regExp?: RegExp;
     onChange: (value: string) => void;

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

@@ -7,7 +7,7 @@ declare const _default: {
     argTypes: {
         type: {
             control: string;
-            options: ("number" | "text" | "email" | "password" | undefined)[];
+            options: (import("react").HTMLInputTypeAttribute | undefined)[];
         };
         smartType: {
             control: string;

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

@@ -5,17 +5,16 @@ import { ISwitchStyles } from './Switch.styles';
 export interface ISwitchProps<V extends string> extends ICommonProps<ISwitchStyles> {
     children?: ReactNode;
     value: V;
+    /** @default false */
     isChecked: boolean | undefined;
+    /** @default false */
     isDisabled?: boolean;
+    /** @default false */
     isInvalid?: boolean;
-    /**
-     * @default `right`
-     */
+    /** @default 'right' */
     labelPosition?: 'left' | 'right';
-    /**
-     * @default `primary`
-     */
+    /** @default 'primary' */
     color?: 'primary' | 'secondary';
-    onChange(state: ISwitchState<V>): void;
+    onChange: (state: ISwitchState<V>) => void;
 }
 export declare const Switch: <V extends string>({ isDisabled, isChecked, isInvalid, value, children, labelPosition, color, data, tweakStyles, testId, onChange, }: ISwitchProps<V>) => JSX.Element;

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

@@ -5,23 +5,32 @@ export interface ITextAreaProps extends ICommonProps<ITextAreaStyles> {
     value?: string;
     label?: string;
     placeholder?: string;
+    /** @default false */
     isDisabled?: boolean;
+    /** @default true */
     hasFloatingLabel?: boolean;
+    /** @default false */
     isInvalid?: boolean;
+    /** @default false */
     isActive?: boolean;
     infoMessage?: string;
     errorMessage?: string;
+    /** @default false */
     isRequired?: boolean;
     name?: string;
+    /** @default false */
     hasRequiredLabel?: boolean;
+    /** @default false */
     shouldFocusOnMount?: boolean;
+    /** @default true */
     hasCounter?: boolean;
+    /** @default false */
     shouldTrimAfterMaxLength?: boolean;
     maxLength?: number;
     rows?: number;
-    onChange(value: string, event?: FormEvent<HTMLTextAreaElement>): void;
-    onFocus?(event: FocusEvent<HTMLTextAreaElement>): void;
-    onBlur?(event: FocusEvent<HTMLTextAreaElement>): void;
-    onPaste?(event: ClipboardEvent<HTMLTextAreaElement>): void;
+    onChange: (value: string, event?: FormEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (event: ClipboardEvent<HTMLTextAreaElement>) => void;
 }
 export declare const TextArea: FC<ITextAreaProps>;

package/dist/components/TextButton/TextButton.d.ts

@@ -24,7 +24,7 @@ export interface ITextButtonProps extends ICommonProps<ITextButtonStyles>, Omit<
     size?: 'l' | 'xl';
     /** @default 'left' */
     iconPosition?: 'left' | 'right';
-    /** @default `dots` */
+    /** @default 'dots' */
     preloaderType?: IThemedPreloaderProps['type'];
 }
 export declare const TextButton: FC<ITextButtonProps>;

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

@@ -3,12 +3,13 @@ import { ICommonProps } from '../../types';
 import { ITextWithInfoStyles } from './TextWithInfo.styles';
 export interface ITextWithInfoProps extends ICommonProps<ITextWithInfoStyles> {
     text: string;
+    /** @default false */
     isSelected?: boolean;
     textTooltip?: string;
     info?: {
         infoTooltip?: string;
         link?: string;
     };
-    onClick(): void;
+    onClick: () => void;
 }
 export declare const TextWithInfo: FC<ITextWithInfoProps>;

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

@@ -6,14 +6,21 @@ import { ITextWithTooltipStyles } from './TextWithTooltip.styles';
 export interface ITextWithTooltipProps extends ICommonProps<ITextWithTooltipStyles> {
     children: ReactNode;
     tooltipText: ITooltipProps['text'];
+    /** @default 'tooltip' */
     tooltipView?: ITooltipProps['view'];
+    /** @default 'info' */
     tooltipType?: ITooltipProps['type'];
+    /** @default 'top' */
     tooltipPosition?: Placement;
+    /** @default [] */
     tooltipModifiers?: Array<Partial<Modifier<any, any>>>;
     tooltipOffsetOptions?: Record<string, unknown>;
+    /** @default 'hover' */
     mouseEventType?: 'hover' | 'click';
     hoverDelay?: number;
+    /** @default false */
     isDisabled?: boolean;
+    /** @default true */
     shouldRenderInBody?: boolean;
 }
 export declare const TextWithTooltip: FC<ITextWithTooltipProps>;

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

@@ -3,10 +3,9 @@ import { ICommonProps } from '../../types';
 import { IPreloaderSvgType } from './types';
 import { IThemedPreloaderStyles } from './ThemedPreloader.styles';
 export interface IThemedPreloaderProps extends ICommonProps<IThemedPreloaderStyles> {
-    /**
-     * @default `default`
-     */
+    /** @default 'default' */
     type?: 'dots' | IPreloaderSvgType;
+    /** @default false */
     useCurrentColor?: boolean;
 }
 export declare const ThemedPreloader: FC<IThemedPreloaderProps>;

package/dist/components/Toaster/Toaster.d.ts

@@ -3,9 +3,7 @@ import { ICommonProps } from '../../types';
 import { IToasterType } from './types';
 import { IToasterStyles } from './Toaster.styles';
 export interface IToasterProps extends ICommonProps<IToasterStyles> {
-    /**
-     * @default `error`
-     */
+    /** @default 'error' */
     type?: IToasterType;
     title?: string;
     text?: string;
@@ -15,15 +13,11 @@ export interface IToasterProps extends ICommonProps<IToasterStyles> {
      * @default 7000
      */
     timeout?: number;
-    /**
-     * @default false
-     */
+    /** @default false */
     hasCloseButton?: boolean;
-    /**
-     * @default false
-     */
+    /** @default false */
     shouldCloseOnClick?: boolean;
-    onClose?(): void;
-    onTimeEnd?(): void;
+    onClose?: () => void;
+    onTimeEnd?: () => void;
 }
 export declare const Toaster: FC<IToasterProps>;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -3,13 +3,9 @@ import { ICommonProps } from '../../types';
 import { ITooltipStyles } from './Tooltip.styles';
 export interface ITooltipProps extends ICommonProps<ITooltipStyles> {
     text: ReactNode;
-    /**
-     * @default `tooltip`
-     */
+    /** @default 'tooltip' */
     view?: 'tooltip' | 'hint';
-    /**
-     * @default `info`
-     */
+    /** @default 'info' */
     type?: 'info' | 'error';
 }
 export declare const Tooltip: FC<ITooltipProps>;

package/dist/hooks/use-dropdown.d.ts

@@ -7,5 +7,5 @@ export declare const useDropdown: ({ isOpen, onDropdownClose, referenceElement,
     dropdownElement: HTMLElement | null | undefined;
     options?: IDropdownWithPopperOptions | undefined;
     dependenciesForPositionUpdating?: DependencyList | undefined;
-    onDropdownClose(event: Event): void;
+    onDropdownClose: (event: Event) => void;
 }) => ReturnType<typeof usePopper> | undefined;