@foris/avocado-suite 0.11.10 → 0.11.12
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/avocado-suite/src/components/DataTable/DataTable.d.ts +2 -1
- package/dist/avocado-suite/src/components/DataTable/components/DataTableAction/DataTableAction.d.ts +2 -0
- package/dist/avocado-suite/src/components/DataTable/components/DataTableAction/DataTableActionsGroup.d.ts +4 -5
- package/dist/avocado-suite/src/components/DataTable/components/DataTableAction/DataTableSubActions.d.ts +6 -0
- package/dist/avocado-suite/src/components/DataTable/components/DataTableContent/DataTableContent.d.ts +4 -0
- package/dist/avocado-suite/src/components/DataTable/components/DataTableRow/DataTableRowAccordion.d.ts +3 -1
- package/dist/avocado-suite.es.js +2834 -2797
- package/dist/avocado-suite.umd.js +26 -22
- package/dist/style.css +1 -1
- package/package.json +3 -3
@@ -1,6 +1,7 @@
|
|
1
1
|
declare const DataTable: {
|
2
2
|
Action: import("react").FC<import("./components/DataTableAction/DataTableAction").IDataTableAction>;
|
3
|
-
|
3
|
+
SubActions: import("react").FC<import("./components/DataTableAction/DataTableSubActions").DataTableSubActionsProps>;
|
4
|
+
ActionsGroup: import("react").FC<import("./components/DataTableAction/DataTableActionsGroup").DataTableActionsGroupProps>;
|
4
5
|
Content: import("react").FC<import("./components/DataTableContent/DataTableContent").IDataTableContent>;
|
5
6
|
Header: import("react").FC<import("./components/DataTableHeader/DataTableHeader").IDataTableHeader>;
|
6
7
|
Row: import("react").FC<import("./components/DataTableRow/DataTableRow").IDataTableRow>;
|
@@ -1,10 +1,9 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
export interface IDataTableActionsGroup {
|
1
|
+
import React from 'react';
|
2
|
+
export interface DataTableActionsGroupProps {
|
4
3
|
/** actions */
|
5
|
-
children: React.
|
4
|
+
children: React.ReactNode;
|
6
5
|
/** overwrite className */
|
7
6
|
className?: string;
|
8
7
|
}
|
9
|
-
declare const DataTableActionsGroup: React.FC<
|
8
|
+
declare const DataTableActionsGroup: React.FC<DataTableActionsGroupProps>;
|
10
9
|
export default DataTableActionsGroup;
|
@@ -42,6 +42,8 @@ export interface IDataTableContentColumn {
|
|
42
42
|
export interface IDataTableContentActions {
|
43
43
|
/** Column's name */
|
44
44
|
header?: React.ReactNode | string;
|
45
|
+
/** Show menu button to group all actions on mobile version */
|
46
|
+
groupedOnMobile?: boolean;
|
45
47
|
/** Column's visibility */
|
46
48
|
visibility: boolean;
|
47
49
|
/** This function (or component) is primarily used for formatting the column value */
|
@@ -50,6 +52,8 @@ export interface IDataTableContentActions {
|
|
50
52
|
export interface IDataTableContent {
|
51
53
|
/** overwrite className */
|
52
54
|
className?: string;
|
55
|
+
/** overwrite classNameHeader */
|
56
|
+
classNameHeader?: string;
|
53
57
|
/** The columns configuration for the table. */
|
54
58
|
columns: IDataTableContentColumn[];
|
55
59
|
/** The data that you want to display on the table. */
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { DataTableSubContentStyle } from '../DataTableContent/DataTableContent';
|
2
|
+
import { DataTableSubContentStyle, IDataTableContentActions } from '../DataTableContent/DataTableContent';
|
3
3
|
export interface IDataTableRowAccordion {
|
4
4
|
/** The columns parsed for the table. */
|
5
5
|
columns: any[];
|
@@ -11,6 +11,8 @@ export interface IDataTableRowAccordion {
|
|
11
11
|
keyBody?: string;
|
12
12
|
/** style of sub content: inheritance | custom */
|
13
13
|
styleBody?: DataTableSubContentStyle;
|
14
|
+
/** Right action or actions on the table */
|
15
|
+
rightActions?: IDataTableContentActions;
|
14
16
|
/** event to render each sub row */
|
15
17
|
renderBody?: (body: any) => any;
|
16
18
|
}
|