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

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

@@ -1,45 +1,28 @@
 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,33 +1,21 @@
 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,50 +1,44 @@
 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,101 +1,9 @@
 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,9 +1,8 @@
 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;
-  };
-  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';
+    root: {
+        display: string;
+        alignItems: string;
+        position: string;
     };
-    '&:active': {
-      backgroundColor: '#95a0b3';
+    buttons: {
+        display: string;
+        flexDirection: string;
+        width: number;
+        position: string;
+        right: number;
+        top: number;
+        bottom: number;
+        zIndex: number;
     };
-    '&:first-child': {
-      marginBottom: 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";
+        };
+        '&:active': {
+            backgroundColor: "#95a0b3";
+        };
+        '&: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;
-      };
+    errorButton: {};
+    tweakInput: {
+        input: {
+            '&:not($withControls)': {
+                paddingRight: number;
+            };
+        };
+        controls: {
+            paddingRight: number;
+        };
     };
-    controls: {
-      paddingRight: number;
-    };
-  };
 };
 export declare type IncrementInputStyles = ComponentStyles<typeof styles>;

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

@@ -5,52 +5,41 @@ 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>>;