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

@skodaflow/web-library 7.14.0 → 7.15.1

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 (2582) hide show

package/cjs/components/footer/FooterMenu.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),n=require("./FooterAccordion.js");const s=t.forwardRef(((s,a)=>{var{sx:i,children:c,label:u,mainItem:l,accordionSummaryProps:d,subItems:p,contentProps:b,variant:m="auto"}=s,x=e.__rest(s,["sx","children","label","mainItem","accordionSummaryProps","subItems","contentProps","variant"]);const g=null!=b?b:{},{sx:j}=g,f=e.__rest(g,["sx"]),y=null!=d?d:{},{sx:O}=y,h=e.__rest(y,["sx"]),v=r.useTheme(),M=r.useMediaQuery(v.breakpoints.down("lg")),S="auto"===m?M:"accordion"===m,[F,I]=t.useState(!1);return o.jsxs(n.FooterAccordion,Object.assign({ref:a,"data-testid":"FooterMenu",expanded:!S\|\|F,onChange:(e,o)=>I(o),variant:"standard",sx:Object.assign(Object.assign({flexBasis:{lg:"20%"},borderColor:"onSurface.os700"},!S&&{border:"none"}),i),accordionSummaryProps:Object.assign({"data-testid":"FooterMenu.label",sx:Object.assign(Object.assign({padding:"18px 0 8px","& .MuiLink-root":Object.assign(Object.assign({},v.typography.subheadline),{p:0,"&, &:hover":{textDecoration:"none",color:"common.white"}})},!S&&{overflow:"visible","&&:not(.Mui-disabled)":{cursor:"unset"},"& .MuiAccordionSummary-expandIconWrapper":{display:"none"}}),O)},h),label:u\|\|l,contentProps:Object.assign({component:"div","data-testid":"FooterMenu.content",sx:Object.assign({display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:1.5,"& .MuiLink-root":Object.assign(Object.assign({},v.typography.caption2),{p:0,"&, &:hover":{textDecoration:"none",color:"onSurface.os200"}})},j)},f)},x,{children:[c,p]}),`${S}`)}));exports.FooterMenu=s;
2	+ //# sourceMappingURL=FooterMenu.js.map

package/cjs/components/footer/FooterMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FooterMenu.js","sources":["../../../../../src/components/footer/FooterMenu.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, useState } from 'react';\nimport { Theme, useMediaQuery, useTheme } from '@mui/material';\nimport { FooterAccordion, FooterAccordionProps } from './FooterAccordion';\n\nexport interface FooterMenuProps extends Omit<FooterAccordionProps, 'variant' | 'children'> {\n /**\n * Main item of Menu\n * @deprecated rename to label\n */\n mainItem?: React.ReactNode;\n /**\n * Items in the menu\n * @depreaceted place links directly as children\n */\n subItems?: ReactNode;\n /**\n * Items in the menu\n */\n children?: React.ReactNode;\n /**\n * Variant of the menu\n * - auto: renders on large resolution as list and on mobile as accordion\n * - list: renders as list with title\n * - accordion: renders as collapsible accordion\n * @default auto\n */\n variant?: 'auto' | 'list' | 'accordion';\n}\n\n/**\n * Section for the secondary links, copyright and optional button\n */\nexport const FooterMenu: FC<FooterMenuProps> = forwardRef(\n (\n { sx, children, label, mainItem, accordionSummaryProps, subItems, contentProps, variant = 'auto', ...rest },\n ref,\n ) => {\n const { sx: contentSx, ...restContent } = contentProps ?? {};\n const { sx: accSummarySx, ...restAccSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n const isAccordion = variant === 'auto' ? downLg : variant === 'accordion';\n const [expanded, setExpanded] = useState(false);\n\n return (\n <FooterAccordion\n key={`${isAccordion}`}\n ref={ref}\n data-testid=\"FooterMenu\"\n expanded={isAccordion ? expanded : true}\n onChange={(_, v) => setExpanded(v)}\n variant=\"standard\"\n sx={{\n // spacing in the FooterSectionMenu, take max 1/5 of space\n flexBasis: { lg: '20%' },\n borderColor: 'onSurface.os700',\n ...(!isAccordion && {\n border: 'none',\n }),\n ...sx,\n }}\n accordionSummaryProps={{\n ['data-testid']: 'FooterMenu.label',\n sx: {\n // adjust proportions to be closer to menu\n padding: '18px 0 8px',\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.subheadline,\n p: 0,\n '&, &:hover': {\n textDecoration: 'none',\n color: 'common.white',\n },\n },\n ...(!isAccordion && {\n // allow overflow of focus ring\n overflow: 'visible',\n // no longer clickable\n '&&:not(.Mui-disabled)': {\n cursor: 'unset',\n },\n // hide icon\n '& .MuiAccordionSummary-expandIconWrapper': {\n display: 'none',\n },\n }),\n ...accSummarySx,\n },\n ...restAccSummary,\n }}\n label={label || mainItem}\n contentProps={{\n component: 'div',\n ['data-testid']: 'FooterMenu.content',\n sx: {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n flexDirection: 'column',\n gap: 1.5,\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.caption2,\n p: 0,\n '&, &:hover': {\n textDecoration: 'none',\n color: 'onSurface.os200',\n },\n },\n ...contentSx,\n },\n ...restContent,\n }}\n {...rest}\n >\n {children}\n {subItems}\n </FooterAccordion>\n );\n },\n);\n"],"names":["FooterMenu","forwardRef","_a","ref","sx","children","label","mainItem","accordionSummaryProps","subItems","contentProps","variant","rest","__rest","_b","contentSx","restContent","_c","accSummarySx","restAccSummary","theme","useTheme","downLg","useMediaQuery","breakpoints","down","isAccordion","expanded","setExpanded","useState","_jsxs","FooterAccordion","onChange","_","v","Object","assign","flexBasis","lg","borderColor","border","padding","typography","subheadline","p","textDecoration","color","overflow","cursor","display","component","alignItems","justifyContent","flexDirection","gap","caption2"],"mappings":"mJAgCO,MAAMA,EAAkCC,EAAAA,YAC7C,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,MAAEA,EAAKC,SAAEA,EAAQC,sBAAEA,EAAqBC,SAAEA,EAAQC,aAAEA,EAAYC,QAAEA,EAAU,UAAWC,EAAIC,EAAAA,OAAAX,EAAzG,CAAA,KAAA,WAAA,QAAA,WAAA,wBAAA,WAAA,eAAA,YAGA,MAAMY,EAAoCJ,QAAAA,EAAgB,IAAlDN,GAAIW,GAASD,EAAKE,EAAWH,EAAAA,OAAAC,EAA/B,CAAA,OACAG,EAA0CT,QAAAA,EAAyB,IAAjEJ,GAAIc,GAAYD,EAAKE,EAAcN,EAAAA,OAAAI,EAArC,CAAA,OACAG,EAAQC,EAAAA,WACRC,EAASC,EAAAA,cAAqBH,EAAMI,YAAYC,KAAK,OACrDC,EAA0B,SAAZf,EAAqBW,EAAqB,cAAZX,GAC3CgB,EAAUC,GAAeC,EAAAA,UAAS,GAEzC,OACEC,OAACC,EAAAA,+BAEC5B,IAAKA,EAAG,cACI,aACZwB,UAAUD,GAAcC,EACxBK,SAAU,CAACC,EAAGC,IAAMN,EAAYM,GAChCvB,QAAQ,WACRP,GAAE+B,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,UAAW,CAAEC,GAAI,OACjBC,YAAa,oBACRb,GAAe,CAClBc,OAAQ,SAEPpC,GAELI,sBAAqB2B,OAAAC,OAAA,CACnB,cAAiB,mBACjBhC,GAAE+B,OAAAC,OAAAD,OAAAC,OAAA,CAEAK,QAAS,aAET,kBAAiBN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZhB,EAAMsB,WAAWC,aAAW,CAC/BC,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,oBAGNpB,GAAe,CAElBqB,SAAU,UAEV,wBAAyB,CACvBC,OAAQ,SAGV,2CAA4C,CAC1CC,QAAS,UAGV/B,IAEFC,GAELb,MAAOA,GAASC,EAChBG,4BACEwC,UAAW,MACX,cAAiB,qBACjB9C,kBACE6C,QAAS,OACTE,WAAY,aACZC,eAAgB,aAChBC,cAAe,SACfC,IAAK,IAEL,kBAAiBnB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZhB,EAAMsB,WAAWa,UAAQ,CAC5BX,EAAG,EACH,aAAc,CACZC,eAAgB,OAChBC,MAAO,sBAGR/B,IAEFC,IAEDJ,EAAI,CAAAP,SAAA,CAEPA,EACAI,KAvEI,GAAGiB,IAwEQ"}

package/cjs/components/footer/FooterSectionContact.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { ElementType, FC, ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+export interface FooterSectionContactProps extends BoxProps<ElementType> {
+    /**
+     * Items that should be rendered in left side
+     */
+    contactSlot?: ReactNode;
+    /**
+     * Properties applied to the contact wrapper
+     */
+    contactSlotProps?: BoxProps<ElementType>;
+    /**
+     * Items that should be rendered in right side
+     */
+    socialSlot?: ReactNode;
+    /**
+     * Properties applied to the social wrapper
+     */
+    socialSlotProps?: BoxProps<ElementType>;
+}
+/**
+ * Section for the main contact links and social media
+ */
+export declare const FooterSectionContact: FC<FooterSectionContactProps>;

package/cjs/components/footer/FooterSectionContact.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material");const a=s.forwardRef(((s,a)=>{var{sx:l,children:r,className:c,contactSlot:n,contactSlotProps:i,socialSlot:x,socialSlotProps:f}=s,g=t.__rest(s,["sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps"]);const p=null!=i?i:{},{sx:d}=p,u=t.__rest(p,["sx"]),j=null!=f?f:{},{sx:S}=j,m=t.__rest(j,["sx"]);return e.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:{xs:4,lg:2},flexDirection:{xs:"column",lg:"row"}},l),ref:a,"data-testid":"FooterSectionContact",className:["FlowSectionContact-root",c].filter(Boolean).join(", ")},g,{children:[e.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"flex-start",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},d),"data-testid":"FooterSectionContact.contact"},u,{children:[r,n]})),e.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"flex-start",lg:"flex-end"},flexWrap:"wrap",gap:.5},S),"data-testid":"FooterSectionContact.social"},m,{children:x}))]}))}));exports.FooterSectionContact=a;
2	+ //# sourceMappingURL=FooterSectionContact.js.map

package/cjs/components/footer/FooterSectionContact.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FooterSectionContact.js","sources":["../../../../../src/components/footer/FooterSectionContact.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionContactProps extends BoxProps<ElementType> {\n /**\n * Items that should be rendered in left side\n */\n contactSlot?: ReactNode;\n /**\n * Properties applied to the contact wrapper\n */\n contactSlotProps?: BoxProps<ElementType>;\n /**\n * Items that should be rendered in right side\n */\n socialSlot?: ReactNode;\n /**\n * Properties applied to the social wrapper\n */\n socialSlotProps?: BoxProps<ElementType>;\n}\n\n/**\n * Section for the main contact links and social media\n */\nexport const FooterSectionContact: FC<FooterSectionContactProps> = forwardRef(\n ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n const { sx: contactSlotSx, ...restContactSlot } = contactSlotProps ?? {};\n const { sx: socialSlotSx, ...restSocialSlot } = socialSlotProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: { xs: 4, lg: 2 },\n flexDirection: { xs: 'column', lg: 'row' },\n ...sx,\n }}\n ref={ref}\n data-testid=\"FooterSectionContact\"\n className={['FlowSectionContact-root', className].filter(Boolean).join(', ')}\n {...rest}\n >\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n gap: 2,\n flexDirection: {\n xs: 'column',\n lg: 'row',\n },\n ...contactSlotSx,\n }}\n data-testid=\"FooterSectionContact.contact\"\n {...restContactSlot}\n >\n {children}\n {contactSlot}\n </Box>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'flex-start', lg: 'flex-end' },\n flexWrap: 'wrap',\n gap: 0.5,\n ...socialSlotSx,\n }}\n data-testid=\"FooterSectionContact.social\"\n {...restSocialSlot}\n >\n {socialSlot}\n </Box>\n </Box>\n );\n },\n);\n"],"names":["FooterSectionContact","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_b","contactSlotSx","restContactSlot","_c","socialSlotSx","restSocialSlot","_jsxs","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx"],"mappings":"iHAyBO,MAAMA,EAAsDC,EAAAA,YACjE,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAA,OAAAV,EAA9F,+FACC,MAAMW,EAA4CL,QAAAA,EAAoB,IAA9DJ,GAAIU,GAAaD,EAAKE,EAAeH,EAAAA,OAAAC,EAAvC,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DN,GAAIa,GAAYD,EAAKE,EAAcN,EAAAA,OAAAI,EAArC,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChCtB,GAELD,IAAKA,EAAG,cACI,uBACZG,UAAW,CAAC,0BAA2BA,GAAWyB,OAAOC,SAASC,KAAK,OACnEtB,EAAI,CAAAN,SAAA,CAERc,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,aAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CACbL,GAAI,SACJC,GAAI,QAEHZ,GAAa,cAEN,gCACRC,aAEHV,EACAE,MAEH2B,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACFlB,GAAEiB,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,SACZG,eAAgB,CAAEF,GAAI,aAAcC,GAAI,YACxCE,SAAU,OACVC,IAAK,IACFZ,GAAY,cAEL,+BACRC,EAAc,CAAAb,SAEjBI,QAEC"}

package/cjs/components/footer/FooterSectionLinks.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import React, { ElementType, FC } from 'react';
+import { BoxProps, ButtonProps, TypographyProps } from '@mui/material';
+export interface FooterSectionLinksProps extends BoxProps<ElementType> {
+    /**
+     * Text wrapped by styled Typography component
+     */
+    textSlot?: React.ReactNode;
+    /**
+     * Properties applied to text typography
+     */
+    textTypographyProps?: TypographyProps<ElementType>;
+    /**
+     * Alternative to providing button props
+     */
+    buttonSlot?: React.ReactNode;
+    /**
+     * Properties applied to button wrapper
+     */
+    buttonSlotProps?: BoxProps<ElementType>;
+    /**
+     * Props for button
+     */
+    buttonProps?: ButtonProps & {
+        label?: React.ReactNode;
+    };
+    /**
+     * Properties applied to link container
+     */
+    linksWrapperProps?: BoxProps<ElementType>;
+}
+/**
+ * Section for the secondary links, copyright and optional button
+ */
+export declare const FooterSectionLinks: FC<FooterSectionLinksProps>;

package/cjs/components/footer/FooterSectionLinks.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material");const o=s.forwardRef(((s,o)=>{var{sx:n,children:i,className:l,textSlot:a,buttonSlot:c,buttonSlotProps:x,textTypographyProps:p,buttonProps:g,linksWrapperProps:u}=s,d=t.__rest(s,["sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps"]);const b=null!=p?p:{},{sx:f}=b,j=t.__rest(b,["sx"]),h=null!=u?u:{},{sx:m}=h,y=t.__rest(h,["sx"]),S=null!=x?x:{},{sx:O}=S,k=t.__rest(S,["sx"]),_=null!=g?g:{},{label:w}=_,P=t.__rest(_,["label"]),L=r.useTheme();return e.jsxs(r.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},justifyContent:"space-between",flexWrap:"wrap",gap:2,flexDirection:{xs:"column",lg:"row"}},n),ref:o,"data-testid":"FooterSectionLinks",className:["FooterSectionLinks-root",l].filter(Boolean).join(", ")},d,{children:[a&&e.jsx(r.Typography,Object.assign({variant:"disclaimer1",sx:Object.assign(Object.assign({my:{xs:2,lg:0},color:"onSurface.os200"},i&&{display:"inline-flex",alignItems:"center",justifyContent:"flex-start",mr:{lg:2},"&:after":{content:{xs:"none",lg:"''"},display:"block",height:"14px",width:"1px",backgroundColor:"onSurface.os700",ml:4},order:{xs:1,lg:0}}),f),"data-testid":"FooterSectionLinks.text"},j,{children:a})),i&&e.jsx(r.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"flex-start",lg:"center"},flexDirection:{xs:"column",lg:"row"},flexWrap:"wrap",flexGrow:"1",gap:{xs:2,lg:3},"& .MuiButton-root":{alignSelf:{xs:"stretch",lg:"auto"}},"& .MuiLink-root":Object.assign(Object.assign({},L.typography.disclaimer1),{p:0,"&, &:hover":{textDecoration:"underline",color:"common.white"}})},m),"data-testid":"FooterSectionLinks.content"},y,{children:i})),(c\|\|w)&&e.jsx(r.Box,Object.assign({"data-testid":"FooterSectionLinks.button",sx:Object.assign({order:2},O)},k,{children:c\|\|e.jsx(r.Button,Object.assign({variant:"shortcut",color:"inherit"},P,{children:w}))}))]}))}));exports.FooterSectionLinks=o;
2	+ //# sourceMappingURL=FooterSectionLinks.js.map

package/cjs/components/footer/FooterSectionLinks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FooterSectionLinks.js","sources":["../../../../../src/components/footer/FooterSectionLinks.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Typography, TypographyProps, useTheme } from '@mui/material';\n\nexport interface FooterSectionLinksProps extends BoxProps<ElementType> {\n /**\n * Text wrapped by styled Typography component\n */\n textSlot?: React.ReactNode;\n /**\n * Properties applied to text typography\n */\n textTypographyProps?: TypographyProps<ElementType>;\n /**\n * Alternative to providing button props\n */\n buttonSlot?: React.ReactNode;\n /**\n * Properties applied to button wrapper\n */\n buttonSlotProps?: BoxProps<ElementType>;\n /**\n * Props for button\n */\n buttonProps?: ButtonProps & { label?: React.ReactNode };\n /**\n * Properties applied to link container\n */\n linksWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Section for the secondary links, copyright and optional button\n */\nexport const FooterSectionLinks: FC<FooterSectionLinksProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n textSlot,\n buttonSlot,\n buttonSlotProps,\n textTypographyProps,\n buttonProps,\n linksWrapperProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: testSx, ...restText } = textTypographyProps ?? {};\n const { sx: linksWrapperSx, ...restLinksWrapper } = linksWrapperProps ?? {};\n const { sx: buttonSlotSx, ...restButtonSlot } = buttonSlotProps ?? {};\n const { label, ...restButton } = buttonProps ?? {};\n const theme = useTheme();\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: 2,\n flexDirection: { xs: 'column', lg: 'row' },\n ...sx,\n }}\n ref={ref}\n data-testid=\"FooterSectionLinks\"\n className={['FooterSectionLinks-root', className].filter(Boolean).join(', ')}\n {...rest}\n >\n {textSlot && (\n <Typography\n variant=\"disclaimer1\"\n sx={{\n my: { xs: 2, lg: 0 },\n color: 'onSurface.os200',\n ...(children && {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n // separator between text and links\n mr: { lg: 2 },\n '&:after': {\n content: { xs: 'none', lg: \"''\" },\n display: 'block',\n height: '14px',\n width: '1px',\n backgroundColor: 'onSurface.os700',\n ml: 4,\n },\n // move after the links on mobile\n order: { xs: 1, lg: 0 },\n }),\n ...testSx,\n }}\n data-testid=\"FooterSectionLinks.text\"\n {...restText}\n >\n {textSlot}\n </Typography>\n )}\n {children && (\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'flex-start', lg: 'center' },\n flexDirection: { xs: 'column', lg: 'row' },\n flexWrap: 'wrap',\n flexGrow: '1',\n gap: { xs: 2, lg: 3 },\n // manipulate style of buttons inside\n '& .MuiButton-root': {\n alignSelf: { xs: 'stretch', lg: 'auto' },\n },\n // manipulates style of links inside\n '& .MuiLink-root': {\n ...theme.typography.disclaimer1,\n p: 0,\n '&, &:hover': {\n textDecoration: 'underline',\n color: 'common.white',\n },\n },\n ...linksWrapperSx,\n }}\n data-testid=\"FooterSectionLinks.content\"\n {...restLinksWrapper}\n >\n {children}\n </Box>\n )}\n {(buttonSlot || label) && (\n <Box data-testid=\"FooterSectionLinks.button\" sx={{ order: 2, ...buttonSlotSx }} {...restButtonSlot}>\n {buttonSlot || (\n <Button variant=\"shortcut\" color=\"inherit\" {...restButton}>\n {label}\n </Button>\n )}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["FooterSectionLinks","forwardRef","_a","ref","sx","children","className","textSlot","buttonSlot","buttonSlotProps","textTypographyProps","buttonProps","linksWrapperProps","rest","__rest","_b","testSx","restText","_c","linksWrapperSx","restLinksWrapper","_d","buttonSlotSx","restButtonSlot","_e","label","restButton","theme","useTheme","_jsxs","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexWrap","gap","flexDirection","filter","Boolean","join","_jsx","Typography","variant","my","color","mr","content","height","width","backgroundColor","ml","order","flexGrow","alignSelf","typography","disclaimer1","p","textDecoration","Button"],"mappings":"iHAiCO,MAAMA,EAAkDC,EAAAA,YAC7D,CACEC,EAYAC,SAZAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,SACTA,EAAQC,WACRA,EAAUC,gBACVA,EAAeC,oBACfA,EAAmBC,YACnBA,EAAWC,kBACXA,KACGC,EAAIC,EAAAA,OAAAZ,EAVT,CAAA,KAAA,WAAA,YAAA,WAAA,aAAA,kBAAA,sBAAA,cAAA,sBAcA,MAAMa,EAA8BL,QAAAA,EAAuB,IAAnDN,GAAIY,GAAMD,EAAKE,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA8CN,QAAAA,EAAqB,IAAjER,GAAIe,GAAcD,EAAKE,EAAgBN,EAAAA,OAAAI,EAAzC,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DL,GAAIkB,GAAYD,EAAKE,EAAcT,EAAAA,OAAAO,EAArC,CAAA,OACAG,EAA2Bb,QAAAA,EAAe,CAAA,GAA1Cc,MAAEA,GAAKD,EAAKE,EAAUZ,EAAAA,OAAAU,EAAtB,CAAA,UACAG,EAAQC,EAAAA,WAEd,OACEC,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACF5B,GAAE2B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,eAAgB,gBAChBC,SAAU,OACVC,IAAK,EACLC,cAAe,CAAEL,GAAI,SAAUC,GAAI,QAChChC,GAELD,IAAKA,EAAG,cACI,qBACZG,UAAW,CAAC,0BAA2BA,GAAWmC,OAAOC,SAASC,KAAK,OACnE9B,EAAI,CAAAR,SAAA,CAEPE,GACCqC,EAAAA,IAACC,EAAAA,0BACCC,QAAQ,cACR1C,gCACE2C,GAAI,CAAEZ,GAAI,EAAGC,GAAI,GACjBY,MAAO,mBACH3C,GAAY,CACd4B,QAAS,cACTC,WAAY,SACZG,eAAgB,aAEhBY,GAAI,CAAEb,GAAI,GACV,UAAW,CACTc,QAAS,CAAEf,GAAI,OAAQC,GAAI,MAC3BH,QAAS,QACTkB,OAAQ,OACRC,MAAO,MACPC,gBAAiB,kBACjBC,GAAI,GAGNC,MAAO,CAAEpB,GAAI,EAAGC,GAAI,KAEnBpB,GAAM,cAEC,2BACRC,EAAQ,CAAAZ,SAEXE,KAGJF,GACCuC,EAAAA,IAACd,MAAGC,OAAAC,OAAA,CACF5B,GAAE2B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCI,cAAe,CAAEL,GAAI,SAAUC,GAAI,OACnCE,SAAU,OACVkB,SAAU,IACVjB,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAElB,oBAAqB,CACnBqB,UAAW,CAAEtB,GAAI,UAAWC,GAAI,SAGlC,kBAAiBL,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZL,EAAM+B,WAAWC,aAAW,CAC/BC,EAAG,EACH,aAAc,CACZC,eAAgB,YAChBb,MAAO,mBAGR7B,GAAc,cAEP,8BACRC,YAEHf,MAGHG,GAAciB,IACdmB,EAAAA,IAACd,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,4BAA4B5B,GAAE2B,OAAAC,OAAA,CAAIuB,MAAO,GAAMjC,IAAoBC,EAAc,CAAAlB,SAC/FG,GACCoC,EAAAA,IAACkB,EAAAA,OAAM/B,OAAAC,OAAA,CAACc,QAAQ,WAAWE,MAAM,WAActB,EAAU,CAAArB,SACtDoB,WAKL"}

package/cjs/components/footer/FooterSectionMenu.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { ElementType, FC } from 'react';
+import { BoxProps } from '@mui/material';
+export interface FooterSectionMenuProps extends BoxProps<ElementType> {
+}
+/**
+ * Section for the multiple FooterMenu
+ */
+export declare const FooterSectionMenu: FC<FooterSectionMenuProps>;

package/cjs/components/footer/FooterSectionMenu.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var t=require("tslib"),e=require("react/jsx-runtime"),o=require("react"),s=require("@mui/material");const r=o.forwardRef(((o,r)=>{var{sx:l,children:c,className:a,contactSlot:i,contactSlotProps:n,socialSlot:x,socialSlotProps:u}=o,S=t.__rest(o,["sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps"]);return e.jsx(s.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:{xs:"stretch",lg:"flex-start"},justifyContent:"stretch",flexDirection:{xs:"column",lg:"row"},gap:{xs:0,lg:2},mb:{xs:4,lg:8}},l),ref:r,"data-testid":"FooterSectionMenu",className:["FooterSectionMenu-root",a].filter(Boolean).join(", ")},S,{children:c}))}));exports.FooterSectionMenu=r;
2	+ //# sourceMappingURL=FooterSectionMenu.js.map

package/cjs/components/footer/FooterSectionMenu.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FooterSectionMenu.js","sources":["../../../../../src/components/footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FooterSectionMenuProps extends BoxProps<ElementType> {}\n\n/**\n * Section for the multiple FooterMenu\n */\nexport const FooterSectionMenu: FC<FooterSectionMenuProps> = forwardRef(\n ({ sx, children, className, contactSlot, contactSlotProps, socialSlot, socialSlotProps, ...rest }, ref) => {\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: { xs: 'stretch', lg: 'flex-start' },\n justifyContent: 'stretch',\n flexDirection: { xs: 'column', lg: 'row' },\n gap: { xs: 0, lg: 2 },\n mb: { xs: 4, lg: 8 },\n ...sx,\n }}\n ref={ref}\n data-testid=\"FooterSectionMenu\"\n className={['FooterSectionMenu-root', className].filter(Boolean).join(', ')}\n {...rest}\n >\n {children}\n </Box>\n );\n },\n);\n"],"names":["FooterSectionMenu","forwardRef","_a","ref","sx","children","className","contactSlot","contactSlotProps","socialSlot","socialSlotProps","rest","__rest","_jsx","Box","Object","assign","display","alignItems","xs","lg","justifyContent","flexDirection","gap","mb","filter","Boolean","join"],"mappings":"iHAQO,MAAMA,EAAgDC,EAAAA,YAC3D,CAACC,EAAkGC,KAAlG,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,UAAEA,EAASC,YAAEA,EAAWC,iBAAEA,EAAgBC,WAAEA,EAAUC,gBAAEA,GAAeR,EAAKS,EAAIC,EAAAA,OAAAV,EAA9F,+FACC,OACEW,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFZ,GAAEW,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,CAAEC,GAAI,UAAWC,GAAI,cACjCC,eAAgB,UAChBC,cAAe,CAAEH,GAAI,SAAUC,GAAI,OACnCG,IAAK,CAAEJ,GAAI,EAAGC,GAAI,GAClBI,GAAI,CAAEL,GAAI,EAAGC,GAAI,IACdhB,GAELD,IAAKA,gBACO,oBACZG,UAAW,CAAC,yBAA0BA,GAAWmB,OAAOC,SAASC,KAAK,OAClEhB,EAAI,CAAAN,SAEPA,IACG"}

package/{layout/Footer → cjs/components/footer}/index.d.ts RENAMED Viewed

@@ -1,9 +1,8 @@
 export * from './Footer';
-export * from './FooterMenu';
-export * from './FooterAccordion';
+export * from './FooterLink';
 export * from './FooterIconButton';
-export * from './PredefinedFooterIconButtons';
+export * from './FooterAccordion';
+export * from './FooterMenu';
 export * from './FooterSectionContact';
-export * from './FooterSectionMenu';
-export * from './FooterLink';
 export * from './FooterSectionLinks';
+export * from './FooterSectionMenu';

package/cjs/components/formMessage/formMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formMessage.js","sources":["../../../../../src/components/formMessage/formMessage.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 } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n /*\n Defines which variant of Banner component should be rendered\n * @default error\n /\n variant?: 'info' \| 'warning' \| 'error';\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\n/\n Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n const { sx: iconSx, ...restIcon } = iconProps \|\| {};\n const { sx: typographySx, ...restTypography } = typographyProps \|\| {};\n\n const [color, IconVariantComponent] = useMemo(() => {\n switch (variant) {\n case 'error':\n return ['error.main', WarningFilledIcon];\n case 'warning':\n return ['warning.main', CircleExclamationFilledIcon];\n case 'info':\n default:\n return ['info.main', CircleInformationFilledIcon];\n }\n }, [variant]);\n const ErrorMessageIcon = IconComponent \|\| IconVariantComponent;\n\n return (\n <Box\n role=\"alert\"\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n sx={{\n display: 'flex',\n width: '100%',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n gap: 1,\n textAlign: 'left',\n color: color,\n pb: 1,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <ErrorMessageIcon\n sx={{\n fontSize: '20px',\n // align with checkbox/radio (return to 24px width)\n mx: '2px',\n ...iconSx,\n }}\n {...restIcon}\n />\n <Typography\n sx={{\n flexGrow: '1',\n // custom font according to Figma\n fontSize: { xs: '14px' },\n lineHeight: { xs: '20px' },\n fontWeight: { xs: '400' },\n ...typographySx,\n }}\n {...restTypography}\n >\n {children}\n </Typography>\n </Box>\n );\n },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","~~jsx","~~Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"~~wRA8Ba~~,~~MAAAA~~,EAA0CC,~~EAAUA~~,~~YAC/D~~,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,~~EAAjBH~~,EAAAA,OAAAC,~~EAAA~~,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,~~EAAvBN~~,EAAAA,OAAAI,~~EAAA~~,CAAA,QAECG,EAAOC,GAAwBC,~~EAAOA~~,~~SAAC~~,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,kCAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAAAA,IAACb,~~EACCG~~,OAAAC,OAAA,~~CAAAtB~~,~~GACEqB~~,OAAAC,OAAA,~~CAAAU~~,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,~~EAAAG~~,~~IAACC~~,~~EAAUA~~,~~WACTd~~,OAAAC,OAAA,~~CAAAtB~~,~~GACEqB~~,OAAAC,OAAA,~~CAAAc~~,SAAU,~~IAEVJ~~,SAAU,~~CAAEK~~,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,~~QACf3B~~,IAEDC,~~EAEH~~,CAAAb,~~SAAAA~~,QAEC"}
1	+ {"version":3,"file":"formMessage.js","sources":["../../../../../src/components/formMessage/formMessage.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 } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n /*\n Defines which variant of Banner component should be rendered\n * @default error\n /\n variant?: 'info' \| 'warning' \| 'error';\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\n/\n Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n const { sx: iconSx, ...restIcon } = iconProps \|\| {};\n const { sx: typographySx, ...restTypography } = typographyProps \|\| {};\n\n const [color, IconVariantComponent] = useMemo(() => {\n switch (variant) {\n case 'error':\n return ['error.main', WarningFilledIcon];\n case 'warning':\n return ['warning.main', CircleExclamationFilledIcon];\n case 'info':\n default:\n return ['info.main', CircleInformationFilledIcon];\n }\n }, [variant]);\n const ErrorMessageIcon = IconComponent \|\| IconVariantComponent;\n\n return (\n <Box\n role=\"alert\"\n aria-atomic=\"true\"\n aria-live=\"assertive\"\n sx={{\n display: 'flex',\n width: '100%',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n gap: 1,\n textAlign: 'left',\n color: color,\n pb: 1,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <ErrorMessageIcon\n sx={{\n fontSize: '20px',\n // align with checkbox/radio (return to 24px width)\n mx: '2px',\n ...iconSx,\n }}\n {...restIcon}\n />\n <Typography\n sx={{\n flexGrow: '1',\n // custom font according to Figma\n fontSize: { xs: '14px' },\n lineHeight: { xs: '20px' },\n fontWeight: { xs: '400' },\n ...typographySx,\n }}\n {...restTypography}\n >\n {children}\n </Typography>\n </Box>\n );\n },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"wRA8BO,MAAMA,EAA0CC,EAAAA,YACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAcN,EAAAA,OAAAI,EAArC,CAAA,QAECG,EAAOC,GAAwBC,EAAAA,SAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,kCAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAAAA,IAACb,EAAgBG,OAAAC,OAAA,CACftB,GAAEqB,OAAAC,OAAA,CACAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAAAA,IAACG,EAAAA,WAAUb,OAAAC,OAAA,CACTtB,GAAEqB,OAAAC,OAAA,CACAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAAc,CAAAb,SAEjBA,QAEC"}

package/cjs/components/grid/grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/*\n @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n /\nexport interface GridProps extends MuiGridProps {\n /\n Determine if grid is narrow.\n /\n narrow?: boolean;\n}\n\n/\n @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n return (\n <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n {props.children}\n </MuiGrid>\n );\n};\n"],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"2GAqB0CA,IAAA,IAAAC,OAAEA,~~GAAkBD~~,~~EAAPE~~,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,KAAOC,OAAAC,OAAA,CAAA,EAAKL,~~EAAO~~,~~CAAAM~~,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}
1	+ {"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/*\n @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n /\nexport interface GridProps extends MuiGridProps {\n /\n Determine if grid is narrow.\n /\n narrow?: boolean;\n}\n\n/\n @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n return (\n <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n {props.children}\n </MuiGrid>\n );\n};\n"],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"2GAqB0CA,IAAA,IAAAC,OAAEA,GAAMD,EAAKE,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,KAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}

package/cjs/components/header/Header.d.ts ADDED Viewed

@@ -0,0 +1,79 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { AppBarProps, BoxProps, Breakpoint, DrawerProps, ToolbarProps } from '@mui/material';
+import { HeaderButtonProps } from './HeaderButton';
+export interface HeaderProps extends Omit<AppBarProps, 'color'> {
+    /**
+     * Logo component
+     */
+    logo?: ReactNode;
+    /**
+     * Items in the menu
+     * @deprecated place links directly as children
+     */
+    navigationItems?: ReactNode;
+    /**
+     * @deprecated no longer has any effect
+     */
+    overheadItems?: ReactNode;
+    /**
+     * @deprecated no longer has any effect
+     */
+    color?: 'light' | 'dark';
+    /**
+     * @deprecated no longer has any effect
+     */
+    breakpoint?: Breakpoint;
+    /**
+     * Wrap the navigation into container
+     * @default false
+     */
+    inContainer?: boolean;
+    /**
+     * ActionButtons on the right side
+     */
+    buttons?: ReactNode;
+    /**
+     * ActionButtons on the right side that stays visible even on mobile
+     */
+    visibleButtons?: ReactNode | true;
+    /**
+     * Properties applied to toolbar container
+     */
+    toolbarProps?: ToolbarProps<ElementType>;
+    /**
+     * Properties applied to logo wrapper
+     */
+    logoProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to content wrapper
+     */
+    contentProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to content wrapper in drawer
+     */
+    mobileContentProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to button wrapper
+     */
+    buttonsProps?: BoxProps<ElementType>;
+    /**
+     * Properties applied to hamburger menu
+     */
+    menuButtonProps?: HeaderButtonProps;
+    /**
+     * Icon of the hamburger menu
+     */
+    menuIcon?: ReactNode;
+    /**
+     * Icon of the close hamburger menu
+     */
+    closeMenuIcon?: ReactNode;
+    /**
+     * Props applied to mobile drawer
+     */
+    drawerProps?: DrawerProps;
+}
+/**
+ * Component to render Header with navigation and action buttons at the top of the page
+ */
+export declare const Header: FC<HeaderProps>;

package/cjs/components/header/Header.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),n=require("../icon/stroke/MenuIcon.js"),r=require("../icon/stroke/CloseIcon.js"),i=require("../focusring/focusring.js"),a=require("./HeaderButton.js"),l=require("./HeaderLanguageSelect.js");const c=t.forwardRef(((c,d)=>{var u,p,{children:x,logo:b,navigationItems:g,buttons:j,visibleButtons:m,overheadItems:h,color:f,breakpoint:v,inContainer:O=!1,toolbarProps:y,logoProps:I,contentProps:P,mobileContentProps:_,buttonsProps:k,menuButtonProps:B,menuIcon:C,closeMenuIcon:H,drawerProps:q}=c,w=e.__rest(c,["children","logo","navigationItems","buttons","visibleButtons","overheadItems","color","breakpoint","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps"]);const M=o.useTheme(),S=o.useMediaQuery(M.breakpoints.down("lg")),F=null!=I?I:{},{sx:T}=F,E=e.__rest(F,["sx"]),L=null!=P?P:{},{sx:R}=L,z=e.__rest(L,["sx"]),A=null!=_?_:{},{sx:D}=A,G=e.__rest(A,["sx"]),V=null!=k?k:{},{sx:Q}=V,W=e.__rest(V,["sx"]),$=null!=q?q:{},{sx:J,slotProps:K}=$,N=e.__rest($,["sx","slotProps"]),U=null!=K?K:{},{paper:X,backdrop:Y}=U,Z=e.__rest(U,["paper","backdrop"]),ee=null!==(u=X)&&void 0!==u?u:{},{sx:se}=ee,te=e.__rest(ee,["sx"]),oe=null!==(p=Y)&&void 0!==p?p:{},{sx:ne}=oe,re=e.__rest(oe,["sx"]),[ie,ae]=t.useState(!1),[le,ce]=t.useMemo((()=>{function e(s,o){const n=[];return t.Children.forEach(s,((s,r)=>{(null==s?void 0:s.type)===t.Fragment?n.push(...e(s.props.children,o)):t.isValidElement(s)&&[a.HeaderButton,l.HeaderLanguageSelect].includes(null==s?void 0:s.type)&&o?n.push(t.cloneElement(s,{extend:!0,key:r})):n.push(s)})),(null==n?void 0:n.length)?n:void 0}if(m){const s=!0===m?void 0:e(m,!1),t=e(j,S);return S?[s,t]:[[...s\|\|[],...t\|\|[]],void 0]}return[e(j,!1),void 0]}),[m,j,S]);return s.jsxs(s.Fragment,{children:[s.jsx(o.AppBar,Object.assign({ref:d,"data-testid":"Header"},w,{children:s.jsxs(o.Toolbar,Object.assign({disableGutters:!O},y,{children:[b&&s.jsx(o.Box,Object.assign({"data-testid":"Header.logo",sx:Object.assign({color:"dark"===M.palette.mode?"brand.secondary":"brand.tertiary","& .MuiLink-root":Object.assign(Object.assign({display:"block",position:"relative",py:1},i.getFocusRingStyle(M)),{"&.Mui-focusVisible":{boxShadow:"none"}}),"& .MuiSvgIcon-root":{display:"block"}},T)},E,{children:b})),s.jsx(o.Box,Object.assign({sx:Object.assign(Object.assign(Object.assign({minWidth:"0",flexGrow:"1",alignSelf:"stretch",display:"flex",alignItems:"stretch",justifyContent:"flex-start",gap:{lg:2,xl:4}},!S&&b&&{pl:4}),{mb:"-1px"}),R),"data-testid":"Header.nav"},z,{children:!S&&(x\|\|g)})),(le\|\|S&&(x\|\|g\|\|ce))&&s.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25,mr:{xs:-1,lg:0}},Q),"data-testid":"Header.btns"},W,{children:[le,S&&(x\|\|g\|\|ce)&&s.jsx(a.HeaderButton,Object.assign({"aria-label":"Toggle menu",extend:!1,onClick:()=>ae((e=>!e))},B,{children:ie?H\|\|s.jsx(r.CloseIcon,{}):C\|\|s.jsx(n.MenuIcon,{})}),"menu")]}))]}))})),S&&(x\|\|g\|\|ce)&&s.jsxs(o.Drawer,Object.assign({disablePortal:!0,disableEnforceFocus:!0,disableAutoFocus:!0,anchor:"top",open:ie,onClose:()=>ae(!1),sx:Object.assign({zIndex:M.zIndex.appBar-10,top:M.mixins.toolbar.minHeight,bottom:"auto",height:`calc(100vh - ${M.mixins.toolbar.minHeight})`,position:"absolute"},J),slotProps:Object.assign({backdrop:Object.assign({sx:Object.assign({position:"absolute"},ne)},re),paper:Object.assign({sx:Object.assign({position:"absolute",height:"100%",display:"grid",gridTemplateRows:"auto max-content"},se)},te)},Z)},N,{children:[s.jsx(o.Box,Object.assign({sx:Object.assign({p:2,overflow:"auto"},D),"data-testid":"Header.mobilenav"},G,{children:x\|\|g})),ce&&s.jsx(o.Box,{sx:{p:2,pt:0},children:s.jsx(o.Box,{sx:{pt:.75,display:"flex",flexDirection:"column-reverse",alignItems:"stretch",justifyContent:"flex-start",borderTop:1,borderColor:"dark"===M.palette.mode?"onSurface.os700":"surface.secondary"},children:ce})})]}))]})}));exports.Header=c;
2	+ //# sourceMappingURL=Header.js.map

package/cjs/components/header/Header.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Header.js","sources":["../../../../../src/components/header/Header.tsx"],"sourcesContent":["import React, {\n FC,\n useState,\n forwardRef,\n ReactNode,\n ElementType,\n Children,\n cloneElement,\n useMemo,\n Fragment,\n isValidElement,\n} from 'react';\nimport {\n AppBar,\n AppBarProps,\n BackdropProps,\n Box,\n BoxProps,\n Breakpoint,\n Drawer,\n DrawerProps,\n PaperProps,\n Theme,\n Toolbar,\n ToolbarProps,\n useMediaQuery,\n useTheme,\n} from '@mui/material';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { HeaderLanguageSelect } from './HeaderLanguageSelect';\n\nexport interface HeaderProps extends Omit<AppBarProps, 'color'> {\n /**\n * Logo component\n */\n logo?: ReactNode;\n /**\n * Items in the menu\n * @deprecated place links directly as children\n */\n navigationItems?: ReactNode;\n /**\n * @deprecated no longer has any effect\n */\n overheadItems?: ReactNode;\n /**\n * @deprecated no longer has any effect\n */\n color?: 'light' | 'dark';\n /**\n * @deprecated no longer has any effect\n */\n breakpoint?: Breakpoint;\n /**\n * Wrap the navigation into container\n * @default false\n */\n inContainer?: boolean;\n /**\n * ActionButtons on the right side\n */\n buttons?: ReactNode;\n /**\n * ActionButtons on the right side that stays visible even on mobile\n */\n visibleButtons?: ReactNode | true;\n /**\n * Properties applied to toolbar container\n */\n toolbarProps?: ToolbarProps<ElementType>;\n /**\n * Properties applied to logo wrapper\n */\n logoProps?: BoxProps<ElementType>;\n /**\n * Properties applied to content wrapper\n */\n contentProps?: BoxProps<ElementType>;\n /**\n * Properties applied to content wrapper in drawer\n */\n mobileContentProps?: BoxProps<ElementType>;\n /**\n * Properties applied to button wrapper\n */\n buttonsProps?: BoxProps<ElementType>;\n /**\n * Properties applied to hamburger menu\n */\n menuButtonProps?: HeaderButtonProps;\n /**\n * Icon of the hamburger menu\n */\n menuIcon?: ReactNode;\n /**\n * Icon of the close hamburger menu\n */\n closeMenuIcon?: ReactNode;\n /**\n * Props applied to mobile drawer\n */\n drawerProps?: DrawerProps;\n}\n\n/**\n * Component to render Header with navigation and action buttons at the top of the page\n */\nexport const Header: FC<HeaderProps> = forwardRef(\n (\n {\n children,\n logo,\n navigationItems,\n buttons,\n visibleButtons,\n overheadItems: _,\n color: __,\n breakpoint: ___,\n inContainer = false,\n toolbarProps,\n logoProps,\n contentProps,\n mobileContentProps,\n buttonsProps,\n menuButtonProps,\n menuIcon,\n closeMenuIcon,\n drawerProps,\n ...rest\n },\n ref,\n ) => {\n const theme = useTheme();\n const downLg = useMediaQuery<Theme>(theme.breakpoints.down('lg'));\n const { sx: logoSx, ...restLogo } = logoProps ?? {};\n const { sx: contentSx, ...restContent } = contentProps ?? {};\n const { sx: mobileContentSx, ...restMobileContent } = mobileContentProps ?? {};\n const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n const { sx: drawerSx, slotProps: drawerSlotProps, ...restDrawer } = drawerProps ?? {};\n const { paper: drawerPaperProps, backdrop: drawerBackdropProps, ...restDrawerSlotProps } = drawerSlotProps ?? {};\n const { sx: drawerPaperSx, ...restDrawerPaper } = (drawerPaperProps as PaperProps) ?? {};\n const { sx: drawerBackdropSx, ...restDrawerBackdrop } = (drawerBackdropProps as BackdropProps) ?? {};\n const [open, setOpen] = useState(false);\n\n /**\n * Process visible buttons\n */\n const [processedButtons, drawerButtons] = useMemo(() => {\n function flatten(nodes, extend) {\n const result = [];\n Children.forEach(nodes, (child, idx) => {\n if (child?.type === Fragment) {\n result.push(...flatten(child.props.children, extend));\n } else if (\n isValidElement(child) &&\n [HeaderButton, HeaderLanguageSelect].includes(child?.type as FC) &&\n extend\n ) {\n result.push(cloneElement(child, { extend: true, key: idx } as HeaderButtonProps));\n } else {\n result.push(child);\n }\n });\n return result?.length ? result : undefined;\n }\n\n // check if we have visibleButtons property\n if (visibleButtons) {\n const flattenedVisibleButtons = visibleButtons === true ? undefined : flatten(visibleButtons, false);\n const flattenedRestButtons = flatten(buttons, downLg);\n // mobile\n if (downLg) {\n // split visible buttons and put buttons in drawer\n return [flattenedVisibleButtons, flattenedRestButtons];\n } else {\n // on PC, all buttons are visible\n return [[...(flattenedVisibleButtons || []), ...(flattenedRestButtons || [])], undefined];\n }\n } else {\n // in case visibleButtons property is not provided, do not put buttons into drawer at all\n return [flatten(buttons, false), undefined];\n }\n }, [visibleButtons, buttons, downLg]);\n\n return (\n <>\n <AppBar ref={ref} data-testid=\"Header\" {...rest}>\n <Toolbar disableGutters={!inContainer} {...toolbarProps}>\n {logo && (\n <Box\n data-testid=\"Header.logo\"\n sx={{\n color: theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.tertiary',\n // restyle wrapper link, same style is applied in HeaderLogo\n '& .MuiLink-root': {\n display: 'block',\n position: 'relative',\n py: 1,\n // add proper focus ring\n ...getFocusRingStyle(theme),\n // remove default link box shadow\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n },\n },\n '& .MuiSvgIcon-root': {\n display: 'block',\n },\n ...logoSx,\n }}\n {...restLogo}\n >\n {logo}\n </Box>\n )}\n <Box\n sx={{\n minWidth: '0',\n flexGrow: '1',\n alignSelf: 'stretch',\n display: 'flex',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n gap: { lg: 2, xl: 4 },\n ...(!downLg &&\n logo && {\n // increase size between logo and nav\n pl: 4,\n }),\n // move directly into border\n mb: '-1px',\n ...contentSx,\n }}\n data-testid=\"Header.nav\"\n {...restContent}\n >\n {!downLg && (children || navigationItems)}\n </Box>\n {(processedButtons || (downLg && (children || navigationItems || drawerButtons))) && (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: 0.25,\n mr: { xs: -1, lg: 0 },\n ...buttonsSx,\n }}\n data-testid=\"Header.btns\"\n {...restButtons}\n >\n {processedButtons}\n {downLg && (children || navigationItems || drawerButtons) && (\n <HeaderButton\n key=\"menu\"\n aria-label=\"Toggle menu\"\n extend={false}\n onClick={() => setOpen((prev) => !prev)}\n {...menuButtonProps}\n >\n {open ? closeMenuIcon || <CloseIcon /> : menuIcon || <MenuIcon />}\n </HeaderButton>\n )}\n </Box>\n )}\n </Toolbar>\n </AppBar>\n {downLg && (children || navigationItems || drawerButtons) && (\n <Drawer\n disablePortal\n disableEnforceFocus\n disableAutoFocus\n anchor=\"top\"\n open={open}\n onClose={() => setOpen(false)}\n sx={{\n // bellow Header, above SecondaryNavigation\n zIndex: theme.zIndex.appBar - 10,\n // header offset\n top: theme.mixins.toolbar.minHeight,\n bottom: 'auto',\n height: `calc(100vh - ${theme.mixins.toolbar.minHeight})`,\n // adjust position\n position: 'absolute',\n ...drawerSx,\n }}\n slotProps={{\n backdrop: {\n sx: {\n position: 'absolute',\n ...drawerBackdropSx,\n },\n ...restDrawerBackdrop,\n },\n paper: {\n sx: {\n position: 'absolute',\n height: '100%',\n display: 'grid',\n gridTemplateRows: 'auto max-content',\n ...drawerPaperSx,\n },\n ...restDrawerPaper,\n },\n ...restDrawerSlotProps,\n }}\n {...restDrawer}\n >\n <Box\n sx={{\n p: 2,\n overflow: 'auto',\n ...mobileContentSx,\n }}\n data-testid=\"Header.mobilenav\"\n {...restMobileContent}\n >\n {children || navigationItems}\n </Box>\n {drawerButtons && (\n <Box sx={{ p: 2, pt: 0 }}>\n <Box\n sx={{\n pt: 0.75,\n display: 'flex',\n flexDirection: 'column-reverse',\n alignItems: 'stretch',\n justifyContent: 'flex-start',\n // border from appbar.theme.ts\n borderTop: 1,\n borderColor: theme.palette.mode === 'dark' ? 'onSurface.os700' : 'surface.secondary',\n }}\n >\n {drawerButtons}\n </Box>\n </Box>\n )}\n </Drawer>\n )}\n </>\n );\n },\n);\n"],"names":["Header","forwardRef","_a","ref","children","logo","navigationItems","buttons","visibleButtons","overheadItems","_","color","__","breakpoint","___","inContainer","toolbarProps","logoProps","contentProps","mobileContentProps","buttonsProps","menuButtonProps","menuIcon","closeMenuIcon","drawerProps","rest","__rest","theme","useTheme","downLg","useMediaQuery","breakpoints","down","_d","sx","logoSx","restLogo","_e","contentSx","restContent","_f","mobileContentSx","restMobileContent","_g","buttonsSx","restButtons","_h","drawerSx","slotProps","drawerSlotProps","restDrawer","_j","paper","drawerPaperProps","backdrop","drawerBackdropProps","restDrawerSlotProps","_k","_b","drawerPaperSx","restDrawerPaper","_l","_c","drawerBackdropSx","restDrawerBackdrop","open","setOpen","useState","processedButtons","drawerButtons","useMemo","flatten","nodes","extend","result","Children","forEach","child","idx","type","Fragment","push","props","isValidElement","HeaderButton","HeaderLanguageSelect","includes","cloneElement","key","length","undefined","flattenedVisibleButtons","flattenedRestButtons","_jsxs","_jsx","AppBar","Toolbar","Object","assign","disableGutters","Box","palette","mode","display","position","py","getFocusRingStyle","boxShadow","minWidth","flexGrow","alignSelf","alignItems","justifyContent","gap","lg","xl","pl","mb","mr","xs","onClick","prev","CloseIcon","MenuIcon","Drawer","disablePortal","disableEnforceFocus","disableAutoFocus","anchor","onClose","zIndex","appBar","top","mixins","toolbar","minHeight","bottom","height","gridTemplateRows","p","overflow","pt","flexDirection","borderTop","borderColor"],"mappings":"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"}

package/cjs/components/header/HeaderButton.d.ts ADDED Viewed

@@ -0,0 +1,54 @@
+import { ElementType, FC } from 'react';
+import { IconButtonProps, TooltipProps, BadgeProps } from '@mui/material';
+export interface HeaderButtonProps extends IconButtonProps<ElementType> {
+    /**
+     * Label for the tooltip or the text button
+     */
+    label?: TooltipProps['title'];
+    /**
+     * Change icon button with tooltip into button
+     */
+    extend?: boolean;
+    /**
+     * Properties applied to tooltip
+     */
+    tooltipProps?: Partial<TooltipProps>;
+    /**
+     * Properties applied to badge
+     */
+    badgeProps?: BadgeProps;
+    /**
+     * @deprecated use badgeProps instead
+     */
+    indicator?: string;
+    /**
+     * @deprecated provide icon directly as children (e.g. <BellIcon />)
+     */
+    icon?: 'car' | 'bell' | 'search' | 'profile' | 'user' | 'heart' | 'shopping-bag' | 'globe' | 'login' | 'logout' | 'close' | 'circle-question' | 'hamburger';
+}
+/**
+ * IconButton for the action links
+ */
+export declare const HeaderButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderBellButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderSearchButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderProfileButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderHeartButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderCartButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderLanguageButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderLoginButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderLogoutButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderCloseButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderFaqButton: FC<HeaderButtonProps>;
+/** @deprecated use <HeaderButton> with icon of your choosing instead */
+export declare const HeaderMenuButton: FC<HeaderButtonProps>;

package/cjs/components/header/HeaderButton.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("@mui/material"),o=require("../focusring/focusring.js"),n=require("../../materialui/button/interactive.js"),i=require("../icon/stroke/CarIcon.js"),c=require("../icon/stroke/BellIcon.js"),a=require("../icon/stroke/SearchIcon.js"),u=require("../icon/stroke/UserIcon.js"),l=require("../icon/stroke/HeartIcon.js"),d=require("../icon/stroke/ShoppingBagIcon.js"),j=require("../icon/stroke/GlobeIcon.js"),g=require("../icon/stroke/LoginIcon.js"),x=require("../icon/stroke/LogoutIcon.js"),f=require("../icon/stroke/CloseIcon.js"),b=require("../icon/stroke/CircleQuestionIcon.js"),I=require("../icon/stroke/MenuIcon.js");const p=s.forwardRef(((p,h)=>{var{children:B,sx:O,icon:q,label:H,indicator:R,extend:w,tooltipProps:k,badgeProps:C}=p,S=e.__rest(p,["children","sx","icon","label","indicator","extend","tooltipProps","badgeProps"]);const m=t.useTheme(),v=null!=k?k:{},{title:L}=v,y=e.__rest(v,["title"]),M=s.useMemo((()=>{switch(q){case"car":return i.CarIcon;case"bell":return c.BellIcon;case"search":return a.SearchIcon;case"profile":case"user":return u.UserIcon;case"heart":return l.HeartIcon;case"shopping-bag":return d.ShoppingBagIcon;case"globe":return j.GlobeIcon;case"login":return g.LoginIcon;case"logout":return x.LogoutIcon;case"close":return f.CloseIcon;case"circle-question":return b.CircleQuestionIcon;case"hamburger":return I.MenuIcon;default:return}}),[q]);return w?r.jsxs(t.ButtonBase,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},m.typography.list),{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1.25,py:1.5,px:1.25,"& .MuiSvgIcon-root":{fontSize:"17px"},"&.Mui-disabled":{color:"disabled.tertiary"}}),n.getInteractiveStyle({fontWeight:"300"},{fontWeight:"700"})),o.getFocusRingStyle(m)),{"&&:before":{borderRadius:"4px"}}),O),ref:h,"data-testid":"HeaderButton"},S,{children:[r.jsx(t.Badge,Object.assign({},R&&{variant:"dot",invisible:!1},C,{children:B\|\|r.jsx(M,{})})),H\|\|L]})):r.jsx(t.Tooltip,Object.assign({title:H\|\|L},y,{children:r.jsx(t.IconButton,Object.assign({sx:O,size:"medium",ref:h,"data-testid":"HeaderButton"},S,{children:r.jsx(t.Badge,Object.assign({},R&&{variant:"dot",invisible:!1},C,{children:B\|\|r.jsx(M,{})}))}))}))})),h=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(c.BellIcon,{})})))),B=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(a.SearchIcon,{})})))),O=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(u.UserIcon,{})})))),q=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(l.HeartIcon,{})})))),H=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(d.ShoppingBagIcon,{})})))),R=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(j.GlobeIcon,{})})))),w=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(g.LoginIcon,{})})))),k=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(x.LogoutIcon,{})})))),C=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(f.CloseIcon,{})})))),S=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(b.CircleQuestionIcon,{})})))),m=s.forwardRef(((e,s)=>r.jsx(p,Object.assign({ref:s},e,{children:r.jsx(I.MenuIcon,{})}))));exports.HeaderBellButton=h,exports.HeaderButton=p,exports.HeaderCartButton=H,exports.HeaderCloseButton=C,exports.HeaderFaqButton=S,exports.HeaderHeartButton=q,exports.HeaderLanguageButton=R,exports.HeaderLoginButton=w,exports.HeaderLogoutButton=k,exports.HeaderMenuButton=m,exports.HeaderProfileButton=O,exports.HeaderSearchButton=B;
2	+ //# sourceMappingURL=HeaderButton.js.map

package/cjs/components/header/HeaderButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeaderButton.js","sources":["../../../../../src/components/header/HeaderButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport {\n IconButton,\n IconButtonProps,\n ButtonBase,\n Tooltip,\n TooltipProps,\n Badge,\n BadgeProps,\n useTheme,\n} from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { CarIcon } from '@/src/components/icon/stroke/CarIcon';\nimport { BellIcon } from '@/src/components/icon/stroke/BellIcon';\nimport { SearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { UserIcon } from '@/src/components/icon/stroke/UserIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\nimport { ShoppingBagIcon } from '@/src/components/icon/stroke/ShoppingBagIcon';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\nimport { LoginIcon } from '@/src/components/icon/stroke/LoginIcon';\nimport { LogoutIcon } from '@/src/components/icon/stroke/LogoutIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { CircleQuestionIcon } from '@/src/components/icon/stroke/CircleQuestionIcon';\nimport { MenuIcon } from '@/src/components/icon/stroke/MenuIcon';\n\nexport interface HeaderButtonProps extends IconButtonProps<ElementType> {\n /**\n * Label for the tooltip or the text button\n */\n label?: TooltipProps['title'];\n /**\n * Change icon button with tooltip into button\n */\n extend?: boolean;\n /**\n * Properties applied to tooltip\n */\n tooltipProps?: Partial<TooltipProps>;\n /**\n * Properties applied to badge\n */\n badgeProps?: BadgeProps;\n /**\n * @deprecated use badgeProps instead\n */\n indicator?: string;\n /**\n * @deprecated provide icon directly as children (e.g. <BellIcon />)\n */\n icon?:\n | 'car'\n | 'bell'\n | 'search'\n | 'profile'\n | 'user'\n | 'heart'\n | 'shopping-bag'\n | 'globe'\n | 'login'\n | 'logout'\n | 'close'\n | 'circle-question'\n | 'hamburger';\n}\n\n/**\n * IconButton for the action links\n */\nexport const HeaderButton: FC<HeaderButtonProps> = forwardRef(\n ({ children, sx, icon, label, indicator, extend, tooltipProps, badgeProps, ...rest }, ref) => {\n const theme = useTheme();\n const { title, ...restTooltip } = tooltipProps ?? {};\n\n // mapper to previous api\n const Icon = useMemo(() => {\n switch (icon) {\n case 'car':\n return CarIcon;\n case 'bell':\n return BellIcon;\n case 'search':\n return SearchIcon;\n case 'profile':\n case 'user':\n return UserIcon;\n case 'heart':\n return HeartIcon;\n case 'shopping-bag':\n return ShoppingBagIcon;\n case 'globe':\n return GlobeIcon;\n case 'login':\n return LoginIcon;\n case 'logout':\n return LogoutIcon;\n case 'close':\n return CloseIcon;\n case 'circle-question':\n return CircleQuestionIcon;\n case 'hamburger':\n return MenuIcon;\n default:\n return undefined;\n }\n }, [icon]);\n\n if (extend) {\n return (\n <ButtonBase\n sx={{\n ...theme.typography.list,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n gap: 1.25,\n py: 1.5,\n px: 1.25,\n // icon inside\n '& .MuiSvgIcon-root': {\n fontSize: '17px',\n },\n // disabled style\n '&.Mui-disabled': {\n color: 'disabled.tertiary',\n },\n // interactive style\n ...getInteractiveStyle(\n {\n fontWeight: '300',\n },\n {\n fontWeight: '700',\n },\n ),\n // focus ring\n ...getFocusRingStyle(theme),\n '&&:before': {\n borderRadius: '4px',\n },\n ...sx,\n }}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n data-testid=\"HeaderButton\"\n {...rest}\n >\n <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n {children || <Icon />}\n </Badge>\n {label || title}\n </ButtonBase>\n );\n }\n\n return (\n <Tooltip title={label || title} {...restTooltip}>\n <IconButton\n sx={sx}\n size=\"medium\"\n ref={ref as ForwardedRef<HTMLButtonElement>}\n data-testid=\"HeaderButton\"\n {...rest}\n >\n <Badge {...(indicator && { variant: 'dot', invisible: false })} {...badgeProps}>\n {children || <Icon />}\n </Badge>\n </IconButton>\n </Tooltip>\n );\n },\n);\n\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderBellButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <BellIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderSearchButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <SearchIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderProfileButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <UserIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderHeartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <HeartIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCartButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <ShoppingBagIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLanguageButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <GlobeIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLoginButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <LoginIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderLogoutButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <LogoutIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderCloseButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <CloseIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderFaqButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <CircleQuestionIcon />\n </HeaderButton>\n));\n/** @deprecated use <HeaderButton> with icon of your choosing instead */\nexport const HeaderMenuButton: FC<HeaderButtonProps> = forwardRef((props, ref) => (\n <HeaderButton ref={ref} {...props}>\n <MenuIcon />\n </HeaderButton>\n));\n"],"names":["HeaderButton","forwardRef","_a","ref","children","sx","icon","label","indicator","extend","tooltipProps","badgeProps","rest","__rest","theme","useTheme","_b","title","restTooltip","Icon","useMemo","CarIcon","BellIcon","SearchIcon","UserIcon","HeartIcon","ShoppingBagIcon","GlobeIcon","LoginIcon","LogoutIcon","CloseIcon","CircleQuestionIcon","MenuIcon","_jsxs","ButtonBase","Object","assign","typography","list","display","alignItems","justifyContent","gap","py","px","fontSize","color","getInteractiveStyle","fontWeight","getFocusRingStyle","borderRadius","_jsx","Badge","variant","invisible","Tooltip","IconButton","size","HeaderBellButton","props","HeaderSearchButton","HeaderProfileButton","HeaderHeartButton","HeaderCartButton","HeaderLanguageButton","HeaderLoginButton","HeaderLogoutButton","HeaderCloseButton","HeaderFaqButton","HeaderMenuButton"],"mappings":"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"}

package/cjs/components/header/HeaderLanguageSelect.d.ts ADDED Viewed

@@ -0,0 +1,45 @@
+import { FC } from 'react';
+import { MenuProps, MenuItemProps, RadioProps, ListItemTextProps } from '@mui/material';
+import { HeaderButtonProps } from './HeaderButton';
+type HeaderLanguageType = string | {
+    short?: string;
+    full?: string;
+};
+export interface HeaderLanguageSelectProps extends HeaderButtonProps {
+    /**
+     * List of languages
+     */
+    languages?: HeaderLanguageType[];
+    /**
+     * Index of selected language
+     * @default 0
+     */
+    defaultLanguage?: number;
+    /**
+     * Function that is triggered on language change
+     * @param language - provided language
+     * @param index - index of language
+     */
+    onSelect?: (language: HeaderLanguageType, index: number) => void;
+    /**
+     * Props applied to menu
+     */
+    menuProps?: MenuProps;
+    /**
+     * Props applied to each MenuItem
+     */
+    menuItemProps?: MenuItemProps;
+    /**
+     * Props applied to Radio inside MenuItem
+     */
+    radioProps?: RadioProps;
+    /**
+     * Props applied to ListItemText inside MenuIte
+     */
+    listItemTextProps?: ListItemTextProps;
+}
+/**
+ * IconButton with menu selector for languages
+ */
+export declare const HeaderLanguageSelect: FC<HeaderLanguageSelectProps>;
+export {};

package/cjs/components/header/HeaderLanguageSelect.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("@mui/material"),s=require("./HeaderButton.js"),a=require("../icon/stroke/GlobeIcon.js");const l=t.forwardRef(((l,i)=>{var{children:u,languages:o,onSelect:c,defaultLanguage:d=0,menuProps:g,menuItemProps:j,radioProps:m,listItemTextProps:x}=l,p=e.__rest(l,["children","languages","onSelect","defaultLanguage","menuProps","menuItemProps","radioProps","listItemTextProps"]);const[b,h]=t.useState(null),[I,P]=t.useState(d);return r.jsxs(r.Fragment,{children:[r.jsx(s.HeaderButton,Object.assign({onClick:e=>h(e.currentTarget),ref:i,"data-testid":"HeaderLanguageSelect"},p,{children:u\|\|r.jsx(a.GlobeIcon,{})})),r.jsx(n.Menu,Object.assign({open:!!b,anchorEl:b,onClose:()=>h(null)},g,{children:null==o?void 0:o.map(((e,t)=>{const s=I===t,a="string"==typeof e?e:e.full;return r.jsxs(n.MenuItem,Object.assign({selected:s,onClick:()=>{null==c\|\|c(e,t),P(t)}},j,{children:[r.jsx(n.Radio,Object.assign({checked:s,tabIndex:-1},m)),r.jsx(n.ListItemText,Object.assign({},x,{children:a}))]}),a)}))}))]})}));exports.HeaderLanguageSelect=l;
2	+ //# sourceMappingURL=HeaderLanguageSelect.js.map

package/cjs/components/header/HeaderLanguageSelect.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeaderLanguageSelect.js","sources":["../../../../../src/components/header/HeaderLanguageSelect.tsx"],"sourcesContent":["import React, { FC, forwardRef, useState } from 'react';\nimport {\n Menu,\n MenuItem,\n Radio,\n ListItemText,\n MenuProps,\n MenuItemProps,\n RadioProps,\n ListItemTextProps,\n} from '@mui/material';\nimport { HeaderButton, HeaderButtonProps } from './HeaderButton';\nimport { GlobeIcon } from '@/src/components/icon/stroke/GlobeIcon';\n\ntype HeaderLanguageType = string | { short?: string; full?: string };\n\nexport interface HeaderLanguageSelectProps extends HeaderButtonProps {\n /**\n * List of languages\n */\n languages?: HeaderLanguageType[];\n /**\n * Index of selected language\n * @default 0\n */\n defaultLanguage?: number;\n /**\n * Function that is triggered on language change\n * @param language - provided language\n * @param index - index of language\n */\n onSelect?: (language: HeaderLanguageType, index: number) => void;\n /**\n * Props applied to menu\n */\n menuProps?: MenuProps;\n /**\n * Props applied to each MenuItem\n */\n menuItemProps?: MenuItemProps;\n /**\n * Props applied to Radio inside MenuItem\n */\n radioProps?: RadioProps;\n /**\n * Props applied to ListItemText inside MenuIte\n */\n listItemTextProps?: ListItemTextProps;\n}\n\n/**\n * IconButton with menu selector for languages\n */\nexport const HeaderLanguageSelect: FC<HeaderLanguageSelectProps> = forwardRef(\n (\n {\n children,\n languages,\n onSelect,\n defaultLanguage = 0,\n menuProps,\n menuItemProps,\n radioProps,\n listItemTextProps,\n ...rest\n },\n ref,\n ) => {\n const [anchor, setAnchor] = useState(null);\n const [selected, setSelected] = useState(defaultLanguage);\n\n return (\n <>\n <HeaderButton\n onClick={(e) => setAnchor(e.currentTarget)}\n ref={ref}\n data-testid=\"HeaderLanguageSelect\"\n {...rest}\n >\n {children || <GlobeIcon />}\n </HeaderButton>\n <Menu open={!!anchor} anchorEl={anchor} onClose={() => setAnchor(null)} {...menuProps}>\n {languages?.map((lang, idx) => {\n const isSelected = selected === idx;\n const value = typeof lang === 'string' ? lang : lang.full;\n\n return (\n <MenuItem\n key={value}\n selected={isSelected}\n onClick={() => {\n onSelect?.(lang, idx);\n setSelected(idx);\n }}\n {...menuItemProps}\n >\n <Radio checked={isSelected} tabIndex={-1} {...radioProps} />\n <ListItemText {...listItemTextProps}>{value}</ListItemText>\n </MenuItem>\n );\n })}\n </Menu>\n </>\n );\n },\n);\n"],"names":["HeaderLanguageSelect","forwardRef","_a","ref","children","languages","onSelect","defaultLanguage","menuProps","menuItemProps","radioProps","listItemTextProps","rest","__rest","anchor","setAnchor","useState","selected","setSelected","_jsxs","_Fragment","_jsx","HeaderButton","onClick","e","currentTarget","GlobeIcon","Menu","Object","assign","open","anchorEl","onClose","map","lang","idx","isSelected","value","full","MenuItem","Radio","checked","tabIndex","ListItemText"],"mappings":"yLAqDO,MAAMA,EAAsDC,EAAAA,YACjE,CACEC,EAWAC,SAXAC,SACEA,EAAQC,UACRA,EAASC,SACTA,EAAQC,gBACRA,EAAkB,EAACC,UACnBA,EAASC,cACTA,EAAaC,WACbA,EAAUC,kBACVA,KACGC,EAAIC,EAAAA,OAAAX,EATT,CAAA,WAAA,YAAA,WAAA,kBAAA,YAAA,gBAAA,aAAA,sBAaA,MAAOY,EAAQC,GAAaC,EAAAA,SAAS,OAC9BC,EAAUC,GAAeF,EAAAA,SAAST,GAEzC,OACEY,OAAAC,EAAAA,SAAA,CAAAhB,SAAA,CACEiB,EAAAA,IAACC,8BACCC,QAAUC,GAAMT,EAAUS,EAAEC,eAC5BtB,IAAKA,EAAG,cACI,wBACRS,EAAI,CAAAR,SAEPA,GAAYiB,MAACK,EAAAA,UAAS,CAAA,MAEzBL,EAAAA,IAACM,EAAAA,KAAIC,OAAAC,OAAA,CAACC,OAAQhB,EAAQiB,SAAUjB,EAAQkB,QAAS,IAAMjB,EAAU,OAAWP,EAAS,CAAAJ,SAClFC,aAAS,EAATA,EAAW4B,KAAI,CAACC,EAAMC,KACrB,MAAMC,EAAanB,IAAakB,EAC1BE,EAAwB,iBAATH,EAAoBA,EAAOA,EAAKI,KAErD,OACEnB,EAAAA,KAACoB,EAAAA,SAAQX,OAAAC,OAAA,CAEPZ,SAAUmB,EACVb,QAAS,KACPjB,SAAAA,EAAW4B,EAAMC,GACjBjB,EAAYiB,EAAI,GAEd1B,EAAa,CAAAL,SAAA,CAEjBiB,EAAAA,IAACmB,EAAAA,MAAKZ,OAAAC,OAAA,CAACY,QAASL,EAAYM,UAAU,GAAQhC,IAC9CW,EAAAA,IAACsB,EAAAA,aAAYf,OAAAC,OAAA,CAAA,EAAKlB,EAAiB,CAAAP,SAAGiC,QATjCA,EAUI,SAIhB"}

package/cjs/components/header/HeaderLogo.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { LinkProps } from '@mui/material';
+import { LogoProps } from '@/src/components/logo/Logo';
+export interface HeaderLogoProps extends LinkProps {
+    /**
+     * Properties applied to Logo component
+     */
+    logoProps?: LogoProps;
+    /**
+     * @deprecated no longer has any effect
+     */
+    src?: string;
+    /**
+     * @deprecated no longer has any effect
+     */
+    alt?: string;
+}
+/**
+ * Logo with link wrapper
+ */
+export declare const HeaderLogo: FC<HeaderLogoProps>;
+/**
+ * @deprecated use <HeaderLogo /> component instead
+ */
+export declare const HeaderSkodaLogo: FC<HeaderLogoProps>;

package/cjs/components/header/HeaderLogo.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),i=require("../logo/Logo.js"),a=require("../focusring/focusring.js");const t=s.forwardRef(((s,t)=>{var{sx:c,children:n,href:g,logoProps:l}=s,u=e.__rest(s,["sx","children","href","logoProps"]);const f=o.useTheme();return g\|\|u.onClick?r.jsx(o.Link,Object.assign({sx:Object.assign(Object.assign({display:"block",position:"relative",py:1},a.getFocusRingStyle(f)),{"&.Mui-focusVisible":{boxShadow:"none"},"& .MuiSvgIcon-root":{display:"block"}}),href:g\|\|"#",ref:t,"aria-label":"Home"},u,{children:n\|\|r.jsx(i.Logo,Object.assign({},l))})):n\|\|r.jsx(i.Logo,Object.assign({sx:c,ref:t},l))})),c=s.forwardRef(((e,s)=>r.jsx(t,Object.assign({},e,{ref:s}))));exports.HeaderLogo=t,exports.HeaderSkodaLogo=c;
2	+ //# sourceMappingURL=HeaderLogo.js.map

package/cjs/components/header/HeaderLogo.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeaderLogo.js","sources":["../../../../../src/components/header/HeaderLogo.tsx"],"sourcesContent":["import React, { FC, ForwardedRef, forwardRef } from 'react';\nimport { Link, LinkProps, useTheme } from '@mui/material';\nimport { Logo, LogoProps } from '@/src/components/logo/Logo';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface HeaderLogoProps extends LinkProps {\n /**\n * Properties applied to Logo component\n */\n logoProps?: LogoProps;\n /**\n * @deprecated no longer has any effect\n */\n src?: string;\n /**\n * @deprecated no longer has any effect\n */\n alt?: string;\n}\n\n/**\n * Logo with link wrapper\n */\nexport const HeaderLogo: FC<HeaderLogoProps> = forwardRef(({ sx, children, href, logoProps, ...rest }, ref) => {\n const theme = useTheme();\n\n if (href || rest.onClick) {\n return (\n <Link\n sx={{\n // same style is applied in Header logo wrapper\n display: 'block',\n position: 'relative',\n py: 1,\n // add proper focus ring\n ...getFocusRingStyle(theme),\n // remove default link box shadow\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n },\n '& .MuiSvgIcon-root': {\n display: 'block',\n },\n }}\n href={href || '#'}\n ref={ref}\n aria-label=\"Home\"\n {...rest}\n >\n {children || <Logo {...logoProps} />}\n </Link>\n );\n }\n return children || <Logo sx={sx} ref={ref as unknown as ForwardedRef<SVGSVGElement>} {...logoProps} />;\n});\n\n/**\n * @deprecated use <HeaderLogo /> component instead\n */\nexport const HeaderSkodaLogo: FC<HeaderLogoProps> = forwardRef((props, ref) => {\n return <HeaderLogo {...props} ref={ref} />;\n});\n"],"names":["HeaderLogo","forwardRef","_a","ref","sx","children","href","logoProps","rest","__rest","theme","useTheme","onClick","_jsx","Link","Object","assign","display","position","py","getFocusRingStyle","boxShadow","Logo","HeaderSkodaLogo","props"],"mappings":"qLAuBO,MAAMA,EAAkCC,EAAAA,YAAW,CAACC,EAA4CC,KAA5C,IAAAC,GAAEA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,GAASL,EAAKM,EAAIC,EAAAA,OAAAP,EAAxC,CAAA,KAAA,WAAA,OAAA,cACzD,MAAMQ,EAAQC,EAAAA,WAEd,OAAIL,GAAQE,EAAKI,QAEbC,EAAAA,IAACC,OAAIC,OAAAC,OAAA,CACHZ,GAAEW,OAAAC,OAAAD,OAAAC,OAAA,CAEAC,QAAS,QACTC,SAAU,WACVC,GAAI,GAEDC,EAAAA,kBAAkBV,IAAM,CAE3B,qBAAsB,CACpBW,UAAW,QAEb,qBAAsB,CACpBJ,QAAS,WAGbX,KAAMA,GAAQ,IACdH,IAAKA,EAAG,aACG,QACPK,EAAI,CAAAH,SAEPA,GAAYQ,MAACS,EAAAA,sBAASf,OAItBF,GAAYQ,EAAAA,IAACS,EAAAA,oBAAKlB,GAAIA,EAAID,IAAKA,GAAmDI,GAAa,IAM3FgB,EAAuCtB,EAAAA,YAAW,CAACuB,EAAOrB,IAC9DU,EAAAA,IAACb,EAAUe,OAAAC,OAAA,GAAKQ,GAAOrB,IAAKA"}