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

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;
+  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;
     };
-    selectBlock: {
-        display: string;
-        alignItems: string;
-        gap: number;
-        cursor: string;
-        height: string;
-    };
-    selectLabel: {
-        flexShrink: number;
-        fontSize: number;
-        userSelect: string;
-    };
-    chevronIcon: {
-        flexShrink: number;
-        width: number;
+  };
+  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: {
+        backgroundColor: string;
+        border: string;
         height: number;
-        marginRight: number;
-        transition: string;
-        opacity: number;
-    };
-    open: {
-        transform: string;
-    };
-    dropdown: {
-        position: string;
-        top: number;
-        right: number;
-        zIndex: number;
+        fontSize: number;
         minWidth: number;
-        marginTop: number;
-        borderRadius: 6;
-        backgroundColor: "#ffffff";
-        overflow: 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;
-            };
-        };
+      };
+      focused: {
+        backgroundColor: string;
+        border: string;
+      };
     };
-    tweakSelect: {
-        root: {
-            borderRadius: number;
-            borderBottomLeftRadius: number;
-            borderBottomRightRadius: number;
-            boxShadow: 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,28 +1,34 @@
 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,72 +6,99 @@ 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,24 +2,49 @@ 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;
+  root: {
+    position: string;
+    width: string;
+    borderCollapse: string;
+    borderSpacing: number;
+  };
+  row: {
+    position: string;
+  };
+  scroll: {
+    overflow: string;
+    maxHeight: string;
+  };
+  horizontallyScrolled: {
+    '& $cellSticky': {
+      boxShadow: string;
     };
-    row: {
-        position: string;
+    '& $headerSticky::before': {
+      boxShadow: string;
     };
-    scroll: {
-        overflow: string;
-        maxHeight: 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[];
     };
-    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;
+    '&::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;
+  };
 };
 export declare type FlexibleTableStyles = ComponentStyles<typeof styles>;