@genesislcap/foundation-react-utils 14.446.1-FUI-2541.1 → 14.446.1-FUI-2541.2

package/dist/dts/create-react-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-react-renderer.d.ts","sourceRoot":"","sources":["../../src/create-react-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EACnB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACzB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,aAAa,CAAC,oBAAoB,CAAC,EAC9C,OAAO,EAAE;IACP;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,KAAK,mBAAmB,CAAC;IACrF;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GACA,aAAa,CAoDf"}
+{"version":3,"file":"create-react-renderer.d.ts","sourceRoot":"","sources":["../../src/create-react-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EACnB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACzB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,aAAa,CAAC,oBAAoB,CAAC,EAC9C,OAAO,EAAE;IACP;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,KAAK,mBAAmB,CAAC;IACrF;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,GACA,aAAa,CAsEf"}

package/dist/esm/create-react-renderer.js

@@ -60,10 +60,27 @@ export function createReactRenderer(Component, options) {
             errors: 'string',
             enabled: 'boolean',
             required: 'boolean',
-            handleChange: 'method',
             uischema: 'json',
         },
     });
+    // r2wc's 'function' type serialises the function to its .name string via
+    // setAttribute and then resolves it back via window[name] — which always
+    // fails for locally-scoped functions, leaving handleChange as undefined in
+    // React. Instead we bypass attribute round-tripping by writing directly into
+    // r2wc's internal props bag and triggering a re-render manually.
+    const r2wcPropsSym = Symbol.for('r2wc.props');
+    const r2wcRenderSym = Symbol.for('r2wc.render');
+    Object.defineProperty(WebComponent.prototype, 'handleChange', {
+        enumerable: true,
+        configurable: true,
+        get() {
+            return this[r2wcPropsSym].handleChange;
+        },
+        set(value) {
+            this[r2wcPropsSym].handleChange = value;
+            this[r2wcRenderSym]();
+        },
+    });
     if (!customElements.get(options.name)) {
         customElements.define(options.name, WebComponent);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-react-utils",
   "description": "Genesis Foundation React Utils",
-  "version": "14.446.1-FUI-2541.1",
+  "version": "14.446.1-FUI-2541.2",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -29,23 +29,23 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.446.1-FUI-2541.1",
-    "@genesislcap/genx": "14.446.1-FUI-2541.1",
-    "@genesislcap/rollup-builder": "14.446.1-FUI-2541.1",
-    "@genesislcap/ts-builder": "14.446.1-FUI-2541.1",
-    "@genesislcap/uvu-playwright-builder": "14.446.1-FUI-2541.1",
-    "@genesislcap/vite-builder": "14.446.1-FUI-2541.1",
-    "@genesislcap/webpack-builder": "14.446.1-FUI-2541.1"
+    "@genesislcap/foundation-testing": "14.446.1-FUI-2541.2",
+    "@genesislcap/genx": "14.446.1-FUI-2541.2",
+    "@genesislcap/rollup-builder": "14.446.1-FUI-2541.2",
+    "@genesislcap/ts-builder": "14.446.1-FUI-2541.2",
+    "@genesislcap/uvu-playwright-builder": "14.446.1-FUI-2541.2",
+    "@genesislcap/vite-builder": "14.446.1-FUI-2541.2",
+    "@genesislcap/webpack-builder": "14.446.1-FUI-2541.2"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-forms": "14.446.1-FUI-2541.1",
-    "@genesislcap/foundation-layout": "14.446.1-FUI-2541.1",
-    "@genesislcap/foundation-logger": "14.446.1-FUI-2541.1",
-    "@genesislcap/web-core": "14.446.1-FUI-2541.1",
+    "@genesislcap/foundation-forms": "14.446.1-FUI-2541.2",
+    "@genesislcap/foundation-layout": "14.446.1-FUI-2541.2",
+    "@genesislcap/foundation-logger": "14.446.1-FUI-2541.2",
+    "@genesislcap/web-core": "14.446.1-FUI-2541.2",
     "@jsonforms/core": "^3.2.1",
     "@r2wc/react-to-web-component": "^2.0.2"
   },
@@ -58,5 +58,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "ede3de0912bfd99b4fc0c9f57f2e322c27c8844b"
+  "gitHead": "e29fdf28775074bde37c45c152bada6b3b446386"
 }

package/src/create-react-renderer.ts

@@ -102,11 +102,29 @@ export function createReactRenderer(
       errors: 'string',
       enabled: 'boolean',
       required: 'boolean',
-      handleChange: 'method',
       uischema: 'json',
     },
   });
 
+  // r2wc's 'function' type serialises the function to its .name string via
+  // setAttribute and then resolves it back via window[name] — which always
+  // fails for locally-scoped functions, leaving handleChange as undefined in
+  // React. Instead we bypass attribute round-tripping by writing directly into
+  // r2wc's internal props bag and triggering a re-render manually.
+  const r2wcPropsSym = Symbol.for('r2wc.props');
+  const r2wcRenderSym = Symbol.for('r2wc.render');
+  Object.defineProperty(WebComponent.prototype, 'handleChange', {
+    enumerable: true,
+    configurable: true,
+    get() {
+      return (this as any)[r2wcPropsSym].handleChange;
+    },
+    set(value) {
+      (this as any)[r2wcPropsSym].handleChange = value;
+      (this as any)[r2wcRenderSym]();
+    },
+  });
+
   if (!customElements.get(options.name)) {
     customElements.define(options.name, WebComponent);
   }