@genesislcap/foundation-zero-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 +86 -22
  2. package/dist/react.mjs +86 -22
  3. package/package.json +12 -13
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 { ZeroDateEditor: ZeroDateEditorWC } = require('./esm/cell-editors/date.editor.js');
11
10
  const { ZeroMultiselectEditor: ZeroMultiselectEditorWC } = require('./esm/cell-editors/multiselect.editor.js');
@@ -22,41 +21,106 @@ const { ZeroStatusPillRenderer: ZeroStatusPillRendererWC } = require('./esm/cell
22
21
  const { ZeroAgTextRenderer: ZeroAgTextRendererWC } = require('./esm/cell-renderers/text.renderer.js');
23
22
  const { ZeroGridPro: ZeroGridProWC } = require('./esm/grid-pro.js');
24
23
 
25
- const { wrap } = provideReactWrapper(React);
26
-
27
- const ZeroGridPro = wrap(ZeroGridProWC, {
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 ZeroGridPro = React.forwardRef(function ZeroGridPro(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(ZeroGridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
33
58
  });
34
59
 
35
- const ZeroDateEditor = wrap(ZeroDateEditorWC);
60
+ const ZeroDateEditor = React.forwardRef(function ZeroDateEditor(props, ref) {
61
+ const { children, ...rest } = props;
62
+ return React.createElement(customElements.getName(ZeroDateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
63
+ });
36
64
 
37
- const ZeroMultiselectEditor = wrap(ZeroMultiselectEditorWC);
65
+ const ZeroMultiselectEditor = React.forwardRef(function ZeroMultiselectEditor(props, ref) {
66
+ const { children, ...rest } = props;
67
+ return React.createElement(customElements.getName(ZeroMultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
68
+ });
38
69
 
39
- const ZeroNumberEditor = wrap(ZeroNumberEditorWC);
70
+ const ZeroNumberEditor = React.forwardRef(function ZeroNumberEditor(props, ref) {
71
+ const { children, ...rest } = props;
72
+ return React.createElement(customElements.getName(ZeroNumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
73
+ });
40
74
 
41
- const ZeroSelectEditor = wrap(ZeroSelectEditorWC);
75
+ const ZeroSelectEditor = React.forwardRef(function ZeroSelectEditor(props, ref) {
76
+ const { children, ...rest } = props;
77
+ return React.createElement(customElements.getName(ZeroSelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
78
+ });
42
79
 
43
- const ZeroStringEditor = wrap(ZeroStringEditorWC);
80
+ const ZeroStringEditor = React.forwardRef(function ZeroStringEditor(props, ref) {
81
+ const { children, ...rest } = props;
82
+ return React.createElement(customElements.getName(ZeroStringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
83
+ });
44
84
 
45
- const ZeroAgActionRenderer = wrap(ZeroAgActionRendererWC);
85
+ const ZeroAgActionRenderer = React.forwardRef(function ZeroAgActionRenderer(props, ref) {
86
+ const { children, ...rest } = props;
87
+ return React.createElement(customElements.getName(ZeroAgActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
88
+ });
46
89
 
47
- const ZeroAgActionsMenuRenderer = wrap(ZeroAgActionsMenuRendererWC);
90
+ const ZeroAgActionsMenuRenderer = React.forwardRef(function ZeroAgActionsMenuRenderer(props, ref) {
91
+ const { children, ...rest } = props;
92
+ return React.createElement(customElements.getName(ZeroAgActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
93
+ });
48
94
 
49
- const ZeroBooleanRenderer = wrap(ZeroBooleanRendererWC);
95
+ const ZeroBooleanRenderer = React.forwardRef(function ZeroBooleanRenderer(props, ref) {
96
+ const { children, ...rest } = props;
97
+ return React.createElement(customElements.getName(ZeroBooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
98
+ });
50
99
 
51
- const ZeroEditableRenderer = wrap(ZeroEditableRendererWC);
100
+ const ZeroEditableRenderer = React.forwardRef(function ZeroEditableRenderer(props, ref) {
101
+ const { children, ...rest } = props;
102
+ return React.createElement(customElements.getName(ZeroEditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
103
+ });
52
104
 
53
- const ZeroIconRenderer = wrap(ZeroIconRendererWC);
105
+ const ZeroIconRenderer = React.forwardRef(function ZeroIconRenderer(props, ref) {
106
+ const { children, ...rest } = props;
107
+ return React.createElement(customElements.getName(ZeroIconRendererWC) ?? '%%prefix%%-Icon-renderer', { ...rest, ref }, children);
108
+ });
54
109
 
55
- const ZeroAgSelectRenderer = wrap(ZeroAgSelectRendererWC);
110
+ const ZeroAgSelectRenderer = React.forwardRef(function ZeroAgSelectRenderer(props, ref) {
111
+ const { children, ...rest } = props;
112
+ return React.createElement(customElements.getName(ZeroAgSelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
113
+ });
56
114
 
57
- const ZeroStatusPillRenderer = wrap(ZeroStatusPillRendererWC);
115
+ const ZeroStatusPillRenderer = React.forwardRef(function ZeroStatusPillRenderer(props, ref) {
116
+ const { children, ...rest } = props;
117
+ return React.createElement(customElements.getName(ZeroStatusPillRendererWC) ?? '%%prefix%%-status-renderer', { ...rest, ref }, children);
118
+ });
58
119
 
59
- const ZeroAgTextRenderer = wrap(ZeroAgTextRendererWC);
120
+ const ZeroAgTextRenderer = React.forwardRef(function ZeroAgTextRenderer(props, ref) {
121
+ const { children, ...rest } = props;
122
+ return React.createElement(customElements.getName(ZeroAgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
123
+ });
60
124
 
61
125
  module.exports = {
62
126
  ZeroGridPro,
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 { ZeroDateEditor as ZeroDateEditorWC } from './esm/cell-editors/date.editor.js';
9
8
  import { ZeroMultiselectEditor as ZeroMultiselectEditorWC } from './esm/cell-editors/multiselect.editor.js';
@@ -20,38 +19,103 @@ import { ZeroStatusPillRenderer as ZeroStatusPillRendererWC } from './esm/cell-r
20
19
  import { ZeroAgTextRenderer as ZeroAgTextRendererWC } from './esm/cell-renderers/text.renderer.js';
21
20
  import { ZeroGridPro as ZeroGridProWC } from './esm/grid-pro.js';
22
21
 
23
- const { wrap } = provideReactWrapper(React);
24
-
25
- export const ZeroGridPro = wrap(ZeroGridProWC, {
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 ZeroGridPro = React.forwardRef(function ZeroGridPro(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(ZeroGridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
31
56
  });
32
57
 
33
- export const ZeroDateEditor = wrap(ZeroDateEditorWC);
58
+ export const ZeroDateEditor = React.forwardRef(function ZeroDateEditor(props, ref) {
59
+ const { children, ...rest } = props;
60
+ return React.createElement(customElements.getName(ZeroDateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
61
+ });
34
62
 
35
- export const ZeroMultiselectEditor = wrap(ZeroMultiselectEditorWC);
63
+ export const ZeroMultiselectEditor = React.forwardRef(function ZeroMultiselectEditor(props, ref) {
64
+ const { children, ...rest } = props;
65
+ return React.createElement(customElements.getName(ZeroMultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
66
+ });
36
67
 
37
- export const ZeroNumberEditor = wrap(ZeroNumberEditorWC);
68
+ export const ZeroNumberEditor = React.forwardRef(function ZeroNumberEditor(props, ref) {
69
+ const { children, ...rest } = props;
70
+ return React.createElement(customElements.getName(ZeroNumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
71
+ });
38
72
 
39
- export const ZeroSelectEditor = wrap(ZeroSelectEditorWC);
73
+ export const ZeroSelectEditor = React.forwardRef(function ZeroSelectEditor(props, ref) {
74
+ const { children, ...rest } = props;
75
+ return React.createElement(customElements.getName(ZeroSelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
76
+ });
40
77
 
41
- export const ZeroStringEditor = wrap(ZeroStringEditorWC);
78
+ export const ZeroStringEditor = React.forwardRef(function ZeroStringEditor(props, ref) {
79
+ const { children, ...rest } = props;
80
+ return React.createElement(customElements.getName(ZeroStringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
81
+ });
42
82
 
43
- export const ZeroAgActionRenderer = wrap(ZeroAgActionRendererWC);
83
+ export const ZeroAgActionRenderer = React.forwardRef(function ZeroAgActionRenderer(props, ref) {
84
+ const { children, ...rest } = props;
85
+ return React.createElement(customElements.getName(ZeroAgActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
86
+ });
44
87
 
45
- export const ZeroAgActionsMenuRenderer = wrap(ZeroAgActionsMenuRendererWC);
88
+ export const ZeroAgActionsMenuRenderer = React.forwardRef(function ZeroAgActionsMenuRenderer(props, ref) {
89
+ const { children, ...rest } = props;
90
+ return React.createElement(customElements.getName(ZeroAgActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
91
+ });
46
92
 
47
- export const ZeroBooleanRenderer = wrap(ZeroBooleanRendererWC);
93
+ export const ZeroBooleanRenderer = React.forwardRef(function ZeroBooleanRenderer(props, ref) {
94
+ const { children, ...rest } = props;
95
+ return React.createElement(customElements.getName(ZeroBooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
96
+ });
48
97
 
49
- export const ZeroEditableRenderer = wrap(ZeroEditableRendererWC);
98
+ export const ZeroEditableRenderer = React.forwardRef(function ZeroEditableRenderer(props, ref) {
99
+ const { children, ...rest } = props;
100
+ return React.createElement(customElements.getName(ZeroEditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
101
+ });
50
102
 
51
- export const ZeroIconRenderer = wrap(ZeroIconRendererWC);
103
+ export const ZeroIconRenderer = React.forwardRef(function ZeroIconRenderer(props, ref) {
104
+ const { children, ...rest } = props;
105
+ return React.createElement(customElements.getName(ZeroIconRendererWC) ?? '%%prefix%%-Icon-renderer', { ...rest, ref }, children);
106
+ });
52
107
 
53
- export const ZeroAgSelectRenderer = wrap(ZeroAgSelectRendererWC);
108
+ export const ZeroAgSelectRenderer = React.forwardRef(function ZeroAgSelectRenderer(props, ref) {
109
+ const { children, ...rest } = props;
110
+ return React.createElement(customElements.getName(ZeroAgSelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
111
+ });
54
112
 
55
- export const ZeroStatusPillRenderer = wrap(ZeroStatusPillRendererWC);
113
+ export const ZeroStatusPillRenderer = React.forwardRef(function ZeroStatusPillRenderer(props, ref) {
114
+ const { children, ...rest } = props;
115
+ return React.createElement(customElements.getName(ZeroStatusPillRendererWC) ?? '%%prefix%%-status-renderer', { ...rest, ref }, children);
116
+ });
56
117
 
57
- export const ZeroAgTextRenderer = wrap(ZeroAgTextRendererWC);
118
+ export const ZeroAgTextRenderer = React.forwardRef(function ZeroAgTextRenderer(props, ref) {
119
+ const { children, ...rest } = props;
120
+ return React.createElement(customElements.getName(ZeroAgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
121
+ });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero-grid-pro",
3
3
  "description": "Genesis Foundation Zero Grid Pro",
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",
@@ -37,17 +37,17 @@
37
37
  }
38
38
  },
39
39
  "devDependencies": {
40
- "@genesislcap/genx": "14.424.1-alpha-cfc2887.0",
41
- "@genesislcap/rollup-builder": "14.424.1-alpha-cfc2887.0",
42
- "@genesislcap/ts-builder": "14.424.1-alpha-cfc2887.0",
43
- "@genesislcap/uvu-playwright-builder": "14.424.1-alpha-cfc2887.0",
44
- "@genesislcap/vite-builder": "14.424.1-alpha-cfc2887.0",
45
- "@genesislcap/webpack-builder": "14.424.1-alpha-cfc2887.0"
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-alpha-cfc2887.0",
49
- "@genesislcap/foundation-zero": "14.424.1-alpha-cfc2887.0",
50
- "@genesislcap/grid-pro": "14.424.1-alpha-cfc2887.0",
48
+ "@genesislcap/foundation-ui": "14.425.0",
49
+ "@genesislcap/foundation-zero": "14.425.0",
50
+ "@genesislcap/grid-pro": "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",
@@ -56,8 +56,7 @@
56
56
  "peerDependencies": {
57
57
  "@ag-grid-community/client-side-row-model": "29.2.0",
58
58
  "@ag-grid-community/core": "29.2.0",
59
- "@ag-grid-community/csv-export": "29.2.0",
60
- "@microsoft/fast-react-wrapper": ">=0.3.0"
59
+ "@ag-grid-community/csv-export": "29.2.0"
61
60
  },
62
61
  "repository": {
63
62
  "type": "git",
@@ -79,5 +78,5 @@
79
78
  "require": "./dist/react.cjs"
80
79
  }
81
80
  },
82
- "gitHead": "0460a55fc4d9bde4d0e6e11db51125a371bf5b4d"
81
+ "gitHead": "c49bb94fbc3a74e84f18c7445398af116e1a58bb"
83
82
  }