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

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

@@ -2,11 +2,11 @@ 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;
+  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

@@ -1,24 +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";
-        };
+  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";
-        };
+  };
+  link: {
+    color: '#505f79';
+    textDecoration: string;
+    borderBottom: (string | number)[];
+    '&:hover': {
+      color: '#222a37';
     };
+  };
 };
 export declare type DescriptionStyles = ComponentStyles<typeof styles>;

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

@@ -3,24 +3,24 @@ 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;
+  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

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

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

@@ -1,5 +1,11 @@
 /// <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;
+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/FilterSelect/FilterSelect.d.ts

@@ -4,22 +4,40 @@ 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;
+  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;
+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

@@ -1,124 +1,124 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-    root: {
-        width: ({ width }: {
-            width: string | number;
-        }) => string | number;
-        background: "#ffffff";
-    };
-    list: {
+  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;
+      };
+  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;
-        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";
-            };
-        };
-    };
+      };
+    };
+  };
+  tweakClearButton: {
+    text: {
+      color: '#95a0b3';
+      '&:hover, &:focus': {
+        color: '#505f79';
+      };
+      '&:active': {
+        color: '#505f79';
+      };
+    };
+  };
 };
 export declare type FilterSelectStyles = ComponentStyles<typeof styles>;

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

@@ -1,11 +1,15 @@
 export interface ISelectLocale {
-    clear: string;
-    all: string;
-    chosen: string;
-    searchPlaceholder: string;
-    nothingFound: string;
+  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;
+export declare const getLocale: (
+  key?: ISelectLocaleKey,
+  custom?: Partial<ISelectLocale>,
+  custom2?: Partial<ISelectLocale>,
+) => ISelectLocale;

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

@@ -1,3 +1,11 @@
 /// <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;
+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

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

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

@@ -4,20 +4,28 @@ 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'>;
+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;
+  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 DATE_FORMAT = 'dd.MM.yyyy';
 export declare const FilterWithDates: FC<IFilterWithDatesProps>;
 export {};