@true-engineering/true-react-common-ui-kit 2.1.1 → 2.2.0

package/dist/components/Button/Button.d.ts

@@ -1,6 +1,5 @@
-import { ReactElement, ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
-import { ICommonProps } from '../../types';
-import { IIconType } from '../Icon';
+import { ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
+import { ICommonProps, IIcon } from '../../types';
 import { IThemedPreloaderProps } from '../ThemedPreloader';
 import { ButtonStyles } from './Button.styles';
 export declare type IButtonSize = 's' | 'm' | 'l' | 'xl';
@@ -47,7 +46,7 @@ export interface IButtonProps extends ICommonProps {
      * @default false
      */
     isActive?: boolean;
-    icon?: IIconType | ReactElement;
+    icon?: IIcon;
     /**
      * @default `left`
      */

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

@@ -1,7 +1,6 @@
-import { FormEvent, FocusEvent, KeyboardEvent, ClipboardEvent, ReactElement } from 'react';
+import { FormEvent, FocusEvent, KeyboardEvent, ClipboardEvent } from 'react';
 import { Props as ReactInputMaskBaseProps } from 'react-input-mask';
-import { ICommonProps } from '../../types';
-import { IIconType } from '../Icon';
+import { ICommonProps, IIcon } from '../../types';
 import { InputStyles } from './Input.styles';
 export declare const DEFAULT_SIZE = 6;
 declare type IReactInputMaskProps = Pick<Partial<ReactInputMaskBaseProps>, 'mask' | 'maskPlaceholder' | 'alwaysShowMask' | 'beforeMaskedStateChange'>;
@@ -43,7 +42,7 @@ export interface IInputProps extends ICommonProps, IReactInputMaskProps {
      * @default 6
      */
     defaultSize?: number;
-    iconType?: IIconType | ReactElement;
+    iconType?: IIcon;
     units?: string;
     name?: string;
     hasRequiredLabel?: boolean;

package/dist/components/List/List.d.ts

@@ -1,10 +1,9 @@
-import { FC, ReactElement, ReactNode } from 'react';
-import { ICommonProps } from '../../types';
-import { IIconType } from '../Icon';
+import { FC, ReactNode } from 'react';
+import { ICommonProps, IIcon } from '../../types';
 import { ListStyles } from './List.styles';
 export interface IListItem {
     item: ReactNode;
-    icon?: IIconType | ReactElement;
+    icon?: IIcon;
     disabled?: boolean;
     shouldDrawSpacerAbove?: boolean;
     shouldDrawSpacerBelow?: boolean;

package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts

@@ -1,13 +1,13 @@
-import { PureComponent } from 'react';
+import { HTMLProps, PureComponent, ReactNode, RefObject } from 'react';
 import { StandardBehaviorOptions } from 'scroll-into-view-if-needed';
-interface IScrollIntoViewIfNeededProps extends React.HTMLProps<HTMLElement> {
+interface IScrollIntoViewIfNeededProps extends HTMLProps<HTMLElement> {
     active?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
     elementType?: string;
     options?: StandardBehaviorOptions;
 }
 export declare class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoViewIfNeededProps> {
-    node: React.RefObject<HTMLElement>;
+    node: RefObject<HTMLElement>;
     static defaultProps: IScrollIntoViewIfNeededProps;
     componentDidMount(): void;
     componentDidUpdate({ active }: IScrollIntoViewIfNeededProps): void;

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

@@ -1,6 +1,5 @@
 import { ReactNode, SyntheticEvent } from 'react';
-import { IDropdownWithPopperOptions } from '../../types';
-import { IIconType } from '../Icon';
+import { IDropdownWithPopperOptions, IIcon } from '../../types';
 import { IInputProps } from '../Input';
 import { ISearchInputProps } from '../SearchInput';
 import { SelectStyles } from './Select.styles';
@@ -15,7 +14,7 @@ export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChan
     debounceTime?: number;
     minSymbolsCountToOpenList?: number;
     dropdownOptions?: IDropdownWithPopperOptions;
-    dropdownIcon?: IIconType;
+    dropdownIcon?: IIcon;
     options: Value[];
     value: Value | undefined;
     shouldScrollToList?: boolean;

package/dist/helpers/deprecated.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const isInt: (value: number) => boolean;
+export declare const addClickHandler: (cb?: ((e: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void) | undefined, hasAction?: boolean | undefined) => import("react").HTMLAttributes<unknown>;
+export declare const addDataTestId: (testId: string | undefined, postfix?: string | number | undefined) => {
+    'data-testid': string;
+} | undefined;
+export declare const createFilter: <T>(getter: (item: T) => (string | undefined)[], compareFn?: ((item: string, query: string) => boolean) | undefined) => (items: T[], query: string) => T[];
+export declare const getSelectKeyHandler: (cb: (e: import("react").KeyboardEvent<Element>) => void) => (e: import("react").KeyboardEvent<Element>) => void;
+export declare const getTestId: (testId: string | undefined, postfix?: string | number | undefined) => string | undefined;
+export declare const isStringNotEmpty: <T extends string>(value: T | null | undefined) => value is T;
+export declare const isEmpty: <T>(value: T | null | undefined) => value is null | undefined;
+export declare const isNotEmpty: <T>(val: T | null | undefined) => val is T;

package/dist/helpers/index.d.ts

@@ -1,4 +1,4 @@
-export * from './colors';
-export * from './utils';
 export * from './popper-helpers';
 export * from './phone';
+export * from './misc';
+export * from './deprecated';

package/dist/helpers/misc.d.ts

@@ -0,0 +1,19 @@
+import hexToRgba from 'hex-to-rgba';
+import { IDataAttributes } from '../types';
+export declare const rgba: typeof hexToRgba;
+export declare const transformToKebab: (string: string) => string;
+export declare const hasExactParent: (element: Element, parent: Element) => boolean;
+export declare const getParentNode: (element: Element | ShadowRoot | Document) => Element;
+export declare const getStyleComputedProperty: (element: Element) => Partial<CSSStyleDeclaration>;
+export declare const getScrollParent: (element: Element | Document) => Element;
+export declare const isElementOffScreen: (element: HTMLElement, input?: HTMLElement) => boolean;
+export declare const getNumberInRange: (value: number, min?: number, max?: number) => number;
+export declare const formatStringNumber: (val?: string, separator?: string) => string;
+export declare const formatNumber: (val?: number, separator?: string) => string;
+export declare const removeStringFormat: (val?: string) => string;
+export declare const stringToNumber: (val?: string) => number | undefined;
+export declare const setCaretPosition: (elem: HTMLInputElement, caretPos: number | null) => void;
+export declare const isSpaceChar: (char?: string) => boolean;
+export declare const getNumberLength: (n?: number) => number;
+export declare const trimStringToMaxLength: (val: string, maxLength: number) => string;
+export declare const addDataAttributes: (data?: IDataAttributes) => IDataAttributes;

package/dist/helpers/snippets.d.ts

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