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

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,17 +1,7 @@
 import { FC } from 'react';
 import { IInputProps } from '../Input';
 import { SearchInputStyles } from './SearchInput.styles';
-export declare type ISearchInputProps = Omit<
-  IInputProps,
-  | 'type'
-  | 'isInvalid'
-  | 'errorMessage'
-  | 'label'
-  | 'isActive'
-  | 'errorPosition'
-  | 'hasFloatingLabel'
-  | 'border'
-> & {
-  tweakStyles?: SearchInputStyles;
+export declare type ISearchInputProps = Omit<IInputProps, 'type' | 'isInvalid' | 'errorMessage' | 'label' | 'isActive' | 'errorPosition' | 'hasFloatingLabel' | 'border'> & {
+    tweakStyles?: SearchInputStyles;
 };
 export declare const SearchInput: FC<ISearchInputProps>;

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

@@ -1,39 +1,39 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    position: string;
-  };
-  icon: {
-    display: string;
-    alignItems: string;
-    position: string;
-    left: number;
-    height: string;
-    width: number;
-    zIndex: number;
-    color: '#95a0b3';
-  };
-  tweakInput: {
-    inputWrapper: {
-      height: number;
-      borderColor: string;
-      backgroundColor: string;
-      borderRadius: number;
-      paddingLeft: number;
-      transitionProperty: string;
+    root: {
+        position: string;
     };
-    focused: {
-      backgroundColor: '#ffffff';
-      borderColor: '#d0d6e1';
+    icon: {
+        display: string;
+        alignItems: string;
+        position: string;
+        left: number;
+        height: string;
+        width: number;
+        zIndex: number;
+        color: "#95a0b3";
     };
-    input: {
-      fontSize: number;
-      paddingLeft: number;
+    tweakInput: {
+        inputWrapper: {
+            height: number;
+            borderColor: string;
+            backgroundColor: string;
+            borderRadius: number;
+            paddingLeft: number;
+            transitionProperty: string;
+        };
+        focused: {
+            backgroundColor: "#ffffff";
+            borderColor: "#d0d6e1";
+        };
+        input: {
+            fontSize: number;
+            paddingLeft: number;
+        };
+        label: {
+            left: number;
+            fontSize: number;
+        };
     };
-    label: {
-      left: number;
-      fontSize: number;
-    };
-  };
 };
 export declare type SearchInputStyles = ComponentStyles<typeof styles>;

package/dist/components/Select/Select.d.ts

@@ -3,54 +3,26 @@ import { IInputProps } from '../Input';
 import { IIconType } from '../Icon';
 import { IDropdownWithPopperOptions } from '../../types';
 import { SelectStyles } from './Select.styles';
-export interface ISelectProps<Value>
-  extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
-  tweakStyles?: SelectStyles;
-  defaultOptionLabel?: string;
-  noMatchesLabel?: string;
-  loadingLabel?: React.ReactNode;
-  optionsMode?: 'search' | 'dynamic' | 'normal';
-  onType?: (value: string) => Promise<void>;
-  debounceTime?: number;
-  minSymbolsCountToOpenList?: number;
-  dropdownOptions?: IDropdownWithPopperOptions;
-  dropdownIcon?: IIconType;
-  onOpen?: () => void;
-  optionsFilter?: (options: Value[], query: string) => Value[];
-  options: Value[];
-  value?: Value;
-  onChange: (value?: Value) => void;
-  compareValuesOnChange?: (
-    v1: Value | undefined,
-    v2: Value | undefined,
-  ) => boolean;
-  convertValueToString?: (value?: Value) => string | undefined;
-  convertValueToReactNode?: (value?: Value) => ReactNode | undefined;
-  convertValueToId?: (value?: Value) => string | undefined;
+export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
+    tweakStyles?: SelectStyles;
+    defaultOptionLabel?: string;
+    noMatchesLabel?: string;
+    loadingLabel?: React.ReactNode;
+    optionsMode?: 'search' | 'dynamic' | 'normal';
+    onType?: (value: string) => Promise<void>;
+    debounceTime?: number;
+    minSymbolsCountToOpenList?: number;
+    dropdownOptions?: IDropdownWithPopperOptions;
+    dropdownIcon?: IIconType;
+    onOpen?: () => void;
+    optionsFilter?: (options: Value[], query: string) => Value[];
+    options: Value[];
+    value: Value | undefined;
+    shouldScrollToList?: boolean;
+    onChange(value: Value | undefined): void;
+    compareValuesOnChange?(v1: Value | undefined, v2: Value | undefined): boolean;
+    convertValueToString?(value: Value): string | undefined;
+    convertValueToReactNode?(value: Value): ReactNode;
+    convertValueToId?(value: Value): string | undefined;
 }
-export declare function Select<Value>({
-  options,
-  value,
-  onChange,
-  compareValuesOnChange,
-  convertValueToString,
-  convertValueToId,
-  convertValueToReactNode,
-  defaultOptionLabel,
-  onFocus,
-  onBlur,
-  onType,
-  onOpen,
-  debounceTime,
-  optionsMode,
-  optionsFilter,
-  noMatchesLabel,
-  loadingLabel,
-  tweakStyles,
-  testId,
-  isDisabled,
-  dropdownOptions,
-  minSymbolsCountToOpenList,
-  dropdownIcon,
-  ...inputProps
-}: ISelectProps<Value>): JSX.Element;
+export declare function Select<Value>({ options, value, onChange, compareValuesOnChange, convertValueToString, convertValueToId, convertValueToReactNode, defaultOptionLabel, onFocus, onBlur, onType, onOpen, debounceTime, optionsMode, optionsFilter, noMatchesLabel, loadingLabel, tweakStyles, testId, isDisabled, dropdownOptions, minSymbolsCountToOpenList, dropdownIcon, shouldScrollToList, ...inputProps }: ISelectProps<Value>): JSX.Element;

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

@@ -1,61 +1,61 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    width: string;
-    position: string;
-    boxSizing: string;
-  };
-  inputWrapper: {
-    width: string;
-    cursor: string;
-    position: string;
-  };
-  listWrapper: {
-    left: number;
-    zIndex: number;
-    width: string;
-    minWidth: string;
-  };
-  withoutPopper: {
-    position: string;
-    top: string;
-  };
-  listWrapperInBody: {
-    minWidth: string;
-    width: string;
-    maxWidth: string;
-  };
-  arrow: {
-    position: string;
-    right: number;
-    top: number;
-    width: number;
-    height: number;
-    cursor: string;
-    zIndex: number;
-    transition: string;
-  };
-  activeArrow: {
-    transform: string;
-  };
-  disabled: {
-    '& $arrow': {
-      cursor: string;
-    };
-  };
-  tweakInput: {
-    input: {
-      paddingRight: number;
+    root: {
+        width: string;
+        position: string;
+        boxSizing: string;
     };
-    disabled: {
-      '& $input': {
+    inputWrapper: {
+        width: string;
         cursor: string;
-      };
+        position: string;
+    };
+    listWrapper: {
+        left: number;
+        zIndex: number;
+        width: string;
+        minWidth: string;
+    };
+    withoutPopper: {
+        position: string;
+        top: string;
+    };
+    listWrapperInBody: {
+        minWidth: string;
+        width: string;
+        maxWidth: string;
+    };
+    arrow: {
+        position: string;
+        right: number;
+        top: number;
+        width: number;
+        height: number;
+        cursor: string;
+        zIndex: number;
+        transition: string;
+    };
+    activeArrow: {
+        transform: string;
+    };
+    disabled: {
+        '& $arrow': {
+            cursor: string;
+        };
     };
-    controls: {
-      paddingRight: number;
+    tweakInput: {
+        input: {
+            paddingRight: number;
+        };
+        disabled: {
+            '& $input': {
+                cursor: string;
+            };
+        };
+        controls: {
+            paddingRight: number;
+        };
     };
-  };
-  tweakSelectList: {};
+    tweakSelectList: {};
 };
 export declare type SelectStyles = ComponentStyles<typeof styles>;

package/dist/components/Select/SelectList/SelectList.d.ts

@@ -2,35 +2,20 @@ import React, { ReactNode } from 'react';
 import { ICommonProps } from '../../../types';
 import { SelectListStyles } from './SelectList.styles';
 export interface ISelectListProps<Value> extends ICommonProps {
-  tweakStyles?: SelectListStyles;
-  options: Value[];
-  focusedIndex?: number;
-  activeValue?: Value;
-  noMatchesLabel?: string;
-  isLoading?: boolean;
-  loadingLabel?: React.ReactNode;
-  defaultOptionLabel?: string;
-  onOptionClick: (index: number) => void;
-  testId?: string;
-  shouldScrollToList?: boolean;
-  convertValueToString: (value?: Value) => string | undefined;
-  convertValueToReactNode?: (value?: Value) => ReactNode | undefined;
-  convertValueToId?: (value?: Value) => string | undefined;
+    tweakStyles?: SelectListStyles;
+    options: Value[];
+    focusedIndex?: number;
+    activeValue?: Value;
+    noMatchesLabel?: string;
+    isLoading?: boolean;
+    loadingLabel?: React.ReactNode;
+    defaultOptionLabel?: string;
+    onOptionClick: (index: number) => void;
+    testId?: string;
+    shouldScrollToList?: boolean;
+    convertValueToString: (value: Value) => string | undefined;
+    convertValueToReactNode?: (value: Value) => ReactNode;
+    convertValueToId?: (value: Value) => string | undefined;
 }
 export declare function isOptionDisabled<Value>(option: Value): boolean;
-export declare function SelectList<Value>({
-  options,
-  onOptionClick,
-  focusedIndex,
-  activeValue,
-  defaultOptionLabel,
-  noMatchesLabel,
-  isLoading,
-  loadingLabel,
-  convertValueToString,
-  convertValueToReactNode,
-  convertValueToId,
-  tweakStyles,
-  testId,
-  shouldScrollToList,
-}: ISelectListProps<Value>): JSX.Element;
+export declare function SelectList<Value>({ options, onOptionClick, focusedIndex, activeValue, defaultOptionLabel, noMatchesLabel, isLoading, loadingLabel, convertValueToString, convertValueToReactNode, convertValueToId, tweakStyles, testId, shouldScrollToList, }: ISelectListProps<Value>): JSX.Element;

package/dist/components/Select/SelectList/SelectList.styles.d.ts

@@ -1,48 +1,46 @@
 import { ComponentStyles } from '../../../types';
 export declare const ROW_HEIGHT = 40;
 export declare const styles: {
-  root: {
-    borderRadius: 6;
-    boxShadow: string;
-    boxSizing: string;
-    padding: number[];
-    fontSize: number;
-  };
-  list:
-    | {
+    root: {
+        borderRadius: 6;
+        boxShadow: string;
+        boxSizing: string;
+        padding: number[];
+        fontSize: number;
+    };
+    list: {
         height: string;
         maxHeight: number;
         cursor: string;
-        backgroundColor: '#ffffff';
-      }
-    | {
+        backgroundColor: "#ffffff";
+    } | {
         height: string;
         maxHeight: number;
         cursor: string;
-        backgroundColor: '#ffffff';
-      };
-  cell: {
-    display: string;
-    cursor: string;
-    minHeight: number;
-    width: string;
-    padding: number[];
-    alignItems: string;
-    boxSizing: string;
-    fontSize: number;
-  };
-  noMatchesLabel: {
-    pointerEvents: string;
-  };
-  focused: {};
-  active: {};
-  disabled: {
-    cursor: string;
-  };
-  loading: {
-    cursor: string;
-    pointerEvents: string;
-  };
-  defaultCell: {};
+        backgroundColor: "#ffffff";
+    };
+    cell: {
+        display: string;
+        cursor: string;
+        minHeight: number;
+        width: string;
+        padding: number[];
+        alignItems: string;
+        boxSizing: string;
+        fontSize: number;
+    };
+    noMatchesLabel: {
+        pointerEvents: string;
+    };
+    focused: {};
+    active: {};
+    disabled: {
+        cursor: string;
+    };
+    loading: {
+        cursor: string;
+        pointerEvents: string;
+    };
+    defaultCell: {};
 };
 export declare type SelectListStyles = ComponentStyles<typeof styles>;

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

@@ -1,10 +1,3 @@
 export declare const defaultConvertFunction: (v: unknown) => string | undefined;
-export declare const defaultCompareFunction: <Value>(
-  v1: Value | undefined,
-  v2: Value | undefined,
-) => boolean;
-export declare const getActiveValueIndex: <Value>(
-  options: Value[],
-  value: Value | undefined,
-  convertFunc: (v?: Value | undefined) => string | undefined,
-) => number;
+export declare const defaultCompareFunction: <Value>(v1: Value, v2: Value) => boolean;
+export declare const getActiveValueIndex: <Value>(options: Value[], value: Value | undefined, convertFunc: (v: Value) => string | undefined) => number;

package/dist/components/SmartInput/SmartInput.d.ts

@@ -1,34 +1,22 @@
 import React from 'react';
 import { IInputProps } from '../Input';
-export declare type TSmartType =
-  | 'name'
-  | 'nameRuEn'
-  | 'surname'
-  | 'surnameRuEn'
-  | 'email'
-  | 'agencyName'
-  | 'default'
-  | 'digits'
-  | 'docNumber'
-  | 'benefitCert';
+export declare type TSmartType = 'name' | 'nameRuEn' | 'surname' | 'surnameRuEn' | 'email' | 'agencyName' | 'default' | 'digits' | 'docNumber' | 'benefitCert';
 export interface ISmartInputProps extends IInputProps {
-  isUpperCase?: boolean;
-  smartType?: TSmartType;
-  regExp?: RegExp;
-  onChange: (value: string) => void;
+    isUpperCase?: boolean;
+    smartType?: TSmartType;
+    regExp?: RegExp;
+    onChange: (value: string) => void;
 }
 export declare const SMART_INPUT_REGEX_MAP: {
-  default: RegExp;
-  agencyName: RegExp;
-  surname: RegExp;
-  name: RegExp;
-  surnameRuEn: RegExp;
-  nameRuEn: RegExp;
-  email: RegExp;
-  digits: RegExp;
-  docNumber: RegExp;
-  benefitCert: RegExp;
+    default: RegExp;
+    agencyName: RegExp;
+    surname: RegExp;
+    name: RegExp;
+    surnameRuEn: RegExp;
+    nameRuEn: RegExp;
+    email: RegExp;
+    digits: RegExp;
+    docNumber: RegExp;
+    benefitCert: RegExp;
 };
-export declare const SmartInput: React.ForwardRefExoticComponent<
-  ISmartInputProps & React.RefAttributes<HTMLInputElement>
->;
+export declare const SmartInput: React.ForwardRefExoticComponent<ISmartInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,14 +1,10 @@
 import { TSmartType } from './SmartInput';
-export declare const transformCaseSensitive: (
-  smartType: TSmartType,
-  map: {
+export declare const transformCaseSensitive: (smartType: TSmartType, map: {
     [key: string]: string;
-  },
-  symbol: string,
-) => string;
+}, symbol: string) => string;
 export declare const CharactersMap: {
-  [key: string]: string;
+    [key: string]: string;
 };
 export declare const TransliterationMap: {
-  [key: string]: string;
+    [key: string]: string;
 };

package/dist/components/Switch/Switch.d.ts

@@ -2,32 +2,19 @@ import { PropsWithChildren } from 'react';
 import { ICommonProps } from '../../types';
 import { SwitchStyles } from './Switch.styles';
 export interface ISwitchState<V = string> {
-  name: V;
-  isEnabled: boolean;
+    name: V;
+    isEnabled: boolean;
 }
 export interface ISwitchProps<V extends string> extends ICommonProps {
-  tweakStyles?: SwitchStyles;
-  value: V;
-  isChecked: boolean;
-  isDisabled?: boolean;
-  isInvalid?: boolean;
-  label?: string;
-  labelPosition?: 'left' | 'right';
-  color?: 'primary' | 'secondary';
-  onChange: (state: ISwitchState<V>) => void;
-  testId?: string;
+    tweakStyles?: SwitchStyles;
+    value: V;
+    isChecked: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    label?: string;
+    labelPosition?: 'left' | 'right';
+    color?: 'primary' | 'secondary';
+    onChange: (state: ISwitchState<V>) => void;
+    testId?: string;
 }
-export declare const Switch: <V extends string>({
-  isDisabled,
-  isChecked,
-  isInvalid,
-  onChange,
-  value,
-  label,
-  children,
-  labelPosition,
-  color,
-  data,
-  tweakStyles,
-  testId,
-}: PropsWithChildren<ISwitchProps<V>>) => JSX.Element;
+export declare const Switch: <V extends string>({ isDisabled, isChecked, isInvalid, onChange, value, label, children, labelPosition, color, data, tweakStyles, testId, }: PropsWithChildren<ISwitchProps<V>>) => JSX.Element;

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

@@ -1,62 +1,62 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    display: string;
-    alignItems: string;
-    cursor: string;
-  };
-  primary: {};
-  secondary: {};
-  invalid: {};
-  disabled: {
-    pointerEvents: string;
-    cursor: string;
-  };
-  checked: {
-    '& $switch::before': {
-      left: number;
-    };
-  };
-  switch: {
-    position: string;
-    flexShrink: number;
-    display: string;
-    width: number;
-    height: number;
-    backgroundColor: string;
-    borderRadius: number;
-    boxSizing: string;
-    transitionProperty: string;
-    transition: string;
-    '&::before': {
-      content: string;
-      position: string;
-      top: number;
-      left: number;
-      right: string;
-      display: string;
-      width: number;
-      height: number;
-      backgroundColor: string;
-      borderRadius: string;
-      zIndex: number;
-      transitionProperty: string;
-      transition: string;
-    };
-  };
-  input: {
-    display: string;
-  };
-  label: {
-    transitionProperty: string;
-    transition: string;
-  };
-  labelLeft: {
-    order: number;
-    marginRight: number;
-  };
-  labelRight: {
-    marginLeft: number;
-  };
+    root: {
+        display: string;
+        alignItems: string;
+        cursor: string;
+    };
+    primary: {};
+    secondary: {};
+    invalid: {};
+    disabled: {
+        pointerEvents: string;
+        cursor: string;
+    };
+    checked: {
+        '& $switch::before': {
+            left: number;
+        };
+    };
+    switch: {
+        position: string;
+        flexShrink: number;
+        display: string;
+        width: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+        boxSizing: string;
+        transitionProperty: string;
+        transition: string;
+        '&::before': {
+            content: string;
+            position: string;
+            top: number;
+            left: number;
+            right: string;
+            display: string;
+            width: number;
+            height: number;
+            backgroundColor: string;
+            borderRadius: string;
+            zIndex: number;
+            transitionProperty: string;
+            transition: string;
+        };
+    };
+    input: {
+        display: string;
+    };
+    label: {
+        transitionProperty: string;
+        transition: string;
+    };
+    labelLeft: {
+        order: number;
+        marginRight: number;
+    };
+    labelRight: {
+        marginLeft: number;
+    };
 };
 export declare type SwitchStyles = ComponentStyles<typeof styles>;