@skodaflow/web-library 4.2.0 → 6.0.0

package/cjs/organisms/shortcutLink/shortcutLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"shortcutLink.js","sources":["../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon } from '../../components/icon';\nimport { styled } from '@mui/material';\n/** @deprecated */\nexport const ShortcutLink = ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback, }) => {\n    const handleOnClick = useCallback((e) => {\n        analyticsCallback && analyticsCallback(e);\n    }, [analyticsCallback]);\n    return (_jsxs(ShortcutLinkStyled, { children: [_jsx(Icon, { className: `${iconName} sl-icon`, fontSize: \"large\" }), _jsxs(\"div\", { className: \"text-wrapper\", children: [_jsx(\"h4\", { children: title }), _jsx(\"span\", { className: \"body\", children: subTitle })] }), _jsx(\"a\", { href: linkURL, target: isExternalLink ? '_blank' : '_self', rel: \"noreferrer\", children: _jsx(Button, { variant: ButtonVariants.NAVIGATION, label: linkLabel, direction: \"forward\", onClick: handleOnClick }) })] }));\n};\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { display: 'flex', alignItems: 'center', justifyContent: 'space-between', a: {\n            textDecoration: 'none',\n        }, button: {\n            paddingLeft: '0',\n        }, '.text-wrapper': {\n            paddingTop: '20px',\n            paddingBottom: '6px',\n        }, span: {\n            display: 'block',\n        }, '> .sa-i': {\n            display: 'none',\n        }, h4: {\n            marginTop: '0',\n            letterSpacing: '0.4px',\n        }, '.body': {\n            letterSpacing: '0.4px',\n        }, '.sl-icon': {\n            fontSize: '32px',\n        }, [theme.breakpoints.down('md')]: {\n            h4: {\n                marginBottom: '2px',\n                fontSize: '16px',\n                lineHeight: '24px',\n                letterSpacing: '0.2px',\n            },\n            '.body': {\n                letterSpacing: '0.2px',\n                lineHeight: '16px',\n                fontSize: '12px',\n            },\n        }, [theme.breakpoints.up('md')]: {\n            flexDirection: 'column',\n            alignItems: 'flex-start',\n            '> .sa-i': {\n                display: 'block',\n            },\n            h4: {\n                marginBottom: '0',\n            },\n        } });\n    return styles;\n});\n//# sourceMappingURL=shortcutLink.js.map"],"names":["ShortcutLinkStyled","styled","theme","styles","Object","assign","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","children","_jsx","jsx","Icon","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"6JAMY,MAMNA,2BAAqBC,OAAO,MAAPA,EAAc,EAAGC,YACxC,IAAIC,EAAS,CAAA,EAyCb,OAxCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,QAAS,OAAQC,WAAY,SAAUC,eAAgB,gBAAiBC,EAAG,CACvHC,eAAgB,QACjBC,OAAQ,CACPC,YAAa,KACd,gBAAiB,CAChBC,WAAY,OACZC,cAAe,OAChBC,KAAM,CACLT,QAAS,SACV,UAAW,CACVA,QAAS,QACVU,GAAI,CACHC,UAAW,IACXC,cAAe,SAChB,QAAS,CACRA,cAAe,SAChB,WAAY,CACXC,SAAU,QACX,CAACjB,EAAMkB,YAAYC,KAAK,OAAQ,CAC/BL,GAAI,CACAM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEnB,QAAS,CACLA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAEf,CAACjB,EAAMkB,YAAYI,GAAG,OAAQ,CAC7BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACPD,QAAS,SAEbU,GAAI,CACAM,aAAc,QAGnBnB,CAAM,yBAhDW,EAAGuB,WAAUC,QAAOC,WAAUC,YAAWC,UAASC,iBAAgBC,wBAC1F,MAAMC,EAAgBC,eAAaC,IAC/BH,GAAqBA,EAAkBG,EAAE,GAC1C,CAACH,IACJ,OAAQI,EAAKC,KAACrC,EAAoB,CAAEsC,SAAU,CAACC,EAAIC,IAACC,EAAIA,KAAE,CAAEC,UAAW,GAAGhB,YAAoBP,SAAU,UAAYiB,EAAKC,KAAC,MAAO,CAAEK,UAAW,eAAgBJ,SAAU,CAACC,EAAIC,IAAC,KAAM,CAAEF,SAAUX,IAAUY,EAAAA,IAAK,OAAQ,CAAEG,UAAW,OAAQJ,SAAUV,OAAiBW,EAAIC,IAAC,IAAK,CAAEG,KAAMb,EAASc,OAAQb,EAAiB,SAAW,QAASc,IAAK,aAAcP,SAAUC,EAAAA,IAAKO,EAAAA,OAAQ,CAAEC,QAASC,EAAcA,eAACC,WAAYC,MAAOrB,EAAWsB,UAAW,UAAWC,QAASnB,QAAyB"}
+{"version":3,"file":"shortcutLink.js","sources":["../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon } from '../../components/icon';\nimport { styled } from '@mui/material';\n/** @deprecated */\nexport const ShortcutLink = ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback, }) => {\n    const handleOnClick = useCallback((e) => {\n        analyticsCallback && analyticsCallback(e);\n    }, [analyticsCallback]);\n    return (_jsxs(ShortcutLinkStyled, { children: [_jsx(Icon, { name: iconName, className: \"sl-icon\", fontSize: \"large\" }), _jsxs(\"div\", { className: \"text-wrapper\", children: [_jsx(\"h4\", { children: title }), _jsx(\"span\", { className: \"body\", children: subTitle })] }), _jsx(\"a\", { href: linkURL, target: isExternalLink ? '_blank' : '_self', rel: \"noreferrer\", children: _jsx(Button, { variant: ButtonVariants.NAVIGATION, label: linkLabel, direction: \"forward\", onClick: handleOnClick }) })] }));\n};\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { display: 'flex', alignItems: 'center', justifyContent: 'space-between', a: {\n            textDecoration: 'none',\n        }, button: {\n            paddingLeft: '0',\n        }, '.text-wrapper': {\n            paddingTop: '20px',\n            paddingBottom: '6px',\n        }, span: {\n            display: 'block',\n        }, '> .sa-i': {\n            display: 'none',\n        }, h4: {\n            marginTop: '0',\n            letterSpacing: '0.4px',\n        }, '.body': {\n            letterSpacing: '0.4px',\n        }, '.sl-icon': {\n            fontSize: '32px',\n        }, [theme.breakpoints.down('md')]: {\n            h4: {\n                marginBottom: '2px',\n                fontSize: '16px',\n                lineHeight: '24px',\n                letterSpacing: '0.2px',\n            },\n            '.body': {\n                letterSpacing: '0.2px',\n                lineHeight: '16px',\n                fontSize: '12px',\n            },\n        }, [theme.breakpoints.up('md')]: {\n            flexDirection: 'column',\n            alignItems: 'flex-start',\n            '> .sa-i': {\n                display: 'block',\n            },\n            h4: {\n                marginBottom: '0',\n            },\n        } });\n    return styles;\n});\n//# sourceMappingURL=shortcutLink.js.map"],"names":["ShortcutLinkStyled","styled","theme","styles","Object","assign","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","children","_jsx","jsx","Icon","name","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"kNAMY,MAMNA,2BAAqBC,OAAO,MAAPA,EAAc,EAAGC,YACxC,IAAIC,EAAS,CAAA,EAyCb,OAxCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,QAAS,OAAQC,WAAY,SAAUC,eAAgB,gBAAiBC,EAAG,CACvHC,eAAgB,QACjBC,OAAQ,CACPC,YAAa,KACd,gBAAiB,CAChBC,WAAY,OACZC,cAAe,OAChBC,KAAM,CACLT,QAAS,SACV,UAAW,CACVA,QAAS,QACVU,GAAI,CACHC,UAAW,IACXC,cAAe,SAChB,QAAS,CACRA,cAAe,SAChB,WAAY,CACXC,SAAU,QACX,CAACjB,EAAMkB,YAAYC,KAAK,OAAQ,CAC/BL,GAAI,CACAM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEnB,QAAS,CACLA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAEf,CAACjB,EAAMkB,YAAYI,GAAG,OAAQ,CAC7BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACPD,QAAS,SAEbU,GAAI,CACAM,aAAc,QAGnBnB,CAAM,yBAhDW,EAAGuB,WAAUC,QAAOC,WAAUC,YAAWC,UAASC,iBAAgBC,wBAC1F,MAAMC,EAAgBC,eAAaC,IAC/BH,GAAqBA,EAAkBG,EAAE,GAC1C,CAACH,IACJ,OAAQI,EAAKC,KAACrC,EAAoB,CAAEsC,SAAU,CAACC,EAAIC,IAACC,EAAIA,KAAE,CAAEC,KAAMhB,EAAUiB,UAAW,UAAWxB,SAAU,UAAYiB,EAAAA,KAAM,MAAO,CAAEO,UAAW,eAAgBL,SAAU,CAACC,EAAIC,IAAC,KAAM,CAAEF,SAAUX,IAAUY,EAAAA,IAAK,OAAQ,CAAEI,UAAW,OAAQL,SAAUV,OAAiBW,EAAIC,IAAC,IAAK,CAAEI,KAAMd,EAASe,OAAQd,EAAiB,SAAW,QAASe,IAAK,aAAcR,SAAUC,EAAAA,IAAKQ,EAAAA,OAAQ,CAAEC,QAASC,EAAcA,eAACC,WAAYC,MAAOtB,EAAWuB,UAAW,UAAWC,QAASpB,QAAyB"}

package/cjs/organisms/textCta/textCta.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { ButtonProps } from '../../components/button';
+import { IconNameProp } from '../../components/icon';
 export type variants = 'subHeadline' | 'h1' | 'h2' | 'h3' | 'h4';
 export interface TextCtaProps {
     /**
@@ -60,7 +61,7 @@ export interface TextCtaProps {
      */
     listItems?: {
         text?: string;
-        icon?: string;
+        icon?: IconNameProp;
     }[];
     /**
      *object appStore Badge:

package/cjs/organisms/textCta/textCta.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("@mui/material/styles"),r=require("../../components/label/label.js"),s=require("@mui/material"),o=require("../../components/button/button.js"),a=require("../../components/icon/icon.js");const l=i.forwardRef(((n,l)=>{var{label:p,headlineTitle:d,text:c,showFirstButton:h=!1,showSecondButton:m=!1,onClickFirstBtn:u,onClickSecondBtn:g,firstButtonProps:S,secondButtonProps:B,listItems:b,showAppStore:j=!1,showPlayStore:f=!1,appStoreProps:C,playStoreProps:w}=n,y=t.__rest(n,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const k=i.useCallback((t=>{window.open(t,"_blank")}),[]),P=i.useCallback(((t,e,i)=>{i&&k(i),e&&e(t)}),[k]),v=i.useCallback(((t,i)=>{const n=Object.assign(Object.assign({},t),{url:t.url||null});return e.jsx(o.Button,Object.assign({},n,{onClick:t=>P(t,i,n.url)}))}),[P]);return e.jsxs(x,Object.assign({ref:l,listItems:b},y,{children:[p&&e.jsx(r.Label,{label:p}),d&&e.jsx("div",{className:"headlineContainer",children:e.jsx(s.Typography,{className:"textCtaHeadline",children:d})}),c&&e.jsx("p",{className:`textCtaText ${f&&"isPlayStore"}`,children:c}),b&&b.length>0&&e.jsx(s.List,{className:"textCtaList",children:b.map(((t,i)=>e.jsxs(s.ListItem,{children:[e.jsx(a.Icon,{className:t.icon||"check"}),t.text]},"text-cta-list-item"+i)))}),e.jsxs("div",{className:"textCtaBtnGroup",children:[(!j||!f)&&e.jsxs(e.Fragment,{children:[h&&v(S,u),m&&v(B,g)]}),(!h||!m)&&e.jsxs(e.Fragment,{children:[j&&e.jsx("span",{className:"appStoreBadge",onClick:()=>k(C.url),children:e.jsx("img",{src:C.img,alt:C.alt})}),f&&e.jsx("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:w}})]})]})]}))})),p=t=>{switch(t){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},x=n.styled("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,n=t.__rest(e,["theme"]);let r={};return r={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},p(n.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},r}));exports.TextCta=l;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("@mui/material/styles"),o=require("../../components/label/label.js"),r=require("@mui/material"),s=require("../../components/button/button.js"),a=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");const l=i.forwardRef(((n,l)=>{var{label:p,headlineTitle:c,text:d,showFirstButton:h=!1,showSecondButton:m=!1,onClickFirstBtn:u,onClickSecondBtn:g,firstButtonProps:S,secondButtonProps:B,listItems:j,showAppStore:b=!1,showPlayStore:f=!1,appStoreProps:C,playStoreProps:w}=n,y=t.__rest(n,["label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps"]);const k=i.useCallback((t=>{window.open(t,"_blank")}),[]),P=i.useCallback(((t,e,i)=>{i&&k(i),e&&e(t)}),[k]),v=i.useCallback(((t,i)=>{const n=Object.assign(Object.assign({},t),{url:t.url||null});return e.jsx(s.Button,Object.assign({},n,{onClick:t=>P(t,i,n.url)}))}),[P]);return e.jsxs(x,Object.assign({ref:l,listItems:j},y,{children:[p&&e.jsx(o.Label,{label:p}),c&&e.jsx("div",{className:"headlineContainer",children:e.jsx(r.Typography,{className:"textCtaHeadline",children:c})}),d&&e.jsx("p",{className:`textCtaText ${f&&"isPlayStore"}`,children:d}),j&&j.length>0&&e.jsx(r.List,{className:"textCtaList",children:j.map(((t,i)=>e.jsxs(r.ListItem,{children:[e.jsx(a.Icon,{name:t.icon||"check"}),t.text]},"text-cta-list-item"+i)))}),e.jsxs("div",{className:"textCtaBtnGroup",children:[(!b||!f)&&e.jsxs(e.Fragment,{children:[h&&v(S,u),m&&v(B,g)]}),(!h||!m)&&e.jsxs(e.Fragment,{children:[b&&e.jsx("span",{className:"appStoreBadge",onClick:()=>k(C.url),children:e.jsx("img",{src:C.img,alt:C.alt})}),f&&e.jsx("span",{className:"playStoreBadge",dangerouslySetInnerHTML:{__html:w}})]})]})]}))})),p=t=>{switch(t){case"h1":return{fontSize:"44px",lineHeight:"52px"};case"h2":return{fontSize:"36px",lineHeight:"44px"};case"h3":return{fontSize:"30px",lineHeight:"36px"};case"h4":return{fontSize:"24px",lineHeight:"28px"};default:return{fontSize:"18px",lineHeight:"28px"}}},x=n.styled("div",{shouldForwardProp:t=>"listItems"!==t&&"headlineVariant"!==t})((e=>{var{theme:i}=e,n=t.__rest(e,["theme"]);let o={};return o={"& > span":{margin:0},"& > div.headlineContainer":{marginBottom:"10px",marginTop:"5px","& > .textCtaHeadline":Object.assign({fontWeight:"bold"},p(n.headlineVariant))},"& > div.subheadlineContainer":{marginBottom:"10px","& > .textCtaSubheadline":{fontWeight:"bold",fontSize:"18px",lineHeight:"28px"}},"& > .textCtaList":{marginBottom:"10px"},"& > .textCtaText":{fontSize:"18px",lineHeight:"28px",margin:"12px 0 16px 0","&.isPlayStore":{marginBottom:"2px"}},"& > div.textCtaBtnGroup":{display:"flex",alignItems:"center",justifyContent:"flex-start",flexWrap:"wrap","& > div":{[i.breakpoints.down("sm")]:{width:"100%"}},"& > .appStoreBadge":{cursor:"pointer",marginRight:"8px","& > img":{height:"40px"}},"& > .playStoreBadge":{cursor:"pointer","& img":{maxWidth:"153px"}},"& .MuiButton-root":{paddingLeft:"16px",paddingRight:"16px",paddingBottom:"2px",fontSize:"14px",minWidth:"93px",height:"32px",[i.breakpoints.down("sm")]:{height:"44px",width:"100%"}},"& .MuiButton-root:first-of-type":{marginRight:"16px",marginBottom:0,[i.breakpoints.down("sm")]:{marginBottom:"16px"}}}," & > .MuiList-root":{padding:"0px","& > .MuiListItem-root":{padding:"0px 0px 6px 0px","& > .MuiIcon-root":{width:"20px",height:"24px",fontSize:"14px"}}}},o}));exports.TextCta=l;
 //# sourceMappingURL=textCta.js.map

package/cjs/organisms/textCta/textCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"textCta.js","sources":["../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography } from '@mui/material';\nimport { Button } from '../../components/button';\nimport { Icon } from '../../components/icon';\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const TextCta = forwardRef((_a, ref) => {\n    var { label, headlineTitle, text, showFirstButton = false, showSecondButton = false, onClickFirstBtn, onClickSecondBtn, firstButtonProps, secondButtonProps, listItems, showAppStore = false, showPlayStore = false, appStoreProps, playStoreProps } = _a, props = __rest(_a, [\"label\", \"headlineTitle\", \"text\", \"showFirstButton\", \"showSecondButton\", \"onClickFirstBtn\", \"onClickSecondBtn\", \"firstButtonProps\", \"secondButtonProps\", \"listItems\", \"showAppStore\", \"showPlayStore\", \"appStoreProps\", \"playStoreProps\"]);\n    const handleUrlClick = useCallback((url) => {\n        window.open(url, '_blank');\n    }, []);\n    const handleOnClickBtn = useCallback((e, callback, url) => {\n        if (url) {\n            handleUrlClick(url);\n        }\n        callback && callback(e);\n    }, [handleUrlClick]);\n    const handleRenderBtn = useCallback((btnProps, onClickHandler) => {\n        const propsA = Object.assign(Object.assign({}, btnProps), { url: btnProps.url || null });\n        return _jsx(Button, Object.assign({}, propsA, { onClick: (e) => handleOnClickBtn(e, onClickHandler, propsA.url) }));\n    }, [handleOnClickBtn]);\n    return (_jsxs(TextCtaContainerStyled, Object.assign({ ref: ref, listItems: listItems }, props, { children: [label && _jsx(Label, { label: label }), headlineTitle && (_jsx(\"div\", { className: \"headlineContainer\", children: _jsx(Typography, { className: \"textCtaHeadline\", children: headlineTitle }) })), text && _jsx(\"p\", { className: `textCtaText ${showPlayStore && 'isPlayStore'}`, children: text }), listItems && listItems.length > 0 && (_jsx(List, { className: \"textCtaList\", children: listItems.map((item, index) => {\n                    return (_jsxs(ListItem, { children: [_jsx(Icon, { className: item.icon || 'check' }), item.text] }, 'text-cta-list-item' + index));\n                }) })), _jsxs(\"div\", { className: \"textCtaBtnGroup\", children: [(!showAppStore || !showPlayStore) && (_jsxs(_Fragment, { children: [showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn), showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)] })), (!showFirstButton || !showSecondButton) && (_jsxs(_Fragment, { children: [showAppStore && (_jsx(\"span\", { className: \"appStoreBadge\", onClick: () => handleUrlClick(appStoreProps.url), children: _jsx(\"img\", { src: appStoreProps.img, alt: appStoreProps.alt }) })), showPlayStore && (_jsx(\"span\", { className: \"playStoreBadge\", dangerouslySetInnerHTML: { __html: playStoreProps } }))] }))] })] })));\n});\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant) => {\n    switch (headlineVariant) {\n        case 'h1':\n            return {\n                fontSize: '44px',\n                lineHeight: '52px',\n            };\n        case 'h2':\n            return {\n                fontSize: '36px',\n                lineHeight: '44px',\n            };\n        case 'h3':\n            return {\n                fontSize: '30px',\n                lineHeight: '36px',\n            };\n        case 'h4':\n            return {\n                fontSize: '24px',\n                lineHeight: '28px',\n            };\n        default:\n            return {\n                fontSize: '18px',\n                lineHeight: '28px',\n            };\n    }\n};\n/**\n * @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n        '& > span': {\n            margin: 0,\n        },\n        '& > div.headlineContainer': {\n            marginBottom: '10px',\n            marginTop: '5px',\n            '& > .textCtaHeadline': Object.assign({ fontWeight: 'bold' }, getHeadlineStyle(args.headlineVariant)),\n        },\n        '& > div.subheadlineContainer': {\n            marginBottom: '10px',\n            '& > .textCtaSubheadline': {\n                fontWeight: 'bold',\n                fontSize: '18px',\n                lineHeight: '28px',\n            },\n        },\n        '& > .textCtaList': {\n            marginBottom: '10px',\n        },\n        '& > .textCtaText': {\n            fontSize: '18px',\n            lineHeight: '28px',\n            margin: '12px 0 16px 0',\n            '&.isPlayStore': {\n                marginBottom: '2px',\n            },\n        },\n        '& > div.textCtaBtnGroup': {\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            flexWrap: 'wrap',\n            '& > div': {\n                [theme.breakpoints.down('sm')]: {\n                    width: '100%',\n                },\n            },\n            '& > .appStoreBadge': {\n                cursor: 'pointer',\n                marginRight: '8px',\n                '& > img': {\n                    height: '40px',\n                },\n            },\n            '& > .playStoreBadge': {\n                cursor: 'pointer',\n                '& img': {\n                    maxWidth: '153px',\n                },\n            },\n            '& .MuiButton-root': {\n                paddingLeft: '16px',\n                paddingRight: '16px',\n                paddingBottom: '2px',\n                fontSize: '14px',\n                minWidth: '93px',\n                height: '32px',\n                [theme.breakpoints.down('sm')]: {\n                    height: '44px',\n                    width: '100%',\n                },\n            },\n            '& .MuiButton-root:first-of-type': {\n                marginRight: '16px',\n                marginBottom: 0,\n                [theme.breakpoints.down('sm')]: {\n                    marginBottom: '16px',\n                },\n            },\n        },\n        ' & > .MuiList-root': {\n            padding: '0px',\n            '& > .MuiListItem-root': {\n                padding: '0px 0px 6px 0px',\n                '& > .MuiIcon-root': {\n                    width: '20px',\n                    height: '24px',\n                    fontSize: '14px',\n                },\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=textCta.js.map"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","jsxs","TextCtaContainerStyled","children","jsx","Label","className","Typography","length","List","map","item","index","ListItem","Icon","icon","_Fragment","Fragment","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}
+{"version":3,"file":"textCta.js","sources":["../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography } from '@mui/material';\nimport { Button } from '../../components/button';\nimport { Icon } from '../../components/icon';\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const TextCta = forwardRef((_a, ref) => {\n    var { label, headlineTitle, text, showFirstButton = false, showSecondButton = false, onClickFirstBtn, onClickSecondBtn, firstButtonProps, secondButtonProps, listItems, showAppStore = false, showPlayStore = false, appStoreProps, playStoreProps } = _a, props = __rest(_a, [\"label\", \"headlineTitle\", \"text\", \"showFirstButton\", \"showSecondButton\", \"onClickFirstBtn\", \"onClickSecondBtn\", \"firstButtonProps\", \"secondButtonProps\", \"listItems\", \"showAppStore\", \"showPlayStore\", \"appStoreProps\", \"playStoreProps\"]);\n    const handleUrlClick = useCallback((url) => {\n        window.open(url, '_blank');\n    }, []);\n    const handleOnClickBtn = useCallback((e, callback, url) => {\n        if (url) {\n            handleUrlClick(url);\n        }\n        callback && callback(e);\n    }, [handleUrlClick]);\n    const handleRenderBtn = useCallback((btnProps, onClickHandler) => {\n        const propsA = Object.assign(Object.assign({}, btnProps), { url: btnProps.url || null });\n        return _jsx(Button, Object.assign({}, propsA, { onClick: (e) => handleOnClickBtn(e, onClickHandler, propsA.url) }));\n    }, [handleOnClickBtn]);\n    return (_jsxs(TextCtaContainerStyled, Object.assign({ ref: ref, listItems: listItems }, props, { children: [label && _jsx(Label, { label: label }), headlineTitle && (_jsx(\"div\", { className: \"headlineContainer\", children: _jsx(Typography, { className: \"textCtaHeadline\", children: headlineTitle }) })), text && _jsx(\"p\", { className: `textCtaText ${showPlayStore && 'isPlayStore'}`, children: text }), listItems && listItems.length > 0 && (_jsx(List, { className: \"textCtaList\", children: listItems.map((item, index) => {\n                    return (_jsxs(ListItem, { children: [_jsx(Icon, { name: item.icon || 'check' }), item.text] }, 'text-cta-list-item' + index));\n                }) })), _jsxs(\"div\", { className: \"textCtaBtnGroup\", children: [(!showAppStore || !showPlayStore) && (_jsxs(_Fragment, { children: [showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn), showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)] })), (!showFirstButton || !showSecondButton) && (_jsxs(_Fragment, { children: [showAppStore && (_jsx(\"span\", { className: \"appStoreBadge\", onClick: () => handleUrlClick(appStoreProps.url), children: _jsx(\"img\", { src: appStoreProps.img, alt: appStoreProps.alt }) })), showPlayStore && (_jsx(\"span\", { className: \"playStoreBadge\", dangerouslySetInnerHTML: { __html: playStoreProps } }))] }))] })] })));\n});\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant) => {\n    switch (headlineVariant) {\n        case 'h1':\n            return {\n                fontSize: '44px',\n                lineHeight: '52px',\n            };\n        case 'h2':\n            return {\n                fontSize: '36px',\n                lineHeight: '44px',\n            };\n        case 'h3':\n            return {\n                fontSize: '30px',\n                lineHeight: '36px',\n            };\n        case 'h4':\n            return {\n                fontSize: '24px',\n                lineHeight: '28px',\n            };\n        default:\n            return {\n                fontSize: '18px',\n                lineHeight: '28px',\n            };\n    }\n};\n/**\n * @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n        '& > span': {\n            margin: 0,\n        },\n        '& > div.headlineContainer': {\n            marginBottom: '10px',\n            marginTop: '5px',\n            '& > .textCtaHeadline': Object.assign({ fontWeight: 'bold' }, getHeadlineStyle(args.headlineVariant)),\n        },\n        '& > div.subheadlineContainer': {\n            marginBottom: '10px',\n            '& > .textCtaSubheadline': {\n                fontWeight: 'bold',\n                fontSize: '18px',\n                lineHeight: '28px',\n            },\n        },\n        '& > .textCtaList': {\n            marginBottom: '10px',\n        },\n        '& > .textCtaText': {\n            fontSize: '18px',\n            lineHeight: '28px',\n            margin: '12px 0 16px 0',\n            '&.isPlayStore': {\n                marginBottom: '2px',\n            },\n        },\n        '& > div.textCtaBtnGroup': {\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n            flexWrap: 'wrap',\n            '& > div': {\n                [theme.breakpoints.down('sm')]: {\n                    width: '100%',\n                },\n            },\n            '& > .appStoreBadge': {\n                cursor: 'pointer',\n                marginRight: '8px',\n                '& > img': {\n                    height: '40px',\n                },\n            },\n            '& > .playStoreBadge': {\n                cursor: 'pointer',\n                '& img': {\n                    maxWidth: '153px',\n                },\n            },\n            '& .MuiButton-root': {\n                paddingLeft: '16px',\n                paddingRight: '16px',\n                paddingBottom: '2px',\n                fontSize: '14px',\n                minWidth: '93px',\n                height: '32px',\n                [theme.breakpoints.down('sm')]: {\n                    height: '44px',\n                    width: '100%',\n                },\n            },\n            '& .MuiButton-root:first-of-type': {\n                marginRight: '16px',\n                marginBottom: 0,\n                [theme.breakpoints.down('sm')]: {\n                    marginBottom: '16px',\n                },\n            },\n        },\n        ' & > .MuiList-root': {\n            padding: '0px',\n            '& > .MuiListItem-root': {\n                padding: '0px 0px 6px 0px',\n                '& > .MuiIcon-root': {\n                    width: '20px',\n                    height: '24px',\n                    fontSize: '14px',\n                },\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=textCta.js.map"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","jsxs","TextCtaContainerStyled","children","jsx","Label","className","Typography","length","List","map","item","index","ListItem","Icon","name","icon","_Fragment","Fragment","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}

package/cjs/production/{Button.d.ts → Button/Button.d.ts}

@@ -3,7 +3,7 @@ export type ButtonProps = Omit<MuiButtonProps, 'nonce' | 'color' | 'disableEleva
     blinking?: boolean;
     variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';
 };
-export declare const Button: import("@emotion/styled").StyledComponent<Omit<MuiButtonProps, "classes" | "disableRipple" | "color" | "disableFocusRipple" | "nonce" | "variant" | "disableElevation"> & {
+export declare const Button: import("@emotion/styled").StyledComponent<Omit<MuiButtonProps, "classes" | "variant" | "color" | "nonce" | "disableRipple" | "disableFocusRipple" | "disableElevation"> & {
     blinking?: boolean;
     variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/cjs/production/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/production/Button/Button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { keyframes } from '@mui/system';\nconst greenBlink = keyframes `\n  0% { background-color: #43861D; }\n  50% { background-color: #96DC6F; }\n  100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes `\n  0% { background-color: #DE7C13; }\n  50% { background-color: #F2B879; }\n  100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes `\n  0% { background-color: #CE332A; }\n  50% { background-color: #EC908B; }\n  100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes `\n  0% { background-color: #2A78CD; }\n  50% { background-color: #80B1E5; }\n  100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes `\n  0% { background-color: #fff; }\n  50% { background-color: #D8D8D8; }\n  100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes `\n  0% { border-color: #161718; }\n  50% { border-color: #D8D8D8; }\n  100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes `\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes `\n  0% { background-color: #D8D8D8; }\n  50% { background-color: #EEEEEE; }\n  100% {background-color: #D8D8D8; }\n`;\nconst ButtonBase = (_a) => {\n    var { blinking, variant } = _a, props = __rest(_a, [\"blinking\", \"variant\"]);\n    return (_jsx(MuiButton, Object.assign({}, props, { disableElevation: true, disableRipple: true, disableFocusRipple: true })));\n};\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)(({ theme, variant = 'success', blinking, disabled }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ minWidth: '150px', color: theme.palette.common.white }, (variant === 'success' && Object.assign({ backgroundColor: '#43861D', '&:hover': {\n        backgroundColor: '#55a628',\n    } }, (blinking && {\n    animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'warning' && Object.assign({ backgroundColor: '#DE7C13', '&:hover': {\n        backgroundColor: '#df8f38',\n    } }, (blinking && {\n    animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'alert' && Object.assign({ backgroundColor: '#CE332A', '&:hover': {\n        backgroundColor: '#d84a42',\n    } }, (blinking && {\n    animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'info' && Object.assign({ backgroundColor: '#2A78CD', '&:hover': {\n        backgroundColor: '#4a8fdb',\n    } }, (blinking && {\n    animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'white' && Object.assign({ backgroundColor: theme.palette.common.white, color: theme.palette.text.primary, '&:hover': {\n        backgroundColor: '#e1e1e1',\n    }, border: `2px solid ${theme.palette.text.primary}` }, (blinking && {\n    animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'dark' && Object.assign({ backgroundColor: 'transparent', border: `2px solid #161718`, color: theme.palette.text.primary }, (blinking && {\n    animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (variant === 'light' && Object.assign({ backgroundColor: 'transparent', border: `2px solid ${theme.palette.common.white}` }, (blinking && {\n    animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n})))), (disabled && Object.assign({ backgroundColor: '#D8D8D8', color: theme.palette.action.disabled, borderColor: theme.palette.action.disabled }, (blinking && {\n    animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n}))))));\n//# sourceMappingURL=Button.js.map"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","props","__rest","_jsx","MuiButton","Object","assign","disableElevation","disableRipple","disableFocusRipple","theme","variant","blinking","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"8NAKA,MAAMA,EAAaC,EAASA,SAAC;;;;EAKvBC,EAAcD,EAASA,SAAC;;;;EAKxBE,EAAWF,EAASA,SAAC;;;;EAKrBG,EAAYH,EAASA,SAAC;;;;EAKtBI,EAAaJ,EAASA,SAAC;;;;EAKvBK,EAAYL,EAASA,SAAC;;;;EAKtBM,EAAaN,EAASA,SAAC;;;;EAKvBO,EAAgBP,EAASA,SAAC;;;;EAUnBQ,EAASC,EAAAA,QALFC,IACb,IAA6BC,EAAQC,EAAAA,OAAOF,EAAI,CAAC,WAAY,YAChE,OAAQG,EAAAA,IAAKC,EAAAA,QAAWC,OAAOC,OAAO,CAAA,EAAIL,EAAO,CAAEM,kBAAkB,EAAMC,eAAe,EAAMC,oBAAoB,IAAU,GAG5GV,EAAmB,EAAGW,QAAOC,UAAU,UAAWC,WAAUC,cAAgBR,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAO,CAAEQ,SAAU,QAASC,MAAOL,EAAMM,QAAQC,OAAOC,OAAsB,YAAZP,GAAyBN,OAAOC,OAAO,CAAEa,gBAAiB,UAAW,UAAW,CACrVA,gBAAiB,YACfP,GAAY,CAClBQ,UAAW,GAAG/B,iBAA0BqB,EAAMW,YAAYC,OAAOC,eACjD,YAAZZ,GAAyBN,OAAOC,OAAO,CAAEa,gBAAiB,UAAW,UAAW,CAChFA,gBAAiB,YACfP,GAAY,CAClBQ,UAAW,GAAG7B,iBAA2BmB,EAAMW,YAAYC,OAAOC,eAClD,UAAZZ,GAAuBN,OAAOC,OAAO,CAAEa,gBAAiB,UAAW,UAAW,CAC9EA,gBAAiB,YACfP,GAAY,CAClBQ,UAAW,GAAG5B,iBAAwBkB,EAAMW,YAAYC,OAAOC,eAC/C,SAAZZ,GAAsBN,OAAOC,OAAO,CAAEa,gBAAiB,UAAW,UAAW,CAC7EA,gBAAiB,YACfP,GAAY,CAClBQ,UAAW,GAAG3B,iBAAyBiB,EAAMW,YAAYC,OAAOC,eAChD,UAAZZ,GAAuBN,OAAOC,OAAO,CAAEa,gBAAiBT,EAAMM,QAAQC,OAAOC,MAAOH,MAAOL,EAAMM,QAAQQ,KAAKC,QAAS,UAAW,CAClIN,gBAAiB,WAClBO,OAAQ,aAAahB,EAAMM,QAAQQ,KAAKC,WAAcb,GAAY,CACrEQ,UAAW,GAAG1B,iBAA0BgB,EAAMW,YAAYC,OAAOC,eACjD,SAAZZ,GAAsBN,OAAOC,OAAO,CAAEa,gBAAiB,cAAeO,OAAQ,oBAAqBX,MAAOL,EAAMM,QAAQQ,KAAKC,SAAYb,GAAY,CACzJQ,UAAW,GAAGzB,iBAAyBe,EAAMW,YAAYC,OAAOC,eAChD,UAAZZ,GAAuBN,OAAOC,OAAO,CAAEa,gBAAiB,cAAeO,OAAQ,aAAahB,EAAMM,QAAQC,OAAOC,SAAYN,GAAY,CAC7IQ,UAAW,GAAGxB,iBAA0Bc,EAAMW,YAAYC,OAAOC,eAC7DV,GAAYR,OAAOC,OAAO,CAAEa,gBAAiB,UAAWJ,MAAOL,EAAMM,QAAQW,OAAOd,SAAUe,YAAalB,EAAMM,QAAQW,OAAOd,UAAaD,GAAY,CAC7JQ,UAAW,GAAGvB,iBAA6Ba,EAAMW,YAAYC,OAAOC"}

package/cjs/production/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/cjs/production/index.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("./Button.js");exports.Button=t.Button;
+"use strict";var t=require("./Button/Button.js");exports.Button=t.Button;
 //# sourceMappingURL=index.js.map

package/cjs/utils/utilities.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 /**
  * This method is needed if we need to trunc text inside an HTML element.
  * We get all the nodes inside of it and trunc its content accordingly.

package/components/accordion/accordion.d.ts

@@ -1,6 +1,6 @@
 import { SxProps, Theme } from '@mui/material';
 import { TransitionProps } from '@mui/material/transitions/transition';
-import React, { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
 /**
  * @interface AccordionItem
  * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.
@@ -67,4 +67,4 @@ export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
      */
     allowMultipleExpand?: boolean;
 }
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/accordion/accordion.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as i,useState as n,useRef as r,useEffect as a,useCallback as s,useMemo as d,createElement as c}from"react";import l from"@emotion/styled";import{AccordionSummary as p,AccordionDetails as m}from"@mui/material";import u from"@mui/material/Accordion";import{styled as f}from"@mui/material/styles";import{handleMaxChars as g}from"../../utils/utilities.js";import{Controller as h}from"../controls/controls.js";const x=i(((i,l)=>{var{items:u,onChange:f,disableAnimation:x,accordionContainerProps:y,accordionPanelMaxHeight:v,allowMultipleExpand:M}=i,j=t(i,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[A,C]=n(!1),T=r(null);a((()=>{if(M){const t={};for(let e=0;e<u.length;e++){const o=u[e].id||`panel${e}`;t[o]=!!u[e].isDefaultExpanded}C((()=>t))}else{let t;const e=u.find(((e,o)=>{if(e.isDefaultExpanded)return t=o,e}));e&&C(e.id||`panel${t}`)}}),[M,u]),a((()=>{if(T&&T.current){const t=T.current.querySelector("button");t&&t.addEventListener("focusin",(t=>{t.preventDefault()}))}}),[T]);const H=s((t=>(e,o)=>{f&&f(t,o),C(M?e=>Object.assign(Object.assign({},e),{[t]:o}):!!o&&t)}),[M,f]),R=s((t=>"string"==typeof t?g(t,100):t),[]),w=d((()=>x?{timeout:0}:j.TransitionProps),[x,j.TransitionProps]);return e(b,Object.assign({ref:l},y,{"data-testid":"Accordion",children:u.map(((t,i)=>{const n=t.id||`panel${i}`,r=M?!!A[n]:A===n,a="string"==typeof t.content;return c(P,Object.assign({},j,{id:n,key:n,className:n,TransitionProps:w,expanded:r,onChange:H(n),isContentTypeString:a,disableGutters:!0,accordionPanelMaxHeight:v,square:!0,"data-testid":"Accordion.item"}),o(p,{className:"subheadline","aria-controls":`${n}d-content`,id:`${n}d-header`,expandIcon:e(h,{controlType:"plus",ref:T,"data-testid":"Accordion.btn"}),"data-testid":"Accordion.summary",children:[e("div",{className:"accordion-panel-title",children:t.title}),j.previewContent&&a&&!r&&e("div",{className:"accordion-panel-title--sneak-peak","data-testid":"Accordion.peek",children:R(t.content)})]}),e(m,{"data-testid":"Accordion.content",children:e("div",{className:"text",children:t.content})}))}))}))})),b=l.div((()=>({"& > .MuiDivider-root":{borderRadius:"6px"},"& .MuiPaper-root:first-of-type":{borderTopLeftRadius:"6px",borderTopRightRadius:"6px"},"& .MuiPaper-root:last-of-type":{borderBottomLeftRadius:"6px",borderBottomRightRadius:"6px"}}))),P=f(u,{shouldForwardProp:t=>"previewContent"!==t&&"expandIcon"!==t&&"isContentTypeString"!==t&&"accordionPanelMaxHeight"!==t})((e=>{var o=t(e,["theme"]);let i={};return o.accordionPanelMaxHeight&&(i=Object.assign(Object.assign({},i),{"& .text":{maxHeight:o.accordionPanelMaxHeight,overflowY:"auto"}})),i}));export{x as Accordion};
+import{__rest as e}from"tslib";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{forwardRef as i,useState as o,useRef as a,useEffect as r,useCallback as c,useMemo as s,createElement as d}from"react";import{Box as l,AccordionSummary as m,IconButton as p,AccordionDetails as u}from"@mui/material";import h from"@mui/material/Accordion";import{styled as f}from"@mui/material/styles";import{handleMaxChars as g}from"../../utils/utilities.js";import{Icon as x}from"../icon/icon.js";import"../icon/icon.definitions.js";const b=i(((i,h)=>{var{items:f,onChange:b,disableAnimation:v,accordionContainerProps:j,accordionPanelMaxHeight:y,allowMultipleExpand:A}=i,C=e(i,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[M,w]=o(!1),H=a(null);r((()=>{if(A){const e={};for(let t=0;t<f.length;t++){const n=f[t].id||`panel${t}`;e[n]=!!f[t].isDefaultExpanded}w((()=>e))}else{let e;const t=f.find(((t,n)=>{if(t.isDefaultExpanded)return e=n,t}));t&&w(t.id||`panel${e}`)}}),[A,f]),r((()=>{if(H&&H.current){const e=H.current.querySelector("button");e&&e.addEventListener("focusin",(e=>{e.preventDefault()}))}}),[H]);const O=c((e=>(t,n)=>{b&&b(e,n),w(A?t=>Object.assign(Object.assign({},t),{[e]:n}):!!n&&e)}),[A,b]),E=c((e=>"string"==typeof e?g(e,100):e),[]),N=s((()=>v?{timeout:0}:C.TransitionProps),[v,C.TransitionProps]);return t(l,Object.assign({ref:h},j,{"data-testid":"Accordion",children:f.map(((e,i)=>{const o=e.id||`panel${i}`,a=A?!!M[o]:M===o,r="string"==typeof e.content;return d(P,Object.assign({},C,{id:o,key:o,className:o,TransitionProps:N,expanded:a,onChange:O(o),isContentTypeString:r,disableGutters:!0,accordionPanelMaxHeight:y,square:!0,"data-testid":"Accordion.item"}),n(m,{className:"subheadline","aria-controls":`${o}d-content`,id:`${o}d-header`,expandIcon:t(p,{ref:H,"data-testid":"Accordion.btn",sx:{color:e=>e.palette.text.primary},children:t(x,{color:"inherit",name:"chevron-down"})}),"data-testid":"Accordion.summary",children:[t("div",{className:"accordion-panel-title",children:e.title}),C.previewContent&&r&&!a&&t("div",{className:"accordion-panel-title--sneak-peak","data-testid":"Accordion.peek",children:E(e.content)})]}),t(u,{"data-testid":"Accordion.content",children:t("div",{className:"text",children:e.content})}))}))}))})),P=f(h,{shouldForwardProp:e=>"previewContent"!==e&&"expandIcon"!==e&&"isContentTypeString"!==e&&"accordionPanelMaxHeight"!==e})((t=>{var n=e(t,["theme"]);let i={};return n.accordionPanelMaxHeight&&(i=Object.assign(Object.assign({},i),{"& .text":{maxHeight:n.accordionPanelMaxHeight,overflowY:"auto"}})),i}));export{b as Accordion};
 //# sourceMappingURL=accordion.js.map

package/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createElement as _createElement } from \"react\";\nimport emotionStyled from '@emotion/styled';\nimport { AccordionDetails, AccordionSummary } from '@mui/material';\nimport MuiAccordion from '@mui/material/Accordion';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Controller } from '../controls';\nexport const Accordion = forwardRef((_a, ref) => {\n    var { items, onChange, disableAnimation, accordionContainerProps, accordionPanelMaxHeight, allowMultipleExpand } = _a, props = __rest(_a, [\"items\", \"onChange\", \"disableAnimation\", \"accordionContainerProps\", \"accordionPanelMaxHeight\", \"allowMultipleExpand\"]);\n    const [expand, setExpanded] = useState(false);\n    const controlRef = useRef(null);\n    useEffect(() => {\n        if (!allowMultipleExpand) {\n            let id;\n            const firstDefaultExpandedItem = items.find((item, index) => {\n                if (item.isDefaultExpanded) {\n                    id = index;\n                    return item;\n                }\n                return undefined;\n            });\n            if (firstDefaultExpandedItem) {\n                setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n            }\n        }\n        else {\n            const expandItems = {};\n            for (let index = 0; index < items.length; index++) {\n                const itemId = items[index].id || `panel${index}`;\n                expandItems[itemId] = !!items[index].isDefaultExpanded;\n            }\n            setExpanded(() => expandItems);\n        }\n    }, [allowMultipleExpand, items]);\n    //disable black rounded circle on icon controller click\n    useEffect(() => {\n        if (controlRef && controlRef.current) {\n            const controlBtn = controlRef.current.querySelector('button');\n            if (controlBtn) {\n                controlBtn.addEventListener('focusin', (e) => {\n                    e.preventDefault();\n                });\n            }\n        }\n    }, [controlRef]);\n    const handleChange = useCallback((panel) => (_, isExpanded) => {\n        onChange && onChange(panel, isExpanded);\n        if (!allowMultipleExpand) {\n            setExpanded(isExpanded ? panel : false);\n        }\n        else {\n            setExpanded((curr) => {\n                return Object.assign(Object.assign({}, curr), { [panel]: isExpanded });\n            });\n        }\n    }, [allowMultipleExpand, onChange]);\n    const handlePreviewContent = useCallback((content) => {\n        if (typeof content === 'string')\n            return handleMaxChars(content, 100);\n        return content;\n    }, []);\n    const getTransitionProps = useMemo(() => {\n        if (disableAnimation)\n            return { timeout: 0 };\n        else\n            return props.TransitionProps;\n    }, [disableAnimation, props.TransitionProps]);\n    return (_jsx(StyledContainerDiv, Object.assign({ ref: ref }, accordionContainerProps, { \"data-testid\": \"Accordion\", children: items.map((item, index) => {\n            const panel = item.id || `panel${index}`;\n            const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n            const isContentTypeString = typeof item.content === 'string';\n            return (_createElement(AccordionStyled, Object.assign({}, props, { id: panel, key: panel, className: panel, TransitionProps: getTransitionProps, expanded: isExpanded, onChange: handleChange(panel), isContentTypeString: isContentTypeString, disableGutters: true, accordionPanelMaxHeight: accordionPanelMaxHeight, square: true, \"data-testid\": \"Accordion.item\" }),\n                _jsxs(AccordionSummary, { className: \"subheadline\", \"aria-controls\": `${panel}d-content`, id: `${panel}d-header`, expandIcon: _jsx(Controller, { controlType: 'plus', ref: controlRef, \"data-testid\": \"Accordion.btn\" }), \"data-testid\": \"Accordion.summary\", children: [_jsx(\"div\", { className: \"accordion-panel-title\", children: item.title }), props.previewContent && isContentTypeString && !isExpanded && (_jsx(\"div\", { className: \"accordion-panel-title--sneak-peak\", \"data-testid\": \"Accordion.peek\", children: handlePreviewContent(item.content) }))] }),\n                _jsx(AccordionDetails, { \"data-testid\": \"Accordion.content\", children: _jsx(\"div\", { className: \"text\", children: item.content }) })));\n        }) })));\n});\nconst StyledContainerDiv = emotionStyled.div(() => {\n    return {\n        '& > .MuiDivider-root': {\n            borderRadius: '6px',\n        },\n        '& .MuiPaper-root:first-of-type': {\n            borderTopLeftRadius: '6px',\n            borderTopRightRadius: '6px',\n        },\n        '& .MuiPaper-root:last-of-type': {\n            borderBottomLeftRadius: '6px',\n            borderBottomRightRadius: '6px',\n        },\n    };\n});\nconst AccordionStyled = styled(MuiAccordion, {\n    shouldForwardProp: (prop) => prop !== 'previewContent' &&\n        prop !== 'expandIcon' &&\n        prop !== 'isContentTypeString' &&\n        prop !== 'accordionPanelMaxHeight',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let style = {};\n    if (args.accordionPanelMaxHeight) {\n        style = Object.assign(Object.assign({}, style), { '& .text': {\n                maxHeight: args.accordionPanelMaxHeight,\n                overflowY: 'auto',\n            } });\n    }\n    return style;\n});\n//# sourceMappingURL=accordion.js.map"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","controlRef","useRef","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","current","controlBtn","querySelector","addEventListener","e","preventDefault","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","handlePreviewContent","content","handleMaxChars","getTransitionProps","useMemo","timeout","TransitionProps","_jsx","StyledContainerDiv","children","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","_jsxs","AccordionSummary","expandIcon","Controller","controlType","title","previewContent","AccordionDetails","emotionStyled","div","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","styled","MuiAccordion","shouldForwardProp","prop","args","style","maxHeight","overflowY"],"mappings":"wfAUY,MAACA,EAAYC,GAAW,CAACC,EAAIC,KACrC,IAAIC,MAAEA,EAAKC,SAAEA,EAAQC,iBAAEA,EAAgBC,wBAAEA,EAAuBC,wBAAEA,EAAuBC,oBAAEA,GAAwBP,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,QAAS,WAAY,mBAAoB,0BAA2B,0BAA2B,wBAC1O,MAAOU,EAAQC,GAAeC,GAAS,GACjCC,EAAaC,EAAO,MAC1BC,GAAU,KACN,GAAKR,EAaA,CACD,MAAMS,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQf,EAAMgB,OAAQD,IAAS,CAC/C,MAAME,EAASjB,EAAMe,GAAOG,IAAM,QAAQH,IAC1CD,EAAYG,KAAYjB,EAAMe,GAAOI,iBACxC,CACDV,GAAY,IAAMK,GACrB,KApByB,CACtB,IAAII,EACJ,MAAME,EAA2BpB,EAAMqB,MAAK,CAACC,EAAMP,KAC/C,GAAIO,EAAKH,kBAEL,OADAD,EAAKH,EACEO,CAEK,IAEhBF,GACAX,EAAYW,EAAyBF,IAAM,QAAQA,IAE1D,CAQA,GACF,CAACb,EAAqBL,IAEzBa,GAAU,KACN,GAAIF,GAAcA,EAAWY,QAAS,CAClC,MAAMC,EAAab,EAAWY,QAAQE,cAAc,UAChDD,GACAA,EAAWE,iBAAiB,WAAYC,IACpCA,EAAEC,gBAAgB,GAG7B,IACF,CAACjB,IACJ,MAAMkB,EAAeC,GAAaC,GAAU,CAACC,EAAGC,KAC5ChC,GAAYA,EAAS8B,EAAOE,GAKxBxB,EAJCJ,EAIY6B,GACFC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAO,CAAEH,CAACA,GAAQE,MAJjDA,GAAaF,EAM5B,GACF,CAAC1B,EAAqBJ,IACnBoC,EAAuBP,GAAaQ,GACf,iBAAZA,EACAC,EAAeD,EAAS,KAC5BA,GACR,IACGE,EAAqBC,GAAQ,IAC3BvC,EACO,CAAEwC,QAAS,GAEXpC,EAAMqC,iBAClB,CAACzC,EAAkBI,EAAMqC,kBAC5B,OAAQC,EAAKC,EAAoBV,OAAOC,OAAO,CAAErC,IAAKA,GAAOI,EAAyB,CAAE,cAAe,YAAa2C,SAAU9C,EAAM+C,KAAI,CAACzB,EAAMP,KACvI,MAAMgB,EAAQT,EAAKJ,IAAM,QAAQH,IAC3BkB,EAAa5B,IAAwBG,EAAOuB,GAASvB,IAAWuB,EAChEiB,EAA8C,iBAAjB1B,EAAKgB,QACxC,OAAQW,EAAeC,EAAiBf,OAAOC,OAAO,CAAA,EAAI9B,EAAO,CAAEY,GAAIa,EAAOoB,IAAKpB,EAAOqB,UAAWrB,EAAOY,gBAAiBH,EAAoBa,SAAUpB,EAAYhC,SAAU4B,EAAaE,GAAQiB,oBAAqBA,EAAqBM,gBAAgB,EAAMlD,wBAAyBA,EAAyBmD,QAAQ,EAAM,cAAe,mBACjVC,EAAMC,EAAkB,CAAEL,UAAW,cAAe,gBAAiB,GAAGrB,aAAkBb,GAAI,GAAGa,YAAiB2B,WAAYd,EAAKe,EAAY,CAAEC,YAAa,OAAQ7D,IAAKY,EAAY,cAAe,kBAAoB,cAAe,oBAAqBmC,SAAU,CAACF,EAAK,MAAO,CAAEQ,UAAW,wBAAyBN,SAAUxB,EAAKuC,QAAUvD,EAAMwD,gBAAkBd,IAAwBf,GAAeW,EAAK,MAAO,CAAEQ,UAAW,oCAAqC,cAAe,iBAAkBN,SAAUT,EAAqBf,EAAKgB,cACthBM,EAAKmB,EAAkB,CAAE,cAAe,oBAAqBjB,SAAUF,EAAK,MAAO,CAAEQ,UAAW,OAAQN,SAAUxB,EAAKgB,YAAgB,MACvI,IAEVO,EAAqBmB,EAAcC,KAAI,KAClC,CACH,uBAAwB,CACpBC,aAAc,OAElB,iCAAkC,CAC9BC,oBAAqB,MACrBC,qBAAsB,OAE1B,gCAAiC,CAC7BC,uBAAwB,MACxBC,wBAAyB,WAI/BpB,EAAkBqB,EAAOC,EAAc,CACzCC,kBAAoBC,GAAkB,mBAATA,GAChB,eAATA,GACS,wBAATA,GACS,4BAATA,GAJgBH,EAKpBzE,IACG,IAAiB6E,EAAOpE,EAAOT,EAAI,CAAC,UACvC,IAAI8E,EAAQ,CAAA,EAOZ,OANID,EAAKvE,0BACLwE,EAAQzC,OAAOC,OAAOD,OAAOC,OAAO,GAAIwC,GAAQ,CAAE,UAAW,CACrDC,UAAWF,EAAKvE,wBAChB0E,UAAW,WAGhBF,CAAK"}
+{"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createElement as _createElement } from \"react\";\nimport { AccordionDetails, AccordionSummary, Box, IconButton } from '@mui/material';\nimport MuiAccordion from '@mui/material/Accordion';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Icon } from '../icon';\nexport const Accordion = forwardRef((_a, ref) => {\n    var { items, onChange, disableAnimation, accordionContainerProps, accordionPanelMaxHeight, allowMultipleExpand } = _a, props = __rest(_a, [\"items\", \"onChange\", \"disableAnimation\", \"accordionContainerProps\", \"accordionPanelMaxHeight\", \"allowMultipleExpand\"]);\n    const [expand, setExpanded] = useState(false);\n    const controlRef = useRef(null);\n    useEffect(() => {\n        if (!allowMultipleExpand) {\n            let id;\n            const firstDefaultExpandedItem = items.find((item, index) => {\n                if (item.isDefaultExpanded) {\n                    id = index;\n                    return item;\n                }\n                return undefined;\n            });\n            if (firstDefaultExpandedItem) {\n                setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n            }\n        }\n        else {\n            const expandItems = {};\n            for (let index = 0; index < items.length; index++) {\n                const itemId = items[index].id || `panel${index}`;\n                expandItems[itemId] = !!items[index].isDefaultExpanded;\n            }\n            setExpanded(() => expandItems);\n        }\n    }, [allowMultipleExpand, items]);\n    //disable black rounded circle on icon controller click\n    useEffect(() => {\n        if (controlRef && controlRef.current) {\n            const controlBtn = controlRef.current.querySelector('button');\n            if (controlBtn) {\n                controlBtn.addEventListener('focusin', (e) => {\n                    e.preventDefault();\n                });\n            }\n        }\n    }, [controlRef]);\n    const handleChange = useCallback((panel) => (_, isExpanded) => {\n        onChange && onChange(panel, isExpanded);\n        if (!allowMultipleExpand) {\n            setExpanded(isExpanded ? panel : false);\n        }\n        else {\n            setExpanded((curr) => {\n                return Object.assign(Object.assign({}, curr), { [panel]: isExpanded });\n            });\n        }\n    }, [allowMultipleExpand, onChange]);\n    const handlePreviewContent = useCallback((content) => {\n        if (typeof content === 'string')\n            return handleMaxChars(content, 100);\n        return content;\n    }, []);\n    const getTransitionProps = useMemo(() => {\n        if (disableAnimation)\n            return { timeout: 0 };\n        else\n            return props.TransitionProps;\n    }, [disableAnimation, props.TransitionProps]);\n    return (_jsx(Box, Object.assign({ ref: ref }, accordionContainerProps, { \"data-testid\": \"Accordion\", children: items.map((item, index) => {\n            const panel = item.id || `panel${index}`;\n            const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n            const isContentTypeString = typeof item.content === 'string';\n            return (_createElement(AccordionStyled, Object.assign({}, props, { id: panel, key: panel, className: panel, TransitionProps: getTransitionProps, expanded: isExpanded, onChange: handleChange(panel), isContentTypeString: isContentTypeString, disableGutters: true, accordionPanelMaxHeight: accordionPanelMaxHeight, square: true, \"data-testid\": \"Accordion.item\" }),\n                _jsxs(AccordionSummary, { className: \"subheadline\", \"aria-controls\": `${panel}d-content`, id: `${panel}d-header`, expandIcon: _jsx(IconButton, { ref: controlRef, \"data-testid\": \"Accordion.btn\", sx: { color: (theme) => theme.palette.text.primary }, children: _jsx(Icon, { color: \"inherit\", name: \"chevron-down\" }) }), \"data-testid\": \"Accordion.summary\", children: [_jsx(\"div\", { className: \"accordion-panel-title\", children: item.title }), props.previewContent && isContentTypeString && !isExpanded && (_jsx(\"div\", { className: \"accordion-panel-title--sneak-peak\", \"data-testid\": \"Accordion.peek\", children: handlePreviewContent(item.content) }))] }),\n                _jsx(AccordionDetails, { \"data-testid\": \"Accordion.content\", children: _jsx(\"div\", { className: \"text\", children: item.content }) })));\n        }) })));\n});\nconst AccordionStyled = styled(MuiAccordion, {\n    shouldForwardProp: (prop) => prop !== 'previewContent' &&\n        prop !== 'expandIcon' &&\n        prop !== 'isContentTypeString' &&\n        prop !== 'accordionPanelMaxHeight',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let style = {};\n    if (args.accordionPanelMaxHeight) {\n        style = Object.assign(Object.assign({}, style), { '& .text': {\n                maxHeight: args.accordionPanelMaxHeight,\n                overflowY: 'auto',\n            } });\n    }\n    return style;\n});\n//# sourceMappingURL=accordion.js.map"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","controlRef","useRef","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","current","controlBtn","querySelector","addEventListener","e","preventDefault","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","handlePreviewContent","content","handleMaxChars","getTransitionProps","useMemo","timeout","TransitionProps","_jsx","Box","children","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","_jsxs","AccordionSummary","expandIcon","IconButton","sx","color","theme","palette","text","primary","Icon","name","title","previewContent","AccordionDetails","styled","MuiAccordion","shouldForwardProp","prop","args","style","maxHeight","overflowY"],"mappings":"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"}

package/components/banner/banner.d.ts

@@ -1,57 +1,19 @@
-import React, { MouseEvent } from 'react';
-import { ButtonVariant } from '../common/type/ButtonVariant';
-export interface BannerProps {
+import React, { ReactNode } from 'react';
+export type BannerProps = {
     /**
-     * Variant of banner defines different look and style
+     * Defines which variant of Banner component should be rendered
+     * @default info
      */
-    variant: 'primary' | 'secondary' | 'tertiary';
+    variant?: 'error' | 'warning' | 'info';
     /**
-     * Icon name base on Icon component
+     * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment
+     * @default undefined
      */
-    icon?: string;
+    buttons?: ReactNode;
     /**
-     * Icon Type if icon is normal or filled
+     * Content of Banner component
+     * @requires
      */
-    iconIsFilled?: boolean;
-    /**
-     * Text of banner
-     */
-    textContent?: string;
-    /**
-     * Dismiss Button label
-     */
-    buttonLabel?: string;
-    /**
-     * Dismiss Button variant
-     */
-    buttonVariant?: ButtonVariant;
-    /**
-     * Dismiss button callback
-     */
-    buttonCallback?: (ev: MouseEvent) => void;
-    /**
-     * Additional Button show/hide
-     */
-    additionalButton?: boolean;
-    /**
-     * Additional Button variant
-     */
-    additionalButtonVariant?: ButtonVariant;
-    /**
-     * Additional Button Label
-     */
-    additionalButtonLabel?: string;
-    /**
-     * Additional Button Callback
-     */
-    additionalButtonCallback?: (ev: MouseEvent) => void;
-    /**
-     * Additional Button Callback
-     */
-    analyticsCallback?: (ev: MouseEvent) => void;
-    /**
-     * Visibility control over whole banner
-     */
-    isVisible?: boolean;
-}
-export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+    children: ReactNode;
+};
+export declare const Banner: React.FC<BannerProps>;

package/components/banner/banner.js

@@ -1,2 +1,2 @@
-import{__rest as a}from"tslib";import{jsx as n,Fragment as t,jsxs as i}from"react/jsx-runtime";import{forwardRef as e,useState as o,useEffect as r}from"react";import l from"@emotion/styled";import{Icon as s}from"../icon/icon.js";import{Button as d}from"../button/button.js";import{flowColors as c}from"../../design/skoda/palette.theme.js";import{ColourSheme as b}from"../../utils/enum.js";const m=e(((e,l)=>{var c=a(e,[]);const[m,u]=o(!0);r((()=>{(c.isVisible||!1===c.isVisible)&&u(c.isVisible)}),[c.isVisible]);const f=(a,n)=>{var t,i,e;"additional"===n?null===(t=c.additionalButtonCallback)||void 0===t||t.call(c,a):null===(i=c.buttonCallback)||void 0===i||i.call(c,a),null===(e=c.analyticsCallback)||void 0===e||e.call(c,a),u(!1)},x=c.iconIsFilled?" filled":"",g=c.buttonVariant,y=c.additionalButtonVariant;return n(t,{children:m&&n(p,{className:c.variant,variant:c.variant,ref:l,"data-testid":"Banner",children:i("div",{className:"bannerWrapper",children:[i("div",{className:"bannerHeader",children:[c.icon&&n(s,{fontSize:"medium",className:`${c.icon} ${x}`,"data-testid":"Banner.icon"}),n("p",{className:"body","data-testid":"Banner.body",children:c.textContent})]}),i("div",{className:"bannerBtnContainer",children:[c.additionalButton&&n(d,{variant:y,compact:!0,label:c.additionalButtonLabel,onClick:a=>f(a,"additional"),"data-testid":"Banner.btn2"}),"secondary"===c.variant?n(d,{variant:g,colourScheme:b.LIGHT_MODE,compact:!0,label:c.additionalButtonLabel,onClick:a=>f(a,"main"),"data-testid":"Banner.btn1"}):n(d,{variant:g,compact:!0,label:c.buttonLabel,onClick:a=>f(a,"main"),"data-testid":"Banner.btn1"})]})]})})})})),p=l.div((n=>{var{theme:t}=n;const i=a(n,["theme"]);let e={};switch(e=Object.assign(Object.assign({},e),{"& > .bannerWrapper":{boxSizing:"border-box",padding:"16px",display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"100%",[t.breakpoints.up("md")]:{padding:"7px 16px",flexDirection:"row"},"& *":{boxSizing:"border-box"}},"& .bannerHeader":{display:"flex",alignItems:"flex-start",justifyContent:"flex-items",width:"100%",marginBottom:"16px",[t.breakpoints.up("md")]:{alignItems:"center",marginBottom:"0"},"& .MuiIcon-root":{color:c.brand.tertiary,fontSize:"20px"}},"& .body":{margin:"0 0 0 8px",fontSize:"14px",fontWeight:"400",letterSpacing:"0.05px"},"& .bannerBtnContainer":{display:"flex",width:"100%",justifyContent:"flex-start",[t.breakpoints.up("md")]:{justifyContent:"flex-end"},"& > div + div":{marginLeft:"16px"}}}),i.variant){case"primary":e=Object.assign(Object.assign({},e),{backgroundColor:c.brand.secondary,color:c.onSurface.os900});case"secondary":e=Object.assign(Object.assign({},e),{backgroundColor:c.brand.tertiary,color:c.onSurface.os0,"& .bannerHeader .MuiIcon-root":{color:c.brand.secondary}});case"tertiary":e=Object.assign(Object.assign({},e),{backgroundColor:c.surface.secondary,color:c.onSurface.os800,"& .bannerHeader .MuiIcon-root":{color:c.brand.primary}})}return e}));export{m as Banner};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import{useTheme as r,lighten as i,Stack as a,Box as s,Typography as n}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"tslib";import"@mui/x-date-pickers/internals";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../controls/controls.js";import"../divider/divider.js";import"../drawer/drawer.js";import"../flag/flag.js";import"@mui/material/Grid";import{Icon as m}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../indicator/indicator.js";import"../label/label.js";import"../labelCO2/labelCO2.js";import"../labelFeature/labelFeature.js";import"../labelPromotional/labelPromotional.js";import"../labelStatus/labelStatus.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progressBar/progressBar.js";import"../radioButton/radioButton.js";import"../selectInput/selectInput.js";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../tab/tab.js";import"../tab/tabs.js";import"../tab/secondaryNavigation/secondaryNavigationTabs.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../helperTextContent/index.js";import"lodash/noop";import"../toggleSwitch/toggleSwitch.js";import"../agGrid/agGrid.js";import"../avatar/Avatar.js";import"../iconButton/index.js";import"../alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../design/skoda/components/form/slider.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"react-use";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"lodash/merge";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button/Button.js";const p=({children:p,variant:l="info",buttons:d})=>{const c=r(),g=e((()=>{switch(l){case"error":return c.palette.error.main;case"warning":return c.palette.warning.main;default:return c.palette.info.main}}),[l,c]),j=e((()=>{switch(l){case"error":return i(c.palette.error.light,.9);case"warning":return i(c.palette.warning.light,.9);default:return i(c.palette.info.light,.9)}}),[l,c]);return o(a,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:g,backgroundColor:j},"data-testid":"Banner",children:[o(a,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[t(s,{component:m,className:"info"===l?"circle-information":"circle-exclamation",iconStyle:"filled",color:l,sx:{alignSelf:"flex-start",color:g,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),t(s,{children:"string"==typeof p?t(n,{children:p}):p})]}),d&&t(a,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:d})]})};export{p as Banner};
 //# sourceMappingURL=banner.js.map

package/components/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect, useState, forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Icon } from '../../components/icon';\nimport { Button } from '../../components/button';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ColourSheme } from '../../utils/enum';\nexport const Banner = forwardRef((_a, ref) => {\n    var props = __rest(_a, []);\n    const [isBannerVisible, setIsBannerVisible] = useState(true);\n    useEffect(() => {\n        if (props.isVisible || props.isVisible === false) {\n            setIsBannerVisible(props.isVisible);\n        }\n    }, [props.isVisible]);\n    const onClickButtons = (ev, btnType) => {\n        var _a, _b, _c;\n        if (btnType === 'additional') {\n            (_a = props.additionalButtonCallback) === null || _a === void 0 ? void 0 : _a.call(props, ev);\n        }\n        else {\n            (_b = props.buttonCallback) === null || _b === void 0 ? void 0 : _b.call(props, ev);\n        }\n        (_c = props.analyticsCallback) === null || _c === void 0 ? void 0 : _c.call(props, ev);\n        setIsBannerVisible(false);\n    };\n    const isFilled = props.iconIsFilled ? ' filled' : '';\n    const buttonVariantMain = props.buttonVariant;\n    const buttonVariantAdditional = props.additionalButtonVariant;\n    return (_jsx(_Fragment, { children: isBannerVisible && (_jsx(BannerStyled, { className: props.variant, variant: props.variant, ref: ref, \"data-testid\": \"Banner\", children: _jsxs(\"div\", { className: \"bannerWrapper\", children: [_jsxs(\"div\", { className: \"bannerHeader\", children: [props.icon && (_jsx(Icon, { fontSize: \"medium\", className: `${props.icon} ${isFilled}`, \"data-testid\": \"Banner.icon\" })), _jsx(\"p\", { className: \"body\", \"data-testid\": \"Banner.body\", children: props.textContent })] }), _jsxs(\"div\", { className: \"bannerBtnContainer\", children: [props.additionalButton && (_jsx(Button, { variant: buttonVariantAdditional, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'additional'), \"data-testid\": \"Banner.btn2\" })), props.variant === 'secondary' ? (_jsx(Button, { variant: buttonVariantMain, colourScheme: ColourSheme.LIGHT_MODE, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" })) : (_jsx(Button, { variant: buttonVariantMain, compact: true, label: props.buttonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" }))] })] }) })) }));\n});\nconst BannerStyled = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& > .bannerWrapper': {\n            boxSizing: 'border-box',\n            padding: '16px',\n            display: 'flex',\n            flexDirection: 'column',\n            flexWrap: 'nowrap',\n            width: '100%',\n            [theme.breakpoints.up('md')]: {\n                padding: '7px 16px',\n                flexDirection: 'row',\n            },\n            '& *': {\n                boxSizing: 'border-box',\n            },\n        }, '& .bannerHeader': {\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-items',\n            width: '100%',\n            marginBottom: '16px',\n            [theme.breakpoints.up('md')]: {\n                alignItems: 'center',\n                marginBottom: '0',\n            },\n            '& .MuiIcon-root': {\n                color: flowColors.brand.tertiary,\n                fontSize: '20px',\n            },\n        }, '& .body': {\n            margin: '0 0 0 8px',\n            fontSize: '14px',\n            fontWeight: '400',\n            letterSpacing: '0.05px',\n        }, '& .bannerBtnContainer': {\n            display: 'flex',\n            width: '100%',\n            justifyContent: 'flex-start',\n            [theme.breakpoints.up('md')]: {\n                justifyContent: 'flex-end',\n            },\n            '& > div + div': {\n                marginLeft: '16px',\n            },\n        } });\n    switch (props.variant) {\n        case 'primary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.secondary, color: flowColors.onSurface.os900 });\n        case 'secondary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.tertiary, color: flowColors.onSurface.os0, '& .bannerHeader .MuiIcon-root': {\n                    color: flowColors.brand.secondary,\n                } });\n        case 'tertiary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.surface.secondary, color: flowColors.onSurface.os800, '& .bannerHeader .MuiIcon-root': {\n                    color: flowColors.brand.primary,\n                } });\n    }\n    return styles;\n});\n//# sourceMappingURL=banner.js.map"],"names":["Banner","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","_b","_c","additionalButtonCallback","call","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","_Fragment","children","BannerStyled","className","variant","_jsxs","icon","Icon","fontSize","textContent","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","secondary","onSurface","os900","os0","surface","os800","primary"],"mappings":"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"}
+{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n    const theme = useTheme();\n    const borderColor = useMemo(() => {\n        switch (variant) {\n            case 'error':\n                return theme.palette.error.main;\n            case 'warning':\n                return theme.palette.warning.main;\n            case 'info':\n            default:\n                return theme.palette.info.main;\n        }\n    }, [variant, theme]);\n    const backgroundColor = useMemo(() => {\n        switch (variant) {\n            case 'error':\n                return lighten(theme.palette.error.light, 0.9);\n            case 'warning':\n                return lighten(theme.palette.warning.light, 0.9);\n            case 'info':\n            default:\n                return lighten(theme.palette.info.light, 0.9);\n        }\n    }, [variant, theme]);\n    return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n            borderLeft: '6px solid',\n            alignItems: 'flex-start',\n            borderColor,\n            backgroundColor,\n        }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(Box, { component: Icon, className: variant === 'info' ? 'circle-information' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n                            alignSelf: 'flex-start',\n                            color: borderColor,\n                            marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n                        } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["Banner","children","variant","buttons","theme","useTheme","borderColor","useMemo","palette","error","main","warning","info","backgroundColor","lighten","light","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","padding","xs","flexGrow","_jsx","Box","component","Icon","className","iconStyle","color","alignSelf","marginTop","lg","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"glKAIY,MAACA,EAAS,EAAGC,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,IACRC,EAAcC,GAAQ,KACxB,OAAQL,GACJ,IAAK,QACD,OAAOE,EAAMI,QAAQC,MAAMC,KAC/B,IAAK,UACD,OAAON,EAAMI,QAAQG,QAAQD,KAEjC,QACI,OAAON,EAAMI,QAAQI,KAAKF,KACjC,GACF,CAACR,EAASE,IACPS,EAAkBN,GAAQ,KAC5B,OAAQL,GACJ,IAAK,QACD,OAAOY,EAAQV,EAAMI,QAAQC,MAAMM,MAAO,IAC9C,IAAK,UACD,OAAOD,EAAQV,EAAMI,QAAQG,QAAQI,MAAO,IAEhD,QACI,OAAOD,EAAQV,EAAMI,QAAQI,KAAKG,MAAO,IAChD,GACF,CAACb,EAASE,IACb,OAAQY,EAAMC,EAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAO,mBACD,cAAe,SAAUZ,SAAU,CAACe,EAAMC,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEG,QAAS,CAAEN,GAAI,YAAaC,GAAI,OAAQM,GAAI,aAAeC,SAAU,EAAGH,WAAY,UAAYvB,SAAU,CAAC2B,EAAKC,EAAK,CAAEC,UAAWC,EAAMC,UAAuB,SAAZ9B,EAAqB,qBAAuB,qBAAsB+B,UAAW,SAAUC,MAAOhC,EAASoB,GAAI,CACpUa,UAAW,aACXD,MAAO5B,EACP8B,UAAW,CAAEC,GAAI,iBAAkBlB,GAAI,iBAAkBC,GAAI,sBAC3DQ,EAAKC,EAAK,CAAE5B,SAA8B,iBAAbA,EAAwB2B,EAAKU,EAAY,CAAErC,SAAUA,IAAcA,OAAiBE,GAAYyB,EAAKX,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGkB,YAAY,EAAMjB,GAAI,CAAEG,QAAS,WAAYe,SAAU,SAAUC,SAAU,OAAQN,UAAW,SAAUO,YAAa,QAAU,cAAe,iBAAkBzC,SAAUE,MAAiB"}

package/components/button/button.d.ts

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes } from 'react';
+import { IconNameProp } from '../icon';
 import { ColourSheme } from '../../utils/enum';
 /**
  * @type ButtonVariants
@@ -32,7 +33,7 @@ export interface ButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'co
     /**
      * Icon name. For example "heart".
      */
-    icon?: string;
+    icon?: IconNameProp;
     /**
      * Compact, minimalistic view of component
      */

package/components/button/button.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as i,useState as o,useMemo as a}from"react";import n from"@mui/material/Button";import{styled as e}from"@mui/material/styles";import{Icon as c}from"../icon/icon.js";import s from"../common/styled/buttonFocusVisibleStyled.js";import{ColourSheme as l}from"../../utils/enum.js";import{ternaryCondition as m}from"../../utils/utilities.js";import u from"lodash/merge";var d;!function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.GHOST="ghost",t.TERTIARY="tertiary",t.NAVIGATION="navigation"}(d||(d={}));const p=i(((i,n)=>{var e,{variant:u=d.PRIMARY,colourScheme:p,direction:h="back",label:A,icon:T,compact:g,disabled:v}=i,b=t(i,["variant","colourScheme","direction","label","icon","compact","disabled"]);const[N,O]=o(!1),M=a((()=>I(u)),[u]),S=a((()=>R(u)),[u]),Y="navigation"===u,y=Y&&"forward"===h,B=Y&&"back"===h;return r(s,{focusVisible:N,isNavigationVariant:Y,fullWidth:b.fullWidth,children:r(f,Object.assign({},b,{ref:n,variant:M,color:S,startIcon:T&&!Y||B?r(c,{className:B?"arrow-left":T}):void 0,endIcon:y?r(c,{className:"arrow-right"}):void 0,disabled:v,size:g?"small":void 0,onFocusVisible:()=>O(!0),onBlur:t=>{O(!1),b.onBlur&&b.onBlur(t)},className:m(p,l.LIGHT_MODE,"MuiButton-white",""),children:null!==(e=b.children)&&void 0!==e?e:A}))})})),f=e(n)((r=>{const i=t(r,["theme"]),o="navigation"===i.variant,a={};return!i.children&&i.startIcon&&u(a,{width:44,padding:0,"& .MuiButton-startIcon":{margin:"-4px 0 0 0",fontSize:"16px",".MuiIcon-root":{paddingTop:3,"&::before":{marginLeft:1}}}}),o&&u(a,{"& .MuiButton-endIcon":{marginTop:"2px"},"& .MuiButton-startIcon":{marginTop:"2px"}}),a})),I=t=>{switch(t){case d.PRIMARY:return"contained";case d.GHOST:return"outlined";case d.NAVIGATION:return"navigation";case d.SECONDARY:return"contained";case d.TERTIARY:return"text";default:return"contained"}},R=t=>{switch(t){case d.PRIMARY:return"primary";case d.GHOST:case d.NAVIGATION:case d.SECONDARY:case d.TERTIARY:return"secondary";default:return"primary"}};export{p as Button,d as ButtonVariants};
+import{__rest as t}from"tslib";import{jsx as i}from"react/jsx-runtime";import{forwardRef as r,useState as o,useMemo as n}from"react";import e from"@mui/material/Button";import{styled as a}from"@mui/material/styles";import{Icon as c}from"../icon/icon.js";import"../icon/icon.definitions.js";import s from"../common/styled/buttonFocusVisibleStyled.js";import{ColourSheme as m}from"../../utils/enum.js";import{ternaryCondition as u}from"../../utils/utilities.js";import l from"lodash/merge";var d;!function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.GHOST="ghost",t.TERTIARY="tertiary",t.NAVIGATION="navigation"}(d||(d={}));const p=r(((r,e)=>{var a,{variant:l=d.PRIMARY,colourScheme:p,direction:h="back",label:A,icon:T,compact:g,disabled:v}=r,b=t(r,["variant","colourScheme","direction","label","icon","compact","disabled"]);const[N,O]=o(!1),M=n((()=>I(l)),[l]),S=n((()=>R(l)),[l]),Y="navigation"===l,y=Y&&"forward"===h,B=Y&&"back"===h;return i(s,{focusVisible:N,isNavigationVariant:Y,fullWidth:b.fullWidth,children:i(f,Object.assign({},b,{ref:e,variant:M,color:S,startIcon:T&&!Y||B?i(c,{name:B?"arrow-left":T}):void 0,endIcon:y?i(c,{name:"arrow-right"}):void 0,disabled:v,size:g?"small":void 0,onFocusVisible:()=>O(!0),onBlur:t=>{O(!1),b.onBlur&&b.onBlur(t)},className:u(p,m.LIGHT_MODE,"MuiButton-white",""),children:null!==(a=b.children)&&void 0!==a?a:A}))})})),f=a(e)((i=>{const r=t(i,["theme"]),o="navigation"===r.variant,n={};return!r.children&&r.startIcon&&l(n,{width:44,padding:0,"& .MuiButton-startIcon":{margin:"-4px 0 0 0",fontSize:"16px",".MuiIcon-root":{paddingTop:3,"&::before":{marginLeft:1}}}}),o&&l(n,{"& .MuiButton-endIcon":{marginTop:"2px"},"& .MuiButton-startIcon":{marginTop:"2px"}}),n})),I=t=>{switch(t){case d.PRIMARY:return"contained";case d.GHOST:return"outlined";case d.NAVIGATION:return"navigation";case d.SECONDARY:return"contained";case d.TERTIARY:return"text";default:return"contained"}},R=t=>{switch(t){case d.PRIMARY:return"primary";case d.GHOST:case d.NAVIGATION:case d.SECONDARY:case d.TERTIARY:return"secondary";default:return"primary"}};export{p as Button,d as ButtonVariants};
 //# sourceMappingURL=button.js.map

package/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\nimport merge from 'lodash/merge';\n/**\n * @type ButtonVariants\n * @description The variants of the Button component.\n */\nexport var ButtonVariants;\n(function (ButtonVariants) {\n    ButtonVariants[\"PRIMARY\"] = \"primary\";\n    ButtonVariants[\"SECONDARY\"] = \"secondary\";\n    ButtonVariants[\"GHOST\"] = \"ghost\";\n    ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n    ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants || (ButtonVariants = {}));\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n */\nexport const Button = forwardRef((_a, ref) => {\n    var _b;\n    var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n    const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const isNavigationVariant = variant === 'navigation';\n    const isDirectionForward = isNavigationVariant && direction === 'forward';\n    const isDirectionBack = isNavigationVariant && direction === 'back';\n    return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) || isDirectionBack ? (_jsx(Icon, { className: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { className: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/**\n * @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    const isNavigationVariant = props.variant === 'navigation';\n    const styles = {};\n    if (!props.children && props.startIcon) {\n        merge(styles, {\n            width: 44,\n            padding: 0,\n            '& .MuiButton-startIcon': {\n                margin: '-4px 0 0 0',\n                fontSize: '16px',\n                '.MuiIcon-root': {\n                    paddingTop: 3,\n                    '&::before': {\n                        marginLeft: 1,\n                    },\n                },\n            },\n        });\n    }\n    if (isNavigationVariant) {\n        merge(styles, {\n            '& .MuiButton-endIcon': {\n                marginTop: '2px',\n            },\n            '& .MuiButton-startIcon': {\n                marginTop: '2px',\n            },\n        });\n    }\n    return styles;\n});\nconst getButtonVariant = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'contained';\n        case ButtonVariants.GHOST:\n            return 'outlined';\n        case ButtonVariants.NAVIGATION:\n            return 'navigation';\n        case ButtonVariants.SECONDARY:\n            return 'contained';\n        case ButtonVariants.TERTIARY:\n            return 'text';\n        default:\n            return 'contained';\n    }\n};\nconst getButtonColor = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'primary';\n        case ButtonVariants.GHOST:\n            return 'secondary';\n        case ButtonVariants.NAVIGATION:\n            return 'secondary';\n        case ButtonVariants.SECONDARY:\n            return 'secondary';\n        case ButtonVariants.TERTIARY:\n            return 'secondary';\n        default:\n            return 'primary';\n    }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"ocAcU,IAACA,GACX,SAAWA,GACPA,EAAwB,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,YAClC,CAND,CAMGA,IAAmBA,EAAiB,CAAE,IAQ7B,MAACC,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAOZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,GAAS,GAC5CC,EAAwBC,GAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,GAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAKC,EAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAKK,EAAcC,OAAOC,OAAO,CAAE,EAAEpB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBgB,MAAOb,EAAac,UAAYzB,IAASa,GAAwBE,EAAmBC,EAAKU,EAAM,CAAEC,UAAWZ,EAAkB,aAAef,SAAW4B,EAAWC,QAASf,EAAqBE,EAAKU,EAAM,CAAEC,UAAW,qBAAmBC,EAAW1B,SAAUA,EAAU4B,KAAM7B,EAAU,aAAU2B,EAAWG,eAAgB,IAAMzB,GAAgB,GAAO0B,OAR3jBC,IACZ3B,GAAgB,GACZH,EAAM6B,QACN7B,EAAM6B,OAAOC,EAAE,EAKokBN,UAAWO,EAAiBrC,EAAcsC,EAAYC,WAAY,kBAAmB,IAAKhB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKlwBsB,EAAegB,EAAOC,EAAPD,EAAmB7C,IAEpC,MAAMW,EADqBC,EAAOZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,QAC5B4C,EAAS,CAAA,EA2Bf,OA1BKpC,EAAMiB,UAAYjB,EAAMsB,WACzBe,EAAMD,EAAQ,CACVE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,OAM5BjC,GACA2B,EAAMD,EAAQ,CACV,uBAAwB,CACpBQ,UAAW,OAEf,yBAA0B,CACtBA,UAAW,SAIhBR,CAAM,IAEX7B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,YACX,KAAKP,EAAe2D,MAChB,MAAO,WACX,KAAK3D,EAAe4D,WAChB,MAAO,aACX,KAAK5D,EAAe6D,UAChB,MAAO,YACX,KAAK7D,EAAe8D,SAChB,MAAO,OACX,QACI,MAAO,YACd,EAECvC,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,UACX,KAAKP,EAAe2D,MAEpB,KAAK3D,EAAe4D,WAEpB,KAAK5D,EAAe6D,UAEpB,KAAK7D,EAAe8D,SAChB,MAAO,YACX,QACI,MAAO,UACd"}
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\nimport merge from 'lodash/merge';\n/**\n * @type ButtonVariants\n * @description The variants of the Button component.\n */\nexport var ButtonVariants;\n(function (ButtonVariants) {\n    ButtonVariants[\"PRIMARY\"] = \"primary\";\n    ButtonVariants[\"SECONDARY\"] = \"secondary\";\n    ButtonVariants[\"GHOST\"] = \"ghost\";\n    ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n    ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants || (ButtonVariants = {}));\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n */\nexport const Button = forwardRef((_a, ref) => {\n    var _b;\n    var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n    const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const isNavigationVariant = variant === 'navigation';\n    const isDirectionForward = isNavigationVariant && direction === 'forward';\n    const isDirectionBack = isNavigationVariant && direction === 'back';\n    return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) || isDirectionBack ? (_jsx(Icon, { name: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { name: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/**\n * @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    const isNavigationVariant = props.variant === 'navigation';\n    const styles = {};\n    if (!props.children && props.startIcon) {\n        merge(styles, {\n            width: 44,\n            padding: 0,\n            '& .MuiButton-startIcon': {\n                margin: '-4px 0 0 0',\n                fontSize: '16px',\n                '.MuiIcon-root': {\n                    paddingTop: 3,\n                    '&::before': {\n                        marginLeft: 1,\n                    },\n                },\n            },\n        });\n    }\n    if (isNavigationVariant) {\n        merge(styles, {\n            '& .MuiButton-endIcon': {\n                marginTop: '2px',\n            },\n            '& .MuiButton-startIcon': {\n                marginTop: '2px',\n            },\n        });\n    }\n    return styles;\n});\nconst getButtonVariant = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'contained';\n        case ButtonVariants.GHOST:\n            return 'outlined';\n        case ButtonVariants.NAVIGATION:\n            return 'navigation';\n        case ButtonVariants.SECONDARY:\n            return 'contained';\n        case ButtonVariants.TERTIARY:\n            return 'text';\n        default:\n            return 'contained';\n    }\n};\nconst getButtonColor = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'primary';\n        case ButtonVariants.GHOST:\n            return 'secondary';\n        case ButtonVariants.NAVIGATION:\n            return 'secondary';\n        case ButtonVariants.SECONDARY:\n            return 'secondary';\n        case ButtonVariants.TERTIARY:\n            return 'secondary';\n        default:\n            return 'primary';\n    }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","name","undefined","endIcon","size","onFocusVisible","onBlur","e","className","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"weAcU,IAACA,GACX,SAAWA,GACPA,EAAwB,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,YAClC,CAND,CAMGA,IAAmBA,EAAiB,CAAE,IAQ7B,MAACC,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAOZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,GAAS,GAC5CC,EAAwBC,GAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,GAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAKC,EAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAKK,EAAcC,OAAOC,OAAO,CAAE,EAAEpB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBgB,MAAOb,EAAac,UAAYzB,IAASa,GAAwBE,EAAmBC,EAAKU,EAAM,CAAEC,KAAMZ,EAAkB,aAAef,SAAW4B,EAAWC,QAASf,EAAqBE,EAAKU,EAAM,CAAEC,KAAM,qBAAmBC,EAAW1B,SAAUA,EAAU4B,KAAM7B,EAAU,aAAU2B,EAAWG,eAAgB,IAAMzB,GAAgB,GAAO0B,OARjjBC,IACZ3B,GAAgB,GACZH,EAAM6B,QACN7B,EAAM6B,OAAOC,EAAE,EAK0jBC,UAAWC,EAAiBtC,EAAcuC,EAAYC,WAAY,kBAAmB,IAAKjB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKxvBsB,EAAeiB,EAAOC,EAAPD,EAAmB9C,IAEpC,MAAMW,EADqBC,EAAOZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,QAC5B6C,EAAS,CAAA,EA2Bf,OA1BKrC,EAAMiB,UAAYjB,EAAMsB,WACzBgB,EAAMD,EAAQ,CACVE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,OAM5BlC,GACA4B,EAAMD,EAAQ,CACV,uBAAwB,CACpBQ,UAAW,OAEf,yBAA0B,CACtBA,UAAW,SAIhBR,CAAM,IAEX9B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,YACX,KAAKP,EAAe4D,MAChB,MAAO,WACX,KAAK5D,EAAe6D,WAChB,MAAO,aACX,KAAK7D,EAAe8D,UAChB,MAAO,YACX,KAAK9D,EAAe+D,SAChB,MAAO,OACX,QACI,MAAO,YACd,EAECxC,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,UACX,KAAKP,EAAe4D,MAEpB,KAAK5D,EAAe6D,WAEpB,KAAK7D,EAAe8D,UAEpB,KAAK9D,EAAe+D,SAChB,MAAO,YACX,QACI,MAAO,UACd"}