@true-engineering/true-react-common-ui-kit 3.0.0-alpha.0 → 3.0.0-alpha.1
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 -2
- package/dist/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.d.ts +2 -2
- package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +2 -2
- package/dist/components/FlexibleTable/types.d.ts +1 -1
- package/dist/true-react-common-ui-kit.js +5 -3
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +5 -3
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/package.json +1 -1
- package/src/components/FlexibleTable/FlexibleTable.stories.tsx +2 -2
- package/src/components/FlexibleTable/FlexibleTable.tsx +2 -2
- package/src/components/FlexibleTable/components/FlexibleTableCell/FlexibleTableCell.tsx +2 -2
- package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +2 -2
- package/src/components/FlexibleTable/types.ts +1 -1
- package/src/components/Select/Select.styles.ts +5 -3
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../types';
|
|
3
|
-
import {
|
|
3
|
+
import { IFlexibleTableConfigType, IInfinityScrollConfig } from './types';
|
|
4
4
|
import { IFlexibleTableStyles } from './FlexibleTable.styles';
|
|
5
5
|
export interface IFlexibleTableProps<Values extends Record<string, any>> extends ICommonProps<IFlexibleTableStyles> {
|
|
6
6
|
content: Values[];
|
|
7
7
|
headerContent?: Partial<Record<keyof Values, any>>;
|
|
8
8
|
enabledColumns?: Array<keyof Values>;
|
|
9
9
|
activeRows?: number[];
|
|
10
|
-
config?:
|
|
10
|
+
config?: IFlexibleTableConfigType<Values>;
|
|
11
11
|
isHorizontallyScrollable?: boolean;
|
|
12
12
|
isFirstColumnSticky?: boolean;
|
|
13
13
|
infinityScrollConfig?: IInfinityScrollConfig;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import type { ICommonProps } from '../../../../types';
|
|
3
|
-
import type {
|
|
3
|
+
import type { IFlexibleTableConfigType } from '../../types';
|
|
4
4
|
import { IFlexibleTableCellStyles } from './FlexibleTableCell.styles';
|
|
5
5
|
export interface IFlexibleTableCellProps<Values extends Record<string, any>> extends Pick<ICommonProps<IFlexibleTableCellStyles>, 'tweakStyles'> {
|
|
6
6
|
item: Values;
|
|
7
7
|
columnName: keyof Values;
|
|
8
|
-
config?:
|
|
8
|
+
config?: IFlexibleTableConfigType<Values>;
|
|
9
9
|
isFocusedRow?: boolean;
|
|
10
10
|
isSecond?: boolean;
|
|
11
11
|
isSticky?: boolean;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { ICommonProps } from '../../../../types';
|
|
3
|
-
import {
|
|
3
|
+
import { IFlexibleTableConfigType } from '../../types';
|
|
4
4
|
import { IFlexibleTableRowStyles } from './FlexibleTableRow.styles';
|
|
5
5
|
export interface IFlexibleTableRowProps<Values extends Record<string, any>> extends Pick<ICommonProps<IFlexibleTableRowStyles>, 'tweakStyles'> {
|
|
6
6
|
item: Values;
|
|
7
7
|
uniqueField?: keyof Values;
|
|
8
8
|
isFirstColumnSticky?: boolean;
|
|
9
9
|
isActive: boolean;
|
|
10
|
-
config?:
|
|
10
|
+
config?: IFlexibleTableConfigType<Values>;
|
|
11
11
|
enabledColumns?: Array<keyof Values>;
|
|
12
12
|
rowAttributes?: Array<keyof Values>;
|
|
13
13
|
expandableRowComponent?(item: Values, isOpen: boolean, close: () => void): ReactNode;
|
|
@@ -13,7 +13,7 @@ export declare type IValueComponent<Values, Value> = (props: {
|
|
|
13
13
|
isRowNestedComponentExpanded: boolean;
|
|
14
14
|
onSetNestedComponent: (component?: ReactNode) => void;
|
|
15
15
|
}) => JSX.Element | ReactNode;
|
|
16
|
-
export declare type
|
|
16
|
+
export declare type IFlexibleTableConfigType<Values> = {
|
|
17
17
|
[Key in keyof Values]?: {
|
|
18
18
|
title?: ReactNode;
|
|
19
19
|
titleComponent?: ITitleComponent<unknown>;
|
|
@@ -8271,13 +8271,15 @@ var baseInputStyles = {
|
|
|
8271
8271
|
}
|
|
8272
8272
|
};
|
|
8273
8273
|
var readonlyInputBaseStyles = {
|
|
8274
|
-
|
|
8275
|
-
|
|
8274
|
+
input: {
|
|
8275
|
+
cursor: "pointer"
|
|
8276
8276
|
}
|
|
8277
8277
|
};
|
|
8278
8278
|
var multiSelectInputBaseStyles = {
|
|
8279
8279
|
inputIcon: {
|
|
8280
|
-
|
|
8280
|
+
"&:not($loading)": {
|
|
8281
|
+
width: "auto"
|
|
8282
|
+
}
|
|
8281
8283
|
}
|
|
8282
8284
|
};
|
|
8283
8285
|
var readonlyInputStyles = mergeStyles(baseInputStyles, readonlyInputBaseStyles);
|