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

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

@@ -2,31 +2,28 @@ 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;
-  };
-  selected: {
-    backgroundColor: '#eceff5';
-  };
-  text: {
-    cursor: string;
-    fontSize: number;
-  };
-  info: {
-    width: number;
-    marginLeft: number;
-    color: '#95a0b3';
-    cursor: string;
-    borderRadius: string;
-    '&:link': {
-      color: '#95a0b3';
+    container: {
+        display: string;
+        height: string;
+        alignItems: string;
     };
-    '&:hover': {
-      color: '#ffffff';
-      backgroundColor: '#95a0b3';
+    selected: {
+        backgroundColor: "#eceff5";
     };
-    '&:visited': {
-      color: '#95a0b3';
-      '&: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";
+            };
+        };
     };
-  };
 };
 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;
+    root: {
+        display: string;
+        gap: number;
+        '&::before, &::after': {
+            content: string;
+            extend: string;
+        };
+        '&::before': {
+            animationDelay: string;
+        };
+        '&::after': {
+            animationDelay: string;
+        };
     };
-    '&::before': {
-      animationDelay: string;
+    '@keyframes FadedDots': {
+        '0%': {
+            opacity: number;
+        };
+        '30%': {
+            opacity: number;
+        };
+        '100%': {
+            opacity: number;
+        };
     };
-    '&::after': {
-      animationDelay: string;
+    fadedDot: {
+        display: string;
+        animationDuration: number;
+        animationIterationCount: string;
+        animationName: string;
+        borderRadius: string;
+        height: number;
+        width: number;
+        backgroundColor: string;
     };
-  };
-  '@keyframes FadedDots': {
-    '0%': {
-      opacity: number;
+    dot: {
+        extend: string;
+        animationDelay: string;
     };
-    '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>;