npm - @skodaflow/web-library - Versions diffs - 7.12.0 → 7.13.1 - Mend

@skodaflow/web-library 7.12.0 → 7.13.1

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

Files changed (2332) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryCarousel.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":[~~null~~],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","Object","assign","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","jsx","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":"weAca,MAAAA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAuDoDC,IAC9D,MAAMC,EAAoBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,GAAwBU,GAC5CI,EAAQC,EAAeA,gBAACJ,IAEvBK,EAAUC,GAAYC,EAAAA,SAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,mBAAiBN,EAAUH,EAAMU,WAElGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAEhCwB,EAAiBC,GAAsBC,aACxCC,EAA0BC,EAAAA,aAAY,KAC1C,GAAIb,EAAU,CACZ,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACT,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACX,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,SAIjC,CAACrB,EAAUU,IAgBd,OAdAa,YAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACR,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACFA,EAAS2B,GAAG,SAAUH,GAEjB,KACLC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACFA,EAAS6B,IAAI,SAAUL,GAE1B,GACA,CAACZ,EAAyBZ,IAE3B8B,MAACC,EAAAA,uBAAsB,CAAAC,SACrBF,EAACG,IAAAC,MACC,CAAAC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKzC,EAAMU,UACC,aAAAP,eAAAA,EAAUuC,qBAEtBP,SAAAQ,EAAAA,KAACN,EAAGA,IAAA,CAACC,GAAI,CAAEM,SAAU,WAAYxD,SAAQyD,UAAWzD,GAClD+C,SAAA,CAAAQ,OAACG,EAAAA,SAAQ,CAAC5C,SAAUA,EAClBiC,SAAA,CAAAF,MAACc,EAAAA,eAAc,CAACC,KAAM3C,EAAgB8B,SAAAnC,EAAMmC,WAC3CnC,EAAMX,gBACLsD,OAAAM,EAAAA,SAAA,CAAAd,SAAA,CACEF,EAAAA,IAACiB,EAASA,UACR,CAAAxC,UAAWV,EAAMU,UACjBP,SAAUA,EACVgD,KAAK,OACLC,aAAc7C,EACd8C,aAAc7C,IAEhByB,EAAAG,IAACc,YAAS,CACRxC,UAAWV,EAAMU,UACjBP,SAAUA,EACVgD,KAAK,OACLC,aAAc9C,EACd+C,aAAc7C,UAMtByB,EAAAG,IAACkB,YAAS,CACRhB,GAAI,CACFiB,IAAK3C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVqD,UAAWxD,EAAMyD,mBACjBnE,MAAOoE,EAAeA,gBAACC,KACvBC,KAAMC,EAAAA,eAAeC,MACrBpD,UAAWV,EAAMU,kBAIA"}
1	+ {"version":3,"file":"galleryCarousel.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Carousel2Props } from '../carousel2';\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 { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\n\nexport const GalleryDefaultProps: Partial<Carousel2Props> = {\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\nexport type GalleryCarouselProps = {\n /*\n Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.\n * @default false\n /\n autoPlay?: boolean;\n /\n Delay in ms between automatic slides\n * @default 4000\n /\n autoPlayDelay?: number;\n /\n Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.\n * @default 10\n /\n speed?: number;\n /\n Direction of content.\n * @default ltr\n /\n direction?: 'rtl' \| 'ltr';\n /\n Enables loop functionality, which can be used to continuously loop through all slides.\n * @default false\n /\n loop?: boolean;\n /\n Separator of numbering component.\n * @default /\n /\n numberingSeparator?: string;\n /\n Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.\n * @requires\n /\n children: React.ReactNode;\n /\n Index of Slide that is active by default.\n * @default 0\n /\n startIndex?: number;\n\n /\n Optional height of carousel, this prop is added to height style property\n * @default undefined\n /\n height?: ResponsiveType<string>;\n};\n\n/\n @deprecated use Carousel instead\n */\nexport const GalleryCarousel: React.FC<GalleryCarouselProps> = (inProps) => {\n const galleryProps = { ...GalleryDefaultProps, ...inProps };\n const props = useDefaultProps(galleryProps);\n\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n\n const height = useResponsiveProp(props.height);\n\n const [numberingTopPos, setNumberingTopPos] = useState<number \| undefined>();\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\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 (\n <GalleryContextProvider>\n <Box\n sx={{ overflow: 'hidden' }}\n className=\"gallery\"\n data-testid=\"GalleryCarousel\"\n dir={props.direction}\n data-state={emblaApi?.selectedScrollSnap()}\n >\n <Box sx={{ position: 'relative', height, maxHeight: height }}>\n <ViewPort emblaRef={emblaRef}>\n <ItemsContainer left={containerLeft}>{props.children}</ItemsContainer>\n {props.controlOptions && (\n <>\n <NavButton\n direction={props.direction}\n emblaApi={emblaApi}\n type=\"prev\"\n onMouseEnter={peekPrevOnHover}\n onMouseLeave={resetPeek}\n />\n <NavButton\n direction={props.direction}\n emblaApi={emblaApi}\n type=\"next\"\n onMouseEnter={peekNextOnHover}\n onMouseLeave={resetPeek}\n />\n </>\n )}\n </ViewPort>\n\n <Numbering\n sx={{\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }}\n emblaApi={emblaApi}\n separator={props.numberingSeparator}\n color={NumberingColors.DARK}\n size={NumberingSizes.LARGE}\n direction={props.direction}\n />\n </Box>\n </Box>\n </GalleryContextProvider>\n );\n};\n"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","Object","assign","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","jsx","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":"weAca,MAAAA,EAA+C,CAC1DC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACdC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEpBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAuDoDC,IAC9D,MAAMC,EAAoBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,GAAwBU,GAC5CI,EAAQC,EAAeA,gBAACJ,IAEvBK,EAAUC,GAAYC,EAAAA,SAASJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,mBAAiBN,EAAUH,EAAMU,WAElGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAEhCwB,EAAiBC,GAAsBC,aACxCC,EAA0BC,EAAAA,aAAY,KAC1C,GAAIb,EAAU,CACZ,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACT,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACX,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,SAIjC,CAACrB,EAAUU,IAgBd,OAdAa,YAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACR,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACFA,EAAS2B,GAAG,SAAUH,GAEjB,KACLC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACFA,EAAS6B,IAAI,SAAUL,GAE1B,GACA,CAACZ,EAAyBZ,IAE3B8B,MAACC,EAAAA,uBAAsB,CAAAC,SACrBF,EAACG,IAAAC,MACC,CAAAC,GAAI,CAAEC,SAAU,UAChBC,UAAU,UAAS,cACP,kBACZC,IAAKzC,EAAMU,UACC,aAAAP,eAAAA,EAAUuC,qBAEtBP,SAAAQ,EAAAA,KAACN,EAAGA,IAAA,CAACC,GAAI,CAAEM,SAAU,WAAYxD,SAAQyD,UAAWzD,GAClD+C,SAAA,CAAAQ,OAACG,EAAAA,SAAQ,CAAC5C,SAAUA,EAClBiC,SAAA,CAAAF,MAACc,EAAAA,eAAc,CAACC,KAAM3C,EAAgB8B,SAAAnC,EAAMmC,WAC3CnC,EAAMX,gBACLsD,OAAAM,EAAAA,SAAA,CAAAd,SAAA,CACEF,EAAAA,IAACiB,EAASA,UACR,CAAAxC,UAAWV,EAAMU,UACjBP,SAAUA,EACVgD,KAAK,OACLC,aAAc7C,EACd8C,aAAc7C,IAEhByB,EAAAG,IAACc,YAAS,CACRxC,UAAWV,EAAMU,UACjBP,SAAUA,EACVgD,KAAK,OACLC,aAAc9C,EACd+C,aAAc7C,UAMtByB,EAAAG,IAACkB,YAAS,CACRhB,GAAI,CACFiB,IAAK3C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QAExCT,SAAUA,EACVqD,UAAWxD,EAAMyD,mBACjBnE,MAAOoE,EAAeA,gBAACC,KACvBC,KAAMC,EAAAA,eAAeC,MACrBpD,UAAWV,EAAMU,kBAIA"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryCarouselItem.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":[null],"names":["shadowStyle","content","display","zIndex","position","left","right","height","top","background","bottom","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","jsx","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","header","Stack","direction","spacing","sm","md","padding","component","Object","assign","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight"],"mappings":"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"}
1	+ {"version":3,"file":"galleryCarouselItem.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryCarouselItem.tsx"],"sourcesContent":["import { Box, useTheme } from '@mui/system';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryItemContext } from './galleryItemContext';\nimport { Stack, Theme, useMediaQuery } from '@mui/material';\n\ntype FitType = 'contain' \| 'cover' \| 'fill' \| 'scale-down' \| 'none';\n\nexport type GalleryCarouselItemProps = {\n /*\n Link to image that should be displayed. This property can be responsive.\n * @requires\n * @example\n * ```tsx\n * <GalleryCarouselItem imageSrc=\"../image.png\"/>\n * <GalleryCarouselItem imageSrc={{\n * xs: \"../xs-image.png\",\n * sm: \"../sm-image.png\",\n * md: \"../md-image.png\",\n * lg: \"../lg-image.png\",\n * xl: \"../xl-image.png\"\n * }}/>\n * ```\n /\n imageSrc: ResponsiveType<string>;\n /\n Css `object-fit` property\n * @default cover\n * @example\n * ```tsx\n * <GalleryCarouselItem imageFit=\"contain\"/>\n * <GalleryCarouselItem imageFit={{\n * xs: \"contain\",\n * sm: \"cover\",\n * md: \"fill\",\n * lg: \"contain\",\n * xl: \"cover\"\n * }}/>\n * ```\n /\n imageFit?: ResponsiveType<FitType>;\n /\n Alternative text of image.\n /\n alt?: string;\n /\n Header content of an Slide. This can be any ReactNode, however `GalleryItemHeading` component is recommended.\n /\n header?: React.ReactNode;\n /\n Footer content of an Slide. This can be any ReactNode, however `GalleryItemFooter` component is recommended.\n /\n footer?: React.ReactNode;\n /\n Width of an slide\n * @example\n * ```tsx\n * <GalleryCarouselItem width=\"200px\"/>\n * ```\n /\n width?: string;\n /\n Color that `header` and `footer` should have when overlapping rendered image.\n * @default dark\n */\n color?: 'dark' \| 'light';\n};\n\nexport const GalleryCarouselItem: React.FC<GalleryCarouselItemProps> = (props) => {\n const theme = useTheme();\n\n const imageSrc = useResponsiveProp(props.imageSrc);\n const imageFit = useResponsiveProp(props.imageFit);\n\n const [pictureHeight, setPictureHeight] = useState<string>('inherit');\n const headerRef = useRef<HTMLDivElement>(null);\n const footerRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const isSm = useMediaQuery<Theme>((themeA) => themeA.breakpoints.only('sm'));\n const isXs = useMediaQuery<Theme>((themeA) => themeA.breakpoints.only('xs'));\n\n const updatePictureHeight = useCallback(() => {\n if (isSm \|\| isXs) {\n const containerHeight = containerRef.current.clientHeight ?? 0;\n const headerHeight = headerRef.current?.clientHeight ?? 0;\n const footerHeight = footerRef.current?.clientHeight ?? 0;\n const h = containerHeight - (headerHeight + footerHeight);\n setPictureHeight(`${h < 0 ? 0 : h}px`);\n } else {\n setPictureHeight('inherit');\n }\n }, [isSm, isXs, setPictureHeight]);\n\n useEffect(updatePictureHeight, [updatePictureHeight]);\n\n useEffect(() => {\n const e = () => updatePictureHeight();\n window.addEventListener('resize', e);\n return () => window.removeEventListener('resize', e);\n }, [updatePictureHeight]);\n\n return (\n <GalleryItemContext.Provider value={{ color: props.color ?? 'dark' }}>\n <Box\n sx={{\n flexBasis: props.width ?? '100%',\n maxWidth: props.width ?? '100%',\n }}\n data-testid=\"Carousel.slide\"\n >\n <Box\n ref={containerRef}\n sx={{\n position: 'relative',\n width: props.width ?? '100%',\n height: '100%',\n }}\n >\n {props.header && (\n <Stack\n ref={headerRef}\n direction=\"column\"\n spacing={2}\n sx={{\n position: { sm: 'static', md: 'absolute' },\n padding: '24px',\n zIndex: 2,\n top: 0,\n right: 0,\n left: 0,\n }}\n >\n {props.header}\n </Stack>\n )}\n\n <Box\n component=\"picture\"\n sx={{\n display: 'flex',\n position: 'relative',\n height: pictureHeight,\n ...shadowStyle,\n }}\n >\n <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n <Box\n component=\"img\"\n sx={{\n height: '100%',\n width: '100%',\n objectFit: imageFit ?? 'cover',\n }}\n src={imageSrc.xs}\n alt={props.alt}\n />\n </Box>\n\n {props.footer && (\n <Stack\n ref={footerRef}\n direction=\"column\"\n spacing={2}\n sx={{\n position: { sm: 'static', md: 'absolute' },\n paddingRight: { md: '150px' },\n padding: '24px',\n zIndex: 1,\n bottom: 0,\n right: 0,\n left: 0,\n }}\n >\n {props.footer}\n </Stack>\n )}\n </Box>\n </Box>\n </GalleryItemContext.Provider>\n );\n};\n\nconst shadowStyle = {\n '&::before, &::after': {\n content: \"''\",\n display: 'block',\n zIndex: 1,\n position: 'absolute',\n left: 0,\n right: 0,\n height: '30%',\n },\n '::before': {\n top: '0',\n background: 'linear-gradient(0deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n },\n '::after': {\n bottom: '0',\n background: 'linear-gradient(180deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)',\n },\n};\n"],"names":["shadowStyle","content","display","zIndex","position","left","right","height","top","background","bottom","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","pictureHeight","setPictureHeight","useState","headerRef","useRef","footerRef","containerRef","isSm","useMediaQuery","themeA","breakpoints","only","isXs","updatePictureHeight","useCallback","h","_a","current","clientHeight","_c","_b","_e","_d","useEffect","e","window","addEventListener","removeEventListener","_jsx","GalleryItemContext","Provider","value","color","jsx","Box","sx","flexBasis","width","maxWidth","children","_jsxs","ref","header","Stack","direction","spacing","sm","md","padding","component","Object","assign","media","values","xl","srcSet","lg","xs","objectFit","src","alt","footer","paddingRight"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":[~~null~~],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"mEAmBO,MAAMA,EAAiBC,EAAAA,cAAkC,CAC9DC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,iEAOiE,EAAGC,eAC9E,MAAON,EAAcE,GAAmBK,EAAAA,SAAiB,IAClDN,EAAcE,GAAmBI,EAAAA,SAAiB,GAEnDC,EAAWC,EAAAA,SACf,KAAO,CACLT,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UAEZ,CAACL,EAAcE,EAAiBD,EAAcE,IAGhD,OAAOO,EAAAC,IAACb,EAAec,SAAQ,CAACC,MAAOL,EAAQF,SAAGA,GAAmC"}
1	+ {"version":3,"file":"galleryContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import React, { useState, createContext, useMemo } from 'react';\n\nexport type GalleryContextType = {\n /*\n this value contains height of largest header element, it is used in xs gallery\n /\n headerHeight: number;\n setHeaderHeight: (v: number) => void;\n /\n this value contains height of largest footer element, it is used in xs gallery\n /\n footerHeight: number;\n setFooterHeight: (v: number) => void;\n\n /* contains color scheme for current slide */\n color: 'dark' \| 'light';\n setColor: (c: 'dark' \| 'light') => void;\n};\n\nexport const GalleryContext = createContext<GalleryContextType>({\n headerHeight: 0,\n footerHeight: 0,\n setHeaderHeight: () => {},\n setFooterHeight: () => {},\n color: 'dark',\n setColor: () => {},\n});\n\nexport type GalleryContextProviderProps = {\n children: React.ReactNode;\n};\n\nexport const GalleryContextProvider: React.FC<GalleryContextProviderProps> = ({ children }) => {\n const [headerHeight, setHeaderHeight] = useState<number>(0);\n const [footerHeight, setFooterHeight] = useState<number>(0);\n\n const ctxValue = useMemo<GalleryContextType>(\n () => ({\n headerHeight,\n setHeaderHeight,\n footerHeight,\n setFooterHeight,\n color: 'dark',\n setColor: () => {},\n }),\n [headerHeight, setHeaderHeight, footerHeight, setFooterHeight],\n );\n\n return <GalleryContext.Provider value={ctxValue}>{children}</GalleryContext.Provider>;\n};\n"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"mEAmBO,MAAMA,EAAiBC,EAAAA,cAAkC,CAC9DC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,iEAOiE,EAAGC,eAC9E,MAAON,EAAcE,GAAmBK,EAAAA,SAAiB,IAClDN,EAAcE,GAAmBI,EAAAA,SAAiB,GAEnDC,EAAWC,EAAAA,SACf,KAAO,CACLT,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UAEZ,CAACL,EAAcE,EAAiBD,EAAcE,IAGhD,OAAOO,EAAAC,IAACb,EAAec,SAAQ,CAACC,MAAOL,EAAQF,SAAGA,GAAmC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryItemContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemContext.ts"],"sourcesContent":[~~null~~],"names":["GalleryItemContext","default","createContext","color"],"mappings":"gEAMa,MAAAA,sBAA0BC,QAACC,cAAsC,CAC5EC,MAAO"}
1	+ {"version":3,"file":"galleryItemContext.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemContext.ts"],"sourcesContent":["import React from 'react';\n\nexport type GalleryItemContextType = {\n color: 'dark' \| 'light';\n};\n\nexport const GalleryItemContext = React.createContext<GalleryItemContextType>({\n color: 'dark',\n});\n"],"names":["GalleryItemContext","default","createContext","color"],"mappings":"gEAMa,MAAAA,sBAA0BC,QAACC,cAAsC,CAC5EC,MAAO"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryItemHeading.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemHeading.tsx"],"sourcesContent":[~~null~~],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","variant","sx","letterSpacing"],"mappings":"8JAQqE,EAAGA,eACtE,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,sBACvBC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAAAA,IAACC,EAAAA,WAAU,CACTX,MAAOQ,EACPI,QAAQ,KACRC,GAAI,CACFC,cAAe,qBAChB,cACW,mBAAkBf,SAE7BA,GACU"}
1	+ {"version":3,"file":"galleryItemHeading.js","sources":["../../../../../../src/organisms/carousel2/galleryCarousel/galleryItemHeading.tsx"],"sourcesContent":["import { Theme, Typography, useMediaQuery } from '@mui/material';\nimport React, { useContext, useMemo } from 'react';\nimport { GalleryItemContext } from './galleryItemContext';\n\nexport type GalleryItemHeadingProps = {\n children: React.ReactNode;\n};\n\nexport const GalleryItemHeading: React.FC<GalleryItemHeadingProps> = ({ children }) => {\n const { color } = useContext(GalleryItemContext);\n const smallerThanMd = useMediaQuery<Theme>((theme) => theme.breakpoints.down('md'));\n\n const fontColor = useMemo(() => {\n if (smallerThanMd) {\n return '#161718';\n }\n return color === 'light' ? '#fff' : '#161718';\n }, [smallerThanMd, color]);\n\n return (\n <Typography\n color={fontColor}\n variant=\"h1\"\n sx={{\n letterSpacing: '0.02em !important',\n }}\n data-testid=\"Carousel.heading\"\n >\n {children}\n </Typography>\n );\n};\n"],"names":["children","color","useContext","GalleryItemContext","smallerThanMd","useMediaQuery","theme","breakpoints","down","fontColor","useMemo","_jsx","Typography","variant","sx","letterSpacing"],"mappings":"8JAQqE,EAAGA,eACtE,MAAMC,MAAEA,GAAUC,EAAUA,WAACC,sBACvBC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAYC,EAAAA,SAAQ,IACpBN,EACK,UAEQ,UAAVH,EAAoB,OAAS,WACnC,CAACG,EAAeH,IAEnB,OACEU,EAAAA,IAACC,EAAAA,WAAU,CACTX,MAAOQ,EACPI,QAAQ,KACRC,GAAI,CACFC,cAAe,qBAChB,cACW,mBAAkBf,SAE7BA,GACU"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":[null],"names":["useActivateFooter","containerRef","footer","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","useRef","current","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","jsx","lg","md","sm","xs","objectFit","src","alt"],"mappings":"kLAoEa,MA8CPA,EAAoB,CAACC,EAA8BC,KACvD,MAAMC,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAAA,WAAWC,EAAAA,qBAE3CC,EAAiBC,EAAAA,aAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBR,IAAiBU,GACnBP,EAAgBF,MAGnB,CAACA,EAAQE,EAAiBD,IAE7BU,EAAAA,WAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,KAG5B,GAAGX,IAENU,YAAUN,EAAgB,CAACJ,GAAU,4BAtE6Bc,UAClE,MAAMC,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBJ,EAAMG,UACnCE,EAAWD,EAAAA,kBAAkBJ,EAAMK,UAEnCrB,EAAesB,EAAMA,OAAC,MAG5B,OAFAvB,EAAkBC,EAAauB,QAASP,EAAMf,QAG5CuB,MAACC,EAAGA,IAAA,CACFC,IAAK1B,EACL2B,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAb,EAAMc,qBAAS,SAGlB,cAAA,iBAEZC,SAAAC,EAAAA,KAACP,EAAAA,IAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QAGVL,SAAA,CAAAP,EAAAA,IAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOC,QAASC,OAAQtB,EAASqB,KACjFhB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOI,QAASF,OAAQtB,EAASwB,KACjFnB,EAAAA,cAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAASyB,KACjFpB,MAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS0B,KACjFrB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS2B,KACjFtB,EAAAA,IAACC,EAAAA,IAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPiB,UAAW1B,QAAAA,EAAY,SAEzB2B,IAAK7B,EAAS2B,GACdG,IAAKjC,EAAMiC,UAGX"}
1	+ {"version":3,"file":"HeroCarouselSlide.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/HeroCarouselSlide.tsx"],"sourcesContent":["import { Box, useTheme } from '@mui/material';\nimport React, { useCallback, useContext, useEffect, useRef } from 'react';\nimport { ResponsiveType, useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { HeroCarouselContext } from './heroCarouselContext';\n\ntype FitType = 'contain' \| 'cover' \| 'fill' \| 'scale-down' \| 'none';\n\nexport type HeroCarouselSlideProps = {\n /*\n Link to image that should be displayed. This property can be responsive.\n * @requires\n * @example\n * ```tsx\n * <HeroCarouselSlide imageSrc=\"../image.png\"/>\n * <HeroCarouselSlide imageSrc={{\n * xs: \"../xs-image.png\",\n * sm: \"../sm-image.png\",\n * md: \"../md-image.png\",\n * lg: \"../lg-image.png\",\n * xl: \"../xl-image.png\"\n * }}/>\n * ```\n /\n imageSrc: ResponsiveType<string>;\n /\n Width of slide component. This property can be responsive\n * @default undefined\n * @example\n * ```tsx\n * <HeroCarouselSlide width=\"500px\"/>\n * <HeroCarouselSlide imageSrc={{\n * xs: \"100%\",\n * sm: \"500px\",\n * md: \"700px\",\n * lg: \"50%\",\n * xl: \"33%\"\n * }}/>\n * ```\n /\n width?: ResponsiveType<string>;\n /\n Css `object-fit` property\n * @default cover\n * @example\n * ```tsx\n * <HeroCarouselSlide imageFit=\"contain\"/>\n * <HeroCarouselSlide imageFit={{\n * xs: \"contain\",\n * sm: \"cover\",\n * md: \"fill\",\n * lg: \"contain\",\n * xl: \"cover\"\n * }}/>\n * ```\n /\n imageFit?: ResponsiveType<FitType>;\n /\n Alternative text of image.\n * @default undefined\n /\n alt?: string;\n /\n Footer content of an Slide, it can be any ReactNode. Footer is passed via context to `HeroCarousel` component\n * @default undefined\n */\n footer?: React.ReactNode;\n};\n\nexport const HeroCarouselSlide: React.FC<HeroCarouselSlideProps> = (props) => {\n const theme = useTheme();\n const imageSrc = useResponsiveProp(props.imageSrc);\n const imageFit = useResponsiveProp(props.imageFit);\n\n const containerRef = useRef(null);\n useActivateFooter(containerRef.current, props.footer);\n\n return (\n <Box\n ref={containerRef}\n sx={{\n '&&': {\n flexBasis: props.width ?? '100%',\n },\n }}\n data-testid=\"Carousel.slide\"\n >\n <Box\n component=\"picture\"\n sx={{\n display: 'flex',\n position: 'relative',\n height: '100%',\n }}\n >\n <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n <Box\n component=\"img\"\n sx={{\n height: '100%',\n width: '100%',\n objectFit: imageFit ?? 'cover',\n }}\n src={imageSrc.xs}\n alt={props.alt}\n />\n </Box>\n </Box>\n );\n};\n\nconst useActivateFooter = (containerRef: HTMLDivElement, footer: React.ReactNode) => {\n const { emblaApi, setActiveFooter } = useContext(HeroCarouselContext);\n\n const activateFooter = useCallback(() => {\n if (emblaApi) {\n const slideIndex = emblaApi.selectedScrollSnap();\n const slides = emblaApi.slideNodes();\n const activeSlide = slides[slideIndex];\n if (containerRef === activeSlide) {\n setActiveFooter(footer);\n }\n }\n }, [footer, setActiveFooter, emblaApi]);\n\n useEffect(() => {\n if (emblaApi) {\n const e = () => activateFooter();\n emblaApi.on('select', e);\n return () => {\n emblaApi.off('select', e);\n };\n }\n }, [!!emblaApi]);\n\n useEffect(activateFooter, [emblaApi]);\n};\n"],"names":["useActivateFooter","containerRef","footer","emblaApi","setActiveFooter","useContext","HeroCarouselContext","activateFooter","useCallback","slideIndex","selectedScrollSnap","activeSlide","slideNodes","useEffect","e","on","off","props","theme","useTheme","imageSrc","useResponsiveProp","imageFit","useRef","current","_jsx","Box","ref","sx","flexBasis","_a","width","children","_jsxs","component","display","position","height","media","breakpoints","values","xl","srcSet","jsx","lg","md","sm","xs","objectFit","src","alt"],"mappings":"kLAoEa,MA8CPA,EAAoB,CAACC,EAA8BC,KACvD,MAAMC,SAAEA,EAAQC,gBAAEA,GAAoBC,EAAAA,WAAWC,EAAAA,qBAE3CC,EAAiBC,EAAAA,aAAY,KACjC,GAAIL,EAAU,CACZ,MAAMM,EAAaN,EAASO,qBAEtBC,EADSR,EAASS,aACGH,GACvBR,IAAiBU,GACnBP,EAAgBF,MAGnB,CAACA,EAAQE,EAAiBD,IAE7BU,EAAAA,WAAU,KACR,GAAIV,EAAU,CACZ,MAAMW,EAAI,IAAMP,IAEhB,OADAJ,EAASY,GAAG,SAAUD,GACf,KACLX,EAASa,IAAI,SAAUF,EAAE,KAG5B,GAAGX,IAENU,YAAUN,EAAgB,CAACJ,GAAU,4BAtE6Bc,UAClE,MAAMC,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBJ,EAAMG,UACnCE,EAAWD,EAAAA,kBAAkBJ,EAAMK,UAEnCrB,EAAesB,EAAMA,OAAC,MAG5B,OAFAvB,EAAkBC,EAAauB,QAASP,EAAMf,QAG5CuB,MAACC,EAAGA,IAAA,CACFC,IAAK1B,EACL2B,GAAI,CACF,KAAM,CACJC,kBAAWC,EAAAb,EAAMc,qBAAS,SAGlB,cAAA,iBAEZC,SAAAC,EAAAA,KAACP,EAAAA,IAAG,CACFQ,UAAU,UACVN,GAAI,CACFO,QAAS,OACTC,SAAU,WACVC,OAAQ,QAGVL,SAAA,CAAAP,EAAAA,IAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOC,QAASC,OAAQtB,EAASqB,KACjFhB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOI,QAASF,OAAQtB,EAASwB,KACjFnB,EAAAA,cAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOK,QAASH,OAAQtB,EAASyB,KACjFpB,MAAA,SAAA,CAAQa,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS0B,KACjFrB,EAAQkB,IAAA,SAAA,CAAAL,MAAO,eAAepB,EAAMqB,YAAYC,OAAOM,QAASJ,OAAQtB,EAAS2B,KACjFtB,EAAAA,IAACC,EAAAA,IAAG,CACFQ,UAAU,MACVN,GAAI,CACFS,OAAQ,OACRN,MAAO,OACPiB,UAAW1B,QAAAA,EAAY,SAEzB2B,IAAK7B,EAAS2B,GACdG,IAAKjC,EAAMiC,UAGX"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarousel.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":[null],"names":["HeroDefaultProps","direction","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","_a","_b","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","Object","assign","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","jsxs","Stack","component","Container","spacing","fixed","ref","Typography","variant","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}
1	+ {"version":3,"file":"heroCarousel.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import React, { 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, Theme, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { ResponsiveType } from '../../../utils/ResponsiveType';\nimport { Carousel2Props } from '../carousel2';\nimport { HeroCarouselContext } from './heroCarouselContext';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\nconst HeroDefaultProps: Partial<Carousel2Props> = {\n direction: 'ltr',\n};\n\nexport type HeroCarouselProps = {\n /*\n Enables autoplay functionality, which can be used to automatically trigger slide changes after certain delay.\n * @default false\n /\n autoPlay?: boolean;\n /\n Delay in ms between automatic slides.\n * @default 4000\n /\n autoPlayDelay?: number;\n /\n Adjust slide speed when using buttons to change Slide. Higher numbers enables faster scrolling. Values between `1`-`20` are recommended.\n * @default 10\n /\n speed?: number;\n /\n Carousel slides. Any ReactNode can be used here, however `GalleryCarouselItem` component is suggested.\n * @requires\n /\n children: React.ReactNode;\n /\n Direction of content.\n * @default ltr\n /\n direction?: 'rtl' \| 'ltr';\n /\n Separator of numbering component.\n * @default /\n /\n numberingSeparator?: string;\n /\n Index of Slide that is active by default.\n * @default 0\n /\n startIndex?: number;\n /\n Optional height of carousel, this prop is added to height style property.\n * @default undefined\n /\n height?: ResponsiveType<string>;\n /\n Heading of the carousel. Any ReactElement can be used, however `Typography` component is suggested.\n * @default undefined\n /\n heading?: React.ReactNode;\n /\n Enables numbering component, which shows number of active slide and number of total slides.\n * @default false\n /\n numbering?: boolean;\n};\n\n/\n @deprecated use Carousel instead\n /\nexport const HeroCarousel: React.FC<HeroCarouselProps> = (inProps) => {\n const heroProps = { ...HeroDefaultProps, ...inProps };\n const props = useDefaultProps(heroProps);\n\n const [emblaRef, emblaApi] = useEmbla(props);\n const headingRef = useRef<HTMLElement>(null);\n const viewportRef = useRef<HTMLElement>(null);\n\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n\n const [activeFooter, setActiveFooter] = useState<React.ReactNode>(null);\n\n const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n\n return (\n <HeroCarouselContext.Provider value={{ emblaApi, activeFooter, setActiveFooter }}>\n <Box\n className=\"hero-carousel\"\n position=\"relative\"\n dir={props.direction}\n data-testid=\"HeroCarousel\"\n data-state={emblaApi?.slidesInView()}\n sx={{ overflow: 'hidden' }}\n >\n <Stack component={Container} spacing={3} fixed sx={{ height: '100%' }}>\n {heroProps.heading && (\n <Box ref={headingRef} data-testid=\"HeroCarousel.heading\">\n {typeof heroProps.heading === 'string' ? (\n <Typography variant=\"h1\">{heroProps.heading}</Typography>\n ) : (\n heroProps.heading\n )}\n </Box>\n )}\n <ViewPort\n emblaRef={(e) => {\n emblaRef(e);\n viewportRef.current = e;\n }}\n sx={{\n width: {\n xl: '85%',\n md: '85%',\n sm: '95%',\n xs: '100%',\n },\n height: props.height,\n }}\n >\n <ItemsContainer\n left={containerLeft}\n sx={{\n gap: '24px',\n }}\n >\n {props.children}\n </ItemsContainer>\n\n <NavButton\n direction={props.direction}\n emblaApi={emblaApi}\n type=\"prev\"\n onMouseEnter={peekPrevOnHover}\n onMouseLeave={resetPeek}\n sx={{\n width: '21%',\n button: { visibility: 'hidden' },\n }}\n />\n <NavButton\n direction={props.direction}\n emblaApi={emblaApi}\n type=\"next\"\n onMouseEnter={peekNextOnHover}\n onMouseLeave={resetPeek}\n sx={{\n width: '30%',\n button: { visibility: 'hidden' },\n }}\n />\n </ViewPort>\n {activeFooter && (\n <Box\n sx={{\n width: {\n xl: '860px',\n lg: '740px',\n md: '100%',\n },\n paddingRight: {\n lg: '0px',\n sm: '130px',\n },\n }}\n data-testid=\"HeroCarousel.footer\"\n >\n {typeof activeFooter === 'string' ? <Typography>{activeFooter}</Typography> : activeFooter}\n </Box>\n )}\n </Stack>\n {heroProps.numbering !== false && (\n <Numbering\n sx={numberingStyles}\n emblaApi={emblaApi}\n separator={props.numberingSeparator}\n color={NumberingColors.DARK}\n size={NumberingSizes.LARGE}\n direction={props.direction}\n />\n )}\n </Box>\n </HeroCarouselContext.Provider>\n );\n};\n\n/ eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (\n emblaApi: EmblaCarouselType,\n headingRef: HTMLElement,\n viewportRef: HTMLElement,\n direction: 'rtl' \| 'ltr',\n) => {\n const isSm = useMediaQuery<Theme>((theme) => theme.breakpoints.only('sm'));\n const isXs = useMediaQuery<Theme>((theme) => theme.breakpoints.only('xs'));\n\n const [x, setX] = useState<Record<string, string> \| undefined>();\n const [y, setY] = useState<Record<string, string> \| undefined>();\n\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const viewport = viewportRef.getBoundingClientRect();\n const heading = headingRef?.getBoundingClientRect();\n\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 + (heading?.height ?? 0) + 20}px`,\n xs: `${viewport.height + (heading?.height ?? 0) - 25}px`,\n });\n }\n }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n\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\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"],"names":["HeroDefaultProps","direction","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","_a","_b","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","Object","assign","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","jsxs","Stack","component","Container","spacing","fixed","ref","Typography","variant","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarouselContext.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":[null],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"],"mappings":"aASO,MAAMA,mBAAsBC,cAAuC,CACxEC,aAAc,KACdC,gBAAiB"}
1	+ {"version":3,"file":"heroCarouselContext.js","sources":["../../../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import { EmblaCarouselType } from 'embla-carousel-react';\nimport React, { createContext } from 'react';\n\nexport type HeroCarouselContextType = {\n emblaApi?: EmblaCarouselType;\n activeFooter: React.ReactNode;\n setActiveFooter: (e: React.ReactNode) => void;\n};\n\nexport const HeroCarouselContext = createContext<HeroCarouselContextType>({\n activeFooter: null,\n setActiveFooter: () => {},\n});\n\nexport type HeroCarouselContextProviderProps = {\n children: React.ReactNode;\n emblaApi: EmblaCarouselType;\n};\n"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"],"mappings":"aASO,MAAMA,mBAAsBC,cAAuC,CACxEC,aAAc,KACdC,gBAAiB"}

package/cjs/organisms/carousel2/hooks/useContainerPeek.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useContainerPeek.js","sources":["../../../../../../src/organisms/carousel2/hooks/useContainerPeek.ts"],"sourcesContent":[~~null~~],"names":["emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","canScrollNext","canScrollPrev","peekPrevOnHover","resetPeek","useEffect","on"],"mappings":"6DAMgC,CAC9BA,EACAC,EACAC,KAEA,MAAOC,EAAeC,GAAoBC,aAEpCC,EAAkBC,EAAAA,aAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,UAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCS,EAAkBH,EAAAA,aAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,SAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCU,EAAYJ,EAAAA,aAAY,KAC5BH,EAAiB,MAAM,GACtB,CAACA,IAUJ,OARAQ,EAAAA,WAAU,KACJZ,GACFA,EAASa,GAAG,UAAU,KACpBT,EAAiB,MAAM,MAG1B,CAACJ,IAEG,CACLG,gBACAG,kBACAI,kBACAC,YACD"}
1	+ {"version":3,"file":"useContainerPeek.js","sources":["../../../../../../src/organisms/carousel2/hooks/useContainerPeek.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { EmblaCarouselType } from 'embla-carousel-react';\n\n/*\n Provides functionality to peek over the next slide\n */\nexport const useContainerPeek = (\n emblaApi: EmblaCarouselType,\n direction: 'ltr' \| 'rtl',\n positions?: { prev: string; next: string },\n) => {\n const [containerLeft, setContainerLeft] = useState<string \| undefined>();\n\n const peekNextOnHover = useCallback(() => {\n if (emblaApi) {\n const canScroll = direction === 'ltr' ? emblaApi.canScrollNext() : emblaApi.canScrollPrev();\n if (canScroll) {\n setContainerLeft(positions?.next ?? '-4%');\n }\n }\n }, [emblaApi, setContainerLeft, positions, direction]);\n\n const peekPrevOnHover = useCallback(() => {\n if (emblaApi) {\n const canScroll = direction === 'rtl' ? emblaApi.canScrollNext() : emblaApi.canScrollPrev();\n if (canScroll) {\n setContainerLeft(positions?.prev ?? '4%');\n }\n }\n }, [emblaApi, setContainerLeft, positions, direction]);\n\n const resetPeek = useCallback(() => {\n setContainerLeft('0px');\n }, [setContainerLeft]);\n\n useEffect(() => {\n if (emblaApi) {\n emblaApi.on('select', () => {\n setContainerLeft('0px');\n });\n }\n }, [emblaApi]);\n\n return {\n containerLeft,\n peekNextOnHover,\n peekPrevOnHover,\n resetPeek,\n };\n};\n"],"names":["emblaApi","direction","positions","containerLeft","setContainerLeft","useState","peekNextOnHover","useCallback","canScrollNext","canScrollPrev","peekPrevOnHover","resetPeek","useEffect","on"],"mappings":"6DAMgC,CAC9BA,EACAC,EACAC,KAEA,MAAOC,EAAeC,GAAoBC,aAEpCC,EAAkBC,EAAAA,aAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,UAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCS,EAAkBH,EAAAA,aAAY,KAClC,GAAIP,EAAU,EACoB,QAAdC,EAAsBD,EAASQ,gBAAkBR,EAASS,kBAE1EL,EAAoC,SAGvC,CAACJ,EAAUI,EAAkBF,EAAWD,IAErCU,EAAYJ,EAAAA,aAAY,KAC5BH,EAAiB,MAAM,GACtB,CAACA,IAUJ,OARAQ,EAAAA,WAAU,KACJZ,GACFA,EAASa,GAAG,UAAU,KACpBT,EAAiB,MAAM,MAG1B,CAACJ,IAEG,CACLG,gBACAG,kBACAI,kBACAC,YACD"}

package/cjs/organisms/carousel2/hooks/useDefaultProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDefaultProps.js","sources":["../../../../../../src/organisms/carousel2/hooks/useDefaultProps.ts"],"sourcesContent":[~~null~~],"names":["defaultControlOptions","prevIcon","nextIcon","iconStyle","iconSize","variant","color","props","controlOptions","useMemo","Object","assign","align","autoPlay","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","direction","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","autoPlayDelay"],"mappings":"oCAGA,MAAMA,EAAwB,CAC5BC,SAAU,aACVC,SAAU,cACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WACTC,MAAO,gCAGuBC,IAC9B,MAAMC,EAAiBC,EAAAA,SAAQ,KAC7B,GAAIF,EAAMC,eACR,OAAOE,OAAOC,OAAO,CAAA,EAAIX,EAAuBO,EAAMC,eAExC,GACf,CAACD,EAAMC,iBAEV,OAAOC,EAAOA,SAAC,IACbC,OAAAC,OAAAD,OAAAC,OAAA,CACEC,MAAO,QACPC,UAAU,EACVC,yBAA0B,MAC1BC,gBAAgB,EAChBC,uBAAwB,IACxBC,SAAU,GACVC,UAAW,MACXC,uBAAuB,EACvBC,MAAM,EACNC,mBAAoB,IACpBC,iBAAiB,EACjBC,aAAa,EACbC,cAAe,EACfC,YAAa,EACbC,mBAAoB,iBACpBC,MAAO,GACPC,WAAY,EACZC,cAAc,EACdC,YAAa,MACbC,YAAa,OACbC,cAAe,MACZzB,GAAK,CACRC,oBAED,CAACD,EAAOC,GAAgB"}
1	+ {"version":3,"file":"useDefaultProps.js","sources":["../../../../../../src/organisms/carousel2/hooks/useDefaultProps.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { Carousel2Props } from '../carousel2';\n\nconst defaultControlOptions = {\n prevIcon: 'arrow-left',\n nextIcon: 'arrow-right',\n iconStyle: 'regular',\n iconSize: 'medium',\n variant: 'standard',\n color: 'dark',\n};\n\nexport const useDefaultProps = (props: Carousel2Props): Carousel2Props => {\n const controlOptions = useMemo(() => {\n if (props.controlOptions) {\n return Object.assign({}, defaultControlOptions, props.controlOptions);\n }\n return undefined;\n }, [props.controlOptions]);\n\n return useMemo(() => {\n return {\n align: 'start',\n autoPlay: false,\n buttonAreaControlsHeight: '50%',\n buttonControls: true,\n buttonControlsPosition: '0',\n cssClass: '',\n direction: 'ltr',\n isSlideDifferentWidth: false,\n loop: false,\n numberingSeparator: '/',\n numberingSlides: true,\n progressbar: false,\n slideToScroll: 1,\n slideToShow: 1,\n slideSelectedClass: 'slide-selected',\n speed: 10,\n startIndex: 0,\n bulletScroll: false,\n bulletStyle: 'dot',\n bulletTheme: 'dark',\n autoPlayDelay: 1600,\n ...props,\n controlOptions,\n };\n }, [props, controlOptions]);\n};\n"],"names":["defaultControlOptions","prevIcon","nextIcon","iconStyle","iconSize","variant","color","props","controlOptions","useMemo","Object","assign","align","autoPlay","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","direction","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","autoPlayDelay"],"mappings":"oCAGA,MAAMA,EAAwB,CAC5BC,SAAU,aACVC,SAAU,cACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WACTC,MAAO,gCAGuBC,IAC9B,MAAMC,EAAiBC,EAAAA,SAAQ,KAC7B,GAAIF,EAAMC,eACR,OAAOE,OAAOC,OAAO,CAAA,EAAIX,EAAuBO,EAAMC,eAExC,GACf,CAACD,EAAMC,iBAEV,OAAOC,EAAOA,SAAC,IACbC,OAAAC,OAAAD,OAAAC,OAAA,CACEC,MAAO,QACPC,UAAU,EACVC,yBAA0B,MAC1BC,gBAAgB,EAChBC,uBAAwB,IACxBC,SAAU,GACVC,UAAW,MACXC,uBAAuB,EACvBC,MAAM,EACNC,mBAAoB,IACpBC,iBAAiB,EACjBC,aAAa,EACbC,cAAe,EACfC,YAAa,EACbC,mBAAoB,iBACpBC,MAAO,GACPC,WAAY,EACZC,cAAc,EACdC,YAAa,MACbC,YAAa,OACbC,cAAe,MACZzB,GAAK,CACRC,oBAED,CAACD,EAAOC,GAAgB"}

package/cjs/organisms/carousel2/hooks/useEmbla.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEmbla.js","sources":["../../../../../../src/organisms/carousel2/hooks/useEmbla.ts"],"sourcesContent":[~~null~~],"names":["props","smallerThanSm","useMediaQuery","theme","breakpoints","down","autoplayPlugin","useMemo","Autoplay","playOnInit","autoPlay","delay","autoPlayDelay","emblaOptions","Object","assign","align","axis","containScroll","direction","loop","slidesToScroll","slideToScroll","skipSnaps","speed","startIndex","options","useEmblaCarousel"],"mappings":"4NAMyBA,IACvB,MAAMC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAiBC,WACrB,IACEC,UAAS,CACPC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBAEjB,CAACZ,EAAMU,WAGHG,EAAiCN,EAAOA,SAC5C,IACEO,OAAAC,OAAA,CAAAC,MAAOhB,EAAMgB,MACbC,KAAM,IACNC,cAA+B,WAAhBlB,EAAMgB,MAAqB,YAAc,GACxDG,UAAWnB,EAAMmB,UACjBC,KAAMpB,EAAMoB,KACZC,eAAgBpB,EAAgB,EAAID,EAAMsB,cAC1CC,WAAW,EACXC,MAAOxB,EAAMwB,MACbC,WAAYzB,EAAMyB,YACfzB,EAAM0B,UAEX,CAAC1B,EAAOC,IAGV,OAAO0B,UAAiBd,EAAc,CAACP,GAAgB"}
1	+ {"version":3,"file":"useEmbla.js","sources":["../../../../../../src/organisms/carousel2/hooks/useEmbla.ts"],"sourcesContent":["import useEmblaCarousel, { EmblaOptionsType } from 'embla-carousel-react';\nimport { Carousel2Props } from '../carousel2';\nimport { Theme, useMediaQuery } from '@mui/material';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { useMemo } from 'react';\n\nexport const useEmbla = (props: Carousel2Props) => {\n const smallerThanSm = useMediaQuery<Theme>((theme) => theme.breakpoints.down('sm'));\n\n const autoplayPlugin = useMemo(\n () =>\n Autoplay({\n playOnInit: props.autoPlay ? true : false,\n delay: props.autoPlayDelay,\n }),\n [props.autoPlay],\n );\n\n const emblaOptions: EmblaOptionsType = useMemo(\n () => ({\n align: props.align,\n axis: 'x',\n containScroll: props.align !== 'center' ? 'trimSnaps' : '',\n direction: props.direction,\n loop: props.loop,\n slidesToScroll: smallerThanSm ? 1 : props.slideToScroll,\n skipSnaps: false,\n speed: props.speed,\n startIndex: props.startIndex,\n ...props.options,\n }),\n [props, smallerThanSm],\n );\n\n return useEmblaCarousel(emblaOptions, [autoplayPlugin]);\n};\n"],"names":["props","smallerThanSm","useMediaQuery","theme","breakpoints","down","autoplayPlugin","useMemo","Autoplay","playOnInit","autoPlay","delay","autoPlayDelay","emblaOptions","Object","assign","align","axis","containScroll","direction","loop","slidesToScroll","slideToScroll","skipSnaps","speed","startIndex","options","useEmblaCarousel"],"mappings":"4NAMyBA,IACvB,MAAMC,EAAgBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEvEC,EAAiBC,WACrB,IACEC,UAAS,CACPC,aAAYT,EAAMU,SAClBC,MAAOX,EAAMY,iBAEjB,CAACZ,EAAMU,WAGHG,EAAiCN,EAAOA,SAC5C,IACEO,OAAAC,OAAA,CAAAC,MAAOhB,EAAMgB,MACbC,KAAM,IACNC,cAA+B,WAAhBlB,EAAMgB,MAAqB,YAAc,GACxDG,UAAWnB,EAAMmB,UACjBC,KAAMpB,EAAMoB,KACZC,eAAgBpB,EAAgB,EAAID,EAAMsB,cAC1CC,WAAW,EACXC,MAAOxB,EAAMwB,MACbC,WAAYzB,EAAMyB,YACfzB,EAAM0B,UAEX,CAAC1B,EAAOC,IAGV,OAAO0B,UAAiBd,EAAc,CAACP,GAAgB"}

package/cjs/organisms/common/buttonCardComponent/buttonCardComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonCardComponent.js","sources":["../../../../../../src/organisms/common/buttonCardComponent/buttonCardComponent.tsx"],"sourcesContent":[~~null~~],"names":["buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"qOAoBuD,EAAGA,eAAcC,UAASC,gBAC/E,MAAMC,EAAgBC,eAAaC,IACjCA,EAAOC,mBAAqBD,EAAOC,oBAC/BD,EAAOE,IACTC,OAAOC,KAAKC,UAAUL,EAAOE,KAAMF,EAAOM,OAASN,EAAOM,OAAS,IAEnEN,EAAOO,UAAYP,EAAOO,aAE3B,IAEH,OACEC,aAAKX,UAAWA,EACdY,SAAAD,MAACE,EAAAA,OACC,CAAAb,UAAU,aACVc,QAAS,IAAMb,EAAcH,GAC7BC,QAASA,EACTgB,QAASjB,EAAaiB,QACtBC,MAAOC,EAAcA,eAACnB,EAAakB,MAAO,OAExC"}
1	+ {"version":3,"file":"buttonCardComponent.js","sources":["../../../../../../src/organisms/common/buttonCardComponent/buttonCardComponent.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../../components/button';\nimport { handleMaxChars } from '../../../utils/utilities';\n/*\n @interface ButtonCardProps\n */\n\ninterface ButtonCardProps {\n buttonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: () => void;\n callbackAnalytics?: () => void;\n };\n compact?: boolean;\n className?: string;\n}\n\nconst ButtonCardComponent: React.FC<ButtonCardProps> = ({ buttonObject, compact, className }) => {\n const onClickButton = useCallback((button) => {\n button.callbackAnalytics && button.callbackAnalytics();\n if (button.url) {\n window.open(encodeURI(button.url), button.target ? button.target : '');\n } else {\n button.callback && button.callback();\n }\n }, []);\n\n return (\n <div className={className}>\n <Button\n className=\"cta-button\"\n onClick={() => onClickButton(buttonObject)}\n compact={compact}\n variant={buttonObject.variant}\n label={handleMaxChars(buttonObject.label, 30)}\n />\n </div>\n );\n};\n\nexport default ButtonCardComponent;\n"],"names":["buttonObject","compact","className","onClickButton","useCallback","button","callbackAnalytics","url","window","open","encodeURI","target","callback","_jsx","children","Button","onClick","variant","label","handleMaxChars"],"mappings":"qOAoBuD,EAAGA,eAAcC,UAASC,gBAC/E,MAAMC,EAAgBC,eAAaC,IACjCA,EAAOC,mBAAqBD,EAAOC,oBAC/BD,EAAOE,IACTC,OAAOC,KAAKC,UAAUL,EAAOE,KAAMF,EAAOM,OAASN,EAAOM,OAAS,IAEnEN,EAAOO,UAAYP,EAAOO,aAE3B,IAEH,OACEC,aAAKX,UAAWA,EACdY,SAAAD,MAACE,EAAAA,OACC,CAAAb,UAAU,aACVc,QAAS,IAAMb,EAAcH,GAC7BC,QAASA,EACTgB,QAASjB,EAAaiB,QACtBC,MAAOC,EAAcA,eAACnB,EAAakB,MAAO,OAExC"}

package/cjs/organisms/common/infoTextCardComponent/infoTextCardComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"infoTextCardComponent.js","sources":["../../../../../../src/organisms/common/infoTextCardComponent/infoTextCardComponent.tsx"],"sourcesContent":[~~null~~],"names":["infoText","infoTextSecond","infoTextThird","className","_jsxs","jsxs","children","_jsx","jsx","handleMaxChars"],"mappings":"gKAsB2D,EAAGA,WAAUC,iBAAgBC,gBAAeC,eAEnGC,EAAAC,KAAA,MAAA,CAAKF,UAAWA,EAASG,SAAA,CACtBN,GACCI,EAAAA,KAAA,OAAA,CAAMD,UAAU,gBACbG,SAAA,CAAAN,GACCC,GAAkBC,IAAkBK,EAAAA,IAAgB,OAAA,CAAAD,SAAA,WAGzDL,GACCG,EAAAC,KAAA,OAAA,CAAMF,UAAU,iBACbG,SAAA,CAAAL,EACAC,GAAiBK,EAAAA,IAAA,OAAA,CAAAD,SAAA,WAGrBJ,GACCK,EAAKC,IAAA,MAAA,CAAAL,UAAU,yBAAwBG,SACrCC,EAAMC,IAAA,OAAA,CAAAL,UAAU,gBAAiBG,SAAAG,EAAAA,eAAeP,EAAe"}
1	+ {"version":3,"file":"infoTextCardComponent.js","sources":["../../../../../../src/organisms/common/infoTextCardComponent/infoTextCardComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { handleMaxChars } from '../../../utils/utilities';\n/*\n @interface ButtonCardProps\n /\n\ninterface InfoTextCardProps {\n /\n Info text\n /\n infoText?: string;\n /\n Info text second position text\n /\n infoTextSecond?: string;\n /\n info text third position text\n */\n infoTextThird?: string;\n className?: string;\n}\n\nconst InfoTextCardComponent: React.FC<InfoTextCardProps> = ({ infoText, infoTextSecond, infoTextThird, className }) => {\n return (\n <div className={className}>\n {infoText && (\n <span className=\"infoTextFirst\">\n {infoText}\n {(infoTextSecond \|\| infoTextThird) && <span> \| </span>}\n </span>\n )}\n {infoTextSecond && (\n <span className=\"infoTextSecond\">\n {infoTextSecond}\n {infoTextThird && <span> \| </span>}\n </span>\n )}\n {infoTextThird && (\n <div className=\"infoTextThirdContainer\">\n <span className=\"infoTextThird\">{handleMaxChars(infoTextThird, 50)}</span>\n </div>\n )}\n </div>\n );\n};\n\nexport default InfoTextCardComponent;\n"],"names":["infoText","infoTextSecond","infoTextThird","className","_jsxs","jsxs","children","_jsx","jsx","handleMaxChars"],"mappings":"gKAsB2D,EAAGA,WAAUC,iBAAgBC,gBAAeC,eAEnGC,EAAAC,KAAA,MAAA,CAAKF,UAAWA,EAASG,SAAA,CACtBN,GACCI,EAAAA,KAAA,OAAA,CAAMD,UAAU,gBACbG,SAAA,CAAAN,GACCC,GAAkBC,IAAkBK,EAAAA,IAAgB,OAAA,CAAAD,SAAA,WAGzDL,GACCG,EAAAC,KAAA,OAAA,CAAMF,UAAU,iBACbG,SAAA,CAAAL,EACAC,GAAiBK,EAAAA,IAAA,OAAA,CAAAD,SAAA,WAGrBJ,GACCK,EAAKC,IAAA,MAAA,CAAAL,UAAU,yBAAwBG,SACrCC,EAAMC,IAAA,OAAA,CAAAL,UAAU,gBAAiBG,SAAAG,EAAAA,eAAeP,EAAe"}

package/cjs/organisms/common/menuCardComponent/menuCardComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuCardComponent.js","sources":["../../../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":[null],"names":["MenuCardStyled","styled","style","Object","assign","position","zIndex","cursor","top","width","height","right","fontSize","marginRight","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","className","children","_jsx","Icon","ref","onClick","name","CardMenu","open","onClose"],"mappings":"sUAiDA,MAgBMA,EAAiBC,EAAAA,OAAO,MAAPA,EAA0B,KAC/C,IAAIC,EAAQ,CAAE,EAqBd,OAnBAA,EACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAAG,SAAU,WACVC,OAAQ,EACRC,OAAQ,UACRC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,MAAO,OACP,oBAAqB,CACnBF,MAAO,OACPC,OAAQ,OACRE,SAAU,QAEZ,UAAW,CACTC,YAAa,UAIVX,CAAK,oBAtCyCY,QAAKC,EAAKC,EAAAA,OAAAF,EAAV,IACrD,MAAOG,EAAQC,GAAaC,EAAAA,UAAS,GAC/BC,EAAYC,EAAMA,OAAC,MAEnBC,EAAUC,EAAAA,aAAY,IAAML,GAAU,IAAO,IAE7CM,EAAYD,EAAAA,aAAY,IAAML,GAAU,IAAQ,IAEtD,OACEO,EAAAA,KAACzB,GAAe0B,UAAU,oBACxBC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,KAAK,CAAAC,IAAKV,EAAWW,QAAST,EAASU,KAAK,aAC7CJ,MAACK,EAAQA,SAAA9B,OAAAC,OAAA,CAAA,EAAKW,EAAO,CAAAmB,KAAMjB,EAAQkB,QAASX,EAAWJ,UAAWA,OACnD"}
1	+ {"version":3,"file":"menuCardComponent.js","sources":["../../../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":["import React, { FC, useCallback, useRef, useState } from 'react';\nimport { Icon } from '../../../components/icon';\nimport { styled } from '@mui/system';\nimport { CardMenu, CardMenuItemsArray } from '../../../components/cardMenu/cardMenu';\nimport { SxProps } from '@mui/system';\nimport { Theme } from '@mui/material/styles';\nimport { Placement } from '../../../utils/enum';\n\nexport interface MenuCardComponentProps {\n /*\n The content of the component.\n /\n items: CardMenuItemsArray;\n /\n React useState hook set function used to update the passed items to the component.\n /\n setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n /\n If header is provided, a text will be displayed on top of the elements.\n /\n header?: string;\n /\n If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n /\n allowMultiselect?: boolean;\n /\n Callback fired when item is clicked.\n /\n onItemClick?: (itemText: string) => void;\n /\n The system prop that allows defining system overrides as well as additional CSS styles.\n /\n sx?: SxProps<Theme>;\n /\n Override or extend the styles applied to the component.\n /\n classes?: object;\n /\n Popper placement. Default is 'bottom'.\n /\n placement?: Placement;\n /\n If true, a switch button is added to the items allowing to select or deselect all of the items.\n * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n */\n hasToggleSelection?: boolean;\n}\n\nconst MenuCardComponent: FC<MenuCardComponentProps> = ({ ...props }) => {\n const [isOpen, setIsOpen] = useState(false);\n const anchorRef = useRef(null);\n\n const setOpen = useCallback(() => setIsOpen(true), []);\n\n const setClosed = useCallback(() => setIsOpen(false), []);\n\n return (\n <MenuCardStyled className=\"menuCardComponent\">\n <Icon ref={anchorRef} onClick={setOpen} name=\"vertical\" />\n <CardMenu {...props} open={isOpen} onClose={setClosed} anchorRef={anchorRef} />\n </MenuCardStyled>\n );\n};\n\nconst MenuCardStyled = styled('div')<{ theme? }>(() => {\n let style = {};\n\n style = {\n ...style,\n position: 'absolute',\n zIndex: 4,\n cursor: 'pointer',\n top: '24px',\n width: '20px',\n height: '30px',\n right: '24px',\n '& > .MuiIcon-root': {\n width: '20px',\n height: '30px',\n fontSize: '20px',\n },\n '& > div': {\n marginRight: '40px',\n },\n };\n\n return style;\n});\n\nexport default MenuCardComponent;\n"],"names":["MenuCardStyled","styled","style","Object","assign","position","zIndex","cursor","top","width","height","right","fontSize","marginRight","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","className","children","_jsx","Icon","ref","onClick","name","CardMenu","open","onClose"],"mappings":"sUAiDA,MAgBMA,EAAiBC,EAAAA,OAAO,MAAPA,EAA0B,KAC/C,IAAIC,EAAQ,CAAE,EAqBd,OAnBAA,EACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAAG,SAAU,WACVC,OAAQ,EACRC,OAAQ,UACRC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,MAAO,OACP,oBAAqB,CACnBF,MAAO,OACPC,OAAQ,OACRE,SAAU,QAEZ,UAAW,CACTC,YAAa,UAIVX,CAAK,oBAtCyCY,QAAKC,EAAKC,EAAAA,OAAAF,EAAV,IACrD,MAAOG,EAAQC,GAAaC,EAAAA,UAAS,GAC/BC,EAAYC,EAAMA,OAAC,MAEnBC,EAAUC,EAAAA,aAAY,IAAML,GAAU,IAAO,IAE7CM,EAAYD,EAAAA,aAAY,IAAML,GAAU,IAAQ,IAEtD,OACEO,EAAAA,KAACzB,GAAe0B,UAAU,oBACxBC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,KAAK,CAAAC,IAAKV,EAAWW,QAAST,EAASU,KAAK,aAC7CJ,MAACK,EAAQA,SAAA9B,OAAAC,OAAA,CAAA,EAAKW,EAAO,CAAAmB,KAAMjB,EAAQkB,QAASX,EAAWJ,UAAWA,OACnD"}

package/cjs/organisms/common/styled/cardStandardWrapperStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardStandardWrapperStyled.js","sources":["../../../../../../src/organisms/common/styled/cardStandardWrapperStyled.tsx"],"sourcesContent":[~~null~~],"names":["CardStandardWrapperStyled","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","styles","padding","borderRadius","isBorderRadius","boxShadow","size","height","breakpoints","up","undefined"],"mappings":"+DAEa,MAAAA,EAA4BC,EAAMA,OAACC,OAAS,CACvDC,kBAAoBC,GAAkB,SAATA,GAA4B,mBAATA,GADTH,EAEuBI,IAAA,IAAAC,MAAEA,GAAiBD,EAAPE,EAAKC,EAAAA,OAAAH,EAAjB,WAC9D,IAAII,EAAoB,CACtBC,QAAS,EACTC,aAAcJ,EAAMK,eAAiB,MAAQ,MAC7CC,UAAW,QA6Bb,MA1BmB,UAAfN,EAAMO,OACRL,iCACKA,GAAM,CACTM,OAAQ,OACR,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,QAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,YAKK,eAAfR,EAAMO,WAAwCI,IAAfX,EAAMO,OACvCL,iCACKA,GAAM,CACTM,OAAQ,UAILN,CAAM"}
1	+ {"version":3,"file":"cardStandardWrapperStyled.js","sources":["../../../../../../src/organisms/common/styled/cardStandardWrapperStyled.tsx"],"sourcesContent":["import { Card as MuiCard, CardProps as MuiCardProps, styled, CSSObject } from '@mui/material';\n\nexport const CardStandardWrapperStyled = styled(MuiCard, {\n shouldForwardProp: (prop) => prop !== 'size' && prop !== 'isBorderRadius',\n})<MuiCardProps & { size?: string; isBorderRadius?: boolean }>(({ theme, ...props }) => {\n let styles: CSSObject = {\n padding: 0,\n borderRadius: props.isBorderRadius ? '8px' : '0px',\n boxShadow: 'none',\n };\n\n if (props.size === 'fixed') {\n styles = {\n ...styles,\n height: 'auto',\n [theme.breakpoints.up('sm')]: {\n height: 'auto',\n },\n [theme.breakpoints.up('md')]: {\n height: '420px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '400px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '440px',\n },\n };\n }\n\n if (props.size === 'adjustable' \|\| props.size === undefined) {\n styles = {\n ...styles,\n height: '100%',\n };\n }\n\n return styles;\n});\n"],"names":["CardStandardWrapperStyled","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","styles","padding","borderRadius","isBorderRadius","boxShadow","size","height","breakpoints","up","undefined"],"mappings":"+DAEa,MAAAA,EAA4BC,EAAMA,OAACC,OAAS,CACvDC,kBAAoBC,GAAkB,SAATA,GAA4B,mBAATA,GADTH,EAEuBI,IAAA,IAAAC,MAAEA,GAAiBD,EAAPE,EAAKC,EAAAA,OAAAH,EAAjB,WAC9D,IAAII,EAAoB,CACtBC,QAAS,EACTC,aAAcJ,EAAMK,eAAiB,MAAQ,MAC7CC,UAAW,QA6Bb,MA1BmB,UAAfN,EAAMO,OACRL,iCACKA,GAAM,CACTM,OAAQ,OACR,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,QAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,YAKK,eAAfR,EAAMO,WAAwCI,IAAfX,EAAMO,OACvCL,iCACKA,GAAM,CACTM,OAAQ,UAILN,CAAM"}

package/cjs/organisms/gallery/Gallery.d.ts CHANGED Viewed

@@ -15,4 +15,7 @@ export type GalleryProps = {
      */
     startIndex?: number;
 };
+/**
+ * @deprecated Use Carousel and Backdrop components
+ */
 export declare const Gallery: React.FC<GalleryProps>;

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),l=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../utils/enum.js");var r=require("../../utils/useClosure/useClosure.js"),t=require("@mui/material"),s=require("embla-carousel-react"),a=require("react"),n=require("../../utils/useKeyboardShortcut/useKeyboardShortcut.js");function i(e){return e&&e.__esModule?e:{default:e}}var o=i(s);const c=t.styled(t.Backdrop)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),d=t.styled(t.Box)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),u=t.styled(t.Box)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=t.styled(t.IconButton)((({theme:e})=>({color:e.palette.surface.primary})));exports.Gallery=s=>{var i;const g=a.useMemo((()=>s.galleryItems.length>1),[s.galleryItems]),{isOpen:y,onOpen:h,onClose:m}=r.useClosure(!1),[p,f]=a.useState(!0),[j,I]=a.useState(!0),[v,C]=o.default({align:"center",axis:"x",startIndex:null!==(i=s.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:s.galleryItems.length>1});a.useEffect((()=>{if(C){const e=()=>{f(!C.canScrollNext()),I(!C.canScrollPrev())};C.on("scroll",e),e()}}),[C]),a.useEffect((()=>{s.galleryItems&&0!==s.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[s.galleryItems]);const b=a.useCallback((()=>{s.galleryItems&&s.galleryItems.length>0&&h()}),[h,s.children]);return n.default({Escape:m,ArrowRight:null==C?void 0:C.scrollNext,ArrowLeft:null==C?void 0:C.scrollPrev},[!!C]),e.jsxs(t.Box,{"data-testid":"Gallery",children:[e.jsx(t.Box,{component:"span",onClick:b,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:s.children}),e.jsx(c,{open:y,"data-testid":"Gallery.backdrop",children:y&&e.jsxs(e.Fragment,{children:[e.jsx(d,{ref:v,children:e.jsx(t.Box,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==C?void 0:C.selectedScrollSnap(),children:s.galleryItems})}),e.jsx(u,{"data-testid":"Gallery.control",children:e.jsxs(t.Stack,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[g&&e.jsx(x,{size:"large",disabled:j,onClick:()=>null==C?void 0:C.scrollPrev(),"data-testid":"Gallery.prev","aria-label":"Previous image",children:e.jsx(l.Icon,{name:"arrow-left"})}),e.jsx(x,{size:"large",onClick:m,"data-testid":"Gallery.close","aria-label":"Close gallery",children:e.jsx(l.Icon,{name:"close"})}),g&&e.jsx(x,{size:"large",disabled:p,onClick:()=>null==C?void 0:C.scrollNext(),"data-testid":"Gallery.next","aria-label":"Next image",children:e.jsx(l.Icon,{name:"arrow-right"})})]})})]})})]})};
+"use strict";var e=require("react/jsx-runtime"),l=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../utils/enum.js");var r=require("../../utils/useClosure/useClosure.js"),t=require("react"),s=require("@mui/material"),a=require("embla-carousel-react"),n=require("../../utils/useKeyboardShortcut/useKeyboardShortcut.js");function i(e){return e&&e.__esModule?e:{default:e}}var o=i(a);const c=s.styled(s.Backdrop)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),d=s.styled(s.Box)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),u=s.styled(s.Box)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),x=s.styled(s.IconButton)((({theme:e})=>({color:e.palette.surface.primary})));exports.Gallery=a=>{var i;const g=t.useMemo((()=>a.galleryItems.length>1),[a.galleryItems]),{isOpen:y,onOpen:h,onClose:m}=r.useClosure(!1),[p,f]=t.useState(!0),[j,I]=t.useState(!0),[v,C]=o.default({align:"center",axis:"x",startIndex:null!==(i=a.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:a.galleryItems.length>1});t.useEffect((()=>{if(C){const e=()=>{f(!C.canScrollNext()),I(!C.canScrollPrev())};C.on("scroll",e),e()}}),[C]),t.useEffect((()=>{a.galleryItems&&0!==a.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[a.galleryItems]);const b=t.useCallback((()=>{a.galleryItems&&a.galleryItems.length>0&&h()}),[h,a.children]);return n.default({Escape:m,ArrowRight:null==C?void 0:C.scrollNext,ArrowLeft:null==C?void 0:C.scrollPrev},[!!C]),e.jsxs(s.Box,{"data-testid":"Gallery",children:[e.jsx(s.Box,{component:"span",onClick:b,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:a.children}),e.jsx(c,{open:y,"data-testid":"Gallery.backdrop",children:y&&e.jsxs(e.Fragment,{children:[e.jsx(d,{ref:v,children:e.jsx(s.Box,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==C?void 0:C.selectedScrollSnap(),children:a.galleryItems})}),e.jsx(u,{"data-testid":"Gallery.control",children:e.jsxs(s.Stack,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[g&&e.jsx(x,{size:"large",disabled:j,onClick:()=>null==C?void 0:C.scrollPrev(),"data-testid":"Gallery.prev","aria-label":"Previous image",children:e.jsx(l.Icon,{name:"arrow-left"})}),e.jsx(x,{size:"large",onClick:m,"data-testid":"Gallery.close","aria-label":"Close gallery",children:e.jsx(l.Icon,{name:"close"})}),g&&e.jsx(x,{size:"large",disabled:p,onClick:()=>null==C?void 0:C.scrollNext(),"data-testid":"Gallery.next","aria-label":"Next image",children:e.jsx(l.Icon,{name:"arrow-right"})})]})})]})})]})};
 //# sourceMappingURL=Gallery.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Gallery.js","sources":["../../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":[~~null~~],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","jsxs","_jsx","component","onClick","sx","cursor","jsx","open","_Fragment","Fragment","ref","flex","selectedScrollSnap","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"~~ubAyBa~~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"}
1	+ {"version":3,"file":"Gallery.js","sources":["../../../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\n\nexport type GalleryProps = {\n /*\n Trigger element that will be used to open gallery\n * @requires\n /\n children: React.ReactNode;\n /\n Array of gallery items nodes. Any array of react nodes can be used here, however `GalleryItem` component is suggested\n * @requires\n /\n galleryItems: Array<React.ReactNode>;\n /\n Index of gallery item that should be active by default\n * @default 0\n /\n startIndex?: number;\n};\n\n/\n @deprecated Use Carousel and Backdrop components\n /\nexport const Gallery: React.FC<GalleryProps> = (props) => {\n const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n\n const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n\n const [nextDisabled, setNextDisabled] = useState(true);\n const [prevDisabled, setPrevDisabled] = useState(true);\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n align: 'center',\n axis: 'x',\n startIndex: props.startIndex ?? 0,\n slidesToScroll: 1,\n draggable: props.galleryItems.length > 1,\n });\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\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\n const onOpen = useCallback(() => {\n if (props.galleryItems && props.galleryItems.length > 0) {\n _onOpen();\n }\n }, [_onOpen, props.children]);\n\n useKeyboardShortcut(\n {\n Escape: onClose,\n ArrowRight: emblaApi?.scrollNext,\n ArrowLeft: emblaApi?.scrollPrev,\n },\n [!!emblaApi],\n );\n\n return (\n <Box data-testid=\"Gallery\">\n <Box component=\"span\" onClick={onOpen} sx={{ cursor: 'pointer' }} data-testid=\"Gallery.trigger\">\n {props.children}\n </Box>\n\n <GalleryBackdrop open={isOpen} data-testid=\"Gallery.backdrop\">\n {isOpen && (\n <>\n <GalleryItemContent ref={emblaRef}>\n <Box\n sx={{ display: 'flex', '& > ': { flex: '0 0 100%' } }}\n data-testid=\"Gallery.items\"\n data-state={emblaApi?.selectedScrollSnap()}\n >\n {props.galleryItems}\n </Box>\n </GalleryItemContent>\n\n <GalleryControlPanel data-testid=\"Gallery.control\">\n <Stack direction=\"row\" spacing={{ xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }}>\n {showNavButtons && (\n <GalleryControlButton\n size=\"large\"\n disabled={prevDisabled}\n onClick={() => emblaApi?.scrollPrev()}\n data-testid=\"Gallery.prev\"\n aria-label=\"Previous image\"\n >\n <Icon name=\"arrow-left\" />\n </GalleryControlButton>\n )}\n <GalleryControlButton\n size=\"large\"\n onClick={onClose}\n data-testid=\"Gallery.close\"\n aria-label=\"Close gallery\"\n >\n <Icon name=\"close\" />\n </GalleryControlButton>\n {showNavButtons && (\n <GalleryControlButton\n size=\"large\"\n disabled={nextDisabled}\n onClick={() => emblaApi?.scrollNext()}\n data-testid=\"Gallery.next\"\n aria-label=\"Next image\"\n >\n <Icon name=\"arrow-right\" />\n </GalleryControlButton>\n )}\n </Stack>\n </GalleryControlPanel>\n </>\n )}\n </GalleryBackdrop>\n </Box>\n );\n};\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}));\n\nconst GalleryItemContent = styled(Box)(() => ({\n width: '100%',\n height: '85%',\n overflow: 'hidden',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n\n '& > div': {\n width: '100%',\n height: '100%',\n },\n}));\n\nconst GalleryControlPanel = styled(Box)(() => ({\n width: '100%',\n height: '15%',\n\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n}));\n\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n color: theme.palette.surface.primary,\n}));\n"],"names":["GalleryBackdrop","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","display","justifyContent","flexDirection","GalleryItemContent","Box","width","height","overflow","alignItems","GalleryControlPanel","GalleryControlButton","IconButton","color","primary","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","jsxs","_jsx","component","onClick","sx","cursor","jsx","open","_Fragment","Fragment","ref","flex","selectedScrollSnap","Stack","direction","spacing","xl","lg","md","sm","xs","size","disabled","Icon","name"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GalleryItem.js","sources":["../../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":[null],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","jsx","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"uNAWa,MA+CPA,EAAqBC,EAAAA,OAAOC,EAAGA,IAAVD,EAAY,KAAO,CAC5CE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCApDsCC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,YAEzBC,EAAaC,EAAMA,OAAmB,MACtCC,EAAWD,EAAMA,OAAqB,MACtCE,EAAUF,EAAMA,OAAiB,MAEjCG,EAAeC,EAAAA,aAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,QAE3E,IAKH,OAHAK,EAAAA,UAAUV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAAAA,KAACnC,EAAmB,CAAAoC,IAAKhB,EAAU,cAAc,cAAaiB,SAAA,CAC5DF,EAAAA,KAACjC,EAAAA,KAAIkC,IAAKd,EAAUgB,UAAU,UAAUC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAC5FJ,SAAA,CAAAK,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KACjFJ,MAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KACjFN,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KACjFR,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASoC,KACjFT,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASqC,KACjFV,EAACO,IAAA/C,EAAGA,IAAC,CAAAoC,UAAU,MAAMe,IAAKtC,EAASqC,GAAI1C,IAAKA,EAAK6B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAGrF/B,GACCiC,EAAAA,IAACY,EAAAA,UAAU,CAAAlB,IAAKb,gBAAqB,mBAAkBc,SAC7B,iBAAhB5B,EACNiC,EAAAO,IAACM,aAAU,CAAChB,GAAI,CAAEiB,MAAO3C,EAAM4C,QAAQC,OAAOC,MAAOC,WAAY,EAAGnB,UAAW,UAAUJ,SACtF5B,IAGH,MAIa"}
1	+ {"version":3,"file":"GalleryItem.js","sources":["../../../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { ResponsiveType, useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\n\nexport type GalleryItemProps = {\n imageSrc: ResponsiveType<string>;\n description?: React.ReactNode;\n alt?: string;\n};\n\nexport const GalleryItem: React.FC<GalleryItemProps> = ({ description, alt, ...props }) => {\n const theme = useTheme();\n const imageSrc = useResponsiveProp(props.imageSrc);\n const { width: windowWidth } = useWindowSize();\n\n const wrapperRef = useRef<HTMLDListElement>(null);\n const imageRef = useRef<HTMLPictureElement>(null);\n const descRef = useRef<HTMLDivElement>(null);\n\n const fixImageSize = useCallback(() => {\n if (wrapperRef.current && imageRef.current && descRef.current) {\n const wrapperHeight = wrapperRef.current.clientHeight;\n const descHeight = descRef.current.clientHeight;\n\n imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n }\n }, []);\n\n useEffect(fixImageSize);\n useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n\n return (\n <GalleryItemWrapper ref={wrapperRef} data-testid=\"GalleryItem\">\n <Box ref={imageRef} component=\"picture\" sx={{ maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }}>\n <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n <Box component=\"img\" src={imageSrc.xs} alt={alt} sx={{ maxHeight: '100%', maxWidth: '100%' }} />\n </Box>\n\n {description && (\n <Container ref={descRef} data-testid=\"GalleryItem.desc\">\n {typeof description === 'string' ? (\n <Typography sx={{ color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }}>\n {description}\n </Typography>\n ) : (\n description\n )}\n </Container>\n )}\n </GalleryItemWrapper>\n );\n};\n\nconst GalleryItemWrapper = styled(Box)(() => ({\n position: 'relative',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n}));\n"],"names":["GalleryItemWrapper","styled","Box","position","height","display","flexDirection","justifyContent","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","ref","children","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","jsx","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop"],"mappings":"uNAWa,MA+CPA,EAAqBC,EAAAA,OAAOC,EAAGA,IAAVD,EAAY,KAAO,CAC5CE,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB,iCApDsCC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAA,OAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,EAAAA,WACRC,EAAWC,EAAAA,kBAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,YAEzBC,EAAaC,EAAMA,OAAmB,MACtCC,EAAWD,EAAMA,OAAqB,MACtCE,EAAUF,EAAMA,OAAiB,MAEjCG,EAAeC,EAAAA,aAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,QAE3E,IAKH,OAHAK,EAAAA,UAAUV,GACVU,EAAAA,WAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAAAA,KAACnC,EAAmB,CAAAoC,IAAKhB,EAAU,cAAc,cAAaiB,SAAA,CAC5DF,EAAAA,KAACjC,EAAAA,KAAIkC,IAAKd,EAAUgB,UAAU,UAAUC,GAAI,CAAER,UAAW,OAAQS,SAAU,OAAQC,UAAW,UAC5FJ,SAAA,CAAAK,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOC,QAASC,OAAQhC,EAAS+B,KACjFJ,MAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOG,QAASD,OAAQhC,EAASiC,KACjFN,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOK,QAASH,OAAQhC,EAASmC,KACjFR,EAAAO,IAAA,SAAA,CAAQN,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASoC,KACjFT,EAAAA,IAAA,SAAA,CAAQC,MAAO,eAAe9B,EAAM+B,YAAYC,OAAOM,QAASJ,OAAQhC,EAASqC,KACjFV,EAACO,IAAA/C,EAAGA,IAAC,CAAAoC,UAAU,MAAMe,IAAKtC,EAASqC,GAAI1C,IAAKA,EAAK6B,GAAI,CAAER,UAAW,OAAQS,SAAU,aAGrF/B,GACCiC,EAAAA,IAACY,EAAAA,UAAU,CAAAlB,IAAKb,gBAAqB,mBAAkBc,SAC7B,iBAAhB5B,EACNiC,EAAAO,IAACM,aAAU,CAAChB,GAAI,CAAEiB,MAAO3C,EAAM4C,QAAQC,OAAOC,MAAOC,WAAY,EAAGnB,UAAW,UAAUJ,SACtF5B,IAGH,MAIa"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"GalleryTrigger.js","sources":["../../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":[~~null~~],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","name"],"mappings":"+KAOa,MAAAA,EAAqC,CAChDC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OAER,UAAW,CACTN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAImDC,GAE1DC,EAAAA,KAACC,EAAAA,IAAG,CAACC,UAAU,OAAOC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAA8B,cAAA,iBACvFQ,SAAA,CAAAC,EAAAC,IAACL,EAAGA,IAAC,CAAAC,UAAU,OAAOC,GAAIb,EACxBc,SAAAC,EAAAA,IAACE,EAAAA,KAAI,CAACC,KAAK,kBAEZT,EAAMK"}
1	+ {"version":3,"file":"GalleryTrigger.js","sources":["../../../../../src/organisms/gallery/GalleryTrigger.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Box, SxProps, Theme } from '@mui/material';\n\nexport type GalleryTriggerProps = {\n children: React.ReactNode;\n};\n\nexport const GalleryHighlightSx: SxProps<Theme> = {\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\n '& .sa-i': {\n position: 'absolute',\n right: '8px',\n top: '8px',\n color: 'white',\n },\n};\n\nexport const GalleryTrigger: React.FC<GalleryTriggerProps> = (props) => {\n return (\n <Box component=\"span\" sx={{ position: 'relative', display: 'inline-block' }} data-testid=\"GalleryTrigger\">\n <Box component=\"span\" sx={GalleryHighlightSx}>\n <Icon name=\"search-plus\" />\n </Box>\n {props.children}\n </Box>\n );\n};\n"],"names":["GalleryHighlightSx","position","top","right","left","background","display","height","color","props","_jsxs","Box","component","sx","children","_jsx","jsx","Icon","name"],"mappings":"+KAOa,MAAAA,EAAqC,CAChDC,SAAU,WACVC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,WAAY,yEACZC,QAAS,eACTC,OAAQ,OAER,UAAW,CACTN,SAAU,WACVE,MAAO,MACPD,IAAK,MACLM,MAAO,8DAImDC,GAE1DC,EAAAA,KAACC,EAAAA,IAAG,CAACC,UAAU,OAAOC,GAAI,CAAEZ,SAAU,WAAYK,QAAS,gBAA8B,cAAA,iBACvFQ,SAAA,CAAAC,EAAAC,IAACL,EAAGA,IAAC,CAAAC,UAAU,OAAOC,GAAIb,EACxBc,SAAAC,EAAAA,IAACE,EAAAA,KAAI,CAACC,KAAK,kBAEZT,EAAMK"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"heroImageCard.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":[~~null~~],"names":["HeroImageCard","forwardRef","props","ref","_jsx","jsx","HeroImageCardStyled","children","HeroImageCardComponent","default","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"6KA6Ga,MAAAA,EAAgBC,EAAUA,YAAqC,CAACC,EAAOC,IAEhFC,EAAAC,IAACC,EAAmB,CAACH,IAAKA,EACxBI,SAAAH,EAAAA,IAACI,EAAsBC,QAAKC,OAAAC,OAAA,CAAA,EAAAT,QAS5BI,EAAsBM,EAAAA,OAAOC,EAAAA,KAAwD;WAC/EX,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,OACzBjB,EAAMK,SAASL,MAAMa,YACvBb,EAAMc,MAAMC,QAAQC,OAAOE;IAGnClB,IACD,GAAIA,EAAMc,MAAMK,MAAMC,aACpB,MAAO;;uBAIWpB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOC;MAC1DvB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;uBAGIxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;MAC1DzB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;IAGfxB,IACD,GAAIA,EAAMK,SAASL,MAAM0B,eACvB,MAAO;;yBAIa1B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;;2BAIvCzB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;UAG1D3B,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO;;2BAISxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO;;eAIHxB,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,MAEK,aAArCjB,EAAMK,SAASL,MAAMa,YAChBb,EAAMc,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBlB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKvC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKzC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;;;MAO9D3B,GACM4B,EAAAA,iCAAiC5B,EAAMK,SAASL,MAAMY,aAAc;;MAG1EZ,GACM6B,EAAAA,gCAAgC7B,EAAMK,SAASL,MAAMa,YAAa;;"}
1	+ {"version":3,"file":"heroImageCard.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCard.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport HeroImageCardComponent from './heroImageCardComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/*\n @interface HeroImageCardProps\n * @description Base definition of SkodaFlow HeroCardImage independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface HeroImageCardProps extends HTMLAttributes<HTMLDivElement> {\n /\n if true borderRadius was added to entire card\n /\n isBorderRadius?: boolean;\n /\n this image is showing small device resolution ( Smartphone )\n /\n mobileImage?: string;\n /\n this image is showing in a medium device resolution ( Tablet )\n /\n tabletImage?: string;\n /\n this image is showing in a small desktop ( laptop )\n /\n laptopImage?: string;\n /\n this image is showing in a large desktop ( desktop )\n /\n desktopImage?: string;\n /\n alt HTML tag apply to the image\n /\n altImageDescription?: string;\n /\n If present the card showing video\n /\n videoUrl?: string;\n /\n Label text\n /\n label: string;\n /\n Title text that should be maximum 50 characters long\n /\n title: string;\n\n /\n Mandatory button object. The button is displayed if the label text is present\n /\n firstButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: unknown) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n Second button object. The button is displayed if the label text is present\n /\n secondButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n /\n Third button object. The button is displayed if the label text is present\n /\n thirdButtonObject?: {\n label?: string;\n variant?: ButtonVariants;\n url?: string;\n target?: string;\n callback?: (payload?: any) => void;\n callbackAnalytics?: (payload?: any) => void;\n };\n\n compact?: boolean;\n /\n A dark gradient layer was added\n /\n darkOpacity?: DarkOpacity;\n /\n A light gradient layer was added\n /\n lightOpacity?: LightOpacity;\n /\n this props set the height of the card\n /\n cardVersion?: 'normal' \| 'small';\n\n playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\n/\n @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n /\nexport const HeroImageCard = forwardRef<HTMLDivElement, HeroImageCardProps>((props, ref) => {\n return (\n <HeroImageCardStyled ref={ref}>\n <HeroImageCardComponent {...props} />\n </HeroImageCardStyled>\n );\n});\n\n/\n @description Hero Image Card styling definition based on props\n */\n\nconst HeroImageCardStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n } else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n } else return props.theme.palette.common.white;\n }};\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n }}\n height: 500px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 340px';\n } else return 'height: 440px';\n }}\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'height: 400px';\n } else return 'height: 500px';\n }}\n }\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n }}\n .CardImageText {\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n max-width: 540px;\n }\n .CardImageTitle {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n font-size: 38px;\n line-height: 48px;\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n }};\n }\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n font-size: 44px;\n line-height: 52px;\n ${(props) => {\n if (props.children.props.cardVersion === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n }};\n }\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.common.black;\n }\n if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.common.white;\n }\n }};\n }\n }\n .CardImageButtons {\n gap: 12px 16px;\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n flex-direction: row;\n flex-wrap: wrap;\n }\n .cta-button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n }\n }\n .cta-button button {\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n width: auto;\n font-size: 14px;\n }\n }\n }\n .CardImageOverlayTheme {\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n }};\n\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n }}\n }\n`;\n"],"names":["HeroImageCard","forwardRef","props","ref","_jsx","jsx","HeroImageCardStyled","children","HeroImageCardComponent","default","Object","assign","styled","MuiCard","lightOpacity","darkOpacity","theme","palette","common","black","white","shape","borderRadius","breakpoints","values","sm","cardVersion","xl","isBorderRadius","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"6KA6Ga,MAAAA,EAAgBC,EAAUA,YAAqC,CAACC,EAAOC,IAEhFC,EAAAC,IAACC,EAAmB,CAACH,IAAKA,EACxBI,SAAAH,EAAAA,IAACI,EAAsBC,QAAKC,OAAAC,OAAA,CAAA,EAAAT,QAS5BI,EAAsBM,EAAAA,OAAOC,EAAAA,KAAwD;WAC/EX,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,OACzBjB,EAAMK,SAASL,MAAMa,YACvBb,EAAMc,MAAMC,QAAQC,OAAOE;IAGnClB,IACD,GAAIA,EAAMc,MAAMK,MAAMC,aACpB,MAAO;;uBAIWpB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOC;MAC1DvB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;uBAGIxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;MAC1DzB,GACwC,UAArCA,EAAMK,SAASL,MAAMwB,YAChB,gBACK;;IAGfxB,IACD,GAAIA,EAAMK,SAASL,MAAM0B,eACvB,MAAO;;yBAIa1B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;;2BAIvCzB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;UAG1D3B,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO;;2BAISxB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOG;;;UAG1DzB,IACD,GAAyC,UAArCA,EAAMK,SAASL,MAAMwB,YACvB,MAAO;;eAIHxB,GACkC,aAAtCA,EAAMK,SAASL,MAAMY,cAAoE,aAArCZ,EAAMK,SAASL,MAAMa,YACpEb,EAAMc,MAAMC,QAAQC,OAAOC,MAEK,aAArCjB,EAAMK,SAASL,MAAMa,YAChBb,EAAMc,MAAMC,QAAQC,OAAOE,WADpC;;;;;yBAQkBlB,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKvC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;2BAKzC3B,GAAUA,EAAMc,MAAMO,YAAYC,OAAOK;;;;;;;MAO9D3B,GACM4B,EAAAA,iCAAiC5B,EAAMK,SAASL,MAAMY,aAAc;;MAG1EZ,GACM6B,EAAAA,gCAAgC7B,EAAMK,SAASL,MAAMa,YAAa;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"heroImageCardComponent.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":[null],"names":["label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","jsx","className","jsxs","Label","handleMaxCharsInHTML","ButtonCardComponent","default","buttonObject","compact","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"gWAQuD,EAACA,MACtDA,EACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAMA,OAAC,MAClBC,EAAkBC,EAAAA,WAExB,OACEC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAKC,IAAA,MAAA,CAAAC,UAAU,0BACfL,EAAKM,KAAA,MAAA,CAAAD,UAAU,0BACbL,EAAAA,KAAK,MAAA,CAAAK,UAAU,kBACbH,SAAA,CAAAC,MAACI,EAAAA,MAAK,CAACF,UAAU,iBAAgBH,SAAEM,EAAoBA,qBAACxB,EAAO,MAC/DmB,MAAA,KAAA,CAAIE,UAAU,iBAAgBH,SAAEM,EAAAA,qBAAqBvB,EAAO,SAE9De,EAAKM,KAAA,MAAA,CAAAD,UAAU,mBACZH,SAAA,EAAAhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAAAC,IAACK,EAAmBC,QAAC,CAAAL,UAAU,mBAAmBM,aAAczB,EAAmB0B,SAAS,KAE7FzB,aAAA,EAAAA,EAAoBH,QACnBmB,EAACC,IAAAK,UAAoB,CAAAJ,UAAU,mBAAmBM,aAAcxB,EAAoByB,SAAS,KAE9FxB,aAAA,EAAAA,EAAmBJ,QAClBmB,EAAAA,IAACM,EAAmBC,QAAA,CAACL,UAAU,mBAAmBM,aAAcvB,EAAmBwB,SAAS,UAIlGT,EAAAC,IAAA,MAAA,CAAKC,UAAU,iBAAgBH,SAC5Bb,EACCc,EAAAC,IAAAH,WAAA,CAAAC,SACEF,EAAAA,KAAO,QAAA,CAAAa,IAAKjB,EAAUS,UAAU,iBAAiBS,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAd,SAAA,CAClEC,MAAQ,SAAA,CAAAc,IAAKC,UAAU7B,GAAW8B,KAAK,cAAc,oDAKzDhB,EAAKC,IAAA,MAAA,CAAAC,UAAU,mBAAkBH,SAC/BF,EAAAA,KACE,UAAA,CAAAE,SAAA,CAAAC,EAAAA,IAAA,SAAA,CAAQiB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOC,QAASC,OAAQlC,IAClFa,EAAAA,IAAQ,SAAA,CAAAiB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOG,QAASD,OAAQjC,IAClFY,EAAAC,IAAA,SAAA,CAAQgB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOI,QAASF,OAAQhC,IAClFW,EAAKC,IAAA,MAAA,CAAAa,IAAKxB,EAAakC,IAAKjC,WAKnCL,GAAYc,EAAAC,IAACwB,EAAmBlB,QAAA,CAACf,kBAAmBA,EAAmBC,SAAUA,MACjF"}
1	+ {"version":3,"file":"heroImageCardComponent.js","sources":["../../../../../src/organisms/heroImageCard/heroImageCardComponent.tsx"],"sourcesContent":["import { useRef, FC } from 'react';\nimport { HeroImageCardProps } from './heroImageCard';\nimport { Label } from '../../components/label';\nimport VideoCardController from './videoCardController';\nimport { useTheme } from '@mui/material';\nimport { handleMaxCharsInHTML } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst HeroImageCardComponent: FC<HeroImageCardProps> = ({\n label,\n title,\n firstButtonObject,\n secondButtonObject,\n thirdButtonObject,\n videoUrl,\n desktopImage,\n laptopImage,\n tabletImage,\n mobileImage,\n altImageDescription,\n playPauseCallback,\n}) => {\n const videoRef = useRef(null);\n const themeBreakpoint = useTheme();\n\n return (\n <>\n <div className=\"CardImageOverlayTheme\"></div>\n <div className=\"CardImageText\">\n <div className=\"CardImageHeader\">\n <Label className=\"CardImageLabel\">{handleMaxCharsInHTML(label, 30)}</Label>\n <h2 className=\"CardImageTitle\">{handleMaxCharsInHTML(title, 50)}</h2>\n </div>\n <div className=\"CardImageButtons\">\n {firstButtonObject?.label && (\n <ButtonCardComponent className=\"button-component\" buttonObject={firstButtonObject} compact={true} />\n )}\n {secondButtonObject?.label && (\n <ButtonCardComponent className=\"button-component\" buttonObject={secondButtonObject} compact={true} />\n )}\n {thirdButtonObject?.label && (\n <ButtonCardComponent className=\"button-component\" buttonObject={thirdButtonObject} compact={true} />\n )}\n </div>\n </div>\n <div className=\"CardImageMedia\">\n {videoUrl ? (\n <>\n <video ref={videoRef} className=\"CardImageVideo\" loop muted autoPlay>\n <source src={encodeURI(videoUrl)} type=\"video/mp4\" />\n Your browser does not support the video tag.\n </video>\n </>\n ) : (\n <div className=\"CardImagePicture\">\n <picture>\n <source media={`(min-width: ${themeBreakpoint.breakpoints.values.xl}px)`} srcSet={desktopImage} />\n <source media={`(min-width: ${themeBreakpoint.breakpoints.values.lg}px)`} srcSet={laptopImage} />\n <source media={`(min-width: ${themeBreakpoint.breakpoints.values.md}px)`} srcSet={tabletImage} />\n <img src={mobileImage} alt={altImageDescription} />\n </picture>\n </div>\n )}\n </div>\n {videoUrl && <VideoCardController playPauseCallback={playPauseCallback} videoRef={videoRef} />}\n </>\n );\n};\n\nexport default HeroImageCardComponent;\n"],"names":["label","title","firstButtonObject","secondButtonObject","thirdButtonObject","videoUrl","desktopImage","laptopImage","tabletImage","mobileImage","altImageDescription","playPauseCallback","videoRef","useRef","themeBreakpoint","useTheme","_jsxs","_Fragment","children","_jsx","jsx","className","jsxs","Label","handleMaxCharsInHTML","ButtonCardComponent","default","buttonObject","compact","ref","loop","muted","autoPlay","src","encodeURI","type","media","breakpoints","values","xl","srcSet","lg","md","alt","VideoCardController"],"mappings":"gWAQuD,EAACA,MACtDA,EACAC,QACAC,oBACAC,qBACAC,oBACAC,WACAC,eACAC,cACAC,cACAC,cACAC,sBACAC,wBAEA,MAAMC,EAAWC,EAAMA,OAAC,MAClBC,EAAkBC,EAAAA,WAExB,OACEC,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEC,EAAKC,IAAA,MAAA,CAAAC,UAAU,0BACfL,EAAKM,KAAA,MAAA,CAAAD,UAAU,0BACbL,EAAAA,KAAK,MAAA,CAAAK,UAAU,kBACbH,SAAA,CAAAC,MAACI,EAAAA,MAAK,CAACF,UAAU,iBAAgBH,SAAEM,EAAoBA,qBAACxB,EAAO,MAC/DmB,MAAA,KAAA,CAAIE,UAAU,iBAAgBH,SAAEM,EAAAA,qBAAqBvB,EAAO,SAE9De,EAAKM,KAAA,MAAA,CAAAD,UAAU,mBACZH,SAAA,EAAAhB,aAAiB,EAAjBA,EAAmBF,QAClBmB,EAAAC,IAACK,EAAmBC,QAAC,CAAAL,UAAU,mBAAmBM,aAAczB,EAAmB0B,SAAS,KAE7FzB,aAAA,EAAAA,EAAoBH,QACnBmB,EAACC,IAAAK,UAAoB,CAAAJ,UAAU,mBAAmBM,aAAcxB,EAAoByB,SAAS,KAE9FxB,aAAA,EAAAA,EAAmBJ,QAClBmB,EAAAA,IAACM,EAAmBC,QAAA,CAACL,UAAU,mBAAmBM,aAAcvB,EAAmBwB,SAAS,UAIlGT,EAAAC,IAAA,MAAA,CAAKC,UAAU,iBAAgBH,SAC5Bb,EACCc,EAAAC,IAAAH,WAAA,CAAAC,SACEF,EAAAA,KAAO,QAAA,CAAAa,IAAKjB,EAAUS,UAAU,iBAAiBS,MAAI,EAACC,OAAK,EAACC,UAAQ,EAAAd,SAAA,CAClEC,MAAQ,SAAA,CAAAc,IAAKC,UAAU7B,GAAW8B,KAAK,cAAc,oDAKzDhB,EAAKC,IAAA,MAAA,CAAAC,UAAU,mBAAkBH,SAC/BF,EAAAA,KACE,UAAA,CAAAE,SAAA,CAAAC,EAAAA,IAAA,SAAA,CAAQiB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOC,QAASC,OAAQlC,IAClFa,EAAAA,IAAQ,SAAA,CAAAiB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOG,QAASD,OAAQjC,IAClFY,EAAAC,IAAA,SAAA,CAAQgB,MAAO,eAAetB,EAAgBuB,YAAYC,OAAOI,QAASF,OAAQhC,IAClFW,EAAKC,IAAA,MAAA,CAAAa,IAAKxB,EAAakC,IAAKjC,WAKnCL,GAAYc,EAAAC,IAACwB,EAAmBlB,QAAA,CAACf,kBAAmBA,EAAmBC,SAAUA,MACjF"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"videoCardController.js","sources":["../../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":[null],"names":["VideoControllerStyled","styled","theme","style","breakpoints","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","name"],"mappings":"yPAeM,MAqDAA,EAAwBC,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,YAC9D,IAAIC,EAAQ,CAAE,EA+Dd,OA9DAA,EAAQ,CACN,CAACD,EAAME,YAAYC,GAAG,OACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAJ,GACH,CAAAK,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACT1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXvB,CAAK,oBArH8C,EAAGiC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GACnCC,EAAqBC,EAAMA,OAAC,MAC5BxC,EAAQyC,EAAAA,WAGRC,EAAkBC,eACrBC,IACKR,GACFD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAEjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAEnBV,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAc,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC/ClB,EAASW,QAAQE,QACjBV,GAAY,MAEb,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAGvCJ,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GAC3ChB,GACFG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAE3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG7Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,KAE5C,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAGrCE,MAACxD,EAAsB,CAAAyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAClFa,SAAAH,EAAAA,IAAA,MAAA,CAAAG,SACEH,MAACI,EAAAA,KAAI,CAACC,KAAMvB,EAAW,OAAS,aAEZ"}
1	+ {"version":3,"file":"videoCardController.js","sources":["../../../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport { useTheme, styled } from '@mui/material';\n\n/*\n @interface VideoControllerProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\n\ninterface VideoControllerProps {\n videoRef: any;\n playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\nconst VideoCardController: React.FC<VideoControllerProps> = ({ videoRef, playPauseCallback }) => {\n const [isPaused, setIsPaused] = useState(false);\n const videoControllerRef = useRef(null);\n const theme = useTheme();\n\n //When the videoController is clicked, pause or play the video\n const handlePlayClick = useCallback(\n (event) => {\n if (isPaused) {\n playPauseCallback && playPauseCallback('play', event);\n videoRef.current.play();\n } else {\n playPauseCallback && playPauseCallback('pause', event);\n videoRef.current.pause();\n }\n setIsPaused(!isPaused);\n },\n [isPaused, playPauseCallback, videoRef],\n );\n\n //set the video puased as default if we are on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n videoRef.current.pause();\n setIsPaused(true);\n }\n }, [videoRef, theme.breakpoints.values.md]);\n\n //Add the transition effect from play to pause if on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n if (isPaused) {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n } else {\n videoControllerRef.current.style.transitionDelay = '2s';\n videoControllerRef.current.style.opacity = 0;\n }\n } else {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n }, [isPaused, theme.breakpoints.values.md]);\n\n return (\n <VideoControllerStyled ref={videoControllerRef} onClick={(event) => handlePlayClick(event)}>\n <div>\n <Icon name={isPaused ? 'play' : 'pause'} />\n </div>\n </VideoControllerStyled>\n );\n};\n\nconst VideoControllerStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n let style = {};\n style = {\n [theme.breakpoints.up('md')]: {\n ...style,\n position: 'absolute',\n zIndex: 1000,\n cursor: 'pointer',\n bottom: '24px',\n right: '24px',\n '& > div': {\n width: '44px',\n height: '44px',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n [theme.breakpoints.down('md')]: {\n position: 'absolute',\n zIndex: 1000,\n left: '50%',\n top: '50%',\n width: '312px',\n height: '132px',\n transform: ' translate(-50%, -50%)',\n transitionDelay: '2s',\n transitionDuration: '0.3s',\n transitionProperty: 'opacity',\n transitionTimingFunction: 'ease-out',\n '& > div': {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: ' translate(-50%, -50%)',\n width: '44px',\n height: '44px',\n margin: '0 auto',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n };\n return style;\n});\n\nexport default VideoCardController;\n"],"names":["VideoControllerStyled","styled","theme","style","breakpoints","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDelay","transitionDuration","transitionProperty","transitionTimingFunction","margin","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","values","md","opacity","_jsx","ref","onClick","children","Icon","name"],"mappings":"yPAeM,MAqDAA,EAAwBC,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,YAC9D,IAAIC,EAAQ,CAAE,EA+Dd,OA9DAA,EAAQ,CACN,CAACD,EAAME,YAAYC,GAAG,OACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAJ,GACH,CAAAK,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAACxB,EAAME,YAAYuB,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXC,gBAAiB,KACjBC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACT1B,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRqB,OAAQ,SACRpB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAef,EAAMgB,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAOvB,EAAMgB,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXvB,CAAK,oBArH8C,EAAGiC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,EAAAA,UAAS,GACnCC,EAAqBC,EAAMA,OAAC,MAC5BxC,EAAQyC,EAAAA,WAGRC,EAAkBC,eACrBC,IACKR,GACFD,GAAqBA,EAAkB,OAAQS,GAC/CV,EAASW,QAAQC,SAEjBX,GAAqBA,EAAkB,QAASS,GAChDV,EAASW,QAAQE,SAEnBV,GAAaD,EAAS,GAExB,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAc,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,KAC/ClB,EAASW,QAAQE,QACjBV,GAAY,MAEb,CAACH,EAAUlC,EAAME,YAAYiD,OAAOC,KAGvCJ,EAAAA,WAAU,KACJC,OAAOC,WAAalD,EAAME,YAAYiD,OAAOC,GAC3ChB,GACFG,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAE3Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,IAG7Cd,EAAmBM,QAAQ5C,MAAM4B,gBAAkB,KACnDU,EAAmBM,QAAQ5C,MAAMoD,QAAU,KAE5C,CAACjB,EAAUpC,EAAME,YAAYiD,OAAOC,KAGrCE,MAACxD,EAAsB,CAAAyD,IAAKhB,EAAoBiB,QAAUZ,GAAUF,EAAgBE,GAClFa,SAAAH,EAAAA,IAAA,MAAA,CAAAG,SACEH,MAACI,EAAAA,KAAI,CAACC,KAAMvB,EAAW,OAAS,aAEZ"}

package/cjs/organisms/maps/hook/useMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMap.js","sources":["../../../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":[~~null~~],"names":["handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","default","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"mSAMe,KAEb,MAAMA,EAAiBC,EAAWA,aAAC,CAACC,EAAQC,EAAYC,IAClDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAAsBC,QAE1CJ,GAAWF,EAAOO,gBAAkBP,EAAOO,gBAAkBP,EAAOQ,YAAcC,EAAiBH,SAE3G,IAcGI,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAcA,eAACC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,SAASC,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWnC,EAAegC,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,KAiC1BE,oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAkBJ,KAC/DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGjC,OAAO,IAAIC,EAAeA,gBAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAsB,CAAA5B,gBAOxDZ,iBACD"}
1	+ {"version":3,"file":"useMap.js","sources":["../../../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { Cluster, MarkerClusterer } from '@googlemaps/markerclusterer';\nimport resultMarkerSmall from '../assets/result_marker_small.svg';\nimport selectedLocationMedium from '../assets/selected_location_pin_medium.svg';\nimport { MapIconVariant } from '../utils/mapIcons';\n\nconst useMap = () => {\n //HANDLE THE ICON TYPE FOR THE MARKER\n const handleIconType = useCallback((marker, isSelected, isHover) => {\n if (isSelected) {\n return isHover && marker.selectedIconHover\n ? marker.selectedIconHover\n : marker.selectedIcon \|\| selectedLocationMedium;\n } else {\n return isHover && marker.resultIconHover ? marker.resultIconHover : marker.resultIcon \|\| resultMarkerSmall;\n }\n }, []);\n\n //Change the icon to selected if clicked and make unselected the previous one\n const onMarkerClick = (markerId, registeredMarkers) => {\n if (markerId) {\n registeredMarkers.forEach((item) => {\n const isClickedMarker = item.id === markerId;\n const iconType = handleIconType(item, isClickedMarker, false);\n item.setIcon(iconType);\n });\n }\n };\n\n //RETURN THE CONFIGURATION FOR THE CLUSTER MARKER ICON\n const renderer = {\n render({ count, position }) {\n return new google.maps.Marker({\n label: { text: String(count), color: 'white', fontSize: '19px', fontWeight: 'bold' },\n position,\n icon: MapIconVariant.CLUSTER,\n });\n },\n };\n\n //ADD THE CLUSTER MARKERS TO THE MAP\n const handleClusterRender = (registeredMarkers, currentMap, setClickedCluster) => {\n if (registeredMarkers && currentMap) {\n const markerClusterOptions = {\n map: currentMap,\n markers: registeredMarkers,\n onClusterClick: (_: google.maps.MapMouseEvent, cluster: Cluster, map: google.maps.Map): void => {\n setClickedCluster(true);\n map.fitBounds(cluster.bounds);\n },\n };\n return new MarkerClusterer({ ...markerClusterOptions, renderer });\n }\n };\n\n return {\n onMarkerClick,\n handleClusterRender,\n handleIconType,\n };\n};\n\nexport default useMap;\n"],"names":["handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","default","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"mSAMe,KAEb,MAAMA,EAAiBC,EAAWA,aAAC,CAACC,EAAQC,EAAYC,IAClDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAAsBC,QAE1CJ,GAAWF,EAAOO,gBAAkBP,EAAOO,gBAAkBP,EAAOQ,YAAcC,EAAiBH,SAE3G,IAcGI,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAcA,eAACC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,SAASC,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWnC,EAAegC,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,EAAS,KAiC1BE,oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAkBJ,KAC/DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,OAAO,GAGjC,OAAO,IAAIC,EAAeA,gBAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAsB,CAAA5B,gBAOxDZ,iBACD"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"infoWindowConfig.js","sources":["../../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":[null],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDAEA,MAoCMA,EAAiBC,IACrBA,SACI,yBAtCgBC,EAuCND,EAAOC,MAtCrBA,GACA,sDACCA,kBAGoBC,EAkCNF,EAAOE,OAlCOC,EAkCCH,EAAOG,KAlCC,6BACnCD,GAAU,cACVC,GAAQ,wBAGSC,EA8BNJ,EAAOI,MA7BrBA,EACI,0CACUA,MAAUA,iBAEpB,kCAEqBC,EAyBNL,EAAOK,OAxBf,OAAXA,GACA,oCAEAA,EAAS,8CAAgD,oEAIlCC,EAkBNN,EAAOM,SAlBaA,EAAW,QAAQA,UAAmB,mBAEpDC,EAkBNP,EAAOO,SAjBxBA,EACI,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,CAgDhB,6CAEcS,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAASf,EAAcW"}
1	+ {"version":3,"file":"infoWindowConfig.js","sources":["../../../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\n\nconst titleSection = (title) =>\n title &&\n `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\n\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street \|\| ''}</p>\n<p>${city \|\| ''}</p>\n </div>`;\n\nconst phoneSection = (phone) =>\n phone\n ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n : '';\n\nconst openStatusSection = (isOpen) =>\n isOpen !== null &&\n `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n </div>\n `;\n\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\n\nconst ctaLabelSection = (ctaLabel) =>\n ctaLabel\n ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n </div>`\n : '';\n\nconst contentString = (params) =>\n params\n ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n : '';\n\nconst infoWindow = (windowConfig) => {\n return new google.maps.InfoWindow({\n content: contentString(windowConfig),\n });\n};\n\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\n\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n if (infoWindowState) {\n infoWindowState.close();\n }\n const currentInfoWindow = infoWindow({});\n currentInfoWindow.open({\n anchor: marker,\n map: currentMap,\n });\n setInfoWindow(currentInfoWindow);\n};\n\nexport { infoWindow, handleRenderInfoWindow, contentString };\n"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","windowConfig","google","maps","InfoWindow","content"],"mappings":"mDAEA,MAoCMA,EAAiBC,IACrBA,SACI,yBAtCgBC,EAuCND,EAAOC,MAtCrBA,GACA,sDACCA,kBAGoBC,EAkCNF,EAAOE,OAlCOC,EAkCCH,EAAOG,KAlCC,6BACnCD,GAAU,cACVC,GAAQ,wBAGSC,EA8BNJ,EAAOI,MA7BrBA,EACI,0CACUA,MAAUA,iBAEpB,kCAEqBC,EAyBNL,EAAOK,OAxBf,OAAXA,GACA,oCAEAA,EAAS,8CAAgD,oEAIlCC,EAkBNN,EAAOM,SAlBaA,EAAW,QAAQA,UAAmB,mBAEpDC,EAkBNP,EAAOO,SAjBxBA,EACI,+DACuBA,uBACjBC,EAAAA,eAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,CAgDhB,6CAEcS,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAASf,EAAcW"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"mapComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":[null],"names":["_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","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"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"}
1	+ {"version":3,"file":"mapComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import 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';\n\ninterface MapProps extends google.maps.MapOptions {\n style?: { [key: string]: string };\n onClick?: (e: google.maps.MapMouseEvent) => void;\n onDragEnd?: (map: google.maps.Map) => void;\n handleCurrentMap?: (map: google.maps.Map) => void;\n enableMoveSearch?: boolean;\n setInfoWindow: any;\n currentInfoWindow: any;\n registeredMarkers?: any;\n children: React.ReactNode;\n\n center?: any;\n zoom?: any;\n}\n\nconst MapComponent: React.FC<MapProps> = ({\n onClick,\n onDragEnd,\n children,\n style,\n handleCurrentMap,\n enableMoveSearch,\n setInfoWindow,\n currentInfoWindow,\n registeredMarkers = [],\n ...options\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n const [map, setMap] = useState<google.maps.Map>();\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\n useEffect(() => {\n if (ref.current && !map) {\n const config = mapConfig(options);\n const newMap = new window.google.maps.Map(ref.current, {\n ...config,\n });\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\n useEffect(() => {\n if (map && !currentInfoWindow) {\n const infoWindowMap = infoWindow({\n map,\n });\n setInfoWindow(infoWindowMap);\n }\n }, [map, setInfoWindow, currentInfoWindow]);\n\n useEffect(() => {\n if (map && geolocationMarker && navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n 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 () => {\n geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n },\n );\n }\n }, [map, geolocationMarker]);\n\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\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\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\n useEffect(() => {\n if (clusterSetted && currentCluster) {\n currentCluster.clearMarkers();\n currentCluster.addMarkers(registeredMarkers);\n }\n }, [currentCluster, registeredMarkers, clusterSetted]);\n\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\n useEffect(() => {\n if (clickedCluster) {\n currentInfoWindow.close();\n setClickedCluster(false);\n }\n }, [clickedCluster, currentInfoWindow]);\n\n return (\n <>\n <div ref={ref} style={style} />\n {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 } as unknown);\n }\n })}\n </>\n );\n};\n\nexport default MapComponent;\n"],"names":["_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","_jsx","React","default","Children","child","isValidElement","cloneElement"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"mapStyled.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":[~~null~~],"names":["MapStyled","styled","theme","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","palette","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"oEAKA,MAAMA,2BAAYC,OAAO,MAAPA,EAAuB,EAAGC,YAC1C,IAAIC,EAAS,CAAE,EAkEf,OAhEAA,EAAS,CACPC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC9BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACVC,QAAS,QAEX,8BAA+B,CAC7BA,QAAS,mBAEX,aAAc,CACZ,OAAQ,CACNC,SAAU,OACVC,OAAQ,GAEV,kBAAmB,CACjBC,UAAW,QAEb,mBAAoB,CAClBA,UAAW,OACX,QAAS,CACPC,MAAOX,EAAMY,QAAQC,KAAW,KAChCL,SAAU,OACVM,WAAY,QAGhB,kBAAmB,CACjBP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACzBZ,MAAO,OACP,0BAA2B,CACzBS,MAAOX,EAAMY,QAAQI,MAAY,MAEnC,0BAA2B,CACzBL,MAAOX,EAAMY,QAAQK,MAAMC,WAIjC,4BAA6B,CAC3BR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACtBM,SAAU,OACVM,WAAY,MAGhB,MAAO,CACLL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAMbnB,CAAM"}
1	+ {"version":3,"file":"mapStyled.js","sources":["../../../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material';\n\n/*\n @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')<unknown>(({ theme }) => {\n let styles = {};\n\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: theme.palette.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: theme.palette.alert['main'],\n },\n '& > #info-dealer-opened': {\n color: theme.palette.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\n return styles;\n});\n\nexport default MapStyled;\n"],"names":["MapStyled","styled","theme","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","palette","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"oEAKA,MAAMA,2BAAYC,OAAO,MAAPA,EAAuB,EAAGC,YAC1C,IAAIC,EAAS,CAAE,EAkEf,OAhEAA,EAAS,CACPC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC9BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACVC,QAAS,QAEX,8BAA+B,CAC7BA,QAAS,mBAEX,aAAc,CACZ,OAAQ,CACNC,SAAU,OACVC,OAAQ,GAEV,kBAAmB,CACjBC,UAAW,QAEb,mBAAoB,CAClBA,UAAW,OACX,QAAS,CACPC,MAAOX,EAAMY,QAAQC,KAAW,KAChCL,SAAU,OACVM,WAAY,QAGhB,kBAAmB,CACjBP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACzBZ,MAAO,OACP,0BAA2B,CACzBS,MAAOX,EAAMY,QAAQI,MAAY,MAEnC,0BAA2B,CACzBL,MAAOX,EAAMY,QAAQK,MAAMC,WAIjC,4BAA6B,CAC3BR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACtBM,SAAU,OACVM,WAAY,MAGhB,MAAO,CACLL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAMbnB,CAAM"}