@bit.rhplus/ag-grid 0.0.14 → 0.0.16
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/AgGridColumn.js +23 -28
- package/Renderers/ButtonRenderer.jsx +92 -39
- package/dist/AgGridColumn.js +23 -28
- package/dist/AgGridColumn.js.map +1 -1
- package/dist/Renderers/ButtonRenderer.d.ts +2 -1
- package/dist/Renderers/ButtonRenderer.js +39 -20
- package/dist/Renderers/ButtonRenderer.js.map +1 -1
- package/package.json +2 -2
- /package/dist/{preview-1729163191382.js → preview-1729703123195.js} +0 -0
package/AgGridColumn.js
CHANGED
|
@@ -20,15 +20,11 @@ export const AgGridColumn = (column, options) => {
|
|
|
20
20
|
(data.value && moment(data.value).format(column.dateRenderer)) || "";
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
if (column.booleanRenderer)
|
|
23
|
+
if (column.booleanRenderer)
|
|
24
24
|
column.cellRenderer = "booleanRenderer";
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
// booleanRendererParams: column.booleanRendererParams,
|
|
29
|
-
// };
|
|
30
|
-
// }
|
|
31
|
-
}
|
|
26
|
+
if (column.buttonRenderer)
|
|
27
|
+
column.cellRenderer = "buttonRenderer";
|
|
32
28
|
|
|
33
29
|
if (column.headerHtmlText) {
|
|
34
30
|
column.headerComponentParams = {
|
|
@@ -194,26 +190,26 @@ export const AgGridColumn = (column, options) => {
|
|
|
194
190
|
};
|
|
195
191
|
}
|
|
196
192
|
|
|
197
|
-
// boolean renderer
|
|
198
|
-
if (!!column.cellType && column.cellType === "boolean") {
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
}
|
|
193
|
+
// // boolean renderer
|
|
194
|
+
// if (!!column.cellType && column.cellType === "boolean") {
|
|
195
|
+
// if (!column.cellRenderer) {
|
|
196
|
+
// column.cellRenderer = "booleanRenderer";
|
|
197
|
+
// }
|
|
198
|
+
// }
|
|
203
199
|
|
|
204
|
-
// checkbox renderer
|
|
205
|
-
if (!!column.cellType && column.cellType === "checkbox") {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
}
|
|
200
|
+
// // checkbox renderer
|
|
201
|
+
// if (!!column.cellType && column.cellType === "checkbox") {
|
|
202
|
+
// if (!column.cellRenderer) {
|
|
203
|
+
// column.cellRenderer = "checkboxRenderer";
|
|
204
|
+
// }
|
|
205
|
+
// }
|
|
210
206
|
|
|
211
|
-
// button renderer
|
|
212
|
-
if (!!column.cellType && column.cellType === "button") {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
}
|
|
207
|
+
// // button renderer
|
|
208
|
+
// if (!!column.cellType && column.cellType === "button") {
|
|
209
|
+
// if (!column.cellRenderer) {
|
|
210
|
+
// column.cellRenderer = "buttonRenderer";
|
|
211
|
+
// }
|
|
212
|
+
// }
|
|
217
213
|
|
|
218
214
|
// select
|
|
219
215
|
if (
|
|
@@ -315,9 +311,8 @@ export const AgGridColumn = (column, options) => {
|
|
|
315
311
|
let style = {};
|
|
316
312
|
|
|
317
313
|
if (column.overrideCellStyle) {
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
column.overrideCellStyle(params, baseCellStyle(params));
|
|
314
|
+
const override = typeof column.overrideCellStyle === 'function' ? column.overrideCellStyle(params) : column.overrideCellStyle;
|
|
315
|
+
style = { ...baseCellStyle(params), ...override};
|
|
321
316
|
} else {
|
|
322
317
|
style = baseCellStyle(params)();
|
|
323
318
|
}
|
|
@@ -1,48 +1,101 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Button } from 'antd';
|
|
3
|
+
|
|
4
|
+
const LargeButton = ({ button, onClick, props }) => {
|
|
5
|
+
const { id, label, largeLabel, style, className, icon } = button;
|
|
6
|
+
const largeLabelValue = largeLabel instanceof Function ? largeLabel(props) : largeLabel;
|
|
7
|
+
const labelValue = label instanceof Function ? label(props) : label;
|
|
8
|
+
return (
|
|
9
|
+
<Button
|
|
10
|
+
key={id}
|
|
11
|
+
type="primary"
|
|
12
|
+
size="small"
|
|
13
|
+
onClick={(e) => onClick(e, id)}
|
|
14
|
+
style={style}
|
|
15
|
+
className={className}
|
|
16
|
+
icon={icon}
|
|
17
|
+
>
|
|
18
|
+
{largeLabelValue || labelValue}
|
|
19
|
+
</Button>
|
|
20
|
+
);
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
const SmallButton = ({ button, onClick, props }) => {
|
|
24
|
+
const { id, label, style, className, icon } = button;
|
|
25
|
+
const labelValue = label instanceof Function ? label(props) : label;
|
|
26
|
+
return (
|
|
27
|
+
<Button
|
|
28
|
+
key={id}
|
|
29
|
+
type="primary"
|
|
30
|
+
size="small"
|
|
31
|
+
onClick={(e) => onClick(e, id)}
|
|
32
|
+
style={style}
|
|
33
|
+
className={className}
|
|
34
|
+
icon={icon}
|
|
35
|
+
>
|
|
36
|
+
{labelValue}
|
|
37
|
+
</Button>
|
|
38
|
+
);
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
const ButtonRenderer = (props) => {
|
|
42
|
+
const [hovered, setHovered] = useState(false);
|
|
43
|
+
const { value, colDef: { buttonRendererParams = {} } = {} } = props;
|
|
44
|
+
|
|
45
|
+
if (!buttonRendererParams) return value;
|
|
46
|
+
|
|
47
|
+
const { visibleGetter, buttons = [] } = buttonRendererParams;
|
|
48
|
+
|
|
49
|
+
const onMouseEnter = () => {
|
|
50
|
+
setHovered(true);
|
|
25
51
|
};
|
|
26
52
|
|
|
27
|
-
const
|
|
53
|
+
const onMouseLeave = () => {
|
|
54
|
+
setHovered(false);
|
|
55
|
+
};
|
|
28
56
|
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
57
|
+
const onClick = (e, id) => {
|
|
58
|
+
e.preventDefault();
|
|
59
|
+
const { context: { componentParent: { onButtonClick } = {} } = {} } = props || {};
|
|
60
|
+
if (onButtonClick) onButtonClick(props, id);
|
|
32
61
|
};
|
|
33
62
|
|
|
34
|
-
|
|
35
|
-
if (value === undefined) {
|
|
36
|
-
return <div />
|
|
37
|
-
}
|
|
63
|
+
const isEmptyValue = value === null || value === '' || value === undefined;
|
|
38
64
|
|
|
39
|
-
const
|
|
65
|
+
const visible = visibleGetter(props);
|
|
40
66
|
|
|
41
67
|
return (
|
|
42
|
-
<
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
68
|
+
<div
|
|
69
|
+
className="custom-cell-renderer"
|
|
70
|
+
onMouseEnter={onMouseEnter}
|
|
71
|
+
onMouseLeave={onMouseLeave}
|
|
72
|
+
style={{
|
|
73
|
+
display: 'flex',
|
|
74
|
+
alignItems: 'center',
|
|
75
|
+
justifyContent: isEmptyValue ? 'center' : 'space-between',
|
|
76
|
+
height: '100%',
|
|
77
|
+
width: '100%',
|
|
78
|
+
}}
|
|
79
|
+
>
|
|
80
|
+
{!isEmptyValue && <span style={{ flexGrow: 1 }}>{value}</span>}
|
|
81
|
+
{visible && (
|
|
82
|
+
hovered && buttons.length > 0 && (
|
|
83
|
+
isEmptyValue ? (
|
|
84
|
+
<div style={{ display: 'flex', gap: '8px', width: '100%' }}>
|
|
85
|
+
{buttons.map((button, index) => (
|
|
86
|
+
<LargeButton key={index} button={button} onClick={onClick} props={props} />
|
|
87
|
+
))}
|
|
88
|
+
</div>
|
|
89
|
+
) : (
|
|
90
|
+
<div style={{ display: 'flex', gap: '8px' }}>
|
|
91
|
+
{buttons.map((button, index) => (
|
|
92
|
+
<SmallButton key={index} button={button} onClick={onClick} props={props} />
|
|
93
|
+
))}
|
|
94
|
+
</div>
|
|
95
|
+
)
|
|
96
|
+
))}
|
|
97
|
+
</div>
|
|
47
98
|
);
|
|
48
|
-
}
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
export default ButtonRenderer;
|
package/dist/AgGridColumn.js
CHANGED
|
@@ -11,14 +11,10 @@ export const AgGridColumn = (column, options) => {
|
|
|
11
11
|
if (column.dateRenderer) {
|
|
12
12
|
column.cellRenderer = (data) => (data.value && moment(data.value).format(column.dateRenderer)) || "";
|
|
13
13
|
}
|
|
14
|
-
if (column.booleanRenderer)
|
|
14
|
+
if (column.booleanRenderer)
|
|
15
15
|
column.cellRenderer = "booleanRenderer";
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
// booleanRendererParams: column.booleanRendererParams,
|
|
19
|
-
// };
|
|
20
|
-
// }
|
|
21
|
-
}
|
|
16
|
+
if (column.buttonRenderer)
|
|
17
|
+
column.cellRenderer = "buttonRenderer";
|
|
22
18
|
if (column.headerHtmlText) {
|
|
23
19
|
column.headerComponentParams = {
|
|
24
20
|
template: CommonHeaderTemplate(column.headerHtmlText),
|
|
@@ -164,24 +160,24 @@ export const AgGridColumn = (column, options) => {
|
|
|
164
160
|
return true;
|
|
165
161
|
};
|
|
166
162
|
}
|
|
167
|
-
// boolean renderer
|
|
168
|
-
if (!!column.cellType && column.cellType === "boolean") {
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
}
|
|
173
|
-
// checkbox renderer
|
|
174
|
-
if (!!column.cellType && column.cellType === "checkbox") {
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
}
|
|
179
|
-
// button renderer
|
|
180
|
-
if (!!column.cellType && column.cellType === "button") {
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
}
|
|
163
|
+
// // boolean renderer
|
|
164
|
+
// if (!!column.cellType && column.cellType === "boolean") {
|
|
165
|
+
// if (!column.cellRenderer) {
|
|
166
|
+
// column.cellRenderer = "booleanRenderer";
|
|
167
|
+
// }
|
|
168
|
+
// }
|
|
169
|
+
// // checkbox renderer
|
|
170
|
+
// if (!!column.cellType && column.cellType === "checkbox") {
|
|
171
|
+
// if (!column.cellRenderer) {
|
|
172
|
+
// column.cellRenderer = "checkboxRenderer";
|
|
173
|
+
// }
|
|
174
|
+
// }
|
|
175
|
+
// // button renderer
|
|
176
|
+
// if (!!column.cellType && column.cellType === "button") {
|
|
177
|
+
// if (!column.cellRenderer) {
|
|
178
|
+
// column.cellRenderer = "buttonRenderer";
|
|
179
|
+
// }
|
|
180
|
+
// }
|
|
185
181
|
// select
|
|
186
182
|
if (!!column.cellType &&
|
|
187
183
|
column.cellType === "select" &&
|
|
@@ -278,9 +274,8 @@ export const AgGridColumn = (column, options) => {
|
|
|
278
274
|
column.cellStyle = function cellStyle(params) {
|
|
279
275
|
let style = {};
|
|
280
276
|
if (column.overrideCellStyle) {
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
column.overrideCellStyle(params, baseCellStyle(params));
|
|
277
|
+
const override = typeof column.overrideCellStyle === 'function' ? column.overrideCellStyle(params) : column.overrideCellStyle;
|
|
278
|
+
style = { ...baseCellStyle(params), ...override };
|
|
284
279
|
}
|
|
285
280
|
else {
|
|
286
281
|
style = baseCellStyle(params)();
|
package/dist/AgGridColumn.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgGridColumn.js","sourceRoot":"","sources":["../AgGridColumn.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;IACjC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AACpC,CAAC,CAAC;AAEF,sCAAsC;AACtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE;IAE9C,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;QACxB,MAAM,CAAC,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAC7B,CAAC,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC;IACzE,CAAC;IAED,IAAI,MAAM,CAAC,eAAe
|
|
1
|
+
{"version":3,"file":"AgGridColumn.js","sourceRoot":"","sources":["../AgGridColumn.js"],"names":[],"mappings":"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"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export default
|
|
1
|
+
export default ButtonRenderer;
|
|
2
|
+
declare function ButtonRenderer(props: any): any;
|
|
@@ -1,25 +1,44 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
const {
|
|
6
|
-
const
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { Button } from 'antd';
|
|
4
|
+
const LargeButton = ({ button, onClick, props }) => {
|
|
5
|
+
const { id, label, largeLabel, style, className, icon } = button;
|
|
6
|
+
const largeLabelValue = largeLabel instanceof Function ? largeLabel(props) : largeLabel;
|
|
7
|
+
const labelValue = label instanceof Function ? label(props) : label;
|
|
8
|
+
return (_jsx(Button, { type: "primary", size: "small", onClick: (e) => onClick(e, id), style: style, className: className, icon: icon, children: largeLabelValue || labelValue }, id));
|
|
9
|
+
};
|
|
10
|
+
const SmallButton = ({ button, onClick, props }) => {
|
|
11
|
+
const { id, label, style, className, icon } = button;
|
|
12
|
+
const labelValue = label instanceof Function ? label(props) : label;
|
|
13
|
+
return (_jsx(Button, { type: "primary", size: "small", onClick: (e) => onClick(e, id), style: style, className: className, icon: icon, children: labelValue }, id));
|
|
14
|
+
};
|
|
15
|
+
const ButtonRenderer = (props) => {
|
|
16
|
+
const [hovered, setHovered] = useState(false);
|
|
17
|
+
const { value, colDef: { buttonRendererParams = {} } = {} } = props;
|
|
18
|
+
if (!buttonRendererParams)
|
|
19
|
+
return value;
|
|
20
|
+
const { visibleGetter, buttons = [] } = buttonRendererParams;
|
|
21
|
+
const onMouseEnter = () => {
|
|
22
|
+
setHovered(true);
|
|
23
|
+
};
|
|
24
|
+
const onMouseLeave = () => {
|
|
25
|
+
setHovered(false);
|
|
26
|
+
};
|
|
27
|
+
const onClick = (e, id) => {
|
|
7
28
|
e.preventDefault();
|
|
8
29
|
const { context: { componentParent: { onButtonClick } = {} } = {} } = props || {};
|
|
9
30
|
if (onButtonClick)
|
|
10
|
-
onButtonClick(props);
|
|
11
|
-
};
|
|
12
|
-
const visibleCondition = condition ? condition(data) : true;
|
|
13
|
-
const showCondition = () => {
|
|
14
|
-
const newItem = (data && data._rh_plus_ag_grid_new_item) || false;
|
|
15
|
-
return !newItem && (showOnGroup || !!data) && visibleCondition;
|
|
31
|
+
onButtonClick(props, id);
|
|
16
32
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
33
|
+
const isEmptyValue = value === null || value === '' || value === undefined;
|
|
34
|
+
const visible = visibleGetter(props);
|
|
35
|
+
return (_jsxs("div", { className: "custom-cell-renderer", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, style: {
|
|
36
|
+
display: 'flex',
|
|
37
|
+
alignItems: 'center',
|
|
38
|
+
justifyContent: isEmptyValue ? 'center' : 'space-between',
|
|
39
|
+
height: '100%',
|
|
40
|
+
width: '100%',
|
|
41
|
+
}, children: [!isEmptyValue && _jsx("span", { style: { flexGrow: 1 }, children: value }), visible && (hovered && buttons.length > 0 && (isEmptyValue ? (_jsx("div", { style: { display: 'flex', gap: '8px', width: '100%' }, children: buttons.map((button, index) => (_jsx(LargeButton, { button: button, onClick: onClick, props: props }, index))) })) : (_jsx("div", { style: { display: 'flex', gap: '8px' }, children: buttons.map((button, index) => (_jsx(SmallButton, { button: button, onClick: onClick, props: props }, index))) }))))] }));
|
|
42
|
+
};
|
|
43
|
+
export default ButtonRenderer;
|
|
25
44
|
//# sourceMappingURL=ButtonRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRenderer.js","sourceRoot":"","sources":["../../Renderers/ButtonRenderer.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ButtonRenderer.js","sourceRoot":"","sources":["../../Renderers/ButtonRenderer.jsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bit.rhplus/ag-grid",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.16",
|
|
4
4
|
"homepage": "https://bit.cloud/remote-scope/ag-grid",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "remote-scope",
|
|
8
8
|
"name": "ag-grid",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.16"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"linq": "^4.0.3",
|
|
File without changes
|