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

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

@@ -1,50 +1,47 @@
 import { ComponentStyles } from '../../types';
 import type { ICheckboxProps } from './Checkbox';
 interface IStyleProps {
-  size: NonNullable<ICheckboxProps<unknown>['size']>;
-  alignItems: NonNullable<ICheckboxProps<unknown>['alignItems']>;
-  textMargin: ICheckboxProps<unknown>['textMargin'];
+    size: NonNullable<ICheckboxProps<unknown>['size']>;
+    alignItems: NonNullable<ICheckboxProps<unknown>['alignItems']>;
+    textMargin: ICheckboxProps<unknown>['textMargin'];
 }
 export declare const styles: {
-  root: {
-    cursor: string;
-    display: string;
-    alignItems: ({ alignItems }: IStyleProps) => string;
-  };
-  disabled: {
-    cursor: string;
-    pointerEvents: string;
-  };
-  input: {
-    display: string;
-  };
-  children: {
-    maxWidth: string;
-    display: string;
-    alignItems: string;
-  };
-  check: {
-    width: ({ size }: IStyleProps) => number;
-    height: ({ size }: IStyleProps) => number;
-    borderRadius: number;
-    flexShrink: number;
-    marginRight: ({ size, textMargin }: IStyleProps) => number;
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-    boxSizing: string;
-  };
-  checked: {};
-  labelPositionLeft: {
-    flexDirection: string;
-    '& $check': {
-      marginRight: number;
-      marginLeft: ({ size, textMargin }: IStyleProps) => number;
+    root: {
+        cursor: string;
+        display: string;
+        alignItems: ({ alignItems }: IStyleProps) => string;
+    };
+    disabled: {
+        cursor: string;
+        pointerEvents: string;
+    };
+    input: {
+        display: string;
+    };
+    children: {
+        maxWidth: string;
+        display: string;
+        alignItems: string;
+    };
+    check: {
+        width: ({ size }: IStyleProps) => number;
+        height: ({ size }: IStyleProps) => number;
+        borderRadius: number;
+        flexShrink: number;
+        marginRight: ({ size, textMargin }: IStyleProps) => number;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        boxSizing: string;
+    };
+    checked: {};
+    labelPositionLeft: {
+        flexDirection: string;
+        '& $check': {
+            marginRight: number;
+            marginLeft: ({ size, textMargin }: IStyleProps) => number;
+        };
     };
-  };
 };
-export declare type CheckboxStyles = ComponentStyles<
-  typeof styles,
-  IStyleProps
->;
+export declare type CheckboxStyles = ComponentStyles<typeof styles, IStyleProps>;
 export {};

package/dist/components/CloseButton/CloseButton.d.ts

@@ -2,9 +2,9 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { CloseButtonStyles } from './CloseButton.styles';
 export interface ICloseButtonProps extends ICommonProps {
-  tweakStyles?: CloseButtonStyles;
-  testId?: string;
-  onClose?: () => void;
-  iconType?: 'close' | 'close-large' | 'close-window';
+    tweakStyles?: CloseButtonStyles;
+    testId?: string;
+    onClose?: () => void;
+    iconType?: 'close' | 'close-large' | 'close-window';
 }
 export declare const CloseButton: FC<ICloseButtonProps>;

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

@@ -1,27 +1,27 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    width: number;
-    height: number;
-    maxWidth: string;
-    maxHeight: string;
-    padding: number;
-    color: '#505f79';
-    border: number;
-    borderRadius: string;
-    appearance: string;
-    backgroundColor: string;
-    cursor: string;
-    transition: string;
-    '&:hover': {
-      backgroundColor: string;
+    root: {
+        width: number;
+        height: number;
+        maxWidth: string;
+        maxHeight: string;
+        padding: number;
+        color: "#505f79";
+        border: number;
+        borderRadius: string;
+        appearance: string;
+        backgroundColor: string;
+        cursor: string;
+        transition: string;
+        '&:hover': {
+            backgroundColor: string;
+        };
+        '&:focus': {
+            backgroundColor: "#eceff5";
+        };
+        '&:active': {
+            backgroundColor: string;
+        };
     };
-    '&:focus': {
-      backgroundColor: '#eceff5';
-    };
-    '&:active': {
-      backgroundColor: string;
-    };
-  };
 };
 export declare type CloseButtonStyles = ComponentStyles<typeof styles>;

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

@@ -1,32 +1,32 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    display: string;
-    flexWrap: string;
-  };
-  colorCard: {
-    width: number;
-    border: string;
-    borderRadius: number;
-    color: string;
-    fontSize: number;
-    margin: number;
-  };
-  color: {
-    height: number;
-    borderTopLeftRadius: number;
-    borderTopRightRadius: number;
-  };
-  colorName: {
-    marginBottom: number;
-    padding: number;
-    overflow: string;
-  };
-  hex: {
-    marginTop: number;
-    textTransform: string;
-    fontWeight: string;
-    padding: number[];
-  };
+    root: {
+        display: string;
+        flexWrap: string;
+    };
+    colorCard: {
+        width: number;
+        border: string;
+        borderRadius: number;
+        color: string;
+        fontSize: number;
+        margin: number;
+    };
+    color: {
+        height: number;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+    colorName: {
+        marginBottom: number;
+        padding: number;
+        overflow: string;
+    };
+    hex: {
+        marginTop: number;
+        textTransform: string;
+        fontWeight: string;
+        padding: number[];
+    };
 };
 export declare type ColorsStyles = ComponentStyles<typeof styles>;

package/dist/components/CssBaseline/CssBaseline.d.ts

@@ -2,6 +2,6 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { CssBaselineStyles } from './CssBaseline.styles';
 export interface ICssBaselineProps extends ICommonProps {
-  tweakStyles?: CssBaselineStyles;
+    tweakStyles?: CssBaselineStyles;
 }
 export declare const CssBaseline: FC<ICssBaselineProps>;

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

@@ -1,11 +1,11 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  '@global html, body': {
-    fontFamily: string;
-    color: '#222a37';
-    padding: number;
-    margin: number;
-  };
-  root: {};
+    '@global html, body': {
+        fontFamily: string;
+        color: "#222a37";
+        padding: number;
+        margin: number;
+    };
+    root: {};
 };
 export declare type CssBaselineStyles = ComponentStyles<typeof styles>;

package/dist/components/DateInput/DateInput.d.ts

@@ -2,14 +2,13 @@ import { FC } from 'react';
 import { IDataAttributes } from '../../types';
 import { IInputProps } from '../Input';
 import { DateInputStyles } from './DateInput.styles';
-export interface IDateInputProps
-  extends Omit<IInputProps, 'onChange' | 'value'> {
-  tweakStyles?: DateInputStyles;
-  isRange?: boolean;
-  date?: string;
-  startDate?: string;
-  endDate?: string;
-  data?: IDataAttributes;
-  onChange: (date: string) => void;
+export interface IDateInputProps extends Omit<IInputProps, 'onChange' | 'value'> {
+    tweakStyles?: DateInputStyles;
+    isRange?: boolean;
+    date?: string;
+    startDate?: string;
+    endDate?: string;
+    data?: IDataAttributes;
+    onChange: (date: string) => void;
 }
 export declare const DateInput: FC<IDateInputProps>;

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

@@ -1,11 +1,11 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    cursor: string;
-    position: string;
-    width: string;
-    height: string;
-  };
-  tweakInput: {};
+    root: {
+        cursor: string;
+        position: string;
+        width: string;
+        height: string;
+    };
+    tweakInput: {};
 };
 export declare type DateInputStyles = ComponentStyles<typeof styles>;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,41 +1,34 @@
 import React, { FC } from 'react';
-import {
-  ReactDatePickerCustomHeaderProps,
-  ReactDatePickerProps,
-} from 'react-datepicker';
+import { ReactDatePickerCustomHeaderProps, ReactDatePickerProps } from 'react-datepicker';
 import { IInputProps } from '../Input';
 import { DatePickerStyles } from './DatePicker.styles';
-export interface IDatePickerProps
-  extends Omit<IInputProps, 'onChange' | 'value'> {
-  selectedDate: Date | null;
-  locale: Locale;
-  months: string[];
-  tweakStyles?: DatePickerStyles;
-  minDate?: Date | null;
-  maxDate?: Date | null;
-  endDate?: Date | null;
-  startDate?: Date | null;
-  size?: 's' | 'm' | 'full';
-  isRange?: boolean;
-  calendarStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-  leftPosition?: number;
-  topPosition?: number;
-  isInline?: boolean;
-  isNeedClearSelectedDate?: boolean;
-  dateFormat?: string;
-  shouldGiveValueOnType?: boolean;
-  disabledKeyboardNavigation?: boolean;
-  monthsShown?: number;
-  showPreviousMonths?: boolean;
-  customHeader?: (params: ReactDatePickerCustomHeaderProps) => React.ReactNode;
-  filterDate?: (date: Date) => boolean;
-  onChangeDate?: (date: Date | null, dateVal?: string) => void;
-  onChangeRange?: (
-    date: [Date, Date] | null,
-    event?: React.SyntheticEvent<any>,
-  ) => void;
-  shouldRenderPopperInBody?: boolean;
-  popperModifiers?: ReactDatePickerProps['popperModifiers'];
-  popperPlacement?: ReactDatePickerProps['popperPlacement'];
+export interface IDatePickerProps extends Omit<IInputProps, 'onChange' | 'value'> {
+    selectedDate: Date | null;
+    locale: Locale;
+    months: string[];
+    tweakStyles?: DatePickerStyles;
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    endDate?: Date | null;
+    startDate?: Date | null;
+    size?: 's' | 'm' | 'full';
+    isRange?: boolean;
+    calendarStartDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    leftPosition?: number;
+    topPosition?: number;
+    isInline?: boolean;
+    isNeedClearSelectedDate?: boolean;
+    dateFormat?: string;
+    shouldGiveValueOnType?: boolean;
+    disabledKeyboardNavigation?: boolean;
+    monthsShown?: number;
+    showPreviousMonths?: boolean;
+    customHeader?: (params: ReactDatePickerCustomHeaderProps) => React.ReactNode;
+    filterDate?: (date: Date) => boolean;
+    onChangeDate?: (date: Date | null, dateVal?: string) => void;
+    onChangeRange?: (date: [Date, Date] | null, event?: React.SyntheticEvent<any>) => void;
+    shouldRenderPopperInBody?: boolean;
+    popperModifiers?: ReactDatePickerProps['popperModifiers'];
+    popperPlacement?: ReactDatePickerProps['popperPlacement'];
 }
 export declare const DatePicker: FC<IDatePickerProps>;

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

@@ -1,42 +1,46 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    width: string;
-    height: string;
-  };
-  day: {
-    width: number;
-    height: number;
-    lineHeight: string;
-    boxSizing: string;
-    paddingTop: number;
-    fontSize: number;
-  };
-  datepicker: {
-    display: string;
-    padding: number[];
-    width: number;
-    boxSizing: string;
-  };
-  btnText: {
-    marginLeft: string;
-  };
-  popper: {
-    zIndex: number;
-    marginLeft: ({ leftPosition }: { leftPosition: number }) => number;
-    marginTop: ({ topPosition }: { topPosition: number }) => number;
-    '&[data-placement^="bottom"]': {
-      paddingTop: number;
+    root: {
+        width: string;
+        height: string;
     };
-    '&[data-placement^="top"]': {
-      paddingBottom: number;
+    day: {
+        width: number;
+        height: number;
+        lineHeight: string;
+        boxSizing: string;
+        paddingTop: number;
+        fontSize: number;
     };
-    '&[data-placement^="left"]': {
-      paddingRight: number;
+    datepicker: {
+        display: string;
+        padding: number[];
+        width: number;
+        boxSizing: string;
     };
-    '&[data-placement^="right"]': {
-      paddingLeft: number;
+    btnText: {
+        marginLeft: string;
+    };
+    popper: {
+        zIndex: number;
+        marginLeft: ({ leftPosition }: {
+            leftPosition: number;
+        }) => number;
+        marginTop: ({ topPosition }: {
+            topPosition: number;
+        }) => number;
+        '&[data-placement^="bottom"]': {
+            paddingTop: number;
+        };
+        '&[data-placement^="top"]': {
+            paddingBottom: number;
+        };
+        '&[data-placement^="left"]': {
+            paddingRight: number;
+        };
+        '&[data-placement^="right"]': {
+            paddingLeft: number;
+        };
     };
-  };
 };
 export declare type DatePickerStyles = ComponentStyles<typeof styles>;

package/dist/components/DatePicker/DatePickerHeader/DatePickerHeader.d.ts

@@ -1,14 +1,14 @@
 import { FC } from 'react';
 import { DatePickerHeaderStyles } from './DatePickerHeader.styles';
 export interface IDatePickerHeaderProps {
-  tweakStyles?: DatePickerHeaderStyles;
-  date: Date;
-  changeYear: (year: number) => void;
-  changeMonth: (month: number) => void;
-  decreaseMonth: () => void;
-  increaseMonth: () => void;
-  isPrevMonthButtonDisabled: boolean;
-  isNextMonthButtonDisabled: boolean;
-  months: string[];
+    tweakStyles?: DatePickerHeaderStyles;
+    date: Date;
+    changeYear: (year: number) => void;
+    changeMonth: (month: number) => void;
+    decreaseMonth: () => void;
+    increaseMonth: () => void;
+    isPrevMonthButtonDisabled: boolean;
+    isNextMonthButtonDisabled: boolean;
+    months: string[];
 }
 export declare const DatePickerHeader: FC<IDatePickerHeaderProps>;

package/dist/components/DatePicker/DatePickerHeader/DatePickerHeader.styles.d.ts

@@ -1,69 +1,69 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-  btn: {
-    width: number;
-    height: number;
-    padding: number;
-    boxSizing: string;
-    border: string;
-    outline: string;
-    cursor: string;
-    marginLeft: number;
-  };
-  select: {
-    height: number;
-    fontSize: number;
-    position: string;
-  };
-  selectValue: {
-    fontSize: number;
-    fontWeight: string;
-    color: string;
-    pointerEvents: string;
-    paddingLeft: number;
-    paddingRight: number;
-  };
-  selectControl: {
-    position: string;
-    top: number;
-    left: number;
-    width: string;
-    height: string;
-  };
-  header: {
-    margin: number;
-    display: string;
-    alignItems: string;
-  };
-  buttons: {
-    flexShrink: number;
-    marginLeft: string;
-  };
-  tweakSelect: {
-    list: {
-      cell: {
-        fontSize: number;
-        minHeight: number;
-      };
-    };
-    arrow: {
-      right: number;
-      top: number;
-      width: number;
-      height: number;
-    };
-    tweakInput: {
-      inputWrapper: {
+    btn: {
+        width: number;
         height: number;
+        padding: number;
+        boxSizing: string;
         border: string;
-      };
-      input: {
+        outline: string;
+        cursor: string;
+        marginLeft: number;
+    };
+    select: {
+        height: number;
+        fontSize: number;
+        position: string;
+    };
+    selectValue: {
         fontSize: number;
         fontWeight: string;
-        paddingRight: number;
+        color: string;
+        pointerEvents: string;
         paddingLeft: number;
-      };
+        paddingRight: number;
+    };
+    selectControl: {
+        position: string;
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+    };
+    header: {
+        margin: number;
+        display: string;
+        alignItems: string;
+    };
+    buttons: {
+        flexShrink: number;
+        marginLeft: string;
+    };
+    tweakSelect: {
+        list: {
+            cell: {
+                fontSize: number;
+                minHeight: number;
+            };
+        };
+        arrow: {
+            right: number;
+            top: number;
+            width: number;
+            height: number;
+        };
+        tweakInput: {
+            inputWrapper: {
+                height: number;
+                border: string;
+            };
+            input: {
+                fontSize: number;
+                fontWeight: string;
+                paddingRight: number;
+                paddingLeft: number;
+            };
+        };
     };
-  };
 };
 export declare type DatePickerHeaderStyles = ComponentStyles<typeof styles>;

package/dist/components/DatePicker/DatePickerInput/DatePickerInput.d.ts

@@ -1,13 +1,11 @@
 import { ReactElement } from 'react';
 import { DatePickerInputStyles } from './DatePickerInput.styles';
 export interface IDatePickerInputProps {
-  tweakStyles?: DatePickerInputStyles;
-  onClick?: () => void;
-  children: ReactElement;
-  className?: string;
-  size?: 's' | 'm' | 'full';
-  isOpen?: boolean;
+    tweakStyles?: DatePickerInputStyles;
+    onClick?: () => void;
+    children: ReactElement;
+    className?: string;
+    size?: 's' | 'm' | 'full';
+    isOpen?: boolean;
 }
-export declare const DatePickerInput: import('react').ForwardRefExoticComponent<
-  IDatePickerInputProps & import('react').RefAttributes<HTMLDivElement>
->;
+export declare const DatePickerInput: import("react").ForwardRefExoticComponent<IDatePickerInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/DatePicker/DatePickerInput/DatePickerInput.styles.d.ts

@@ -1,20 +1,20 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-  customInput: {
-    width: string;
-    height: string;
-  };
-  s: {
-    width: number;
-    height: string;
-  };
-  m: {
-    width: number;
-    height: string;
-  };
-  full: {
-    width: string;
-    height: string;
-  };
+    customInput: {
+        width: string;
+        height: string;
+    };
+    s: {
+        width: number;
+        height: string;
+    };
+    m: {
+        width: number;
+        height: string;
+    };
+    full: {
+        width: string;
+        height: string;
+    };
 };
 export declare type DatePickerInputStyles = ComponentStyles<typeof styles>;