react-table-edit 1.5.6 → 1.5.8
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/component/calendar/index.d.ts +8 -0
- package/dist/component/table/data-table.d.ts +2 -2
- package/dist/component/table/header.d.ts +2 -2
- package/dist/component/table/index.d.ts +2 -2
- package/dist/component/table/toolbar-top.d.ts +1 -4
- package/dist/component/table-view/content.d.ts +0 -1
- package/dist/component/table-view/header.d.ts +3 -3
- package/dist/component/table-view/index.d.ts +23 -9
- package/dist/component/type/index.d.ts +3 -2
- package/dist/index.d.ts +28 -13
- package/dist/index.js +96 -127
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +96 -127
- package/dist/index.mjs.map +1 -1
- package/dist/styles/date-picker.css.map +1 -1
- package/dist/styles/form-wizard.css.map +1 -1
- package/dist/styles/index.css +178 -56
- package/dist/styles/index.css.map +1 -1
- package/dist/styles/select-table.css.map +1 -1
- package/dist/styles/sidebar.css +14 -0
- package/dist/styles/sidebar.css.map +1 -1
- package/dist/styles/tab-menu.css.map +1 -1
- package/package.json +3 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DayButton, DayPicker } from "react-day-picker";
|
|
3
|
+
import { Button } from "reactstrap";
|
|
4
|
+
declare function CalendarComponent({ className, classNames, showOutsideDays, captionLayout, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
5
|
+
buttonVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export { CalendarComponent, CalendarDayButton };
|
|
@@ -40,8 +40,8 @@ interface TableComponentProps {
|
|
|
40
40
|
filterBy: IFFilterTable[];
|
|
41
41
|
orderBy: IFOrderTable[];
|
|
42
42
|
optionsFilter: any;
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
allowFiltering?: boolean;
|
|
44
|
+
allowSorting?: boolean;
|
|
45
45
|
searchSetting?: any;
|
|
46
46
|
searchTerm?: string;
|
|
47
47
|
haveSum?: boolean;
|
|
@@ -17,8 +17,8 @@ type IFDataProps = {
|
|
|
17
17
|
fisrtObjWidthFixRight: number;
|
|
18
18
|
selectedRows: any[];
|
|
19
19
|
isMulti: boolean;
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
allowFiltering?: boolean;
|
|
21
|
+
allowSorting?: boolean;
|
|
22
22
|
filterBy: IFFilterTable[];
|
|
23
23
|
orderBy: IFOrderTable[];
|
|
24
24
|
container: any;
|
|
@@ -19,8 +19,8 @@ export type IFTableEditProps = {
|
|
|
19
19
|
searchSetting?: IFTableEditSearchSetting;
|
|
20
20
|
selectedItem?: any;
|
|
21
21
|
setDataSource?: any;
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
allowFiltering?: boolean;
|
|
23
|
+
allowSorting?: boolean;
|
|
24
24
|
optionsFilter?: any;
|
|
25
25
|
settingColumns?: {
|
|
26
26
|
id?: string;
|
|
@@ -16,7 +16,6 @@ type IContentColProps = {
|
|
|
16
16
|
isMulti?: boolean;
|
|
17
17
|
fieldKey: string;
|
|
18
18
|
setSelectedRows: (value: any[]) => void;
|
|
19
|
-
handleCommandClick: (id: string, rowData: any, index: number) => void;
|
|
20
19
|
};
|
|
21
20
|
export declare const RenderContentCol: (props: IContentColProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
21
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import { IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat } from "../type";
|
|
3
2
|
import 'react-resizable/css/styles.css';
|
|
3
|
+
import { IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat } from "../type";
|
|
4
4
|
type IFDataProps = {
|
|
5
5
|
idTable: string;
|
|
6
6
|
selectEnable: boolean;
|
|
@@ -20,8 +20,8 @@ type IFDataProps = {
|
|
|
20
20
|
fisrtObjWidthFixRight: number;
|
|
21
21
|
selectedRows: any[];
|
|
22
22
|
isMulti: boolean;
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
allowFiltering?: boolean;
|
|
24
|
+
allowSorting?: boolean;
|
|
25
25
|
filterBy: IFFilterTable[];
|
|
26
26
|
orderBy: IFOrderTable[];
|
|
27
27
|
container: any;
|
|
@@ -1,29 +1,43 @@
|
|
|
1
1
|
import React, { Dispatch, SetStateAction } from 'react';
|
|
2
|
-
import { IColumnsAgg, IColumnTable, IFFilterTable, IFOrderTable, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar } from '../type';
|
|
2
|
+
import { IColumnsAgg, IColumnTable, IFFilterTable, IFOrderTable, IFSettingColumns, IFTableEditFormat, IFTableEditPaging, IFTableEditSearchSetting, IFTableEditToolbar } from '../type';
|
|
3
3
|
type TableViewProps = {
|
|
4
4
|
idTable: string;
|
|
5
5
|
dataSource: any[];
|
|
6
|
-
rowHeight?: number;
|
|
7
6
|
height?: number;
|
|
8
7
|
columns: IColumnTable[];
|
|
9
8
|
selectEnable?: boolean;
|
|
10
9
|
isMutil?: boolean;
|
|
11
10
|
isLoading?: boolean;
|
|
12
11
|
formatSetting?: IFTableEditFormat;
|
|
13
|
-
allowFilter?: boolean;
|
|
14
|
-
allowOrder?: boolean;
|
|
15
|
-
optionsFilter?: any;
|
|
16
12
|
pagingSetting?: IFTableEditPaging;
|
|
17
13
|
toolbarSetting?: IFTableEditToolbar;
|
|
18
14
|
searchSetting?: IFTableEditSearchSetting;
|
|
19
15
|
columnsAggregate?: IColumnsAgg[];
|
|
20
16
|
selectedItem?: any;
|
|
21
|
-
|
|
17
|
+
headerComponent?: any;
|
|
18
|
+
settingColumns?: {
|
|
19
|
+
id?: string;
|
|
20
|
+
updatedDate?: Date;
|
|
21
|
+
updatedByName?: string;
|
|
22
|
+
value: IFSettingColumns[];
|
|
23
|
+
};
|
|
24
|
+
groupSetting?: {
|
|
25
|
+
client?: boolean;
|
|
26
|
+
groupColumns: string[];
|
|
27
|
+
onGroup: (props: any) => void;
|
|
28
|
+
};
|
|
29
|
+
querySetting: {
|
|
30
|
+
client?: boolean;
|
|
31
|
+
allowFiltering?: boolean;
|
|
32
|
+
allowSorting?: boolean;
|
|
33
|
+
optionsFilter?: any;
|
|
34
|
+
changeFilter?: (data: IFFilterTable[]) => void;
|
|
35
|
+
changeOrder?: (data: IFOrderTable[]) => void;
|
|
36
|
+
};
|
|
37
|
+
resetDefaultColumns?: () => void;
|
|
38
|
+
saveSettingColumn?: (data: IFSettingColumns[]) => void;
|
|
22
39
|
setSelectedItem?: Dispatch<SetStateAction<any>>;
|
|
23
40
|
setColumns?: (columns: IColumnTable[]) => void;
|
|
24
|
-
commandClick?: (data: any) => void;
|
|
25
|
-
changeFilter?: (data: IFFilterTable[]) => void;
|
|
26
|
-
changeOrder?: (data: IFOrderTable[]) => void;
|
|
27
41
|
handleSelect?: (data: any) => void;
|
|
28
42
|
};
|
|
29
43
|
declare const TableView: React.FC<TableViewProps>;
|
|
@@ -32,10 +32,11 @@ export type ICommandItem = {
|
|
|
32
32
|
};
|
|
33
33
|
/** Cấu hình thanh công cụ (toolbar) */
|
|
34
34
|
export type IFToolbarOptions = {
|
|
35
|
+
id?: string;
|
|
35
36
|
/** Vị trí hiển thị (trái, phải, giữa) */
|
|
36
37
|
align: "left" | "right" | "center";
|
|
37
38
|
/** Template toolbar */
|
|
38
|
-
template
|
|
39
|
+
template?: () => JSX.Element;
|
|
39
40
|
};
|
|
40
41
|
/** Cấu hình thiết lập bảng */
|
|
41
42
|
export type IFSettingColumns = {
|
|
@@ -142,7 +143,7 @@ export type ISettingNumericElement = {
|
|
|
142
143
|
/** Định nghĩa cột bảng */
|
|
143
144
|
export type IColumnTable = {
|
|
144
145
|
/** Tên thuộc tính */
|
|
145
|
-
field:
|
|
146
|
+
field: "#" | "checkbox" | "command" | string;
|
|
146
147
|
/** Tên thuộc tính lọc*/
|
|
147
148
|
fieldFilter?: string;
|
|
148
149
|
/** Tiêu đề cột */
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { ReactNode, Dispatch, SetStateAction
|
|
2
|
+
import React__default, { ReactNode, JSX, Dispatch, SetStateAction } from 'react';
|
|
3
3
|
import { UseFormSetValue, UseFormGetValues, UseFormReset } from 'react-hook-form';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import { TFunction } from 'react-i18next';
|
|
@@ -36,10 +36,11 @@ type ICommandItem = {
|
|
|
36
36
|
};
|
|
37
37
|
/** Cấu hình thanh công cụ (toolbar) */
|
|
38
38
|
type IFToolbarOptions = {
|
|
39
|
+
id?: string;
|
|
39
40
|
/** Vị trí hiển thị (trái, phải, giữa) */
|
|
40
41
|
align: "left" | "right" | "center";
|
|
41
42
|
/** Template toolbar */
|
|
42
|
-
template
|
|
43
|
+
template?: () => JSX.Element;
|
|
43
44
|
};
|
|
44
45
|
/** Cấu hình thiết lập bảng */
|
|
45
46
|
type IFSettingColumns = {
|
|
@@ -146,7 +147,7 @@ type ISettingNumericElement = {
|
|
|
146
147
|
/** Định nghĩa cột bảng */
|
|
147
148
|
type IColumnTable = {
|
|
148
149
|
/** Tên thuộc tính */
|
|
149
|
-
field:
|
|
150
|
+
field: "#" | "checkbox" | "command" | string;
|
|
150
151
|
/** Tên thuộc tính lọc*/
|
|
151
152
|
fieldFilter?: string;
|
|
152
153
|
/** Tiêu đề cột */
|
|
@@ -426,8 +427,8 @@ type IFTableEditProps = {
|
|
|
426
427
|
searchSetting?: IFTableEditSearchSetting;
|
|
427
428
|
selectedItem?: any;
|
|
428
429
|
setDataSource?: any;
|
|
429
|
-
|
|
430
|
-
|
|
430
|
+
allowFiltering?: boolean;
|
|
431
|
+
allowSorting?: boolean;
|
|
431
432
|
optionsFilter?: any;
|
|
432
433
|
settingColumns?: {
|
|
433
434
|
id?: string;
|
|
@@ -682,27 +683,41 @@ declare const TabsMenuComponent: ({ buttonWidth, tabParent, tabChild, resourceCo
|
|
|
682
683
|
type TableViewProps = {
|
|
683
684
|
idTable: string;
|
|
684
685
|
dataSource: any[];
|
|
685
|
-
rowHeight?: number;
|
|
686
686
|
height?: number;
|
|
687
687
|
columns: IColumnTable[];
|
|
688
688
|
selectEnable?: boolean;
|
|
689
689
|
isMutil?: boolean;
|
|
690
690
|
isLoading?: boolean;
|
|
691
691
|
formatSetting?: IFTableEditFormat;
|
|
692
|
-
allowFilter?: boolean;
|
|
693
|
-
allowOrder?: boolean;
|
|
694
|
-
optionsFilter?: any;
|
|
695
692
|
pagingSetting?: IFTableEditPaging;
|
|
696
693
|
toolbarSetting?: IFTableEditToolbar;
|
|
697
694
|
searchSetting?: IFTableEditSearchSetting;
|
|
698
695
|
columnsAggregate?: IColumnsAgg[];
|
|
699
696
|
selectedItem?: any;
|
|
700
|
-
|
|
697
|
+
headerComponent?: any;
|
|
698
|
+
settingColumns?: {
|
|
699
|
+
id?: string;
|
|
700
|
+
updatedDate?: Date;
|
|
701
|
+
updatedByName?: string;
|
|
702
|
+
value: IFSettingColumns[];
|
|
703
|
+
};
|
|
704
|
+
groupSetting?: {
|
|
705
|
+
client?: boolean;
|
|
706
|
+
groupColumns: string[];
|
|
707
|
+
onGroup: (props: any) => void;
|
|
708
|
+
};
|
|
709
|
+
querySetting: {
|
|
710
|
+
client?: boolean;
|
|
711
|
+
allowFiltering?: boolean;
|
|
712
|
+
allowSorting?: boolean;
|
|
713
|
+
optionsFilter?: any;
|
|
714
|
+
changeFilter?: (data: IFFilterTable[]) => void;
|
|
715
|
+
changeOrder?: (data: IFOrderTable[]) => void;
|
|
716
|
+
};
|
|
717
|
+
resetDefaultColumns?: () => void;
|
|
718
|
+
saveSettingColumn?: (data: IFSettingColumns[]) => void;
|
|
701
719
|
setSelectedItem?: Dispatch<SetStateAction<any>>;
|
|
702
720
|
setColumns?: (columns: IColumnTable[]) => void;
|
|
703
|
-
commandClick?: (data: any) => void;
|
|
704
|
-
changeFilter?: (data: IFFilterTable[]) => void;
|
|
705
|
-
changeOrder?: (data: IFOrderTable[]) => void;
|
|
706
721
|
handleSelect?: (data: any) => void;
|
|
707
722
|
};
|
|
708
723
|
declare const TableView: React__default.FC<TableViewProps>;
|