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

package/dist/components/PhoneInput/PhoneInput.d.ts

@@ -2,19 +2,12 @@ import { FC } from 'react';
 import { IInputProps } from '../Input';
 import { IPhoneValue } from './types';
 import { PhoneInputStyles } from './PhoneInput.styles';
-export interface IPhoneInputProps
-  extends Omit<
-    IInputProps,
-    'value' | 'onChange' | 'type' | 'mask' | 'units' | 'placeholder'
-  > {
-  tweakStyles?: PhoneInputStyles;
-  locale?: string;
-  codeSearchPlaceholder?: string;
-  noMatchesLabel?: string;
-  value?: IPhoneValue;
-  onChange: (
-    phone: IPhoneValue,
-    event: React.MouseEvent | KeyboardEvent | React.FormEvent<HTMLInputElement>,
-  ) => void;
+export interface IPhoneInputProps extends Omit<IInputProps, 'value' | 'onChange' | 'type' | 'mask' | 'units' | 'placeholder'> {
+    tweakStyles?: PhoneInputStyles;
+    locale?: string;
+    codeSearchPlaceholder?: string;
+    noMatchesLabel?: string;
+    value?: IPhoneValue;
+    onChange: (phone: IPhoneValue, event: React.MouseEvent | KeyboardEvent | React.FormEvent<HTMLInputElement>) => void;
 }
 export declare const PhoneInput: FC<IPhoneInputProps>;

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

@@ -1,66 +1,66 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    width: string;
-    position: string;
-    boxSizing: string;
-  };
-  countrySelectContainer: {
-    position: string;
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-    borderRight: (string | number)[];
-    transition: string;
-    cursor: string;
-    zIndex: number;
-  };
-  disabledCountrySelect: {
-    cursor: string;
-  };
-  flag: {
-    width: number;
-    height: number;
-  };
-  arrow: {
-    width: number;
-    color: '#95a0b3';
-    marginLeft: number;
-    transition: string;
-  };
-  up: {
-    transform: string;
-  };
-  invalidArrow: {
-    color: '#f14d56';
-  };
-  focusedBorder: {};
-  invalidBorder: {
-    borderColor: '#f14d56';
-  };
-  inputContainer: {
-    position: string;
-    flex: number;
-  };
-  flagListContainer: {
-    position: string;
-    width: string;
-    top: number;
-    left: number;
-    zIndex: number;
-  };
-  tweakInput: {
-    inputWrapper: {
-      paddingLeft: number;
+    root: {
+        width: string;
+        position: string;
+        boxSizing: string;
     };
-    label: {
-      marginLeft: number;
+    countrySelectContainer: {
+        position: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        borderRight: (string | number)[];
+        transition: string;
+        cursor: string;
+        zIndex: number;
     };
-  };
-  tweakCountryList: {};
+    disabledCountrySelect: {
+        cursor: string;
+    };
+    flag: {
+        width: number;
+        height: number;
+    };
+    arrow: {
+        width: number;
+        color: "#95a0b3";
+        marginLeft: number;
+        transition: string;
+    };
+    up: {
+        transform: string;
+    };
+    invalidArrow: {
+        color: "#f14d56";
+    };
+    focusedBorder: {};
+    invalidBorder: {
+        borderColor: "#f14d56";
+    };
+    inputContainer: {
+        position: string;
+        flex: number;
+    };
+    flagListContainer: {
+        position: string;
+        width: string;
+        top: number;
+        left: number;
+        zIndex: number;
+    };
+    tweakInput: {
+        inputWrapper: {
+            paddingLeft: number;
+        };
+        label: {
+            marginLeft: number;
+        };
+    };
+    tweakCountryList: {};
 };
 export declare type PhoneInputStyles = ComponentStyles<typeof styles>;

package/dist/components/PhoneInput/PhoneInputCountryList/PhoneInputCountryList.d.ts

@@ -3,13 +3,13 @@ import { ICommonProps } from '../../../types';
 import { IPhoneInfo } from '../types';
 import { PhoneInputCountryListStyles } from './PhoneInputCountryList.styles';
 export interface IPhoneInputCountryListProps extends ICommonProps {
-  tweakStyles?: PhoneInputCountryListStyles;
-  selectedCountryCode?: string;
-  locale: string;
-  placeholder: string;
-  noMatchesLabel: string;
-  closeList(): void;
-  onChange(country: IPhoneInfo, event: MouseEvent | KeyboardEvent): void;
+    tweakStyles?: PhoneInputCountryListStyles;
+    selectedCountryCode?: string;
+    locale: string;
+    placeholder: string;
+    noMatchesLabel: string;
+    closeList(): void;
+    onChange(country: IPhoneInfo, event: MouseEvent | KeyboardEvent): void;
 }
 export declare const PhoneInputCountryList: FC<IPhoneInputCountryListProps>;
 export default PhoneInputCountryList;

package/dist/components/PhoneInput/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts

@@ -1,87 +1,83 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-  root: {
-    borderRadius: 6;
-    backgroundColor: '#ffffff';
-    border: (string | number)[];
-    boxShadow: string;
-    overflow: string;
-  };
-  searchContainer: {
-    width: string;
-    height: 48;
-    display: string;
-    alignItems: string;
-    boxSizing: string;
-    padding: number[];
-    borderBottom: (string | number)[];
-  };
-  icon: {
-    width: number;
-    height: number;
-  };
-  searchIcon: {
-    extend: string;
-    color: '#7a869a';
-    flexShrink: number;
-  };
-  flagList:
-    | {
+    root: {
+        borderRadius: 6;
+        backgroundColor: "#ffffff";
+        border: (string | number)[];
+        boxShadow: string;
+        overflow: string;
+    };
+    searchContainer: {
+        width: string;
+        height: 48;
+        display: string;
+        alignItems: string;
+        boxSizing: string;
+        padding: number[];
+        borderBottom: (string | number)[];
+    };
+    icon: {
+        width: number;
+        height: number;
+    };
+    searchIcon: {
+        extend: string;
+        color: "#7a869a";
+        flexShrink: number;
+    };
+    flagList: {
         maxHeight: number;
         padding: number[];
-      }
-    | {
+    } | {
         maxHeight: number;
         padding: number[];
-      };
-  listItem: {
-    height: number;
-    padding: number[];
-    display: string;
-    alignItems: string;
-    cursor: string;
-    fontSize: number;
-    lineHeight: string;
-    letterSpacing: number;
-    whiteSpace: string;
-    boxSizing: string;
-  };
-  selectedCountry: {
-    backgroundColor: '#f6f8fc';
-  };
-  activeCountry: {
-    backgroundColor: '#eceff5';
-  };
-  flag: {
-    width: number;
-    height: number;
-    flexShrink: number;
-  };
-  countryName: {
-    color: '#222a37';
-    overflowX: string;
-    textOverflow: string;
-    margin: number[];
-  };
-  dialCode: {
-    color: '#95a0b3';
-  };
-  emptyResult: {
-    color: '#7a869a';
-    padding: number[];
-  };
-  tweakInput: {
-    inputWrapper: {
-      border: string;
-      height: string;
     };
-    input: {
-      fontSize: number;
-      lineHeight: string;
-      letterSpacing: number;
+    listItem: {
+        height: number;
+        padding: number[];
+        display: string;
+        alignItems: string;
+        cursor: string;
+        fontSize: number;
+        lineHeight: string;
+        letterSpacing: number;
+        whiteSpace: string;
+        boxSizing: string;
+    };
+    selectedCountry: {
+        backgroundColor: "#f6f8fc";
+    };
+    activeCountry: {
+        backgroundColor: "#eceff5";
+    };
+    flag: {
+        width: number;
+        height: number;
+        flexShrink: number;
+    };
+    countryName: {
+        color: "#222a37";
+        overflowX: string;
+        textOverflow: string;
+        margin: number[];
+    };
+    dialCode: {
+        color: "#95a0b3";
+    };
+    emptyResult: {
+        color: "#7a869a";
+        padding: number[];
+    };
+    tweakInput: {
+        inputWrapper: {
+            border: string;
+            height: string;
+        };
+        input: {
+            fontSize: number;
+            lineHeight: string;
+            letterSpacing: number;
+        };
     };
-  };
 };
-export declare type PhoneInputCountryListStyles = ComponentStyles<
-  typeof styles
->;
+export declare type PhoneInputCountryListStyles = ComponentStyles<typeof styles>;

package/dist/components/PhoneInput/types.d.ts

@@ -1,15 +1,15 @@
 export interface IPhoneInfo {
-  countryEn: string;
-  countryRu: string;
-  countryCode: string;
-  dialCode: string;
-  phoneMask?: string;
-  dialCodePriority?: number;
-  areaCodes?: string[];
-  fullCodes: string[];
+    countryEn: string;
+    countryRu: string;
+    countryCode: string;
+    dialCode: string;
+    phoneMask?: string;
+    dialCodePriority?: number;
+    areaCodes?: string[];
+    fullCodes: string[];
 }
 export interface IPhoneValue {
-  phoneNumber?: string;
-  dialCode?: string;
-  countryCode?: string;
+    phoneNumber?: string;
+    dialCode?: string;
+    countryCode?: string;
 }

package/dist/components/RadioButton/RadioButton.d.ts

@@ -2,22 +2,12 @@ import { PropsWithChildren } from 'react';
 import { ICommonProps } from '../../types';
 import { RadioButtonStyles } from './RadioButton.styles';
 export interface IRadioButtonProps<Value extends string> extends ICommonProps {
-  tweakStyles?: RadioButtonStyles;
-  value: Value;
-  groupName: string;
-  isChecked?: boolean;
-  isDisabled?: boolean;
-  isInvalid?: boolean;
-  onChange: (value: Value) => void | Promise<void>;
+    tweakStyles?: RadioButtonStyles;
+    value: Value;
+    groupName: string;
+    isChecked?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    onChange: (value: Value) => void | Promise<void>;
 }
-export declare function RadioButton<Value extends string>({
-  children,
-  value,
-  groupName,
-  isChecked,
-  isDisabled,
-  isInvalid,
-  onChange,
-  data,
-  tweakStyles,
-}: PropsWithChildren<IRadioButtonProps<Value>>): JSX.Element;
+export declare function RadioButton<Value extends string>({ children, value, groupName, isChecked, isDisabled, isInvalid, onChange, data, tweakStyles, }: PropsWithChildren<IRadioButtonProps<Value>>): JSX.Element;

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

@@ -1,30 +1,30 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  input: {
-    appearance: string;
-    cursor: string;
-    borderRadius: string;
-    width: number;
-    height: number;
-    outline: string;
-    transition: string;
-    margin: number;
-    border: (string | number)[];
-    '&:checked': {
-      border: (string | number)[];
+    input: {
+        appearance: string;
+        cursor: string;
+        borderRadius: string;
+        width: number;
+        height: number;
+        outline: string;
+        transition: string;
+        margin: number;
+        border: (string | number)[];
+        '&:checked': {
+            border: (string | number)[];
+        };
     };
-  };
-  label: {
-    display: string;
-    alignItems: string;
-    cursor: string;
-  };
-  content: {
-    marginLeft: number;
-  };
-  isDisabled: {
-    cursor: string;
-  };
-  isInvalid: {};
+    label: {
+        display: string;
+        alignItems: string;
+        cursor: string;
+    };
+    content: {
+        marginLeft: number;
+    };
+    isDisabled: {
+        cursor: string;
+    };
+    isInvalid: {};
 };
 export declare type RadioButtonStyles = ComponentStyles<typeof styles>;