npm - @skodaflow/web-library - Versions diffs - 6.0.0 → 7.0.0 - Mend

@skodaflow/web-library 6.0.0 → 7.0.0

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

Files changed (432) hide show

package/organisms/carousel2/galleryCarousel/galleryCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryCarousel.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport merge from 'lodash/merge';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n align: 'start',\n height: '100%',\n controlOptions: {\n color: 'light',\n buttonPosition: '30%',\n buttonAreaHeight: '30%',\n },\n maxSlideWidth: '100%',\n isSlideDifferentWidth: true,\n cssClass: 'gallery-variant',\n};\nexport const GalleryCarousel = (inProps) => {\n const galleryProps = merge({}, GalleryDefaultProps, inProps);\n const props = useDefaultProps(galleryProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const height = useResponsiveProp(props.height);\n const [numberingTopPos, setNumberingTopPos] = useState();\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const nodes = emblaApi.slideNodes();\n const slideIndex = emblaApi.slidesInView().pop();\n const slide = nodes[slideIndex];\n if (slide) {\n const picture = slide.getElementsByTagName('picture').item(0);\n if (picture) {\n const bottom = picture.getBoundingClientRect().bottom;\n setNumberingTopPos(bottom - 62);\n }\n }\n }\n }, [emblaApi, setNumberingTopPos]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('scroll', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('scroll', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","GalleryCarousel","inProps","galleryProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gyBAcY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,~~mBAEDC~~,EAAmBC,IAC5B,MAAMC,EAAeC,EAAM,CAAE,EAAEb,EAAqBW,GAC9CG,EAAQC,EAAgBH,IACvBI,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,WAAYvD,SAAQwD,UAAWxD,GAAU+C,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBqD,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,mBAAoBlE,MAAOmE,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}
1	+ {"version":3,"file":"galleryCarousel.js","sources":["../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport merge from 'lodash/merge';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n align: 'start',\n height: '100%',\n controlOptions: {\n color: 'light',\n buttonPosition: '30%',\n buttonAreaHeight: '30%',\n },\n maxSlideWidth: '100%',\n isSlideDifferentWidth: true,\n cssClass: 'gallery-variant',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const GalleryCarousel = (inProps) => {\n const galleryProps = merge({}, GalleryDefaultProps, inProps);\n const props = useDefaultProps(galleryProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const height = useResponsiveProp(props.height);\n const [numberingTopPos, setNumberingTopPos] = useState();\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const nodes = emblaApi.slideNodes();\n const slideIndex = emblaApi.slidesInView().pop();\n const slide = nodes[slideIndex];\n if (slide) {\n const picture = slide.getElementsByTagName('picture').item(0);\n if (picture) {\n const bottom = picture.getBoundingClientRect().bottom;\n setNumberingTopPos(bottom - 62);\n }\n }\n }\n }, [emblaApi, setNumberingTopPos]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('scroll', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('scroll', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","GalleryCarousel","inProps","galleryProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"gyBAcY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,mBAKDC,EAAmBC,IAC5B,MAAMC,EAAeC,EAAM,CAAE,EAAEb,EAAqBW,GAC9CG,EAAQC,EAAgBH,IACvBI,EAAUC,GAAYC,EAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,IACxCC,EAA0BC,GAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAUX,EAAyB,CAACA,IACpCW,GAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,EAAKC,EAAwB,CAAEC,SAAUF,EAAKG,EAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKxC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASsC,qBAAsBN,SAAUO,EAAMN,EAAK,CAAEC,GAAI,CAAEM,SAAU,WAAYvD,SAAQwD,UAAWxD,GAAU+C,SAAU,CAACO,EAAMG,EAAU,CAAE3C,SAAUA,EAAUiC,SAAU,CAACF,EAAKa,EAAgB,CAAEC,KAAM1C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBqD,EAAMM,EAAW,CAAEb,SAAU,CAACF,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc5C,EAAiB6C,aAAc5C,IAAcyB,EAAKgB,EAAW,CAAEvC,UAAWV,EAAMU,UAAWP,SAAUA,EAAU+C,KAAM,OAAQC,aAAc7C,EAAiB8C,aAAc5C,UAAuByB,EAAKoB,EAAW,CAAEhB,GAAI,CACjzBiB,IAAK1C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUoD,UAAWvD,EAAMwD,mBAAoBlE,MAAOmE,EAAgBC,KAAMC,KAAMC,EAAeC,MAAOnD,UAAWV,EAAMU,kBAAwB"}

package/organisms/carousel2/heroCarousel/heroCarousel.d.ts CHANGED Viewed

@@ -52,4 +52,7 @@ export type HeroCarouselProps = {
      */
     numbering?: boolean;
 };
+/**
+ * @deprecated this component does not meet quality standards and will be removed in the future
+ */
 export declare const HeroCarousel: React.FC<HeroCarouselProps>;

package/organisms/carousel2/heroCarousel/heroCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarousel.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport merge from 'lodash/merge';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n direction: 'ltr',\n};\nexport const HeroCarousel = (inProps) => {\n const heroProps = merge({}, HeroDefaultProps, inProps);\n const props = useDefaultProps(heroProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const headingRef = useRef(null);\n const viewportRef = useRef(null);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const [activeFooter, setActiveFooter] = useState(null);\n const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n emblaRef(e);\n viewportRef.current = e;\n }, sx: {\n width: {\n xl: '85%',\n md: '85%',\n sm: '95%',\n xs: '100%',\n },\n height: props.height,\n }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n gap: '24px',\n }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n width: '21%',\n button: { visibility: 'hidden' },\n } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n width: '30%',\n button: { visibility: 'hidden' },\n } })] }), activeFooter && (_jsx(Box, { sx: {\n width: {\n xl: '860px',\n lg: '740px',\n md: '100%',\n },\n paddingRight: {\n lg: '0px',\n sm: '130px',\n },\n }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/* eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n const [x, setX] = useState();\n const [y, setY] = useState();\n const updateNumberingPosition = useCallback(() => {\n var _a, _b;\n if (emblaApi) {\n const viewport = viewportRef.getBoundingClientRect();\n const heading = headingRef === null \|\| headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n setX({\n md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n });\n setY({\n sm: `${viewport.height + ((_a = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n xs: `${viewport.height + ((_b = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n });\n }\n }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('select', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('select', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return {\n top: y,\n left: x,\n right: 'inherit',\n backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n '.total-container': {\n color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n },\n '.separator-container': {\n color: '#E4E4E4 !important',\n },\n '.index-container': {\n color: isXs ? '#FFFFFF !important' : '#161718 !important',\n },\n };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","HeroCarousel","inProps","heroProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","headingRef","useRef","viewportRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","useState","numberingStyles","useNumberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","height","heading","ref","Typography","variant","ViewPort","e","width","xl","md","sm","xs","ItemsContainer","left","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","color","NumberingColors","DARK","size","NumberingSizes","LARGE","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","right","window","innerWidth","useEffect","addEventListener","on","removeEventListener","off","top","backgroundColor"],"mappings":"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"}
1	+ {"version":3,"file":"heroCarousel.js","sources":["../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport merge from 'lodash/merge';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n direction: 'ltr',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n /\nexport const HeroCarousel = (inProps) => {\n const heroProps = merge({}, HeroDefaultProps, inProps);\n const props = useDefaultProps(heroProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const headingRef = useRef(null);\n const viewportRef = useRef(null);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const [activeFooter, setActiveFooter] = useState(null);\n const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n emblaRef(e);\n viewportRef.current = e;\n }, sx: {\n width: {\n xl: '85%',\n md: '85%',\n sm: '95%',\n xs: '100%',\n },\n height: props.height,\n }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n gap: '24px',\n }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n width: '21%',\n button: { visibility: 'hidden' },\n } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n width: '30%',\n button: { visibility: 'hidden' },\n } })] }), activeFooter && (_jsx(Box, { sx: {\n width: {\n xl: '860px',\n lg: '740px',\n md: '100%',\n },\n paddingRight: {\n lg: '0px',\n sm: '130px',\n },\n }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/ eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n const [x, setX] = useState();\n const [y, setY] = useState();\n const updateNumberingPosition = useCallback(() => {\n var _a, _b;\n if (emblaApi) {\n const viewport = viewportRef.getBoundingClientRect();\n const heading = headingRef === null \|\| headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n setX({\n md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n });\n setY({\n sm: `${viewport.height + ((_a = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n xs: `${viewport.height + ((_b = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n });\n }\n }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('select', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('select', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return {\n top: y,\n left: x,\n right: 'inherit',\n backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n '.total-container': {\n color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n },\n '.separator-container': {\n color: '#E4E4E4 !important',\n },\n '.index-container': {\n color: isXs ? '#FFFFFF !important' : '#161718 !important',\n },\n };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","HeroCarousel","inProps","heroProps","merge","props","useDefaultProps","emblaRef","emblaApi","useEmbla","headingRef","useRef","viewportRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","useState","numberingStyles","useNumberingStyles","current","_jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","height","heading","ref","Typography","variant","ViewPort","e","width","xl","md","sm","xs","ItemsContainer","left","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","color","NumberingColors","DARK","size","NumberingSizes","LARGE","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","right","window","innerWidth","useEffect","addEventListener","on","removeEventListener","off","top","backgroundColor"],"mappings":"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"}

package/organisms/gallery/Gallery.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{useMemo as r,useState as n,useEffect as i,useCallback as s}from"react";import{styled as a,Backdrop as m,Box as p,IconButton as l,Stack as c}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"tslib";import"@mui/x-date-pickers/internals";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/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"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";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/numbering/numbering.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/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import{useClosure as j}from"../../utils/useClosure/useClosure.js";import"../../design/skoda/components/form/slider.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import u from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button/Button.js";import g from"use-keyboard-shortcut";const h=a=>{var m;const l=r((()=>a.galleryItems.length>1),[a.galleryItems]),{isOpen:h,onOpen:x,onClose:f}=j(!1),[I,v]=n(!0),[S,w]=n(!0),[H,G]=u({align:"center",axis:"x",startIndex:null!==(m=a.startIndex)&&void 0!==m?m:0,slidesToScroll:1,draggable:a.galleryItems.length>1});i((()=>{if(G){const e=()=>{v(!G.canScrollNext()),w(!G.canScrollPrev())};G.on("scroll",e),e()}}),[G]),i((()=>{a.galleryItems&&0!==a.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[a.galleryItems]);const N=s((()=>{a.galleryItems&&a.galleryItems.length>0&&x()}),[x,a.children]);return g(["Escape"],f),g(["ArrowRight"],(()=>null==G?void 0:G.scrollNext())),g(["ArrowLeft"],(()=>null==G?void 0:G.scrollPrev())),e(p,{"data-testid":"Gallery",children:[o(p,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:a.children}),o(y,{open:h,"data-testid":"Gallery.backdrop",children:h&&e(t,{children:[o(b,{ref:H,children:o(p,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==G?void 0:G.selectedScrollSnap(),children:a.galleryItems})}),o(k,{"data-testid":"Gallery.control",children:e(c,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[l&&o(C,{size:"large",disabled:S,onClick:()=>null==G?void 0:G.scrollPrev(),"data-testid":"Gallery.prev",children:o(d,{name:"arrow-left"})}),o(C,{size:"large",onClick:f,"data-testid":"Gallery.close",children:o(d,{name:"close"})}),l&&o(C,{size:"large",disabled:I,onClick:()=>null==G?void 0:G.scrollNext(),"data-testid":"Gallery.next",children:o(d,{name:"arrow-right"})})]})})]})})]})},y=a(m)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),b=a(p)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),k=a(p)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),C=a(l)((({theme:e})=>({color:e.palette.surface.primary})));export{h as Gallery};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import"tslib";import{styled as r,Backdrop as i,Box as a,IconButton as n,Stack as l}from"@mui/material";import"../../design/skoda/theme.js";import{useMemo as s,useState as m,useEffect as p,useCallback as c}from"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/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/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";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/numbering/numbering.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"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import{useClosure as u}from"../../utils/useClosure/useClosure.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import j from"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../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";import h from"use-keyboard-shortcut";const g=r=>{var i;const n=s((()=>r.galleryItems.length>1),[r.galleryItems]),{isOpen:g,onOpen:f,onClose:I}=u(!1),[v,S]=m(!0),[w,k]=m(!0),[H,G]=j({align:"center",axis:"x",startIndex:null!==(i=r.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:r.galleryItems.length>1});p((()=>{if(G){const e=()=>{S(!G.canScrollNext()),k(!G.canScrollPrev())};G.on("scroll",e),e()}}),[G]),p((()=>{r.galleryItems&&0!==r.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[r.galleryItems]);const N=c((()=>{r.galleryItems&&r.galleryItems.length>0&&f()}),[f,r.children]);return h(["Escape"],I),h(["ArrowRight"],(()=>null==G?void 0:G.scrollNext())),h(["ArrowLeft"],(()=>null==G?void 0:G.scrollPrev())),e(a,{"data-testid":"Gallery",children:[t(a,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:r.children}),t(y,{open:g,"data-testid":"Gallery.backdrop",children:g&&e(o,{children:[t(C,{ref:H,children:t(a,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==G?void 0:G.selectedScrollSnap(),children:r.galleryItems})}),t(b,{"data-testid":"Gallery.control",children:e(l,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[n&&t(x,{size:"large",disabled:w,onClick:()=>null==G?void 0:G.scrollPrev(),"data-testid":"Gallery.prev",children:t(d,{name:"arrow-left"})}),t(x,{size:"large",onClick:I,"data-testid":"Gallery.close",children:t(d,{name:"close"})}),n&&t(x,{size:"large",disabled:v,onClick:()=>null==G?void 0:G.scrollNext(),"data-testid":"Gallery.next",children:t(d,{name:"arrow-right"})})]})})]})})]})},y=r(i)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),C=r(a)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),b=r(a)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=r(n)((({theme:e})=>({color:e.palette.surface.primary})));export{g as Gallery};
 //# sourceMappingURL=Gallery.js.map

package/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":["Gallery","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","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"~~ujLAMY~~,MAACA,EAAWC,IACpB,IAAIC,EACJ,MAAMC,EAAiBC,GAAQ,IAAMH,EAAMI,aAAaC,OAAS,GAAG,CAACL,EAAMI,gBACrEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,GAAW,IACjDC,EAAcC,GAAmBC,GAAS,IAC1CC,EAAcC,GAAmBF,GAAS,IAC1CG,EAAUC,GAAYC,EAAiB,CAC1CC,MAAO,SACPC,KAAM,IACNC,WAAwC,QAA3BpB,EAAKD,EAAMqB,kBAA+B,IAAPpB,EAAgBA,EAAK,EACrEqB,eAAgB,EAChBC,UAAWvB,EAAMI,aAAaC,OAAS,IAE3CmB,GAAU,KACN,GAAIP,EAAU,CACV,MAAMQ,EAAW,KACbb,GAAiBK,EAASS,iBAC1BX,GAAiBE,EAASU,gBAAgB,EAE9CV,EAASW,GAAG,SAAUH,GACtBA,GACH,IACF,CAACR,IACJO,GAAU,KACDxB,EAAMI,cAA8C,IAA9BJ,EAAMI,aAAaC,QAC1CwB,QAAQC,KAAK,6FAChB,GACF,CAAC9B,EAAMI,eACV,MAAMG,EAASwB,GAAY,KACnB/B,EAAMI,cAAgBJ,EAAMI,aAAaC,OAAS,GAClDG,GACH,GACF,CAACA,EAASR,EAAMgC,WAInB,OAHAC,EAAoB,CAAC,UAAWxB,GAChCwB,EAAoB,CAAC,eAAe,IAAMhB,aAA2C,EAASA,EAASiB,eACvGD,EAAoB,CAAC,cAAc,IAAMhB,aAA2C,EAASA,EAASkB,eAC9FC,EAAMC,EAAK,CAAE,cAAe,UAAWL,SAAU,CAACM,EAAKD,EAAK,CAAEE,UAAW,OAAQC,QAASjC,EAAQkC,GAAI,CAAEC,OAAQ,WAAa,cAAe,kBAAmBV,SAAUhC,EAAMgC,WAAaM,EAAKK,EAAiB,CAAEC,KAAMtC,EAAQ,cAAe,mBAAoB0B,SAAU1B,GAAW8B,EAAMS,EAAW,CAAEb,SAAU,CAACM,EAAKQ,EAAoB,CAAEC,IAAK/B,EAAUgB,SAAUM,EAAKD,EAAK,CAAEI,GAAI,CAAEO,QAAS,OAAQ,QAAS,CAAEC,KAAM,aAAgB,cAAe,gBAAiB,aAAchC,aAA2C,EAASA,EAASiC,qBAAsBlB,SAAUhC,EAAMI,iBAAoBkC,EAAKa,EAAqB,CAAE,cAAe,kBAAmBnB,SAAUI,EAAMgB,EAAO,CAAEC,UAAW,MAAOC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAK3B,SAAU,CAAC9B,GAAmBoC,EAAKsB,EAAsB,CAAEC,KAAM,QAASC,SAAUhD,EAAc0B,QAAS,IAAMvB,aAA2C,EAASA,EAASkB,aAAc,cAAe,eAAgBH,SAAUM,EAAKyB,EAAM,CAAEC,KAAM,iBAAqB1B,EAAKsB,EAAsB,CAAEC,KAAM,QAASrB,QAAS/B,EAAS,cAAe,gBAAiBuB,SAAUM,EAAKyB,EAAM,CAAEC,KAAM,YAAe9D,GAAmBoC,EAAKsB,EAAsB,CAAEC,KAAM,QAASC,SAAUnD,EAAc6B,QAAS,IAAMvB,aAA2C,EAASA,EAASiB,aAAc,cAAe,eAAgBF,SAAUM,EAAKyB,EAAM,CAAEC,KAAM,8BAAyC,EAEp6CrB,EAAkBsB,EAAOC,EAAPD,EAAiB,EAAGE,YAAa,CACrDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZxB,QAAS,OACTyB,eAAgB,gBAChBC,cAAe,aAEb5B,EAAqBmB,EAAO5B,EAAP4B,EAAY,KAAO,CAC1CU,MAAO,OACPC,OAAQ,MACRC,SAAU,SACV7B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,SACZ,UAAW,CACPH,MAAO,OACPC,OAAQ,YAGVzB,EAAsBc,EAAO5B,EAAP4B,EAAY,KAAO,CAC3CU,MAAO,OACPC,OAAQ,MACR5B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,aAEVlB,EAAuBK,EAAOc,EAAPd,EAAmB,EAAGE,YAAa,CAC5Da,MAAOb,EAAME,QAAQC,QAAQW"}
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":["Gallery","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","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}

package/organisms/gallery/GalleryTrigger.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import"react";import{Box as e}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"tslib";import"@mui/x-date-pickers/internals";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/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"@mui/material/Container";import"../../components/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";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/numbering/numbering.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/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../../design/skoda/components/form/slider.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../notification/NotificationCenter.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button/Button.js";const 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"}},s=s=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(e,{component:r,className:"search-plus"})}),s.children]});export{i as GalleryHighlightSx,s as GalleryTrigger};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import"tslib";import{Box as e}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/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/controls/controls.js";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Icon as r}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";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/numbering/numbering.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"lodash/noop";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"./Gallery.js";import"./GalleryItem.js";import"minimatch";import"../../utils/enum.js";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"@mui/system";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"../notification/Notification.js";import"../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 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"}},n=n=>o(e,{component:"span",sx:{position:"relative",display:"inline-block"},"data-testid":"GalleryTrigger",children:[t(e,{component:"span",sx:i,children:t(e,{component:r,name:"search-plus"})}),n.children]});export{i as GalleryHighlightSx,n as GalleryTrigger};
 //# sourceMappingURL=GalleryTrigger.js.map

package/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(Box, { component: Icon, ~~className~~: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","~~className~~"],"mappings":"~~21KAGY~~,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,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,EAAKJ,EAAK,CAAEC,UAAWI,EAAMC,~~UAAW~~,kBAAqBR,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(Box, { component: Icon, name: \"search-plus\" }) }), props.children] }));\n};\n//# sourceMappingURL=GalleryTrigger.js.map"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","GalleryTrigger","props","_jsxs","Box","component","sx","children","_jsx","Icon","name"],"mappings":"omIAGY,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,UAGFC,EAAkBC,GACnBC,EAAMC,EAAK,CAAEC,UAAW,OAAQC,GAAI,CAAEb,SAAU,WAAYK,QAAS,gBAAkB,cAAe,iBAAkBS,SAAU,CAACC,EAAKJ,EAAK,CAAEC,UAAW,OAAQC,GAAId,EAAoBe,SAAUC,EAAKJ,EAAK,CAAEC,UAAWI,EAAMC,KAAM,kBAAqBR,EAAMK"}

package/organisms/maps/mapComponents/mapComponent.d.ts CHANGED Viewed

@@ -15,5 +15,5 @@ interface MapProps extends google.maps.MapOptions {
     center?: any;
     zoom?: any;
 }
-declare const Map: React.FC<MapProps>;
-export default Map;
+declare const MapComponent: React.FC<MapProps>;
+export default MapComponent;

package/organisms/maps/mapComponents/mapComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapComponent.js","sources":["../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst ~~Map~~ = (_a) => {\n var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n const ref = useRef(null);\n const [map, setMap] = useState();\n const [geolocationMarker, setGeolocationMarker] = useState(null);\n const { handleClusterRender } = useMap();\n const [clusterSetted, setClusterSetted] = useState(false);\n const [currentCluster, setCurrentCluster] = useState(null);\n const [clickedCluster, setClickedCluster] = useState(false);\n useEffect(() => {\n if (ref.current && !map) {\n const config = mapConfig(options);\n const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n const newMarker = new google.maps.Marker({\n position: options.center,\n map: map,\n icon: null,\n });\n setGeolocationMarker(newMarker);\n handleControls(newMap, newMarker);\n setMap(newMap);\n handleCurrentMap(newMap);\n }\n }, [ref, map, handleCurrentMap, options]);\n useEffect(() => {\n if (map && !currentInfoWindow) {\n const infoWindowMap = infoWindow({\n map,\n });\n setInfoWindow(infoWindowMap);\n }\n }, [map, setInfoWindow, currentInfoWindow]);\n useEffect(() => {\n if (map && geolocationMarker && navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(function (currentPosition) {\n const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n geolocationMarker.setOptions({\n position,\n icon: MapIconVariant.LIVE_POSITION_ON,\n map,\n });\n map.setCenter(position);\n }, () => {\n geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n });\n }\n }, [map, geolocationMarker]);\n useEffect(() => {\n if (map && onClick) {\n map.addListener('click', onClick);\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'click');\n }\n };\n }, [map, onClick]);\n useEffect(() => {\n if (map && onDragEnd) {\n enableMoveSearch\n ? map.addListener('dragend', () => onDragEnd(map))\n : google.maps.event.clearListeners(map, 'dragend');\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'dragend');\n }\n };\n }, [map, onDragEnd, enableMoveSearch]);\n useEffect(() => {\n if (map) {\n if (options.zoom) {\n map.setZoom(options.zoom);\n }\n if (options.center) {\n map.setCenter(options.center);\n }\n }\n }, [map, options.zoom, options.center]);\n useEffect(() => {\n if (clusterSetted && currentCluster) {\n currentCluster.clearMarkers();\n currentCluster.addMarkers(registeredMarkers);\n }\n }, [currentCluster, registeredMarkers, clusterSetted]);\n useEffect(() => {\n let cluster = null;\n if (map && !clusterSetted) {\n cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n setClusterSetted(true);\n setCurrentCluster(cluster);\n }\n }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n useEffect(() => {\n if (clickedCluster) {\n currentInfoWindow.close();\n setClickedCluster(false);\n }\n }, [clickedCluster, currentInfoWindow]);\n return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n // set the map prop on the child component\n return React.cloneElement(child, { map });\n }\n })] }));\n};\nexport default ~~Map~~;\n//# sourceMappingURL=mapComponent.js.map"],"names":["~~Map~~","_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","Children","child","isValidElement","cloneElement"],"mappings":"8WAOK,MAACA,~~EAAOC~~,~~IACT~~,IAAIC,QAAEA,EAAOC,UAAEA,EAASC,SAAEA,EAAQC,MAAEA,EAAKC,iBAAEA,EAAgBC,iBAAEA,EAAgBC,cAAEA,EAAaC,kBAAEA,EAAiBC,kBAAEA,EAAoB,IAAOT,EAAIU,EAAUC,EAAOX,EAAI,CAAC,UAAW,YAAa,WAAY,QAAS,mBAAoB,mBAAoB,gBAAiB,oBAAqB,sBACjS,MAAMY,EAAMC,EAAO,OACZC,EAAKC,GAAUC,KACfC,EAAmBC,GAAwBF,EAAS,OACrDG,oBAAEA,GAAwBC,KACzBC,EAAeC,GAAoBN,GAAS,IAC5CO,EAAgBC,GAAqBR,EAAS,OAC9CS,EAAgBC,GAAqBV,GAAS,GA2FrD,OA1FAW,GAAU,KACN,GAAIf,EAAIgB,UAAYd,EAAK,CACrB,MAAMe,EAASC,EAAUpB,GACnBqB,EAAS,IAAIC,OAAOC,OAAOC,~~KAAKnC~~,~~IAAIa~~,EAAIgB,~~QAASO~~,OAAOC,OAAO,CAAA,~~EAAIP~~,~~IACnEQ~~,EAAY,~~IAAIJ~~,OAAOC,~~KAAKI~~,OAAO,CACrCC,~~SAAU7B~~,~~EAAQ8B~~,~~OAClB1B~~,IAAKA,~~EACL2B~~,KAAM,~~OAEVvB~~,~~EAAqBmB~~,GACrBK,~~EAAeX~~,~~EAAQM~~,~~GACvBtB~~,EAAOgB,GACP1B,EAAiB0B,EACpB,IACF,CAACnB,EAAKE,EAAKT,EAAkBK,IAChCiB,GAAU,KACN,GAAIb,IAAQN,EAAmB,CAC3B,~~MAAMmC~~,EAAgBC,EAAW,~~CAC7B9B~~,QAEJP,~~EAAcoC~~,EACjB,IACF,~~CAAC7B~~,EAAKP,EAAeC,IACxBmB,GAAU,KACFb,GAAOG,~~GAAqB4B~~,UAAUC,aACtCD,UAAUC,YAAYC,oBAAmB,SAAUC,GAC/C,MAAMT,EAAW,~~IAAIN~~,OAAOC,~~KAAKe~~,OAAOD,EAAgBE,OAAOC,SAAUH,EAAgBE,OAAOE,~~WAChGnC~~,~~EAAkBoC~~,WAAW,CACzBd,WACAE,KAAMa,EAAeC,~~iBACrBzC~~,QAEJA,~~EAAI0C~~,UAAUjB,EAC9B,IAAe,~~KACCtB~~,~~EAAkBwC~~,QAAQH,EAAeI,kBAAkB,GAElE,GACF,~~CAAC5C~~,EAAKG,IACTU,GAAU,KACFb,GAAOb,GACPa,~~EAAI6C~~,YAAY,~~QAAS1D~~,GAEtB,KACCa,GACAmB,OAAOC,~~KAAK0B~~,MAAMC,~~eAAe/C~~,EAAK,QACzC,IAEN,CAACA,EAAKb,IACT0B,GAAU,KACFb,GAAOZ,IACPI,EACMQ,~~EAAI6C~~,YAAY,WAAW,~~IAAMzD~~,EAAUY,KAC3CmB,OAAOC,~~KAAK0B~~,MAAMC,~~eAAe/C~~,EAAK,YAEzC,KACCA,GACAmB,OAAOC,~~KAAK0B~~,MAAMC,~~eAAe/C~~,EAAK,UACzC,IAEN,CAACA,EAAKZ,EAAWI,IACpBqB,GAAU,KACFb,IACIJ,~~EAAQoD~~,~~MACRhD~~,~~EAAIiD~~,~~QAAQrD~~,~~EAAQoD~~,~~MAEpBpD~~,~~EAAQ8B~~,~~QACR1B~~,~~EAAI0C~~,~~UAAU9C~~,~~EAAQ8B~~,QAE7B,GACF,~~CAAC1B~~,EAAKJ,~~EAAQoD~~,~~KAAMpD~~,~~EAAQ8B~~,SAC/Bb,GAAU,KACFN,GAAiBE,IACjBA,~~EAAeyC~~,~~eACfzC~~,~~EAAe0C~~,~~WAAWxD~~,GAC7B,GACF,CAACc,EAAgBd,EAAmBY,IACvCM,GAAU,KACN,~~IAAIuC~~,EAAU,~~KACVpD~~,IAAQO,~~IACR6C~~,~~EAAU/C~~,EAAoBV,EAAmBK,EAAKY,GACtDJ,GAAiB,GACjBE,~~EAAkB0C~~,GACrB,GACF,~~CAACzD~~,EAAmBK,EAAKO,EAAeF,IAC3CQ,GAAU,KACFF,IACAjB,~~EAAkB2D~~,~~QAClBzC~~,GAAkB,GACrB,GACF,CAACD,EAAgBjB,~~IACZ4D~~,EAAMC,EAAW,~~CAAElE~~,SAAU,~~CAACmE~~,EAAK,MAAO,~~CAAE1D~~,IAAKA,EAAKR,MAAOA,~~IAAUmE~~,EAAMC,~~SAAS1D~~,IAAIX,~~GAAWsE~~,IACjG,GAAIF,EAAMG,eAAeD,GAErB,OAAOF,EAAMI,aAAaF,EAAO,~~CAAE3D~~,OACtC,MACG"}
1	+ {"version":3,"file":"mapComponent.js","sources":["../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst MapComponent = (_a) => {\n var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n const ref = useRef(null);\n const [map, setMap] = useState();\n const [geolocationMarker, setGeolocationMarker] = useState(null);\n const { handleClusterRender } = useMap();\n const [clusterSetted, setClusterSetted] = useState(false);\n const [currentCluster, setCurrentCluster] = useState(null);\n const [clickedCluster, setClickedCluster] = useState(false);\n useEffect(() => {\n if (ref.current && !map) {\n const config = mapConfig(options);\n const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n const newMarker = new google.maps.Marker({\n position: options.center,\n map: map,\n icon: null,\n });\n setGeolocationMarker(newMarker);\n handleControls(newMap, newMarker);\n setMap(newMap);\n handleCurrentMap(newMap);\n }\n }, [ref, map, handleCurrentMap, options]);\n useEffect(() => {\n if (map && !currentInfoWindow) {\n const infoWindowMap = infoWindow({\n map,\n });\n setInfoWindow(infoWindowMap);\n }\n }, [map, setInfoWindow, currentInfoWindow]);\n useEffect(() => {\n if (map && geolocationMarker && navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(function (currentPosition) {\n const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n geolocationMarker.setOptions({\n position,\n icon: MapIconVariant.LIVE_POSITION_ON,\n map,\n });\n map.setCenter(position);\n }, () => {\n geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n });\n }\n }, [map, geolocationMarker]);\n useEffect(() => {\n if (map && onClick) {\n map.addListener('click', onClick);\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'click');\n }\n };\n }, [map, onClick]);\n useEffect(() => {\n if (map && onDragEnd) {\n enableMoveSearch\n ? map.addListener('dragend', () => onDragEnd(map))\n : google.maps.event.clearListeners(map, 'dragend');\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'dragend');\n }\n };\n }, [map, onDragEnd, enableMoveSearch]);\n useEffect(() => {\n if (map) {\n if (options.zoom) {\n map.setZoom(options.zoom);\n }\n if (options.center) {\n map.setCenter(options.center);\n }\n }\n }, [map, options.zoom, options.center]);\n useEffect(() => {\n if (clusterSetted && currentCluster) {\n currentCluster.clearMarkers();\n currentCluster.addMarkers(registeredMarkers);\n }\n }, [currentCluster, registeredMarkers, clusterSetted]);\n useEffect(() => {\n let cluster = null;\n if (map && !clusterSetted) {\n cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n setClusterSetted(true);\n setCurrentCluster(cluster);\n }\n }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n useEffect(() => {\n if (clickedCluster) {\n currentInfoWindow.close();\n setClickedCluster(false);\n }\n }, [clickedCluster, currentInfoWindow]);\n return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n // set the map prop on the child component\n return React.cloneElement(child, { map });\n }\n })] }));\n};\nexport default MapComponent;\n//# sourceMappingURL=mapComponent.js.map"],"names":["MapComponent","_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","Children","child","isValidElement","cloneElement"],"mappings":"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"}

package/organisms/maps/mapComponents/mapStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"@emotion/styled";import{flowColors as e}from"../../../design/skoda/palette.theme.js";const i=t("div")((()=>{let t={};return t={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:e.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:e.alert.main},"& > #info-dealer-opened":{color:e.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},t}));export{i as default};
+import t from"@emotion/styled";import{paletteLight as i}from"../../../design/skoda/paletteLight.theme.js";const e=t("div")((()=>{let t={};return t={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:i.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:i.alert.main},"& > #info-dealer-opened":{color:i.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},t}));export{e as default};
 //# sourceMappingURL=mapStyled.js.map

package/organisms/maps/mapComponents/mapStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapStyled.js","sources":["../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { flowColors } from '../../../design/skoda/~~palette~~.theme';\n/*\n @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')(() => {\n let styles = {};\n styles = {\n width: 'inherit',\n height: '100%',\n '& .gm-style-iw.gm-style-iw-c': {\n minWidth: '335px',\n width: '335px',\n minHeight: '248px',\n padding: '24px 14px 24px 24px !important',\n '&::after': {\n display: 'none',\n },\n '& button.gm-ui-hover-effect': {\n display: 'none !important',\n },\n '& #content': {\n '& h4': {\n fontSize: '24px',\n margin: 0,\n },\n '& > #streetInfo': {\n marginTop: '10px',\n },\n '& > #phoneNumber': {\n marginTop: '10px',\n '& > a': {\n color: flowColors.info['main'],\n fontSize: '16px',\n fontWeight: '400',\n },\n },\n '& > #openStatus': {\n display: 'flex',\n marginTop: '10px',\n flexDirection: 'row',\n fontSize: '16px',\n fontWeight: '400',\n '& > #info-dealer-status': {\n width: '100%',\n '& > #info-dealer-closed': {\n color: flowColors.alert['main'],\n },\n '& > #info-dealer-opened': {\n color: flowColors.brand.primary,\n },\n },\n },\n '& > #detail-cta-container': {\n marginTop: '16px',\n cursor: 'pointer',\n width: '110px',\n '& > #info-detail-cta': {\n fontSize: '16px',\n fontWeight: 400,\n },\n },\n '& p': {\n margin: 0,\n fontSize: '16px',\n lineHeight: '24px',\n },\n },\n },\n };\n return styles;\n});\nexport default MapStyled;\n//# sourceMappingURL=mapStyled.js.map"],"names":["MapStyled","styled","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"~~mGAKK~~,MAACA,EAAYC,EAAO,MAAPA,EAAc,KAC5B,IAAIC,EAAS,CAAA,EAgEb,OA/DAA,EAAS,CACLC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC5BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACRC,QAAS,QAEb,8BAA+B,CAC3BA,QAAS,mBAEb,aAAc,CACV,OAAQ,CACJC,SAAU,OACVC,OAAQ,GAEZ,kBAAmB,CACfC,UAAW,QAEf,mBAAoB,CAChBA,UAAW,OACX,QAAS,CACLC,MAAOC,EAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGpB,kBAAmB,CACfP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACvBZ,MAAO,OACP,0BAA2B,CACvBS,MAAOC,EAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAWK,MAAMC,WAIpC,4BAA6B,CACzBR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACpBM,SAAU,OACVM,WAAY,MAGpB,MAAO,CACHL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAKrBnB,CAAM"}
1	+ {"version":3,"file":"mapStyled.js","sources":["../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { paletteLight as flowColors } from '../../../design/skoda/paletteLight.theme';\n/*\n @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')(() => {\n let styles = {};\n styles = {\n width: 'inherit',\n height: '100%',\n '& .gm-style-iw.gm-style-iw-c': {\n minWidth: '335px',\n width: '335px',\n minHeight: '248px',\n padding: '24px 14px 24px 24px !important',\n '&::after': {\n display: 'none',\n },\n '& button.gm-ui-hover-effect': {\n display: 'none !important',\n },\n '& #content': {\n '& h4': {\n fontSize: '24px',\n margin: 0,\n },\n '& > #streetInfo': {\n marginTop: '10px',\n },\n '& > #phoneNumber': {\n marginTop: '10px',\n '& > a': {\n color: flowColors.info['main'],\n fontSize: '16px',\n fontWeight: '400',\n },\n },\n '& > #openStatus': {\n display: 'flex',\n marginTop: '10px',\n flexDirection: 'row',\n fontSize: '16px',\n fontWeight: '400',\n '& > #info-dealer-status': {\n width: '100%',\n '& > #info-dealer-closed': {\n color: flowColors.alert['main'],\n },\n '& > #info-dealer-opened': {\n color: flowColors.brand.primary,\n },\n },\n },\n '& > #detail-cta-container': {\n marginTop: '16px',\n cursor: 'pointer',\n width: '110px',\n '& > #info-detail-cta': {\n fontSize: '16px',\n fontWeight: 400,\n },\n },\n '& p': {\n margin: 0,\n fontSize: '16px',\n lineHeight: '24px',\n },\n },\n },\n };\n return styles;\n});\nexport default MapStyled;\n//# sourceMappingURL=mapStyled.js.map"],"names":["MapStyled","styled","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","flowColors","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"0GAKK,MAACA,EAAYC,EAAO,MAAPA,EAAc,KAC5B,IAAIC,EAAS,CAAA,EAgEb,OA/DAA,EAAS,CACLC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC5BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACRC,QAAS,QAEb,8BAA+B,CAC3BA,QAAS,mBAEb,aAAc,CACV,OAAQ,CACJC,SAAU,OACVC,OAAQ,GAEZ,kBAAmB,CACfC,UAAW,QAEf,mBAAoB,CAChBA,UAAW,OACX,QAAS,CACLC,MAAOC,EAAWC,KAAW,KAC7BL,SAAU,OACVM,WAAY,QAGpB,kBAAmB,CACfP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACvBZ,MAAO,OACP,0BAA2B,CACvBS,MAAOC,EAAWI,MAAY,MAElC,0BAA2B,CACvBL,MAAOC,EAAWK,MAAMC,WAIpC,4BAA6B,CACzBR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACpBM,SAAU,OACVM,WAAY,MAGpB,MAAO,CACHL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAKrBnB,CAAM"}

package/organisms/notification/Notification.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import"../../components/accordion/accordion.js";import"../../components/backdrop/backdrop.js";import"../../components/button/button.js";import"react";import{styled as e,Box as i,useTheme as r,Typography as s,Stack as n,IconButton as a,Icon as m}from"@mui/material";import"@mui/material/styles";import"../../design/skoda/palette.theme.js";import"../../design/skoda/components/accordion/accordionSummary.theme.js";import"../../design/skoda/components/autocomplete.theme.js";import"../../design/skoda/components/backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../design/skoda/theme.breakpoints.js";import"../../design/skoda/theme.constants.js";import"tslib";import"@mui/x-date-pickers/internals";import"../../design/skoda/components/divider.theme.js";import"../../design/skoda/components/drawer.theme.js";import"../../design/skoda/components/form/slider.theme.js";import"../../design/skoda/components/icon.theme.js";import"../../design/skoda/components/mobileStepper.theme.js";import"../../design/skoda/components/modal.theme.js";import"../../design/skoda/components/pagination.theme.js";import"../../design/skoda/components/snackbar.theme.js";import"../../design/skoda/components/stepper/stepIcon/errorStepIcon.js";import"../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js";import"../../design/skoda/components/tabs/tabs.theme.js";import"../../design/skoda/components/tooltip.theme.js";import"react-use";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"lodash/noop";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"./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.js";import"../../components/icon/icon.definitions.js";import"../../layout/SideMenu/SideMenuItem.js";import"@mui/material/Unstable_Grid2";import"react-keyed-flatten-children";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../production/Button/Button.js";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"@mui/material/Container";import"../../components/divider/divider.js";import"../../components/drawer/drawer.js";import"../../components/flag/flag.js";import"@mui/material/Grid";import{Indicator as p}from"../../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/tab/tab.js";import"../../components/tab/tabs.js";import"../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../components/textArea/textArea.js";import"../../components/common/styled/textFieldStyled.js";import"../../components/helperTextContent/index.js";import"../../components/toggleSwitch/toggleSwitch.js";import"../../components/agGrid/agGrid.js";import"../../components/avatar/Avatar.js";import"../../components/iconButton/index.js";import"../../components/alert/AlertButton.js";import"../gallery/Gallery.js";import"../gallery/GalleryItem.js";import"minimatch";const c=e=>{const c=r();return o(i,{sx:{background:"grey"===e.color?c.palette.surface.primary:c.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[e.icon&&t(l,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:e.icon}),o(i,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[o(i,{display:"flex",alignItems:"center",children:[e.isNew&&t(p,{color:"neutral"}),t(i,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:t(s,{variant:"subheadline","data-testid":"Notification.headline",children:e.headline})})]}),t(i,{"data-testid":"Notification.description",children:"string"==typeof e.description?t(s,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:e.description}):e.description}),e.footer&&t(s,{variant:"disclaimer",color:c.palette.onSurface.os500,"data-testid":"Notification.footer",children:e.footer}),e.buttons&&t(n,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:e.buttons})]}),e.onDismiss&&t(a,{onClick:e.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:t(m,{fontSize:"small",className:"ballotx close"})})]})},l=e(i)((({theme:o})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:o.palette.onSurface.os200,flexShrink:0})));export{c as Notification};
+import{jsxs as t,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{styled as e,Box as i,useTheme as r,Typography as n,Stack as a,IconButton as s,Icon as p}from"@mui/material";import"../../design/skoda/theme.js";import"react";import"@mui/material/styles";import"../cardOwnedVehicle/cardOwnedVehicle.js";import"../cardPhotoAdjustable/cardPhotoAdjustable.js";import"../cardPhotoFixed/cardPhotoFixed.js";import"../cardPromoVehicle/cardPromoVehicleComponent.js";import"../common/styled/cardStandardWrapperStyled.js";import"../cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../carousel/styledComponents/styledCarouselHorizontal.js";import"../carousel/styledComponents/styledCarouselVertical.js";import"../../components/controls/controls.js";import"../../components/numbering/numbering.js";import"../../utils/enum.js";import"../heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../maps/utils/mapIcons.js";import"../maps/mapComponents/mapStyled.js";import"../shortcutLink/shortcutLink.js";import"../textCta/textCta.js";import"../tile/tile.js";import"lodash/merge";import"@mui/system";import"lodash/noop";import"../carousel2/galleryCarousel/galleryContext.js";import"../carousel2/galleryCarousel/galleryItemContext.js";import"../carousel2/heroCarousel/heroCarouselContext.js";import"./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.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{Indicator as m}from"../../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"../gallery/Gallery.js";import"../gallery/GalleryItem.js";import"minimatch";const l=e=>{const l=r();return t(i,{sx:{background:"grey"===e.color?l.palette.surface.primary:l.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[e.icon&&o(c,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:e.icon}),t(i,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column"},children:[t(i,{display:"flex",alignItems:"center",children:[e.isNew&&o(m,{color:"neutral"}),o(i,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:o(n,{variant:"subheadline","data-testid":"Notification.headline",children:e.headline})})]}),o(i,{"data-testid":"Notification.description",children:"string"==typeof e.description?o(n,{sx:{lineHeight:"16px",maxHeight:"32px",overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:e.description}):e.description}),e.footer&&o(n,{variant:"disclaimer",color:l.palette.onSurface.os500,"data-testid":"Notification.footer",children:e.footer}),e.buttons&&o(a,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:e.buttons})]}),e.onDismiss&&o(s,{onClick:e.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px",".sa-i":{height:"28px"}},"data-testid":"Notification.dismiss",children:o(p,{fontSize:"small",className:"ballotx close"})})]})},c=e(i)((({theme:t})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:t.palette.onSurface.os200,flexShrink:0})));export{l as Notification};
 //# sourceMappingURL=Notification.js.map

package/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":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","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","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"~~24KAGY~~,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}
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":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","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","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"opIAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}

package/organisms/tile/tile.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/*\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const Tile = (_a) => {\n var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: flowColors.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${flowColors.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: flowColors.transparent.secondary,\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"iqBAmBY,MAACA,EAAQC,IACjB,IAAIC,kBAAEA,EAAoB,MAAKC,eAAEA,GAAiB,EAAIC,mBAAEA,EAAqB,SAAYH,EAAII,EAAQC,EAAOL,EAAI,CAAC,oBAAqB,iBAAkB,uBACxJ,MAAOM,EAAaC,GAAkBC,GAAS,GASzCC,EAAoBC,EAAK,MAAO,CAAEC,UAAW,YAAaC,SAAUR,EAAMS,qBAAuBP,EAAeI,EAAKI,EAAgB,CAAEC,MAAOX,EAAMS,oBAAqBG,IAAKZ,EAAMa,cAAgB,oBAAwBP,EAAKI,EAAgB,CAAEC,MAAOX,EAAMc,aAAcF,IAAKZ,EAAMa,aAAcE,cAAef,EAAMgB,sBAAwB,cACpVC,EAAkBC,EAAM,MAAO,CAAEX,UAAW,mBAAoBC,SAAU,CAACR,EAAMmB,gBAAkBb,EAAK,OAAQ,CAAEC,UAAW,4BAA6BC,SAAUR,EAAMmB,iBAAmBnB,EAAMmB,gBAAkBnB,EAAMoB,gBAAkBd,EAAKe,EAAS,CAAEC,YAAa,WAAYC,UAAU,IAASvB,EAAMoB,gBAAkBd,EAAK,OAAQ,CAAEC,UAAW,4BAA6BC,SAAUR,EAAMoB,oBAC9Y,OAAQd,EAAKkB,EAAY,CAAEC,iBAAkBzB,EAAMyB,iBAAkB3B,eAAgBA,EAAgBD,kBAAmBA,EAAmBW,SAAUU,EAAM,MAAO,CAAEX,UAAW,cAAemB,aAVrK,KAChBxB,GACDC,GAAe,EAClB,EAOyNwB,aALrM,KACrBxB,GAAe,EAAM,EAIqOK,SAAU,CAACR,EAAM4B,gBAAmBtB,EAAK,MAAO,CAAEC,UAAW,mBAAoBmB,aAAc,IAAMvB,GAAe,GAAQwB,aAAc,IAAMxB,GAAe,GAAOK,SAAUF,EAAKuB,EAAmBC,OAAOC,OAAO,GAAI/B,EAAMgC,2BAA8BhC,EAAMyB,kBAAqBnB,EAAK,MAAO,CAAEC,UAAW,uBAAwBC,SAAUF,EAAK2B,EAAkB,CAAEC,QAASnC,EAAoBoC,MAAOC,EAAepC,EAAMyB,iBAAkB,QAAkC,WAAtB5B,GAAkCQ,EAAkBa,EAAM,MAAO,CAAEX,UAAW,cAAeC,SAAU,CAACR,EAAMqC,cAAiB/B,EAAK,MAAO,CAAEC,UAAW,mBAAoBC,SAAUF,EAAKgC,EAAO,CAAEH,MAAOC,EAAepC,EAAMqC,aAAc,QAAY/B,EAAK,KAAM,CAAEC,UAAW,YAAaC,SAAU4B,EAAepC,EAAMuC,MAAO,MAAQvC,EAAMwC,cAAiBlC,EAAK,MAAO,CAAEC,UAAW,mBAAoBC,SAAUF,EAAKmC,EAAc,CAAEP,QAASlC,EAAM0C,oBAAqBP,MAAOC,EAAepC,EAAMwC,aAAc,QAAkC,WAAtB3C,GAAkCoB,KAA0C,QAAtBpB,GAA+BQ,EAAwC,QAAtBR,GAA+BoB,MAAuB,EAE72CtB,EAAKgD,aAAe,CAChB7C,gBAAgB,EAChBC,mBAAoB,SAExB,MAAMyB,EAAaoB,EAAO,MAAPA,EAAehD,IAC9B,IAAIiD,MAAEA,GAAUjD,EAAIkD,EAAO7C,EAAOL,EAAI,CAAC,UACvC,IAAImD,EAAS,CAAA,EACb,MAAMlD,kBAAEA,EAAiB4B,iBAAEA,EAAgB3B,eAAEA,GAAmBgD,EAwGhE,OAvGAC,EAAS,CACLC,OAAQ,OACR,mCAAoC,CAChCC,UAAW,cAEf,iBAAkB,CACdC,SAAU,WACVC,aAAcrD,EAAiB,MAAQ,EACvCkD,OAAQ,OACRI,QAAS,OACTC,cAAe,SACfC,eAAgB,gBAChBC,gBAAiBC,EAAWC,QAAQC,QACpCC,QAAS,aACTC,OAAQ,aAAaJ,EAAWC,QAAQI,aAE5C,sBAAuB,CACnBX,SAAU,WACVY,MAAO,EACPC,IAAK,EACL,qBAAsB,CAClBA,IAAK,EACLD,MAAO,EACPE,MAAO,OACPhB,OAAQ,OACRI,QAAS,OACTa,WAAY,SACZX,eAAgB,WAGxB,iBAAkB,CACdY,WAAYzC,EAAmB,OAAS,QAE5C,0BAA2B,CACvBuC,MAAO,OACPG,SAAU,oBACVjB,SAAU,WACVa,IAAK,IACLK,KAAM,KAEV,sBAAuB,CACnBT,QAAS,SACTU,aAAc,IACdnB,SAAU,WACVoB,OAAQ,IACR,SAAU,CACNC,OAAQ,MAGhB,eAAgB,CACZA,OAAQ,YACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,KAEZ,sBAAuB,CACnBC,OAAQ,IACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,IACR,SAAU,CACNC,OAAQ,MAGhB,eAAgB,CACZvB,OAAQ,QACRwB,UAAiC,QAAtB3E,EAA8B,QAAU,OACnDwE,aAAoC,WAAtBxE,EAAiC,QAAU,IACzD,CAACgD,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,QAAS,CACLE,SAAU,WACVoB,OAAQ,IACRK,UAAW,UACXC,eAAgB,SAChBxB,QAAS,QACTJ,OAAQ,OACRgB,MAAO,SAGf,sBAAuB,CACnBZ,QAAS,OACTC,cAAe,MACfwB,SAAU,OACVb,MAAO,OACPL,QAAS,SACTa,UAAiC,WAAtB3E,EAAiC,MAAQ,IACpD,oBAAqB,CACjBiF,WAAY,QAEhB,OAAQ,CACJP,OAAQ,QACRQ,YAAavB,EAAWwB,YAAYnB,aAIzCd,CAAM"}
1	+ {"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/*\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const Tile = (_a) => {\n var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: flowColors.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${flowColors.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: flowColors.transparent.secondary,\n },\n },\n };\n return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"wqBAmBY,MAACA,EAAQC,IACjB,IAAIC,kBAAEA,EAAoB,MAAKC,eAAEA,GAAiB,EAAIC,mBAAEA,EAAqB,SAAYH,EAAII,EAAQC,EAAOL,EAAI,CAAC,oBAAqB,iBAAkB,uBACxJ,MAAOM,EAAaC,GAAkBC,GAAS,GASzCC,EAAoBC,EAAK,MAAO,CAAEC,UAAW,YAAaC,SAAUR,EAAMS,qBAAuBP,EAAeI,EAAKI,EAAgB,CAAEC,MAAOX,EAAMS,oBAAqBG,IAAKZ,EAAMa,cAAgB,oBAAwBP,EAAKI,EAAgB,CAAEC,MAAOX,EAAMc,aAAcF,IAAKZ,EAAMa,aAAcE,cAAef,EAAMgB,sBAAwB,cACpVC,EAAkBC,EAAM,MAAO,CAAEX,UAAW,mBAAoBC,SAAU,CAACR,EAAMmB,gBAAkBb,EAAK,OAAQ,CAAEC,UAAW,4BAA6BC,SAAUR,EAAMmB,iBAAmBnB,EAAMmB,gBAAkBnB,EAAMoB,gBAAkBd,EAAKe,EAAS,CAAEC,YAAa,WAAYC,UAAU,IAASvB,EAAMoB,gBAAkBd,EAAK,OAAQ,CAAEC,UAAW,4BAA6BC,SAAUR,EAAMoB,oBAC9Y,OAAQd,EAAKkB,EAAY,CAAEC,iBAAkBzB,EAAMyB,iBAAkB3B,eAAgBA,EAAgBD,kBAAmBA,EAAmBW,SAAUU,EAAM,MAAO,CAAEX,UAAW,cAAemB,aAVrK,KAChBxB,GACDC,GAAe,EAClB,EAOyNwB,aALrM,KACrBxB,GAAe,EAAM,EAIqOK,SAAU,CAACR,EAAM4B,gBAAmBtB,EAAK,MAAO,CAAEC,UAAW,mBAAoBmB,aAAc,IAAMvB,GAAe,GAAQwB,aAAc,IAAMxB,GAAe,GAAOK,SAAUF,EAAKuB,EAAmBC,OAAOC,OAAO,GAAI/B,EAAMgC,2BAA8BhC,EAAMyB,kBAAqBnB,EAAK,MAAO,CAAEC,UAAW,uBAAwBC,SAAUF,EAAK2B,EAAkB,CAAEC,QAASnC,EAAoBoC,MAAOC,EAAepC,EAAMyB,iBAAkB,QAAkC,WAAtB5B,GAAkCQ,EAAkBa,EAAM,MAAO,CAAEX,UAAW,cAAeC,SAAU,CAACR,EAAMqC,cAAiB/B,EAAK,MAAO,CAAEC,UAAW,mBAAoBC,SAAUF,EAAKgC,EAAO,CAAEH,MAAOC,EAAepC,EAAMqC,aAAc,QAAY/B,EAAK,KAAM,CAAEC,UAAW,YAAaC,SAAU4B,EAAepC,EAAMuC,MAAO,MAAQvC,EAAMwC,cAAiBlC,EAAK,MAAO,CAAEC,UAAW,mBAAoBC,SAAUF,EAAKmC,EAAc,CAAEP,QAASlC,EAAM0C,oBAAqBP,MAAOC,EAAepC,EAAMwC,aAAc,QAAkC,WAAtB3C,GAAkCoB,KAA0C,QAAtBpB,GAA+BQ,EAAwC,QAAtBR,GAA+BoB,MAAuB,EAE72CtB,EAAKgD,aAAe,CAChB7C,gBAAgB,EAChBC,mBAAoB,SAExB,MAAMyB,EAAaoB,EAAO,MAAPA,EAAehD,IAC9B,IAAIiD,MAAEA,GAAUjD,EAAIkD,EAAO7C,EAAOL,EAAI,CAAC,UACvC,IAAImD,EAAS,CAAA,EACb,MAAMlD,kBAAEA,EAAiB4B,iBAAEA,EAAgB3B,eAAEA,GAAmBgD,EAwGhE,OAvGAC,EAAS,CACLC,OAAQ,OACR,mCAAoC,CAChCC,UAAW,cAEf,iBAAkB,CACdC,SAAU,WACVC,aAAcrD,EAAiB,MAAQ,EACvCkD,OAAQ,OACRI,QAAS,OACTC,cAAe,SACfC,eAAgB,gBAChBC,gBAAiBC,EAAWC,QAAQC,QACpCC,QAAS,aACTC,OAAQ,aAAaJ,EAAWC,QAAQI,aAE5C,sBAAuB,CACnBX,SAAU,WACVY,MAAO,EACPC,IAAK,EACL,qBAAsB,CAClBA,IAAK,EACLD,MAAO,EACPE,MAAO,OACPhB,OAAQ,OACRI,QAAS,OACTa,WAAY,SACZX,eAAgB,WAGxB,iBAAkB,CACdY,WAAYzC,EAAmB,OAAS,QAE5C,0BAA2B,CACvBuC,MAAO,OACPG,SAAU,oBACVjB,SAAU,WACVa,IAAK,IACLK,KAAM,KAEV,sBAAuB,CACnBT,QAAS,SACTU,aAAc,IACdnB,SAAU,WACVoB,OAAQ,IACR,SAAU,CACNC,OAAQ,MAGhB,eAAgB,CACZA,OAAQ,YACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,KAEZ,sBAAuB,CACnBC,OAAQ,IACRZ,QAAS,SACTT,SAAU,WACVoB,OAAQ,IACR,SAAU,CACNC,OAAQ,MAGhB,eAAgB,CACZvB,OAAQ,QACRwB,UAAiC,QAAtB3E,EAA8B,QAAU,OACnDwE,aAAoC,WAAtBxE,EAAiC,QAAU,IACzD,CAACgD,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,CAACH,EAAM4B,YAAYC,GAAG,OAAQ,CAC1B1B,OAAQ,SAEZ,QAAS,CACLE,SAAU,WACVoB,OAAQ,IACRK,UAAW,UACXC,eAAgB,SAChBxB,QAAS,QACTJ,OAAQ,OACRgB,MAAO,SAGf,sBAAuB,CACnBZ,QAAS,OACTC,cAAe,MACfwB,SAAU,OACVb,MAAO,OACPL,QAAS,SACTa,UAAiC,WAAtB3E,EAAiC,MAAQ,IACpD,oBAAqB,CACjBiF,WAAY,QAEhB,OAAQ,CACJP,OAAQ,QACRQ,YAAavB,EAAWwB,YAAYnB,aAIzCd,CAAM"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"6.0.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SEE LICENSE IN eula.txt","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","~~ag-grid-community~~":"^29.1.0~~","ag-grid-react":"^29~~.1.0~~","react":"~~^18.2.0","react-dom":"^18.2.0"},"dependencies":{"@~~etchteam/storybook-addon-status":"^4.2.4","@geometricpanda/storybook-addon-badges":"^2.0.0","@~~googlemaps/markerclusterer":"^1.0.22","@googlemaps/react-wrapper":"^1.1.22","@mui/x-date-pickers":"^6.11.0","@skodaflow/web-tokens":"^2.4.~~0","@storybook/addon-storysource":"^7.~~1.1","~~@storybook/preset-scss":"^1.0.3","~~country-flag-icons":"^1.4.17","date-fns":"^2.30.0","embla-carousel-auto-height":"^7.1.0","embla-carousel-autoplay":"^7.1.0","embla-carousel-class-names":"^7.1.0","embla-carousel-react":"^7.1.0","embla-carousel-wheel-gestures":"^3.0.0","lodash":"^4.17.21","minimatch":"^9.0.3","react-keyed-flatten-children":"^2.2.1","react-use":"^17.4.0","~~remark-gfm":"^3.0.1","~~use-keyboard-shortcut":"^1.1.6"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"7.0.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SEE LICENSE IN eula.txt","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","react":"^17.0.0 \|\| ^18.0.0","react-dom":"^17.0.0 \|\| ^18.0.0"},"dependencies":{"@googlemaps/markerclusterer":"1.0.27","@googlemaps/react-wrapper":"1.1.35","@mui/x-date-pickers":"6.11.0","@skodaflow/web-tokens":"2.4.1","country-flag-icons":"1.5.9","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","lodash":"4.17.21","minimatch":"9.0.3","react-keyed-flatten-children":"2.2.1","react-use":"17.4.0","use-keyboard-shortcut":"1.1.6"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}

package/utils/useClosure/useClosure.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@
 /**
  * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.
  * @param {boolean} initiallyOpen - default isOpen value
+ * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`
  */
 export declare const useClosure: (initiallyOpen?: boolean) => {
     isOpen: boolean;