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

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

@@ -1,91 +1,91 @@
 import { ComponentStyles } from '../../../types';
 export declare const styles: {
-  root: {
-    display: string;
-    position: string;
-    backgroundColor: string;
-    border: (string | number)[];
-    borderRadius: number;
-    paddingRight: number;
-    transition: string;
-    transitionProperty: string;
-  };
-  focused: {
-    backgroundColor: '#ffffff';
-    borderColor: '#d0d6e1';
-  };
-  disabled: {
-    '& $selectBlock': {
-      cursor: string;
-    };
-  };
-  selectWrapper: {
-    position: string;
-    display: string;
-    flexShrink: number;
-  };
-  selectBlock: {
-    display: string;
-    alignItems: string;
-    gap: number;
-    cursor: string;
-    height: string;
-  };
-  selectLabel: {
-    flexShrink: number;
-    fontSize: number;
-    userSelect: string;
-  };
-  chevronIcon: {
-    flexShrink: number;
-    width: number;
-    height: number;
-    marginRight: number;
-    transition: string;
-    opacity: number;
-  };
-  open: {
-    transform: string;
-  };
-  dropdown: {
-    position: string;
-    top: number;
-    right: number;
-    zIndex: number;
-    minWidth: number;
-    marginTop: number;
-    borderRadius: 6;
-    backgroundColor: '#ffffff';
-    overflow: string;
-  };
-  dropdownInput: {
-    borderBottom: (string | number)[];
-  };
-  active: {
-    fontWeight: string;
-  };
-  tweakSearchInput: {
-    tweakInput: {
-      inputWrapper: {
+    root: {
+        display: string;
+        position: string;
         backgroundColor: string;
-        border: string;
-        height: number;
+        border: (string | number)[];
+        borderRadius: number;
+        paddingRight: number;
+        transition: string;
+        transitionProperty: string;
+    };
+    focused: {
+        backgroundColor: "#ffffff";
+        borderColor: "#d0d6e1";
+    };
+    disabled: {
+        '& $selectBlock': {
+            cursor: string;
+        };
+    };
+    selectWrapper: {
+        position: string;
+        display: string;
+        flexShrink: number;
+    };
+    selectBlock: {
+        display: string;
+        alignItems: string;
+        gap: number;
+        cursor: string;
+        height: string;
+    };
+    selectLabel: {
+        flexShrink: number;
         fontSize: number;
+        userSelect: string;
+    };
+    chevronIcon: {
+        flexShrink: number;
+        width: number;
+        height: number;
+        marginRight: number;
+        transition: string;
+        opacity: number;
+    };
+    open: {
+        transform: string;
+    };
+    dropdown: {
+        position: string;
+        top: number;
+        right: number;
+        zIndex: number;
         minWidth: number;
-      };
-      focused: {
-        backgroundColor: string;
-        border: string;
-      };
+        marginTop: number;
+        borderRadius: 6;
+        backgroundColor: "#ffffff";
+        overflow: string;
     };
-  };
-  tweakSelect: {
-    root: {
-      borderRadius: number;
-      borderBottomLeftRadius: number;
-      borderBottomRightRadius: number;
-      boxShadow: string;
+    dropdownInput: {
+        borderBottom: (string | number)[];
+    };
+    active: {
+        fontWeight: string;
+    };
+    tweakSearchInput: {
+        tweakInput: {
+            inputWrapper: {
+                backgroundColor: string;
+                border: string;
+                height: number;
+                fontSize: number;
+                minWidth: number;
+            };
+            focused: {
+                backgroundColor: string;
+                border: string;
+            };
+        };
+    };
+    tweakSelect: {
+        root: {
+            borderRadius: number;
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+            boxShadow: string;
+        };
     };
-  };
 };
 export declare type FiltersPaneSearchStyles = ComponentStyles<typeof styles>;

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

@@ -1,34 +1,28 @@
 export interface IFilterLocale {
-  clear: string;
-  all: string;
-  other: string;
-  chosen: string;
-  searchPlaceholder: string;
-  displayedFields: string;
-  nothingFound: string;
-  from: string;
-  to: string;
-  back: string;
-  months: string[];
-  periods: {
-    [key: string]: string;
-    THIS_MONTH: string;
-    LAST_MONTH: string;
-    THIS_YEAR: string;
-    LAST_YEAR: string;
-    CUSTOM: string;
-  };
+    clear: string;
+    all: string;
+    other: string;
+    chosen: string;
+    searchPlaceholder: string;
+    displayedFields: string;
+    nothingFound: string;
+    from: string;
+    to: string;
+    back: string;
+    months: string[];
+    periods: {
+        [key: string]: string;
+        THIS_MONTH: string;
+        LAST_MONTH: string;
+        THIS_YEAR: string;
+        LAST_YEAR: string;
+        CUSTOM: string;
+    };
 }
-export declare type IPartialFilterLocale = Partial<
-  Omit<IFilterLocale, 'periods'>
-> & {
-  periods?: Partial<IFilterLocale['periods']>;
+export declare type IPartialFilterLocale = Partial<Omit<IFilterLocale, 'periods'>> & {
+    periods?: Partial<IFilterLocale['periods']>;
 };
 export declare const FilterLocales: Record<string, IFilterLocale>;
 export declare type IFilterLocaleKey = keyof typeof FilterLocales;
 export declare const DEFAULT_LOCALE: IFilterLocaleKey;
-export declare const getLocale: (
-  key?: IFilterLocaleKey,
-  custom?: IPartialFilterLocale,
-  custom2?: IPartialFilterLocale,
-) => IFilterLocale;
+export declare const getLocale: (key?: IFilterLocaleKey, custom?: IPartialFilterLocale, custom2?: IPartialFilterLocale) => IFilterLocale;

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

@@ -6,99 +6,72 @@ import { IFilterWithDatesProps } from './FilterWithDates';
 import { IFilterWithPeriodProps } from './FilterWithPeriod';
 import { IFilterLocaleKey, IPartialFilterLocale } from './locales';
 import { IMultiSelectListValues } from '../MultiSelectList';
-export declare const PERIODS: readonly [
-  'THIS_MONTH',
-  'LAST_MONTH',
-  'THIS_YEAR',
-  'LAST_YEAR',
-  'CUSTOM',
-];
+export declare const PERIODS: readonly ["THIS_MONTH", "LAST_MONTH", "THIS_YEAR", "LAST_YEAR", "CUSTOM"];
 export declare type IPeriodType = (typeof PERIODS)[number];
-export declare type IFilterMultiSelectValues<Option = string> =
-  IMultiSelectListValues<Option>;
+export declare type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
 export declare type IPeriodsList = Array<IPeriodType | [string, IPeriodGetter]>;
 export interface IFiltersPaneSearchPayload<Value> {
-  value?: string;
-  field?: Value;
+    value?: string;
+    field?: Value;
 }
 export interface IFilterValueViewProps<Value> {
-  value?: Value;
-  filter: ConfigItem<Value>;
+    value?: Value;
+    filter: ConfigItem<Value>;
 }
 export interface IDatePeriod {
-  from: Date | null;
-  to: Date | null;
+    from: Date | null;
+    to: Date | null;
 }
 export interface IPeriod extends IDatePeriod {
-  periodType: string;
-  label?: string;
+    periodType: string;
+    label?: string;
 }
 export declare type IPeriodGetter = () => IDatePeriod;
 export declare type IFilterWithDatesValue = IDatePeriod;
-export declare type MultiSelectOptionType<Value> = Value | undefined extends
-  | IFilterMultiSelectValues<infer Option>
-  | undefined
-  ? Option
-  : unknown;
+export declare type MultiSelectOptionType<Value> = Value | undefined extends IFilterMultiSelectValues<infer Option> | undefined ? Option : unknown;
 export interface IConfigItemBasicBase<Value> {
-  name: string;
-  isInline?: boolean;
-  requiredFilledFilters?: string[];
-  localeKey?: IFilterLocaleKey;
-  locale?: IPartialFilterLocale;
-  getSelectedValueView?: (v: Value) => ReactNode;
+    name: string;
+    isInline?: boolean;
+    requiredFilledFilters?: string[];
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+    getSelectedValueView?: (v: Value) => ReactNode;
 }
 export declare type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
-  type: 'interval';
+    type: 'interval';
 } & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
 export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {
-  type: 'boolean';
+    type: 'boolean';
 }
-export declare type IMultiSelectConfigItem<Value> =
-  IConfigItemBasicBase<Value> & {
+export declare type IMultiSelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
     type: 'multiSelect';
-  } & Omit<
-      IFilterMultiSelectProps<Value, MultiSelectOptionType<Value>>,
-      'value' | 'onChange'
-    >;
+} & Omit<IFilterMultiSelectProps<Value, MultiSelectOptionType<Value>>, 'value' | 'onChange'>;
 export declare type ISelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
-  type: 'select';
+    type: 'select';
 } & Omit<IFilterSelectProps<Value>, 'value' | 'onChange'>;
-export declare type IDateRangeWithoutPeriodConfigItem<Value> =
-  IConfigItemBasicBase<Value> & {
+export declare type IDateRangeWithoutPeriodConfigItem<Value> = IConfigItemBasicBase<Value> & {
     type: 'dateRangeWithoutPeriod';
     dateFormat?: string;
-  } & Omit<
-      IFilterWithDatesProps,
-      'value' | 'onChange' | 'onStartBtnSubmit' | 'onEndBtnSubmit'
-    >;
-export declare type IDateRangeConfigItem<Value> =
-  IConfigItemBasicBase<Value> & {
+} & Omit<IFilterWithDatesProps, 'value' | 'onChange' | 'onStartBtnSubmit' | 'onEndBtnSubmit'>;
+export declare type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
     type: 'dateRange';
     dateFormat?: string;
-  } & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
+} & Omit<IFilterWithPeriodProps, 'value' | 'onChange' | 'setIsOpen'>;
 export declare type CustomComponent<Value> = FC<{
-  value?: Value;
-  onChange: (v?: Value) => void;
-  onClose?: () => void;
-  filter: ICustomConfigItem<Value>;
-  localeKey?: IFilterLocaleKey;
-  locale?: IPartialFilterLocale;
+    value?: Value;
+    onChange: (v?: Value) => void;
+    onClose?: () => void;
+    filter: ICustomConfigItem<Value>;
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
 }>;
 export interface ICustomConfigItem<Value> extends IConfigItemBasicBase<Value> {
-  [key: string]: any;
-  type: 'custom';
-  component: CustomComponent<Value>;
-  valueViewType?: 'range' | 'multiple';
+    [key: string]: any;
+    type: 'custom';
+    component: CustomComponent<Value>;
+    valueViewType?: 'range' | 'multiple';
 }
-export declare type ConfigItem<Value> =
-  | ISelectConfigItem<Value>
-  | IMultiSelectConfigItem<Value>
-  | ICustomConfigItem<Value>
-  | IDateRangeWithoutPeriodConfigItem<Value>
-  | IDateRangeConfigItem<Value>
-  | IIntervalConfigItem<Value>
-  | IBooleanConfigItem<Value>;
+export declare type ConfigItem<Value> = ISelectConfigItem<Value> | IMultiSelectConfigItem<Value> | ICustomConfigItem<Value> | IDateRangeWithoutPeriodConfigItem<Value> | IDateRangeConfigItem<Value> | IIntervalConfigItem<Value> | IBooleanConfigItem<Value>;
 export declare type ConfigType<Values> = {
-  [K in keyof Values]: ConfigItem<Values[K]>;
+    [K in keyof Values]: ConfigItem<Values[K]>;
 };

package/dist/components/Flag/Flag.d.ts

@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { ICommonProps } from '../../types';
 import { FlagStyles } from './Flag.styles';
 export interface IFlagProps extends ICommonProps {
-  tweakStyles?: FlagStyles;
-  countryCode?: string;
+    tweakStyles?: FlagStyles;
+    countryCode?: string;
 }
 export declare const Flag: FC<IFlagProps>;

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

@@ -1,12 +1,12 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    border: (string | number)[];
-    borderRadius: number;
-  };
-  noFlag: {
-    width: number;
-    color: '#505f79';
-  };
+    root: {
+        border: (string | number)[];
+        borderRadius: number;
+    };
+    noFlag: {
+        width: number;
+        color: "#505f79";
+    };
 };
 export declare type FlagStyles = ComponentStyles<typeof styles>;

package/dist/components/FlexibleTable/FlexibleTable.d.ts

@@ -2,49 +2,24 @@ import React, { RefObject } from 'react';
 import { ICommonProps } from '../../types';
 import { FlexibleTableConfigType, IInfinityScrollConfig } from './types';
 import { FlexibleTableStyles } from './FlexibleTable.styles';
-export interface IFlexibleTableProps<Values extends Record<string, any>>
-  extends ICommonProps {
-  tweakStyles?: FlexibleTableStyles;
-  content: Values[];
-  headerContent?: Partial<Record<keyof Values, any>>;
-  enabledColumns?: Array<keyof Values>;
-  activeRows?: number[];
-  config?: FlexibleTableConfigType<Values>;
-  isHorizontallyScrollable?: boolean;
-  isFirstColumnSticky?: boolean;
-  infinityScrollConfig?: IInfinityScrollConfig;
-  uniqueField?: keyof Values;
-  onHeadClick?: (column: keyof Values) => void;
-  onRowClick?: (id: string) => void;
-  onRowHover?: (id?: string) => void;
-  rowAttributes?: Array<keyof Values>;
-  refForScroll?: RefObject<HTMLDivElement>;
-  nothingFoundContent?: React.ReactNode;
-  expandableRowComponent?: (
-    item: Values,
-    isOpen: boolean,
-    close: () => void,
-  ) => React.ReactNode;
-  testId?: string;
+export interface IFlexibleTableProps<Values extends Record<string, any>> extends ICommonProps {
+    tweakStyles?: FlexibleTableStyles;
+    content: Values[];
+    headerContent?: Partial<Record<keyof Values, any>>;
+    enabledColumns?: Array<keyof Values>;
+    activeRows?: number[];
+    config?: FlexibleTableConfigType<Values>;
+    isHorizontallyScrollable?: boolean;
+    isFirstColumnSticky?: boolean;
+    infinityScrollConfig?: IInfinityScrollConfig;
+    uniqueField?: keyof Values;
+    onHeadClick?: (column: keyof Values) => void;
+    onRowClick?: (id: string) => void;
+    onRowHover?: (id?: string) => void;
+    rowAttributes?: Array<keyof Values>;
+    refForScroll?: RefObject<HTMLDivElement>;
+    nothingFoundContent?: React.ReactNode;
+    expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => React.ReactNode;
+    testId?: string;
 }
-export declare function FlexibleTable<Values extends Record<string, any>>({
-  data,
-  tweakStyles,
-  content,
-  headerContent,
-  config,
-  activeRows,
-  enabledColumns,
-  isHorizontallyScrollable,
-  isFirstColumnSticky,
-  infinityScrollConfig,
-  uniqueField,
-  onHeadClick,
-  onRowHover,
-  onRowClick,
-  refForScroll,
-  rowAttributes,
-  nothingFoundContent,
-  testId,
-  expandableRowComponent,
-}: IFlexibleTableProps<Values>): JSX.Element;
+export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;

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

@@ -1,101 +1,101 @@
 import { ComponentStyles } from '../../types';
 export declare const styles: {
-  root: {
-    position: string;
-    width: string;
-    borderCollapse: string;
-    borderSpacing: number;
-  };
-  row: {
-    position: string;
-  };
-  scroll: {
-    overflow: string;
-    maxHeight: string;
-  };
-  horizontallyScrolled: {
-    '& $cellSticky': {
-      boxShadow: string;
+    root: {
+        position: string;
+        width: string;
+        borderCollapse: string;
+        borderSpacing: number;
     };
-    '& $headerSticky::before': {
-      boxShadow: string;
+    row: {
+        position: string;
     };
-  };
-  loader: {
-    position: string;
-    left: number;
-    maxWidth: string;
-    height: number;
-    display: string;
-    justifyContent: string;
-    alignItems: string;
-  };
-  headerRow: {
-    verticalAlign: string;
-  };
-  activeRow: {};
-  cell: {
-    position: string;
-    boxSizing: string;
-    padding: number[];
-    fontSize: number;
-    lineHeight: number;
-    zIndex: number;
-    verticalAlign: string;
-  };
-  cellSticky: {
-    zIndex: number;
-    paddingLeft: number;
-    paddingRight: number;
-    transition: string[];
-  };
-  cellSecond: {
-    paddingLeft: number;
-  };
-  header: {
-    position: string;
-    boxSizing: string;
-    top: number;
-    zIndex: number;
-    fontSize: number;
-    fontWeight: string;
-    padding: number[];
-  };
-  headerSticky: {
-    zIndex: number;
-    left: number;
-    paddingLeft: number;
-    paddingRight: number;
-    '&::before': {
-      content: string;
-      display: string;
-      width: string;
-      height: string;
-      position: string;
-      left: number;
-      top: number;
-      background: string;
-      pointerEvents: string;
-      zIndex: number;
-      transition: string[];
+    scroll: {
+        overflow: string;
+        maxHeight: string;
     };
-    '&::after': {
-      content: string;
-      display: string;
-      width: number;
-      height: string;
-      position: string;
-      left: string;
-      top: number;
-      background: string;
-      zIndex: number;
+    horizontallyScrolled: {
+        '& $cellSticky': {
+            boxShadow: string;
+        };
+        '& $headerSticky::before': {
+            boxShadow: string;
+        };
+    };
+    loader: {
+        position: string;
+        left: number;
+        maxWidth: string;
+        height: number;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+    };
+    headerRow: {
+        verticalAlign: string;
+    };
+    activeRow: {};
+    cell: {
+        position: string;
+        boxSizing: string;
+        padding: number[];
+        fontSize: number;
+        lineHeight: number;
+        zIndex: number;
+        verticalAlign: string;
+    };
+    cellSticky: {
+        zIndex: number;
+        paddingLeft: number;
+        paddingRight: number;
+        transition: string[];
+    };
+    cellSecond: {
+        paddingLeft: number;
+    };
+    header: {
+        position: string;
+        boxSizing: string;
+        top: number;
+        zIndex: number;
+        fontSize: number;
+        fontWeight: string;
+        padding: number[];
+    };
+    headerSticky: {
+        zIndex: number;
+        left: number;
+        paddingLeft: number;
+        paddingRight: number;
+        '&::before': {
+            content: string;
+            display: string;
+            width: string;
+            height: string;
+            position: string;
+            left: number;
+            top: number;
+            background: string;
+            pointerEvents: string;
+            zIndex: number;
+            transition: string[];
+        };
+        '&::after': {
+            content: string;
+            display: string;
+            width: number;
+            height: string;
+            position: string;
+            left: string;
+            top: number;
+            background: string;
+            zIndex: number;
+        };
+    };
+    headerSecond: {
+        paddingLeft: number;
+    };
+    editableRow: {
+        cursor: string;
     };
-  };
-  headerSecond: {
-    paddingLeft: number;
-  };
-  editableRow: {
-    cursor: string;
-  };
 };
 export declare type FlexibleTableStyles = ComponentStyles<typeof styles>;