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

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;
-  };
-  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';
-      };
+    root: {
+        background: "#ffffff";
+        position: string;
+        zIndex: number;
     };
-  };
-  tweakBackButton: {
-    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";
+            };
+        };
     };
-  };
 };
 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,47 +4,24 @@ 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,38 +4,19 @@ 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;
-  };
-  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;
+    root: {
+        display: string;
+        flexWrap: string;
+        gap: number;
+        width: string;
     };
-    text: {
-      background: string;
-      color: '#95a0b3';
-      '&:hover, &:focus': {
-        color: '#505f79';
-      };
-      '&:active': {
-        color: '#222a37';
-      };
-      '&:hover, &:focus, &:active': {
-        background: string;
-        borderColor: 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;
+            };
+        };
     };
-  };
 };
 export declare type FiltersPaneStyles = ComponentStyles<typeof styles>;

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

@@ -5,41 +5,22 @@ 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;