@skodaflow/web-library 4.0.3 → 4.2.0

package/components/agGrid/agGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"agGrid.js","sources":["../../../src/components/agGrid/agGrid.tsx"],"sourcesContent":[null],"names":["AgGrid","React","forwardRef","props","ref","defaultColDef","height","suppressCellFocus","rest","__rest","defaultColDefFinal","merge","suppressMovable","_jsx","Box","sx","children","AgGridStyled","Object","assign","className","domLayout"],"mappings":"oTAcO,MAAMA,EAASC,EAAMC,YAAqC,CAACC,EAAOC,KACvE,MAAMC,cAAEA,EAAaC,OAAEA,EAAS,aAAYC,kBAAEA,GAAoB,GAAkBJ,EAATK,EAAIC,EAAKN,EAA9E,CAAA,gBAAA,SAAA,sBAEAO,EAAqBC,EACzB,GACA,CACEC,iBAAiB,GAEnBP,GAGF,OACEQ,EAACC,EAAI,CAAAC,GAAI,CAAET,OAAmB,eAAXA,EAA0B,OAASA,GACpDU,SAAAH,EAACI,EAAYC,OAAAC,OAAA,CACXC,UAAU,oBACVhB,IAAKA,GACDI,EAAI,CACRD,kBAAmBA,EACnBc,UAAsB,eAAXf,EAA0B,aAAe,SACpDD,cAAeK,MAGnB"}
+{"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":"8NAMY,MAACA,EAASC,GAAW,CAACC,EAAOC,KACrC,MAAMC,cAAEA,EAAaC,OAAEA,EAAS,aAAYC,kBAAEA,GAAoB,GAASJ,EAAOK,EAAOC,EAAON,EAAO,CAAC,gBAAiB,SAAU,sBAC7HO,EAAqBC,EAAM,GAAI,CACjCC,iBAAiB,GAClBP,GACH,OAAQQ,EAAKC,EAAK,CAAEC,GAAI,CAAET,OAAmB,eAAXA,EAA0B,OAASA,GAAUU,SAAUH,EAAKI,EAAcC,OAAOC,OAAO,CAAEC,UAAW,oBAAqBhB,IAAKA,GAAOI,EAAM,CAAED,kBAAmBA,EAAmBc,UAAsB,eAAXf,EAA0B,aAAe,SAAUD,cAAeK,MAA2B"}

package/components/agGrid/agGridStyled.d.ts

@@ -1,5 +1,7 @@
 /// <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/components/agGrid/agGridStyled.js

@@ -1,2 +1,2 @@
-import{styled as r}from"@mui/material";import{AgGridReact as a}from"ag-grid-react";const e=r(a)((({theme:r})=>({"&.ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":r.palette.primary.main,"--ag-material-accent-color":r.palette.secondary.main,"--ag-foreground-color":r.palette.text.primary,"--ag-data-color":r.palette.text.primary,"--ag-header-foreground-color":r.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":r.palette.onSurface.os500,"--ag-disabled-foreground-color":r.palette.disabled.tertiary,"--ag-selected-row-background-color":r.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":r.palette.surface.primary,"--ag-row-border-color":r.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":r.palette.brand.primary,"--ag-checkbox-indeterminate-color":r.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":r.palette.surface.secondary,"--ag-header-column-resize-handle-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:r.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:r.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}})));export{e as AgGridStyled};
+import{styled as r}from"@mui/material";import{AgGridReact as a}from"ag-grid-react";import"ag-grid-community/styles/ag-grid.css";import"ag-grid-community/styles/ag-theme-material.css";const e=r(a)((({theme:r})=>({"&.ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":r.palette.primary.main,"--ag-material-accent-color":r.palette.secondary.main,"--ag-foreground-color":r.palette.text.primary,"--ag-data-color":r.palette.text.primary,"--ag-header-foreground-color":r.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":r.palette.onSurface.os500,"--ag-disabled-foreground-color":r.palette.disabled.tertiary,"--ag-selected-row-background-color":r.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":r.palette.surface.primary,"--ag-row-border-color":r.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":r.palette.brand.primary,"--ag-checkbox-indeterminate-color":r.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":r.palette.surface.secondary,"--ag-header-column-resize-handle-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:r.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:r.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}})));export{e as AgGridStyled};
 //# sourceMappingURL=agGridStyled.js.map

package/components/agGrid/agGridStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"agGridStyled.js","sources":["../../../src/components/agGrid/agGridStyled.tsx"],"sourcesContent":[null],"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":"mFAGa,MAAAA,EAAeC,EAAOC,EAAPD,EAAoB,EAAGE,YAAa,CAC9D,sBAAuB,CACrBC,MAAO,OACPC,OAAQ,OAER,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,OAE3C,mBAAoB,CAClBU,OAAQ,YACRC,YAAajB,EAAMG,QAAQW,QAAQR,UACnCY,aAAc,OAGhB,eAAgB,CACdC,aAAc,QAGhB,gBAAiB,CACfC,gBAAiB,wCAGnB,4BAA6B,CAC3BC,SAAU,QAGZ,mBAAoB,CAClBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACVC,QAAS,QACTC,QAAS,KACTtB,OAAQ,MACRuB,WAAYzB,EAAMG,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}
+{"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":"uLAIY,MAACA,EAAeC,EAAOC,EAAPD,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/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":[null],"names":["Alert","type","children","actions","width","direction","_jsxs","Box","dir","sx","padding","paddingLeft","paddingRight","background","theme","palette","brand","tertiary","borderRadius","color","onSurface","os0","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","src","successIcon","errorIcon","warningIcon","flexGrow","undefined","borderLeft","os600","borderRight","alignSelf"],"mappings":"qNAaa,MAAAA,EAA8B,EAAGC,OAAMC,WAAUC,UAASC,QAAOC,YAAY,SAEtFC,EAACC,EAAG,CACFC,IAAKH,QAAAA,EAAa,MAClBI,GAAI,CACFC,QAAS,EACTC,YAA2B,QAAdN,EAAsB,EAAI,EACvCO,aAA4B,QAAdP,EAAsB,EAAI,EACxCQ,WAAaC,GAAUA,EAAMC,QAAQC,MAAMC,SAC3CC,aAAc,EACdC,MAAQL,GAAUA,EAAMC,QAAQK,UAAUC,IAC1CC,QAAS,OACTC,WAAY,SACZC,IAAK,OACLC,SAAU,QACVC,SAAUtB,QAAAA,EAAS,QACnBA,MAAOA,QAAAA,EAAS,QAEN,cAAA,kBAEXH,GACCK,EAACC,EACC,CAAAE,GAAI,CACFkB,OAAQ,OACRL,QAAS,OACTM,cAAe,SACfC,eAAgB,UACjB,cACW,aAEX3B,SAAA,CAAS,YAATD,GAAsB6B,EAAK,MAAA,CAAAC,IAAKC,IACvB,UAAT/B,GAAoB6B,SAAKC,IAAKE,IACrB,YAAThC,GAAsB6B,SAAKC,IAAKG,OAGrCJ,EAACvB,EAAG,CACFE,GAAI,CACF0B,SAAU,GACX,cACW,gBAAejC,SAE1BA,IAEFC,GACC2B,EAACvB,EACC,CAAAE,GAAI,CACFE,YAA2B,QAAdN,EAAsB,YAAS+B,EAC5CxB,aAA4B,QAAdP,EAAsB,YAAS+B,EAC7CC,WAAavB,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUkB,QAC/FC,YAAczB,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUkB,QAChGE,UAAW,UACXlB,QAAS,OACTM,cAAe,MACfL,WAAY,UACb,cACW,gBAEXrB,SAAAC"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport successIcon from './assets/successIcon.svg';\nimport warningIcon from './assets/warningIcon.svg';\nimport errorIcon from './assets/errorIcon.svg';\nexport const Alert = ({ type, children, actions, width, direction = 'ltr' }) => {\n    return (_jsxs(Box, { dir: direction !== null && direction !== void 0 ? direction : 'ltr', sx: {\n            padding: 1,\n            paddingLeft: direction === 'ltr' ? 2 : 1,\n            paddingRight: direction === 'rtl' ? 2 : 1,\n            background: (theme) => theme.palette.brand.tertiary,\n            borderRadius: 1,\n            color: (theme) => theme.palette.onSurface.os0,\n            display: 'flex',\n            alignItems: 'center',\n            gap: '11px',\n            minWidth: '300px',\n            maxWidth: width !== null && width !== void 0 ? width : '624px',\n            width: width !== null && width !== void 0 ? width : 'auto',\n        }, \"data-testid\": \"Alert\", children: [type && (_jsxs(Box, { sx: {\n                    height: '40px',\n                    display: 'flex',\n                    flexDirection: 'column',\n                    justifyContent: 'center',\n                }, \"data-testid\": \"Alert.icon\", children: [type === 'success' && _jsx(\"img\", { src: successIcon }), type === 'error' && _jsx(\"img\", { src: errorIcon }), type === 'warning' && _jsx(\"img\", { src: warningIcon })] })), _jsx(Box, { sx: {\n                    flexGrow: 1,\n                }, \"data-testid\": \"Alert.content\", children: children }), actions && (_jsx(Box, { sx: {\n                    paddingLeft: direction === 'ltr' ? '11px' : undefined,\n                    paddingRight: direction === 'rtl' ? '11px' : undefined,\n                    borderLeft: (theme) => `${direction === 'ltr' ? '1px' : '0px'} solid ${theme.palette.onSurface.os600}`,\n                    borderRight: (theme) => `${direction === 'rtl' ? '1px' : '0px'} solid ${theme.palette.onSurface.os600}`,\n                    alignSelf: 'stretch',\n                    display: 'flex',\n                    flexDirection: 'row',\n                    alignItems: 'center',\n                }, \"data-testid\": \"Alert.actions\", children: actions }))] }));\n};\n//# sourceMappingURL=Alert.js.map"],"names":["Alert","type","children","actions","width","direction","_jsxs","Box","dir","sx","padding","paddingLeft","paddingRight","background","theme","palette","brand","tertiary","borderRadius","color","onSurface","os0","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","src","successIcon","errorIcon","warningIcon","flexGrow","undefined","borderLeft","os600","borderRight","alignSelf"],"mappings":"qNAKY,MAACA,EAAQ,EAAGC,OAAMC,WAAUC,UAASC,QAAOC,YAAY,SACxDC,EAAMC,EAAK,CAAEC,IAAKH,QAA6CA,EAAY,MAAOI,GAAI,CACtFC,QAAS,EACTC,YAA2B,QAAdN,EAAsB,EAAI,EACvCO,aAA4B,QAAdP,EAAsB,EAAI,EACxCQ,WAAaC,GAAUA,EAAMC,QAAQC,MAAMC,SAC3CC,aAAc,EACdC,MAAQL,GAAUA,EAAMC,QAAQK,UAAUC,IAC1CC,QAAS,OACTC,WAAY,SACZC,IAAK,OACLC,SAAU,QACVC,SAAUtB,QAAqCA,EAAQ,QACvDA,MAAOA,QAAqCA,EAAQ,QACrD,cAAe,QAASF,SAAU,CAACD,GAASK,EAAMC,EAAK,CAAEE,GAAI,CACpDkB,OAAQ,OACRL,QAAS,OACTM,cAAe,SACfC,eAAgB,UACjB,cAAe,aAAc3B,SAAU,CAAU,YAATD,GAAsB6B,EAAK,MAAO,CAAEC,IAAKC,IAAyB,UAAT/B,GAAoB6B,EAAK,MAAO,CAAEC,IAAKE,IAAuB,YAAThC,GAAsB6B,EAAK,MAAO,CAAEC,IAAKG,OAAqBJ,EAAKvB,EAAK,CAAEE,GAAI,CACnO0B,SAAU,GACX,cAAe,gBAAiBjC,SAAUA,IAAaC,GAAY2B,EAAKvB,EAAK,CAAEE,GAAI,CAClFE,YAA2B,QAAdN,EAAsB,YAAS+B,EAC5CxB,aAA4B,QAAdP,EAAsB,YAAS+B,EAC7CC,WAAavB,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUkB,QAC/FC,YAAczB,GAAU,GAAiB,QAAdT,EAAsB,MAAQ,eAAeS,EAAMC,QAAQK,UAAUkB,QAChGE,UAAW,UACXlB,QAAS,OACTM,cAAe,MACfL,WAAY,UACb,cAAe,gBAAiBrB,SAAUC"}

package/components/alert/AlertButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":[null],"names":["AlertButton","props","_jsx","Button","Object","assign","styled","MuiButton","theme","padding","appearance","background","cursor","border","color","palette","onSurface","os0","fontWeight","fontSize","lineHeight"],"mappings":"kHAcM,SAAUA,EAAoDC,GAClE,OAAOC,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAAJ,GACrB,CAEA,MAAME,EAASG,EAAOC,EAAPD,EAAkB,EAAGE,YAAa,CAC/CC,QAAS,WACTC,WAAY,OACZC,WAAY,cACZC,OAAQ,UACRC,OAAQ,OACRC,MAAON,EAAMO,QAAQC,UAAUC,IAC/BC,WAAY,IACZC,SAAU,OACVC,WAAY"}
+{"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Button as MuiButton } from '@mui/base';\nimport { styled } from '@mui/material';\nexport function AlertButton(props) {\n    return _jsx(Button, Object.assign({}, props));\n}\nconst Button = styled(MuiButton)(({ theme }) => ({\n    padding: '8px 16px',\n    appearance: 'none',\n    background: 'transparent',\n    cursor: 'pointer',\n    border: 'none',\n    color: theme.palette.onSurface.os0,\n    fontWeight: 700,\n    fontSize: '14px',\n    lineHeight: '16px',\n}));\n//# sourceMappingURL=AlertButton.js.map"],"names":["AlertButton","props","_jsx","Button","Object","assign","styled","MuiButton","theme","padding","appearance","background","cursor","border","color","palette","onSurface","os0","fontWeight","fontSize","lineHeight"],"mappings":"kHAGO,SAASA,EAAYC,GACxB,OAAOC,EAAKC,EAAQC,OAAOC,OAAO,CAAE,EAAEJ,GAC1C,CACA,MAAME,EAASG,EAAOC,EAAPD,EAAkB,EAAGE,YAAa,CAC7CC,QAAS,WACTC,WAAY,OACZC,WAAY,cACZC,OAAQ,UACRC,OAAQ,OACRC,MAAON,EAAMO,QAAQC,UAAUC,IAC/BC,WAAY,IACZC,SAAU,OACVC,WAAY"}

package/components/avatar/Avatar.d.ts

@@ -1,11 +1,35 @@
 import { AvatarProps as MuiAvatarProps } from '@mui/material';
 export type AvatarProps = Omit<MuiAvatarProps, 'variant'> & {
+    /**
+     * Set size of rendered avatar
+     * @default md
+     */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Set color of the text
+     * @default light
+     */
     color?: 'light' | 'dark';
+    /**
+     * Set background color
+     * @default undefined
+     */
     background?: string;
 };
 export declare const Avatar: import("@emotion/styled").StyledComponent<Omit<MuiAvatarProps, "variant"> & {
+    /**
+     * Set size of rendered avatar
+     * @default md
+     */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Set color of the text
+     * @default light
+     */
     color?: 'light' | 'dark';
+    /**
+     * Set background color
+     * @default undefined
+     */
     background?: string;
 } & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":[null],"names":["Avatar","styled","props","_jsx","MuiAvatar","Object","assign","variant","shouldForwardProp","propName","includes","size","color","background","theme","fontWeight","letterSpacing","backgroundColor","palette","common","white","black","width","height","fontSize"],"mappings":"2FASA,MAEaA,EAASC,GAFqBC,GAAUC,EAACC,EAASC,OAAAC,OAAA,CAACC,QAAQ,YAAeL,KAE9C,CACvCM,kBAAoBC,IAAc,CAAC,OAAQ,QAAS,cAAcC,SAASD,IADvDR,EAEN,EAAGU,OAAMC,QAAOC,aAAYC,WAAYT,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACtDS,WAAY,IACZC,cAAe,UAEXH,GAAc,CAAEI,gBAAiBJ,MAE/BD,GAAmB,UAAVA,IAAsB,CACnCA,MAAOE,EAAMI,QAAQC,OAAOC,QAEhB,SAAVR,GAAoB,CACtBA,MAAOE,EAAMI,QAAQC,OAAOE,QAGjB,OAATV,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU,OAENb,GAAiB,OAATA,IAAkB,CAC9BW,MAAO,GACPC,OAAQ,GACRC,SAAU,KAEC,OAATb,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/avatar/Avatar.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Avatar as MuiAvatar, styled } from '@mui/material';\nconst AvatarBase = (props) => _jsx(MuiAvatar, Object.assign({ variant: \"circular\" }, props));\nexport const Avatar = styled(AvatarBase, {\n    shouldForwardProp: (propName) => !['size', 'color', 'background'].includes(propName),\n})(({ size, color, background, theme }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ fontWeight: 700, letterSpacing: '0.02em' }, (background && { backgroundColor: background })), ((!color || color === 'light') && {\n    color: theme.palette.common.white,\n})), (color === 'dark' && {\n    color: theme.palette.common.black,\n})), (size === 'sm' && {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n})), ((!size || size === 'md') && {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n})), (size === 'lg' && {\n    width: 56,\n    height: 56,\n    fontSize: 20,\n}))));\n//# sourceMappingURL=Avatar.js.map"],"names":["Avatar","styled","props","_jsx","MuiAvatar","Object","assign","variant","shouldForwardProp","propName","includes","size","color","background","theme","fontWeight","letterSpacing","backgroundColor","palette","common","white","black","width","height","fontSize"],"mappings":"2FAEA,MACaA,EAASC,GADFC,GAAUC,EAAKC,EAAWC,OAAOC,OAAO,CAAEC,QAAS,YAAcL,KAC5C,CACrCM,kBAAoBC,IAAc,CAAC,OAAQ,QAAS,cAAcC,SAASD,IADzDR,EAEnB,EAAGU,OAAMC,QAAOC,aAAYC,WAAaT,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAO,CAAES,WAAY,IAAKC,cAAe,UAAaH,GAAc,CAAEI,gBAAiBJ,MAAmBD,GAAmB,UAAVA,IAAsB,CAC9PA,MAAOE,EAAMI,QAAQC,OAAOC,QAChB,SAAVR,GAAoB,CACtBA,MAAOE,EAAMI,QAAQC,OAAOE,QACjB,OAATV,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU,OACNb,GAAiB,OAATA,IAAkB,CAC9BW,MAAO,GACPC,OAAQ,GACRC,SAAU,KACC,OAATb,GAAiB,CACnBW,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/backdrop/backdrop.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
-export interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface BackdropProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  If true, the component is shown. Default value false
      */

package/components/backdrop/backdrop.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import e,{useEffect as i}from"react";import t from"@mui/material/Backdrop";import{styled as n}from"@mui/material/styles";import s from"../common/hook/backdrop.js";import{flowColors as a}from"../../design/skoda/palette.theme.js";const m=e.forwardRef(((e,t)=>{var{open:n,onClose:a}=e,m=o(e,["open","onClose"]);const{openBackdrop:l,handleCloseBackdrop:c,setOpenBackdrop:d}=s();return i((()=>{d(n)}),[n,d]),r(p,{ref:t,classes:m.classes,open:l,onClick:()=>{c(),a&&a(!1)},invisible:m.invisible,sx:m.sx,transitionDuration:m.transitionDuration,children:m.children})})),p=n(t)((r=>o(r,["theme"]).invisible?{backgroundColor:a.transparent.backdrop,backdropFilter:"blur(0px)"}:null));export{m as Backdrop};
+import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useEffect as i}from"react";import t from"@mui/material/Backdrop";import{styled as n}from"@mui/material/styles";import s from"../common/hook/backdrop.js";import{flowColors as a}from"../../design/skoda/palette.theme.js";const m=e(((e,t)=>{var{open:n,onClose:a}=e,m=o(e,["open","onClose"]);const{openBackdrop:l,handleCloseBackdrop:c,setOpenBackdrop:d}=s();return i((()=>{d(n)}),[n,d]),r(p,{ref:t,classes:m.classes,open:l,onClick:()=>{c(),a&&a(!1)},invisible:m.invisible,sx:m.sx,transitionDuration:m.transitionDuration,children:m.children})})),p=n(t)((r=>o(r,["theme"]).invisible?{backgroundColor:a.transparent.backdrop,backdropFilter:"blur(0px)"}:null));export{m as Backdrop};
 //# sourceMappingURL=backdrop.js.map

package/components/backdrop/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":[null],"names":["Backdrop","React","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"2SAiDO,MAAMA,EAAWC,EAAMC,YAA0C,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAL,EAAzB,oBACvE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAW/D,OAJAC,GAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,EAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,EAAM,EAavBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,UAET,IAGEN,EAAiBO,EAAOC,EAAPD,EAAoCnB,GAAgBK,EAAAL,EAAhB,WAChDe,UACA,CACLM,gBAAiBC,EAAWC,YAAYC,SACxCC,eAAgB,aAGb"}
+{"version":3,"file":"backdrop.js","sources":["../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useEffect } from 'react';\nimport MuiBackdrop from '@mui/material/Backdrop';\nimport { styled } from '@mui/material/styles';\nimport useBackdrop from '../common/hook/backdrop';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef((_a, ref) => {\n    var { open, onClose } = _a, props = __rest(_a, [\"open\", \"onClose\"]);\n    const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n    const handleClose = () => {\n        handleCloseBackdrop();\n        onClose && onClose(false);\n    };\n    useEffect(() => {\n        setOpenBackdrop(open);\n    }, [open, setOpenBackdrop]);\n    return (_jsx(BackdropStyled, { ref: ref, classes: props.classes, open: openBackdrop, onClick: handleClose, invisible: props.invisible, sx: props.sx, transitionDuration: props.transitionDuration, children: props.children }));\n});\nconst BackdropStyled = styled(MuiBackdrop)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    if (args.invisible)\n        return {\n            backgroundColor: flowColors.transparent.backdrop,\n            backdropFilter: 'blur(0px)',\n        };\n    return null;\n});\n//# sourceMappingURL=backdrop.js.map"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","backgroundColor","flowColors","transparent","backdrop","backdropFilter"],"mappings":"wTAUY,MAACA,EAAWC,GAAW,CAACC,EAAIC,KACpC,IAAIC,KAAEA,EAAIC,QAAEA,GAAYH,EAAII,EAAQC,EAAOL,EAAI,CAAC,OAAQ,YACxD,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,IAQ/D,OAHAC,GAAU,KACNF,EAAgBN,EAAK,GACtB,CAACA,EAAMM,IACFG,EAAKC,EAAgB,CAAEX,IAAKA,EAAKY,QAAST,EAAMS,QAASX,KAAMI,EAAcQ,QAPjE,KAChBP,IACAJ,GAAWA,GAAQ,EAAM,EAK8EY,UAAWX,EAAMW,UAAWC,GAAIZ,EAAMY,GAAIC,mBAAoBb,EAAMa,mBAAoBC,SAAUd,EAAMc,UAAa,IAE9NN,EAAiBO,EAAOC,EAAPD,EAAqBnB,GACbK,EAAOL,EAAI,CAAC,UAC9Be,UACE,CACHM,gBAAiBC,EAAWC,YAAYC,SACxCC,eAAgB,aAEjB"}

package/components/banner/banner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { MouseEvent } from 'react';
 import { ButtonVariant } from '../common/type/ButtonVariant';
 export interface BannerProps {
     /**
@@ -28,7 +28,7 @@ export interface BannerProps {
     /**
      * Dismiss button callback
      */
-    buttonCallback?: (payload: any) => void;
+    buttonCallback?: (ev: MouseEvent) => void;
     /**
      * Additional Button show/hide
      */
@@ -44,11 +44,11 @@ export interface BannerProps {
     /**
      * Additional Button Callback
      */
-    additionalButtonCallback?: (payload: any) => void;
+    additionalButtonCallback?: (ev: MouseEvent) => void;
     /**
      * Additional Button Callback
      */
-    analyticsCallback?: (payload: any) => void;
+    analyticsCallback?: (ev: MouseEvent) => void;
     /**
      * Visibility control over whole banner
      */

package/components/banner/banner.js

@@ -1,2 +1,2 @@
-import{__rest as a}from"tslib";import{jsx as t,Fragment as n,jsxs as e}from"react/jsx-runtime";import i,{useState as r,useEffect as o}from"react";import l from"@emotion/styled";import{Icon as s}from"../icon/icon.js";import{Button as d}from"../button/button.js";import{flowColors as c}from"../../design/skoda/palette.theme.js";import{ColourSheme as b}from"../../utils/enum.js";const m=i.forwardRef(((i,l)=>{var c=a(i,[]);const[m,u]=r(!0);o((()=>{(c.isVisible||!1===c.isVisible)&&u(c.isVisible)}),[c.isVisible]);const f=(a,t)=>{"additional"===t?c.additionalButtonCallback&&c.additionalButtonCallback(a):c.buttonCallback&&c.buttonCallback(a),c.analyticsCallback&&c.analyticsCallback(a),u(!1)},x=c.iconIsFilled?" filled":"",g=c.buttonVariant,y=c.additionalButtonVariant;return t(n,{children:m&&t(p,{className:c.variant,variant:c.variant,ref:l,"data-testid":"Banner",children:e("div",{className:"bannerWrapper",children:[e("div",{className:"bannerHeader",children:[c.icon&&t(s,{fontSize:"medium",className:`${c.icon} ${x}`,"data-testid":"Banner.icon"}),t("p",{className:"body","data-testid":"Banner.body",children:c.textContent})]}),e("div",{className:"bannerBtnContainer",children:[c.additionalButton&&t(d,{variant:y,compact:!0,label:c.additionalButtonLabel,onClick:a=>f(a,"additional"),"data-testid":"Banner.btn2"}),"secondary"===c.variant?t(d,{variant:g,colourScheme:b.LIGHT_MODE,compact:!0,label:c.additionalButtonLabel,onClick:a=>f(a,"main"),"data-testid":"Banner.btn1"}):t(d,{variant:g,compact:!0,label:c.buttonLabel,onClick:a=>f(a,"main"),"data-testid":"Banner.btn1"})]})]})})})})),p=l.div((t=>{var{theme:n}=t;const e=a(t,["theme"]);let i={};switch(i=Object.assign(Object.assign({},i),{"& > .bannerWrapper":{boxSizing:"border-box",padding:"16px",display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"100%",[n.breakpoints.up("md")]:{padding:"7px 16px",flexDirection:"row"},"& *":{boxSizing:"border-box"}},"& .bannerHeader":{display:"flex",alignItems:"flex-start",justifyContent:"flex-items",width:"100%",marginBottom:"16px",[n.breakpoints.up("md")]:{alignItems:"center",marginBottom:"0"},"& .MuiIcon-root":{color:c.brand.tertiary,fontSize:"20px"}},"& .body":{margin:"0 0 0 8px",fontSize:"14px",fontWeight:"400",letterSpacing:"0.05px"},"& .bannerBtnContainer":{display:"flex",width:"100%",justifyContent:"flex-start",[n.breakpoints.up("md")]:{justifyContent:"flex-end"},"& > div + div":{marginLeft:"16px"}}}),e.variant){case"primary":return Object.assign(Object.assign({},i),{backgroundColor:c.brand.secondary,color:c.onSurface.os900});case"secondary":return Object.assign(Object.assign({},i),{backgroundColor:c.brand.tertiary,color:c.onSurface.os0,"& .bannerHeader .MuiIcon-root":{color:c.brand.secondary}});case"tertiary":return Object.assign(Object.assign({},i),{backgroundColor:c.surface.secondary,color:c.onSurface.os800,"& .bannerHeader .MuiIcon-root":{color:c.brand.primary}})}return i}));export{m as Banner};
+import{__rest as a}from"tslib";import{jsx as n,Fragment as t,jsxs as i}from"react/jsx-runtime";import{forwardRef as e,useState as o,useEffect as r}from"react";import l from"@emotion/styled";import{Icon as s}from"../icon/icon.js";import{Button as d}from"../button/button.js";import{flowColors as c}from"../../design/skoda/palette.theme.js";import{ColourSheme as b}from"../../utils/enum.js";const m=e(((e,l)=>{var c=a(e,[]);const[m,u]=o(!0);r((()=>{(c.isVisible||!1===c.isVisible)&&u(c.isVisible)}),[c.isVisible]);const f=(a,n)=>{var t,i,e;"additional"===n?null===(t=c.additionalButtonCallback)||void 0===t||t.call(c,a):null===(i=c.buttonCallback)||void 0===i||i.call(c,a),null===(e=c.analyticsCallback)||void 0===e||e.call(c,a),u(!1)},x=c.iconIsFilled?" filled":"",g=c.buttonVariant,y=c.additionalButtonVariant;return n(t,{children:m&&n(p,{className:c.variant,variant:c.variant,ref:l,"data-testid":"Banner",children:i("div",{className:"bannerWrapper",children:[i("div",{className:"bannerHeader",children:[c.icon&&n(s,{fontSize:"medium",className:`${c.icon} ${x}`,"data-testid":"Banner.icon"}),n("p",{className:"body","data-testid":"Banner.body",children:c.textContent})]}),i("div",{className:"bannerBtnContainer",children:[c.additionalButton&&n(d,{variant:y,compact:!0,label:c.additionalButtonLabel,onClick:a=>f(a,"additional"),"data-testid":"Banner.btn2"}),"secondary"===c.variant?n(d,{variant:g,colourScheme:b.LIGHT_MODE,compact:!0,label:c.additionalButtonLabel,onClick:a=>f(a,"main"),"data-testid":"Banner.btn1"}):n(d,{variant:g,compact:!0,label:c.buttonLabel,onClick:a=>f(a,"main"),"data-testid":"Banner.btn1"})]})]})})})})),p=l.div((n=>{var{theme:t}=n;const i=a(n,["theme"]);let e={};switch(e=Object.assign(Object.assign({},e),{"& > .bannerWrapper":{boxSizing:"border-box",padding:"16px",display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"100%",[t.breakpoints.up("md")]:{padding:"7px 16px",flexDirection:"row"},"& *":{boxSizing:"border-box"}},"& .bannerHeader":{display:"flex",alignItems:"flex-start",justifyContent:"flex-items",width:"100%",marginBottom:"16px",[t.breakpoints.up("md")]:{alignItems:"center",marginBottom:"0"},"& .MuiIcon-root":{color:c.brand.tertiary,fontSize:"20px"}},"& .body":{margin:"0 0 0 8px",fontSize:"14px",fontWeight:"400",letterSpacing:"0.05px"},"& .bannerBtnContainer":{display:"flex",width:"100%",justifyContent:"flex-start",[t.breakpoints.up("md")]:{justifyContent:"flex-end"},"& > div + div":{marginLeft:"16px"}}}),i.variant){case"primary":e=Object.assign(Object.assign({},e),{backgroundColor:c.brand.secondary,color:c.onSurface.os900});case"secondary":e=Object.assign(Object.assign({},e),{backgroundColor:c.brand.tertiary,color:c.onSurface.os0,"& .bannerHeader .MuiIcon-root":{color:c.brand.secondary}});case"tertiary":e=Object.assign(Object.assign({},e),{backgroundColor:c.surface.secondary,color:c.onSurface.os800,"& .bannerHeader .MuiIcon-root":{color:c.brand.primary}})}return e}));export{m as Banner};
 //# sourceMappingURL=banner.js.map

package/components/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["Banner","React","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","additionalButtonCallback","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","BannerStyled","className","variant","_jsxs","children","icon","Icon","fontSize","textContent","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","secondary","onSurface","os900","os0","surface","os800","primary"],"mappings":"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"}
+{"version":3,"file":"banner.js","sources":["../../../src/components/banner/banner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect, useState, forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Icon } from '../../components/icon';\nimport { Button } from '../../components/button';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ColourSheme } from '../../utils/enum';\nexport const Banner = forwardRef((_a, ref) => {\n    var props = __rest(_a, []);\n    const [isBannerVisible, setIsBannerVisible] = useState(true);\n    useEffect(() => {\n        if (props.isVisible || props.isVisible === false) {\n            setIsBannerVisible(props.isVisible);\n        }\n    }, [props.isVisible]);\n    const onClickButtons = (ev, btnType) => {\n        var _a, _b, _c;\n        if (btnType === 'additional') {\n            (_a = props.additionalButtonCallback) === null || _a === void 0 ? void 0 : _a.call(props, ev);\n        }\n        else {\n            (_b = props.buttonCallback) === null || _b === void 0 ? void 0 : _b.call(props, ev);\n        }\n        (_c = props.analyticsCallback) === null || _c === void 0 ? void 0 : _c.call(props, ev);\n        setIsBannerVisible(false);\n    };\n    const isFilled = props.iconIsFilled ? ' filled' : '';\n    const buttonVariantMain = props.buttonVariant;\n    const buttonVariantAdditional = props.additionalButtonVariant;\n    return (_jsx(_Fragment, { children: isBannerVisible && (_jsx(BannerStyled, { className: props.variant, variant: props.variant, ref: ref, \"data-testid\": \"Banner\", children: _jsxs(\"div\", { className: \"bannerWrapper\", children: [_jsxs(\"div\", { className: \"bannerHeader\", children: [props.icon && (_jsx(Icon, { fontSize: \"medium\", className: `${props.icon} ${isFilled}`, \"data-testid\": \"Banner.icon\" })), _jsx(\"p\", { className: \"body\", \"data-testid\": \"Banner.body\", children: props.textContent })] }), _jsxs(\"div\", { className: \"bannerBtnContainer\", children: [props.additionalButton && (_jsx(Button, { variant: buttonVariantAdditional, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'additional'), \"data-testid\": \"Banner.btn2\" })), props.variant === 'secondary' ? (_jsx(Button, { variant: buttonVariantMain, colourScheme: ColourSheme.LIGHT_MODE, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" })) : (_jsx(Button, { variant: buttonVariantMain, compact: true, label: props.buttonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" }))] })] }) })) }));\n});\nconst BannerStyled = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { '& > .bannerWrapper': {\n            boxSizing: 'border-box',\n            padding: '16px',\n            display: 'flex',\n            flexDirection: 'column',\n            flexWrap: 'nowrap',\n            width: '100%',\n            [theme.breakpoints.up('md')]: {\n                padding: '7px 16px',\n                flexDirection: 'row',\n            },\n            '& *': {\n                boxSizing: 'border-box',\n            },\n        }, '& .bannerHeader': {\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-items',\n            width: '100%',\n            marginBottom: '16px',\n            [theme.breakpoints.up('md')]: {\n                alignItems: 'center',\n                marginBottom: '0',\n            },\n            '& .MuiIcon-root': {\n                color: flowColors.brand.tertiary,\n                fontSize: '20px',\n            },\n        }, '& .body': {\n            margin: '0 0 0 8px',\n            fontSize: '14px',\n            fontWeight: '400',\n            letterSpacing: '0.05px',\n        }, '& .bannerBtnContainer': {\n            display: 'flex',\n            width: '100%',\n            justifyContent: 'flex-start',\n            [theme.breakpoints.up('md')]: {\n                justifyContent: 'flex-end',\n            },\n            '& > div + div': {\n                marginLeft: '16px',\n            },\n        } });\n    switch (props.variant) {\n        case 'primary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.secondary, color: flowColors.onSurface.os900 });\n        case 'secondary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.tertiary, color: flowColors.onSurface.os0, '& .bannerHeader .MuiIcon-root': {\n                    color: flowColors.brand.secondary,\n                } });\n        case 'tertiary':\n            styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.surface.secondary, color: flowColors.onSurface.os800, '& .bannerHeader .MuiIcon-root': {\n                    color: flowColors.brand.primary,\n                } });\n    }\n    return styles;\n});\n//# sourceMappingURL=banner.js.map"],"names":["Banner","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","_b","_c","additionalButtonCallback","call","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","_Fragment","children","BannerStyled","className","variant","_jsxs","icon","Icon","fontSize","textContent","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","secondary","onSurface","os900","os0","surface","os800","primary"],"mappings":"qYAQY,MAACA,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,EAAQC,EAAOH,EAAI,IACvB,MAAOI,EAAiBC,GAAsBC,GAAS,GACvDC,GAAU,MACFL,EAAMM,YAAiC,IAApBN,EAAMM,YACzBH,EAAmBH,EAAMM,UAC5B,GACF,CAACN,EAAMM,YACV,MAAMC,EAAiB,CAACC,EAAIC,KACxB,IAAIX,EAAIY,EAAIC,EACI,eAAZF,EAC0C,QAAzCX,EAAKE,EAAMY,gCAA6C,IAAPd,GAAyBA,EAAGe,KAAKb,EAAOQ,GAG1D,QAA/BE,EAAKV,EAAMc,sBAAmC,IAAPJ,GAAyBA,EAAGG,KAAKb,EAAOQ,GAEjD,QAAlCG,EAAKX,EAAMe,yBAAsC,IAAPJ,GAAyBA,EAAGE,KAAKb,EAAOQ,GACnFL,GAAmB,EAAM,EAEvBa,EAAWhB,EAAMiB,aAAe,UAAY,GAC5CC,EAAoBlB,EAAMmB,cAC1BC,EAA0BpB,EAAMqB,wBACtC,OAAQC,EAAKC,EAAW,CAAEC,SAAUtB,GAAoBoB,EAAKG,EAAc,CAAEC,UAAW1B,EAAM2B,QAASA,QAAS3B,EAAM2B,QAAS5B,IAAKA,EAAK,cAAe,SAAUyB,SAAUI,EAAM,MAAO,CAAEF,UAAW,gBAAiBF,SAAU,CAACI,EAAM,MAAO,CAAEF,UAAW,eAAgBF,SAAU,CAACxB,EAAM6B,MAASP,EAAKQ,EAAM,CAAEC,SAAU,SAAUL,UAAW,GAAG1B,EAAM6B,QAAQb,IAAY,cAAe,gBAAmBM,EAAK,IAAK,CAAEI,UAAW,OAAQ,cAAe,cAAeF,SAAUxB,EAAMgC,iBAAoBJ,EAAM,MAAO,CAAEF,UAAW,qBAAsBF,SAAU,CAACxB,EAAMiC,kBAAqBX,EAAKY,EAAQ,CAAEP,QAASP,EAAyBe,SAAS,EAAMC,MAAOpC,EAAMqC,sBAAuBC,QAAU9B,GAAOD,EAAeC,EAAI,cAAe,cAAe,gBAAqC,cAAlBR,EAAM2B,QAA2BL,EAAKY,EAAQ,CAAEP,QAAST,EAAmBqB,aAAcC,EAAYC,WAAYN,SAAS,EAAMC,MAAOpC,EAAMqC,sBAAuBC,QAAU9B,GAAOD,EAAeC,EAAI,QAAS,cAAe,gBAAqBc,EAAKY,EAAQ,CAAEP,QAAST,EAAmBiB,SAAS,EAAMC,MAAOpC,EAAM0C,YAAaJ,QAAU9B,GAAOD,EAAeC,EAAI,QAAS,cAAe,yBAAkC,IAEvqCiB,EAAekB,EAAOC,KAAK9C,IAC7B,IAAI+C,MAAEA,GAAU/C,EAChB,MAAME,EADqBC,EAAOH,EAAI,CAAC,UAEvC,IAAIgD,EAAS,CAAA,EA6Cb,OA5CAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,qBAAsB,CAClEG,UAAW,aACXC,QAAS,OACTC,QAAS,OACTC,cAAe,SACfC,SAAU,SACVC,MAAO,OACP,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC1BN,QAAS,WACTE,cAAe,OAEnB,MAAO,CACHH,UAAW,eAEhB,kBAAmB,CAClBE,QAAS,OACTM,WAAY,aACZC,eAAgB,aAChBJ,MAAO,OACPK,aAAc,OACd,CAACd,EAAMU,YAAYC,GAAG,OAAQ,CAC1BC,WAAY,SACZE,aAAc,KAElB,kBAAmB,CACfC,MAAOC,EAAWC,MAAMC,SACxBhC,SAAU,SAEf,UAAW,CACViC,OAAQ,YACRjC,SAAU,OACVkC,WAAY,MACZC,cAAe,UAChB,wBAAyB,CACxBf,QAAS,OACTG,MAAO,OACPI,eAAgB,aAChB,CAACb,EAAMU,YAAYC,GAAG,OAAQ,CAC1BE,eAAgB,YAEpB,gBAAiB,CACbS,WAAY,WAGhBnE,EAAM2B,SACV,IAAK,UACDmB,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAWC,MAAMO,UAAWT,MAAOC,EAAWS,UAAUC,QACjI,IAAK,YACDzB,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAWC,MAAMC,SAAUH,MAAOC,EAAWS,UAAUE,IAAK,gCAAiC,CAC1JZ,MAAOC,EAAWC,MAAMO,aAEpC,IAAK,WACDvB,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAWY,QAAQJ,UAAWT,MAAOC,EAAWS,UAAUI,MAAO,gCAAiC,CAC/Jd,MAAOC,EAAWC,MAAMa,WAGxC,OAAO7B,CAAM"}

package/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { ColourSheme } from '../../utils/enum';
 /**
  * @type ButtonVariants
@@ -16,7 +16,7 @@ export declare enum ButtonVariants {
  * @description Base definition of SkodaFlow Button independent on core implementation.
  * Properties are inherited from HTML Button element
  */
-export interface ButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
+export interface ButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
     /**
      * Variant of button defines different look and style
      */

package/components/button/button.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import i,{useState as o,useMemo as a}from"react";import n from"@mui/material/Button";import{styled as e}from"@mui/material/styles";import{Icon as c}from"../icon/icon.js";import s from"../common/styled/buttonFocusVisibleStyled.js";import{ColourSheme as m}from"../../utils/enum.js";import{ternaryCondition as l}from"../../utils/utilities.js";import u from"lodash/merge";var d;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.GHOST="ghost",r.TERTIARY="tertiary",r.NAVIGATION="navigation"}(d||(d={}));const p=i.forwardRef(((i,n)=>{var e,{variant:u=d.PRIMARY,colourScheme:p,direction:I="back",label:R,icon:h,compact:A,disabled:T}=i,g=r(i,["variant","colourScheme","direction","label","icon","compact","disabled"]);const[v,b]=o(!1),N=a((()=>{switch(u){case d.PRIMARY:return"contained";case d.GHOST:return"outlined";case d.NAVIGATION:return"navigation";case d.SECONDARY:return"contained";case d.TERTIARY:return"text"}}),[u]),O=a((()=>{switch(u){case d.PRIMARY:return"primary";case d.GHOST:case d.NAVIGATION:case d.SECONDARY:case d.TERTIARY:return"secondary"}}),[u]),M="navigation"===u,S=M&&"forward"===I,Y=M&&"back"===I;return t(s,{focusVisible:v,isNavigationVariant:M,fullWidth:g.fullWidth,children:t(f,Object.assign({},g,{ref:n,variant:N,color:O,startIcon:h&&!M||Y?t(c,{className:Y?"arrow-left":h}):void 0,endIcon:S?t(c,{className:"arrow-right"}):void 0,disabled:T,size:A?"small":void 0,onFocusVisible:()=>b(!0),onBlur:r=>{b(!1),g.onBlur&&g.onBlur(r)},className:l(p,m.LIGHT_MODE,"MuiButton-white",""),children:null!==(e=g.children)&&void 0!==e?e:R}))})})),f=e(n)((t=>{const i=r(t,["theme"]),o="navigation"===i.variant,a={};return!i.children&&i.startIcon&&u(a,{width:44,padding:0,"& .MuiButton-startIcon":{margin:"-4px 0 0 0",fontSize:"16px",".MuiIcon-root":{paddingTop:3,"&::before":{marginLeft:1}}}}),o&&u(a,{"& .MuiButton-endIcon":{marginTop:"2px"},"& .MuiButton-startIcon":{marginTop:"2px"}}),a}));export{p as Button,d as ButtonVariants};
+import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as i,useState as o,useMemo as a}from"react";import n from"@mui/material/Button";import{styled as e}from"@mui/material/styles";import{Icon as c}from"../icon/icon.js";import s from"../common/styled/buttonFocusVisibleStyled.js";import{ColourSheme as l}from"../../utils/enum.js";import{ternaryCondition as m}from"../../utils/utilities.js";import u from"lodash/merge";var d;!function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.GHOST="ghost",t.TERTIARY="tertiary",t.NAVIGATION="navigation"}(d||(d={}));const p=i(((i,n)=>{var e,{variant:u=d.PRIMARY,colourScheme:p,direction:h="back",label:A,icon:T,compact:g,disabled:v}=i,b=t(i,["variant","colourScheme","direction","label","icon","compact","disabled"]);const[N,O]=o(!1),M=a((()=>I(u)),[u]),S=a((()=>R(u)),[u]),Y="navigation"===u,y=Y&&"forward"===h,B=Y&&"back"===h;return r(s,{focusVisible:N,isNavigationVariant:Y,fullWidth:b.fullWidth,children:r(f,Object.assign({},b,{ref:n,variant:M,color:S,startIcon:T&&!Y||B?r(c,{className:B?"arrow-left":T}):void 0,endIcon:y?r(c,{className:"arrow-right"}):void 0,disabled:v,size:g?"small":void 0,onFocusVisible:()=>O(!0),onBlur:t=>{O(!1),b.onBlur&&b.onBlur(t)},className:m(p,l.LIGHT_MODE,"MuiButton-white",""),children:null!==(e=b.children)&&void 0!==e?e:A}))})})),f=e(n)((r=>{const i=t(r,["theme"]),o="navigation"===i.variant,a={};return!i.children&&i.startIcon&&u(a,{width:44,padding:0,"& .MuiButton-startIcon":{margin:"-4px 0 0 0",fontSize:"16px",".MuiIcon-root":{paddingTop:3,"&::before":{marginLeft:1}}}}),o&&u(a,{"& .MuiButton-endIcon":{marginTop:"2px"},"& .MuiButton-startIcon":{marginTop:"2px"}}),a})),I=t=>{switch(t){case d.PRIMARY:return"contained";case d.GHOST:return"outlined";case d.NAVIGATION:return"navigation";case d.SECONDARY:return"contained";case d.TERTIARY:return"text";default:return"contained"}},R=t=>{switch(t){case d.PRIMARY:return"primary";case d.GHOST:case d.NAVIGATION:case d.SECONDARY:case d.TERTIARY:return"secondary";default:return"primary"}};export{p as Button,d as ButtonVariants};
 //# sourceMappingURL=button.js.map

package/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","Button","React","forwardRef","_a","ref","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","GHOST","NAVIGATION","SECONDARY","TERTIARY","buttonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","_b","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop"],"mappings":"2bAaYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,YACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAqDM,MAAMC,EAASC,EAAMC,YAC1B,CACEC,EACAC,YADAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,KAAaC,EAAzGC,EAAAX,EAAA,CAAA,UAAA,eAAA,YAAA,QAAA,OAAA,UAAA,aAGA,MAAOY,EAAeC,GAAmBC,GAAS,GAE5CC,EAAwBC,GAA0D,KACtF,OAAQd,GACN,KAAKN,EAAeO,QAClB,MAAO,YACT,KAAKP,EAAeqB,MAClB,MAAO,WACT,KAAKrB,EAAesB,WAClB,MAAO,aACT,KAAKtB,EAAeuB,UAClB,MAAO,YACT,KAAKvB,EAAewB,SAClB,MAAO,OACV,GACA,CAAClB,IAEEmB,EAAcL,GAAiC,KACnD,OAAQd,GACN,KAAKN,EAAeO,QAClB,MAAO,UACT,KAAKP,EAAeqB,MAEpB,KAAKrB,EAAesB,WAEpB,KAAKtB,EAAeuB,UAEpB,KAAKvB,EAAewB,SAClB,MAAO,YACV,GACA,CAAClB,IAMEoB,EAAkC,eAAZpB,EACtBqB,EAAqBD,GAAqC,YAAdjB,EAC5CmB,EAAkBF,GAAqC,SAAdjB,EAE/C,OACEoB,EAACC,EAAwB,CACvBC,aAAcf,EACdU,oBAAqBA,EACrBM,UAAWlB,EAAMkB,UAASC,SAE1BJ,EAACK,EACKC,OAAAC,OAAA,CAAA,EAAAtB,GACJT,IAAKA,EACLC,QAASa,EACTkB,MAAOZ,EACPa,UACG3B,IAASe,GAAwBE,EAChCC,EAACU,EAAI,CAACC,UAAWZ,EAAkB,aAAejB,SAChD8B,EAENC,QAASf,EAAqBE,EAACU,EAAK,CAAAC,UAAU,qBAAmBC,EACjE5B,SAAUA,EACV8B,KAAM/B,EAAU,aAAU6B,EAC1BG,eAAgB,IAAM3B,GAAgB,GACtC4B,OA5BUC,IACd7B,GAAgB,GACZH,EAAM+B,QAAQ/B,EAAM+B,OAAOC,EAAE,EA2B7BN,UAAWO,EAAiBvC,EAAcwC,EAAYC,WAAY,kBAAmB,IAEpFhB,SAAkB,QAAlBiB,EAAApC,EAAMmB,gBAAY,IAAAiB,EAAAA,EAAAxC,MAGvB,IAOAwB,EAAeiB,EAAOC,EAAPD,EAAmC/C,IACtD,MAAMU,EADgEC,EAAAX,EAAhB,WAEhDsB,EAAwC,eAAlBZ,EAAMR,QAC5B+C,EAAS,CAAA,EA8Bf,OA5BKvC,EAAMmB,UAAYnB,EAAMwB,WAC3BgB,EAAMD,EAAQ,CACZE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACxBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACfC,WAAY,EACZ,YAAa,CACXC,WAAY,OAOlBlC,GACF4B,EAAMD,EAAQ,CACZ,uBAAwB,CACtBQ,UAAW,OAEb,yBAA0B,CACxBA,UAAW,SAKVR,CAAM"}
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useMemo, useState } from 'react';\nimport MuiButton from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../icon';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport { ColourSheme } from '../../utils/enum';\nimport { ternaryCondition } from '../../utils/utilities';\nimport merge from 'lodash/merge';\n/**\n * @type ButtonVariants\n * @description The variants of the Button component.\n */\nexport var ButtonVariants;\n(function (ButtonVariants) {\n    ButtonVariants[\"PRIMARY\"] = \"primary\";\n    ButtonVariants[\"SECONDARY\"] = \"secondary\";\n    ButtonVariants[\"GHOST\"] = \"ghost\";\n    ButtonVariants[\"TERTIARY\"] = \"tertiary\";\n    ButtonVariants[\"NAVIGATION\"] = \"navigation\";\n})(ButtonVariants || (ButtonVariants = {}));\n/**\n * @description SkodaFlow Button component.\n * Properties are inherited from HTML Button element.\n * @param props ButtonProps\n * @returns React Functional Component\n * @deprecated Use Button component from '@mui/material' module instead.\n */\nexport const Button = forwardRef((_a, ref) => {\n    var _b;\n    var { variant = ButtonVariants.PRIMARY, colourScheme, direction = 'back', label, icon, compact, disabled } = _a, props = __rest(_a, [\"variant\", \"colourScheme\", \"direction\", \"label\", \"icon\", \"compact\", \"disabled\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const buttonVariantResolved = useMemo(() => getButtonVariant(variant), [variant]);\n    const buttonColor = useMemo(() => getButtonColor(variant), [variant]);\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const isNavigationVariant = variant === 'navigation';\n    const isDirectionForward = isNavigationVariant && direction === 'forward';\n    const isDirectionBack = isNavigationVariant && direction === 'back';\n    return (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisibled, isNavigationVariant: isNavigationVariant, fullWidth: props.fullWidth, children: _jsx(ButtonStyled, Object.assign({}, props, { ref: ref, variant: buttonVariantResolved, color: buttonColor, startIcon: (icon && !isNavigationVariant) || isDirectionBack ? (_jsx(Icon, { className: isDirectionBack ? 'arrow-left' : icon })) : undefined, endIcon: isDirectionForward ? _jsx(Icon, { className: \"arrow-right\" }) : undefined, disabled: disabled, size: compact ? 'small' : undefined, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, className: ternaryCondition(colourScheme, ColourSheme.LIGHT_MODE, 'MuiButton-white', ''), children: (_b = props.children) !== null && _b !== void 0 ? _b : label })) }));\n});\n/**\n * @description Button styling defintion based on props\n */\nconst ButtonStyled = styled(MuiButton)((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const props = args;\n    const isNavigationVariant = props.variant === 'navigation';\n    const styles = {};\n    if (!props.children && props.startIcon) {\n        merge(styles, {\n            width: 44,\n            padding: 0,\n            '& .MuiButton-startIcon': {\n                margin: '-4px 0 0 0',\n                fontSize: '16px',\n                '.MuiIcon-root': {\n                    paddingTop: 3,\n                    '&::before': {\n                        marginLeft: 1,\n                    },\n                },\n            },\n        });\n    }\n    if (isNavigationVariant) {\n        merge(styles, {\n            '& .MuiButton-endIcon': {\n                marginTop: '2px',\n            },\n            '& .MuiButton-startIcon': {\n                marginTop: '2px',\n            },\n        });\n    }\n    return styles;\n});\nconst getButtonVariant = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'contained';\n        case ButtonVariants.GHOST:\n            return 'outlined';\n        case ButtonVariants.NAVIGATION:\n            return 'navigation';\n        case ButtonVariants.SECONDARY:\n            return 'contained';\n        case ButtonVariants.TERTIARY:\n            return 'text';\n        default:\n            return 'contained';\n    }\n};\nconst getButtonColor = (variant) => {\n    switch (variant) {\n        case ButtonVariants.PRIMARY:\n            return 'primary';\n        case ButtonVariants.GHOST:\n            return 'secondary';\n        case ButtonVariants.NAVIGATION:\n            return 'secondary';\n        case ButtonVariants.SECONDARY:\n            return 'secondary';\n        case ButtonVariants.TERTIARY:\n            return 'secondary';\n        default:\n            return 'primary';\n    }\n};\n//# sourceMappingURL=button.js.map"],"names":["ButtonVariants","Button","forwardRef","_a","ref","_b","variant","PRIMARY","colourScheme","direction","label","icon","compact","disabled","props","__rest","focusVisibled","setFocusVisible","useState","buttonVariantResolved","useMemo","getButtonVariant","buttonColor","getButtonColor","isNavigationVariant","isDirectionForward","isDirectionBack","_jsx","ButtonFocusVisibleStyled","focusVisible","fullWidth","children","ButtonStyled","Object","assign","color","startIcon","Icon","className","undefined","endIcon","size","onFocusVisible","onBlur","e","ternaryCondition","ColourSheme","LIGHT_MODE","styled","MuiButton","styles","merge","width","padding","margin","fontSize","paddingTop","marginLeft","marginTop","GHOST","NAVIGATION","SECONDARY","TERTIARY"],"mappings":"ocAcU,IAACA,GACX,SAAWA,GACPA,EAAwB,QAAI,UAC5BA,EAA0B,UAAI,YAC9BA,EAAsB,MAAI,QAC1BA,EAAyB,SAAI,WAC7BA,EAA2B,WAAI,YAClC,CAND,CAMGA,IAAmBA,EAAiB,CAAE,IAQ7B,MAACC,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,GACAC,QAAEA,EAAUN,EAAeO,QAAOC,aAAEA,EAAYC,UAAEA,EAAY,OAAMC,MAAEA,EAAKC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAaV,EAAIW,EAAQC,EAAOZ,EAAI,CAAC,UAAW,eAAgB,YAAa,QAAS,OAAQ,UAAW,aACzM,MAAOa,EAAeC,GAAmBC,GAAS,GAC5CC,EAAwBC,GAAQ,IAAMC,EAAiBf,IAAU,CAACA,IAClEgB,EAAcF,GAAQ,IAAMG,EAAejB,IAAU,CAACA,IAMtDkB,EAAkC,eAAZlB,EACtBmB,EAAqBD,GAAqC,YAAdf,EAC5CiB,EAAkBF,GAAqC,SAAdf,EAC/C,OAAQkB,EAAKC,EAA0B,CAAEC,aAAcb,EAAeQ,oBAAqBA,EAAqBM,UAAWhB,EAAMgB,UAAWC,SAAUJ,EAAKK,EAAcC,OAAOC,OAAO,CAAE,EAAEpB,EAAO,CAAEV,IAAKA,EAAKE,QAASa,EAAuBgB,MAAOb,EAAac,UAAYzB,IAASa,GAAwBE,EAAmBC,EAAKU,EAAM,CAAEC,UAAWZ,EAAkB,aAAef,SAAW4B,EAAWC,QAASf,EAAqBE,EAAKU,EAAM,CAAEC,UAAW,qBAAmBC,EAAW1B,SAAUA,EAAU4B,KAAM7B,EAAU,aAAU2B,EAAWG,eAAgB,IAAMzB,GAAgB,GAAO0B,OAR3jBC,IACZ3B,GAAgB,GACZH,EAAM6B,QACN7B,EAAM6B,OAAOC,EAAE,EAKokBN,UAAWO,EAAiBrC,EAAcsC,EAAYC,WAAY,kBAAmB,IAAKhB,SAAoC,QAAzB1B,EAAKS,EAAMiB,gBAA6B,IAAP1B,EAAgBA,EAAKK,MAAc,IAKlwBsB,EAAegB,EAAOC,EAAPD,EAAmB7C,IAEpC,MAAMW,EADqBC,EAAOZ,EAAI,CAAC,UAEjCqB,EAAwC,eAAlBV,EAAMR,QAC5B4C,EAAS,CAAA,EA2Bf,OA1BKpC,EAAMiB,UAAYjB,EAAMsB,WACzBe,EAAMD,EAAQ,CACVE,MAAO,GACPC,QAAS,EACT,yBAA0B,CACtBC,OAAQ,aACRC,SAAU,OACV,gBAAiB,CACbC,WAAY,EACZ,YAAa,CACTC,WAAY,OAM5BjC,GACA2B,EAAMD,EAAQ,CACV,uBAAwB,CACpBQ,UAAW,OAEf,yBAA0B,CACtBA,UAAW,SAIhBR,CAAM,IAEX7B,EAAoBf,IACtB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,YACX,KAAKP,EAAe2D,MAChB,MAAO,WACX,KAAK3D,EAAe4D,WAChB,MAAO,aACX,KAAK5D,EAAe6D,UAChB,MAAO,YACX,KAAK7D,EAAe8D,SAChB,MAAO,OACX,QACI,MAAO,YACd,EAECvC,EAAkBjB,IACpB,OAAQA,GACJ,KAAKN,EAAeO,QAChB,MAAO,UACX,KAAKP,EAAe2D,MAEpB,KAAK3D,EAAe4D,WAEpB,KAAK5D,EAAe6D,UAEpB,KAAK7D,EAAe8D,SAChB,MAAO,YACX,QACI,MAAO,UACd"}

package/components/cardContainer/cardContainer.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface CardContainerProps
  * @description Base definition of SkodaFlow CardContainer independent on core implementation.
  * Properties are inherited from HTML Div element.
  */
-export interface CardContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardContainerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Control the clicked state. The state can be controlled from outside if isClickable is true.
      */

package/components/cardContainer/cardContainer.js

@@ -1,2 +1,2 @@
-import{__rest as i}from"tslib";import{jsx as r}from"react/jsx-runtime";import e,{useState as a,useEffect as o,useCallback as t}from"react";import s from"@emotion/styled";import{flowColors as n}from"../../design/skoda/palette.theme.js";import{ternaryCondition as d}from"../../utils/utilities.js";const c=e.forwardRef(((e,s)=>{var{children:n,isClickable:d,onClickCallback:c,isClicked:p,padding:b="10px",isGreyVariant:x=!1}=e,m=i(e,["children","isClickable","onClickCallback","isClicked","padding","isGreyVariant"]);const[k,C]=a(!1);o((()=>{d&&C((()=>p))}),[d,p]);const f=t((()=>{d&&C((i=>(c&&c(!i),!i)))}),[d,c]);return r(l,Object.assign({style:{padding:b}},m,{ref:s,onClick:f,isClicked:k,isClickable:d,isGreyVariant:x,"data-state":k?"clicked":"idle","data-testid":"CardContainer",children:r("div",{children:n})}))})),l=s.div((r=>{var e=i(r,["theme"]);const a=`inset 0 0 0 1px ${n.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,o=e.isClicked?{boxShadow:`inset 0 0 0 1px ${n.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,"&:hover":{boxShadow:`inset 0 0 0 1px ${n.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}}:{boxShadow:a},t=e.isClickable?Object.assign({cursor:"pointer"},o):{boxShadow:a};let s={};return s=Object.assign({display:"inline-block",boxSizing:"border-box",borderRadius:"8px",background:d(e.isGreyVariant,!0,n.surface.primary,n.surface.tertiary),"&:hover":{border:"",boxShadow:`inset 0 0 0 1px ${n.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}},t),s}));export{c as CardContainer};
+import{__rest as i}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useState as a,useEffect as o,useCallback as t}from"react";import s from"@emotion/styled";import{flowColors as n}from"../../design/skoda/palette.theme.js";import{ternaryCondition as d}from"../../utils/utilities.js";const c=e(((e,s)=>{var{children:n,isClickable:d,onClickCallback:c,isClicked:p,padding:b="10px",isGreyVariant:x=!1}=e,m=i(e,["children","isClickable","onClickCallback","isClicked","padding","isGreyVariant"]);const[k,C]=a(!1);o((()=>{d&&C((()=>p))}),[d,p]);const g=t((()=>{d&&C((i=>(c&&c(!i),!i)))}),[d,c]);return r(l,Object.assign({style:{padding:b}},m,{ref:s,onClick:g,isClicked:k,isClickable:d,isGreyVariant:x,"data-state":k?"clicked":"idle","data-testid":"CardContainer",children:r("div",{children:n})}))})),l=s.div((r=>{var e=i(r,["theme"]);const a=`inset 0 0 0 1px ${n.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,o=e.isClicked?{boxShadow:`inset 0 0 0 1px ${n.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,"&:hover":{boxShadow:`inset 0 0 0 1px ${n.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}}:{boxShadow:a},t=e.isClickable?Object.assign({cursor:"pointer"},o):{boxShadow:a};let s={};return s=Object.assign({display:"inline-block",boxSizing:"border-box",borderRadius:"8px",background:d(e.isGreyVariant,!0,n.surface.primary,n.surface.tertiary),"&:hover":{border:"",boxShadow:`inset 0 0 0 1px ${n.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`}},t),s}));export{c as CardContainer};
 //# sourceMappingURL=cardContainer.js.map

package/components/cardContainer/cardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":[null],"names":["CardContainer","React","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"uSAiCO,MAAMA,EAAgBC,EAAMC,YACjC,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAPLC,EAAAV,EAAA,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,GAAS,GAE3CC,GAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,GAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EACH,aAAAH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,kBAAMf,MAER,IAIAgB,EAAsBK,EAAOC,KAI/BxB,IAAA,IAAYyB,EAAIf,EAAAV,EAAhB,WACF,MAAM0B,EAAmB,mBAAmBC,EAAWC,QAAQC,6CAEzDC,EAAqBL,EAAKpB,UAC5B,CACE0B,UAAW,mBAAmBJ,EAAWK,MAAMC,2CAC/C,UAAW,CACTF,UAAW,mBAAmBJ,EAAWO,WAAWD,6CAGxD,CAAEF,UAAWL,GACXS,EAA2BV,EAAKtB,YAChCgB,OAAAC,OAAA,CAAAgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAA,EAab,OAZAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EAAiBjB,EAAKjB,eAAe,EAAMmB,EAAWC,QAAQK,QAASN,EAAWC,QAAQe,UACtG,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAWkB,UAAUC,2CAElDX,GAGEE,CAAM"}
+{"version":3,"file":"cardContainer.js","sources":["../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nexport const CardContainer = forwardRef((_a, ref) => {\n    var { children, isClickable, onClickCallback, isClicked: isClickedFromOutsideState, padding = '10px', isGreyVariant = false } = _a, props = __rest(_a, [\"children\", \"isClickable\", \"onClickCallback\", \"isClicked\", \"padding\", \"isGreyVariant\"]);\n    const [isClicked, setIsClicked] = useState(false);\n    useEffect(() => {\n        if (!isClickable)\n            return;\n        setIsClicked(() => isClickedFromOutsideState);\n    }, [isClickable, isClickedFromOutsideState]);\n    const isClickedHandler = useCallback(() => {\n        if (!isClickable)\n            return;\n        setIsClicked((curr) => {\n            onClickCallback && onClickCallback(!curr);\n            return !curr;\n        });\n    }, [isClickable, onClickCallback]);\n    return (_jsx(StyledCardContainer, Object.assign({ style: { padding: padding } }, props, { ref: ref, onClick: isClickedHandler, isClicked: isClicked, isClickable: isClickable, isGreyVariant: isGreyVariant, \"data-state\": isClicked ? 'clicked' : 'idle', \"data-testid\": \"CardContainer\", children: _jsx(\"div\", { children: children }) })));\n});\nconst StyledCardContainer = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const defaultBoxShadow = `inset 0 0 0 1px ${flowColors.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n    const stylesBasedOnClick = args.isClicked\n        ? {\n            boxShadow: `inset 0 0 0 1px ${flowColors.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n            '&:hover': {\n                boxShadow: `inset 0 0 0 1px ${flowColors.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n            },\n        }\n        : { boxShadow: defaultBoxShadow };\n    const stylesBasedOnIsClickable = args.isClickable\n        ? Object.assign({ cursor: 'pointer' }, stylesBasedOnClick) : { boxShadow: defaultBoxShadow };\n    let styles = {};\n    styles = Object.assign({ display: 'inline-block', boxSizing: 'border-box', borderRadius: '8px', background: ternaryCondition(args.isGreyVariant, true, flowColors.surface.primary, flowColors.surface.tertiary), '&:hover': {\n            border: '',\n            boxShadow: `inset 0 0 0 1px ${flowColors.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        } }, stylesBasedOnIsClickable);\n    return styles;\n});\n//# sourceMappingURL=cardContainer.js.map"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","div","args","defaultBoxShadow","flowColors","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"oTAMY,MAACA,EAAgBC,GAAW,CAACC,EAAIC,KACzC,IAAIC,SAAEA,EAAQC,YAAEA,EAAWC,gBAAEA,EAAiBC,UAAWC,EAAyBC,QAAEA,EAAU,OAAMC,cAAEA,GAAgB,GAAUR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,WAAY,cAAe,kBAAmB,YAAa,UAAW,kBAC9N,MAAOK,EAAWM,GAAgBC,GAAS,GAC3CC,GAAU,KACDV,GAELQ,GAAa,IAAML,GAA0B,GAC9C,CAACH,EAAaG,IACjB,MAAMQ,EAAmBC,GAAY,KAC5BZ,GAELQ,GAAcK,IACVZ,GAAmBA,GAAiBY,IAC5BA,IACV,GACH,CAACb,EAAaC,IACjB,OAAQa,EAAKC,EAAqBC,OAAOC,OAAO,CAAEC,MAAO,CAAEd,QAASA,IAAaE,EAAO,CAAER,IAAKA,EAAKqB,QAASR,EAAkBT,UAAWA,EAAWF,YAAaA,EAAaK,cAAeA,EAAe,aAAcH,EAAY,UAAY,OAAQ,cAAe,gBAAiBH,SAAUe,EAAK,MAAO,CAAEf,SAAUA,MAAiB,IAE5UgB,EAAsBK,EAAOC,KAAKxB,IACjC,IAAiByB,EAAOf,EAAOV,EAAI,CAAC,UACvC,MAAM0B,EAAmB,mBAAmBC,EAAWC,QAAQC,6CACzDC,EAAqBL,EAAKpB,UAC1B,CACE0B,UAAW,mBAAmBJ,EAAWK,MAAMC,2CAC/C,UAAW,CACPF,UAAW,mBAAmBJ,EAAWO,WAAWD,6CAG1D,CAAEF,UAAWL,GACbS,EAA2BV,EAAKtB,YAChCgB,OAAOC,OAAO,CAAEgB,OAAQ,WAAaN,GAAsB,CAAEC,UAAWL,GAC9E,IAAIW,EAAS,CAAA,EAKb,OAJAA,EAASlB,OAAOC,OAAO,CAAEkB,QAAS,eAAgBC,UAAW,aAAcC,aAAc,MAAOC,WAAYC,EAAiBjB,EAAKjB,eAAe,EAAMmB,EAAWC,QAAQK,QAASN,EAAWC,QAAQe,UAAW,UAAW,CACpNC,OAAQ,GACRb,UAAW,mBAAmBJ,EAAWkB,UAAUC,2CAClDX,GACFE,CAAM"}

package/components/cardMenu/cardMenu.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
 import { Placement } from '../../utils/enum';
@@ -26,7 +26,7 @@ export type CardMenuItemsArray = Array<CardMenuItem>;
  * @description Base definition of SkodaFlow CardMenu independent on core implementation.
  * Properties are inherited from HTML Div element.
  */
-export interface CardMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * If true the drawer is shown.
      */

package/components/cardMenu/cardMenu.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as a,jsxs as r}from"react/jsx-runtime";import d from"react";import t from"../common/hook/useWindowSize.js";import{List as i,ListItem as o,ListItemIcon as s,ListItemText as l,ClickAwayListener as n,MenuItem as c}from"@mui/material";import{Divider as m}from"../divider/divider.js";import{Icon as p}from"../icon/icon.js";import{Checkbox as h}from"../checkbox/checkbox.js";import{ToggleSwitch as u}from"../toggleSwitch/toggleSwitch.js";import{useCardMenu as C}from"./hooks/useCardMenu.js";import{PopperStyled as y}from"./styled/popperStyled.js";import{MenuListStyled as g}from"./styled/menuListStyled.js";import{DrawerStyled as f}from"./styled/drawerStyled.js";const b=d.forwardRef((({items:b,setItems:k,open:M,header:x,anchorRef:S,allowMultiselect:j,hasToggleSelection:v,onItemClick:w,onClose:N,sx:T,classes:W,placement:z,toggleLabel:P,rounded:H},I)=>{const{isMobile:L}=t(),{isToggleChecked:R,onClickHandler:A,onToggleChange:E}=C(b,j,k,w,N);return e(a,{children:L?r(f,{open:M,onClose:N,anchor:"bottom",sx:T,ref:I,classes:W,hasHeader:!!x,"data-testid":"CardMenu",children:[x&&e("div",{className:"drawer-header","data-testid":"CardMenu.header",children:x}),e(i,{children:b.map((a=>r(d.Fragment,{children:[r(o,{button:!0,disabled:a.disabled,onClick:()=>A(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(s,{children:e(p,{className:a.icon,fontSize:"small"})}),e(l,{primaryTypographyProps:{noWrap:!0},primary:a.text}),j&&e(h,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]}),e(m,{variant:"middle"})]},a.text)))})]}):e(y,{open:M,anchorEl:S.current,placement:z,ref:I,rounded:H,"data-testid":"CardMenu",children:e(n,{onClickAway:N,children:r(g,{allowMultiselect:j,sx:T,classes:W,children:[x&&r(c,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e(l,{primaryTypographyProps:{noWrap:!0},primary:x}),e(s,{onClick:N,"data-testid":"CardMenu.close",children:e(p,{className:"ballotx",fontSize:"small"})})]}),x&&e(m,{variant:"middle",className:"menu-item-divider"}),j&&v&&r(c,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e(l,{primaryTypographyProps:{noWrap:!0},primary:P||"Select all"}),e(u,{onChange:E,checked:R,compact:!0})]}),e("div",{className:"menu-content-items",children:b.map((a=>r(c,{disabled:a.disabled,onClick:()=>A(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(s,{children:e(p,{className:a.icon,fontSize:"small"})}),e(l,{primaryTypographyProps:{noWrap:!0},primary:a.text}),j&&e(h,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]},a.text)))})]})})})})}));export{b as CardMenu};
+import{jsx as e,Fragment as a,jsxs as d}from"react/jsx-runtime";import r,{forwardRef as t}from"react";import i from"../common/hook/useWindowSize.js";import{List as o,ListItem as s,ListItemIcon as l,ListItemText as n,ClickAwayListener as c,MenuItem as m}from"@mui/material";import{Divider as p}from"../divider/divider.js";import{Icon as h}from"../icon/icon.js";import{Checkbox as u}from"../checkbox/checkbox.js";import{ToggleSwitch as C}from"../toggleSwitch/toggleSwitch.js";import{useCardMenu as y}from"./hooks/useCardMenu.js";import{PopperStyled as g}from"./styled/popperStyled.js";import{MenuListStyled as b}from"./styled/menuListStyled.js";import{DrawerStyled as f}from"./styled/drawerStyled.js";const k=t((({items:t,setItems:k,open:M,header:x,anchorRef:S,allowMultiselect:j,hasToggleSelection:v,onItemClick:w,onClose:N,sx:T,classes:W,placement:z,toggleLabel:P,rounded:H},I)=>{const{isMobile:L}=i(),{isToggleChecked:A,onClickHandler:E,onToggleChange:F}=y(t,j,k,w,N);return e(a,{children:L?d(f,{open:M,onClose:N,anchor:"bottom",sx:T,ref:I,classes:W,hasHeader:!!x,"data-testid":"CardMenu",children:[x&&e("div",{className:"drawer-header","data-testid":"CardMenu.header",children:x}),e(o,{children:t.map((a=>d(r.Fragment,{children:[d(s,{button:!0,disabled:a.disabled,onClick:()=>E(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(l,{children:e(h,{className:a.icon,fontSize:"small"})}),e(n,{primaryTypographyProps:{noWrap:!0},primary:a.text}),j&&e(u,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]}),e(p,{variant:"middle"})]},a.text)))})]}):e(g,{open:M,anchorEl:S.current,placement:z,ref:I,rounded:H,"data-testid":"CardMenu",children:e(c,{onClickAway:N,children:d(b,{allowMultiselect:j,sx:T,classes:W,children:[x&&d(m,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e(n,{primaryTypographyProps:{noWrap:!0},primary:x}),e(l,{onClick:N,"data-testid":"CardMenu.close",children:e(h,{className:"ballotx",fontSize:"small"})})]}),x&&e(p,{variant:"middle",className:"menu-item-divider"}),j&&v&&d(m,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e(n,{primaryTypographyProps:{noWrap:!0},primary:P||"Select all"}),e(C,{onChange:F,checked:A,compact:!0})]}),e("div",{className:"menu-content-items",children:t.map((a=>d(m,{disabled:a.disabled,onClick:()=>E(a),"data-testid":"CardMenu.item","data-state":a.disabled?"disabled":void 0,children:[a.icon&&e(l,{children:e(h,{className:a.icon,fontSize:"small"})}),e(n,{primaryTypographyProps:{noWrap:!0},primary:a.text}),j&&e(u,{checked:a.isChecked,disabled:a.disabled,"data-testid":"CardMenu.check"})]},a.text)))})]})})})})}));export{k as CardMenu};
 //# sourceMappingURL=cardMenu.js.map

package/components/cardMenu/cardMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":[null],"names":["CardMenu","React","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"0qBAmGa,MAAAA,EAAWC,EAAMC,YAC5B,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,EAAA,CAAAC,SACGR,EACCS,EAACC,EAAY,CACXvB,KAAMA,EACNM,QAASA,EACTkB,OAAO,SACPjB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTiB,YAAaxB,EACD,cAAA,WAEXoB,SAAA,CAAApB,GACCkB,EAAK,MAAA,CAAAO,UAAU,gBAAe,cAAa,kBAAiBL,SACzDpB,IAGLkB,EAACQ,EAAI,CAAAN,SACFvB,EAAM8B,KAAKC,GAERP,EAAC1B,EAAMkC,SACL,CAAAT,SAAA,CAAAC,EAACS,EAAQ,CACPC,QAAM,EACNC,SAAUJ,EAAKI,SACfC,QAAS,IAAMlB,EAAea,GAClB,cAAA,6BACAA,EAAKI,SAAW,gBAAaE,EAASd,SAAA,CAEjDQ,EAAKO,MACJjB,EAACkB,EAAY,CAAAhB,SACXF,EAACmB,EAAK,CAAAZ,UAAWG,EAAKO,KAAMG,SAAS,YAGzCpB,EAACqB,EAAY,CAACC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASd,EAAKe,OACrEzC,GACCgB,EAAC0B,EAAS,CAAAC,QAASjB,EAAKkB,UAAWd,SAAUJ,EAAKI,SAAQ,cAAc,sBAG5Ed,EAAC6B,EAAO,CAACC,QAAQ,aAlBEpB,EAAKe,aAyBlCzB,EAAC+B,GACClD,KAAMA,EACNmD,SAAUjD,EAAUkD,QACpB3C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EACG,cAAA,oBAEZQ,EAACkC,GAAkBC,YAAahD,EAC9Be,SAAAC,EAACiC,EAAe,CAAApD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAClEa,SAAA,CAAApB,GACCqB,EAACkC,EAAS,CAAA9B,UAAU,mBAAkB,cAAa,kBACjDL,SAAA,CAAAF,EAACqB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS1C,IACjEkB,EAACkB,EAAY,CAACH,QAAS5B,gBAAqB,iBAAgBe,SAC1DF,EAACmB,EAAI,CAACZ,UAAU,UAAUa,SAAS,eAIxCtC,GAAUkB,EAAC6B,EAAQ,CAAAC,QAAQ,SAASvB,UAAU,sBAC9CvB,GAAoBC,GACnBkB,EAACkC,GAAS9B,UAAU,kBAA8B,cAAA,4BAChDP,EAACqB,GACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASjC,GAA4B,eAEvCS,EAACsC,GAAaC,SAAUzC,EAAgB6B,QAAS/B,EAAiB4C,SAAU,OAIhFxC,EAAA,MAAA,CAAKO,UAAU,8BACZ5B,EAAM8B,KAAKC,GAERP,EAACkC,EAAQ,CAEPvB,SAAUJ,EAAKI,SACfC,QAAS,IAAMlB,EAAea,GAAK,cACvB,gBAAe,aACfA,EAAKI,SAAW,gBAAaE,EAExCd,SAAA,CAAAQ,EAAKO,MACJjB,EAACkB,EAAY,CAAAhB,SACXF,EAACmB,GAAKZ,UAAWG,EAAKO,KAAMG,SAAS,YAGzCpB,EAACqB,EAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASd,EAAKe,OACrEzC,GACCgB,EAAC0B,GAASC,QAASjB,EAAKkB,UAAWd,SAAUJ,EAAKI,SAAQ,cAAc,qBAbrEJ,EAAKe,kBAwB5B"}
+{"version":3,"file":"cardMenu.js","sources":["../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { List, ListItem, ListItemIcon, ListItemText, MenuItem, ClickAwayListener } from '@mui/material';\nimport { Divider } from '../divider/divider';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\nexport const CardMenu = forwardRef(({ items, setItems, open, header, anchorRef, allowMultiselect, hasToggleSelection, onItemClick, onClose, sx, classes, placement, toggleLabel, rounded, }, ref) => {\n    const { isMobile } = useWindowSize();\n    const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(items, allowMultiselect, setItems, onItemClick, onClose);\n    return (_jsx(_Fragment, { children: isMobile ? (_jsxs(DrawerStyled, { open: open, onClose: onClose, anchor: \"bottom\", sx: sx, ref: ref, classes: classes, hasHeader: !!header, \"data-testid\": \"CardMenu\", children: [header && (_jsx(\"div\", { className: \"drawer-header\", \"data-testid\": \"CardMenu.header\", children: header })), _jsx(List, { children: items.map((item) => {\n                        return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { button: true, disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }), _jsx(Divider, { variant: \"middle\" })] }, item.text));\n                    }) })] })) : (_jsx(PopperStyled, { open: open, anchorEl: anchorRef.current, placement: placement, ref: ref, rounded: rounded, \"data-testid\": \"CardMenu\", children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsxs(MenuListStyled, { allowMultiselect: allowMultiselect, sx: sx, classes: classes, children: [header && (_jsxs(MenuItem, { className: \"menu-item-header\", \"data-testid\": \"CardMenu.header\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: header }), _jsx(ListItemIcon, { onClick: onClose, \"data-testid\": \"CardMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) })] })), header && _jsx(Divider, { variant: \"middle\", className: \"menu-item-divider\" }), allowMultiselect && hasToggleSelection && (_jsxs(MenuItem, { className: \"menu-select-all\", \"data-testid\": \"CardMenu.toggle\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onChange: onToggleChange, checked: isToggleChecked, compact: true })] })), _jsx(\"div\", { className: \"menu-content-items\", children: items.map((item) => {\n                                return (_jsxs(MenuItem, { disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }, item.text));\n                            }) })] }) }) })) }));\n});\n//# sourceMappingURL=cardMenu.js.map"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"2rBAYY,MAACA,EAAWC,GAAW,EAAGC,QAAOC,WAAUC,OAAMC,SAAQC,YAAWC,mBAAkBC,qBAAoBC,cAAaC,UAASC,KAAIC,UAASC,YAAWC,cAAaC,WAAYC,KACzL,MAAMC,SAAEA,GAAaC,KACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAYpB,EAAOK,EAAkBJ,EAAUM,EAAaC,GACxH,OAAQa,EAAKC,EAAW,CAAEC,SAAUR,EAAYS,EAAMC,EAAc,CAAEvB,KAAMA,EAAMM,QAASA,EAASkB,OAAQ,SAAUjB,GAAIA,EAAIK,IAAKA,EAAKJ,QAASA,EAASiB,YAAaxB,EAAQ,cAAe,WAAYoB,SAAU,CAACpB,GAAWkB,EAAK,MAAO,CAAEO,UAAW,gBAAiB,cAAe,kBAAmBL,SAAUpB,IAAYkB,EAAKQ,EAAM,CAAEN,SAAUvB,EAAM8B,KAAKC,GACxUP,EAAMQ,EAAMC,SAAU,CAAEV,SAAU,CAACC,EAAMU,EAAU,CAAEC,QAAQ,EAAMC,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEb,UAAWG,EAAKQ,KAAMG,SAAU,YAAgBrB,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASf,EAAKgB,OAAS1C,GAAqBgB,EAAK2B,EAAU,CAAEC,QAASlB,EAAKmB,UAAWd,SAAUL,EAAKK,SAAU,cAAe,sBAA0Bf,EAAK8B,EAAS,CAAEC,QAAS,aAAgBrB,EAAKgB,aAC/kB1B,EAAKgC,EAAc,CAAEnD,KAAMA,EAAMoD,SAAUlD,EAAUmD,QAAS5C,UAAWA,EAAWG,IAAKA,EAAKD,QAASA,EAAS,cAAe,WAAYU,SAAUF,EAAKmC,EAAmB,CAAEC,YAAajD,EAASe,SAAUC,EAAMkC,EAAgB,CAAErD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAASa,SAAU,CAACpB,GAAWqB,EAAMmC,EAAU,CAAE/B,UAAW,mBAAoB,cAAe,kBAAmBL,SAAU,CAACF,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS3C,IAAWkB,EAAKmB,EAAc,CAAEH,QAAS7B,EAAS,cAAe,iBAAkBe,SAAUF,EAAKoB,EAAM,CAAEb,UAAW,UAAWc,SAAU,eAAoBvC,GAAUkB,EAAK8B,EAAS,CAAEC,QAAS,SAAUxB,UAAW,sBAAwBvB,GAAoBC,GAAuBkB,EAAMmC,EAAU,CAAE/B,UAAW,kBAAmB,cAAe,kBAAmBL,SAAU,CAACF,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASlC,GAA4B,eAAiBS,EAAKuC,EAAc,CAAEC,SAAU1C,EAAgB8B,QAAShC,EAAiB6C,SAAS,OAAczC,EAAK,MAAO,CAAEO,UAAW,qBAAsBL,SAAUvB,EAAM8B,KAAKC,GAC1mCP,EAAMmC,EAAU,CAAEvB,SAAUL,EAAKK,SAAUC,QAAS,IAAMnB,EAAea,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASlB,EAAKmB,EAAc,CAAEjB,SAAUF,EAAKoB,EAAM,CAAEb,UAAWG,EAAKQ,KAAMG,SAAU,YAAgBrB,EAAKsB,EAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASf,EAAKgB,OAAS1C,GAAqBgB,EAAK2B,EAAU,CAAEC,QAASlB,EAAKmB,UAAWd,SAAUL,EAAKK,SAAU,cAAe,qBAAyBL,EAAKgB,kBAC7e"}

package/components/cardMenu/hooks/useCardMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":[null],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEAGO,MAAMA,EAAc,CACzBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,GAAS,GAEjDC,EAAiBC,GACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,GACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EACJJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,GACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,GAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}
+{"version":3,"file":"useCardMenu.js","sources":["../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nexport const useCardMenu = (items, allowMultiselect, setItems, onItemClick, onClose) => {\n    const [isToggleChecked, setIsToggleChecked] = useState(false);\n    const onToggleChange = useCallback((_, checkedState) => {\n        setItems((curr) => curr.map((item) => {\n            if (item.disabled)\n                return item;\n            return Object.assign(Object.assign({}, item), { isChecked: checkedState });\n        }));\n    }, [setItems]);\n    const updateItems = useCallback((textItem) => {\n        setItems((curr) => curr.map((item) => {\n            if (item.text === textItem) {\n                return Object.assign(Object.assign({}, item), { isChecked: !item.isChecked });\n            }\n            return item;\n        }));\n    }, [setItems]);\n    const onClickHandler = useCallback((item) => {\n        if (item.url) {\n            window.open(item.url, item.target || '_blank');\n        }\n        if (onItemClick)\n            onItemClick(item.text);\n        if (item.callback)\n            item.callback();\n        if (!allowMultiselect)\n            onClose();\n        else\n            updateItems(item.text);\n    }, [allowMultiselect, onClose, onItemClick, updateItems]);\n    useEffect(() => {\n        const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n        setIsToggleChecked(areAllChecked);\n    }, [items]);\n    return {\n        onClickHandler,\n        onToggleChange,\n        isToggleChecked,\n    };\n};\n//# sourceMappingURL=useCardMenu.js.map"],"names":["useCardMenu","items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"iEACY,MAACA,EAAc,CAACC,EAAOC,EAAkBC,EAAUC,EAAaC,KACxE,MAAOC,EAAiBC,GAAsBC,GAAS,GACjDC,EAAiBC,GAAY,CAACC,EAAGC,KACnCT,GAAUU,GAASA,EAAKC,KAAKC,GACrBA,EAAKC,SACED,EACJE,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIH,GAAO,CAAEI,UAAWP,OAC5D,GACJ,CAACT,IACEiB,EAAcV,GAAaW,IAC7BlB,GAAUU,GAASA,EAAKC,KAAKC,GACrBA,EAAKO,OAASD,EACPJ,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEH,GAAO,CAAEI,WAAYJ,EAAKI,YAE9DJ,KACR,GACJ,CAACZ,IACEoB,EAAiBb,GAAaK,IAC5BA,EAAKS,KACLC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAErCvB,GACAA,EAAYW,EAAKO,MACjBP,EAAKa,UACLb,EAAKa,WACJ1B,EAGDkB,EAAYL,EAAKO,MAFjBjB,GAEsB,GAC3B,CAACH,EAAkBG,EAASD,EAAagB,IAK5C,OAJAS,GAAU,KACN,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WACrET,EAAmBuB,EAAc,GAClC,CAAC7B,IACG,CACHsB,iBACAd,iBACAH,kBACH"}

package/components/cardMenu/styled/drawerStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":[null],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"mEAGa,MAAAA,EAAeC,EAAOC,EAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAEY,EAAGI,QAAOC,gBACzC,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}
+{"version":3,"file":"drawerStyled.js","sources":["../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Drawer from '@mui/material/Drawer';\nexport const DrawerStyled = styled(Drawer, {\n    shouldForwardProp: (prop) => prop !== 'hasHeader',\n})(({ theme, hasHeader }) => {\n    return {\n        '& .MuiPaper-root > .MuiList-root': {\n            fontSize: '16px',\n            fontWeight: 400,\n            paddingBottom: '32px',\n            listStyleType: 'none',\n            maxHeight: '201px',\n            marginTop: hasHeader ? '9px' : '0px',\n            '& > .MuiListItem-root': {\n                lineHeight: '24px',\n                padding: '23px 16px 11px 16px',\n                display: 'flex',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n                '& > .MuiListItemIcon-root': {\n                    display: 'inline-block',\n                    lineHeight: '21px',\n                    minWidth: 'unset',\n                    width: '20px',\n                    marginRight: '8px',\n                    '& > .MuiIcon-root': {\n                        color: theme.palette.text.primary,\n                        display: 'inline',\n                    },\n                },\n                '& > .MuiTypography-root': {\n                    flex: 1,\n                },\n            },\n        },\n        '.MuiPaper-root > .drawer-header': {\n            padding: '16px 16px 0px 16px',\n            fontWeight: 'bold',\n            lineHeight: '24px',\n            fontSize: '20px',\n            wordBreak: 'break-all',\n        },\n        '& > .MuiPaper-root': {\n            borderTopLeftRadius: '16px',\n            borderTopRightRadius: '16px',\n        },\n    };\n});\n//# sourceMappingURL=drawerStyled.js.map"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"mEAEY,MAACA,EAAeC,EAAOC,EAAQ,CACvCC,kBAAoBC,GAAkB,cAATA,GADLH,EAEzB,EAAGI,QAAOC,gBACF,CACH,mCAAoC,CAChCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACrBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACPC,WAAYX,EAAMY,QAAQC,QAAQC,SAEtC,4BAA6B,CACzBJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACjBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGjB,0BAA2B,CACvBU,KAAM,KAIlB,kCAAmC,CAC/BX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEf,qBAAsB,CAClBC,oBAAqB,OACrBC,qBAAsB"}

package/components/cardMenu/styled/menuListStyled.d.ts

@@ -1,21 +1,7 @@
 /// <reference types="react" />
-export declare const MenuListStyled: import("@emotion/styled").StyledComponent<{
-    autoFocus?: boolean;
-    autoFocusItem?: boolean;
-    children?: import("react").ReactNode;
-    disabledItemsFocusable?: boolean;
-    disableListWrap?: boolean;
-    variant?: "menu" | "selectedMenu";
-} & {
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ListClasses>;
-    dense?: boolean;
-    disablePadding?: boolean;
-    subheader?: import("react").ReactNode;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+export declare const MenuListStyled: import("@emotion/styled").StyledComponent<import("@mui/material/MenuList").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
     ref?: import("react").Ref<HTMLUListElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "autoFocus" | "children" | "sx" | "variant" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & {
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "autoFocus" | "variant" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & {
     theme?: import("@emotion/react").Theme;
 } & {
     theme?: any;

package/components/cardMenu/styled/menuListStyled.js

@@ -1,2 +1,2 @@
-import t from"@emotion/styled";import i from"@mui/material/MenuList";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const r=t(i,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:i})=>{const r=i?{marginRight:"16px",marginRightCross:"3px",padding:"12px 12px 12px 24px"}:{marginRight:"0px",marginRightCross:"0px",padding:"12px 24px"};let e={};return e={boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)",background:t.palette.background.white,padding:"0px",minWidth:"105px",maxWidth:"222px","& > .menu-item-divider":{margin:"0px !important"},"& > .menu-content-items":{maxHeight:"240px",overflowY:"overlay","::-webkit-scrollbar":{width:"12px"},"::-webkit-scrollbar-thumb":{border:"solid 4px rgba(255, 255, 255, 0)"},"& .MuiCheckbox-root":{marginRight:"4px"}},"& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root":{color:t.palette.onSurface.os900,whiteSpace:"nowrap",padding:r.padding,"&.Mui-disabled":{color:o.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${o.disabled.primary}!important`}},"&:hover":{background:o.surface.primary},"& > .MuiListItemText-root":{marginRight:r.marginRight},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"16px","& > .MuiIcon-root":{color:t.palette.text.primary,display:"inline"}},"&.menu-item-header":{padding:"12px 12px 12px 24px","& .MuiTypography-root":{fontWeight:"700",lineHeight:"20px"},"&:hover":{background:t.palette.background.primary,cursor:"default"},"& .MuiListItemIcon-root":{color:t.palette.onSurface.os900,marginRight:r.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},e}));export{r as MenuListStyled};
+import t from"@emotion/styled";import i from"@mui/material/MenuList";import{flowColors as o}from"../../../design/skoda/palette.theme.js";const e=t(i,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:i})=>{const e=i?{marginRight:"16px",marginRightCross:"3px",padding:"12px 12px 12px 24px"}:{marginRight:"0px",marginRightCross:"0px",padding:"12px 24px"};let r={};return r={boxShadow:"0px 3px 8px rgba(0, 0, 0, 0.15)",background:t.palette.background.white,padding:"0px",minWidth:"105px",maxWidth:"222px","& > .menu-item-divider":{margin:"0px !important"},"& > .menu-content-items":{maxHeight:"240px",overflowY:"overlay","& .MuiCheckbox-root":{marginRight:"4px"}},"& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root":{color:t.palette.onSurface.os900,whiteSpace:"nowrap",padding:e.padding,"&.Mui-disabled":{color:o.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${o.disabled.primary}!important`}},"&:hover":{background:o.surface.primary},"& > .MuiListItemText-root":{marginRight:e.marginRight},"& .MuiTypography-root":{fontSize:"16px",lineHeight:"24px",fontWeight:"400"},"& > .MuiListItemIcon-root":{display:"inline-block",lineHeight:"21px",minWidth:"unset",width:"20px",marginRight:"16px","& > .MuiIcon-root":{color:t.palette.text.primary,display:"inline"}},"&.menu-item-header":{padding:"12px 12px 12px 24px","& .MuiTypography-root":{fontWeight:"700",lineHeight:"20px"},"&:hover":{background:t.palette.background.primary,cursor:"default"},"& .MuiListItemIcon-root":{color:t.palette.onSurface.os900,marginRight:e.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},r}));export{e as MenuListStyled};
 //# sourceMappingURL=menuListStyled.js.map