@mmb-digital/design-system-web 0.1.48 → 0.1.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +8 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +52 -49
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -796,6 +796,7 @@
|
|
|
796
796
|
align-items: center;
|
|
797
797
|
justify-content: center;
|
|
798
798
|
width: ${({fullWidth:e})=>!0===e?"100%":"fit-content"};
|
|
799
|
+
min-width: 80px;
|
|
799
800
|
white-space: nowrap;
|
|
800
801
|
cursor: pointer;
|
|
801
802
|
background: transparent;
|
|
@@ -864,6 +865,7 @@
|
|
|
864
865
|
align-items: center;
|
|
865
866
|
justify-content: flex-start;
|
|
866
867
|
width: ${({fullWidth:e})=>!0===e?"100%":"fit-content"};
|
|
868
|
+
max-width: 100%;
|
|
867
869
|
padding: ${({theme:e})=>e.spacing.xxs};
|
|
868
870
|
overflow-y: auto;
|
|
869
871
|
background: ${({chooseColor:e,theme:t})=>e(t.colors.surface.default)};
|
|
@@ -963,6 +965,7 @@
|
|
|
963
965
|
${({theme:e})=>e.spacing.sm}
|
|
964
966
|
`,wo=t.div`
|
|
965
967
|
position: relative;
|
|
968
|
+
z-index: 9;
|
|
966
969
|
display: block;
|
|
967
970
|
row-gap: ${({theme:e})=>e.spacing.xxs};
|
|
968
971
|
max-width: 266px;
|
|
@@ -1384,7 +1387,7 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1384
1387
|
display: flex;
|
|
1385
1388
|
flex-direction: column;
|
|
1386
1389
|
${({childrenWidth:e})=>void 0===e?"":`width: ${e}`};
|
|
1387
|
-
`,Bd=n=>{const{children:r,childrenWidth:o,colorScheme:a=exports.ColorScheme.light,errorMessage:i,hasError:s,hintText:l,id:c,label:u,labelSuffix:p,layout:h=exports.FieldWrapperLayout.vertical,tooltip:f}=n,m=t.useTheme(),g=H(a),b=(()=>{switch(h){case exports.FieldWrapperLayout.vertical:return e.Fragment;case exports.FieldWrapperLayout.horizontal:return Rd;default:throw new Error("unexpected value of enum FieldWrapperLayout fieldWrapper.tsx LabelAndHintWrapper")}})(),v=(()=>{switch(h){case exports.FieldWrapperLayout.vertical:return e.Fragment;case exports.FieldWrapperLayout.horizontal:return Wd;default:throw new Error("unexpected value of enum FieldWrapperLayout fieldWrapper.tsx FieldAndErrorWrapper")}})();return e.createElement(Pd,{layout:h},(void 0!==u||void 0!==l)&&e.createElement(b,null,void 0!==u&&e.createElement(Od,{hasError:s,id:c,label:u,suffix:p,tooltip:f}),void 0!==l&&e.createElement(d,{color:g(m.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},l)),e.createElement(v,{childrenWidth:o},r,!0===s&&void 0!==i&&""!==i&&e.createElement("div",null,e.createElement(d,{color:g(m.colors.fg.error),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},i))))},Vd=e=>void 0!==e?e:Ct.encode(Math.random().toString()),Gd=t=>e.useMemo((()=>Vd(t)),[t]),Fd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,
|
|
1390
|
+
`,Bd=n=>{const{children:r,childrenWidth:o,colorScheme:a=exports.ColorScheme.light,errorMessage:i,hasError:s,hintText:l,id:c,label:u,labelSuffix:p,layout:h=exports.FieldWrapperLayout.vertical,tooltip:f}=n,m=t.useTheme(),g=H(a),b=(()=>{switch(h){case exports.FieldWrapperLayout.vertical:return e.Fragment;case exports.FieldWrapperLayout.horizontal:return Rd;default:throw new Error("unexpected value of enum FieldWrapperLayout fieldWrapper.tsx LabelAndHintWrapper")}})(),v=(()=>{switch(h){case exports.FieldWrapperLayout.vertical:return e.Fragment;case exports.FieldWrapperLayout.horizontal:return Wd;default:throw new Error("unexpected value of enum FieldWrapperLayout fieldWrapper.tsx FieldAndErrorWrapper")}})();return e.createElement(Pd,{layout:h},(void 0!==u||void 0!==l)&&e.createElement(b,null,void 0!==u&&e.createElement(Od,{hasError:s,id:c,label:u,suffix:p,tooltip:f}),void 0!==l&&e.createElement(d,{color:g(m.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},l)),e.createElement(v,{childrenWidth:o},r,!0===s&&void 0!==i&&""!==i&&e.createElement("div",null,e.createElement(d,{color:g(m.colors.fg.error),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.REGULAR_400},i))))},Vd=e=>void 0!==e?e:Ct.encode(Math.random().toString()),Gd=t=>e.useMemo((()=>Vd(t)),[t]),Fd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,labelSuffix:l,layout:c,tooltip:u}=t,d=Po(t,["errorMessage","hasError","hintText","id","label","labelSuffix","layout","tooltip"]),p=Gd(i);return e.createElement(Bd,{errorMessage:r,hasError:o,hintText:a,id:p,label:s,labelSuffix:l,layout:c,tooltip:u},e.createElement(Ad,Object.assign({hasError:o,id:p,ref:n,type:"email"},d)))})),Hd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,labelSuffix:l,layout:c,tooltip:u}=t,d=Po(t,["errorMessage","hasError","hintText","id","label","labelSuffix","layout","tooltip"]),p=Gd(i);return e.createElement(Bd,{errorMessage:r,hasError:o,hintText:a,id:p,label:s,labelSuffix:l,layout:c,tooltip:u},e.createElement(Ad,Object.assign({hasError:o,id:p,ref:n,type:"tel"},d)))})),_d=e.forwardRef((function(t,n){const{buttonAction:r,buttonText:o,errorMessage:a,hasError:i,hintText:s,id:l,label:c,labelSuffix:u,layout:d,size:p,tooltip:h}=t,f=Po(t,["buttonAction","buttonText","errorMessage","hasError","hintText","id","label","labelSuffix","layout","size","tooltip"]),m=Gd(l);return e.createElement(Bd,{errorMessage:a,hasError:i,hintText:s,id:m,label:c,labelSuffix:u,layout:d,tooltip:h},e.createElement(Ad,Object.assign({button:e.createElement(we,{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(oe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.search}),id:m,ref:n,size:p,type:"text"},f)))})),Xd=t.div`
|
|
1388
1391
|
display: grid;
|
|
1389
1392
|
/* stylelint-disable named-grid-areas-no-invalid */
|
|
1390
1393
|
grid-template-areas: ${({isInputNoteVisible:e,isInputVisible:t,mediaType:n})=>{switch(!0){case n===exports.MediaType.mobile&&!t:return"\n \t'label'\n \t'slider'\n \t\t";case n===exports.MediaType.mobile&&t&&e:return"\n \t'label input'\n \t'label inputNote'\n \t'slider slider'\n \t\t";case n===exports.MediaType.mobile&&t&&!e:return"\n \t'label input'\n \t'slider slider'\n \t\t";case n===exports.MediaType.desktop&&!t:return"\n \t 'label'\n\t 'slider'\n \t\t ";case n===exports.MediaType.desktop&&t&&e:return"\n \t 'label label'\n\t 'slider input'\n\t '. inputNote'\n \t\t ";case n===exports.MediaType.desktop&&t&&!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")}}};
|
|
@@ -1410,9 +1413,9 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1410
1413
|
`,jd=t.div`
|
|
1411
1414
|
display: flex;
|
|
1412
1415
|
grid-area: slider;
|
|
1413
|
-
`,Zd=e=>e.replace(/[^\d]/g,"").replace(/\B(?=(\d{3})+(?!\d))/g," "),Jd=e=>e.replace(/\s/g,""),Ud=e.forwardRef((function(n,r){const{colorScheme:o=exports.ColorScheme.light,disabled:a,hasError:i=!1,id:s,inputNote:l,isInputHidden:c=!1,label:u,mediaType:p,minMax:h,minMaxLabels:f,name:m,onBlur:g,onChange:b,prefix:v,steps:y,stepType:x,suffix:w}=n,k=t.useTheme(),C=H(o),I=Gd(s),[E,S]=e.useState(void 0),T=e.useRef(null);e.useEffect((()=>{if(null!==r){if("function"==typeof r)return void r(T.current);r.current=T.current}}),[r]),e.useEffect((()=>{var e;if(void 0!==(null===(e=T.current)||void 0===e?void 0:e.value)&&void 0!==E){const e=document.getElementById(I);Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(e,Zd(E.toString()));const t=new Event("input",{bubbles:!0});e.dispatchEvent(t)}}),[I,E]),e.useEffect((()=>{S(T.current.value)}),[]);const D=e.useCallback((e=>{S(e)}),[]),M=e.useCallback((()=>{const e=document.activeElement;if(null!==T.current){if(T.current.focus(),null===e||"function"!=typeof e.focus)return void T.current.blur();e.focus()}}),[]),L=e.useCallback((e=>Ro(this,void 0,void 0,(function*(){const t=e.target.value,n=Number.parseInt(Jd(t));let r;switch(!0){case Number.isNaN(n):case n<h.min:r=h.min;break;case n>h.max:r=h.max;break;default:r=n}e.target.value=Zd(r.toString()),S(r),void 0!==g&&(yield g(e))}))),[h.max,h.min,g]),A=e.useCallback((e=>Ro(this,void 0,void 0,(function*(){e.target.value=Zd(Jd(e.target.value)),void 0!==b&&(yield b(e))}))),[b]);return e.createElement(Xd,{isInputNoteVisible:void 0!==l,isInputVisible:!c,mediaType:p},e.createElement(zd,null,e.createElement("label",{htmlFor:I},e.createElement(d,{color:C(i?k.colors.fg.error:k.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_MD,weight:exports.TypographyWeight.MEDIUM_500},u.element,e.createElement(ia,{displayMethod:exports.TooltipInfoDisplayMethod.WITH_NBSP,floatingElement:u.tooltip})))),e.createElement(Yd,{isInputHidden:c},e.createElement(Ad,{colorInput:C(k.colors.fg.neutral.default),disabled:a,hasError:i,id:I,name:m,prefix:v,ref:T,size:exports.InputSize.MD,suffix:w,textAlign:yd.right,onBlur:L,onChange:A})),void 0!==l&&!c&&e.createElement($d,null,e.createElement(d,{variant:exports.TypographyVariant.TEXT_MD},l)),void 0!==E&&e.createElement(jd,null,e.createElement(It,{colorScheme:o,disable:a,max:h.max,min:h.min,minMaxLabels:f,steps:y,stepType:x,value:E,onFinalChange:M,onChange:D})))})),Qd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,
|
|
1416
|
+
`,Zd=e=>e.replace(/[^\d]/g,"").replace(/\B(?=(\d{3})+(?!\d))/g," "),Jd=e=>e.replace(/\s/g,""),Ud=e.forwardRef((function(n,r){const{colorScheme:o=exports.ColorScheme.light,disabled:a,hasError:i=!1,id:s,inputNote:l,isInputHidden:c=!1,label:u,mediaType:p,minMax:h,minMaxLabels:f,name:m,onBlur:g,onChange:b,prefix:v,steps:y,stepType:x,suffix:w}=n,k=t.useTheme(),C=H(o),I=Gd(s),[E,S]=e.useState(void 0),T=e.useRef(null);e.useEffect((()=>{if(null!==r){if("function"==typeof r)return void r(T.current);r.current=T.current}}),[r]),e.useEffect((()=>{var e;if(void 0!==(null===(e=T.current)||void 0===e?void 0:e.value)&&void 0!==E){const e=document.getElementById(I);Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(e,Zd(E.toString()));const t=new Event("input",{bubbles:!0});e.dispatchEvent(t)}}),[I,E]),e.useEffect((()=>{S(T.current.value)}),[]);const D=e.useCallback((e=>{S(e)}),[]),M=e.useCallback((()=>{const e=document.activeElement;if(null!==T.current){if(T.current.focus(),null===e||"function"!=typeof e.focus)return void T.current.blur();e.focus()}}),[]),L=e.useCallback((e=>Ro(this,void 0,void 0,(function*(){const t=e.target.value,n=Number.parseInt(Jd(t));let r;switch(!0){case Number.isNaN(n):case n<h.min:r=h.min;break;case n>h.max:r=h.max;break;default:r=n}e.target.value=Zd(r.toString()),S(r),void 0!==g&&(yield g(e))}))),[h.max,h.min,g]),A=e.useCallback((e=>Ro(this,void 0,void 0,(function*(){e.target.value=Zd(Jd(e.target.value)),void 0!==b&&(yield b(e))}))),[b]);return e.createElement(Xd,{isInputNoteVisible:void 0!==l,isInputVisible:!c,mediaType:p},e.createElement(zd,null,e.createElement("label",{htmlFor:I},e.createElement(d,{color:C(i?k.colors.fg.error:k.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_MD,weight:exports.TypographyWeight.MEDIUM_500},u.element,e.createElement(ia,{displayMethod:exports.TooltipInfoDisplayMethod.WITH_NBSP,floatingElement:u.tooltip})))),e.createElement(Yd,{isInputHidden:c},e.createElement(Ad,{colorInput:C(k.colors.fg.neutral.default),disabled:a,hasError:i,id:I,name:m,prefix:v,ref:T,size:exports.InputSize.MD,suffix:w,textAlign:yd.right,onBlur:L,onChange:A})),void 0!==l&&!c&&e.createElement($d,null,e.createElement(d,{variant:exports.TypographyVariant.TEXT_MD},l)),void 0!==E&&e.createElement(jd,null,e.createElement(It,{colorScheme:o,disable:a,max:h.max,min:h.min,minMaxLabels:f,steps:y,stepType:x,value:E,onFinalChange:M,onChange:D})))})),Qd=e.forwardRef((function(t,n){const{errorMessage:r,hasError:o,hintText:a,id:i,label:s,labelSuffix:l,layout:c,tooltip:u}=t,d=Po(t,["errorMessage","hasError","hintText","id","label","labelSuffix","layout","tooltip"]),p=Gd(i);return e.createElement(Bd,{errorMessage:r,hasError:o,hintText:a,id:p,label:s,labelSuffix:l,layout:c,tooltip:u},e.createElement(Ad,Object.assign({hasError:o,id:p,ref:n,type:"text"},d)))})),Kd=t.div`
|
|
1414
1417
|
width: ${({childrenWidth:e})=>null!=e?e:"100%"};
|
|
1415
|
-
`,qd=e.forwardRef((function(t,n){const{childrenWidth:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,
|
|
1418
|
+
`,qd=e.forwardRef((function(t,n){const{childrenWidth:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,layout:u,tooltip:d}=t,p=Po(t,["childrenWidth","errorMessage","hasError","hintText","id","label","labelSuffix","layout","tooltip"]),h=Gd(s);return e.createElement(Bd,{errorMessage:o,hasError:a,hintText:i,id:h,label:l,labelSuffix:c,layout:u,tooltip:d},e.createElement(Kd,{childrenWidth:r},e.createElement(Ad,Object.assign({hasError:a,id:h,ref:n,textAlign:yd.right,type:"text"},p))))})),ep=e.forwardRef(((t,n)=>{const{innerRef:r}=t,a=Po(t,["innerRef"]),i=(s=[r,n],o.useMemo((()=>s.every((e=>null==e))?null:e=>{s.forEach((t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)}))}),s));var s;return e.createElement(Ad,Object.assign({},a,{ref:i}))}));var tp,np,rp;ep.displayName="InputBaseWithInnerRef",tp="cs",np=dd,(rp="undefined"!=typeof window?window:globalThis).__localeData__||(rp.__localeData__={}),rp.__localeData__[tp]=np;const op=["dd.MM.yyyy","dd. MM. yyyy"],ap=e.forwardRef(((t,n)=>{const{hasError:r,locale:o,name:a,nextMonthAriaLabel:i,previousMonthAriaLabel:s,startDate:l}=t,c=Po(t,["hasError","locale","name","nextMonthAriaLabel","previousMonthAriaLabel","startDate"]);return e.createElement(nd,Object.assign({calendarContainer:({children:t})=>e.createElement(wd,{role:"dialog"},e.createElement(kd,{id:"datepicker-prevMonth"},s),e.createElement(kd,{id:"datepicker-nextMonth"},i),t),customInput:e.createElement(ep,{hasError:r,icon:e.createElement(oe,{size:exports.IconSystemSize.small,type:exports.IconSystemType.event}),innerRef:n,name:a,size:exports.InputSize.MD}),dateFormat:op,locale:null!=o?o:"cs",popperContainer:Cd,renderCustomHeader:bd,selected:l,showPopperArrow:!1,showTimeSelect:!1},c))}));var ip;ap.displayName="DatePicker",exports.CheckboxPosition=void 0,(ip=exports.CheckboxPosition||(exports.CheckboxPosition={})).left="left",ip.right="right";const sp="24px",lp=t.label`
|
|
1416
1419
|
display: flex;
|
|
1417
1420
|
`,cp=t.input`
|
|
1418
1421
|
position: absolute;
|
|
@@ -1813,7 +1816,7 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1813
1816
|
background: ${({theme:e})=>e.colors.bg.disabled.light};
|
|
1814
1817
|
border: 1px solid ${({theme:e})=>e.colors.border.disabled.light};
|
|
1815
1818
|
}
|
|
1816
|
-
`,Iv=e.forwardRef((function(t,n){const{disabled:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,tooltip:
|
|
1819
|
+
`,Iv=e.forwardRef((function(t,n){const{disabled:r,errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,tooltip:u}=t,d=Po(t,["disabled","errorMessage","hasError","hintText","id","label","labelSuffix","tooltip"]);return e.createElement(Bd,{errorMessage:o,hasError:a,hintText:i,id:s,label:l,labelSuffix:c,tooltip:u},e.createElement(Cv,Object.assign({disabled:r,hasError:a,id:s,ref:n},d)))}));var Ev,Sv;exports.GapSize=void 0,(Ev=exports.GapSize||(exports.GapSize={})).XXS="xxs",Ev.XS="xs",Ev.SM="sm",Ev.MD="md",Ev.LG="lg",Ev.XL="xl",Ev.XXL="xxl",Ev.XXXL="xxxl",Ev.XXXXL="xxxxl",Ev.XXXXXL="xxxxxl",exports.StackDirection=void 0,(Sv=exports.StackDirection||(exports.StackDirection={})).column="column",Sv.row="row";const Tv=t.div`
|
|
1817
1820
|
display: flex;
|
|
1818
1821
|
flex-direction: ${({direction:e})=>e.toString()};
|
|
1819
1822
|
|
|
@@ -1838,5 +1841,5 @@ function uc(e,t,n){return t=kc(t),function(e,t){if(t&&("object"==typeof t||"func
|
|
|
1838
1841
|
`;case exports.GapSize.XXXXXL:return t.css`
|
|
1839
1842
|
gap: ${({theme:e})=>e.spacing.xxxxxl};
|
|
1840
1843
|
`;default:throw new Error("unexpected GapSize enum values in stack.styles.ts")}}}
|
|
1841
|
-
`;exports.Accordion=t=>{const{data:n}=t,[r,o]=e.useState(null);return e.createElement(i,null,n.map(((t,n)=>e.createElement(de,{key:t.id,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:r===n,label:t.label,onClick:()=>(e=>{o((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=he,exports.AccordionItem=de,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:a}=n,i=t.useTheme(),s=H(null!=r?r:exports.ColorScheme.light);return e.createElement(he,{colorScheme:r},e.createElement(fe,null,e.createElement(d,{color:s(i.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},o)),e.createElement(me,null,e.createElement(d,{color:s(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},a)))},exports.AsyncSelect=t=>{const{control:n,defaultPlaceholder:r,name:o,optionIcon:a}=t,i=Po(t,["control","defaultPlaceholder","name","optionIcon"]),[s,l]=e.useState(),[c,u]=e.useState(r),d=()=>u("");return e.createElement(lv,{control:n,name:o,render:({field:t})=>{var n;return e.createElement(Gb,Object.assign({},i,t,{customComponents:{Input:hv,DropdownIndicator:null,Control:fv,Option:t=>((t,n)=>{var{children:r,data:o}=t,a=Po(t,["children","data"]);return e.createElement(xg.Option,Object.assign({data:o},a),e.createElement(uv,null,n&&e.createElement(oe,{size:n.size,type:n.type}),e.createElement(dv,null,r)))})(t,a)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:c,type:Bb.ASYNC_SELECT,value:s,onBlur:()=>(e=>{""===e.label&&u(r)})(t.value),onFocus:d,onChange:e=>((e,t)=>{t.onChange(e)})(e,t),onInputChange:(e,n)=>((e,{action:t},n)=>{"input-change"===t&&(l(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=we,exports.CalculatorResult=xa,exports.CalculatorResultBox=t=>{const{bodyItems:n,description:r,header:o,main:a,mediaType:i,modal:s}=t,[l,c]=e.useState(!1);return e.createElement(ka,{isDescriptionVisible:void 0!==r,mediaType:i},e.createElement(xa,{bodyItems:n,header:o,main:a}),e.createElement(Ca,null,void 0!==r&&e.createElement(Ia,null,e.createElement(d,{fullWidth:!0,textAlign:exports.TypographyTextAlign.CENTER,variant:exports.TypographyVariant.TEXT_SM},r)),void 0!==s&&e.createElement(e.Fragment,null,e.createElement(bn,{hideCloseButton:!1,isOpen:l,onClose:()=>{c(!1)}},s.content),e.createElement(Ea,null,e.createElement(Sa,{onClick:()=>{c(!0)}},e.createElement(d,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},s.text,e.createElement(Ta,null,e.createElement(Da,null,e.createElement(oe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=mp,exports.DatePicker=ap,exports.EmailInput=Fd,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:a,title:i}=n,s=t.useTheme(),l=H(r);return e.createElement(Et,{chooseColor:l},void 0!==i&&e.createElement(d,{color:l(s.colors.fg.error),variant:exports.TypographyVariant.TEXT_LG,weight:exports.TypographyWeight.SEMI_BOLD_600},i),void 0!==a&&a.length>0&&e.createElement(Mt,{colorScheme:r,items:a}),void 0!==o&&o)},exports.FieldWrapper=Bd,exports.FormattedAmount=ei,exports.FormattedHtmlMessage=oa,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:a}=t;return e.createElement(ra,{defaultMessage:n,description:r,id:o,values:a},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=Ga,exports.IconProduct=an,exports.IconSystem=oe,exports.InfoConditional=ia,exports.Infobox=t=>{const{children:n,fullWidth:r,isWarning:o=!1,size:a,variant:i}=t;return e.createElement(Nt,{fullWidth:r,isWarning:o,size:a,variant:i},n)},exports.InputBase=Ad,exports.InputLabel=Od,exports.Loader=Wa,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(Ba,{colorScheme:n},e.createElement(Wa,{colorScheme:n,loaderSize:r}))},exports.Modal=bn,exports.PhoneInput=Hd,exports.Radio=Ep,exports.RadioButton=Lp,exports.RadioButtonsHorizontal=Wp,exports.SearchInput=_d,exports.Select=t=>{const{control:n,name:r}=t,o=Po(t,["control","name"]);return e.createElement(lv,{control:n,name:r,render:({field:t})=>e.createElement(Gb,Object.assign({},o,t))})},exports.SelectBase=Gb,exports.SelectField=t=>{const{control:n,errorMessage:r,hasError:o,hintText:a,id:i,label:s,
|
|
1844
|
+
`;exports.Accordion=t=>{const{data:n}=t,[r,o]=e.useState(null);return e.createElement(i,null,n.map(((t,n)=>e.createElement(de,{key:t.id,content:t.content,description:t.description,icon:t.icon,id:t.id,isOpen:r===n,label:t.label,onClick:()=>(e=>{o((t=>t===e?null:e))})(n)}))))},exports.AccordionContent=he,exports.AccordionItem=de,exports.AccordionKeyValue=n=>{const{colorScheme:r,label:o,value:a}=n,i=t.useTheme(),s=H(null!=r?r:exports.ColorScheme.light);return e.createElement(he,{colorScheme:r},e.createElement(fe,null,e.createElement(d,{color:s(i.colors.fg.neutral.default),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},o)),e.createElement(me,null,e.createElement(d,{color:s(i.colors.fg.neutral.subtle),variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},a)))},exports.AsyncSelect=t=>{const{control:n,defaultPlaceholder:r,name:o,optionIcon:a}=t,i=Po(t,["control","defaultPlaceholder","name","optionIcon"]),[s,l]=e.useState(),[c,u]=e.useState(r),d=()=>u("");return e.createElement(lv,{control:n,name:o,render:({field:t})=>{var n;return e.createElement(Gb,Object.assign({},i,t,{customComponents:{Input:hv,DropdownIndicator:null,Control:fv,Option:t=>((t,n)=>{var{children:r,data:o}=t,a=Po(t,["children","data"]);return e.createElement(xg.Option,Object.assign({data:o},a),e.createElement(uv,null,n&&e.createElement(oe,{size:n.size,type:n.type}),e.createElement(dv,null,r)))})(t,a)},inputValue:null===(n=t.value)||void 0===n?void 0:n.label,isSearchable:!0,loadingMessage:()=>null,noOptionsMessage:()=>null,placeholder:c,type:Bb.ASYNC_SELECT,value:s,onBlur:()=>(e=>{""===e.label&&u(r)})(t.value),onFocus:d,onChange:e=>((e,t)=>{t.onChange(e)})(e,t),onInputChange:(e,n)=>((e,{action:t},n)=>{"input-change"===t&&(l(null),n.onChange({value:null,label:e}))})(e,n,t)}))}})},exports.Button=we,exports.CalculatorResult=xa,exports.CalculatorResultBox=t=>{const{bodyItems:n,description:r,header:o,main:a,mediaType:i,modal:s}=t,[l,c]=e.useState(!1);return e.createElement(ka,{isDescriptionVisible:void 0!==r,mediaType:i},e.createElement(xa,{bodyItems:n,header:o,main:a}),e.createElement(Ca,null,void 0!==r&&e.createElement(Ia,null,e.createElement(d,{fullWidth:!0,textAlign:exports.TypographyTextAlign.CENTER,variant:exports.TypographyVariant.TEXT_SM},r)),void 0!==s&&e.createElement(e.Fragment,null,e.createElement(bn,{hideCloseButton:!1,isOpen:l,onClose:()=>{c(!1)}},s.content),e.createElement(Ea,null,e.createElement(Sa,{onClick:()=>{c(!0)}},e.createElement(d,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},s.text,e.createElement(Ta,null,e.createElement(Da,null,e.createElement(oe,{size:exports.IconSystemSize.big,type:exports.IconSystemType.chevronRight})))))))))},exports.Checkbox=mp,exports.DatePicker=ap,exports.EmailInput=Fd,exports.ErrorBox=n=>{const{colorScheme:r,content:o,items:a,title:i}=n,s=t.useTheme(),l=H(r);return e.createElement(Et,{chooseColor:l},void 0!==i&&e.createElement(d,{color:l(s.colors.fg.error),variant:exports.TypographyVariant.TEXT_LG,weight:exports.TypographyWeight.SEMI_BOLD_600},i),void 0!==a&&a.length>0&&e.createElement(Mt,{colorScheme:r,items:a}),void 0!==o&&o)},exports.FieldWrapper=Bd,exports.FormattedAmount=ei,exports.FormattedHtmlMessage=oa,exports.FormattedMessage=t=>{const{defaultMessage:n,description:r,id:o,values:a}=t;return e.createElement(ra,{defaultMessage:n,description:r,id:o,values:a},(t=>e.createElement("span",{"data-message-id":o},t)))},exports.FormattedPercentage=Ga,exports.IconProduct=an,exports.IconSystem=oe,exports.InfoConditional=ia,exports.Infobox=t=>{const{children:n,fullWidth:r,isWarning:o=!1,size:a,variant:i}=t;return e.createElement(Nt,{fullWidth:r,isWarning:o,size:a,variant:i},n)},exports.InputBase=Ad,exports.InputLabel=Od,exports.Loader=Wa,exports.LoaderOverlayBox=t=>{const{colorScheme:n,loaderSize:r}=t;return e.createElement(Ba,{colorScheme:n},e.createElement(Wa,{colorScheme:n,loaderSize:r}))},exports.Modal=bn,exports.PhoneInput=Hd,exports.Radio=Ep,exports.RadioButton=Lp,exports.RadioButtonsHorizontal=Wp,exports.SearchInput=_d,exports.Select=t=>{const{control:n,name:r}=t,o=Po(t,["control","name"]);return e.createElement(lv,{control:n,name:r,render:({field:t})=>e.createElement(Gb,Object.assign({},o,t))})},exports.SelectBase=Gb,exports.SelectField=t=>{const{control:n,errorMessage:r,hasError:o,hintText:a,id:i,label:s,labelSuffix:l,name:c,tooltip:u}=t,d=Po(t,["control","errorMessage","hasError","hintText","id","label","labelSuffix","name","tooltip"]);return e.createElement(Bd,{errorMessage:r,hasError:o,hintText:a,id:i,label:s,labelSuffix:l,tooltip:u},e.createElement(lv,{control:n,name:c,render:({field:t})=>e.createElement(cv,Object.assign({},d,{inputId:i,isError:o},t))}))},exports.Slider=It,exports.SliderInput=Ud,exports.Stack=t=>{const{children:n,direction:r=exports.StackDirection.column,gap:o=exports.GapSize.MD}=t,a=Po(t,["children","direction","gap"]);return e.createElement(Tv,Object.assign({direction:r,gap:o},a),n)},exports.Table=t=>{const{children:n,variant:r}=t;return e.createElement(Pt,{variant:r},n)},exports.TableBody=t=>{const{children:n,variant:r}=t;return e.createElement(Rt,{variant:r},n)},exports.TableData=t=>{const{align:n,children:r,delimiter:o=!1,variant:a,width:i}=t;return e.createElement(Wt,{align:n,delimiter:o,variant:a,width:i},r)},exports.TableHead=t=>{const{children:n,variant:r}=t;return e.createElement(Bt,{variant:r},n)},exports.TableHeadData=t=>{const{align:n,children:r,variant:o,width:a}=t;return e.createElement(Vt,{align:n,variant:o,width:a},r)},exports.TableRow=t=>{const{children:n,variant:r}=t;return e.createElement(Gt,{variant:r},n)},exports.Tabs=t=>{const{colorScheme:n,fullWidth:r,tabItems:o,variant:a}=t,i=H(n);return e.createElement(Zt,{fullWidth:r,chooseColor:i},o.map((t=>e.createElement(e.Fragment,{key:t.id},e.createElement(jt,{colorScheme:n,fullWidth:r,icon:t.icon,id:t.id,isActive:t.isActive,text:t.text,variant:a,onClick:t.onClick})))))},exports.TabsItem=jt,exports.TextArea=Iv,exports.TextInput=Qd,exports.Toggle=n=>{const{defaultValue:r,disabled:o,id:a,label:i,name:s,onChange:l}=n,c=t.useTheme(),[u,p]=e.useState(r),h=e.useCallback((e=>{p(e),void 0!==l&&l(e)}),[l]);return e.createElement(wv,{disabled:o,checked:u},e.createElement(xv,{activeBoxShadow:"",borderRadius:9999,className:"react-switch",disabled:o,handleDiameter:16,height:21,checked:u,checkedIcon:!1,id:a,name:s,offColor:c.colors.bg.neutral.white.light,offHandleColor:c.colors.bg.neutral.white.light,uncheckedIcon:!1,width:36,onColor:!0===o?c.colors.bg.neutral.white.light:c.colors.bg.brand.bold.light,onHandleColor:c.colors.bg.neutral.white.light,onChange:h}),void 0!==i&&e.createElement(kv,{htmlFor:a},e.createElement(d,{variant:exports.TypographyVariant.TEXT_SM,weight:exports.TypographyWeight.MEDIUM_500},i)))},exports.TooltipGeneral=Do,exports.TooltipInfo=No,exports.TooltipInfoDisplayableCheck=t=>{const{body:n,colorScheme:r,displayMethod:o,title:a}=t,i=aa();return i(n)?e.createElement(e.Fragment,null,o===exports.TooltipInfoDisplayMethod.WITH_NBSP&&" ",e.createElement(No,{colorScheme:r,floatingElement:{body:e.createElement(oa,Object.assign({},n)),title:void 0!==a&&i(a)?e.createElement(oa,Object.assign({},a)):void 0}})):null},exports.TrailingTextInput=qd,exports.Typography=d,exports.getColor=F,exports.theme=fd,exports.useColorScheme=H,exports.useCreateTooltipFloatingElement=()=>{const t=aa();return e.useCallback(((n,r)=>{if(t(n))return{body:e.createElement(oa,Object.assign({},n)),title:void 0!==r&&t(r)?e.createElement(oa,Object.assign({},r)):void 0}}),[t])},exports.useFormatAmount=Fa,exports.useFormattedPercentage=Va,exports.useIsMessageDisplayable=aa;
|
|
1842
1845
|
//# sourceMappingURL=index.cjs.js.map
|