@net-advantage/nabs-ui-dynamicform 0.70.0 → 0.72.0

package/dist/nabs-ui-dynamicform/src/dynamicform.model.d.ts

@@ -0,0 +1,2 @@
+import { createDefaultValue, createInitialValue, isRecord, normalizeValue } from './dynamicform.utils';
+export { createDefaultValue, createInitialValue, isRecord, normalizeValue };

package/dist/nabs-ui-dynamicform/src/dynamicform.model.test.d.ts

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

package/dist/nabs-ui-dynamicform/src/dynamicform.view-model.d.ts

@@ -0,0 +1,4 @@
+import { DynamicFormSchema, DynamicFormSchemaProperty, FieldMode } from './DynamicForm.types';
+export declare function resolveSchema(schema: DynamicFormSchema | undefined): DynamicFormSchema;
+export declare function buildDynamicFormClassNames(className: string | undefined, disabled: boolean): string;
+export declare function resolveFieldMode(schema: DynamicFormSchemaProperty | undefined): FieldMode;

package/dist/nabs-ui-dynamicform/src/dynamicform.view-model.test.d.ts

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

package/dist/nabs-ui-dynamicform.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("react/jsx-runtime");var n={right:`nabs-ui-checkbox--label-right`,left:`nabs-ui-checkbox--label-left`,top:`nabs-ui-checkbox--label-top`,bottom:`nabs-ui-checkbox--label-bottom`},r=(0,e.forwardRef)(function({label:r=`Checkbox`,labelPosition:i=`right`,className:a=``,inputClassName:o=``,labelClassName:s=``,id:c,disabled:l,...u},d){let f=(0,e.useId)(),p=c??`nabs-ui-checkbox-${f.replace(/:/g,``)}`,m=[`nabs-ui-checkbox`,l?`nabs-ui-checkbox--disabled`:``,n[i]??n.right,a].filter(Boolean).join(` `),h=[`nabs-ui-checkbox__input`,o].filter(Boolean).join(` `),g=[`nabs-ui-checkbox__label`,s].filter(Boolean).join(` `);return(0,t.jsxs)(`label`,{className:m,htmlFor:p,children:[(0,t.jsx)(`input`,{ref:d,id:p,className:h,type:`checkbox`,disabled:l,...u}),(0,t.jsx)(`span`,{className:g,children:r})]})});r.displayName=`Checkbox`;var 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({label:n=`Radio button`,labelPosition:r=`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`:``,i[r]??i.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:n})]})}var o=(0,e.forwardRef)(({label:n,className:r=``,inputClassName:i=``,labelClassName:a=``,id:o,rows:s=4,resize:c=`vertical`,...l},u)=>{let d=(0,e.useId)(),f=o??`nabs-ui-textarea-${d.replace(/:/g,``)}`,p=[`nabs-ui-textarea`,r].filter(Boolean).join(` `),m=[`nabs-ui-textarea__input`,i].filter(Boolean).join(` `),h=[`nabs-ui-textarea__label`,a].filter(Boolean).join(` `);return(0,t.jsxs)(`div`,{className:p,children:[n?(0,t.jsx)(`label`,{className:h,htmlFor:f,children:n}):null,(0,t.jsx)(`textarea`,{ref:u,id:f,className:m,rows:s,"data-resize":c,...l})]})});o.displayName=`Textarea`;var s={none:``,top:`nabs-ui-textbox--label-top`,left:`nabs-ui-textbox--label-left`};function c(e){if(e===``||e==null)return``;if(typeof e==`number`)return e.toFixed(2);if(typeof e==`string`){let t=e.trim();if(!t)return``;let n=Number.parseFloat(t);return Number.isNaN(n)?e:n.toFixed(2)}return e}var l=(0,e.forwardRef)(({label:n,labelPosition:r=`top`,className:i=``,inputClassName:a=``,labelClassName:o=``,format:l=`default`,currencySymbol:u=`$`,id:d,type:f=`text`,value:p,inputMode:m,...h},g)=>{let _=(0,e.useId)(),v=d??`nabs-ui-textbox-${_.replace(/:/g,``)}`,y=[`nabs-ui-textbox`,n?s[r]??s.top:``,i].filter(Boolean).join(` `),b=[`nabs-ui-textbox__input`,a].filter(Boolean).join(` `),x=[`nabs-ui-textbox__label`,o].filter(Boolean).join(` `),S=l===`currency`,C=S?`text`:f,w=S?m??`decimal`:m,T=S?c(p):p;return(0,t.jsxs)(`div`,{className:y,children:[n?(0,t.jsx)(`label`,{className:x,htmlFor:v,children:n}):null,S?(0,t.jsxs)(`div`,{className:`nabs-ui-textbox__currencyWrap`,children:[(0,t.jsx)(`span`,{className:`nabs-ui-textbox__currencySymbol`,"aria-hidden":`true`,children:u}),(0,t.jsx)(`input`,{ref:g,id:v,className:b,type:C,inputMode:w,value:T,...h})]}):(0,t.jsx)(`input`,{ref:g,id:v,className:b,type:C,inputMode:w,value:T,...h})]})});l.displayName=`Textbox`;function u(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function d(e){return!e||e.type!==`object`||!u(e.properties)?{}:Object.fromEntries(Object.entries(e.properties).map(([e,t])=>[e,f(t)]))}function f(e){if(!e||!u(e))return``;if(e.default!==void 0)return e.default;if(Array.isArray(e.enum)&&e.enum.length>0)return e.enum[0];switch(e.type){case`boolean`:return!1;case`integer`:case`number`:return``;case`object`:return d(e);default:return``}}function p(e,t){if(!e||!u(e))return t;if(e.type===`object`&&u(e.properties)){let n=u(t)?t:{};return Object.fromEntries(Object.entries(e.properties).map(([e,t])=>[e,p(t,n[e]===void 0?f(t):n[e])]))}if(e.type===`boolean`)return t===!0;if(e.type===`integer`){if(t===``||t==null)return``;let e=Number.parseInt(String(t),10);return Number.isNaN(e)?``:e}if(e.type===`number`){if(t===``||t==null)return``;let e=Number.parseFloat(String(t));return Number.isNaN(e)?``:e}return t??``}function m(e){if(!e||!u(e))return`textbox`;if(Array.isArray(e.enum)&&e.enum.length>0)return`radio`;if(e.type===`string`)return e.maxLength!==void 0&&e.maxLength>50?`textarea`:`textbox`;if(e.type===`integer`)return`int`;if(e.type===`number`){let t=String(e.format??``).toLowerCase(),n=String(e.currencySymbol??``).trim().length>0;return t===`decimal`?n?`currencyDecimal`:`decimal`:n?`currencyDouble`:`double`}return e.type===`boolean`?`bool`:`textbox`}var h={type:`object`,properties:{}};function g({schema:e,name:n,value:i,onChange:s}){let c=e.title??n,u=e.description,d=m(e),p=i??f(e);if(d===`radio`){let r=Array.isArray(e.enum)?e.enum:[];return(0,t.jsxs)(`fieldset`,{className:`nabs-ui-dynamicform__fieldset`,children:[(0,t.jsx)(`legend`,{className:`nabs-ui-dynamicform__legend`,children:c}),u?(0,t.jsx)(`p`,{className:`nabs-ui-dynamicform__description`,children:u}):null,(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__radioGroup`,children:r.map(e=>(0,t.jsx)(a,{label:String(e),name:n,checked:p===e,onChange:()=>s(e)},String(e)))})]})}if(d===`textarea`)return(0,t.jsx)(o,{label:c,rows:5,value:String(p??``),placeholder:String(e.default??``),onChange:e=>s(e.target.value)});if(d===`bool`)return(0,t.jsx)(r,{label:c,checked:p===!0,onChange:e=>s(e.target.checked)});let h=d===`currencyDecimal`||d===`currencyDouble`,g=d===`int`||d===`decimal`||d===`double`||d===`currencyDecimal`||d===`currencyDouble`,_=g?`number`:`text`,v=d===`int`?1:g?`any`:void 0,y=String(e.currencySymbol??``).trim(),b=h&&y.length>0,x=e=>{if(d===`int`){s(e===``?``:Number.parseInt(e,10));return}if(d===`decimal`||d===`double`||d===`currencyDecimal`||d===`currencyDouble`){s(e===``?``:Number.parseFloat(e));return}s(e)};return(0,t.jsx)(l,{label:c,type:_,step:v,format:b?`currency`:`default`,currencySymbol:b?y:void 0,value:String(p??``),placeholder:String(e.default??``),onChange:e=>x(e.target.value)})}var _=(0,e.forwardRef)(function({schema:n,value:r,onChange:i,className:a=``,id:o,disabled:s=!1,...c},l){let f=(0,e.useId)(),m=o??`nabs-ui-dynamicform-${f.replace(/:/g,``)}`,_=n&&n.type===`object`?n:h,[v,y]=(0,e.useState)(()=>p(_,r??d(_)));(0,e.useEffect)(()=>{y(p(_,r??d(_)))},[_,r]);let b=u(v)?v:{},x=_.title??`Dynamic form`,S=_.description,C=[`nabs-ui-dynamicform`,s?`nabs-ui-dynamicform--disabled`:``,a].filter(Boolean).join(` `),w=e=>{y(e),i?.(e)};return s?(0,t.jsxs)(`div`,{ref:l,id:m,className:C,"aria-disabled":`true`,...c,children:[(0,t.jsxs)(`div`,{className:`nabs-ui-dynamicform__header`,children:[(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__title`,children:x}),S?(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__description`,children:S}):null]}),(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__fields`,children:Object.entries(_.properties??{}).map(([e,n])=>(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__field`,children:(0,t.jsx)(g,{schema:n,name:e,value:b[e],onChange:t=>w({...b,[e]:p(n,t)})})},e))})]}):(0,t.jsxs)(`div`,{ref:l,id:m,className:C,...c,children:[(0,t.jsxs)(`div`,{className:`nabs-ui-dynamicform__header`,children:[(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__title`,children:x}),S?(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__description`,children:S}):null]}),(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__fields`,children:Object.entries(_.properties??{}).map(([e,n])=>(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__field`,children:(0,t.jsx)(g,{schema:n,name:e,value:b[e],onChange:t=>w({...b,[e]:p(n,t)})})},e))})]})});_.displayName=`DynamicForm`,exports.DynamicForm=_;
+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-checkbox--label-right`,left:`nabs-ui-checkbox--label-left`,top:`nabs-ui-checkbox--label-top`,bottom:`nabs-ui-checkbox--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-checkbox-${t.replace(/:/g,``)}`}function c({disabled:e=!1,labelPosition:t,className:n}){let r=o(t);return[`nabs-ui-checkbox`,e?`nabs-ui-checkbox--disabled`:``,i[r],n??``].filter(Boolean).join(` `)}function l(e){return[`nabs-ui-checkbox__input`,e??``].filter(Boolean).join(` `)}function u(e){return[`nabs-ui-checkbox__label`,e??``].filter(Boolean).join(` `)}var d=(0,e.forwardRef)(function({label:n=`Checkbox`,labelPosition:r=`right`,className:i=``,inputClassName:a=``,labelClassName:o=``,id:d,disabled:f,...p},m){let h=s(d,(0,e.useId)()),g=c({disabled:f,labelPosition:r,className:i}),_=l(a),v=u(o);return(0,t.jsxs)(`label`,{className:g,htmlFor:h,children:[(0,t.jsx)(`input`,{ref:m,id:h,className:_,type:`checkbox`,disabled:f,...p}),(0,t.jsx)(`span`,{className:v,children:n})]})});d.displayName=`Checkbox`;var f=[`right`,`left`,`top`,`bottom`],p=`right`,m={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 h(e){return typeof e==`string`&&f.includes(e)}function g(e){return h(e)?e:p}function _(e,t){return e||`nabs-ui-radiobutton-${t.replace(/:/g,``)}`}function v({disabled:e=!1,labelPosition:t,className:n}){let r=g(t);return[`nabs-ui-radiobutton`,e?`nabs-ui-radiobutton--disabled`:``,m[r],n??``].filter(Boolean).join(` `)}function y(e){return[`nabs-ui-radiobutton__input`,e??``].filter(Boolean).join(` `)}function b(e){return[`nabs-ui-radiobutton__label`,e??``].filter(Boolean).join(` `)}function x({label:n=`Radio button`,labelPosition:r=`right`,className:i=``,inputClassName:a=``,labelClassName:o=``,id:s,...c}){let l=c.disabled===!0,u=_(s,(0,e.useId)()),d=v({disabled:l,labelPosition:r,className:i}),f=y(a),p=b(o);return(0,t.jsxs)(`label`,{className:d,htmlFor:u,children:[(0,t.jsx)(`input`,{id:u,className:f,type:`radio`,...c}),(0,t.jsx)(`span`,{className:p,children:n})]})}var S=[`vertical`,`none`,`horizontal`,`both`],C=`vertical`;function w(e){return typeof e==`string`&&S.includes(e)}function T(e){return w(e)?e:C}function E(e,t){return e||`nabs-ui-textarea-${t.replace(/:/g,``)}`}function D(e){return[`nabs-ui-textarea`,e??``].filter(Boolean).join(` `)}function O(e){return[`nabs-ui-textarea__input`,e??``].filter(Boolean).join(` `)}function k(e){return[`nabs-ui-textarea__label`,e??``].filter(Boolean).join(` `)}function A({rows:e,resize:t}){return{renderedRows:typeof e==`number`?e:4,renderedResize:T(t)}}var j=(0,e.forwardRef)(({label:n,className:r=``,inputClassName:i=``,labelClassName:a=``,id:o,rows:s=4,resize:c=`vertical`,...l},u)=>{let d=E(o,(0,e.useId)()),f=D(r),p=O(i),m=k(a),{renderedRows:h,renderedResize:g}=A({rows:s,resize:c});return(0,t.jsxs)(`div`,{className:f,children:[n?(0,t.jsx)(`label`,{className:m,htmlFor:d,children:n}):null,(0,t.jsx)(`textarea`,{ref:u,id:d,className:p,rows:h,"data-resize":g,...l})]})});j.displayName=`Textarea`;var ee=[`none`,`top`,`left`],M=[`default`,`currency`],N=`default`,P={none:``,top:`nabs-ui-textbox--label-top`,left:`nabs-ui-textbox--label-left`};function F(e){return typeof e==`string`&&ee.includes(e)}function I(e){return F(e)?e:`top`}function L(e){return typeof e==`string`&&M.includes(e)}function R(e){return L(e)?e:N}function z(e,t){return e||`nabs-ui-textbox-${t.replace(/:/g,``)}`}function B({label:e,labelPosition:t,className:n}){let r=I(t);return[`nabs-ui-textbox`,e?P[r]??P.top:``,n??``].filter(Boolean).join(` `)}function V(e){return[`nabs-ui-textbox__input`,e??``].filter(Boolean).join(` `)}function H(e){return[`nabs-ui-textbox__label`,e??``].filter(Boolean).join(` `)}function U(e){if(e===``||e==null)return``;if(typeof e==`number`)return e.toFixed(2);if(typeof e==`string`){let t=e.trim();if(!t)return``;let n=Number.parseFloat(t);return Number.isNaN(n)?e:n.toFixed(2)}return e}function W({format:e,type:t=`text`,inputMode:n,value:r}){let i=R(e)===`currency`;return{isCurrency:i,renderedType:i?`text`:t,renderedInputMode:i?n??`decimal`:n,renderedValue:i?U(r):r}}var G=(0,e.forwardRef)(({label:n,labelPosition:r=`top`,className:i=``,inputClassName:a=``,labelClassName:o=``,format:s=`default`,currencySymbol:c=`$`,id:l,type:u=`text`,value:d,inputMode:f,...p},m)=>{let h=z(l,(0,e.useId)()),g=B({label:n,labelPosition:r,className:i}),_=V(a),v=H(o),{isCurrency:y,renderedType:b,renderedInputMode:x,renderedValue:S}=W({format:s,type:u,inputMode:f,value:d});return(0,t.jsxs)(`div`,{className:g,children:[n?(0,t.jsx)(`label`,{className:v,htmlFor:h,children:n}):null,y?(0,t.jsxs)(`div`,{className:`nabs-ui-textbox__currencyWrap`,children:[(0,t.jsx)(`span`,{className:`nabs-ui-textbox__currencySymbol`,"aria-hidden":`true`,children:c}),(0,t.jsx)(`input`,{ref:m,id:h,className:_,type:b,inputMode:x,value:S,...p})]}):(0,t.jsx)(`input`,{ref:m,id:h,className:_,type:b,inputMode:x,value:S,...p})]})});G.displayName=`Textbox`;function K(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function q(e){return!e||e.type!==`object`||!K(e.properties)?{}:Object.fromEntries(Object.entries(e.properties).map(([e,t])=>[e,J(t)]))}function J(e){if(!e||!K(e))return``;if(e.default!==void 0)return e.default;if(Array.isArray(e.enum)&&e.enum.length>0)return e.enum[0];switch(e.type){case`boolean`:return!1;case`integer`:case`number`:return``;case`object`:return q(e);default:return``}}function Y(e,t){if(!e||!K(e))return t;if(e.type===`object`&&K(e.properties)){let n=K(t)?t:{};return Object.fromEntries(Object.entries(e.properties).map(([e,t])=>[e,Y(t,n[e]===void 0?J(t):n[e])]))}if(e.type===`boolean`)return t===!0;if(e.type===`integer`){if(t===``||t==null)return``;let e=Number.parseInt(String(t),10);return Number.isNaN(e)?``:e}if(e.type===`number`){if(t===``||t==null)return``;let e=Number.parseFloat(String(t));return Number.isNaN(e)?``:e}return t??``}function X(e){if(!e||!K(e))return`textbox`;if(Array.isArray(e.enum)&&e.enum.length>0)return`radio`;if(e.type===`string`)return e.maxLength!==void 0&&e.maxLength>50?`textarea`:`textbox`;if(e.type===`integer`)return`int`;if(e.type===`number`){let t=String(e.format??``).toLowerCase(),n=String(e.currencySymbol??``).trim().length>0;return t===`decimal`?n?`currencyDecimal`:`decimal`:n?`currencyDouble`:`double`}return e.type===`boolean`?`bool`:`textbox`}var Z={type:`object`,properties:{}};function Q({schema:e,name:n,value:r,onChange:i}){let a=e.title??n,o=e.description,s=X(e),c=r??J(e);if(s===`radio`){let r=Array.isArray(e.enum)?e.enum:[];return(0,t.jsxs)(`fieldset`,{className:`nabs-ui-dynamicform__fieldset`,children:[(0,t.jsx)(`legend`,{className:`nabs-ui-dynamicform__legend`,children:a}),o?(0,t.jsx)(`p`,{className:`nabs-ui-dynamicform__description`,children:o}):null,(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__radioGroup`,children:r.map(e=>(0,t.jsx)(x,{label:String(e),name:n,checked:c===e,onChange:()=>i(e)},String(e)))})]})}if(s===`textarea`)return(0,t.jsx)(j,{label:a,rows:5,value:String(c??``),placeholder:String(e.default??``),onChange:e=>i(e.target.value)});if(s===`bool`)return(0,t.jsx)(d,{label:a,checked:c===!0,onChange:e=>i(e.target.checked)});let l=s===`currencyDecimal`||s===`currencyDouble`,u=s===`int`||s===`decimal`||s===`double`||s===`currencyDecimal`||s===`currencyDouble`,f=u?`number`:`text`,p=s===`int`?1:u?`any`:void 0,m=String(e.currencySymbol??``).trim(),h=l&&m.length>0,g=e=>{if(s===`int`){i(e===``?``:Number.parseInt(e,10));return}if(s===`decimal`||s===`double`||s===`currencyDecimal`||s===`currencyDouble`){i(e===``?``:Number.parseFloat(e));return}i(e)};return(0,t.jsx)(G,{label:a,type:f,step:p,format:h?`currency`:`default`,currencySymbol:h?m:void 0,value:String(c??``),placeholder:String(e.default??``),onChange:e=>g(e.target.value)})}var $=(0,e.forwardRef)(function({schema:n,value:r,onChange:i,className:a=``,id:o,disabled:s=!1,...c},l){let u=(0,e.useId)(),d=o??`nabs-ui-dynamicform-${u.replace(/:/g,``)}`,f=n&&n.type===`object`?n:Z,[p,m]=(0,e.useState)(()=>Y(f,r??q(f)));(0,e.useEffect)(()=>{m(Y(f,r??q(f)))},[f,r]);let h=K(p)?p:{},g=f.title??`Dynamic form`,_=f.description,v=[`nabs-ui-dynamicform`,s?`nabs-ui-dynamicform--disabled`:``,a].filter(Boolean).join(` `),y=e=>{m(e),i?.(e)};return s?(0,t.jsxs)(`div`,{ref:l,id:d,className:v,"aria-disabled":`true`,...c,children:[(0,t.jsxs)(`div`,{className:`nabs-ui-dynamicform__header`,children:[(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__title`,children:g}),_?(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__description`,children:_}):null]}),(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__fields`,children:Object.entries(f.properties??{}).map(([e,n])=>(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__field`,children:(0,t.jsx)(Q,{schema:n,name:e,value:h[e],onChange:t=>y({...h,[e]:Y(n,t)})})},e))})]}):(0,t.jsxs)(`div`,{ref:l,id:d,className:v,...c,children:[(0,t.jsxs)(`div`,{className:`nabs-ui-dynamicform__header`,children:[(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__title`,children:g}),_?(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__description`,children:_}):null]}),(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__fields`,children:Object.entries(f.properties??{}).map(([e,n])=>(0,t.jsx)(`div`,{className:`nabs-ui-dynamicform__field`,children:(0,t.jsx)(Q,{schema:n,name:e,value:h[e],onChange:t=>y({...h,[e]:Y(n,t)})})},e))})]})});$.displayName=`DynamicForm`,exports.DynamicForm=$;

package/dist/nabs-ui-dynamicform.js

@@ -1,97 +1,230 @@
 import { forwardRef as e, useEffect as t, useId as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region ../nabs-ui-checkbox/src/checkbox.utils.ts
-var o = {
+//#region ../nabs-ui-checkbox/src/checkbox.model.ts
+var o = [
+	"right",
+	"left",
+	"top",
+	"bottom"
+], s = "right", c = {
 	right: "nabs-ui-checkbox--label-right",
 	left: "nabs-ui-checkbox--label-left",
 	top: "nabs-ui-checkbox--label-top",
 	bottom: "nabs-ui-checkbox--label-bottom"
-}, s = e(function({ label: e = "Checkbox", labelPosition: t = "right", className: r = "", inputClassName: s = "", labelClassName: c = "", id: l, disabled: u, ...d }, f) {
-	let p = n(), m = l ?? `nabs-ui-checkbox-${p.replace(/:/g, "")}`, h = [
+};
+function l(e) {
+	return typeof e == "string" && o.includes(e);
+}
+function u(e) {
+	return l(e) ? e : s;
+}
+//#endregion
+//#region ../nabs-ui-checkbox/src/checkbox.view-model.ts
+function d(e, t) {
+	return e || `nabs-ui-checkbox-${t.replace(/:/g, "")}`;
+}
+function f({ disabled: e = !1, labelPosition: t, className: n }) {
+	let r = u(t);
+	return [
 		"nabs-ui-checkbox",
-		u ? "nabs-ui-checkbox--disabled" : "",
-		o[t] ?? o.right,
-		r
-	].filter(Boolean).join(" "), g = ["nabs-ui-checkbox__input", s].filter(Boolean).join(" "), _ = ["nabs-ui-checkbox__label", c].filter(Boolean).join(" ");
+		e ? "nabs-ui-checkbox--disabled" : "",
+		c[r],
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function p(e) {
+	return ["nabs-ui-checkbox__input", e ?? ""].filter(Boolean).join(" ");
+}
+function m(e) {
+	return ["nabs-ui-checkbox__label", e ?? ""].filter(Boolean).join(" ");
+}
+//#endregion
+//#region ../nabs-ui-checkbox/src/Checkbox.tsx
+var h = e(function({ label: e = "Checkbox", labelPosition: t = "right", className: r = "", inputClassName: o = "", labelClassName: s = "", id: c, disabled: l, ...u }, h) {
+	let g = d(c, n()), _ = f({
+		disabled: l,
+		labelPosition: t,
+		className: r
+	}), v = p(o), y = m(s);
 	return /* @__PURE__ */ a("label", {
-		className: h,
-		htmlFor: m,
+		className: _,
+		htmlFor: g,
 		children: [/* @__PURE__ */ i("input", {
-			ref: f,
-			id: m,
-			className: g,
+			ref: h,
+			id: g,
+			className: v,
 			type: "checkbox",
-			disabled: u,
-			...d
+			disabled: l,
+			...u
 		}), /* @__PURE__ */ i("span", {
-			className: _,
+			className: y,
 			children: e
 		})]
 	});
 });
-s.displayName = "Checkbox";
+h.displayName = "Checkbox";
 //#endregion
-//#region ../nabs-ui-radiobutton/src/radiobutton.utils.ts
-var c = {
+//#region ../nabs-ui-radiobutton/src/radiobutton.model.ts
+var g = [
+	"right",
+	"left",
+	"top",
+	"bottom"
+], _ = "right", v = {
 	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 y(e) {
+	return typeof e == "string" && g.includes(e);
+}
+function b(e) {
+	return y(e) ? e : _;
+}
 //#endregion
-//#region ../nabs-ui-radiobutton/src/RadioButton.tsx
-function l({ label: e = "Radio button", labelPosition: t = "right", className: r = "", inputClassName: o = "", labelClassName: s = "", id: l, ...u }) {
-	let d = u.disabled === !0, f = n(), p = l ?? `nabs-ui-radiobutton-${f.replace(/:/g, "")}`, m = [
+//#region ../nabs-ui-radiobutton/src/radiobutton.view-model.ts
+function x(e, t) {
+	return e || `nabs-ui-radiobutton-${t.replace(/:/g, "")}`;
+}
+function S({ disabled: e = !1, labelPosition: t, className: n }) {
+	let r = b(t);
+	return [
 		"nabs-ui-radiobutton",
-		d ? "nabs-ui-radiobutton--disabled" : "",
-		c[t] ?? c.right,
-		r
-	].filter(Boolean).join(" "), h = ["nabs-ui-radiobutton__input", o].filter(Boolean).join(" "), g = ["nabs-ui-radiobutton__label", s].filter(Boolean).join(" ");
+		e ? "nabs-ui-radiobutton--disabled" : "",
+		v[r],
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function C(e) {
+	return ["nabs-ui-radiobutton__input", e ?? ""].filter(Boolean).join(" ");
+}
+function w(e) {
+	return ["nabs-ui-radiobutton__label", e ?? ""].filter(Boolean).join(" ");
+}
+//#endregion
+//#region ../nabs-ui-radiobutton/src/RadioButton.tsx
+function T({ label: e = "Radio button", labelPosition: t = "right", className: r = "", inputClassName: o = "", labelClassName: s = "", id: c, ...l }) {
+	let u = l.disabled === !0, d = x(c, n()), f = S({
+		disabled: u,
+		labelPosition: t,
+		className: r
+	}), p = C(o), m = w(s);
 	return /* @__PURE__ */ a("label", {
-		className: m,
-		htmlFor: p,
+		className: f,
+		htmlFor: d,
 		children: [/* @__PURE__ */ i("input", {
-			id: p,
-			className: h,
+			id: d,
+			className: p,
 			type: "radio",
-			...u
+			...l
 		}), /* @__PURE__ */ i("span", {
-			className: g,
+			className: m,
 			children: e
 		})]
 	});
 }
 //#endregion
+//#region ../nabs-ui-textarea/src/textarea.model.ts
+var E = [
+	"vertical",
+	"none",
+	"horizontal",
+	"both"
+], D = "vertical";
+function O(e) {
+	return typeof e == "string" && E.includes(e);
+}
+function k(e) {
+	return O(e) ? e : D;
+}
+//#endregion
+//#region ../nabs-ui-textarea/src/textarea.view-model.ts
+function A(e, t) {
+	return e || `nabs-ui-textarea-${t.replace(/:/g, "")}`;
+}
+function ee(e) {
+	return ["nabs-ui-textarea", e ?? ""].filter(Boolean).join(" ");
+}
+function te(e) {
+	return ["nabs-ui-textarea__input", e ?? ""].filter(Boolean).join(" ");
+}
+function ne(e) {
+	return ["nabs-ui-textarea__label", e ?? ""].filter(Boolean).join(" ");
+}
+function j({ rows: e, resize: t }) {
+	return {
+		renderedRows: typeof e == "number" ? e : 4,
+		renderedResize: k(t)
+	};
+}
+//#endregion
 //#region ../nabs-ui-textarea/src/Textarea.tsx
-var u = e(({ label: e, className: t = "", inputClassName: r = "", labelClassName: o = "", id: s, rows: c = 4, resize: l = "vertical", ...u }, d) => {
-	let f = n(), p = s ?? `nabs-ui-textarea-${f.replace(/:/g, "")}`, m = ["nabs-ui-textarea", t].filter(Boolean).join(" "), h = ["nabs-ui-textarea__input", r].filter(Boolean).join(" "), g = ["nabs-ui-textarea__label", o].filter(Boolean).join(" ");
+var M = e(({ label: e, className: t = "", inputClassName: r = "", labelClassName: o = "", id: s, rows: c = 4, resize: l = "vertical", ...u }, d) => {
+	let f = A(s, n()), p = ee(t), m = te(r), h = ne(o), { renderedRows: g, renderedResize: _ } = j({
+		rows: c,
+		resize: l
+	});
 	return /* @__PURE__ */ a("div", {
-		className: m,
+		className: p,
 		children: [e ? /* @__PURE__ */ i("label", {
-			className: g,
-			htmlFor: p,
+			className: h,
+			htmlFor: f,
 			children: e
 		}) : null, /* @__PURE__ */ i("textarea", {
 			ref: d,
-			id: p,
-			className: h,
-			rows: c,
-			"data-resize": l,
+			id: f,
+			className: m,
+			rows: g,
+			"data-resize": _,
 			...u
 		})]
 	});
 });
-u.displayName = "Textarea";
+M.displayName = "Textarea";
 //#endregion
-//#region ../nabs-ui-textbox/src/textbox.utils.ts
-var d = {
+//#region ../nabs-ui-textbox/src/textbox.model.ts
+var N = [
+	"none",
+	"top",
+	"left"
+], P = ["default", "currency"], F = "default", I = {
 	none: "",
 	top: "nabs-ui-textbox--label-top",
 	left: "nabs-ui-textbox--label-left"
 };
+function L(e) {
+	return typeof e == "string" && N.includes(e);
+}
+function R(e) {
+	return L(e) ? e : "top";
+}
+function z(e) {
+	return typeof e == "string" && P.includes(e);
+}
+function B(e) {
+	return z(e) ? e : F;
+}
 //#endregion
-//#region ../nabs-ui-textbox/src/Textbox.tsx
-function f(e) {
+//#region ../nabs-ui-textbox/src/textbox.view-model.ts
+function V(e, t) {
+	return e || `nabs-ui-textbox-${t.replace(/:/g, "")}`;
+}
+function H({ label: e, labelPosition: t, className: n }) {
+	let r = R(t);
+	return [
+		"nabs-ui-textbox",
+		e ? I[r] ?? I.top : "",
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function U(e) {
+	return ["nabs-ui-textbox__input", e ?? ""].filter(Boolean).join(" ");
+}
+function W(e) {
+	return ["nabs-ui-textbox__label", e ?? ""].filter(Boolean).join(" ");
+}
+function G(e) {
 	if (e === "" || e == null) return "";
 	if (typeof e == "number") return e.toFixed(2);
 	if (typeof e == "string") {
@@ -102,70 +235,86 @@ function f(e) {
 	}
 	return e;
 }
-var p = e(({ label: e, labelPosition: t = "top", className: r = "", inputClassName: o = "", labelClassName: s = "", format: c = "default", currencySymbol: l = "$", id: u, type: p = "text", value: m, inputMode: h, ...g }, _) => {
-	let v = n(), y = u ?? `nabs-ui-textbox-${v.replace(/:/g, "")}`, b = [
-		"nabs-ui-textbox",
-		e ? d[t] ?? d.top : "",
-		r
-	].filter(Boolean).join(" "), x = ["nabs-ui-textbox__input", o].filter(Boolean).join(" "), S = ["nabs-ui-textbox__label", s].filter(Boolean).join(" "), C = c === "currency", w = C ? "text" : p, T = C ? h ?? "decimal" : h, E = C ? f(m) : m;
+function K({ format: e, type: t = "text", inputMode: n, value: r }) {
+	let i = B(e) === "currency";
+	return {
+		isCurrency: i,
+		renderedType: i ? "text" : t,
+		renderedInputMode: i ? n ?? "decimal" : n,
+		renderedValue: i ? G(r) : r
+	};
+}
+//#endregion
+//#region ../nabs-ui-textbox/src/Textbox.tsx
+var q = e(({ label: e, labelPosition: t = "top", className: r = "", inputClassName: o = "", labelClassName: s = "", format: c = "default", currencySymbol: l = "$", id: u, type: d = "text", value: f, inputMode: p, ...m }, h) => {
+	let g = V(u, n()), _ = H({
+		label: e,
+		labelPosition: t,
+		className: r
+	}), v = U(o), y = W(s), { isCurrency: b, renderedType: x, renderedInputMode: S, renderedValue: C } = K({
+		format: c,
+		type: d,
+		inputMode: p,
+		value: f
+	});
 	return /* @__PURE__ */ a("div", {
-		className: b,
+		className: _,
 		children: [e ? /* @__PURE__ */ i("label", {
-			className: S,
-			htmlFor: y,
+			className: y,
+			htmlFor: g,
 			children: e
-		}) : null, C ? /* @__PURE__ */ a("div", {
+		}) : null, b ? /* @__PURE__ */ a("div", {
 			className: "nabs-ui-textbox__currencyWrap",
 			children: [/* @__PURE__ */ i("span", {
 				className: "nabs-ui-textbox__currencySymbol",
 				"aria-hidden": "true",
 				children: l
 			}), /* @__PURE__ */ i("input", {
-				ref: _,
-				id: y,
-				className: x,
-				type: w,
-				inputMode: T,
-				value: E,
-				...g
+				ref: h,
+				id: g,
+				className: v,
+				type: x,
+				inputMode: S,
+				value: C,
+				...m
 			})]
 		}) : /* @__PURE__ */ i("input", {
-			ref: _,
-			id: y,
-			className: x,
-			type: w,
-			inputMode: T,
-			value: E,
-			...g
+			ref: h,
+			id: g,
+			className: v,
+			type: x,
+			inputMode: S,
+			value: C,
+			...m
 		})]
 	});
 });
-p.displayName = "Textbox";
+q.displayName = "Textbox";
 //#endregion
 //#region src/dynamicform.utils.ts
-function m(e) {
+function J(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function h(e) {
-	return !e || e.type !== "object" || !m(e.properties) ? {} : Object.fromEntries(Object.entries(e.properties).map(([e, t]) => [e, g(t)]));
+function Y(e) {
+	return !e || e.type !== "object" || !J(e.properties) ? {} : Object.fromEntries(Object.entries(e.properties).map(([e, t]) => [e, X(t)]));
 }
-function g(e) {
-	if (!e || !m(e)) return "";
+function X(e) {
+	if (!e || !J(e)) return "";
 	if (e.default !== void 0) return e.default;
 	if (Array.isArray(e.enum) && e.enum.length > 0) return e.enum[0];
 	switch (e.type) {
 		case "boolean": return !1;
 		case "integer":
 		case "number": return "";
-		case "object": return h(e);
+		case "object": return Y(e);
 		default: return "";
 	}
 }
-function _(e, t) {
-	if (!e || !m(e)) return t;
-	if (e.type === "object" && m(e.properties)) {
-		let n = m(t) ? t : {};
-		return Object.fromEntries(Object.entries(e.properties).map(([e, t]) => [e, _(t, n[e] === void 0 ? g(t) : n[e])]));
+function Z(e, t) {
+	if (!e || !J(e)) return t;
+	if (e.type === "object" && J(e.properties)) {
+		let n = J(t) ? t : {};
+		return Object.fromEntries(Object.entries(e.properties).map(([e, t]) => [e, Z(t, n[e] === void 0 ? X(t) : n[e])]));
 	}
 	if (e.type === "boolean") return t === !0;
 	if (e.type === "integer") {
@@ -180,8 +329,8 @@ function _(e, t) {
 	}
 	return t ?? "";
 }
-function v(e) {
-	if (!e || !m(e)) return "textbox";
+function re(e) {
+	if (!e || !J(e)) return "textbox";
 	if (Array.isArray(e.enum) && e.enum.length > 0) return "radio";
 	if (e.type === "string") return e.maxLength !== void 0 && e.maxLength > 50 ? "textarea" : "textbox";
 	if (e.type === "integer") return "int";
@@ -193,13 +342,13 @@ function v(e) {
 }
 //#endregion
 //#region src/DynamicForm.tsx
-var y = {
+var ie = {
 	type: "object",
 	properties: {}
 };
-function b({ schema: e, name: t, value: n, onChange: r }) {
-	let o = e.title ?? t, c = e.description, d = v(e), f = n ?? g(e);
-	if (d === "radio") {
+function Q({ schema: e, name: t, value: n, onChange: r }) {
+	let o = e.title ?? t, s = e.description, c = re(e), l = n ?? X(e);
+	if (c === "radio") {
 		let n = Array.isArray(e.enum) ? e.enum : [];
 		return /* @__PURE__ */ a("fieldset", {
 			className: "nabs-ui-dynamicform__fieldset",
@@ -208,129 +357,129 @@ function b({ schema: e, name: t, value: n, onChange: r }) {
 					className: "nabs-ui-dynamicform__legend",
 					children: o
 				}),
-				c ? /* @__PURE__ */ i("p", {
+				s ? /* @__PURE__ */ i("p", {
 					className: "nabs-ui-dynamicform__description",
-					children: c
+					children: s
 				}) : null,
 				/* @__PURE__ */ i("div", {
 					className: "nabs-ui-dynamicform__radioGroup",
-					children: n.map((e) => /* @__PURE__ */ i(l, {
+					children: n.map((e) => /* @__PURE__ */ i(T, {
 						label: String(e),
 						name: t,
-						checked: f === e,
+						checked: l === e,
 						onChange: () => r(e)
 					}, String(e)))
 				})
 			]
 		});
 	}
-	if (d === "textarea") return /* @__PURE__ */ i(u, {
+	if (c === "textarea") return /* @__PURE__ */ i(M, {
 		label: o,
 		rows: 5,
-		value: String(f ?? ""),
+		value: String(l ?? ""),
 		placeholder: String(e.default ?? ""),
 		onChange: (e) => r(e.target.value)
 	});
-	if (d === "bool") return /* @__PURE__ */ i(s, {
+	if (c === "bool") return /* @__PURE__ */ i(h, {
 		label: o,
-		checked: f === !0,
+		checked: l === !0,
 		onChange: (e) => r(e.target.checked)
 	});
-	let m = d === "currencyDecimal" || d === "currencyDouble", h = d === "int" || d === "decimal" || d === "double" || d === "currencyDecimal" || d === "currencyDouble", _ = h ? "number" : "text", y = d === "int" ? 1 : h ? "any" : void 0, b = String(e.currencySymbol ?? "").trim(), x = m && b.length > 0, S = (e) => {
-		if (d === "int") {
+	let u = c === "currencyDecimal" || c === "currencyDouble", d = c === "int" || c === "decimal" || c === "double" || c === "currencyDecimal" || c === "currencyDouble", f = d ? "number" : "text", p = c === "int" ? 1 : d ? "any" : void 0, m = String(e.currencySymbol ?? "").trim(), g = u && m.length > 0, _ = (e) => {
+		if (c === "int") {
 			r(e === "" ? "" : Number.parseInt(e, 10));
 			return;
 		}
-		if (d === "decimal" || d === "double" || d === "currencyDecimal" || d === "currencyDouble") {
+		if (c === "decimal" || c === "double" || c === "currencyDecimal" || c === "currencyDouble") {
 			r(e === "" ? "" : Number.parseFloat(e));
 			return;
 		}
 		r(e);
 	};
-	return /* @__PURE__ */ i(p, {
+	return /* @__PURE__ */ i(q, {
 		label: o,
-		type: _,
-		step: y,
-		format: x ? "currency" : "default",
-		currencySymbol: x ? b : void 0,
-		value: String(f ?? ""),
+		type: f,
+		step: p,
+		format: g ? "currency" : "default",
+		currencySymbol: g ? m : void 0,
+		value: String(l ?? ""),
 		placeholder: String(e.default ?? ""),
-		onChange: (e) => S(e.target.value)
+		onChange: (e) => _(e.target.value)
 	});
 }
-var x = e(function({ schema: e, value: o, onChange: s, className: c = "", id: l, disabled: u = !1, ...d }, f) {
-	let p = n(), g = l ?? `nabs-ui-dynamicform-${p.replace(/:/g, "")}`, v = e && e.type === "object" ? e : y, [x, S] = r(() => _(v, o ?? h(v)));
+var $ = e(function({ schema: e, value: o, onChange: s, className: c = "", id: l, disabled: u = !1, ...d }, f) {
+	let p = n(), m = l ?? `nabs-ui-dynamicform-${p.replace(/:/g, "")}`, h = e && e.type === "object" ? e : ie, [g, _] = r(() => Z(h, o ?? Y(h)));
 	t(() => {
-		S(_(v, o ?? h(v)));
-	}, [v, o]);
-	let C = m(x) ? x : {}, w = v.title ?? "Dynamic form", T = v.description, E = [
+		_(Z(h, o ?? Y(h)));
+	}, [h, o]);
+	let v = J(g) ? g : {}, y = h.title ?? "Dynamic form", b = h.description, x = [
 		"nabs-ui-dynamicform",
 		u ? "nabs-ui-dynamicform--disabled" : "",
 		c
-	].filter(Boolean).join(" "), D = (e) => {
-		S(e), s?.(e);
+	].filter(Boolean).join(" "), S = (e) => {
+		_(e), s?.(e);
 	};
 	return u ? /* @__PURE__ */ a("div", {
 		ref: f,
-		id: g,
-		className: E,
+		id: m,
+		className: x,
 		"aria-disabled": "true",
 		...d,
 		children: [/* @__PURE__ */ a("div", {
 			className: "nabs-ui-dynamicform__header",
 			children: [/* @__PURE__ */ i("div", {
 				className: "nabs-ui-dynamicform__title",
-				children: w
-			}), T ? /* @__PURE__ */ i("div", {
+				children: y
+			}), b ? /* @__PURE__ */ i("div", {
 				className: "nabs-ui-dynamicform__description",
-				children: T
+				children: b
 			}) : null]
 		}), /* @__PURE__ */ i("div", {
 			className: "nabs-ui-dynamicform__fields",
-			children: Object.entries(v.properties ?? {}).map(([e, t]) => /* @__PURE__ */ i("div", {
+			children: Object.entries(h.properties ?? {}).map(([e, t]) => /* @__PURE__ */ i("div", {
 				className: "nabs-ui-dynamicform__field",
-				children: /* @__PURE__ */ i(b, {
+				children: /* @__PURE__ */ i(Q, {
 					schema: t,
 					name: e,
-					value: C[e],
-					onChange: (n) => D({
-						...C,
-						[e]: _(t, n)
+					value: v[e],
+					onChange: (n) => S({
+						...v,
+						[e]: Z(t, n)
 					})
 				})
 			}, e))
 		})]
 	}) : /* @__PURE__ */ a("div", {
 		ref: f,
-		id: g,
-		className: E,
+		id: m,
+		className: x,
 		...d,
 		children: [/* @__PURE__ */ a("div", {
 			className: "nabs-ui-dynamicform__header",
 			children: [/* @__PURE__ */ i("div", {
 				className: "nabs-ui-dynamicform__title",
-				children: w
-			}), T ? /* @__PURE__ */ i("div", {
+				children: y
+			}), b ? /* @__PURE__ */ i("div", {
 				className: "nabs-ui-dynamicform__description",
-				children: T
+				children: b
 			}) : null]
 		}), /* @__PURE__ */ i("div", {
 			className: "nabs-ui-dynamicform__fields",
-			children: Object.entries(v.properties ?? {}).map(([e, t]) => /* @__PURE__ */ i("div", {
+			children: Object.entries(h.properties ?? {}).map(([e, t]) => /* @__PURE__ */ i("div", {
 				className: "nabs-ui-dynamicform__field",
-				children: /* @__PURE__ */ i(b, {
+				children: /* @__PURE__ */ i(Q, {
 					schema: t,
 					name: e,
-					value: C[e],
-					onChange: (n) => D({
-						...C,
-						[e]: _(t, n)
+					value: v[e],
+					onChange: (n) => S({
+						...v,
+						[e]: Z(t, n)
 					})
 				})
 			}, e))
 		})]
 	});
 });
-x.displayName = "DynamicForm";
+$.displayName = "DynamicForm";
 //#endregion
-export { x as DynamicForm };
+export { $ as DynamicForm };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net-advantage/nabs-ui-dynamicform",
-  "version": "0.70.0",
+  "version": "0.72.0",
   "description": "Reusable schema-driven dynamic form for the Nabs UI library.",
   "type": "module",
   "main": "./dist/nabs-ui-dynamicform.cjs",
@@ -25,12 +25,17 @@
     "@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",
     "typescript": "^5.8.0",
-    "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"
   }
 }