feat: add react wrappers

.gitignore

@@ -21,6 +21,8 @@ rhds.min.js
 *LEGAL.txt
 *.tgz
 
+/elements/react
+
 # e2e
 test-results
 *.ts-snapshots

package.json

@@ -97,7 +97,21 @@
         "analyze",
         "compile",
         "bundle",
-        "docs"
+        "docs",
+        "build:react"
+      ]
+    },
+    "build:react": {
+      "command": "ts-node --esm scripts/generate-react-wrappers.ts",
+      "dependencies": [
+        "analyze"
+      ],
+      "files": [
+        "custom-elements.json",
+        "scripts/generate-react-wrappers.ts"
+      ],
+      "output": [
+        "react/**/*"
       ]
     },
     "compile": {
@@ -117,6 +131,7 @@
     "bundle": {
       "command": "node scripts/bundle.js"
     },
+
     "analyze": {
       "command": "cem analyze && node scripts/cem-tokens.js && node scripts/system-tokens.js",
       "files": [

scripts/generate-react-wrappers.ts

@@ -0,0 +1,6 @@
+import { generateReactWrappers } from '@patternfly/pfe-tools/react/generate-wrappers.js';
+
+const inURL = new URL('../custom-elements.json', import.meta.url);
+const outURL = new URL('../elements/react/', import.meta.url);
+
+await generateReactWrappers(inURL, outURL);

tsconfig.json

@@ -27,7 +27,7 @@
     "importHelpers": true,
     "incremental": true,
     "inlineSources": true,
-    "module": "es2020",
+    "module": "es2022",
     "moduleResolution": "node",
     "noEmitOnError": false,
     "preserveValueImports": true,
@@ -58,6 +58,7 @@
       "DOM",
       "es2015.iterable",
       "es2020",
+      "es2022",
       "es5",
       "es6",
       "ScriptHost"