@bit.rhplus/ui.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/AgGridColumns.js +3 -1
- package/ColumnBuilder.jsx +313 -76
- package/ContextBuilder.js +199 -0
- package/dist/AgGridColumns.js +1 -0
- package/dist/AgGridColumns.js.map +1 -1
- package/dist/ColumnBuilder.d.ts +24 -0
- package/dist/ColumnBuilder.js +164 -27
- package/dist/ColumnBuilder.js.map +1 -1
- package/dist/ContextBuilder.d.ts +80 -0
- package/dist/ContextBuilder.js +187 -0
- package/dist/ContextBuilder.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/index.jsx +3 -3
- package/package.json +3 -2
- /package/dist/{preview-1742817007356.js → preview-1746016364446.js} +0 -0
package/dist/ColumnBuilder.d.ts
CHANGED
|
@@ -4,6 +4,12 @@ declare class ColumnBuilder {
|
|
|
4
4
|
columns: any[];
|
|
5
5
|
intl: any;
|
|
6
6
|
addColumn(props: any): this;
|
|
7
|
+
addInvoiceCardColumn({ field, headerName, width, onCheckboxChange, ...restProps }?: {
|
|
8
|
+
field?: string | undefined;
|
|
9
|
+
headerName?: string | undefined;
|
|
10
|
+
width?: number | undefined;
|
|
11
|
+
onCheckboxChange: any;
|
|
12
|
+
}): this;
|
|
7
13
|
addCurrencyColumn({ currency, position, currencyStyle, cellAlign, editable, ...restProps }: {
|
|
8
14
|
[x: string]: any;
|
|
9
15
|
currency: any;
|
|
@@ -17,6 +23,24 @@ declare class ColumnBuilder {
|
|
|
17
23
|
dateFormat?: string | undefined;
|
|
18
24
|
editable: any;
|
|
19
25
|
}): this;
|
|
26
|
+
addLinkColumn({ onClick, linkStyle, hoverStyle, cellAlign, editable, overviewToggle, ...restProps }: {
|
|
27
|
+
[x: string]: any;
|
|
28
|
+
onClick: any;
|
|
29
|
+
linkStyle: any;
|
|
30
|
+
hoverStyle: any;
|
|
31
|
+
cellAlign?: string | undefined;
|
|
32
|
+
editable: any;
|
|
33
|
+
overviewToggle?: boolean | undefined;
|
|
34
|
+
}): this;
|
|
35
|
+
addOverviewLinkColumn({ field, headerName, width, cellAlign, linkStyle, hoverStyle, editable, ...rest }?: {
|
|
36
|
+
field?: string | undefined;
|
|
37
|
+
headerName?: string | undefined;
|
|
38
|
+
width?: number | undefined;
|
|
39
|
+
cellAlign?: string | undefined;
|
|
40
|
+
linkStyle: any;
|
|
41
|
+
hoverStyle: any;
|
|
42
|
+
editable?: boolean | undefined;
|
|
43
|
+
}): this;
|
|
20
44
|
addObjectColumn({ contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay, editable, onEditClick, ...restProps }: {
|
|
21
45
|
[x: string]: any;
|
|
22
46
|
contentTooltip: any;
|
package/dist/ColumnBuilder.js
CHANGED
|
@@ -6,8 +6,87 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
|
|
|
6
6
|
var _ColumnBuilder_instances, _ColumnBuilder_addPreparedColumn, _ColumnBuilder_resolveEditable;
|
|
7
7
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
8
|
import * as React from 'react';
|
|
9
|
+
// Oprava: import antd před vlastními importy
|
|
10
|
+
import { Checkbox } from 'antd'; // Pokud Checkbox není používán, později ho odstraníme
|
|
9
11
|
import { prepareColDef } from './utils';
|
|
10
12
|
import { currencySymbols } from './enums';
|
|
13
|
+
// Vytvoříme React hook funkci pro link cell renderer
|
|
14
|
+
const useLinkCellRenderer = (params, onClick, linkStyle, hoverStyle, overviewToggle) => {
|
|
15
|
+
const [isHovered, setIsHovered] = React.useState(false);
|
|
16
|
+
const handleMouseEnter = React.useCallback(() => {
|
|
17
|
+
setIsHovered(true);
|
|
18
|
+
}, []);
|
|
19
|
+
const handleMouseLeave = React.useCallback(() => {
|
|
20
|
+
setIsHovered(false);
|
|
21
|
+
}, []);
|
|
22
|
+
const handleClick = React.useCallback((event) => {
|
|
23
|
+
event.stopPropagation();
|
|
24
|
+
// Odstranění console.log nebo zakomentování
|
|
25
|
+
// console.log('click');
|
|
26
|
+
if (overviewToggle && params.api) {
|
|
27
|
+
params.api.dispatchEvent({
|
|
28
|
+
type: 'overviewToggle',
|
|
29
|
+
data: params.data,
|
|
30
|
+
params,
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
if (onClick) {
|
|
34
|
+
onClick(params);
|
|
35
|
+
}
|
|
36
|
+
}, [onClick, overviewToggle, params]);
|
|
37
|
+
const defaultLinkStyle = {
|
|
38
|
+
color: '#1a73e8',
|
|
39
|
+
textDecoration: 'none',
|
|
40
|
+
cursor: 'pointer',
|
|
41
|
+
};
|
|
42
|
+
const defaultHoverStyle = {
|
|
43
|
+
textDecoration: 'underline',
|
|
44
|
+
};
|
|
45
|
+
const computedLinkStyle = React.useMemo(() => ({
|
|
46
|
+
...defaultLinkStyle,
|
|
47
|
+
...(typeof linkStyle === 'function'
|
|
48
|
+
? linkStyle(params)
|
|
49
|
+
: linkStyle || {}),
|
|
50
|
+
}), [linkStyle, params]);
|
|
51
|
+
const computedHoverStyle = React.useMemo(() => ({
|
|
52
|
+
...defaultLinkStyle,
|
|
53
|
+
...computedLinkStyle,
|
|
54
|
+
...defaultHoverStyle,
|
|
55
|
+
...(typeof hoverStyle === 'function'
|
|
56
|
+
? hoverStyle(params)
|
|
57
|
+
: hoverStyle || {}),
|
|
58
|
+
}), [computedLinkStyle, hoverStyle, params]);
|
|
59
|
+
return {
|
|
60
|
+
isHovered,
|
|
61
|
+
handleMouseEnter,
|
|
62
|
+
handleMouseLeave,
|
|
63
|
+
handleClick,
|
|
64
|
+
computedLinkStyle,
|
|
65
|
+
computedHoverStyle,
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
// Vytvoříme React hook funkci pro object cell renderer
|
|
69
|
+
const useObjectCellRenderer = (params, editable, onEditClick) => {
|
|
70
|
+
const [isHovered, setIsHovered] = React.useState(false);
|
|
71
|
+
const handleMouseEnter = React.useCallback(() => {
|
|
72
|
+
setIsHovered(true);
|
|
73
|
+
}, []);
|
|
74
|
+
const handleMouseLeave = React.useCallback(() => {
|
|
75
|
+
setIsHovered(false);
|
|
76
|
+
}, []);
|
|
77
|
+
const handleEditClick = React.useCallback((event) => {
|
|
78
|
+
event.stopPropagation();
|
|
79
|
+
if (onEditClick) {
|
|
80
|
+
onEditClick(params);
|
|
81
|
+
}
|
|
82
|
+
}, [onEditClick, params]);
|
|
83
|
+
return {
|
|
84
|
+
isHovered,
|
|
85
|
+
handleMouseEnter,
|
|
86
|
+
handleMouseLeave,
|
|
87
|
+
handleEditClick,
|
|
88
|
+
};
|
|
89
|
+
};
|
|
11
90
|
class ColumnBuilder {
|
|
12
91
|
constructor(intl) {
|
|
13
92
|
_ColumnBuilder_instances.add(this);
|
|
@@ -18,53 +97,107 @@ class ColumnBuilder {
|
|
|
18
97
|
__classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, props);
|
|
19
98
|
return this;
|
|
20
99
|
}
|
|
100
|
+
// Nová metoda pro přidání sloupce s fakturou pro overview mód
|
|
101
|
+
addInvoiceCardColumn({ field = 'invoice', headerName = '', width = 340, onCheckboxChange, ...restProps } = {}) {
|
|
102
|
+
const cellRenderer = 'invoiceCardRenderer';
|
|
103
|
+
__classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
|
|
104
|
+
headerName,
|
|
105
|
+
field,
|
|
106
|
+
width,
|
|
107
|
+
cellRenderer,
|
|
108
|
+
suppressSizeToFit: true,
|
|
109
|
+
cellRendererParams: {
|
|
110
|
+
onCheckboxChange: onCheckboxChange || ((id, checked) => {
|
|
111
|
+
// Odstranění console.log nebo zakomentování
|
|
112
|
+
// console.log(`Checkbox changed for ${id}:`, checked);
|
|
113
|
+
})
|
|
114
|
+
},
|
|
115
|
+
...restProps,
|
|
116
|
+
});
|
|
117
|
+
return this;
|
|
118
|
+
}
|
|
21
119
|
addCurrencyColumn({ currency, position, currencyStyle, cellAlign = 'right', editable, ...restProps }) {
|
|
22
120
|
const cellRenderer = (params) => {
|
|
23
121
|
const currencyValue = typeof currency === 'function' ? currency(params) : currency;
|
|
24
122
|
const symbol = currencySymbols[currencyValue] || currencyValue;
|
|
25
123
|
// Použití Number.isNaN místo globální isNaN
|
|
26
|
-
const value = params.value != null && !Number.isNaN(Number(params.value))
|
|
27
|
-
|
|
124
|
+
const value = params.value != null && !Number.isNaN(Number(params.value))
|
|
125
|
+
? params.value.toFixed(2)
|
|
126
|
+
: '0.00';
|
|
127
|
+
const style = typeof currencyStyle === 'function'
|
|
128
|
+
? currencyStyle(params)
|
|
129
|
+
: currencyStyle;
|
|
28
130
|
return (_jsx("span", { children: position === 'left' ? (_jsxs(_Fragment, { children: [_jsx("span", { style: style, children: symbol }), " ", value] })) : (_jsxs(_Fragment, { children: [value, " ", _jsx("span", { style: style, children: symbol })] })) }));
|
|
29
131
|
};
|
|
30
132
|
__classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
|
|
31
133
|
cellAlign,
|
|
32
134
|
cellRenderer,
|
|
33
135
|
editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
|
|
34
|
-
...restProps
|
|
136
|
+
...restProps,
|
|
35
137
|
});
|
|
36
138
|
return this;
|
|
37
139
|
}
|
|
38
|
-
addDateColumn({ dateFormat =
|
|
140
|
+
addDateColumn({ dateFormat = 'DD.MM.YYYY', editable, ...restProps }) {
|
|
39
141
|
__classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
|
|
40
142
|
dateRenderer: dateFormat,
|
|
41
143
|
editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
|
|
42
|
-
...restProps
|
|
144
|
+
...restProps,
|
|
43
145
|
});
|
|
44
146
|
return this;
|
|
45
147
|
}
|
|
46
|
-
|
|
148
|
+
addLinkColumn({ onClick, linkStyle, hoverStyle, cellAlign = 'left', editable, overviewToggle = false, // Přidán výchozí parametr pro overview
|
|
149
|
+
...restProps }) {
|
|
150
|
+
// Vytvořím komponentu pro cell renderer, která používá hook
|
|
151
|
+
const LinkCellRenderer = React.memo((params) => {
|
|
152
|
+
const { isHovered, handleMouseEnter, handleMouseLeave, handleClick, computedLinkStyle, computedHoverStyle, } = useLinkCellRenderer(params, onClick, linkStyle, hoverStyle, overviewToggle);
|
|
153
|
+
return (_jsx("div", { className: "link-cell-container", style: {
|
|
154
|
+
width: '100%',
|
|
155
|
+
height: '100%',
|
|
156
|
+
display: 'flex',
|
|
157
|
+
alignItems: 'center',
|
|
158
|
+
}, children: _jsx("span", { onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: isHovered ? computedHoverStyle : computedLinkStyle, role: "button", tabIndex: 0, onKeyPress: (event) => {
|
|
159
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
160
|
+
handleClick(event);
|
|
161
|
+
}
|
|
162
|
+
}, children: params.value }) }));
|
|
163
|
+
});
|
|
164
|
+
// Používáme funkci, která vrátí React komponentu
|
|
47
165
|
const cellRenderer = (params) => {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
166
|
+
return _jsx(LinkCellRenderer, { ...params });
|
|
167
|
+
};
|
|
168
|
+
__classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
|
|
169
|
+
cellAlign,
|
|
170
|
+
cellRenderer,
|
|
171
|
+
editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
|
|
172
|
+
overviewToggle, // Předání příznaku dál
|
|
173
|
+
...restProps,
|
|
174
|
+
});
|
|
175
|
+
return this;
|
|
176
|
+
}
|
|
177
|
+
// Přidání Helper metody pro overview link
|
|
178
|
+
addOverviewLinkColumn({ field = 'documentNumber', headerName = '', width = 130, cellAlign = 'left', linkStyle, hoverStyle, editable = false, ...rest } = {}) {
|
|
179
|
+
return this.addLinkColumn({
|
|
180
|
+
field,
|
|
181
|
+
headerName: this.intl.formatMessage({ id: rest.intlId }) || headerName,
|
|
182
|
+
width,
|
|
183
|
+
cellAlign,
|
|
184
|
+
linkStyle,
|
|
185
|
+
hoverStyle,
|
|
186
|
+
editable,
|
|
187
|
+
overviewToggle: true,
|
|
188
|
+
...rest,
|
|
189
|
+
});
|
|
190
|
+
}
|
|
191
|
+
addObjectColumn({ contentTooltip, tooltipField, tooltipInteraction, tooltipShowDelay = 100, editable, onEditClick, ...restProps }) {
|
|
192
|
+
// Vytvořím komponentu pro cell renderer, která používá hook
|
|
193
|
+
const ObjectCellRenderer = React.memo((params) => {
|
|
194
|
+
const { isHovered, handleMouseEnter, handleMouseLeave, handleEditClick, } = useObjectCellRenderer(params, editable, onEditClick);
|
|
62
195
|
return (_jsxs("div", { className: "object-cell-container", style: {
|
|
63
196
|
position: 'relative',
|
|
64
197
|
width: '100%',
|
|
65
198
|
height: '100%',
|
|
66
199
|
display: 'flex',
|
|
67
|
-
alignItems: 'center'
|
|
200
|
+
alignItems: 'center',
|
|
68
201
|
}, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx("div", { style: { flexGrow: 1 }, children: params.value }), isHovered && editable && (_jsx("button", { className: "edit-object-button", style: {
|
|
69
202
|
position: 'absolute',
|
|
70
203
|
right: '4px',
|
|
@@ -74,8 +207,12 @@ class ColumnBuilder {
|
|
|
74
207
|
padding: '4px',
|
|
75
208
|
display: 'flex',
|
|
76
209
|
alignItems: 'center',
|
|
77
|
-
justifyContent: 'center'
|
|
210
|
+
justifyContent: 'center',
|
|
78
211
|
}, onClick: handleEditClick, title: "Upravit", children: _jsx("span", { style: { fontSize: '16px' }, children: "\u22EE" }) }))] }));
|
|
212
|
+
});
|
|
213
|
+
// Používáme funkci, která vrátí React komponentu
|
|
214
|
+
const cellRenderer = (params) => {
|
|
215
|
+
return _jsx(ObjectCellRenderer, { ...params });
|
|
79
216
|
};
|
|
80
217
|
__classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
|
|
81
218
|
contentTooltip,
|
|
@@ -84,7 +221,7 @@ class ColumnBuilder {
|
|
|
84
221
|
tooltipShowDelay,
|
|
85
222
|
cellRenderer,
|
|
86
223
|
editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
|
|
87
|
-
...restProps
|
|
224
|
+
...restProps,
|
|
88
225
|
});
|
|
89
226
|
return this;
|
|
90
227
|
}
|
|
@@ -93,26 +230,26 @@ class ColumnBuilder {
|
|
|
93
230
|
cellAlign,
|
|
94
231
|
visibleFalse,
|
|
95
232
|
visibleTrue,
|
|
96
|
-
visibleGetter
|
|
233
|
+
visibleGetter,
|
|
97
234
|
};
|
|
98
235
|
__classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
|
|
99
236
|
booleanRenderer: true,
|
|
100
237
|
booleanRendererParams,
|
|
101
238
|
editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
|
|
102
|
-
...restProps
|
|
239
|
+
...restProps,
|
|
103
240
|
});
|
|
104
241
|
return this;
|
|
105
242
|
}
|
|
106
243
|
addButtonColumn({ buttons, visibleGetter = () => true, editable, ...restProps }) {
|
|
107
244
|
const buttonRendererParams = {
|
|
108
245
|
buttons,
|
|
109
|
-
visibleGetter
|
|
246
|
+
visibleGetter,
|
|
110
247
|
};
|
|
111
248
|
__classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_addPreparedColumn).call(this, {
|
|
112
249
|
buttonRenderer: true,
|
|
113
250
|
buttonRendererParams,
|
|
114
251
|
editable: __classPrivateFieldGet(this, _ColumnBuilder_instances, "m", _ColumnBuilder_resolveEditable).call(this, editable),
|
|
115
|
-
...restProps
|
|
252
|
+
...restProps,
|
|
116
253
|
});
|
|
117
254
|
return this;
|
|
118
255
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnBuilder.js","sourceRoot":"","sources":["../ColumnBuilder.jsx"],"names":[],"mappings":";;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"ColumnBuilder.js","sourceRoot":"","sources":["../ColumnBuilder.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
export default ContextBuilder;
|
|
2
|
+
declare class ContextBuilder {
|
|
3
|
+
constructor(intl: any);
|
|
4
|
+
menuItems: any[];
|
|
5
|
+
intl: any;
|
|
6
|
+
globalStyles: {};
|
|
7
|
+
addMenuItem(props: any): this;
|
|
8
|
+
addActionItem({ name, action, icon, disabled, tooltip, showCondition, cssClasses, style, iconStyle, ...restProps }: {
|
|
9
|
+
[x: string]: any;
|
|
10
|
+
name: any;
|
|
11
|
+
action: any;
|
|
12
|
+
icon: any;
|
|
13
|
+
disabled?: boolean | undefined;
|
|
14
|
+
tooltip: any;
|
|
15
|
+
showCondition?: (() => boolean) | undefined;
|
|
16
|
+
cssClasses: any;
|
|
17
|
+
style: any;
|
|
18
|
+
iconStyle: any;
|
|
19
|
+
}): this;
|
|
20
|
+
addSubMenuItem({ name, icon, items, disabled, tooltip, showCondition, cssClasses, style, iconStyle, ...restProps }: {
|
|
21
|
+
[x: string]: any;
|
|
22
|
+
name: any;
|
|
23
|
+
icon: any;
|
|
24
|
+
items: any;
|
|
25
|
+
disabled?: boolean | undefined;
|
|
26
|
+
tooltip: any;
|
|
27
|
+
showCondition?: (() => boolean) | undefined;
|
|
28
|
+
cssClasses: any;
|
|
29
|
+
style: any;
|
|
30
|
+
iconStyle: any;
|
|
31
|
+
}): this;
|
|
32
|
+
addSeparator({ showCondition, cssClasses, style }: {
|
|
33
|
+
showCondition?: (() => boolean) | undefined;
|
|
34
|
+
cssClasses: any;
|
|
35
|
+
style: any;
|
|
36
|
+
}): this;
|
|
37
|
+
addCustomItem({ component, showCondition, cssClasses, style, ...restProps }: {
|
|
38
|
+
[x: string]: any;
|
|
39
|
+
component: any;
|
|
40
|
+
showCondition?: (() => boolean) | undefined;
|
|
41
|
+
cssClasses: any;
|
|
42
|
+
style: any;
|
|
43
|
+
}): this;
|
|
44
|
+
addDynamicItems({ itemsGenerator, showCondition }: {
|
|
45
|
+
itemsGenerator: any;
|
|
46
|
+
showCondition?: (() => boolean) | undefined;
|
|
47
|
+
}): this;
|
|
48
|
+
addStyledActionItem({ name, action, icon, disabled, tooltip, showCondition, color, backgroundColor, fontWeight, fontSize, border, padding, margin, iconColor, iconSize, ...restProps }: {
|
|
49
|
+
[x: string]: any;
|
|
50
|
+
name: any;
|
|
51
|
+
action: any;
|
|
52
|
+
icon: any;
|
|
53
|
+
disabled?: boolean | undefined;
|
|
54
|
+
tooltip: any;
|
|
55
|
+
showCondition?: (() => boolean) | undefined;
|
|
56
|
+
color: any;
|
|
57
|
+
backgroundColor: any;
|
|
58
|
+
fontWeight: any;
|
|
59
|
+
fontSize: any;
|
|
60
|
+
border: any;
|
|
61
|
+
padding: any;
|
|
62
|
+
margin: any;
|
|
63
|
+
iconColor: any;
|
|
64
|
+
iconSize: any;
|
|
65
|
+
}): this;
|
|
66
|
+
addClassedActionItem({ name, action, icon, disabled, tooltip, showCondition, cssClasses, iconCssClasses, ...restProps }: {
|
|
67
|
+
[x: string]: any;
|
|
68
|
+
name: any;
|
|
69
|
+
action: any;
|
|
70
|
+
icon: any;
|
|
71
|
+
disabled?: boolean | undefined;
|
|
72
|
+
tooltip: any;
|
|
73
|
+
showCondition?: (() => boolean) | undefined;
|
|
74
|
+
cssClasses: any;
|
|
75
|
+
iconCssClasses: any;
|
|
76
|
+
}): this;
|
|
77
|
+
setGlobalStyles(styles?: {}): this;
|
|
78
|
+
build(): (params: any) => any[];
|
|
79
|
+
#private;
|
|
80
|
+
}
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
|
2
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
|
3
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
|
4
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
|
5
|
+
};
|
|
6
|
+
var _ContextBuilder_instances, _ContextBuilder_addPreparedMenuItem, _ContextBuilder_resolveDisabled;
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
class ContextBuilder {
|
|
9
|
+
constructor(intl) {
|
|
10
|
+
_ContextBuilder_instances.add(this);
|
|
11
|
+
this.menuItems = [];
|
|
12
|
+
this.intl = intl;
|
|
13
|
+
this.globalStyles = {};
|
|
14
|
+
}
|
|
15
|
+
addMenuItem(props) {
|
|
16
|
+
__classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_addPreparedMenuItem).call(this, props);
|
|
17
|
+
return this;
|
|
18
|
+
}
|
|
19
|
+
addActionItem({ name, action, icon, disabled = false, tooltip, showCondition = () => true, cssClasses, style, iconStyle, ...restProps }) {
|
|
20
|
+
__classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_addPreparedMenuItem).call(this, {
|
|
21
|
+
name,
|
|
22
|
+
action,
|
|
23
|
+
icon,
|
|
24
|
+
disabled: __classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_resolveDisabled).call(this, disabled),
|
|
25
|
+
tooltip,
|
|
26
|
+
showCondition,
|
|
27
|
+
cssClasses,
|
|
28
|
+
style,
|
|
29
|
+
iconStyle,
|
|
30
|
+
...restProps
|
|
31
|
+
});
|
|
32
|
+
return this;
|
|
33
|
+
}
|
|
34
|
+
addSubMenuItem({ name, icon, items, disabled = false, tooltip, showCondition = () => true, cssClasses, style, iconStyle, ...restProps }) {
|
|
35
|
+
__classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_addPreparedMenuItem).call(this, {
|
|
36
|
+
name,
|
|
37
|
+
icon,
|
|
38
|
+
subMenu: Array.isArray(items) ? items : [],
|
|
39
|
+
disabled: __classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_resolveDisabled).call(this, disabled),
|
|
40
|
+
tooltip,
|
|
41
|
+
showCondition,
|
|
42
|
+
cssClasses,
|
|
43
|
+
style,
|
|
44
|
+
iconStyle,
|
|
45
|
+
...restProps
|
|
46
|
+
});
|
|
47
|
+
return this;
|
|
48
|
+
}
|
|
49
|
+
addSeparator({ showCondition = () => true, cssClasses, style }) {
|
|
50
|
+
__classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_addPreparedMenuItem).call(this, {
|
|
51
|
+
separator: true,
|
|
52
|
+
showCondition,
|
|
53
|
+
cssClasses,
|
|
54
|
+
style
|
|
55
|
+
});
|
|
56
|
+
return this;
|
|
57
|
+
}
|
|
58
|
+
addCustomItem({ component, showCondition = () => true, cssClasses, style, ...restProps }) {
|
|
59
|
+
const customComponent = (params) => {
|
|
60
|
+
return React.createElement(component, { ...params, ...restProps });
|
|
61
|
+
};
|
|
62
|
+
__classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_addPreparedMenuItem).call(this, {
|
|
63
|
+
custom: true,
|
|
64
|
+
component: customComponent,
|
|
65
|
+
showCondition,
|
|
66
|
+
cssClasses,
|
|
67
|
+
style,
|
|
68
|
+
...restProps
|
|
69
|
+
});
|
|
70
|
+
return this;
|
|
71
|
+
}
|
|
72
|
+
addDynamicItems({ itemsGenerator, showCondition = () => true }) {
|
|
73
|
+
__classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_addPreparedMenuItem).call(this, {
|
|
74
|
+
dynamic: true,
|
|
75
|
+
itemsGenerator,
|
|
76
|
+
showCondition
|
|
77
|
+
});
|
|
78
|
+
return this;
|
|
79
|
+
}
|
|
80
|
+
// Nová metoda pro položku s vlastním CSS
|
|
81
|
+
addStyledActionItem({ name, action, icon, disabled = false, tooltip, showCondition = () => true, color, backgroundColor, fontWeight, fontSize, border, padding, margin, iconColor, iconSize, ...restProps }) {
|
|
82
|
+
// Vytvoření objektu stylu pro text položky
|
|
83
|
+
const itemStyle = {};
|
|
84
|
+
if (color)
|
|
85
|
+
itemStyle.color = color;
|
|
86
|
+
if (backgroundColor)
|
|
87
|
+
itemStyle.backgroundColor = backgroundColor;
|
|
88
|
+
if (fontWeight)
|
|
89
|
+
itemStyle.fontWeight = fontWeight;
|
|
90
|
+
if (fontSize)
|
|
91
|
+
itemStyle.fontSize = fontSize;
|
|
92
|
+
if (border)
|
|
93
|
+
itemStyle.border = border;
|
|
94
|
+
if (padding)
|
|
95
|
+
itemStyle.padding = padding;
|
|
96
|
+
if (margin)
|
|
97
|
+
itemStyle.margin = margin;
|
|
98
|
+
// Vytvoření objektu stylu pro ikonu
|
|
99
|
+
const iconStyleObj = {};
|
|
100
|
+
if (iconColor)
|
|
101
|
+
iconStyleObj.color = iconColor;
|
|
102
|
+
if (iconSize)
|
|
103
|
+
iconStyleObj.fontSize = iconSize;
|
|
104
|
+
__classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_addPreparedMenuItem).call(this, {
|
|
105
|
+
name,
|
|
106
|
+
action,
|
|
107
|
+
icon,
|
|
108
|
+
disabled: __classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_resolveDisabled).call(this, disabled),
|
|
109
|
+
tooltip,
|
|
110
|
+
showCondition,
|
|
111
|
+
style: itemStyle,
|
|
112
|
+
iconStyle: iconStyleObj,
|
|
113
|
+
...restProps
|
|
114
|
+
});
|
|
115
|
+
return this;
|
|
116
|
+
}
|
|
117
|
+
// Nová metoda pro přidání CSS tříd k položce menu
|
|
118
|
+
addClassedActionItem({ name, action, icon, disabled = false, tooltip, showCondition = () => true, cssClasses, iconCssClasses, ...restProps }) {
|
|
119
|
+
__classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_addPreparedMenuItem).call(this, {
|
|
120
|
+
name,
|
|
121
|
+
action,
|
|
122
|
+
icon,
|
|
123
|
+
disabled: __classPrivateFieldGet(this, _ContextBuilder_instances, "m", _ContextBuilder_resolveDisabled).call(this, disabled),
|
|
124
|
+
tooltip,
|
|
125
|
+
showCondition,
|
|
126
|
+
cssClasses,
|
|
127
|
+
iconCssClasses,
|
|
128
|
+
...restProps
|
|
129
|
+
});
|
|
130
|
+
return this;
|
|
131
|
+
}
|
|
132
|
+
// Nová metoda pro nastavení globálního stylu pro všechny položky menu
|
|
133
|
+
setGlobalStyles(styles = {}) {
|
|
134
|
+
this.globalStyles = styles;
|
|
135
|
+
return this;
|
|
136
|
+
}
|
|
137
|
+
build() {
|
|
138
|
+
return (params) => {
|
|
139
|
+
// Filter items based on showCondition
|
|
140
|
+
const filteredItems = this.menuItems
|
|
141
|
+
.filter(item => item.showCondition(params))
|
|
142
|
+
.map(item => {
|
|
143
|
+
// For dynamic items, call the generator function to get actual items
|
|
144
|
+
if (item.dynamic) {
|
|
145
|
+
return item.itemsGenerator(params);
|
|
146
|
+
}
|
|
147
|
+
// Create a new item object instead of modifying the original
|
|
148
|
+
const { showCondition, ...menuItem } = item;
|
|
149
|
+
let newItem = { ...menuItem };
|
|
150
|
+
// Apply global styles if defined
|
|
151
|
+
if (this.globalStyles && Object.keys(this.globalStyles).length > 0) {
|
|
152
|
+
if (newItem.style) {
|
|
153
|
+
newItem = {
|
|
154
|
+
...newItem,
|
|
155
|
+
style: { ...this.globalStyles, ...newItem.style }
|
|
156
|
+
};
|
|
157
|
+
}
|
|
158
|
+
else {
|
|
159
|
+
newItem = {
|
|
160
|
+
...newItem,
|
|
161
|
+
style: { ...this.globalStyles }
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
return newItem;
|
|
166
|
+
})
|
|
167
|
+
// Flatten any arrays returned by dynamic item generators
|
|
168
|
+
.flat();
|
|
169
|
+
// Pokud používáme AG-Grid's Enterprise verzi, můžeme přidat vlastní CSS styly
|
|
170
|
+
// Tato část je nepovinná a závisí na implementaci AG-Grid
|
|
171
|
+
if (params && params.api && params.api.setPopupParentComponent) {
|
|
172
|
+
// Zde můžete nastavit vlastní komponentu pro kontextové menu
|
|
173
|
+
// To by vyžadovalo vytvoření této komponenty
|
|
174
|
+
}
|
|
175
|
+
return filteredItems;
|
|
176
|
+
};
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
_ContextBuilder_instances = new WeakSet(), _ContextBuilder_addPreparedMenuItem = function _ContextBuilder_addPreparedMenuItem(props) {
|
|
180
|
+
this.menuItems.push(props);
|
|
181
|
+
}, _ContextBuilder_resolveDisabled = function _ContextBuilder_resolveDisabled(disabled) {
|
|
182
|
+
if (!disabled)
|
|
183
|
+
return false;
|
|
184
|
+
return disabled;
|
|
185
|
+
};
|
|
186
|
+
export default ContextBuilder;
|
|
187
|
+
//# sourceMappingURL=ContextBuilder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContextBuilder.js","sourceRoot":"","sources":["../ContextBuilder.js"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -108,16 +108,16 @@ const Grid = (props) => {
|
|
|
108
108
|
resizable: true,
|
|
109
109
|
...defaultColDef,
|
|
110
110
|
}, isRowSelectable: (params) => {
|
|
111
|
-
// Neselektovatelné řádky čekající na odstranění
|
|
112
111
|
return !pendingChanges[params.data.id] ||
|
|
113
112
|
pendingChanges[params.data.id].operation !== OperationType.DELETE;
|
|
114
113
|
}, isEditable: isCellEditable, onGridReady: handleGridReady, onCellValueChanged: handleCellValueChanged,
|
|
115
|
-
//
|
|
116
|
-
|
|
114
|
+
// rowClassRules={combinedRowClassRules}
|
|
115
|
+
getRowId: (params) => params.data.id, ...gridOptions, context: {
|
|
117
116
|
componentParent: this,
|
|
118
117
|
}, ...props, ref: gridRef, columnDefs: AgGridColumns(columnDefs, props) }) }));
|
|
119
118
|
};
|
|
120
119
|
export default Grid;
|
|
121
120
|
export * from './enums';
|
|
122
121
|
export { default as ColumnBuilder } from './ColumnBuilder';
|
|
122
|
+
export { default as ContextBuilder } from './ContextBuilder';
|
|
123
123
|
//# sourceMappingURL=index.js.map
|