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

@skodaflow/web-library 7.13.0 → 7.14.0

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

Files changed (2398) hide show

package/cjs/organisms/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.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import React, { FC } from 'react';
+import { SxProps, Theme } from '@mui/material';
 import { CardMenuItemsArray } from '../../../components/cardMenu/cardMenu';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
 import { Placement } from '../../../utils/enum';
 export interface MenuCardComponentProps {
     /**

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js");var s=require("@mui/system"),i=require("../../../components/cardMenu/cardMenu.js");const o=s.styled("div")((()=>{let e={};return e=Object.assign(Object.assign({},e),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),e}));exports.default=s=>{var c=e.__rest(s,[]);const[u,a]=t.useState(!1),p=t.useRef(null),l=t.useCallback((()=>a(!0)),[]),d=t.useCallback((()=>a(!1)),[]);return r.jsxs(o,{className:"menuCardComponent",children:[r.jsx(n.Icon,{ref:p,onClick:l,name:"vertical"}),r.jsx(i.CardMenu,Object.assign({},c,{open:u,onClose:d,anchorRef:p}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js");var i=require("@mui/material"),s=require("../../../components/cardMenu/cardMenu.js");const o=i.styled("div")((()=>{let e={};return e=Object.assign(Object.assign({},e),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),e}));exports.default=i=>{var a=e.__rest(i,[]);const[c,u]=t.useState(!1),l=t.useRef(null),p=t.useCallback((()=>u(!0)),[]),d=t.useCallback((()=>u(!1)),[]);return r.jsxs(o,{className:"menuCardComponent",children:[r.jsx(n.Icon,{ref:l,onClick:p,name:"vertical"}),r.jsx(s.CardMenu,Object.assign({},a,{open:c,onClose:d,anchorRef:l}))]})};
 //# sourceMappingURL=menuCardComponent.js.map

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, SxProps, Theme } from '@mui/material';\nimport { CardMenu, CardMenuItemsArray } from '../../../components/cardMenu/cardMenu';\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":"wUA+CA,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.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":"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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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"markerComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":[null],"names":["_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","useEffect","newMarker","google","maps","Marker","icon","setOptions","event","clearListeners","addListener"],"mappings":"6JAyBKA,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAEDN,EADIO,EAAOC,EAAAA,OAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAAAA,SAA6B,OAClDC,EAAUC,GAAeF,EAAAA,SAAS,OAClCG,EAAcC,GAAmBJ,EAAAA,UAAS,IAC3CK,eAAEA,GAAmBC,YAGrBC,EAAgBC,EAAWA,aAC/B,CAACC,EAASC,EAAmBC,KAC3B,MAAMC,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbV,EAAoBkB,EAASC,EAAmBC,EAAoBjB,EAAkBC,EAAqB,GAE7G,CAACC,EAASF,EAAkBO,EAAUI,EAAgBd,EAAqBW,EAAaP,IA+C1F,OA3CAoB,EAAAA,WAAU,KACRb,EAAYN,EAAQiB,WAAW,GAC9B,CAACjB,EAAQiB,aAGZE,EAAAA,WAAU,KACR,IAAKjB,IAAWK,GAAgBX,EAAY,CAC1C,MAAMoB,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAKC,OAAO,CACvCC,KAAMR,IAERb,EAAUiB,GACV1B,EAAwB0B,MAEzB,CAAClB,EAAQO,EAAgBf,EAAyBM,EAASO,EAAcX,IAG5EuB,EAAAA,WAAU,KACO,OAAXjB,GAAoBK,IACtBL,EAAOuB,WAAWzB,GAClBQ,GAAgB,MAEjB,CAACN,EAAQF,EAASW,EAAeJ,EAAcC,EAAiBZ,IAGnEuB,EAAAA,WAAU,KACO,OAAXjB,IACFmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,SACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,aACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,YACzCA,EAAO0B,YAAY,SAAS,IAAMjB,EAAcT,EAAQN,EAAYC,KACpEK,EAAO0B,YAAY,aAAa,KAC9B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE1Bd,EAAO0B,YAAY,YAAY,KAC7B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE1BR,GAAgB,MAEjB,CAACN,EAAQL,EAAmBD,EAAYe,EAAeN,EAAUI,IAE7D,IAAI"}
1	+ {"version":3,"file":"markerComponent.js","sources":["../../../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport useMap from '../hook/useMap';\n\nconst Marker: React.FC<\n google.maps.MarkerOptions & {\n handleRegisteredMarkers: any;\n handleMarkerClicked: any;\n id: number \| string;\n isSelected: boolean;\n resultIcon: any;\n selectedIcon: any;\n resultIconHover?: any;\n selectedIconHover?: any;\n infoWindow: any;\n canOpenInfoWindow?: boolean;\n infoWindowConfig?: {\n title?: string;\n street?: string;\n city?: string;\n phone?: string;\n isOpen?: boolean;\n distance?: string;\n };\n onInfoWindowCtaClick?: () => void;\n }\n> = ({\n handleRegisteredMarkers,\n handleMarkerClicked,\n infoWindow,\n canOpenInfoWindow,\n infoWindowConfig,\n onInfoWindowCtaClick,\n ...options\n}) => {\n const [marker, setMarker] = useState<google.maps.Marker>(null);\n const [selected, setSelected] = useState(null);\n const [settedMarker, setSettedMarker] = useState(false);\n const { handleIconType } = useMap();\n\n //METHOD CALLED WHEN WE CLICK ON THE MARKER\n const onClickMarker = useCallback(\n (_marker, currentInfoWindow, _canOpenInfoWindow) => {\n const iconType = handleIconType(options, options.isSelected, false);\n _marker.setIcon(iconType);\n setSelected(!selected);\n handleMarkerClicked(_marker, currentInfoWindow, _canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick);\n },\n [options, infoWindowConfig, selected, handleIconType, handleMarkerClicked, setSelected, onInfoWindowCtaClick],\n );\n\n //SET THE SELECTED STATUS OF THE MARKER\n useEffect(() => {\n setSelected(options.isSelected);\n }, [options.isSelected]);\n\n //CREATE A NEW MARKER ON THE MAP\n useEffect(() => {\n if (!marker && !settedMarker && infoWindow) {\n const iconType = handleIconType(options, options.isSelected, false);\n const newMarker = new google.maps.Marker({\n icon: iconType,\n });\n setMarker(newMarker);\n handleRegisteredMarkers(newMarker);\n }\n }, [marker, handleIconType, handleRegisteredMarkers, options, settedMarker, infoWindow]);\n\n //IF THE MARKER IS STILL NOT SETTED, WE SET THE NEW MARKER WITH THE OPTIONS\n useEffect(() => {\n if (marker !== null && !settedMarker) {\n marker.setOptions(options);\n setSettedMarker(true);\n }\n }, [marker, options, onClickMarker, settedMarker, setSettedMarker, infoWindow]);\n\n //WHENEVER WE CHANGE THE CanOpenInfoWindow STATUS, WE REMOVE THE CURRENT EVENT LISTENER AND ADD A NEW ONE WITH PARAMS UPDATED\n useEffect(() => {\n if (marker !== null) {\n google.maps.event.clearListeners(marker, 'click');\n google.maps.event.clearListeners(marker, 'mouseover');\n google.maps.event.clearListeners(marker, 'mouseout');\n marker.addListener('click', () => onClickMarker(marker, infoWindow, canOpenInfoWindow));\n marker.addListener('mouseover', () => {\n const iconType = handleIconType(marker, selected, true);\n marker.setIcon(iconType);\n });\n marker.addListener('mouseout', () => {\n const iconType = handleIconType(marker, selected, false);\n marker.setIcon(iconType);\n });\n setSettedMarker(true);\n }\n }, [marker, canOpenInfoWindow, infoWindow, onClickMarker, selected, handleIconType]);\n\n return null;\n};\n\nexport default Marker;\n"],"names":["_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","useEffect","newMarker","google","maps","Marker","icon","setOptions","event","clearListeners","addListener"],"mappings":"6JAyBKA,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAEDN,EADIO,EAAOC,EAAAA,OAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAAAA,SAA6B,OAClDC,EAAUC,GAAeF,EAAAA,SAAS,OAClCG,EAAcC,GAAmBJ,EAAAA,UAAS,IAC3CK,eAAEA,GAAmBC,YAGrBC,EAAgBC,EAAWA,aAC/B,CAACC,EAASC,EAAmBC,KAC3B,MAAMC,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbV,EAAoBkB,EAASC,EAAmBC,EAAoBjB,EAAkBC,EAAqB,GAE7G,CAACC,EAASF,EAAkBO,EAAUI,EAAgBd,EAAqBW,EAAaP,IA+C1F,OA3CAoB,EAAAA,WAAU,KACRb,EAAYN,EAAQiB,WAAW,GAC9B,CAACjB,EAAQiB,aAGZE,EAAAA,WAAU,KACR,IAAKjB,IAAWK,GAAgBX,EAAY,CAC1C,MAAMoB,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAKC,OAAO,CACvCC,KAAMR,IAERb,EAAUiB,GACV1B,EAAwB0B,MAEzB,CAAClB,EAAQO,EAAgBf,EAAyBM,EAASO,EAAcX,IAG5EuB,EAAAA,WAAU,KACO,OAAXjB,GAAoBK,IACtBL,EAAOuB,WAAWzB,GAClBQ,GAAgB,MAEjB,CAACN,EAAQF,EAASW,EAAeJ,EAAcC,EAAiBZ,IAGnEuB,EAAAA,WAAU,KACO,OAAXjB,IACFmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,SACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,aACzCmB,OAAOC,KAAKI,MAAMC,eAAezB,EAAQ,YACzCA,EAAO0B,YAAY,SAAS,IAAMjB,EAAcT,EAAQN,EAAYC,KACpEK,EAAO0B,YAAY,aAAa,KAC9B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE1Bd,EAAO0B,YAAY,YAAY,KAC7B,MAAMZ,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,EAAS,IAE1BR,GAAgB,MAEjB,CAACN,EAAQL,EAAmBD,EAAYe,EAAeN,EAAUI,IAE7D,IAAI"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"maps.js","sources":["../../../../../src/organisms/maps/maps.tsx"],"sourcesContent":[null],"names":["apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","jsx","MapStyled","default","children","Wrapper","Map","currentInfoWindow","onClick","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}
1	+ {"version":3,"file":"maps.js","sources":["../../../../../src/organisms/maps/maps.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useState } from 'react';\nimport { Wrapper } from '@googlemaps/react-wrapper';\nimport Map from './mapComponents/mapComponent';\nimport Marker from './mapComponents/markerComponent';\nimport useMap from './hook/useMap';\nimport { contentString } from './mapComponents/infoWindowConfig';\nimport MapStyled from './mapComponents/mapStyled';\n\n/*\n @interface MapsProps\n /\nexport interface MapsProps {\n /\n API KEY Google Map - ! Product Teams need to get their own API KEY from Google Platform !\n /\n apiKey: string;\n\n /\n list of markers\n /\n markers: {\n lat: number;\n lng: number;\n id: number \| string;\n isSelected: boolean;\n resultIcon?: any;\n resultIconHover?: any;\n selectedIcon?: any;\n selectedIconHover?: any;\n infoWindowConfig?: {\n title?: string;\n street?: string;\n city?: string;\n phone?: string;\n isOpen?: boolean;\n distance?: string;\n ctaLabel?: string;\n };\n }[];\n\n /\n default zoom of the map\n /\n zoom: number;\n\n /\n Default center of the map\n /\n center: { lat: number; lng: number };\n /\n If true, enable the \"search on move\" event on the map\n /\n enableMoveSearch?: boolean;\n /\n If true,the info window can be opened on marker click\n /\n canOpenInfoWindow?: boolean;\n /\n marker selected from outside\n /\n markerSelectedId?: string \| number;\n /\n enable/disable fitbound event on map\n /\n enableFitBound?: boolean;\n /\n show/hide map controls\n /\n hideControlsOnMobile?: boolean;\n /\n Callback fired when a marker is clicked\n /\n callbackMarkerClicked?: (marker: any) => void;\n\n /\n Callback fired when the map triggers the onDragEnd event (after map moved)\n /\n onDragEndCallback?: (m: google.maps.Map, center: { lat: number; lng: number }) => void;\n\n /\n Callback fired when the map triggers the onDragEnd event (after map moved)\n /\n onInfoWindowCtaClick?: () => void;\n}\n\n/\n @description SkodaFlow Map component.\n * Properties are inherited from HTML Map element.\n * @param props MapProps\n * @returns React Functional Component\n */\nexport const Maps: FC<MapsProps> = ({\n apiKey,\n enableFitBound,\n hideControlsOnMobile,\n markers,\n center,\n zoom,\n enableMoveSearch,\n canOpenInfoWindow = true,\n markerSelectedId,\n callbackMarkerClicked,\n onDragEndCallback,\n onInfoWindowCtaClick,\n}) => {\n const [registeredMarkers, setRegisteredMarkers] = useState<google.maps.Marker[]>([]);\n const { onMarkerClick } = useMap();\n const [currentMap, setCurrentMap] = useState<google.maps.Map>(null);\n const [markerList, setMarkerList] = useState([]);\n const [infoWindow, setInfoWindow] = useState(null);\n\n useEffect(() => {\n onMarkerClick(markerSelectedId, registeredMarkers);\n }, [markerSelectedId, registeredMarkers, onMarkerClick]);\n\n //ON CLICK ON MAP EVENT\n const onClick = () => {\n if (infoWindow) {\n infoWindow.close();\n }\n };\n\n //METHOD CALLED CLICK ON MORE DETAIL CTA IN INFO WINDOW\n const onClickMoreDetail = (currentInfo, _onInfoWindowCtaClick) => {\n _onInfoWindowCtaClick && _onInfoWindowCtaClick();\n currentInfo.close();\n };\n\n //Change the icon on marker selected\n //FIRE THE CALLBACK FROM THE OUTSIDE RETURN THE CLICKED MARKER\n //OPEN THE INFO WINDOW ON THE SELECTED MARKER IF IT IS POSSIBLE AND PUSH IN THE CONTENT STRING WITH ALL THE INFORMATIONS NEEDED\n const handleMarkerClicked = async (marker, currentInfo, canOpen, infoWindowConfig, _onInfoWindowCtaClick) => {\n onMarkerClick(marker.id, registeredMarkers);\n callbackMarkerClicked && callbackMarkerClicked(marker);\n if (canOpen && infoWindowConfig) {\n const content = contentString(infoWindowConfig);\n currentInfo.setContent(content);\n await currentInfo.open({\n anchor: marker,\n map: currentMap,\n });\n const moreDetailBtn = document.getElementById('info-detail-cta');\n if (moreDetailBtn) {\n moreDetailBtn.removeEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n moreDetailBtn.addEventListener('click', () => onClickMoreDetail(currentInfo, _onInfoWindowCtaClick));\n }\n }\n };\n\n //Save the registered markers on the map\n //Registered markers will be used to change markers already visible on the map (ex. icon type)\n const handleRegisteredMarkers = useCallback((marker) => {\n setRegisteredMarkers((prevArr) => [marker, ...prevArr]);\n }, []);\n\n // Deletes all markers in the array by removing references to them.\n const deleteMarkers = useCallback(() => {\n if (registeredMarkers && registeredMarkers.length > 0) {\n registeredMarkers.forEach((currentMarker) => {\n currentMarker.setMap(null);\n });\n }\n setRegisteredMarkers([]);\n setMarkerList([]);\n }, [registeredMarkers]);\n\n //WHENEVER A NEW MARKER LIST IS GIVEN, DELETE ALL THE PREVIOUS ONES\n useEffect(() => {\n deleteMarkers();\n }, [markers]); // eslint-disable-line\n\n //SET A NEW MARKER LIST WHENEVER A NEW LIST IS GIVEN\n useEffect(() => {\n if (markerList.length <= 0 && registeredMarkers.length <= 0) {\n setMarkerList(markers);\n }\n }, [markerList, markers, registeredMarkers]);\n\n //FIRE THE FITBOUNDS EVENT WHEN THE MARKERS ON THE MAP CHANGES\n //THE FITBOUD EVENT MAKES THE MAP ZOOM TO FIT IN THE VIEW ALL THE MARKERS VISIBLE\n useEffect(() => {\n if (enableFitBound && currentMap && registeredMarkers.length > 0) {\n const bounds = new google.maps.LatLngBounds();\n for (let i = 0; i < registeredMarkers.length; i++) {\n const registeredPos = registeredMarkers[i].getPosition();\n const position = {\n lat: registeredPos.lat(),\n lng: registeredPos.lng(),\n };\n bounds.extend(position);\n }\n currentMap.fitBounds(bounds);\n }\n }, [registeredMarkers, currentMap, enableFitBound]);\n\n //SAVE INTO THE STATE THE REGISTERED GOOGLE MAP\n const handleCurrentMap = useCallback((map: google.maps.Map) => {\n if (map) {\n setCurrentMap(map);\n }\n }, []);\n\n //CALLBACK FIRED ON DRAG END EVENT OF THE GOOGLE MAP\n const onDragEnd = useCallback(\n (m: google.maps.Map) => {\n const centerObj = m.getCenter();\n const centerMap = {\n lat: centerObj.lat(),\n lng: centerObj.lng(),\n };\n onDragEndCallback && onDragEndCallback(m, centerMap);\n },\n [onDragEndCallback],\n );\n\n const handleRecordMatchMedia = useCallback(() => {\n const isMobile = window.matchMedia('(max-width: 719px)').matches;\n const controlsContainer = document.getElementById('map-controls-container');\n if (controlsContainer) {\n if (isMobile) {\n controlsContainer.style.display = hideControlsOnMobile ? 'none' : 'block';\n } else {\n controlsContainer.style.display = 'block';\n }\n }\n }, [hideControlsOnMobile]);\n\n useEffect(() => {\n handleRecordMatchMedia();\n window.addEventListener('resize', handleRecordMatchMedia);\n return () => {\n window.removeEventListener('resize', handleRecordMatchMedia);\n };\n }, [currentMap, handleRecordMatchMedia]);\n\n return (\n <MapStyled>\n {apiKey && (\n <Wrapper apiKey={apiKey}>\n <Map\n setInfoWindow={setInfoWindow}\n currentInfoWindow={infoWindow}\n enableMoveSearch={enableMoveSearch}\n onDragEnd={onDragEnd}\n center={center}\n onClick={onClick}\n zoom={zoom}\n registeredMarkers={registeredMarkers}\n handleCurrentMap={handleCurrentMap}\n style={{ flexGrow: '1', height: '100%', width: '100%' }}\n >\n {markerList &&\n markerList.length > 0 &&\n markerList.map((marker, i) => {\n return (\n <Marker\n infoWindow={infoWindow}\n handleRegisteredMarkers={handleRegisteredMarkers}\n isSelected={marker.isSelected}\n id={marker.id}\n onInfoWindowCtaClick={onInfoWindowCtaClick}\n canOpenInfoWindow={canOpenInfoWindow}\n resultIcon={marker.resultIcon}\n selectedIcon={marker.selectedIcon}\n resultIconHover={marker.resultIconHover}\n selectedIconHover={marker.selectedIconHover}\n infoWindowConfig={marker.infoWindowConfig}\n handleMarkerClicked={handleMarkerClicked}\n key={i}\n position={{ lat: marker.lat, lng: marker.lng }}\n />\n );\n })}\n </Map>\n </Wrapper>\n )}\n </MapStyled>\n );\n};\n"],"names":["apiKey","enableFitBound","hideControlsOnMobile","markers","center","zoom","enableMoveSearch","canOpenInfoWindow","markerSelectedId","callbackMarkerClicked","onDragEndCallback","onInfoWindowCtaClick","registeredMarkers","setRegisteredMarkers","useState","onMarkerClick","useMap","currentMap","setCurrentMap","markerList","setMarkerList","infoWindow","setInfoWindow","useEffect","onClickMoreDetail","currentInfo","_onInfoWindowCtaClick","close","handleMarkerClicked","async","marker","canOpen","infoWindowConfig","id","content","contentString","setContent","open","anchor","map","moreDetailBtn","document","getElementById","removeEventListener","addEventListener","handleRegisteredMarkers","useCallback","prevArr","deleteMarkers","length","forEach","currentMarker","setMap","bounds","google","maps","LatLngBounds","i","registeredPos","getPosition","position","lat","lng","extend","fitBounds","handleCurrentMap","onDragEnd","m","centerObj","getCenter","centerMap","handleRecordMatchMedia","isMobile","window","matchMedia","matches","controlsContainer","style","display","_jsx","jsx","MapStyled","default","children","Wrapper","Map","currentInfoWindow","onClick","flexGrow","height","width","Marker","isSelected","resultIcon","selectedIcon","resultIconHover","selectedIconHover"],"mappings":"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"}

package/cjs/organisms/maps/utils/mapConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapConfig.js","sources":["../../../../../../src/organisms/maps/utils/mapConfig.ts"],"sourcesContent":[~~null~~],"names":["MapControl","controlDiv","map","geoMarker","style","padding","marginRight","controlWrapper","document","createElement","appendChild","zoomInButton","width","height","borderRadius","background","cursor","marginBottom","display","flexDirection","justifyContent","zoomInIcon","margin","src","MapIconVariant","PLUS","zoomOutButton","zoomOutIcon","MINUS","google","maps","event","addDomListener","setZoom","getZoom","zoomInOutControls","centerControlButton","marginTop","centerLocationIcon","CENTER_LOCATIONS","addEventListener","navigator","geolocation","getCurrentPosition","position","pos","lat","coords","latitude","lng","longitude","setOptions","icon","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","markerLastPosition","getPosition","locationCenterControl","zoomControlDiv","setAttribute","controls","ControlPosition","RIGHT_BOTTOM","push","options","center","zoom","mapTypeControl","streetViewControl","fullscreenControl","disableDefaultUI","styles","styleJSON"],"mappings":"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"}
1	+ {"version":3,"file":"mapConfig.js","sources":["../../../../../../src/organisms/maps/utils/mapConfig.ts"],"sourcesContent":["import { styleJSON } from './style';\nimport { MapIconVariant } from './mapIcons';\n/*\n The ZoomControl adds +/- button for the map\n /\nconst zoomInOutControls = (controlWrapper, map) => {\n // Set CSS for the zoomIn\n const zoomInButton = document.createElement('div');\n zoomInButton.style.width = '40px';\n zoomInButton.style.height = '40px';\n zoomInButton.style.borderRadius = '4px 4px 0px 0px';\n zoomInButton.style.background = '#FFFFFF';\n zoomInButton.style.cursor = 'pointer';\n zoomInButton.style.marginBottom = '1px';\n zoomInButton.style.display = 'flex';\n zoomInButton.style.flexDirection = 'column';\n zoomInButton.style.justifyContent = 'center';\n controlWrapper.appendChild(zoomInButton);\n const zoomInIcon = document.createElement('img');\n zoomInIcon.style.width = '15px';\n zoomInIcon.style.height = '15px';\n zoomInIcon.style.margin = '0 auto';\n zoomInIcon.src = MapIconVariant.PLUS;\n zoomInButton.appendChild(zoomInIcon);\n\n // Set CSS for the zoomOut\n const zoomOutButton = document.createElement('div');\n zoomOutButton.style.width = '40px';\n zoomOutButton.style.height = '40px';\n zoomOutButton.style.borderRadius = '0px 0px 4px 4px';\n zoomOutButton.style.background = '#FFFFFF';\n zoomOutButton.style.cursor = 'pointer';\n zoomOutButton.style.display = 'flex';\n zoomOutButton.style.flexDirection = 'column';\n zoomOutButton.style.justifyContent = 'center';\n controlWrapper.appendChild(zoomOutButton);\n const zoomOutIcon = document.createElement('img');\n zoomOutIcon.style.width = '15px';\n zoomOutIcon.style.height = '15px';\n zoomOutIcon.style.margin = '0 auto';\n zoomOutIcon.src = MapIconVariant.MINUS;\n\n zoomOutButton.appendChild(zoomOutIcon);\n\n // Setup the click event listener - zoomIn\n google.maps.event.addDomListener(zoomInButton, 'click', function () {\n map.setZoom(map.getZoom() + 1);\n });\n\n // Setup the click event listener - zoomOut\n google.maps.event.addDomListener(zoomOutButton, 'click', function () {\n map.setZoom(map.getZoom() - 1);\n });\n};\n\n/\n The center location button for the map\n \n /\n\nconst locationCenterControl = (controlWrapper, map, geoMarker) => {\n const centerControlButton = document.createElement('div');\n centerControlButton.style.width = '40px';\n centerControlButton.style.height = '40px';\n centerControlButton.style.borderRadius = '4px';\n centerControlButton.style.background = '#FFFFFF';\n centerControlButton.style.cursor = 'pointer';\n centerControlButton.style.display = 'flex';\n centerControlButton.style.flexDirection = 'column';\n centerControlButton.style.justifyContent = 'center';\n centerControlButton.style.marginTop = '10px';\n controlWrapper.appendChild(centerControlButton);\n const centerLocationIcon = document.createElement('img');\n centerLocationIcon.style.width = '20px';\n centerLocationIcon.style.height = '20px';\n centerLocationIcon.style.margin = '0 auto';\n centerLocationIcon.src = MapIconVariant.CENTER_LOCATIONS;\n\n centerControlButton.appendChild(centerLocationIcon);\n\n // When user click on geolocation icon, if geolocation is active center the map on the user position\n //Otherwhise center to the last centered position\n centerControlButton.addEventListener('click', () => {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n (position: GeolocationPosition) => {\n const pos = {\n lat: position.coords.latitude,\n lng: position.coords.longitude,\n };\n geoMarker.setOptions({\n position: pos,\n icon: MapIconVariant.LIVE_POSITION_ON,\n map,\n });\n map.setCenter(pos);\n },\n () => {\n geoMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n const markerLastPosition = geoMarker.getPosition();\n map.setCenter(markerLastPosition);\n },\n );\n }\n });\n};\n\nconst MapControl = (controlDiv, map, geoMarker) => {\n // Creating divs & styles for custom zoom control\n controlDiv.style.padding = '5px';\n controlDiv.style.marginRight = '19px';\n\n // Set CSS for the control wrapper\n const controlWrapper = document.createElement('div');\n controlDiv.appendChild(controlWrapper);\n zoomInOutControls(controlWrapper, map);\n locationCenterControl(controlWrapper, map, geoMarker);\n};\n\nconst handleControls = (map, geoMarker) => {\n // Create the DIV to hold the control and call the ZoomControl() constructor\n // passing in this DIV.\n const zoomControlDiv = document.createElement('div');\n zoomControlDiv.setAttribute('id', 'map-controls-container');\n MapControl(zoomControlDiv, map, geoMarker);\n map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(zoomControlDiv);\n};\n\nconst mapConfig = (options) => {\n const { center, zoom } = options;\n const customZoom = zoom ? zoom : 12;\n return {\n mapTypeControl: false,\n streetViewControl: false,\n fullscreenControl: false,\n /* Disabling default UI widgets */\n disableDefaultUI: true,\n center,\n zoom: customZoom,\n styles: styleJSON,\n };\n};\n\nexport { mapConfig, handleControls };\n"],"names":["MapControl","controlDiv","map","geoMarker","style","padding","marginRight","controlWrapper","document","createElement","appendChild","zoomInButton","width","height","borderRadius","background","cursor","marginBottom","display","flexDirection","justifyContent","zoomInIcon","margin","src","MapIconVariant","PLUS","zoomOutButton","zoomOutIcon","MINUS","google","maps","event","addDomListener","setZoom","getZoom","zoomInOutControls","centerControlButton","marginTop","centerLocationIcon","CENTER_LOCATIONS","addEventListener","navigator","geolocation","getCurrentPosition","position","pos","lat","coords","latitude","lng","longitude","setOptions","icon","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","markerLastPosition","getPosition","locationCenterControl","zoomControlDiv","setAttribute","controls","ControlPosition","RIGHT_BOTTOM","push","options","center","zoom","mapTypeControl","streetViewControl","fullscreenControl","disableDefaultUI","styles","styleJSON"],"mappings":"oEAKA,MAsGMA,EAAa,CAACC,EAAYC,EAAKC,KAEnCF,EAAWG,MAAMC,QAAU,MAC3BJ,EAAWG,MAAME,YAAc,OAG/B,MAAMC,EAAiBC,SAASC,cAAc,OAC9CR,EAAWS,YAAYH,GA7GC,EAACA,EAAgBL,KAEzC,MAAMS,EAAeH,SAASC,cAAc,OAC5CE,EAAaP,MAAMQ,MAAQ,OAC3BD,EAAaP,MAAMS,OAAS,OAC5BF,EAAaP,MAAMU,aAAe,kBAClCH,EAAaP,MAAMW,WAAa,UAChCJ,EAAaP,MAAMY,OAAS,UAC5BL,EAAaP,MAAMa,aAAe,MAClCN,EAAaP,MAAMc,QAAU,OAC7BP,EAAaP,MAAMe,cAAgB,SACnCR,EAAaP,MAAMgB,eAAiB,SACpCb,EAAeG,YAAYC,GAC3B,MAAMU,EAAab,SAASC,cAAc,OAC1CY,EAAWjB,MAAMQ,MAAQ,OACzBS,EAAWjB,MAAMS,OAAS,OAC1BQ,EAAWjB,MAAMkB,OAAS,SAC1BD,EAAWE,IAAMC,EAAAA,eAAeC,KAChCd,EAAaD,YAAYW,GAGzB,MAAMK,EAAgBlB,SAASC,cAAc,OAC7CiB,EAActB,MAAMQ,MAAQ,OAC5Bc,EAActB,MAAMS,OAAS,OAC7Ba,EAActB,MAAMU,aAAe,kBACnCY,EAActB,MAAMW,WAAa,UACjCW,EAActB,MAAMY,OAAS,UAC7BU,EAActB,MAAMc,QAAU,OAC9BQ,EAActB,MAAMe,cAAgB,SACpCO,EAActB,MAAMgB,eAAiB,SACrCb,EAAeG,YAAYgB,GAC3B,MAAMC,EAAcnB,SAASC,cAAc,OAC3CkB,EAAYvB,MAAMQ,MAAQ,OAC1Be,EAAYvB,MAAMS,OAAS,OAC3Bc,EAAYvB,MAAMkB,OAAS,SAC3BK,EAAYJ,IAAMC,EAAAA,eAAeI,MAEjCF,EAAchB,YAAYiB,GAG1BE,OAAOC,KAAKC,MAAMC,eAAerB,EAAc,SAAS,WACtDT,EAAI+B,QAAQ/B,EAAIgC,UAAY,EAC9B,IAGAL,OAAOC,KAAKC,MAAMC,eAAeN,EAAe,SAAS,WACvDxB,EAAI+B,QAAQ/B,EAAIgC,UAAY,EAC9B,GAAE,EA+DFC,CAAkB5B,EAAgBL,GAvDN,EAACK,EAAgBL,EAAKC,KAClD,MAAMiC,EAAsB5B,SAASC,cAAc,OACnD2B,EAAoBhC,MAAMQ,MAAQ,OAClCwB,EAAoBhC,MAAMS,OAAS,OACnCuB,EAAoBhC,MAAMU,aAAe,MACzCsB,EAAoBhC,MAAMW,WAAa,UACvCqB,EAAoBhC,MAAMY,OAAS,UACnCoB,EAAoBhC,MAAMc,QAAU,OACpCkB,EAAoBhC,MAAMe,cAAgB,SAC1CiB,EAAoBhC,MAAMgB,eAAiB,SAC3CgB,EAAoBhC,MAAMiC,UAAY,OACtC9B,EAAeG,YAAY0B,GAC3B,MAAME,EAAqB9B,SAASC,cAAc,OAClD6B,EAAmBlC,MAAMQ,MAAQ,OACjC0B,EAAmBlC,MAAMS,OAAS,OAClCyB,EAAmBlC,MAAMkB,OAAS,SAClCgB,EAAmBf,IAAMC,EAAAA,eAAee,iBAExCH,EAAoB1B,YAAY4B,GAIhCF,EAAoBI,iBAAiB,SAAS,KACxCC,UAAUC,aACZD,UAAUC,YAAYC,oBACnBC,IACC,MAAMC,EAAM,CACVC,IAAKF,EAASG,OAAOC,SACrBC,IAAKL,EAASG,OAAOG,WAEvB/C,EAAUgD,WAAW,CACnBP,SAAUC,EACVO,KAAM5B,EAAcA,eAAC6B,iBACrBnD,QAEFA,EAAIoD,UAAUT,EAAI,IAEpB,KACE1C,EAAUoD,QAAQ/B,EAAcA,eAACgC,mBACjC,MAAMC,EAAqBtD,EAAUuD,cACrCxD,EAAIoD,UAAUG,EAAmB,MAIvC,EAYFE,CAAsBpD,EAAgBL,EAAKC,EAAU,yBAGhC,CAACD,EAAKC,KAG3B,MAAMyD,EAAiBpD,SAASC,cAAc,OAC9CmD,EAAeC,aAAa,KAAM,0BAClC7D,EAAW4D,EAAgB1D,EAAKC,GAChCD,EAAI4D,SAASjC,OAAOC,KAAKiC,gBAAgBC,cAAcC,KAAKL,EAAe,oBAG1DM,IACjB,MAAMC,OAAEA,EAAMC,KAAEA,GAASF,EAEzB,MAAO,CACLG,gBAAgB,EAChBC,mBAAmB,EACnBC,mBAAmB,EAEnBC,kBAAkB,EAClBL,SACAC,KARiBA,GAAc,GAS/BK,OAAQC,EAASA,UAClB"}

package/cjs/organisms/maps/utils/mapIcons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapIcons.js","sources":["../../../../../../src/organisms/maps/utils/mapIcons.ts"],"sourcesContent":[~~null~~],"names":["MapIconVariant"],"mappings":"aAAA,IAAYA,EAAAA,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAQX,CAAA,IAPC,KAAA,qUACAA,EAAA,MAAA,yQACAA,EAAA,iBAAA,yuBACAA,EAAA,kBAAA,quCACAA,EAAA,iBAAA,q0CACAA,EAAA,QAAA,iPACAA,EAAA,aAAA"}
1	+ {"version":3,"file":"mapIcons.js","sources":["../../../../../../src/organisms/maps/utils/mapIcons.ts"],"sourcesContent":["export enum MapIconVariant {\n PLUS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzIDEzLjIzOEg3Ljg2N1Y3Ljg4M0gxMy4yMjJWNi4xNDlINy44NjdWMC43OTM5OTlINi4xMzNWNi4xNDlIMC43NzhWNy44ODNINi4xMzNWMTMuMjM4WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n MINUS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc3OCAwLjA2Mzk5OTZWMS45NjhIMTMuMjIyVjAuMDYzOTk5NkgwLjc3OFoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n CENTER_LOCATIONS = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTUuMTczQzExLjkyNyAxNS4xNzMgMTUuMTkxIDExLjkyNiAxNS4xOTEgOC4wMTZDMTUuMTkxIDQuMTA2IDExLjkyNyAwLjg1ODk5OSA4IDAuODU4OTk5QzQuMDczIDAuODU4OTk5IDAuODA5IDQuMTA2IDAuODA5IDguMDE2QzAuODA5IDExLjkyNiA0LjA3MyAxNS4xNzMgOCAxNS4xNzNaTTUuNDg0IDcuMjUxSDIuMzczQzIuNzEzIDQuNzM1IDQuNzM2IDIuNzEyIDcuMjM1IDIuMzU1VjUuNUg4Ljc2NVYyLjM1NUMxMS4yNjQgMi43MTIgMTMuMjg3IDQuNzM1IDEzLjYyNyA3LjI1MUgxMC41MTZWOC43ODFIMTMuNjI3QzEzLjI4NyAxMS4yOTcgMTEuMjY0IDEzLjMyIDguNzY1IDEzLjY3N1YxMC41MzJINy4yMzVWMTMuNjc3QzQuNzM2IDEzLjMyIDIuNzEzIDExLjI5NyAyLjM3MyA4Ljc4MUg1LjQ4NFY3LjI1MVoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==',\n LIVE_POSITION_OFF = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODg3KSI+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg4NyIgeD0iMCIgeT0iMCIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4ODciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg4NyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K',\n LIVE_POSITION_ON = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiM0MTk0NjgiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODkyKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg5MiIgeD0iNiIgeT0iNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjU0OTAyIDAgMCAwIDAgMC41ODAzOTIgMCAwIDAgMCAwLjQwNzg0MyAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg5MiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd182MjkyXzI0ODkyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=',\n CLUSTER = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiMzMDMxMzIiLz4KPC9zdmc+Cg==',\n ARROW_DETAIL = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTU3IDkuMTMyVjEwLjlIMTMuNzc0TDkuMjY5IDE1LjM1NEwxMC4zNTcgMTYuNDQyTDE2Ljc4MyAxMC4wMTZMMTAuMzU3IDMuNTlMOS4yNjkgNC42NzhMMTMuNzc0IDkuMTMySDMuNTU3WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K',\n}\n"],"names":["MapIconVariant"],"mappings":"aAAA,IAAYA,EAAAA,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAQX,CAAA,IAPC,KAAA,qUACAA,EAAA,MAAA,yQACAA,EAAA,iBAAA,yuBACAA,EAAA,kBAAA,quCACAA,EAAA,iBAAA,q0CACAA,EAAA,QAAA,iPACAA,EAAA,aAAA"}

package/cjs/organisms/maps/utils/style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../../../src/organisms/maps/utils/style.ts"],"sourcesContent":[~~null~~],"names":["geometryFill","labelsTextFill","labelsTextStroke","administrative","administrativeCountry","labelsText","transitStationAirport","styleJSON","elementType","stylers","visibility","featureType","color"],"mappings":"aAAA,MAAMA,EAAe,gBACfC,EAAiB,mBACjBC,EAAmB,qBACnBC,EAAiB,iBACjBC,EAAwB,yBACxBC,EAAa,cACbC,EAAwB,0BACjBC,EAAY,CACvB,CACEC,YAAa,cACbC,QAAS,CACP,CACEC,WAAY,SAIlB,CACEC,YAAaR,EACbM,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAa,WACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,WAET,CACEF,WAAY,QAIlB,CACEC,YAAaR,EACbK,YAAa,kBACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAa,SACbC,QAAS,CACP,CACEG,MAAO,WAET,CACEF,WAAY,QAIlB,CACEC,YAAaR,EACbK,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,iBACbH,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,YACbF,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,qBACbH,YAAa,kBACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAa,WACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,eACbH,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,eACbH,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAa,cACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,QACbF,QAAS,CACP,CACEG,MAAO"}
1	+ {"version":3,"file":"style.js","sources":["../../../../../../src/organisms/maps/utils/style.ts"],"sourcesContent":["const geometryFill = 'geometry.fill';\nconst labelsTextFill = 'labels.text.fill';\nconst labelsTextStroke = 'labels.text.stroke';\nconst administrative = 'administrative';\nconst administrativeCountry = 'administrative.country';\nconst labelsText = 'labels.text';\nconst transitStationAirport = 'transit.station.airport';\nexport const styleJSON = [\n {\n elementType: 'labels.icon',\n stylers: [\n {\n visibility: 'off',\n },\n ],\n },\n {\n featureType: administrative,\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: 'geometry',\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: geometryFill,\n stylers: [\n {\n color: '#efefef',\n },\n {\n visibility: 'on',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: 'geometry.stroke',\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: 'labels',\n stylers: [\n {\n color: '#7c7d7e',\n },\n {\n visibility: 'on',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: labelsText,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: administrative,\n elementType: labelsTextFill,\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: 'administrative',\n elementType: labelsTextStroke,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: administrativeCountry,\n elementType: labelsText,\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: administrativeCountry,\n elementType: labelsTextFill,\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: administrativeCountry,\n elementType: labelsTextStroke,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: 'landscape',\n stylers: [\n {\n color: '#F1F1F1',\n },\n ],\n },\n {\n featureType: 'landscape.man_made',\n elementType: 'geometry.stroke',\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: 'geometry',\n stylers: [\n {\n color: '#cfe8e0',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: labelsText,\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: labelsTextFill,\n stylers: [\n {\n color: '#7c7d7e',\n },\n ],\n },\n {\n featureType: 'poi',\n elementType: labelsTextStroke,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: 'road.highway',\n elementType: geometryFill,\n stylers: [\n {\n color: '#ffeeac',\n },\n ],\n },\n {\n featureType: 'transit.line',\n elementType: geometryFill,\n stylers: [\n {\n color: '#C4C6C7',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: geometryFill,\n stylers: [\n {\n color: '#E4E4E4',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: 'labels.icon',\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: labelsText,\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: labelsTextFill,\n stylers: [\n {\n color: '#5a5b5c',\n },\n ],\n },\n {\n featureType: transitStationAirport,\n elementType: labelsTextStroke,\n stylers: [\n {\n color: '#ffffff',\n },\n ],\n },\n {\n featureType: 'water',\n stylers: [\n {\n color: '#bbe2fb',\n },\n ],\n },\n];\n"],"names":["geometryFill","labelsTextFill","labelsTextStroke","administrative","administrativeCountry","labelsText","transitStationAirport","styleJSON","elementType","stylers","visibility","featureType","color"],"mappings":"aAAA,MAAMA,EAAe,gBACfC,EAAiB,mBACjBC,EAAmB,qBACnBC,EAAiB,iBACjBC,EAAwB,yBACxBC,EAAa,cACbC,EAAwB,0BACjBC,EAAY,CACvB,CACEC,YAAa,cACbC,QAAS,CACP,CACEC,WAAY,SAIlB,CACEC,YAAaR,EACbM,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAa,WACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,WAET,CACEF,WAAY,QAIlB,CACEC,YAAaR,EACbK,YAAa,kBACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAa,SACbC,QAAS,CACP,CACEG,MAAO,WAET,CACEF,WAAY,QAIlB,CACEC,YAAaR,EACbK,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaR,EACbK,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,iBACbH,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaP,EACbI,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,YACbF,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,qBACbH,YAAa,kBACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAa,WACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,MACbH,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,eACbH,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,eACbH,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaR,EACbS,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAa,cACbC,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaH,EACbI,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaP,EACbQ,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAaL,EACbE,YAAaN,EACbO,QAAS,CACP,CACEG,MAAO,aAIb,CACED,YAAa,QACbF,QAAS,CACP,CACEG,MAAO"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":[~~null~~],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","flexGrow","minWidth","Typography","variant","headline","description","WebkitLineClamp","WebkitBoxOrient","footer","os600","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","name"],"mappings":"oOAmBa,MA0GPA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CAC1CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlH4CC,IACxD,MAAMZ,EAAQa,EAAAA,WAEd,OACEC,EAAAC,KAAChB,MAAG,CACFiB,GAAI,CACFT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAb,EAAMc,MACLC,EAACC,IAAA/B,EACC,CAAAmB,GAAI,CACFf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cACW,oBAAmBR,SAE9Bb,EAAMc,OAIXZ,EAACC,KAAAhB,MACC,CAAAiB,GAAI,CACFX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,SAEfD,QAAS,OACVI,SAAA,CAEDX,EAAAA,KAACf,EAAGA,IAAA,CAACiB,GAAI,CAAEf,QAAS,OAAQE,WAAY,SAAUD,eAAgB,aAAcqB,IAAK,GAClFE,SAAA,CAAAb,EAAMuB,OAASR,MAACS,EAASA,UAAA,CAACnB,MAAM,YACjCU,MAAC5B,EAAGA,IAAA,CACFiB,GAAI,CACFqB,WAAY,SACZN,SAAU,SACVO,aAAc,WACdC,SAAU,IACVC,SAAU,KACXf,SAEDE,EAACC,IAAAa,aAAW,CAAAC,QAAQ,cAAa,cAAa,wBAAuBjB,SAClEb,EAAM+B,gBAIbhB,EAAAC,IAAC7B,EAAGA,IAAA,CAAA,cAAa,2BACd0B,SAA6B,iBAAtBb,EAAMgC,YACZjB,EAAAC,IAACa,EAAUA,WAAA,CACTzB,GAAI,CACFe,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAEnBJ,QAAQ,cAAajB,SAEpBb,EAAMgC,cAGThC,EAAiB,cAGpBA,EAAMmC,QACLpB,EAAAA,IAACc,EAAAA,WAAW,CAAAC,QAAQ,cAAczB,MAAOjB,EAAMQ,QAAQC,UAAUuC,oBAAmB,sBAAqBvB,SACtGb,EAAMmC,SAGVnC,EAAMqC,SACLtB,EAAAA,IAACuB,EAAAA,OAAMC,UAAU,MAAMC,QAAS,EAAC,cAAc,uBAC5C3B,SAAAb,EAAMqC,aAKZrC,EAAMyC,WACL1B,EAAAA,IAAC2B,EAAAA,yBACY,uBACXC,QAAS3C,EAAMyC,UACfG,KAAK,QACLxC,GAAI,CACFQ,SAAU,WACViC,MAAO,MACPC,IAAK,OAEK,cAAA,gCAEZ/B,EAAAA,IAACgC,EAAAA,MAAKC,SAAS,QAAQC,UAAU,UAAUC,KAAK,cAGhD"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Indicator } from '@/src/components/indicator';\nimport { Box, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\n\nexport type NotificationProps = {\n color?: 'white' \| 'grey';\n isNew?: boolean;\n\n headline: string;\n description: React.ReactNode;\n\n icon?: React.ReactNode;\n\n footer?: string;\n buttons?: React.ReactNode;\n\n onDismiss?: () => void;\n};\n\nexport const Notification: React.FC<NotificationProps> = (props) => {\n const theme = useTheme();\n\n return (\n <Box\n sx={{\n background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n padding: '24px 32px',\n display: 'flex',\n flexDirection: 'row',\n gap: '24px',\n alignItems: 'center',\n position: 'relative',\n }}\n data-testid=\"Notification\"\n >\n {props.icon && (\n <IconBox\n sx={{\n display: { sm: 'flex', xs: 'none' },\n overflow: 'hidden',\n img: { width: '100%', height: '100%', objectFit: 'cover' },\n }}\n data-testid=\"Notification.icon\"\n >\n {props.icon}\n </IconBox>\n )}\n\n <Box\n sx={{\n width: '100%',\n maxWidth: '100%',\n overflow: 'hidden',\n display: 'flex',\n gap: '8px',\n flexDirection: 'column',\n // Small padding to prevent focus ring trimming\n padding: '4px',\n }}\n >\n <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start', gap: 1 }}>\n {props.isNew && <Indicator color=\"neutral\" />}\n <Box\n sx={{\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n flexGrow: '1',\n minWidth: '0',\n }}\n >\n <Typography variant=\"subheadline\" data-testid=\"Notification.headline\">\n {props.headline}\n </Typography>\n </Box>\n </Box>\n <Box data-testid=\"Notification.description\">\n {typeof props.description === 'string' ? (\n <Typography\n sx={{\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitLineClamp: '2',\n WebkitBoxOrient: 'vertical',\n }}\n variant=\"disclaimer1\"\n >\n {props.description}\n </Typography>\n ) : (\n props.description\n )}\n </Box>\n {props.footer && (\n <Typography variant=\"disclaimer1\" color={theme.palette.onSurface.os600} data-testid=\"Notification.footer\">\n {props.footer}\n </Typography>\n )}\n {props.buttons && (\n <Stack direction=\"row\" spacing={1} data-testid=\"Notification.buttons\">\n {props.buttons}\n </Stack>\n )}\n </Box>\n\n {props.onDismiss && (\n <IconButton\n aria-label=\"Dismiss notification\"\n onClick={props.onDismiss}\n size=\"small\"\n sx={{\n position: 'absolute',\n right: '8px',\n top: '8px',\n }}\n data-testid=\"Notification.dismiss\"\n >\n <Icon fontSize=\"small\" className=\"ballotx\" name=\"close\" />\n </IconButton>\n )}\n </Box>\n );\n};\n\nconst IconBox = styled(Box)(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '50%',\n width: '56px',\n height: '56px',\n background: theme.palette.onSurface.os200,\n flexShrink: 0,\n}));\n"],"names":["IconBox","styled","Box","theme","display","justifyContent","alignItems","borderRadius","width","height","background","palette","onSurface","os200","flexShrink","props","useTheme","_jsxs","jsxs","sx","color","surface","primary","os0","padding","flexDirection","gap","position","children","icon","_jsx","jsx","sm","xs","overflow","img","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","flexGrow","minWidth","Typography","variant","headline","description","WebkitLineClamp","WebkitBoxOrient","footer","os600","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","name"],"mappings":"oOAmBa,MA0GPA,EAAUC,EAAAA,OAAOC,EAAAA,IAAPD,EAAY,EAAGE,YAAa,CAC1CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,aAAc,MACdC,MAAO,OACPC,OAAQ,OACRC,WAAYP,EAAMQ,QAAQC,UAAUC,MACpCC,WAAY,2BAlH4CC,IACxD,MAAMZ,EAAQa,EAAAA,WAEd,OACEC,EAAAC,KAAChB,MAAG,CACFiB,GAAI,CACFT,WAA4B,SAAhBK,EAAMK,MAAmBjB,EAAMQ,QAAQU,QAAQC,QAAUnB,EAAMQ,QAAQC,UAAUW,IAC7FC,QAAS,YACTpB,QAAS,OACTqB,cAAe,MACfC,IAAK,OACLpB,WAAY,SACZqB,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAb,EAAMc,MACLC,EAACC,IAAA/B,EACC,CAAAmB,GAAI,CACFf,QAAS,CAAE4B,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAE3B,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,UAClD,cACW,oBAAmBR,SAE9Bb,EAAMc,OAIXZ,EAACC,KAAAhB,MACC,CAAAiB,GAAI,CACFX,MAAO,OACP6B,SAAU,OACVH,SAAU,SACV9B,QAAS,OACTsB,IAAK,MACLD,cAAe,SAEfD,QAAS,OACVI,SAAA,CAEDX,EAAAA,KAACf,EAAGA,IAAA,CAACiB,GAAI,CAAEf,QAAS,OAAQE,WAAY,SAAUD,eAAgB,aAAcqB,IAAK,GAClFE,SAAA,CAAAb,EAAMuB,OAASR,MAACS,EAASA,UAAA,CAACnB,MAAM,YACjCU,MAAC5B,EAAGA,IAAA,CACFiB,GAAI,CACFqB,WAAY,SACZN,SAAU,SACVO,aAAc,WACdC,SAAU,IACVC,SAAU,KACXf,SAEDE,EAACC,IAAAa,aAAW,CAAAC,QAAQ,cAAa,cAAa,wBAAuBjB,SAClEb,EAAM+B,gBAIbhB,EAAAC,IAAC7B,EAAGA,IAAA,CAAA,cAAa,2BACd0B,SAA6B,iBAAtBb,EAAMgC,YACZjB,EAAAC,IAACa,EAAUA,WAAA,CACTzB,GAAI,CACFe,SAAU,SACVO,aAAc,WACdrC,QAAS,cACT4C,gBAAiB,IACjBC,gBAAiB,YAEnBJ,QAAQ,cAAajB,SAEpBb,EAAMgC,cAGThC,EAAiB,cAGpBA,EAAMmC,QACLpB,EAAAA,IAACc,EAAAA,WAAW,CAAAC,QAAQ,cAAczB,MAAOjB,EAAMQ,QAAQC,UAAUuC,oBAAmB,sBAAqBvB,SACtGb,EAAMmC,SAGVnC,EAAMqC,SACLtB,EAAAA,IAACuB,EAAAA,OAAMC,UAAU,MAAMC,QAAS,EAAC,cAAc,uBAC5C3B,SAAAb,EAAMqC,aAKZrC,EAAMyC,WACL1B,EAAAA,IAAC2B,EAAAA,yBACY,uBACXC,QAAS3C,EAAMyC,UACfG,KAAK,QACLxC,GAAI,CACFQ,SAAU,WACViC,MAAO,MACPC,IAAK,OAEK,cAAA,gCAEZ/B,EAAAA,IAACgC,EAAAA,MAAKC,SAAS,QAAQC,UAAU,UAAUC,KAAK,cAGhD"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationCenter.js","sources":["../../../../../src/organisms/notification/NotificationCenter.tsx"],"sourcesContent":[null],"names":["NotificationCenter","forwardRef","props","ref","headerRef","useRef","bodyRef","useEffect","current","height","clientHeight","style","_jsxs","Box","sx","width","md","sm","xs","borderRadius","background","theme","palette","surface","tertiary","boxShadow","overflow","_a","maxHeight","children","padding","display","justifyContent","_jsx","Typography","variant","component","_b","title","onDismissAll","Button","onClick","size","color","_c","dismissAllText","borderBottom","secondary"],"mappings":"oGA8EaA,EAAqBC,EAAUA,YAjE5C,SAAgCC,EAAgCC,aAC9D,MAAMC,EAAYC,EAAMA,OAAiB,MACnCC,EAAUD,EAAMA,OAAiB,MASvC,OAPAE,EAAAA,WAAU,KACR,GAAIH,EAAUI,SAAWF,EAAQE,QAAS,CACxC,MAAMC,EAASL,EAAUI,QAAQE,aACjCJ,EAAQE,QAAQG,MAAMF,OAAS,eAAeA,UAE/C,CAACL,EAAUI,QAASF,EAAQE,UAG7BI,OAACC,EAAGA,IAAA,CACFV,IAAKA,EACLW,GAAI,CACFC,MAAO,CAAEC,GAAI,QAASC,GAAI,QAASC,GAAI,QACvCC,aAAc,CAAEF,GAAI,MAAOC,GAAI,OAC/BE,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC7CC,UAAW,wCACXC,SAAU,SACVjB,eAAQkB,EAAAzB,EAAMO,sBAAU,QACxBmB,UAAW,SAED,cAAA,qBAEZC,SAAA,CAAAjB,EAAAA,KAACC,EAAAA,IAAG,CACFV,IAAKC,EACLU,GAAI,CACFgB,QAAS,qBACTC,QAAS,OACTC,eAAgB,iBACjBH,SAAA,CAEDI,EAAAA,IAACC,EAAUA,WAAC,CAAAC,QAAQ,KAAKC,UAAU,OAAmB,cAAA,oCACpC,QAAfC,EAAAnC,EAAMoC,aAAS,IAAAD,EAAAA,EAAA,kBAEjBnC,EAAMqC,cACLN,EAAAA,IAACO,EAAMA,OACL,CAAAC,QAASvC,EAAMqC,aACfG,KAAK,QACLC,MAAM,YACNR,QAAQ,OACI,cAAA,sCAEa,QAAxBS,EAAA1C,EAAM2C,sBAAkB,IAAAD,EAAAA,EAAA,mBAI/BX,EAAAA,IAACpB,EAAAA,IAAG,CACFV,IAAKG,EACLQ,GAAI,CACFL,OAAQ,OACRiB,SAAU,OACV,2BAA4B,CAC1BoB,aAAezB,GAAU,aAAaA,EAAMC,QAAQC,QAAQwB,cAGpD,cAAA,sCAEX7C,EAAM2B,aAIf"}
1	+ {"version":3,"file":"NotificationCenter.js","sources":["../../../../../src/organisms/notification/NotificationCenter.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@mui/material';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nexport type NotificationCenterProps = {\n children?: React.ReactNode;\n\n title?: string;\n dismissAllText?: string;\n onDismissAll?: () => void;\n\n height?: number \| string;\n};\n\nfunction NotificationCenterBase(props: NotificationCenterProps, ref: React.Ref<HTMLDivElement>) {\n const headerRef = useRef<HTMLDivElement>(null);\n const bodyRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (headerRef.current && bodyRef.current) {\n const height = headerRef.current.clientHeight;\n bodyRef.current.style.height = `calc(100% - ${height}px)`;\n }\n }, [headerRef.current, bodyRef.current]);\n\n return (\n <Box\n ref={ref}\n sx={{\n width: { md: '400px', sm: '360px', xs: '100%' },\n borderRadius: { sm: '8px', xs: '0px' },\n background: (theme) => theme.palette.surface.tertiary,\n boxShadow: '0px 24px 64px 0px rgba(0, 0, 0, 0.15)',\n overflow: 'hidden',\n height: props.height ?? '600px',\n maxHeight: '100vh',\n }}\n data-testid=\"NotificationCenter\"\n >\n <Box\n ref={headerRef}\n sx={{\n padding: '14px 8px 22px 16px',\n display: 'flex',\n justifyContent: 'space-between',\n }}\n >\n <Typography variant=\"h4\" component=\"span\" data-testid=\"NotificationCenter.title\">\n {props.title ?? 'Notifications'}\n </Typography>\n {props.onDismissAll && (\n <Button\n onClick={props.onDismissAll}\n size=\"small\"\n color=\"secondary\"\n variant=\"text\"\n data-testid=\"NotificationCenter.dismiss\"\n >\n {props.dismissAllText ?? 'Dismiss All'}\n </Button>\n )}\n </Box>\n <Box\n ref={bodyRef}\n sx={{\n height: '100%',\n overflow: 'auto',\n '& > *:not(:last-of-type)': {\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n },\n }}\n data-testid=\"NotificationCenter.content\"\n >\n {props.children}\n </Box>\n </Box>\n );\n}\n\nexport const NotificationCenter = forwardRef(NotificationCenterBase);\n"],"names":["NotificationCenter","forwardRef","props","ref","headerRef","useRef","bodyRef","useEffect","current","height","clientHeight","style","_jsxs","Box","sx","width","md","sm","xs","borderRadius","background","theme","palette","surface","tertiary","boxShadow","overflow","_a","maxHeight","children","padding","display","justifyContent","_jsx","Typography","variant","component","_b","title","onDismissAll","Button","onClick","size","color","_c","dismissAllText","borderBottom","secondary"],"mappings":"oGA8EaA,EAAqBC,EAAUA,YAjE5C,SAAgCC,EAAgCC,aAC9D,MAAMC,EAAYC,EAAMA,OAAiB,MACnCC,EAAUD,EAAMA,OAAiB,MASvC,OAPAE,EAAAA,WAAU,KACR,GAAIH,EAAUI,SAAWF,EAAQE,QAAS,CACxC,MAAMC,EAASL,EAAUI,QAAQE,aACjCJ,EAAQE,QAAQG,MAAMF,OAAS,eAAeA,UAE/C,CAACL,EAAUI,QAASF,EAAQE,UAG7BI,OAACC,EAAGA,IAAA,CACFV,IAAKA,EACLW,GAAI,CACFC,MAAO,CAAEC,GAAI,QAASC,GAAI,QAASC,GAAI,QACvCC,aAAc,CAAEF,GAAI,MAAOC,GAAI,OAC/BE,WAAaC,GAAUA,EAAMC,QAAQC,QAAQC,SAC7CC,UAAW,wCACXC,SAAU,SACVjB,eAAQkB,EAAAzB,EAAMO,sBAAU,QACxBmB,UAAW,SAED,cAAA,qBAEZC,SAAA,CAAAjB,EAAAA,KAACC,EAAAA,IAAG,CACFV,IAAKC,EACLU,GAAI,CACFgB,QAAS,qBACTC,QAAS,OACTC,eAAgB,iBACjBH,SAAA,CAEDI,EAAAA,IAACC,EAAUA,WAAC,CAAAC,QAAQ,KAAKC,UAAU,OAAmB,cAAA,oCACpC,QAAfC,EAAAnC,EAAMoC,aAAS,IAAAD,EAAAA,EAAA,kBAEjBnC,EAAMqC,cACLN,EAAAA,IAACO,EAAMA,OACL,CAAAC,QAASvC,EAAMqC,aACfG,KAAK,QACLC,MAAM,YACNR,QAAQ,OACI,cAAA,sCAEa,QAAxBS,EAAA1C,EAAM2C,sBAAkB,IAAAD,EAAAA,EAAA,mBAI/BX,EAAAA,IAACpB,EAAAA,IAAG,CACFV,IAAKG,EACLQ,GAAI,CACFL,OAAQ,OACRiB,SAAU,OACV,2BAA4B,CAC1BoB,aAAezB,GAAU,aAAaA,EAAMC,QAAQC,QAAQwB,cAGpD,cAAA,sCAEX7C,EAAM2B,aAIf"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationCenterCategory.js","sources":["../../../../../src/organisms/notification/NotificationCenterCategory.tsx"],"sourcesContent":[~~null~~],"names":["props","_jsxs","jsxs","Box","_jsx","jsx","sx","borderBottom","theme","palette","surface","secondary","children","Typography","variant","paddingLeft","title"],"mappings":"8GAOsFA,GAElFC,EAACC,KAAAC,MAAgB,CAAA,cAAA,uCACfC,EAACC,IAAAF,MACC,CAAAG,GAAI,CACFC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cACW,mCAAkCC,SAE9CR,MAACS,EAAAA,WAAW,CAAAC,QAAQ,WAAWR,GAAI,CAAES,YAAa,OAC/CH,SAAAZ,EAAMgB,UAIXZ,MAACD,EAAAA,IAAG,CAAA,cACU,qCACZG,GAAI,CACF,2BAA4B,CAC1BC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,cAE/DC,SAEAZ,EAAMY"}
1	+ {"version":3,"file":"NotificationCenterCategory.js","sources":["../../../../../src/organisms/notification/NotificationCenterCategory.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material';\n\nexport type NotificationCenterCategoryProps = {\n title: string;\n children?: React.ReactNode;\n};\n\nexport const NotificationCenterCategory: React.FC<NotificationCenterCategoryProps> = (props) => {\n return (\n <Box data-testid=\"NotificationCenterCategory\">\n <Box\n sx={{\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n }}\n data-testid=\"NotificationCenterCategory.title\"\n >\n <Typography variant=\"caption2\" sx={{ paddingLeft: '8px' }}>\n {props.title}\n </Typography>\n </Box>\n\n <Box\n data-testid=\"NotificationCenterCategory.content\"\n sx={{\n '& > *:not(:last-of-type)': {\n borderBottom: (theme) => `1px solid ${theme.palette.surface.secondary}`,\n },\n }}\n >\n {props.children}\n </Box>\n </Box>\n );\n};\n"],"names":["props","_jsxs","jsxs","Box","_jsx","jsx","sx","borderBottom","theme","palette","surface","secondary","children","Typography","variant","paddingLeft","title"],"mappings":"8GAOsFA,GAElFC,EAACC,KAAAC,MAAgB,CAAA,cAAA,uCACfC,EAACC,IAAAF,MACC,CAAAG,GAAI,CACFC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,aAC7D,cACW,mCAAkCC,SAE9CR,MAACS,EAAAA,WAAW,CAAAC,QAAQ,WAAWR,GAAI,CAAES,YAAa,OAC/CH,SAAAZ,EAAMgB,UAIXZ,MAACD,EAAAA,IAAG,CAAA,cACU,qCACZG,GAAI,CACF,2BAA4B,CAC1BC,aAAeC,GAAU,aAAaA,EAAMC,QAAQC,QAAQC,cAE/DC,SAEAZ,EAAMY"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material");require("@mui/system");var t=require("react");require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderContext.js"),require("../../components/icon/icon.js"),require("../../components/icon/icon.definitions.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderOverheadItem.js");var o=require("../../layout/Header/PredefinedHeaderButtons.js");require("../../utils/enum.js");var n=require("../../utils/useClosure/useClosure.js"),s=require("./NotificationCenter.js");exports.NotificationCenterHeaderButton=a=>{const{isOpen:u,onToggle:c,onClose:d}=n.useClosure(!1),l=t.useRef(null),{indicator:j}=a,q=e.__rest(a,["indicator"]);return r.jsxs(r.Fragment,{children:[r.jsx(o.HeaderBellButton,{ref:l,onClick:c,color:u&&"grey",indicator:a.indicator,"data-testid":"NotificationCenterHeaderButton"}),r.jsx(i.Popper,{open:u,anchorEl:l.current,placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,28]}}],children:r.jsx(i.ClickAwayListener,{onClickAway:d,children:r.jsx(i.Box,{children:r.jsx(s.NotificationCenter,Object.assign({},q))})})})]})};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react");require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderContext.js"),require("../../components/icon/icon.js"),require("../../components/icon/icon.definitions.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderOverheadItem.js");var o=require("../../layout/Header/PredefinedHeaderButtons.js");require("../../utils/enum.js");var n=require("../../utils/useClosure/useClosure.js"),s=require("./NotificationCenter.js");exports.NotificationCenterHeaderButton=a=>{const{isOpen:u,onToggle:c,onClose:d}=n.useClosure(!1),l=t.useRef(null),{indicator:j}=a,q=e.__rest(a,["indicator"]);return r.jsxs(r.Fragment,{children:[r.jsx(o.HeaderBellButton,{ref:l,onClick:c,color:u&&"grey",indicator:a.indicator,"data-testid":"NotificationCenterHeaderButton"}),r.jsx(i.Popper,{open:u,anchorEl:l.current,placement:"bottom-end",modifiers:[{name:"offset",options:{offset:[0,28]}}],children:r.jsx(i.ClickAwayListener,{onClickAway:d,children:r.jsx(i.Box,{children:r.jsx(s.NotificationCenter,Object.assign({},q))})})})]})};
 //# sourceMappingURL=NotificationCenterHeaderButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../../../src/organisms/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":[null],"names":["props","isOpen","onToggle","onClose","useClosure","buttonRef","useRef","indicator","notificationCenterProps","__rest","_jsxs","_jsx","HeaderBellButton","ref","onClick","color","jsx","Popper","open","anchorEl","current","placement","modifiers","name","options","offset","children","ClickAwayListener","onClickAway","Box","NotificationCenter","Object","assign"],"mappings":"~~spBAW8FA~~,IAC5F,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAAA,YAAW,GAC3CC,EAAYC,EAAMA,OAAC,OACnBC,UAAEA,GAA0CP,EAA5BQ,EAAuBC,EAAAA,OAAKT,EAA5C,CAAyC,cAC/C,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,kBACCC,IAAKR,EACLS,QAASZ,EACTa,MAAOd,GAAU,OACjBM,UAAWP,EAAMO,UACL,cAAA,mCAEdI,EAAAK,IAACC,EAAMA,OACL,CAAAC,KAAMjB,EACNkB,SAAUd,EAAUe,QACpBC,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAKlBC,SAAAf,MAACgB,EAAAA,kBAAkB,CAAAC,YAAazB,EAAOuB,SACrCf,EAAAA,IAACkB,EAAGA,IAAA,CAAAH,SACFf,MAACmB,qBAAkBC,OAAAC,OAAA,GAAKxB,YAI7B"}
1	+ {"version":3,"file":"NotificationCenterHeaderButton.js","sources":["../../../../../src/organisms/notification/NotificationCenterHeaderButton.tsx"],"sourcesContent":["import { HeaderBellButton } from '@/src/layout/Header';\nimport { useClosure } from '@/src/utils';\nimport { Box, ClickAwayListener, Popper } from '@mui/material';\nimport { NotificationCenter, NotificationCenterProps } from './NotificationCenter';\nimport { useRef } from 'react';\nimport { IndicatorProps } from '@/src/components/indicator';\n\nexport type NotificationCenterHeaderButtonProps = NotificationCenterProps & {\n indicator?: IndicatorProps['color'];\n};\n\nexport const NotificationCenterHeaderButton: React.FC<NotificationCenterHeaderButtonProps> = (props) => {\n const { isOpen, onToggle, onClose } = useClosure(false);\n const buttonRef = useRef(null);\n const { indicator, ...notificationCenterProps } = props;\n return (\n <>\n <HeaderBellButton\n ref={buttonRef}\n onClick={onToggle}\n color={isOpen && 'grey'}\n indicator={props.indicator}\n data-testid=\"NotificationCenterHeaderButton\"\n />\n <Popper\n open={isOpen}\n anchorEl={buttonRef.current}\n placement=\"bottom-end\"\n modifiers={[\n {\n name: 'offset',\n options: {\n offset: [0, 28],\n },\n },\n ]}\n >\n <ClickAwayListener onClickAway={onClose}>\n <Box>\n <NotificationCenter {...notificationCenterProps} />\n </Box>\n </ClickAwayListener>\n </Popper>\n </>\n );\n};\n"],"names":["props","isOpen","onToggle","onClose","useClosure","buttonRef","useRef","indicator","notificationCenterProps","__rest","_jsxs","_jsx","HeaderBellButton","ref","onClick","color","jsx","Popper","open","anchorEl","current","placement","modifiers","name","options","offset","children","ClickAwayListener","onClickAway","Box","NotificationCenter","Object","assign"],"mappings":"2nBAW8FA,IAC5F,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,EAAAA,YAAW,GAC3CC,EAAYC,EAAMA,OAAC,OACnBC,UAAEA,GAA0CP,EAA5BQ,EAAuBC,EAAAA,OAAKT,EAA5C,CAAyC,cAC/C,OACEU,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,kBACCC,IAAKR,EACLS,QAASZ,EACTa,MAAOd,GAAU,OACjBM,UAAWP,EAAMO,UACL,cAAA,mCAEdI,EAAAK,IAACC,EAAMA,OACL,CAAAC,KAAMjB,EACNkB,SAAUd,EAAUe,QACpBC,UAAU,aACVC,UAAW,CACT,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,OAKlBC,SAAAf,MAACgB,EAAAA,kBAAkB,CAAAC,YAAazB,EAAOuB,SACrCf,EAAAA,IAACkB,EAAGA,IAAA,CAAAH,SACFf,MAACmB,qBAAkBC,OAAAC,OAAA,GAAKxB,YAI7B"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"shortcutLink.js","sources":["../../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":[~~null~~],"names":["ShortcutLinkStyled","styled","theme","styles","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","children","_jsx","jsx","Icon","name","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"wNA8CMA,2BAAqBC,OAAO,MAAPA,EAAc,EAAGC,YAC1C,IAAIC,EAAS,CAAE,EAyDf,OAvDAA,iCACKA,GAAM,CACTC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,EAAG,CACDC,eAAgB,QAElBC,OAAQ,CACNC,YAAa,KAEf,gBAAiB,CACfC,WAAY,OACZC,cAAe,OAEjBC,KAAM,CACJT,QAAS,SAEX,UAAW,CACTA,QAAS,QAEXU,GAAI,CACFC,UAAW,IACXC,cAAe,SAEjB,QAAS,CACPA,cAAe,SAEjB,WAAY,CACVC,SAAU,QAEZ,CAACf,EAAMgB,YAAYC,KAAK,OAAQ,CAC9BL,GAAI,CACFM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEjB,QAAS,CACPA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAGd,CAACf,EAAMgB,YAAYI,GAAG,OAAQ,CAC5BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACTD,QAAS,SAEXU,GAAI,CACFM,aAAc,QAIbjB,CAAM,yBAxFa,EAC1BqB,WACAC,QACAC,WACAC,YACAC,UACAC,iBACAC,wBAEA,MAAMC,EAAgBC,eACnBC,IACCH,GAAqBA,EAAkBG,EAAE,GAE3C,CAACH,IAGH,OACEI,EAACC,KAAAnC,EACC,CAAAoC,SAAA,CAAAC,EAAAC,IAACC,EAAIA,KAAC,CAAAC,KAAMhB,EAAUiB,UAAU,UAAUxB,SAAS,UACnDiB,EAAAA,KAAA,MAAA,CAAKO,UAAU,yBACbJ,EAAKC,IAAA,KAAA,CAAAF,SAAAX,IACLY,EAAAA,IAAA,OAAA,CAAMI,UAAU,OAAQL,SAAAV,OAE1BW,WAAGK,KAAMd,EAASe,OAAQd,EAAiB,SAAW,QAASe,IAAI,aACjER,SAAAC,EAAAC,IAACO,EAAMA,OAAC,CAAAC,QAASC,EAAAA,eAAeC,WAAYC,MAAOtB,EAAWuB,UAAU,UAAUC,QAASpB,QAE1E"}
1	+ {"version":3,"file":"shortcutLink.js","sources":["../../../../../src/organisms/shortcutLink/shortcutLink.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Button, ButtonVariants } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\nimport { styled } from '@mui/material';\n\nexport interface ShortcutLinkProps {\n iconName: IconNameProp;\n title: string;\n subTitle: string;\n linkLabel: string;\n linkURL: string;\n isExternalLink?: boolean;\n analyticsCallback?: (payload?: unknown) => void;\n}\n\n/** @deprecated */\nexport const ShortcutLink = ({\n iconName,\n title,\n subTitle,\n linkLabel,\n linkURL,\n isExternalLink,\n analyticsCallback,\n}: ShortcutLinkProps) => {\n const handleOnClick = useCallback(\n (e: unknown) => {\n analyticsCallback && analyticsCallback(e);\n },\n [analyticsCallback],\n );\n\n return (\n <ShortcutLinkStyled>\n <Icon name={iconName} className=\"sl-icon\" fontSize=\"large\" />\n <div className=\"text-wrapper\">\n <h4>{title}</h4>\n <span className=\"body\">{subTitle}</span>\n </div>\n <a href={linkURL} target={isExternalLink ? '_blank' : '_self'} rel=\"noreferrer\">\n <Button variant={ButtonVariants.NAVIGATION} label={linkLabel} direction=\"forward\" onClick={handleOnClick} />\n </a>\n </ShortcutLinkStyled>\n );\n};\n\nconst ShortcutLinkStyled = styled('div')(({ theme }) => {\n let styles = {};\n\n styles = {\n ...styles,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n a: {\n textDecoration: 'none',\n },\n button: {\n paddingLeft: '0',\n },\n '.text-wrapper': {\n paddingTop: '20px',\n paddingBottom: '6px',\n },\n span: {\n display: 'block',\n },\n '> .sa-i': {\n display: 'none',\n },\n h4: {\n marginTop: '0',\n letterSpacing: '0.4px',\n },\n '.body': {\n letterSpacing: '0.4px',\n },\n '.sl-icon': {\n fontSize: '32px',\n },\n [theme.breakpoints.down('md')]: {\n h4: {\n marginBottom: '2px',\n fontSize: '16px',\n lineHeight: '24px',\n letterSpacing: '0.2px',\n },\n '.body': {\n letterSpacing: '0.2px',\n lineHeight: '16px',\n fontSize: '12px',\n },\n },\n [theme.breakpoints.up('md')]: {\n flexDirection: 'column',\n alignItems: 'flex-start',\n '> .sa-i': {\n display: 'block',\n },\n h4: {\n marginBottom: '0',\n },\n },\n };\n return styles;\n});\n"],"names":["ShortcutLinkStyled","styled","theme","styles","display","alignItems","justifyContent","a","textDecoration","button","paddingLeft","paddingTop","paddingBottom","span","h4","marginTop","letterSpacing","fontSize","breakpoints","down","marginBottom","lineHeight","up","flexDirection","iconName","title","subTitle","linkLabel","linkURL","isExternalLink","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","children","_jsx","jsx","Icon","name","className","href","target","rel","Button","variant","ButtonVariants","NAVIGATION","label","direction","onClick"],"mappings":"wNA8CMA,2BAAqBC,OAAO,MAAPA,EAAc,EAAGC,YAC1C,IAAIC,EAAS,CAAE,EAyDf,OAvDAA,iCACKA,GAAM,CACTC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,EAAG,CACDC,eAAgB,QAElBC,OAAQ,CACNC,YAAa,KAEf,gBAAiB,CACfC,WAAY,OACZC,cAAe,OAEjBC,KAAM,CACJT,QAAS,SAEX,UAAW,CACTA,QAAS,QAEXU,GAAI,CACFC,UAAW,IACXC,cAAe,SAEjB,QAAS,CACPA,cAAe,SAEjB,WAAY,CACVC,SAAU,QAEZ,CAACf,EAAMgB,YAAYC,KAAK,OAAQ,CAC9BL,GAAI,CACFM,aAAc,MACdH,SAAU,OACVI,WAAY,OACZL,cAAe,SAEjB,QAAS,CACPA,cAAe,QACfK,WAAY,OACZJ,SAAU,SAGd,CAACf,EAAMgB,YAAYI,GAAG,OAAQ,CAC5BC,cAAe,SACflB,WAAY,aACZ,UAAW,CACTD,QAAS,SAEXU,GAAI,CACFM,aAAc,QAIbjB,CAAM,yBAxFa,EAC1BqB,WACAC,QACAC,WACAC,YACAC,UACAC,iBACAC,wBAEA,MAAMC,EAAgBC,eACnBC,IACCH,GAAqBA,EAAkBG,EAAE,GAE3C,CAACH,IAGH,OACEI,EAACC,KAAAnC,EACC,CAAAoC,SAAA,CAAAC,EAAAC,IAACC,EAAIA,KAAC,CAAAC,KAAMhB,EAAUiB,UAAU,UAAUxB,SAAS,UACnDiB,EAAAA,KAAA,MAAA,CAAKO,UAAU,yBACbJ,EAAKC,IAAA,KAAA,CAAAF,SAAAX,IACLY,EAAAA,IAAA,OAAA,CAAMI,UAAU,OAAQL,SAAAV,OAE1BW,WAAGK,KAAMd,EAASe,OAAQd,EAAiB,SAAW,QAASe,IAAI,aACjER,SAAAC,EAAAC,IAACO,EAAMA,OAAC,CAAAC,QAASC,EAAAA,eAAeC,WAAYC,MAAOtB,EAAWuB,UAAU,UAAUC,QAASpB,QAE1E"}