@genesislcap/rapid-grid-pro 14.424.1 → 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 +86 -22
  2. package/dist/react.mjs +86 -22
  3. package/package.json +11 -12
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 { RapidDateEditor: RapidDateEditorWC } = require('./esm/cell-editors/date.editor.js');
11
10
  const { RapidMultiselectEditor: RapidMultiselectEditorWC } = require('./esm/cell-editors/multiselect.editor.js');
@@ -22,41 +21,106 @@ const { RapidStatusPillRenderer: RapidStatusPillRendererWC } = require('./esm/ce
22
21
  const { RapidAgTextRenderer: RapidAgTextRendererWC } = require('./esm/cell-renderers/text.renderer.js');
23
22
  const { RapidGridPro: RapidGridProWC } = require('./esm/grid-pro.js');
24
23
 
25
- const { wrap } = provideReactWrapper(React);
26
-
27
- const RapidGridPro = wrap(RapidGridProWC, {
28
- events: {
29
- onGridReady: 'gridReady',
30
- onOnGridReady: 'onGridReady',
31
- onGridready: 'gridready',
32
- },
24
+ function _mergeRefs(...refs) {
25
+ return (value) => {
26
+ for (const ref of refs) {
27
+ if (typeof ref === 'function') ref(value);
28
+ else if (ref != null) ref.current = value;
29
+ }
30
+ };
31
+ }
32
+
33
+ const RapidGridPro = React.forwardRef(function RapidGridPro(props, ref) {
34
+ const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
35
+ const _innerRef = React.useRef(null);
36
+ const _onGridReadyRef = React.useRef(onGridReady);
37
+ _onGridReadyRef.current = onGridReady;
38
+ const _onOnGridReadyRef = React.useRef(onOnGridReady);
39
+ _onOnGridReadyRef.current = onOnGridReady;
40
+ const _onGridreadyRef = React.useRef(onGridready);
41
+ _onGridreadyRef.current = onGridready;
42
+ React.useLayoutEffect(() => {
43
+ const el = _innerRef.current;
44
+ if (!el) return;
45
+ const _onGridReadyFn = (e) => _onGridReadyRef.current?.(e);
46
+ el.addEventListener('gridReady', _onGridReadyFn);
47
+ const _onOnGridReadyFn = (e) => _onOnGridReadyRef.current?.(e);
48
+ el.addEventListener('onGridReady', _onOnGridReadyFn);
49
+ const _onGridreadyFn = (e) => _onGridreadyRef.current?.(e);
50
+ el.addEventListener('gridready', _onGridreadyFn);
51
+ return () => {
52
+ el.removeEventListener('gridReady', _onGridReadyFn);
53
+ el.removeEventListener('onGridReady', _onOnGridReadyFn);
54
+ el.removeEventListener('gridready', _onGridreadyFn);
55
+ };
56
+ }, []);
57
+ return React.createElement(customElements.getName(RapidGridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
33
58
  });
34
59
 
35
- const RapidDateEditor = wrap(RapidDateEditorWC);
60
+ const RapidDateEditor = React.forwardRef(function RapidDateEditor(props, ref) {
61
+ const { children, ...rest } = props;
62
+ return React.createElement(customElements.getName(RapidDateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
63
+ });
36
64
 
37
- const RapidMultiselectEditor = wrap(RapidMultiselectEditorWC);
65
+ const RapidMultiselectEditor = React.forwardRef(function RapidMultiselectEditor(props, ref) {
66
+ const { children, ...rest } = props;
67
+ return React.createElement(customElements.getName(RapidMultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
68
+ });
38
69
 
39
- const RapidNumberEditor = wrap(RapidNumberEditorWC);
70
+ const RapidNumberEditor = React.forwardRef(function RapidNumberEditor(props, ref) {
71
+ const { children, ...rest } = props;
72
+ return React.createElement(customElements.getName(RapidNumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
73
+ });
40
74
 
41
- const RapidSelectEditor = wrap(RapidSelectEditorWC);
75
+ const RapidSelectEditor = React.forwardRef(function RapidSelectEditor(props, ref) {
76
+ const { children, ...rest } = props;
77
+ return React.createElement(customElements.getName(RapidSelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
78
+ });
42
79
 
43
- const RapidStringEditor = wrap(RapidStringEditorWC);
80
+ const RapidStringEditor = React.forwardRef(function RapidStringEditor(props, ref) {
81
+ const { children, ...rest } = props;
82
+ return React.createElement(customElements.getName(RapidStringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
83
+ });
44
84
 
45
- const RapidAgActionRenderer = wrap(RapidAgActionRendererWC);
85
+ const RapidAgActionRenderer = React.forwardRef(function RapidAgActionRenderer(props, ref) {
86
+ const { children, ...rest } = props;
87
+ return React.createElement(customElements.getName(RapidAgActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
88
+ });
46
89
 
47
- const RapidAgActionsMenuRenderer = wrap(RapidAgActionsMenuRendererWC);
90
+ const RapidAgActionsMenuRenderer = React.forwardRef(function RapidAgActionsMenuRenderer(props, ref) {
91
+ const { children, ...rest } = props;
92
+ return React.createElement(customElements.getName(RapidAgActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
93
+ });
48
94
 
49
- const RapidBooleanRenderer = wrap(RapidBooleanRendererWC);
95
+ const RapidBooleanRenderer = React.forwardRef(function RapidBooleanRenderer(props, ref) {
96
+ const { children, ...rest } = props;
97
+ return React.createElement(customElements.getName(RapidBooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
98
+ });
50
99
 
51
- const RapidEditableRenderer = wrap(RapidEditableRendererWC);
100
+ const RapidEditableRenderer = React.forwardRef(function RapidEditableRenderer(props, ref) {
101
+ const { children, ...rest } = props;
102
+ return React.createElement(customElements.getName(RapidEditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
103
+ });
52
104
 
53
- const RapidIconRenderer = wrap(RapidIconRendererWC);
105
+ const RapidIconRenderer = React.forwardRef(function RapidIconRenderer(props, ref) {
106
+ const { children, ...rest } = props;
107
+ return React.createElement(customElements.getName(RapidIconRendererWC) ?? '%%prefix%%-icon-renderer', { ...rest, ref }, children);
108
+ });
54
109
 
55
- const RapidAgSelectRenderer = wrap(RapidAgSelectRendererWC);
110
+ const RapidAgSelectRenderer = React.forwardRef(function RapidAgSelectRenderer(props, ref) {
111
+ const { children, ...rest } = props;
112
+ return React.createElement(customElements.getName(RapidAgSelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
113
+ });
56
114
 
57
- const RapidStatusPillRenderer = wrap(RapidStatusPillRendererWC);
115
+ const RapidStatusPillRenderer = React.forwardRef(function RapidStatusPillRenderer(props, ref) {
116
+ const { children, ...rest } = props;
117
+ return React.createElement(customElements.getName(RapidStatusPillRendererWC) ?? '%%prefix%%-status-renderer', { ...rest, ref }, children);
118
+ });
58
119
 
59
- const RapidAgTextRenderer = wrap(RapidAgTextRendererWC);
120
+ const RapidAgTextRenderer = React.forwardRef(function RapidAgTextRenderer(props, ref) {
121
+ const { children, ...rest } = props;
122
+ return React.createElement(customElements.getName(RapidAgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
123
+ });
60
124
 
61
125
  module.exports = {
62
126
  RapidGridPro,
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 { RapidDateEditor as RapidDateEditorWC } from './esm/cell-editors/date.editor.js';
9
8
  import { RapidMultiselectEditor as RapidMultiselectEditorWC } from './esm/cell-editors/multiselect.editor.js';
@@ -20,38 +19,103 @@ import { RapidStatusPillRenderer as RapidStatusPillRendererWC } from './esm/cell
20
19
  import { RapidAgTextRenderer as RapidAgTextRendererWC } from './esm/cell-renderers/text.renderer.js';
21
20
  import { RapidGridPro as RapidGridProWC } from './esm/grid-pro.js';
22
21
 
23
- const { wrap } = provideReactWrapper(React);
24
-
25
- export const RapidGridPro = wrap(RapidGridProWC, {
26
- events: {
27
- onGridReady: 'gridReady',
28
- onOnGridReady: 'onGridReady',
29
- onGridready: 'gridready',
30
- },
22
+ function _mergeRefs(...refs) {
23
+ return (value) => {
24
+ for (const ref of refs) {
25
+ if (typeof ref === 'function') ref(value);
26
+ else if (ref != null) ref.current = value;
27
+ }
28
+ };
29
+ }
30
+
31
+ export const RapidGridPro = React.forwardRef(function RapidGridPro(props, ref) {
32
+ const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
33
+ const _innerRef = React.useRef(null);
34
+ const _onGridReadyRef = React.useRef(onGridReady);
35
+ _onGridReadyRef.current = onGridReady;
36
+ const _onOnGridReadyRef = React.useRef(onOnGridReady);
37
+ _onOnGridReadyRef.current = onOnGridReady;
38
+ const _onGridreadyRef = React.useRef(onGridready);
39
+ _onGridreadyRef.current = onGridready;
40
+ React.useLayoutEffect(() => {
41
+ const el = _innerRef.current;
42
+ if (!el) return;
43
+ const _onGridReadyFn = (e) => _onGridReadyRef.current?.(e);
44
+ el.addEventListener('gridReady', _onGridReadyFn);
45
+ const _onOnGridReadyFn = (e) => _onOnGridReadyRef.current?.(e);
46
+ el.addEventListener('onGridReady', _onOnGridReadyFn);
47
+ const _onGridreadyFn = (e) => _onGridreadyRef.current?.(e);
48
+ el.addEventListener('gridready', _onGridreadyFn);
49
+ return () => {
50
+ el.removeEventListener('gridReady', _onGridReadyFn);
51
+ el.removeEventListener('onGridReady', _onOnGridReadyFn);
52
+ el.removeEventListener('gridready', _onGridreadyFn);
53
+ };
54
+ }, []);
55
+ return React.createElement(customElements.getName(RapidGridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
31
56
  });
32
57
 
33
- export const RapidDateEditor = wrap(RapidDateEditorWC);
58
+ export const RapidDateEditor = React.forwardRef(function RapidDateEditor(props, ref) {
59
+ const { children, ...rest } = props;
60
+ return React.createElement(customElements.getName(RapidDateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
61
+ });
34
62
 
35
- export const RapidMultiselectEditor = wrap(RapidMultiselectEditorWC);
63
+ export const RapidMultiselectEditor = React.forwardRef(function RapidMultiselectEditor(props, ref) {
64
+ const { children, ...rest } = props;
65
+ return React.createElement(customElements.getName(RapidMultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
66
+ });
36
67
 
37
- export const RapidNumberEditor = wrap(RapidNumberEditorWC);
68
+ export const RapidNumberEditor = React.forwardRef(function RapidNumberEditor(props, ref) {
69
+ const { children, ...rest } = props;
70
+ return React.createElement(customElements.getName(RapidNumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
71
+ });
38
72
 
39
- export const RapidSelectEditor = wrap(RapidSelectEditorWC);
73
+ export const RapidSelectEditor = React.forwardRef(function RapidSelectEditor(props, ref) {
74
+ const { children, ...rest } = props;
75
+ return React.createElement(customElements.getName(RapidSelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
76
+ });
40
77
 
41
- export const RapidStringEditor = wrap(RapidStringEditorWC);
78
+ export const RapidStringEditor = React.forwardRef(function RapidStringEditor(props, ref) {
79
+ const { children, ...rest } = props;
80
+ return React.createElement(customElements.getName(RapidStringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
81
+ });
42
82
 
43
- export const RapidAgActionRenderer = wrap(RapidAgActionRendererWC);
83
+ export const RapidAgActionRenderer = React.forwardRef(function RapidAgActionRenderer(props, ref) {
84
+ const { children, ...rest } = props;
85
+ return React.createElement(customElements.getName(RapidAgActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
86
+ });
44
87
 
45
- export const RapidAgActionsMenuRenderer = wrap(RapidAgActionsMenuRendererWC);
88
+ export const RapidAgActionsMenuRenderer = React.forwardRef(function RapidAgActionsMenuRenderer(props, ref) {
89
+ const { children, ...rest } = props;
90
+ return React.createElement(customElements.getName(RapidAgActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
91
+ });
46
92
 
47
- export const RapidBooleanRenderer = wrap(RapidBooleanRendererWC);
93
+ export const RapidBooleanRenderer = React.forwardRef(function RapidBooleanRenderer(props, ref) {
94
+ const { children, ...rest } = props;
95
+ return React.createElement(customElements.getName(RapidBooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
96
+ });
48
97
 
49
- export const RapidEditableRenderer = wrap(RapidEditableRendererWC);
98
+ export const RapidEditableRenderer = React.forwardRef(function RapidEditableRenderer(props, ref) {
99
+ const { children, ...rest } = props;
100
+ return React.createElement(customElements.getName(RapidEditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
101
+ });
50
102
 
51
- export const RapidIconRenderer = wrap(RapidIconRendererWC);
103
+ export const RapidIconRenderer = React.forwardRef(function RapidIconRenderer(props, ref) {
104
+ const { children, ...rest } = props;
105
+ return React.createElement(customElements.getName(RapidIconRendererWC) ?? '%%prefix%%-icon-renderer', { ...rest, ref }, children);
106
+ });
52
107
 
53
- export const RapidAgSelectRenderer = wrap(RapidAgSelectRendererWC);
108
+ export const RapidAgSelectRenderer = React.forwardRef(function RapidAgSelectRenderer(props, ref) {
109
+ const { children, ...rest } = props;
110
+ return React.createElement(customElements.getName(RapidAgSelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
111
+ });
54
112
 
55
- export const RapidStatusPillRenderer = wrap(RapidStatusPillRendererWC);
113
+ export const RapidStatusPillRenderer = React.forwardRef(function RapidStatusPillRenderer(props, ref) {
114
+ const { children, ...rest } = props;
115
+ return React.createElement(customElements.getName(RapidStatusPillRendererWC) ?? '%%prefix%%-status-renderer', { ...rest, ref }, children);
116
+ });
56
117
 
57
- export const RapidAgTextRenderer = wrap(RapidAgTextRendererWC);
118
+ export const RapidAgTextRenderer = React.forwardRef(function RapidAgTextRenderer(props, ref) {
119
+ const { children, ...rest } = props;
120
+ return React.createElement(customElements.getName(RapidAgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
121
+ });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/rapid-grid-pro",
3
3
  "description": "Genesis Rapid Grid Pro",
4
- "version": "14.424.1",
4
+ "version": "14.425.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -37,17 +37,17 @@
37
37
  }
38
38
  },
39
39
  "devDependencies": {
40
- "@genesislcap/genx": "14.424.1",
41
- "@genesislcap/rollup-builder": "14.424.1",
42
- "@genesislcap/ts-builder": "14.424.1",
43
- "@genesislcap/uvu-playwright-builder": "14.424.1",
44
- "@genesislcap/vite-builder": "14.424.1",
45
- "@genesislcap/webpack-builder": "14.424.1"
40
+ "@genesislcap/genx": "14.425.0",
41
+ "@genesislcap/rollup-builder": "14.425.0",
42
+ "@genesislcap/ts-builder": "14.425.0",
43
+ "@genesislcap/uvu-playwright-builder": "14.425.0",
44
+ "@genesislcap/vite-builder": "14.425.0",
45
+ "@genesislcap/webpack-builder": "14.425.0"
46
46
  },
47
47
  "dependencies": {
48
- "@genesislcap/foundation-ui": "14.424.1",
49
- "@genesislcap/grid-pro": "14.424.1",
50
- "@genesislcap/rapid-design-system": "14.424.1",
48
+ "@genesislcap/foundation-ui": "14.425.0",
49
+ "@genesislcap/grid-pro": "14.425.0",
50
+ "@genesislcap/rapid-design-system": "14.425.0",
51
51
  "@microsoft/fast-colors": "5.3.1",
52
52
  "@microsoft/fast-components": "2.30.6",
53
53
  "@microsoft/fast-element": "1.14.0",
@@ -57,7 +57,6 @@
57
57
  "@ag-grid-community/client-side-row-model": "29.2.0",
58
58
  "@ag-grid-community/core": "29.2.0",
59
59
  "@ag-grid-community/csv-export": "29.2.0",
60
- "@microsoft/fast-react-wrapper": ">=0.3.0",
61
60
  "ag-grid-community": "35.0.0",
62
61
  "ag-grid-enterprise": "35.0.0"
63
62
  },
@@ -81,5 +80,5 @@
81
80
  "require": "./dist/react.cjs"
82
81
  }
83
82
  },
84
- "gitHead": "04bb18a6f0b26506a9d87ab252ce9e2329219a5e"
83
+ "gitHead": "c49bb94fbc3a74e84f18c7445398af116e1a58bb"
85
84
  }