@public-ui/react-hook-form-adapter 3.0.6-rc.2

package/dist/index.mjs

@@ -0,0 +1,84 @@
+import React from 'react';
+import { Controller } from 'react-hook-form';
+import { KolInputText, KolInputPassword, KolInputEmail, KolInputNumber, KolInputRange, KolInputDate, KolInputColor, KolInputFile, KolTextarea, KolCombobox, KolSelect, KolSingleSelect, KolInputRadio, KolInputCheckbox } from '@public-ui/react-v19';
+
+function withController(Component, valueProp) {
+  return React.forwardRef((props, ref) => {
+    const { name, control, rules, defaultValue, ...rest } = props;
+    const userEventHandlers = props._on || {};
+    return /* @__PURE__ */ React.createElement(
+      Controller,
+      {
+        name,
+        control,
+        rules,
+        defaultValue,
+        render: ({ field, fieldState }) => {
+          const componentProps = {
+            ...rest,
+            _name: name,
+            _touched: fieldState.isTouched,
+            _disabled: props._disabled || field.disabled,
+            _msg: fieldState.error ? {
+              _type: "error",
+              _description: typeof fieldState.error === "string" ? fieldState.error : fieldState.error?.message ?? ""
+            } : void 0,
+            _on: {
+              ...userEventHandlers,
+              onInput: (e, value) => {
+                field.onChange(value);
+                if (userEventHandlers.onInput) {
+                  userEventHandlers.onInput(e, value);
+                }
+              },
+              onChange: (e, value) => {
+                field.onChange(value);
+                if (userEventHandlers.onChange) {
+                  userEventHandlers.onChange(e, value);
+                }
+              },
+              onBlur: (e) => {
+                field.onBlur();
+                if (userEventHandlers.onBlur) {
+                  userEventHandlers.onBlur(e);
+                }
+              }
+            }
+          };
+          if (valueProp) {
+            componentProps[valueProp] = field.value;
+          }
+          return /* @__PURE__ */ React.createElement(
+            Component,
+            {
+              ref: (e) => {
+                if (ref) {
+                  if (typeof ref === "function") ref(e);
+                  else ref.current = e;
+                }
+                if (e && field.ref) field.ref(e);
+              },
+              ...componentProps
+            }
+          );
+        }
+      }
+    );
+  });
+}
+const KolInputTextController = withController(KolInputText, "_value");
+const KolInputPasswordController = withController(KolInputPassword, "_value");
+const KolInputEmailController = withController(KolInputEmail, "_value");
+const KolInputNumberController = withController(KolInputNumber, "_value");
+const KolInputRangeController = withController(KolInputRange, "_value");
+const KolInputDateController = withController(KolInputDate, "_value");
+const KolInputColorController = withController(KolInputColor, "_value");
+const KolInputFileController = withController(KolInputFile, void 0);
+const KolTextareaController = withController(KolTextarea, "_value");
+const KolComboboxController = withController(KolCombobox, "_value");
+const KolSelectController = withController(KolSelect, "_value");
+const KolSingleSelectController = withController(KolSingleSelect, "_value");
+const KolInputRadioController = withController(KolInputRadio, "_value");
+const KolInputCheckboxController = withController(KolInputCheckbox, "_checked");
+
+export { KolComboboxController, KolInputCheckboxController, KolInputColorController, KolInputDateController, KolInputEmailController, KolInputFileController, KolInputNumberController, KolInputPasswordController, KolInputRadioController, KolInputRangeController, KolInputTextController, KolSelectController, KolSingleSelectController, KolTextareaController, withController };

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@public-ui/react-hook-form-adapter",
+  "version": "3.0.6-rc.2",
+  "license": "EUPL-1.2",
+  "homepage": "https://public-ui.github.io",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/public-ui/kolibri"
+  },
+  "bugs": {
+    "url": "https://github.com/public-ui/kolibri/issues",
+    "email": "kolibri@itzbund.de"
+  },
+  "author": {
+    "name": "Informationstechnikzentrum Bund",
+    "email": "kolibri@itzbund.de"
+  },
+  "description": "React Hook Form adapter for KoliBri - The accessible HTML-Standard.",
+  "keywords": [
+    "accessibility",
+    "accessible",
+    "bitv",
+    "framework",
+    "library",
+    "designsystem",
+    "design",
+    "system",
+    "web components",
+    "webcomponents",
+    "aria",
+    "wai",
+    "axe",
+    "custom elements",
+    "styleguide",
+    "style",
+    "guide",
+    "ui",
+    "html",
+    "css",
+    "web",
+    "a11y",
+    "w3c",
+    "webstandard",
+    "wcag",
+    "react",
+    "react-hook-form"
+  ],
+  "devDependencies": {
+    "@types/react": "18.3.24",
+    "@types/react-dom": "18.3.7",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/parser": "7.18.0",
+    "eslint": "8.57.1",
+    "prettier": "3.6.2",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "typescript": "5.9.2",
+    "unbuild": "3.6.1",
+    "@public-ui/components": "3.0.6-rc.2",
+    "@public-ui/react-v19": "3.0.6-rc.2"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-hook-form": "^7",
+    "@public-ui/react-v19": "3.0.6-rc.2"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "unbuild",
+    "format": "prettier --check src",
+    "-lint": "pnpm lint:eslint && pnpm lint:tsc",
+    "-lint:eslint": "eslint src",
+    "-lint:tsc": "tsc --noemit"
+  }
+}