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

package/dist/components/FlexibleTable/TableRow.d.ts

@@ -1,28 +1,45 @@
 import React from 'react';
 import { FlexibleTableConfigType } from './types';
 import { ICommonProps } from '../../types';
-interface ITableRowProps<Values extends Record<string, any>> extends ICommonProps {
-    item: Values;
-    uniqueField?: keyof Values;
-    isFirstColumnSticky?: boolean;
-    isActive: boolean;
-    config?: FlexibleTableConfigType<Values>;
-    enabledColumns?: Array<keyof Values>;
-    rowAttributes?: Array<keyof Values>;
-    expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => React.ReactNode;
-    onRowHover?: (id?: string) => void;
-    onRowClick?: (id: string) => void;
-    classes: {
-        root: string;
-        active: string;
-        editable: string;
-        cell: {
-            root: string;
-            sticky: string;
-            second: string;
-        };
+interface ITableRowProps<Values extends Record<string, any>>
+  extends ICommonProps {
+  item: Values;
+  uniqueField?: keyof Values;
+  isFirstColumnSticky?: boolean;
+  isActive: boolean;
+  config?: FlexibleTableConfigType<Values>;
+  enabledColumns?: Array<keyof Values>;
+  rowAttributes?: Array<keyof Values>;
+  expandableRowComponent?: (
+    item: Values,
+    isOpen: boolean,
+    close: () => void,
+  ) => React.ReactNode;
+  onRowHover?: (id?: string) => void;
+  onRowClick?: (id: string) => void;
+  classes: {
+    root: string;
+    active: string;
+    editable: string;
+    cell: {
+      root: string;
+      sticky: string;
+      second: string;
     };
+  };
 }
-declare function TableRow<Values extends Record<string, any>>({ item, uniqueField, isFirstColumnSticky, isActive, config, enabledColumns, onRowHover, onRowClick, rowAttributes, expandableRowComponent, classes, }: ITableRowProps<Values>): JSX.Element;
+declare function TableRow<Values extends Record<string, any>>({
+  item,
+  uniqueField,
+  isFirstColumnSticky,
+  isActive,
+  config,
+  enabledColumns,
+  onRowHover,
+  onRowClick,
+  rowAttributes,
+  expandableRowComponent,
+  classes,
+}: ITableRowProps<Values>): JSX.Element;
 declare const _default: typeof TableRow;
 export default _default;

package/dist/components/FlexibleTable/TableValue.d.ts

@@ -1,21 +1,33 @@
 import { ReactNode } from 'react';
 import type { ICommonProps } from '../../types';
 import type { FlexibleTableConfigType } from './types';
-interface ITableValueProps<Values extends Record<string, any>> extends ICommonProps {
-    item: Values;
-    columnName: keyof Values;
-    config?: FlexibleTableConfigType<Values>;
-    classes: {
-        root: string;
-        sticky: string;
-        second: string;
-    };
-    isFocusedRow?: boolean;
-    isSecond?: boolean;
-    isSticky?: boolean;
-    isNestedComponentExpanded: boolean;
-    isRowNestedComponentExpanded: boolean;
-    onSetNestedComponent: (component?: ReactNode) => void;
+interface ITableValueProps<Values extends Record<string, any>>
+  extends ICommonProps {
+  item: Values;
+  columnName: keyof Values;
+  config?: FlexibleTableConfigType<Values>;
+  classes: {
+    root: string;
+    sticky: string;
+    second: string;
+  };
+  isFocusedRow?: boolean;
+  isSecond?: boolean;
+  isSticky?: boolean;
+  isNestedComponentExpanded: boolean;
+  isRowNestedComponentExpanded: boolean;
+  onSetNestedComponent: (component?: ReactNode) => void;
 }
-declare function TableValue<Values extends Record<string, any>>({ item, columnName, config, classes, isFocusedRow, isSecond, isSticky, isNestedComponentExpanded, isRowNestedComponentExpanded, onSetNestedComponent, }: ITableValueProps<Values>): JSX.Element;
+declare function TableValue<Values extends Record<string, any>>({
+  item,
+  columnName,
+  config,
+  classes,
+  isFocusedRow,
+  isSecond,
+  isSticky,
+  isNestedComponentExpanded,
+  isRowNestedComponentExpanded,
+  onSetNestedComponent,
+}: ITableValueProps<Values>): JSX.Element;
 export default TableValue;

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

@@ -1,44 +1,50 @@
 import { FC, ReactNode } from 'react';
 export declare type ITextAlignment = 'left' | 'center' | 'right';
-export declare type IVerticalAlignment = 'middle' | 'top' | 'bottom' | 'baseline' | 'sub' | string;
+export declare type IVerticalAlignment =
+  | 'middle'
+  | 'top'
+  | 'bottom'
+  | 'baseline'
+  | 'sub'
+  | string;
 export declare type IPosition = 'sticky' | 'absolute' | 'relative' | 'static';
 export declare type ITitleComponent<Value> = FC<{
-    value?: Value;
+  value?: Value;
 }>;
 export declare type IValueComponent<Values, Value> = FC<{
-    value?: Value;
-    row: Values;
-    isFocusedRow?: boolean;
-    isNestedComponentExpanded: boolean;
-    isRowNestedComponentExpanded: boolean;
-    onSetNestedComponent: (component?: ReactNode) => void;
+  value?: Value;
+  row: Values;
+  isFocusedRow?: boolean;
+  isNestedComponentExpanded: boolean;
+  isRowNestedComponentExpanded: boolean;
+  onSetNestedComponent: (component?: ReactNode) => void;
 }>;
 export declare type FlexibleTableConfigType<Values> = {
-    [Key in keyof Values]?: {
-        title?: ReactNode;
-        titleComponent?: ITitleComponent<any>;
-        component?: IValueComponent<Values, Values[Key]>;
-        dateFormat?: string;
-        minWidth?: string | number;
-        width?: string | number;
-        maxWidth?: string | number;
-        titleAlign?: ITextAlignment;
-        cellAlign?: ITextAlignment;
-        cellVerticalAlign?: IVerticalAlignment;
-        position?: IPosition;
-        right?: number;
-        left?: number;
-    };
+  [Key in keyof Values]?: {
+    title?: ReactNode;
+    titleComponent?: ITitleComponent<any>;
+    component?: IValueComponent<Values, Values[Key]>;
+    dateFormat?: string;
+    minWidth?: string | number;
+    width?: string | number;
+    maxWidth?: string | number;
+    titleAlign?: ITextAlignment;
+    cellAlign?: ITextAlignment;
+    cellVerticalAlign?: IVerticalAlignment;
+    position?: IPosition;
+    right?: number;
+    left?: number;
+  };
 };
 export interface IInfinityScrollConfig {
-    activePage: number;
-    totalPages: number;
-    isLoading: boolean;
-    isLastPage: boolean;
-    onInfinityScroll: (skip: number) => void;
+  activePage: number;
+  totalPages: number;
+  isLoading: boolean;
+  isLastPage: boolean;
+  onInfinityScroll: (skip: number) => void;
 }
 export interface INestedComponent {
-    isOpen: boolean;
-    component?: ReactNode;
-    cellKey?: string;
+  isOpen: boolean;
+  component?: ReactNode;
+  cellKey?: string;
 }

package/dist/components/Icon/ComplexIconBoilerplate.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { IComplexIcon } from './complexIcons';
 interface IComplexIconBoilerplateProps {
-    type: IComplexIcon;
+  type: IComplexIcon;
 }
 declare const ComplexIconBoilerplate: FC<IComplexIconBoilerplateProps>;
 export default ComplexIconBoilerplate;

package/dist/components/Icon/Icon.d.ts

@@ -5,7 +5,7 @@ import { IComplexIcon } from './complexIcons';
 import { IconStyles } from './Icon.styles';
 export declare type IIconType = ICommonIcon | IComplexIcon;
 export interface IIconProps extends ICommonProps {
-    tweakStyles?: IconStyles;
-    type: IIconType;
+  tweakStyles?: IconStyles;
+  type: IIconType;
 }
 export declare const Icon: React.FC<IIconProps>;

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

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

package/dist/components/Icon/IconBoilerplate.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { ICommonIcon } from './icons';
 export interface IIconBoilerplateProps {
-    type: ICommonIcon;
+  type: ICommonIcon;
 }
 export declare const IconBoilerplate: FC<IIconBoilerplateProps>;

package/dist/components/Icon/complexIcons/icons.d.ts

@@ -1,4 +1,4 @@
 export declare const complexIcons: {
-    avatar: string;
+  avatar: string;
 };
 export declare type IComplexIcon = keyof typeof complexIcons;

package/dist/components/Icon/icons/icons.d.ts

@@ -1,9 +1,101 @@
 import { SVGAttributes } from 'react';
 export interface ISvgIcon {
-    viewBox?: string;
-    paths?: Array<SVGAttributes<never>>;
-    circles?: Array<SVGAttributes<never>>;
-    rects?: Array<SVGAttributes<never>>;
+  viewBox?: string;
+  paths?: Array<SVGAttributes<never>>;
+  circles?: Array<SVGAttributes<never>>;
+  rects?: Array<SVGAttributes<never>>;
 }
-export declare const icons: Record<"direction" | "filter" | "search" | "repeat" | "link" | "sort" | "document" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "cancel" | "check" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close" | "close-large" | "close-window" | "copy" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "food" | "information" | "insurance" | "list" | "lock" | "lock-open" | "male" | "menu" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "settings" | "sign-out" | "size" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", ISvgIcon>;
+export declare const icons: Record<
+  | 'direction'
+  | 'filter'
+  | 'search'
+  | 'repeat'
+  | 'link'
+  | 'sort'
+  | 'document'
+  | 'vendor-service'
+  | 'aircraft-takeoff'
+  | 'archive'
+  | 'arrow'
+  | 'arrow-right'
+  | 'baggage'
+  | 'balloon'
+  | 'bluetooth'
+  | 'bonus'
+  | 'book'
+  | 'box'
+  | 'business'
+  | 'calendar'
+  | 'cancel'
+  | 'check'
+  | 'check-big'
+  | 'check-all'
+  | 'chevron-down'
+  | 'chevron-left'
+  | 'chevron-right'
+  | 'chevron-up'
+  | 'chevron-down-small'
+  | 'chevron-left-small'
+  | 'chevron-right-small'
+  | 'chevron-up-small'
+  | 'circle-check'
+  | 'close'
+  | 'close-large'
+  | 'close-window'
+  | 'copy'
+  | 'copy-outline'
+  | 'crane'
+  | 'danger'
+  | 'download'
+  | 'email'
+  | 'eye'
+  | 'eye-closed'
+  | 'female'
+  | 'food'
+  | 'information'
+  | 'insurance'
+  | 'list'
+  | 'lock'
+  | 'lock-open'
+  | 'male'
+  | 'menu'
+  | 'minus'
+  | 'burger-menu'
+  | 'pencil'
+  | 'pin'
+  | 'plane'
+  | 'plane-circle'
+  | 'plus'
+  | 'print'
+  | 'question'
+  | 'refresh'
+  | 'rocket'
+  | 'round-trip'
+  | 'vendor-logo'
+  | 'scan'
+  | 'send-email'
+  | 'settings'
+  | 'sign-out'
+  | 'size'
+  | 'sort-asc'
+  | 'sort-desc'
+  | 'sort-list-asc'
+  | 'sort-list-desc'
+  | 'star'
+  | 'status-error'
+  | 'status-info'
+  | 'status-not-ok'
+  | 'status-ok'
+  | 'status-warning'
+  | 'three-circles'
+  | 'ticket-revert'
+  | 'ticket'
+  | 'time'
+  | 'trash-can'
+  | 'upgrade'
+  | 'user'
+  | 'user-group'
+  | 'voucher',
+  ISvgIcon
+>;
 export declare type ICommonIcon = keyof typeof icons;

package/dist/components/IncrementInput/ChangeButton.d.ts

@@ -1,11 +1,11 @@
 import { FC } from 'react';
 import { Classes } from 'jss';
 interface IChangeButtonProps {
-    type: 'plus' | 'minus';
-    isButtonDisabled: boolean;
-    isInvalid?: boolean;
-    classes: Classes<'button' | 'disabledButton' | 'errorButton'>;
-    onClick: () => void;
+  type: 'plus' | 'minus';
+  isButtonDisabled: boolean;
+  isInvalid?: boolean;
+  classes: Classes<'button' | 'disabledButton' | 'errorButton'>;
+  onClick: () => void;
 }
 export declare const ChangeButton: FC<IChangeButtonProps>;
 export {};

package/dist/components/IncrementInput/IncrementInput.d.ts

@@ -1,8 +1,9 @@
 import { FC } from 'react';
 import { INumberInputProps } from '../NumberInput';
 import { IncrementInputStyles } from './IncrementInput.styles';
-export interface IIncrementInputProps extends Omit<INumberInputProps, 'canBeFloat' | 'precision'> {
-    tweakStyles?: IncrementInputStyles;
-    step?: number;
+export interface IIncrementInputProps
+  extends Omit<INumberInputProps, 'canBeFloat' | 'precision'> {
+  tweakStyles?: IncrementInputStyles;
+  step?: number;
 }
 export declare const IncrementInput: FC<IIncrementInputProps>;

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

@@ -2,62 +2,62 @@ import { ComponentStyles } from '../../types';
 export declare const BUTTONS_WIDTH = 36;
 export declare const BUTTONS_GAP = 2;
 export declare const styles: {
-    root: {
-        display: string;
-        alignItems: string;
-        position: string;
+  root: {
+    display: string;
+    alignItems: string;
+    position: string;
+  };
+  buttons: {
+    display: string;
+    flexDirection: string;
+    width: number;
+    position: string;
+    right: number;
+    top: number;
+    bottom: number;
+    zIndex: number;
+  };
+  button: {
+    width: string;
+    height: number;
+    border: string;
+    outline: string;
+    backgroundColor: '#f6f8fc';
+    transition: string;
+    color: '#505f79';
+    cursor: string;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    padding: number[];
+    '&:hover, &:focus': {
+      backgroundColor: '#dde3ed';
     };
-    buttons: {
-        display: string;
-        flexDirection: string;
-        width: number;
-        position: string;
-        right: number;
-        top: number;
-        bottom: number;
-        zIndex: number;
+    '&:active': {
+      backgroundColor: '#95a0b3';
     };
-    button: {
-        width: string;
-        height: number;
-        border: string;
-        outline: string;
-        backgroundColor: "#f6f8fc";
-        transition: string;
-        color: "#505f79";
-        cursor: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        padding: number[];
-        '&:hover, &:focus': {
-            backgroundColor: "#dde3ed";
-        };
-        '&:active': {
-            backgroundColor: "#95a0b3";
-        };
-        '&:first-child': {
-            marginBottom: number;
-        };
+    '&:first-child': {
+      marginBottom: number;
     };
-    disabledButton: {
-        backgroundColor: "#ffffff";
-        color: "#95a0b3";
-        cursor: string;
-        '&:hover': {
-            backgroundColor: "#ffffff";
-        };
+  };
+  disabledButton: {
+    backgroundColor: '#ffffff';
+    color: '#95a0b3';
+    cursor: string;
+    '&:hover': {
+      backgroundColor: '#ffffff';
     };
-    errorButton: {};
-    tweakInput: {
-        input: {
-            '&:not($withControls)': {
-                paddingRight: number;
-            };
-        };
-        controls: {
-            paddingRight: number;
-        };
+  };
+  errorButton: {};
+  tweakInput: {
+    input: {
+      '&:not($withControls)': {
+        paddingRight: number;
+      };
     };
+    controls: {
+      paddingRight: number;
+    };
+  };
 };
 export declare type IncrementInputStyles = ComponentStyles<typeof styles>;

package/dist/components/Input/Input.d.ts

@@ -5,41 +5,52 @@ import { ICommonProps } from '../../types';
 import { InputStyles } from './Input.styles';
 export declare const DEFAULT_SIZE = 6;
 export interface IInputProps extends ICommonProps {
-    tweakStyles?: InputStyles;
-    value?: string;
-    label?: string;
-    placeholder?: string;
-    type?: 'text' | 'password' | 'email' | 'number';
-    isDisabled?: boolean;
-    hasFloatingLabel?: boolean;
-    isReadonly?: boolean;
-    isInvalid?: boolean;
-    isActive?: boolean;
-    isClearable?: boolean;
-    infoMessage?: string;
-    errorMessage?: string;
-    errorPosition?: 'top' | 'bottom';
-    inlineStyle?: 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left' | 'right' | 'middle';
-    border?: 'top' | 'bottom' | 'left' | 'right';
-    isRequired?: boolean;
-    isLoading?: boolean;
-    isAutoSizeable?: boolean;
-    defaultSize?: number;
-    iconType?: IIconProps['type'];
-    units?: string;
-    name?: string;
-    mask?: ReactInputMaskProps['mask'];
-    maskPlaceholder?: ReactInputMaskProps['maskPlaceholder'];
-    hasRequiredLabel?: boolean;
-    shouldFocusOnMount?: boolean;
-    maxLength?: number;
-    testId?: string;
-    tabIndex?: number;
-    onChange(value: string, event: FormEvent<HTMLInputElement>): void;
-    onFocus?(event: FocusEvent<HTMLInputElement>): void;
-    onBlur?(event: FocusEvent<HTMLInputElement>): void;
-    onPaste?(event: ClipboardEvent<HTMLInputElement>): void;
-    onIconClick?(): void;
-    onKeyDown?(event: KeyboardEvent<HTMLInputElement>): void;
+  tweakStyles?: InputStyles;
+  value?: string;
+  label?: string;
+  placeholder?: string;
+  type?: 'text' | 'password' | 'email' | 'number';
+  isDisabled?: boolean;
+  hasFloatingLabel?: boolean;
+  isReadonly?: boolean;
+  isInvalid?: boolean;
+  isActive?: boolean;
+  isClearable?: boolean;
+  infoMessage?: string;
+  errorMessage?: string;
+  errorPosition?: 'top' | 'bottom';
+  inlineStyle?:
+    | 'top'
+    | 'bottom'
+    | 'top-left'
+    | 'top-right'
+    | 'bottom-left'
+    | 'bottom-right'
+    | 'left'
+    | 'right'
+    | 'middle';
+  border?: 'top' | 'bottom' | 'left' | 'right';
+  isRequired?: boolean;
+  isLoading?: boolean;
+  isAutoSizeable?: boolean;
+  defaultSize?: number;
+  iconType?: IIconProps['type'];
+  units?: string;
+  name?: string;
+  mask?: ReactInputMaskProps['mask'];
+  maskPlaceholder?: ReactInputMaskProps['maskPlaceholder'];
+  hasRequiredLabel?: boolean;
+  shouldFocusOnMount?: boolean;
+  maxLength?: number;
+  testId?: string;
+  tabIndex?: number;
+  onChange(value: string, event: FormEvent<HTMLInputElement>): void;
+  onFocus?(event: FocusEvent<HTMLInputElement>): void;
+  onBlur?(event: FocusEvent<HTMLInputElement>): void;
+  onPaste?(event: ClipboardEvent<HTMLInputElement>): void;
+  onIconClick?(): void;
+  onKeyDown?(event: KeyboardEvent<HTMLInputElement>): void;
 }
-export declare const Input: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import('react').ForwardRefExoticComponent<
+  IInputProps & import('react').RefAttributes<HTMLInputElement>
+>;