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

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

@@ -2,28 +2,31 @@ 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;
+  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

@@ -1,128 +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;
-    };
+  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/TextWithInfo/TextWithInfo.d.ts

@@ -2,14 +2,14 @@ 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;
+  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

@@ -1,48 +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";
-        };
+  root: {
+    display: string;
+    height: number;
+    padding: number[];
+    borderRadius: number;
+    boxSizing: string;
+    color: '#505f79';
+    '&:hover': {
+      backgroundColor: '#eceff5';
     };
-    container: {
-        display: string;
-        height: string;
-        alignItems: string;
+  };
+  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';
     };
-    selected: {
-        backgroundColor: "#eceff5";
+    '&:hover': {
+      color: '#ffffff';
+      backgroundColor: '#95a0b3';
     };
-    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";
-            };
-        };
+    '&:visited': {
+      color: '#95a0b3';
+      '&:hover': {
+        color: '#ffffff';
+        backgroundColor: '#95a0b3';
+      };
     };
+  };
 };
 export declare type TextWithInfoStyles = ComponentStyles<typeof styles>;

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

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

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

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

@@ -1,12 +1,12 @@
 import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { ThemedPreloaderStyles } from './ThemedPreloader.styles';
-declare const svgTypes: readonly ["default", "logo"];
+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;
+  tweakStyles?: ThemedPreloaderStyles;
+  type?: 'dots' | IPreloaderSvgType;
+  useCurrentColor?: boolean;
 }
 export declare const ThemedPreloader: FC<IThemedPreloaderProps>;
 export {};

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

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

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

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

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

@@ -1,43 +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;
-        };
+  root: {
+    display: string;
+    gap: number;
+    '&::before, &::after': {
+      content: string;
+      extend: string;
     };
-    '@keyframes FadedDots': {
-        '0%': {
-            opacity: number;
-        };
-        '30%': {
-            opacity: number;
-        };
-        '100%': {
-            opacity: number;
-        };
+    '&::before': {
+      animationDelay: string;
     };
-    fadedDot: {
-        display: string;
-        animationDuration: number;
-        animationIterationCount: string;
-        animationName: string;
-        borderRadius: string;
-        height: number;
-        width: number;
-        backgroundColor: string;
+    '&::after': {
+      animationDelay: string;
     };
-    dot: {
-        extend: string;
-        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/SvgPreloader/SvgPreloader.d.ts

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

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

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