@mmb-digital/design-system-web 0.1.24 → 0.1.26

package/dist/index.cjs.js

@@ -1170,7 +1170,7 @@ function Wl(e,t,n){return t=jl(t),function(e,t){if(t&&("object"==typeof t||"func
 	display: flex;
 	flex-direction: column;
 	${({childrenWidth:e})=>void 0===e?"":`width: ${e}`}
-`,ed=n=>{const{children:r,childrenWidth:o,colorScheme:a=exports.ColorScheme.light,errorMessage:i,hasError:s,hintText:l,id:c,label:u,layout:d=exports.FieldWrapperLayout.vertical,tooltip:p}=n,h=t.useTheme(),f=Le(a);return e.createElement(Qu,{layout:d},(void 0!==u||void 0!==l)&&e.createElement(Ku,null,void 0!==u&&e.createElement(Uu,{hasError:s,id:c,label:u,tooltip:p}),void 0!==l&&e.createElement(ve,{color:f(h.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},l)),e.createElement(qu,{childrenWidth:o},r,!0===s&&void 0!==i&&""!==i&&e.createElement("div",null,e.createElement(ve,{color:f(h.colors.fg.error),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},i))))},td=e=>void 0!==e?e:he.encode(Math.random().toString()),nd=t=>e.useMemo((()=>td(t)),[t]),rd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,tooltip:l}=t,c=ao(t,["errorMessage","hasError","hintText","id","label","tooltip"]),u=nd(i);return e.createElement(ed,{errorMessage:r,hasError:o,hintText:a,id:u,label:s,tooltip:l},e.createElement(ju,Object.assign({hasError:o,id:u,ref:n,type:"email"},c)))})),od=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,tooltip:l}=t,c=ao(t,["errorMessage","hasError","hintText","id","label","tooltip"]),u=nd(i);return e.createElement(ed,{errorMessage:r,hasError:o,hintText:a,id:u,label:s,tooltip:l},e.createElement(ju,Object.assign({hasError:o,id:u,ref:n,type:"tel"},c)))})),ad=e.forwardRef((function(t,n){const{buttonAction:r,buttonText:o,errorMessage:a,hasError:i,hintText:s,id:l,label:c,size:u,tooltip:p}=t,h=ao(t,["buttonAction","buttonText","errorMessage","hasError","hintText","id","label","size","tooltip"]),f=nd(l);return e.createElement(ed,{errorMessage:a,hasError:i,hintText:s,id:f,label:c,tooltip:p},e.createElement(ju,Object.assign({button:e.createElement(d,{buttonStyle:exports.ButtonStyle.PRIMARY,disabled:i,size:u===exports.InputSize.XL?exports.ButtonSize.MD:exports.ButtonSize.SM,onClick:r},o),hasError:i,icon:e.createElement(Nt,{size:exports.IconSystemSize.big,type:exports.IconSystemType.search}),id:f,ref:n,size:u,type:"text"},h)))})),id=t.div`
+`,ed=n=>{const{children:r,childrenWidth:o,colorScheme:a=exports.ColorScheme.light,errorMessage:i,hasError:s,hintText:l,id:c,label:u,layout:d=exports.FieldWrapperLayout.vertical,tooltip:p}=n,h=t.useTheme(),f=Le(a);return e.createElement(Qu,{layout:d},(void 0!==u||void 0!==l)&&e.createElement(Ku,null,void 0!==u&&e.createElement(Uu,{hasError:s,id:c,label:u,tooltip:p}),void 0!==l&&e.createElement(ve,{color:f(h.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},l)),e.createElement(qu,{childrenWidth:o},r,!0===s&&void 0!==i&&""!==i&&e.createElement("div",null,e.createElement(ve,{color:f(h.colors.fg.error),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},i))))},td=e=>void 0!==e?e:he.encode(Math.random().toString()),nd=t=>e.useMemo((()=>td(t)),[t]),rd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,layout:l,tooltip:c}=t,u=ao(t,["errorMessage","hasError","hintText","id","label","layout","tooltip"]),d=nd(i);return e.createElement(ed,{errorMessage:r,hasError:o,hintText:a,id:d,label:s,layout:l,tooltip:c},e.createElement(ju,Object.assign({hasError:o,id:d,ref:n,type:"email"},u)))})),od=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,layout:l,tooltip:c}=t,u=ao(t,["errorMessage","hasError","hintText","id","label","layout","tooltip"]),d=nd(i);return e.createElement(ed,{errorMessage:r,hasError:o,hintText:a,id:d,label:s,layout:l,tooltip:c},e.createElement(ju,Object.assign({hasError:o,id:d,ref:n,type:"tel"},u)))})),ad=e.forwardRef((function(t,n){const{buttonAction:r,buttonText:o,errorMessage:a,hasError:i,hintText:s,id:l,label:c,layout:u,size:p,tooltip:h}=t,f=ao(t,["buttonAction","buttonText","errorMessage","hasError","hintText","id","label","layout","size","tooltip"]),m=nd(l);return e.createElement(ed,{errorMessage:a,hasError:i,hintText:s,id:m,label:c,layout:u,tooltip:h},e.createElement(ju,Object.assign({button:e.createElement(d,{buttonStyle:exports.ButtonStyle.PRIMARY,disabled:i,size:p===exports.InputSize.XL?exports.ButtonSize.MD:exports.ButtonSize.SM,onClick:r},o),hasError:i,icon:e.createElement(Nt,{size:exports.IconSystemSize.big,type:exports.IconSystemType.search}),id:m,ref:n,size:p,type:"text"},f)))})),id=t.div`
 	display: grid;
 	/* stylelint-disable named-grid-areas-no-invalid */
 	grid-template-areas: ${({isInputHidden:e,mediaType:t})=>{switch(!0){case t===exports.MediaType.mobile&&e:return"\n        \t'label'\n        \t'slider'\n    \t\t";case t===exports.MediaType.mobile&&!e:return"\n        \t'label input'\n        \t'slider slider'\n    \t\t";case t===exports.MediaType.desktop&&e:return"\n      \t  'label'\n\t        'slider'\n  \t\t  ";case t===exports.MediaType.desktop&&!e:return"\n      \t  'label label'\n\t        'slider input'\n  \t\t  ";default:throw new Error("unexpected MediaType in sliderInput.style.ts Wrapper grid-template-areas")}}};
@@ -1193,7 +1193,7 @@ function Wl(e,t,n){return t=jl(t),function(e,t){if(t&&("object"==typeof t||"func
 `,cd=t.div`
 	display: flex;
 	grid-area: slider;
-`,ud=e=>e.replace(/[^\d]/g,"").replace(/\B(?=(\d{3})+(?!\d))/g," "),dd=e=>e.replace(/\s/g,""),pd=e.forwardRef((function(n,r){const{disabled:o,hasError:a=!1,id:i,isInputHidden:s=!1,label:l,mediaType:c,minMax:u,minMaxLabels:d,name:p,onBlur:h,onChange:f,prefix:m,steps:g,stepType:b,suffix:v}=n,y=t.useTheme(),x=exports.ColorScheme.light,w=Le(x),k=nd(i),[I,C]=e.useState(void 0),E=e.useRef(null);e.useEffect((()=>{if(null!==r){if("function"==typeof r)return void r(E.current);r.current=E.current}}),[r]),e.useEffect((()=>{var e;if(void 0!==(null===(e=E.current)||void 0===e?void 0:e.value)&&void 0!==I){const e=document.getElementById(k);Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(e,ud(I.toString()));const t=new Event("input",{bubbles:!0});e.dispatchEvent(t)}}),[k,I]),e.useEffect((()=>{C(E.current.value)}),[]);const S=e.useCallback((e=>{C(e)}),[]),T=e.useCallback((()=>{const e=document.activeElement;if(null!==E.current){if(E.current.focus(),null===e||"function"!=typeof e.focus)return void E.current.blur();e.focus()}}),[]),D=e.useCallback((e=>io(this,void 0,void 0,(function*(){const t=e.target.value,n=Number.parseInt(dd(t));let r;switch(!0){case Number.isNaN(n):case n<u.min:r=u.min;break;case n>u.max:r=u.max;break;default:r=n}e.target.value=ud(r.toString()),C(r),void 0!==h&&(yield h(e))}))),[u.max,u.min,h]),M=e.useCallback((e=>io(this,void 0,void 0,(function*(){e.target.value=ud(dd(e.target.value)),void 0!==f&&(yield f(e))}))),[f]);return e.createElement(id,{isInputHidden:s,mediaType:c},e.createElement(sd,null,e.createElement("label",{htmlFor:k},e.createElement(ve,{color:w(a?y.colors.fg.error:y.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_MD,weight:exports.TypographyWeight.MEDIUM_500},l.element,e.createElement(Oo,{displayMethod:exports.TooltipInfoDisplayMethod.WITH_NBSP,floatingElement:l.tooltip})))),e.createElement(ld,{isInputHidden:s},e.createElement(ju,{colorInput:w(y.colors.fg.neutral.default),disabled:o,hasError:a,id:k,name:p,prefix:m,ref:E,size:exports.InputSize.MD,suffix:v,textAlign:Fu.right,onBlur:D,onChange:M})),void 0!==I&&e.createElement(cd,null,e.createElement(ye,{disable:o,max:u.max,min:u.min,minMaxLabels:d,steps:g,stepType:b,value:I,onFinalChange:T,onChange:S})))})),hd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,tooltip:l}=t,c=ao(t,["errorMessage","hasError","hintText","id","label","tooltip"]),u=nd(i);return e.createElement(ed,{errorMessage:r,hasError:o,hintText:a,id:u,label:s,tooltip:l},e.createElement(ju,Object.assign({hasError:o,id:u,ref:n,type:"text"},c)))})),fd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,tooltip:l}=t,c=ao(t,["errorMessage","hasError","hintText","id","label","tooltip"]),u=nd(i);return e.createElement(ed,{errorMessage:r,hasError:o,hintText:a,id:u,label:s,tooltip:l},e.createElement(ju,Object.assign({hasError:o,id:u,ref:n,textAlign:Fu.right,type:"text"},c)))})),md=t.div`
+`,ud=e=>e.replace(/[^\d]/g,"").replace(/\B(?=(\d{3})+(?!\d))/g," "),dd=e=>e.replace(/\s/g,""),pd=e.forwardRef((function(n,r){const{disabled:o,hasError:a=!1,id:i,isInputHidden:s=!1,label:l,mediaType:c,minMax:u,minMaxLabels:d,name:p,onBlur:h,onChange:f,prefix:m,steps:g,stepType:b,suffix:v}=n,y=t.useTheme(),x=exports.ColorScheme.light,w=Le(x),k=nd(i),[I,C]=e.useState(void 0),E=e.useRef(null);e.useEffect((()=>{if(null!==r){if("function"==typeof r)return void r(E.current);r.current=E.current}}),[r]),e.useEffect((()=>{var e;if(void 0!==(null===(e=E.current)||void 0===e?void 0:e.value)&&void 0!==I){const e=document.getElementById(k);Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(e,ud(I.toString()));const t=new Event("input",{bubbles:!0});e.dispatchEvent(t)}}),[k,I]),e.useEffect((()=>{C(E.current.value)}),[]);const S=e.useCallback((e=>{C(e)}),[]),T=e.useCallback((()=>{const e=document.activeElement;if(null!==E.current){if(E.current.focus(),null===e||"function"!=typeof e.focus)return void E.current.blur();e.focus()}}),[]),D=e.useCallback((e=>io(this,void 0,void 0,(function*(){const t=e.target.value,n=Number.parseInt(dd(t));let r;switch(!0){case Number.isNaN(n):case n<u.min:r=u.min;break;case n>u.max:r=u.max;break;default:r=n}e.target.value=ud(r.toString()),C(r),void 0!==h&&(yield h(e))}))),[u.max,u.min,h]),M=e.useCallback((e=>io(this,void 0,void 0,(function*(){e.target.value=ud(dd(e.target.value)),void 0!==f&&(yield f(e))}))),[f]);return e.createElement(id,{isInputHidden:s,mediaType:c},e.createElement(sd,null,e.createElement("label",{htmlFor:k},e.createElement(ve,{color:w(a?y.colors.fg.error:y.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_MD,weight:exports.TypographyWeight.MEDIUM_500},l.element,e.createElement(Oo,{displayMethod:exports.TooltipInfoDisplayMethod.WITH_NBSP,floatingElement:l.tooltip})))),e.createElement(ld,{isInputHidden:s},e.createElement(ju,{colorInput:w(y.colors.fg.neutral.default),disabled:o,hasError:a,id:k,name:p,prefix:m,ref:E,size:exports.InputSize.MD,suffix:v,textAlign:Fu.right,onBlur:D,onChange:M})),void 0!==I&&e.createElement(cd,null,e.createElement(ye,{disable:o,max:u.max,min:u.min,minMaxLabels:d,steps:g,stepType:b,value:I,onFinalChange:T,onChange:S})))})),hd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,layout:l,tooltip:c}=t,u=ao(t,["errorMessage","hasError","hintText","id","label","layout","tooltip"]),d=nd(i);return e.createElement(ed,{errorMessage:r,hasError:o,hintText:a,id:d,label:s,layout:l,tooltip:c},e.createElement(ju,Object.assign({hasError:o,id:d,ref:n,type:"text"},u)))})),fd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,layout:l,tooltip:c}=t,u=ao(t,["errorMessage","hasError","hintText","id","label","layout","tooltip"]),d=nd(i);return e.createElement(ed,{errorMessage:r,hasError:o,hintText:a,id:d,label:s,layout:l,tooltip:c},e.createElement(ju,Object.assign({hasError:o,id:d,ref:n,textAlign:Fu.right,type:"text"},u)))})),md=t.div`
 	position: relative;
 	display: inline-block;
 	line-height: initial;