@net-advantage/nabs-ui-radiobutton 0.69.0 → 0.71.0

package/dist/nabs-ui-radiobutton.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n={right:`nabs-ui-radiobutton--label-right`,left:`nabs-ui-radiobutton--label-left`,top:`nabs-ui-radiobutton--label-top`,bottom:`nabs-ui-radiobutton--label-bottom`};function r({label:r=`Radio button`,labelPosition:i=`right`,className:a=``,inputClassName:o=``,labelClassName:s=``,id:c,...l}){let u=l.disabled===!0,d=(0,e.useId)(),f=c??`nabs-ui-radiobutton-${d.replace(/:/g,``)}`,p=[`nabs-ui-radiobutton`,u?`nabs-ui-radiobutton--disabled`:``,n[i]??n.right,a].filter(Boolean).join(` `),m=[`nabs-ui-radiobutton__input`,o].filter(Boolean).join(` `),h=[`nabs-ui-radiobutton__label`,s].filter(Boolean).join(` `);return(0,t.jsxs)(`label`,{className:p,htmlFor:f,children:[(0,t.jsx)(`input`,{id:f,className:m,type:`radio`,...l}),(0,t.jsx)(`span`,{className:h,children:r})]})}exports.RadioButton=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n=[`right`,`left`,`top`,`bottom`],r=`right`,i={right:`nabs-ui-radiobutton--label-right`,left:`nabs-ui-radiobutton--label-left`,top:`nabs-ui-radiobutton--label-top`,bottom:`nabs-ui-radiobutton--label-bottom`};function a(e){return typeof e==`string`&&n.includes(e)}function o(e){return a(e)?e:r}function s(e,t){return e||`nabs-ui-radiobutton-${t.replace(/:/g,``)}`}function c({disabled:e=!1,labelPosition:t,className:n}){let r=o(t);return[`nabs-ui-radiobutton`,e?`nabs-ui-radiobutton--disabled`:``,i[r],n??``].filter(Boolean).join(` `)}function l(e){return[`nabs-ui-radiobutton__input`,e??``].filter(Boolean).join(` `)}function u(e){return[`nabs-ui-radiobutton__label`,e??``].filter(Boolean).join(` `)}function d({label:n=`Radio button`,labelPosition:r=`right`,className:i=``,inputClassName:a=``,labelClassName:o=``,id:d,...f}){let p=f.disabled===!0,m=s(d,(0,e.useId)()),h=c({disabled:p,labelPosition:r,className:i}),g=l(a),_=u(o);return(0,t.jsxs)(`label`,{className:h,htmlFor:m,children:[(0,t.jsx)(`input`,{id:m,className:g,type:`radio`,...f}),(0,t.jsx)(`span`,{className:_,children:n})]})}exports.RadioButton=d;

package/dist/nabs-ui-radiobutton.js

@@ -1,34 +1,64 @@
 import { useId as e } from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/radiobutton.utils.ts
-var r = {
+//#region src/radiobutton.model.ts
+var r = [
+	"right",
+	"left",
+	"top",
+	"bottom"
+], i = "right", a = {
 	right: "nabs-ui-radiobutton--label-right",
 	left: "nabs-ui-radiobutton--label-left",
 	top: "nabs-ui-radiobutton--label-top",
 	bottom: "nabs-ui-radiobutton--label-bottom"
 };
+function o(e) {
+	return typeof e == "string" && r.includes(e);
+}
+function s(e) {
+	return o(e) ? e : i;
+}
 //#endregion
-//#region src/RadioButton.tsx
-function i({ label: i = "Radio button", labelPosition: a = "right", className: o = "", inputClassName: s = "", labelClassName: c = "", id: l, ...u }) {
-	let d = u.disabled === !0, f = e(), p = l ?? `nabs-ui-radiobutton-${f.replace(/:/g, "")}`, m = [
+//#region src/radiobutton.view-model.ts
+function c(e, t) {
+	return e || `nabs-ui-radiobutton-${t.replace(/:/g, "")}`;
+}
+function l({ disabled: e = !1, labelPosition: t, className: n }) {
+	let r = s(t);
+	return [
 		"nabs-ui-radiobutton",
-		d ? "nabs-ui-radiobutton--disabled" : "",
-		r[a] ?? r.right,
-		o
-	].filter(Boolean).join(" "), h = ["nabs-ui-radiobutton__input", s].filter(Boolean).join(" "), g = ["nabs-ui-radiobutton__label", c].filter(Boolean).join(" ");
+		e ? "nabs-ui-radiobutton--disabled" : "",
+		a[r],
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function u(e) {
+	return ["nabs-ui-radiobutton__input", e ?? ""].filter(Boolean).join(" ");
+}
+function d(e) {
+	return ["nabs-ui-radiobutton__label", e ?? ""].filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/RadioButton.tsx
+function f({ label: r = "Radio button", labelPosition: i = "right", className: a = "", inputClassName: o = "", labelClassName: s = "", id: f, ...p }) {
+	let m = p.disabled === !0, h = c(f, e()), g = l({
+		disabled: m,
+		labelPosition: i,
+		className: a
+	}), _ = u(o), v = d(s);
 	return /* @__PURE__ */ n("label", {
-		className: m,
-		htmlFor: p,
+		className: g,
+		htmlFor: h,
 		children: [/* @__PURE__ */ t("input", {
-			id: p,
-			className: h,
+			id: h,
+			className: _,
 			type: "radio",
-			...u
+			...p
 		}), /* @__PURE__ */ t("span", {
-			className: g,
-			children: i
+			className: v,
+			children: r
 		})]
 	});
 }
 //#endregion
-export { i as RadioButton };
+export { f as RadioButton };

package/dist/radiobutton.model.d.ts

@@ -0,0 +1,6 @@
+import { RadioButtonLabelPosition } from './RadioButton.types';
+export declare const radioButtonLabelPositions: readonly ["right", "left", "top", "bottom"];
+export declare const defaultRadioButtonLabelPosition: RadioButtonLabelPosition;
+export declare const labelPositionClasses: Record<RadioButtonLabelPosition, string>;
+export declare function isRadioButtonLabelPosition(value: unknown): value is RadioButtonLabelPosition;
+export declare function normalizeRadioButtonLabelPosition(value: unknown): RadioButtonLabelPosition;

package/dist/radiobutton.model.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/radiobutton.utils.d.ts

@@ -1,2 +1 @@
-import { RadioButtonLabelPosition } from './RadioButton.types';
-export declare const labelPositionClasses: Record<RadioButtonLabelPosition, string>;
+export { radioButtonLabelPositions, defaultRadioButtonLabelPosition, labelPositionClasses, isRadioButtonLabelPosition, normalizeRadioButtonLabelPosition, } from './radiobutton.model';

package/dist/radiobutton.view-model.d.ts

@@ -0,0 +1,11 @@
+import { RadioButtonLabelPosition } from './RadioButton.types';
+export interface BuildRadioButtonClassNameInput {
+    disabled?: boolean;
+    labelPosition?: RadioButtonLabelPosition | string | null;
+    className?: string | null;
+}
+export declare function buildRadioButtonId(id: string | undefined, generatedId: string): string;
+export declare function buildRadioButtonClassName({ disabled, labelPosition, className, }: BuildRadioButtonClassNameInput): string;
+export declare function buildRadioButtonInputClassName(inputClassName?: string | null): string;
+export declare function buildRadioButtonLabelClassName(labelClassName?: string | null): string;
+export declare function toRadioButtonStateLabel(selectedValue: string, labelPosition: RadioButtonLabelPosition | string | null | undefined): string;

package/dist/radiobutton.view-model.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net-advantage/nabs-ui-radiobutton",
-  "version": "0.69.0",
+  "version": "0.71.0",
   "description": "Reusable React radio button control for the Nabs UI library.",
   "type": "module",
   "main": "./dist/nabs-ui-radiobutton.cjs",
@@ -25,11 +25,16 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^3.2.4",
     "react-dom": "^19.2.6",
-    "vite": "^8.0.12"
+    "vite": "^8.0.12",
+    "vitest": "^3.2.4"
   },
   "scripts": {
     "build": "vite build",
-    "dev": "vite"
+    "dev": "vite",
+    "test:unit": "vitest run",
+    "test:unit:watch": "vitest",
+    "test:unit:coverage": "vitest run --coverage --coverage.reporter=html --coverage.reporter=json-summary --coverage.reporter=text-summary"
   }
 }