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

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

@@ -0,0 +1 @@
+export * from './FilterWithDates';

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../../types';
+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;
+}
+export declare const FilterWithPeriod: FC<IFilterWithPeriodProps>;

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

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

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

@@ -0,0 +1 @@
+export * from './FilterWithPeriod';

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

@@ -0,0 +1,27 @@
+import { RefObject } from 'react';
+import { Classes } from 'jss';
+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;
+}
+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 {};

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

@@ -0,0 +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;
+    };
+};
+export declare type FilterWrapperStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1 @@
+export * from './FilterWrapper';

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { ICommonProps } from '../../types';
+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 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

@@ -0,0 +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;
+        };
+        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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { IFilterSelectProps } from '../FilterSelect';
+import { IFilterLocaleKey, IPartialFilterLocale } from '../locales';
+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;
+}
+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;

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

@@ -0,0 +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: {
+                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/FiltersPaneSearch/index.d.ts

@@ -0,0 +1 @@
+export * from './FiltersPaneSearch';

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

@@ -0,0 +1,16 @@
+export * from './FiltersPane';
+export * from './types';
+export * from './locales';
+export * from './FilterInterval';
+export * from './FilterMultiSelect';
+export * from './FilterSelect';
+export * from './FiltersPaneSearch';
+export * from './FilterWithDates';
+export * from './FilterWithPeriod';
+export type { FiltersPaneStyles } from './FiltersPane.styles';
+export type { FilterIntervalStyles } from './FilterInterval/FilterInterval.styles';
+export type { FilterSelectStyles } from './FilterSelect/FilterSelect.styles';
+export type { FiltersPaneSearchStyles } from './FiltersPaneSearch/FiltersPaneSearch.styles';
+export type { FilterWithDatesStyles } from './FilterWithDates/FilterWithDates.styles';
+export type { FilterWithPeriodStyles } from './FilterWithPeriod/FilterWithPeriod.styles';
+export type { FilterWrapperStyles } from './FilterWrapper/FilterWrapper.styles';

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

@@ -0,0 +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;
+    };
+}
+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;

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

@@ -0,0 +1,77 @@
+import { FC, ReactNode } from 'react';
+import { IFilterIntervalProps } from './FilterInterval';
+import { IFilterMultiSelectProps } from './FilterMultiSelect';
+import { IFilterSelectProps } from './FilterSelect';
+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 type IPeriodType = (typeof PERIODS)[number];
+export declare type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;
+export declare type IPeriodsList = Array<IPeriodType | [string, IPeriodGetter]>;
+export interface IFiltersPaneSearchPayload<Value> {
+    value?: string;
+    field?: Value;
+}
+export interface IFilterValueViewProps<Value> {
+    value?: Value;
+    filter: ConfigItem<Value>;
+}
+export interface IDatePeriod {
+    from: Date | null;
+    to: Date | null;
+}
+export interface IPeriod extends IDatePeriod {
+    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 interface IConfigItemBasicBase<Value> {
+    name: string;
+    isInline?: boolean;
+    requiredFilledFilters?: string[];
+    localeKey?: IFilterLocaleKey;
+    locale?: IPartialFilterLocale;
+    getSelectedValueView?: (v: Value) => ReactNode;
+}
+export declare type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'interval';
+} & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
+export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {
+    type: 'boolean';
+}
+export declare type IMultiSelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'multiSelect';
+} & Omit<IFilterMultiSelectProps<Value, MultiSelectOptionType<Value>>, 'value' | 'onChange'>;
+export declare type ISelectConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'select';
+} & Omit<IFilterSelectProps<Value>, 'value' | 'onChange'>;
+export declare type IDateRangeWithoutPeriodConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'dateRangeWithoutPeriod';
+    dateFormat?: string;
+} & Omit<IFilterWithDatesProps, 'value' | 'onChange' | 'onStartBtnSubmit' | 'onEndBtnSubmit'>;
+export declare type IDateRangeConfigItem<Value> = IConfigItemBasicBase<Value> & {
+    type: 'dateRange';
+    dateFormat?: string;
+} & 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;
+}>;
+export interface ICustomConfigItem<Value> extends IConfigItemBasicBase<Value> {
+    [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 ConfigType<Values> = {
+    [K in keyof Values]: ConfigItem<Values[K]>;
+};

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

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

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

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

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

@@ -0,0 +1 @@
+declare module 'country-flag-icons/react/3x2';

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

@@ -0,0 +1,2 @@
+export * from './Flag';
+export type { FlagStyles } from './Flag.styles';

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

@@ -0,0 +1,25 @@
+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 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

@@ -0,0 +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;
+        };
+        '& $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;
+    };
+};
+export declare type FlexibleTableStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FlexibleTableConfigType } from './types';
+import { ICommonProps } from '../../types';
+interface ITableRowProps<Values extends Record<string, any>> extends ICommonProps {
+    item: Values;
+    uniqueField?: keyof Values;
+    isFirstColumnSticky?: boolean;
+    isActive: boolean;
+    config?: FlexibleTableConfigType<Values>;
+    enabledColumns?: Array<keyof Values>;
+    rowAttributes?: Array<keyof Values>;
+    expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => React.ReactNode;
+    onRowHover?: (id?: string) => void;
+    onRowClick?: (id: string) => void;
+    classes: {
+        root: string;
+        active: string;
+        editable: string;
+        cell: {
+            root: string;
+            sticky: string;
+            second: string;
+        };
+    };
+}
+declare function TableRow<Values extends Record<string, any>>({ item, uniqueField, isFirstColumnSticky, isActive, config, enabledColumns, onRowHover, onRowClick, rowAttributes, expandableRowComponent, classes, }: ITableRowProps<Values>): JSX.Element;
+declare const _default: typeof TableRow;
+export default _default;