@genesislcap/foundation-zero-grid-pro 14.424.1 → 14.426.0

package/dist/dts/react.d.ts

@@ -58,6 +58,7 @@ export declare const ZeroGridPro: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroGridProWC>
 >;
+export type ZeroGridProRef = ZeroGridProWC;
 
 export declare const ZeroDateEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -66,6 +67,7 @@ export declare const ZeroDateEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroDateEditorWC>
 >;
+export type ZeroDateEditorRef = ZeroDateEditorWC;
 
 export declare const ZeroMultiselectEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -74,6 +76,7 @@ export declare const ZeroMultiselectEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroMultiselectEditorWC>
 >;
+export type ZeroMultiselectEditorRef = ZeroMultiselectEditorWC;
 
 export declare const ZeroNumberEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -82,6 +85,7 @@ export declare const ZeroNumberEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroNumberEditorWC>
 >;
+export type ZeroNumberEditorRef = ZeroNumberEditorWC;
 
 export declare const ZeroSelectEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -90,6 +94,7 @@ export declare const ZeroSelectEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroSelectEditorWC>
 >;
+export type ZeroSelectEditorRef = ZeroSelectEditorWC;
 
 export declare const ZeroStringEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -98,6 +103,7 @@ export declare const ZeroStringEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroStringEditorWC>
 >;
+export type ZeroStringEditorRef = ZeroStringEditorWC;
 
 export declare const ZeroAgActionRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -106,6 +112,7 @@ export declare const ZeroAgActionRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroAgActionRendererWC>
 >;
+export type ZeroAgActionRendererRef = ZeroAgActionRendererWC;
 
 export declare const ZeroAgActionsMenuRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -114,6 +121,7 @@ export declare const ZeroAgActionsMenuRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroAgActionsMenuRendererWC>
 >;
+export type ZeroAgActionsMenuRendererRef = ZeroAgActionsMenuRendererWC;
 
 export declare const ZeroBooleanRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -122,6 +130,7 @@ export declare const ZeroBooleanRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroBooleanRendererWC>
 >;
+export type ZeroBooleanRendererRef = ZeroBooleanRendererWC;
 
 export declare const ZeroEditableRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -130,6 +139,7 @@ export declare const ZeroEditableRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroEditableRendererWC>
 >;
+export type ZeroEditableRendererRef = ZeroEditableRendererWC;
 
 export declare const ZeroIconRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -138,6 +148,7 @@ export declare const ZeroIconRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroIconRendererWC>
 >;
+export type ZeroIconRendererRef = ZeroIconRendererWC;
 
 export declare const ZeroAgSelectRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -146,6 +157,7 @@ export declare const ZeroAgSelectRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroAgSelectRendererWC>
 >;
+export type ZeroAgSelectRendererRef = ZeroAgSelectRendererWC;
 
 export declare const ZeroStatusPillRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -154,6 +166,7 @@ export declare const ZeroStatusPillRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroStatusPillRendererWC>
 >;
+export type ZeroStatusPillRendererRef = ZeroStatusPillRendererWC;
 
 export declare const ZeroAgTextRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -162,5 +175,6 @@ export declare const ZeroAgTextRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroAgTextRendererWC>
 >;
+export type ZeroAgTextRendererRef = ZeroAgTextRendererWC;
 
 export {};

package/dist/react.cjs

@@ -5,7 +5,6 @@
 
 'use strict';
 
-const { provideReactWrapper } = require('@microsoft/fast-react-wrapper');
 const React = require('react');
 const { ZeroDateEditor: ZeroDateEditorWC } = require('./esm/cell-editors/date.editor.js');
 const { ZeroMultiselectEditor: ZeroMultiselectEditorWC } = require('./esm/cell-editors/multiselect.editor.js');
@@ -22,41 +21,106 @@ const { ZeroStatusPillRenderer: ZeroStatusPillRendererWC } = require('./esm/cell
 const { ZeroAgTextRenderer: ZeroAgTextRendererWC } = require('./esm/cell-renderers/text.renderer.js');
 const { ZeroGridPro: ZeroGridProWC } = require('./esm/grid-pro.js');
 
-const { wrap } = provideReactWrapper(React);
-
-const ZeroGridPro = wrap(ZeroGridProWC, {
-  events: {
-    onGridReady: 'gridReady',
-    onOnGridReady: 'onGridReady',
-    onGridready: 'gridready',
-  },
+function _mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (typeof ref === 'function') ref(value);
+      else if (ref != null) ref.current = value;
+    }
+  };
+}
+
+const ZeroGridPro = React.forwardRef(function ZeroGridPro(props, ref) {
+  const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onGridReadyRef = React.useRef(onGridReady);
+  _onGridReadyRef.current = onGridReady;
+  const _onOnGridReadyRef = React.useRef(onOnGridReady);
+  _onOnGridReadyRef.current = onOnGridReady;
+  const _onGridreadyRef = React.useRef(onGridready);
+  _onGridreadyRef.current = onGridready;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onGridReadyFn = (e) => _onGridReadyRef.current?.(e);
+    el.addEventListener('gridReady', _onGridReadyFn);
+    const _onOnGridReadyFn = (e) => _onOnGridReadyRef.current?.(e);
+    el.addEventListener('onGridReady', _onOnGridReadyFn);
+    const _onGridreadyFn = (e) => _onGridreadyRef.current?.(e);
+    el.addEventListener('gridready', _onGridreadyFn);
+    return () => {
+      el.removeEventListener('gridReady', _onGridReadyFn);
+      el.removeEventListener('onGridReady', _onOnGridReadyFn);
+      el.removeEventListener('gridready', _onGridreadyFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(ZeroGridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const ZeroDateEditor = wrap(ZeroDateEditorWC);
+const ZeroDateEditor = React.forwardRef(function ZeroDateEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroDateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
+});
 
-const ZeroMultiselectEditor = wrap(ZeroMultiselectEditorWC);
+const ZeroMultiselectEditor = React.forwardRef(function ZeroMultiselectEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroMultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
+});
 
-const ZeroNumberEditor = wrap(ZeroNumberEditorWC);
+const ZeroNumberEditor = React.forwardRef(function ZeroNumberEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroNumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
+});
 
-const ZeroSelectEditor = wrap(ZeroSelectEditorWC);
+const ZeroSelectEditor = React.forwardRef(function ZeroSelectEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroSelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
+});
 
-const ZeroStringEditor = wrap(ZeroStringEditorWC);
+const ZeroStringEditor = React.forwardRef(function ZeroStringEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroStringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
+});
 
-const ZeroAgActionRenderer = wrap(ZeroAgActionRendererWC);
+const ZeroAgActionRenderer = React.forwardRef(function ZeroAgActionRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroAgActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
+});
 
-const ZeroAgActionsMenuRenderer = wrap(ZeroAgActionsMenuRendererWC);
+const ZeroAgActionsMenuRenderer = React.forwardRef(function ZeroAgActionsMenuRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroAgActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
+});
 
-const ZeroBooleanRenderer = wrap(ZeroBooleanRendererWC);
+const ZeroBooleanRenderer = React.forwardRef(function ZeroBooleanRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroBooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
+});
 
-const ZeroEditableRenderer = wrap(ZeroEditableRendererWC);
+const ZeroEditableRenderer = React.forwardRef(function ZeroEditableRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroEditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
+});
 
-const ZeroIconRenderer = wrap(ZeroIconRendererWC);
+const ZeroIconRenderer = React.forwardRef(function ZeroIconRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroIconRendererWC) ?? '%%prefix%%-Icon-renderer', { ...rest, ref }, children);
+});
 
-const ZeroAgSelectRenderer = wrap(ZeroAgSelectRendererWC);
+const ZeroAgSelectRenderer = React.forwardRef(function ZeroAgSelectRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroAgSelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
+});
 
-const ZeroStatusPillRenderer = wrap(ZeroStatusPillRendererWC);
+const ZeroStatusPillRenderer = React.forwardRef(function ZeroStatusPillRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroStatusPillRendererWC) ?? '%%prefix%%-status-renderer', { ...rest, ref }, children);
+});
 
-const ZeroAgTextRenderer = wrap(ZeroAgTextRendererWC);
+const ZeroAgTextRenderer = React.forwardRef(function ZeroAgTextRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroAgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
+});
 
 module.exports = {
   ZeroGridPro,

package/dist/react.mjs

@@ -3,7 +3,6 @@
  * Generated from custom-elements manifest.
  */
 
-import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
 import React from 'react';
 import { ZeroDateEditor as ZeroDateEditorWC } from './esm/cell-editors/date.editor.js';
 import { ZeroMultiselectEditor as ZeroMultiselectEditorWC } from './esm/cell-editors/multiselect.editor.js';
@@ -20,38 +19,103 @@ import { ZeroStatusPillRenderer as ZeroStatusPillRendererWC } from './esm/cell-r
 import { ZeroAgTextRenderer as ZeroAgTextRendererWC } from './esm/cell-renderers/text.renderer.js';
 import { ZeroGridPro as ZeroGridProWC } from './esm/grid-pro.js';
 
-const { wrap } = provideReactWrapper(React);
-
-export const ZeroGridPro = wrap(ZeroGridProWC, {
-  events: {
-    onGridReady: 'gridReady',
-    onOnGridReady: 'onGridReady',
-    onGridready: 'gridready',
-  },
+function _mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (typeof ref === 'function') ref(value);
+      else if (ref != null) ref.current = value;
+    }
+  };
+}
+
+export const ZeroGridPro = React.forwardRef(function ZeroGridPro(props, ref) {
+  const { onGridReady, onOnGridReady, onGridready, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onGridReadyRef = React.useRef(onGridReady);
+  _onGridReadyRef.current = onGridReady;
+  const _onOnGridReadyRef = React.useRef(onOnGridReady);
+  _onOnGridReadyRef.current = onOnGridReady;
+  const _onGridreadyRef = React.useRef(onGridready);
+  _onGridreadyRef.current = onGridready;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onGridReadyFn = (e) => _onGridReadyRef.current?.(e);
+    el.addEventListener('gridReady', _onGridReadyFn);
+    const _onOnGridReadyFn = (e) => _onOnGridReadyRef.current?.(e);
+    el.addEventListener('onGridReady', _onOnGridReadyFn);
+    const _onGridreadyFn = (e) => _onGridreadyRef.current?.(e);
+    el.addEventListener('gridready', _onGridreadyFn);
+    return () => {
+      el.removeEventListener('gridReady', _onGridReadyFn);
+      el.removeEventListener('onGridReady', _onOnGridReadyFn);
+      el.removeEventListener('gridready', _onGridreadyFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(ZeroGridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const ZeroDateEditor = wrap(ZeroDateEditorWC);
+export const ZeroDateEditor = React.forwardRef(function ZeroDateEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroDateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
+});
 
-export const ZeroMultiselectEditor = wrap(ZeroMultiselectEditorWC);
+export const ZeroMultiselectEditor = React.forwardRef(function ZeroMultiselectEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroMultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
+});
 
-export const ZeroNumberEditor = wrap(ZeroNumberEditorWC);
+export const ZeroNumberEditor = React.forwardRef(function ZeroNumberEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroNumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
+});
 
-export const ZeroSelectEditor = wrap(ZeroSelectEditorWC);
+export const ZeroSelectEditor = React.forwardRef(function ZeroSelectEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroSelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
+});
 
-export const ZeroStringEditor = wrap(ZeroStringEditorWC);
+export const ZeroStringEditor = React.forwardRef(function ZeroStringEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroStringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
+});
 
-export const ZeroAgActionRenderer = wrap(ZeroAgActionRendererWC);
+export const ZeroAgActionRenderer = React.forwardRef(function ZeroAgActionRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroAgActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
+});
 
-export const ZeroAgActionsMenuRenderer = wrap(ZeroAgActionsMenuRendererWC);
+export const ZeroAgActionsMenuRenderer = React.forwardRef(function ZeroAgActionsMenuRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroAgActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
+});
 
-export const ZeroBooleanRenderer = wrap(ZeroBooleanRendererWC);
+export const ZeroBooleanRenderer = React.forwardRef(function ZeroBooleanRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroBooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
+});
 
-export const ZeroEditableRenderer = wrap(ZeroEditableRendererWC);
+export const ZeroEditableRenderer = React.forwardRef(function ZeroEditableRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroEditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
+});
 
-export const ZeroIconRenderer = wrap(ZeroIconRendererWC);
+export const ZeroIconRenderer = React.forwardRef(function ZeroIconRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroIconRendererWC) ?? '%%prefix%%-Icon-renderer', { ...rest, ref }, children);
+});
 
-export const ZeroAgSelectRenderer = wrap(ZeroAgSelectRendererWC);
+export const ZeroAgSelectRenderer = React.forwardRef(function ZeroAgSelectRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroAgSelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
+});
 
-export const ZeroStatusPillRenderer = wrap(ZeroStatusPillRendererWC);
+export const ZeroStatusPillRenderer = React.forwardRef(function ZeroStatusPillRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroStatusPillRendererWC) ?? '%%prefix%%-status-renderer', { ...rest, ref }, children);
+});
 
-export const ZeroAgTextRenderer = wrap(ZeroAgTextRendererWC);
+export const ZeroAgTextRenderer = React.forwardRef(function ZeroAgTextRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(ZeroAgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero-grid-pro",
   "description": "Genesis Foundation Zero Grid Pro",
-  "version": "14.424.1",
+  "version": "14.426.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -37,17 +37,17 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.424.1",
-    "@genesislcap/rollup-builder": "14.424.1",
-    "@genesislcap/ts-builder": "14.424.1",
-    "@genesislcap/uvu-playwright-builder": "14.424.1",
-    "@genesislcap/vite-builder": "14.424.1",
-    "@genesislcap/webpack-builder": "14.424.1"
+    "@genesislcap/genx": "14.426.0",
+    "@genesislcap/rollup-builder": "14.426.0",
+    "@genesislcap/ts-builder": "14.426.0",
+    "@genesislcap/uvu-playwright-builder": "14.426.0",
+    "@genesislcap/vite-builder": "14.426.0",
+    "@genesislcap/webpack-builder": "14.426.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-ui": "14.424.1",
-    "@genesislcap/foundation-zero": "14.424.1",
-    "@genesislcap/grid-pro": "14.424.1",
+    "@genesislcap/foundation-ui": "14.426.0",
+    "@genesislcap/foundation-zero": "14.426.0",
+    "@genesislcap/grid-pro": "14.426.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -56,8 +56,7 @@
   "peerDependencies": {
     "@ag-grid-community/client-side-row-model": "29.2.0",
     "@ag-grid-community/core": "29.2.0",
-    "@ag-grid-community/csv-export": "29.2.0",
-    "@microsoft/fast-react-wrapper": ">=0.3.0"
+    "@ag-grid-community/csv-export": "29.2.0"
   },
   "repository": {
     "type": "git",
@@ -79,5 +78,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "04bb18a6f0b26506a9d87ab252ce9e2329219a5e"
+  "gitHead": "fdf222ae3a2e4b9ea03dea45e0f7207cc096ef40"
 }