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

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

@@ -1,17 +1,22 @@
 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 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;
+  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

@@ -1,45 +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: {};
+  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/Tooltip/Tooltip.d.ts

@@ -2,9 +2,9 @@ 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';
+  tweakStyles?: TooltipStyles;
+  text: ReactNode;
+  view?: 'tooltip' | 'hint';
+  type?: 'info' | 'error';
 }
 export declare const Tooltip: FC<ITooltipProps>;

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

@@ -1,35 +1,33 @@
 import { ComponentStyles } from '../../types';
 import { ITooltipProps } from './Tooltip';
 interface IStyleProps {
-    type: NonNullable<ITooltipProps['type']>;
+  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;
-    };
+  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/helpers/data-attributes.d.ts

@@ -1,5 +1,12 @@
 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;
+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/phone.d.ts

@@ -1,11 +1,31 @@
 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 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 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/utils.d.ts

@@ -1,17 +1,38 @@
 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 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 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 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;
+export declare const trimStringToMaxLength: (
+  val: string,
+  maxLength: number,
+) => string;
+export declare const getTestId: (
+  testId: string | undefined,
+  postfix?: string | number,
+) => string | undefined;

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

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

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

@@ -1,11 +1,18 @@
 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;
+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

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

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

@@ -1,5 +1,26 @@
 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;
+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

@@ -1,9 +1,14 @@
 /// <reference types="react" />
 import { ComponentName, UiKitTheme } from '../types';
-export declare const ThemeContext: import("react").Context<{
-    theme: UiKitTheme;
+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;
+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

@@ -1,2 +1,6 @@
 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;
+export declare const useTweakStyles: <StyleSheet_1>(
+  componentStyles: StyleSheet_1 | undefined,
+  tweakStyles: Partial<Record<keyof StyleSheet_1, any>> | undefined,
+  className: keyof StyleSheet_1,
+) => Styles;