@skodaflow/web-library 4.0.3 → 4.2.0

package/cjs/components/cardMenu/cardMenu.js

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

package/cjs/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","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","jsxs","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"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"}
+{"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","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","jsxs","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCardMenu.js","sources":["../../../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":[null],"names":["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":"wDAG2B,CACzBA,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,EAAQA,UAAC,GAEjDC,EAAiBC,EAAAA,aACrB,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,eACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EACJJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,eACpBK,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,EAAAA,WAAU,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":["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":"wDAC2B,CAACA,EAAOC,EAAkBC,EAAUC,EAAaC,KACxE,MAAOC,EAAiBC,GAAsBC,EAAQA,UAAC,GACjDC,EAAiBC,EAAAA,aAAY,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,eAAaW,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,eAAaK,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,EAAAA,WAAU,KACN,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WACrET,EAAmBuB,EAAc,GAClC,CAAC7B,IACG,CACHsB,iBACAd,iBACAH,kBACH"}

package/cjs/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","default","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":"qJAGa,MAAAA,EAAeC,EAAMC,QAACC,UAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHJ,EAEY,EAAGK,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","default","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":"qJAEY,MAACA,EAAeC,EAAMC,QAACC,UAAQ,CACvCC,kBAAoBC,GAAkB,cAATA,GADLJ,EAEzB,EAAGK,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/cjs/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/cjs/components/cardMenu/styled/menuListStyled.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("@emotion/styled"),e=require("@mui/material/MenuList"),i=require("../../../design/skoda/palette.theme.js");function o(t){return t&&t.__esModule?t:{default:t}}var r=o(t),a=o(e);const n=r.default(a.default,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:e})=>{const o=e?{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","::-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:o.padding,"&.Mui-disabled":{color:i.flowColors.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${i.flowColors.disabled.primary}!important`}},"&:hover":{background:i.flowColors.surface.primary},"& > .MuiListItemText-root":{marginRight:o.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:o.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},r}));exports.MenuListStyled=n;
+"use strict";var t=require("@emotion/styled"),e=require("@mui/material/MenuList"),i=require("../../../design/skoda/palette.theme.js");function o(t){return t&&t.__esModule?t:{default:t}}var r=o(t),a=o(e);const n=r.default(a.default,{shouldForwardProp:t=>"allowMultiselect"!==t})((({theme:t,allowMultiselect:e})=>{const o=e?{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:o.padding,"&.Mui-disabled":{color:i.flowColors.disabled.primary,opacity:1,"& .MuiIcon-root":{color:`${i.flowColors.disabled.primary}!important`}},"&:hover":{background:i.flowColors.surface.primary},"& > .MuiListItemText-root":{marginRight:o.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:o.marginRightCross,cursor:"pointer"},"& > .MuiListItemText-root":{marginRight:"15px"}},"&.menu-select-all":{"&:hover":{background:t.palette.background.primary,cursor:"default"}}}},r}));exports.MenuListStyled=n;
 //# sourceMappingURL=menuListStyled.js.map

package/cjs/components/cardMenu/styled/menuListStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuListStyled.js","sources":["../../../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":[null],"names":["MenuListStyled","styled","default","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","width","border","color","onSurface","os900","whiteSpace","flowColors","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","text","cursor"],"mappings":"2MAIa,MAAAA,EAAiBC,EAAMC,QAACC,UAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDJ,EAEkB,EAAGK,QAAOC,uBACxD,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAa,CAAA,EAoFjB,OAnFAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBC,MAAO,QAET,4BAA6B,CAC3BC,OAAQ,oCAEV,sBAAuB,CACrBd,YAAa,QAGjB,mEAAoE,CAClEe,MAAOlB,EAAMS,QAAQU,UAAUC,MAC/BC,WAAY,SACZhB,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBa,MAAOI,EAAAA,WAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACjBP,MAAO,GAAGI,EAAAA,WAAWC,SAASC,sBAGlC,UAAW,CACThB,WAAYc,EAAAA,WAAWI,QAAQF,SAEjC,4BAA6B,CAC3BrB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBwB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZjB,SAAU,QACVK,MAAO,OACPb,YAAa,OACb,oBAAqB,CACnBe,MAAOlB,EAAMS,QAAQsB,KAAKP,QAC1BM,QAAS,WAGb,qBAAsB,CACpBzB,QAAS,sBACT,wBAAyB,CACvBwB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTpB,WAAYR,EAAMS,QAAQD,WAAWgB,QACrCQ,OAAQ,WAEV,0BAA2B,CACzBd,MAAOlB,EAAMS,QAAQU,UAAUC,MAC/BjB,YAAaD,EAAkBE,iBAC/B4B,OAAQ,WAEV,4BAA6B,CAC3B7B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWgB,QACrCQ,OAAQ,cAMT1B,CAAK"}
+{"version":3,"file":"menuListStyled.js","sources":["../../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MenuList from '@mui/material/MenuList';\nimport { flowColors } from '../../../design/skoda/palette.theme';\nexport const MenuListStyled = styled(MenuList, {\n    shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})(({ theme, allowMultiselect }) => {\n    const conditionalStyles = allowMultiselect\n        ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n        : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n    let style = {};\n    style = {\n        boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n        background: theme.palette.background.white,\n        padding: '0px',\n        minWidth: '105px',\n        maxWidth: '222px',\n        '& > .menu-item-divider': {\n            margin: '0px !important',\n        },\n        '& > .menu-content-items': {\n            maxHeight: '240px',\n            overflowY: 'overlay',\n            '& .MuiCheckbox-root': {\n                marginRight: '4px',\n            },\n        },\n        '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n            color: theme.palette.onSurface.os900,\n            whiteSpace: 'nowrap',\n            padding: conditionalStyles.padding,\n            '&.Mui-disabled': {\n                color: flowColors.disabled.primary,\n                opacity: 1,\n                '& .MuiIcon-root': {\n                    color: `${flowColors.disabled.primary}!important`,\n                },\n            },\n            '&:hover': {\n                background: flowColors.surface.primary,\n            },\n            '& > .MuiListItemText-root': {\n                marginRight: conditionalStyles.marginRight,\n            },\n            '& .MuiTypography-root': {\n                fontSize: '16px',\n                lineHeight: '24px',\n                fontWeight: '400',\n            },\n            '& > .MuiListItemIcon-root': {\n                display: 'inline-block',\n                lineHeight: '21px',\n                minWidth: 'unset',\n                width: '20px',\n                marginRight: '16px',\n                '& > .MuiIcon-root': {\n                    color: theme.palette.text.primary,\n                    display: 'inline',\n                },\n            },\n            '&.menu-item-header': {\n                padding: '12px 12px 12px 24px',\n                '& .MuiTypography-root': {\n                    fontWeight: '700',\n                    lineHeight: '20px',\n                },\n                '&:hover': {\n                    background: theme.palette.background.primary,\n                    cursor: 'default',\n                },\n                '& .MuiListItemIcon-root': {\n                    color: theme.palette.onSurface.os900,\n                    marginRight: conditionalStyles.marginRightCross,\n                    cursor: 'pointer',\n                },\n                '& > .MuiListItemText-root': {\n                    marginRight: '15px',\n                },\n            },\n            '&.menu-select-all': {\n                '&:hover': {\n                    background: theme.palette.background.primary,\n                    cursor: 'default',\n                },\n            },\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=menuListStyled.js.map"],"names":["MenuListStyled","styled","default","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","flowColors","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"2MAGY,MAACA,EAAiBC,EAAMC,QAACC,UAAU,CAC3CC,kBAAoBC,GAAkB,qBAATA,GADHJ,EAE3B,EAAGK,QAAOC,uBACT,MAAMC,EAAoBD,EACpB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAC9D,IAAIC,EAAQ,CAAA,EA6EZ,OA5EAA,EAAQ,CACJC,UAAW,kCACXC,WAAYR,EAAMS,QAAQD,WAAWE,MACrCL,QAAS,MACTM,SAAU,QACVC,SAAU,QACV,yBAA0B,CACtBC,OAAQ,kBAEZ,0BAA2B,CACvBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACnBZ,YAAa,QAGrB,mEAAoE,CAChEa,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/BC,WAAY,SACZd,QAASH,EAAkBG,QAC3B,iBAAkB,CACdW,MAAOI,EAAAA,WAAWC,SAASC,QAC3BC,QAAS,EACT,kBAAmB,CACfP,MAAO,GAAGI,EAAAA,WAAWC,SAASC,sBAGtC,UAAW,CACPd,WAAYY,EAAAA,WAAWI,QAAQF,SAEnC,4BAA6B,CACzBnB,YAAaD,EAAkBC,aAEnC,wBAAyB,CACrBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEhB,4BAA6B,CACzBC,QAAS,eACTF,WAAY,OACZf,SAAU,QACVkB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACjBa,MAAOhB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGjB,qBAAsB,CAClBvB,QAAS,sBACT,wBAAyB,CACrBsB,WAAY,MACZD,WAAY,QAEhB,UAAW,CACPlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEZ,0BAA2B,CACvBf,MAAOhB,EAAMS,QAAQQ,UAAUC,MAC/Bf,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEZ,4BAA6B,CACzB5B,YAAa,SAGrB,oBAAqB,CACjB,UAAW,CACPK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAKjBzB,CAAK"}

package/cjs/components/cardMenu/styled/popperStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"popperStyled.js","sources":["../../../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":[null],"names":["PopperStyled","default","Popper","shouldForwardProp","propName","styled","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"wHAGa,MAAAA,OAAqBC,QAACC,SAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPC,EAMzB,EAAGC,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}
+{"version":3,"file":"popperStyled.js","sources":["../../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Popper } from '@mui/base';\nexport const PopperStyled = styled(Popper, {\n    shouldForwardProp: (propName) => propName !== 'rounded',\n})(({ theme, rounded }) => {\n    return {\n        zIndex: '100',\n        background: theme.palette.background.primary,\n        '& > *': {\n            borderRadius: rounded ? '4px' : undefined,\n        },\n    };\n});\n//# sourceMappingURL=popperStyled.js.map"],"names":["PopperStyled","default","Popper","shouldForwardProp","propName","styled","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"wHAEY,MAACA,OAAqBC,QAACC,SAAQ,CACvCC,kBAAoBC,GAA0B,YAAbA,GADTC,EAEzB,EAAGC,QAAOC,cACF,CACHC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACLC,aAAcL,EAAU,WAAQM"}

package/cjs/components/checkbox/checkbox.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, HTMLAttributes } from 'react';
 /**
  * @interface CheckboxProps
  * @description Base definition of SkodaFlow Checkbox independent on core implementation.
  * Properties are inherited from HTML Button element
  */
-export interface CheckboxProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {
+export interface CheckboxProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'color'> {
     /**
      *  Indeterminate state of checkbox, half checked.
      */

package/cjs/components/checkbox/checkbox.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material/Checkbox"),a=require("@mui/material/styles"),i=require("../common/styled/formControlLabelStyled.js"),l=require("@mui/material");function d(e){return e&&e.__esModule?e:{default:e}}var n=d(t),u=d(o);const s=n.default.forwardRef(((o,a)=>{var{error:d}=o,n=e.__rest(o,["error"]);const{label:s,defaultChecked:f,indeterminate:h,onChange:m,disabled:b}=n,[x,g]=t.useState(f||!1),y=r.jsx(c,{children:r.jsx(u.default,Object.assign({},n,{defaultChecked:f,indeterminate:h&&x,disabled:b,color:d?"error":void 0,ref:a,onChange:e=>{g(e.target.checked),"function"==typeof m&&m(e,e.target.checked)}}))});return r.jsx(l.FormGroup,{children:r.jsx(i.default,{control:y,label:s,disabled:b,error:d})})})),c=a.styled("div",{shouldForwardProp:e=>"error"!==e&&"disabled"!==e})((r=>{e.__rest(r,["theme"]);let t={};return t={display:"flex","& + .MuiTypography-root":{"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},t}));exports.Checkbox=s;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material/Checkbox"),i=require("@mui/material/styles"),a=require("../common/styled/formControlLabelStyled.js"),l=require("@mui/material");function d(e){return e&&e.__esModule?e:{default:e}}var n=d(o);const u=t.forwardRef(((o,i)=>{var{error:d}=o,u=e.__rest(o,["error"]);const{label:c,defaultChecked:f,indeterminate:h,onChange:m,disabled:b}=u,[x,g]=t.useState(f||!1),y=r.jsx(s,{children:r.jsx(n.default,Object.assign({},u,{defaultChecked:f,indeterminate:h&&x,disabled:b,color:d?"error":void 0,ref:i,onChange:e=>{g(e.target.checked),"function"==typeof m&&m(e,e.target.checked)}}))});return r.jsx(l.FormGroup,{children:r.jsx(a.default,{control:y,label:c,disabled:b,error:d})})})),s=i.styled("div",{shouldForwardProp:e=>"error"!==e&&"disabled"!==e})((()=>{let e={};return e={display:"flex","& + .MuiTypography-root":{"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},e}));exports.Checkbox=u;
 //# sourceMappingURL=checkbox.js.map

package/cjs/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":[null],"names":["Checkbox","React","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"oTAqEO,MAAMA,EAAWC,EAAAA,QAAMC,YAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAA,OAAAJ,EAAjB,WAC1E,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAAAA,SAASN,IAAkB,GAOrDO,EACJC,EAAAC,IAACC,EACC,CAAAC,SAAAH,EAAAA,IAACI,EAAAA,QACKC,OAAAC,OAAA,CAAA,EAAAjB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVY,MAAOnB,EAAQ,aAAUoB,EACzBrB,IAAKA,EACLO,SAdqBe,IACzBZ,EAASY,EAAEC,OAAOC,SACE,mBAAbjB,GAA2BA,EAASe,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEX,EAAAA,IAACY,EAAAA,UACC,CAAAT,SAAAH,EAAAA,IAACa,EAAAA,QAAuB,CAAAC,QAASf,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAEvF,IAOEc,EAAiBa,EAAMA,OAAC,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEmC7B,IAAgBI,SAAAJ,EAAhB,WACxD,IAAIgC,EAAS,CAAA,EAcb,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useState, forwardRef } from 'react';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport { styled } from '@mui/material/styles';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { FormGroup } from '@mui/material';\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props CheckboxProps\n * @returns React Functional Component\n * @deprecated Use Checkbox component from '@mui/material' module instead.\n */\nexport const Checkbox = forwardRef((_a, ref) => {\n    var { error } = _a, props = __rest(_a, [\"error\"]);\n    const { label, defaultChecked, indeterminate, onChange, disabled } = props;\n    const [_checkState, setCheck] = useState(defaultChecked || false);\n    const _checkStateChange = (e) => {\n        setCheck(e.target.checked);\n        typeof onChange === 'function' && onChange(e, e.target.checked);\n    };\n    const _checkbox = (_jsx(CheckboxStyled, { children: _jsx(MuiCheckbox, Object.assign({}, props, { defaultChecked: defaultChecked, indeterminate: indeterminate && _checkState, disabled: disabled, color: error ? 'error' : undefined, ref: ref, onChange: _checkStateChange })) }));\n    return (_jsx(FormGroup, { children: _jsx(FormControlLabelStyled, { control: _checkbox, label: label, disabled: disabled, error: error }) }));\n});\n/**\n * @description Checkbox styling definition based on props\n */\nconst CheckboxStyled = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})(() => {\n    let styles = {};\n    styles = {\n        display: 'flex',\n        '& + .MuiTypography-root': {\n            '& a': {\n                color: 'inherit',\n                textDecoration: 'underline',\n                fontWeight: '700',\n            },\n            '& *': {\n                margin: 0,\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=checkbox.js.map"],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"6SAcY,MAACA,EAAWC,EAAUA,YAAC,CAACC,EAAIC,KACpC,IAAIC,MAAEA,GAAUF,EAAIG,EAAQC,EAAAA,OAAOJ,EAAI,CAAC,UACxC,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAAAA,SAASN,IAAkB,GAKrDO,EAAaC,EAAIC,IAACC,EAAgB,CAAEC,SAAUH,EAAAA,IAAKI,EAAAA,QAAaC,OAAOC,OAAO,CAAA,EAAIjB,EAAO,CAAEG,eAAgBA,EAAgBC,cAAeA,GAAiBG,EAAaD,SAAUA,EAAUY,MAAOnB,EAAQ,aAAUoB,EAAWrB,IAAKA,EAAKO,SAJrNe,IACvBZ,EAASY,EAAEC,OAAOC,SACE,mBAAbjB,GAA2BA,EAASe,EAAGA,EAAEC,OAAOC,QAAQ,OAGnE,OAAQX,EAAAA,IAAKY,EAAAA,UAAW,CAAET,SAAUH,EAAAA,IAAKa,EAAAA,QAAwB,CAAEC,QAASf,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAAa,IAK3Ic,EAAiBa,EAAMA,OAAC,MAAO,CACjCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD9BF,EAEpB,KACC,IAAIG,EAAS,CAAA,EAcb,OAbAA,EAAS,CACLC,QAAS,OACT,0BAA2B,CACvB,MAAO,CACHZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEhB,MAAO,CACHC,OAAQ,KAIbJ,CAAM"}

package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface ChipDropdownChildrenProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ChipDropdownChildrenProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The label referenced to the text field
      */

package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),s=require("@mui/material"),a=require("../chipFocusVisibleStyled.js"),n=require("@mui/material/Chip"),l=require("@mui/material/styles"),t=require("../../common/menuContainer.js"),o=require("../../icon/icon.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(i),d=u(n);const m=c.default.forwardRef(((n,l)=>{var{variant:u}=n,c=e.__rest(n,["variant"]);const[d,m]=i.useState(!1),[h,f]=i.useState(!1),x=i.useCallback((()=>{f(!1)}),[]),j=i.useMemo((()=>r.jsxs(r.Fragment,{children:[c.label,r.jsx(o.Icon,{className:"chevron-down "+(h?"isOpen":""),fontSize:"small"})]})),[h,c.label]),b=i.useCallback((()=>{m(!0)}),[]),v=i.useCallback((e=>{m(!1),c.onBlur&&c.onBlur(e)}),[c]);return r.jsx(s.ClickAwayListener,{onClickAway:x,children:r.jsxs("span",{children:[r.jsx("div",{children:r.jsx(a.default,{focusVisible:d,variant:u,children:r.jsx(p,{className:"shadow"===u&&"MuiChip-shadow",ref:l,variant:"filled",icon:c.icon?r.jsx(o.Icon,{className:c.icon}):void 0,disabled:c.disabled,label:j,onClick:()=>f(!h),onFocusVisible:b,onBlur:v,isOpen:h})})}),r.jsx(t.default,{isOpen:h,marginTop:14,isEmptyMenu:!0,children:c.children})]})})})),p=l.styled(d.default,{shouldForwardProp:e=>"isOpen"!==e})((({theme:e})=>({"& .chevron-down":{marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}}})));exports.ChipDropdownChildren=m;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),s=require("@mui/material"),a=require("../chipFocusVisibleStyled.js"),n=require("@mui/material/Chip"),l=require("@mui/material/styles"),t=require("../../common/menuContainer.js"),o=require("../../icon/icon.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(n);const d=i.forwardRef(((n,l)=>{var{variant:u}=n,c=e.__rest(n,["variant"]);const[d,p]=i.useState(!1),[h,f]=i.useState(!1),x=i.useCallback((()=>{f(!1)}),[]),j=i.useMemo((()=>r.jsxs(r.Fragment,{children:[c.label,r.jsx(o.Icon,{className:"chevron-down "+(h?"isOpen":""),fontSize:"small"})]})),[h,c.label]),b=i.useCallback((()=>{p(!0)}),[]),v=i.useCallback((e=>{p(!1),c.onBlur&&c.onBlur(e)}),[c]);return r.jsx(s.ClickAwayListener,{onClickAway:x,children:r.jsxs("span",{children:[r.jsx("div",{children:r.jsx(a.default,{focusVisible:d,variant:u,children:r.jsx(m,{className:"shadow"===u&&"MuiChip-shadow",ref:l,variant:"filled",icon:c.icon?r.jsx(o.Icon,{className:c.icon}):void 0,disabled:c.disabled,label:j,onClick:()=>f(!h),onFocusVisible:b,onBlur:v,isOpen:h})})}),r.jsx(t.default,{isOpen:h,marginTop:14,isEmptyMenu:!0,children:c.children})]})})})),m=l.styled(c.default,{shouldForwardProp:e=>"isOpen"!==e})((()=>({"& .chevron-down":{marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}}})));exports.ChipDropdownChildren=d;
 //# sourceMappingURL=chipDropdownChildren.js.map

package/cjs/components/chip/chipDropdownChildren/chipDropdownChildren.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":[null],"names":["ChipDropdownChildren","React","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","jsxs","_Fragment","Fragment","children","label","_jsx","Icon","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","default","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","theme","marginLeft","transform","top","transition","transformOrigin"],"mappings":"6WA0CO,MAAMA,EAAuBC,EAAAA,QAAMC,YACxC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAA,OAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,EAAQA,UAAC,IAC3CC,EAAQC,GAAaF,EAAQA,UAAC,GAE/BG,EAAkBC,EAAAA,aAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,EAAAA,SAAQ,IAExBC,EAAAC,KAAAC,EAAAC,SAAA,CAAAC,SAAA,CACGf,EAAMgB,MACPC,MAACC,EAAAA,KAAK,CAAAC,UAAW,iBAAgBd,EAAS,SAAW,IAAMe,SAAS,cAGvE,CAACf,EAAQL,EAAMgB,QAEZK,EAAwBb,EAAAA,aAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGmB,EAASd,eACZe,IACCpB,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOC,EAAE,GAEnC,CAACvB,IAGH,OACEiB,EAAAA,IAACO,EAAAA,kBAAkB,CAAAC,YAAalB,EAC9BQ,SAAAJ,EAAAC,KAAA,OAAA,CAAAG,SAAA,CACEE,EAAAA,IACE,MAAA,CAAAF,SAAAE,EAAAA,IAACS,EAAsBC,QAAA,CAACC,aAAc1B,EAAeH,QAASA,EAC5DgB,SAAAE,MAACY,EAA0B,CACzBV,UAAuB,WAAZpB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT+B,KAAM9B,EAAM8B,KAAOb,EAAAA,IAACC,EAAAA,KAAI,CAACC,UAAWnB,EAAM8B,YAAWC,EACrDC,SAAUhC,EAAMgC,SAChBhB,MAAOP,EACPwB,QAAS,IAAM3B,GAAWD,GAC1B6B,eAAgBb,EAChBC,OAAQA,EACRjB,OAAQA,QAIdY,EAAAA,IAACkB,EAAAA,QAAc,CAAA9B,OAAQA,EAAQ+B,UAAW,GAAIC,aAC3C,EAAAtB,SAAAf,EAAMe,eAIb,IAOAc,EAA6BS,EAAMA,OAACC,UAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,EAAGI,YAAa,CACxG,kBAAmB,CACjBC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}
+{"version":3,"file":"chipDropdownChildren.js","sources":["../../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState, useCallback, useMemo, forwardRef } from 'react';\nimport { ClickAwayListener } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport MenuContainer from '../../common/menuContainer';\nimport { Icon } from '../../icon';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const ChipDropdownChildren = forwardRef((_a, ref) => {\n    var { variant } = _a, props = __rest(_a, [\"variant\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n    const handleClickAway = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n    const renderLabel = useMemo(() => {\n        return (_jsxs(_Fragment, { children: [props.label, _jsx(Icon, { className: `chevron-down ${isOpen ? 'isOpen' : ''}`, fontSize: \"small\" })] }));\n    }, [isOpen, props.label]);\n    const onFocusVisibleHandler = useCallback(() => {\n        setFocusVisible(true);\n    }, []);\n    const onBlur = useCallback((e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    }, [props]);\n    return (_jsx(ClickAwayListener, { onClickAway: handleClickAway, children: _jsxs(\"span\", { children: [_jsx(\"div\", { children: _jsx(ChipFocusVisibleStyled, { focusVisible: focusVisibled, variant: variant, children: _jsx(ChipDropdownChildrenStyled, { className: variant === 'shadow' && 'MuiChip-shadow', ref: ref, variant: 'filled', icon: props.icon ? _jsx(Icon, { className: props.icon }) : undefined, disabled: props.disabled, label: renderLabel, onClick: () => setIsOpen(!isOpen), onFocusVisible: onFocusVisibleHandler, onBlur: onBlur, isOpen: isOpen }) }) }), _jsx(MenuContainer, { isOpen: isOpen, marginTop: 14, isEmptyMenu: true, children: props.children })] }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst ChipDropdownChildrenStyled = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'isOpen',\n})(() => ({\n    '& .chevron-down': {\n        marginLeft: '8px',\n        transform: 'rotate(0deg)',\n        top: '4px',\n        transition: 'transform 0.6s',\n        '&.isOpen': {\n            transform: 'rotate(180deg) translateY(2px)',\n            transformOrigin: '50%',\n        },\n    },\n}));\n//# sourceMappingURL=chipDropdownChildren.js.map"],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","jsxs","_Fragment","Fragment","children","label","_jsx","Icon","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","default","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"sWAeY,MAACA,EAAuBC,EAAUA,YAAC,CAACC,EAAIC,KAChD,IAAIC,QAAEA,GAAYF,EAAIG,EAAQC,EAAAA,OAAOJ,EAAI,CAAC,YAC1C,MAAOK,EAAeC,GAAmBC,EAAQA,UAAC,IAC3CC,EAAQC,GAAaF,EAAQA,UAAC,GAC/BG,EAAkBC,EAAAA,aAAY,KAChCF,GAAU,EAAM,GACjB,IACGG,EAAcC,EAAAA,SAAQ,IAChBC,EAAKC,KAACC,EAASC,SAAE,CAAEC,SAAU,CAACf,EAAMgB,MAAOC,MAAKC,EAAAA,KAAM,CAAEC,UAAW,iBAAgBd,EAAS,SAAW,IAAMe,SAAU,cAChI,CAACf,EAAQL,EAAMgB,QACZK,EAAwBb,EAAAA,aAAY,KACtCL,GAAgB,EAAK,GACtB,IACGmB,EAASd,eAAae,IACxBpB,GAAgB,GACZH,EAAMsB,QACNtB,EAAMsB,OAAOC,EAAE,GACpB,CAACvB,IACJ,OAAQiB,EAAAA,IAAKO,EAAAA,kBAAmB,CAAEC,YAAalB,EAAiBQ,SAAUJ,EAAKC,KAAC,OAAQ,CAAEG,SAAU,CAACE,EAAAA,IAAK,MAAO,CAAEF,SAAUE,EAAAA,IAAKS,EAAsBC,QAAE,CAAEC,aAAc1B,EAAeH,QAASA,EAASgB,SAAUE,MAAKY,EAA4B,CAAEV,UAAuB,WAAZpB,GAAwB,iBAAkBD,IAAKA,EAAKC,QAAS,SAAU+B,KAAM9B,EAAM8B,KAAOb,EAAAA,IAAKC,EAAAA,KAAM,CAAEC,UAAWnB,EAAM8B,YAAUC,EAAWC,SAAUhC,EAAMgC,SAAUhB,MAAOP,EAAawB,QAAS,IAAM3B,GAAWD,GAAS6B,eAAgBb,EAAuBC,OAAQA,EAAQjB,OAAQA,QAAiBY,EAAAA,IAAKkB,EAAAA,QAAe,CAAE9B,OAAQA,EAAQ+B,UAAW,GAAIC,aAAa,EAAMtB,SAAUf,EAAMe,eAAoB,IAK3pBc,EAA6BS,EAAMA,OAACC,UAAS,CAC/CC,kBAAoBC,GAAkB,WAATA,GADEH,EAEhC,KAAO,CACN,kBAAmB,CACfI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACRF,UAAW,iCACXG,gBAAiB"}

package/cjs/components/chip/chipFocusVisibleStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ChipFocusVisibleStyled","default","styled","focusVisible","variant","display","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined"],"mappings":"2MAGA,MAAMA,OAA+BC,QAAC,MAAPC,EAAuD,EAAGC,eAAcC,cAC9F,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaM,EAAAA,iBAAiBC,yBAAsBC"}
+{"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StylesDefinition } from '../../design/skoda/theme.constants';\nconst ChipFocusVisibleStyled = styled('div')(({ focusVisible, variant }) => {\n    return {\n        display: 'inline-flex',\n        borderRadius: variant === 'image' ? 6 : 50,\n        transition: 'none',\n        boxShadow: focusVisible ? `0 0 0 2px ${StylesDefinition.focusVisibleColor}` : undefined,\n    };\n});\nexport default ChipFocusVisibleStyled;\n//# sourceMappingURL=chipFocusVisibleStyled.js.map"],"names":["ChipFocusVisibleStyled","default","styled","focusVisible","variant","display","borderRadius","transition","boxShadow","StylesDefinition","focusVisibleColor","undefined"],"mappings":"2MAEK,MAACA,OAA+BC,QAAC,MAAPC,EAAc,EAAGC,eAAcC,cACnD,CACHC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaM,EAAAA,iBAAiBC,yBAAsBC"}

package/cjs/components/chip/chipImage/chipImage.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface ChipImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface ChipImageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * The label referenced to the text field.
      */

package/cjs/components/chip/chipImage/chipImage.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("react"),i=require("@mui/material/Chip"),t=require("@mui/material/styles"),l=require("../../../design/skoda/theme.constants.js"),n=require("../chipFocusVisibleStyled.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(r),d=o(i);const c=s.default.forwardRef(((i,t)=>{const{onBlur:o,children:d,label:c,disabled:p,variant:h="image",imageUrl:f,imageAlt:m,isChecked:g,onChange:x,name:b,id:y=`chip-image-${Date.now()}`,debug:v=!1}=i,[C,j]=r.useState(!1),k=r.useRef(),w=e=>{x&&x(e,!g)},q=r.useCallback((e=>{j(!1),o&&o(e)}),[o]),S=r.useCallback((e=>{k&&k.current.click()}),[]),M=r.useCallback((e=>{j(!0)}),[]),R=s.default.forwardRef(((r,i)=>{var t=e.__rest(r,["onChange"]);return a.jsxs("div",Object.assign({},t,{ref:i,children:[a.jsx("input",{ref:k,onChange:w,type:"checkbox",id:y,name:b,value:y,checked:g,readOnly:!0}),a.jsx("img",{src:f,alt:m}),a.jsx("div",{children:a.jsx("span",{children:d||c})})]}))}));return a.jsx(n.default,{focusVisible:C,variant:h,children:a.jsx(u,{ref:t,component:R,label:c,disabled:p,onClick:S,className:g?l.ClassNaming.selected:"",onFocusVisible:M,onBlur:q,variant:"filled",color:g?"primary":"default"})})})),u=t.styled(d.default)((({theme:e})=>({"& div":{width:"100%",whiteSpace:"pre-wrap"},"&.MuiChip-root":{backgroundColor:e.palette.surface.primary,borderRadius:"4px",height:"auto",width:"120px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"11px 0 13px 0",overflow:"hidden","&:hover":{span:{color:e.palette.onSurface.os600}},"&.Mui-checked":{backgroundColor:e.palette.brand.quarternary,span:{color:e.palette.brand.primary},"&:hover":{span:{color:e.palette.brandHover.primary}}},"&.Mui-disabled":{backgroundColor:e.palette.surface.primary,span:{color:e.palette.disabled.primary}},"&:active":{boxShadow:"none"},"& > input":{display:"none"},div:{display:"flex",flexGrow:1},span:{display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"400",color:e.palette.onSurface.os800,width:"100%",padding:"0 10px"},"& img":{width:"100%",height:"68px",objectFit:"cover",marginBottom:"2px"}}})));exports.ChipImage=c;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),i=require("@mui/material/Chip"),t=require("@mui/material/styles"),l=require("../../../design/skoda/theme.constants.js"),n=require("../chipFocusVisibleStyled.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(i);const c=a.forwardRef(((i,t)=>{const{onBlur:o,children:s,label:c,disabled:u,variant:p="image",imageUrl:h,imageAlt:f,isChecked:m,onChange:x,name:g,id:b=`chip-image-${Date.now()}`}=i,[y,v]=a.useState(!1),C=a.useRef(),j=e=>{x&&x(e,!m)},k=a.useCallback((e=>{v(!1),o&&o(e)}),[o]),w=a.useCallback((()=>{C&&C.current.click()}),[]),q=a.useCallback((()=>{v(!0)}),[]),S=a.forwardRef(((a,i)=>{var t=e.__rest(a,["onChange"]);return r.jsxs("div",Object.assign({},t,{ref:i,children:[r.jsx("input",{ref:C,onChange:j,type:"checkbox",id:b,name:g,value:b,checked:m,readOnly:!0}),r.jsx("img",{src:h,alt:f}),r.jsx("div",{children:r.jsx("span",{children:s||c})})]}))}));return r.jsx(n.default,{focusVisible:y,variant:p,children:r.jsx(d,{ref:t,component:S,label:c,disabled:u,onClick:w,className:m?l.ClassNaming.selected:"",onFocusVisible:q,onBlur:k,variant:"filled",color:m?"primary":"default"})})})),d=t.styled(s.default)((({theme:e})=>({"& div":{width:"100%",whiteSpace:"pre-wrap"},"&.MuiChip-root":{backgroundColor:e.palette.surface.primary,borderRadius:"4px",height:"auto",width:"120px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"11px 0 13px 0",overflow:"hidden","&:hover":{span:{color:e.palette.onSurface.os600}},"&.Mui-checked":{backgroundColor:e.palette.brand.quarternary,span:{color:e.palette.brand.primary},"&:hover":{span:{color:e.palette.brandHover.primary}}},"&.Mui-disabled":{backgroundColor:e.palette.surface.primary,span:{color:e.palette.disabled.primary}},"&:active":{boxShadow:"none"},"& > input":{display:"none"},div:{display:"flex",flexGrow:1},span:{display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"400",color:e.palette.onSurface.os800,width:"100%",padding:"0 10px"},"& img":{width:"100%",height:"68px",objectFit:"cover",marginBottom:"2px"}}})));exports.ChipImage=c;
 //# sourceMappingURL=chipImage.js.map

package/cjs/components/chip/chipImage/chipImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipImage.js","sources":["../../../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":[null],"names":["ChipImage","React","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","debug","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","default","_a","_ref","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","ClassNaming","selected","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"6TA8DO,MAAMA,EAAYC,EAAAA,QAAMC,YAA2C,CAACC,EAAOC,KAChF,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,QAAOC,MAC/BA,GAAQ,GACNf,GACGgB,EAAgBC,GAAoBC,EAAQA,UAAC,GAC9CC,EAAqBC,EAAAA,SAErBC,EAAoBC,IACpBZ,GACFA,EAASY,GAAMb,EAChB,EAGGc,EAAiBC,eACpBC,IACCR,GAAiB,GACbf,GACFA,EAAOuB,EACR,GAEH,CAACvB,IAGGwB,EAAkBF,eAAaC,IAC/BN,GACFA,EAAmBQ,QAAQC,OAC5B,GACA,IAEGC,EAAyBL,eAAaC,IAC1CR,GAAiB,EAAK,GACrB,IAEGa,EAAiBhC,EAAKiC,QAAChC,YAC3B,CAACiC,EAA4CC,SAAlBC,EAAcC,EAAAA,OAAAH,EAAxC,cAAqD,OACpDI,OAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAjC,IAAKgC,EAC5B9B,SAAA,CAAAoC,EAAAA,IAAA,QAAA,CACEtC,IAAKkB,EACLT,SAAUW,EACVmB,KAAK,WACL5B,GAAIA,EACJD,KAAMA,EACN8B,MAAO7B,EACP8B,QAASjC,EACTkC,UAAQ,IAEVJ,EAAAA,IAAA,MAAA,CAAKK,IAAKrC,EAAUsC,IAAKrC,IACzB+B,EAAAA,IAAA,MAAA,CAAApC,SACEoC,MAAO,OAAA,CAAApC,SAAAA,GAAYC,SAGxB,IAGH,OACEmC,EAAAA,IAACO,EAAAA,QAAsB,CAACC,aAAc/B,EAAgBV,QAASA,EAAOH,SACpEoC,EAAAA,IAACS,GACC/C,IAAKA,EACLgD,UAAWnB,EACX1B,MAAOA,EACPC,SAAUA,EACV6C,QAASxB,EACTyB,UAAW1C,EAAY2C,EAAAA,YAAYC,SAAW,GAC9CC,eAAgBzB,EAChB3B,OAAQqB,EACRjB,QAAS,SACTiD,MAAO9C,EAAY,UAAY,aAGnC,IAMEuC,EAAkBQ,EAAAA,OAAOC,EAAAA,QAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQzD,SAAS2D,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}
+{"version":3,"file":"chipImage.js","sources":["../../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useState, useRef, forwardRef } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { ClassNaming } from '../../../design/skoda/theme.constants';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const ChipImage = forwardRef((props, ref) => {\n    const { onBlur, children, label, disabled, variant = 'image', imageUrl, imageAlt, isChecked, onChange, name, id = `chip-image-${Date.now()}`, } = props;\n    const [_focusVisibled, _setFocusVisible] = useState(false);\n    const _checkboxComponent = useRef();\n    const _onChangeTrigger = (evt) => {\n        if (onChange) {\n            onChange(evt, !isChecked);\n        }\n    };\n    const _onBlurHandler = useCallback((e) => {\n        _setFocusVisible(false);\n        if (onBlur) {\n            onBlur(e);\n        }\n    }, [onBlur]);\n    const _onClickHandler = useCallback(() => {\n        if (_checkboxComponent) {\n            _checkboxComponent.current.click();\n        }\n    }, []);\n    const _onFocusVisibleHandler = useCallback(() => {\n        _setFocusVisible(true);\n    }, []);\n    const ImageComponent = forwardRef((_a, _ref) => {\n        var { onChange: _onChange } = _a, componentProps = __rest(_a, [\"onChange\"]);\n        return (_jsxs(\"div\", Object.assign({}, componentProps, { ref: _ref, children: [_jsx(\"input\", { ref: _checkboxComponent, onChange: _onChangeTrigger, type: \"checkbox\", id: id, name: name, value: id, checked: isChecked, readOnly: true }), _jsx(\"img\", { src: imageUrl, alt: imageAlt }), _jsx(\"div\", { children: _jsx(\"span\", { children: children || label }) })] })));\n    });\n    return (_jsx(ChipFocusVisibleStyled, { focusVisible: _focusVisibled, variant: variant, children: _jsx(ChipImageStyled, { ref: ref, component: ImageComponent, label: label, disabled: disabled, onClick: _onClickHandler, className: isChecked ? ClassNaming.selected : '', onFocusVisible: _onFocusVisibleHandler, onBlur: _onBlurHandler, variant: 'filled', color: isChecked ? 'primary' : 'default' }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst ChipImageStyled = styled(MuiChip)(({ theme }) => ({\n    '& div': {\n        width: '100%',\n        whiteSpace: 'pre-wrap',\n    },\n    '&.MuiChip-root': {\n        backgroundColor: theme.palette.surface.primary,\n        borderRadius: '4px',\n        height: 'auto',\n        width: '120px',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'flex-start',\n        padding: '11px 0 13px 0',\n        overflow: 'hidden',\n        '&:hover': {\n            span: {\n                color: theme.palette.onSurface.os600,\n            },\n        },\n        '&.Mui-checked': {\n            backgroundColor: theme.palette.brand.quarternary,\n            span: {\n                color: theme.palette.brand.primary,\n            },\n            '&:hover': {\n                span: {\n                    color: theme.palette.brandHover.primary,\n                },\n            },\n        },\n        '&.Mui-disabled': {\n            backgroundColor: theme.palette.surface.primary,\n            span: {\n                color: theme.palette.disabled.primary,\n            },\n        },\n        '&:active': {\n            boxShadow: 'none',\n        },\n        '& > input': {\n            display: 'none',\n        },\n        div: {\n            display: 'flex',\n            flexGrow: 1,\n        },\n        span: {\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            textAlign: 'center',\n            fontSize: '14px',\n            lineHeight: '16px',\n            fontWeight: '400',\n            color: theme.palette.onSurface.os800,\n            width: '100%',\n            padding: '0 10px',\n        },\n        '& img': {\n            width: '100%',\n            height: '68px',\n            objectFit: 'cover',\n            marginBottom: '2px',\n        },\n    },\n}));\n//# sourceMappingURL=chipImage.js.map"],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","ClassNaming","selected","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"sTAaY,MAACA,EAAYC,EAAUA,YAAC,CAACC,EAAOC,KACxC,MAAMC,OAAEA,EAAMC,SAAEA,EAAQC,MAAEA,EAAKC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAASC,SAAEA,EAAQC,KAAEA,EAAIC,GAAEA,EAAK,cAAcC,KAAKC,SAAad,GAC3Ie,EAAgBC,GAAoBC,EAAQA,UAAC,GAC9CC,EAAqBC,EAAAA,SACrBC,EAAoBC,IAClBX,GACAA,EAASW,GAAMZ,EAClB,EAECa,EAAiBC,eAAaC,IAChCR,GAAiB,GACbd,GACAA,EAAOsB,EACV,GACF,CAACtB,IACEuB,EAAkBF,EAAAA,aAAY,KAC5BL,GACAA,EAAmBQ,QAAQC,OAC9B,GACF,IACGC,EAAyBL,EAAAA,aAAY,KACvCP,GAAiB,EAAK,GACvB,IACGa,EAAiB9B,EAAAA,YAAW,CAAC+B,EAAIC,KAChC,IAA+BC,EAAiBC,EAAMA,OAACH,EAAI,CAAC,aAC/D,OAAQI,OAAM,MAAOC,OAAOC,OAAO,CAAE,EAAEJ,EAAgB,CAAE/B,IAAK8B,EAAM5B,SAAU,CAACkC,EAAAA,IAAK,QAAS,CAAEpC,IAAKiB,EAAoBR,SAAUU,EAAkBkB,KAAM,WAAY1B,GAAIA,EAAID,KAAMA,EAAM4B,MAAO3B,EAAI4B,QAAS/B,EAAWgC,UAAU,IAASJ,EAAAA,IAAK,MAAO,CAAEK,IAAKnC,EAAUoC,IAAKnC,IAAa6B,EAAAA,IAAK,MAAO,CAAElC,SAAUkC,MAAK,OAAQ,CAAElC,SAAUA,GAAYC,SAAkB,IAE9W,OAAQiC,EAAAA,IAAKO,EAAAA,QAAwB,CAAEC,aAAc9B,EAAgBT,QAASA,EAASH,SAAUkC,EAAAA,IAAKS,EAAiB,CAAE7C,IAAKA,EAAK8C,UAAWlB,EAAgBzB,MAAOA,EAAOC,SAAUA,EAAU2C,QAASvB,EAAiBwB,UAAWxC,EAAYyC,EAAAA,YAAYC,SAAW,GAAIC,eAAgBxB,EAAwB1B,OAAQoB,EAAgBhB,QAAS,SAAU+C,MAAO5C,EAAY,UAAY,aAAiB,IAK7YqC,EAAkBQ,EAAAA,OAAOC,EAAAA,QAAPD,EAAgB,EAAGE,YAAa,CACpD,QAAS,CACLC,MAAO,OACPC,WAAY,YAEhB,iBAAkB,CACdC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACPC,KAAM,CACFlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGvC,gBAAiB,CACbd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACFlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE/B,UAAW,CACPS,KAAM,CACFlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAI5C,iBAAkB,CACdH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACFlB,MAAOG,EAAMI,QAAQvD,SAASyD,UAGtC,WAAY,CACRe,UAAW,QAEf,YAAa,CACTZ,QAAS,QAEba,IAAK,CACDb,QAAS,OACTc,SAAU,GAEdR,KAAM,CACFN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEb,QAAS,CACLZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}

package/cjs/components/chip/chipMultiselect/multiSelectChip.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { PaperProps } from '../../menu';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface MultiSelectChipProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PaperProps, 'setIsOpen'> {
+export interface MultiSelectChipProps extends HTMLAttributes<HTMLDivElement>, Omit<PaperProps, 'setIsOpen'> {
     /**
      * The label referenced to the text field
      */

package/cjs/components/chip/chipMultiselect/multiSelectChip.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),r=require("@mui/material/Chip"),o=require("@mui/material/styles"),i=require("../../icon/icon.js"),n=require("../chipFocusVisibleStyled.js"),s=require("@mui/material"),l=require("../../common/menuContainer.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(a),d=c(r);const p=u.default.forwardRef(((r,o)=>{var{variant:c,label:u,disabled:d,icon:p}=r,g=e.__rest(r,["variant","label","disabled","icon"]);const[m,b]=a.useState(!1),[x,f]=a.useState(!1),[j,k]=a.useState(!1),C=a.useCallback((e=>{e.stopPropagation(),g.reactHook.setState([])}),[g.reactHook]),S=a.useMemo((()=>t.jsxs(t.Fragment,{children:[u,g.reactHook.state.length>0&&t.jsx("span",{className:"count",children:t.jsx("span",{children:g.reactHook.state.length})}),g.reactHook.state.length>0&&t.jsx(i.Icon,{color:"inherit",className:"ballotx",fontSize:"small",onClick:C})||t.jsx(i.Icon,{color:"inherit",className:"chevron-down "+(j?"isOpen":""),fontSize:"small"})]})),[j,u,C,g.reactHook.state.length]),v=a.useCallback((e=>{b(!1),g.onBlur&&g.onBlur(e)}),[g]),H=a.useCallback((()=>{k((e=>!e)),f((e=>!e))}),[]),O=a.useCallback((()=>{k(!1),f(!1)}),[]),q=a.useCallback((()=>{b(!0)}),[]);return t.jsx(t.Fragment,{children:t.jsx(s.ClickAwayListener,{onClickAway:O,children:t.jsxs("span",{children:[t.jsx("div",{children:t.jsx(n.default,{focusVisible:m,variant:c,children:t.jsx(h,{className:"shadow"===c&&"MuiChip-shadow",ref:o,variant:"filled",icon:p?t.jsx(i.Icon,{className:`${p}`}):void 0,label:S,disabled:d,onClick:H,color:x||g.reactHook.state.length?"primary":"default",onFocusVisible:q,onBlur:v,count:g.reactHook.state.length,isOpen:j})})}),t.jsx(l.default,{disabled:d,isOpen:j,items:g.items,hasIcon:g.hasIcon,multipleSelection:!0,groupToggleSelection:g.groupToggleSelection,groupLabel:g.groupLabel,reactHook:g.reactHook,width:182,marginTop:14,setIsOpen:k,toggleLabel:g.toggleLabel})]})})})})),h=o.styled(d.default,{shouldForwardProp:e=>"isOpen"!==e})((({theme:e,count:t,isOpen:a})=>{const r=e.palette;let o={"& .chevron-down":{color:"inherit",marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}},"& .ballotx":{color:"inherit"},"& .count":{color:r.onSurface.os0,borderRadius:"50%",backgroundColor:r.brand.primary,minWidth:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"700",margin:"0 8px",padding:"0 4px"}};return o=Object.assign(Object.assign({},o),{}),o}));exports.MultiSelectChip=p;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),r=require("@mui/material/Chip"),o=require("@mui/material/styles"),i=require("../../icon/icon.js"),n=require("../chipFocusVisibleStyled.js"),s=require("@mui/material"),l=require("../../common/menuContainer.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(r);const d=a.forwardRef(((r,o)=>{var{variant:c,label:u,disabled:d,icon:h}=r,g=e.__rest(r,["variant","label","disabled","icon"]);const[m,b]=a.useState(!1),[x,f]=a.useState(!1),[j,k]=a.useState(!1),C=a.useCallback((e=>{e.stopPropagation(),g.reactHook.setState([])}),[g.reactHook]),S=a.useMemo((()=>t.jsxs(t.Fragment,{children:[u,g.reactHook.state.length>0&&t.jsx("span",{className:"count",children:t.jsx("span",{children:g.reactHook.state.length})}),g.reactHook.state.length>0&&t.jsx(i.Icon,{color:"inherit",className:"ballotx",fontSize:"small",onClick:C})||t.jsx(i.Icon,{color:"inherit",className:"chevron-down "+(j?"isOpen":""),fontSize:"small"})]})),[j,u,C,g.reactHook.state.length]),v=a.useCallback((e=>{b(!1),g.onBlur&&g.onBlur(e)}),[g]),H=a.useCallback((()=>{k((e=>!e)),f((e=>!e))}),[]),q=a.useCallback((()=>{k(!1),f(!1)}),[]),w=a.useCallback((()=>{b(!0)}),[]);return t.jsx(t.Fragment,{children:t.jsx(s.ClickAwayListener,{onClickAway:q,children:t.jsxs("span",{children:[t.jsx("div",{children:t.jsx(n.default,{focusVisible:m,variant:c,children:t.jsx(p,{className:"shadow"===c&&"MuiChip-shadow",ref:o,variant:"filled",icon:h?t.jsx(i.Icon,{className:`${h}`}):void 0,label:S,disabled:d,onClick:H,color:x||g.reactHook.state.length?"primary":"default",onFocusVisible:w,onBlur:v,count:g.reactHook.state.length,isOpen:j})})}),t.jsx(l.default,{disabled:d,isOpen:j,items:g.items,hasIcon:g.hasIcon,multipleSelection:!0,groupToggleSelection:g.groupToggleSelection,groupLabel:g.groupLabel,reactHook:g.reactHook,width:182,marginTop:14,setIsOpen:k,toggleLabel:g.toggleLabel})]})})})})),p=o.styled(u.default,{shouldForwardProp:e=>"isOpen"!==e})((({theme:e})=>{const t=e.palette;let a={"& .chevron-down":{color:"inherit",marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}},"& .ballotx":{color:"inherit"},"& .count":{color:t.onSurface.os0,borderRadius:"50%",backgroundColor:t.brand.primary,minWidth:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"700",margin:"0 8px",padding:"0 4px"}};return a=Object.assign(Object.assign({},a),{}),a}));exports.MultiSelectChip=d;
 //# sourceMappingURL=multiSelectChip.js.map

package/cjs/components/chip/chipMultiselect/multiSelectChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiSelectChip.js","sources":["../../../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":[null],"names":["MultiSelectChip","React","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","jsx","Icon","color","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","_Fragment","Fragment","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","default","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"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"}
+{"version":3,"file":"multiSelectChip.js","sources":["../../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useMemo, useState } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { ClickAwayListener } from '@mui/material';\nimport MenuContainer from '../../common/menuContainer';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n */\nexport const MultiSelectChip = forwardRef((_a, ref) => {\n    var { variant, label, disabled, icon } = _a, props = __rest(_a, [\"variant\", \"label\", \"disabled\", \"icon\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [selected, setSelected] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n    const onClickCloseHandler = useCallback((e) => {\n        e.stopPropagation();\n        props.reactHook.setState([]);\n    }, [props.reactHook]);\n    const Count = useMemo(() => {\n        return (_jsxs(_Fragment, { children: [label, props.reactHook.state.length > 0 && (_jsx(\"span\", { className: \"count\", children: _jsx(\"span\", { children: props.reactHook.state.length }) })), (props.reactHook.state.length > 0 && (_jsx(Icon, { color: \"inherit\", className: \"ballotx\", fontSize: \"small\", onClick: onClickCloseHandler }))) || _jsx(Icon, { color: \"inherit\", className: `chevron-down ${isOpen ? 'isOpen' : ''}`, fontSize: \"small\" })] }));\n    }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n    const onBlur = useCallback((e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    }, [props]);\n    const onSelectHandler = useCallback(() => {\n        setIsOpen((curr) => !curr);\n        setSelected((curr) => !curr);\n    }, []);\n    const handleClickAway = useCallback(() => {\n        setIsOpen(false);\n        setSelected(false);\n    }, []);\n    const onFocusVisibleHandler = useCallback(() => {\n        setFocusVisible(true);\n    }, []);\n    return (_jsx(_Fragment, { children: _jsx(ClickAwayListener, { onClickAway: handleClickAway, children: _jsxs(\"span\", { children: [_jsx(\"div\", { children: _jsx(ChipFocusVisibleStyled, { focusVisible: focusVisibled, variant: variant, children: _jsx(MultiSelectChipStyled, { className: variant === 'shadow' && 'MuiChip-shadow', ref: ref, variant: 'filled', icon: icon ? _jsx(Icon, { className: `${icon}` }) : undefined, label: Count, disabled: disabled, onClick: onSelectHandler, color: selected || props.reactHook.state.length ? 'primary' : 'default', onFocusVisible: onFocusVisibleHandler, onBlur: onBlur, count: props.reactHook.state.length, isOpen: isOpen }) }) }), _jsx(MenuContainer, { disabled: disabled, isOpen: isOpen, items: props.items, hasIcon: props.hasIcon, multipleSelection: true, groupToggleSelection: props.groupToggleSelection, groupLabel: props.groupLabel, reactHook: props.reactHook, width: 182, marginTop: 14, setIsOpen: setIsOpen, toggleLabel: props.toggleLabel })] }) }) }));\n});\n/**\n * @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'isOpen',\n})(({ theme }) => {\n    const flowColors = theme.palette;\n    const stateStyle = {};\n    // if (count > 0) {\n    // \tstateStyle = {\n    // \t\t'&.MuiChip-root': {\n    // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n    // \t\t\tcolor: flowColors.brand.primary,\n    // \t\t\t'& .MuiIcon-root': {\n    // \t\t\t\tcolor: flowColors.brand.primary,\n    // \t\t\t},\n    // \t\t\t'&: hover': {\n    // \t\t\t\tcolor: flowColors.brandHover.primary,\n    // \t\t\t\t'& .MuiIcon-root': {\n    // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n    // \t\t\t\t},\n    // \t\t\t\t'& .count': {\n    // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n    // \t\t\t\t},\n    // \t\t\t},\n    // \t\t\t'&.Mui-disabled': {\n    // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n    // \t\t\t},\n    // \t\t},\n    // \t};\n    // } else {\n    // \tstateStyle = {};\n    // }\n    let style = {\n        '& .chevron-down': {\n            color: 'inherit',\n            marginLeft: '8px',\n            transform: 'rotate(0deg)',\n            top: '4px',\n            transition: 'transform 0.6s',\n            '&.isOpen': {\n                transform: 'rotate(180deg) translateY(2px)',\n                transformOrigin: '50%',\n            },\n        },\n        '& .ballotx': {\n            color: 'inherit',\n        },\n        '& .count': {\n            color: flowColors.onSurface.os0,\n            borderRadius: '50%',\n            backgroundColor: flowColors.brand.primary,\n            minWidth: '20px',\n            height: '20px',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            fontSize: '14px',\n            lineHeight: '16px',\n            fontWeight: '700',\n            margin: '0 8px',\n            padding: '0 4px',\n        },\n    };\n    style = Object.assign(Object.assign({}, style), stateStyle);\n    return style;\n});\n//# sourceMappingURL=multiSelectChip.js.map"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","jsxs","_Fragment","Fragment","children","state","length","_jsx","className","jsx","Icon","color","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","default","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"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"}

package/cjs/components/chip/regular/chip.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { FC, HTMLAttributes } from 'react';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
  */
-export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ChipProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The label referenced to the text field
      */
@@ -37,4 +37,4 @@ export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
  * @returns React Functional Component
  * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.
  */
-export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Chip: FC<ChipProps>;

package/cjs/components/chip/regular/chip.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),l=require("react"),a=require("@mui/material/Chip"),r=require("@mui/material/styles"),s=require("../../icon/icon.js"),t=require("../chipFocusVisibleStyled.js");function u(e){return e&&e.__esModule?e:{default:e}}var o=u(l),c=u(a);const n=o.default.forwardRef(((a,r)=>{var{variant:u,label:o,disabled:c,isSelected:n=!1,icon:b,onClickCallback:f}=a,m=e.__rest(a,["variant","label","disabled","isSelected","icon","onClickCallback"]);const[v,C]=l.useState(!1),[h,q]=l.useState(!1);l.useEffect((()=>{q(n)}),[n]);return i.jsx(t.default,{variant:u,focusVisible:v,children:i.jsx(d,{className:"shadow"===u&&"MuiChip-shadow",variant:"filled",icon:b?i.jsx(s.Icon,{className:`${b} beforeLabel`,fontSize:"small"}):void 0,label:o,disabled:c,onClick:e=>(e=>{q(!h),f&&f(e,!h)})(e),color:h?"primary":"default",onFocusVisible:()=>C(!0),onBlur:e=>{C(!1),m.onBlur&&m.onBlur(e)}})})})),d=r.styled(c.default)``;exports.Chip=n;
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),l=require("react"),a=require("@mui/material/Chip"),r=require("@mui/material/styles"),s=require("../../icon/icon.js"),t=require("../chipFocusVisibleStyled.js");function u(e){return e&&e.__esModule?e:{default:e}}var c=u(a);const o=r.styled(c.default)``;exports.Chip=a=>{var{variant:r,label:u,disabled:c,isSelected:n=!1,icon:d,onClickCallback:b}=a,f=e.__rest(a,["variant","label","disabled","isSelected","icon","onClickCallback"]);const[m,v]=l.useState(!1),[C,h]=l.useState(!1);l.useEffect((()=>{h(n)}),[n]);return i.jsx(t.default,{variant:r,focusVisible:m,children:i.jsx(o,{className:"shadow"===r&&"MuiChip-shadow",variant:"filled",icon:d?i.jsx(s.Icon,{className:`${d} beforeLabel`,fontSize:"small"}):void 0,label:u,disabled:c,onClick:e=>(e=>{h(!C),b&&b(e,!C)})(e),color:C?"primary":"default",onFocusVisible:()=>v(!0),onBlur:e=>{v(!1),f.onBlur&&f.onBlur(e)}})})};
 //# sourceMappingURL=chip.js.map

package/cjs/components/chip/regular/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":[null],"names":["Chip","React","forwardRef","_a","ref","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","children","ChipStyled","className","Icon","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"uSAgDO,MAAMA,EAAOC,EAAAA,QAAMC,YACxB,CAACC,EAAmFC,KAAnF,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,WAAEA,GAAa,EAAOC,KAAAA,EAAIC,gBAAEA,GAAeP,EAAKQ,EAAKC,SAAAT,EAA/E,sEACC,MAAOU,EAAeC,GAAmBC,EAAQA,UAAC,IAC3CC,EAAUC,GAAeF,EAAQA,UAAC,GACzCG,EAAAA,WAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,MAACC,EAAAA,QAAsB,CAACf,QAASA,EAASgB,aAAcR,EACtDS,SAAAH,EAAAA,IAACI,EACC,CAAAC,UAAuB,WAAZnB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,MAACM,EAAAA,KAAI,CAACD,UAAW,GAAGf,gBAAoBiB,SAAS,eAAaC,EAC3ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAoBjC,IAOAN,EAAaW,EAAMA,OAACC,UAA0E"}
+{"version":3,"file":"chip.js","sources":["../../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useEffect, useState } from 'react';\nimport MuiChip from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { Icon } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const Chip = (_a) => {\n    var { variant, label, disabled, isSelected = false, icon, onClickCallback } = _a, props = __rest(_a, [\"variant\", \"label\", \"disabled\", \"isSelected\", \"icon\", \"onClickCallback\"]);\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [selected, setSelected] = useState(false);\n    useEffect(() => {\n        setSelected(isSelected);\n    }, [isSelected]);\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const onSelect = (e) => {\n        setSelected(!selected);\n        onClickCallback && onClickCallback(e, !selected);\n    };\n    return (_jsx(ChipFocusVisibleStyled, { variant: variant, focusVisible: focusVisibled, children: _jsx(ChipStyled, { className: variant === 'shadow' && 'MuiChip-shadow', variant: 'filled', icon: icon ? _jsx(Icon, { className: `${icon} beforeLabel`, fontSize: \"small\" }) : undefined, label: label, disabled: disabled, onClick: (e) => onSelect(e), color: selected ? 'primary' : 'default', onFocusVisible: () => setFocusVisible(true), onBlur: onBlur }) }));\n};\n/**\n * @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip) ``;\n//# sourceMappingURL=chip.js.map"],"names":["ChipStyled","styled","MuiChip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","children","className","Icon","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur"],"mappings":"gSAcY,MAqBNA,EAAaC,EAAMA,OAACC,UAAS,gBArBdC,IACjB,IAAIC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,WAAEA,GAAa,EAAOC,KAAAA,EAAIC,gBAAEA,GAAoBN,EAAIO,EAAQC,SAAOR,EAAI,CAAC,UAAW,QAAS,WAAY,aAAc,OAAQ,oBAC5J,MAAOS,EAAeC,GAAmBC,EAAQA,UAAC,IAC3CC,EAAUC,GAAeF,EAAQA,UAAC,GACzCG,EAAAA,WAAU,KACND,EAAYT,EAAW,GACxB,CAACA,IAUJ,OAAQW,MAAKC,EAAAA,QAAwB,CAAEf,QAASA,EAASgB,aAAcR,EAAeS,SAAUH,EAAAA,IAAKlB,EAAY,CAAEsB,UAAuB,WAAZlB,GAAwB,iBAAkBA,QAAS,SAAUI,KAAMA,EAAOU,MAAKK,EAAAA,KAAM,CAAED,UAAW,GAAGd,gBAAoBgB,SAAU,eAAaC,EAAWpB,MAAOA,EAAOC,SAAUA,EAAUoB,QAAUC,GAJpT,CAACA,IACdX,GAAaD,GACbN,GAAmBA,EAAgBkB,GAAIZ,EAAS,EAEuRa,CAASD,GAAIE,MAAOd,EAAW,UAAY,UAAWe,eAAgB,IAAMjB,GAAgB,GAAOkB,OAT9ZJ,IACZd,GAAgB,GACZH,EAAMqB,QACNrB,EAAMqB,OAAOJ,EAAE,KAM6a"}

package/cjs/components/closeDialogButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":[null],"names":["props","_jsx","jsx","IconButton","Object","assign","size","color","children","Icon","className","fontSize"],"mappings":"kIAMkCA,GAE9BC,EAACC,IAAAC,aAAWC,OAAAC,OAAA,CAAAC,KAAK,QAAQC,MAAM,WAAcP,EAC3C,CAAAQ,SAAAP,EAAAA,IAACQ,EAAIA,KAAA,CAACC,UAAU,UAAUC,SAAS"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { IconButton } from '@mui/material';\nimport { Icon } from '../icon';\nexport const CloseDialogButton = (props) => {\n    return (_jsx(IconButton, Object.assign({ size: \"small\", color: \"inherit\" }, props, { children: _jsx(Icon, { className: \"ballotx\", fontSize: \"medium\" }) })));\n};\n//# sourceMappingURL=index.js.map"],"names":["props","_jsx","jsx","IconButton","Object","assign","size","color","children","Icon","className","fontSize"],"mappings":"kIAGkCA,GACtBC,EAAIC,IAACC,aAAYC,OAAOC,OAAO,CAAEC,KAAM,QAASC,MAAO,WAAaP,EAAO,CAAEQ,SAAUP,EAAAA,IAAKQ,EAAIA,KAAE,CAAEC,UAAW,UAAWC,SAAU"}

package/cjs/components/common/helperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"helperText.js","sources":["../../../../../src/components/common/helperText.tsx"],"sourcesContent":[null],"names":["helpText","maxChars","currentValue","type","_jsx","jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"kKAsBmB,EAAGA,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,IAAAC,oBACC,CAAAC,SAAUP,EACVQ,UACW,WAATL,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaO,WAAWC,UAAUT,SAAaU"}
+{"version":3,"file":"helperText.js","sources":["../../../../src/components/common/helperText.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { HelperTextContent } from '../helperTextContent';\nconst HelperText = ({ helpText, maxChars, currentValue, type }) => {\n    return (_jsx(HelperTextContent, { textLeft: helpText, textRight: type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length}/${maxChars}` : undefined }));\n};\nexport default HelperText;\n//# sourceMappingURL=helperText.js.map"],"names":["helpText","maxChars","currentValue","type","_jsx","jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"kKAEmB,EAAGA,WAAUC,WAAUC,eAAcC,UAC5CC,EAAIC,IAACC,oBAAmB,CAAEC,SAAUP,EAAUQ,UAAoB,WAATL,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaO,WAAWC,UAAUT,SAAaU"}

package/cjs/components/common/hook/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":[null],"names":["openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"2GAEoB,KAClB,MAAOA,EAAcC,GAAmBC,EAAQA,UAAC,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}
+{"version":3,"file":"backdrop.js","sources":["../../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\nconst useBackdrop = () => {\n    const [openBackdrop, setOpenBackdrop] = useState(false);\n    const handleCloseBackdrop = () => {\n        setOpenBackdrop(false);\n    };\n    const handleOpenBackdrop = () => {\n        setOpenBackdrop(true);\n    };\n    const handleToggleBackdrop = () => {\n        setOpenBackdrop(!openBackdrop);\n    };\n    return {\n        openBackdrop,\n        setOpenBackdrop,\n        handleCloseBackdrop,\n        handleOpenBackdrop,\n        handleToggleBackdrop,\n    };\n};\nexport default useBackdrop;\n//# sourceMappingURL=backdrop.js.map"],"names":["openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"2GACoB,KAChB,MAAOA,EAAcC,GAAmBC,EAAQA,UAAC,GAUjD,MAAO,CACHF,eACAC,kBACAE,oBAZwB,KACxBF,GAAgB,EAAM,EAYtBG,mBAVuB,KACvBH,GAAgB,EAAK,EAUrBI,qBARyB,KACzBJ,GAAiBD,EAAa,EAQjC"}

package/cjs/components/common/hook/useWindowSize.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("../../../design/skoda/components/breakpoints.theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var t=n(e);exports.default=function(){const e="undefined"!=typeof window,[n,r]=t.default.useState({width:e?1440:window.innerWidth,height:e?800:window.innerHeight,isMobile:!1});function d(){r({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.customBreakpoints.values.md})}return t.default.useEffect((()=>(d(),window.addEventListener("resize",d),()=>{d(),window.removeEventListener("resize",d)})),[]),n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("../../../design/skoda/components/breakpoints.theme.js");exports.default=function(){const n="undefined"!=typeof window,[t,o]=e.useState({width:n?1440:window.innerWidth,height:n?800:window.innerHeight,isMobile:!1});function r(){o({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.customBreakpoints.values.md})}return e.useEffect((()=>(r(),window.addEventListener("resize",r),()=>{r(),window.removeEventListener("resize",r)})),[]),t};
 //# sourceMappingURL=useWindowSize.js.map

package/cjs/components/common/hook/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":[null],"names":["isSSR","window","windowSize","setWindowSize","React","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","default","useEffect","addEventListener","removeEventListener"],"mappings":"4OAGc,WACZ,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAAA,QAAMC,SAAS,CACjDC,MAAON,EAAQ,KAAOC,OAAOM,WAC7BC,OAAQR,EAAQ,IAAMC,OAAOQ,YAC7BC,UAAU,IAGZ,SAASC,IACPR,EAAc,CACZG,MAAOL,OAAOM,WACdC,OAAQP,OAAOQ,YACfC,SAAUT,OAAOM,WAAaK,EAAAA,kBAAkBC,OAAW,IAE9D,CAYD,OAVAT,EAAKU,QAACC,WAAU,KACdJ,IACAV,OAAOe,iBAAiB,SAAUL,GAE3B,KACLA,IACAV,OAAOgB,oBAAoB,SAAUN,EAAiB,IAEvD,IAEIT,CACT"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/breakpoints.theme';\nexport default function useWindowSize() {\n    const isSSR = typeof window !== 'undefined';\n    const [windowSize, setWindowSize] = useState({\n        width: isSSR ? 1440 : window.innerWidth,\n        height: isSSR ? 800 : window.innerHeight,\n        isMobile: false,\n    });\n    function changeWindowSize() {\n        setWindowSize({\n            width: window.innerWidth,\n            height: window.innerHeight,\n            isMobile: window.innerWidth < customBreakpoints.values['md'] ? true : false,\n        });\n    }\n    useEffect(() => {\n        changeWindowSize();\n        window.addEventListener('resize', changeWindowSize);\n        return () => {\n            changeWindowSize();\n            window.removeEventListener('resize', changeWindowSize);\n        };\n    }, []);\n    return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"8KAEe,WACX,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,kBAAkBC,OAAW,IAElE,CASD,OARAC,EAAAA,WAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}

package/cjs/components/common/imageComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageComponent.js","sources":["../../../../../src/components/common/imageComponent.tsx"],"sourcesContent":[null],"names":["image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","jsx","onError"],"mappings":"0IAwBuB,EAAGA,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GAEnCC,EAAgBC,EAAAA,aAAY,IAAMH,GAAY,IAAO,IAE3D,OAAKD,EAGIK,EAAAA,IAAA,MAAA,CAAKC,IAAKT,EAAeD,IAAKA,IAF9BS,EAAAE,IAAA,MAAA,CAAKD,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKY,QAASL,GAG1E"}
+{"version":3,"file":"imageComponent.js","sources":["../../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useState } from 'react';\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }) => {\n    const [imgError, setImgError] = useState(false);\n    const setImageError = useCallback(() => setImgError(true), []);\n    if (!imgError) {\n        return _jsx(\"img\", { src: image, height: height, width: width, alt: alt, onError: setImageError });\n    }\n    else {\n        return _jsx(\"img\", { src: fallbackImage, alt: alt });\n    }\n};\nexport default ImageComponent;\n//# sourceMappingURL=imageComponent.js.map"],"names":["image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","jsx","onError"],"mappings":"0IAEuB,EAAGA,QAAOC,MAAKC,gBAAeC,SAAQC,YACzD,MAAOC,EAAUC,GAAeC,EAAQA,UAAC,GACnCC,EAAgBC,EAAAA,aAAY,IAAMH,GAAY,IAAO,IAC3D,OAAKD,EAIMK,EAAAA,IAAK,MAAO,CAAEC,IAAKT,EAAeD,IAAKA,IAHvCS,EAAIE,IAAC,MAAO,CAAED,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKY,QAASL,GAIrF"}

package/cjs/components/common/menuContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuContainer.js","sources":["../../../../../src/components/common/menuContainer.tsx"],"sourcesContent":[null],"names":["StyledDiv","default","div","_a","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","jsx","fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"mQAuBA,MA0BMA,OAAyBC,QAACC,KAK5BC,IAAA,IAAYC,EAAIC,EAAAA,OAAAF,EAAhB,WACF,IAAIG,EAAS,CAAA,EAiBb,OAfAA,EAAS,CACPC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRN,EADEF,EAAKS,SAAWT,EAAKU,SACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,SAAUC,QAAS,OAGhDZ,CAAM,oBAjDsCH,QAAAgB,UAAEA,EAASC,YAAEA,GAAWjB,EAAKkB,EAAKhB,EAAAA,OAAAF,EAAlC,6BACnD,OACEmB,EAACC,IAAAvB,EACC,CAAAQ,UAAWa,EAAMb,UAAY,KAC7BD,MAAOc,EAAMG,UAAY,OAASH,EAAMd,MAAQ,KAChDM,OAAQQ,EAAMR,OACdC,SAAUO,EAAMP,SAEfW,SAAAL,EACCE,EAACC,IAAAG,EAASA,UAAE,CAAAD,SAAAJ,EAAMI,WAElBH,EAAAC,IAACI,EAAIA,KAAA,CACHC,MAAOP,EAAMO,MACbC,QAASR,EAAMQ,QACfC,kBAAmBT,EAAMS,kBACzBC,qBAAsBV,EAAMU,qBAC5BC,WAAYX,EAAMW,WAClBC,UAAWZ,EAAMY,UACjBd,UAAWA,EACXe,YAAab,EAAMa,eAIzB"}
+{"version":3,"file":"menuContainer.js","sources":["../../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport emotionStyled from '@emotion/styled';\nimport { Menu } from '../menu';\nimport MenuEmpty from './menuEmpty';\nconst MenuContainer = (_a) => {\n    var { setIsOpen, isEmptyMenu } = _a, props = __rest(_a, [\"setIsOpen\", \"isEmptyMenu\"]);\n    return (_jsx(StyledDiv, { marginTop: props.marginTop + 'px', width: props.fullWidth ? '100%' : props.width + 'px', isOpen: props.isOpen, disabled: props.disabled, children: isEmptyMenu ? (_jsx(MenuEmpty, { children: props.children })) : (_jsx(Menu, { items: props.items, hasIcon: props.hasIcon, multipleSelection: props.multipleSelection, groupToggleSelection: props.groupToggleSelection, groupLabel: props.groupLabel, reactHook: props.reactHook, setIsOpen: setIsOpen, toggleLabel: props.toggleLabel })) }));\n};\nconst StyledDiv = emotionStyled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n        width: args.width,\n        marginTop: args.marginTop,\n        transition: '0.3s ease-out',\n        display: 'inline-block',\n        position: 'absolute',\n        zIndex: '10',\n    };\n    if (args.isOpen && !args.disabled) {\n        styles = Object.assign(Object.assign({}, styles), { visibility: 'visible', opacity: '100%' });\n    }\n    else {\n        styles = Object.assign(Object.assign({}, styles), { visibility: 'hidden', opacity: '0%' });\n    }\n    return styles;\n});\nexport default MenuContainer;\n//# sourceMappingURL=menuContainer.js.map"],"names":["StyledDiv","default","div","_a","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","jsx","fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"mQAKK,MAICA,OAAyBC,QAACC,KAAKC,IAC9B,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,IAAIG,EAAS,CAAA,EAeb,OAdAA,EAAS,CACLC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAGRN,EADAF,EAAKS,SAAWT,EAAKU,SACZC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEV,GAAS,CAAEW,WAAY,UAAWC,QAAS,SAG3EH,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEV,GAAS,CAAEW,WAAY,SAAUC,QAAS,OAEhFZ,CAAM,oBArBMH,IACnB,IAAIgB,UAAEA,EAASC,YAAEA,GAAgBjB,EAAIkB,EAAQhB,EAAMA,OAACF,EAAI,CAAC,YAAa,gBACtE,OAAQmB,EAAIC,IAACvB,EAAW,CAAEQ,UAAWa,EAAMb,UAAY,KAAMD,MAAOc,EAAMG,UAAY,OAASH,EAAMd,MAAQ,KAAMM,OAAQQ,EAAMR,OAAQC,SAAUO,EAAMP,SAAUW,SAAUL,EAAeE,EAAIC,IAACG,EAASA,UAAE,CAAED,SAAUJ,EAAMI,WAAgBH,EAAIC,IAACI,EAAIA,KAAE,CAAEC,MAAOP,EAAMO,MAAOC,QAASR,EAAMQ,QAASC,kBAAmBT,EAAMS,kBAAmBC,qBAAsBV,EAAMU,qBAAsBC,WAAYX,EAAMW,WAAYC,UAAWZ,EAAMY,UAAWd,UAAWA,EAAWe,YAAab,EAAMa,eAAoB"}