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

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

@@ -1,7 +1,17 @@
 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;
+  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;
     };
-    icon: {
-        display: string;
-        alignItems: string;
-        position: string;
-        left: number;
-        height: string;
-        width: number;
-        zIndex: number;
-        color: "#95a0b3";
+    focused: {
+      backgroundColor: '#ffffff';
+      borderColor: '#d0d6e1';
     };
-    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;
-        };
+    input: {
+      fontSize: number;
+      paddingLeft: number;
     };
+    label: {
+      left: number;
+      fontSize: number;
+    };
+  };
 };
 export declare type SearchInputStyles = ComponentStyles<typeof styles>;

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

@@ -3,25 +3,54 @@ 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;
+  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 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,
+  ...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;
+  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;
     };
     disabled: {
-        '& $arrow': {
-            cursor: string;
-        };
+      '& $input': {
+        cursor: string;
+      };
     };
-    tweakInput: {
-        input: {
-            paddingRight: number;
-        };
-        disabled: {
-            '& $input': {
-                cursor: string;
-            };
-        };
-        controls: {
-            paddingRight: number;
-        };
+    controls: {
+      paddingRight: number;
     };
-    tweakSelectList: {};
+  };
+  tweakSelectList: {};
 };
 export declare type SelectStyles = ComponentStyles<typeof styles>;

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

@@ -2,20 +2,35 @@ 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 | undefined;
+  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,46 +1,48 @@
 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,3 +1,10 @@
 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 | undefined,
+  v2: Value | undefined,
+) => boolean;
+export declare const getActiveValueIndex: <Value>(
+  options: Value[],
+  value: Value | undefined,
+  convertFunc: (v?: Value | undefined) => string | undefined,
+) => number;

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

@@ -1,22 +1,34 @@
 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,10 +1,14 @@
 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,19 +2,32 @@ 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>;