@uxf/data-grid 3.0.0-beta.8 → 3.0.0-beta.9
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/DataGrid.js +19 -4
- package/components/ActionCellBase.js +38 -10
- package/components/Paper.d.ts +1 -1
- package/package.json +4 -4
- package/types.d.ts +10 -3
package/DataGrid.js
CHANGED
|
@@ -149,7 +149,7 @@ var DataGrid = /** @class */ (function (_super) {
|
|
|
149
149
|
DataGrid.prototype.render = function () {
|
|
150
150
|
var _this = this;
|
|
151
151
|
var _a, _b, _c, _d, _e, _f;
|
|
152
|
-
var _g = this.props, schema = _g.schema, _h = _g.BodyCell, BodyCell = _h === void 0 ? BodyCellBase_1.BodyCellBase : _h, _j = _g.FilterInput, FilterInput = _j === void 0 ? FilterInputBase_1.FilterInputBase : _j, title = _g.title, ActionCell = _g.ActionCell, onOpen = _g.onOpen, onEdit = _g.onEdit, onRemove = _g.onRemove, gridName = _g.gridName, _k = _g.rowHeight, rowHeight = _k === void 0 ? 44 : _k, onCsvDownload = _g.onCsvDownload, onChangeHiddenColumns = _g.onChangeHiddenColumns, _l = _g.hiddenColumns, hiddenColumns = _l === void 0 ? [] : _l, ml = _g.ml, mt = _g.mt, mb = _g.mb, mr = _g.mr;
|
|
152
|
+
var _g = this.props, schema = _g.schema, _h = _g.BodyCell, BodyCell = _h === void 0 ? BodyCellBase_1.BodyCellBase : _h, _j = _g.FilterInput, FilterInput = _j === void 0 ? FilterInputBase_1.FilterInputBase : _j, title = _g.title, ActionCell = _g.ActionCell, actionCellWidth = _g.actionCellWidth, onOpen = _g.onOpen, onEdit = _g.onEdit, onRemove = _g.onRemove, gridName = _g.gridName, _k = _g.rowHeight, rowHeight = _k === void 0 ? 44 : _k, onCsvDownload = _g.onCsvDownload, onChangeHiddenColumns = _g.onChangeHiddenColumns, _l = _g.hiddenColumns, hiddenColumns = _l === void 0 ? [] : _l, ml = _g.ml, mt = _g.mt, mb = _g.mb, mr = _g.mr;
|
|
153
153
|
var state = this.state;
|
|
154
154
|
console.log(hiddenColumns);
|
|
155
155
|
var rows = (_b = (_a = state.response) === null || _a === void 0 ? void 0 : _a.result) !== null && _b !== void 0 ? _b : [];
|
|
@@ -179,7 +179,9 @@ var DataGrid = /** @class */ (function (_super) {
|
|
|
179
179
|
key: "__action_column",
|
|
180
180
|
name: "",
|
|
181
181
|
resizable: false,
|
|
182
|
-
|
|
182
|
+
headerCellClass: "rdg-action-cell",
|
|
183
|
+
cellClass: "action rdg-action-cell",
|
|
184
|
+
width: ActionCell ? actionCellWidth : [onRemove, onEdit, onOpen].filter(function (i) { return i; }).length * 44 + 8 * 2,
|
|
183
185
|
formatter: function (props) {
|
|
184
186
|
return (react_1.default.createElement(ActionCellComponent_1, { row: props.row, reload: _this.reload, onRemove: onRemove, onEdit: onEdit, onOpen: onOpen }));
|
|
185
187
|
},
|
|
@@ -188,7 +190,20 @@ var DataGrid = /** @class */ (function (_super) {
|
|
|
188
190
|
var contentHeight = typeof rowHeight === "function"
|
|
189
191
|
? rows.reduce(function (prev, curr) { return prev + rowHeight(curr); })
|
|
190
192
|
: ((rowHeight !== null && rowHeight !== void 0 ? rowHeight : 44) + 1) * rows.length;
|
|
191
|
-
return (react_1.default.createElement(Paper_1.Paper, { variant: "outlined", sx: {
|
|
193
|
+
return (react_1.default.createElement(Paper_1.Paper, { variant: "outlined", sx: {
|
|
194
|
+
ml: ml,
|
|
195
|
+
mr: mr,
|
|
196
|
+
mb: mb,
|
|
197
|
+
mt: mt,
|
|
198
|
+
"& .rdg-action-cell": {
|
|
199
|
+
alignItems: "center",
|
|
200
|
+
boxShadow: 2,
|
|
201
|
+
display: "flex",
|
|
202
|
+
justifyContent: "center",
|
|
203
|
+
position: "sticky",
|
|
204
|
+
right: 0,
|
|
205
|
+
},
|
|
206
|
+
} },
|
|
192
207
|
react_1.default.createElement(Toolbar_1.default, null,
|
|
193
208
|
react_1.default.createElement(Typography_1.default, { sx: { flex: "1 1 100%" }, variant: "h6", id: "tableTitle", component: "div" }, title),
|
|
194
209
|
react_1.default.createElement(Box_1.default, { display: "flex", flexDirection: "row" },
|
|
@@ -217,4 +232,4 @@ var DataGrid = /** @class */ (function (_super) {
|
|
|
217
232
|
return DataGrid;
|
|
218
233
|
}(react_1.Component));
|
|
219
234
|
exports.DataGrid = DataGrid;
|
|
220
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
235
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGF0YUdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsZ0ZBQTBEO0FBQzFELGtFQUE0QztBQUM1QywwREFBb0M7QUFDcEMsd0VBQWtEO0FBQ2xELG9GQUE4RDtBQUM5RCx3RUFBa0Q7QUFDbEQsa0VBQTRDO0FBQzVDLDhEQUE2RDtBQUM3RCxnRUFBK0Q7QUFDL0QsZ0RBQStDO0FBQy9DLHdEQUF1RDtBQUN2RCw0REFBMkQ7QUFDM0QsNENBQTJDO0FBQzNDLDZDQUF5QztBQUN6QywwREFBeUQ7QUFDekQsMkNBQW9HO0FBQ3BHLDJDQUEyRDtBQUUzRCx1Q0FBNEQ7QUFDNUQsb0VBQXdEO0FBQ3hELGtGQUE0RDtBQUU1RDtJQUFzRCw0QkFBMEM7SUFDNUYsa0JBQVksS0FBb0Q7UUFBaEUsWUFDSSxrQkFBTSxLQUFLLENBQUMsU0FFZjtRQUVNLFlBQU0sR0FBRzs7Ozs7O3dCQUVSLHFCQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxnQkFBTSxHQUFFLENBQUMsRUFBQTs7d0JBQTdCLFNBQTZCLENBQUM7d0JBRXhCLE9BQU8sR0FBRyxJQUFBLHFCQUFhLEVBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO3dCQUN6QixxQkFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsSUFBQSxvQkFBWSxFQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUE7O3dCQUF2RixRQUFRLEdBQUcsU0FBNEU7d0JBRTdGLHFCQUFNLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBQSxvQkFBVSxFQUFDLFFBQVEsQ0FBQyxDQUFDLEVBQUE7O3dCQUF6QyxT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
|
|
@@ -1,26 +1,54 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
2
21
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
23
|
};
|
|
5
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
25
|
exports.ActionCellBase = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
|
|
9
26
|
var ArrowRightAlt_1 = __importDefault(require("@mui/icons-material/ArrowRightAlt"));
|
|
10
|
-
var Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
|
|
11
27
|
var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
|
|
28
|
+
var Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
|
|
29
|
+
var Box_1 = __importDefault(require("@mui/material/Box"));
|
|
30
|
+
var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
|
|
31
|
+
var react_1 = __importStar(require("react"));
|
|
32
|
+
var ActionCellItem = (0, react_1.memo)(function (_a) {
|
|
33
|
+
var children = _a.children;
|
|
34
|
+
return (react_1.default.createElement(Box_1.default, { alignItems: "center", justifyContent: "center", textAlign: "center", width: "100%" }, children));
|
|
35
|
+
});
|
|
36
|
+
ActionCellItem.displayName = "ActionCellItem";
|
|
12
37
|
var ActionCellBase = function (props) {
|
|
13
38
|
var onOpen = props.onOpen, onEdit = props.onEdit, onRemove = props.onRemove, row = props.row;
|
|
14
39
|
if (!onOpen && !onEdit && !onRemove) {
|
|
15
40
|
return null;
|
|
16
41
|
}
|
|
17
42
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
18
|
-
onRemove && (react_1.default.createElement(
|
|
19
|
-
react_1.default.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
43
|
+
onRemove && (react_1.default.createElement(ActionCellItem, null,
|
|
44
|
+
react_1.default.createElement(IconButton_1.default, { size: "small", onClick: function () { return onRemove(row); } },
|
|
45
|
+
react_1.default.createElement(Delete_1.default, null)))),
|
|
46
|
+
onEdit && (react_1.default.createElement(ActionCellItem, null,
|
|
47
|
+
react_1.default.createElement(IconButton_1.default, { size: "small", onClick: function () { return onEdit(row); } },
|
|
48
|
+
react_1.default.createElement(Edit_1.default, null)))),
|
|
49
|
+
onOpen && (react_1.default.createElement(ActionCellItem, null,
|
|
50
|
+
react_1.default.createElement(IconButton_1.default, { onClick: function () { return onOpen(row); } },
|
|
51
|
+
react_1.default.createElement(ArrowRightAlt_1.default, null))))));
|
|
24
52
|
};
|
|
25
53
|
exports.ActionCellBase = ActionCellBase;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWN0aW9uQ2VsbEJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25DZWxsQmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLG9GQUErRDtBQUMvRCxzRUFBb0Q7QUFDcEQsa0VBQWdEO0FBQ2hELDBEQUFvQztBQUNwQyx3RUFBa0Q7QUFDbEQsNkNBQW9DO0FBR3BDLElBQU0sY0FBYyxHQUFHLElBQUEsWUFBSSxFQUFDLFVBQUMsRUFBWTtRQUFWLFFBQVEsY0FBQTtJQUFPLE9BQUEsQ0FDMUMsOEJBQUMsYUFBRyxJQUFDLFVBQVUsRUFBQyxRQUFRLEVBQUMsY0FBYyxFQUFDLFFBQVEsRUFBQyxTQUFTLEVBQUMsUUFBUSxFQUFDLEtBQUssRUFBQyxNQUFNLElBQzNFLFFBQVEsQ0FDUCxDQUNUO0FBSjZDLENBSTdDLENBQUMsQ0FBQztBQUVILGNBQWMsQ0FBQyxXQUFXLEdBQUcsZ0JBQWdCLENBQUM7QUFFdkMsSUFBTSxjQUFjLEdBQTZCLFVBQUEsS0FBSztJQUNqRCxJQUFBLE1BQU0sR0FBNEIsS0FBSyxPQUFqQyxFQUFFLE1BQU0sR0FBb0IsS0FBSyxPQUF6QixFQUFFLFFBQVEsR0FBVSxLQUFLLFNBQWYsRUFBRSxHQUFHLEdBQUssS0FBSyxJQUFWLENBQVc7SUFDaEQsSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLFFBQVEsRUFBRTtRQUNqQyxPQUFPLElBQUksQ0FBQztLQUNmO0lBQ0QsT0FBTyxDQUNIO1FBQ0ssUUFBUSxJQUFJLENBQ1QsOEJBQUMsY0FBYztZQUNYLDhCQUFDLG9CQUFVLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBYixDQUFhO2dCQUNqRCw4QkFBQyxnQkFBVSxPQUFHLENBQ0wsQ0FDQSxDQUNwQjtRQUNBLE1BQU0sSUFBSSxDQUNQLDhCQUFDLGNBQWM7WUFDWCw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQVgsQ0FBVztnQkFDL0MsOEJBQUMsY0FBUSxPQUFHLENBQ0gsQ0FDQSxDQUNwQjtRQUNBLE1BQU0sSUFBSSxDQUNQLDhCQUFDLGNBQWM7WUFDWCw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFYLENBQVc7Z0JBQ2xDLDhCQUFDLHVCQUFjLE9BQUcsQ0FDVCxDQUNBLENBQ3BCLENBQ0YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBOUJXLFFBQUEsY0FBYyxrQkE4QnpCIn0=
|
package/components/Paper.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export declare const Paper: import("@mui/system").StyledComponent<{
|
|
|
8
8
|
variant?: "elevation" | "outlined" | undefined;
|
|
9
9
|
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
10
10
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | "
|
|
11
|
+
}, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "square" | "variant"> & {
|
|
12
12
|
theme?: import("@mui/material/styles").Theme | undefined;
|
|
13
13
|
as?: import("react").ElementType<any> | undefined;
|
|
14
14
|
sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/data-grid",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.9",
|
|
4
4
|
"description": "Redux DataGrid",
|
|
5
5
|
"homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@emotion/react": "^11.4.1",
|
|
47
47
|
"@emotion/styled": "^11.3.0",
|
|
48
|
-
"@mui/icons-material": "^5.0.0
|
|
49
|
-
"@mui/material": "^5.0.0
|
|
48
|
+
"@mui/icons-material": "^5.0.0",
|
|
49
|
+
"@mui/material": "^5.0.0",
|
|
50
50
|
"@types/jest": "^26.0.19",
|
|
51
|
-
"@types/react": "^17.0.
|
|
51
|
+
"@types/react": "^17.0.22",
|
|
52
52
|
"@types/react-dom": "^17.0.0",
|
|
53
53
|
"@types/react-test-renderer": "^16.9.4",
|
|
54
54
|
"@typescript-eslint/eslint-plugin": "^4.11.0",
|
package/types.d.ts
CHANGED
|
@@ -7,7 +7,14 @@ export declare type KeyExtractor = (row: ResultItem) => string;
|
|
|
7
7
|
export declare type CsvDownloadHandler = (request: Request) => void;
|
|
8
8
|
export declare type ChangeHiddenColumnsHandler = (hiddenColumns: string[]) => void;
|
|
9
9
|
export declare type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
|
|
10
|
-
|
|
10
|
+
declare type ActionCellWithRequiredWidth<R extends any> = {
|
|
11
|
+
ActionCell?: ActionCellComponent<R>;
|
|
12
|
+
actionCellWidth: number;
|
|
13
|
+
} | {
|
|
14
|
+
ActionCell?: never;
|
|
15
|
+
actionCellWidth?: never;
|
|
16
|
+
};
|
|
17
|
+
export declare type DataGridProps<R extends any> = {
|
|
11
18
|
gridName?: string;
|
|
12
19
|
title?: ReactNode;
|
|
13
20
|
schema: Schema;
|
|
@@ -22,7 +29,6 @@ export interface DataGridProps<R extends any> {
|
|
|
22
29
|
onCsvDownload?: CsvDownloadHandler;
|
|
23
30
|
BodyCell?: BodyCellComponent<R>;
|
|
24
31
|
HeadCell?: HeadCellComponent<R>;
|
|
25
|
-
ActionCell?: ActionCellComponent<R>;
|
|
26
32
|
FilterInput?: FilterInputComponent;
|
|
27
33
|
FilterListItem?: FilterListItemComponent;
|
|
28
34
|
Footer?: import("react").ReactNode;
|
|
@@ -38,7 +44,7 @@ export interface DataGridProps<R extends any> {
|
|
|
38
44
|
mt?: number;
|
|
39
45
|
mr?: number;
|
|
40
46
|
mb?: number;
|
|
41
|
-
}
|
|
47
|
+
} & ActionCellWithRequiredWidth<R>;
|
|
42
48
|
export interface Column<T = string> {
|
|
43
49
|
name: string;
|
|
44
50
|
label: string | ReactElement;
|
|
@@ -130,3 +136,4 @@ export interface DataGridState {
|
|
|
130
136
|
perPage: number;
|
|
131
137
|
error?: any;
|
|
132
138
|
}
|
|
139
|
+
export {};
|