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

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;
+  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;
     };
-    listContainer: {
-        position: string;
-        top: string;
-        left: number;
-        right: number;
-        zIndex: number;
-    };
-    invalid: {};
-    open: {};
-    full: {};
-    left: {};
-    right: {};
-    tweakMultiSelectList: {
-        root: {
-            width: 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,10 +2,16 @@ 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,26 +3,49 @@ 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;
+      };
+  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;
         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;
-                height: number;
-            };
-        };
+  };
+  tweakCheckbox: {
+    root: {
+      padding: number[];
     };
-    tweakCheckbox: {
-        root: {
-            padding: number[];
-        };
-        children: {
-            marginRight: string;
-        };
+    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,11 +1,15 @@
 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,16 +1,21 @@
 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,37 +1,40 @@
 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,13 +1,19 @@
 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,2 +1,10 @@
-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;