@genesislcap/rapid-grid-pro 14.424.1 → 14.426.0

package/dist/dts/react.d.ts

@@ -58,6 +58,7 @@ export declare const RapidGridPro: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidGridProWC>
 >;
+export type RapidGridProRef = RapidGridProWC;
 
 export declare const RapidDateEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -66,6 +67,7 @@ export declare const RapidDateEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidDateEditorWC>
 >;
+export type RapidDateEditorRef = RapidDateEditorWC;
 
 export declare const RapidMultiselectEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -74,6 +76,7 @@ export declare const RapidMultiselectEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidMultiselectEditorWC>
 >;
+export type RapidMultiselectEditorRef = RapidMultiselectEditorWC;
 
 export declare const RapidNumberEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -82,6 +85,7 @@ export declare const RapidNumberEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidNumberEditorWC>
 >;
+export type RapidNumberEditorRef = RapidNumberEditorWC;
 
 export declare const RapidSelectEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -90,6 +94,7 @@ export declare const RapidSelectEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidSelectEditorWC>
 >;
+export type RapidSelectEditorRef = RapidSelectEditorWC;
 
 export declare const RapidStringEditor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -98,6 +103,7 @@ export declare const RapidStringEditor: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidStringEditorWC>
 >;
+export type RapidStringEditorRef = RapidStringEditorWC;
 
 export declare const RapidAgActionRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -106,6 +112,7 @@ export declare const RapidAgActionRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidAgActionRendererWC>
 >;
+export type RapidAgActionRendererRef = RapidAgActionRendererWC;
 
 export declare const RapidAgActionsMenuRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -114,6 +121,7 @@ export declare const RapidAgActionsMenuRenderer: React.ForwardRefExoticComponent
     }
   > & React.RefAttributes<RapidAgActionsMenuRendererWC>
 >;
+export type RapidAgActionsMenuRendererRef = RapidAgActionsMenuRendererWC;
 
 export declare const RapidBooleanRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -122,6 +130,7 @@ export declare const RapidBooleanRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidBooleanRendererWC>
 >;
+export type RapidBooleanRendererRef = RapidBooleanRendererWC;
 
 export declare const RapidEditableRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -130,6 +139,7 @@ export declare const RapidEditableRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidEditableRendererWC>
 >;
+export type RapidEditableRendererRef = RapidEditableRendererWC;
 
 export declare const RapidIconRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -138,6 +148,7 @@ export declare const RapidIconRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidIconRendererWC>
 >;
+export type RapidIconRendererRef = RapidIconRendererWC;
 
 export declare const RapidAgSelectRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -146,6 +157,7 @@ export declare const RapidAgSelectRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidAgSelectRendererWC>
 >;
+export type RapidAgSelectRendererRef = RapidAgSelectRendererWC;
 
 export declare const RapidStatusPillRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -154,6 +166,7 @@ export declare const RapidStatusPillRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidStatusPillRendererWC>
 >;
+export type RapidStatusPillRendererRef = RapidStatusPillRendererWC;
 
 export declare const RapidAgTextRenderer: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -162,5 +175,6 @@ export declare const RapidAgTextRenderer: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<RapidAgTextRendererWC>
 >;
+export type RapidAgTextRendererRef = RapidAgTextRendererWC;
 
 export {};

package/dist/react.cjs

@@ -5,7 +5,6 @@
 
 'use strict';
 
-const { provideReactWrapper } = require('@microsoft/fast-react-wrapper');
 const React = require('react');
 const { RapidDateEditor: RapidDateEditorWC } = require('./esm/cell-editors/date.editor.js');
 const { RapidMultiselectEditor: RapidMultiselectEditorWC } = require('./esm/cell-editors/multiselect.editor.js');
@@ -22,41 +21,106 @@ const { RapidStatusPillRenderer: RapidStatusPillRendererWC } = require('./esm/ce
 const { RapidAgTextRenderer: RapidAgTextRendererWC } = require('./esm/cell-renderers/text.renderer.js');
 const { RapidGridPro: RapidGridProWC } = require('./esm/grid-pro.js');
 
-const { wrap } = provideReactWrapper(React);
-
-const RapidGridPro = wrap(RapidGridProWC, {
-  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 RapidGridPro = React.forwardRef(function RapidGridPro(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(RapidGridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const RapidDateEditor = wrap(RapidDateEditorWC);
+const RapidDateEditor = React.forwardRef(function RapidDateEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidDateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
+});
 
-const RapidMultiselectEditor = wrap(RapidMultiselectEditorWC);
+const RapidMultiselectEditor = React.forwardRef(function RapidMultiselectEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidMultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
+});
 
-const RapidNumberEditor = wrap(RapidNumberEditorWC);
+const RapidNumberEditor = React.forwardRef(function RapidNumberEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidNumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
+});
 
-const RapidSelectEditor = wrap(RapidSelectEditorWC);
+const RapidSelectEditor = React.forwardRef(function RapidSelectEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidSelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
+});
 
-const RapidStringEditor = wrap(RapidStringEditorWC);
+const RapidStringEditor = React.forwardRef(function RapidStringEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidStringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
+});
 
-const RapidAgActionRenderer = wrap(RapidAgActionRendererWC);
+const RapidAgActionRenderer = React.forwardRef(function RapidAgActionRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidAgActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
+});
 
-const RapidAgActionsMenuRenderer = wrap(RapidAgActionsMenuRendererWC);
+const RapidAgActionsMenuRenderer = React.forwardRef(function RapidAgActionsMenuRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidAgActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
+});
 
-const RapidBooleanRenderer = wrap(RapidBooleanRendererWC);
+const RapidBooleanRenderer = React.forwardRef(function RapidBooleanRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidBooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
+});
 
-const RapidEditableRenderer = wrap(RapidEditableRendererWC);
+const RapidEditableRenderer = React.forwardRef(function RapidEditableRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidEditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
+});
 
-const RapidIconRenderer = wrap(RapidIconRendererWC);
+const RapidIconRenderer = React.forwardRef(function RapidIconRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidIconRendererWC) ?? '%%prefix%%-icon-renderer', { ...rest, ref }, children);
+});
 
-const RapidAgSelectRenderer = wrap(RapidAgSelectRendererWC);
+const RapidAgSelectRenderer = React.forwardRef(function RapidAgSelectRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidAgSelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
+});
 
-const RapidStatusPillRenderer = wrap(RapidStatusPillRendererWC);
+const RapidStatusPillRenderer = React.forwardRef(function RapidStatusPillRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidStatusPillRendererWC) ?? '%%prefix%%-status-renderer', { ...rest, ref }, children);
+});
 
-const RapidAgTextRenderer = wrap(RapidAgTextRendererWC);
+const RapidAgTextRenderer = React.forwardRef(function RapidAgTextRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidAgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
+});
 
 module.exports = {
   RapidGridPro,

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 { RapidDateEditor as RapidDateEditorWC } from './esm/cell-editors/date.editor.js';
 import { RapidMultiselectEditor as RapidMultiselectEditorWC } from './esm/cell-editors/multiselect.editor.js';
@@ -20,38 +19,103 @@ import { RapidStatusPillRenderer as RapidStatusPillRendererWC } from './esm/cell
 import { RapidAgTextRenderer as RapidAgTextRendererWC } from './esm/cell-renderers/text.renderer.js';
 import { RapidGridPro as RapidGridProWC } from './esm/grid-pro.js';
 
-const { wrap } = provideReactWrapper(React);
-
-export const RapidGridPro = wrap(RapidGridProWC, {
-  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 RapidGridPro = React.forwardRef(function RapidGridPro(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(RapidGridProWC) ?? '%%prefix%%-grid-pro', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const RapidDateEditor = wrap(RapidDateEditorWC);
+export const RapidDateEditor = React.forwardRef(function RapidDateEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidDateEditorWC) ?? '%%prefix%%-date-editor', { ...rest, ref }, children);
+});
 
-export const RapidMultiselectEditor = wrap(RapidMultiselectEditorWC);
+export const RapidMultiselectEditor = React.forwardRef(function RapidMultiselectEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidMultiselectEditorWC) ?? '%%prefix%%-multiselect-editor', { ...rest, ref }, children);
+});
 
-export const RapidNumberEditor = wrap(RapidNumberEditorWC);
+export const RapidNumberEditor = React.forwardRef(function RapidNumberEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidNumberEditorWC) ?? '%%prefix%%-number-editor', { ...rest, ref }, children);
+});
 
-export const RapidSelectEditor = wrap(RapidSelectEditorWC);
+export const RapidSelectEditor = React.forwardRef(function RapidSelectEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidSelectEditorWC) ?? '%%prefix%%-select-editor', { ...rest, ref }, children);
+});
 
-export const RapidStringEditor = wrap(RapidStringEditorWC);
+export const RapidStringEditor = React.forwardRef(function RapidStringEditor(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidStringEditorWC) ?? '%%prefix%%-string-editor', { ...rest, ref }, children);
+});
 
-export const RapidAgActionRenderer = wrap(RapidAgActionRendererWC);
+export const RapidAgActionRenderer = React.forwardRef(function RapidAgActionRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidAgActionRendererWC) ?? '%%prefix%%-grid-pro-action-renderer', { ...rest, ref }, children);
+});
 
-export const RapidAgActionsMenuRenderer = wrap(RapidAgActionsMenuRendererWC);
+export const RapidAgActionsMenuRenderer = React.forwardRef(function RapidAgActionsMenuRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidAgActionsMenuRendererWC) ?? '%%prefix%%-grid-pro-actions-menu-renderer', { ...rest, ref }, children);
+});
 
-export const RapidBooleanRenderer = wrap(RapidBooleanRendererWC);
+export const RapidBooleanRenderer = React.forwardRef(function RapidBooleanRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidBooleanRendererWC) ?? '%%prefix%%-boolean-renderer', { ...rest, ref }, children);
+});
 
-export const RapidEditableRenderer = wrap(RapidEditableRendererWC);
+export const RapidEditableRenderer = React.forwardRef(function RapidEditableRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidEditableRendererWC) ?? '%%prefix%%-editable-renderer', { ...rest, ref }, children);
+});
 
-export const RapidIconRenderer = wrap(RapidIconRendererWC);
+export const RapidIconRenderer = React.forwardRef(function RapidIconRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidIconRendererWC) ?? '%%prefix%%-icon-renderer', { ...rest, ref }, children);
+});
 
-export const RapidAgSelectRenderer = wrap(RapidAgSelectRendererWC);
+export const RapidAgSelectRenderer = React.forwardRef(function RapidAgSelectRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidAgSelectRendererWC) ?? '%%prefix%%-select-renderer', { ...rest, ref }, children);
+});
 
-export const RapidStatusPillRenderer = wrap(RapidStatusPillRendererWC);
+export const RapidStatusPillRenderer = React.forwardRef(function RapidStatusPillRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidStatusPillRendererWC) ?? '%%prefix%%-status-renderer', { ...rest, ref }, children);
+});
 
-export const RapidAgTextRenderer = wrap(RapidAgTextRendererWC);
+export const RapidAgTextRenderer = React.forwardRef(function RapidAgTextRenderer(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(RapidAgTextRendererWC) ?? '%%prefix%%-grid-text-renderer', { ...rest, ref }, children);
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-grid-pro",
   "description": "Genesis Rapid 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/grid-pro": "14.424.1",
-    "@genesislcap/rapid-design-system": "14.424.1",
+    "@genesislcap/foundation-ui": "14.426.0",
+    "@genesislcap/grid-pro": "14.426.0",
+    "@genesislcap/rapid-design-system": "14.426.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -57,7 +57,6 @@
     "@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": "35.0.0",
     "ag-grid-enterprise": "35.0.0"
   },
@@ -81,5 +80,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "04bb18a6f0b26506a9d87ab252ce9e2329219a5e"
+  "gitHead": "fdf222ae3a2e4b9ea03dea45e0f7207cc096ef40"
 }