@skodaflow/web-library 6.0.0 → 7.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"mapComponent.js","sources":["../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst Map = (_a) => {\n    var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n    const ref = useRef(null);\n    const [map, setMap] = useState();\n    const [geolocationMarker, setGeolocationMarker] = useState(null);\n    const { handleClusterRender } = useMap();\n    const [clusterSetted, setClusterSetted] = useState(false);\n    const [currentCluster, setCurrentCluster] = useState(null);\n    const [clickedCluster, setClickedCluster] = useState(false);\n    useEffect(() => {\n        if (ref.current && !map) {\n            const config = mapConfig(options);\n            const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n            const newMarker = new google.maps.Marker({\n                position: options.center,\n                map: map,\n                icon: null,\n            });\n            setGeolocationMarker(newMarker);\n            handleControls(newMap, newMarker);\n            setMap(newMap);\n            handleCurrentMap(newMap);\n        }\n    }, [ref, map, handleCurrentMap, options]);\n    useEffect(() => {\n        if (map && !currentInfoWindow) {\n            const infoWindowMap = infoWindow({\n                map,\n            });\n            setInfoWindow(infoWindowMap);\n        }\n    }, [map, setInfoWindow, currentInfoWindow]);\n    useEffect(() => {\n        if (map && geolocationMarker && navigator.geolocation) {\n            navigator.geolocation.getCurrentPosition(function (currentPosition) {\n                const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n                geolocationMarker.setOptions({\n                    position,\n                    icon: MapIconVariant.LIVE_POSITION_ON,\n                    map,\n                });\n                map.setCenter(position);\n            }, () => {\n                geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n            });\n        }\n    }, [map, geolocationMarker]);\n    useEffect(() => {\n        if (map && onClick) {\n            map.addListener('click', onClick);\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'click');\n            }\n        };\n    }, [map, onClick]);\n    useEffect(() => {\n        if (map && onDragEnd) {\n            enableMoveSearch\n                ? map.addListener('dragend', () => onDragEnd(map))\n                : google.maps.event.clearListeners(map, 'dragend');\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'dragend');\n            }\n        };\n    }, [map, onDragEnd, enableMoveSearch]);\n    useEffect(() => {\n        if (map) {\n            if (options.zoom) {\n                map.setZoom(options.zoom);\n            }\n            if (options.center) {\n                map.setCenter(options.center);\n            }\n        }\n    }, [map, options.zoom, options.center]);\n    useEffect(() => {\n        if (clusterSetted && currentCluster) {\n            currentCluster.clearMarkers();\n            currentCluster.addMarkers(registeredMarkers);\n        }\n    }, [currentCluster, registeredMarkers, clusterSetted]);\n    useEffect(() => {\n        let cluster = null;\n        if (map && !clusterSetted) {\n            cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n            setClusterSetted(true);\n            setCurrentCluster(cluster);\n        }\n    }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n    useEffect(() => {\n        if (clickedCluster) {\n            currentInfoWindow.close();\n            setClickedCluster(false);\n        }\n    }, [clickedCluster, currentInfoWindow]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    return React.cloneElement(child, { map });\n                }\n            })] }));\n};\nexport default Map;\n//# sourceMappingURL=mapComponent.js.map"],"names":["Map","_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","Children","child","isValidElement","cloneElement"],"mappings":"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"}
+{"version":3,"file":"mapComponent.js","sources":["../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\nconst MapComponent = (_a) => {\n    var { onClick, onDragEnd, children, style, handleCurrentMap, enableMoveSearch, setInfoWindow, currentInfoWindow, registeredMarkers = [] } = _a, options = __rest(_a, [\"onClick\", \"onDragEnd\", \"children\", \"style\", \"handleCurrentMap\", \"enableMoveSearch\", \"setInfoWindow\", \"currentInfoWindow\", \"registeredMarkers\"]);\n    const ref = useRef(null);\n    const [map, setMap] = useState();\n    const [geolocationMarker, setGeolocationMarker] = useState(null);\n    const { handleClusterRender } = useMap();\n    const [clusterSetted, setClusterSetted] = useState(false);\n    const [currentCluster, setCurrentCluster] = useState(null);\n    const [clickedCluster, setClickedCluster] = useState(false);\n    useEffect(() => {\n        if (ref.current && !map) {\n            const config = mapConfig(options);\n            const newMap = new window.google.maps.Map(ref.current, Object.assign({}, config));\n            const newMarker = new google.maps.Marker({\n                position: options.center,\n                map: map,\n                icon: null,\n            });\n            setGeolocationMarker(newMarker);\n            handleControls(newMap, newMarker);\n            setMap(newMap);\n            handleCurrentMap(newMap);\n        }\n    }, [ref, map, handleCurrentMap, options]);\n    useEffect(() => {\n        if (map && !currentInfoWindow) {\n            const infoWindowMap = infoWindow({\n                map,\n            });\n            setInfoWindow(infoWindowMap);\n        }\n    }, [map, setInfoWindow, currentInfoWindow]);\n    useEffect(() => {\n        if (map && geolocationMarker && navigator.geolocation) {\n            navigator.geolocation.getCurrentPosition(function (currentPosition) {\n                const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n                geolocationMarker.setOptions({\n                    position,\n                    icon: MapIconVariant.LIVE_POSITION_ON,\n                    map,\n                });\n                map.setCenter(position);\n            }, () => {\n                geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n            });\n        }\n    }, [map, geolocationMarker]);\n    useEffect(() => {\n        if (map && onClick) {\n            map.addListener('click', onClick);\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'click');\n            }\n        };\n    }, [map, onClick]);\n    useEffect(() => {\n        if (map && onDragEnd) {\n            enableMoveSearch\n                ? map.addListener('dragend', () => onDragEnd(map))\n                : google.maps.event.clearListeners(map, 'dragend');\n        }\n        return () => {\n            if (map) {\n                google.maps.event.clearListeners(map, 'dragend');\n            }\n        };\n    }, [map, onDragEnd, enableMoveSearch]);\n    useEffect(() => {\n        if (map) {\n            if (options.zoom) {\n                map.setZoom(options.zoom);\n            }\n            if (options.center) {\n                map.setCenter(options.center);\n            }\n        }\n    }, [map, options.zoom, options.center]);\n    useEffect(() => {\n        if (clusterSetted && currentCluster) {\n            currentCluster.clearMarkers();\n            currentCluster.addMarkers(registeredMarkers);\n        }\n    }, [currentCluster, registeredMarkers, clusterSetted]);\n    useEffect(() => {\n        let cluster = null;\n        if (map && !clusterSetted) {\n            cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n            setClusterSetted(true);\n            setCurrentCluster(cluster);\n        }\n    }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n    useEffect(() => {\n        if (clickedCluster) {\n            currentInfoWindow.close();\n            setClickedCluster(false);\n        }\n    }, [clickedCluster, currentInfoWindow]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { ref: ref, style: style }), React.Children.map(children, (child) => {\n                if (React.isValidElement(child)) {\n                    // set the map prop on the child component\n                    return React.cloneElement(child, { map });\n                }\n            })] }));\n};\nexport default MapComponent;\n//# sourceMappingURL=mapComponent.js.map"],"names":["MapComponent","_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_Fragment","_jsx","React","Children","child","isValidElement","cloneElement"],"mappings":"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"}

package/organisms/maps/mapComponents/mapStyled.js

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

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

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

package/organisms/notification/Notification.js

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

package/organisms/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n    const theme = useTheme();\n    return (_jsxs(Box, { sx: {\n            background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n            padding: '24px 32px',\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '24px',\n            alignItems: 'center',\n            position: 'relative',\n        }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n                    display: { sm: 'flex', xs: 'none' },\n                    overflow: 'hidden',\n                    img: { width: '100%', height: '100%', objectFit: 'cover' },\n                }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n                    width: '100%',\n                    maxWidth: '100%',\n                    overflow: 'hidden',\n                    display: 'flex',\n                    gap: '8px',\n                    flexDirection: 'column',\n                }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n                                    whiteSpace: 'nowrap',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n                                lineHeight: '16px',\n                                maxHeight: '32px',\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                display: '-webkit-box',\n                                WebkitLineClamp: '2',\n                                WebkitBoxOrient: 'vertical',\n                            }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n                    position: 'absolute',\n                    right: '8px',\n                    top: '8px',\n                    '.sa-i': {\n                        height: '28px',\n                    },\n                }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: '50%',\n    width: '56px',\n    height: '56px',\n    background: theme.palette.onSurface.os200,\n    flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"24KAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}
+{"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '@/src/components';\nimport { Box, Icon, IconButton, Stack, Typography, styled, useTheme } from '@mui/material';\nexport const Notification = (props) => {\n    const theme = useTheme();\n    return (_jsxs(Box, { sx: {\n            background: props.color === 'grey' ? theme.palette.surface.primary : theme.palette.onSurface.os0,\n            padding: '24px 32px',\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '24px',\n            alignItems: 'center',\n            position: 'relative',\n        }, \"data-testid\": \"Notification\", children: [props.icon && (_jsx(IconBox, { sx: {\n                    display: { sm: 'flex', xs: 'none' },\n                    overflow: 'hidden',\n                    img: { width: '100%', height: '100%', objectFit: 'cover' },\n                }, \"data-testid\": \"Notification.icon\", children: props.icon })), _jsxs(Box, { sx: {\n                    width: '100%',\n                    maxWidth: '100%',\n                    overflow: 'hidden',\n                    display: 'flex',\n                    gap: '8px',\n                    flexDirection: 'column',\n                }, children: [_jsxs(Box, { display: \"flex\", alignItems: \"center\", children: [props.isNew && _jsx(Indicator, { color: \"neutral\" }), _jsx(Box, { sx: {\n                                    whiteSpace: 'nowrap',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                }, children: _jsx(Typography, { variant: \"subheadline\", \"data-testid\": \"Notification.headline\", children: props.headline }) })] }), _jsx(Box, { \"data-testid\": \"Notification.description\", children: typeof props.description === 'string' ? (_jsx(Typography, { sx: {\n                                lineHeight: '16px',\n                                maxHeight: '32px',\n                                overflow: 'hidden',\n                                textOverflow: 'ellipsis',\n                                display: '-webkit-box',\n                                WebkitLineClamp: '2',\n                                WebkitBoxOrient: 'vertical',\n                            }, variant: \"disclaimer\", children: props.description })) : (props.description) }), props.footer && (_jsx(Typography, { variant: \"disclaimer\", color: theme.palette.onSurface.os500, \"data-testid\": \"Notification.footer\", children: props.footer })), props.buttons && (_jsx(Stack, { direction: \"row\", spacing: 1, \"data-testid\": \"Notification.buttons\", children: props.buttons }))] }), props.onDismiss && (_jsx(IconButton, { onClick: props.onDismiss, size: \"small\", sx: {\n                    position: 'absolute',\n                    right: '8px',\n                    top: '8px',\n                    '.sa-i': {\n                        height: '28px',\n                    },\n                }, \"data-testid\": \"Notification.dismiss\", children: _jsx(Icon, { fontSize: \"small\", className: \"ballotx close\" }) }))] }));\n};\nconst IconBox = styled(Box)(({ theme }) => ({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: '50%',\n    width: '56px',\n    height: '56px',\n    background: theme.palette.onSurface.os200,\n    flexShrink: 0,\n}));\n//# sourceMappingURL=Notification.js.map"],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","isNew","Indicator","whiteSpace","textOverflow","Typography","variant","headline","description","lineHeight","maxHeight","WebkitLineClamp","WebkitBoxOrient","footer","os500","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","styled","justifyContent","borderRadius","os200","flexShrink"],"mappings":"qkIAGY,MAACA,EAAgBC,IACzB,MAAMC,EAAQC,IACd,OAAQC,EAAMC,EAAK,CAAEC,GAAI,CACjBC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YACX,cAAe,eAAgBC,SAAU,CAACnB,EAAMoB,MAASC,EAAKC,EAAS,CAAEjB,GAAI,CACpES,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cAAe,oBAAqBV,SAAUnB,EAAMoB,OAAUjB,EAAMC,EAAK,CAAEC,GAAI,CAC9EsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,UAChBI,SAAU,CAAChB,EAAMC,EAAK,CAAEU,QAAS,OAAQG,WAAY,SAAUE,SAAU,CAACnB,EAAM+B,OAASV,EAAKW,EAAW,CAAEzB,MAAO,YAAcc,EAAKjB,EAAK,CAAEC,GAAI,CAC/H4B,WAAY,SACZR,SAAU,SACVS,aAAc,YACff,SAAUE,EAAKc,EAAY,CAAEC,QAAS,cAAe,cAAe,wBAAyBjB,SAAUnB,EAAMqC,gBAAoBhB,EAAKjB,EAAK,CAAE,cAAe,2BAA4Be,SAAuC,iBAAtBnB,EAAMsC,YAA4BjB,EAAKc,EAAY,CAAE9B,GAAI,CACrQkC,WAAY,OACZC,UAAW,OACXf,SAAU,SACVS,aAAc,WACdpB,QAAS,cACT2B,gBAAiB,IACjBC,gBAAiB,YAClBN,QAAS,aAAcjB,SAAUnB,EAAMsC,cAAmBtC,EAAiB,cAAMA,EAAM2C,QAAWtB,EAAKc,EAAY,CAAEC,QAAS,aAAc7B,MAAON,EAAMO,QAAQG,UAAUiC,MAAO,cAAe,sBAAuBzB,SAAUnB,EAAM2C,SAAY3C,EAAM6C,SAAYxB,EAAKyB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAG,cAAe,uBAAwB7B,SAAUnB,EAAM6C,aAAiB7C,EAAMiD,WAAc5B,EAAK6B,EAAY,CAAEC,QAASnD,EAAMiD,UAAWG,KAAM,QAAS/C,GAAI,CACzda,SAAU,WACVmC,MAAO,MACPC,IAAK,MACL,QAAS,CACL1B,OAAQ,SAEb,cAAe,uBAAwBT,SAAUE,EAAKkC,EAAM,CAAEC,SAAU,QAASC,UAAW,sBAA4B,EAErInC,EAAUoC,EAAOtD,EAAPsD,EAAY,EAAGzD,YAAa,CACxCa,QAAS,OACT6C,eAAgB,SAChB1C,WAAY,SACZ2C,aAAc,MACdjC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUkD,MACpCC,WAAY"}

package/organisms/tile/tile.js

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

package/organisms/tile/tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const Tile = (_a) => {\n    var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n    const [isMouseOver, setIsMouseOver] = useState(false);\n    const handleMouseEnter = () => {\n        if (!isMouseOver) {\n            setIsMouseOver(true);\n        }\n    };\n    const handleMouseLeave = () => {\n        setIsMouseOver(false);\n    };\n    const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n    const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n    return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n    isBorderRadius: true,\n    promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n    styles = {\n        height: '100%',\n        '& .tileWrapper, & .tileWrapper *': {\n            boxSizing: 'border-box',\n        },\n        '& .tileWrapper': {\n            position: 'relative',\n            borderRadius: isBorderRadius ? '8px' : 0,\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'space-between',\n            backgroundColor: flowColors.surface.primary,\n            padding: '0 0 24px 0',\n            border: `1px solid ${flowColors.surface.secondary}`,\n        },\n        '& .tileDropdownMenu': {\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            '.menuCardComponent': {\n                top: 0,\n                right: 0,\n                width: '58px',\n                height: '58px',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n            },\n        },\n        '& .tileContent': {\n            paddingTop: promotionalLabel ? '40px' : '16px',\n        },\n        '& .tilePromotionalLabel': {\n            width: '100%',\n            maxWidth: 'calc(100% - 64px)',\n            position: 'absolute',\n            top: '0',\n            left: '0',\n        },\n        '& .tileGeneralLabel': {\n            padding: '0 24px',\n            marginBottom: '0',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileTitle': {\n            margin: '0 0 6px 0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n        },\n        '& .tileFeatureLabel': {\n            margin: '0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileImage': {\n            height: '176px',\n            marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n            marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n            [theme.breakpoints.up('md')]: {\n                height: '200px',\n            },\n            [theme.breakpoints.up('lg')]: {\n                height: '186px',\n            },\n            [theme.breakpoints.up('xl')]: {\n                height: '265px',\n            },\n            '& img': {\n                position: 'relative',\n                zIndex: '0',\n                objectFit: 'contain',\n                objectPosition: 'center',\n                display: 'block',\n                height: '100%',\n                width: '100%',\n            },\n        },\n        '& .tilePriceWrapper': {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n            width: '100%',\n            padding: '0 24px',\n            marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n            '& .tilePriceTotal': {\n                fontWeight: 'bold',\n            },\n            '& hr': {\n                margin: '0 8px',\n                borderColor: flowColors.transparent.secondary,\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}
+{"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../../components/label';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { LabelPromotional } from '../../components/labelPromotional';\nimport { Divider } from '../../components/divider';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { paletteLight as flowColors } from '../../design/skoda/paletteLight.theme';\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const Tile = (_a) => {\n    var { tileContentPinned = 'top', isBorderRadius = true, promotionalVariant = 'large' } = _a, props = __rest(_a, [\"tileContentPinned\", \"isBorderRadius\", \"promotionalVariant\"]);\n    const [isMouseOver, setIsMouseOver] = useState(false);\n    const handleMouseEnter = () => {\n        if (!isMouseOver) {\n            setIsMouseOver(true);\n        }\n    };\n    const handleMouseLeave = () => {\n        setIsMouseOver(false);\n    };\n    const tileImageElement = (_jsx(\"div\", { className: \"tileImage\", children: props.tileImageURLOnHover && isMouseOver ? (_jsx(ImageComponent, { image: props.tileImageURLOnHover, alt: props.tileAltImage }, 'imageUrl_onHover')) : (_jsx(ImageComponent, { image: props.tileImageURL, alt: props.tileAltImage, fallbackImage: props.tileImageURLFallback }, 'imageUrl')) }));\n    const pricingElement = (_jsxs(\"div\", { className: \"tilePriceWrapper\", children: [props.tilePriceTotal && _jsx(\"span\", { className: \"disclaimer tilePriceTotal\", children: props.tilePriceTotal }), props.tilePriceTotal && props.tilePriceMonth && _jsx(Divider, { orientation: \"vertical\", flexItem: true }), props.tilePriceMonth && _jsx(\"span\", { className: \"disclaimer tilePriceMonth\", children: props.tilePriceMonth })] }));\n    return (_jsx(TileStyled, { promotionalLabel: props.promotionalLabel, isBorderRadius: isBorderRadius, tileContentPinned: tileContentPinned, children: _jsxs(\"div\", { className: \"tileWrapper\", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [props.isMenuDropdown && (_jsx(\"div\", { className: \"tileDropdownMenu\", onMouseEnter: () => setIsMouseOver(false), onMouseLeave: () => setIsMouseOver(true), children: _jsx(MenuCardComponent, Object.assign({}, props.menuCardComponentProps)) })), props.promotionalLabel && (_jsx(\"div\", { className: \"tilePromotionalLabel\", children: _jsx(LabelPromotional, { variant: promotionalVariant, label: handleMaxChars(props.promotionalLabel, 30) }) })), tileContentPinned === 'bottom' && tileImageElement, _jsxs(\"div\", { className: \"tileContent\", children: [props.generalLabel && (_jsx(\"div\", { className: \"tileGeneralLabel\", children: _jsx(Label, { label: handleMaxChars(props.generalLabel, 30) }) })), _jsx(\"h4\", { className: \"tileTitle\", children: handleMaxChars(props.title, 20) }), props.featureLabel && (_jsx(\"div\", { className: \"tileFeatureLabel\", children: _jsx(LabelFeature, { variant: props.featureLabelVariant, label: handleMaxChars(props.featureLabel, 30) }) })), tileContentPinned === 'bottom' && pricingElement] }), tileContentPinned === 'top' && tileImageElement, tileContentPinned === 'top' && pricingElement] }) }));\n};\nTile.defaultProps = {\n    isBorderRadius: true,\n    promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n    styles = {\n        height: '100%',\n        '& .tileWrapper, & .tileWrapper *': {\n            boxSizing: 'border-box',\n        },\n        '& .tileWrapper': {\n            position: 'relative',\n            borderRadius: isBorderRadius ? '8px' : 0,\n            height: '100%',\n            display: 'flex',\n            flexDirection: 'column',\n            justifyContent: 'space-between',\n            backgroundColor: flowColors.surface.primary,\n            padding: '0 0 24px 0',\n            border: `1px solid ${flowColors.surface.secondary}`,\n        },\n        '& .tileDropdownMenu': {\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            '.menuCardComponent': {\n                top: 0,\n                right: 0,\n                width: '58px',\n                height: '58px',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n            },\n        },\n        '& .tileContent': {\n            paddingTop: promotionalLabel ? '40px' : '16px',\n        },\n        '& .tilePromotionalLabel': {\n            width: '100%',\n            maxWidth: 'calc(100% - 64px)',\n            position: 'absolute',\n            top: '0',\n            left: '0',\n        },\n        '& .tileGeneralLabel': {\n            padding: '0 24px',\n            marginBottom: '0',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileTitle': {\n            margin: '0 0 6px 0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n        },\n        '& .tileFeatureLabel': {\n            margin: '0',\n            padding: '0 24px',\n            position: 'relative',\n            zIndex: '1',\n            '& span': {\n                margin: '0',\n            },\n        },\n        '& .tileImage': {\n            height: '176px',\n            marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n            marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n            [theme.breakpoints.up('md')]: {\n                height: '200px',\n            },\n            [theme.breakpoints.up('lg')]: {\n                height: '186px',\n            },\n            [theme.breakpoints.up('xl')]: {\n                height: '265px',\n            },\n            '& img': {\n                position: 'relative',\n                zIndex: '0',\n                objectFit: 'contain',\n                objectPosition: 'center',\n                display: 'block',\n                height: '100%',\n                width: '100%',\n            },\n        },\n        '& .tilePriceWrapper': {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n            width: '100%',\n            padding: '0 24px',\n            marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n            '& .tilePriceTotal': {\n                fontWeight: 'bold',\n            },\n            '& hr': {\n                margin: '0 8px',\n                borderColor: flowColors.transparent.secondary,\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=tile.js.map"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

package/package.json

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

package/utils/copyToClipboard/copyToClipboard.d.ts

@@ -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/utils/useClosure/useClosure.d.ts

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

package/utils/useClosure/useClosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClosure.js","sources":["../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n/**\n * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n */\nexport const useClosure = (initiallyOpen) => {\n    const [isOpen, setOpen] = useState(initiallyOpen !== null && initiallyOpen !== void 0 ? initiallyOpen : false);\n    const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n    const onOpen = useCallback(() => setOpen(true), [setOpen]);\n    const onClose = useCallback(() => setOpen(false), [setOpen]);\n    return {\n        isOpen,\n        setOpen,\n        onToggle,\n        onOpen,\n        onClose,\n    };\n};\n//# sourceMappingURL=useClosure.js.map"],"names":["useClosure","initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"kDAKY,MAACA,EAAcC,IACvB,MAAOC,EAAQC,GAAWC,EAASH,SAAqDA,GAClFI,EAAWC,GAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,GAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,GAAY,IAAMH,GAAQ,IAAQ,CAACA,IACnD,MAAO,CACHD,SACAC,UACAE,WACAE,SACAC,UACH"}
+{"version":3,"file":"useClosure.js","sources":["../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n/**\n * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen) => {\n    const [isOpen, setOpen] = useState(initiallyOpen !== null && initiallyOpen !== void 0 ? initiallyOpen : false);\n    const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n    const onOpen = useCallback(() => setOpen(true), [setOpen]);\n    const onClose = useCallback(() => setOpen(false), [setOpen]);\n    return {\n        isOpen,\n        setOpen,\n        onToggle,\n        onOpen,\n        onClose,\n    };\n};\n//# sourceMappingURL=useClosure.js.map"],"names":["useClosure","initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"kDAMY,MAACA,EAAcC,IACvB,MAAOC,EAAQC,GAAWC,EAASH,SAAqDA,GAClFI,EAAWC,GAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,GAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,GAAY,IAAMH,GAAQ,IAAQ,CAACA,IACnD,MAAO,CACHD,SACAC,UACAE,WACAE,SACAC,UACH"}

package/utils/useDebounce/useDebounce.d.ts

@@ -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/utils/useFeatureFlag/useFeatureFlag.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * Returns allowed or disabled state of the feature based on the feature flag
+ *
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ * @returns {boolean} allowed state of the feature
+ */
+export declare function evaluateFeatureFlag(featureFlag: string): boolean;
+/**
+ * Component that renders or not renders content based on the featureFlag
+ *
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ * @param children - content
+ */
+export declare function FeatureFlagBlock({ children, featureFlag }: {
+    children: React.ReactNode;
+    featureFlag: string;
+}): React.ReactNode;
+/**
+ * Returns cached allowed or disabled state of the feature based on the feature flag
+ * @param {string} featureFlag - shortcut name of the feature flag in .env,
+ *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
+ */
+export default function useFeatureFlag(featureFlag: string): boolean;

package/utils/useFeatureFlag/useFeatureFlag.js

@@ -0,0 +1,2 @@
+import"react";function r(r){let t;try{t=process.env}catch(r){}try{t=import.meta.env}catch(r){return console.warn("FeatureFlags: Environment variables are not available"),!1}try{return"true"===t[`VITE_FEATURE_FLAG_${r}`]}catch(r){return!1}}export{r as evaluateFeatureFlag};
+//# sourceMappingURL=useFeatureFlag.js.map

package/utils/useFeatureFlag/useFeatureFlag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlag.js","sources":["../../../src/utils/useFeatureFlag/useFeatureFlag.tsx"],"sourcesContent":["import { useMemo } from 'react';\n/**\n * Returns allowed or disabled state of the feature based on the feature flag\n *\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n * @returns {boolean} allowed state of the feature\n */\nexport function evaluateFeatureFlag(featureFlag) {\n    // obtain environment variables\n    let env;\n    try {\n        // we can use Node\n        env = process.env;\n    }\n    catch (_a) { }\n    try {\n        // we are in Vite\n        env = import.meta.env;\n    }\n    catch (_b) {\n        console.warn('FeatureFlags: Environment variables are not available');\n        return false;\n    }\n    try {\n        // check if feature is active or not\n        return env[`VITE_FEATURE_FLAG_${featureFlag}`] === 'true';\n    }\n    catch (_c) {\n        return false;\n    }\n}\n/**\n * Component that renders or not renders content based on the featureFlag\n *\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n * @param children - content\n */\nexport function FeatureFlagBlock({ children, featureFlag }) {\n    const featureFlagEnabled = useFeatureFlag(featureFlag);\n    return featureFlagEnabled ? children : null;\n}\n/**\n * Returns cached allowed or disabled state of the feature based on the feature flag\n * @param {string} featureFlag - shortcut name of the feature flag in .env,\n *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'\n */\nexport default function useFeatureFlag(featureFlag) {\n    return useMemo(() => evaluateFeatureFlag(featureFlag), [featureFlag]);\n}\n//# sourceMappingURL=useFeatureFlag.js.map"],"names":["evaluateFeatureFlag","featureFlag","env","process","_a","_b","console","warn","_c"],"mappings":"cAQO,SAASA,EAAoBC,GAEhC,IAAIC,EACJ,IAEIA,EAAMC,QAAQD,GACjB,CACD,MAAOE,GAAO,CACd,IAEIF,cAAkBA,GACrB,CACD,MAAOG,GAEH,OADAC,QAAQC,KAAK,0DACN,CACV,CACD,IAEI,MAAmD,SAA5CL,EAAI,qBAAqBD,IACnC,CACD,MAAOO,GACH,OAAO,CACV,CACL"}

package/cjs/components/agGrid/CustomRenderer.d.ts

@@ -1 +0,0 @@
-export declare function CustomRenderer(params: any): import("react/jsx-runtime").JSX.Element;

package/cjs/components/agGrid/ImageRenderer.d.ts

@@ -1 +0,0 @@
-export declare function ImageRenderer(params: any): import("react/jsx-runtime").JSX.Element;

package/cjs/components/agGrid/agGrid.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
-export type AgGridProps = Omit<AgGridReactProps, 'domLayout'> & {
-    height?: number | string | 'autoHeight';
-};
-export declare const AgGrid: import("react").ForwardRefExoticComponent<Omit<AgGridReactProps<any>, "domLayout"> & {
-    height?: number | string | 'autoHeight';
-} & import("react").RefAttributes<AgGridReact<any>>>;

package/cjs/components/agGrid/agGrid.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),t=require("./agGridStyled.js"),u=require("lodash"),a=require("@mui/material");const i=s.forwardRef(((s,i)=>{const{defaultColDef:l,height:o="autoHeight",suppressCellFocus:g=!0}=s,h=e.__rest(s,["defaultColDef","height","suppressCellFocus"]),d=u.merge({},{suppressMovable:!0},l);return r.jsx(a.Box,{sx:{height:"autoHeight"===o?"100%":o},children:r.jsx(t.AgGridStyled,Object.assign({className:"ag-theme-material",ref:i},h,{suppressCellFocus:g,domLayout:"autoHeight"===o?"autoHeight":"normal",defaultColDef:d}))})}));exports.AgGrid=i;
-//# sourceMappingURL=agGrid.js.map

package/cjs/components/agGrid/agGrid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"agGrid.js","sources":["../../../../src/components/agGrid/agGrid.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { AgGridStyled } from './agGridStyled';\nimport { merge } from 'lodash';\nimport { Box } from '@mui/material';\nexport const AgGrid = forwardRef((props, ref) => {\n    const { defaultColDef, height = 'autoHeight', suppressCellFocus = true } = props, rest = __rest(props, [\"defaultColDef\", \"height\", \"suppressCellFocus\"]);\n    const defaultColDefFinal = merge({}, {\n        suppressMovable: true,\n    }, defaultColDef);\n    return (_jsx(Box, { sx: { height: height === 'autoHeight' ? '100%' : height }, children: _jsx(AgGridStyled, Object.assign({ className: \"ag-theme-material\", ref: ref }, rest, { suppressCellFocus: suppressCellFocus, domLayout: height === 'autoHeight' ? 'autoHeight' : 'normal', defaultColDef: defaultColDefFinal })) }));\n});\n//# sourceMappingURL=agGrid.js.map"],"names":["AgGrid","forwardRef","props","ref","defaultColDef","height","suppressCellFocus","rest","__rest","defaultColDefFinal","merge","suppressMovable","_jsx","Box","sx","children","AgGridStyled","Object","assign","className","domLayout"],"mappings":"oKAMY,MAACA,EAASC,EAAUA,YAAC,CAACC,EAAOC,KACrC,MAAMC,cAAEA,EAAaC,OAAEA,EAAS,aAAYC,kBAAEA,GAAoB,GAASJ,EAAOK,EAAOC,EAAAA,OAAON,EAAO,CAAC,gBAAiB,SAAU,sBAC7HO,EAAqBC,EAAKA,MAAC,GAAI,CACjCC,iBAAiB,GAClBP,GACH,OAAQQ,EAAAA,IAAKC,EAAAA,IAAK,CAAEC,GAAI,CAAET,OAAmB,eAAXA,EAA0B,OAASA,GAAUU,SAAUH,EAAAA,IAAKI,EAAAA,aAAcC,OAAOC,OAAO,CAAEC,UAAW,oBAAqBhB,IAAKA,GAAOI,EAAM,CAAED,kBAAmBA,EAAmBc,UAAsB,eAAXf,EAA0B,aAAe,SAAUD,cAAeK,MAA2B"}

package/cjs/components/agGrid/agGridStyled.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { AgGridReact } from 'ag-grid-react';
-import 'ag-grid-community/styles/ag-grid.css';
-import 'ag-grid-community/styles/ag-theme-material.css';
-export declare const AgGridStyled: import("@emotion/styled").StyledComponent<(import("ag-grid-react").AgGridReactProps<unknown> | import("ag-grid-react").AgReactUiProps<unknown>) & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
-    ref?: import("react").Ref<AgGridReact<unknown>>;
-}>;

package/cjs/components/agGrid/agGridStyled.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("@mui/material"),r=require("ag-grid-react");require("ag-grid-community/styles/ag-grid.css"),require("ag-grid-community/styles/ag-theme-material.css");const a=e.styled(r.AgGridReact)((({theme:e})=>({"&.ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":e.palette.primary.main,"--ag-material-accent-color":e.palette.secondary.main,"--ag-foreground-color":e.palette.text.primary,"--ag-data-color":e.palette.text.primary,"--ag-header-foreground-color":e.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":e.palette.onSurface.os500,"--ag-disabled-foreground-color":e.palette.disabled.tertiary,"--ag-selected-row-background-color":e.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":e.palette.surface.primary,"--ag-row-border-color":e.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":e.palette.brand.primary,"--ag-checkbox-indeterminate-color":e.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":e.palette.surface.secondary,"--ag-header-column-resize-handle-color":e.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:e.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:e.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}})));exports.AgGridStyled=a;
-//# sourceMappingURL=agGridStyled.js.map

package/cjs/components/agGrid/agGridStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"agGridStyled.js","sources":["../../../../src/components/agGrid/agGridStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material';\nimport { AgGridReact } from 'ag-grid-react';\nimport 'ag-grid-community/styles/ag-grid.css';\nimport 'ag-grid-community/styles/ag-theme-material.css';\nexport const AgGridStyled = styled(AgGridReact)(({ theme }) => ({\n    '&.ag-theme-material': {\n        width: '100%',\n        height: '100%',\n        '--ag-font-family': 'SKODA Next',\n        '--ag-font-size': '16px',\n        '--ag-material-primary-color': theme.palette.primary.main,\n        '--ag-material-accent-color': theme.palette.secondary.main,\n        '--ag-foreground-color': theme.palette.text.primary,\n        '--ag-data-color': theme.palette.text.primary,\n        '--ag-header-foreground-color': theme.palette.text.primary,\n        '--ag-background-color': 'transparent',\n        '--ag-header-background-color': 'transparent',\n        '--ag-subheader-background-color': 'transparent',\n        '--ag-subheader-toolbar-background-color': 'transparent',\n        '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n        '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n        '--ag-selected-row-background-color': theme.palette.common.white,\n        '--ag-odd-row-background-color': 'transparent',\n        '--ag-column-hover-color': 'transparent',\n        '--ag-header-cell-hover-background-color': 'transparent',\n        '--ag-row-hover-color': theme.palette.surface.primary,\n        '--ag-row-border-color': theme.palette.surface.secondary,\n        '--ag-border-radius': '8px',\n        '--ag-checkbox-checked-color': theme.palette.brand.primary,\n        '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n        '--ag-cell-horizontal-padding': '16px',\n        '--ag-cell-vertical-padding': '17px',\n        '--ag-row-height': '54px',\n        '--ag-header-height': '54px',\n        '--ag-header-column-separator-display': 'block',\n        '--ag-header-column-separator-height': '20px',\n        '--ag-header-column-separator-color': theme.palette.surface.secondary,\n        '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n        '--ag-header-column-resize-handle-display': 'block',\n        '--ag-header-column-resize-handle-height': '20px',\n        '.ag-root-wrapper': {\n            border: '1px solid',\n            borderColor: theme.palette.surface.secondary,\n            borderRadius: '8px',\n        },\n        '.ag-row-last': {\n            borderBottom: 'none',\n        },\n        '.ag-row-hover': {\n            backgroundColor: 'var(--ag-row-hover-color) !important',\n        },\n        '.ag-center-cols-container': {\n            minWidth: '100%',\n        },\n        '.ag-paging-panel': {\n            border: 'none',\n            position: 'relative',\n            '&:before': {\n                display: 'block',\n                content: \"''\",\n                height: '1px',\n                background: theme.palette.surface.secondary,\n                position: 'absolute',\n                top: '0',\n                left: '24px',\n                right: '24px',\n            },\n        },\n    },\n}));\n//# sourceMappingURL=agGridStyled.js.map"],"names":["AgGridStyled","styled","AgGridReact","theme","width","height","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"iLAIY,MAACA,EAAeC,EAAAA,OAAOC,EAAAA,YAAPD,EAAoB,EAAGE,YAAa,CAC5D,sBAAuB,CACnBC,MAAO,OACPC,OAAQ,OACR,mBAAoB,aACpB,iBAAkB,OAClB,8BAA+BF,EAAMG,QAAQC,QAAQC,KACrD,6BAA8BL,EAAMG,QAAQG,UAAUD,KACtD,wBAAyBL,EAAMG,QAAQI,KAAKH,QAC5C,kBAAmBJ,EAAMG,QAAQI,KAAKH,QACtC,+BAAgCJ,EAAMG,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCJ,EAAMG,QAAQK,UAAUC,MAC3D,iCAAkCT,EAAMG,QAAQO,SAASC,SACzD,qCAAsCX,EAAMG,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBb,EAAMG,QAAQW,QAAQV,QAC9C,wBAAyBJ,EAAMG,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BN,EAAMG,QAAQY,MAAMX,QACnD,oCAAqCJ,EAAMG,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCJ,EAAMG,QAAQW,QAAQR,UAC5D,yCAA0CN,EAAMG,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAC3C,mBAAoB,CAChBU,OAAQ,YACRC,YAAajB,EAAMG,QAAQW,QAAQR,UACnCY,aAAc,OAElB,eAAgB,CACZC,aAAc,QAElB,gBAAiB,CACbC,gBAAiB,wCAErB,4BAA6B,CACzBC,SAAU,QAEd,mBAAoB,CAChBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACRC,QAAS,QACTC,QAAS,KACTtB,OAAQ,MACRuB,WAAYzB,EAAMG,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}

package/cjs/components/agGrid/index.d.ts

@@ -1 +0,0 @@
-export * from './agGrid';

package/cjs/components/agGrid/mock.d.ts

@@ -1,70 +0,0 @@
-import { CustomRenderer } from './CustomRenderer';
-import { ImageRenderer } from './ImageRenderer';
-import { AgGridReactProps } from 'ag-grid-react';
-export declare const SimpleMock: AgGridReactProps;
-export declare const SelectionMock: AgGridReactProps;
-export declare const PagingMock: AgGridReactProps;
-export declare const SortingMock: AgGridReactProps;
-export declare const MOCK_DETAIL_GRID_OPTS: {
-    rowSelection: string;
-    suppressRowClickSelection: boolean;
-    enableRangeSelection: boolean;
-    pagination: boolean;
-    paginationAutoPageSize: boolean;
-    paginationPageSize: number;
-    columnDefs: ({
-        field: string;
-        headerCheckboxSelection: boolean;
-        checkboxSelection: boolean;
-        showDisabledCheckboxes: boolean;
-        wrapText?: undefined;
-        autoHeight?: undefined;
-        width?: undefined;
-        cellRenderer?: undefined;
-        valueFormatter?: undefined;
-    } | {
-        field: string;
-        wrapText: boolean;
-        autoHeight: boolean;
-        width: number;
-        headerCheckboxSelection?: undefined;
-        checkboxSelection?: undefined;
-        showDisabledCheckboxes?: undefined;
-        cellRenderer?: undefined;
-        valueFormatter?: undefined;
-    } | {
-        field: string;
-        cellRenderer: typeof ImageRenderer;
-        headerCheckboxSelection?: undefined;
-        checkboxSelection?: undefined;
-        showDisabledCheckboxes?: undefined;
-        wrapText?: undefined;
-        autoHeight?: undefined;
-        width?: undefined;
-        valueFormatter?: undefined;
-    } | {
-        field: string;
-        wrapText: boolean;
-        autoHeight: boolean;
-        cellRenderer: typeof CustomRenderer;
-        headerCheckboxSelection?: undefined;
-        checkboxSelection?: undefined;
-        showDisabledCheckboxes?: undefined;
-        width?: undefined;
-        valueFormatter?: undefined;
-    } | {
-        field: string;
-        valueFormatter: string;
-        headerCheckboxSelection?: undefined;
-        checkboxSelection?: undefined;
-        showDisabledCheckboxes?: undefined;
-        wrapText?: undefined;
-        autoHeight?: undefined;
-        width?: undefined;
-        cellRenderer?: undefined;
-    })[];
-    defaultColDef: {
-        sortable: boolean;
-        flex: number;
-    };
-};

package/cjs/components/container/container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"container.js","sources":["../../../../src/components/container/container.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiContainer from '@mui/material/Container';\n/**\n * @description SkodaFlow Container component.\n * Properties are inherited from HTML Container element.\n * @param props ContainerProps\n * @returns React Functional Component\n * @deprecated this Component is deprecated. Use Container from @mui/material instead\n */\nexport const Container = (props) => {\n    return (_jsx(MuiContainer, Object.assign({}, props, { className: props.className + ' ' + (props.narrow && 'narrow'), \"data-testid\": \"Container\", children: props.children })));\n};\n//# sourceMappingURL=container.js.map"],"names":["props","_jsx","jsx","MuiContainer","Object","assign","className","narrow","children"],"mappings":"iKAS0BA,GACdC,EAAIC,IAACC,UAAcC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEM,UAAWN,EAAMM,UAAY,KAAON,EAAMO,QAAU,UAAW,cAAe,YAAaC,SAAUR,EAAMQ"}

package/cjs/components/tab/hook/useTabs.d.ts

@@ -1,10 +0,0 @@
-/** @deprecated use Tab component from @mui/material instead */
-declare const useTabs: () => {
-    handleOverflowingTabs: (tabsRef: any, windowWidth: any, children: any, setMenuChildren: any) => void;
-    handleIsMobileView: (variantSecondaryNavigation: any, isMobileView: any, setIsMobileView: any, setWindowWidth: any) => void;
-    a11yProps: (index: string | number) => {
-        id: string;
-        'aria-controls': string;
-    };
-};
-export default useTabs;

package/cjs/components/tab/hook/useTabs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(t);exports.default=()=>{const i=e.useTheme();return{handleOverflowingTabs:t.useCallback(((e,t,i,s)=>{const r=e.current.closest("div").querySelectorAll("div")[1],a=r.querySelectorAll(".MuiTab-root"),o=[...a].find((e=>"simple-tab-more"===e.id));a.forEach((e=>{e.style.display="inline-flex"}));const n=[],d=r.offsetWidth,u=[...a].filter((e=>"simple-tab-more"!==e.id)),f=o.offsetWidth+58;if(u.forEach((e=>{d<=e.offsetLeft+(e.offsetWidth+f)&&(e.style.display="none",n.push(e.id))})),n.length){const e=[];n.forEach((t=>{const s=l.default.Children.toArray(i).find((e=>t==="simple-tab-"+e.props.value));s&&e.push(s)})),s(e)}else o.style.display="none"}),[i.breakpoints.values.lg]),handleIsMobileView:t.useCallback(((e,t,l,s)=>{s(window.innerWidth),e&&(window.innerWidth<=i.breakpoints.values.md&&!t?l(!0):window.innerWidth>i.breakpoints.values.md&&l(!1))}),[i.breakpoints.values.md]),a11yProps:t.useCallback((e=>({id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`})),[])}};
-//# sourceMappingURL=useTabs.js.map

package/cjs/components/tab/hook/useTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabs.js","sources":["../../../../../src/components/tab/hook/useTabs.ts"],"sourcesContent":["import { useTheme } from '@mui/material';\nimport React, { useCallback } from 'react';\n/** @deprecated use Tab component from @mui/material instead */\nconst useTabs = () => {\n    const theme = useTheme();\n    //HANDLE THE RENDER OF THE MORE BTN TABS AND THE OVERFLOWING TABS THAT MUST BE SHOWN INSIDE THE DROPDOWN\n    const handleOverflowingTabs = useCallback((tabsRef, windowWidth, children, setMenuChildren) => {\n        const tabsListParent = tabsRef.current.closest('div');\n        const tabsListContainer = tabsListParent.querySelectorAll('div')[1];\n        const tabsList = tabsListContainer.querySelectorAll('.MuiTab-root');\n        const moreBtn = [...tabsList].find((item) => item.id === 'simple-tab-more');\n        tabsList.forEach((item) => {\n            item.style.display = 'inline-flex';\n        });\n        //if the screen size is desktop view, handle more btn, else hide more btn\n        const hiddenItems = [];\n        const primaryWidth = tabsListContainer.offsetWidth;\n        const primaryItems = [...tabsList].filter((item) => item.id !== 'simple-tab-more');\n        const moreBtnWidth = moreBtn.offsetWidth + 58;\n        //we are hiding tabs if the overflow the tabs container\n        primaryItems.forEach((item) => {\n            if (primaryWidth <= item.offsetLeft + (item.offsetWidth + moreBtnWidth)) {\n                item.style.display = 'none';\n                hiddenItems.push(item.id);\n            }\n        });\n        // if there are hidden elements (overflowing) show the more tabs and add hidden elements inisde the menu list\n        //else hide more button\n        if (!hiddenItems.length) {\n            moreBtn.style.display = 'none';\n        }\n        else {\n            const arr = [];\n            hiddenItems.forEach((item) => {\n                const filteredChildren = React.Children.toArray(children).find((child) => item === 'simple-tab-' + child.props.value);\n                if (filteredChildren) {\n                    arr.push(filteredChildren);\n                }\n            });\n            setMenuChildren(arr);\n        }\n    }, [theme.breakpoints.values.lg]);\n    const handleIsMobileView = useCallback((variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth) => {\n        setWindowWidth(window.innerWidth);\n        if (variantSecondaryNavigation) {\n            if (window.innerWidth <= theme.breakpoints.values.md && !isMobileView) {\n                setIsMobileView(true);\n            }\n            else if (window.innerWidth > theme.breakpoints.values.md) {\n                setIsMobileView(false);\n            }\n        }\n    }, [theme.breakpoints.values.md]);\n    //Returns the id and the aria controls for the tab component\n    const a11yProps = useCallback((index) => {\n        return {\n            id: `simple-tab-${index}`,\n            'aria-controls': `simple-tabpanel-${index}`,\n        };\n    }, []);\n    return {\n        handleOverflowingTabs,\n        handleIsMobileView,\n        a11yProps,\n    };\n};\nexport default useTabs;\n//# sourceMappingURL=useTabs.js.map"],"names":["theme","useTheme","handleOverflowingTabs","useCallback","tabsRef","windowWidth","children","setMenuChildren","tabsListContainer","current","closest","querySelectorAll","tabsList","moreBtn","find","item","id","forEach","style","display","hiddenItems","primaryWidth","offsetWidth","primaryItems","filter","moreBtnWidth","offsetLeft","push","length","arr","filteredChildren","React","default","Children","toArray","child","props","value","breakpoints","values","lg","handleIsMobileView","variantSecondaryNavigation","isMobileView","setIsMobileView","setWindowWidth","window","innerWidth","md","a11yProps","index"],"mappings":"oMAGgB,KACZ,MAAMA,EAAQC,EAAAA,WAwDd,MAAO,CACHC,sBAvD0BC,EAAAA,aAAY,CAACC,EAASC,EAAaC,EAAUC,KACvE,MACMC,EADiBJ,EAAQK,QAAQC,QAAQ,OACNC,iBAAiB,OAAO,GAC3DC,EAAWJ,EAAkBG,iBAAiB,gBAC9CE,EAAU,IAAID,GAAUE,MAAMC,GAAqB,oBAAZA,EAAKC,KAClDJ,EAASK,SAASF,IACdA,EAAKG,MAAMC,QAAU,aAAa,IAGtC,MAAMC,EAAc,GACdC,EAAeb,EAAkBc,YACjCC,EAAe,IAAIX,GAAUY,QAAQT,GAAqB,oBAAZA,EAAKC,KACnDS,EAAeZ,EAAQS,YAAc,GAU3C,GARAC,EAAaN,SAASF,IACdM,GAAgBN,EAAKW,YAAcX,EAAKO,YAAcG,KACtDV,EAAKG,MAAMC,QAAU,OACrBC,EAAYO,KAAKZ,EAAKC,IACzB,IAIAI,EAAYQ,OAGZ,CACD,MAAMC,EAAM,GACZT,EAAYH,SAASF,IACjB,MAAMe,EAAmBC,EAAKC,QAACC,SAASC,QAAQ5B,GAAUQ,MAAMqB,GAAUpB,IAAS,cAAgBoB,EAAMC,MAAMC,QAC3GP,GACAD,EAAIF,KAAKG,EACZ,IAELvB,EAAgBsB,EACnB,MAXGhB,EAAQK,MAAMC,QAAU,MAW3B,GACF,CAACnB,EAAMsC,YAAYC,OAAOC,KAqBzBC,mBApBuBtC,EAAAA,aAAY,CAACuC,EAA4BC,EAAcC,EAAiBC,KAC/FA,EAAeC,OAAOC,YAClBL,IACII,OAAOC,YAAc/C,EAAMsC,YAAYC,OAAOS,KAAOL,EACrDC,GAAgB,GAEXE,OAAOC,WAAa/C,EAAMsC,YAAYC,OAAOS,IAClDJ,GAAgB,GAEvB,GACF,CAAC5C,EAAMsC,YAAYC,OAAOS,KAWzBC,UATc9C,eAAa+C,IACpB,CACHlC,GAAI,cAAckC,IAClB,gBAAiB,mBAAmBA,OAEzC,IAKF"}

package/cjs/components/tab/index.d.ts

@@ -1,4 +0,0 @@
-export * from './tab';
-export * from './tabPanel';
-export * from './tabs';
-export * from './secondaryNavigation/secondaryNavigationTabs';

package/cjs/components/tab/menuTab.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-/**
- * @interface TabProps
- * @description Base definition of SkodaFlow Tabs component independent on core implementation.
- */
-export interface TabProps {
-    /**
-     *  Text shown as the tab title
-     */
-    label: string;
-    /**
-     *  Value of the tab
-     */
-    value: any;
-    /**
-     *  children useful to render menu items
-     */
-    children: any;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    /**
-     *  If true a backdrop is applied.
-     */
-    showBackdrop?: boolean;
-    onChange?: (event: React.SyntheticEvent, newValue: number | string) => void;
-    onClick?: (e: any) => void;
-}
-/**
- * @description SkodaFlow Tab component.
- * @param props TabProps
- * @returns React Functional Component
- * @deprecated use Tab component from @mui/material instead
- */
-export declare const MenuTab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/components/tab/menuTab.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("./tabs.js"),r=require("@mui/material"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var l=require("./tabStyled.js"),n=require("./hook/useTabs.js");function s(e){return e&&e.__esModule?e:{default:e}}var o=s(a);const u=a.forwardRef((({label:s,value:u,children:d},p)=>{const{activeTab:b,updateActiveTab:x,smallSize:h}=a.useContext(t.TabsContext),[m,f]=a.useState(!1),[j,v]=a.useState(!1),[C,k]=a.useState(null),[w,y]=a.useState(null),{a11yProps:S}=n.default(),g=a.useCallback((e=>{e.href?window.open(e.href,e.target):x(e.value,!0),v(!1),e.onClick&&e.onClick(e.value),e.analyticsCallback&&e.analyticsCallback(e.value),y(e.label)}),[x]),q=a.useCallback((e=>{v(!j),k(e.currentTarget)}),[j]),T=a.useCallback((()=>o.default.Children.map(d,(a=>e.jsx(r.MenuItem,{style:{fontSize:"16px"},onClick:()=>g(a.props),children:a.props.label})))),[d,g]);return a.useEffect((()=>{f(b===u)}),[b,m,u]),e.jsxs(e.Fragment,{children:[e.jsx(l.default,Object.assign({ref:p,wrapped:!0,onClick:q,smallSize:h,isActive:m,value:u,tabIndex:1,label:w||s},S(u),{icon:e.jsx(i.Icon,{name:j?"chevron-up":"chevron-down"}),iconPosition:"end",className:"MuiTab-more"})),e.jsx(r.Popper,{open:j,anchorEl:C,placement:"bottom",transition:!0,children:({TransitionProps:a})=>e.jsx(r.ClickAwayListener,{onClickAway:()=>v(!1),children:e.jsx(r.Fade,Object.assign({},a,{timeout:350,children:e.jsx(c,{id:"more-tabs-menu",children:T()})}))})})]})})),c=r.styled(r.MenuList)((()=>({top:"13px",left:"27px",boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px",borderRadius:"4px",padding:"0px",width:"131px",maxHeight:"240px",overflow:"overlay"})));exports.MenuTab=u;
-//# sourceMappingURL=menuTab.js.map