@net-advantage/nabs-ui-dynamicform 0.74.0 → 0.76.0

package/dist/nabs-ui-dynamicform/src/DynamicForm.field-renderer.test.d.ts

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

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

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

package/dist/nabs-ui-dynamicform/src/dynamicform.exports.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`,`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=$;
+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 M=[`none`,`top`,`left`],N=[`default`,`currency`],P=`default`,F={none:``,top:`nabs-ui-textbox--label-top`,left:`nabs-ui-textbox--label-left`};function I(e){return typeof e==`string`&&M.includes(e)}function L(e){return I(e)?e:`top`}function R(e){return typeof e==`string`&&N.includes(e)}function z(e){return R(e)?e:P}function B(e){if(typeof e==`number`)return Number.isFinite(e);if(typeof e==`string`){let t=e.trim().replace(/,/g,``);if(!t)return!1;let n=Number(t);return Number.isFinite(n)}return!1}function V(e,t){return e||`nabs-ui-textbox-${t.replace(/:/g,``)}`}function H({label:e,labelPosition:t,className:n}){let r=L(t);return[`nabs-ui-textbox`,e?F[r]??F.top:``,n??``].filter(Boolean).join(` `)}function U(e,t=!1){return[`nabs-ui-textbox__input`,t?`nabs-ui-textbox__input--numeric`:``,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`){let t=e.trim();if(!t)return``;let n=Number.parseFloat(t);return Number.isNaN(n)?e:n.toFixed(2)}return e}function K({format:e,type:t=`text`,inputMode:n,value:r}){let i=z(e)===`currency`;return{isCurrency:i,shouldRightAlign:i||t===`number`||B(r),renderedType:i?`text`:t,renderedInputMode:i?n??`decimal`:n,renderedValue:i?G(r):r}}var q=(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=V(l,(0,e.useId)()),g=H({label:n,labelPosition:r,className:i}),_=W(o),{isCurrency:v,shouldRightAlign:y,renderedType:b,renderedInputMode:x,renderedValue:S}=K({format:s,type:u,inputMode:f,value:d}),C=U(a,y);return(0,t.jsxs)(`div`,{className:g,children:[n?(0,t.jsx)(`label`,{className:_,htmlFor:h,children:n}):null,v?(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:C,type:b,inputMode:x,value:S,...p})]}):(0,t.jsx)(`input`,{ref:m,id:h,className:C,type:b,inputMode:x,value:S,...p})]})});q.displayName=`Textbox`;function J(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function Y(e){return!e||e.type!==`object`||!J(e.properties)?{}:Object.fromEntries(Object.entries(e.properties).map(([e,t])=>[e,X(t)]))}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 Y(e);default:return``}}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`){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 ee(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`;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 te={type:`object`,properties:{}};function Q({schema:e,name:n,value:r,onChange:i}){let a=e.title??n,o=e.description,s=ee(e),c=r;if(s===`radio`){let r=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)(q,{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:te,[p,m]=(0,e.useState)(()=>Z(f,r??Y(f)));(0,e.useEffect)(()=>{m(Z(f,r??Y(f)))},[f,r]);let h=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]:Z(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]:Z(n,t)})})},e))})]})});$.displayName=`DynamicForm`,exports.DynamicForm=$;

package/dist/nabs-ui-dynamicform.css

@@ -1,2 +1,2 @@
-.nabs-ui-checkbox{box-sizing:border-box;cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-checkbox-gap,.75rem);min-width:0;padding:var(--nabs-ui-density-checkbox-padding-y,.8rem) var(--nabs-ui-density-checkbox-padding-x,1rem);transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s;display:inline-flex}.nabs-ui-checkbox:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-checkbox__input{flex:none;margin:0}.nabs-ui-checkbox__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-checkbox--label-left{flex-direction:row-reverse}.nabs-ui-checkbox--label-top,.nabs-ui-checkbox--label-bottom{align-items:stretch;gap:var(--nabs-ui-density-checkbox-stack-gap,.5rem)}.nabs-ui-checkbox--label-top{flex-direction:column-reverse}.nabs-ui-checkbox--label-bottom{flex-direction:column}.nabs-ui-checkbox--label-top .nabs-ui-checkbox__label,.nabs-ui-checkbox--label-bottom .nabs-ui-checkbox__label{width:100%}.nabs-ui-checkbox--disabled{cursor:not-allowed}.nabs-ui-radiobutton{box-sizing:border-box;cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-radio-gap,.75rem);min-width:0;padding:var(--nabs-ui-density-radio-padding-y,.8rem) var(--nabs-ui-density-radio-padding-x,1rem);transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s;display:inline-flex}.nabs-ui-radiobutton:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-radiobutton__input{flex:none;margin:0}.nabs-ui-radiobutton__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-radiobutton--label-left{flex-direction:row-reverse}.nabs-ui-radiobutton--label-top,.nabs-ui-radiobutton--label-bottom{align-items:stretch;gap:var(--nabs-ui-density-radio-stack-gap,.5rem)}.nabs-ui-radiobutton--label-top{flex-direction:column-reverse}.nabs-ui-radiobutton--label-bottom{flex-direction:column}.nabs-ui-radiobutton--label-top .nabs-ui-radiobutton__label,.nabs-ui-radiobutton--label-bottom .nabs-ui-radiobutton__label{width:100%}.nabs-ui-radiobutton--disabled{cursor:not-allowed}.nabs-ui-textarea{gap:var(--nabs-ui-density-gap-field,.5rem);min-width:0;display:grid}.nabs-ui-textarea__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-textarea__input{box-sizing:border-box;font:inherit;min-height:var(--nabs-ui-density-textarea-min-height,8rem);min-width:0;padding:var(--nabs-ui-density-textarea-padding-y,.85rem) var(--nabs-ui-density-textarea-padding-x,1rem);resize:vertical;width:100%;transition:border-color .12s,box-shadow .12s,background-color .12s}.nabs-ui-textarea__input[data-resize=none]{resize:none}.nabs-ui-textarea__input[data-resize=both]{resize:both}.nabs-ui-textarea__input[data-resize=horizontal]{resize:horizontal}.nabs-ui-textarea__input:disabled{cursor:not-allowed}.nabs-ui-textbox{gap:var(--nabs-ui-density-gap-field,.7rem);display:grid}.nabs-ui-textbox__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600}.nabs-ui-textbox__input{appearance:none;box-sizing:border-box;font:inherit;line-height:var(--nabs-ui-density-line-height-control,1.4);min-height:var(--nabs-ui-density-input-min-height,3rem);padding:var(--nabs-ui-density-input-padding-y,.8rem) var(--nabs-ui-density-input-padding-x,1rem);width:100%;transition:border-color .12s,box-shadow .12s,background-color .12s}.nabs-ui-textbox__input:disabled{cursor:not-allowed}.nabs-ui-textbox__currencyWrap{grid-template-columns:auto 1fr;align-items:center;display:grid}.nabs-ui-textbox__currencySymbol{min-width:var(--nabs-ui-density-textbox-currency-symbol-min-width,2rem);padding:var(--nabs-ui-density-textbox-currency-symbol-padding-y,.45rem) var(--nabs-ui-density-textbox-currency-symbol-padding-x,.65rem);justify-content:center;align-items:center;display:inline-flex}.nabs-ui-textbox--label-left{align-items:center;gap:var(--nabs-ui-density-gap-label-left,1rem);display:flex}.nabs-ui-textbox--label-left .nabs-ui-textbox__label{flex:0 0 var(--nabs-ui-density-label-width,9rem)}.nabs-ui-textbox--label-left .nabs-ui-textbox__input{flex:auto}@media (width<=640px){.nabs-ui-textbox--label-left{align-items:stretch;gap:var(--nabs-ui-density-gap-field,.7rem);flex-direction:column}.nabs-ui-textbox--label-left .nabs-ui-textbox__label{flex-basis:auto}}.nabs-ui-dynamicform{gap:var(--nabs-ui-density-dynamicform-gap,1rem);display:grid}.nabs-ui-dynamicform__header{gap:var(--nabs-ui-density-dynamicform-header-gap,.35rem);display:grid}.nabs-ui-dynamicform__title{font-size:var(--nabs-ui-density-dynamicform-title-font-size,1rem);font-weight:800;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-dynamicform__description{font-size:var(--nabs-ui-density-dynamicform-description-font-size,.9rem);margin:0;line-height:1.45}.nabs-ui-dynamicform__fields{gap:var(--nabs-ui-density-dynamicform-gap,1rem);display:grid}.nabs-ui-dynamicform__field{min-width:0}.nabs-ui-dynamicform__fieldset{gap:var(--nabs-ui-density-dynamicform-fieldset-gap,.85rem);min-width:0;padding:var(--nabs-ui-density-dynamicform-fieldset-padding-y,1rem) var(--nabs-ui-density-dynamicform-fieldset-padding-x,1rem);margin:0;display:grid}.nabs-ui-dynamicform__legend{font-size:var(--nabs-ui-density-font-size-control,.95rem);padding:0 var(--nabs-ui-density-dynamicform-legend-padding-x,.25rem);font-weight:800}.nabs-ui-dynamicform__radioGroup{gap:var(--nabs-ui-density-dynamicform-radio-gap,.65rem);display:grid}
+.nabs-ui-checkbox{box-sizing:border-box;cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-checkbox-gap,.75rem);min-width:0;padding:var(--nabs-ui-density-checkbox-padding-y,.8rem) var(--nabs-ui-density-checkbox-padding-x,1rem);transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s;display:inline-flex}.nabs-ui-checkbox:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-checkbox__input{flex:none;margin:0}.nabs-ui-checkbox__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-checkbox--label-left{flex-direction:row-reverse}.nabs-ui-checkbox--label-top,.nabs-ui-checkbox--label-bottom{align-items:stretch;gap:var(--nabs-ui-density-checkbox-stack-gap,.5rem)}.nabs-ui-checkbox--label-top{flex-direction:column-reverse}.nabs-ui-checkbox--label-bottom{flex-direction:column}.nabs-ui-checkbox--label-top .nabs-ui-checkbox__label,.nabs-ui-checkbox--label-bottom .nabs-ui-checkbox__label{width:100%}.nabs-ui-checkbox--disabled{cursor:not-allowed}.nabs-ui-radiobutton{box-sizing:border-box;cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-radio-gap,.75rem);min-width:0;padding:var(--nabs-ui-density-radio-padding-y,.8rem) var(--nabs-ui-density-radio-padding-x,1rem);transition:border-color .12s,box-shadow .12s,background-color .12s,transform .12s;display:inline-flex}.nabs-ui-radiobutton:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-radiobutton__input{flex:none;margin:0}.nabs-ui-radiobutton__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-radiobutton--label-left{flex-direction:row-reverse}.nabs-ui-radiobutton--label-top,.nabs-ui-radiobutton--label-bottom{align-items:stretch;gap:var(--nabs-ui-density-radio-stack-gap,.5rem)}.nabs-ui-radiobutton--label-top{flex-direction:column-reverse}.nabs-ui-radiobutton--label-bottom{flex-direction:column}.nabs-ui-radiobutton--label-top .nabs-ui-radiobutton__label,.nabs-ui-radiobutton--label-bottom .nabs-ui-radiobutton__label{width:100%}.nabs-ui-radiobutton--disabled{cursor:not-allowed}.nabs-ui-textarea{gap:var(--nabs-ui-density-gap-field,.5rem);min-width:0;display:grid}.nabs-ui-textarea__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-textarea__input{box-sizing:border-box;font:inherit;min-height:var(--nabs-ui-density-textarea-min-height,8rem);min-width:0;padding:var(--nabs-ui-density-textarea-padding-y,.85rem) var(--nabs-ui-density-textarea-padding-x,1rem);resize:vertical;width:100%;transition:border-color .12s,box-shadow .12s,background-color .12s}.nabs-ui-textarea__input[data-resize=none]{resize:none}.nabs-ui-textarea__input[data-resize=both]{resize:both}.nabs-ui-textarea__input[data-resize=horizontal]{resize:horizontal}.nabs-ui-textarea__input:disabled{cursor:not-allowed}.nabs-ui-textbox{gap:var(--nabs-ui-density-gap-field,.7rem);display:grid}.nabs-ui-textbox__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600}.nabs-ui-textbox__input{appearance:none;box-sizing:border-box;font:inherit;line-height:var(--nabs-ui-density-line-height-control,1.4);min-height:var(--nabs-ui-density-input-min-height,3rem);padding:var(--nabs-ui-density-input-padding-y,.8rem) var(--nabs-ui-density-input-padding-x,1rem);width:100%;transition:border-color .12s,box-shadow .12s,background-color .12s}.nabs-ui-textbox__input:disabled{cursor:not-allowed}.nabs-ui-textbox__input--numeric{text-align:right}.nabs-ui-textbox__currencyWrap{grid-template-columns:auto 1fr;align-items:center;display:grid}.nabs-ui-textbox__currencySymbol{min-width:var(--nabs-ui-density-textbox-currency-symbol-min-width,2rem);padding:var(--nabs-ui-density-textbox-currency-symbol-padding-y,.45rem) var(--nabs-ui-density-textbox-currency-symbol-padding-x,.65rem);justify-content:center;align-items:center;display:inline-flex}.nabs-ui-textbox--label-left{align-items:center;gap:var(--nabs-ui-density-gap-label-left,1rem);display:flex}.nabs-ui-textbox--label-left .nabs-ui-textbox__label{flex:0 0 var(--nabs-ui-density-label-width,9rem)}.nabs-ui-textbox--label-left .nabs-ui-textbox__input{flex:auto}@media (width<=640px){.nabs-ui-textbox--label-left{align-items:stretch;gap:var(--nabs-ui-density-gap-field,.7rem);flex-direction:column}.nabs-ui-textbox--label-left .nabs-ui-textbox__label{flex-basis:auto}}.nabs-ui-dynamicform{gap:var(--nabs-ui-density-dynamicform-gap,1rem);display:grid}.nabs-ui-dynamicform__header{gap:var(--nabs-ui-density-dynamicform-header-gap,.35rem);display:grid}.nabs-ui-dynamicform__title{font-size:var(--nabs-ui-density-dynamicform-title-font-size,1rem);font-weight:800;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-dynamicform__description{font-size:var(--nabs-ui-density-dynamicform-description-font-size,.9rem);margin:0;line-height:1.45}.nabs-ui-dynamicform__fields{gap:var(--nabs-ui-density-dynamicform-gap,1rem);display:grid}.nabs-ui-dynamicform__field{min-width:0}.nabs-ui-dynamicform__fieldset{gap:var(--nabs-ui-density-dynamicform-fieldset-gap,.85rem);min-width:0;padding:var(--nabs-ui-density-dynamicform-fieldset-padding-y,1rem) var(--nabs-ui-density-dynamicform-fieldset-padding-x,1rem);margin:0;display:grid}.nabs-ui-dynamicform__legend{font-size:var(--nabs-ui-density-font-size-control,.95rem);padding:0 var(--nabs-ui-density-dynamicform-legend-padding-x,.25rem);font-weight:800}.nabs-ui-dynamicform__radioGroup{gap:var(--nabs-ui-density-dynamicform-radio-gap,.65rem);display:grid}
 /*$vite$:1*/

package/dist/nabs-ui-dynamicform.js

@@ -152,7 +152,7 @@ function te(e) {
 function ne(e) {
 	return ["nabs-ui-textarea__label", e ?? ""].filter(Boolean).join(" ");
 }
-function j({ rows: e, resize: t }) {
+function re({ rows: e, resize: t }) {
 	return {
 		renderedRows: typeof e == "number" ? e : 4,
 		renderedResize: k(t)
@@ -160,8 +160,8 @@ function j({ rows: e, resize: t }) {
 }
 //#endregion
 //#region ../nabs-ui-textarea/src/Textarea.tsx
-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({
+var j = 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: _ } = re({
 		rows: c,
 		resize: l
 	});
@@ -181,45 +181,59 @@ var M = e(({ label: e, className: t = "", inputClassName: r = "", labelClassName
 		})]
 	});
 });
-M.displayName = "Textarea";
+j.displayName = "Textarea";
 //#endregion
 //#region ../nabs-ui-textbox/src/textbox.model.ts
-var N = [
+var M = [
 	"none",
 	"top",
 	"left"
-], P = ["default", "currency"], F = "default", I = {
+], N = ["default", "currency"], P = "default", F = {
 	none: "",
 	top: "nabs-ui-textbox--label-top",
 	left: "nabs-ui-textbox--label-left"
 };
+function I(e) {
+	return typeof e == "string" && M.includes(e);
+}
 function L(e) {
-	return typeof e == "string" && N.includes(e);
+	return I(e) ? e : "top";
 }
 function R(e) {
-	return L(e) ? e : "top";
+	return typeof e == "string" && N.includes(e);
 }
 function z(e) {
-	return typeof e == "string" && P.includes(e);
-}
-function B(e) {
-	return z(e) ? e : F;
+	return R(e) ? e : P;
 }
 //#endregion
 //#region ../nabs-ui-textbox/src/textbox.view-model.ts
+function B(e) {
+	if (typeof e == "number") return Number.isFinite(e);
+	if (typeof e == "string") {
+		let t = e.trim().replace(/,/g, "");
+		if (!t) return !1;
+		let n = Number(t);
+		return Number.isFinite(n);
+	}
+	return !1;
+}
 function V(e, t) {
 	return e || `nabs-ui-textbox-${t.replace(/:/g, "")}`;
 }
 function H({ label: e, labelPosition: t, className: n }) {
-	let r = R(t);
+	let r = L(t);
 	return [
 		"nabs-ui-textbox",
-		e ? I[r] ?? I.top : "",
+		e ? F[r] ?? F.top : "",
 		n ?? ""
 	].filter(Boolean).join(" ");
 }
-function U(e) {
-	return ["nabs-ui-textbox__input", e ?? ""].filter(Boolean).join(" ");
+function U(e, t = !1) {
+	return [
+		"nabs-ui-textbox__input",
+		t ? "nabs-ui-textbox__input--numeric" : "",
+		e ?? ""
+	].filter(Boolean).join(" ");
 }
 function W(e) {
 	return ["nabs-ui-textbox__label", e ?? ""].filter(Boolean).join(" ");
@@ -236,9 +250,10 @@ function G(e) {
 	return e;
 }
 function K({ format: e, type: t = "text", inputMode: n, value: r }) {
-	let i = B(e) === "currency";
+	let i = z(e) === "currency";
 	return {
 		isCurrency: i,
+		shouldRightAlign: i || t === "number" || B(r),
 		renderedType: i ? "text" : t,
 		renderedInputMode: i ? n ?? "decimal" : n,
 		renderedValue: i ? G(r) : r
@@ -251,19 +266,19 @@ var q = e(({ label: e, labelPosition: t = "top", className: r = "", inputClassNa
 		label: e,
 		labelPosition: t,
 		className: r
-	}), v = U(o), y = W(s), { isCurrency: b, renderedType: x, renderedInputMode: S, renderedValue: C } = K({
+	}), v = W(s), { isCurrency: y, shouldRightAlign: b, renderedType: x, renderedInputMode: S, renderedValue: C } = K({
 		format: c,
 		type: d,
 		inputMode: p,
 		value: f
-	});
+	}), w = U(o, b);
 	return /* @__PURE__ */ a("div", {
 		className: _,
 		children: [e ? /* @__PURE__ */ i("label", {
-			className: y,
+			className: v,
 			htmlFor: g,
 			children: e
-		}) : null, b ? /* @__PURE__ */ a("div", {
+		}) : null, y ? /* @__PURE__ */ a("div", {
 			className: "nabs-ui-textbox__currencyWrap",
 			children: [/* @__PURE__ */ i("span", {
 				className: "nabs-ui-textbox__currencySymbol",
@@ -272,7 +287,7 @@ var q = e(({ label: e, labelPosition: t = "top", className: r = "", inputClassNa
 			}), /* @__PURE__ */ i("input", {
 				ref: h,
 				id: g,
-				className: v,
+				className: w,
 				type: x,
 				inputMode: S,
 				value: C,
@@ -281,7 +296,7 @@ var q = e(({ label: e, labelPosition: t = "top", className: r = "", inputClassNa
 		}) : /* @__PURE__ */ i("input", {
 			ref: h,
 			id: g,
-			className: v,
+			className: w,
 			type: x,
 			inputMode: S,
 			value: C,
@@ -329,7 +344,7 @@ function Z(e, t) {
 	}
 	return t ?? "";
 }
-function re(e) {
+function ie(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";
@@ -342,14 +357,14 @@ function re(e) {
 }
 //#endregion
 //#region src/DynamicForm.tsx
-var ie = {
+var ae = {
 	type: "object",
 	properties: {}
 };
 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);
+	let o = e.title ?? t, s = e.description, c = ie(e), l = n;
 	if (c === "radio") {
-		let n = Array.isArray(e.enum) ? e.enum : [];
+		let n = e.enum;
 		return /* @__PURE__ */ a("fieldset", {
 			className: "nabs-ui-dynamicform__fieldset",
 			children: [
@@ -373,10 +388,10 @@ function Q({ schema: e, name: t, value: n, onChange: r }) {
 			]
 		});
 	}
-	if (c === "textarea") return /* @__PURE__ */ i(M, {
+	if (c === "textarea") return /* @__PURE__ */ i(j, {
 		label: o,
 		rows: 5,
-		value: String(l ?? ""),
+		value: String(l),
 		placeholder: String(e.default ?? ""),
 		onChange: (e) => r(e.target.value)
 	});
@@ -402,17 +417,17 @@ function Q({ schema: e, name: t, value: n, onChange: r }) {
 		step: p,
 		format: g ? "currency" : "default",
 		currencySymbol: g ? m : void 0,
-		value: String(l ?? ""),
+		value: String(l),
 		placeholder: String(e.default ?? ""),
 		onChange: (e) => _(e.target.value)
 	});
 }
 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)));
+	let p = n(), m = l ?? `nabs-ui-dynamicform-${p.replace(/:/g, "")}`, h = e && e.type === "object" ? e : ae, [g, _] = r(() => Z(h, o ?? Y(h)));
 	t(() => {
 		_(Z(h, o ?? Y(h)));
 	}, [h, o]);
-	let v = J(g) ? g : {}, y = h.title ?? "Dynamic form", b = h.description, x = [
+	let v = g, y = h.title ?? "Dynamic form", b = h.description, x = [
 		"nabs-ui-dynamicform",
 		u ? "nabs-ui-dynamicform--disabled" : "",
 		c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net-advantage/nabs-ui-dynamicform",
-  "version": "0.74.0",
+  "version": "0.76.0",
   "description": "Reusable schema-driven dynamic form for the Nabs UI library.",
   "type": "module",
   "main": "./dist/nabs-ui-dynamicform.cjs",