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

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

@@ -0,0 +1,2 @@
+export * from './Colors';
+export type { ColorsStyles } from './Colors.styles';

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './CssBaseline';
+export type { CssBaselineStyles } from './CssBaseline.styles';

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

@@ -0,0 +1,14 @@
+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 declare const DateInput: FC<IDateInputProps>;

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

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

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

@@ -0,0 +1,2 @@
+export * from './DateInput';
+export type { DateInputStyles } from './DateInput.styles';

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

@@ -0,0 +1,34 @@
+import React, { FC } from 'react';
+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 declare const DatePicker: FC<IDatePickerProps>;

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

@@ -0,0 +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;
+        };
+        '&[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

@@ -0,0 +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[];
+}
+export declare const DatePickerHeader: FC<IDatePickerHeaderProps>;

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

@@ -0,0 +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: {
+                height: number;
+                border: string;
+            };
+            input: {
+                fontSize: number;
+                fontWeight: string;
+                paddingRight: number;
+                paddingLeft: number;
+            };
+        };
+    };
+};
+export declare type DatePickerHeaderStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1 @@
+export * from './DatePickerHeader';

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

@@ -0,0 +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;
+}
+export declare const DatePickerInput: import("react").ForwardRefExoticComponent<IDatePickerInputProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +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;
+    };
+};
+export declare type DatePickerInputStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1 @@
+export * from './DatePickerInput';

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

@@ -0,0 +1,4 @@
+export * from './DatePicker';
+export type { DatePickerStyles } from './DatePicker.styles';
+export type { DatePickerHeaderStyles } from './DatePickerHeader/DatePickerHeader.styles';
+export type { DatePickerInputStyles } from './DatePickerInput/DatePickerInput.styles';

package/dist/components/Description/Description.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../types';
+import { DescriptionStyles } from './Description.styles';
+export interface IDescriptionProps extends ICommonProps {
+    tweakStyles?: DescriptionStyles;
+    text: string;
+    moreTitle?: string;
+    lessTitle?: string;
+    truncateIndex?: number;
+    isAlwaysOpen?: boolean;
+}
+export declare const Description: FC<IDescriptionProps>;

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

@@ -0,0 +1,24 @@
+import { ComponentStyles } from '../../types';
+export declare const styles: {
+    root: {};
+    button: {
+        cursor: string;
+        display: string;
+        color: "#505f79";
+        marginTop: number;
+        textTransform: string;
+        borderBottom: (string | number)[];
+        '&:hover': {
+            color: "#222a37";
+        };
+    };
+    link: {
+        color: "#505f79";
+        textDecoration: string;
+        borderBottom: (string | number)[];
+        '&:hover': {
+            color: "#222a37";
+        };
+    };
+};
+export declare type DescriptionStyles = ComponentStyles<typeof styles>;

package/dist/components/Description/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Description';
+export type { DescriptionStyles } from './Description.styles';

package/dist/components/FiltersPane/FilterInterval/FilterInterval.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../../types';
+import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
+import { FilterIntervalStyles } from './FilterInterval.styles';
+export interface IFilterIntervalProps extends ICommonProps {
+    tweakStyles?: FilterIntervalStyles;
+    value?: Array<number | undefined>;
+    onChange: (value?: Array<number | undefined>) => void;
+    labelName: string;
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+    withFieldNameInLabel?: boolean;
+    canBeFloat?: boolean;
+    fromInput?: {
+        min?: number;
+        max?: number;
+        maxLength?: number;
+    };
+    toInput?: {
+        min?: number;
+        max?: number;
+        maxLength?: number;
+    };
+    testId?: string;
+}
+export declare const FilterInterval: FC<IFilterIntervalProps>;

package/dist/components/FiltersPane/FilterInterval/FilterInterval.styles.d.ts

@@ -0,0 +1,52 @@
+import { ComponentStyles } from '../../../types';
+export declare const styles: {
+    root: {
+        padding: number;
+        background: "#ffffff";
+    };
+    inputWrapper: {
+        padding: number[];
+        display: string;
+        gridTemplateColumns: string;
+        gap: number;
+        marginBottom: number;
+    };
+    autosize: {
+        minWidth: number;
+        height: number;
+        opacity: number;
+        paddingRight: number;
+        fontSize: number;
+        whiteSpace: string;
+        userSelect: string;
+        pointerEvents: string;
+    };
+    clear: {
+        display: string;
+        justifyContent: string;
+    };
+    tweakInput: {
+        input: {
+            minWidth: number;
+        };
+        icon: {
+            padding: number;
+            width: number;
+            '&:last-child': {
+                paddingRight: number;
+            };
+        };
+    };
+    tweakClearButton: {
+        text: {
+            color: "#95a0b3";
+            '&:hover, &:focus': {
+                color: "#505f79";
+            };
+            '&:active': {
+                color: "#505f79";
+            };
+        };
+    };
+};
+export declare type FilterIntervalStyles = ComponentStyles<typeof styles>;

package/dist/components/FiltersPane/FilterInterval/index.d.ts

@@ -0,0 +1 @@
+export * from './FilterInterval';

package/dist/components/FiltersPane/FilterMultiSelect/FilterMultiSelect.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IFilterMultiSelectValues } from '../types';
+import { IMultiSelectListProps } from '../../MultiSelectList';
+export declare type IFilterMultiSelectProps<Value, Option = string> = IMultiSelectListProps<Value, Option>;
+export declare function FilterMultiSelect<Value extends IFilterMultiSelectValues<Option>, Option = string>(props: IFilterMultiSelectProps<Value, Option>): JSX.Element;

package/dist/components/FiltersPane/FilterMultiSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './FilterMultiSelect';

package/dist/components/FiltersPane/FilterSelect/FilterSelect.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { ICommonProps } from '../../../types';
+import { IFilterLocaleKey } from '../locales';
+import { ISelectLocale } from './locales';
+import { FilterSelectStyles } from './FilterSelect.styles';
+export interface IFilterSelectProps<Value> extends ICommonProps {
+    tweakStyles?: FilterSelectStyles;
+    value?: Value;
+    onChange: (value?: Value) => void;
+    isSearchEnabled?: boolean;
+    isGroupingEnabled?: boolean;
+    width?: string | number;
+    localeKey?: IFilterLocaleKey;
+    locale?: Partial<ISelectLocale>;
+    options?: Value[];
+    footer?: ReactNode;
+    fetchOptions?: (value?: string, page?: number) => Promise<Value[]>;
+    getValueString?: (value: Value) => string;
+    getValueView?: (value: Value) => ReactNode;
+    getValueId?: (value: Value) => string;
+    hasClearButton?: boolean;
+    testId?: string;
+}
+export declare const defaultConvertFunction: (val: unknown) => string;
+export declare function FilterSelect<Value>({ data, tweakStyles, value, isSearchEnabled, isGroupingEnabled, width, localeKey, locale, onChange, options, fetchOptions, footer, getValueView, getValueId, getValueString, hasClearButton, testId, }: IFilterSelectProps<Value>): JSX.Element;

package/dist/components/FiltersPane/FilterSelect/FilterSelect.styles.d.ts

@@ -0,0 +1,124 @@
+import { ComponentStyles } from '../../../types';
+export declare const styles: {
+    root: {
+        width: ({ width }: {
+            width: string | number;
+        }) => string | number;
+        background: "#ffffff";
+    };
+    list: {
+        paddingTop: number;
+        padding: number[];
+        maxHeight: number;
+        overscrollBehavior: string;
+    } | {
+        paddingTop: number;
+        padding: number[];
+        maxHeight: number;
+        overscrollBehavior: string;
+    };
+    label: {
+        boxSizing: string;
+        fontSize: number;
+        padding: number[];
+        userSelect: string;
+        display: string;
+        alignItems: string;
+        color: "#7a869a";
+    };
+    labelChosen: {
+        fontWeight: string;
+        color: "#222a37";
+        padding: number[];
+    };
+    withoutTopGap: {
+        paddingTop: number;
+    };
+    withClearButton: {
+        paddingBottom: number;
+        maxHeight: number;
+    };
+    item: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        padding: number[];
+        maxWidth: string;
+        cursor: string;
+        fontSize: number;
+        minHeight: number;
+        transition: string;
+        boxSizing: string;
+    };
+    option: {
+        display: string;
+        userSelect: string;
+        width: string;
+        overflow: string;
+        whiteSpace: string;
+        textOverflow: string;
+    };
+    icon: {
+        width: number;
+        height: number;
+        marginRight: number;
+        alignSelf: string;
+        flexShrink: number;
+    };
+    panel: {
+        display: string;
+        padding: number[];
+        gap: number;
+    };
+    panelWithFooter: {
+        borderTop: (string | number)[];
+        padding: number[];
+    };
+    footer: {
+        wordBreak: string;
+        alignSelf: string;
+    };
+    clear: {
+        marginLeft: string;
+        alignSelf: string;
+    };
+    preloader: {
+        width: number;
+        height: number;
+        margin: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+    dropdownInput: {
+        borderBottom: (string | number)[];
+    };
+    nothingFound: {
+        display: string;
+        alignItems: string;
+        textAlign: string;
+        padding: number;
+        fontSize: number;
+    };
+    tweakSearchInput: {
+        tweakInput: {
+            inputWrapper: {
+                backgroundColor: string;
+                border: string;
+                height: number;
+            };
+        };
+    };
+    tweakClearButton: {
+        text: {
+            color: "#95a0b3";
+            '&:hover, &:focus': {
+                color: "#505f79";
+            };
+            '&:active': {
+                color: "#505f79";
+            };
+        };
+    };
+};
+export declare type FilterSelectStyles = ComponentStyles<typeof styles>;

package/dist/components/FiltersPane/FilterSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './FilterSelect';

package/dist/components/FiltersPane/FilterSelect/locales.d.ts

@@ -0,0 +1,11 @@
+export interface ISelectLocale {
+    clear: string;
+    all: string;
+    chosen: string;
+    searchPlaceholder: string;
+    nothingFound: string;
+}
+export declare const SelectLocales: Record<string, ISelectLocale>;
+export declare type ISelectLocaleKey = keyof typeof SelectLocales;
+export declare const DEFAULT_LOCALE: ISelectLocaleKey;
+export declare const getLocale: (key?: ISelectLocaleKey, custom?: Partial<ISelectLocale>, custom2?: Partial<ISelectLocale>) => ISelectLocale;

package/dist/components/FiltersPane/FilterValueView/FilterValueView.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IFilterWrapperProps } from '../FilterWrapper';
+export declare function FilterValueView<Values, Key extends keyof Values>({ locale, localeKey, filter, value, }: Omit<IFilterWrapperProps<Values, Key>, 'onChange' | 'filtersPaneRef'>): JSX.Element;

package/dist/components/FiltersPane/FilterValueView/FilterValueView.styles.d.ts

@@ -0,0 +1,12 @@
+import { ComponentStyles } from '../../../types';
+export declare const styles: {
+    text: {
+        overflow: string;
+        textOverflow: string;
+        whiteSpace: string;
+    };
+    count: {
+        whiteSpace: string;
+    };
+};
+export declare type FilterValueViewStyles = ComponentStyles<typeof styles>;

package/dist/components/FiltersPane/FilterValueView/index.d.ts

@@ -0,0 +1 @@
+export * from './FilterValueView';

package/dist/components/FiltersPane/FilterWithDates/FilterWithDates.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../../types';
+import { IDatePickerProps } from '../../DatePicker';
+import { IFilterWithDatesValue } from '../types';
+import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
+import { FilterWithDatesStyles } from './FilterWithDates.styles';
+declare type PickerProps = Omit<IDatePickerProps, 'onChange' | 'value' | 'isNeedClearSelectedDate' | 'locale' | 'months' | 'selectedDate'>;
+export interface IFilterWithDatesProps extends ICommonProps {
+    tweakStyles?: FilterWithDatesStyles;
+    value?: IFilterWithDatesValue;
+    onChange: (val: IFilterWithDatesValue) => void;
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+    onStartBtnSubmit?: () => void;
+    onEndBtnSubmit: () => void;
+    testId?: string;
+    isClearable?: boolean;
+    startPickerProps?: PickerProps;
+    endPickerProps?: PickerProps;
+}
+export declare const DATE_FORMAT = "dd.MM.yyyy";
+export declare const FilterWithDates: FC<IFilterWithDatesProps>;
+export {};

package/dist/components/FiltersPane/FilterWithDates/FilterWithDates.styles.d.ts

@@ -0,0 +1,47 @@
+import { ComponentStyles } from '../../../types';
+export declare const styles: {
+    root: {
+        background: "#ffffff";
+        position: string;
+        zIndex: number;
+    };
+    container: {
+        display: string;
+        gap: number;
+        padding: number[];
+    };
+    containerItem: {
+        width: string;
+        height: number;
+    };
+    btnRow: {
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+        padding: number;
+    };
+    datepicker: {};
+    tweakClearButton: {
+        text: {
+            color: "#95a0b3";
+            '&:hover, &:focus': {
+                color: "#505f79";
+            };
+            '&:active': {
+                color: "#505f79";
+            };
+        };
+    };
+    tweakBackButton: {
+        text: {
+            color: "#95a0b3";
+            '&:hover, &:focus': {
+                color: "#505f79";
+            };
+            '&:active': {
+                color: "#505f79";
+            };
+        };
+    };
+};
+export declare type FilterWithDatesStyles = ComponentStyles<typeof styles>;