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

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

@@ -1,47 +1,47 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-    root: {
-        background: "#ffffff";
-        position: string;
-        zIndex: number;
+  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';
+      };
     };
-    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";
-            };
-        };
+  };
+  tweakBackButton: {
+    text: {
+      color: '#95a0b3';
+      '&:hover, &:focus': {
+        color: '#505f79';
+      };
+      '&:active': {
+        color: '#505f79';
+      };
     };
+  };
 };
 export declare type FilterWithDatesStyles = ComponentStyles<typeof styles>;

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

@@ -4,13 +4,13 @@ import { IPeriod, IPeriodsList } from '../types';
 import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
 import { FilterWithPeriodStyles } from './FilterWithPeriod.styles';
 export interface IFilterWithPeriodProps extends ICommonProps {
-    tweakStyles?: FilterWithPeriodStyles;
-    value?: IPeriod;
-    onChange: (period?: IPeriod) => void;
-    onClose?: () => void;
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-    periods?: IPeriodsList;
-    testId?: string;
+  tweakStyles?: FilterWithPeriodStyles;
+  value?: IPeriod;
+  onChange: (period?: IPeriod) => void;
+  onClose?: () => void;
+  localeKey?: IFilterLocaleKey;
+  locale?: IPartialFilterLocale;
+  periods?: IPeriodsList;
+  testId?: string;
 }
 export declare const FilterWithPeriod: FC<IFilterWithPeriodProps>;

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

@@ -1,12 +1,12 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-    root: {};
-    main: {};
-    picker: {};
-    tweakSelect: {
-        options: {
-            maxHeight: string;
-        };
+  root: {};
+  main: {};
+  picker: {};
+  tweakSelect: {
+    options: {
+      maxHeight: string;
     };
+  };
 };
 export declare type FilterWithPeriodStyles = ComponentStyles<typeof styles>;

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

@@ -4,24 +4,47 @@ import { ConfigItem } from '../types';
 import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
 import { FilterWrapperStyles } from './FilterWrapper.styles';
 export interface IFilterWrapperProps<Values, Key extends keyof Values> {
-    tweakStyles?: FilterWrapperStyles;
-    filter: ConfigItem<Values[Key]>;
-    value?: Values[Key];
-    onChange: <V>(value: V) => void;
-    isDisabled?: boolean;
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-    testId?: string;
-    filtersPaneRef: RefObject<HTMLDivElement> | null;
+  tweakStyles?: FilterWrapperStyles;
+  filter: ConfigItem<Values[Key]>;
+  value?: Values[Key];
+  onChange: <V>(value: V) => void;
+  isDisabled?: boolean;
+  localeKey?: IFilterLocaleKey;
+  locale?: IPartialFilterLocale;
+  testId?: string;
+  filtersPaneRef: RefObject<HTMLDivElement> | null;
 }
-interface IFilterOtherProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
-    parentRef?: RefObject<HTMLElement>;
-    isInline?: boolean;
-    onChange: <V>(v: V) => void;
-    onClose?: () => void;
-    filtersPaneRef: RefObject<HTMLDivElement> | null;
-    classes: Classes<'left' | 'right' | 'dropdown'>;
+interface IFilterOtherProps<Values, Key extends keyof Values>
+  extends IFilterWrapperProps<Values, Key> {
+  parentRef?: RefObject<HTMLElement>;
+  isInline?: boolean;
+  onChange: <V>(v: V) => void;
+  onClose?: () => void;
+  filtersPaneRef: RefObject<HTMLDivElement> | null;
+  classes: Classes<'left' | 'right' | 'dropdown'>;
 }
-export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, onChange, locale, localeKey, testId, filtersPaneRef, tweakStyles, }: IFilterWrapperProps<Values, Key>): JSX.Element;
-export declare function Filter<Values, Key extends keyof Values>({ filter, value, parentRef, isInline, onChange, onClose, localeKey, locale, filtersPaneRef, testId, classes, }: IFilterOtherProps<Values, Key>): JSX.Element | null;
+export declare function FilterWrapper<Values, Key extends keyof Values>({
+  filter,
+  value,
+  isDisabled,
+  onChange,
+  locale,
+  localeKey,
+  testId,
+  filtersPaneRef,
+  tweakStyles,
+}: IFilterWrapperProps<Values, Key>): JSX.Element;
+export declare function Filter<Values, Key extends keyof Values>({
+  filter,
+  value,
+  parentRef,
+  isInline,
+  onChange,
+  onClose,
+  localeKey,
+  locale,
+  filtersPaneRef,
+  testId,
+  classes,
+}: IFilterOtherProps<Values, Key>): JSX.Element | null;
 export {};

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

@@ -1,96 +1,96 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-    root: {
-        position: string;
-        transition: string;
-        transitionProperty: string;
-        border: (string | number)[];
-        borderRadius: number;
-        boxSizing: string;
-        height: number;
-        minWidth: number;
-    };
-    item: {
-        display: string;
-        padding: number[];
-        cursor: string;
-    };
-    booleanItem: {
-        padding: number;
-    };
-    name: {
-        fontSize: number;
-        lineHeight: string;
-        whiteSpace: string;
-    };
-    boolean: {
-        padding: number[];
-    };
-    noValue: {};
-    openNoValue: {};
-    openWithValue: {};
-    disabled: {
-        '& > $item': {
-            cursor: string;
-        };
-    };
-    withValue: {};
-    iconContainer: {
-        width: number;
-        height: number;
-        transition: string;
-        alignSelf: string;
-        marginLeft: number;
-        marginRight: number;
-        flexShrink: number;
-    };
-    open: {
-        transform: string;
-    };
-    dropdown: {
-        position: string;
-        zIndex: number;
-        marginTop: number;
-        border: (string | number)[];
-    };
-    left: {
-        left: number;
-    };
-    right: {
-        right: number;
-    };
-    value: {
-        alignSelf: string;
-        fontSize: number;
-        lineHeight: string;
-        margin: number[];
-        fontWeight: string;
-        display: string;
-        minWidth: number;
-    };
-    animationEnd: {
-        opacity: number;
-        transform: string;
-        transition: string;
-        transitionProperty: string;
-    };
-    animationStart: {
-        opacity: number;
-        transform: string;
-        transition: string;
-        transitionProperty: string;
-    };
-    'dropdown-enter': {
-        extend: string;
-    };
-    'dropdown-enter-active': {
-        extend: string;
-    };
-    'dropdown-exit-active': {
-        extend: string;
-    };
-    'dropdown-exit': {
-        extend: string;
-    };
+  root: {
+    position: string;
+    transition: string;
+    transitionProperty: string;
+    border: (string | number)[];
+    borderRadius: number;
+    boxSizing: string;
+    height: number;
+    minWidth: number;
+  };
+  item: {
+    display: string;
+    padding: number[];
+    cursor: string;
+  };
+  booleanItem: {
+    padding: number;
+  };
+  name: {
+    fontSize: number;
+    lineHeight: string;
+    whiteSpace: string;
+  };
+  boolean: {
+    padding: number[];
+  };
+  noValue: {};
+  openNoValue: {};
+  openWithValue: {};
+  disabled: {
+    '& > $item': {
+      cursor: string;
+    };
+  };
+  withValue: {};
+  iconContainer: {
+    width: number;
+    height: number;
+    transition: string;
+    alignSelf: string;
+    marginLeft: number;
+    marginRight: number;
+    flexShrink: number;
+  };
+  open: {
+    transform: string;
+  };
+  dropdown: {
+    position: string;
+    zIndex: number;
+    marginTop: number;
+    border: (string | number)[];
+  };
+  left: {
+    left: number;
+  };
+  right: {
+    right: number;
+  };
+  value: {
+    alignSelf: string;
+    fontSize: number;
+    lineHeight: string;
+    margin: number[];
+    fontWeight: string;
+    display: string;
+    minWidth: number;
+  };
+  animationEnd: {
+    opacity: number;
+    transform: string;
+    transition: string;
+    transitionProperty: string;
+  };
+  animationStart: {
+    opacity: number;
+    transform: string;
+    transition: string;
+    transitionProperty: string;
+  };
+  'dropdown-enter': {
+    extend: string;
+  };
+  'dropdown-enter-active': {
+    extend: string;
+  };
+  'dropdown-exit-active': {
+    extend: string;
+  };
+  'dropdown-exit': {
+    extend: string;
+  };
 };
 export declare type FilterWrapperStyles = ComponentStyles<typeof styles>;

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

@@ -4,19 +4,38 @@ import { ConfigType } from './types';
 import { IFiltersPaneSearchProps } from './FiltersPaneSearch';
 import { IFilterLocaleKey, IPartialFilterLocale } from './locales';
 import { FiltersPaneStyles } from './FiltersPane.styles';
-export interface IFiltersPaneProps<Values, Content = Values> extends ICommonProps {
-    tweakStyles?: FiltersPaneStyles;
-    filtersConfig: ConfigType<Values>;
-    enabledFilters?: Array<keyof ConfigType<Values>>;
-    values?: Partial<Values>;
-    search?: IFiltersPaneSearchProps<keyof Content>;
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-    isDisabled?: boolean;
-    hasClearButton?: boolean;
-    onClear?: () => void;
-    onChangeFilters: (values: Partial<Values>) => void;
-    onSettingsButtonClick?: () => void;
-    testId?: string;
+export interface IFiltersPaneProps<Values, Content = Values>
+  extends ICommonProps {
+  tweakStyles?: FiltersPaneStyles;
+  filtersConfig: ConfigType<Values>;
+  enabledFilters?: Array<keyof ConfigType<Values>>;
+  values?: Partial<Values>;
+  search?: IFiltersPaneSearchProps<keyof Content>;
+  localeKey?: IFilterLocaleKey;
+  locale?: IPartialFilterLocale;
+  isDisabled?: boolean;
+  hasClearButton?: boolean;
+  onClear?: () => void;
+  onChangeFilters: (values: Partial<Values>) => void;
+  onSettingsButtonClick?: () => void;
+  testId?: string;
 }
-export declare function FiltersPane<Values extends Record<string, unknown>, Content = Values>({ data, tweakStyles, filtersConfig, enabledFilters, values, localeKey, locale, search, isDisabled, hasClearButton, onChangeFilters, onSettingsButtonClick, onClear, testId, }: IFiltersPaneProps<Values, Content>): JSX.Element;
+export declare function FiltersPane<
+  Values extends Record<string, unknown>,
+  Content = Values,
+>({
+  data,
+  tweakStyles,
+  filtersConfig,
+  enabledFilters,
+  values,
+  localeKey,
+  locale,
+  search,
+  isDisabled,
+  hasClearButton,
+  onChangeFilters,
+  onSettingsButtonClick,
+  onClear,
+  testId,
+}: IFiltersPaneProps<Values, Content>): JSX.Element;

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

@@ -1,57 +1,57 @@
 import { ComponentStyles } from '../../types';
 export declare const FILTER_HEIGHT = 36;
 export declare const styles: {
-    root: {
-        display: string;
-        flexWrap: string;
-        gap: number;
-        width: string;
+  root: {
+    display: string;
+    flexWrap: string;
+    gap: number;
+    width: string;
+  };
+  settings: {
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    borderRadius: number;
+    boxSizing: string;
+    width: number;
+    height: number;
+    cursor: string;
+    transition: string;
+  };
+  settingsIcon: {
+    width: number;
+    height: number;
+  };
+  clear: {
+    display: string;
+    alignItems: string;
+    height: number;
+  };
+  filterWithClearButton: {
+    display: string;
+    gap: number;
+    minWidth: number;
+  };
+  tweakClearButton: {
+    s: {
+      paddingLeft: number;
+      paddingRight: number;
+      minWidth: string;
     };
-    settings: {
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        borderRadius: number;
-        boxSizing: string;
-        width: number;
-        height: number;
-        cursor: string;
-        transition: string;
-    };
-    settingsIcon: {
-        width: number;
-        height: number;
-    };
-    clear: {
-        display: string;
-        alignItems: string;
-        height: number;
-    };
-    filterWithClearButton: {
-        display: string;
-        gap: number;
-        minWidth: number;
-    };
-    tweakClearButton: {
-        s: {
-            paddingLeft: number;
-            paddingRight: number;
-            minWidth: string;
-        };
-        text: {
-            background: string;
-            color: "#95a0b3";
-            '&:hover, &:focus': {
-                color: "#505f79";
-            };
-            '&:active': {
-                color: "#222a37";
-            };
-            '&:hover, &:focus, &:active': {
-                background: string;
-                borderColor: string;
-            };
-        };
+    text: {
+      background: string;
+      color: '#95a0b3';
+      '&:hover, &:focus': {
+        color: '#505f79';
+      };
+      '&:active': {
+        color: '#222a37';
+      };
+      '&:hover, &:focus, &:active': {
+        background: string;
+        borderColor: string;
+      };
     };
+  };
 };
 export declare type FiltersPaneStyles = ComponentStyles<typeof styles>;

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

@@ -5,22 +5,41 @@ import { IFiltersPaneSearchPayload } from '../types';
 import { ICommonProps } from '../../../types';
 import { FiltersPaneSearchStyles } from './FiltersPaneSearch.styles';
 export interface IFiltersPaneSearchProps<Value> extends ICommonProps {
-    tweakStyles?: FiltersPaneSearchStyles;
-    field?: Value;
-    fields?: Value[];
-    value?: string;
-    onChange: (v: IFiltersPaneSearchPayload<Value>) => void;
-    localeKey?: IFilterLocaleKey;
-    locale?: IPartialFilterLocale;
-    testId?: string;
-    maxLength?: number;
-    getValueView?: (value: Value) => ReactNode;
-    getValueId?: (value: Value) => string;
-    getValueString?: (value: Value) => string;
-    selectWidth?: IFilterSelectProps<Value>['width'];
-    hasClearSelectButton?: boolean;
-    isDisabled?: boolean;
-    isSelectSearchEnabled?: boolean;
-    isAutoSizeable?: boolean;
+  tweakStyles?: FiltersPaneSearchStyles;
+  field?: Value;
+  fields?: Value[];
+  value?: string;
+  onChange: (v: IFiltersPaneSearchPayload<Value>) => void;
+  localeKey?: IFilterLocaleKey;
+  locale?: IPartialFilterLocale;
+  testId?: string;
+  maxLength?: number;
+  getValueView?: (value: Value) => ReactNode;
+  getValueId?: (value: Value) => string;
+  getValueString?: (value: Value) => string;
+  selectWidth?: IFilterSelectProps<Value>['width'];
+  hasClearSelectButton?: boolean;
+  isDisabled?: boolean;
+  isSelectSearchEnabled?: boolean;
+  isAutoSizeable?: boolean;
 }
-export declare function FiltersPaneSearch<Value>({ value, fields, field, onChange, localeKey, locale, getValueId, getValueView, getValueString, selectWidth, hasClearSelectButton, isDisabled, isSelectSearchEnabled, isAutoSizeable, maxLength, data, tweakStyles, testId, }: IFiltersPaneSearchProps<Value>): JSX.Element;
+export declare function FiltersPaneSearch<Value>({
+  value,
+  fields,
+  field,
+  onChange,
+  localeKey,
+  locale,
+  getValueId,
+  getValueView,
+  getValueString,
+  selectWidth,
+  hasClearSelectButton,
+  isDisabled,
+  isSelectSearchEnabled,
+  isAutoSizeable,
+  maxLength,
+  data,
+  tweakStyles,
+  testId,
+}: IFiltersPaneSearchProps<Value>): JSX.Element;