@genesislcap/grid-pro 14.424.1-alpha-cfc2887.0 → 14.425.0

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.
Files changed (3) hide show
  1. package/dist/react.cjs +452 -119
  2. package/dist/react.mjs +452 -119
  3. package/package.json +14 -15
package/dist/react.cjs CHANGED
@@ -5,7 +5,6 @@
5
5
 
6
6
  'use strict';
7
7
 
8
- const { provideReactWrapper } = require('@microsoft/fast-react-wrapper');
9
8
  const React = require('react');
10
9
  const { DateEditor: DateEditorWC } = require('./esm/cell-editors/date.editor.js');
11
10
  const { MultiselectEditor: MultiselectEditorWC } = require('./esm/cell-editors/multiselect.editor.js');
@@ -29,125 +28,459 @@ const { GridProGenesisDatasource: GridProGenesisDatasourceWC } = require('./esm/
29
28
  const { GridPro: GridProWC } = require('./esm/grid-pro.js');
30
29
  const { MulticolumnDropdown: MulticolumnDropdownWC } = require('./esm/multicolumn-dropdown/multicolumn-dropdown.js');
31
30
 
32
- const { wrap } = provideReactWrapper(React);
31
+ function _mergeRefs(...refs) {
32
+ return (value) => {
33
+ for (const ref of refs) {
34
+ if (typeof ref === 'function') ref(value);
35
+ else if (ref != null) ref.current = value;
36
+ }
37
+ };
38
+ }
33
39
 
34
- const GridProBeta = wrap(GridProBetaWC, {
35
- events: {
36
- onGridReady: 'gridReady',
37
- onOnGridReady: 'onGridReady',
38
- onGridready: 'gridready',
39
- },
40
- });
41
-
42
- const GridPro = wrap(GridProWC, {
43
- events: {
44
- onGridReady: 'gridReady',
45
- onOnGridReady: 'onGridReady',
46
- onGridready: 'gridready',
47
- },
48
- });
49
-
50
- const GridProCell = wrap(GridProCellWC);
51
-
52
- const DateEditor = wrap(DateEditorWC);
53
-
54
- const MultiselectEditor = wrap(MultiselectEditorWC);
55
-
56
- const NumberEditor = wrap(NumberEditorWC);
57
-
58
- const SelectEditor = wrap(SelectEditorWC);
59
-
60
- const StringEditor = wrap(StringEditorWC);
61
-
62
- const ActionRenderer = wrap(ActionRendererWC);
63
-
64
- const ActionsMenuRenderer = wrap(ActionsMenuRendererWC);
65
-
66
- const BooleanRenderer = wrap(BooleanRendererWC);
67
-
68
- const EditableRenderer = wrap(EditableRendererWC);
69
-
70
- const SelectRenderer = wrap(SelectRendererWC);
71
-
72
- const StatusPillRenderer = wrap(StatusPillRendererWC);
73
-
74
- const AgTextFieldRenderer = wrap(AgTextFieldRendererWC);
75
-
76
- const AgTextRenderer = wrap(AgTextRendererWC);
77
-
78
- const GridProColumn = wrap(GridProColumnWC);
79
-
80
- const GridProClientSideDatasource = wrap(GridProClientSideDatasourceWC, {
81
- events: {
82
- onBaseDatasourceError: 'base-datasource-error',
83
- onDatasourceError: 'datasource-error',
84
- onBaseDatasourceConnected: 'base-datasource-connected',
85
- onDatasourceLoadingFinished: 'datasource-loading-finished',
86
- onDatasourceNoDataAvailable: 'datasource-no-data-available',
87
- onDatasourceDataChanged: 'datasource-data-changed',
88
- onDatasourceInitialize: 'datasource-initialize',
89
- onDatasourceDestroy: 'datasource-destroy',
90
- onDatasourceDataCleared: 'datasource-data-cleared',
91
- onDatasourceSchemaUpdated: 'datasource-schema-updated',
92
- onDatasourceFiltersRestored: 'datasource-filters-restored',
93
- onDatasourceDataLoaded: 'datasource-data-loaded',
94
- onDatasourceLoadingStarted: 'datasource-loading-started',
95
- onDatasourceMoreDataAvailable: 'datasource-more-data-available',
96
- onDatasourceReady: 'datasource-ready',
97
- onDatasourceInit: 'datasource-init',
98
- onMoreRowsChanged: 'more-rows-changed',
99
- onDatasourceSizeChanged: 'datasource-size-changed',
100
- },
101
- });
102
-
103
- const GridProServerSideDatasource = wrap(GridProServerSideDatasourceWC, {
104
- events: {
105
- onBaseDatasourceError: 'base-datasource-error',
106
- onDatasourceError: 'datasource-error',
107
- onBaseDatasourceConnected: 'base-datasource-connected',
108
- onDatasourceLoadingFinished: 'datasource-loading-finished',
109
- onDatasourceNoDataAvailable: 'datasource-no-data-available',
110
- onDatasourceDataChanged: 'datasource-data-changed',
111
- onCacheFilterConfig: 'cache-filter-config',
112
- onRefreshServerSide: 'refresh-server-side',
113
- onSetServerSideDatasource: 'set-server-side-datasource',
114
- onDatasourceLoadingStarted: 'datasource-loading-started',
115
- onAddGridCssClass: 'add-grid-css-class',
116
- onRemoveGridCssClass: 'remove-grid-css-class',
117
- onDatasourceInitialize: 'datasource-initialize',
118
- onDatasourceInit: 'datasource-init',
119
- onDatasourceSchemaUpdated: 'datasource-schema-updated',
120
- onDatasourceFiltersRestored: 'datasource-filters-restored',
121
- onDatasourceDataCleared: 'datasource-data-cleared',
122
- onApplyServerSideTransaction: 'apply-server-side-transaction',
123
- onDatasourceReady: 'datasource-ready',
124
- },
125
- });
126
-
127
- const GridProGenesisDatasource = wrap(GridProGenesisDatasourceWC, {
128
- events: {
129
- onBaseDatasourceError: 'base-datasource-error',
130
- onDatasourceError: 'datasource-error',
131
- onBaseDatasourceConnected: 'base-datasource-connected',
132
- onDatasourceLoadingFinished: 'datasource-loading-finished',
133
- onDatasourceNoDataAvailable: 'datasource-no-data-available',
134
- onDatasourceDataChanged: 'datasource-data-changed',
135
- onDatasourceInitialize: 'datasource-initialize',
136
- onDatasourceDestroy: 'datasource-destroy',
137
- onDatasourceDataCleared: 'datasource-data-cleared',
138
- onDatasourceSchemaUpdated: 'datasource-schema-updated',
139
- onDatasourceFiltersRestored: 'datasource-filters-restored',
140
- onDatasourceDataLoaded: 'datasource-data-loaded',
141
- onDatasourceLoadingStarted: 'datasource-loading-started',
142
- onDatasourceMoreDataAvailable: 'datasource-more-data-available',
143
- onDatasourceReady: 'datasource-ready',
144
- onDatasourceInit: 'datasource-init',
145
- onMoreRowsChanged: 'more-rows-changed',
146
- onDatasourceSizeChanged: 'datasource-size-changed',
147
- },
148
- });
149
-
150
- const MulticolumnDropdown = wrap(MulticolumnDropdownWC);
40
+ const GridProBeta = React.forwardRef(function GridProBeta(props, ref) {
41
+ const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
42
+ const _innerRef = React.useRef(null);
43
+ const _onGridReadyRef = React.useRef(onGridReady);
44
+ _onGridReadyRef.current = onGridReady;
45
+ const _onOnGridReadyRef = React.useRef(onOnGridReady);
46
+ _onOnGridReadyRef.current = onOnGridReady;
47
+ const _onGridreadyRef = React.useRef(onGridready);
48
+ _onGridreadyRef.current = onGridready;
49
+ React.useLayoutEffect(() => {
50
+ const el = _innerRef.current;
51
+ if (!el) return;
52
+ const _onGridReadyFn = (e) => _onGridReadyRef.current?.(e);
53
+ el.addEventListener('gridReady', _onGridReadyFn);
54
+ const _onOnGridReadyFn = (e) => _onOnGridReadyRef.current?.(e);
55
+ el.addEventListener('onGridReady', _onOnGridReadyFn);
56
+ const _onGridreadyFn = (e) => _onGridreadyRef.current?.(e);
57
+ el.addEventListener('gridready', _onGridreadyFn);
58
+ return () => {
59
+ el.removeEventListener('gridReady', _onGridReadyFn);
60
+ el.removeEventListener('onGridReady', _onOnGridReadyFn);
61
+ el.removeEventListener('gridready', _onGridreadyFn);
62
+ };
63
+ }, []);
64
+ return React.createElement(customElements.getName(GridProBetaWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
65
+ });
66
+
67
+ const GridPro = React.forwardRef(function GridPro(props, ref) {
68
+ const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
69
+ const _innerRef = React.useRef(null);
70
+ const _onGridReadyRef = React.useRef(onGridReady);
71
+ _onGridReadyRef.current = onGridReady;
72
+ const _onOnGridReadyRef = React.useRef(onOnGridReady);
73
+ _onOnGridReadyRef.current = onOnGridReady;
74
+ const _onGridreadyRef = React.useRef(onGridready);
75
+ _onGridreadyRef.current = onGridready;
76
+ React.useLayoutEffect(() => {
77
+ const el = _innerRef.current;
78
+ if (!el) return;
79
+ const _onGridReadyFn = (e) => _onGridReadyRef.current?.(e);
80
+ el.addEventListener('gridReady', _onGridReadyFn);
81
+ const _onOnGridReadyFn = (e) => _onOnGridReadyRef.current?.(e);
82
+ el.addEventListener('onGridReady', _onOnGridReadyFn);
83
+ const _onGridreadyFn = (e) => _onGridreadyRef.current?.(e);
84
+ el.addEventListener('gridready', _onGridreadyFn);
85
+ return () => {
86
+ el.removeEventListener('gridReady', _onGridReadyFn);
87
+ el.removeEventListener('onGridReady', _onOnGridReadyFn);
88
+ el.removeEventListener('gridready', _onGridreadyFn);
89
+ };
90
+ }, []);
91
+ return React.createElement(customElements.getName(GridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
92
+ });
93
+
94
+ const GridProCell = React.forwardRef(function GridProCell(props, ref) {
95
+ const { children, ...rest } = props;
96
+ return React.createElement(customElements.getName(GridProCellWC) ?? 'grid-pro-cell', { ...rest, ref }, children);
97
+ });
98
+
99
+ const DateEditor = React.forwardRef(function DateEditor(props, ref) {
100
+ const { children, ...rest } = props;
101
+ return React.createElement(customElements.getName(DateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
102
+ });
103
+
104
+ const MultiselectEditor = React.forwardRef(function MultiselectEditor(props, ref) {
105
+ const { children, ...rest } = props;
106
+ return React.createElement(customElements.getName(MultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
107
+ });
108
+
109
+ const NumberEditor = React.forwardRef(function NumberEditor(props, ref) {
110
+ const { children, ...rest } = props;
111
+ return React.createElement(customElements.getName(NumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
112
+ });
113
+
114
+ const SelectEditor = React.forwardRef(function SelectEditor(props, ref) {
115
+ const { children, ...rest } = props;
116
+ return React.createElement(customElements.getName(SelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
117
+ });
118
+
119
+ const StringEditor = React.forwardRef(function StringEditor(props, ref) {
120
+ const { children, ...rest } = props;
121
+ return React.createElement(customElements.getName(StringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
122
+ });
123
+
124
+ const ActionRenderer = React.forwardRef(function ActionRenderer(props, ref) {
125
+ const { children, ...rest } = props;
126
+ return React.createElement(customElements.getName(ActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
127
+ });
128
+
129
+ const ActionsMenuRenderer = React.forwardRef(function ActionsMenuRenderer(props, ref) {
130
+ const { children, ...rest } = props;
131
+ return React.createElement(customElements.getName(ActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
132
+ });
133
+
134
+ const BooleanRenderer = React.forwardRef(function BooleanRenderer(props, ref) {
135
+ const { children, ...rest } = props;
136
+ return React.createElement(customElements.getName(BooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
137
+ });
138
+
139
+ const EditableRenderer = React.forwardRef(function EditableRenderer(props, ref) {
140
+ const { children, ...rest } = props;
141
+ return React.createElement(customElements.getName(EditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
142
+ });
143
+
144
+ const SelectRenderer = React.forwardRef(function SelectRenderer(props, ref) {
145
+ const { children, ...rest } = props;
146
+ return React.createElement(customElements.getName(SelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
147
+ });
148
+
149
+ const StatusPillRenderer = React.forwardRef(function StatusPillRenderer(props, ref) {
150
+ const { children, ...rest } = props;
151
+ return React.createElement(customElements.getName(StatusPillRendererWC) ?? '%%prefix%%-status-pill-renderer', { ...rest, ref }, children);
152
+ });
153
+
154
+ const AgTextFieldRenderer = React.forwardRef(function AgTextFieldRenderer(props, ref) {
155
+ const { children, ...rest } = props;
156
+ return React.createElement(customElements.getName(AgTextFieldRendererWC) ?? '%%prefix%%-grid-text-field-renderer', { ...rest, ref }, children);
157
+ });
158
+
159
+ const AgTextRenderer = React.forwardRef(function AgTextRenderer(props, ref) {
160
+ const { children, ...rest } = props;
161
+ return React.createElement(customElements.getName(AgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
162
+ });
163
+
164
+ const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
165
+ const { children, ...rest } = props;
166
+ return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
167
+ });
168
+
169
+ const GridProClientSideDatasource = React.forwardRef(function GridProClientSideDatasource(props, ref) {
170
+ const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onDatasourceInitialize, onDatasourceDestroy, onDatasourceDataCleared, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataLoaded, onDatasourceLoadingStarted, onDatasourceMoreDataAvailable, onDatasourceReady, onDatasourceInit, onMoreRowsChanged, onDatasourceSizeChanged, children, ...rest } = props;
171
+ const _innerRef = React.useRef(null);
172
+ const _onBaseDatasourceErrorRef = React.useRef(onBaseDatasourceError);
173
+ _onBaseDatasourceErrorRef.current = onBaseDatasourceError;
174
+ const _onDatasourceErrorRef = React.useRef(onDatasourceError);
175
+ _onDatasourceErrorRef.current = onDatasourceError;
176
+ const _onBaseDatasourceConnectedRef = React.useRef(onBaseDatasourceConnected);
177
+ _onBaseDatasourceConnectedRef.current = onBaseDatasourceConnected;
178
+ const _onDatasourceLoadingFinishedRef = React.useRef(onDatasourceLoadingFinished);
179
+ _onDatasourceLoadingFinishedRef.current = onDatasourceLoadingFinished;
180
+ const _onDatasourceNoDataAvailableRef = React.useRef(onDatasourceNoDataAvailable);
181
+ _onDatasourceNoDataAvailableRef.current = onDatasourceNoDataAvailable;
182
+ const _onDatasourceDataChangedRef = React.useRef(onDatasourceDataChanged);
183
+ _onDatasourceDataChangedRef.current = onDatasourceDataChanged;
184
+ const _onDatasourceInitializeRef = React.useRef(onDatasourceInitialize);
185
+ _onDatasourceInitializeRef.current = onDatasourceInitialize;
186
+ const _onDatasourceDestroyRef = React.useRef(onDatasourceDestroy);
187
+ _onDatasourceDestroyRef.current = onDatasourceDestroy;
188
+ const _onDatasourceDataClearedRef = React.useRef(onDatasourceDataCleared);
189
+ _onDatasourceDataClearedRef.current = onDatasourceDataCleared;
190
+ const _onDatasourceSchemaUpdatedRef = React.useRef(onDatasourceSchemaUpdated);
191
+ _onDatasourceSchemaUpdatedRef.current = onDatasourceSchemaUpdated;
192
+ const _onDatasourceFiltersRestoredRef = React.useRef(onDatasourceFiltersRestored);
193
+ _onDatasourceFiltersRestoredRef.current = onDatasourceFiltersRestored;
194
+ const _onDatasourceDataLoadedRef = React.useRef(onDatasourceDataLoaded);
195
+ _onDatasourceDataLoadedRef.current = onDatasourceDataLoaded;
196
+ const _onDatasourceLoadingStartedRef = React.useRef(onDatasourceLoadingStarted);
197
+ _onDatasourceLoadingStartedRef.current = onDatasourceLoadingStarted;
198
+ const _onDatasourceMoreDataAvailableRef = React.useRef(onDatasourceMoreDataAvailable);
199
+ _onDatasourceMoreDataAvailableRef.current = onDatasourceMoreDataAvailable;
200
+ const _onDatasourceReadyRef = React.useRef(onDatasourceReady);
201
+ _onDatasourceReadyRef.current = onDatasourceReady;
202
+ const _onDatasourceInitRef = React.useRef(onDatasourceInit);
203
+ _onDatasourceInitRef.current = onDatasourceInit;
204
+ const _onMoreRowsChangedRef = React.useRef(onMoreRowsChanged);
205
+ _onMoreRowsChangedRef.current = onMoreRowsChanged;
206
+ const _onDatasourceSizeChangedRef = React.useRef(onDatasourceSizeChanged);
207
+ _onDatasourceSizeChangedRef.current = onDatasourceSizeChanged;
208
+ React.useLayoutEffect(() => {
209
+ const el = _innerRef.current;
210
+ if (!el) return;
211
+ const _onBaseDatasourceErrorFn = (e) => _onBaseDatasourceErrorRef.current?.(e);
212
+ el.addEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
213
+ const _onDatasourceErrorFn = (e) => _onDatasourceErrorRef.current?.(e);
214
+ el.addEventListener('datasource-error', _onDatasourceErrorFn);
215
+ const _onBaseDatasourceConnectedFn = (e) => _onBaseDatasourceConnectedRef.current?.(e);
216
+ el.addEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
217
+ const _onDatasourceLoadingFinishedFn = (e) => _onDatasourceLoadingFinishedRef.current?.(e);
218
+ el.addEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
219
+ const _onDatasourceNoDataAvailableFn = (e) => _onDatasourceNoDataAvailableRef.current?.(e);
220
+ el.addEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
221
+ const _onDatasourceDataChangedFn = (e) => _onDatasourceDataChangedRef.current?.(e);
222
+ el.addEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
223
+ const _onDatasourceInitializeFn = (e) => _onDatasourceInitializeRef.current?.(e);
224
+ el.addEventListener('datasource-initialize', _onDatasourceInitializeFn);
225
+ const _onDatasourceDestroyFn = (e) => _onDatasourceDestroyRef.current?.(e);
226
+ el.addEventListener('datasource-destroy', _onDatasourceDestroyFn);
227
+ const _onDatasourceDataClearedFn = (e) => _onDatasourceDataClearedRef.current?.(e);
228
+ el.addEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
229
+ const _onDatasourceSchemaUpdatedFn = (e) => _onDatasourceSchemaUpdatedRef.current?.(e);
230
+ el.addEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
231
+ const _onDatasourceFiltersRestoredFn = (e) => _onDatasourceFiltersRestoredRef.current?.(e);
232
+ el.addEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
233
+ const _onDatasourceDataLoadedFn = (e) => _onDatasourceDataLoadedRef.current?.(e);
234
+ el.addEventListener('datasource-data-loaded', _onDatasourceDataLoadedFn);
235
+ const _onDatasourceLoadingStartedFn = (e) => _onDatasourceLoadingStartedRef.current?.(e);
236
+ el.addEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
237
+ const _onDatasourceMoreDataAvailableFn = (e) => _onDatasourceMoreDataAvailableRef.current?.(e);
238
+ el.addEventListener('datasource-more-data-available', _onDatasourceMoreDataAvailableFn);
239
+ const _onDatasourceReadyFn = (e) => _onDatasourceReadyRef.current?.(e);
240
+ el.addEventListener('datasource-ready', _onDatasourceReadyFn);
241
+ const _onDatasourceInitFn = (e) => _onDatasourceInitRef.current?.(e);
242
+ el.addEventListener('datasource-init', _onDatasourceInitFn);
243
+ const _onMoreRowsChangedFn = (e) => _onMoreRowsChangedRef.current?.(e);
244
+ el.addEventListener('more-rows-changed', _onMoreRowsChangedFn);
245
+ const _onDatasourceSizeChangedFn = (e) => _onDatasourceSizeChangedRef.current?.(e);
246
+ el.addEventListener('datasource-size-changed', _onDatasourceSizeChangedFn);
247
+ return () => {
248
+ el.removeEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
249
+ el.removeEventListener('datasource-error', _onDatasourceErrorFn);
250
+ el.removeEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
251
+ el.removeEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
252
+ el.removeEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
253
+ el.removeEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
254
+ el.removeEventListener('datasource-initialize', _onDatasourceInitializeFn);
255
+ el.removeEventListener('datasource-destroy', _onDatasourceDestroyFn);
256
+ el.removeEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
257
+ el.removeEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
258
+ el.removeEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
259
+ el.removeEventListener('datasource-data-loaded', _onDatasourceDataLoadedFn);
260
+ el.removeEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
261
+ el.removeEventListener('datasource-more-data-available', _onDatasourceMoreDataAvailableFn);
262
+ el.removeEventListener('datasource-ready', _onDatasourceReadyFn);
263
+ el.removeEventListener('datasource-init', _onDatasourceInitFn);
264
+ el.removeEventListener('more-rows-changed', _onMoreRowsChangedFn);
265
+ el.removeEventListener('datasource-size-changed', _onDatasourceSizeChangedFn);
266
+ };
267
+ }, []);
268
+ return React.createElement(customElements.getName(GridProClientSideDatasourceWC) ?? 'grid-pro-client-side-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
269
+ });
270
+
271
+ const GridProServerSideDatasource = React.forwardRef(function GridProServerSideDatasource(props, ref) {
272
+ const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onCacheFilterConfig, onRefreshServerSide, onSetServerSideDatasource, onDatasourceLoadingStarted, onAddGridCssClass, onRemoveGridCssClass, onDatasourceInitialize, onDatasourceInit, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataCleared, onApplyServerSideTransaction, onDatasourceReady, children, ...rest } = props;
273
+ const _innerRef = React.useRef(null);
274
+ const _onBaseDatasourceErrorRef = React.useRef(onBaseDatasourceError);
275
+ _onBaseDatasourceErrorRef.current = onBaseDatasourceError;
276
+ const _onDatasourceErrorRef = React.useRef(onDatasourceError);
277
+ _onDatasourceErrorRef.current = onDatasourceError;
278
+ const _onBaseDatasourceConnectedRef = React.useRef(onBaseDatasourceConnected);
279
+ _onBaseDatasourceConnectedRef.current = onBaseDatasourceConnected;
280
+ const _onDatasourceLoadingFinishedRef = React.useRef(onDatasourceLoadingFinished);
281
+ _onDatasourceLoadingFinishedRef.current = onDatasourceLoadingFinished;
282
+ const _onDatasourceNoDataAvailableRef = React.useRef(onDatasourceNoDataAvailable);
283
+ _onDatasourceNoDataAvailableRef.current = onDatasourceNoDataAvailable;
284
+ const _onDatasourceDataChangedRef = React.useRef(onDatasourceDataChanged);
285
+ _onDatasourceDataChangedRef.current = onDatasourceDataChanged;
286
+ const _onCacheFilterConfigRef = React.useRef(onCacheFilterConfig);
287
+ _onCacheFilterConfigRef.current = onCacheFilterConfig;
288
+ const _onRefreshServerSideRef = React.useRef(onRefreshServerSide);
289
+ _onRefreshServerSideRef.current = onRefreshServerSide;
290
+ const _onSetServerSideDatasourceRef = React.useRef(onSetServerSideDatasource);
291
+ _onSetServerSideDatasourceRef.current = onSetServerSideDatasource;
292
+ const _onDatasourceLoadingStartedRef = React.useRef(onDatasourceLoadingStarted);
293
+ _onDatasourceLoadingStartedRef.current = onDatasourceLoadingStarted;
294
+ const _onAddGridCssClassRef = React.useRef(onAddGridCssClass);
295
+ _onAddGridCssClassRef.current = onAddGridCssClass;
296
+ const _onRemoveGridCssClassRef = React.useRef(onRemoveGridCssClass);
297
+ _onRemoveGridCssClassRef.current = onRemoveGridCssClass;
298
+ const _onDatasourceInitializeRef = React.useRef(onDatasourceInitialize);
299
+ _onDatasourceInitializeRef.current = onDatasourceInitialize;
300
+ const _onDatasourceInitRef = React.useRef(onDatasourceInit);
301
+ _onDatasourceInitRef.current = onDatasourceInit;
302
+ const _onDatasourceSchemaUpdatedRef = React.useRef(onDatasourceSchemaUpdated);
303
+ _onDatasourceSchemaUpdatedRef.current = onDatasourceSchemaUpdated;
304
+ const _onDatasourceFiltersRestoredRef = React.useRef(onDatasourceFiltersRestored);
305
+ _onDatasourceFiltersRestoredRef.current = onDatasourceFiltersRestored;
306
+ const _onDatasourceDataClearedRef = React.useRef(onDatasourceDataCleared);
307
+ _onDatasourceDataClearedRef.current = onDatasourceDataCleared;
308
+ const _onApplyServerSideTransactionRef = React.useRef(onApplyServerSideTransaction);
309
+ _onApplyServerSideTransactionRef.current = onApplyServerSideTransaction;
310
+ const _onDatasourceReadyRef = React.useRef(onDatasourceReady);
311
+ _onDatasourceReadyRef.current = onDatasourceReady;
312
+ React.useLayoutEffect(() => {
313
+ const el = _innerRef.current;
314
+ if (!el) return;
315
+ const _onBaseDatasourceErrorFn = (e) => _onBaseDatasourceErrorRef.current?.(e);
316
+ el.addEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
317
+ const _onDatasourceErrorFn = (e) => _onDatasourceErrorRef.current?.(e);
318
+ el.addEventListener('datasource-error', _onDatasourceErrorFn);
319
+ const _onBaseDatasourceConnectedFn = (e) => _onBaseDatasourceConnectedRef.current?.(e);
320
+ el.addEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
321
+ const _onDatasourceLoadingFinishedFn = (e) => _onDatasourceLoadingFinishedRef.current?.(e);
322
+ el.addEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
323
+ const _onDatasourceNoDataAvailableFn = (e) => _onDatasourceNoDataAvailableRef.current?.(e);
324
+ el.addEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
325
+ const _onDatasourceDataChangedFn = (e) => _onDatasourceDataChangedRef.current?.(e);
326
+ el.addEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
327
+ const _onCacheFilterConfigFn = (e) => _onCacheFilterConfigRef.current?.(e);
328
+ el.addEventListener('cache-filter-config', _onCacheFilterConfigFn);
329
+ const _onRefreshServerSideFn = (e) => _onRefreshServerSideRef.current?.(e);
330
+ el.addEventListener('refresh-server-side', _onRefreshServerSideFn);
331
+ const _onSetServerSideDatasourceFn = (e) => _onSetServerSideDatasourceRef.current?.(e);
332
+ el.addEventListener('set-server-side-datasource', _onSetServerSideDatasourceFn);
333
+ const _onDatasourceLoadingStartedFn = (e) => _onDatasourceLoadingStartedRef.current?.(e);
334
+ el.addEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
335
+ const _onAddGridCssClassFn = (e) => _onAddGridCssClassRef.current?.(e);
336
+ el.addEventListener('add-grid-css-class', _onAddGridCssClassFn);
337
+ const _onRemoveGridCssClassFn = (e) => _onRemoveGridCssClassRef.current?.(e);
338
+ el.addEventListener('remove-grid-css-class', _onRemoveGridCssClassFn);
339
+ const _onDatasourceInitializeFn = (e) => _onDatasourceInitializeRef.current?.(e);
340
+ el.addEventListener('datasource-initialize', _onDatasourceInitializeFn);
341
+ const _onDatasourceInitFn = (e) => _onDatasourceInitRef.current?.(e);
342
+ el.addEventListener('datasource-init', _onDatasourceInitFn);
343
+ const _onDatasourceSchemaUpdatedFn = (e) => _onDatasourceSchemaUpdatedRef.current?.(e);
344
+ el.addEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
345
+ const _onDatasourceFiltersRestoredFn = (e) => _onDatasourceFiltersRestoredRef.current?.(e);
346
+ el.addEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
347
+ const _onDatasourceDataClearedFn = (e) => _onDatasourceDataClearedRef.current?.(e);
348
+ el.addEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
349
+ const _onApplyServerSideTransactionFn = (e) => _onApplyServerSideTransactionRef.current?.(e);
350
+ el.addEventListener('apply-server-side-transaction', _onApplyServerSideTransactionFn);
351
+ const _onDatasourceReadyFn = (e) => _onDatasourceReadyRef.current?.(e);
352
+ el.addEventListener('datasource-ready', _onDatasourceReadyFn);
353
+ return () => {
354
+ el.removeEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
355
+ el.removeEventListener('datasource-error', _onDatasourceErrorFn);
356
+ el.removeEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
357
+ el.removeEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
358
+ el.removeEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
359
+ el.removeEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
360
+ el.removeEventListener('cache-filter-config', _onCacheFilterConfigFn);
361
+ el.removeEventListener('refresh-server-side', _onRefreshServerSideFn);
362
+ el.removeEventListener('set-server-side-datasource', _onSetServerSideDatasourceFn);
363
+ el.removeEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
364
+ el.removeEventListener('add-grid-css-class', _onAddGridCssClassFn);
365
+ el.removeEventListener('remove-grid-css-class', _onRemoveGridCssClassFn);
366
+ el.removeEventListener('datasource-initialize', _onDatasourceInitializeFn);
367
+ el.removeEventListener('datasource-init', _onDatasourceInitFn);
368
+ el.removeEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
369
+ el.removeEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
370
+ el.removeEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
371
+ el.removeEventListener('apply-server-side-transaction', _onApplyServerSideTransactionFn);
372
+ el.removeEventListener('datasource-ready', _onDatasourceReadyFn);
373
+ };
374
+ }, []);
375
+ return React.createElement(customElements.getName(GridProServerSideDatasourceWC) ?? 'grid-pro-server-side-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
376
+ });
377
+
378
+ const GridProGenesisDatasource = React.forwardRef(function GridProGenesisDatasource(props, ref) {
379
+ const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onDatasourceInitialize, onDatasourceDestroy, onDatasourceDataCleared, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataLoaded, onDatasourceLoadingStarted, onDatasourceMoreDataAvailable, onDatasourceReady, onDatasourceInit, onMoreRowsChanged, onDatasourceSizeChanged, children, ...rest } = props;
380
+ const _innerRef = React.useRef(null);
381
+ const _onBaseDatasourceErrorRef = React.useRef(onBaseDatasourceError);
382
+ _onBaseDatasourceErrorRef.current = onBaseDatasourceError;
383
+ const _onDatasourceErrorRef = React.useRef(onDatasourceError);
384
+ _onDatasourceErrorRef.current = onDatasourceError;
385
+ const _onBaseDatasourceConnectedRef = React.useRef(onBaseDatasourceConnected);
386
+ _onBaseDatasourceConnectedRef.current = onBaseDatasourceConnected;
387
+ const _onDatasourceLoadingFinishedRef = React.useRef(onDatasourceLoadingFinished);
388
+ _onDatasourceLoadingFinishedRef.current = onDatasourceLoadingFinished;
389
+ const _onDatasourceNoDataAvailableRef = React.useRef(onDatasourceNoDataAvailable);
390
+ _onDatasourceNoDataAvailableRef.current = onDatasourceNoDataAvailable;
391
+ const _onDatasourceDataChangedRef = React.useRef(onDatasourceDataChanged);
392
+ _onDatasourceDataChangedRef.current = onDatasourceDataChanged;
393
+ const _onDatasourceInitializeRef = React.useRef(onDatasourceInitialize);
394
+ _onDatasourceInitializeRef.current = onDatasourceInitialize;
395
+ const _onDatasourceDestroyRef = React.useRef(onDatasourceDestroy);
396
+ _onDatasourceDestroyRef.current = onDatasourceDestroy;
397
+ const _onDatasourceDataClearedRef = React.useRef(onDatasourceDataCleared);
398
+ _onDatasourceDataClearedRef.current = onDatasourceDataCleared;
399
+ const _onDatasourceSchemaUpdatedRef = React.useRef(onDatasourceSchemaUpdated);
400
+ _onDatasourceSchemaUpdatedRef.current = onDatasourceSchemaUpdated;
401
+ const _onDatasourceFiltersRestoredRef = React.useRef(onDatasourceFiltersRestored);
402
+ _onDatasourceFiltersRestoredRef.current = onDatasourceFiltersRestored;
403
+ const _onDatasourceDataLoadedRef = React.useRef(onDatasourceDataLoaded);
404
+ _onDatasourceDataLoadedRef.current = onDatasourceDataLoaded;
405
+ const _onDatasourceLoadingStartedRef = React.useRef(onDatasourceLoadingStarted);
406
+ _onDatasourceLoadingStartedRef.current = onDatasourceLoadingStarted;
407
+ const _onDatasourceMoreDataAvailableRef = React.useRef(onDatasourceMoreDataAvailable);
408
+ _onDatasourceMoreDataAvailableRef.current = onDatasourceMoreDataAvailable;
409
+ const _onDatasourceReadyRef = React.useRef(onDatasourceReady);
410
+ _onDatasourceReadyRef.current = onDatasourceReady;
411
+ const _onDatasourceInitRef = React.useRef(onDatasourceInit);
412
+ _onDatasourceInitRef.current = onDatasourceInit;
413
+ const _onMoreRowsChangedRef = React.useRef(onMoreRowsChanged);
414
+ _onMoreRowsChangedRef.current = onMoreRowsChanged;
415
+ const _onDatasourceSizeChangedRef = React.useRef(onDatasourceSizeChanged);
416
+ _onDatasourceSizeChangedRef.current = onDatasourceSizeChanged;
417
+ React.useLayoutEffect(() => {
418
+ const el = _innerRef.current;
419
+ if (!el) return;
420
+ const _onBaseDatasourceErrorFn = (e) => _onBaseDatasourceErrorRef.current?.(e);
421
+ el.addEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
422
+ const _onDatasourceErrorFn = (e) => _onDatasourceErrorRef.current?.(e);
423
+ el.addEventListener('datasource-error', _onDatasourceErrorFn);
424
+ const _onBaseDatasourceConnectedFn = (e) => _onBaseDatasourceConnectedRef.current?.(e);
425
+ el.addEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
426
+ const _onDatasourceLoadingFinishedFn = (e) => _onDatasourceLoadingFinishedRef.current?.(e);
427
+ el.addEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
428
+ const _onDatasourceNoDataAvailableFn = (e) => _onDatasourceNoDataAvailableRef.current?.(e);
429
+ el.addEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
430
+ const _onDatasourceDataChangedFn = (e) => _onDatasourceDataChangedRef.current?.(e);
431
+ el.addEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
432
+ const _onDatasourceInitializeFn = (e) => _onDatasourceInitializeRef.current?.(e);
433
+ el.addEventListener('datasource-initialize', _onDatasourceInitializeFn);
434
+ const _onDatasourceDestroyFn = (e) => _onDatasourceDestroyRef.current?.(e);
435
+ el.addEventListener('datasource-destroy', _onDatasourceDestroyFn);
436
+ const _onDatasourceDataClearedFn = (e) => _onDatasourceDataClearedRef.current?.(e);
437
+ el.addEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
438
+ const _onDatasourceSchemaUpdatedFn = (e) => _onDatasourceSchemaUpdatedRef.current?.(e);
439
+ el.addEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
440
+ const _onDatasourceFiltersRestoredFn = (e) => _onDatasourceFiltersRestoredRef.current?.(e);
441
+ el.addEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
442
+ const _onDatasourceDataLoadedFn = (e) => _onDatasourceDataLoadedRef.current?.(e);
443
+ el.addEventListener('datasource-data-loaded', _onDatasourceDataLoadedFn);
444
+ const _onDatasourceLoadingStartedFn = (e) => _onDatasourceLoadingStartedRef.current?.(e);
445
+ el.addEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
446
+ const _onDatasourceMoreDataAvailableFn = (e) => _onDatasourceMoreDataAvailableRef.current?.(e);
447
+ el.addEventListener('datasource-more-data-available', _onDatasourceMoreDataAvailableFn);
448
+ const _onDatasourceReadyFn = (e) => _onDatasourceReadyRef.current?.(e);
449
+ el.addEventListener('datasource-ready', _onDatasourceReadyFn);
450
+ const _onDatasourceInitFn = (e) => _onDatasourceInitRef.current?.(e);
451
+ el.addEventListener('datasource-init', _onDatasourceInitFn);
452
+ const _onMoreRowsChangedFn = (e) => _onMoreRowsChangedRef.current?.(e);
453
+ el.addEventListener('more-rows-changed', _onMoreRowsChangedFn);
454
+ const _onDatasourceSizeChangedFn = (e) => _onDatasourceSizeChangedRef.current?.(e);
455
+ el.addEventListener('datasource-size-changed', _onDatasourceSizeChangedFn);
456
+ return () => {
457
+ el.removeEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
458
+ el.removeEventListener('datasource-error', _onDatasourceErrorFn);
459
+ el.removeEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
460
+ el.removeEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
461
+ el.removeEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
462
+ el.removeEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
463
+ el.removeEventListener('datasource-initialize', _onDatasourceInitializeFn);
464
+ el.removeEventListener('datasource-destroy', _onDatasourceDestroyFn);
465
+ el.removeEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
466
+ el.removeEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
467
+ el.removeEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
468
+ el.removeEventListener('datasource-data-loaded', _onDatasourceDataLoadedFn);
469
+ el.removeEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
470
+ el.removeEventListener('datasource-more-data-available', _onDatasourceMoreDataAvailableFn);
471
+ el.removeEventListener('datasource-ready', _onDatasourceReadyFn);
472
+ el.removeEventListener('datasource-init', _onDatasourceInitFn);
473
+ el.removeEventListener('more-rows-changed', _onMoreRowsChangedFn);
474
+ el.removeEventListener('datasource-size-changed', _onDatasourceSizeChangedFn);
475
+ };
476
+ }, []);
477
+ return React.createElement(customElements.getName(GridProGenesisDatasourceWC) ?? 'grid-pro-genesis-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
478
+ });
479
+
480
+ const MulticolumnDropdown = React.forwardRef(function MulticolumnDropdown(props, ref) {
481
+ const { children, ...rest } = props;
482
+ return React.createElement(customElements.getName(MulticolumnDropdownWC) ?? '%%prefix%%-multicolumn-dropdown', { ...rest, ref }, children);
483
+ });
151
484
 
152
485
  module.exports = {
153
486
  GridProBeta,
package/dist/react.mjs CHANGED
@@ -3,7 +3,6 @@
3
3
  * Generated from custom-elements manifest.
4
4
  */
5
5
 
6
- import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
7
6
  import React from 'react';
8
7
  import { DateEditor as DateEditorWC } from './esm/cell-editors/date.editor.js';
9
8
  import { MultiselectEditor as MultiselectEditorWC } from './esm/cell-editors/multiselect.editor.js';
@@ -27,122 +26,456 @@ import { GridProGenesisDatasource as GridProGenesisDatasourceWC } from './esm/gr
27
26
  import { GridPro as GridProWC } from './esm/grid-pro.js';
28
27
  import { MulticolumnDropdown as MulticolumnDropdownWC } from './esm/multicolumn-dropdown/multicolumn-dropdown.js';
29
28
 
30
- const { wrap } = provideReactWrapper(React);
29
+ function _mergeRefs(...refs) {
30
+ return (value) => {
31
+ for (const ref of refs) {
32
+ if (typeof ref === 'function') ref(value);
33
+ else if (ref != null) ref.current = value;
34
+ }
35
+ };
36
+ }
31
37
 
32
- export const GridProBeta = wrap(GridProBetaWC, {
33
- events: {
34
- onGridReady: 'gridReady',
35
- onOnGridReady: 'onGridReady',
36
- onGridready: 'gridready',
37
- },
38
- });
39
-
40
- export const GridPro = wrap(GridProWC, {
41
- events: {
42
- onGridReady: 'gridReady',
43
- onOnGridReady: 'onGridReady',
44
- onGridready: 'gridready',
45
- },
46
- });
47
-
48
- export const GridProCell = wrap(GridProCellWC);
49
-
50
- export const DateEditor = wrap(DateEditorWC);
51
-
52
- export const MultiselectEditor = wrap(MultiselectEditorWC);
53
-
54
- export const NumberEditor = wrap(NumberEditorWC);
55
-
56
- export const SelectEditor = wrap(SelectEditorWC);
57
-
58
- export const StringEditor = wrap(StringEditorWC);
59
-
60
- export const ActionRenderer = wrap(ActionRendererWC);
61
-
62
- export const ActionsMenuRenderer = wrap(ActionsMenuRendererWC);
63
-
64
- export const BooleanRenderer = wrap(BooleanRendererWC);
65
-
66
- export const EditableRenderer = wrap(EditableRendererWC);
67
-
68
- export const SelectRenderer = wrap(SelectRendererWC);
69
-
70
- export const StatusPillRenderer = wrap(StatusPillRendererWC);
71
-
72
- export const AgTextFieldRenderer = wrap(AgTextFieldRendererWC);
73
-
74
- export const AgTextRenderer = wrap(AgTextRendererWC);
75
-
76
- export const GridProColumn = wrap(GridProColumnWC);
77
-
78
- export const GridProClientSideDatasource = wrap(GridProClientSideDatasourceWC, {
79
- events: {
80
- onBaseDatasourceError: 'base-datasource-error',
81
- onDatasourceError: 'datasource-error',
82
- onBaseDatasourceConnected: 'base-datasource-connected',
83
- onDatasourceLoadingFinished: 'datasource-loading-finished',
84
- onDatasourceNoDataAvailable: 'datasource-no-data-available',
85
- onDatasourceDataChanged: 'datasource-data-changed',
86
- onDatasourceInitialize: 'datasource-initialize',
87
- onDatasourceDestroy: 'datasource-destroy',
88
- onDatasourceDataCleared: 'datasource-data-cleared',
89
- onDatasourceSchemaUpdated: 'datasource-schema-updated',
90
- onDatasourceFiltersRestored: 'datasource-filters-restored',
91
- onDatasourceDataLoaded: 'datasource-data-loaded',
92
- onDatasourceLoadingStarted: 'datasource-loading-started',
93
- onDatasourceMoreDataAvailable: 'datasource-more-data-available',
94
- onDatasourceReady: 'datasource-ready',
95
- onDatasourceInit: 'datasource-init',
96
- onMoreRowsChanged: 'more-rows-changed',
97
- onDatasourceSizeChanged: 'datasource-size-changed',
98
- },
99
- });
100
-
101
- export const GridProServerSideDatasource = wrap(GridProServerSideDatasourceWC, {
102
- events: {
103
- onBaseDatasourceError: 'base-datasource-error',
104
- onDatasourceError: 'datasource-error',
105
- onBaseDatasourceConnected: 'base-datasource-connected',
106
- onDatasourceLoadingFinished: 'datasource-loading-finished',
107
- onDatasourceNoDataAvailable: 'datasource-no-data-available',
108
- onDatasourceDataChanged: 'datasource-data-changed',
109
- onCacheFilterConfig: 'cache-filter-config',
110
- onRefreshServerSide: 'refresh-server-side',
111
- onSetServerSideDatasource: 'set-server-side-datasource',
112
- onDatasourceLoadingStarted: 'datasource-loading-started',
113
- onAddGridCssClass: 'add-grid-css-class',
114
- onRemoveGridCssClass: 'remove-grid-css-class',
115
- onDatasourceInitialize: 'datasource-initialize',
116
- onDatasourceInit: 'datasource-init',
117
- onDatasourceSchemaUpdated: 'datasource-schema-updated',
118
- onDatasourceFiltersRestored: 'datasource-filters-restored',
119
- onDatasourceDataCleared: 'datasource-data-cleared',
120
- onApplyServerSideTransaction: 'apply-server-side-transaction',
121
- onDatasourceReady: 'datasource-ready',
122
- },
123
- });
124
-
125
- export const GridProGenesisDatasource = wrap(GridProGenesisDatasourceWC, {
126
- events: {
127
- onBaseDatasourceError: 'base-datasource-error',
128
- onDatasourceError: 'datasource-error',
129
- onBaseDatasourceConnected: 'base-datasource-connected',
130
- onDatasourceLoadingFinished: 'datasource-loading-finished',
131
- onDatasourceNoDataAvailable: 'datasource-no-data-available',
132
- onDatasourceDataChanged: 'datasource-data-changed',
133
- onDatasourceInitialize: 'datasource-initialize',
134
- onDatasourceDestroy: 'datasource-destroy',
135
- onDatasourceDataCleared: 'datasource-data-cleared',
136
- onDatasourceSchemaUpdated: 'datasource-schema-updated',
137
- onDatasourceFiltersRestored: 'datasource-filters-restored',
138
- onDatasourceDataLoaded: 'datasource-data-loaded',
139
- onDatasourceLoadingStarted: 'datasource-loading-started',
140
- onDatasourceMoreDataAvailable: 'datasource-more-data-available',
141
- onDatasourceReady: 'datasource-ready',
142
- onDatasourceInit: 'datasource-init',
143
- onMoreRowsChanged: 'more-rows-changed',
144
- onDatasourceSizeChanged: 'datasource-size-changed',
145
- },
146
- });
147
-
148
- export const MulticolumnDropdown = wrap(MulticolumnDropdownWC);
38
+ export const GridProBeta = React.forwardRef(function GridProBeta(props, ref) {
39
+ const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
40
+ const _innerRef = React.useRef(null);
41
+ const _onGridReadyRef = React.useRef(onGridReady);
42
+ _onGridReadyRef.current = onGridReady;
43
+ const _onOnGridReadyRef = React.useRef(onOnGridReady);
44
+ _onOnGridReadyRef.current = onOnGridReady;
45
+ const _onGridreadyRef = React.useRef(onGridready);
46
+ _onGridreadyRef.current = onGridready;
47
+ React.useLayoutEffect(() => {
48
+ const el = _innerRef.current;
49
+ if (!el) return;
50
+ const _onGridReadyFn = (e) => _onGridReadyRef.current?.(e);
51
+ el.addEventListener('gridReady', _onGridReadyFn);
52
+ const _onOnGridReadyFn = (e) => _onOnGridReadyRef.current?.(e);
53
+ el.addEventListener('onGridReady', _onOnGridReadyFn);
54
+ const _onGridreadyFn = (e) => _onGridreadyRef.current?.(e);
55
+ el.addEventListener('gridready', _onGridreadyFn);
56
+ return () => {
57
+ el.removeEventListener('gridReady', _onGridReadyFn);
58
+ el.removeEventListener('onGridReady', _onOnGridReadyFn);
59
+ el.removeEventListener('gridready', _onGridreadyFn);
60
+ };
61
+ }, []);
62
+ return React.createElement(customElements.getName(GridProBetaWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
63
+ });
64
+
65
+ export const GridPro = React.forwardRef(function GridPro(props, ref) {
66
+ const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
67
+ const _innerRef = React.useRef(null);
68
+ const _onGridReadyRef = React.useRef(onGridReady);
69
+ _onGridReadyRef.current = onGridReady;
70
+ const _onOnGridReadyRef = React.useRef(onOnGridReady);
71
+ _onOnGridReadyRef.current = onOnGridReady;
72
+ const _onGridreadyRef = React.useRef(onGridready);
73
+ _onGridreadyRef.current = onGridready;
74
+ React.useLayoutEffect(() => {
75
+ const el = _innerRef.current;
76
+ if (!el) return;
77
+ const _onGridReadyFn = (e) => _onGridReadyRef.current?.(e);
78
+ el.addEventListener('gridReady', _onGridReadyFn);
79
+ const _onOnGridReadyFn = (e) => _onOnGridReadyRef.current?.(e);
80
+ el.addEventListener('onGridReady', _onOnGridReadyFn);
81
+ const _onGridreadyFn = (e) => _onGridreadyRef.current?.(e);
82
+ el.addEventListener('gridready', _onGridreadyFn);
83
+ return () => {
84
+ el.removeEventListener('gridReady', _onGridReadyFn);
85
+ el.removeEventListener('onGridReady', _onOnGridReadyFn);
86
+ el.removeEventListener('gridready', _onGridreadyFn);
87
+ };
88
+ }, []);
89
+ return React.createElement(customElements.getName(GridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
90
+ });
91
+
92
+ export const GridProCell = React.forwardRef(function GridProCell(props, ref) {
93
+ const { children, ...rest } = props;
94
+ return React.createElement(customElements.getName(GridProCellWC) ?? 'grid-pro-cell', { ...rest, ref }, children);
95
+ });
96
+
97
+ export const DateEditor = React.forwardRef(function DateEditor(props, ref) {
98
+ const { children, ...rest } = props;
99
+ return React.createElement(customElements.getName(DateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
100
+ });
101
+
102
+ export const MultiselectEditor = React.forwardRef(function MultiselectEditor(props, ref) {
103
+ const { children, ...rest } = props;
104
+ return React.createElement(customElements.getName(MultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
105
+ });
106
+
107
+ export const NumberEditor = React.forwardRef(function NumberEditor(props, ref) {
108
+ const { children, ...rest } = props;
109
+ return React.createElement(customElements.getName(NumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
110
+ });
111
+
112
+ export const SelectEditor = React.forwardRef(function SelectEditor(props, ref) {
113
+ const { children, ...rest } = props;
114
+ return React.createElement(customElements.getName(SelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
115
+ });
116
+
117
+ export const StringEditor = React.forwardRef(function StringEditor(props, ref) {
118
+ const { children, ...rest } = props;
119
+ return React.createElement(customElements.getName(StringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
120
+ });
121
+
122
+ export const ActionRenderer = React.forwardRef(function ActionRenderer(props, ref) {
123
+ const { children, ...rest } = props;
124
+ return React.createElement(customElements.getName(ActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
125
+ });
126
+
127
+ export const ActionsMenuRenderer = React.forwardRef(function ActionsMenuRenderer(props, ref) {
128
+ const { children, ...rest } = props;
129
+ return React.createElement(customElements.getName(ActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
130
+ });
131
+
132
+ export const BooleanRenderer = React.forwardRef(function BooleanRenderer(props, ref) {
133
+ const { children, ...rest } = props;
134
+ return React.createElement(customElements.getName(BooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
135
+ });
136
+
137
+ export const EditableRenderer = React.forwardRef(function EditableRenderer(props, ref) {
138
+ const { children, ...rest } = props;
139
+ return React.createElement(customElements.getName(EditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
140
+ });
141
+
142
+ export const SelectRenderer = React.forwardRef(function SelectRenderer(props, ref) {
143
+ const { children, ...rest } = props;
144
+ return React.createElement(customElements.getName(SelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
145
+ });
146
+
147
+ export const StatusPillRenderer = React.forwardRef(function StatusPillRenderer(props, ref) {
148
+ const { children, ...rest } = props;
149
+ return React.createElement(customElements.getName(StatusPillRendererWC) ?? '%%prefix%%-status-pill-renderer', { ...rest, ref }, children);
150
+ });
151
+
152
+ export const AgTextFieldRenderer = React.forwardRef(function AgTextFieldRenderer(props, ref) {
153
+ const { children, ...rest } = props;
154
+ return React.createElement(customElements.getName(AgTextFieldRendererWC) ?? '%%prefix%%-grid-text-field-renderer', { ...rest, ref }, children);
155
+ });
156
+
157
+ export const AgTextRenderer = React.forwardRef(function AgTextRenderer(props, ref) {
158
+ const { children, ...rest } = props;
159
+ return React.createElement(customElements.getName(AgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
160
+ });
161
+
162
+ export const GridProColumn = React.forwardRef(function GridProColumn(props, ref) {
163
+ const { children, ...rest } = props;
164
+ return React.createElement(customElements.getName(GridProColumnWC) ?? 'grid-pro-column', { ...rest, ref }, children);
165
+ });
166
+
167
+ export const GridProClientSideDatasource = React.forwardRef(function GridProClientSideDatasource(props, ref) {
168
+ const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onDatasourceInitialize, onDatasourceDestroy, onDatasourceDataCleared, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataLoaded, onDatasourceLoadingStarted, onDatasourceMoreDataAvailable, onDatasourceReady, onDatasourceInit, onMoreRowsChanged, onDatasourceSizeChanged, children, ...rest } = props;
169
+ const _innerRef = React.useRef(null);
170
+ const _onBaseDatasourceErrorRef = React.useRef(onBaseDatasourceError);
171
+ _onBaseDatasourceErrorRef.current = onBaseDatasourceError;
172
+ const _onDatasourceErrorRef = React.useRef(onDatasourceError);
173
+ _onDatasourceErrorRef.current = onDatasourceError;
174
+ const _onBaseDatasourceConnectedRef = React.useRef(onBaseDatasourceConnected);
175
+ _onBaseDatasourceConnectedRef.current = onBaseDatasourceConnected;
176
+ const _onDatasourceLoadingFinishedRef = React.useRef(onDatasourceLoadingFinished);
177
+ _onDatasourceLoadingFinishedRef.current = onDatasourceLoadingFinished;
178
+ const _onDatasourceNoDataAvailableRef = React.useRef(onDatasourceNoDataAvailable);
179
+ _onDatasourceNoDataAvailableRef.current = onDatasourceNoDataAvailable;
180
+ const _onDatasourceDataChangedRef = React.useRef(onDatasourceDataChanged);
181
+ _onDatasourceDataChangedRef.current = onDatasourceDataChanged;
182
+ const _onDatasourceInitializeRef = React.useRef(onDatasourceInitialize);
183
+ _onDatasourceInitializeRef.current = onDatasourceInitialize;
184
+ const _onDatasourceDestroyRef = React.useRef(onDatasourceDestroy);
185
+ _onDatasourceDestroyRef.current = onDatasourceDestroy;
186
+ const _onDatasourceDataClearedRef = React.useRef(onDatasourceDataCleared);
187
+ _onDatasourceDataClearedRef.current = onDatasourceDataCleared;
188
+ const _onDatasourceSchemaUpdatedRef = React.useRef(onDatasourceSchemaUpdated);
189
+ _onDatasourceSchemaUpdatedRef.current = onDatasourceSchemaUpdated;
190
+ const _onDatasourceFiltersRestoredRef = React.useRef(onDatasourceFiltersRestored);
191
+ _onDatasourceFiltersRestoredRef.current = onDatasourceFiltersRestored;
192
+ const _onDatasourceDataLoadedRef = React.useRef(onDatasourceDataLoaded);
193
+ _onDatasourceDataLoadedRef.current = onDatasourceDataLoaded;
194
+ const _onDatasourceLoadingStartedRef = React.useRef(onDatasourceLoadingStarted);
195
+ _onDatasourceLoadingStartedRef.current = onDatasourceLoadingStarted;
196
+ const _onDatasourceMoreDataAvailableRef = React.useRef(onDatasourceMoreDataAvailable);
197
+ _onDatasourceMoreDataAvailableRef.current = onDatasourceMoreDataAvailable;
198
+ const _onDatasourceReadyRef = React.useRef(onDatasourceReady);
199
+ _onDatasourceReadyRef.current = onDatasourceReady;
200
+ const _onDatasourceInitRef = React.useRef(onDatasourceInit);
201
+ _onDatasourceInitRef.current = onDatasourceInit;
202
+ const _onMoreRowsChangedRef = React.useRef(onMoreRowsChanged);
203
+ _onMoreRowsChangedRef.current = onMoreRowsChanged;
204
+ const _onDatasourceSizeChangedRef = React.useRef(onDatasourceSizeChanged);
205
+ _onDatasourceSizeChangedRef.current = onDatasourceSizeChanged;
206
+ React.useLayoutEffect(() => {
207
+ const el = _innerRef.current;
208
+ if (!el) return;
209
+ const _onBaseDatasourceErrorFn = (e) => _onBaseDatasourceErrorRef.current?.(e);
210
+ el.addEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
211
+ const _onDatasourceErrorFn = (e) => _onDatasourceErrorRef.current?.(e);
212
+ el.addEventListener('datasource-error', _onDatasourceErrorFn);
213
+ const _onBaseDatasourceConnectedFn = (e) => _onBaseDatasourceConnectedRef.current?.(e);
214
+ el.addEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
215
+ const _onDatasourceLoadingFinishedFn = (e) => _onDatasourceLoadingFinishedRef.current?.(e);
216
+ el.addEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
217
+ const _onDatasourceNoDataAvailableFn = (e) => _onDatasourceNoDataAvailableRef.current?.(e);
218
+ el.addEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
219
+ const _onDatasourceDataChangedFn = (e) => _onDatasourceDataChangedRef.current?.(e);
220
+ el.addEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
221
+ const _onDatasourceInitializeFn = (e) => _onDatasourceInitializeRef.current?.(e);
222
+ el.addEventListener('datasource-initialize', _onDatasourceInitializeFn);
223
+ const _onDatasourceDestroyFn = (e) => _onDatasourceDestroyRef.current?.(e);
224
+ el.addEventListener('datasource-destroy', _onDatasourceDestroyFn);
225
+ const _onDatasourceDataClearedFn = (e) => _onDatasourceDataClearedRef.current?.(e);
226
+ el.addEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
227
+ const _onDatasourceSchemaUpdatedFn = (e) => _onDatasourceSchemaUpdatedRef.current?.(e);
228
+ el.addEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
229
+ const _onDatasourceFiltersRestoredFn = (e) => _onDatasourceFiltersRestoredRef.current?.(e);
230
+ el.addEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
231
+ const _onDatasourceDataLoadedFn = (e) => _onDatasourceDataLoadedRef.current?.(e);
232
+ el.addEventListener('datasource-data-loaded', _onDatasourceDataLoadedFn);
233
+ const _onDatasourceLoadingStartedFn = (e) => _onDatasourceLoadingStartedRef.current?.(e);
234
+ el.addEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
235
+ const _onDatasourceMoreDataAvailableFn = (e) => _onDatasourceMoreDataAvailableRef.current?.(e);
236
+ el.addEventListener('datasource-more-data-available', _onDatasourceMoreDataAvailableFn);
237
+ const _onDatasourceReadyFn = (e) => _onDatasourceReadyRef.current?.(e);
238
+ el.addEventListener('datasource-ready', _onDatasourceReadyFn);
239
+ const _onDatasourceInitFn = (e) => _onDatasourceInitRef.current?.(e);
240
+ el.addEventListener('datasource-init', _onDatasourceInitFn);
241
+ const _onMoreRowsChangedFn = (e) => _onMoreRowsChangedRef.current?.(e);
242
+ el.addEventListener('more-rows-changed', _onMoreRowsChangedFn);
243
+ const _onDatasourceSizeChangedFn = (e) => _onDatasourceSizeChangedRef.current?.(e);
244
+ el.addEventListener('datasource-size-changed', _onDatasourceSizeChangedFn);
245
+ return () => {
246
+ el.removeEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
247
+ el.removeEventListener('datasource-error', _onDatasourceErrorFn);
248
+ el.removeEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
249
+ el.removeEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
250
+ el.removeEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
251
+ el.removeEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
252
+ el.removeEventListener('datasource-initialize', _onDatasourceInitializeFn);
253
+ el.removeEventListener('datasource-destroy', _onDatasourceDestroyFn);
254
+ el.removeEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
255
+ el.removeEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
256
+ el.removeEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
257
+ el.removeEventListener('datasource-data-loaded', _onDatasourceDataLoadedFn);
258
+ el.removeEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
259
+ el.removeEventListener('datasource-more-data-available', _onDatasourceMoreDataAvailableFn);
260
+ el.removeEventListener('datasource-ready', _onDatasourceReadyFn);
261
+ el.removeEventListener('datasource-init', _onDatasourceInitFn);
262
+ el.removeEventListener('more-rows-changed', _onMoreRowsChangedFn);
263
+ el.removeEventListener('datasource-size-changed', _onDatasourceSizeChangedFn);
264
+ };
265
+ }, []);
266
+ return React.createElement(customElements.getName(GridProClientSideDatasourceWC) ?? 'grid-pro-client-side-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
267
+ });
268
+
269
+ export const GridProServerSideDatasource = React.forwardRef(function GridProServerSideDatasource(props, ref) {
270
+ const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onCacheFilterConfig, onRefreshServerSide, onSetServerSideDatasource, onDatasourceLoadingStarted, onAddGridCssClass, onRemoveGridCssClass, onDatasourceInitialize, onDatasourceInit, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataCleared, onApplyServerSideTransaction, onDatasourceReady, children, ...rest } = props;
271
+ const _innerRef = React.useRef(null);
272
+ const _onBaseDatasourceErrorRef = React.useRef(onBaseDatasourceError);
273
+ _onBaseDatasourceErrorRef.current = onBaseDatasourceError;
274
+ const _onDatasourceErrorRef = React.useRef(onDatasourceError);
275
+ _onDatasourceErrorRef.current = onDatasourceError;
276
+ const _onBaseDatasourceConnectedRef = React.useRef(onBaseDatasourceConnected);
277
+ _onBaseDatasourceConnectedRef.current = onBaseDatasourceConnected;
278
+ const _onDatasourceLoadingFinishedRef = React.useRef(onDatasourceLoadingFinished);
279
+ _onDatasourceLoadingFinishedRef.current = onDatasourceLoadingFinished;
280
+ const _onDatasourceNoDataAvailableRef = React.useRef(onDatasourceNoDataAvailable);
281
+ _onDatasourceNoDataAvailableRef.current = onDatasourceNoDataAvailable;
282
+ const _onDatasourceDataChangedRef = React.useRef(onDatasourceDataChanged);
283
+ _onDatasourceDataChangedRef.current = onDatasourceDataChanged;
284
+ const _onCacheFilterConfigRef = React.useRef(onCacheFilterConfig);
285
+ _onCacheFilterConfigRef.current = onCacheFilterConfig;
286
+ const _onRefreshServerSideRef = React.useRef(onRefreshServerSide);
287
+ _onRefreshServerSideRef.current = onRefreshServerSide;
288
+ const _onSetServerSideDatasourceRef = React.useRef(onSetServerSideDatasource);
289
+ _onSetServerSideDatasourceRef.current = onSetServerSideDatasource;
290
+ const _onDatasourceLoadingStartedRef = React.useRef(onDatasourceLoadingStarted);
291
+ _onDatasourceLoadingStartedRef.current = onDatasourceLoadingStarted;
292
+ const _onAddGridCssClassRef = React.useRef(onAddGridCssClass);
293
+ _onAddGridCssClassRef.current = onAddGridCssClass;
294
+ const _onRemoveGridCssClassRef = React.useRef(onRemoveGridCssClass);
295
+ _onRemoveGridCssClassRef.current = onRemoveGridCssClass;
296
+ const _onDatasourceInitializeRef = React.useRef(onDatasourceInitialize);
297
+ _onDatasourceInitializeRef.current = onDatasourceInitialize;
298
+ const _onDatasourceInitRef = React.useRef(onDatasourceInit);
299
+ _onDatasourceInitRef.current = onDatasourceInit;
300
+ const _onDatasourceSchemaUpdatedRef = React.useRef(onDatasourceSchemaUpdated);
301
+ _onDatasourceSchemaUpdatedRef.current = onDatasourceSchemaUpdated;
302
+ const _onDatasourceFiltersRestoredRef = React.useRef(onDatasourceFiltersRestored);
303
+ _onDatasourceFiltersRestoredRef.current = onDatasourceFiltersRestored;
304
+ const _onDatasourceDataClearedRef = React.useRef(onDatasourceDataCleared);
305
+ _onDatasourceDataClearedRef.current = onDatasourceDataCleared;
306
+ const _onApplyServerSideTransactionRef = React.useRef(onApplyServerSideTransaction);
307
+ _onApplyServerSideTransactionRef.current = onApplyServerSideTransaction;
308
+ const _onDatasourceReadyRef = React.useRef(onDatasourceReady);
309
+ _onDatasourceReadyRef.current = onDatasourceReady;
310
+ React.useLayoutEffect(() => {
311
+ const el = _innerRef.current;
312
+ if (!el) return;
313
+ const _onBaseDatasourceErrorFn = (e) => _onBaseDatasourceErrorRef.current?.(e);
314
+ el.addEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
315
+ const _onDatasourceErrorFn = (e) => _onDatasourceErrorRef.current?.(e);
316
+ el.addEventListener('datasource-error', _onDatasourceErrorFn);
317
+ const _onBaseDatasourceConnectedFn = (e) => _onBaseDatasourceConnectedRef.current?.(e);
318
+ el.addEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
319
+ const _onDatasourceLoadingFinishedFn = (e) => _onDatasourceLoadingFinishedRef.current?.(e);
320
+ el.addEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
321
+ const _onDatasourceNoDataAvailableFn = (e) => _onDatasourceNoDataAvailableRef.current?.(e);
322
+ el.addEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
323
+ const _onDatasourceDataChangedFn = (e) => _onDatasourceDataChangedRef.current?.(e);
324
+ el.addEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
325
+ const _onCacheFilterConfigFn = (e) => _onCacheFilterConfigRef.current?.(e);
326
+ el.addEventListener('cache-filter-config', _onCacheFilterConfigFn);
327
+ const _onRefreshServerSideFn = (e) => _onRefreshServerSideRef.current?.(e);
328
+ el.addEventListener('refresh-server-side', _onRefreshServerSideFn);
329
+ const _onSetServerSideDatasourceFn = (e) => _onSetServerSideDatasourceRef.current?.(e);
330
+ el.addEventListener('set-server-side-datasource', _onSetServerSideDatasourceFn);
331
+ const _onDatasourceLoadingStartedFn = (e) => _onDatasourceLoadingStartedRef.current?.(e);
332
+ el.addEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
333
+ const _onAddGridCssClassFn = (e) => _onAddGridCssClassRef.current?.(e);
334
+ el.addEventListener('add-grid-css-class', _onAddGridCssClassFn);
335
+ const _onRemoveGridCssClassFn = (e) => _onRemoveGridCssClassRef.current?.(e);
336
+ el.addEventListener('remove-grid-css-class', _onRemoveGridCssClassFn);
337
+ const _onDatasourceInitializeFn = (e) => _onDatasourceInitializeRef.current?.(e);
338
+ el.addEventListener('datasource-initialize', _onDatasourceInitializeFn);
339
+ const _onDatasourceInitFn = (e) => _onDatasourceInitRef.current?.(e);
340
+ el.addEventListener('datasource-init', _onDatasourceInitFn);
341
+ const _onDatasourceSchemaUpdatedFn = (e) => _onDatasourceSchemaUpdatedRef.current?.(e);
342
+ el.addEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
343
+ const _onDatasourceFiltersRestoredFn = (e) => _onDatasourceFiltersRestoredRef.current?.(e);
344
+ el.addEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
345
+ const _onDatasourceDataClearedFn = (e) => _onDatasourceDataClearedRef.current?.(e);
346
+ el.addEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
347
+ const _onApplyServerSideTransactionFn = (e) => _onApplyServerSideTransactionRef.current?.(e);
348
+ el.addEventListener('apply-server-side-transaction', _onApplyServerSideTransactionFn);
349
+ const _onDatasourceReadyFn = (e) => _onDatasourceReadyRef.current?.(e);
350
+ el.addEventListener('datasource-ready', _onDatasourceReadyFn);
351
+ return () => {
352
+ el.removeEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
353
+ el.removeEventListener('datasource-error', _onDatasourceErrorFn);
354
+ el.removeEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
355
+ el.removeEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
356
+ el.removeEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
357
+ el.removeEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
358
+ el.removeEventListener('cache-filter-config', _onCacheFilterConfigFn);
359
+ el.removeEventListener('refresh-server-side', _onRefreshServerSideFn);
360
+ el.removeEventListener('set-server-side-datasource', _onSetServerSideDatasourceFn);
361
+ el.removeEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
362
+ el.removeEventListener('add-grid-css-class', _onAddGridCssClassFn);
363
+ el.removeEventListener('remove-grid-css-class', _onRemoveGridCssClassFn);
364
+ el.removeEventListener('datasource-initialize', _onDatasourceInitializeFn);
365
+ el.removeEventListener('datasource-init', _onDatasourceInitFn);
366
+ el.removeEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
367
+ el.removeEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
368
+ el.removeEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
369
+ el.removeEventListener('apply-server-side-transaction', _onApplyServerSideTransactionFn);
370
+ el.removeEventListener('datasource-ready', _onDatasourceReadyFn);
371
+ };
372
+ }, []);
373
+ return React.createElement(customElements.getName(GridProServerSideDatasourceWC) ?? 'grid-pro-server-side-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
374
+ });
375
+
376
+ export const GridProGenesisDatasource = React.forwardRef(function GridProGenesisDatasource(props, ref) {
377
+ const { onBaseDatasourceError, onDatasourceError, onBaseDatasourceConnected, onDatasourceLoadingFinished, onDatasourceNoDataAvailable, onDatasourceDataChanged, onDatasourceInitialize, onDatasourceDestroy, onDatasourceDataCleared, onDatasourceSchemaUpdated, onDatasourceFiltersRestored, onDatasourceDataLoaded, onDatasourceLoadingStarted, onDatasourceMoreDataAvailable, onDatasourceReady, onDatasourceInit, onMoreRowsChanged, onDatasourceSizeChanged, children, ...rest } = props;
378
+ const _innerRef = React.useRef(null);
379
+ const _onBaseDatasourceErrorRef = React.useRef(onBaseDatasourceError);
380
+ _onBaseDatasourceErrorRef.current = onBaseDatasourceError;
381
+ const _onDatasourceErrorRef = React.useRef(onDatasourceError);
382
+ _onDatasourceErrorRef.current = onDatasourceError;
383
+ const _onBaseDatasourceConnectedRef = React.useRef(onBaseDatasourceConnected);
384
+ _onBaseDatasourceConnectedRef.current = onBaseDatasourceConnected;
385
+ const _onDatasourceLoadingFinishedRef = React.useRef(onDatasourceLoadingFinished);
386
+ _onDatasourceLoadingFinishedRef.current = onDatasourceLoadingFinished;
387
+ const _onDatasourceNoDataAvailableRef = React.useRef(onDatasourceNoDataAvailable);
388
+ _onDatasourceNoDataAvailableRef.current = onDatasourceNoDataAvailable;
389
+ const _onDatasourceDataChangedRef = React.useRef(onDatasourceDataChanged);
390
+ _onDatasourceDataChangedRef.current = onDatasourceDataChanged;
391
+ const _onDatasourceInitializeRef = React.useRef(onDatasourceInitialize);
392
+ _onDatasourceInitializeRef.current = onDatasourceInitialize;
393
+ const _onDatasourceDestroyRef = React.useRef(onDatasourceDestroy);
394
+ _onDatasourceDestroyRef.current = onDatasourceDestroy;
395
+ const _onDatasourceDataClearedRef = React.useRef(onDatasourceDataCleared);
396
+ _onDatasourceDataClearedRef.current = onDatasourceDataCleared;
397
+ const _onDatasourceSchemaUpdatedRef = React.useRef(onDatasourceSchemaUpdated);
398
+ _onDatasourceSchemaUpdatedRef.current = onDatasourceSchemaUpdated;
399
+ const _onDatasourceFiltersRestoredRef = React.useRef(onDatasourceFiltersRestored);
400
+ _onDatasourceFiltersRestoredRef.current = onDatasourceFiltersRestored;
401
+ const _onDatasourceDataLoadedRef = React.useRef(onDatasourceDataLoaded);
402
+ _onDatasourceDataLoadedRef.current = onDatasourceDataLoaded;
403
+ const _onDatasourceLoadingStartedRef = React.useRef(onDatasourceLoadingStarted);
404
+ _onDatasourceLoadingStartedRef.current = onDatasourceLoadingStarted;
405
+ const _onDatasourceMoreDataAvailableRef = React.useRef(onDatasourceMoreDataAvailable);
406
+ _onDatasourceMoreDataAvailableRef.current = onDatasourceMoreDataAvailable;
407
+ const _onDatasourceReadyRef = React.useRef(onDatasourceReady);
408
+ _onDatasourceReadyRef.current = onDatasourceReady;
409
+ const _onDatasourceInitRef = React.useRef(onDatasourceInit);
410
+ _onDatasourceInitRef.current = onDatasourceInit;
411
+ const _onMoreRowsChangedRef = React.useRef(onMoreRowsChanged);
412
+ _onMoreRowsChangedRef.current = onMoreRowsChanged;
413
+ const _onDatasourceSizeChangedRef = React.useRef(onDatasourceSizeChanged);
414
+ _onDatasourceSizeChangedRef.current = onDatasourceSizeChanged;
415
+ React.useLayoutEffect(() => {
416
+ const el = _innerRef.current;
417
+ if (!el) return;
418
+ const _onBaseDatasourceErrorFn = (e) => _onBaseDatasourceErrorRef.current?.(e);
419
+ el.addEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
420
+ const _onDatasourceErrorFn = (e) => _onDatasourceErrorRef.current?.(e);
421
+ el.addEventListener('datasource-error', _onDatasourceErrorFn);
422
+ const _onBaseDatasourceConnectedFn = (e) => _onBaseDatasourceConnectedRef.current?.(e);
423
+ el.addEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
424
+ const _onDatasourceLoadingFinishedFn = (e) => _onDatasourceLoadingFinishedRef.current?.(e);
425
+ el.addEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
426
+ const _onDatasourceNoDataAvailableFn = (e) => _onDatasourceNoDataAvailableRef.current?.(e);
427
+ el.addEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
428
+ const _onDatasourceDataChangedFn = (e) => _onDatasourceDataChangedRef.current?.(e);
429
+ el.addEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
430
+ const _onDatasourceInitializeFn = (e) => _onDatasourceInitializeRef.current?.(e);
431
+ el.addEventListener('datasource-initialize', _onDatasourceInitializeFn);
432
+ const _onDatasourceDestroyFn = (e) => _onDatasourceDestroyRef.current?.(e);
433
+ el.addEventListener('datasource-destroy', _onDatasourceDestroyFn);
434
+ const _onDatasourceDataClearedFn = (e) => _onDatasourceDataClearedRef.current?.(e);
435
+ el.addEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
436
+ const _onDatasourceSchemaUpdatedFn = (e) => _onDatasourceSchemaUpdatedRef.current?.(e);
437
+ el.addEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
438
+ const _onDatasourceFiltersRestoredFn = (e) => _onDatasourceFiltersRestoredRef.current?.(e);
439
+ el.addEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
440
+ const _onDatasourceDataLoadedFn = (e) => _onDatasourceDataLoadedRef.current?.(e);
441
+ el.addEventListener('datasource-data-loaded', _onDatasourceDataLoadedFn);
442
+ const _onDatasourceLoadingStartedFn = (e) => _onDatasourceLoadingStartedRef.current?.(e);
443
+ el.addEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
444
+ const _onDatasourceMoreDataAvailableFn = (e) => _onDatasourceMoreDataAvailableRef.current?.(e);
445
+ el.addEventListener('datasource-more-data-available', _onDatasourceMoreDataAvailableFn);
446
+ const _onDatasourceReadyFn = (e) => _onDatasourceReadyRef.current?.(e);
447
+ el.addEventListener('datasource-ready', _onDatasourceReadyFn);
448
+ const _onDatasourceInitFn = (e) => _onDatasourceInitRef.current?.(e);
449
+ el.addEventListener('datasource-init', _onDatasourceInitFn);
450
+ const _onMoreRowsChangedFn = (e) => _onMoreRowsChangedRef.current?.(e);
451
+ el.addEventListener('more-rows-changed', _onMoreRowsChangedFn);
452
+ const _onDatasourceSizeChangedFn = (e) => _onDatasourceSizeChangedRef.current?.(e);
453
+ el.addEventListener('datasource-size-changed', _onDatasourceSizeChangedFn);
454
+ return () => {
455
+ el.removeEventListener('base-datasource-error', _onBaseDatasourceErrorFn);
456
+ el.removeEventListener('datasource-error', _onDatasourceErrorFn);
457
+ el.removeEventListener('base-datasource-connected', _onBaseDatasourceConnectedFn);
458
+ el.removeEventListener('datasource-loading-finished', _onDatasourceLoadingFinishedFn);
459
+ el.removeEventListener('datasource-no-data-available', _onDatasourceNoDataAvailableFn);
460
+ el.removeEventListener('datasource-data-changed', _onDatasourceDataChangedFn);
461
+ el.removeEventListener('datasource-initialize', _onDatasourceInitializeFn);
462
+ el.removeEventListener('datasource-destroy', _onDatasourceDestroyFn);
463
+ el.removeEventListener('datasource-data-cleared', _onDatasourceDataClearedFn);
464
+ el.removeEventListener('datasource-schema-updated', _onDatasourceSchemaUpdatedFn);
465
+ el.removeEventListener('datasource-filters-restored', _onDatasourceFiltersRestoredFn);
466
+ el.removeEventListener('datasource-data-loaded', _onDatasourceDataLoadedFn);
467
+ el.removeEventListener('datasource-loading-started', _onDatasourceLoadingStartedFn);
468
+ el.removeEventListener('datasource-more-data-available', _onDatasourceMoreDataAvailableFn);
469
+ el.removeEventListener('datasource-ready', _onDatasourceReadyFn);
470
+ el.removeEventListener('datasource-init', _onDatasourceInitFn);
471
+ el.removeEventListener('more-rows-changed', _onMoreRowsChangedFn);
472
+ el.removeEventListener('datasource-size-changed', _onDatasourceSizeChangedFn);
473
+ };
474
+ }, []);
475
+ return React.createElement(customElements.getName(GridProGenesisDatasourceWC) ?? 'grid-pro-genesis-datasource', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
476
+ });
477
+
478
+ export const MulticolumnDropdown = React.forwardRef(function MulticolumnDropdown(props, ref) {
479
+ const { children, ...rest } = props;
480
+ return React.createElement(customElements.getName(MulticolumnDropdownWC) ?? '%%prefix%%-multicolumn-dropdown', { ...rest, ref }, children);
481
+ });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/grid-pro",
3
3
  "description": "Genesis Foundation AG Grid",
4
- "version": "14.424.1-alpha-cfc2887.0",
4
+ "version": "14.425.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -40,20 +40,20 @@
40
40
  }
41
41
  },
42
42
  "devDependencies": {
43
- "@genesislcap/foundation-testing": "14.424.1-alpha-cfc2887.0",
44
- "@genesislcap/genx": "14.424.1-alpha-cfc2887.0",
45
- "@genesislcap/rollup-builder": "14.424.1-alpha-cfc2887.0",
46
- "@genesislcap/ts-builder": "14.424.1-alpha-cfc2887.0",
47
- "@genesislcap/uvu-playwright-builder": "14.424.1-alpha-cfc2887.0",
48
- "@genesislcap/vite-builder": "14.424.1-alpha-cfc2887.0",
49
- "@genesislcap/webpack-builder": "14.424.1-alpha-cfc2887.0"
43
+ "@genesislcap/foundation-testing": "14.425.0",
44
+ "@genesislcap/genx": "14.425.0",
45
+ "@genesislcap/rollup-builder": "14.425.0",
46
+ "@genesislcap/ts-builder": "14.425.0",
47
+ "@genesislcap/uvu-playwright-builder": "14.425.0",
48
+ "@genesislcap/vite-builder": "14.425.0",
49
+ "@genesislcap/webpack-builder": "14.425.0"
50
50
  },
51
51
  "dependencies": {
52
- "@genesislcap/foundation-comms": "14.424.1-alpha-cfc2887.0",
53
- "@genesislcap/foundation-criteria": "14.424.1-alpha-cfc2887.0",
54
- "@genesislcap/foundation-logger": "14.424.1-alpha-cfc2887.0",
55
- "@genesislcap/foundation-ui": "14.424.1-alpha-cfc2887.0",
56
- "@genesislcap/foundation-utils": "14.424.1-alpha-cfc2887.0",
52
+ "@genesislcap/foundation-comms": "14.425.0",
53
+ "@genesislcap/foundation-criteria": "14.425.0",
54
+ "@genesislcap/foundation-logger": "14.425.0",
55
+ "@genesislcap/foundation-ui": "14.425.0",
56
+ "@genesislcap/foundation-utils": "14.425.0",
57
57
  "@microsoft/fast-colors": "5.3.1",
58
58
  "@microsoft/fast-components": "2.30.6",
59
59
  "@microsoft/fast-element": "1.14.0",
@@ -68,7 +68,6 @@
68
68
  "@ag-grid-community/client-side-row-model": "29.2.0",
69
69
  "@ag-grid-community/core": "29.2.0",
70
70
  "@ag-grid-community/csv-export": "29.2.0",
71
- "@microsoft/fast-react-wrapper": ">=0.3.0",
72
71
  "ag-grid-community": "35.0.0",
73
72
  "ag-grid-enterprise": "35.0.0"
74
73
  },
@@ -92,5 +91,5 @@
92
91
  "require": "./dist/react.cjs"
93
92
  }
94
93
  },
95
- "gitHead": "0460a55fc4d9bde4d0e6e11db51125a371bf5b4d"
94
+ "gitHead": "c49bb94fbc3a74e84f18c7445398af116e1a58bb"
96
95
  }