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

package/dist/custom-elements.json

@@ -1652,21 +1652,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/themes/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./genesis-rapid/theme-genesis-rapid"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/utils/index.ts",
@@ -1718,6 +1703,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/themes/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./genesis-rapid/theme-genesis-rapid"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/themes/genesis-rapid/theme-genesis-rapid-css.ts",

package/dist/dts/react.d.ts

@@ -43,5 +43,6 @@ export declare const ZeroGridTabulator: React.ForwardRefExoticComponent<
     }
   > & React.RefAttributes<ZeroGridTabulatorWC>
 >;
+export type ZeroGridTabulatorRef = ZeroGridTabulatorWC;
 
 export {};

package/dist/react.cjs

@@ -5,16 +5,33 @@
 
 'use strict';
 
-const { provideReactWrapper } = require('@microsoft/fast-react-wrapper');
 const React = require('react');
 const { ZeroGridTabulator: ZeroGridTabulatorWC } = require('./esm/grid-tabulator.js');
 
-const { wrap } = provideReactWrapper(React);
+function _mergeRefs(...refs) {
+  return (value) => {
+    for (const ref of refs) {
+      if (typeof ref === 'function') ref(value);
+      else if (ref != null) ref.current = value;
+    }
+  };
+}
 
-const ZeroGridTabulator = wrap(ZeroGridTabulatorWC, {
-  events: {
-    onGridReady: 'gridReady',
-  },
+const ZeroGridTabulator = React.forwardRef(function ZeroGridTabulator(props, ref) {
+  const { onGridReady, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  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);
+    return () => {
+      el.removeEventListener('gridReady', _onGridReadyFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(ZeroGridTabulatorWC) ?? '%%prefix%%-grid-tabulator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
 module.exports = {

package/dist/react.mjs

@@ -3,14 +3,31 @@
  * Generated from custom-elements manifest.
  */
 
-import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
 import React from 'react';
 import { ZeroGridTabulator as ZeroGridTabulatorWC } from './esm/grid-tabulator.js';
 
-const { wrap } = provideReactWrapper(React);
+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 ZeroGridTabulator = wrap(ZeroGridTabulatorWC, {
-  events: {
-    onGridReady: 'gridReady',
-  },
+export const ZeroGridTabulator = React.forwardRef(function ZeroGridTabulator(props, ref) {
+  const { onGridReady, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  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);
+    return () => {
+      el.removeEventListener('gridReady', _onGridReadyFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(ZeroGridTabulatorWC) ?? '%%prefix%%-grid-tabulator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero-grid-tabulator",
   "description": "Genesis Foundation Zero Grid Tabulator",
-  "version": "14.424.1",
+  "version": "14.426.0",
   "private": false,
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
@@ -35,19 +35,19 @@
     }
   },
   "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-comms": "14.424.1",
-    "@genesislcap/foundation-ui": "14.424.1",
-    "@genesislcap/foundation-utils": "14.424.1",
-    "@genesislcap/foundation-zero": "14.424.1",
-    "@genesislcap/grid-tabulator": "14.424.1",
+    "@genesislcap/foundation-comms": "14.426.0",
+    "@genesislcap/foundation-ui": "14.426.0",
+    "@genesislcap/foundation-utils": "14.426.0",
+    "@genesislcap/foundation-zero": "14.426.0",
+    "@genesislcap/grid-tabulator": "14.426.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -66,5 +66,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "04bb18a6f0b26506a9d87ab252ce9e2329219a5e"
+  "gitHead": "fdf222ae3a2e4b9ea03dea45e0f7207cc096ef40"
 }