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

package/LICENSE

@@ -186,7 +186,7 @@ APPENDIX: How to apply the Apache License to your work.
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-Copyright [yyyy] [name of copyright owner]
+Copyright 2023 ООО «Тру Инжиниринг»
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

package/dist/components/AccountInfo/AccountInfo.d.ts

@@ -3,9 +3,9 @@ import { ICommonProps } from '../../types';
 import { IListProps } from '../List';
 import { AccountInfoStyles } from './AccountInfo.styles';
 export interface IAccountInfoProps extends ICommonProps {
-    tweakStyles?: AccountInfoStyles;
-    avatar?: ReactNode;
-    accountName: ReactNode;
-    options: IListProps['items'];
+  tweakStyles?: AccountInfoStyles;
+  avatar?: ReactNode;
+  accountName: ReactNode;
+  options: IListProps['items'];
 }
 export declare const AccountInfo: FC<IAccountInfoProps>;

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

@@ -1,64 +1,60 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-    tweakList: {};
-    'slide-up-enter': {
-        opacity: number;
-        transform: string;
-    };
-    'slide-up-enter-active': {
-        opacity: number;
-        transform: string;
-        transition: ({ timeout }: {
-            timeout: number;
-        }) => string;
-        transitionProperty: string;
-    };
-    'slide-up-exit-active': {
-        opacity: number;
-        transform: string;
-    };
-    'slide-up-exit': {
-        opacity: number;
-        transform: string;
-        transition: ({ timeout }: {
-            timeout: number;
-        }) => string;
-        transitionProperty: string;
-    };
-    root: {
-        display: string;
-    };
-    account: {
-        display: string;
-        position: string;
-        alignItems: string;
-        cursor: string;
-    };
-    accountName: {
-        margin: number[];
-        fontSize: number;
-        transition: string;
-    };
-    accountNameOpened: {};
-    accountChevron: {
-        width: number;
-        height: number;
-        transition: string;
-        transitionProperty: string;
-    };
-    accountChevronOpened: {
-        transform: string;
-    };
-    accountMenu: {
-        position: string;
-        zIndex: number;
-        top: string;
-        right: number;
-        marginTop: number;
-    };
-    avatarIcon: {
-        width: number;
-        height: number;
-    };
+  tweakList: {};
+  'slide-up-enter': {
+    opacity: number;
+    transform: string;
+  };
+  'slide-up-enter-active': {
+    opacity: number;
+    transform: string;
+    transition: ({ timeout }: { timeout: number }) => string;
+    transitionProperty: string;
+  };
+  'slide-up-exit-active': {
+    opacity: number;
+    transform: string;
+  };
+  'slide-up-exit': {
+    opacity: number;
+    transform: string;
+    transition: ({ timeout }: { timeout: number }) => string;
+    transitionProperty: string;
+  };
+  root: {
+    display: string;
+  };
+  account: {
+    display: string;
+    position: string;
+    alignItems: string;
+    cursor: string;
+  };
+  accountName: {
+    margin: number[];
+    fontSize: number;
+    transition: string;
+  };
+  accountNameOpened: {};
+  accountChevron: {
+    width: number;
+    height: number;
+    transition: string;
+    transitionProperty: string;
+  };
+  accountChevronOpened: {
+    transform: string;
+  };
+  accountMenu: {
+    position: string;
+    zIndex: number;
+    top: string;
+    right: number;
+    marginTop: number;
+  };
+  avatarIcon: {
+    width: number;
+    height: number;
+  };
 };
 export declare type AccountInfoStyles = ComponentStyles<typeof styles>;

package/dist/components/AddButton/AddButton.d.ts

@@ -2,11 +2,11 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { AddButtonStyles } from './AddButton.styles';
 export interface IAddButtonProps extends ICommonProps {
-    tweakStyles?: AddButtonStyles;
-    text: string;
-    type?: 'submit' | 'button';
-    isDisabled?: boolean;
-    isFullWidth?: boolean;
-    onClick?(): void | Promise<void>;
+  tweakStyles?: AddButtonStyles;
+  text: string;
+  type?: 'submit' | 'button';
+  isDisabled?: boolean;
+  isFullWidth?: boolean;
+  onClick?(): void | Promise<void>;
 }
 export declare const AddButton: FC<IAddButtonProps>;

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

@@ -1,28 +1,28 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-    root: {
-        display: string;
-        alignItems: string;
-        padding: string;
-        height: number;
-        cursor: string;
-        outline: string;
-        transition: string;
-        fontSize: number;
-        '&:hover': {
-            transition: string;
-        };
-    };
-    disabled: {
-        cursor: string;
-    };
-    icon: {
-        width: number;
-        display: string;
-        marginRight: number;
-    };
-    fullWidth: {
-        width: string;
+  root: {
+    display: string;
+    alignItems: string;
+    padding: string;
+    height: number;
+    cursor: string;
+    outline: string;
+    transition: string;
+    fontSize: number;
+    '&:hover': {
+      transition: string;
     };
+  };
+  disabled: {
+    cursor: string;
+  };
+  icon: {
+    width: number;
+    display: string;
+    marginRight: number;
+  };
+  fullWidth: {
+    width: string;
+  };
 };
 export declare type AddButtonStyles = ComponentStyles<typeof styles>;

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

@@ -1,28 +1,42 @@
-import { FC, ReactElement, ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
+import {
+  FC,
+  ReactElement,
+  ReactNode,
+  ButtonHTMLAttributes,
+  MouseEvent,
+} from 'react';
 import { ICommonProps } from '../../types';
 import { IThemedPreloaderProps } from '../ThemedPreloader';
 import { IIconType } from '../Icon';
 import { ButtonStyles } from './Button.styles';
 export declare type IButtonSize = 's' | 'm' | 'l' | 'xl';
-export declare const BUTTON_VIEWS: readonly ["primary", "secondary", "outline", "warning", "destructive", "text", "custom"];
+export declare const BUTTON_VIEWS: readonly [
+  'primary',
+  'secondary',
+  'outline',
+  'warning',
+  'destructive',
+  'text',
+  'custom',
+];
 export declare type IButtonView = (typeof BUTTON_VIEWS)[number];
 export interface IButtonProps extends ICommonProps {
-    tweakStyles?: ButtonStyles;
-    children?: ReactNode;
-    type?: ButtonHTMLAttributes<unknown>['type'];
-    size?: IButtonSize;
-    view?: IButtonView;
-    shouldSkipTabNavigation?: boolean;
-    isDisabled?: boolean;
-    isFullWidth?: boolean;
-    isInline?: boolean;
-    isLoading?: boolean;
-    isActive?: boolean;
-    icon?: IIconType | ReactElement;
-    iconPosition?: 'left' | 'right';
-    preloaderType?: IThemedPreloaderProps['type'];
-    testId?: string;
-    onClick?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
-    onMouseDown?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
+  tweakStyles?: ButtonStyles;
+  children?: ReactNode;
+  type?: ButtonHTMLAttributes<unknown>['type'];
+  size?: IButtonSize;
+  view?: IButtonView;
+  shouldSkipTabNavigation?: boolean;
+  isDisabled?: boolean;
+  isFullWidth?: boolean;
+  isInline?: boolean;
+  isLoading?: boolean;
+  isActive?: boolean;
+  icon?: IIconType | ReactElement;
+  iconPosition?: 'left' | 'right';
+  preloaderType?: IThemedPreloaderProps['type'];
+  testId?: string;
+  onClick?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
+  onMouseDown?(event: MouseEvent<HTMLButtonElement>): void | Promise<void>;
 }
 export declare const Button: FC<IButtonProps>;

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

@@ -1,150 +1,150 @@
 import { ComponentStyles } from '../../types';
 import { ThemedPreloaderStyles } from '../ThemedPreloader';
 export declare const styles: {
-    root: {
-        display: string;
-        justifyContent: string;
-        alignItems: string;
-        cursor: string;
-        outline: string;
-        boxSizing: string;
-        transition: string;
-        transitionProperty: string;
-        maxWidth: string;
-        border: (string | number)[];
-        position: string;
-        boxShadow: string;
-        '&[disabled]': {
-            cursor: string;
-            pointerEvents: string;
-        };
-    };
-    primary: {};
-    secondary: {};
-    outline: {};
-    warning: {};
-    destructive: {};
-    text: {};
-    custom: {};
-    children: {};
-    icon: {
-        width: number;
-        height: number;
-        flexShrink: number;
-        transition: string;
-    };
-    iconFromLeft: {
-        flexDirection: string;
-        gap: number;
-        '& $icon': {
-            marginLeft: number;
-        };
-    };
-    iconFromRight: {
-        flexDirection: string;
-        gap: number;
-        '& $icon': {
-            marginRight: number;
-        };
-    };
-    onlyIcon: {};
-    withIcon: {};
-    s: {
-        padding: number[];
-        height: number;
-        fontSize: number;
-        letterSpacing: number;
-        '&$onlyIcon': {
-            padding: number;
-            width: number;
-        };
-        '& $icon': {
-            width: number;
-            height: number;
-        };
-        '& $iconFromLeft': {
-            gap: number;
-        };
-        '& $iconFromRight': {
-            gap: number;
-        };
-    };
-    m: {
-        padding: number[];
-        height: number;
-        fontSize: number;
-        '& $iconFromLeft': {
-            gap: number;
-        };
-        '& $iconFromRight': {
-            gap: number;
-        };
-        '&$onlyIcon': {
-            padding: number;
-            width: number;
-        };
-    };
-    l: {
-        padding: number[];
-        height: number;
-        fontSize: number;
-        '& $iconFromLeft': {
-            gap: number;
-        };
-        '& $iconFromRight': {
-            gap: number;
-        };
-        '&$onlyIcon': {
-            padding: number;
-            width: number;
-        };
-    };
-    xl: {
-        padding: number[];
-        height: number;
-        fontSize: number;
-        '&$onlyIcon': {
-            padding: number;
-            width: number;
-        };
-        '& $iconFromLeft': {
-            gap: number;
-        };
-        '& $iconFromRight': {
-            gap: number;
-        };
-    };
-    fullWidth: {
-        minWidth: string;
-        width: string;
-    };
-    inline: {
-        borderTopLeftRadius: number;
-        borderBottomLeftRadius: number;
-    };
-    active: {};
-    content: {
-        display: string;
-        alignItems: string;
-        height: string;
-    };
-    loader: {
-        display: string;
-        position: string;
-        left: string;
-        top: string;
-        transform: string;
-    };
-    loading: {
-        '& $content': {
-            visibility: string;
-        };
-        '& $loader': {
-            display: string;
-        };
-    };
-    disabled: {};
-    tweakPreloader: {};
+  root: {
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    cursor: string;
+    outline: string;
+    boxSizing: string;
+    transition: string;
+    transitionProperty: string;
+    maxWidth: string;
+    border: (string | number)[];
+    position: string;
+    boxShadow: string;
+    '&[disabled]': {
+      cursor: string;
+      pointerEvents: string;
+    };
+  };
+  primary: {};
+  secondary: {};
+  outline: {};
+  warning: {};
+  destructive: {};
+  text: {};
+  custom: {};
+  children: {};
+  icon: {
+    width: number;
+    height: number;
+    flexShrink: number;
+    transition: string;
+  };
+  iconFromLeft: {
+    flexDirection: string;
+    gap: number;
+    '& $icon': {
+      marginLeft: number;
+    };
+  };
+  iconFromRight: {
+    flexDirection: string;
+    gap: number;
+    '& $icon': {
+      marginRight: number;
+    };
+  };
+  onlyIcon: {};
+  withIcon: {};
+  s: {
+    padding: number[];
+    height: number;
+    fontSize: number;
+    letterSpacing: number;
+    '&$onlyIcon': {
+      padding: number;
+      width: number;
+    };
+    '& $icon': {
+      width: number;
+      height: number;
+    };
+    '& $iconFromLeft': {
+      gap: number;
+    };
+    '& $iconFromRight': {
+      gap: number;
+    };
+  };
+  m: {
+    padding: number[];
+    height: number;
+    fontSize: number;
+    '& $iconFromLeft': {
+      gap: number;
+    };
+    '& $iconFromRight': {
+      gap: number;
+    };
+    '&$onlyIcon': {
+      padding: number;
+      width: number;
+    };
+  };
+  l: {
+    padding: number[];
+    height: number;
+    fontSize: number;
+    '& $iconFromLeft': {
+      gap: number;
+    };
+    '& $iconFromRight': {
+      gap: number;
+    };
+    '&$onlyIcon': {
+      padding: number;
+      width: number;
+    };
+  };
+  xl: {
+    padding: number[];
+    height: number;
+    fontSize: number;
+    '&$onlyIcon': {
+      padding: number;
+      width: number;
+    };
+    '& $iconFromLeft': {
+      gap: number;
+    };
+    '& $iconFromRight': {
+      gap: number;
+    };
+  };
+  fullWidth: {
+    minWidth: string;
+    width: string;
+  };
+  inline: {
+    borderTopLeftRadius: number;
+    borderBottomLeftRadius: number;
+  };
+  active: {};
+  content: {
+    display: string;
+    alignItems: string;
+    height: string;
+  };
+  loader: {
+    display: string;
+    position: string;
+    left: string;
+    top: string;
+    transform: string;
+  };
+  loading: {
+    '& $content': {
+      visibility: string;
+    };
+    '& $loader': {
+      display: string;
+    };
+  };
+  disabled: {};
+  tweakPreloader: {};
 };
 export declare const dotsPreloaderStyles: ThemedPreloaderStyles;
 export declare type ButtonStyles = ComponentStyles<typeof styles>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -2,20 +2,31 @@ import { PropsWithChildren } from 'react';
 import { ICommonProps } from '../../types';
 import { CheckboxStyles } from './Checkbox.styles';
 export interface ICheckboxProps<V> extends ICommonProps {
-    tweakStyles?: CheckboxStyles;
-    isChecked?: boolean;
-    isSemiChecked?: boolean;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    value: V;
-    size?: number;
-    alignItems?: 'top' | 'center';
-    textMargin?: number;
-    labelPosition?: 'right' | 'left';
-    testId?: string;
-    onSelect(value: {
-        value: V;
-        isSelected: boolean;
-    }): void;
+  tweakStyles?: CheckboxStyles;
+  isChecked?: boolean;
+  isSemiChecked?: boolean;
+  isDisabled?: boolean;
+  isInvalid?: boolean;
+  value: V;
+  size?: number;
+  alignItems?: 'top' | 'center';
+  textMargin?: number;
+  labelPosition?: 'right' | 'left';
+  testId?: string;
+  onSelect(value: { value: V; isSelected: boolean }): void;
 }
-export declare function Checkbox<V>({ children, isDisabled, isChecked, value, size, alignItems, textMargin, data, testId, isSemiChecked, labelPosition, tweakStyles, onSelect, }: PropsWithChildren<ICheckboxProps<V>>): JSX.Element;
+export declare function Checkbox<V>({
+  children,
+  isDisabled,
+  isChecked,
+  value,
+  size,
+  alignItems,
+  textMargin,
+  data,
+  testId,
+  isSemiChecked,
+  labelPosition,
+  tweakStyles,
+  onSelect,
+}: PropsWithChildren<ICheckboxProps<V>>): JSX.Element;