@skodaflow/web-library 7.0.1 → 7.0.2

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":"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"}
+{"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":"8gIAGY,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/package.json

@@ -1 +1 @@
-{"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"}
+{"name":"@skodaflow/web-library","version":"7.0.2","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.0","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"},"sideEffects":false,"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","types":"./index.d.ts"}

package/production/Button/Button.js.map

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

package/utils/useKeyboardShortcut/useKeyboardShortcut.d.ts

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

package/utils/useKeyboardShortcut/useKeyboardShortcut.js

@@ -0,0 +1,2 @@
+import{useEffect as e}from"react";function n(n,t=[]){e((()=>{const e=e=>{Object.entries(n).forEach((([n,t])=>{e.key===n&&t&&t()}))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[...t])}export{n as default};
+//# sourceMappingURL=useKeyboardShortcut.js.map

package/utils/useKeyboardShortcut/useKeyboardShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardShortcut.js","sources":["../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { useEffect } from 'react';\n/**\n * Monitor press of the key on the keyboard and do action assigned to it\n *\n * @param {object} keys_and_actions - object containing keys and assigned actions to them,\n *  e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(keys_and_actions, deps = []) {\n    useEffect(() => {\n        const downHandler = (e) => {\n            // iterate through all keys and assigned actions\n            Object.entries(keys_and_actions).forEach(([key, action]) => {\n                // if key is pressed, trigger action\n                if (e.key === key && action) {\n                    action();\n                }\n            });\n        };\n        window.addEventListener('keydown', downHandler);\n        // cleanup\n        return () => {\n            window.removeEventListener('keydown', downHandler);\n        };\n    }, [...deps]);\n}\n//# sourceMappingURL=useKeyboardShortcut.js.map"],"names":["useKeyboardShortcut","keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"kCAQe,SAASA,EAAoBC,EAAkBC,EAAO,IACjEC,GAAU,KACN,MAAMC,EAAeC,IAEjBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAExCL,EAAEI,MAAQA,GAAOC,GACjBA,GACH,GACH,EAIN,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACHO,OAAOE,oBAAoB,UAAWT,EAAY,CACrD,GACF,IAAIF,GACX"}