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

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

@@ -2,12 +2,19 @@ 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;
+  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;
     };
-    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;
+    label: {
+      marginLeft: 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;
-        };
-        label: {
-            marginLeft: number;
-        };
-    };
-    tweakCountryList: {};
+  };
+  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,83 +1,87 @@
 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;
     };
-    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;
-        };
+    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,12 +2,22 @@ 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>;