npm - @skodaflow/web-library - Versions diffs - 7.0.1 → 7.0.2 - Mend

@skodaflow/web-library 7.0.1 → 7.0.2

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

package/cjs/organisms/gallery/Gallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Gallery.js","sources":["../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '~~use-keyboard-shortcut~~';\nexport const Gallery = (props) => {\n var _a;\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n setNextDisabled(!emblaApi.canScrollNext());\n setPrevDisabled(!emblaApi.canScrollPrev());\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi]);\n useEffect(() => {\n if (!props.galleryItems \|\| props.galleryItems.length === 0) {\n console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n }\n }, [props.galleryItems]);\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n useKeyboardShortcut(['Escape~~'],~~ onClose~~);\~~n ~~useKeyboardShortcut(['~~ArrowRight~~'],~~ ~~() =>~~ emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext~~());\~~n ~~useKeyboardShortcut(['~~ArrowLeft~~'],~~ ~~() =>~~ emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev());\n return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n backgroundColor: theme.palette.surface.quarternary,\n paddingTop: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","scrollNext","scrollPrev","_jsxs","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"~~q9IAMY~~,~~MAsCNA~~,EAAkBC,EAAAA,OAAOC,EAAAA,SAAPD,EAAiB,EAAGE,YAAa,CACrDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZC,QAAS,OACTC,eAAgB,gBAChBC,cAAe,aAEbC,EAAqBX,EAAAA,OAAOY,EAAGA,IAAVZ,EAAY,KAAO,CAC1Ca,MAAO,OACPC,OAAQ,MACRC,SAAU,SACVP,QAAS,OACTC,eAAgB,SAChBO,WAAY,SACZ,UAAW,CACPH,MAAO,OACPC,OAAQ,YAGVG,EAAsBjB,EAAAA,OAAOY,EAAGA,IAAVZ,EAAY,KAAO,CAC3Ca,MAAO,OACPC,OAAQ,MACRN,QAAS,OACTC,eAAgB,SAChBO,WAAY,aAEVE,EAAuBlB,EAAAA,OAAOmB,EAAAA,WAAPnB,EAAmB,EAAGE,YAAa,CAC5DkB,MAAOlB,EAAME,QAAQC,QAAQgB,~~4BAjETC~~,IACpB,IAAIC,EACJ,MAAMC,EAAiBC,EAAAA,SAAQ,IAAMH,EAAMI,aAAaC,OAAS,GAAG,CAACL,EAAMI,gBACrEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,EAAAA,YAAW,IACjDC,EAAcC,GAAmBC,EAAQA,UAAC,IAC1CC,EAAcC,GAAmBF,EAAQA,UAAC,IAC1CG,EAAUC,GAAYC,UAAiB,CAC1CC,MAAO,SACPC,KAAM,IACNC,WAAwC,QAA3BpB,EAAKD,EAAMqB,kBAA+B,IAAPpB,EAAgBA,EAAK,EACrEqB,eAAgB,EAChBC,UAAWvB,EAAMI,aAAaC,OAAS,IAE3CmB,EAAAA,WAAU,KACN,GAAIP,EAAU,CACV,MAAMQ,EAAW,KACbb,GAAiBK,EAASS,iBAC1BX,GAAiBE,EAASU,gBAAgB,EAE9CV,EAASW,GAAG,SAAUH,GACtBA,GACH,IACF,CAACR,IACJO,EAAAA,WAAU,KACDxB,EAAMI,cAA8C,IAA9BJ,EAAMI,aAAaC,QAC1CwB,QAAQC,KAAK,6FAChB,GACF,CAAC9B,EAAMI,eACV,MAAMG,EAASwB,EAAAA,aAAY,KACnB/B,EAAMI,cAAgBJ,EAAMI,aAAaC,OAAS,GAClDG,GACH,GACF,CAACA,EAASR,EAAMgC,~~WAInB~~,~~OAHAC~~,~~EAAAA~~,~~QAAoB~~,~~CAAC~~,~~UAAWxB~~,~~GAChCwB~~,~~EAAAA~~,~~QAAoB~~,~~CAAC~~,~~eAAe~~,~~IAAMhB~~,aAA2C,EAASA,~~EAASiB~~,~~eACvGD~~,~~EAAAA~~,~~QAAoB~~,~~CAAC,cAAc,IAAMhB,aAA2C,EAASA,EAASkB,eAC9FC,~~EAAKC,~~KAAC/C~~,EAAGA,IAAE,CAAE,cAAe,UAAW0C,SAAU,~~CAACM~~,~~MAAKhD~~,EAAAA,IAAK,~~CAAEiD~~,UAAW,OAAQC,~~QAASjC~~,~~EAAQkC~~,GAAI,CAAEC,OAAQ,WAAa,cAAe,~~kBAAmBV~~,SAAUhC,EAAMgC,~~WAAaM~~,EAAAA,~~IAAK7D~~,EAAiB,~~CAAEkE~~,~~KAAMrC~~,EAAQ,cAAe,mBAAoB0B,SAAU1B,~~GAAW8B~~,OAAMQ,EAAAA,SAAW,~~CAAEZ~~,SAAU,~~CAACM~~,EAAAA,~~IAAKjD~~,EAAoB,~~CAAEwD~~,~~IAAK7B~~,EAAUgB,~~SAAUM~~,EAAAA,~~IAAKhD~~,EAAAA,IAAK,~~CAAEmD~~,GAAI,~~CAAEvD~~,QAAS,OAAQ,QAAS,~~CAAE4D~~,KAAM,aAAgB,cAAe,gBAAiB,~~aAAc7B~~,aAA2C,EAASA,~~EAAS8B~~,~~qBAAsBf~~,SAAUhC,EAAMI,~~iBAAoBkC~~,EAAIU,~~IAACrD~~,EAAqB,CAAE,cAAe,kBAAmBqC,~~SAAUI~~,EAAKC,KAACY,QAAO,CAAEC,UAAW,MAAOC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,~~GAAKxB~~,SAAU,CAAC9B,~~GAAmBoC~~,EAAIU,~~IAACpD~~,EAAsB,~~CAAE6D~~,KAAM,QAASC,~~SAAU5C~~,~~EAAc0B~~,QAAS,~~IAAMvB~~,aAA2C,EAASA,~~EAASkB~~,aAAc,cAAe,~~eAAgBH~~,~~SAAUM~~,EAAIU,IAACW,OAAM,CAAEC,KAAM,iBAAqBtB,EAAIU,~~IAACpD~~,EAAsB,~~CAAE6D~~,KAAM,QAASjB,~~QAAS/B~~,EAAS,cAAe,gBAAiBuB,~~SAAUM~~,EAAIU,IAACW,EAAIA,KAAE,CAAEC,KAAM,~~YAAe1D~~,~~GAAmBoC~~,~~MAAK1C~~,EAAsB,~~CAAE6D~~,KAAM,QAASC,~~SAAU/C~~,~~EAAc6B~~,QAAS,~~IAAMvB~~,aAA2C,EAASA,~~EAASiB~~,aAAc,cAAe,~~eAAgBF~~,~~SAAUM~~,EAAAA,IAAKqB,EAAIA,KAAE,CAAEC,KAAM,8BAAyC"}
1	+ {"version":3,"file":"Gallery.js","sources":["../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Icon, useClosure } from '@/src';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\nexport const Gallery = (props) => {\n var _a;\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: (_a = props.startIndex) !== null && _a !== void 0 ? _a : 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n setNextDisabled(!emblaApi.canScrollNext());\n setPrevDisabled(!emblaApi.canScrollPrev());\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi]);\n useEffect(() => {\n if (!props.galleryItems \|\| props.galleryItems.length === 0) {\n console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n }\n }, [props.galleryItems]);\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n useKeyboardShortcut({\n Escape: onClose,\n ArrowRight: emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext,\n ArrowLeft: emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev,\n }, [!!emblaApi]);\n return (_jsxs(Box, { \"data-testid\": \"Gallery\", children: [_jsx(Box, { component: \"span\", onClick: onOpen, sx: { cursor: 'pointer' }, \"data-testid\": \"Gallery.trigger\", children: props.children }), _jsx(GalleryBackdrop, { open: isOpen, \"data-testid\": \"Gallery.backdrop\", children: isOpen && (_jsxs(_Fragment, { children: [_jsx(GalleryItemContent, { ref: emblaRef, children: _jsx(Box, { sx: { display: 'flex', '& > *': { flex: '0 0 100%' } }, \"data-testid\": \"Gallery.items\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: props.galleryItems }) }), _jsx(GalleryControlPanel, { \"data-testid\": \"Gallery.control\", children: _jsxs(Stack, { direction: \"row\", spacing: { xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }, children: [showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: prevDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollPrev(), \"data-testid\": \"Gallery.prev\", children: _jsx(Icon, { name: \"arrow-left\" }) })), _jsx(GalleryControlButton, { size: \"large\", onClick: onClose, \"data-testid\": \"Gallery.close\", children: _jsx(Icon, { name: \"close\" }) }), showNavButtons && (_jsx(GalleryControlButton, { size: \"large\", disabled: nextDisabled, onClick: () => emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.scrollNext(), \"data-testid\": \"Gallery.next\", children: _jsx(Icon, { name: \"arrow-right\" }) }))] }) })] })) })] }));\n};\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n backgroundColor: theme.palette.surface.quarternary,\n paddingTop: '20px',\n display: 'flex',\n justifyContent: 'space-between',\n flexDirection: 'column',\n}));\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n//# sourceMappingURL=Gallery.js.map"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","_a","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","jsxs","_jsx","component","onClick","sx","cursor","open","_Fragment","ref","flex","selectedScrollSnap","jsx","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"k7IAMY,MAwCNA,EAAkBC,EAAAA,OAAOC,EAAAA,SAAPD,EAAiB,EAAGE,YAAa,CACrDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZC,QAAS,OACTC,eAAgB,gBAChBC,cAAe,aAEbC,EAAqBX,EAAAA,OAAOY,EAAGA,IAAVZ,EAAY,KAAO,CAC1Ca,MAAO,OACPC,OAAQ,MACRC,SAAU,SACVP,QAAS,OACTC,eAAgB,SAChBO,WAAY,SACZ,UAAW,CACPH,MAAO,OACPC,OAAQ,YAGVG,EAAsBjB,EAAAA,OAAOY,EAAGA,IAAVZ,EAAY,KAAO,CAC3Ca,MAAO,OACPC,OAAQ,MACRN,QAAS,OACTC,eAAgB,SAChBO,WAAY,aAEVE,EAAuBlB,EAAAA,OAAOmB,EAAAA,WAAPnB,EAAmB,EAAGE,YAAa,CAC5DkB,MAAOlB,EAAME,QAAQC,QAAQgB,4BAnETC,IACpB,IAAIC,EACJ,MAAMC,EAAiBC,EAAAA,SAAQ,IAAMH,EAAMI,aAAaC,OAAS,GAAG,CAACL,EAAMI,gBACrEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,EAAAA,YAAW,IACjDC,EAAcC,GAAmBC,EAAQA,UAAC,IAC1CC,EAAcC,GAAmBF,EAAQA,UAAC,IAC1CG,EAAUC,GAAYC,UAAiB,CAC1CC,MAAO,SACPC,KAAM,IACNC,WAAwC,QAA3BpB,EAAKD,EAAMqB,kBAA+B,IAAPpB,EAAgBA,EAAK,EACrEqB,eAAgB,EAChBC,UAAWvB,EAAMI,aAAaC,OAAS,IAE3CmB,EAAAA,WAAU,KACN,GAAIP,EAAU,CACV,MAAMQ,EAAW,KACbb,GAAiBK,EAASS,iBAC1BX,GAAiBE,EAASU,gBAAgB,EAE9CV,EAASW,GAAG,SAAUH,GACtBA,GACH,IACF,CAACR,IACJO,EAAAA,WAAU,KACDxB,EAAMI,cAA8C,IAA9BJ,EAAMI,aAAaC,QAC1CwB,QAAQC,KAAK,6FAChB,GACF,CAAC9B,EAAMI,eACV,MAAMG,EAASwB,EAAAA,aAAY,KACnB/B,EAAMI,cAAgBJ,EAAMI,aAAaC,OAAS,GAClDG,GACH,GACF,CAACA,EAASR,EAAMgC,WAMnB,OALAC,UAAoB,CAChBC,OAAQzB,EACR0B,WAAYlB,aAA2C,EAASA,EAASmB,WACzEC,UAAWpB,aAA2C,EAASA,EAASqB,YACzE,GAAGrB,IACEsB,EAAKC,KAAClD,EAAGA,IAAE,CAAE,cAAe,UAAW0C,SAAU,CAACS,MAAKnD,EAAAA,IAAK,CAAEoD,UAAW,OAAQC,QAASpC,EAAQqC,GAAI,CAAEC,OAAQ,WAAa,cAAe,kBAAmBb,SAAUhC,EAAMgC,WAAaS,EAAAA,IAAKhE,EAAiB,CAAEqE,KAAMxC,EAAQ,cAAe,mBAAoB0B,SAAU1B,GAAWiC,OAAMQ,EAAAA,SAAW,CAAEf,SAAU,CAACS,EAAAA,IAAKpD,EAAoB,CAAE2D,IAAKhC,EAAUgB,SAAUS,EAAAA,IAAKnD,EAAAA,IAAK,CAAEsD,GAAI,CAAE1D,QAAS,OAAQ,QAAS,CAAE+D,KAAM,aAAgB,cAAe,gBAAiB,aAAchC,aAA2C,EAASA,EAASiC,qBAAsBlB,SAAUhC,EAAMI,iBAAoBqC,EAAIU,IAACxD,EAAqB,CAAE,cAAe,kBAAmBqC,SAAUO,EAAKC,KAACY,QAAO,CAAEC,UAAW,MAAOC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAK3B,SAAU,CAAC9B,GAAmBuC,EAAIU,IAACvD,EAAsB,CAAEgE,KAAM,QAASC,SAAU/C,EAAc6B,QAAS,IAAM1B,aAA2C,EAASA,EAASqB,aAAc,cAAe,eAAgBN,SAAUS,EAAIU,IAACW,OAAM,CAAEC,KAAM,iBAAqBtB,EAAIU,IAACvD,EAAsB,CAAEgE,KAAM,QAASjB,QAASlC,EAAS,cAAe,gBAAiBuB,SAAUS,EAAIU,IAACW,EAAIA,KAAE,CAAEC,KAAM,YAAe7D,GAAmBuC,MAAK7C,EAAsB,CAAEgE,KAAM,QAASC,SAAUlD,EAAcgC,QAAS,IAAM1B,aAA2C,EAASA,EAASmB,aAAc,cAAe,eAAgBJ,SAAUS,EAAAA,IAAKqB,EAAIA,KAAE,CAAEC,KAAM,8BAAyC"}

package/cjs/organisms/gallery/GalleryItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../utils/ResponsiveType.js"),i=require("react"),n=require("react-use");const c=r.styled(r.Box)((()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));exports.GalleryItem=a=>{var{description:l,alt:u}=a,o=e.__rest(a,["description","alt"]);const x=r.useTheme(),m=s.useResponsiveProp(o.imageSrc),{width:d}=n.useWindowSize(),p=i.useRef(null),h=i.useRef(null),f=i.useRef(null),g=i.useCallback((()=>{if(p.current&&h.current&&f.current){const e=p.current.clientHeight,t=f.current.clientHeight;h.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return i.useEffect(g),i.useEffect((()=>g),[h.current,f.current,p.current,d]),t.jsxs(c,{ref:p,"data-testid":"GalleryItem",children:[t.jsxs(r.Box,{ref:h,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[t.jsx("source",{media:`(min-width: ${x.breakpoints.values.xl}px)`,srcSet:m.xl}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.lg}px)`,srcSet:m.lg}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.md}px)`,srcSet:m.md}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.sm}px)`,srcSet:m.sm}),t.jsx("source",{media:`(max-width: ${x.breakpoints.values.sm}px)`,srcSet:m.xs}),t.jsx(r.Box,{component:"img",src:m.xs,alt:u,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),l&&t.jsx(r.Container,{ref:f,"data-testid":"GalleryItem.desc",children:"string"==typeof l?t.jsx(r.Typography,{sx:{color:x.palette.common.white,paddingTop:1,textAlign:"center"},children:l}):l})]})};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),s=require("../../utils/ResponsiveType.js"),i=require("react"),n=require("../../components/common/hook/useWindowSize.js");const c=r.styled(r.Box)((()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));exports.GalleryItem=a=>{var{description:l,alt:o}=a,u=e.__rest(a,["description","alt"]);const x=r.useTheme(),m=s.useResponsiveProp(u.imageSrc),{width:d}=n.default(),p=i.useRef(null),h=i.useRef(null),f=i.useRef(null),g=i.useCallback((()=>{if(p.current&&h.current&&f.current){const e=p.current.clientHeight,t=f.current.clientHeight;h.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return i.useEffect(g),i.useEffect((()=>g),[h.current,f.current,p.current,d]),t.jsxs(c,{ref:p,"data-testid":"GalleryItem",children:[t.jsxs(r.Box,{ref:h,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[t.jsx("source",{media:`(min-width: ${x.breakpoints.values.xl}px)`,srcSet:m.xl}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.lg}px)`,srcSet:m.lg}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.md}px)`,srcSet:m.md}),t.jsx("source",{media:`(min-width: ${x.breakpoints.values.sm}px)`,srcSet:m.sm}),t.jsx("source",{media:`(max-width: ${x.breakpoints.values.sm}px)`,srcSet:m.xs}),t.jsx(r.Box,{component:"img",src:m.xs,alt:o,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),l&&t.jsx(r.Container,{ref:f,"data-testid":"GalleryItem.desc",children:"string"==typeof l?t.jsx(r.Typography,{sx:{color:x.palette.common.white,paddingTop:1,textAlign:"center"},children:l}):l})]})};
 //# sourceMappingURL=GalleryItem.js.map

package/cjs/organisms/gallery/GalleryItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GalleryItem.js","sources":["../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useWindowSize } from '~~react-use~~';\nexport const GalleryItem = (_a) => {\n var { description, alt } = _a, props = __rest(_a, [\"description\", \"alt\"]);\n const theme = useTheme();\n const imageSrc = useResponsiveProp(props.imageSrc);\n const { width: windowWidth } = useWindowSize();\n const wrapperRef = useRef(null);\n const imageRef = useRef(null);\n const descRef = useRef(null);\n const fixImageSize = useCallback(() => {\n if (wrapperRef.current && imageRef.current && descRef.current) {\n const wrapperHeight = wrapperRef.current.clientHeight;\n const descHeight = descRef.current.clientHeight;\n imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n }\n }, []);\n useEffect(fixImageSize);\n useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n return (_jsxs(GalleryItemWrapper, { ref: wrapperRef, \"data-testid\": \"GalleryItem\", children: [_jsxs(Box, { ref: imageRef, component: \"picture\", sx: { maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }, children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", src: imageSrc.xs, alt: alt, sx: { maxHeight: '100%', maxWidth: '100%' } })] }), description && (_jsx(Container, { ref: descRef, \"data-testid\": \"GalleryItem.desc\", children: typeof description === 'string' ? (_jsx(Typography, { sx: { color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }, children: description })) : (description) }))] }));\n};\nconst GalleryItemWrapper = styled(Box)(() => ({\n position: 'relative',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n}));\n//# sourceMappingURL=GalleryItem.js.map"],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","jsx","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"~~mLAMY~~,MAmBNA,EAAqBC,EAAAA,OAAOC,EAAGA,IAAVD,EAAY,KAAO,CAC1CE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCAxBQC,IACxB,IAAIC,YAAEA,EAAWC,IAAEA,GAAQF,EAAIG,EAAQC,EAAMA,OAACJ,EAAI,CAAC,cAAe,QAClE,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,~~EAAaA~~,~~gBACtCC~~,EAAaC,SAAO,MACpBC,EAAWD,SAAO,MAClBE,EAAUF,SAAO,MACjBG,EAAeC,EAAAA,aAAY,KAC7B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC3D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aACnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC7E,IACF,IAGH,OAFAK,EAASA,UAACV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,~~QAASR~~,~~IAC9EiB~~,EAAAA,~~KAAMnC~~,EAAoB,~~CAAEoC~~,IAAKhB,EAAY,cAAe,cAAeiB,SAAU,CAACF,EAAAA,~~KAAMjC~~,EAAAA,IAAK,~~CAAEkC~~,IAAKd,EAAUgB,UAAW,UAAWC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAAYJ,SAAU,CAACK,EAAAA,IAAK,SAAU,CAAEC,MAAO,~~eAAe9B,EAAM+~~B,YAAYC,OAAOC,QAASC,~~OAAQhC~~,~~EAAS+B~~,KAAOJ,MAAK,SAAU,CAAEC,MAAO,~~eAAe9B,EAAM+~~B,YAAYC,OAAOG,QAASD,~~OAAQhC~~,~~EAASiC~~,KAAON,EAAIO,IAAC,SAAU,CAAEN,MAAO,~~eAAe9B,EAAM+~~B,YAAYC,OAAOK,QAASH,~~OAAQhC~~,~~EAASmC~~,KAAOR,EAAIO,IAAC,SAAU,CAAEN,MAAO,~~eAAe9B,EAAM+~~B,YAAYC,OAAOM,QAASJ,~~OAAQhC~~,~~EAASoC~~,KAAOT,EAAAA,IAAK,SAAU,CAAEC,MAAO,~~eAAe9B,EAAM+~~B,YAAYC,OAAOM,QAASJ,~~OAAQhC~~,~~EAASqC~~,KAAOV,EAAIO,~~IAAC/C~~,EAAGA,IAAE,~~CAAEoC~~,UAAW,MAAOe,~~IAAKtC~~,~~EAASqC~~,~~GAAI1C~~,IAAKA,~~EAAK6B~~,GAAI,CAAER,UAAW,OAAQS,SAAU,~~aAAiB/B~~,~~GAAgBiC~~,EAAAA,IAAKY,EAAAA,UAAW,CAAElB,IAAKb,EAAS,cAAe,mBAAoBc,SAAiC,~~iBAAhB5B~~,~~EAA4BiC~~,EAAIO,IAACM,aAAY,CAAEhB,GAAI,CAAEiB,~~MAAO3C~~,~~EAAM4C~~,QAAQC,OAAOC,MAAOC,WAAY,EAAGnB,UAAW,UAAYJ,~~SAAU5B~~,IAAc,MAA2B"}
1	+ {"version":3,"file":"GalleryItem.js","sources":["../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\nexport const GalleryItem = (_a) => {\n var { description, alt } = _a, props = __rest(_a, [\"description\", \"alt\"]);\n const theme = useTheme();\n const imageSrc = useResponsiveProp(props.imageSrc);\n const { width: windowWidth } = useWindowSize();\n const wrapperRef = useRef(null);\n const imageRef = useRef(null);\n const descRef = useRef(null);\n const fixImageSize = useCallback(() => {\n if (wrapperRef.current && imageRef.current && descRef.current) {\n const wrapperHeight = wrapperRef.current.clientHeight;\n const descHeight = descRef.current.clientHeight;\n imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n }\n }, []);\n useEffect(fixImageSize);\n useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n return (_jsxs(GalleryItemWrapper, { ref: wrapperRef, \"data-testid\": \"GalleryItem\", children: [_jsxs(Box, { ref: imageRef, component: \"picture\", sx: { maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }, children: [_jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.xl}px)`, srcSet: imageSrc.xl }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.lg}px)`, srcSet: imageSrc.lg }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.md}px)`, srcSet: imageSrc.md }), _jsx(\"source\", { media: `(min-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.sm }), _jsx(\"source\", { media: `(max-width: ${theme.breakpoints.values.sm}px)`, srcSet: imageSrc.xs }), _jsx(Box, { component: \"img\", src: imageSrc.xs, alt: alt, sx: { maxHeight: '100%', maxWidth: '100%' } })] }), description && (_jsx(Container, { ref: descRef, \"data-testid\": \"GalleryItem.desc\", children: typeof description === 'string' ? (_jsx(Typography, { sx: { color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }, children: description })) : (description) }))] }));\n};\nconst GalleryItemWrapper = styled(Box)(() => ({\n position: 'relative',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n}));\n//# sourceMappingURL=GalleryItem.js.map"],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","default","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","jsx","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"uNAMY,MAmBNA,EAAqBC,EAAAA,OAAOC,EAAGA,IAAVD,EAAY,KAAO,CAC1CE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCAxBQC,IACxB,IAAIC,YAAEA,EAAWC,IAAEA,GAAQF,EAAIG,EAAQC,EAAMA,OAACJ,EAAI,CAAC,cAAe,QAClE,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,EAAaC,UACtCC,EAAaC,SAAO,MACpBC,EAAWD,SAAO,MAClBE,EAAUF,SAAO,MACjBG,EAAeC,EAAAA,aAAY,KAC7B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC3D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aACnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC7E,IACF,IAGH,OAFAK,EAASA,UAACV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAAST,IAC9EkB,EAAAA,KAAMpC,EAAoB,CAAEqC,IAAKhB,EAAY,cAAe,cAAeiB,SAAU,CAACF,EAAAA,KAAMlC,EAAAA,IAAK,CAAEmC,IAAKd,EAAUgB,UAAW,UAAWC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAAYJ,SAAU,CAACK,EAAAA,IAAK,SAAU,CAAEC,MAAO,eAAe/B,EAAMgC,YAAYC,OAAOC,QAASC,OAAQjC,EAASgC,KAAOJ,MAAK,SAAU,CAAEC,MAAO,eAAe/B,EAAMgC,YAAYC,OAAOG,QAASD,OAAQjC,EAASkC,KAAON,EAAIO,IAAC,SAAU,CAAEN,MAAO,eAAe/B,EAAMgC,YAAYC,OAAOK,QAASH,OAAQjC,EAASoC,KAAOR,EAAIO,IAAC,SAAU,CAAEN,MAAO,eAAe/B,EAAMgC,YAAYC,OAAOM,QAASJ,OAAQjC,EAASqC,KAAOT,EAAAA,IAAK,SAAU,CAAEC,MAAO,eAAe/B,EAAMgC,YAAYC,OAAOM,QAASJ,OAAQjC,EAASsC,KAAOV,EAAIO,IAAChD,EAAGA,IAAE,CAAEqC,UAAW,MAAOe,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK8B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAAiBhC,GAAgBkC,EAAAA,IAAKY,EAAAA,UAAW,CAAElB,IAAKb,EAAS,cAAe,mBAAoBc,SAAiC,iBAAhB7B,EAA4BkC,EAAIO,IAACM,aAAY,CAAEhB,GAAI,CAAEiB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGnB,UAAW,UAAYJ,SAAU7B,IAAc,MAA2B"}

package/cjs/organisms/gallery/GalleryTrigger.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js"),require("react"),require("@mui/material/styles"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("@mui/system"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js");const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}};exports.GalleryHighlightSx=i,exports.GalleryTrigger=t=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:i,children:e.jsx(o.Icon,{name:"search-plus"})}),t.children]});
+"use strict";var e=require("react/jsx-runtime");require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js"),require("react"),require("@mui/material/styles"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./Gallery.js"),require("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("@mui/system"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js");const i={position:"absolute",top:0,right:0,left:0,background:"linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)",display:"inline-block",height:"100%","& .sa-i":{position:"absolute",right:"8px",top:"8px",color:"white"}};exports.GalleryHighlightSx=i,exports.GalleryTrigger=t=>e.jsxs(r.Box,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[e.jsx(r.Box,{component:"span",sx:i,children:e.jsx(o.Icon,{name:"search-plus"})}),t.children]});
 //# sourceMappingURL=GalleryTrigger.js.map

package/cjs/organisms/gallery/GalleryTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GalleryTrigger.js","sources":["../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n position: 'absolute',\n top: 0,\n right: 0,\n left: 0,\n background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n display: 'inline-block',\n height: '100%',\n '& .sa-i': {\n position: 'absolute',\n right: '8px',\n top: '8px',\n color: 'white',\n },\n};\nexport const GalleryTrigger = (props) => {\n return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Icon, { name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","name"],"mappings":"~~+zIAGY~~,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAAA,IAAKE,EAAIA,KAAE,CAAEC,KAAM,kBAAqBT,EAAMK"}
1	+ {"version":3,"file":"GalleryTrigger.js","sources":["../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box } from '@mui/material';\nexport const GalleryHighlightSx = {\n position: 'absolute',\n top: 0,\n right: 0,\n left: 0,\n background: 'linear-gradient(180deg, rgb(101 101 101 / 56%) 25px, transparent 50px)',\n display: 'inline-block',\n height: '100%',\n '& .sa-i': {\n position: 'absolute',\n right: '8px',\n top: '8px',\n color: 'white',\n },\n};\nexport const GalleryTrigger = (props) => {\n return (_jsxs(Box, { component: \"span\", sx: { position: 'relative', display: 'inline-block' }, \"data-testid\": \"GalleryTrigger\", children: [_jsx(Box, { component: \"span\", sx: GalleryHighlightSx, children: _jsx(Icon, { name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","name"],"mappings":"kwIAGY,MAACA,EAAqB,CAC9BC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OACR,UAAW,CACPN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAGgBC,GACnBC,EAAAA,KAAMC,EAAAA,IAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBQ,SAAU,CAACC,EAAIC,IAACL,EAAGA,IAAE,CAAEC,UAAW,OAAQC,GAAIb,EAAoBc,SAAUC,EAAAA,IAAKE,EAAIA,KAAE,CAAEC,KAAM,kBAAqBT,EAAMK"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"heroImageCard.js","sources":["../../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const HeroImageCard = forwardRef((props, ref) => {\n return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/\n @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n else\n return props.theme.palette.common.white;\n}};\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\n height: 500px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 340px';\n }\n else\n return 'height: 440px';\n}}\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 400px';\n }\n else\n return 'height: 500px';\n}}\n }\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\n .CardImageText {\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n max-width: 540px;\n }\n .CardImageTitle {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 38px;\n line-height: 48px;\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n}};\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 44px;\n line-height: 52px;\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n}};\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n}};\n }\n }\n .CardImageButtons {\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .cta-button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n }\n .cta-button button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\n }\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","default","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"oRAaY,MAACA,EAAgBC,EAAUA,YAAC,CAACC,EAAOC,IACpCC,EAAIC,IAACC,EAAqB,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAwBC,OAAOC,OAAO,CAAA,EAAIR,QAKrGI,EAAsBK,EAAAA,QAAOC,EAAOC,QAAE;WAChCX,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YAClEb,EAAMc,MAAMC,QAAQC,OAAOC,OAE7BjB,EAAMK,SAASL,MAAMa,YACnBb,EAAMc,MAAMC,QAAQC,OAAOE;IAKrClB,IACD,GAAIA,EAAMc,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBpB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOC;MAC1DvB,GACsC,UAArCA,EAAMK,SAASL,MAAMwB,YACd,gBAGA;;uBAGSxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;MAC1DzB,GACsC,UAArCA,EAAMK,SAASL,MAAMwB,YACd,gBAGA;;IAGVxB,IACD,GAAIA,EAAMK,SAASL,MAAM0B,eACrB,MAAO,qBACV;;yBAGqB1B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;;2BAIvCzB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;UAG1D3B,IACP,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACrB,MAAO,oCACV;;2BAGuBxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACrB,MAAO,oCACV;;eAGWxB,GAC8B,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YAClEb,EAAMc,MAAMC,QAAQC,OAAOC,MAEG,aAArCjB,EAAMK,SAASL,MAAMa,YACdb,EAAMc,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBlB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKvC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKzC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;;;MAO9D3B,GACI4B,EAAAA,iCAAiC5B,EAAMK,SAASL,MAAMY,aAAc;;MAGxEZ,GACI6B,EAAAA,gCAAgC7B,EAAMK,SAASL,MAAMa,YAAa;;"}
1	+ {"version":3,"file":"heroImageCard.js","sources":["../../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const HeroImageCard = forwardRef((props, ref) => {\n return (_jsx(HeroImageCardStyled, { ref: ref, children: _jsx(HeroImageCardComponent, Object.assign({}, props)) }));\n});\n/\n @description Hero Image Card styling definition based on props\n */\nconst HeroImageCardStyled = styled(MuiCard) `\r\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n else\n return props.theme.palette.common.white;\n}};\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n height: 500px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 340px';\n }\n else\n return 'height: 440px';\n}}\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 400px';\n }\n else\n return 'height: 500px';\n}}\r\n }\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n .CardImageText {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n max-width: 540px;\r\n }\r\n .CardImageTitle {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n font-size: 38px;\r\n line-height: 48px;\r\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n}};\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 44px;\r\n line-height: 52px;\r\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n}};\r\n }\r\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n}};\r\n }\r\n }\r\n .CardImageButtons {\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n .cta-button {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n }\r\n }\r\n .cta-button button {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n .CardImageOverlayTheme {\r\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n }\r\n`;\n//# sourceMappingURL=heroImageCard.js.map"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","jsx","HeroImageCardStyled","children","HeroImageCardComponent","Object","assign","styled","MuiCard","default","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"oRAaY,MAACA,EAAgBC,EAAUA,YAAC,CAACC,EAAOC,IACpCC,EAAIC,IAACC,EAAqB,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAwBC,OAAOC,OAAO,CAAA,EAAIR,QAKrGI,EAAsBK,EAAAA,QAAOC,EAAOC,QAAE;WAChCX,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YAClEb,EAAMc,MAAMC,QAAQC,OAAOC,OAE7BjB,EAAMK,SAASL,MAAMa,YACnBb,EAAMc,MAAMC,QAAQC,OAAOE;IAKrClB,IACD,GAAIA,EAAMc,MAAMK,MAAMC,aAClB,MAAO,mBACV;;uBAGmBpB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOC;MAC1DvB,GACsC,UAArCA,EAAMK,SAASL,MAAMwB,YACd,gBAGA;;uBAGSxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;MAC1DzB,GACsC,UAArCA,EAAMK,SAASL,MAAMwB,YACd,gBAGA;;IAGVxB,IACD,GAAIA,EAAMK,SAASL,MAAM0B,eACrB,MAAO,qBACV;;yBAGqB1B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;;2BAIvCzB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;UAG1D3B,IACP,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACrB,MAAO,oCACV;;2BAGuBxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;UAG1DzB,IACP,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACrB,MAAO,oCACV;;eAGWxB,GAC8B,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YAClEb,EAAMc,MAAMC,QAAQC,OAAOC,MAEG,aAArCjB,EAAMK,SAASL,MAAMa,YACdb,EAAMc,MAAMC,QAAQC,OAAOE,WADtC;;;;;yBAQsBlB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKvC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKzC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;;;MAO9D3B,GACI4B,EAAAA,iCAAiC5B,EAAMK,SAASL,MAAMY,aAAc;;MAGxEZ,GACI6B,EAAAA,gCAAgC7B,EAAMK,SAASL,MAAMa,YAAa;;"}

package/cjs/organisms/maps/mapComponents/infoWindowConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"infoWindowConfig.js","sources":["../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street \|\| ''}</p>\n<p>${city \|\| ''}</p>\n </div>`;\nconst phoneSection = (phone) => phone\n ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n </div>\n `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n </div>`\n : '';\nconst contentString = (params) => params\n ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n : '';\nconst infoWindow = (windowConfig) => {\n return new google.maps.InfoWindow({\n content: contentString(windowConfig),\n });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n if (infoWindowState) {\n infoWindowState.close();\n }\n const currentInfoWindow = infoWindow({});\n currentInfoWindow.open({\n anchor: marker,\n map: currentMap,\n });\n setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,6CACWS,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAASf,EAAcW"}
1	+ {"version":3,"file":"infoWindowConfig.js","sources":["../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\nconst titleSection = (title) => title &&\n `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\r\n ${title}\r\n </h4>`;\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\r\n<p>${street \|\| ''}</p>\r\n<p>${city \|\| ''}</p>\r\n </div>`;\nconst phoneSection = (phone) => phone\n ? `<div id=\"phoneNumber\">\r\n\t<a href=\"tel:${phone}\">${phone}</a>\r\n </div>`\n : '';\nconst openStatusSection = (isOpen) => isOpen !== null &&\n `\r\n<div id=\"info-dealer-status\">\r\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\r\n </div>\r\n `;\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\nconst ctaLabelSection = (ctaLabel) => ctaLabel\n ? `<div id=\"detail-cta-container\">\r\n<span id=\"info-detail-cta\">${ctaLabel}</span>\r\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\r\n </div>`\n : '';\nconst contentString = (params) => params\n ? `<div id=\"content\">\r\n\t${titleSection(params.title)}\r\n\t${streetSection(params.street, params.city)}\r\n\t${phoneSection(params.phone)}\r\n\t<div id=\"openStatus\">\r\n\t${openStatusSection(params.isOpen)}\r\n\t${distanceSection(params.distance)}\r\n\t</div>\r\n\t${ctaLabelSection(params.ctaLabel)}\r\n\t </div>`\n : '';\nconst infoWindow = (windowConfig) => {\n return new google.maps.InfoWindow({\n content: contentString(windowConfig),\n });\n};\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n if (infoWindowState) {\n infoWindowState.close();\n }\n const currentInfoWindow = infoWindow({});\n currentInfoWindow.open({\n anchor: marker,\n map: currentMap,\n });\n setInfoWindow(currentInfoWindow);\n};\nexport { infoWindow, handleRenderInfoWindow, contentString };\n//# sourceMappingURL=infoWindowConfig.js.map"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDACA,MA0BMA,EAAiBC,IAAWA,SAC5B,yBA3BgBC,EA4BND,EAAOC,MA5BSA,GAC5B,sDACDA,kBAEoBC,EAyBNF,EAAOE,OAzBOC,EAyBCH,EAAOG,KAzBC,6BACnCD,GAAU,cACVC,GAAQ,wBAESC,EAsBNJ,EAAOI,MAtBSA,EAC1B,0CACUA,MAAUA,iBAEpB,kCACqBC,EAmBNL,EAAOK,OAnBqB,OAAXA,GAClC,oCAEFA,EAAS,8CAAgD,oEAGlCC,EAcNN,EAAOM,SAdaA,EAAW,QAAQA,UAAmB,mBACpDC,EAeNP,EAAOO,SAfYA,EAChC,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAYA,GAjBkB,IAACF,EADAD,EANED,EALLD,EAJCF,EAAQC,EAJTF,CAqCb,6CACWS,GACT,IAAIC,OAAOC,KAAKC,WAAW,CAC9BC,QAASf,EAAcW"}

package/cjs/organisms/notification/Notification.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js"),require("react"),require("@mui/material/styles"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../components/controls/controls.js"),require("../../components/numbering/numbering.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("@mui/system"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("./NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../components/icon/icon.definitions.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var i=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../gallery/Gallery.js"),require("../gallery/GalleryItem.js"),require("minimatch");const t=r.styled(r.Box)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:e.palette.onSurface.os200,flexShrink:0})));exports.Notification=o=>{const a=r.useTheme();return e.jsxs(r.Box,{sx:{background:"grey"===o.color?a.palette.surface.primary:a.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[o.icon&&e.jsx(t,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:o.icon}),e.jsxs(r.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[e.jsxs(r.Box,{display:"flex",alignItems:"center",children:[o.isNew&&e.jsx(i.Indicator,{color:"neutral"}),e.jsx(r.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(r.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:o.headline})})]}),e.jsx(r.Box,{"data-testid":"Notification.description",children:"string"==typeof o.description?e.jsx(r.Typography,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:o.description}):o.description}),o.footer&&e.jsx(r.Typography,{variant:"disclaimer",color:a.palette.onSurface.os500,"data-testid":"Notification.footer",children:o.footer}),o.buttons&&e.jsx(r.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:o.buttons})]}),o.onDismiss&&e.jsx(r.IconButton,{onClick:o.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:e.jsx(r.Icon,{fontSize:"small",className:"ballotx close"})})]})};
+"use strict";var e=require("react/jsx-runtime");require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js"),require("react"),require("@mui/material/styles"),require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../../components/controls/controls.js"),require("../../components/numbering/numbering.js"),require("../../utils/enum.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("@mui/system"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("./NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../components/icon/icon.definitions.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var i=require("../../components/indicator/indicator.js");require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("../gallery/Gallery.js"),require("../gallery/GalleryItem.js"),require("minimatch");const t=r.styled(r.Box)((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:e.palette.onSurface.os200,flexShrink:0})));exports.Notification=o=>{const a=r.useTheme();return e.jsxs(r.Box,{sx:{background:"grey"===o.color?a.palette.surface.primary:a.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[o.icon&&e.jsx(t,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:o.icon}),e.jsxs(r.Box,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[e.jsxs(r.Box,{display:"flex",alignItems:"center",children:[o.isNew&&e.jsx(i.Indicator,{color:"neutral"}),e.jsx(r.Box,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.jsx(r.Typography,{variant:"subheadline","data-testid":"Notification.headline",children:o.headline})})]}),e.jsx(r.Box,{"data-testid":"Notification.description",children:"string"==typeof o.description?e.jsx(r.Typography,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:o.description}):o.description}),o.footer&&e.jsx(r.Typography,{variant:"disclaimer",color:a.palette.onSurface.os500,"data-testid":"Notification.footer",children:o.footer}),o.buttons&&e.jsx(r.Stack,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:o.buttons})]}),o.onDismiss&&e.jsx(r.IconButton,{onClick:o.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:e.jsx(r.Icon,{fontSize:"small",className:"ballotx close"})})]})};
 //# sourceMappingURL=Notification.js.map

package/cjs/organisms/notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n const theme = useTheme();\n return (_jsxs(Box, { sx: {\n background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n padding: '24px 32px',\n display: 'flex',\n flexDirection: 'row',\n gap: '24px',\n alignItems: 'center',\n position: 'relative',\n }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n display: { sm: 'flex', xs: 'none' },\n overflow: 'hidden',\n img: { width: '100%', height: '100%', objectFit: 'cover' },\n }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '8px',\n flexDirection: 'column',\n }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n lineHeight: '16px',\n maxHeight: '32px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n position: 'absolute',\n right: '8px',\n top: '8px',\n '.sa-i': {\n height: '28px',\n },\n }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: '56px',\n height: '56px',\n background: theme.palette.onSurface.os200,\n flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"~~+uIAGY~~,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEnB,MAAO,YAAcU,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CAC/HqB,WAAY,SACZN,SAAU,SACVO,aAAc,YACfb,SAAUE,EAAIC,IAACW,aAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBf,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACW,EAAUA,WAAE,CAAEvB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcf,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACW,aAAY,CAAEC,QAAS,aAAcvB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,sBAA4B"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n const theme = useTheme();\n return (_jsxs(Box, { sx: {\n background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n padding: '24px 32px',\n display: 'flex',\n flexDirection: 'row',\n gap: '24px',\n alignItems: 'center',\n position: 'relative',\n }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n display: { sm: 'flex', xs: 'none' },\n overflow: 'hidden',\n img: { width: '100%', height: '100%', objectFit: 'cover' },\n }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '8px',\n flexDirection: 'column',\n }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n lineHeight: '16px',\n maxHeight: '32px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n position: 'absolute',\n right: '8px',\n top: '8px',\n '.sa-i': {\n height: '28px',\n },\n }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: '56px',\n height: '56px',\n background: theme.palette.onSurface.os200,\n flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className"],"mappings":"krIAGY,MA0CNA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CACxCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlDaC,IACzB,MAAMZ,EAAQa,EAAAA,WACd,OAAQC,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CACjBT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACb,EAAMc,MAASC,EAAIC,IAAC/B,EAAS,CAAEmB,GAAI,CACpEf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cAAe,oBAAqBR,SAAUb,EAAMc,OAAUZ,EAAKC,KAAChB,MAAK,CAAEiB,GAAI,CAC9EX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,UAChBG,SAAU,CAACX,EAAKC,KAAChB,MAAK,CAAEE,QAAS,OAAQE,WAAY,SAAUsB,SAAU,CAACb,EAAMuB,OAASR,EAAAA,IAAKS,EAASA,UAAE,CAAEnB,MAAO,YAAcU,EAAIC,IAAC7B,MAAK,CAAEiB,GAAI,CAC/HqB,WAAY,SACZN,SAAU,SACVO,aAAc,YACfb,SAAUE,EAAIC,IAACW,aAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBf,SAAUb,EAAM6B,gBAAoBd,EAAIC,IAAC7B,EAAGA,IAAE,CAAE,cAAe,2BAA4B0B,SAAuC,iBAAtBb,EAAM8B,YAA4Bf,EAAIC,IAACW,EAAUA,WAAE,CAAEvB,GAAI,CACrQ2B,WAAY,OACZC,UAAW,OACXb,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcf,SAAUb,EAAM8B,cAAmB9B,EAAiB,cAAMA,EAAMmC,QAAWpB,EAAIC,IAACW,aAAY,CAAEC,QAAS,aAAcvB,MAAOjB,EAAMQ,QAAQC,UAAUuC,MAAO,cAAe,sBAAuBvB,SAAUb,EAAMmC,SAAYnC,EAAMqC,SAAYtB,EAAAA,IAAKuB,EAAKA,MAAE,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB3B,SAAUb,EAAMqC,aAAiBrC,EAAMyC,WAAc1B,EAAAA,IAAK2B,EAAAA,WAAY,CAAEC,QAAS3C,EAAMyC,UAAWG,KAAM,QAASxC,GAAI,CACzdQ,SAAU,WACViC,MAAO,MACPC,IAAK,MACL,QAAS,CACLpD,OAAQ,SAEb,cAAe,uBAAwBmB,SAAUE,EAAIC,IAAC+B,EAAIA,KAAE,CAAEC,SAAU,QAASC,UAAW,sBAA4B"}

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

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

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { DependencyList } from 'react';
+/**
+ * Monitor press of the key on the keyboard and do action assigned to it
+ *
+ * @param {object} keys_and_actions - object containing keys and assigned actions to them,
+ *  e.g. {Escape: handleClose}
+ * @param {array} deps - useEffect dependencies
+ */
+export default function useKeyboardShortcut(keys_and_actions: {
+    [key: string]: () => void;
+}, deps?: DependencyList): void;

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r=[]){e.useEffect((()=>{const e=e=>{Object.entries(t).forEach((([t,r])=>{e.key===t&&r&&r()}))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[...r])};
2	+ //# sourceMappingURL=useKeyboardShortcut.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { useEffect } from 'react';\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(keys_and_actions, deps = []) {\n useEffect(() => {\n const downHandler = (e) => {\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 window.addEventListener('keydown', downHandler);\n // cleanup\n return () => {\n window.removeEventListener('keydown', downHandler);\n };\n }, [...deps]);\n}\n//# sourceMappingURL=useKeyboardShortcut.js.map"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GAQe,SAA6BA,EAAkBC,EAAO,IACjEC,EAAAA,WAAU,KACN,MAAMC,EAAeC,IAEjBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAExCL,EAAEI,MAAQA,GAAOC,GACjBA,GACH,GACH,EAIN,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACHO,OAAOE,oBAAoB,UAAWT,EAAY,CACrD,GACF,IAAIF,GACX"}

package/components/banner/banner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import"tslib";import{useTheme as o,lighten as e,Stack as i,Box as a,Typography as s}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as m}from"react";import"@mui/material/styles";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import"../controls/controls.js";import"../divider/divider.js";import"../drawer/drawer.js";import"../flag/flag.js";import"@mui/material/Grid";import{Icon as n}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../indicator/indicator.js";import"../label/label.js";import"../labelCO2/labelCO2.js";import"../labelFeature/labelFeature.js";import"../labelPromotional/labelPromotional.js";import"../labelStatus/labelStatus.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progressBar/progressBar.js";import"../radioButton/radioButton.js";import"../selectInput/selectInput.js";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../helperTextContent/index.js";import"../toggleSwitch/toggleSwitch.js";import"../avatar/Avatar.js";import"../iconButton/index.js";import"../alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"@mui/system";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const p=({children:p,variant:l="info",buttons:c})=>{const d=o(),[u,j]=m((()=>{switch(l){case"error":return[d.palette.error.main,e(d.palette.error.light,.9)];case"warning":return[d.palette.warning.main,e(d.palette.warning.light,.9)];default:return[d.palette.info.main,e(d.palette.info.light,.9)]}}),[l,d]);return r(i,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:u,backgroundColor:j},"data-testid":"Banner",children:[r(i,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[t(n,{name:"info"===l?"circle-info":"circle-exclamation",iconStyle:"filled",color:l,sx:{alignSelf:"flex-start",color:u,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),t(a,{children:"string"==typeof p?t(s,{children:p}):p})]}),c&&t(i,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:c})]})};export{p as Banner};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import"tslib";import{useTheme as o,lighten as i,Stack as e,Box as a,Typography as s}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as m}from"react";import"@mui/material/styles";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import"../controls/controls.js";import"../divider/divider.js";import"../drawer/drawer.js";import"../flag/flag.js";import"@mui/material/Grid";import{Icon as n}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../indicator/indicator.js";import"../label/label.js";import"../labelCO2/labelCO2.js";import"../labelFeature/labelFeature.js";import"../labelPromotional/labelPromotional.js";import"../labelStatus/labelStatus.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progressBar/progressBar.js";import"../radioButton/radioButton.js";import"../selectInput/selectInput.js";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../helperTextContent/index.js";import"../toggleSwitch/toggleSwitch.js";import"../avatar/Avatar.js";import"../iconButton/index.js";import"../alert/AlertButton.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"@mui/system";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../production/Button/Button.js";const p=({children:p,variant:l="info",buttons:d})=>{const c=o(),[u,j]=m((()=>{switch(l){case"error":return[c.palette.error.main,i(c.palette.error.light,.9)];case"warning":return[c.palette.warning.main,i(c.palette.warning.light,.9)];default:return[c.palette.info.main,i(c.palette.info.light,.9)]}}),[l,c]);return r(e,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:u,backgroundColor:j},"data-testid":"Banner",children:[r(e,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[t(n,{name:"info"===l?"circle-info":"circle-exclamation",iconStyle:"filled",color:l,sx:{alignSelf:"flex-start",color:u,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),t(a,{children:"string"==typeof p?t(s,{children:p}):p})]}),d&&t(e,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:d})]})};export{p as Banner};
 //# sourceMappingURL=banner.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\n/*\n Alert notification banner\n */\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n const theme = useTheme();\n const [borderColor, backgroundColor] = useMemo(() => {\n switch (variant) {\n case 'error':\n return [theme.palette.error.main, lighten(theme.palette.error.light, 0.9)];\n case 'warning':\n return [theme.palette.warning.main, lighten(theme.palette.warning.light, 0.9)];\n case 'info':\n default:\n return [theme.palette.info.main, lighten(theme.palette.info.light, 0.9)];\n }\n }, [variant, theme]);\n return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n borderLeft: '6px solid',\n alignItems: 'flex-start',\n borderColor,\n backgroundColor,\n }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(Icon, { name: variant === 'info' ? 'circle-info' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n alignSelf: 'flex-start',\n color: borderColor,\n marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["Banner","children","variant","buttons","theme","useTheme","borderColor","backgroundColor","useMemo","palette","error","main","lighten","light","warning","info","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","padding","xs","flexGrow","_jsx","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Box","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"~~w2HAOY~~,MAACA,EAAS,EAAGC,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,KACPC,EAAaC,GAAmBC,GAAQ,KAC3C,OAAQN,GACJ,IAAK,QACD,MAAO,CAACE,EAAMK,QAAQC,MAAMC,KAAMC,EAAQR,EAAMK,QAAQC,MAAMG,MAAO,KACzE,IAAK,UACD,MAAO,CAACT,EAAMK,QAAQK,QAAQH,KAAMC,EAAQR,EAAMK,QAAQK,QAAQD,MAAO,KAE7E,QACI,MAAO,CAACT,EAAMK,QAAQM,KAAKJ,KAAMC,EAAQR,EAAMK,QAAQM,KAAKF,MAAO,KAC1E,GACF,CAACX,EAASE,IACb,OAAQY,EAAMC,EAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAC,mBACD,cAAe,SAAUN,SAAU,CAACe,EAAMC,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEG,QAAS,CAAEN,GAAI,YAAaC,GAAI,OAAQM,GAAI,aAAeC,SAAU,EAAGH,WAAY,UAAYvB,SAAU,CAAC2B,EAAKC,EAAM,CAAEC,KAAkB,SAAZ5B,EAAqB,cAAgB,qBAAsB6B,UAAW,SAAUC,MAAO9B,EAASoB,GAAI,CACxSW,UAAW,aACXD,MAAO1B,EACP4B,UAAW,CAAEC,GAAI,iBAAkBhB,GAAI,iBAAkBC,GAAI,sBAC3DQ,EAAKQ,EAAK,CAAEnC,SAA8B,iBAAbA,EAAwB2B,EAAKS,EAAY,CAAEpC,SAAUA,IAAcA,OAAiBE,GAAYyB,EAAKX,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGiB,YAAY,EAAMhB,GAAI,CAAEG,QAAS,WAAYc,SAAU,SAAUC,SAAU,OAAQP,UAAW,SAAUQ,YAAa,QAAU,cAAe,iBAAkBxC,SAAUE,MAAiB"}
1	+ {"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Icon } from '@/src';\nimport { Box, Stack, Typography, lighten, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\n/*\n Alert notification banner\n */\nexport const Banner = ({ children, variant = 'info', buttons }) => {\n const theme = useTheme();\n const [borderColor, backgroundColor] = useMemo(() => {\n switch (variant) {\n case 'error':\n return [theme.palette.error.main, lighten(theme.palette.error.light, 0.9)];\n case 'warning':\n return [theme.palette.warning.main, lighten(theme.palette.warning.light, 0.9)];\n case 'info':\n default:\n return [theme.palette.info.main, lighten(theme.palette.info.light, 0.9)];\n }\n }, [variant, theme]);\n return (_jsxs(Stack, { direction: { md: 'row', sm: 'column' }, spacing: 0, sx: {\n borderLeft: '6px solid',\n alignItems: 'flex-start',\n borderColor,\n backgroundColor,\n }, \"data-testid\": \"Banner\", children: [_jsxs(Stack, { direction: \"row\", spacing: 2, sx: { padding: { md: '12px 16px', sm: '16px', xs: '11px 16px' }, flexGrow: 1, alignItems: 'center' }, children: [_jsx(Icon, { name: variant === 'info' ? 'circle-info' : 'circle-exclamation', iconStyle: \"filled\", color: variant, sx: {\n alignSelf: 'flex-start',\n color: borderColor,\n marginTop: { lg: '2px !important', md: '1px !important', sm: '-2px !important' },\n } }), _jsx(Box, { children: typeof children === 'string' ? _jsx(Typography, { children: children }) : children })] }), buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, useFlexGap: true, sx: { padding: '8px 16px', textWrap: 'nowrap', flexWrap: 'wrap', alignSelf: 'center', marginRight: 'auto' }, \"data-testid\": \"Banner.buttons\", children: buttons }))] }));\n};\n//# sourceMappingURL=banner.js.map"],"names":["Banner","children","variant","buttons","theme","useTheme","borderColor","backgroundColor","useMemo","palette","error","main","lighten","light","warning","info","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","padding","xs","flexGrow","_jsx","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Box","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"izHAOY,MAACA,EAAS,EAAGC,WAAUC,UAAU,OAAQC,cACjD,MAAMC,EAAQC,KACPC,EAAaC,GAAmBC,GAAQ,KAC3C,OAAQN,GACJ,IAAK,QACD,MAAO,CAACE,EAAMK,QAAQC,MAAMC,KAAMC,EAAQR,EAAMK,QAAQC,MAAMG,MAAO,KACzE,IAAK,UACD,MAAO,CAACT,EAAMK,QAAQK,QAAQH,KAAMC,EAAQR,EAAMK,QAAQK,QAAQD,MAAO,KAE7E,QACI,MAAO,CAACT,EAAMK,QAAQM,KAAKJ,KAAMC,EAAQR,EAAMK,QAAQM,KAAKF,MAAO,KAC1E,GACF,CAACX,EAASE,IACb,OAAQY,EAAMC,EAAO,CAAEC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAAYC,QAAS,EAAGC,GAAI,CACvEC,WAAY,YACZC,WAAY,aACZlB,cACAC,mBACD,cAAe,SAAUN,SAAU,CAACe,EAAMC,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGC,GAAI,CAAEG,QAAS,CAAEN,GAAI,YAAaC,GAAI,OAAQM,GAAI,aAAeC,SAAU,EAAGH,WAAY,UAAYvB,SAAU,CAAC2B,EAAKC,EAAM,CAAEC,KAAkB,SAAZ5B,EAAqB,cAAgB,qBAAsB6B,UAAW,SAAUC,MAAO9B,EAASoB,GAAI,CACxSW,UAAW,aACXD,MAAO1B,EACP4B,UAAW,CAAEC,GAAI,iBAAkBhB,GAAI,iBAAkBC,GAAI,sBAC3DQ,EAAKQ,EAAK,CAAEnC,SAA8B,iBAAbA,EAAwB2B,EAAKS,EAAY,CAAEpC,SAAUA,IAAcA,OAAiBE,GAAYyB,EAAKX,EAAO,CAAEC,UAAW,MAAOG,QAAS,EAAGiB,YAAY,EAAMhB,GAAI,CAAEG,QAAS,WAAYc,SAAU,SAAUC,SAAU,OAAQP,UAAW,SAAUQ,YAAa,QAAU,cAAe,iBAAkBxC,SAAUE,MAAiB"}

package/components/common/hook/useWindowSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/layout/breakpoints.theme';\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < customBreakpoints.values['md'] ~~? true : false~~,\n });\n }\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"iJAEe,SAASA,IACpB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAkBC,OAAW,IAElE,CASD,OARAC,GAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}
1	+ {"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/layout/breakpoints.theme';\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < customBreakpoints.values['md'],\n });\n }\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"iJAEe,SAASA,IACpB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAkBC,OAAW,IAElE,CASD,OARAC,GAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}

package/components/index.d.ts CHANGED Viewed

@@ -30,6 +30,7 @@ export * from './selectInput';
 export * from './slider';
 export * from './snackbar';
 export * from './stepper';
+export * from './tabs';
 export * from './textArea';
 export * from './textInput';
 export * from './toggleSwitch';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { forwardRef, useEffect } from 'react';\n/*\n @description SkodaFlow Label component.\n * @param props LabelProps\n * @returns React Functional component\n /\nexport const Label = forwardRef((_a, ref) => {\n var { label, children } = _a, props = __rest(_a, [\"label\", \"children\"]);\n const text = label ? label : children;\n useEffect(() => { }, [props]);\n return (_jsx(LabelStyled, Object.assign({}, props, { ref: ref, \"data-testid\": \"Label\", children: text })));\n});\n/\n @description Label styling definition\n */\nconst LabelStyled = styled.span `\n font-size: 11px;\n line-height: 12px;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 900;\n margin: 0px 15px;\n white-space: nowrap;\n text-rendering: geometricPrecision;\n color: ${flowColors.onSurface.os500};\n`;\n//# sourceMappingURL=label.js.map"],"names":["Label","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"gOAUY,MAACA,EAAQC,GAAW,CAACC,EAAIC,KACjC,IAAIC,MAAEA,EAAKC,SAAEA,GAAaH,EAAII,EAAQC,EAAOL,EAAI,CAAC,QAAS,aAC3D,MAAMM,EAAOJ,GAAgBC,EAE7B,OADAI,GAAU,QAAW,CAACH,IACdI,EAAKC,EAAaC,OAAOC,OAAO,CAAA,EAAIP,EAAO,CAAEH,IAAKA,EAAK,cAAe,QAASE,SAAUG,IAAU,IAKzGG,EAAcG,EAAOC,IAAK;;;;;;;;;WASrBC,EAAWC,UAAUC;"}
1	+ {"version":3,"file":"label.js","sources":["../../../src/components/label/label.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { forwardRef, useEffect } from 'react';\n/*\n @description SkodaFlow Label component.\n * @param props LabelProps\n * @returns React Functional component\n /\nexport const Label = forwardRef((_a, ref) => {\n var { label, children } = _a, props = __rest(_a, [\"label\", \"children\"]);\n const text = label ? label : children;\n useEffect(() => { }, [props]);\n return (_jsx(LabelStyled, Object.assign({}, props, { ref: ref, \"data-testid\": \"Label\", children: text })));\n});\n/\n @description Label styling definition\n */\nconst LabelStyled = styled.span `\r\n font-size: 11px;\r\n line-height: 12px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n font-weight: 900;\r\n margin: 0px 15px;\r\n white-space: nowrap;\r\n text-rendering: geometricPrecision;\r\n color: ${flowColors.onSurface.os500};\r\n`;\n//# sourceMappingURL=label.js.map"],"names":["Label","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"gOAUY,MAACA,EAAQC,GAAW,CAACC,EAAIC,KACjC,IAAIC,MAAEA,EAAKC,SAAEA,GAAaH,EAAII,EAAQC,EAAOL,EAAI,CAAC,QAAS,aAC3D,MAAMM,EAAOJ,GAAgBC,EAE7B,OADAI,GAAU,QAAW,CAACH,IACdI,EAAKC,EAAaC,OAAOC,OAAO,CAAA,EAAIP,EAAO,CAAEH,IAAKA,EAAK,cAAe,QAASE,SAAUG,IAAU,IAKzGG,EAAcG,EAAOC,IAAK;;;;;;;;;WASrBC,EAAWC,UAAUC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"labelFeature.js","sources":["../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { VariantType } from '../../utils/enum';\n/*\n @description Styled SkodaFlow LabelFeature component.\n * @param props LabelFeatureProps\n * @returns React Function Component\n /\nexport const LabelFeature = forwardRef((_a, ref) => {\n var { children, label, variant = 'primary' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelFeatureStyled, Object.assign({}, props, { ref: ref, variant: variant, label: label, children: children })));\n});\n/\n @description LabelFeature styling defintion\n */\nconst LabelFeatureStyled = styled(Label) `\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case VariantType.PRIMARY:\n return flowColors.brand.tertiary;\n case VariantType.NEUTRAL:\n return flowColors.onSurface.os500;\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : flowColors.brand.secondary;\n }\n}};\n color: ${flowColors.onSurface.os0};\n background-color: var(--flow-label-color);\n padding: 4px 8px 4px 10px;\n border-radius: 2px;\n display: inline;\n`;\n//# sourceMappingURL=labelFeature.js.map"],"names":["LabelFeature","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"6SAYY,MAACA,EAAeC,GAAW,CAACC,EAAIC,KACxC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAAcJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC5F,OAAQO,EAAKC,EAAoBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAOD,SAAUA,IAAc,IAK5HM,EAAqBG,EAAOC,EAAO;wBAChBP,IACrB,OAAQA,EAAMD,SACV,KAAKS,EAAYC,QACb,OAAOC,EAAWC,MAAMC,SAC5B,KAAKJ,EAAYK,QACb,OAAOH,EAAWI,UAAUC,MAChC,QACI,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWW,EAAWC,MAAMK,UACvF;WAEMN,EAAWI,UAAUG;;;;;"}
1	+ {"version":3,"file":"labelFeature.js","sources":["../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\nimport { VariantType } from '../../utils/enum';\n/*\n @description Styled SkodaFlow LabelFeature component.\n * @param props LabelFeatureProps\n * @returns React Function Component\n /\nexport const LabelFeature = forwardRef((_a, ref) => {\n var { children, label, variant = 'primary' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelFeatureStyled, Object.assign({}, props, { ref: ref, variant: variant, label: label, children: children })));\n});\n/\n @description LabelFeature styling defintion\n */\nconst LabelFeatureStyled = styled(Label) `\r\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case VariantType.PRIMARY:\n return flowColors.brand.tertiary;\n case VariantType.NEUTRAL:\n return flowColors.onSurface.os500;\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : flowColors.brand.secondary;\n }\n}};\r\n color: ${flowColors.onSurface.os0};\r\n background-color: var(--flow-label-color);\r\n padding: 4px 8px 4px 10px;\r\n border-radius: 2px;\r\n display: inline;\r\n`;\n//# sourceMappingURL=labelFeature.js.map"],"names":["LabelFeature","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"6SAYY,MAACA,EAAeC,GAAW,CAACC,EAAIC,KACxC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAAcJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC5F,OAAQO,EAAKC,EAAoBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAOD,SAAUA,IAAc,IAK5HM,EAAqBG,EAAOC,EAAO;wBAChBP,IACrB,OAAQA,EAAMD,SACV,KAAKS,EAAYC,QACb,OAAOC,EAAWC,MAAMC,SAC5B,KAAKJ,EAAYK,QACb,OAAOH,EAAWI,UAAUC,MAChC,QACI,OAAOL,EAAWV,EAAMD,SAAWW,EAAWV,EAAMD,SAAWW,EAAWC,MAAMK,UACvF;WAEMN,EAAWI,UAAUG;;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"labelStatus.js","sources":["../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/*\n @description Styled SkodaFlow LabelStatus component\n * @param props LabelStatusProps\n * @returns React Functional Component\n * @deprecated Use Indicator component instead\n /\nexport const LabelStatus = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelStatusStyled, Object.assign({ className: 'labelStatus' }, props, { ref: ref, variant: variant, label: label, \"data-testid\": \"LabelStatus\", children: children })));\n});\n/\n LabelStatus styling defintion\n */\nconst LabelStatusStyled = styled(Label) `\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\n color: ${flowColors.text.primary};\n &::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 8px;\n margin-top: -2px;\n display: inline-block;\n vertical-align: middle;\n background-color: var(--flow-label-color);\n }\n`;\n//# sourceMappingURL=labelStatus.js.map"],"names":["LabelStatus","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"2PAYY,MAACA,EAAcC,GAAW,CAACC,EAAIC,KACvC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC7F,OAAQO,EAAKC,EAAmBC,OAAOC,OAAO,CAAEC,UAAW,eAAiBN,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAO,cAAe,cAAeD,SAAUA,IAAc,IAKnLM,EAAoBI,EAAOC,EAAO;wBACfR,IACrB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOU,EAAWC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAWE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAWG,SAAe,KACrC,QACI,OAAOH,EAAWT,EAAMD,SAAWU,EAAWT,EAAMD,SAAWC,EAAMD,QAC5E;WAEMU,EAAWI,KAAKC;;;;;;;;;;;;"}
1	+ {"version":3,"file":"labelStatus.js","sources":["../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/*\n @description Styled SkodaFlow LabelStatus component\n * @param props LabelStatusProps\n * @returns React Functional Component\n * @deprecated Use Indicator component instead\n /\nexport const LabelStatus = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelStatusStyled, Object.assign({ className: 'labelStatus' }, props, { ref: ref, variant: variant, label: label, \"data-testid\": \"LabelStatus\", children: children })));\n});\n/\n LabelStatus styling defintion\n */\nconst LabelStatusStyled = styled(Label) `\r\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\r\n color: ${flowColors.text.primary};\r\n &::before {\r\n content: '';\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n margin-top: -2px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n background-color: var(--flow-label-color);\r\n }\r\n`;\n//# sourceMappingURL=labelStatus.js.map"],"names":["LabelStatus","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"2PAYY,MAACA,EAAcC,GAAW,CAACC,EAAIC,KACvC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,WAAY,QAAS,YAC7F,OAAQO,EAAKC,EAAmBC,OAAOC,OAAO,CAAEC,UAAW,eAAiBN,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAO,cAAe,cAAeD,SAAUA,IAAc,IAKnLM,EAAoBI,EAAOC,EAAO;wBACfR,IACrB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOU,EAAWC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAWE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAWG,SAAe,KACrC,QACI,OAAOH,EAAWT,EAAMD,SAAWU,EAAWT,EAAMD,SAAWC,EAAMD,QAC5E;WAEMU,EAAWI,KAAKC;;;;;;;;;;;;"}

package/components/tabs/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Tab, Tabs } from '@mui/material';
2	+ export * from './tabPanel';

package/components/tabs/tabPanel.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { BoxProps } from '@mui/material';
+/**
+ * @interface TabPanelProps
+ * @description Interface of TabPanel component.
+ */
+export interface TabPanelProps extends BoxProps {
+    /**
+     *  currently selected tab
+     */
+    value?: number | string;
+    /**
+     *  index of the tab panel, when equals to value, content is shown
+     */
+    index?: number | string;
+}
+/**
+ * Show or hide content based on the provided value and index
+ */
+export declare function TabPanel({ children, value, index, ...rest }: TabPanelProps): import("react/jsx-runtime").JSX.Element;

package/components/tabs/tabPanel.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import{Box as i}from"@mui/material";function t(t){var{children:a,value:n,index:l}=t,m=e(t,["children","value","index"]);return r(i,Object.assign({role:"tabpanel","data-testid":`TabPanel-${l}`},m,{children:n===l&&a}))}export{t as TabPanel};
2	+ //# sourceMappingURL=tabPanel.js.map

package/components/tabs/tabPanel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tabPanel.js","sources":["../../../src/components/tabs/tabPanel.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\n/**\n * Show or hide content based on the provided value and index\n */\nexport function TabPanel(_a) {\n var { children, value, index } = _a, rest = __rest(_a, [\"children\", \"value\", \"index\"]);\n return (_jsx(Box, Object.assign({ role: \"tabpanel\", \"data-testid\": `TabPanel-${index}` }, rest, { children: value === index && children })));\n}\n//# sourceMappingURL=tabPanel.js.map"],"names":["TabPanel","_a","children","value","index","rest","__rest","_jsx","Box","Object","assign","role"],"mappings":"2GAMO,SAASA,EAASC,GACrB,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUH,EAAII,EAAOC,EAAOL,EAAI,CAAC,WAAY,QAAS,UAC7E,OAAQM,EAAKC,EAAKC,OAAOC,OAAO,CAAEC,KAAM,WAAY,cAAe,YAAYP,KAAWC,EAAM,CAAEH,SAAUC,IAAUC,GAASF,IACnI"}

package/components/tabs/tabs.component.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { TabsProps as MuiTabsProps } from '@mui/material';
+export type TabsProps = MuiTabsProps & {
+    tabPanel?: boolean;
+};
+export declare const Tabs: ({ tabPanel, value, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/design/skoda/components/accordion/accordionSummary.theme.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"tslib";import"@mui/material";import"../../theme.js";import"react";import"@mui/material/styles";import"../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/numbering/numbering.js";import"../../../../utils/enum.js";import"../../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../../organisms/maps/utils/mapIcons.js";import"../../../../organisms/maps/mapComponents/mapStyled.js";import"../../../../organisms/shortcutLink/shortcutLink.js";import"../../../../organisms/textCta/textCta.js";import"../../../../organisms/tile/tile.js";import"@mui/system";import"../../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../../organisms/notification/Notification.js";import"../../../../organisms/notification/NotificationCenter.js";import"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../components/icon/icon.definitions.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"react-use";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../../../production/Button/Button.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
+import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"tslib";import"@mui/material";import"../../theme.js";import"react";import"@mui/material/styles";import"../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/numbering/numbering.js";import"../../../../utils/enum.js";import"../../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../../organisms/maps/utils/mapIcons.js";import"../../../../organisms/maps/mapComponents/mapStyled.js";import"../../../../organisms/shortcutLink/shortcutLink.js";import"../../../../organisms/textCta/textCta.js";import"../../../../organisms/tile/tile.js";import"@mui/system";import"../../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../../organisms/notification/Notification.js";import"../../../../organisms/notification/NotificationCenter.js";import"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../components/icon/icon.definitions.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../../../production/Button/Button.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"@mui/material/Grid";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../../../../components/mobileStepper/mobileStepperButton.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/textArea/textArea.js";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
 //# sourceMappingURL=accordionSummary.theme.js.map

package/design/skoda/components/accordion/accordionSummary.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n defaultProps: {\n expandIcon: _jsx(Controller, { controlType: \"plus\" }),\n },\n styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"~~+sJAEY~~,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}
1	+ {"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n defaultProps: {\n expandIcon: _jsx(Controller, { controlType: \"plus\" }),\n },\n styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"wpJAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}

package/design/skoda/components/agGrid/agGrid.theme.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Theme, CSSObject } from '@mui/material';
+declare const getFlowCssAgGrid: (theme: Theme) => CSSObject;
+export { getFlowCssAgGrid };