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

@skodaflow/web-library 7.0.0 → 7.0.2

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

Files changed (207) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryCarousel.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport ~~merge from 'lodash/merge';\nimport~~ { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n align: 'start',\n height: '100%',\n controlOptions: {\n color: 'light',\n buttonPosition: '30%',\n buttonAreaHeight: '30%',\n },\n maxSlideWidth: '100%',\n isSlideDifferentWidth: true,\n cssClass: 'gallery-variant',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const GalleryCarousel = (inProps) => {\n const galleryProps = ~~merge~~({}, GalleryDefaultProps, inProps);\n const props = useDefaultProps(galleryProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const height = useResponsiveProp(props.height);\n const [numberingTopPos, setNumberingTopPos] = useState();\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const nodes = emblaApi.slideNodes();\n const slideIndex = emblaApi.slidesInView().pop();\n const slide = nodes[slideIndex];\n if (slide) {\n const picture = slide.getElementsByTagName('picture').item(0);\n if (picture) {\n const bottom = picture.getBoundingClientRect().bottom;\n setNumberingTopPos(bottom - 62);\n }\n }\n }\n }, [emblaApi, setNumberingTopPos]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('scroll', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('scroll', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","~~merge~~","~~default~~","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","jsx","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"~~gkBAcY~~,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAKkBC,IAC5B,MAAMC,EAAeC,~~EAAKC~~,~~QAAC~~,~~CAAE~~,~~EAAEb~~,~~EAAqBU~~,~~GAC9CI~~,EAAQC,kBAAgBJ,IACvBK,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,EAAQA,WAChDC,EAA0BC,EAAAA,aAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAAA,UAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,MAAKC,EAAAA,uBAAwB,CAAEC,SAAUF,EAAIG,IAACC,MAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKzC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASuC,qBAAsBP,SAAUQ,EAAKC,KAACP,MAAK,CAAEC,GAAI,CAAEO,SAAU,WAAYzD,SAAQ0D,UAAW1D,GAAU+C,SAAU,CAACQ,EAAAA,KAAMI,EAAQA,SAAE,CAAE7C,SAAUA,EAAUiC,SAAU,CAACF,EAAAA,IAAKe,EAAAA,eAAgB,CAAEC,KAAM5C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBsD,EAAKC,KAACM,WAAW,CAAEf,SAAU,CAACF,MAAKkB,EAAAA,UAAW,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc9C,EAAiB+C,aAAc9C,IAAcyB,EAAAA,IAAKkB,EAASA,UAAE,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc/C,EAAiBgD,aAAc9C,UAAuByB,EAAAA,IAAKsB,EAASA,UAAE,CAAEjB,GAAI,CACjzBkB,IAAK5C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUsD,UAAWzD,EAAM0D,mBAAoBpE,MAAOqE,EAAeA,gBAACC,KAAMC,KAAMC,EAAAA,eAAeC,MAAOrD,UAAWV,EAAMU,kBAAwB"}
1	+ {"version":3,"file":"galleryCarousel.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport { Box } from '@mui/system';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { ViewPort } from '../components/ViewPort';\nimport { NavButton } from '../components/NavButton';\nimport { Numbering } from '../components/Numbering';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { useResponsiveProp } from '../../../utils/ResponsiveType';\nimport { GalleryContextProvider } from './galleryContext';\nexport const GalleryDefaultProps = {\n align: 'start',\n height: '100%',\n controlOptions: {\n color: 'light',\n buttonPosition: '30%',\n buttonAreaHeight: '30%',\n },\n maxSlideWidth: '100%',\n isSlideDifferentWidth: true,\n cssClass: 'gallery-variant',\n};\n/*\n @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const GalleryCarousel = (inProps) => {\n const galleryProps = Object.assign(Object.assign({}, GalleryDefaultProps), inProps);\n const props = useDefaultProps(galleryProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const height = useResponsiveProp(props.height);\n const [numberingTopPos, setNumberingTopPos] = useState();\n const updateNumberingPosition = useCallback(() => {\n if (emblaApi) {\n const nodes = emblaApi.slideNodes();\n const slideIndex = emblaApi.slidesInView().pop();\n const slide = nodes[slideIndex];\n if (slide) {\n const picture = slide.getElementsByTagName('picture').item(0);\n if (picture) {\n const bottom = picture.getBoundingClientRect().bottom;\n setNumberingTopPos(bottom - 62);\n }\n }\n }\n }, [emblaApi, setNumberingTopPos]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('scroll', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('scroll', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return (_jsx(GalleryContextProvider, { children: _jsx(Box, { sx: { overflow: 'hidden' }, className: \"gallery\", \"data-testid\": \"GalleryCarousel\", dir: props.direction, \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), children: _jsxs(Box, { sx: { position: 'relative', height, maxHeight: height }, children: [_jsxs(ViewPort, { emblaRef: emblaRef, children: [_jsx(ItemsContainer, { left: containerLeft, children: props.children }), props.controlOptions && (_jsxs(_Fragment, { children: [_jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek })] }))] }), _jsx(Numbering, { sx: {\n top: numberingTopPos ? `${numberingTopPos}px` : 'inherit',\n bottom: numberingTopPos ? 'inherit' : '24px',\n }, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction })] }) }) }));\n};\n//# sourceMappingURL=galleryCarousel.js.map"],"names":["GalleryDefaultProps","align","height","controlOptions","color","buttonPosition","buttonAreaHeight","maxSlideWidth","isSlideDifferentWidth","cssClass","inProps","galleryProps","Object","assign","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","useResponsiveProp","numberingTopPos","setNumberingTopPos","useState","updateNumberingPosition","useCallback","slide","slideNodes","slidesInView","pop","picture","getElementsByTagName","item","bottom","getBoundingClientRect","useEffect","e","window","addEventListener","on","removeEventListener","off","_jsx","GalleryContextProvider","children","jsx","Box","sx","overflow","className","dir","selectedScrollSnap","_jsxs","jsxs","position","maxHeight","ViewPort","ItemsContainer","left","_Fragment","NavButton","type","onMouseEnter","onMouseLeave","Numbering","top","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"weAaY,MAACA,EAAsB,CAC/BC,MAAO,QACPC,OAAQ,OACRC,eAAgB,CACZC,MAAO,QACPC,eAAgB,MAChBC,iBAAkB,OAEtBC,cAAe,OACfC,uBAAuB,EACvBC,SAAU,2CAKkBC,IAC5B,MAAMC,EAAeC,OAAOC,OAAOD,OAAOC,OAAO,GAAIb,GAAsBU,GACrEI,EAAQC,kBAAgBJ,IACvBK,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WAClGtB,EAASuB,EAAAA,kBAAkBX,EAAMZ,SAChCwB,EAAiBC,GAAsBC,EAAQA,WAChDC,EAA0BC,EAAAA,aAAY,KACxC,GAAIb,EAAU,CACV,MAEMc,EAFQd,EAASe,aACJf,EAASgB,eAAeC,OAE3C,GAAIH,EAAO,CACP,MAAMI,EAAUJ,EAAMK,qBAAqB,WAAWC,KAAK,GAC3D,GAAIF,EAAS,CACT,MAAMG,EAASH,EAAQI,wBAAwBD,OAC/CX,EAAmBW,EAAS,GAC/B,CACJ,CACJ,IACF,CAACrB,EAAUU,IAed,OAdAa,EAAAA,UAAUX,EAAyB,CAACA,IACpCW,EAAAA,WAAU,KACN,MAAMC,EAAI,IAAMZ,IAKhB,OAJAa,OAAOC,iBAAiB,SAAUF,GAC9BxB,GACAA,EAAS2B,GAAG,SAAUH,GAEnB,KACHC,OAAOG,oBAAoB,SAAUJ,GACjCxB,GACAA,EAAS6B,IAAI,SAAUL,EAC1B,CACJ,GACF,CAACZ,EAAyBZ,IACrB8B,MAAKC,EAAAA,uBAAwB,CAAEC,SAAUF,EAAIG,IAACC,MAAK,CAAEC,GAAI,CAAEC,SAAU,UAAYC,UAAW,UAAW,cAAe,kBAAmBC,IAAKzC,EAAMU,UAAW,aAAcP,aAA2C,EAASA,EAASuC,qBAAsBP,SAAUQ,EAAKC,KAACP,MAAK,CAAEC,GAAI,CAAEO,SAAU,WAAYzD,SAAQ0D,UAAW1D,GAAU+C,SAAU,CAACQ,EAAAA,KAAMI,EAAQA,SAAE,CAAE7C,SAAUA,EAAUiC,SAAU,CAACF,EAAAA,IAAKe,EAAAA,eAAgB,CAAEC,KAAM5C,EAAe8B,SAAUnC,EAAMmC,WAAanC,EAAMX,gBAAmBsD,EAAKC,KAACM,WAAW,CAAEf,SAAU,CAACF,MAAKkB,EAAAA,UAAW,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc9C,EAAiB+C,aAAc9C,IAAcyB,EAAAA,IAAKkB,EAASA,UAAE,CAAEzC,UAAWV,EAAMU,UAAWP,SAAUA,EAAUiD,KAAM,OAAQC,aAAc/C,EAAiBgD,aAAc9C,UAAuByB,EAAAA,IAAKsB,EAASA,UAAE,CAAEjB,GAAI,CACjzBkB,IAAK5C,EAAkB,GAAGA,MAAsB,UAChDY,OAAQZ,EAAkB,UAAY,QACvCT,SAAUA,EAAUsD,UAAWzD,EAAM0D,mBAAoBpE,MAAOqE,EAAeA,gBAACC,KAAMC,KAAMC,EAAAA,eAAeC,MAAOrD,UAAWV,EAAMU,kBAAwB"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(require("lodash/noop"));const a=t.createContext({headerHeight:0,footerHeight:0,setHeaderHeight:o.default,setFooterHeight:o.default,color:"dark",setColor:o.default});exports.GalleryContext=a,exports.GalleryContextProvider=({children:r})=>{const[s,i]=t.useState(0),[l,u]=t.useState(0),d=t.useMemo((()=>({headerHeight:s,setHeaderHeight:i,footerHeight:l,setFooterHeight:u,color:"dark",setColor:o.default})),[s,i,l,u]);return e.jsx(a.Provider,{value:d,children:r})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react");const r=t.createContext({headerHeight:0,footerHeight:0,setHeaderHeight:()=>{},setFooterHeight:()=>{},color:"dark",setColor:()=>{}});exports.GalleryContext=r,exports.GalleryContextProvider=({children:o})=>{const[s,i]=t.useState(0),[a,h]=t.useState(0),l=t.useMemo((()=>({headerHeight:s,setHeaderHeight:i,footerHeight:a,setFooterHeight:h,color:"dark",setColor:()=>{}})),[s,i,a,h]);return e.jsx(r.Provider,{value:l,children:o})};
 //# sourceMappingURL=galleryContext.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"galleryContext.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\~~nimport noop from 'lodash/noop';\~~nexport const GalleryContext = createContext({\n headerHeight: 0,\n footerHeight: 0,\n setHeaderHeight: ~~noop~~,\n setFooterHeight: ~~noop~~,\n color: 'dark',\n setColor: ~~noop~~,\n});\nexport const GalleryContextProvider = ({ children }) => {\n const [headerHeight, setHeaderHeight] = useState(0);\n const [footerHeight, setFooterHeight] = useState(0);\n const ctxValue = useMemo(() => ({\n headerHeight,\n setHeaderHeight,\n footerHeight,\n setFooterHeight,\n color: 'dark',\n setColor: ~~noop~~,\n }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","~~noop","default","~~setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"~~sJAGY~~,MAACA,EAAiBC,EAAAA,cAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,~~gBAAiBC~~,~~EAAIC~~,~~QACrBC~~,~~gBAAiBF~~,~~EAAIC,QACrBE,~~MAAO,OACPC,~~SAAUJ~~,~~EAAIC~~,~~kEAEoB~~,~~EAAGI,~~eACrC,~~MAAOR~~,EAAcE,~~GAAmBO~~,EAAQA,SAAC,~~IAC1CR~~,~~EAAcI~~,GAAmBI,EAAQA,SAAC,GAC3CC,EAAWC,EAAAA,SAAQ,KAAO,~~CAC5BX~~,eACAE,kBACAD,~~eACAI~~,kBACAC,MAAO,OACPC,~~SAAUJ~~,~~EAAIC~~,~~WACd~~,~~CAACJ,~~EAAcE,EAAiBD,~~EAAcI~~,IAClD,OAAOO,EAAIC,~~IAACf~~,~~EAAegB~~,SAAU,CAAEC,MAAOL,EAAUF,SAAUA,GAAW"}
1	+ {"version":3,"file":"galleryContext.js","sources":["../../../../../src/organisms/carousel2/galleryCarousel/galleryContext.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, createContext, useMemo } from 'react';\nexport const GalleryContext = createContext({\n headerHeight: 0,\n footerHeight: 0,\n setHeaderHeight: () => { },\n setFooterHeight: () => { },\n color: 'dark',\n setColor: () => { },\n});\nexport const GalleryContextProvider = ({ children }) => {\n const [headerHeight, setHeaderHeight] = useState(0);\n const [footerHeight, setFooterHeight] = useState(0);\n const ctxValue = useMemo(() => ({\n headerHeight,\n setHeaderHeight,\n footerHeight,\n setFooterHeight,\n color: 'dark',\n setColor: () => { },\n }), [headerHeight, setHeaderHeight, footerHeight, setFooterHeight]);\n return _jsx(GalleryContext.Provider, { value: ctxValue, children: children });\n};\n//# sourceMappingURL=galleryContext.js.map"],"names":["GalleryContext","createContext","headerHeight","footerHeight","setHeaderHeight","setFooterHeight","color","setColor","children","useState","ctxValue","useMemo","_jsx","jsx","Provider","value"],"mappings":"mEAEY,MAACA,EAAiBC,EAAAA,cAAc,CACxCC,aAAc,EACdC,aAAc,EACdC,gBAAiB,OACjBC,gBAAiB,OACjBC,MAAO,OACPC,SAAU,iEAEwB,EAAGC,eACrC,MAAON,EAAcE,GAAmBK,EAAQA,SAAC,IAC1CN,EAAcE,GAAmBI,EAAQA,SAAC,GAC3CC,EAAWC,EAAAA,SAAQ,KAAO,CAC5BT,eACAE,kBACAD,eACAE,kBACAC,MAAO,OACPC,SAAU,UACV,CAACL,EAAcE,EAAiBD,EAAcE,IAClD,OAAOO,EAAIC,IAACb,EAAec,SAAU,CAAEC,MAAOL,EAAUF,SAAUA,GAAW"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),n=require("../components/ViewPort.js"),o=require("../components/ItemsContainer.js"),s=require("../hooks/useContainerPeek.js"),a=require("../components/NavButton.js"),l=require("@mui/material"),u=require("../components/Numbering.js"),d=require("../../../utils/enum.js"),c=require("lodash/merge"),h=require("./heroCarouselContext.js");function p(e){return e&&e.__esModule?e:{default:e}}var x=p(c);const m={direction:"ltr"},g=(e,r,i,n)=>{const o=l.useMediaQuery((e=>e.breakpoints.only("sm"))),s=l.useMediaQuery((e=>e.breakpoints.only("xs"))),[a,u]=t.useState(),[d,c]=t.useState(),h=t.useCallback((()=>{var t,o;if(e){const e=i.getBoundingClientRect(),s=null==r?void 0:r.getBoundingClientRect();u({md:`${"ltr"===n?e.right:e.left-90}px`,sm:("ltr"===n?e.right-50:e.left-50)+"px",xs:`${"ltr"===n?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(t=null==s?void 0:s.height)&&void 0!==t?t:0)+20}px`,xs:e.height+(null!==(o=null==s?void 0:s.height)&&void 0!==o?o:0)-25+"px"})}}),[e,c,u,o,s,window.innerWidth,n]);return t.useEffect(h,[h]),t.useEffect((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:d,left:a,right:"inherit",backgroundColor:s?"#000000BF !important":"transparent",".total-container":{color:s?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:s?"#FFFFFF !important":"#161718 !important"}}};exports.HeroCarousel=c=>{const p=x.default({},m,c),v=r.useDefaultProps(p),[f,j]=i.useEmbla(v),b=t.useRef(null),C=t.useRef(null),{containerLeft:w,peekNextOnHover:y,peekPrevOnHover:k,resetPeek:q}=s.useContainerPeek(j,v.direction),[E,B]=t.useState(null),F=g(j,b.current,C.current,v.direction);return e.jsx(h.HeroCarouselContext.Provider,{value:{emblaApi:j,activeFooter:E,setActiveFooter:B},children:e.jsxs(l.Box,{className:"hero-carousel",position:"relative",dir:v.direction,"data-testid":"HeroCarousel","data-state":null==j?void 0:j.slidesInView(),sx:{overflow:"hidden"},children:[e.jsxs(l.Stack,{component:l.Container,spacing:3,fixed:!0,sx:{height:"100%"},children:[p.heading&&e.jsx(l.Box,{ref:b,"data-testid":"HeroCarousel.heading",children:"string"==typeof p.heading?e.jsx(l.Typography,{variant:"h1",children:p.heading}):p.heading}),e.jsxs(n.ViewPort,{emblaRef:e=>{f(e),C.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:v.height},children:[e.jsx(o.ItemsContainer,{left:w,sx:{gap:"24px"},children:v.children}),e.jsx(a.NavButton,{direction:v.direction,emblaApi:j,type:"prev",onMouseEnter:k,onMouseLeave:q,sx:{width:"21%",button:{visibility:"hidden"}}}),e.jsx(a.NavButton,{direction:v.direction,emblaApi:j,type:"next",onMouseEnter:y,onMouseLeave:q,sx:{width:"30%",button:{visibility:"hidden"}}})]}),E&&e.jsx(l.Box,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof E?e.jsx(l.Typography,{children:E}):E})]}),!1!==p.numbering&&e.jsx(u.Numbering,{sx:F,emblaApi:j,separator:v.numberingSeparator,color:d.NumberingColors.DARK,size:d.NumberingSizes.LARGE,direction:v.direction})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),n=require("../components/ViewPort.js"),o=require("../components/ItemsContainer.js"),s=require("../hooks/useContainerPeek.js"),a=require("../components/NavButton.js"),l=require("@mui/material"),u=require("../components/Numbering.js"),d=require("../../../utils/enum.js"),c=require("./heroCarouselContext.js");const h={direction:"ltr"},p=(e,r,i,n)=>{const o=l.useMediaQuery((e=>e.breakpoints.only("sm"))),s=l.useMediaQuery((e=>e.breakpoints.only("xs"))),[a,u]=t.useState(),[d,c]=t.useState(),h=t.useCallback((()=>{var t,o;if(e){const e=i.getBoundingClientRect(),s=null==r?void 0:r.getBoundingClientRect();u({md:`${"ltr"===n?e.right:e.left-90}px`,sm:("ltr"===n?e.right-50:e.left-50)+"px",xs:`${"ltr"===n?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(t=null==s?void 0:s.height)&&void 0!==t?t:0)+20}px`,xs:e.height+(null!==(o=null==s?void 0:s.height)&&void 0!==o?o:0)-25+"px"})}}),[e,c,u,o,s,window.innerWidth,n]);return t.useEffect(h,[h]),t.useEffect((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:d,left:a,right:"inherit",backgroundColor:s?"#000000BF !important":"transparent",".total-container":{color:s?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:s?"#FFFFFF !important":"#161718 !important"}}};exports.HeroCarousel=x=>{const m=Object.assign(Object.assign({},h),x),g=r.useDefaultProps(m),[v,f]=i.useEmbla(g),j=t.useRef(null),b=t.useRef(null),{containerLeft:C,peekNextOnHover:w,peekPrevOnHover:y,resetPeek:k}=s.useContainerPeek(f,g.direction),[E,q]=t.useState(null),B=p(f,j.current,b.current,g.direction);return e.jsx(c.HeroCarouselContext.Provider,{value:{emblaApi:f,activeFooter:E,setActiveFooter:q},children:e.jsxs(l.Box,{className:"hero-carousel",position:"relative",dir:g.direction,"data-testid":"HeroCarousel","data-state":null==f?void 0:f.slidesInView(),sx:{overflow:"hidden"},children:[e.jsxs(l.Stack,{component:l.Container,spacing:3,fixed:!0,sx:{height:"100%"},children:[m.heading&&e.jsx(l.Box,{ref:j,"data-testid":"HeroCarousel.heading",children:"string"==typeof m.heading?e.jsx(l.Typography,{variant:"h1",children:m.heading}):m.heading}),e.jsxs(n.ViewPort,{emblaRef:e=>{v(e),b.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:g.height},children:[e.jsx(o.ItemsContainer,{left:C,sx:{gap:"24px"},children:g.children}),e.jsx(a.NavButton,{direction:g.direction,emblaApi:f,type:"prev",onMouseEnter:y,onMouseLeave:k,sx:{width:"21%",button:{visibility:"hidden"}}}),e.jsx(a.NavButton,{direction:g.direction,emblaApi:f,type:"next",onMouseEnter:w,onMouseLeave:k,sx:{width:"30%",button:{visibility:"hidden"}}})]}),E&&e.jsx(l.Box,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof E?e.jsx(l.Typography,{children:E}):E})]}),!1!==m.numbering&&e.jsx(u.Numbering,{sx:B,emblaApi:f,separator:g.numberingSeparator,color:d.NumberingColors.DARK,size:d.NumberingSizes.LARGE,direction:g.direction})]})})};
 //# sourceMappingURL=heroCarousel.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("lodash/noop"),t=require("react");function r(e){return e&&e.__esModule?e:{default:e}}var o=r(e);const u=t.createContext({activeFooter:null,setActiveFooter:o.default});exports.HeroCarouselContext=u;
+"use strict";const e=require("react").createContext({activeFooter:null,setActiveFooter:()=>{}});exports.HeroCarouselContext=e;
 //# sourceMappingURL=heroCarouselContext.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarouselContext.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import ~~noop from 'lodash/noop';\nimport~~ { createContext } from 'react';\nexport const HeroCarouselContext = createContext({\n activeFooter: null,\n setActiveFooter: ~~noop~~,\n});\n//# sourceMappingURL=heroCarouselContext.js.map"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"~~,"noop","default"~~],"mappings":"~~2HAEY~~,MAACA,~~EAAsBC~~,~~EAAAA,~~cAAc,CAC7CC,aAAc,KACdC,~~gBAAiBC,EAAIC~~"}
1	+ {"version":3,"file":"heroCarouselContext.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/heroCarouselContext.tsx"],"sourcesContent":["import { createContext } from 'react';\nexport const HeroCarouselContext = createContext({\n activeFooter: null,\n setActiveFooter: () => { },\n});\n//# sourceMappingURL=heroCarouselContext.js.map"],"names":["HeroCarouselContext","createContext","activeFooter","setActiveFooter"],"mappings":"aACY,MAACA,mBAAsBC,cAAc,CAC7CC,aAAc,KACdC,gBAAiB"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js");var t=require("react");require("@mui/material/styles"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js");var a=require("../../utils/useClosure/useClosure.js");require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js");var i=require("embla-carousel-react");require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("lodash/merge"),require("@mui/system"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("react-use"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js");var s=require("use-keyboard-shortcut");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(i),u=n(s);const c=r.styled(r.Backdrop)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),d=r.styled(r.Box)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),m=r.styled(r.Box)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),p=r.styled(r.IconButton)((({theme:e})=>({color:e.palette.surface.primary})));exports.Gallery=i=>{var s;const n=t.useMemo((()=>i.galleryItems.length>1),[i.galleryItems]),{isOpen:q,onOpen:j,onClose:h}=a.useClosure(!1),[y,g]=t.useState(!0),[x,C]=t.useState(!0),[b,f]=l.default({align:"center",axis:"x",startIndex:null!==(s=i.startIndex)&&void 0!==s?s:0,slidesToScroll:1,draggable:i.galleryItems.length>1});t.useEffect((()=>{if(f){const e=()=>{g(!f.canScrollNext()),C(!f.canScrollPrev())};f.on("scroll",e),e()}}),[f]),t.useEffect((()=>{i.galleryItems&&0!==i.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[i.galleryItems]);const v=t.useCallback((()=>{i.galleryItems&&i.galleryItems.length>0&&j()}),[j,i.children]);return u.default(["Escape"],h),u.default(["ArrowRight"],(()=>null==f?void 0:f.scrollNext())),u.default(["ArrowLeft"],(()=>null==f?void 0:f.scrollPrev())),e.jsxs(r.Box,{"data-testid":"Gallery",children:[e.jsx(r.Box,{component:"span",onClick:v,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:i.children}),e.jsx(c,{open:q,"data-testid":"Gallery.backdrop",children:q&&e.jsxs(e.Fragment,{children:[e.jsx(d,{ref:b,children:e.jsx(r.Box,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==f?void 0:f.selectedScrollSnap(),children:i.galleryItems})}),e.jsx(m,{"data-testid":"Gallery.control",children:e.jsxs(r.Stack,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[n&&e.jsx(p,{size:"large",disabled:x,onClick:()=>null==f?void 0:f.scrollPrev(),"data-testid":"Gallery.prev",children:e.jsx(o.Icon,{name:"arrow-left"})}),e.jsx(p,{size:"large",onClick:h,"data-testid":"Gallery.close",children:e.jsx(o.Icon,{name:"close"})}),n&&e.jsx(p,{size:"large",disabled:y,onClick:()=>null==f?void 0:f.scrollNext(),"data-testid":"Gallery.next",children:e.jsx(o.Icon,{name:"arrow-right"})})]})})]})})]})};
+"use strict";var e=require("react/jsx-runtime");require("tslib");var r=require("@mui/material");require("../../design/skoda/theme.js");var t=require("react");require("@mui/material/styles"),require("../../components/accordion/accordion.js"),require("../../components/backdrop/backdrop.js"),require("../../components/button/button.js"),require("../../components/cardContainer/cardContainer.js"),require("../../components/cardMenu/cardMenu.js"),require("../../components/checkbox/checkbox.js"),require("../../components/chip/chipImage/chipImage.js"),require("../../components/chip/regular/chip.js"),require("../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("../../components/controls/controls.js"),require("../../components/divider/divider.js"),require("../../components/drawer/drawer.js"),require("../../components/flag/flag.js"),require("@mui/material/Grid");var o=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../components/indicator/indicator.js"),require("../../components/label/label.js"),require("../../components/labelCO2/labelCO2.js"),require("../../components/labelFeature/labelFeature.js"),require("../../components/labelPromotional/labelPromotional.js"),require("../../components/labelStatus/labelStatus.js"),require("../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../components/mobileStepper/mobileStepperButton.js"),require("../../components/modal/modal.js"),require("../../components/modal/modalTitle.js"),require("../../components/numbering/numbering.js"),require("../../components/pagination/pagination.js"),require("../../components/progressBar/progressBar.js"),require("../../components/radioButton/radioButton.js"),require("../../components/selectInput/selectInput.js"),require("../../components/slider/slider.js"),require("../../components/snackbar/snackbar.js"),require("../../components/stepper/stepper.js"),require("../../components/textArea/textArea.js"),require("../../components/common/styled/textFieldStyled.js"),require("../../components/helperTextContent/index.js"),require("../../components/toggleSwitch/toggleSwitch.js"),require("../../components/avatar/Avatar.js"),require("../../components/iconButton/index.js"),require("../../components/alert/AlertButton.js"),require("./GalleryItem.js"),require("minimatch"),require("../../utils/enum.js");var a=require("../../utils/useClosure/useClosure.js");require("../cardOwnedVehicle/cardOwnedVehicle.js"),require("../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../cardPhotoFixed/cardPhotoFixed.js"),require("../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../common/styled/cardStandardWrapperStyled.js"),require("../cardTypeOnly/cardTypeOnly.js");var i=require("embla-carousel-react");require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../carousel/styledComponents/styledCarouselHorizontal.js"),require("../carousel/styledComponents/styledCarouselVertical.js"),require("../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../maps/utils/mapIcons.js"),require("../maps/mapComponents/mapStyled.js"),require("../shortcutLink/shortcutLink.js"),require("../textCta/textCta.js"),require("../tile/tile.js"),require("@mui/system"),require("../carousel2/galleryCarousel/galleryContext.js"),require("../carousel2/galleryCarousel/galleryItemContext.js"),require("../carousel2/heroCarousel/heroCarouselContext.js"),require("../notification/Notification.js"),require("../notification/NotificationCenter.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../production/Button/Button.js");var s=require("../../utils/useKeyboardShortcut/useKeyboardShortcut.js");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(i);const u=r.styled(r.Backdrop)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),c=r.styled(r.Box)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),d=r.styled(r.Box)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),m=r.styled(r.IconButton)((({theme:e})=>({color:e.palette.surface.primary})));exports.Gallery=i=>{var n;const p=t.useMemo((()=>i.galleryItems.length>1),[i.galleryItems]),{isOpen:j,onOpen:q,onClose:y}=a.useClosure(!1),[h,g]=t.useState(!0),[x,C]=t.useState(!0),[b,f]=l.default({align:"center",axis:"x",startIndex:null!==(n=i.startIndex)&&void 0!==n?n:0,slidesToScroll:1,draggable:i.galleryItems.length>1});t.useEffect((()=>{if(f){const e=()=>{g(!f.canScrollNext()),C(!f.canScrollPrev())};f.on("scroll",e),e()}}),[f]),t.useEffect((()=>{i.galleryItems&&0!==i.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[i.galleryItems]);const v=t.useCallback((()=>{i.galleryItems&&i.galleryItems.length>0&&q()}),[q,i.children]);return s.default({Escape:y,ArrowRight:null==f?void 0:f.scrollNext,ArrowLeft:null==f?void 0:f.scrollPrev},[!!f]),e.jsxs(r.Box,{"data-testid":"Gallery",children:[e.jsx(r.Box,{component:"span",onClick:v,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:i.children}),e.jsx(u,{open:j,"data-testid":"Gallery.backdrop",children:j&&e.jsxs(e.Fragment,{children:[e.jsx(c,{ref:b,children:e.jsx(r.Box,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==f?void 0:f.selectedScrollSnap(),children:i.galleryItems})}),e.jsx(d,{"data-testid":"Gallery.control",children:e.jsxs(r.Stack,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[p&&e.jsx(m,{size:"large",disabled:x,onClick:()=>null==f?void 0:f.scrollPrev(),"data-testid":"Gallery.prev",children:e.jsx(o.Icon,{name:"arrow-left"})}),e.jsx(m,{size:"large",onClick:y,"data-testid":"Gallery.close",children:e.jsx(o.Icon,{name:"close"})}),p&&e.jsx(m,{size:"large",disabled:h,onClick:()=>null==f?void 0:f.scrollNext(),"data-testid":"Gallery.next",children:e.jsx(o.Icon,{name:"arrow-right"})})]})})]})})]})};
 //# sourceMappingURL=Gallery.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * Copy provided value to the clipboard (ctrl + c)
+ *
+ * @param {string} text - value to copy
+ */
+export default function copyToClipboard(text: string): Promise<unknown>;

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

@@ -0,0 +1,12 @@
+/**
+ * Returns value after a specified time period has passed without any further changes
+ *
+ * @param {T} value - value to be debounced
+ * @param {number} delay - wait time before updating debounce value
+ * @param {object} options - set of options to tweak behavior
+ * @param {boolean} options.instantClear - with !value, instantly update debouncedValue
+ * @returns {T} debouncedValue
+ */
+export default function useDebounce<T>(value: T, delay: number, options?: {
+    instantClear: boolean;
+}): T;

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

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