npm - @skodaflow/web-library - Versions diffs - 7.13.0 → 7.14.0 - Mend

@skodaflow/web-library 7.13.0 → 7.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2398) hide show

package/cjs/organisms/textCta/textCta.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("../../components/label/label.js"),o=require("@mui/material"),r=require("../../components/button/button.js"),s=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");const a=i.forwardRef(((a,l)=>{var{label:x,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}=a,y=t.__rest(a,["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(r.Button,Object.assign({},n,{onClick:t=>P(t,i,n.url)}))}),[P]);return e.jsxs(p,Object.assign({ref:l,listItems:b},y,{children:[x&&e.jsx(n.Label,{label:x}),d&&e.jsx("div",{className:"headlineContainer",children:e.jsx(o.Typography,{className:"textCtaHeadline",children:d})}),c&&e.jsx("p",{className:`textCtaText ${f&&"isPlayStore"}`,children:c}),b&&b.length>0&&e.jsx(o.List,{className:"textCtaList",children:b.map(((t,i)=>e.jsxs(o.ListItem,{disableGutters:!0,children:[e.jsx(s.Icon,{name: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}})]})]})]}))})),l=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"}}},p=o.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"},l(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=a;
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),n=require("../../components/label/label.js"),o=require("@mui/material"),r=require("../../components/button/button.js"),s=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");const a=i.forwardRef(((a,l)=>{var{label:x,headlineTitle:d,text:c,showFirstButton:h=!1,showSecondButton:u=!1,onClickFirstBtn:m,onClickSecondBtn:g,firstButtonProps:B,secondButtonProps:S,listItems:b,showAppStore:j=!1,showPlayStore:f=!1,appStoreProps:C,playStoreProps:w}=a,y=t.__rest(a,["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(r.Button,Object.assign({},n,{onClick:t=>P(t,i,n.url)}))}),[P]);return e.jsxs(p,Object.assign({ref:l,listItems:b},y,{children:[x&&e.jsx(n.Label,{label:x}),d&&e.jsx("div",{className:"headlineContainer",children:e.jsx(o.Typography,{className:"textCtaHeadline",children:d})}),c&&e.jsx("p",{className:`textCtaText ${f&&"isPlayStore"}`,children:c}),b&&b.length>0&&e.jsx(o.List,{className:"textCtaList",children:b.map(((t,i)=>e.jsxs(o.ListItem,{disableGutters:!0,children:[e.jsx(s.Icon,{name: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(B,m),u&&v(S,g)]}),(!h||!u)&&e.jsxs(e.Fragment,{children:[j&&e.jsx(o.ButtonBase,{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}})]})]})]}))})),l=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"}}},p=o.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"},l(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=a;
 //# sourceMappingURL=textCta.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textCta.js","sources":["../../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":[null],"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","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","jsx","Icon","name","icon","_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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"}
1	+ {"version":3,"file":"textCta.js","sources":["../../../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography, styled, ButtonBase } from '@mui/material';\nimport { Button, ButtonProps } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\n\nexport type variants = 'subHeadline' \| 'h1' \| 'h2' \| 'h3' \| 'h4';\n\nexport interface TextCtaProps {\n /*\n label to be shown on the top of component\n /\n label?: string;\n\n /\n headline to be shown on the top of component\n /\n headlineTitle?: string;\n /\n headline type variant\n /\n headlineVariant?: variants;\n\n /\n text to be shown under headline/subheadline\n /\n text?: string;\n\n /\n Show the primary button if true. Must fill the firstButtonProps\n /\n showFirstButton?: boolean;\n\n /\n Show the secondary button if true. Must fill the secondButtonProps\n /\n showSecondButton?: boolean;\n\n /\n props primary button. Same of skoda button component\n /\n firstButtonProps?: ButtonProps & { url?: string };\n\n /\n props secondary button. Same of skoda button component\n /\n secondButtonProps?: ButtonProps & { url?: string };\n\n /\n callback on click primary button\n /\n onClickFirstBtn?: (e: unknown) => void;\n\n /\n callback on click secondary button\n /\n onClickSecondBtn?: (e: unknown) => void;\n\n /\n If true, shows the AppStore badge\n /\n showAppStore?: boolean;\n\n /\n If true, shows the PlayStore badge\n /\n showPlayStore?: boolean;\n\n /\n List items show icon and text\n * default icon for list is the check,it's possible to configure using the icon name provide in the Icon component\n /\n listItems?: {\n text?: string;\n icon?: IconNameProp;\n }[];\n\n /\n object appStore Badge:\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n appStoreProps?: Record<string, string>;\n\n /\n object playStore Badge\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n playStoreProps?: unknown;\n}\n\n/\n @deprecated use TextAndCta component instead\n /\nexport const TextCta = forwardRef<HTMLDivElement, TextCtaProps>(\n (\n {\n label,\n headlineTitle,\n text,\n showFirstButton = false,\n showSecondButton = false,\n onClickFirstBtn,\n onClickSecondBtn,\n firstButtonProps,\n secondButtonProps,\n listItems,\n showAppStore = false,\n showPlayStore = false,\n appStoreProps,\n playStoreProps,\n ...props\n },\n ref,\n ) => {\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n\n const handleOnClickBtn = useCallback(\n (e: unknown, callback: (e: unknown) => void, url: string) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n },\n [handleUrlClick],\n );\n\n const handleRenderBtn = useCallback(\n (btnProps: ButtonProps & { url?: string }, onClickHandler: (e: unknown) => void) => {\n const propsA = {\n ...btnProps,\n url: btnProps.url \|\| null,\n };\n return <Button {...propsA} onClick={(e) => handleOnClickBtn(e, onClickHandler, propsA.url)} />;\n },\n [handleOnClickBtn],\n );\n\n return (\n <TextCtaContainerStyled ref={ref} listItems={listItems} {...props}>\n {label && <Label label={label} />}\n {headlineTitle && (\n <div className=\"headlineContainer\">\n <Typography className=\"textCtaHeadline\">{headlineTitle}</Typography>\n </div>\n )}\n {text && <p className={`textCtaText ${showPlayStore && 'isPlayStore'}`}>{text}</p>}\n {listItems && listItems.length > 0 && (\n <List className=\"textCtaList\">\n {listItems.map((item, index) => {\n return (\n <ListItem key={'text-cta-list-item' + index} disableGutters>\n <Icon name={item.icon \|\| 'check'} />\n {item.text}\n </ListItem>\n );\n })}\n </List>\n )}\n <div className=\"textCtaBtnGroup\">\n {(!showAppStore \|\| !showPlayStore) && (\n <>\n {showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn)}\n {showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)}\n </>\n )}\n {(!showFirstButton \|\| !showSecondButton) && (\n <>\n {showAppStore && (\n <ButtonBase className=\"appStoreBadge\" onClick={() => handleUrlClick(appStoreProps.url)}>\n <img src={appStoreProps.img} alt={appStoreProps.alt} />\n </ButtonBase>\n )}\n {showPlayStore && (\n <span className=\"playStoreBadge\" dangerouslySetInnerHTML={{ __html: playStoreProps }}></span>\n )}\n </>\n )}\n </div>\n </TextCtaContainerStyled>\n );\n },\n);\n\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant: variants) => {\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/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})<TextCtaProps>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': {\n fontWeight: 'bold',\n ...getHeadlineStyle(args.headlineVariant),\n },\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\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n\n return styles;\n});\n"],"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","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","jsx","Icon","name","icon","_Fragment","ButtonBase","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/organisms/tile/tile.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),a=require("@mui/system"),r=require("../../components/label/label.js"),l=require("@mui/material"),o=require("../common/menuCardComponent/menuCardComponent.js"),n=require("../../utils/utilities.js"),s=require("../../components/common/imageComponent.js");const p=a=>{var{tileContentPinned:p="top",isBorderRadius:m=!0,promotionalVariant:c="large"}=a,x=e.__rest(a,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[u,h]=i.useState(!1),g=t.jsx("div",{className:"tileImage",children:x.tileImageURLOnHover&&u?t.jsx(s.default,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):t.jsx(s.default,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),b=t.jsxs("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&t.jsx("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&t.jsx(l.Divider,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&t.jsx("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return t.jsx(d,{promotionalLabel:x.promotionalLabel,isBorderRadius:m,tileContentPinned:p,children:t.jsxs("div",{className:"tileWrapper",onMouseEnter:()=>{u||h(!0)},onMouseLeave:()=>{h(!1)},children:[x.isMenuDropdown&&t.jsx("div",{className:"tileDropdownMenu",onMouseEnter:()=>h(!1),onMouseLeave:()=>h(!0),children:t.jsx(o.default,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&t.jsx("div",{className:"tilePromotionalLabel",children:t.jsx(r.Label,{type:"promotional",variant:c,label:n.handleMaxChars(x.promotionalLabel,30)})}),"bottom"===p&&g,t.jsxs("div",{className:"tileContent",children:[x.generalLabel&&t.jsx("div",{className:"tileGeneralLabel",children:t.jsx(r.Label,{label:n.handleMaxChars(x.generalLabel,30)})}),t.jsx("h4",{className:"tileTitle",children:n.handleMaxChars(x.title,20)}),x.featureLabel&&t.jsx("div",{className:"tileFeatureLabel",children:t.jsx(r.Label,{type:"feature",variant:x.featureLabelVariant,label:n.handleMaxChars(x.featureLabel,30)})}),"bottom"===p&&b]}),"top"===p&&g,"top"===p&&b]})})};p.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const d=a.styled("div")((t=>{var{theme:i}=t,a=e.__rest(t,["theme"]);let r={};const{tileContentPinned:l,promotionalLabel:o,isBorderRadius:n}=a;return r={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:i.palette.surface.primary,padding:"0 0 24px 0",border:`1px solid ${i.palette.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:o?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===l?"-32px":"16px",marginBottom:"bottom"===l?"-32px":"0",[i.breakpoints.up("md")]:{height:"200px"},[i.breakpoints.up("lg")]:{height:"186px"},[i.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===l?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:i.palette.transparent.secondary}}},r}));exports.Tile=p;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),a=require("@mui/material/styles"),r=require("../../components/label/label.js"),l=require("@mui/material"),o=require("../common/menuCardComponent/menuCardComponent.js"),n=require("../../utils/utilities.js"),s=require("../../components/common/imageComponent.js");const p=a=>{var{tileContentPinned:p="top",isBorderRadius:m=!0,promotionalVariant:c="large"}=a,x=e.__rest(a,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[u,h]=i.useState(!1),g=t.jsx("div",{className:"tileImage",children:x.tileImageURLOnHover&&u?t.jsx(s.default,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):t.jsx(s.default,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),b=t.jsxs("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&t.jsx("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&t.jsx(l.Divider,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&t.jsx("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return t.jsx(d,{promotionalLabel:x.promotionalLabel,isBorderRadius:m,tileContentPinned:p,children:t.jsxs(l.ButtonBase,{className:"tileWrapper",onMouseEnter:()=>{u||h(!0)},onMouseLeave:()=>{h(!1)},onClick:()=>h((e=>!e)),children:[x.isMenuDropdown&&t.jsx(l.ButtonBase,{className:"tileDropdownMenu",onMouseEnter:()=>h(!1),onMouseLeave:()=>h(!0),children:t.jsx(o.default,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&t.jsx("div",{className:"tilePromotionalLabel",children:t.jsx(r.Label,{type:"promotional",variant:c,label:n.handleMaxChars(x.promotionalLabel,30)})}),"bottom"===p&&g,t.jsxs("div",{className:"tileContent",children:[x.generalLabel&&t.jsx("div",{className:"tileGeneralLabel",children:t.jsx(r.Label,{label:n.handleMaxChars(x.generalLabel,30)})}),t.jsx("h4",{className:"tileTitle",children:n.handleMaxChars(x.title,20)}),x.featureLabel&&t.jsx("div",{className:"tileFeatureLabel",children:t.jsx(r.Label,{type:"feature",variant:x.featureLabelVariant,label:n.handleMaxChars(x.featureLabel,30)})}),"bottom"===p&&b]}),"top"===p&&g,"top"===p&&b]})})};p.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const d=a.styled("div")((t=>{var{theme:i}=t,a=e.__rest(t,["theme"]);let r={};const{tileContentPinned:l,promotionalLabel:o,isBorderRadius:n}=a;return r={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:i.palette.surface.primary,padding:"0 0 24px 0",border:`1px solid ${i.palette.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:o?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===l?"-32px":"16px",marginBottom:"bottom"===l?"-32px":"0",[i.breakpoints.up("md")]:{height:"200px"},[i.breakpoints.up("lg")]:{height:"186px"},[i.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===l?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:i.palette.transparent.secondary}}},r}));exports.Tile=p;
 //# sourceMappingURL=tile.js.map

package/cjs/organisms/tile/tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.js","sources":["../../../../../src/organisms/tile/tile.tsx"],"sourcesContent":[null],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","Label","type","variant","label","handleMaxChars","generalLabel","title","featureLabel","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","palette","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}
1	+ {"version":3,"file":"tile.js","sources":["../../../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes, FC } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { Divider, ButtonBase } from '@mui/material';\nimport MenuCardComponent, { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\n/*\n @interface TileStylingProps\n * @description The props of the tile component that are additionally used for styling.\n /\n\nexport interface TileStylingProps {\n /\n Style with or without the border radius\n /\n isBorderRadius?: boolean;\n /\n tile Text pinned position\n /\n tileContentPinned?: 'top' \| 'bottom';\n /\n Promotional Label text\n /\n promotionalLabel?: string;\n /\n Promotional Label text\n /\n promotionalVariant?: 'large' \| 'small';\n}\n\n/\n @interface TileProps\n * @description Properties are inherited from HTML div element and TileStylingProps interface.\n /\nexport interface TileProps extends TileStylingProps, HTMLAttributes<HTMLDivElement> {\n /\n If true the menu dropdown is showing\n /\n isMenuDropdown?: boolean;\n /\n General Label\n /\n generalLabel?: string;\n /\n Title name text\n /\n title?: string;\n /\n Feature Label\n /\n featureLabel?: string;\n /\n Feature Label Variant\n /\n featureLabelVariant?: 'primary' \| 'neutral' \| 'secondary';\n /\n URL image\n /\n tileImageURL: string;\n /\n The source of the onError image.\n /\n tileImageURLFallback?: string;\n /\n URL image\n /\n tileAltImage?: string;\n /\n URL image which apply on hover if is changeImageOnHover is true\n /\n tileImageURLOnHover?: string;\n /\n tile feature info total price\n /\n tilePriceTotal?: string;\n /\n tile feature info monthly price\n /\n tilePriceMonth?: string;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\n\nexport const Tile: FC<TileProps> = ({\n tileContentPinned = 'top',\n isBorderRadius = true,\n promotionalVariant = 'large',\n ...props\n}) => {\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n\n const tileImageElement = (\n <div className=\"tileImage\">\n {props.tileImageURLOnHover && isMouseOver ? (\n <ImageComponent key={'imageUrl_onHover'} image={props.tileImageURLOnHover} alt={props.tileAltImage} />\n ) : (\n <ImageComponent\n key={'imageUrl'}\n image={props.tileImageURL}\n alt={props.tileAltImage}\n fallbackImage={props.tileImageURLFallback}\n />\n )}\n </div>\n );\n const pricingElement = (\n <div className=\"tilePriceWrapper\">\n {props.tilePriceTotal && <span className=\"disclaimer tilePriceTotal\">{props.tilePriceTotal}</span>}\n {props.tilePriceTotal && props.tilePriceMonth && <Divider orientation=\"vertical\" flexItem />}\n {props.tilePriceMonth && <span className=\"disclaimer tilePriceMonth\">{props.tilePriceMonth}</span>}\n </div>\n );\n\n return (\n <TileStyled\n promotionalLabel={props.promotionalLabel}\n isBorderRadius={isBorderRadius}\n tileContentPinned={tileContentPinned}\n >\n <ButtonBase\n className=\"tileWrapper\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={() => setIsMouseOver((prev) => !prev)}\n >\n {props.isMenuDropdown && (\n <ButtonBase\n className=\"tileDropdownMenu\"\n onMouseEnter={() => setIsMouseOver(false)}\n onMouseLeave={() => setIsMouseOver(true)}\n >\n <MenuCardComponent {...props.menuCardComponentProps} />\n </ButtonBase>\n )}\n {props.promotionalLabel && (\n <div className=\"tilePromotionalLabel\">\n <Label type=\"promotional\" variant={promotionalVariant} label={handleMaxChars(props.promotionalLabel, 30)} />\n </div>\n )}\n {tileContentPinned === 'bottom' && tileImageElement}\n <div className=\"tileContent\">\n {props.generalLabel && (\n <div className=\"tileGeneralLabel\">\n <Label label={handleMaxChars(props.generalLabel, 30)} />\n </div>\n )}\n <h4 className=\"tileTitle\">{handleMaxChars(props.title, 20)}</h4>\n {props.featureLabel && (\n <div className=\"tileFeatureLabel\">\n <Label\n type=\"feature\"\n variant={props.featureLabelVariant}\n label={handleMaxChars(props.featureLabel, 30)}\n />\n </div>\n )}\n {tileContentPinned === 'bottom' && pricingElement}\n </div>\n {tileContentPinned === 'top' && tileImageElement}\n {tileContentPinned === 'top' && pricingElement}\n </ButtonBase>\n </TileStyled>\n );\n};\n\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')<TileStylingProps & { theme? }>(({ theme, ...args }) => {\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${theme.palette.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: theme.palette.transparent.secondary,\n },\n },\n };\n\n return styles;\n});\n"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","jsx","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","ButtonBase","onMouseEnter","onMouseLeave","onClick","prev","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","Label","type","variant","label","handleMaxChars","generalLabel","title","featureLabel","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","palette","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

package/cjs/production/Button/Button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var o=require("tslib"),r=require("react/jsx-runtime"),e=require("@mui/material"),n=require("@mui/system");const a=n.keyframes`
+"use strict";var o=require("tslib"),r=require("react/jsx-runtime"),e=require("@mui/material"),n=require("@mui/material/styles");const a=n.keyframes`
   0% { background-color: #43861D; }
   50% { background-color: #96DC6F; }
   100% {background-color: #43861D; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../../src/production/Button/Button.tsx"],"sourcesContent":[~~null~~],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"~~uHAIA~~,MAAMA,EAAaC,EAAAA,SAAS;;;;EAKtBC,EAAcD,EAAAA,SAAS;;;;EAKvBE,EAAWF,EAAAA,SAAS;;;;EAKpBG,EAAYH,EAAAA,SAAS;;;;EAKrBI,EAAaJ,EAAAA,SAAS;;;;EAKtBK,EAAYL,EAAAA,SAAS;;;;EAKrBM,EAAaN,EAAAA,SAAS;;;;EAKtBO,EAAgBP,EAAAA,SAAS;;;;EAqBlBQ,EAASC,EAAAA,QAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA7B,wBAAoC,OAAAK,EAAAC,IAACC,SAAcC,OAAAC,OAAA,GAAAN,GAAOD,QAAQ,SAAS,GAOhGH,EAAgC,EAAGW,QAAOR,UAAU,UAAWD,WAAUU,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZd,GAAqBM,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG7B,iBAA0BqB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZnB,GAAqBM,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG3B,iBAA2BmB,EAAMS,YAAYC,OAAOC,eAItD,UAAZnB,GAAmBM,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG1B,iBAAwBkB,EAAMS,YAAYC,OAAOC,eAInD,SAAZnB,GAAkBM,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAGzB,iBAAyBiB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZnB,GAAmBM,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCtB,GAAY,CACdiB,UAAW,GAAGxB,iBAA0BgB,EAAMS,YAAYC,OAAOC,eAIrD,SAAZnB,GAAkBM,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBtB,GAAY,CACdiB,UAAW,GAAGvB,iBAAyBe,EAAMS,YAAYC,OAAOC,eAIpD,UAAZnB,GACFM,OAAAC,OAAA,CAAAQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCf,GAAY,CACdiB,UAAW,GAAGtB,iBAA0Bc,EAAMS,YAAYC,OAAOC,eAIjEV,GACFH,OAAAC,OAAA,CAAAQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BV,GAAY,CACdiB,UAAW,GAAGrB,iBAA6Ba,EAAMS,YAAYC,OAAOC"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\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`;\n\nexport type ButtonProps = Omit<\n MuiButtonProps,\n 'nonce' \| 'color' \| 'disableElevation' \| 'disableFocusRipple' \| 'disableRipple' \| 'classes' \| 'variant'\n> & {\n blinking?: boolean;\n variant?: 'success' \| 'warning' \| 'alert' \| 'info' \| 'white' \| 'dark' \| 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/*\n @deprecated use production components from production web library\n * https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n minWidth: '150px',\n color: theme.palette.common.white,\n\n ...(variant === 'success' && {\n backgroundColor: '#43861D',\n '&:hover': {\n backgroundColor: '#55a628',\n },\n ...(blinking && {\n animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'warning' && {\n backgroundColor: '#DE7C13',\n '&:hover': {\n backgroundColor: '#df8f38',\n },\n ...(blinking && {\n animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'alert' && {\n backgroundColor: '#CE332A',\n '&:hover': {\n backgroundColor: '#d84a42',\n },\n ...(blinking && {\n animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'info' && {\n backgroundColor: '#2A78CD',\n '&:hover': {\n backgroundColor: '#4a8fdb',\n },\n ...(blinking && {\n animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'white' && {\n backgroundColor: theme.palette.common.white,\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: '#e1e1e1',\n },\n border: `2px solid ${theme.palette.text.primary}`,\n ...(blinking && {\n animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'dark' && {\n backgroundColor: 'transparent',\n border: `2px solid #161718`,\n color: theme.palette.text.primary,\n ...(blinking && {\n animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'light' && {\n backgroundColor: 'transparent',\n border: `2px solid ${theme.palette.common.white}`,\n ...(blinking && {\n animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(disabled && {\n backgroundColor: '#D8D8D8',\n color: theme.palette.action.disabled,\n borderColor: theme.palette.action.disabled,\n ...(blinking && {\n animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"gIAIA,MAAMA,EAAaC,EAAAA,SAAS;;;;EAKtBC,EAAcD,EAAAA,SAAS;;;;EAKvBE,EAAWF,EAAAA,SAAS;;;;EAKpBG,EAAYH,EAAAA,SAAS;;;;EAKrBI,EAAaJ,EAAAA,SAAS;;;;EAKtBK,EAAYL,EAAAA,SAAS;;;;EAKrBM,EAAaN,EAAAA,SAAS;;;;EAKtBO,EAAgBP,EAAAA,SAAS;;;;EAqBlBQ,EAASC,EAAAA,QAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA7B,wBAAoC,OAAAK,EAAAC,IAACC,SAAcC,OAAAC,OAAA,GAAAN,GAAOD,QAAQ,SAAS,GAOhGH,EAAgC,EAAGW,QAAOR,UAAU,UAAWD,WAAUU,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZd,GAAqBM,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG7B,iBAA0BqB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZnB,GAAqBM,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG3B,iBAA2BmB,EAAMS,YAAYC,OAAOC,eAItD,UAAZnB,GAAmBM,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAG1B,iBAAwBkB,EAAMS,YAAYC,OAAOC,eAInD,SAAZnB,GAAkBM,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfhB,GAAY,CACdiB,UAAW,GAAGzB,iBAAyBiB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZnB,GAAmBM,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCtB,GAAY,CACdiB,UAAW,GAAGxB,iBAA0BgB,EAAMS,YAAYC,OAAOC,eAIrD,SAAZnB,GAAkBM,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBtB,GAAY,CACdiB,UAAW,GAAGvB,iBAAyBe,EAAMS,YAAYC,OAAOC,eAIpD,UAAZnB,GACFM,OAAAC,OAAA,CAAAQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCf,GAAY,CACdiB,UAAW,GAAGtB,iBAA0Bc,EAAMS,YAAYC,OAAOC,eAIjEV,GACFH,OAAAC,OAAA,CAAAQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BV,GAAY,CACdiB,UAAW,GAAGrB,iBAA6Ba,EAAMS,YAAYC,OAAOC"}

package/cjs/utils/ResponsiveType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":[~~null~~],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,EAAOA,SAAC,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAe,UAAXH,EAAKG,UAAM,IAAAC,EAAAA,EAAAJ,EAAKE,GACpBG,GAA0B,QAAtBC,EAAW,QAAXC,EAAAP,EAAKK,UAAM,IAAAE,EAAAA,EAAAP,EAAKG,UAAM,IAAAG,EAAAA,EAAAN,EAAKE,GAC/BM,GAAqC,QAAjCC,UAAAC,EAAW,UAAXV,EAAKQ,UAAM,IAAAG,EAAAA,EAAAX,EAAKK,kBAAML,EAAKG,UAAM,IAAAM,EAAAA,EAAAT,EAAKE,GAC1CU,GAA4C,UAAP,QAAjCC,EAAsB,QAAtBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAM,IAAAM,EAAAA,EAAAd,EAAKK,UAAM,IAAAQ,EAAAA,EAAAb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,CASC,GACA,CAACA,GACN"}
1	+ {"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number \| string> =\n \| V\n \| {\n xl: V;\n lg?: V;\n md?: V;\n sm?: V;\n xs?: V;\n };\n\nexport function useResponsiveProp<V extends string \| number>(prop: ResponsiveType<V>) {\n return useMemo(() => {\n if (typeof prop === 'object') {\n return {\n xl: prop.xl,\n lg: prop.lg ?? prop.xl,\n md: prop.md ?? prop.lg ?? prop.xl,\n sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n };\n }\n if (prop === undefined) {\n return undefined;\n }\n return {\n xl: prop,\n lg: prop,\n md: prop,\n sm: prop,\n xs: prop,\n };\n }, [prop]);\n}\n"],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,EAAOA,SAAC,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAe,UAAXH,EAAKG,UAAM,IAAAC,EAAAA,EAAAJ,EAAKE,GACpBG,GAA0B,QAAtBC,EAAW,QAAXC,EAAAP,EAAKK,UAAM,IAAAE,EAAAA,EAAAP,EAAKG,UAAM,IAAAG,EAAAA,EAAAN,EAAKE,GAC/BM,GAAqC,QAAjCC,UAAAC,EAAW,UAAXV,EAAKQ,UAAM,IAAAG,EAAAA,EAAAX,EAAKK,kBAAML,EAAKG,UAAM,IAAAM,EAAAA,EAAAT,EAAKE,GAC1CU,GAA4C,UAAP,QAAjCC,EAAsB,QAAtBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAM,IAAAM,EAAAA,EAAAd,EAAKK,UAAM,IAAAQ,EAAAA,EAAAb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,CASC,GACA,CAACA,GACN"}

package/cjs/utils/enum.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"enum.js","sources":["../../../../src/utils/enum.tsx"],"sourcesContent":[~~null~~],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"aAAA,IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,EAlCAJ,QAAAA,qBAAAA,GAAAA,EAAAA,QAAeA,kBAAfA,wBAGX,CAAA,IAFC,MAAA,QACAA,EAAA,KAAA,OAGUC,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAGX,CAAA,IAFC,MAAA,QACAA,EAAA,MAAA,QAGUC,QAAAA,eAAAA,GAAAA,EAAAA,QAASA,YAATA,kBAgBX,CAAA,IAfC,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,MAGUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAWA,cAAXA,oBAKX,CAAA,IAJC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UAEUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAWA,cAAXA,oBAGX,CAAA,IAFC,UAAA,OACAA,EAAA,WAAA"}
1	+ {"version":3,"file":"enum.js","sources":["../../../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n LIGHT = 'light',\n DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n SMALL = 'small',\n LARGE = 'large',\n}\n\nexport enum Placement {\n AUTO_END = 'auto-end',\n AUTO_START = 'auto-start',\n AUTO = 'auto',\n BOTTOM_END = 'bottom-end',\n BOTTOM_START = 'bottom-start',\n BOTTOM = 'bottom',\n LEFT_END = 'left-end',\n LEFT_START = 'left-start',\n LEFT = 'left',\n RIGHT_END = 'right-end',\n RIGHT_START = 'right-start',\n RIGHT = 'right',\n TOP_END = 'top-end',\n TOP_START = 'top-start',\n TOP = 'top',\n}\n\nexport enum VariantType {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n DARK_MODE = 'dark',\n LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"aAAA,IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,EAlCAJ,QAAAA,qBAAAA,GAAAA,EAAAA,QAAeA,kBAAfA,wBAGX,CAAA,IAFC,MAAA,QACAA,EAAA,KAAA,OAGUC,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAGX,CAAA,IAFC,MAAA,QACAA,EAAA,MAAA,QAGUC,QAAAA,eAAAA,GAAAA,EAAAA,QAASA,YAATA,kBAgBX,CAAA,IAfC,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,MAGUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAWA,cAAXA,oBAKX,CAAA,IAJC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UAEUC,QAAAA,iBAAAA,GAAAA,EAAAA,QAAWA,cAAXA,oBAGX,CAAA,IAFC,UAAA,OACAA,EAAA,WAAA"}

package/cjs/utils/formatFileSize/formatFileSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formatFileSize.js","sources":["../../../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":[~~null~~],"names":["bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"oCAUM,SAAyBA,EAAeC,EAAa,EAAGC,GAAc,GAC1E,MAAMC,EAASD,EAAK,IAAO,KAE3B,GAAIE,KAAKC,IAAIL,GAASG,EACpB,OAAOH,EAAQ,KAGjB,MAAMM,EAAQJ,EACV,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACtD,IAAIK,GAAM,EACV,MAAMC,EAAI,IAAMP,EAEhB,GACED,GAASG,IACPI,QACKH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAE7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EACzC"}
1	+ {"version":3,"file":"formatFileSize.js","sources":["../../../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":["/*\n Format bytes as human-readable text.\n * NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function\n \n @param bytes Size in bytes\n * @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)\n * @param dp Number of decimal places to display.\n \n @return Formatted string.\n /\nexport function formatFileSize(bytes: number, dp: number = 1, si: boolean = false) {\n const thresh = si ? 1000 : 1024;\n\n if (Math.abs(bytes) < thresh) {\n return bytes + ' B';\n }\n\n const units = si\n ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n let u = -1;\n const r = 10 * dp;\n\n do {\n bytes /= thresh;\n ++u;\n } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n\n return bytes.toFixed(dp) + ' ' + units[u];\n}\n"],"names":["bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"oCAUM,SAAyBA,EAAeC,EAAa,EAAGC,GAAc,GAC1E,MAAMC,EAASD,EAAK,IAAO,KAE3B,GAAIE,KAAKC,IAAIL,GAASG,EACpB,OAAOH,EAAQ,KAGjB,MAAMM,EAAQJ,EACV,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACtD,IAAIK,GAAM,EACV,MAAMC,EAAI,IAAMP,EAEhB,GACED,GAASG,IACPI,QACKH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAE7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EACzC"}

package/cjs/utils/useClosure/useClosure.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":[~~null~~],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,EAAWA,aAAC,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,aAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,EAAAA,aAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}
1	+ {"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n const onOpen = useCallback(() => setOpen(true), [setOpen]);\n const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n return {\n isOpen,\n setOpen,\n onToggle,\n onOpen,\n onClose,\n };\n};\n"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,EAAWA,aAAC,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,aAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,EAAAA,aAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}

package/cjs/utils/useDebounce/useDebounce.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDebounce.js","sources":["../../../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":[null],"names":["value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"2GAWwB,SACtBA,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAAAA,SAASN,GAC/CO,EAAUC,EAAMA,OAAwB,MAkB9C,OAhBAC,EAAAA,WAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,YAAW,KAC3BN,EAAkBL,EAAM,GACvBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,YAGxB,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}
1	+ {"version":3,"file":"useDebounce.js","sources":["../../../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/*\n Returns value after a specified time period has passed without any further changes\n \n @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n value: T,\n delay: number,\n options: { instantClear: boolean } = { instantClear: false },\n): T {\n const [debouncedValue, setDebouncedValue] = useState(value);\n const timeout = useRef<NodeJS.Timeout \| null>(null);\n\n useEffect(() => {\n if (!value && options.instantClear) {\n setDebouncedValue(value);\n } else {\n timeout.current = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n }\n\n return () => {\n if (timeout.current) {\n clearTimeout(timeout.current);\n }\n };\n }, [value, delay, options.instantClear]);\n\n return debouncedValue;\n}\n"],"names":["value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"2GAWwB,SACtBA,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAAAA,SAASN,GAC/CO,EAAUC,EAAMA,OAAwB,MAkB9C,OAhBAC,EAAAA,WAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,YAAW,KAC3BN,EAAkBL,EAAM,GACvBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,YAGxB,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}

package/cjs/utils/useElementScrollable/useElementScrollable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementScrollable.js","sources":["../../../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":[null],"names":["axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"iEAUgB,SAAqBA,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,EAAAA,UAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,eAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,eAEhB,IAGL"}
1	+ {"version":3,"file":"useElementScrollable.js","sources":["../../../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n Monitors an element for scroll.\n \n @param axis - horizontal/vertical scroll to monitor @default y\n * @returns The hook returns an object containing:\n * - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n * - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' \| 'y' = 'y') {\n const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n // monitor overflow while resizing\n const elementRef = useCallback((element: HTMLElement) => {\n const resizeObserver = new ResizeObserver(() => {\n setIsScrollable(\n axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n );\n });\n\n if (element !== null) {\n resizeObserver.observe(element);\n } else {\n resizeObserver.disconnect();\n }\n }, []);\n\n return { isScrollable, elementRef };\n}\n"],"names":["axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"iEAUgB,SAAqBA,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,EAAAA,UAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,eAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,eAEhB,IAGL"}

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":[~~null~~],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GASwB,SACtBA,EACAC,EAAuB,IAEvBC,EAAAA,WAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,MAEF,EAKJ,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,EAAY,CACnD,GACA,IAAIF,GACT"}
1	+ {"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/*\n Monitor press of the key on the keyboard and do action assigned to it\n \n @param {object} keys_and_actions - object containing keys and assigned actions to them,\n * e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n keys_and_actions: { [key: string]: () => void },\n deps: DependencyList = [],\n) {\n useEffect(() => {\n const downHandler = (e: KeyboardEvent): void => {\n // iterate through all keys and assigned actions\n Object.entries(keys_and_actions).forEach(([key, action]) => {\n // if key is pressed, trigger action\n if (e.key === key && action) {\n action();\n }\n });\n };\n\n window.addEventListener('keydown', downHandler);\n // cleanup\n return () => {\n window.removeEventListener('keydown', downHandler);\n };\n }, [...deps]);\n}\n"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GASwB,SACtBA,EACAC,EAAuB,IAEvBC,EAAAA,WAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,MAEF,EAKJ,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,EAAY,CACnD,GACA,IAAIF,GACT"}

package/cjs/utils/utilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utilities.js","sources":["../../../../src/utils/utilities.ts"],"sourcesContent":[null],"names":["handleMaxChars","text","maxChar","length","substring","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","property","returnProps","props","value","trueValue","falseValue"],"mappings":"oCAyCA,SAASA,EAAeC,EAAcC,GACpC,OAAOD,EAAKE,OAASD,EAAU,GAAGD,EAAKG,UAAU,EAAGF,QAAgBD,CACtE,uDAnCA,SAA8BA,EAAcC,GAE1C,GADeG,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAOR,GAAO,CAChB,MACMS,GADS,IAAIC,WACQC,gBAAgBX,EAAM,aAAaY,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBf,KAEtB,MAAMgB,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcpB,EAAekB,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYjB,SAC/DY,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYW,WAAWF,KAAK,GAAGE,YAElCC,EAAAA,cAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQd,EAAYe,UAAUC,cAKpC,OAAO1B,EAAeC,EAAMC,EAC9B,0CAkBA,SAAyCyB,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,2CAvBA,SAA0CD,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,2BAegC,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}
1	+ {"version":3,"file":"utilities.js","sources":["../../../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/*\n This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element \| string {\n const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n if (isHtml(text)) {\n const parser = new DOMParser();\n const docChildren = parser.parseFromString(text, 'text/html').body;\n const editNodes = (\n nodeList: NodeListOf<ChildNode>,\n idx = 0,\n remainingCharacters = maxChar,\n ): NodeListOf<ChildNode> => {\n const node = nodeList.item(idx);\n if (node !== null) {\n if (remainingCharacters <= 0) {\n return nodeList;\n }\n node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n } else return nodeList;\n };\n\n editNodes(docChildren.childNodes.item(0).childNodes);\n\n return createElement('div', {\n dangerouslySetInnerHTML: {\n __html: docChildren.innerHTML.toString(),\n },\n });\n }\n\n return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n if (props === value) {\n return trueValue as string;\n } else {\n return falseValue as string;\n }\n};\n"],"names":["handleMaxChars","text","maxChar","length","substring","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","property","returnProps","props","value","trueValue","falseValue"],"mappings":"oCAyCA,SAASA,EAAeC,EAAcC,GACpC,OAAOD,EAAKE,OAASD,EAAU,GAAGD,EAAKG,UAAU,EAAGF,QAAgBD,CACtE,uDAnCA,SAA8BA,EAAcC,GAE1C,GADeG,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAOR,GAAO,CAChB,MACMS,GADS,IAAIC,WACQC,gBAAgBX,EAAM,aAAaY,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBf,KAEtB,MAAMgB,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcpB,EAAekB,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYjB,SAC/DY,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYW,WAAWF,KAAK,GAAGE,YAElCC,EAAAA,cAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQd,EAAYe,UAAUC,cAKpC,OAAO1B,EAAeC,EAAMC,EAC9B,0CAkBA,SAAyCyB,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,2CAvBA,SAA0CD,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,2BAegC,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}

package/components/accordion/accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":[~~null~~],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iQA0Fa,MAAAA,EAAYC,GACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAEDP,EADIQ,EAAKC,EAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,GAAkC,GAEhEC,GAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAE,EACtB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,kBAGvCR,GAAY,IAAMG,QArBM,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,QAYtD,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,GAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAM,CAAAH,CAACA,GAAQE,MAHjBA,GAAaF,KAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAACC,EAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YACrD8B,SAAAjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAA,EAAAA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,EAACC,EACCP,OAAAC,OAAA,CAAAd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GACX,cAAA,kBACRnB,EAEJ,CAAA2B,SAAA,CAAAF,EAACO,EAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YACK,cAAA,oBAEXQ,SAAAb,EAAKmB,QAERR,EAACS,EAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAcQ,MAGf"}
1	+ {"version":3,"file":"accordion.js","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { Accordion as MuiAccordion, AccordionDetails, AccordionSummary, Box, SxProps, Theme } from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions/transition';\nimport {\n HTMLAttributes,\n JSXElementConstructor,\n ReactElement,\n ReactNode,\n forwardRef,\n useCallback,\n useEffect,\n useState,\n} from 'react';\n\n/*\n @interface AccordionItem\n * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.\n * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.\n * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.\n * The property id is also the key of the every accordion component.\n /\nexport interface AccordionItem {\n id?: string;\n title: string;\n content: string \| ReactNode;\n isDefaultExpanded?: boolean;\n}\n\n/\n @interface AccordionProps\n * @description Base definition of SkodaFlow Accordion component independent on core implementation.\n * Properties are inherited from HTML Div element\n /\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /\n The content of the component.\n /\n items: Array<AccordionItem>;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n Callback fired when the expand/collapse state is changed.\n /\n onChange?: (panel: string, value: boolean) => void;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.\n * @deprecated has no effect\n /\n previewContent?: boolean;\n /\n The component used for the transition.\n * @deprecated has no effect\n /\n TransitionComponent?: JSXElementConstructor<\n TransitionProps & {\n children?: ReactElement<any, any>;\n }\n >;\n /\n Props applied to the transition element.\n /\n TransitionProps?: object;\n /\n If true, the transition is disabled.\n * @deprecated has no effect\n /\n disableAnimation?: boolean;\n /\n The props provided to the top level container element.\n /\n accordionContainerProps?: object;\n /\n If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.\n * @deprecated has no effect\n /\n accordionPanelMaxHeight?: string;\n /\n If true, more than 1 accordion panels can be opened simultaneously.\n /\n allowMultipleExpand?: boolean;\n}\n\n/\n @deprecated Use Accordion component from @mui/material\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n (\n {\n items,\n onChange,\n disableAnimation,\n accordionContainerProps,\n accordionPanelMaxHeight,\n allowMultipleExpand,\n ...props\n },\n ref,\n ) => {\n const [expand, setExpanded] = useState<string \| false \| object>(false);\n\n useEffect(() => {\n if (!allowMultipleExpand) {\n let id: number;\n const firstDefaultExpandedItem = items.find((item, index) => {\n if (item.isDefaultExpanded) {\n id = index;\n return item;\n }\n return undefined;\n });\n\n if (firstDefaultExpandedItem) {\n setExpanded(firstDefaultExpandedItem.id \|\| `panel${id}`);\n }\n } else {\n const expandItems = {};\n for (let index = 0; index < items.length; index++) {\n const itemId = items[index].id \|\| `panel${index}`;\n\n expandItems[itemId] = !!items[index].isDefaultExpanded;\n }\n\n setExpanded(() => expandItems);\n }\n }, [allowMultipleExpand, JSON.stringify(items)]);\n\n const handleChange = useCallback(\n (panel: string) => (_, isExpanded: boolean) => {\n onChange && onChange(panel, isExpanded);\n\n if (!allowMultipleExpand) {\n setExpanded(isExpanded ? panel : false);\n } else {\n setExpanded((curr: object) => {\n return { ...curr, [panel]: isExpanded };\n });\n }\n },\n [allowMultipleExpand, onChange],\n );\n\n return (\n <Box ref={ref} {...accordionContainerProps} data-testid=\"Accordion\">\n {items.map((item, index) => {\n const panel = (item?.id && `${item.id}`) \|\| `panel${index}`;\n const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n\n return (\n <MuiAccordion\n id={panel}\n key={panel}\n expanded={isExpanded}\n onChange={handleChange(panel)}\n data-testid=\"Accordion.item\"\n {...props}\n >\n <AccordionSummary\n aria-controls={`${panel}d-content`}\n id={`${panel}d-header`}\n data-testid=\"Accordion.summary\"\n >\n {item.title}\n </AccordionSummary>\n <AccordionDetails data-testid=\"Accordion.content\">{item.content}</AccordionDetails>\n </MuiAccordion>\n );\n })}\n </Box>\n );\n },\n);\n"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iQA0Fa,MAAAA,EAAYC,GACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAEDP,EADIQ,EAAKC,EAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,GAAkC,GAEhEC,GAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAE,EACtB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,kBAGvCR,GAAY,IAAMG,QArBM,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,QAYtD,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,GAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAM,CAAAH,CAACA,GAAQE,MAHjBA,GAAaF,KAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAACC,EAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YACrD8B,SAAAjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAA,EAAAA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,EAACC,EACCP,OAAAC,OAAA,CAAAd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GACX,cAAA,kBACRnB,EAEJ,CAAA2B,SAAA,CAAAF,EAACO,EAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YACK,cAAA,oBAEXQ,SAAAb,EAAKmB,QAERR,EAACS,EAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAcQ,MAGf"}

package/components/alert/Alert.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":[~~null~~],"names":["Alert","_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"2HAyBa,MAAAA,EAA+BC,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAgBN,EAANO,EAAIC,EAAAR,EAArD,qDAC1C,MAAMS,EAAQC,IAEd,OACEC,EAACC,EAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAE,GAAC,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE,GACJ"}
1	+ {"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, useTheme } from '@mui/material';\n\nexport interface AlertProps extends MuiAlertProps {\n /*\n @deprecated use severity property instead\n /\n type?: 'success' \| 'warning' \| 'error';\n /\n @deprecated use action property instead\n /\n actions?: React.ReactNode;\n /\n @deprecated direction is taken from the theme\n /\n direction?: 'rtl' \| 'ltr';\n /\n @deprecated use `sx={{ width: '100%' }}` instead\n /\n width?: string;\n}\n\n/\n @mui Alert that contains props parser for the previous implementation\n */\nexport const Alert: React.FC<AlertProps> = ({ type, actions, severity, action, sx, width, ...rest }) => {\n const theme = useTheme();\n\n return (\n <MuiAlert\n severity={severity \|\| type}\n action={actions \|\| action}\n sx={{\n ...(width ? { width: width } : {}),\n // support for previous children that used typography\n '& .MuiTypography-body1': {\n ...theme.typography.disclaimer1,\n },\n '& .MuiTypography-caption1': {\n // change to AlertTitle font\n ...theme.typography.caption2,\n },\n ...sx,\n }}\n data-testid=\"Alert\"\n {...rest}\n />\n );\n};\n"],"names":["Alert","_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"2HAyBa,MAAAA,EAA+BC,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAgBN,EAANO,EAAIC,EAAAR,EAArD,qDAC1C,MAAMS,EAAQC,IAEd,OACEC,EAACC,EAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAE,GAAC,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE,GACJ"}

package/components/alert/AlertButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":[~~null~~],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQa,MAAAA,EAA0CC,GAAW,CAACC,EAAOC,IACjEC,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK"}
1	+ {"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'variant' \| 'color' \| 'size'> {}\n\n/*\n AlertButton is a proxy component to <Button variant=\"text\" color=\"white\" size=\"small\" />\n */\nexport const AlertButton: React.FC<AlertButtonProps> = forwardRef((props, ref) => {\n return <Button {...props} ref={ref} variant=\"text\" color=\"white\" size=\"small\" />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQa,MAAAA,EAA0CC,GAAW,CAACC,EAAOC,IACjEC,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK"}

package/components/backdrop/backdrop.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material';
+import { SxProps, Theme } from '@mui/material';
 export interface BackdropProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  If true, the component is shown. Default value false

package/components/backdrop/backdrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":[null],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","theme","backgroundColor","palette","transparent","backdrop","backdropFilter"],"mappings":"~~wNA+Ca~~,MAAAA,EAAWC,GAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAW/D,OAJAC,GAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,EAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,EAAM,EAavBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,UACQ,IAIfN,EAAiBO,EAAOC,EAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAgBrB,EAC3E,OADyEK,EAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb,IAAI"}
1	+ {"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useEffect } from 'react';\nimport useBackdrop from '../../components/common/hook/backdrop';\nimport { SxProps, styled, Theme, Backdrop as MuiBackdrop } from '@mui/material';\n\nexport interface BackdropProps extends HTMLAttributes<HTMLDivElement> {\n /*\n If true, the component is shown. Default value false\n /\n open: boolean;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n The component used for the root node. Either a string to use a HTML element or a component.\n /\n component?: string \| ReactNode;\n /\n The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.\n /\n components?: object;\n /\n The props used for each slot inside the Backdrop.\n /\n componentsProps?: object;\n /\n If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false\n /\n invisible?: boolean;\n /\n The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.\n /\n sx?: SxProps<Theme>;\n /\n The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.\n /\n transitionDuration?: number \| object;\n /*\n Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.\n /\n onClose?: (isOpen: boolean) => void;\n}\n\n/\n @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef<HTMLDivElement, BackdropProps>(({ open, onClose, ...props }, ref) => {\n const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n\n const handleClose = () => {\n handleCloseBackdrop();\n onClose && onClose(false);\n };\n\n useEffect(() => {\n setOpenBackdrop(open);\n }, [open, setOpenBackdrop]);\n\n return (\n <BackdropStyled\n ref={ref}\n classes={props.classes}\n open={openBackdrop}\n onClick={handleClose}\n invisible={props.invisible}\n sx={props.sx}\n transitionDuration={props.transitionDuration}\n >\n {props.children}\n </BackdropStyled>\n );\n});\n\nconst BackdropStyled = styled(MuiBackdrop)<BackdropProps>(({ theme, ...args }) => {\n if (args.invisible)\n return {\n backgroundColor: theme.palette.transparent.backdrop,\n backdropFilter: 'blur(0px)',\n };\n\n return null;\n});\n"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","theme","backgroundColor","palette","transparent","backdrop","backdropFilter"],"mappings":"wNA8Ca,MAAAA,EAAWC,GAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAW/D,OAJAC,GAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,EAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,EAAM,EAavBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,UACQ,IAIfN,EAAiBO,EAAOC,EAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAgBrB,EAC3E,OADyEK,EAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb,IAAI"}

package/components/banner/banner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{CircleExclamationFilledIcon as n}from"../icon/filled/CircleExclamationFilledIcon.js";import{CircleInformationFilledIcon as i}from"../icon/filled/CircleInformationFilledIcon.js";import{WarningFilledIcon as s}from"../icon/filled/WarningFilledIcon.js";import{useTheme as o,Box as a,Typography as l}from"@mui/material";import{forwardRef as c,useMemo as p}from"react";import{getFocusRingStyle as x}from"../focusring/focusring.js";const f=c(((c,f)=>{var{children:m,variant:d="info",size:g="large",sx:b,iconProps:u,IconComponent:j,typographyProps:h,wrapperProps:w,buttons:y,buttonsWrapperProps:C,onClick:O}=c,I=e(c,["children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick"]);const P=o(),v=u||{},{sx:k}=v,B=e(v,["sx"]),S=h||{},{sx:z}=S,F=e(S,["sx"]),W=w||{},{sx:G}=W,A=e(W,["sx"]),D=C||{},{sx:E}=D,H=e(D,["sx"]),[L,q,J]=p((()=>{switch(d){case"error":return["error.main","error.light",s];case"warning":return["warning.main","warning.light",n];default:return["info.main","info.light",i]}}),[d]),K=j||J;return r(a,Object.assign({"data-testid":"Banner",role:"alert","aria-atomic":"true","aria-live":"assertive",onClick:O,sx:Object.assign(Object.assign({display:"flex",width:"100%",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===g?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:L,backgroundColor:q,textAlign:"left"},O&&Object.assign({position:"relative",cursor:"pointer"},x(P,!0,"2px"))),b),ref:f},I,{children:[r(a,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},G)},A,{children:[t(K,Object.assign({"data-testid":"Banner.icon",sx:Object.assign({color:L},k)},B)),t(l,Object.assign({"data-testid":"Banner.text",sx:Object.assign({color:"onSurface.os900",flexGrow:"1",fontSize:{xl:"16px"},lineHeight:{xl:"24px"}},z)},F,{children:m}))]})),y&&t(a,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0},alignSelf:"flex-end"},E)},H,{children:y}))]}))}));export{f as Banner};
+import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{CircleExclamationFilledIcon as n}from"../icon/filled/CircleExclamationFilledIcon.js";import{CircleInformationFilledIcon as i}from"../icon/filled/CircleInformationFilledIcon.js";import{WarningFilledIcon as s}from"../icon/filled/WarningFilledIcon.js";import{useTheme as o,Box as a,Typography as l}from"@mui/material";import{forwardRef as c,useMemo as p}from"react";import{getFocusRingStyle as x}from"../focusring/focusring.js";const m=c(((c,m)=>{var{children:f,variant:d="info",size:g="large",sx:b,iconProps:u,IconComponent:j,typographyProps:h,wrapperProps:w,buttons:y,buttonsWrapperProps:C,onClick:O}=c,I=e(c,["children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick"]);const P=o(),k=u||{},{sx:v}=k,B=e(k,["sx"]),S=h||{},{sx:z}=S,F=e(S,["sx"]),W=w||{},{sx:G}=W,A=e(W,["sx"]),D=C||{},{sx:E}=D,H=e(D,["sx"]),[L,q,J]=p((()=>{switch(d){case"error":return["error.main","error.light",s];case"warning":return["warning.main","warning.light",n];default:return["info.main","info.light",i]}}),[d]),K=j||J;return r(a,Object.assign({"data-testid":"Banner",role:"alert","aria-atomic":"true","aria-live":"assertive",onClick:O,sx:Object.assign(Object.assign({display:"flex",width:"100%",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===g?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:L,backgroundColor:"dark"===P.palette.mode?"onSurface.os900":q,textAlign:"left"},O&&Object.assign({position:"relative",cursor:"pointer"},x(P,!0,"2px"))),b),ref:m},I,{children:[r(a,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},G)},A,{children:[t(K,Object.assign({"data-testid":"Banner.icon",sx:Object.assign({color:L},v)},B)),t(l,Object.assign({"data-testid":"Banner.text",sx:Object.assign({color:"text.primary",flexGrow:"1",fontSize:{xl:"16px"},lineHeight:{xl:"24px"}},z)},F,{children:f}))]})),y&&t(a,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0},alignSelf:"flex-end"},E)},H,{children:y}))]}))}));export{m as Banner};
 //# sourceMappingURL=banner.js.map

package/components/banner/banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":[~~null~~],"names":["Banner","forwardRef","_a","ref","children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick","rest","__rest","theme","useTheme","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","borderColor","backgroundColor","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","BannerIcon","_jsxs","Box","Object","assign","role","display","width","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","textAlign","position","cursor","getFocusRingStyle","flexGrow","_jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"igBA+Ca,MAAAA,EAAgCC,GAC3C,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,EAAmBC,QACnBA,GAEDZ,EADIa,EAAIC,EAAAd,EAZT,2IAgBA,MAAMe,EAAQC,IACRC,EAA8BX,GAAa,IAAzCD,GAAIa,KAAWC,EAAjBL,EAAAG,EAAA,CAAA,OACAG,EAA0CZ,GAAmB,IAA3DH,GAAIgB,KAAiBC,EAAvBR,EAAAM,EAAA,CAAA,OACAG,EAAoCd,GAAgB,IAAlDJ,GAAImB,KAAcC,EAApBX,EAAAS,EAAA,CAAA,OACAG,EAAkDf,GAAuB,IAAvEN,GAAIsB,KAAqBC,EAA3Bd,EAAAY,EAAA,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,GAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,GACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,GAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,MAEtC,CAAChC,IACEiC,EAAa7B,GAAiBwB,EAEpC,OACEM,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,SACZC,KAAK,QACO,cAAA,OACF,YAAA,YACV7B,QAASA,EACTP,GAAEkC,OAAAC,OAAAD,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OAEPC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT9C,EAAmB,EAAI,CAAEyC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZvB,YAAaA,EACbC,~~gBAAiBA~~,~~EACjBuB~~,UAAW,~~QAEPzC~~,GAAO2B,OAAAC,OAAA,~~CACTc~~,SAAU,WACVC,OAAQ,WAELC,~~EAAkBzC~~,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAACC,~~EAAGC~~,OAAAC,OAAA,CAAA,~~cACU~~,iBACZnC,GAAEkC,OAAAC,OAAA,~~CAEAiB~~,SAAU,~~IACVf~~,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAEJ,CAAAvB,SAAA,~~CAAAwD~~,~~EAACtB~~,EACaG,OAAAC,OAAA,CAAA,cAAA,cACZnC,GACEkC,OAAAC,OAAA,~~CAAAmB~~,~~MAAO9B~~,GACJX,IAEDC,~~IAENuC~~,EAACE,~~EAAUrB~~,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,~~CACAmB~~,MAAO,~~kBACPF~~,SAAU,IAEVI,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,~~SACfzC~~,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,~~GACCgD~~,~~EAACpB~~,EAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GACEkC,OAAAC,OAAA,CAAAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,~~EAELa~~,WAAY,IAEZC,GAAI,~~CAAEpB~~,GAAI,EAAGC,GAAI,~~GAEjBoB~~,UAAW,~~YACRvC~~,IAEDC,EAEH,CAAA1B,SAAAQ,QAGD"}
1	+ {"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps, useTheme } from '@mui/material';\nimport React, { ElementType, forwardRef, ReactNode, useMemo } from 'react';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BannerProps extends BoxProps<ElementType> {\n /*\n Defines which variant of Banner component should be rendered\n * @default info\n /\n variant?: 'info' \| 'warning' \| 'error';\n /\n Set the proportions\n * @default large\n /\n size?: 'large' \| 'small';\n /\n Properties passed to indicator icon\n /\n iconProps?: SvgIconProps;\n /\n Icon node to be used\n /\n IconComponent?: ElementType<SvgIconProps>;\n /\n Properties passed to wrapper of children\n /\n typographyProps?: TypographyProps;\n /\n Properties applied to wrapper of content (Icon and Typography)\n /\n wrapperProps?: BoxProps<ElementType>;\n /\n ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment\n /\n buttons?: ReactNode;\n /\n Properties applied to wrapper element of buttons\n /\n buttonsWrapperProps?: BoxProps<ElementType>;\n}\n\n/\n Alert notification banner\n */\nexport const Banner: React.FC<BannerProps> = forwardRef(\n (\n {\n children,\n variant = 'info',\n size = 'large',\n sx,\n iconProps,\n IconComponent,\n typographyProps,\n wrapperProps,\n buttons,\n buttonsWrapperProps,\n onClick,\n ...rest\n },\n ref,\n ) => {\n const theme = useTheme();\n const { sx: iconSx, ...restIcon } = iconProps \|\| {};\n const { sx: typographySx, ...restTypography } = typographyProps \|\| {};\n const { sx: wrapperSx, ...restWrapper } = wrapperProps \|\| {};\n const { sx: buttonsWrapperSx, ...restButtonsWrapper } = buttonsWrapperProps \|\| {};\n\n const [borderColor, backgroundColor, IconVariantComponent] = useMemo(() => {\n switch (variant) {\n case 'error':\n return ['error.main', 'error.light', WarningFilledIcon];\n case 'warning':\n return ['warning.main', 'warning.light', CircleExclamationFilledIcon];\n case 'info':\n default:\n return ['info.main', 'info.light', CircleInformationFilledIcon];\n }\n }, [variant]);\n const BannerIcon = IconComponent \|\| IconVariantComponent;\n\n return (\n <Box\n data-testid=\"Banner\"\n role=\"alert\"\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n onClick={onClick}\n sx={{\n display: 'flex',\n width: '100%',\n // on mobile content and button bellow each other\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'flex-start', md: 'center' },\n justifyContent: 'space-between',\n // proportions\n px: 2,\n py: size === 'small' ? 1 : { xs: 2, md: 1 },\n gap: 1,\n // style\n borderLeft: 6,\n borderColor: borderColor,\n backgroundColor: theme.palette.mode === 'dark' ? 'onSurface.os900' : backgroundColor,\n textAlign: 'left',\n // clickable style\n ...(onClick && {\n position: 'relative',\n cursor: 'pointer',\n // focused style\n ...getFocusRingStyle(theme, true, '2px'),\n }),\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Box\n data-testid=\"Banner.wrapper\"\n sx={{\n // align icon and content\n flexGrow: '1',\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n gap: 1,\n py: 0.5,\n ...wrapperSx,\n }}\n {...restWrapper}\n >\n <BannerIcon\n data-testid=\"Banner.icon\"\n sx={{\n color: borderColor,\n ...iconSx,\n }}\n {...restIcon}\n />\n <Typography\n data-testid=\"Banner.text\"\n sx={{\n color: 'text.primary',\n flexGrow: '1',\n // custom font according to Figma\n fontSize: { xl: '16px' },\n lineHeight: { xl: '24px' },\n ...typographySx,\n }}\n {...restTypography}\n >\n {children}\n </Typography>\n </Box>\n {buttons && (\n <Box\n data-testid=\"Banner.buttons\"\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n gap: 1,\n // always show buttons next to each other\n flexShrink: '0',\n // on mobile align with text\n ml: { xs: 4, md: 0 },\n // on mobile move to the right side\n alignSelf: 'flex-end',\n ...buttonsWrapperSx,\n }}\n {...restButtonsWrapper}\n >\n {buttons}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["Banner","forwardRef","_a","ref","children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick","rest","__rest","theme","useTheme","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","borderColor","backgroundColor","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","BannerIcon","_jsxs","Box","Object","assign","role","display","width","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","palette","mode","textAlign","position","cursor","getFocusRingStyle","flexGrow","_jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"igBA+Ca,MAAAA,EAAgCC,GAC3C,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,EAAmBC,QACnBA,GAEDZ,EADIa,EAAIC,EAAAd,EAZT,2IAgBA,MAAMe,EAAQC,IACRC,EAA8BX,GAAa,IAAzCD,GAAIa,KAAWC,EAAjBL,EAAAG,EAAA,CAAA,OACAG,EAA0CZ,GAAmB,IAA3DH,GAAIgB,KAAiBC,EAAvBR,EAAAM,EAAA,CAAA,OACAG,EAAoCd,GAAgB,IAAlDJ,GAAImB,KAAcC,EAApBX,EAAAS,EAAA,CAAA,OACAG,EAAkDf,GAAuB,IAAvEN,GAAIsB,KAAqBC,EAA3Bd,EAAAY,EAAA,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,GAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,GACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,GAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,MAEtC,CAAChC,IACEiC,EAAa7B,GAAiBwB,EAEpC,OACEM,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,SACZC,KAAK,QACO,cAAA,OACF,YAAA,YACV7B,QAASA,EACTP,GAAEkC,OAAAC,OAAAD,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OAEPC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT9C,EAAmB,EAAI,CAAEyC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZvB,YAAaA,EACbC,gBAAwC,SAAvBf,EAAMsC,QAAQC,KAAkB,kBAAoBxB,EACrEyB,UAAW,QAEP3C,GAAO2B,OAAAC,OAAA,CACTgB,SAAU,WACVC,OAAQ,WAELC,EAAkB3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAmB,SAAU,IACVjB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAEJ,CAAAvB,SAAA,CAAA0D,EAACxB,EACaG,OAAAC,OAAA,CAAA,cAAA,cACZnC,GACEkC,OAAAC,OAAA,CAAAqB,MAAOhC,GACJX,IAEDC,IAENyC,EAACE,EAAUvB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAO,eACPF,SAAU,IAEVI,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf3C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCkD,EAACtB,EAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GACEkC,OAAAC,OAAA,CAAAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELe,WAAY,IAEZC,GAAI,CAAEtB,GAAI,EAAGC,GAAI,GAEjBsB,UAAW,YACRzC,IAEDC,EAEH,CAAA1B,SAAAQ,QAGD"}

package/components/bottomSheet/bottomSheet.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React, { ElementType } from 'react';
 import { BoxProps, IconButtonProps, SwipeableDrawerProps, TypographyProps, SvgIconProps } from '@mui/material';
-export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen'> {
+export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {
     /**
      * Open state component flag
      */
@@ -36,7 +36,7 @@ export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' |
     /**
      * Text in header
      */
-    title?: string;
+    title?: React.ReactNode;
     /**
      * Text props
      */
@@ -50,6 +50,10 @@ export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' |
      * Wrapper of header
      */
     headerWrapper?: BoxProps<ElementType>;
+    /**
+     * Wrapper of title and close button
+     */
+    titleWrapper?: BoxProps<ElementType>;
     /**
      * Wrapper of content
      */

package/components/bottomSheet/bottomSheet.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{useTheme as s,SwipeableDrawer as n,Box as i,Typography as a,IconButton as l}from"@mui/material";import{CloseIcon as p}from"../icon/stroke/CloseIcon.js";import{useElementScrollable as c}from"../../utils/useElementScrollable/useElementScrollable.js";const d=r(((r,d)=>{var{children:m,open:x,setOpen:b,puller:h,closeButton:u,closeButtonProps:f,closeButtonIconProps:g,CloseButtonIconComponent:j,footerSlot:B,title:S,titleProps:O={},headerWrapper:C,contentWrapper:P,footerWrapper:w,maxHeight:y=60}=r,I=e(r,["children","open","setOpen","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight"]);const W=C||{},{sx:R}=W,k=e(W,["sx"]),v=P||{},{sx:T}=v,H=e(v,["sx"]),z=w||{},{sx:E}=z,M=e(z,["sx"]),D=g||{},{sx:L}=D,$=e(D,["sx"]),q=s(),A=j||p,{isScrollable:F,elementRef:G}=c("y");return t(n,Object.assign({dir:q.direction,anchor:"bottom",PaperProps:{sx:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${y}%`}},open:x,onClose:()=>b(!1),onOpen:()=>b(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",ref:d},I,{children:[(S||u||h)&&t(i,Object.assign({sx:Object.assign({px:2},R),"data-testid":"BottomSheet-header"},k,{children:[h&&o(i,{sx:{position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:o(i,{"data-testid":"BottomSheet-puller",sx:{width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1.5,mb:2.25,borderRadius:8}})}),(S||u&&!h)&&t(i,{sx:{display:"flex",justifyContent:S?"space-between":"flex-end",gap:1,pb:2,pt:h?0:2},children:[S&&o(a,Object.assign({"data-testid":"BottomSheet-title",variant:"h4"},O,{children:S})),u&&!h&&o(l,Object.assign({"data-testid":"BottomSheet-closeButton",size:"medium",onClick:()=>b(!1),"aria-label":"Close bottom sheet"},f,{children:o(A,Object.assign({color:"action",sx:Object.assign({fontSize:"18px"},L)},$))}))]})]})),o(i,Object.assign({"data-testid":"BottomSheet-content",ref:G,sx:Object.assign({overflow:"auto",borderTop:F?1:0,borderColor:"surface.secondary",p:2},T)},H,{children:m})),B&&o(i,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4,boxShadow:B?"0px 0px 8px rgba(0, 0, 0, 0.15)":"none"},E)},M,{children:B}))]}))}));export{d as BottomSheet};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{forwardRef as s}from"react";import{useTheme as r,SwipeableDrawer as n,Box as i,Typography as a,IconButton as l}from"@mui/material";import{CloseIcon as p}from"../icon/stroke/CloseIcon.js";import{useElementScrollable as c}from"../../utils/useElementScrollable/useElementScrollable.js";const d=s(((s,d)=>{var m,{children:x,open:b,setOpen:h,slotProps:u,puller:g,closeButton:f,closeButtonProps:j,closeButtonIconProps:O,CloseButtonIconComponent:B,footerSlot:S,title:C,titleProps:P={},headerWrapper:v,titleWrapper:W,contentWrapper:w,footerWrapper:y,maxHeight:I=60}=s,R=e(s,["children","open","setOpen","slotProps","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight"]);const k=v||{},{sx:T}=k,H=e(k,["sx"]),E=W||{},{sx:M}=E,z=e(E,["sx"]),D=P||{},{sx:L}=D,$=e(D,["sx"]),q=j||{},{sx:A}=q,F=e(q,["sx"]),G=w||{},{sx:J}=G,K=e(G,["sx"]),N=y||{},{sx:Q}=N,U=e(N,["sx"]),V=r(),X=B||p,{isScrollable:Y,elementRef:Z}=c("y");return t(n,Object.assign({dir:V.direction,anchor:"bottom",open:b,onClose:()=>h(!1),onOpen:()=>h(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",slotProps:Object.assign(Object.assign({},u),{paper:Object.assign(Object.assign({},null==u?void 0:u.paper),{sx:Object.assign({boxShadow:"none",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${I}%`},null===(m=null==u?void 0:u.paper)||void 0===m?void 0:m.sx)})}),ref:d},R,{children:[(C||f||g)&&t(i,Object.assign({sx:Object.assign({px:2},T),"data-testid":"BottomSheet-header"},H,{children:[g&&o(i,{sx:{position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:o(i,{"data-testid":"BottomSheet-puller",sx:{width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1,mb:.5,borderRadius:"8px"}})}),(C||f&&!g)&&t(i,Object.assign({sx:Object.assign({display:"flex",justifyContent:C?"space-between":"flex-end",gap:1,pt:Y&&g?2:0,pb:Y?2:0},M)},z,{children:[C&&o(a,Object.assign({"data-testid":"BottomSheet-title",variant:"h4",component:"h2",sx:Object.assign({mt:g?0:2},L)},$,{children:C})),f&&!g&&o(l,Object.assign({"data-testid":"BottomSheet-closeButton",size:"medium",onClick:()=>h(!1),"aria-label":"Close bottom sheet",sx:Object.assign({mt:"3px",mr:"-6px"},A)},F,{children:o(X,Object.assign({},O))}))]}))]})),o(i,Object.assign({"data-testid":"BottomSheet-content",ref:Z,sx:Object.assign({overflow:"auto",borderTop:Y?1:0,borderBottom:Y&&S?1:0,borderColor:"surface.secondary",p:2},J)},K,{children:x})),S&&o(i,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4},Q)},U,{children:S}))]}))}));export{d as BottomSheet};
 //# sourceMappingURL=bottomSheet.js.map

package/components/bottomSheet/bottomSheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bottomSheet.js","sources":["../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":[null],"names":["BottomSheet","forwardRef","_a","ref","children","open","setOpen","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_b","sx","headerSx","restHeader","_c","contentSx","restContent","_d","footerSx","restFooter","_e","closeButtonIconSx","restCloseButtonIcon","theme","useTheme","BottomSheetCloseButtonIcon","CloseIcon","isScrollable","elementRef","useElementScrollable","_jsxs","SwipeableDrawer","Object","assign","dir","direction","anchor","PaperProps","borderTopLeftRadius","borderTopRightRadius","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pb","pt","Typography","variant","IconButton","size","onClick","color","fontSize","overflow","borderTop","borderColor","p","boxShadow"],"mappings":"mXA4Ea,MAAAA,EAA0CC,GACrD,CACEC,EAkBAC,KAlBA,IAAAC,SACEA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,YACNA,EAAWC,iBACXA,EAAgBC,qBAChBA,EAAoBC,yBACpBA,EAAwBC,WACxBA,EAAUC,MACVA,EAAKC,WACLA,EAAa,CAAA,EAAEC,cACfA,EAAaC,eACbA,EAAcC,cACdA,EAAaC,UACbA,EAAY,IAAEhB,EACXiB,EAAIC,EAAAlB,EAhBT,0NAoBA,MAAMmB,EAAkCN,GAAiB,IAAjDO,GAAIC,KAAaC,EAAnBJ,EAAAC,EAAA,CAAA,OACAI,EAAoCT,GAAkB,IAApDM,GAAII,KAAcC,EAApBP,EAAAK,EAAA,CAAA,OACAG,EAAkCX,GAAiB,IAAjDK,GAAIO,KAAaC,EAAnBV,EAAAQ,EAAA,CAAA,OACAG,EAAoDrB,GAAwB,IAA1EY,GAAIU,KAAsBC,EAA5Bb,EAAAW,EAAA,CAAA,OACAG,EAAQC,IACRC,EAA6BzB,GAA4B0B,GAEzDC,aAAEA,EAAYC,WAAEA,GAAeC,EAAqB,KAE1D,OACEC,EAACC,EAAeC,OAAAC,OAAA,CACdC,IAAKX,EAAMY,UACXC,OAAO,SACPC,WAAY,CACV1B,GAAI,CACF2B,oBAAqB,OACrBC,qBAAsB,OACtBhC,UAAW,GAAGA,OAGlBb,KAAMA,EACN8C,QAAS,IAAM7C,GAAQ,GACvB8C,OAAQ,IAAM9C,GAAQ,GACtB+C,oBACA,EAAAC,WAAY,CACVC,aAAa,GACd,cACW,cACZpD,IAAKA,GACDgB,EAAI,CAAAf,SAAA,EAENS,GAASL,GAAeD,IACxBkC,EAACe,EAAIb,OAAAC,OAAA,CAAAtB,kBAAMmC,GAAI,GAAMlC,iBAAwB,sBAAyBC,EAAU,CAAApB,SAAA,CAC7EG,GACCmD,EAACF,EAAG,CACFlC,GAAI,CACFqC,SAAU,WACVC,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,UACb3D,SAEDsD,EAACF,EAAG,CAAA,cACU,qBACZlC,GAAI,CACF0C,MAAO,OACPC,OAAQ,MACRC,gBAAiB,kBACjBC,GAAI,IACJC,GAAI,KACJC,aAAc,QAKpBxD,GAAUL,IAAgBD,IAC1BkC,EAACe,EAAG,CACFlC,GAAI,CACFsC,QAAS,OACTE,eAAgBjD,EAAQ,gBAAkB,WAC1CyD,IAAK,EACLC,GAAI,EACJC,GAAIjE,EAAS,EAAI,GAClBH,SAAA,CAEAS,GACC6C,EAACe,+BAAuB,oBAAoBC,QAAQ,MAAS5D,EAC1D,CAAAV,SAAAS,KAGJL,IAAgBD,GACfmD,EAACiB,EACahC,OAAAC,OAAA,CAAA,cAAA,0BACZgC,KAAK,SACLC,QAAS,IAAMvE,GAAQ,GAAM,aAClB,sBACPG,EAEJ,CAAAL,SAAAsD,EAACtB,EAA0BO,OAAAC,OAAA,CACzBkC,MAAM,SACNxD,kBAAMyD,SAAU,QAAW/C,IACvBC,cAQlByB,EAACF,EACab,OAAAC,OAAA,CAAA,cAAA,sBACZzC,IAAKoC,EACLjB,GACEqB,OAAAC,OAAA,CAAAoC,SAAU,OACVC,UAAW3C,EAAe,EAAI,EAC9B4C,YAAa,oBACbC,EAAG,GACAzD,IAEDC,EAAW,CAAAvB,SAEdA,KAEFQ,GACC8C,EAACF,EACab,OAAAC,OAAA,CAAA,cAAA,qBACZtB,GAAEqB,OAAAC,OAAA,CACAa,GAAI,EACJe,GAAI,EACJD,GAAI,EACJa,UAAWxE,EAAa,kCAAoC,QACzDiB,IAEDC,YAEHlB,QAGW"}
1	+ {"version":3,"file":"bottomSheet.js","sources":["../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport {\n Box,\n BoxProps,\n IconButtonProps,\n SwipeableDrawer,\n SwipeableDrawerProps,\n IconButton,\n Typography,\n TypographyProps,\n useTheme,\n SvgIconProps,\n PaperProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' \| 'onOpen' \| 'title'> {\n /*\n Open state component flag\n /\n open: boolean;\n /\n Open state component function\n /\n setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n /\n Flag for displaying close button\n /\n closeButton?: boolean;\n /\n Props applied to closeButton IconButton\n /\n closeButtonProps?: Partial<IconButtonProps>;\n /\n Props applied to Icon in closeButton\n /\n closeButtonIconProps?: SvgIconProps;\n /\n Icon node to be used\n /\n CloseButtonIconComponent?: ElementType<SvgIconProps>;\n /\n Flag for displaying bar that visualizes pulling function\n /\n puller?: boolean;\n /\n Footer children slot\n /\n footerSlot?: React.ReactNode;\n /\n Text in header\n /\n title?: React.ReactNode;\n /\n Text props\n /\n titleProps?: TypographyProps;\n /\n Max height of whole component in percentages\n * @default 60\n /\n maxHeight?: number;\n /\n Wrapper of header\n /\n headerWrapper?: BoxProps<ElementType>;\n /\n Wrapper of title and close button\n /\n titleWrapper?: BoxProps<ElementType>;\n /\n Wrapper of content\n /\n contentWrapper?: BoxProps<ElementType>;\n /\n Wrapper of footer\n */\n footerWrapper?: BoxProps<ElementType>;\n}\n\nexport const BottomSheet: React.FC<BottomSheetProps> = forwardRef(\n (\n {\n children,\n open,\n setOpen,\n slotProps,\n puller,\n closeButton,\n closeButtonProps,\n closeButtonIconProps,\n CloseButtonIconComponent,\n footerSlot,\n title,\n titleProps = {},\n headerWrapper,\n titleWrapper,\n contentWrapper,\n footerWrapper,\n maxHeight = 60,\n ...rest\n },\n ref,\n ) => {\n const { sx: headerSx, ...restHeader } = headerWrapper \|\| {};\n const { sx: titleWrapperSx, ...restTitleWrapper } = titleWrapper \|\| {};\n const { sx: titleSx, ...restTitle } = titleProps \|\| {};\n const { sx: closeButtonSx, ...restCloseButton } = closeButtonProps \|\| {};\n const { sx: contentSx, ...restContent } = contentWrapper \|\| {};\n const { sx: footerSx, ...restFooter } = footerWrapper \|\| {};\n const theme = useTheme();\n const BottomSheetCloseButtonIcon = CloseButtonIconComponent \|\| CloseIcon;\n\n const { isScrollable, elementRef } = useElementScrollable('y');\n\n return (\n <SwipeableDrawer\n dir={theme.direction}\n anchor=\"bottom\"\n open={open}\n onClose={() => setOpen(false)}\n onOpen={() => setOpen(true)}\n disableSwipeToOpen\n ModalProps={{\n keepMounted: true,\n }}\n data-testid=\"BottomSheet\"\n slotProps={{\n ...slotProps,\n paper: {\n ...slotProps?.paper,\n sx: {\n boxShadow: 'none',\n borderTopLeftRadius: '16px',\n borderTopRightRadius: '16px',\n maxHeight: `${maxHeight}%`,\n ...(slotProps?.paper as PaperProps)?.sx,\n },\n },\n }}\n ref={ref}\n {...rest}\n >\n {(title \|\| closeButton \|\| puller) && (\n <Box sx={{ px: 2, ...headerSx }} data-testid=\"BottomSheet-header\" {...restHeader}>\n {puller && (\n <Box\n sx={{\n position: 'relative',\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Box\n data-testid=\"BottomSheet-puller\"\n sx={{\n width: '28px',\n height: '4px',\n backgroundColor: 'onSurface.os500',\n mt: 1,\n mb: 0.5,\n borderRadius: '8px',\n }}\n />\n </Box>\n )}\n {(title \|\| (closeButton && !puller)) && (\n <Box\n sx={{\n display: 'flex',\n justifyContent: title ? 'space-between' : 'flex-end',\n gap: 1,\n pt: isScrollable && puller ? 2 : 0,\n pb: isScrollable ? 2 : 0,\n ...titleWrapperSx,\n }}\n {...restTitleWrapper}\n >\n {title && (\n <Typography\n data-testid=\"BottomSheet-title\"\n variant=\"h4\"\n component=\"h2\"\n sx={{\n mt: puller ? 0 : 2,\n ...titleSx,\n }}\n {...restTitle}\n >\n {title}\n </Typography>\n )}\n {closeButton && !puller && (\n <IconButton\n data-testid=\"BottomSheet-closeButton\"\n size=\"medium\"\n onClick={() => setOpen(false)}\n aria-label=\"Close bottom sheet\"\n sx={{\n mt: '3px',\n mr: '-6px',\n ...closeButtonSx,\n }}\n {...restCloseButton}\n >\n <BottomSheetCloseButtonIcon {...closeButtonIconProps} />\n </IconButton>\n )}\n </Box>\n )}\n </Box>\n )}\n <Box\n data-testid=\"BottomSheet-content\"\n ref={elementRef}\n sx={{\n overflow: 'auto',\n borderTop: isScrollable ? 1 : 0,\n borderBottom: isScrollable && footerSlot ? 1 : 0,\n borderColor: 'surface.secondary',\n p: 2,\n ...contentSx,\n }}\n {...restContent}\n >\n {children}\n </Box>\n {footerSlot && (\n <Box\n data-testid=\"BottomSheet-footer\"\n sx={{\n px: 2,\n pt: 3,\n pb: 4,\n ...footerSx,\n }}\n {...restFooter}\n >\n {footerSlot}\n </Box>\n )}\n </SwipeableDrawer>\n );\n },\n);\n"],"names":["BottomSheet","forwardRef","_a","ref","children","open","setOpen","slotProps","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_c","sx","headerSx","restHeader","_d","titleWrapperSx","restTitleWrapper","_e","titleSx","restTitle","_f","closeButtonSx","restCloseButton","_g","contentSx","restContent","_h","footerSx","restFooter","theme","useTheme","BottomSheetCloseButtonIcon","CloseIcon","isScrollable","elementRef","useElementScrollable","_jsxs","SwipeableDrawer","dir","direction","anchor","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","paper","Object","assign","boxShadow","borderTopLeftRadius","borderTopRightRadius","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","pb","Typography","variant","component","IconButton","size","onClick","mr","overflow","borderTop","borderBottom","borderColor","p"],"mappings":"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"}

package/components/button/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","Button","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton"],"mappings":"+QAmCYA,EAWN,SAAUC,EAAOC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EAAYC,KACZA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,GAA8D,IACjFC,OAAOC,OAAOzB,GAAgB0B,SAAShB,GAClC,CAEL,CACE,CAACV,EAAe2B,SAAU,YAC1B,CAAC3B,EAAe4B,WAAY,YAC5B,CAAC5B,EAAe6B,OAAQ,WACxB,CAAC7B,EAAe8B,UAAW,OAC3B,CAAC9B,EAAe+B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACZ,EAAe2B,SAAU,UAC1B,CAAC3B,EAAe4B,WAAY,YAC5B,CAAC5B,EAAe6B,OAAQ,YACxB,CAAC7B,EAAe8B,UAAW,YAC3B,CAAC9B,EAAe+B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,GAAQ,IAEZC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EAAC3B,IAAiB4B,EAAYC,WAAa,CAAEvB,MAAO,gBAAmB,CAAE,GACzEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,GAAQ,IACjBjB,EACK8B,EAACC,EAAI,CAACC,KAAMhC,IACVG,IAAYT,EAAe+B,WAE3BK,EAACC,EADQ,YAAd7B,EACU,CAAC8B,KAAK,eAEN,CAACA,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,GAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,EAACG,EAASf,OAAAQ,OAAA,CACRvB,QAASA,EACTE,MAAOA,EACPM,GAAIA,EACJE,KAAMA,EACNN,UAAWC,GAA+B,YAAdN,GAA2B2B,EACvDpB,QAASC,GAA6B,YAAdR,GAA2B2B,GAC/Cd,EAAI,CAAAlB,SAEPC,GAASD,IAGhB,EA3FA,SAAYH,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,YACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}
1	+ {"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ButtonProps as MuiButtonProps, Button as MuiButton } from '@mui/material';\nimport { Icon, IconNameProp } from '@/src/components/icon';\nimport { ColourSheme } from '@/src/utils/enum';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n /*\n @deprecated use children instead\n /\n label?: string;\n /\n Visual variant of button\n /\n variant?: MuiButtonProps['variant'] \| ButtonVariants;\n /\n @deprecated use sx={{ color: 'common.white' }} instead\n /\n colourScheme?: ColourSheme;\n /\n @deprecated use startIcon={<Icon name='icon_name'>} instead\n /\n icon?: IconNameProp;\n /\n @deprecated use size='small' instead\n /\n compact?: boolean;\n /\n @deprecated use startIcon={<Icon name='arrow-left'>} or endIcon={<Icon name='arrow-right'>} instead\n /\n direction?: 'forward' \| 'back';\n}\n\n/\n @deprecated use string variant\n /\nexport enum ButtonVariants {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n GHOST = 'ghost',\n TERTIARY = 'tertiary',\n NAVIGATION = 'navigation',\n}\n\n/\n @mui Button that contain props parser for the previous implementation\n */\nexport function Button({\n children,\n label,\n colourScheme,\n icon,\n compact,\n direction,\n variant: rawVariant,\n color: rawColor,\n startIcon: rawStartIcon,\n endIcon: rawEndIcon,\n sx: rawSx,\n size: rawSize,\n ...rest\n}: ButtonProps) {\n // process deprecated ButtonVariants into variant and color\n const [variant, color] = useMemo<[MuiButtonProps['variant'], MuiButtonProps['color']]>(() => {\n if (Object.values(ButtonVariants).includes(rawVariant as ButtonVariants)) {\n return [\n // mapper of variant\n {\n [ButtonVariants.PRIMARY]: 'contained',\n [ButtonVariants.SECONDARY]: 'contained',\n [ButtonVariants.GHOST]: 'outlined',\n [ButtonVariants.TERTIARY]: 'text',\n [ButtonVariants.NAVIGATION]: 'navigation',\n }[rawVariant],\n // mapper of color\n rawColor \|\|\n {\n [ButtonVariants.PRIMARY]: 'primary',\n [ButtonVariants.SECONDARY]: 'secondary',\n [ButtonVariants.GHOST]: 'secondary',\n [ButtonVariants.TERTIARY]: 'secondary',\n [ButtonVariants.NAVIGATION]: 'secondary',\n }[rawVariant],\n ];\n } else {\n return [rawVariant, rawColor];\n }\n }, [rawVariant, rawColor]);\n // process deprecated colourScheme\n const sx = useMemo(() => {\n return {\n ...(colourScheme === ColourSheme.LIGHT_MODE ? { color: 'common.white' } : {}),\n ...rawSx,\n };\n }, [colourScheme, rawSx]);\n // process deprecated icon name\n const iconEl = useMemo(() => {\n if (icon) {\n return <Icon name={icon} />;\n } else if (variant === ButtonVariants.NAVIGATION) {\n if (direction === 'forward') {\n return <Icon name=\"arrow-right\" />;\n } else {\n return <Icon name=\"arrow-left\" />;\n }\n } else {\n return null;\n }\n }, [icon, variant, direction]);\n // process deprecated compact size\n const size = useMemo(() => {\n return rawSize \|\| compact ? 'small' : 'medium';\n }, [rawSize, compact]);\n\n return (\n <MuiButton\n variant={variant}\n color={color}\n sx={sx}\n size={size}\n startIcon={rawStartIcon \|\| (direction !== 'forward' && iconEl)}\n endIcon={rawEndIcon \|\| (direction === 'forward' && iconEl)}\n {...rest}\n >\n {label \|\| children}\n </MuiButton>\n );\n}\n"],"names":["ButtonVariants","Button","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton"],"mappings":"+QAmCYA,EAWN,SAAUC,EAAOC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EAAYC,KACZA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,GAA8D,IACjFC,OAAOC,OAAOzB,GAAgB0B,SAAShB,GAClC,CAEL,CACE,CAACV,EAAe2B,SAAU,YAC1B,CAAC3B,EAAe4B,WAAY,YAC5B,CAAC5B,EAAe6B,OAAQ,WACxB,CAAC7B,EAAe8B,UAAW,OAC3B,CAAC9B,EAAe+B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACZ,EAAe2B,SAAU,UAC1B,CAAC3B,EAAe4B,WAAY,YAC5B,CAAC5B,EAAe6B,OAAQ,YACxB,CAAC7B,EAAe8B,UAAW,YAC3B,CAAC9B,EAAe+B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,GAAQ,IAEZC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EAAC3B,IAAiB4B,EAAYC,WAAa,CAAEvB,MAAO,gBAAmB,CAAE,GACzEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,GAAQ,IACjBjB,EACK8B,EAACC,EAAI,CAACC,KAAMhC,IACVG,IAAYT,EAAe+B,WAE3BK,EAACC,EADQ,YAAd7B,EACU,CAAC8B,KAAK,eAEN,CAACA,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,GAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,EAACG,EAASf,OAAAQ,OAAA,CACRvB,QAASA,EACTE,MAAOA,EACPM,GAAIA,EACJE,KAAMA,EACNN,UAAWC,GAA+B,YAAdN,GAA2B2B,EACvDpB,QAASC,GAA6B,YAAdR,GAA2B2B,GAC/Cd,EAAI,CAAAlB,SAEPC,GAASD,IAGhB,EA3FA,SAAYH,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,YACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}

package/components/bypassBlock/bypassBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bypassBlock.js","sources":["../../../src/components/bypassBlock/bypassBlock.tsx"],"sourcesContent":[~~null~~],"names":["BypassBlock","forwardRef","_a","ref","children","className","href","sx","replace","active","onClick","portalProps","rest","__rest","theme","useTheme","_jsx","PrependPortal","Object","assign","disablePortal","ButtonBase","tabIndex","component","e","preventDefault","document","getElementById","scrollIntoView","filter","Boolean","join","position","zIndex","tooltip","top","width","height","margin","clip","overflow","padding","border","whiteSpace","backgroundColor","color","borderRadius","typography","body","getFocusRingStyle","left","container","portalContainer","useState","createElement","useEffect","prepend","removeChild","createPortal"],"mappings":"uSAoCa,MAAAA,EAA0CC,GACrD,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAjGC,EAAAX,EAAA,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,IAEd,OACEC,EAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAACK,iBACCC,SAAU,EACVC,UAAU,IACVjB,KAAMA,EACNI,QAAUc,UACRd,SAAAA,EAAUc,GACNhB,IAEFgB,EAAEC,iBAE8C,QAAhDvB,EAAA,OAAAwB,eAAA,IAAAA,cAAA,EAAAA,SAAUC,eAAerB,aAAA,EAAAA,EAAME,QAAQ,IAAK,YAAI,IAAAN,GAAAA,EAAE0B,gBAAe,KAGrEvB,UAAWI,EAAS,CAAC,mBAAoBJ,GAAWwB,OAAOC,SAASC,KAAK,KAAO1B,EAChFE,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAa,SAAU,WACVC,OAAQ,GAAGnB,EAAMmB,OAAOC,QAAU,MAClCC,IAAK,OAELC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,SAEZC,gBAAiB,kBACjBC,MAAO,gBACPC,aAAc,OACXhC,EAAMiC,WAAWC,MAAI,CAExB,qBAAoB9B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACf8B,EAAkBnC,GAAO,IAC5B,CAAA2B,QAAS,WACTL,MAAO,OACPC,OAAQ,OACRG,SAAU,UACVD,KAAM,QACND,OAAQ,IACRY,KAAM,WAEL3C,GAELJ,IAAKA,GACDS,YAEHR,OAEW,IAStB,SAASa,GAAcb,SAAEA,EAAQ+C,UAAEA,EAAS/B,cAAEA,IAC5C,MAAOgC,GAAmBC,GAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,SAejE,OAbAC,GAAU,KAER,MAAMP,GAA6B,mBAAdG,EAA2BA,IAAcA,KAAsB,OAARzB,eAAQ,IAARA,cAAQ,EAARA,SAAUsB,MAItF,OADAA,GAAQI,IAAoBhC,GAAiB4B,EAAKQ,QAAQJ,GACnD,KAELJ,GAAQI,IAAoBhC,GAAiB4B,EAAKS,YAAYL,EAAgB,CAC/E,GACA,IAGIA,IAAoBhC,EAAgBsC,EAAatD,EAAUgD,GAAmBhD,CACvF"}
1	+ {"version":3,"file":"bypassBlock.js","sources":["../../../src/components/bypassBlock/bypassBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ButtonBase, ButtonBaseProps, PortalProps, useTheme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BypassBlockProps extends ButtonBaseProps<'a'> {\n /*\n Button label, e.g. 'Skip to content'\n /\n children: ReactNode;\n /\n ID of content section, e.g. '#content'\n * @default '#'\n /\n href: string;\n /\n Prevent push of new link into history stack\n * @default false\n /\n replace?: boolean;\n /\n Programmatically control if button should be visible\n * @default false\n /\n active?: boolean;\n /\n props applied to portal moving the button at the top\n /\n portalProps?: PortalProps;\n}\n\n/\n Accessibility button to quickly scroll into the content area.\n * - first focusable element on the page\n * - only visible when focused\n /\nexport const BypassBlock: React.FC<BypassBlockProps> = forwardRef(\n ({ children, className, href = '#', sx, replace = false, active = false, onClick, portalProps, ...rest }, ref) => {\n const theme = useTheme();\n\n return (\n <PrependPortal disablePortal={true} {...portalProps}>\n <ButtonBase\n tabIndex={0}\n component=\"a\"\n href={href}\n onClick={(e) => {\n onClick?.(e);\n if (replace) {\n // prevent push of # into url\n e.preventDefault();\n // use js to scroll into element\n document?.getElementById(href?.replace('#', ''))?.scrollIntoView(true);\n }\n }}\n className={active ? [`Mui-focusVisible`, className].filter(Boolean).join(' ') : className}\n sx={{\n position: 'absolute',\n zIndex: `${theme.zIndex.tooltip + 100}`,\n top: '10px',\n // hidden by default, still have to be at least 1px for the Safari focus\n width: '1px',\n height: '1px',\n margin: '-1px',\n clip: 'rect(0 0 0 0)',\n overflow: 'hidden',\n padding: '0',\n border: 'none',\n whiteSpace: 'nowrap',\n // style\n backgroundColor: 'onSurface.os900',\n color: 'onSurface.os0',\n borderRadius: '4px',\n ...theme.typography.body,\n // focus\n '&.Mui-focusVisible': {\n ...getFocusRingStyle(theme, false),\n padding: '8px 24px',\n width: 'auto',\n height: 'auto',\n overflow: 'visible',\n clip: 'unset',\n margin: '0',\n left: '10px',\n },\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </ButtonBase>\n </PrependPortal>\n );\n },\n);\n\n/\n Portal component that create extra div prepended instead of appended to the container.\n * This way element can be placed at the begging of container instead of at the end.\n */\nfunction PrependPortal({ children, container, disablePortal }: PortalProps) {\n const [portalContainer] = useState(() => document?.createElement('div'));\n\n useEffect(() => {\n // obtain proper container for placement (default body tag)\n const body = (typeof container === 'function' ? container() : container) \|\| document?.body;\n\n // prepend (add into begging) extra div into body\n body && portalContainer && !disablePortal && body.prepend(portalContainer);\n return () => {\n // remove div with unmount\n body && portalContainer && !disablePortal && body.removeChild(portalContainer);\n };\n }, []);\n\n // utilize createPortal to place children into container at the begging of body\n return portalContainer && !disablePortal ? createPortal(children, portalContainer) : children;\n}\n"],"names":["BypassBlock","forwardRef","_a","ref","children","className","href","sx","replace","active","onClick","portalProps","rest","__rest","theme","useTheme","_jsx","PrependPortal","Object","assign","disablePortal","ButtonBase","tabIndex","component","e","preventDefault","document","getElementById","scrollIntoView","filter","Boolean","join","position","zIndex","tooltip","top","width","height","margin","clip","overflow","padding","border","whiteSpace","backgroundColor","color","borderRadius","typography","body","getFocusRingStyle","left","container","portalContainer","useState","createElement","useEffect","prepend","removeChild","createPortal"],"mappings":"uSAoCa,MAAAA,EAA0CC,GACrD,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAjGC,EAAAX,EAAA,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,IAEd,OACEC,EAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAACK,iBACCC,SAAU,EACVC,UAAU,IACVjB,KAAMA,EACNI,QAAUc,UACRd,SAAAA,EAAUc,GACNhB,IAEFgB,EAAEC,iBAE8C,QAAhDvB,EAAA,OAAAwB,eAAA,IAAAA,cAAA,EAAAA,SAAUC,eAAerB,aAAA,EAAAA,EAAME,QAAQ,IAAK,YAAI,IAAAN,GAAAA,EAAE0B,gBAAe,KAGrEvB,UAAWI,EAAS,CAAC,mBAAoBJ,GAAWwB,OAAOC,SAASC,KAAK,KAAO1B,EAChFE,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAa,SAAU,WACVC,OAAQ,GAAGnB,EAAMmB,OAAOC,QAAU,MAClCC,IAAK,OAELC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,SAEZC,gBAAiB,kBACjBC,MAAO,gBACPC,aAAc,OACXhC,EAAMiC,WAAWC,MAAI,CAExB,qBAAoB9B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACf8B,EAAkBnC,GAAO,IAC5B,CAAA2B,QAAS,WACTL,MAAO,OACPC,OAAQ,OACRG,SAAU,UACVD,KAAM,QACND,OAAQ,IACRY,KAAM,WAEL3C,GAELJ,IAAKA,GACDS,YAEHR,OAEW,IAStB,SAASa,GAAcb,SAAEA,EAAQ+C,UAAEA,EAAS/B,cAAEA,IAC5C,MAAOgC,GAAmBC,GAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,SAejE,OAbAC,GAAU,KAER,MAAMP,GAA6B,mBAAdG,EAA2BA,IAAcA,KAAsB,OAARzB,eAAQ,IAARA,cAAQ,EAARA,SAAUsB,MAItF,OADAA,GAAQI,IAAoBhC,GAAiB4B,EAAKQ,QAAQJ,GACnD,KAELJ,GAAQI,IAAoBhC,GAAiB4B,EAAKS,YAAYL,EAAgB,CAC/E,GACA,IAGIA,IAAoBhC,EAAgBsC,EAAatD,EAAUgD,GAAmBhD,CACvF"}