@volvo-cars/react-forms - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

dist/esm/index.js

@@ -1,2 +0,2 @@
-import{useState as w}from"react";import{jsx as F}from"react/jsx-runtime";function x({children:e,id:t,className:r=""}){return F("p",{id:t,className:`micro text-feedback-red empty:hidden ${r}`.trim(),role:"alert",children:e})}import{jsx as q}from"react/jsx-runtime";function c({children:e,id:t,className:r=""}){return q("p",{id:t,className:`micro text-secondary ${r}`.trim(),children:e})}import{useId as A}from"react";function m(e){let t=A();return{inputId:e||t+"-input",errorId:t+"-error",hintId:t+"-hint"}}import{jsx as T,jsxs as K}from"react/jsx-runtime";function $({hint:e,id:t,label:r,hidden:f,dir:g,errorMessage:o,lang:P,translate:v,slot:i,value:p,defaultValue:n,isValid:u,...a}){let[l,s]=w(!p&&!n);function I(d){let{validity:E}=d.currentTarget,H=d.currentTarget.required;H||(d.currentTarget.required=!0),s(E.valueMissing&&!E.badInput),H||(d.currentTarget.required=!1)}let{inputId:b,errorId:h,hintId:C}=m(t),R=a["aria-invalid"]||u===!1||!!o;return K("div",{className:"v-input-floating-label",hidden:f,dir:g,lang:P,translate:v,slot:i,children:[T("label",{htmlFor:b,children:r}),T("input",{...a,type:"date",id:b,value:p,defaultValue:n,onBlur:d=>{a.onBlur?.(d),I(d)},onChange:d=>{a.onChange?.(d),I(d)},"data-blank":l?"":void 0,"aria-invalid":R?!0:void 0,"aria-errormessage":o?h:void 0,"aria-describedby":e?C:void 0}),T(x,{id:h,className:"mt-4",children:o}),e&&T(c,{id:C,className:"mt-4",children:e})]})}import{jsx as k,jsxs as J}from"react/jsx-runtime";function z({hint:e,id:t,label:r,hidden:f,dir:g,errorMessage:o,lang:P,translate:v,slot:i,isValid:p,...n}){let{inputId:u,errorId:a,hintId:l}=m(t),s=n["aria-invalid"]||p===!1||!!o;return J("div",{className:"v-input-floating-label",hidden:f,dir:g,lang:P,translate:v,slot:i,children:[k("label",{htmlFor:u,children:r}),k("input",{placeholder:" ",...n,id:u,type:"text","aria-invalid":s?!0:void 0,"aria-errormessage":o?a:void 0,"aria-describedby":e?l:void 0}),k(x,{id:a,className:"mt-4",children:o}),e&&k(c,{id:l,className:"mt-4",children:e})]})}import{Children as O,isValidElement as Q,useState as W}from"react";import{jsx as M,jsxs as U}from"react/jsx-runtime";function X({hint:e,id:t,label:r,hidden:f,dir:g,errorMessage:o,lang:P,translate:v,slot:i,value:p,defaultValue:n,children:u,isValid:a,...l}){let s=!1;O.forEach(u,y=>{Q(y)&&y.type==="option"&&y.props.value===""&&(s=!0)});let[I,b]=W(!n),h=typeof p=="string",{inputId:C,errorId:R,hintId:d}=m(t),E=l["aria-invalid"]||a===!1||!!o,H=!s&&(h?!p:I);return U("div",{className:"v-input-floating-label",hidden:f,dir:g,lang:P,translate:v,slot:i,children:[M("label",{htmlFor:C,children:r}),U("select",{...l,id:C,onChange:h||s?l.onChange:y=>{l.onChange?.(y),b(!y.target.value)},value:p,defaultValue:n,"data-blank":H?"":void 0,"aria-invalid":E?"true":void 0,"aria-errormessage":o?R:void 0,"aria-describedby":e?d:void 0,children:[!n&&!s&&M("option",{value:"",hidden:!H,disabled:!H}),u]}),M(x,{id:R,className:"mt-4",children:o}),e&&M(c,{id:d,className:"mt-4",children:e})]})}import{jsx as B,jsxs as S}from"react/jsx-runtime";function Y({label:e,id:t,hint:r,hidden:f,dir:g,lang:o,translate:P,slot:v,errorMessage:i,isValid:p,...n}){let{inputId:u,hintId:a,errorId:l}=m(t),s=n["aria-invalid"]||p===!1||!!i;return S("div",{className:"flex-row",hidden:f,dir:g,lang:o,translate:P,slot:v,children:[B("input",{...n,type:"checkbox",id:u,"aria-invalid":s?!0:void 0,"aria-errormessage":i?l:void 0,"aria-describedby":r?a:void 0}),S("div",{className:"flex-col stack-4 ml-8",children:[B("label",{htmlFor:u,children:e}),B(x,{id:l,children:i}),r&&B(c,{id:a,children:r})]})]})}import{useContext as j}from"react";import{createContext as Z}from"react";import{jsx as N,jsxs as V}from"react/jsx-runtime";function _({legend:e,id:t,hint:r,name:f,children:g,required:o,defaultValue:P,value:v,hidden:i,dir:p,lang:n,translate:u,slot:a,onChange:l,errorMessage:s,isValid:I,...b}){let{inputId:h,hintId:C,errorId:R}=m(t),d=b["aria-invalid"]||I===!1||!!s;return V("fieldset",{...b,hidden:i,dir:p,lang:n,translate:u,slot:a,id:h,role:"radiogroup","aria-invalid":d?!0:void 0,"aria-errormessage":s?R:void 0,"aria-describedby":r?C:void 0,"aria-required":o?!0:void 0,children:[N("legend",{className:"mb-4",children:e}),r&&N(c,{id:C,className:"mb-16",children:r}),V("div",{className:"stack-8",hidden:i,children:[N(x,{id:R,className:"mb-16",children:s}),N(G.Provider,{value:{name:f,required:o,value:v,defaultValue:P,onChange:l},children:g})]})]})}var G=Z({});import{jsx as L,jsxs as D}from"react/jsx-runtime";function ee({label:e,id:t,hint:r,hidden:f,dir:g,lang:o,translate:P,slot:v,value:i,...p}){let{inputId:n,hintId:u}=m(t),{value:a,defaultValue:l,...s}=j(G),I,b;return typeof a<"u"?I=i===a:typeof l<"u"&&i===l&&(b=!0),D("div",{className:"flex-row",hidden:f,dir:g,lang:o,translate:P,slot:v,children:[L("input",{...p,...s,checked:I,defaultChecked:b,type:"radio",id:n,value:i}),r?D("div",{className:"flex-col stack-4 ml-8",children:[L("label",{htmlFor:n,children:e}),L(c,{id:u,children:r})]}):L("label",{htmlFor:n,className:"ml-8",children:e})]})}export{Y as Checkbox,$ as DateInput,x as ErrorMessage,c as Hint,ee as Radio,_ as RadioGroup,G as RadioGroupContext,X as Select,z as TextInput};
+import{useState as _}from"react";import{jsx as q}from"react/jsx-runtime";function I({children:e,id:t,className:r=""}){return q("p",{id:t,className:`micro text-feedback-red empty:hidden ${r}`.trim(),role:"alert",children:e})}import{jsx as A}from"react/jsx-runtime";function c({children:e,id:t,className:r=""}){return A("p",{id:t,className:`micro text-secondary ${r}`.trim(),children:e})}import{useId as z}from"react";function f(e){let t=z();return{inputId:e||t+"-input",errorId:t+"-error",hintId:t+"-hint"}}import{jsx as k,jsxs as K}from"react/jsx-runtime";function $({hint:e,id:t,label:r,hidden:P,dir:g,errorMessage:o,lang:v,translate:b,slot:s,value:u,defaultValue:n,isValid:d,...i}){let[a,l]=_(!u&&!n);function x(p){let{validity:T}=p.currentTarget,H=p.currentTarget.required;H||(p.currentTarget.required=!0),l(T.valueMissing&&!T.badInput),H||(p.currentTarget.required=!1)}let{inputId:m,errorId:y,hintId:C}=f(t),h=i["aria-invalid"]||d===!1||!!o;return K("div",{className:"v-input-floating-label",hidden:P,dir:g,lang:v,translate:b,slot:s,children:[k("label",{htmlFor:m,children:r}),k("input",{...i,type:"date",id:m,value:u,defaultValue:n,onBlur:p=>{i.onBlur?.(p),x(p)},onChange:p=>{i.onChange?.(p),x(p)},"data-blank":a?"":void 0,"aria-invalid":h?!0:void 0,"aria-errormessage":o?y:void 0,"aria-describedby":e?C:void 0}),k(I,{id:y,className:"mt-4",children:o}),e&&k(c,{id:C,className:"mt-4",children:e})]})}import{useState as O}from"react";import{jsx as E,jsxs as w}from"react/jsx-runtime";function J({hint:e,id:t,label:r,hidden:P,dir:g,errorMessage:o,lang:v,translate:b,slot:s,defaultPasswordVisible:u=!1,showPasswordLabel:n,hidePasswordLabel:d,isValid:i,...a}){let[l,x]=O(u),{inputId:m,errorId:y,hintId:C}=f(t),h=a["aria-invalid"]||!!o;return w("div",{className:"v-input-floating-label",hidden:P,dir:g,lang:v,translate:b,slot:s,children:[E("label",{htmlFor:m,children:r}),w("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":h?!0:void 0,children:[E("input",{...a,id:m,autoCorrect:"off",spellCheck:"false",autoCapitalize:"none",className:"bg-transparent",type:l?"text":"password","aria-invalid":h?!0:void 0,"aria-errormessage":h?y:void 0,"aria-describedby":e?C:void 0}),E("button",{type:"button",className:"v-input__password-visibility-control",...n&&d?{"aria-label":l?d:n,"aria-controls":m}:{"aria-hidden":!0,tabIndex:-1},onClick:()=>x(p=>!p)})]}),E(I,{id:y,className:"mt-4",children:o}),e&&E(c,{id:C,className:"mt-4",children:e})]})}import{jsx as M,jsxs as W}from"react/jsx-runtime";function Q({hint:e,id:t,label:r,hidden:P,dir:g,errorMessage:o,lang:v,translate:b,slot:s,isValid:u,...n}){let{inputId:d,errorId:i,hintId:a}=f(t),l=n["aria-invalid"]||u===!1||!!o;return W("div",{className:"v-input-floating-label",hidden:P,dir:g,lang:v,translate:b,slot:s,children:[M("label",{htmlFor:d,children:r}),M("input",{placeholder:" ",...n,id:d,type:"text","aria-invalid":l?!0:void 0,"aria-errormessage":o?i:void 0,"aria-describedby":e?a:void 0}),M(I,{id:i,className:"mt-4",children:o}),e&&M(c,{id:a,className:"mt-4",children:e})]})}import{Children as X,isValidElement as Y,useState as Z}from"react";import{jsx as B,jsxs as S}from"react/jsx-runtime";function j({hint:e,id:t,label:r,hidden:P,dir:g,errorMessage:o,lang:v,translate:b,slot:s,value:u,defaultValue:n,children:d,isValid:i,...a}){let l=!1;X.forEach(d,R=>{Y(R)&&R.type==="option"&&R.props.value===""&&(l=!0)});let[x,m]=Z(!n),y=typeof u=="string",{inputId:C,errorId:h,hintId:p}=f(t),T=a["aria-invalid"]||i===!1||!!o,H=!l&&(y?!u:x);return S("div",{className:"v-input-floating-label",hidden:P,dir:g,lang:v,translate:b,slot:s,children:[B("label",{htmlFor:C,children:r}),S("select",{...a,id:C,onChange:y||l?a.onChange:R=>{a.onChange?.(R),m(!R.target.value)},value:u,defaultValue:n,"data-blank":H?"":void 0,"aria-invalid":T?"true":void 0,"aria-errormessage":o?h:void 0,"aria-describedby":e?p:void 0,children:[!n&&!l&&B("option",{value:"",hidden:!H,disabled:!H}),d]}),B(I,{id:h,className:"mt-4",children:o}),e&&B(c,{id:p,className:"mt-4",children:e})]})}import{jsx as N,jsxs as V}from"react/jsx-runtime";function ee({label:e,id:t,hint:r,hidden:P,dir:g,lang:o,translate:v,slot:b,errorMessage:s,isValid:u,...n}){let{inputId:d,hintId:i,errorId:a}=f(t),l=n["aria-invalid"]||u===!1||!!s;return V("div",{className:"flex-row",hidden:P,dir:g,lang:o,translate:v,slot:b,children:[N("input",{...n,type:"checkbox",id:d,"aria-invalid":l?!0:void 0,"aria-errormessage":s?a:void 0,"aria-describedby":r?i:void 0}),V("div",{className:"flex-col stack-4 ml-8",children:[N("label",{htmlFor:d,children:e}),N(I,{id:a,children:s}),r&&N(c,{id:i,children:r})]})]})}import{useContext as oe}from"react";import{createContext as re}from"react";import{jsx as L,jsxs as D}from"react/jsx-runtime";function te({legend:e,id:t,hint:r,name:P,children:g,required:o,defaultValue:v,value:b,hidden:s,dir:u,lang:n,translate:d,slot:i,onChange:a,errorMessage:l,isValid:x,...m}){let{inputId:y,hintId:C,errorId:h}=f(t),p=m["aria-invalid"]||x===!1||!!l;return D("fieldset",{...m,hidden:s,dir:u,lang:n,translate:d,slot:i,id:y,role:"radiogroup","aria-invalid":p?!0:void 0,"aria-errormessage":l?h:void 0,"aria-describedby":r?C:void 0,"aria-required":o?!0:void 0,children:[L("legend",{className:"mb-4",children:e}),r&&L(c,{id:C,className:"mb-16",children:r}),D("div",{className:"stack-8",hidden:s,children:[L(I,{id:h,className:"mb-16",children:l}),L(U.Provider,{value:{name:P,required:o,value:b,defaultValue:v,onChange:a},children:g})]})]})}var U=re({});import{jsx as G,jsxs as F}from"react/jsx-runtime";function ne({label:e,id:t,hint:r,hidden:P,dir:g,lang:o,translate:v,slot:b,value:s,...u}){let{inputId:n,hintId:d}=f(t),{value:i,defaultValue:a,...l}=oe(U),x,m;return typeof i<"u"?x=s===i:typeof a<"u"&&s===a&&(m=!0),F("div",{className:"flex-row",hidden:P,dir:g,lang:o,translate:v,slot:b,children:[G("input",{...u,...l,checked:x,defaultChecked:m,type:"radio",id:n,value:s}),r?F("div",{className:"flex-col stack-4 ml-8",children:[G("label",{htmlFor:n,children:e}),G(c,{id:d,children:r})]}):G("label",{htmlFor:n,className:"ml-8",children:e})]})}export{ee as Checkbox,$ as DateInput,I as ErrorMessage,c as Hint,J as PasswordInput,ne as Radio,te as RadioGroup,U as RadioGroupContext,j as Select,Q as TextInput};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

 export { DateInput } from './date-input';
 export type { DateInputProps, DateInputControlledProps, DateInputUncontrolledProps, } from './date-input';
+export { PasswordInput } from './password-input';
+export type { PasswordInputProps, PasswordInputControlledProps, PasswordInputUncontrolledProps, } from './password-input';
 export { TextInput } from './text-input';
@@ -4,0 +6,0 @@ export type { TextInputProps, TextInputControlledProps, TextInputUncontrolledProps, } from './text-input';

dist/index.js

@@ -1,2 +0,2 @@
-var S=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var Z=(e,r)=>{for(var t in r)S(e,t,{get:r[t],enumerable:!0})},_=(e,r,t,u)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of X(r))!Y.call(e,a)&&a!==t&&S(e,a,{get:()=>r[a],enumerable:!(u=W(r,a))||u.enumerable});return e};var j=e=>_(S({},"__esModule",{value:!0}),e);var ee={};Z(ee,{Checkbox:()=>K,DateInput:()=>A,ErrorMessage:()=>g,Hint:()=>f,Radio:()=>Q,RadioGroup:()=>J,RadioGroupContext:()=>L,Select:()=>$,TextInput:()=>w});module.exports=j(ee);var q=require("react");var V=require("react/jsx-runtime");function g({children:e,id:r,className:t=""}){return(0,V.jsx)("p",{id:r,className:`micro text-feedback-red empty:hidden ${t}`.trim(),role:"alert",children:e})}var D=require("react/jsx-runtime");function f({children:e,id:r,className:t=""}){return(0,D.jsx)("p",{id:r,className:`micro text-secondary ${t}`.trim(),children:e})}var F=require("react");function P(e){let r=(0,F.useId)();return{inputId:e||r+"-input",errorId:r+"-error",hintId:r+"-hint"}}var k=require("react/jsx-runtime");function A({hint:e,id:r,label:t,hidden:u,dir:a,errorMessage:o,lang:v,translate:x,slot:s,value:c,defaultValue:n,isValid:m,...l}){let[i,d]=(0,q.useState)(!c&&!n);function I(p){let{validity:U}=p.currentTarget,B=p.currentTarget.required;B||(p.currentTarget.required=!0),d(U.valueMissing&&!U.badInput),B||(p.currentTarget.required=!1)}let{inputId:b,errorId:E,hintId:C}=P(r),T=l["aria-invalid"]||m===!1||!!o;return(0,k.jsxs)("div",{className:"v-input-floating-label",hidden:u,dir:a,lang:v,translate:x,slot:s,children:[(0,k.jsx)("label",{htmlFor:b,children:t}),(0,k.jsx)("input",{...l,type:"date",id:b,value:c,defaultValue:n,onBlur:p=>{l.onBlur?.(p),I(p)},onChange:p=>{l.onChange?.(p),I(p)},"data-blank":i?"":void 0,"aria-invalid":T?!0:void 0,"aria-errormessage":o?E:void 0,"aria-describedby":e?C:void 0}),(0,k.jsx)(g,{id:E,className:"mt-4",children:o}),e&&(0,k.jsx)(f,{id:C,className:"mt-4",children:e})]})}var M=require("react/jsx-runtime");function w({hint:e,id:r,label:t,hidden:u,dir:a,errorMessage:o,lang:v,translate:x,slot:s,isValid:c,...n}){let{inputId:m,errorId:l,hintId:i}=P(r),d=n["aria-invalid"]||c===!1||!!o;return(0,M.jsxs)("div",{className:"v-input-floating-label",hidden:u,dir:a,lang:v,translate:x,slot:s,children:[(0,M.jsx)("label",{htmlFor:m,children:t}),(0,M.jsx)("input",{placeholder:" ",...n,id:m,type:"text","aria-invalid":d?!0:void 0,"aria-errormessage":o?l:void 0,"aria-describedby":e?i:void 0}),(0,M.jsx)(g,{id:l,className:"mt-4",children:o}),e&&(0,M.jsx)(f,{id:i,className:"mt-4",children:e})]})}var G=require("react");var h=require("react/jsx-runtime");function $({hint:e,id:r,label:t,hidden:u,dir:a,errorMessage:o,lang:v,translate:x,slot:s,value:c,defaultValue:n,children:m,isValid:l,...i}){let d=!1;G.Children.forEach(m,N=>{(0,G.isValidElement)(N)&&N.type==="option"&&N.props.value===""&&(d=!0)});let[I,b]=(0,G.useState)(!n),E=typeof c=="string",{inputId:C,errorId:T,hintId:p}=P(r),U=i["aria-invalid"]||l===!1||!!o,B=!d&&(E?!c:I);return(0,h.jsxs)("div",{className:"v-input-floating-label",hidden:u,dir:a,lang:v,translate:x,slot:s,children:[(0,h.jsx)("label",{htmlFor:C,children:t}),(0,h.jsxs)("select",{...i,id:C,onChange:E||d?i.onChange:N=>{i.onChange?.(N),b(!N.target.value)},value:c,defaultValue:n,"data-blank":B?"":void 0,"aria-invalid":U?"true":void 0,"aria-errormessage":o?T:void 0,"aria-describedby":e?p:void 0,children:[!n&&!d&&(0,h.jsx)("option",{value:"",hidden:!B,disabled:!B}),m]}),(0,h.jsx)(g,{id:T,className:"mt-4",children:o}),e&&(0,h.jsx)(f,{id:p,className:"mt-4",children:e})]})}var R=require("react/jsx-runtime");function K({label:e,id:r,hint:t,hidden:u,dir:a,lang:o,translate:v,slot:x,errorMessage:s,isValid:c,...n}){let{inputId:m,hintId:l,errorId:i}=P(r),d=n["aria-invalid"]||c===!1||!!s;return(0,R.jsxs)("div",{className:"flex-row",hidden:u,dir:a,lang:o,translate:v,slot:x,children:[(0,R.jsx)("input",{...n,type:"checkbox",id:m,"aria-invalid":d?!0:void 0,"aria-errormessage":s?i:void 0,"aria-describedby":t?l:void 0}),(0,R.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,R.jsx)("label",{htmlFor:m,children:e}),(0,R.jsx)(g,{id:i,children:s}),t&&(0,R.jsx)(f,{id:l,children:t})]})]})}var O=require("react");var z=require("react");var H=require("react/jsx-runtime");function J({legend:e,id:r,hint:t,name:u,children:a,required:o,defaultValue:v,value:x,hidden:s,dir:c,lang:n,translate:m,slot:l,onChange:i,errorMessage:d,isValid:I,...b}){let{inputId:E,hintId:C,errorId:T}=P(r),p=b["aria-invalid"]||I===!1||!!d;return(0,H.jsxs)("fieldset",{...b,hidden:s,dir:c,lang:n,translate:m,slot:l,id:E,role:"radiogroup","aria-invalid":p?!0:void 0,"aria-errormessage":d?T:void 0,"aria-describedby":t?C:void 0,"aria-required":o?!0:void 0,children:[(0,H.jsx)("legend",{className:"mb-4",children:e}),t&&(0,H.jsx)(f,{id:C,className:"mb-16",children:t}),(0,H.jsxs)("div",{className:"stack-8",hidden:s,children:[(0,H.jsx)(g,{id:T,className:"mb-16",children:d}),(0,H.jsx)(L.Provider,{value:{name:u,required:o,value:x,defaultValue:v,onChange:i},children:a})]})]})}var L=(0,z.createContext)({});var y=require("react/jsx-runtime");function Q({label:e,id:r,hint:t,hidden:u,dir:a,lang:o,translate:v,slot:x,value:s,...c}){let{inputId:n,hintId:m}=P(r),{value:l,defaultValue:i,...d}=(0,O.useContext)(L),I,b;return typeof l<"u"?I=s===l:typeof i<"u"&&s===i&&(b=!0),(0,y.jsxs)("div",{className:"flex-row",hidden:u,dir:a,lang:o,translate:v,slot:x,children:[(0,y.jsx)("input",{...c,...d,checked:I,defaultChecked:b,type:"radio",id:n,value:s}),t?(0,y.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,y.jsx)("label",{htmlFor:n,children:e}),(0,y.jsx)(f,{id:m,children:t})]}):(0,y.jsx)("label",{htmlFor:n,className:"ml-8",children:e})]})}0&&(module.exports={Checkbox,DateInput,ErrorMessage,Hint,Radio,RadioGroup,RadioGroupContext,Select,TextInput});
+var S=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var j=Object.prototype.hasOwnProperty;var ee=(e,r)=>{for(var t in r)S(e,t,{get:r[t],enumerable:!0})},re=(e,r,t,c)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of Z(r))!j.call(e,l)&&l!==t&&S(e,l,{get:()=>r[l],enumerable:!(c=Y(r,l))||c.enumerable});return e};var te=e=>re(S({},"__esModule",{value:!0}),e);var oe={};ee(oe,{Checkbox:()=>O,DateInput:()=>A,ErrorMessage:()=>g,Hint:()=>f,PasswordInput:()=>_,Radio:()=>X,RadioGroup:()=>Q,RadioGroupContext:()=>G,Select:()=>K,TextInput:()=>$});module.exports=te(oe);var q=require("react");var V=require("react/jsx-runtime");function g({children:e,id:r,className:t=""}){return(0,V.jsx)("p",{id:r,className:`micro text-feedback-red empty:hidden ${t}`.trim(),role:"alert",children:e})}var D=require("react/jsx-runtime");function f({children:e,id:r,className:t=""}){return(0,D.jsx)("p",{id:r,className:`micro text-secondary ${t}`.trim(),children:e})}var F=require("react");function v(e){let r=(0,F.useId)();return{inputId:e||r+"-input",errorId:r+"-error",hintId:r+"-hint"}}var M=require("react/jsx-runtime");function A({hint:e,id:r,label:t,hidden:c,dir:l,errorMessage:o,lang:b,translate:I,slot:i,value:m,defaultValue:n,isValid:p,...d}){let[a,s]=(0,q.useState)(!m&&!n);function x(u){let{validity:w}=u.currentTarget,N=u.currentTarget.required;N||(u.currentTarget.required=!0),s(w.valueMissing&&!w.badInput),N||(u.currentTarget.required=!1)}let{inputId:P,errorId:y,hintId:C}=v(r),h=d["aria-invalid"]||p===!1||!!o;return(0,M.jsxs)("div",{className:"v-input-floating-label",hidden:c,dir:l,lang:b,translate:I,slot:i,children:[(0,M.jsx)("label",{htmlFor:P,children:t}),(0,M.jsx)("input",{...d,type:"date",id:P,value:m,defaultValue:n,onBlur:u=>{d.onBlur?.(u),x(u)},onChange:u=>{d.onChange?.(u),x(u)},"data-blank":a?"":void 0,"aria-invalid":h?!0:void 0,"aria-errormessage":o?y:void 0,"aria-describedby":e?C:void 0}),(0,M.jsx)(g,{id:y,className:"mt-4",children:o}),e&&(0,M.jsx)(f,{id:C,className:"mt-4",children:e})]})}var z=require("react");var H=require("react/jsx-runtime");function _({hint:e,id:r,label:t,hidden:c,dir:l,errorMessage:o,lang:b,translate:I,slot:i,defaultPasswordVisible:m=!1,showPasswordLabel:n,hidePasswordLabel:p,isValid:d,...a}){let[s,x]=(0,z.useState)(m),{inputId:P,errorId:y,hintId:C}=v(r),h=a["aria-invalid"]||!!o;return(0,H.jsxs)("div",{className:"v-input-floating-label",hidden:c,dir:l,lang:b,translate:I,slot:i,children:[(0,H.jsx)("label",{htmlFor:P,children:t}),(0,H.jsxs)("div",{className:"v-input","data-input-delegate":!0,"aria-invalid":h?!0:void 0,children:[(0,H.jsx)("input",{...a,id:P,autoCorrect:"off",spellCheck:"false",autoCapitalize:"none",className:"bg-transparent",type:s?"text":"password","aria-invalid":h?!0:void 0,"aria-errormessage":h?y:void 0,"aria-describedby":e?C:void 0}),(0,H.jsx)("button",{type:"button",className:"v-input__password-visibility-control",...n&&p?{"aria-label":s?p:n,"aria-controls":P}:{"aria-hidden":!0,tabIndex:-1},onClick:()=>x(u=>!u)})]}),(0,H.jsx)(g,{id:y,className:"mt-4",children:o}),e&&(0,H.jsx)(f,{id:C,className:"mt-4",children:e})]})}var B=require("react/jsx-runtime");function $({hint:e,id:r,label:t,hidden:c,dir:l,errorMessage:o,lang:b,translate:I,slot:i,isValid:m,...n}){let{inputId:p,errorId:d,hintId:a}=v(r),s=n["aria-invalid"]||m===!1||!!o;return(0,B.jsxs)("div",{className:"v-input-floating-label",hidden:c,dir:l,lang:b,translate:I,slot:i,children:[(0,B.jsx)("label",{htmlFor:p,children:t}),(0,B.jsx)("input",{placeholder:" ",...n,id:p,type:"text","aria-invalid":s?!0:void 0,"aria-errormessage":o?d:void 0,"aria-describedby":e?a:void 0}),(0,B.jsx)(g,{id:d,className:"mt-4",children:o}),e&&(0,B.jsx)(f,{id:a,className:"mt-4",children:e})]})}var U=require("react");var R=require("react/jsx-runtime");function K({hint:e,id:r,label:t,hidden:c,dir:l,errorMessage:o,lang:b,translate:I,slot:i,value:m,defaultValue:n,children:p,isValid:d,...a}){let s=!1;U.Children.forEach(p,L=>{(0,U.isValidElement)(L)&&L.type==="option"&&L.props.value===""&&(s=!0)});let[x,P]=(0,U.useState)(!n),y=typeof m=="string",{inputId:C,errorId:h,hintId:u}=v(r),w=a["aria-invalid"]||d===!1||!!o,N=!s&&(y?!m:x);return(0,R.jsxs)("div",{className:"v-input-floating-label",hidden:c,dir:l,lang:b,translate:I,slot:i,children:[(0,R.jsx)("label",{htmlFor:C,children:t}),(0,R.jsxs)("select",{...a,id:C,onChange:y||s?a.onChange:L=>{a.onChange?.(L),P(!L.target.value)},value:m,defaultValue:n,"data-blank":N?"":void 0,"aria-invalid":w?"true":void 0,"aria-errormessage":o?h:void 0,"aria-describedby":e?u:void 0,children:[!n&&!s&&(0,R.jsx)("option",{value:"",hidden:!N,disabled:!N}),p]}),(0,R.jsx)(g,{id:h,className:"mt-4",children:o}),e&&(0,R.jsx)(f,{id:u,className:"mt-4",children:e})]})}var E=require("react/jsx-runtime");function O({label:e,id:r,hint:t,hidden:c,dir:l,lang:o,translate:b,slot:I,errorMessage:i,isValid:m,...n}){let{inputId:p,hintId:d,errorId:a}=v(r),s=n["aria-invalid"]||m===!1||!!i;return(0,E.jsxs)("div",{className:"flex-row",hidden:c,dir:l,lang:o,translate:b,slot:I,children:[(0,E.jsx)("input",{...n,type:"checkbox",id:p,"aria-invalid":s?!0:void 0,"aria-errormessage":i?a:void 0,"aria-describedby":t?d:void 0}),(0,E.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,E.jsx)("label",{htmlFor:p,children:e}),(0,E.jsx)(g,{id:a,children:i}),t&&(0,E.jsx)(f,{id:d,children:t})]})]})}var W=require("react");var J=require("react");var T=require("react/jsx-runtime");function Q({legend:e,id:r,hint:t,name:c,children:l,required:o,defaultValue:b,value:I,hidden:i,dir:m,lang:n,translate:p,slot:d,onChange:a,errorMessage:s,isValid:x,...P}){let{inputId:y,hintId:C,errorId:h}=v(r),u=P["aria-invalid"]||x===!1||!!s;return(0,T.jsxs)("fieldset",{...P,hidden:i,dir:m,lang:n,translate:p,slot:d,id:y,role:"radiogroup","aria-invalid":u?!0:void 0,"aria-errormessage":s?h:void 0,"aria-describedby":t?C:void 0,"aria-required":o?!0:void 0,children:[(0,T.jsx)("legend",{className:"mb-4",children:e}),t&&(0,T.jsx)(f,{id:C,className:"mb-16",children:t}),(0,T.jsxs)("div",{className:"stack-8",hidden:i,children:[(0,T.jsx)(g,{id:h,className:"mb-16",children:s}),(0,T.jsx)(G.Provider,{value:{name:c,required:o,value:I,defaultValue:b,onChange:a},children:l})]})]})}var G=(0,J.createContext)({});var k=require("react/jsx-runtime");function X({label:e,id:r,hint:t,hidden:c,dir:l,lang:o,translate:b,slot:I,value:i,...m}){let{inputId:n,hintId:p}=v(r),{value:d,defaultValue:a,...s}=(0,W.useContext)(G),x,P;return typeof d<"u"?x=i===d:typeof a<"u"&&i===a&&(P=!0),(0,k.jsxs)("div",{className:"flex-row",hidden:c,dir:l,lang:o,translate:b,slot:I,children:[(0,k.jsx)("input",{...m,...s,checked:x,defaultChecked:P,type:"radio",id:n,value:i}),t?(0,k.jsxs)("div",{className:"flex-col stack-4 ml-8",children:[(0,k.jsx)("label",{htmlFor:n,children:e}),(0,k.jsx)(f,{id:p,children:t})]}):(0,k.jsx)("label",{htmlFor:n,className:"ml-8",children:e})]})}0&&(module.exports={Checkbox,DateInput,ErrorMessage,Hint,PasswordInput,Radio,RadioGroup,RadioGroupContext,Select,TextInput});
 //# sourceMappingURL=index.js.map

dist/text-input.d.ts

@@ -12,2 +12,6 @@ /// <reference types="react" />
     label: string;
+    /**
+     * Id of a `<datalist>` element with a list of predefined values to suggest to the user.
+     */
+    list?: string;
 }
@@ -14,0 +18,0 @@ type ControlledProps = {

dist/types.d.ts

@@ -50,6 +50,2 @@ /// <reference types="react" />
     /**
-     * List of options to show in the input.
-     */
-    list?: string;
-    /**
      * Placeholder text to show in the input when it is empty.
@@ -86,3 +82,3 @@ */
     /**
-     * List of options to show in the input.
+     * Id of a `<datalist>` element with a list of predefined values to suggest to the user.
      */
@@ -89,0 +85,0 @@ list?: string;

package.json

 {
   "name": "@volvo-cars/react-forms",
   "description": "React form components",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "UNLICENSED",
@@ -6,0 +6,0 @@ "sideEffects": false,

No alert changes

Improved metrics

Total package byte prevSize

107886

increased by18.53%

Number of package files

18

increased by5.88%

Lines of code

591

increased by14.53%

No dependency changes