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

package/dist/nabs-ui-toolbar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n={left:`nabs-ui-toolbar__content--label-left`,right:`nabs-ui-toolbar__content--label-right`,top:`nabs-ui-toolbar__content--label-top`,bottom:`nabs-ui-toolbar__content--label-bottom`};function r(e){return e||`right`}var i=(0,e.forwardRef)(function({items:e,activeItemId:i,className:a=``,buttonClassName:o=``,iconClassName:s=``,labelClassName:c=``,onItemSelect:l,...u},d){return(0,t.jsx)(`div`,{ref:d,className:[`nabs-ui-toolbar`,a].filter(Boolean).join(` `),role:`toolbar`,...u,children:e.map(e=>{let a=e.icon,u=!!e.label,d=e.id===i||e.pressed===!0,f=[`nabs-ui-toolbar__content`,n[r(e.labelPosition)]].filter(Boolean).join(` `),p=[`nabs-ui-toolbar__button`,d?`nabs-ui-toolbar__button--active`:``,u?``:`nabs-ui-toolbar__button--icon-only`,o].filter(Boolean).join(` `),m=[`nabs-ui-toolbar__icon`,s].filter(Boolean).join(` `),h=[`nabs-ui-toolbar__label`,c].filter(Boolean).join(` `),g=typeof e.label==`string`?e.label:e.title;return(0,t.jsx)(`button`,{type:`button`,className:p,disabled:e.disabled,title:e.title,"aria-label":g,"aria-pressed":typeof e.pressed==`boolean`?e.pressed:void 0,onClick:t=>{l?.({itemId:e.id,item:e,event:t})},children:(0,t.jsxs)(`span`,{className:f,children:[a?(0,t.jsx)(a,{className:m,"aria-hidden":`true`,focusable:`false`}):null,e.label?(0,t.jsx)(`span`,{className:h,children:e.label}):null]})},e.id)})})});i.displayName=`Toolbar`,exports.Toolbar=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n={left:`nabs-ui-toolbar__content--label-left`,right:`nabs-ui-toolbar__content--label-right`,top:`nabs-ui-toolbar__content--label-top`,bottom:`nabs-ui-toolbar__content--label-bottom`};function r(e){return e||`right`}function i(e){return[`nabs-ui-toolbar`,e??``].filter(Boolean).join(` `)}function a(e){return[`nabs-ui-toolbar__content`,e].filter(Boolean).join(` `)}function o({isActive:e,hasLabel:t,buttonClassName:n}){return[`nabs-ui-toolbar__button`,e?`nabs-ui-toolbar__button--active`:``,t?``:`nabs-ui-toolbar__button--icon-only`,n??``].filter(Boolean).join(` `)}function s(e){return[`nabs-ui-toolbar__icon`,e??``].filter(Boolean).join(` `)}function c(e){return[`nabs-ui-toolbar__label`,e??``].filter(Boolean).join(` `)}function l(e,t){return typeof e==`string`?e:t}var u=(0,e.forwardRef)(function({items:e,activeItemId:u,className:d=``,buttonClassName:f=``,iconClassName:p=``,labelClassName:m=``,onItemSelect:h,...g},_){return(0,t.jsx)(`div`,{ref:_,className:i(d),role:`toolbar`,...g,children:e.map(e=>{let i=e.icon,d=!!e.label,g=e.id===u||e.pressed===!0,_=a(n[r(e.labelPosition)]),v=o({isActive:g,hasLabel:d,buttonClassName:f}),y=s(p),b=c(m),x=l(e.label,e.title);return(0,t.jsx)(`button`,{type:`button`,className:v,disabled:e.disabled,title:e.title,"aria-label":x,"aria-pressed":typeof e.pressed==`boolean`?e.pressed:void 0,onClick:t=>{h?.({itemId:e.id,item:e,event:t})},children:(0,t.jsxs)(`span`,{className:_,children:[i?(0,t.jsx)(i,{className:y,"aria-hidden":`true`,focusable:`false`}):null,e.label?(0,t.jsx)(`span`,{className:b,children:e.label}):null]})},e.id)})})});u.displayName=`Toolbar`,exports.Toolbar=u;

package/dist/nabs-ui-toolbar.js

@@ -1,6 +1,6 @@
 import { forwardRef as e } from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/toolbar.utils.ts
+//#region src/toolbar.model.ts
 var r = {
 	left: "nabs-ui-toolbar__content--label-left",
 	right: "nabs-ui-toolbar__content--label-right",
@@ -11,42 +11,66 @@ function i(e) {
 	return e || "right";
 }
 //#endregion
+//#region src/toolbar.view-model.ts
+function a(e) {
+	return ["nabs-ui-toolbar", e ?? ""].filter(Boolean).join(" ");
+}
+function o(e) {
+	return ["nabs-ui-toolbar__content", e].filter(Boolean).join(" ");
+}
+function s({ isActive: e, hasLabel: t, buttonClassName: n }) {
+	return [
+		"nabs-ui-toolbar__button",
+		e ? "nabs-ui-toolbar__button--active" : "",
+		t ? "" : "nabs-ui-toolbar__button--icon-only",
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function c(e) {
+	return ["nabs-ui-toolbar__icon", e ?? ""].filter(Boolean).join(" ");
+}
+function l(e) {
+	return ["nabs-ui-toolbar__label", e ?? ""].filter(Boolean).join(" ");
+}
+function u(e, t) {
+	return typeof e == "string" ? e : t;
+}
+//#endregion
 //#region src/Toolbar.tsx
-var a = e(function({ items: e, activeItemId: a, className: o = "", buttonClassName: s = "", iconClassName: c = "", labelClassName: l = "", onItemSelect: u, ...d }, f) {
+var d = e(function({ items: e, activeItemId: d, className: f = "", buttonClassName: p = "", iconClassName: m = "", labelClassName: h = "", onItemSelect: g, ..._ }, v) {
 	return /* @__PURE__ */ t("div", {
-		ref: f,
-		className: ["nabs-ui-toolbar", o].filter(Boolean).join(" "),
+		ref: v,
+		className: a(f),
 		role: "toolbar",
-		...d,
+		..._,
 		children: e.map((e) => {
-			let o = e.icon, d = !!e.label, f = e.id === a || e.pressed === !0, p = ["nabs-ui-toolbar__content", r[i(e.labelPosition)]].filter(Boolean).join(" "), m = [
-				"nabs-ui-toolbar__button",
-				f ? "nabs-ui-toolbar__button--active" : "",
-				d ? "" : "nabs-ui-toolbar__button--icon-only",
-				s
-			].filter(Boolean).join(" "), h = ["nabs-ui-toolbar__icon", c].filter(Boolean).join(" "), g = ["nabs-ui-toolbar__label", l].filter(Boolean).join(" "), _ = typeof e.label == "string" ? e.label : e.title;
+			let a = e.icon, f = !!e.label, _ = e.id === d || e.pressed === !0, v = o(r[i(e.labelPosition)]), y = s({
+				isActive: _,
+				hasLabel: f,
+				buttonClassName: p
+			}), b = c(m), x = l(h), S = u(e.label, e.title);
 			return /* @__PURE__ */ t("button", {
 				type: "button",
-				className: m,
+				className: y,
 				disabled: e.disabled,
 				title: e.title,
-				"aria-label": _,
+				"aria-label": S,
 				"aria-pressed": typeof e.pressed == "boolean" ? e.pressed : void 0,
 				onClick: (t) => {
-					u?.({
+					g?.({
 						itemId: e.id,
 						item: e,
 						event: t
 					});
 				},
 				children: /* @__PURE__ */ n("span", {
-					className: p,
-					children: [o ? /* @__PURE__ */ t(o, {
-						className: h,
+					className: v,
+					children: [a ? /* @__PURE__ */ t(a, {
+						className: b,
 						"aria-hidden": "true",
 						focusable: "false"
 					}) : null, e.label ? /* @__PURE__ */ t("span", {
-						className: g,
+						className: x,
 						children: e.label
 					}) : null]
 				})
@@ -54,6 +78,6 @@ var a = e(function({ items: e, activeItemId: a, className: o = "", buttonClassNa
 		})
 	});
 });
-a.displayName = "Toolbar";
+d.displayName = "Toolbar";
 //#endregion
-export { a as Toolbar };
+export { d as Toolbar };

package/dist/toolbar.model.d.ts

@@ -0,0 +1,3 @@
+import { ToolbarLabelPosition } from './Toolbar.types';
+export declare const labelPositionClasses: Record<ToolbarLabelPosition, string>;
+export declare function normalizeLabelPosition(position: ToolbarLabelPosition | undefined): ToolbarLabelPosition;

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

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

package/dist/toolbar.utils.d.ts

@@ -1,3 +1 @@
-import { ToolbarLabelPosition } from './Toolbar.types';
-export declare const labelPositionClasses: Record<ToolbarLabelPosition, string>;
-export declare function normalizeLabelPosition(position: ToolbarLabelPosition | undefined): ToolbarLabelPosition;
+export { labelPositionClasses, normalizeLabelPosition, } from './toolbar.model';

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

@@ -0,0 +1,14 @@
+export declare function buildToolbarClassName(className?: string): string;
+export declare function buildToolbarContentClassName(labelPositionClass: string): string;
+export declare function buildToolbarButtonClassName({ isActive, hasLabel, buttonClassName, }: {
+    isActive: boolean;
+    hasLabel: boolean;
+    buttonClassName?: string;
+}): string;
+export declare function buildToolbarIconClassName(iconClassName?: string): string;
+export declare function buildToolbarLabelClassName(labelClassName?: string): string;
+export declare function resolveToolbarAriaLabel(label: unknown, title: string | undefined): string | undefined;
+export declare function toToolbarStateLabel({ active, itemCount, }: {
+    active: string | undefined;
+    itemCount: number;
+}): string;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net-advantage/nabs-ui-toolbar",
-  "version": "0.69.0",
+  "version": "0.71.0",
   "description": "Reusable toolbar control for the Nabs UI library.",
   "type": "module",
   "main": "./dist/nabs-ui-toolbar.cjs",
@@ -28,11 +28,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"
   }
 }