@postenbring/hedwig-react 0.0.59 → 0.0.61

package/dist/form/radiobutton/radiogroup.js

@@ -0,0 +1,145 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/form/radiobutton/radiogroup.tsx
+var radiogroup_exports = {};
+__export(radiogroup_exports, {
+  RadioGroup: () => RadioGroup,
+  useRadioGroupContext: () => useRadioGroupContext
+});
+module.exports = __toCommonJS(radiogroup_exports);
+var import_react2 = require("react");
+
+// src/form/fieldset/fieldset.tsx
+var import_react = require("react");
+var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
+
+// src/form/error-message/error-message.tsx
+var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ErrorMessage({ children, id, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "aria-live": "assertive",
+      className: (0, import_typed_classname.clsx)("hds-error-message", className),
+      id,
+      children
+    }
+  );
+}
+
+// src/form/fieldset/fieldset.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Fieldset = (0, import_react.forwardRef)(function Fieldset2(_a, ref) {
+  var _b = _a, {
+    className,
+    style,
+    errorMessage,
+    legendProps: _c = {}
+  } = _b, _d = _c, { size: legendSize = "default", className: legendClassName } = _d, legendProps = __objRest(_d, ["size", "className"]), _e = _b, {
+    legend,
+    children
+  } = _e, rest = __objRest(_e, [
+    "className",
+    "style",
+    "errorMessage",
+    "legendProps",
+    "legend",
+    "children"
+  ]);
+  const errorMessageId = (0, import_react.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "fieldset",
+    __spreadProps(__spreadValues({
+      "aria-describedby": errorMessage ? errorMessageId : void 0,
+      "aria-invalid": errorMessage ? true : void 0,
+      className: (0, import_typed_classname2.clsx)("hds-fieldset", className),
+      ref,
+      style
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "legend",
+          __spreadProps(__spreadValues({
+            className: (0, import_typed_classname2.clsx)(
+              "hds-fieldset__legend",
+              { [`hds-fieldset__legend--${legendSize}`]: legendSize },
+              legendClassName
+            )
+          }, legendProps), {
+            children: legend
+          })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: (0, import_typed_classname2.clsx)("hds-fieldset__input-wrapper"), children }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ErrorMessage, { id: errorMessageId, children: errorMessage })
+      ]
+    })
+  );
+});
+
+// src/form/radiobutton/radiogroup.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var RadioGroupContext = (0, import_react2.createContext)({
+  hasError: false,
+  onChange: () => {
+    return void 0;
+  }
+});
+var useRadioGroupContext = () => (0, import_react2.useContext)(RadioGroupContext);
+var RadioGroup = (0, import_react2.forwardRef)(function RadioGroup2(_a, ref) {
+  var _b = _a, { name, value, errorMessage, onChange, children } = _b, rest = __objRest(_b, ["name", "value", "errorMessage", "onChange", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RadioGroupContext.Provider, { value: { name, value, hasError: Boolean(errorMessage), onChange }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Fieldset, __spreadProps(__spreadValues({ errorMessage }, rest), { ref, children })) });
+});
+RadioGroup.displayName = "RadioGroup";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioGroup,
+  useRadioGroupContext
+});
+//# sourceMappingURL=radiogroup.js.map

package/dist/form/radiobutton/radiogroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/form/radiobutton/radiogroup.tsx","../../../src/form/fieldset/fieldset.tsx","../../../src/form/error-message/error-message.tsx"],"sourcesContent":["import {\n  type ChangeEventHandler,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  useContext,\n} from \"react\";\nimport { Fieldset, type FieldsetProps } from \"../fieldset\";\nimport type { RadiobuttonProps } from \"./radiobutton\";\n\nexport interface RadioGroupProps extends Omit<FieldsetProps, \"onChange\"> {\n  /** Will be passed to all Radiobuttons within the radio group */\n  name?: RadiobuttonProps[\"name\"];\n  /** If you want the group to be controlled, you can pass the selected value here */\n  value?: RadiobuttonProps[\"value\"];\n  /**\n   * Error message is passed to the internal Fieldset,\n   * and also marks all radiobuttons as invalid\n   */\n  errorMessage?: ReactNode;\n  /** Will be passed to all Radiobuttons within the radio group */\n  onChange?: ChangeEventHandler<HTMLInputElement> | undefined;\n}\n\ntype RadioGroupContextProps = {\n  hasError: boolean;\n} & Pick<RadioGroupProps, \"name\" | \"value\" | \"onChange\">;\n\nconst RadioGroupContext = createContext<RadioGroupContextProps>({\n  hasError: false,\n  onChange: () => {\n    return undefined;\n  },\n});\n\nexport const useRadioGroupContext = () => useContext(RadioGroupContext);\n\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  { name, value, errorMessage, onChange, children, ...rest },\n  ref,\n) {\n  return (\n    <RadioGroupContext.Provider value={{ name, value, hasError: Boolean(errorMessage), onChange }}>\n      <Fieldset errorMessage={errorMessage} {...rest} ref={ref}>\n        {children}\n      </Fieldset>\n    </RadioGroupContext.Provider>\n  );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\n","import { useId, forwardRef } from \"react\";\nimport type { FieldsetHTMLAttributes, HTMLAttributes, ReactNode, CSSProperties } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { ErrorMessage } from \"../error-message\";\n\nexport interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  className?: string;\n  style?: CSSProperties;\n  errorMessage?: ReactNode;\n  legendProps?: HTMLAttributes<HTMLElement> & { size: \"default\" | \"large\" };\n  legend: ReactNode;\n  children: ReactNode;\n}\n\nexport const Fieldset = forwardRef<HTMLFieldSetElement, FieldsetProps>(function Fieldset(\n  {\n    className,\n    style,\n    errorMessage,\n    legendProps: { size: legendSize = \"default\", className: legendClassName, ...legendProps } = {},\n    legend,\n    children,\n    ...rest\n  },\n  ref,\n) {\n  const errorMessageId = useId();\n\n  return (\n    <fieldset\n      aria-describedby={errorMessage ? errorMessageId : undefined}\n      aria-invalid={errorMessage ? true : undefined}\n      className={clsx(\"hds-fieldset\", className as undefined)}\n      ref={ref}\n      style={style}\n      {...rest}\n    >\n      <legend\n        className={clsx(\n          \"hds-fieldset__legend\",\n          { [`hds-fieldset__legend--${legendSize}`]: legendSize },\n          legendClassName as undefined,\n        )}\n        {...legendProps}\n      >\n        {legend}\n      </legend>\n      <div className={clsx(\"hds-fieldset__input-wrapper\")}>{children}</div>\n      <ErrorMessage id={errorMessageId}>{errorMessage}</ErrorMessage>\n    </fieldset>\n  );\n});\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { ReactNode } from \"react\";\n\nexport interface ErrorMessageProps {\n  children: ReactNode;\n  id: string;\n  className?: string;\n}\n\nexport function ErrorMessage({ children, id, className }: ErrorMessageProps) {\n  return (\n    <div\n      aria-live=\"assertive\"\n      className={clsx(\"hds-error-message\", className as undefined)}\n      id={id}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAAA,gBAMO;;;ACNP,mBAAkC;AAElC,IAAAC,0BAAqB;;;ACFrB,6BAAqB;AAWjB;AAFG,SAAS,aAAa,EAAE,UAAU,IAAI,UAAU,GAAsB;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,6BAAK,qBAAqB,SAAsB;AAAA,MAC3D;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ADUI,IAAAC,sBAAA;AAfG,IAAM,eAAW,yBAA+C,SAASC,UAC9E,IASA,KACA;AAVA,eAIe;AAAA,IAHb;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,KAA+E,CAAC;AAAA,EAnBjG,IAeE,IAIe,SAAE,QAAM,aAAa,WAAW,WAAW,gBAnB5D,IAmBiB,IAA+D,wBAA/D,IAA+D,CAA7D,QAA8B,eAJ/C,SAKE;AAAA;AAAA,IACA;AAAA,EArBJ,IAeE,IAOK,iBAPL,IAOK;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,qBAAiB,oBAAM;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,oBAAkB,eAAe,iBAAiB;AAAA,MAClD,gBAAc,eAAe,OAAO;AAAA,MACpC,eAAW,8BAAK,gBAAgB,SAAsB;AAAA,MACtD;AAAA,MACA;AAAA,OACI,OANL;AAAA,MAQC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,cACT;AAAA,cACA,EAAE,CAAC,yBAAyB,UAAU,EAAE,GAAG,WAAW;AAAA,cACtD;AAAA,YACF;AAAA,aACI,cANL;AAAA,YAQE;AAAA;AAAA,QACH;AAAA,QACA,6CAAC,SAAI,eAAW,8BAAK,6BAA6B,GAAI,UAAS;AAAA,QAC/D,6CAAC,gBAAa,IAAI,gBAAiB,wBAAa;AAAA;AAAA;AAAA,EAClD;AAEJ,CAAC;;;ADRK,IAAAC,sBAAA;AAfN,IAAM,wBAAoB,6BAAsC;AAAA,EAC9D,UAAU;AAAA,EACV,UAAU,MAAM;AACd,WAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,uBAAuB,UAAM,0BAAW,iBAAiB;AAE/D,IAAM,iBAAa,0BAAiD,SAASC,YAClF,IACA,KACA;AAFA,eAAE,QAAM,OAAO,cAAc,UAAU,SAtCzC,IAsCE,IAAoD,iBAApD,IAAoD,CAAlD,QAAM,SAAO,gBAAc,YAAU;AAGvC,SACE,6CAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,MAAM,OAAO,UAAU,QAAQ,YAAY,GAAG,SAAS,GAC1F,uDAAC,yCAAS,gBAAgC,OAAzC,EAA+C,KAC7C,WACH,GACF;AAEJ,CAAC;AAED,WAAW,cAAc;","names":["import_react","import_typed_classname","import_jsx_runtime","Fieldset","import_jsx_runtime","RadioGroup"]}

package/dist/form/radiobutton/radiogroup.mjs

@@ -0,0 +1,14 @@
+import {
+  RadioGroup,
+  useRadioGroupContext
+} from "../../chunk-V4NGUB4I.mjs";
+import "../../chunk-LMF3QGSF.mjs";
+import "../../chunk-37WVYY6X.mjs";
+import "../../chunk-NSLSA7F7.mjs";
+import "../../chunk-IL7576PP.mjs";
+import "../../chunk-R4SQKVDQ.mjs";
+export {
+  RadioGroup,
+  useRadioGroupContext
+};
+//# sourceMappingURL=radiogroup.mjs.map

package/dist/form/radiobutton/radiogroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index-no-css.d.mts

@@ -47,7 +47,10 @@ export { TextareaProps } from './_tsup-dts-rollup';
 export { Checkbox } from './_tsup-dts-rollup';
 export { CheckboxProps } from './_tsup-dts-rollup';
 export { Radiobutton } from './_tsup-dts-rollup';
+export { RadioGroup } from './_tsup-dts-rollup';
 export { RadiobuttonProps } from './_tsup-dts-rollup';
+export { RadioGroupProps } from './_tsup-dts-rollup';
+export { useRadioGroupContext } from './_tsup-dts-rollup';
 export { ErrorMessage } from './_tsup-dts-rollup';
 export { ErrorMessageProps } from './_tsup-dts-rollup';
 export { Container } from './_tsup-dts-rollup';

package/dist/index-no-css.d.ts

@@ -47,7 +47,10 @@ export { TextareaProps } from './_tsup-dts-rollup';
 export { Checkbox } from './_tsup-dts-rollup';
 export { CheckboxProps } from './_tsup-dts-rollup';
 export { Radiobutton } from './_tsup-dts-rollup';
+export { RadioGroup } from './_tsup-dts-rollup';
 export { RadiobuttonProps } from './_tsup-dts-rollup';
+export { RadioGroupProps } from './_tsup-dts-rollup';
+export { useRadioGroupContext } from './_tsup-dts-rollup';
 export { ErrorMessage } from './_tsup-dts-rollup';
 export { ErrorMessageProps } from './_tsup-dts-rollup';
 export { Container } from './_tsup-dts-rollup';