@true-engineering/true-react-common-ui-kit 3.0.0-alpha.17 → 3.0.0-alpha.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/FlexibleTable/FlexibleTable.d.ts +2 -1
- package/dist/components/FlexibleTable/FlexibleTable.styles.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +7 -0
- package/dist/components/Skeleton/Skeleton.styles.d.ts +3 -0
- package/dist/components/Skeleton/index.d.ts +2 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/theme/types.d.ts +2 -1
- package/dist/true-react-common-ui-kit.js +167 -94
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +166 -93
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/FlexibleTable/FlexibleTable.stories.tsx +1 -0
- package/src/components/FlexibleTable/FlexibleTable.styles.ts +5 -0
- package/src/components/FlexibleTable/FlexibleTable.tsx +60 -34
- package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +4 -4
- package/src/components/Skeleton/Skeleton.stories.tsx +19 -0
- package/src/components/Skeleton/Skeleton.styles.ts +46 -0
- package/src/components/Skeleton/Skeleton.tsx +12 -0
- package/src/components/Skeleton/index.ts +2 -0
- package/src/components/index.ts +1 -0
- package/src/theme/types.ts +2 -0
|
@@ -16,6 +16,7 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
|
|
|
16
16
|
*/
|
|
17
17
|
uniqueField?: keyof Values;
|
|
18
18
|
onHeadClick?: (column: keyof Values) => void;
|
|
19
|
+
isLoading?: boolean;
|
|
19
20
|
onRowClick?: (id: string) => void;
|
|
20
21
|
onRowHover?: (id?: string) => void;
|
|
21
22
|
rowAttributes?: Array<keyof Values>;
|
|
@@ -23,4 +24,4 @@ export interface IFlexibleTableProps<Values extends Record<string, any>> extends
|
|
|
23
24
|
nothingFoundContent?: ReactNode;
|
|
24
25
|
expandableRowComponent?: (item: Values, isOpen: boolean, close: () => void) => ReactNode;
|
|
25
26
|
}
|
|
26
|
-
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;
|
|
27
|
+
export declare function FlexibleTable<Values extends Record<string, any>>({ data, tweakStyles, content, headerContent, config, activeRows, enabledColumns, isHorizontallyScrollable, isFirstColumnSticky, infinityScrollConfig, uniqueField, isLoading, onHeadClick, onRowHover, onRowClick, refForScroll, rowAttributes, nothingFoundContent, testId, expandableRowComponent, }: IFlexibleTableProps<Values>): JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ITweakStyles } from '../../theme';
|
|
2
2
|
import { IFlexibleTableRowStyles } from './components';
|
|
3
3
|
export declare const STICKY_SHADOW_PADDING = 12;
|
|
4
|
-
export declare const useStyles: import("../../theme").IUseStyles<"root" | "scroll" | "header" | "loader" | "headerRow" | "headerSticky" | "headerSecond", unknown>;
|
|
4
|
+
export declare const useStyles: import("../../theme").IUseStyles<"root" | "scroll" | "header" | "loader" | "headerRow" | "headerSticky" | "headerSecond" | "skeleton", unknown>;
|
|
5
5
|
export declare type IFlexibleTableStyles = ITweakStyles<typeof useStyles, {
|
|
6
6
|
tweakTableRow: IFlexibleTableRowStyles;
|
|
7
7
|
}>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CSSProperties, FC } from 'react';
|
|
2
|
+
import { ICommonProps } from '../../types';
|
|
3
|
+
import { ISkeletonStyles } from './Skeleton.styles';
|
|
4
|
+
export interface ISkeletonProps extends Pick<ICommonProps<ISkeletonStyles>, 'tweakStyles'> {
|
|
5
|
+
height?: CSSProperties['height'];
|
|
6
|
+
}
|
|
7
|
+
export declare const Skeleton: FC<ISkeletonProps>;
|
package/dist/theme/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Styles } from 'react-jss';
|
|
2
2
|
import { Classes } from 'jss';
|
|
3
|
-
import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFilterValueViewStyles } from '../components';
|
|
3
|
+
import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFilterValueViewStyles, ISkeletonStyles } from '../components';
|
|
4
4
|
export declare type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
|
|
5
5
|
export declare type IUseStyles<C extends string, P = unknown> = (data?: P & {
|
|
6
6
|
theme?: Partial<Styles<C, P>>;
|
|
@@ -47,6 +47,7 @@ export interface IComponentStyles {
|
|
|
47
47
|
SearchInput: ISearchInputStyles;
|
|
48
48
|
Select: ISelectStyles;
|
|
49
49
|
SelectList: ISelectListStyles;
|
|
50
|
+
Skeleton: ISkeletonStyles;
|
|
50
51
|
Switch: ISwitchStyles;
|
|
51
52
|
TextArea: ITextAreaStyles;
|
|
52
53
|
TextWithInfo: ITextWithInfoStyles;
|