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

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

@@ -1,44 +1,44 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    position: string;
-    boxSizing: string;
-    height: string;
-    width: string;
-    cursor: string;
-    fontSize: number;
-  };
-  required: {
-    '&:before': {
-      content: string;
-      position: string;
-      left: number;
-      top: string;
-      transform: string;
-      width: number;
-      height: number;
-      borderRadius: string;
-    };
-  };
-  disabled: {
-    cursor: string;
-  };
-  listContainer: {
-    position: string;
-    top: string;
-    left: number;
-    right: number;
-    zIndex: number;
-  };
-  invalid: {};
-  open: {};
-  full: {};
-  left: {};
-  right: {};
-  tweakMultiSelectList: {
     root: {
-      width: string;
+        position: string;
+        boxSizing: string;
+        height: string;
+        width: string;
+        cursor: string;
+        fontSize: number;
+    };
+    required: {
+        '&:before': {
+            content: string;
+            position: string;
+            left: number;
+            top: string;
+            transform: string;
+            width: number;
+            height: number;
+            borderRadius: string;
+        };
+    };
+    disabled: {
+        cursor: string;
+    };
+    listContainer: {
+        position: string;
+        top: string;
+        left: number;
+        right: number;
+        zIndex: number;
+    };
+    invalid: {};
+    open: {};
+    full: {};
+    left: {};
+    right: {};
+    tweakMultiSelectList: {
+        root: {
+            width: string;
+        };
     };
-  };
 };
 export declare type MultiSelectStyles = ComponentStyles<typeof styles>;

package/dist/components/MultiSelect/MultiSelectInput/MultiSelectInput.d.ts

@@ -2,16 +2,10 @@ import { ReactElement } from 'react';
 import { IMultiSelectListValues } from '../../index';
 import { ICommonProps } from '../../../types';
 export interface IMultiSelectInputProps<Value> extends ICommonProps {
-  value?: IMultiSelectListValues<Value>;
-  isOpen: boolean;
-  isDisabled: boolean;
-  placeholder: string;
-  onToggle: (state: boolean) => void;
+    value?: IMultiSelectListValues<Value>;
+    isOpen: boolean;
+    isDisabled: boolean;
+    placeholder: string;
+    onToggle: (state: boolean) => void;
 }
-export declare function MultiSelectInput<Value>({
-  value: v,
-  isOpen,
-  isDisabled,
-  placeholder,
-  onToggle,
-}: IMultiSelectInputProps<Value>): ReactElement | null;
+export declare function MultiSelectInput<Value>({ value: v, isOpen, isDisabled, placeholder, onToggle, }: IMultiSelectInputProps<Value>): ReactElement | null;

package/dist/components/MultiSelect/MultiSelectInput/MultiSelectInput.styles.d.ts

@@ -1,62 +1,62 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-  root: {
-    display: string;
-    justifyContent: string;
-    flexDirection: string;
-    height: string;
-    padding: number[];
-    overflow: string;
-    whiteSpace: string;
-  };
-  placeholder: {
-    fontSize: number;
-    userSelect: string;
-  };
-  placeholderSmall: {
-    fontSize: number;
-    marginBottom: number;
-    position: string;
-  };
-  values: {
-    width: string;
-  };
-  value: {
-    width: string;
-    overflow: string;
-    textOverflow: string;
-  };
-  amount: {
-    boxSizing: string;
-    position: string;
-    top: string;
-    right: number;
-    height: number;
-    minWidth: number;
-    fontSize: number;
-    lineHeight: string;
-    textAlign: string;
-    padding: number[];
-  };
-  indicator: {
-    position: string;
-    top: number;
-    right: number;
-    height: string;
-    width: number;
-    borderRadius: number;
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-  };
-  arrow: {
-    width: number;
-    height: number;
-    transition: string;
-  };
-  arrowUp: {
-    transform: string;
-  };
-  indicatorDisabled: {};
+    root: {
+        display: string;
+        justifyContent: string;
+        flexDirection: string;
+        height: string;
+        padding: number[];
+        overflow: string;
+        whiteSpace: string;
+    };
+    placeholder: {
+        fontSize: number;
+        userSelect: string;
+    };
+    placeholderSmall: {
+        fontSize: number;
+        marginBottom: number;
+        position: string;
+    };
+    values: {
+        width: string;
+    };
+    value: {
+        width: string;
+        overflow: string;
+        textOverflow: string;
+    };
+    amount: {
+        boxSizing: string;
+        position: string;
+        top: string;
+        right: number;
+        height: number;
+        minWidth: number;
+        fontSize: number;
+        lineHeight: string;
+        textAlign: string;
+        padding: number[];
+    };
+    indicator: {
+        position: string;
+        top: number;
+        right: number;
+        height: string;
+        width: number;
+        borderRadius: number;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+    arrow: {
+        width: number;
+        height: number;
+        transition: string;
+    };
+    arrowUp: {
+        transform: string;
+    };
+    indicatorDisabled: {};
 };
 export declare type MultiSelectInputStyles = ComponentStyles<typeof styles>;

package/dist/components/MultiSelectList/MultiSelectList.d.ts

@@ -3,49 +3,26 @@ import { ICommonProps } from '../../types';
 import { IMultiSelectLocale, IMultiSelectLocaleKey } from './locales';
 import { MultiSelectListStyles } from './MultiSelectList.styles';
 export interface IMultiSelectListValues<Option> {
-  include: Option[];
+    include: Option[];
 }
 export interface IMultiSelectListProps<Value, Option> extends ICommonProps {
-  tweakStyles?: MultiSelectListStyles;
-  value?: Value;
-  isSearchEnabled?: boolean;
-  width?: number | string;
-  localeKey?: IMultiSelectLocaleKey;
-  locale?: Partial<IMultiSelectLocale>;
-  onClose?: () => void;
-  onChange: (val?: Value) => void;
-  options?: Option[];
-  fetchOptions?: (val?: string, page?: number) => Promise<Option[]>;
-  getValueView?: (val: Option) => ReactNode;
-  getValueId?: (val: Option) => string;
-  getValueString?: (val: Option) => string;
-  isGroupingEnabled?: boolean;
-  checkboxPosition?: 'left' | 'right';
-  pageSize?: number;
-  searchMaxLength?: number;
-  testId?: string;
+    tweakStyles?: MultiSelectListStyles;
+    value?: Value;
+    isSearchEnabled?: boolean;
+    width?: number | string;
+    localeKey?: IMultiSelectLocaleKey;
+    locale?: Partial<IMultiSelectLocale>;
+    onClose?: () => void;
+    onChange: (val?: Value) => void;
+    options?: Option[];
+    fetchOptions?: (val?: string, page?: number) => Promise<Option[]>;
+    getValueView?: (val: Option) => ReactNode;
+    getValueId?: (val: Option) => string;
+    getValueString?: (val: Option) => string;
+    isGroupingEnabled?: boolean;
+    checkboxPosition?: 'left' | 'right';
+    pageSize?: number;
+    searchMaxLength?: number;
+    testId?: string;
 }
-export declare function MultiSelectList<
-  Value extends IMultiSelectListValues<Option>,
-  Option = string,
->({
-  value,
-  tweakStyles,
-  data,
-  isSearchEnabled,
-  width,
-  localeKey,
-  locale,
-  onChange,
-  onClose,
-  options,
-  fetchOptions,
-  isGroupingEnabled,
-  getValueView,
-  getValueId,
-  getValueString,
-  checkboxPosition,
-  pageSize,
-  searchMaxLength,
-  testId,
-}: IMultiSelectListProps<Value, Option>): JSX.Element;
+export declare function MultiSelectList<Value extends IMultiSelectListValues<Option>, Option = string>({ value, tweakStyles, data, isSearchEnabled, width, localeKey, locale, onChange, onClose, options, fetchOptions, isGroupingEnabled, getValueView, getValueId, getValueString, checkboxPosition, pageSize, searchMaxLength, testId, }: IMultiSelectListProps<Value, Option>): JSX.Element;

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

@@ -1,105 +1,105 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    width: ({ width }: { width: number | string }) => string | number;
-    background: '#ffffff';
-  };
-  list:
-    | {
+    root: {
+        width: ({ width }: {
+            width: number | string;
+        }) => string | number;
+        background: "#ffffff";
+    };
+    list: {
         paddingTop: number;
         maxHeight: number;
         overscrollBehavior: string;
-      }
-    | {
+    } | {
         paddingTop: number;
         maxHeight: number;
         overscrollBehavior: string;
-      };
-  label: {
-    boxSizing: string;
-    fontSize: number;
-    padding: number[];
-    userSelect: string;
-    display: string;
-    alignItems: string;
-    color: '#7a869a';
-  };
-  labelChosen: {
-    fontWeight: string;
-    color: '#222a37';
-    padding: number[];
-  };
-  withoutTopGap: {
-    paddingTop: number;
-  };
-  item: {
-    boxSizing: string;
-    padding: number;
-    maxWidth: string;
-    fontSize: number;
-  };
-  option: {
-    display: string;
-    userSelect: string;
-    maxWidth: string;
-    overflow: string;
-    whiteSpace: string;
-    textOverflow: string;
-  };
-  panel: {
-    display: string;
-    padding: number[];
-  };
-  clear: {
-    marginLeft: string;
-  };
-  selectedItem: {};
-  preloader: {
-    width: number;
-    height: number;
-    margin: string;
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-  };
-  dropdownInput: {
-    borderBottom: (string | number)[];
-  };
-  nothingFound: {
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-    textAlign: string;
-    padding: number;
-    fontSize: number;
-  };
-  tweakSearchInput: {
-    tweakInput: {
-      inputWrapper: {
-        backgroundColor: string;
-        border: string;
+    };
+    label: {
+        boxSizing: string;
+        fontSize: number;
+        padding: number[];
+        userSelect: string;
+        display: string;
+        alignItems: string;
+        color: "#7a869a";
+    };
+    labelChosen: {
+        fontWeight: string;
+        color: "#222a37";
+        padding: number[];
+    };
+    withoutTopGap: {
+        paddingTop: number;
+    };
+    item: {
+        boxSizing: string;
+        padding: number;
+        maxWidth: string;
+        fontSize: number;
+    };
+    option: {
+        display: string;
+        userSelect: string;
+        maxWidth: string;
+        overflow: string;
+        whiteSpace: string;
+        textOverflow: string;
+    };
+    panel: {
+        display: string;
+        padding: number[];
+    };
+    clear: {
+        marginLeft: string;
+    };
+    selectedItem: {};
+    preloader: {
+        width: number;
         height: number;
-      };
+        margin: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
     };
-  };
-  tweakCheckbox: {
-    root: {
-      padding: number[];
+    dropdownInput: {
+        borderBottom: (string | number)[];
+    };
+    nothingFound: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        textAlign: string;
+        padding: number;
+        fontSize: number;
+    };
+    tweakSearchInput: {
+        tweakInput: {
+            inputWrapper: {
+                backgroundColor: string;
+                border: string;
+                height: number;
+            };
+        };
     };
-    children: {
-      marginRight: string;
+    tweakCheckbox: {
+        root: {
+            padding: number[];
+        };
+        children: {
+            marginRight: string;
+        };
     };
-  };
-  tweakClearButton: {
-    text: {
-      color: '#95a0b3';
-      '&:hover, &:focus': {
-        color: '#505f79';
-      };
-      '&:active': {
-        color: '#505f79';
-      };
+    tweakClearButton: {
+        text: {
+            color: "#95a0b3";
+            '&:hover, &:focus': {
+                color: "#505f79";
+            };
+            '&:active': {
+                color: "#505f79";
+            };
+        };
     };
-  };
 };
 export declare type MultiSelectListStyles = ComponentStyles<typeof styles>;

package/dist/components/MultiSelectList/locales.d.ts

@@ -1,15 +1,11 @@
 export interface IMultiSelectLocale {
-  clear: string;
-  all: string;
-  chosen: string;
-  searchPlaceholder: string;
-  nothingFound: string;
+    clear: string;
+    all: string;
+    chosen: string;
+    searchPlaceholder: string;
+    nothingFound: string;
 }
 export declare const MultiSelectLocales: Record<string, IMultiSelectLocale>;
 export declare type IMultiSelectLocaleKey = keyof typeof MultiSelectLocales;
 export declare const DEFAULT_LOCALE: IMultiSelectLocaleKey;
-export declare const getLocale: (
-  key?: IMultiSelectLocaleKey,
-  custom?: Partial<IMultiSelectLocale>,
-  custom2?: Partial<IMultiSelectLocale>,
-) => IMultiSelectLocale;
+export declare const getLocale: (key?: IMultiSelectLocaleKey, custom?: Partial<IMultiSelectLocale>, custom2?: Partial<IMultiSelectLocale>) => IMultiSelectLocale;

package/dist/components/Notification/Notification.d.ts

@@ -1,21 +1,16 @@
 import { FC, ReactNode } from 'react';
 import { ICommonProps } from '../../types';
 import { NotificationStyles } from './Notification.styles';
-export declare type NotificationType =
-  | 'error'
-  | 'info'
-  | 'warning'
-  | 'ok'
-  | 'not-ok';
+export declare type NotificationType = 'error' | 'info' | 'warning' | 'ok' | 'not-ok';
 export interface INotificationProps extends ICommonProps {
-  tweakStyles?: NotificationStyles;
-  type: NotificationType;
-  isFullWidth?: boolean;
-  text?: string;
-  title?: string;
-  size?: 's' | 'm' | 'l';
-  testId?: string;
-  children?: ReactNode;
+    tweakStyles?: NotificationStyles;
+    type: NotificationType;
+    isFullWidth?: boolean;
+    text?: string;
+    title?: string;
+    size?: 's' | 'm' | 'l';
+    testId?: string;
+    children?: ReactNode;
 }
 export declare const Notification: FC<INotificationProps>;
 export default Notification;

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

@@ -1,40 +1,37 @@
 import { ComponentStyles } from '../../types';
 import type { NotificationType } from './Notification';
 interface IStyleProps {
-  type: NotificationType;
+    type: NotificationType;
 }
 export declare const styles: {
-  root: {
-    display: string;
-  };
-  inline: {
-    width: string;
-  };
-  icon: {
-    width: number;
-    height: number;
-    marginRight: number;
-    flexShrink: number;
-  };
-  body: {
-    flexGrow: number;
-  };
-  title: {
-    display: string;
-    fontWeight: string;
-  };
-  text: {
-    display: string;
-  };
-  content: {};
-  s: {};
-  m: {};
-  l: {};
-  withText: {};
-  withTitle: {};
+    root: {
+        display: string;
+    };
+    inline: {
+        width: string;
+    };
+    icon: {
+        width: number;
+        height: number;
+        marginRight: number;
+        flexShrink: number;
+    };
+    body: {
+        flexGrow: number;
+    };
+    title: {
+        display: string;
+        fontWeight: string;
+    };
+    text: {
+        display: string;
+    };
+    content: {};
+    s: {};
+    m: {};
+    l: {};
+    withText: {};
+    withTitle: {};
 };
-export declare type NotificationStyles = ComponentStyles<
-  typeof styles,
-  IStyleProps
->;
+export declare type NotificationStyles = ComponentStyles<typeof styles, IStyleProps>;
 export {};

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,19 +1,13 @@
 import React from 'react';
 import { IInputProps } from '../Input';
-export interface INumberInputProps
-  extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
-  value?: number;
-  canBeFloat?: boolean;
-  precision?: number;
-  intPartPrecision?: number;
-  defaultValue?: number;
-  min?: number;
-  max?: number;
-  onChange: (
-    value: number | undefined,
-    event?: React.FormEvent<HTMLInputElement>,
-  ) => void;
+export interface INumberInputProps extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
+    value?: number;
+    canBeFloat?: boolean;
+    precision?: number;
+    intPartPrecision?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    onChange: (value: number | undefined, event?: React.FormEvent<HTMLInputElement>) => void;
 }
-export declare const NumberInput: React.ForwardRefExoticComponent<
-  INumberInputProps & React.RefAttributes<HTMLInputElement>
->;
+export declare const NumberInput: React.ForwardRefExoticComponent<INumberInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/NumberInput/helpers.d.ts

@@ -1,10 +1,2 @@
-export declare const getNewCaretPosition: (
-  defaultPosition: number,
-  oldValue: string,
-  newValue: string,
-  isDeleteForwardAction?: boolean,
-) => number;
-export declare const formatNumberWithDefault: (
-  value: number | undefined,
-  defaultValue?: number,
-) => string;
+export declare const getNewCaretPosition: (defaultPosition: number, oldValue: string, newValue: string, isDeleteForwardAction?: boolean) => number;
+export declare const formatNumberWithDefault: (value: number | undefined, defaultValue?: number) => string;