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

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';
-  };
-  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;
+    root: {
+        padding: number;
+        background: "#ffffff";
     };
-    icon: {
-      padding: number;
-      width: number;
-      '&:last-child': {
+    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';
-      };
+    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,11 +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;
+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,40 +4,22 @@ 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;
-    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;
+    };
+    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;
-      };
-    };
-  };
-  tweakClearButton: {
-    text: {
-      color: '#95a0b3';
-      '&:hover, &:focus': {
-        color: '#505f79';
-      };
-      '&:active': {
-        color: '#505f79';
-      };
-    };
-  };
+        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/locales.d.ts

@@ -1,15 +1,11 @@
 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,11 +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;
+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,28 +4,20 @@ 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 {};