@scania/tegel-react 1.51.0 → 1.52.0-happy-dom-beta.0

package/dist/runtime.js

@@ -1,10 +1,10 @@
 /**
  * Custom runtime wrapper for @stencil/react-output-target.
  *
- * In JSDOM (vitest / jest), Stencil's lazy-loaded property-to-attribute
+ * In JSDOM/HappyDOM (vitest / jest), Stencil's lazy-loaded property-to-attribute
  * reflection never fires, so props set as JS properties via @lit/react's
  * createComponent are invisible to getAttribute(). This wrapper detects
- * JSDOM and adds a useLayoutEffect that explicitly syncs primitive props
+ * JSDOM/HappyDOM and adds a useLayoutEffect that explicitly syncs primitive props
  * to DOM attributes. In real browsers, the original component is returned
  * unchanged — zero runtime cost.
  */
@@ -21,8 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { createComponent as litCreateComponent } from '@lit/react';
 import React from 'react';
-// ---------- JSDOM detection ----------
-const isJsdom = typeof navigator !== 'undefined' && /jsdom/i.test(navigator.userAgent);
+// ---------- Test DOM detection ----------
+const isTestDom = typeof navigator !== 'undefined' && /(jsdom|happydom)/i.test(navigator.userAgent);
 // ---------- Attribute helpers ----------
 const reservedProps = new Set(['children', 'localName', 'ref', 'style', 'className']);
 function camelToDash(str) {
@@ -58,10 +58,10 @@ export const createComponent = (_a) => {
     const resolvedTagName = transformTag ? transformTag(tagName) : tagName;
     const OriginalComponent = litCreateComponent(Object.assign(Object.assign({}, rest), { tagName: resolvedTagName }));
     // In real browsers Stencil's proxy handles reflection — return as-is.
-    if (!isJsdom) {
+    if (!isTestDom) {
         return OriginalComponent;
     }
-    // --- JSDOM wrapper ---
+    // --- Test DOM wrapper ---
     const { elementClass, events } = rest;
     const eventKeys = new Set(Object.keys(events !== null && events !== void 0 ? events : {}));
     const WrappedComponent = React.forwardRef((props, ref) => {

package/dist/types/runtime.d.ts

@@ -1,10 +1,10 @@
 /**
  * Custom runtime wrapper for @stencil/react-output-target.
  *
- * In JSDOM (vitest / jest), Stencil's lazy-loaded property-to-attribute
+ * In JSDOM/HappyDOM (vitest / jest), Stencil's lazy-loaded property-to-attribute
  * reflection never fires, so props set as JS properties via @lit/react's
  * createComponent are invisible to getAttribute(). This wrapper detects
- * JSDOM and adds a useLayoutEffect that explicitly syncs primitive props
+ * JSDOM/HappyDOM and adds a useLayoutEffect that explicitly syncs primitive props
  * to DOM attributes. In real browsers, the original component is returned
  * unchanged — zero runtime cost.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel-react",
-  "version": "1.51.0",
+  "version": "1.52.0-happy-dom-beta.0",
   "description": "React wrappers for Tegel package",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,7 +27,7 @@
   },
   "homepage": "https://github.com/scania-digital-design-system/tegel#readme",
   "dependencies": {
-    "@scania/tegel": "^1.51.0",
+    "@scania/tegel": "1.52.0-happy-dom-beta.0",
     "@stencil/react-output-target": "1.3.0"
   },
   "devDependencies": {