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

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

@@ -0,0 +1,43 @@
+import { ComponentStyles } from '../../../../types';
+export declare const styles: {
+    root: {
+        display: string;
+        gap: number;
+        '&::before, &::after': {
+            content: string;
+            extend: string;
+        };
+        '&::before': {
+            animationDelay: string;
+        };
+        '&::after': {
+            animationDelay: string;
+        };
+    };
+    '@keyframes FadedDots': {
+        '0%': {
+            opacity: number;
+        };
+        '30%': {
+            opacity: number;
+        };
+        '100%': {
+            opacity: number;
+        };
+    };
+    fadedDot: {
+        display: string;
+        animationDuration: number;
+        animationIterationCount: string;
+        animationName: string;
+        borderRadius: string;
+        height: number;
+        width: number;
+        backgroundColor: string;
+    };
+    dot: {
+        extend: string;
+        animationDelay: string;
+    };
+};
+export declare type DotsPreloaderStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1,2 @@
+export { DotsPreloader } from './DotsPreloader';
+export type { DotsPreloaderStyles } from './DotsPreloader.styles';

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../../../types';
+import { IPreloaderSvgType } from '../../ThemedPreloader';
+import { SvgPreloaderStyles } from './SvgPreloader.styles';
+export interface ISvgPreloaderProps extends ICommonProps {
+    type: IPreloaderSvgType;
+    tweakStyles?: SvgPreloaderStyles;
+}
+export declare const SvgPreloader: FC<ISvgPreloaderProps>;

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

@@ -0,0 +1,9 @@
+import { ComponentStyles } from '../../../../types';
+export declare const styles: {
+    root: {
+        display: string;
+        width: string;
+        height: string;
+    };
+};
+export declare type SvgPreloaderStyles = ComponentStyles<typeof styles>;

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

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

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

@@ -0,0 +1,2 @@
+export { DotsPreloader } from './DotsPreloader';
+export { SvgPreloader } from './SvgPreloader';

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

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

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

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { ToasterStyles } from './Toaster.styles';
+export declare type ToasterType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';
+export interface IToasterProps extends ICommonProps {
+    tweakStyles?: ToasterStyles;
+    type?: ToasterType;
+    title?: string;
+    text?: string;
+    children?: ReactNode;
+    timeout?: number;
+    hasCloseButton?: boolean;
+    shouldCloseOnClick?: boolean;
+    onClose?(): void;
+    onTimeEnd?(): void;
+}
+export declare const Toaster: FC<IToasterProps>;

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

@@ -0,0 +1,45 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {
+        borderRadius: number;
+        position: string;
+        background: "#ffffff";
+        padding: number[];
+        display: string;
+    };
+    iconContainer: {
+        width: number;
+        height: number;
+        flexShrink: number;
+        marginRight: number;
+    };
+    error: {
+        color: "#f14d56";
+    };
+    info: {};
+    warning: {
+        color: "#ff991f";
+    };
+    ok: {
+        color: "#97ba1e";
+    };
+    'not-ok': {
+        color: "#7a869a";
+    };
+    text: {};
+    title: {};
+    content: {
+        '&:not(:first-child):not(:empty)': {
+            marginTop: number;
+        };
+    };
+    close: {
+        position: string;
+        top: number;
+        right: number;
+        width: number;
+        height: number;
+    };
+    tweakCloseButton: {};
+};
+export declare type ToasterStyles = ComponentStyles<typeof styles>;

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

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

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

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { ICommonProps } from '../../types';
+import { TooltipStyles } from './Tooltip.styles';
+export interface ITooltipProps extends ICommonProps {
+    tweakStyles?: TooltipStyles;
+    text: ReactNode;
+    view?: 'tooltip' | 'hint';
+    type?: 'info' | 'error';
+}
+export declare const Tooltip: FC<ITooltipProps>;

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

@@ -0,0 +1,35 @@
+import { ComponentStyles } from '../../types';
+import { ITooltipProps } from './Tooltip';
+interface IStyleProps {
+    type: NonNullable<ITooltipProps['type']>;
+}
+export declare const styles: {
+    root: {
+        display: string;
+        boxSizing: string;
+    };
+    tooltip: {
+        fontSize: number;
+        padding: number[];
+        letterSpacing: number;
+        backgroundColor: ({ type }: IStyleProps) => string;
+        color: ({ type }: IStyleProps) => string;
+        boxShadow: string;
+        borderRadius: number;
+        lineHeight: number;
+        maxWidth: number;
+    };
+    hint: {
+        whiteSpace: string;
+        fontSize: number;
+        padding: number[];
+        borderRadius: 6;
+        backgroundColor: ({ type }: {
+            type: ITooltipProps['type'];
+        }) => string;
+        color: "#ffffff";
+        letterSpacing: number;
+    };
+};
+export declare type TooltipStyles = ComponentStyles<typeof styles, IStyleProps>;
+export {};

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

@@ -0,0 +1,3 @@
+export * from './Tooltip';
+export type { TooltipStyles } from './Tooltip.styles';
+export type { ITooltipType } from './types';

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

@@ -0,0 +1 @@
+export declare type ITooltipType = 'info' | 'warning';

package/dist/components/index.d.ts

@@ -0,0 +1,36 @@
+export * from './AccountInfo';
+export * from './AddButton';
+export * from './Button';
+export * from './Checkbox';
+export * from './CloseButton';
+export * from './Colors';
+export * from './CssBaseline';
+export * from './DateInput';
+export * from './DatePicker';
+export * from './Description';
+export * from './FiltersPane';
+export * from './Flag';
+export * from './FlexibleTable';
+export * from './Icon';
+export * from './IncrementInput';
+export * from './Input';
+export * from './List';
+export * from './Modal';
+export * from './MoreMenu';
+export * from './MultiSelect';
+export * from './MultiSelectList';
+export * from './Notification';
+export * from './NumberInput';
+export * from './SearchInput';
+export * from './SmartInput';
+export * from './PhoneInput';
+export * from './RadioButton';
+export * from './Select';
+export * from './Switch';
+export * from './TextArea';
+export * from './TextWithInfo';
+export * from './TextWithTooltip';
+export * from './ThemedPreloader';
+export * from './Toaster';
+export * from './Tooltip';
+export * from './ScrollIntoViewIfNeeded';

package/dist/helpers/colors.d.ts

@@ -0,0 +1,2 @@
+import hexToRgba from 'hex-to-rgba';
+export declare const rgba: typeof hexToRgba;

package/dist/helpers/data-attributes.d.ts

@@ -0,0 +1,5 @@
+import { IDataAttributes } from '../types';
+export declare const addDataAttributes: (data?: IDataAttributes) => IDataAttributes;
+export declare const addDataTestId: (testId: string | undefined, postfix?: string | number | undefined) => {
+    'data-testid': string;
+} | undefined;

package/dist/helpers/index.d.ts

@@ -0,0 +1,5 @@
+export * from './data-attributes';
+export * from './colors';
+export * from './utils';
+export * from './popper-helpers';
+export * from './phone';

package/dist/helpers/phone.d.ts

@@ -0,0 +1,11 @@
+import { IPhoneInfo, IPhoneValue } from '../components';
+export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
+export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
+export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;
+export declare const sortCountriesByLocale: (countriesList: IPhoneInfo[], locale: string) => IPhoneInfo[];
+export declare const checkSearchStringInCountry: (country: IPhoneInfo, searchString: string) => boolean;
+export declare const getFullPhone: (phone?: IPhoneValue) => string;
+export declare const getCountryCodeFromPhone: (phoneWithCode: string) => string | undefined;
+export declare const getPhoneObjFromString: (fullPhone: string, countryCode?: string) => IPhoneValue;
+export declare const DEFAULT_PHONE_MASK = "+ 9 999 999 999 999 99";
+export declare const getPhoneMask: (countryCode?: string) => string;

package/dist/helpers/popper-helpers.d.ts

@@ -0,0 +1,2 @@
+import { Modifier } from 'react-overlays/usePopper';
+export declare const minWidthModifier: Partial<Modifier<any, any>>;

package/dist/helpers/utils.d.ts

@@ -0,0 +1,17 @@
+export declare const transformToKebab: (string: string) => string;
+export declare const getParentNode: (element: Element | ShadowRoot) => 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 isInt: (n: number) => boolean;
+export declare const getNumberLength: (n?: number) => number;
+export declare const isNotEmpty: <T>(val: T | null | undefined) => val is T;
+export declare const trimStringToMaxLength: (val: string, maxLength: number) => string;
+export declare const getTestId: (testId: string | undefined, postfix?: string | number) => string | undefined;

package/dist/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './use-is-mounted';
+export * from './use-on-click-outside';
+export * from './use-theme';
+export * from './use-dropdown';
+export * from './use-tweak-styles';
+export * from './use-did-mount-effect';

package/dist/hooks/use-did-mount-effect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare const useDidMountEffect: (effect: EffectCallback, dependencies: DependencyList) => void;

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

@@ -0,0 +1,11 @@
+import { DependencyList } from 'react';
+import usePopper, { VirtualElement } from 'react-overlays/usePopper';
+import { IDropdownWithPopperOptions } from '../types';
+export declare const useDropdown: ({ isOpen, onDropdownClose, referenceElement, dropdownElement, options, dependenciesForPositionUpdating, }: {
+    isOpen: boolean;
+    onDropdownClose: () => void;
+    referenceElement: VirtualElement | null | undefined;
+    dropdownElement: HTMLElement | null | undefined;
+    options?: IDropdownWithPopperOptions | undefined;
+    dependenciesForPositionUpdating?: DependencyList | undefined;
+}) => ReturnType<typeof usePopper> | undefined;

package/dist/hooks/use-is-mounted.d.ts

@@ -0,0 +1 @@
+export declare const useIsMounted: () => (() => boolean);

package/dist/hooks/use-on-click-outside.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export declare const checkElementParentsClassNames: (element: HTMLElement, className: string) => boolean;
+export declare const isElementOneOfParents: (element: HTMLElement, elToSearch: HTMLElement) => boolean;
+export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentName, UiKitTheme } from '../types';
+export declare const ThemeContext: import("react").Context<{
+    theme: UiKitTheme;
+}>;
+export declare const useTheme: <StyleSheet_1>(componentName: ComponentName, styles: StyleSheet_1, tweakStyles?: Partial<Record<keyof StyleSheet_1, any>> | undefined, options?: Record<string, unknown>) => {
+    classes: Record<keyof StyleSheet_1, string>;
+    componentStyles: StyleSheet_1;
+};

package/dist/hooks/use-tweak-styles.d.ts

@@ -0,0 +1,2 @@
+import { Styles } from 'react-jss';
+export declare const useTweakStyles: <StyleSheet_1>(componentStyles: StyleSheet_1 | undefined, tweakStyles: Partial<Record<keyof StyleSheet_1, any>> | undefined, className: keyof StyleSheet_1) => Styles;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { commonTheme } from './theme';
+export * from './components';
+export * from './hooks';
+export * from './types';
+export * from './helpers';