@skodaflow/web-library 4.0.3 → 4.2.0

package/cjs/components/selectInput/selectInput.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),l=require("./formControlSelectStyled.js"),n=require("@mui/material/Select"),a=require("../icon/icon.js"),u=require("./hook/useSelectInput.js"),o=require("@mui/material/styles"),s=require("./inputLabelSelect.js"),i=require("@mui/material"),c=require("../common/helperText.js");function d(e){return e&&e.__esModule?e:{default:e}}var h=d(t),p=d(n);const x=h.default.forwardRef(((n,o)=>{var{label:d=null,onChange:h,onBlur:p,onFocus:x,value:m,children:b,staticLabel:S,InputProps:j,fullWidth:v=!0,removeSelectMenuMaxWidth:q}=n,I=e.__rest(n,["label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth"]);const[M,g]=t.useState(""),[F,W]=t.useState(!1),[C,B]=t.useState(!1),[k,w]=t.useState(!1),[L,T]=t.useState(!1),[_,O]=t.useState(null),[y,P]=t.useState(""),[N,R]=t.useState(""),{handleOnBlur:E,handleOnChange:V,handleOnFocus:D}=u.useSelectInput(F,R,P,v,I.helpText,m,g,I.required,w),H=t.useRef(null),z=t.useRef(null),A={sx:_?{maxWidth:q?"unset":_,"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}:{"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}};return r.jsx(r.Fragment,{children:r.jsxs(l.FormControlSelectStyled,Object.assign({},I,{ref:z,staticLabel:S,sx:v?{}:{width:"200px"},disabled:I.disabled,error:I.hasError,value:M,hideBg:I.hideBg,onMouseEnter:()=>{!C&&!L&&B(!0)},onMouseLeave:()=>{C&&!L&&B(!1)},onMouseDown:e=>{const r=e.currentTarget.offsetWidth;O(r)},icon:I.icon,hovered:C,focused:F,variant:"filled",fullWidth:v,children:[I.icon&&r.jsx(a.Icon,{color:I.disabled?"disabled":"inherit",className:I.icon}),r.jsx(s.default,{staticLabel:S,label:d,opened:L,currentValue:M}),r.jsx(f,{MenuProps:A,required:k,onOpen:()=>{T(!0)},onClose:()=>{W(!1),B(!1),T(!1)},onBlur:()=>E(W,p),onFocus:()=>D(W,x),IconComponent:()=>L?r.jsx(a.Icon,{className:"chevron-up"}):r.jsx(a.Icon,{className:"chevron-down"}),labelId:d,id:I.id,name:I.name,value:M,onChange:e=>V(e,h,g),ref:H,hasIcon:!!I.icon,fullWidth:v,children:b}),r.jsx(i.FormHelperText,{children:r.jsx(c.default,{maxChars:0,currentValue:M,helpText:I.helpText})})]}))})})),f=o.styled(p.default,{shouldForwardProp:e=>"hasIcon"!==e&&"fullWidth"!==e})((r=>{var t=e.__rest(r,["theme"]);if(!t.fullWidth)return null;return{"& > .MuiSelect-filled":{position:"absolute",left:0,top:0,width:t.hasIcon?"calc(100% - 102px) !important":"calc(100% - 62px) !important"}}}));exports.SelectInput=x;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),l=require("./formControlSelectStyled.js"),n=require("@mui/material/Select"),a=require("../icon/icon.js"),o=require("./hook/useSelectInput.js"),u=require("@mui/material/styles"),s=require("./inputLabelSelect.js"),i=require("@mui/material"),c=require("../common/helperText.js"),d=require("lodash/noop");function h(e){return e&&e.__esModule?e:{default:e}}var p=h(n),x=h(d);const m=u.styled(p.default,{shouldForwardProp:e=>"hasIcon"!==e&&"fullWidth"!==e})((r=>{var t=e.__rest(r,["theme"]);if(!t.fullWidth)return null;return{"& > .MuiSelect-filled":{position:"absolute",left:0,top:0,width:t.hasIcon?"calc(100% - 102px) !important":"calc(100% - 62px) !important"}}}));exports.SelectInput=n=>{var{label:u=null,onChange:d,onBlur:h,onFocus:p,value:f,children:b,staticLabel:S,InputProps:j,fullWidth:v=!0,removeSelectMenuMaxWidth:q}=n,I=e.__rest(n,["label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth"]);const[M,g]=t.useState(""),[F,W]=t.useState(!1),[C,B]=t.useState(!1),[k,L]=t.useState(!1),[T,_]=t.useState(!1),[w,O]=t.useState(null),{handleOnBlur:y,handleOnChange:P,handleOnFocus:N}=o.useSelectInput(F,x.default,x.default,v,I.helpText,f,g,I.required,L),E=t.useRef(null),R=t.useRef(null),V={sx:w?{maxWidth:q?"unset":w,"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}:{"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}};return r.jsx(r.Fragment,{children:r.jsxs(l.FormControlSelectStyled,Object.assign({},I,{ref:R,staticLabel:S,sx:v?{}:{width:"200px"},disabled:I.disabled,error:I.hasError,value:M,hideBg:I.hideBg,onMouseEnter:()=>{!C&&!T&&B(!0)},onMouseLeave:()=>{C&&!T&&B(!1)},onMouseDown:e=>{const r=e.currentTarget.offsetWidth;O(r)},icon:I.icon,hovered:C,focused:F,variant:"filled",fullWidth:v,children:[I.icon&&r.jsx(a.Icon,{color:I.disabled?"disabled":"inherit",className:I.icon}),r.jsx(s.default,{staticLabel:S,label:u,opened:T,currentValue:M}),r.jsx(m,{MenuProps:V,required:k,onOpen:()=>{_(!0)},onClose:()=>{W(!1),B(!1),_(!1)},onBlur:()=>y(W,h),onFocus:()=>N(W,p),IconComponent:()=>T?r.jsx(a.Icon,{className:"chevron-up"}):r.jsx(a.Icon,{className:"chevron-down"}),labelId:u,id:I.id,name:I.name,value:M,onChange:e=>P(e,d,g),ref:E,hasIcon:!!I.icon,fullWidth:v,children:b}),r.jsx(i.FormHelperText,{children:r.jsx(c.default,{maxChars:0,currentValue:M,helpText:I.helpText})})]}))})};
 //# sourceMappingURL=selectInput.js.map

package/cjs/components/selectInput/selectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectInput.js","sources":["../../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":[null],"names":["SelectInput","React","forwardRef","_a","ref","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth","props","__rest","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","helpTextState","setHelpTextState","parentInputWidth","setParentInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","jsxs","FormControlSelectStyled","Object","assign","width","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","className","InputLabelSelect","default","jsx","SelectInputStyled","MenuProps","onOpen","onClose","IconComponent","labelId","id","name","hasIcon","FormHelperText","HelperText","maxChars","styled","MuiSelect","shouldForwardProp","prop","args","position","left","top"],"mappings":"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"}
+{"version":3,"file":"selectInput.js","sources":["../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport MuiSelect from '@mui/material/Select';\nimport { Icon } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport { styled } from '@mui/material/styles';\nimport InputLabelSelect from './inputLabelSelect';\nimport { FormHelperText } from '@mui/material';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow SelectInput component.\n * Properties are inherited from HTML input element.\n * @param props SelectInputProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.\n */\nexport const SelectInput = (_a) => {\n    var { label = null, onChange, onBlur, onFocus, value, children, staticLabel, InputProps, fullWidth = true, removeSelectMenuMaxWidth } = _a, props = __rest(_a, [\"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"children\", \"staticLabel\", \"InputProps\", \"fullWidth\", \"removeSelectMenuMaxWidth\"]);\n    const [currentValue, setCurrentValue] = useState('');\n    const [isFocused, setIsFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n    const [isRequired, setIsRequired] = useState(false);\n    const [opened, setOpened] = useState(false);\n    const [inputWidth, setInputWidth] = useState(null);\n    const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(isFocused, noop, noop, fullWidth, props.helpText, value, setCurrentValue, props.required, setIsRequired);\n    const inputRef = useRef(null);\n    const formControlSelectRef = useRef(null);\n    const menuProps = {\n        sx: inputWidth\n            ? {\n                maxWidth: removeSelectMenuMaxWidth ? 'unset' : inputWidth,\n                '& .MuiBackdrop-root': {\n                    background: 'transparent',\n                    backdropFilter: 'blur(0px)',\n                },\n            }\n            : {\n                '& .MuiBackdrop-root': {\n                    background: 'transparent',\n                    backdropFilter: 'blur(0px)',\n                },\n            },\n    };\n    return (_jsx(_Fragment, { children: _jsxs(FormControlSelectStyled, Object.assign({}, props, { ref: formControlSelectRef, staticLabel: staticLabel, sx: !fullWidth ? { width: '200px' } : {}, disabled: props.disabled, error: props.hasError, value: currentValue, hideBg: props.hideBg, onMouseEnter: () => {\n                !hovered && !opened && setHovered(true);\n            }, onMouseLeave: () => {\n                hovered && !opened && setHovered(false);\n            }, onMouseDown: (e) => {\n                const elemWidth = e.currentTarget.offsetWidth;\n                setInputWidth(elemWidth);\n            }, icon: props.icon, hovered: hovered, focused: isFocused, variant: \"filled\", fullWidth: fullWidth, children: [props.icon && _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', className: props.icon }), _jsx(InputLabelSelect, { staticLabel: staticLabel, label: label, opened: opened, currentValue: currentValue }), _jsx(SelectInputStyled, { MenuProps: menuProps, required: isRequired, onOpen: () => {\n                        setOpened(true);\n                    }, onClose: () => {\n                        setIsFocused(false);\n                        setHovered(false);\n                        setOpened(false);\n                    }, onBlur: () => handleOnBlur(setIsFocused, onBlur), onFocus: () => handleOnFocus(setIsFocused, onFocus), IconComponent: () => (opened ? _jsx(Icon, { className: \"chevron-up\" }) : _jsx(Icon, { className: \"chevron-down\" })), labelId: label, id: props.id, name: props.name, value: currentValue, onChange: (e) => handleOnChange(e, onChange, setCurrentValue), ref: inputRef, hasIcon: !!props.icon, fullWidth: fullWidth, children: children }), _jsx(FormHelperText, { children: _jsx(HelperText, { maxChars: 0, currentValue: currentValue, helpText: props.helpText }) })] })) }));\n};\n/**\n * @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n    shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    if (!args.fullWidth)\n        return null;\n    const width = args.hasIcon ? 'calc(100% - 102px) !important' : 'calc(100% - 62px) !important';\n    return {\n        '& > .MuiSelect-filled': {\n            position: 'absolute',\n            left: 0,\n            top: 0,\n            width: width,\n        },\n    };\n});\n//# sourceMappingURL=selectInput.js.map"],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","noop","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","jsxs","FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","className","InputLabelSelect","default","jsx","MenuProps","onOpen","onClose","IconComponent","labelId","id","name","FormHelperText","HelperText","maxChars"],"mappings":"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"}

package/cjs/components/slider/containerStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"containerStyled.js","sources":["../../../../../src/components/slider/containerStyled.tsx"],"sourcesContent":[null],"names":["ContainerStyled","default","div","_a","args","__rest","style","marks","rule","position","padding","Array","isArray","value","marginLeft","marginRight","Object","assign"],"mappings":"uFAQa,MAAAA,gCAAwBC,QAACC,KAAmCC,IAAA,IAAYC,EAAIC,EAAAA,OAAAF,EAAhB,WACvE,IAAIG,EAAQ,CAAA,EAEZ,IAAKF,EAAKG,MAAO,OAAOD,EAExB,IAAIE,EAAO,CAAA,EA8BX,OA3BAF,EAAQ,CACNG,SAAU,WACVC,QAAS,WAWTF,EAfcG,MAAMC,QAAQR,EAAKS,OAe1B,CACL,wBAAyB,CACvBJ,SAAU,WACV,mBAAoB,CAClBK,WAAY,QAEd,iBAAkB,CAChBC,YAAa,UAdZ,CACL,wBAAyB,CACvBN,SAAU,WACVK,WAAY,SAiBlBR,EAAaU,OAAAC,OAAAD,OAAAC,OAAA,GAAAX,GAAUE,GAChBF,CAAK"}
+{"version":3,"file":"containerStyled.js","sources":["../../../../src/components/slider/containerStyled.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport styled from '@emotion/styled';\nexport const ContainerStyled = styled.div((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let style = {};\n    if (!args.marks)\n        return style;\n    let rule = {};\n    const isArray = Array.isArray(args.value);\n    style = {\n        position: 'relative',\n        padding: '0px 3px',\n    };\n    if (!isArray) {\n        rule = {\n            '& .single-value-input': {\n                position: 'relative',\n                marginLeft: '-3px',\n            },\n        };\n    }\n    else {\n        rule = {\n            '& .single-value-input': {\n                position: 'relative',\n                '&:nth-of-type(1)': {\n                    marginLeft: '-3px',\n                },\n                '&:last-of-type': {\n                    marginRight: '-3px',\n                },\n            },\n        };\n    }\n    style = Object.assign(Object.assign({}, style), rule);\n    return style;\n});\n//# sourceMappingURL=containerStyled.js.map"],"names":["ContainerStyled","default","div","_a","args","__rest","style","marks","rule","position","padding","Array","isArray","value","marginLeft","marginRight","Object","assign"],"mappings":"uFAEY,MAACA,gCAAwBC,QAACC,KAAKC,IACpC,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,IAAIG,EAAQ,CAAA,EACZ,IAAKF,EAAKG,MACN,OAAOD,EACX,IAAIE,EAAO,CAAA,EA4BX,OA1BAF,EAAQ,CACJG,SAAU,WACVC,QAAS,WAWTF,EAdYG,MAAMC,QAAQR,EAAKS,OAcxB,CACH,wBAAyB,CACrBJ,SAAU,WACV,mBAAoB,CAChBK,WAAY,QAEhB,iBAAkB,CACdC,YAAa,UAflB,CACH,wBAAyB,CACrBN,SAAU,WACVK,WAAY,SAiBxBR,EAAQU,OAAOC,OAAOD,OAAOC,OAAO,GAAIX,GAAQE,GACzCF,CAAK"}

package/cjs/components/slider/slider.d.ts

@@ -1,3 +1,4 @@
+import { HTMLAttributes } from 'react';
 import React from 'react';
 export type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;
 /**
@@ -5,7 +6,7 @@ export type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;
  * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.
  * @link https://mui.com/api/slider
  */
-export interface SliderProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {
+export interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {
     /**
      *  Disabled state, not changeable.
      */

package/cjs/components/slider/slider.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("@mui/material/Slider"),t=require("@mui/material/styles"),l=require("react"),i=require("../common/resizableSliderInput.js"),d=require("../common/styled/sliderValuesStyled.js"),n=require("./containerStyled.js");function s(e){return e&&e.__esModule?e:{default:e}}var u=s(r);const o=s(l).default.forwardRef(((r,t)=>{var{min:s,max:u,defaultValue:o,valueComponentType:c,leftSideLabel:b,rightSideLabel:x,disabled:S,disableSwap:h,step:v,value:f,isCurrencyInFront:y,minTextDescription:g="",maxTextDescription:j="",onChange:C,onInputBlur:D,thousandsSeparator:I=" ",decimalSeparator:T=",",hiddenDecimalSeparator:$=!0}=r,F=e.__rest(r,["min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator"]);const k=l.useMemo((()=>((e,a,r,t)=>void 0!==t?t:void 0!==r?r:a&&!e?[0,a]:!a&&e?e:0)(s,u,o,f)),[s,u,o,f]),[q,V]=l.useState(k);l.useEffect((()=>{f&&V((()=>f))}),[f]);const B=l.useCallback((e=>(e=>{let a=e?parseInt(e):-1;return isNaN(a)&&(a=-1),a})(e)),[]),L=l.useCallback(((e,a,r)=>{if(!Array.isArray(a))return V(a),void(C&&C(e,a,r));V(0===r?[Math.min(a[0],a[1]-v-1),a[1]]:[a[0],Math.max(a[1],a[0]+v+1)]),C&&C(e,a,r)}),[C,v]),M=l.useCallback((e=>{let a=B(e.target.value);a>u&&(a=u),C&&C(e,a),V((()=>a))}),[B,u,C]),A=l.useCallback(((e,a)=>{let r=B(e.target.value);1===a&&r>u?r=u:0===a&&r>q[1]&&(r=q[1]),V((t=>{let l=[...t];return l[a]=r,l[0]>l[1]&&(l=[0,v+1]),C&&C(e,l,a),l}))}),[B,u,C,v,q]),N=l.useMemo((()=>Array.isArray(q)?((e,r,t,l,d,n,s,u,o,p,c,b,x)=>{if("default"===e||!e){const e=m("number"==typeof r[0]?r[0]:parseInt(r[0]),b,c,x),t=m("number"==typeof r[1]?r[1]:parseInt(r[1]),b,c,x);return a.jsxs("div",{className:"range-values",children:[a.jsx("div",{"data-testid":"Slider.minVal",children:p?`${d} ${e}`:`${e} ${d}`}),a.jsx("div",{className:"middle-side"}),a.jsx("div",{"data-testid":"Slider.maxVal",children:p?`${n} ${t}`:`${t} ${n}`})]})}return a.jsxs("div",{className:"range-values",children:[a.jsx(i.default,{id:"slider-double-value-left-label-input",onChange:s,onBlur:u,value:r[0],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:x,thumb:0,disabled:o,textDescription:d,labelText:"input"===e?null:t,isCurrencyInFront:p,"data-testid":"Slider.minVal"}),a.jsx("div",{className:"middle-side"}),a.jsx(i.default,{id:"slider-double-value-right-label-input",onChange:s,onBlur:u,value:r[1],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:x,thumb:1,disabled:o,textDescription:n,labelText:"labeledInput"===e?l:null,isCurrencyInFront:p,"data-testid":"Slider.maxVal"})]})})(c,q,b,x,g,j,A,D,S,y,I,T,$):((e,r,t,l,d,n,s,u,o,p,c)=>{if("default"===e||!e){const e=m("number"==typeof r?r:parseInt(r),p,o,c);return a.jsxs("div",{"data-testid":"Slider.minVal",children:[l&&u?`${l} ${e}`:l?`${e} ${l}`:e," "]})}return a.jsx(i.default,{id:"slider-single-value-label-input",value:r,thousandsSeparator:o,decimalSeparator:p,hiddenDecimalSeparator:c,onChange:d,onBlur:n,disabled:s,textDescription:l,labelText:"labeledInput"===e?t:null,isCurrencyInFront:u})})(c,q,b,g,M,D,S,y,I,T,$)),[S,y,b,j,g,A,M,D,x,c,q,I,T,$]);return a.jsxs(n.ContainerStyled,{value:q,marks:F.marks,"data-testid":"Slider","data-state":S?"disabled":void 0,children:[a.jsx(p,Object.assign({},F,{disabled:S,ref:t,onChange:L,min:s,max:u,step:v,disableSwap:h,valueLabelFormat:e=>m(e,T,I,$),value:q})),a.jsx(d.default,{disabled:S,children:N})]})})),p=t.styled(u.default,{shouldForwardProp:e=>"minTextDescription"!==e&&"maxTextDescription"!==e&&"leftSideLabel"!==e&&"rightSideLabel"!==e&&"valueComponentType"!==e})((a=>{var r=e.__rest(a,["theme"]);if(!r.marks)return null;let t={};Array.isArray(r.value)||(t={"& .MuiSlider-track":{left:"-3px !important"}});let l={"& .MuiSlider-rail":{left:"-3px",paddingRight:"6px"}};return l=Object.assign(Object.assign({},l),t),l})),m=(e,a,r,t)=>t?e.toFixed().replace(/\B(?=(\d{3})+(?!\d))/g,r):e.toFixed(2).replace(".",a).replace(/\B(?=(\d{3})+(?!\d))/g,r);exports.Slider=o;
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/Slider"),l=require("@mui/material/styles"),i=require("../common/resizableSliderInput.js"),d=require("../common/styled/sliderValuesStyled.js"),n=require("./containerStyled.js");function s(e){return e&&e.__esModule?e:{default:e}}var u=s(t);const o=r.forwardRef(((t,l)=>{var{min:s,max:u,defaultValue:o,valueComponentType:c,leftSideLabel:b,rightSideLabel:x,disabled:S,disableSwap:h,step:v,value:f,isCurrencyInFront:y,minTextDescription:g="",maxTextDescription:j="",onChange:C,onInputBlur:D,thousandsSeparator:I=" ",decimalSeparator:T=",",hiddenDecimalSeparator:$=!0}=t,F=e.__rest(t,["min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator"]);const k=r.useMemo((()=>((e,a,r,t)=>void 0!==t?t:void 0!==r?r:a&&!e?[0,a]:!a&&e?e:0)(s,u,o,f)),[s,u,o,f]),[q,V]=r.useState(k);r.useEffect((()=>{f&&V((()=>f))}),[f]);const B=r.useCallback((e=>(e=>{let a=e?parseInt(e):-1;return isNaN(a)&&(a=-1),a})(e)),[]),L=r.useCallback(((e,a,r)=>{if(!Array.isArray(a))return V(a),void(C&&C(e,a,r));V(0===r?[Math.min(a[0],a[1]-v-1),a[1]]:[a[0],Math.max(a[1],a[0]+v+1)]),C&&C(e,a,r)}),[C,v]),M=r.useCallback((e=>{let a=B(e.target.value);a>u&&(a=u),C&&C(e,a),V((()=>a))}),[B,u,C]),A=r.useCallback(((e,a)=>{let r=B(e.target.value);1===a&&r>u?r=u:0===a&&r>q[1]&&(r=q[1]),V((t=>{let l=[...t];return l[a]=r,l[0]>l[1]&&(l=[0,v+1]),C&&C(e,l,a),l}))}),[B,u,C,v,q]),N=r.useMemo((()=>Array.isArray(q)?((e,r,t,l,d,n,s,u,o,p,c,b,x)=>{if("default"===e||!e){const e=m("number"==typeof r[0]?r[0]:parseInt(r[0]),b,c,x),t=m("number"==typeof r[1]?r[1]:parseInt(r[1]),b,c,x);return a.jsxs("div",{className:"range-values",children:[a.jsx("div",{"data-testid":"Slider.minVal",children:p?`${d} ${e}`:`${e} ${d}`}),a.jsx("div",{className:"middle-side"}),a.jsx("div",{"data-testid":"Slider.maxVal",children:p?`${n} ${t}`:`${t} ${n}`})]})}return a.jsxs("div",{className:"range-values",children:[a.jsx(i.default,{id:"slider-double-value-left-label-input",onChange:s,onBlur:u,value:r[0],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:x,thumb:0,disabled:o,textDescription:d,labelText:"input"===e?null:t,isCurrencyInFront:p,"data-testid":"Slider.minVal"}),a.jsx("div",{className:"middle-side"}),a.jsx(i.default,{id:"slider-double-value-right-label-input",onChange:s,onBlur:u,value:r[1],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:x,thumb:1,disabled:o,textDescription:n,labelText:"labeledInput"===e?l:null,isCurrencyInFront:p,"data-testid":"Slider.maxVal"})]})})(c,q,b,x,g,j,A,D,S,y,I,T,$):((e,r,t,l,d,n,s,u,o,p,c)=>{if("default"===e||!e){const e=m("number"==typeof r?r:parseInt(r),p,o,c);return a.jsxs("div",{"data-testid":"Slider.minVal",children:[l&&u?`${l} ${e}`:l?`${e} ${l}`:e," "]})}return a.jsx(i.default,{id:"slider-single-value-label-input",value:r,thousandsSeparator:o,decimalSeparator:p,hiddenDecimalSeparator:c,onChange:d,onBlur:n,disabled:s,textDescription:l,labelText:"labeledInput"===e?t:null,isCurrencyInFront:u})})(c,q,b,g,M,D,S,y,I,T,$)),[S,y,b,j,g,A,M,D,x,c,q,I,T,$]);return a.jsxs(n.ContainerStyled,{value:q,marks:F.marks,"data-testid":"Slider","data-state":S?"disabled":void 0,children:[a.jsx(p,Object.assign({},F,{disabled:S,ref:l,onChange:L,min:s,max:u,step:v,disableSwap:h,valueLabelFormat:e=>m(e,T,I,$),value:q})),a.jsx(d.default,{disabled:S,children:N})]})})),p=l.styled(u.default,{shouldForwardProp:e=>"minTextDescription"!==e&&"maxTextDescription"!==e&&"leftSideLabel"!==e&&"rightSideLabel"!==e&&"valueComponentType"!==e})((a=>{var r=e.__rest(a,["theme"]);if(!r.marks)return null;let t={};Array.isArray(r.value)||(t={"& .MuiSlider-track":{left:"-3px !important"}});let l={"& .MuiSlider-rail":{left:"-3px",paddingRight:"6px"}};return l=Object.assign(Object.assign({},l),t),l})),m=(e,a,r,t)=>t?e.toFixed().replace(/\B(?=(\d{3})+(?!\d))/g,r):e.toFixed(2).replace(".",a).replace(/\B(?=(\d{3})+(?!\d))/g,r);exports.Slider=o;
 //# sourceMappingURL=slider.js.map

package/cjs/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":[null],"names":["Slider","React","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","default","getDoubleValueComponent","val","getSingleValueComponent","ContainerStyled","marks","SliderStyled","valueLabelFormat","v","SliderValuesStyled","styled","MuiSlider","shouldForwardProp","prop","args","rule","left","style","paddingRight","Object","assign","num","toFixed","replace"],"mappings":"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"}
+{"version":3,"file":"slider.js","sources":["../../../../src/components/slider/slider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/* eslint-disable sonarjs/cognitive-complexity */\nimport { forwardRef } from 'react';\nimport MuiSlider from '@mui/material/Slider';\nimport { styled } from '@mui/material/styles';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { ContainerStyled } from './containerStyled';\nconst getDoubleValueComponent = (type, values, leftSideLabel, rightSideLabel, minTextDescription, maxTextDescription, onChange, onBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator) => {\n    if (type === 'default' || !type) {\n        const minVal = getFormattedString(typeof values[0] === 'number' ? values[0] : parseInt(values[0]), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n        const maxVal = getFormattedString(typeof values[1] === 'number' ? values[1] : parseInt(values[1]), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n        return (_jsxs(\"div\", { className: \"range-values\", children: [_jsx(\"div\", { \"data-testid\": \"Slider.minVal\", children: isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}` }), _jsx(\"div\", { className: \"middle-side\" }), _jsx(\"div\", { \"data-testid\": \"Slider.maxVal\", children: isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}` })] }));\n    }\n    return (_jsxs(\"div\", { className: \"range-values\", children: [_jsx(ResizableSliderInput, { id: \"slider-double-value-left-label-input\", onChange: onChange, onBlur: onBlur, value: values[0], thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, thumb: 0, disabled: disabled, textDescription: minTextDescription, labelText: type === 'input' ? null : leftSideLabel, isCurrencyInFront: isCurrencyInFront, \"data-testid\": \"Slider.minVal\" }), _jsx(\"div\", { className: \"middle-side\" }), _jsx(ResizableSliderInput, { id: \"slider-double-value-right-label-input\", onChange: onChange, onBlur: onBlur, value: values[1], thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, thumb: 1, disabled: disabled, textDescription: maxTextDescription, labelText: type === 'labeledInput' ? rightSideLabel : null, isCurrencyInFront: isCurrencyInFront, \"data-testid\": \"Slider.maxVal\" })] }));\n};\nconst getSingleValueComponent = (type, values, leftSideLabel, minTextDescription, onChange, onBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator) => {\n    if (type === 'default' || !type) {\n        const val = getFormattedString(typeof values === 'number' ? values : parseInt(values), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n        return (_jsxs(\"div\", { \"data-testid\": \"Slider.minVal\", children: [minTextDescription && isCurrencyInFront\n                    ? `${minTextDescription} ${val}`\n                    : minTextDescription\n                        ? `${val} ${minTextDescription}`\n                        : val, ' '] }));\n    }\n    return (_jsx(ResizableSliderInput, { id: \"slider-single-value-label-input\", value: values, thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, onChange: onChange, onBlur: onBlur, disabled: disabled, textDescription: minTextDescription, labelText: type === 'labeledInput' ? leftSideLabel : null, isCurrencyInFront: isCurrencyInFront }));\n};\nconst getFormattedValue = (value) => {\n    let result = value ? parseInt(value) : -1;\n    if (isNaN(result))\n        result = -1;\n    return result;\n};\nconst getInitialValue = (min, max, defaultValue, value) => {\n    if (value !== undefined)\n        return value;\n    if (defaultValue !== undefined)\n        return defaultValue;\n    if (max && !min)\n        return [0, max];\n    if (!max && min)\n        return min;\n    return 0;\n};\n/**\n * @description Styled SkodaFlow Slider component\n * @param props SliderProps\n * @returns React Functional Component\n */\nexport const Slider = forwardRef((_a, ref) => {\n    var { min, max, defaultValue, valueComponentType, leftSideLabel, rightSideLabel, disabled, disableSwap, step, value, isCurrencyInFront, minTextDescription = '', maxTextDescription = '', onChange, onInputBlur, thousandsSeparator = ' ', decimalSeparator = ',', hiddenDecimalSeparator = true } = _a, props = __rest(_a, [\"min\", \"max\", \"defaultValue\", \"valueComponentType\", \"leftSideLabel\", \"rightSideLabel\", \"disabled\", \"disableSwap\", \"step\", \"value\", \"isCurrencyInFront\", \"minTextDescription\", \"maxTextDescription\", \"onChange\", \"onInputBlur\", \"thousandsSeparator\", \"decimalSeparator\", \"hiddenDecimalSeparator\"]);\n    const getInitialValueWithUseCallBack = useMemo(() => {\n        return getInitialValue(min, max, defaultValue, value);\n    }, [min, max, defaultValue, value]);\n    const [values, setValues] = useState(getInitialValueWithUseCallBack);\n    useEffect(() => {\n        if (value)\n            setValues(() => value);\n    }, [value]);\n    const getFormattedValueWithUseCallBack = useCallback((_value) => {\n        return getFormattedValue(_value);\n    }, []);\n    const onChangeHandler = useCallback((event, _value, activeThumb) => {\n        if (!Array.isArray(_value)) {\n            setValues(_value);\n            onChange && onChange(event, _value, activeThumb);\n            return;\n        }\n        if (activeThumb === 0) {\n            setValues([Math.min(_value[0], _value[1] - step - 1), _value[1]]);\n        }\n        else {\n            setValues([_value[0], Math.max(_value[1], _value[0] + step + 1)]);\n        }\n        onChange && onChange(event, _value, activeThumb);\n    }, [onChange, step]);\n    const onChangeSingleValue = useCallback((e) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (newValue > max)\n            newValue = max;\n        onChange && onChange(e, newValue);\n        setValues(() => newValue);\n    }, [getFormattedValueWithUseCallBack, max, onChange]);\n    const onChangeDoubleValue = useCallback((e, thumb) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (thumb === 1 && newValue > max)\n            newValue = max;\n        else if (thumb === 0 && newValue > values[1])\n            newValue = values[1];\n        setValues((curr) => {\n            let newArrayValue = [...curr];\n            newArrayValue[thumb] = newValue;\n            if (newArrayValue[0] > newArrayValue[1]) {\n                newArrayValue = [0, step + 1];\n            }\n            onChange && onChange(e, newArrayValue, thumb);\n            return newArrayValue;\n        });\n    }, [getFormattedValueWithUseCallBack, max, onChange, step, values]);\n    const valuesComponent = useMemo(() => {\n        return Array.isArray(values)\n            ? getDoubleValueComponent(valueComponentType, values, leftSideLabel, rightSideLabel, minTextDescription, maxTextDescription, onChangeDoubleValue, onInputBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator)\n            : getSingleValueComponent(valueComponentType, values, leftSideLabel, minTextDescription, onChangeSingleValue, onInputBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator);\n    }, [\n        disabled,\n        isCurrencyInFront,\n        leftSideLabel,\n        maxTextDescription,\n        minTextDescription,\n        onChangeDoubleValue,\n        onChangeSingleValue,\n        onInputBlur,\n        rightSideLabel,\n        valueComponentType,\n        values,\n        thousandsSeparator,\n        decimalSeparator,\n        hiddenDecimalSeparator,\n    ]);\n    return (_jsxs(ContainerStyled, { value: values, marks: props.marks, \"data-testid\": \"Slider\", \"data-state\": disabled ? 'disabled' : undefined, children: [_jsx(SliderStyled, Object.assign({}, props, { disabled: disabled, ref: ref, onChange: onChangeHandler, min: min, max: max, step: step, disableSwap: disableSwap, valueLabelFormat: (v) => getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator), value: values })), _jsx(SliderValuesStyled, { disabled: disabled, children: valuesComponent })] }));\n});\n/**\n * @description Slider styling definition\n */\nconst SliderStyled = styled(MuiSlider, {\n    shouldForwardProp: (prop) => prop !== 'minTextDescription' &&\n        prop !== 'maxTextDescription' &&\n        prop !== 'leftSideLabel' &&\n        prop !== 'rightSideLabel' &&\n        prop !== 'valueComponentType',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    if (!args.marks)\n        return null;\n    let rule = {};\n    const isArray = Array.isArray(args.value);\n    if (!isArray)\n        rule = {\n            '& .MuiSlider-track': {\n                left: '-3px !important',\n            },\n        };\n    let style = {\n        '& .MuiSlider-rail': {\n            left: '-3px',\n            paddingRight: '6px',\n        },\n    };\n    style = Object.assign(Object.assign({}, style), rule);\n    return style;\n});\nconst getFormattedString = (num, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator) => {\n    if (hiddenDecimalSeparator)\n        return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n    return num\n        .toFixed(2)\n        .replace('.', decimalSeparator)\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n};\n//# sourceMappingURL=slider.js.map"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","default","getDoubleValueComponent","val","getSingleValueComponent","ContainerStyled","marks","SliderStyled","Object","assign","valueLabelFormat","v","SliderValuesStyled","styled","MuiSlider","shouldForwardProp","prop","args","rule","left","style","paddingRight","num","toFixed","replace"],"mappings":"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"}

package/cjs/components/snackbar/snackbar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @type IconType
  * @description The possible values for the icons.
@@ -9,7 +9,7 @@ export type IconType = 'alert' | 'warning' | 'success' | '';
  * @description Base definition of SkodaFlow Snackbar independent on core implementation.
  * Properties are inherited from HTML Div element
  */
-export interface SnackbarProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SnackbarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * If true, the component is shown.
      */

package/cjs/components/snackbar/snackbar.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),i=require("@mui/material/styles"),n=require("@mui/material/Snackbar"),t=require("./snackbarMessage.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(a),u=o(n);const c=s.default.forwardRef((({open:e,setOpen:i,icon:n,message:o,header:s,handleAction:u,autoHideDuration:c,actionButtonTitle:d,handleClose:p,closeOnClickaway:m,anchorOrigin:h,disableWindowBlurListener:x,resumeHideDuration:g,TransitionProps:b},k)=>{const f=a.useMemo((()=>d&&r.jsx("button",{onClick:u,children:d})),[d,u]),w=a.useMemo((()=>r.jsx(t.SnackbarMessage,{icon:n,header:s,message:o})),[s,n,o]),B=a.useCallback(((e,r)=>{(m||"clickaway"!==r)&&(p&&p(e,r),i(!1))}),[m,p,i]);return r.jsx(l,{actionButtonTitle:d,open:e,autoHideDuration:c,onClose:B,icon:n,header:s,message:w,action:f,anchorOrigin:h,disableWindowBlurListener:x,resumeHideDuration:g,TransitionProps:b,ref:k})})),d=e=>"alert"===e||"warning"===e||"success"===e,l=i.styled(u.default,{shouldForwardProp:e=>"actionButtonTitle"!==e})((r=>{var a=e.__rest(r,["theme"]);return{"& .MuiPaper-root":{paddingLeft:d(a.icon)?"18px":"16px",paddingTop:a.header?"12px":"8px",paddingBottom:a.header?"12px":"8px","& > .MuiSnackbarContent-message":{"& > div":{"& .custom-snackbar-divider":{display:a.actionButtonTitle?"flex":"none"}}}}}}));exports.Snackbar=c,exports.checkForIcon=d;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),i=require("@mui/material/styles"),n=require("@mui/material/Snackbar"),t=require("./snackbarMessage.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(n);const u=a.forwardRef((({open:e,setOpen:i,icon:n,message:o,header:s,handleAction:u,autoHideDuration:c,actionButtonTitle:l,handleClose:p,closeOnClickaway:m,anchorOrigin:h,disableWindowBlurListener:x,resumeHideDuration:g,TransitionProps:b},k)=>{const f=a.useMemo((()=>l&&r.jsx("button",{onClick:u,children:l})),[l,u]),w=a.useMemo((()=>r.jsx(t.SnackbarMessage,{icon:n,header:s,message:o})),[s,n,o]),B=a.useCallback(((e,r)=>{(m||"clickaway"!==r)&&(p&&p(e,r),i(!1))}),[m,p,i]);return r.jsx(d,{actionButtonTitle:l,open:e,autoHideDuration:c,onClose:B,icon:n,header:s,message:w,action:f,anchorOrigin:h,disableWindowBlurListener:x,resumeHideDuration:g,TransitionProps:b,ref:k})})),c=e=>"alert"===e||"warning"===e||"success"===e,d=i.styled(s.default,{shouldForwardProp:e=>"actionButtonTitle"!==e})((r=>{var a=e.__rest(r,["theme"]);return{"& .MuiPaper-root":{paddingLeft:c(a.icon)?"18px":"16px",paddingTop:a.header?"12px":"8px",paddingBottom:a.header?"12px":"8px","& > .MuiSnackbarContent-message":{"& > div":{"& .custom-snackbar-divider":{display:a.actionButtonTitle?"flex":"none"}}}}}}));exports.Snackbar=u,exports.checkForIcon=c;
 //# sourceMappingURL=snackbar.js.map

package/cjs/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":[null],"names":["Snackbar","React","forwardRef","open","setOpen","icon","message","header","handleAction","autoHideDuration","actionButtonTitle","handleClose","closeOnClickaway","anchorOrigin","disableWindowBlurListener","resumeHideDuration","TransitionProps","ref","actionComponent","useMemo","_jsx","jsx","onClick","children","messageComponent","SnackbarMessage","mainHandleClose","useCallback","event","reason","SnackbarStyled","onClose","action","checkForIcon","styled","MuiSnackbar","shouldForwardProp","prop","_a","args","__rest","paddingLeft","paddingTop","paddingBottom","display"],"mappings":"mQAyFa,MAAAA,EAAWC,EAAAA,QAAMC,YAC5B,EAEIC,OACAC,UACAC,OACAC,UACAC,SACAC,eACAC,mBACAC,oBACAC,cACAC,mBACAC,eACAC,4BACAC,qBACAC,mBAEFC,KAEA,MAAMC,EAAkBC,EAAAA,SAAQ,IACvBT,GAAqBU,EAAQC,IAAA,SAAA,CAAAC,QAASd,EAAYe,SAAGb,KAC3D,CAACA,EAAmBF,IACjBgB,EAAmBL,EAAAA,SACvB,IAAMC,EAAAA,IAACK,EAAAA,gBAAe,CAACpB,KAAMA,EAAME,OAAQA,EAAQD,QAASA,KAC5D,CAACC,EAAQF,EAAMC,IAGXoB,EAAkBC,EAAAA,aACtB,CAACC,EAAqCC,MAC/BjB,GAA+B,cAAXiB,KAIrBlB,GAAaA,EAAYiB,EAAOC,GACpCzB,GAAQ,GAAM,GAEhB,CAACQ,EAAkBD,EAAaP,IAGlC,OACEgB,EAACC,IAAAS,EACC,CAAApB,kBAAmBA,EACnBP,KAAMA,EACNM,iBAAkBA,EAClBsB,QAASL,EACTrB,KAAMA,EACNE,OAAQA,EACRD,QAASkB,EACTQ,OAAQd,EACRL,aAAcA,EACdC,0BAA2BA,EAC3BC,mBAAoBA,EACpBC,gBAAiBA,EACjBC,IAAKA,GAEP,IAIOgB,EAAgB5B,GACX,UAATA,GAA6B,YAATA,GAA+B,YAATA,EAM7CyB,EAAiBI,EAAMA,OAACC,UAAa,CACzCC,kBAAoBC,GAAkB,sBAATA,GADRH,EAQpBI,IAAA,IAAYC,EAAIC,EAAAA,OAAAF,EAAhB,WACD,MAAO,CACL,mBAAoB,CAClBG,YAAaR,EAAaM,EAAKlC,MAAQ,OAAS,OAChDqC,WAAYH,EAAKhC,OAAS,OAAS,MACnCoC,cAAeJ,EAAKhC,OAAS,OAAS,MACtC,kCAAmC,CACjC,UAAW,CACT,6BAA8B,CAC5BqC,QAASL,EAAK7B,kBAAoB,OAAS,WAKpD"}
+{"version":3,"file":"snackbar.js","sources":["../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback, useMemo } from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiSnackbar from '@mui/material/Snackbar';\nimport { SnackbarMessage } from './snackbarMessage';\n/**\n * @description SkodaFlow Snackbar component.\n * Properties are inherited from HTML Div element.\n * @param props SnackbarProps\n * @returns React Functional Component\n */\nexport const Snackbar = forwardRef(({ open, setOpen, icon, message, header, handleAction, autoHideDuration, actionButtonTitle, handleClose, closeOnClickaway, anchorOrigin, disableWindowBlurListener, resumeHideDuration, TransitionProps, }, ref) => {\n    const actionComponent = useMemo(() => {\n        return actionButtonTitle && _jsx(\"button\", { onClick: handleAction, children: actionButtonTitle });\n    }, [actionButtonTitle, handleAction]);\n    const messageComponent = useMemo(() => _jsx(SnackbarMessage, { icon: icon, header: header, message: message }), [header, icon, message]);\n    const mainHandleClose = useCallback((event, reason) => {\n        if (!closeOnClickaway && reason === 'clickaway') {\n            return;\n        }\n        if (handleClose)\n            handleClose(event, reason);\n        setOpen(false);\n    }, [closeOnClickaway, handleClose, setOpen]);\n    return (_jsx(SnackbarStyled, { actionButtonTitle: actionButtonTitle, open: open, autoHideDuration: autoHideDuration, onClose: mainHandleClose, icon: icon, header: header, message: messageComponent, action: actionComponent, anchorOrigin: anchorOrigin, disableWindowBlurListener: disableWindowBlurListener, resumeHideDuration: resumeHideDuration, TransitionProps: TransitionProps, ref: ref }));\n});\nexport const checkForIcon = (icon) => {\n    return icon === 'alert' || icon === 'warning' || icon === 'success';\n};\n/**\n * @description Snackbar styling defintion based on props\n */\nconst SnackbarStyled = styled(MuiSnackbar, {\n    shouldForwardProp: (prop) => prop !== 'actionButtonTitle',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    return {\n        '& .MuiPaper-root': {\n            paddingLeft: checkForIcon(args.icon) ? '18px' : '16px',\n            paddingTop: args.header ? '12px' : '8px',\n            paddingBottom: args.header ? '12px' : '8px',\n            '& > .MuiSnackbarContent-message': {\n                '& > div': {\n                    '& .custom-snackbar-divider': {\n                        display: args.actionButtonTitle ? 'flex' : 'none',\n                    },\n                },\n            },\n        },\n    };\n});\n//# sourceMappingURL=snackbar.js.map"],"names":["Snackbar","forwardRef","open","setOpen","icon","message","header","handleAction","autoHideDuration","actionButtonTitle","handleClose","closeOnClickaway","anchorOrigin","disableWindowBlurListener","resumeHideDuration","TransitionProps","ref","actionComponent","useMemo","_jsx","jsx","onClick","children","messageComponent","SnackbarMessage","mainHandleClose","useCallback","event","reason","SnackbarStyled","onClose","action","checkForIcon","styled","MuiSnackbar","shouldForwardProp","prop","_a","args","__rest","paddingLeft","paddingTop","paddingBottom","display"],"mappings":"4PAYY,MAACA,EAAWC,EAAAA,YAAW,EAAGC,OAAMC,UAASC,OAAMC,UAASC,SAAQC,eAAcC,mBAAkBC,oBAAmBC,cAAaC,mBAAkBC,eAAcC,4BAA2BC,qBAAoBC,mBAAoBC,KAC3O,MAAMC,EAAkBC,EAAAA,SAAQ,IACrBT,GAAqBU,EAAIC,IAAC,SAAU,CAAEC,QAASd,EAAce,SAAUb,KAC/E,CAACA,EAAmBF,IACjBgB,EAAmBL,EAAAA,SAAQ,IAAMC,EAAAA,IAAKK,EAAAA,gBAAiB,CAAEpB,KAAMA,EAAME,OAAQA,EAAQD,QAASA,KAAY,CAACC,EAAQF,EAAMC,IACzHoB,EAAkBC,EAAAA,aAAY,CAACC,EAAOC,MACnCjB,GAA+B,cAAXiB,KAGrBlB,GACAA,EAAYiB,EAAOC,GACvBzB,GAAQ,GAAM,GACf,CAACQ,EAAkBD,EAAaP,IACnC,OAAQgB,EAAIC,IAACS,EAAgB,CAAEpB,kBAAmBA,EAAmBP,KAAMA,EAAMM,iBAAkBA,EAAkBsB,QAASL,EAAiBrB,KAAMA,EAAME,OAAQA,EAAQD,QAASkB,EAAkBQ,OAAQd,EAAiBL,aAAcA,EAAcC,0BAA2BA,EAA2BC,mBAAoBA,EAAoBC,gBAAiBA,EAAiBC,IAAKA,GAAQ,IAE/XgB,EAAgB5B,GACT,UAATA,GAA6B,YAATA,GAA+B,YAATA,EAK/CyB,EAAiBI,EAAMA,OAACC,UAAa,CACvCC,kBAAoBC,GAAkB,sBAATA,GADVH,EAEnBI,IACG,IAAiBC,EAAOC,EAAMA,OAACF,EAAI,CAAC,UACvC,MAAO,CACH,mBAAoB,CAChBG,YAAaR,EAAaM,EAAKlC,MAAQ,OAAS,OAChDqC,WAAYH,EAAKhC,OAAS,OAAS,MACnCoC,cAAeJ,EAAKhC,OAAS,OAAS,MACtC,kCAAmC,CAC/B,UAAW,CACP,6BAA8B,CAC1BqC,QAASL,EAAK7B,kBAAoB,OAAS,WAK9D"}

package/cjs/components/snackbar/snackbarMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbarMessage.js","sources":["../../../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":[null],"names":["SnackbarMessageStyled","styled","_a","args","__rest","display","header","paddingBottom","lineHeight","paddingLeft","checkForIcon","icon","borderLeft","theme","palette","onSurface","os600","height","message","IconComponent","useMemo","_icon","iconToReturn","_jsx","jsx","Icon","className","fontSize","iconStyle","children","_jsxs","jsxs"],"mappings":"gLAwBO,MAuCMA,EAAwBC,EAAMA,OAAC,MAAPA,EAAkEC,QAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACrG,MAAO,CACL,6CAA8C,CAC5CG,QAASF,EAAKG,OAAS,QAAU,QAEnC,MAAO,CACLD,QAASF,EAAKG,OAAS,QAAU,SACjCC,cAAeJ,EAAKG,OAAS,MAAQ,OAEvC,2BAA4B,CAC1B,SAAU,CACRE,WAAYL,EAAKG,OAAS,OAAS,UAGvC,6BAA8B,CAC5BG,YAAaC,EAAAA,aAAaP,EAAKQ,MAAQ,OAAS,OAChD,UAAW,CACTC,WAAY,aAAaT,EAAKU,MAAMC,QAAQC,UAAUC,QACtDC,OAAQd,EAAKG,OAAS,OAAS,SAGpC,4BA5DoD,EAAGA,cAAQK,EAAMO,cACtE,MAAMC,EAA8CC,EAAAA,SAClD,IACE,EAAGT,KAAMU,MACP,IAAIC,EAAe,KAEnB,OAAQD,GACN,IAAK,QACHC,EAAeC,EAACC,IAAAC,OAAK,CAAAC,UAAU,0BAA0BC,SAAS,UAAUC,UAAU,WACtF,MACF,IAAK,UACHN,EAAeC,EAACC,IAAAC,OAAK,CAAAC,UAAU,eAAeC,SAAS,UAAUC,UAAU,WAC3E,MACF,IAAK,UACHN,EAAeC,EAACC,IAAAC,OAAK,CAAAC,UAAU,qBAAqBC,SAAS,UAAUC,UAAU,WAIrF,OAAON,EAAeC,cAAMG,UAAU,wBAAuBG,SAAEP,IAAuBA,CAAY,GAEtG,IAEF,OACEQ,OAAC9B,EAAqB,CAACM,OAAQA,EAAQK,KAAMA,EAC1CkB,SAAA,CAAAlB,GAAQY,EAAAA,IAACJ,GAAcR,KAAMA,IAC9BmB,OAAA,MAAA,CAAKJ,UAAU,oDACZpB,GAAUwB,2BAAMxB,KACjBwB,EAAAC,KAAA,IAAA,CAAAF,SAAA,CAAA,IAAKX,EAAO,UAEdK,MAAA,MAAA,CAAKG,UAAU,mCACbH,EAAWC,IAAA,MAAA,CAAA,OAGf"}
+{"version":3,"file":"snackbarMessage.js","sources":["../../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { Icon } from '../icon';\nimport { styled } from '@mui/material/styles';\nimport { checkForIcon } from './snackbar';\nexport const SnackbarMessage = ({ header, icon, message }) => {\n    const IconComponent = useMemo(() => ({ icon: _icon }) => {\n        let iconToReturn = null;\n        switch (_icon) {\n            case 'alert':\n                iconToReturn = _jsx(Icon, { className: \"triangle-up-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n                break;\n            case 'success':\n                iconToReturn = _jsx(Icon, { className: \"circle-check\", fontSize: \"inherit\", iconStyle: \"filled\" });\n                break;\n            case 'warning':\n                iconToReturn = _jsx(Icon, { className: \"circle-exclamation\", fontSize: \"inherit\", iconStyle: \"filled\" });\n                break;\n        }\n        return iconToReturn ? _jsx(\"span\", { className: \"snackbar-icon-wrapper\", children: iconToReturn }) : iconToReturn;\n    }, []);\n    return (_jsxs(SnackbarMessageStyled, { header: header, icon: icon, children: [icon && _jsx(IconComponent, { icon: icon }), _jsxs(\"div\", { className: \"styled-message-header-message-container\", children: [header && _jsxs(\"h3\", { children: [\" \", header] }), _jsxs(\"p\", { children: [\" \", message, \" \"] })] }), _jsx(\"div\", { className: \"custom-snackbar-divider\", children: _jsx(\"div\", {}) })] }));\n};\n/**\n * @description SnackbarMessageStyled styling defintion based on props\n */\nexport const SnackbarMessageStyled = styled('div')((_a) => {\n    var args = __rest(_a, []);\n    return {\n        '& .styled-message-header-message-container': {\n            display: args.header ? 'block' : 'flex',\n        },\n        '& p': {\n            display: args.header ? 'block' : 'inline',\n            paddingBottom: args.header ? '0px' : '2px',\n        },\n        '& .snackbar-icon-wrapper': {\n            '& span': {\n                lineHeight: args.header ? '20px' : 'unset',\n            },\n        },\n        '& .custom-snackbar-divider': {\n            paddingLeft: checkForIcon(args.icon) ? '24px' : '56px',\n            '& > div': {\n                borderLeft: `1px solid ${args.theme.palette.onSurface.os600}`,\n                height: args.header ? '48px' : '32px',\n            },\n        },\n    };\n});\n//# sourceMappingURL=snackbarMessage.js.map"],"names":["SnackbarMessageStyled","styled","_a","args","__rest","display","header","paddingBottom","lineHeight","paddingLeft","checkForIcon","icon","borderLeft","theme","palette","onSurface","os600","height","message","IconComponent","useMemo","_icon","iconToReturn","_jsx","jsx","Icon","className","fontSize","iconStyle","children","_jsxs","jsxs"],"mappings":"gLAMY,MAqBCA,EAAwBC,EAAMA,OAAC,MAAPA,EAAeC,IAChD,IAAIC,EAAOC,EAAAA,OAAOF,EAAI,IACtB,MAAO,CACH,6CAA8C,CAC1CG,QAASF,EAAKG,OAAS,QAAU,QAErC,MAAO,CACHD,QAASF,EAAKG,OAAS,QAAU,SACjCC,cAAeJ,EAAKG,OAAS,MAAQ,OAEzC,2BAA4B,CACxB,SAAU,CACNE,WAAYL,EAAKG,OAAS,OAAS,UAG3C,6BAA8B,CAC1BG,YAAaC,EAAAA,aAAaP,EAAKQ,MAAQ,OAAS,OAChD,UAAW,CACPC,WAAY,aAAaT,EAAKU,MAAMC,QAAQC,UAAUC,QACtDC,OAAQd,EAAKG,OAAS,OAAS,SAG1C,4BA3C0B,EAAGA,cAAQK,EAAMO,cAC5C,MAAMC,EAAgBC,EAAAA,SAAQ,IAAM,EAAGT,KAAMU,MACzC,IAAIC,EAAe,KACnB,OAAQD,GACJ,IAAK,QACDC,EAAeC,EAAIC,IAACC,OAAM,CAAEC,UAAW,0BAA2BC,SAAU,UAAWC,UAAW,WAClG,MACJ,IAAK,UACDN,EAAeC,EAAIC,IAACC,OAAM,CAAEC,UAAW,eAAgBC,SAAU,UAAWC,UAAW,WACvF,MACJ,IAAK,UACDN,EAAeC,EAAIC,IAACC,OAAM,CAAEC,UAAW,qBAAsBC,SAAU,UAAWC,UAAW,WAGrG,OAAON,EAAeC,MAAK,OAAQ,CAAEG,UAAW,wBAAyBG,SAAUP,IAAkBA,CAAY,GAClH,IACH,OAAQQ,OAAM9B,EAAuB,CAAEM,OAAQA,EAAQK,KAAMA,EAAMkB,SAAU,CAAClB,GAAQY,EAAAA,IAAKJ,EAAe,CAAER,KAAMA,IAASmB,OAAM,MAAO,CAAEJ,UAAW,0CAA2CG,SAAU,CAACvB,GAAUwB,EAAKC,KAAC,KAAM,CAAEF,SAAU,CAAC,IAAKvB,KAAYwB,EAAKC,KAAC,IAAK,CAAEF,SAAU,CAAC,IAAKX,EAAS,UAAaK,MAAK,MAAO,CAAEG,UAAW,0BAA2BG,SAAUN,EAAIC,IAAC,MAAO,CAAE,OAAU"}

package/cjs/components/stepper/stepper.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material';
-export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  The activeStep of a stepper.
      */
@@ -17,7 +17,7 @@ export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      *  Two or more <Step /> components.
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      *  Override or extend the styles applied to the component.
      */
@@ -39,4 +39,4 @@ export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     step?: Array<string>;
 }
-export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Stepper: FC<StepperProps>;

package/cjs/components/stepper/stepper.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/Stepper"),l=require("@mui/material/styles"),n=require("@mui/material"),s=require("../../design/skoda/palette.theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var i=a(r),c=a(t);const d=i.default.forwardRef(((r,t)=>{var{activeStep:l,alternativeLabel:s,children:a,classes:i,connector:d,nonLinear:u,orientation:h,step:m}=r,x=e.__rest(r,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const b={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return o.jsx(f,{children:o.jsx("div",{children:o.jsx(c.default,Object.assign({className:"controllerContainer"},x,{activeStep:l,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:s,connector:o.jsx(C,{}),children:m.map((e=>o.jsx(n.Step,{children:o.jsx(n.StepLabel,{style:b,StepIconComponent:p,children:e})},e)))}))})})}));function p(e){const{active:r,completed:t,className:l}=e;return o.jsx(u,{className:l,children:r?o.jsx("div",{className:"QontoStepIcon-active"}):t?o.jsx("div",{className:"QontoStepIcon-completedIcon"}):o.jsx("div",{className:"QontoStepIcon-circle"})})}const u=l.styled("div")((({theme:e})=>{let o={};return o={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:s.flowColors.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${s.flowColors.onSurface.os700}`,color:s.flowColors.brand.secondary}},"& .QontoStepIcon-active":{color:s.flowColors.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${s.flowColors.onSurface.os700}`,color:s.flowColors.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${s.flowColors.disabled.tertiary}`,backgroundColor:s.flowColors.disabled.secondary}}},o})),C=l.styled(n.StepConnector)((({theme:e})=>({[`&.${n.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 8px)",right:"calc(50% + 8px)"},[`&.${n.stepConnectorClasses.active}`]:{[`& .${n.stepConnectorClasses.line}`]:{borderColor:s.flowColors.onSurface.os700,width:"60px"}},[`&.${n.stepConnectorClasses.completed}`]:{[`& .${n.stepConnectorClasses.line}`]:{borderColor:s.flowColors.onSurface.os700}},[`& .${n.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:s.flowColors.disabled.primary,borderTopWidth:3,borderRadius:1}}))),f=l.styled("div")((({theme:e})=>{let o={};return o={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},o}));exports.Stepper=d;
+"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),r=require("@mui/material/Stepper"),t=require("@mui/material/styles"),l=require("@mui/material"),n=require("../../design/skoda/palette.theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(r);function i(e){const{active:r,completed:t,className:l}=e;return o.jsx(c,{className:l,children:r?o.jsx("div",{className:"QontoStepIcon-active"}):t?o.jsx("div",{className:"QontoStepIcon-completedIcon"}):o.jsx("div",{className:"QontoStepIcon-circle"})})}const c=t.styled("div")((({theme:e})=>{let o={};return o={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:n.flowColors.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.flowColors.onSurface.os700}`,color:n.flowColors.brand.secondary}},"& .QontoStepIcon-active":{color:n.flowColors.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${n.flowColors.onSurface.os700}`,color:n.flowColors.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${n.flowColors.disabled.tertiary}`,backgroundColor:n.flowColors.disabled.secondary}}},o})),d=t.styled(l.StepConnector)((({theme:e})=>({[`&.${l.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 8px)",right:"calc(50% + 8px)"},[`&.${l.stepConnectorClasses.active}`]:{[`& .${l.stepConnectorClasses.line}`]:{borderColor:n.flowColors.onSurface.os700,width:"60px"}},[`&.${l.stepConnectorClasses.completed}`]:{[`& .${l.stepConnectorClasses.line}`]:{borderColor:n.flowColors.onSurface.os700}},[`& .${l.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:n.flowColors.disabled.primary,borderTopWidth:3,borderRadius:1}}))),p=t.styled("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},e}));exports.Stepper=r=>{var{activeStep:t,alternativeLabel:n,children:s,classes:c,connector:u,nonLinear:C,orientation:h,step:m}=r,f=e.__rest(r,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const x={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return o.jsx(p,{children:o.jsx("div",{children:o.jsx(a.default,Object.assign({className:"controllerContainer"},f,{activeStep:t,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:n,connector:o.jsx(d,{}),children:m.map((e=>o.jsx(l.Step,{children:o.jsx(l.StepLabel,{style:x,StepIconComponent:i,children:e})},e)))}))})})};
 //# sourceMappingURL=stepper.js.map

package/cjs/components/stepper/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":[null],"names":["Stepper","React","forwardRef","_a","ref","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","styles","lineHeight","fontSize","fontWeight","_jsx","StepperStyled","MuiStepper","Object","assign","className","sx","maxWidth","display","alignItems","spacing","QontoConnector","map","label","Step","jsx","StepLabel","style","StepIconComponent","QontoStepIcon","active","completed","QontoStepIconRoot","styled","theme","color","palette","mode","grey","height","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","StepConnector","stepConnectorClasses","top","left","right","line","borderColor","primary","borderTopWidth","fontFamily","fontStyle"],"mappings":"4SA8CO,MAAMA,EAAUC,EAAAA,QAAMC,YAC3B,CAACC,EAAwGC,SAAxGC,WAAEA,EAAUC,iBAAEA,EAAgBC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,KAAEA,GAAIT,EAAKU,EAAKC,EAAAA,OAAAX,EAApG,qGACC,MAAMY,EAAS,CACbC,WAAY,OACZC,SAAU,OACVC,WAAY,OA4Bd,OAAOC,EAAAA,IAACC,EAAa,CAAAb,SAzBnBY,MAAA,MAAA,CAAAZ,SACEY,MAACE,UAAUC,OAAAC,OAAA,CACTC,UAAU,uBACNX,EAAK,CACTR,WAAYA,EACZoB,GAAI,CACFC,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,QAAS,GAEXvB,iBAAkBA,EAClBG,UAAWU,EAAAA,IAACW,EAAiB,CAAA,GAAAvB,SAE5BK,EAAKmB,KAAKC,GACTb,EAAAA,IAACc,EAAAA,eACCd,EAACe,IAAAC,EAASA,WAACC,MAAOrB,EAAQsB,kBAAmBC,EAAa/B,SACvDyB,KAFMA,WAUqC,IAI5D,SAASM,EAAczB,GACrB,MAAM0B,OAAEA,EAAMC,UAAEA,EAAShB,UAAEA,GAAcX,EACzC,OACEM,MAACsB,EAAiB,CAACjB,UAAWA,WAC3Be,EACCpB,aAAKK,UAAU,yBACbgB,EACFrB,EAAAA,IAAA,MAAA,CAAKK,UAAU,gCAEfL,EAAAA,WAAKK,UAAU,0BAIvB,CAEA,MAAMiB,EAAoBC,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,YAC1D,IAAIP,EAAQ,CAAA,EA8CZ,OA7CAA,EAAQ,CACNQ,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjEpB,QAAS,OACTqB,OAAQ,GACRpB,WAAY,SACZ,iCAAkC,CAChCgB,MAAOK,EAAAA,WAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeN,EAAUA,WAACC,UAAUC,QAC5CP,MAAOK,EAAAA,WAAWO,MAAMC,YAG5B,0BAA2B,CACzBb,MAAOK,EAAAA,WAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdK,YAAa,SACbC,WAAY,MACZL,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeN,EAAUA,WAACC,UAAUC,QAC5CP,MAAOK,EAAAA,WAAWO,MAAMC,YAG5B,0BAA2B,CACzBL,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdE,OAAQ,sBACRX,MAAO,cACP,UAAW,CACTgB,OAAQ,UACRP,aAAc,MACdE,OAAQ,eAAeN,EAAUA,WAACY,SAASC,WAC3CR,gBAAiBL,EAAAA,WAAWY,SAASJ,aAIpCrB,CAAK,IAGRN,EAAiBY,EAAAA,OAAOqB,EAAAA,cAAPrB,EAAsB,EAAGC,YAAa,CAC3D,CAAC,KAAKqB,uBAAqB1D,oBAAqB,CAC9C2D,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAET,CAAC,KAAKH,uBAAqBzB,UAAW,CACpC,CAAC,MAAMyB,uBAAqBI,QAAS,CACnCC,YAAapB,EAAAA,WAAWC,UAAUC,MAClCC,MAAO,SAGX,CAAC,KAAKY,uBAAqBxB,aAAc,CACvC,CAAC,MAAMwB,uBAAqBI,QAAS,CACnCC,YAAapB,EAAAA,WAAWC,UAAUC,QAGtC,CAAC,MAAMa,uBAAqBI,QAAS,CACnCC,YAAoC,SAAvB1B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOE,EAAUA,WAACY,SAASS,QAC3FC,eAAgB,EAChBlB,aAAc,OAIZjC,EAAgBsB,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,YACtD,IAAIP,EAAQ,CAAA,EAcZ,OAZAA,EAAQ,CACN,yBAA0B,CACxBT,QAAS,OACTC,WAAY,SACZ4C,WALe,aAMfC,UAAW,SACXvD,WAAY,MACZD,SAAU,OACVD,WAAY,SAIToB,CAAK"}
+{"version":3,"file":"stepper.js","sources":["../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\nimport { Step, StepConnector, stepConnectorClasses, StepLabel } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nexport const Stepper = (_a) => {\n    var { activeStep, alternativeLabel, children, classes, connector, nonLinear, orientation, step } = _a, props = __rest(_a, [\"activeStep\", \"alternativeLabel\", \"children\", \"classes\", \"connector\", \"nonLinear\", \"orientation\", \"step\"]);\n    const styles = {\n        lineHeight: '16px',\n        fontSize: '12px',\n        fontWeight: '400',\n    };\n    const desktopStepper = () => (_jsx(\"div\", { children: _jsx(MuiStepper, Object.assign({ className: \"controllerContainer\" }, props, { activeStep: activeStep, sx: {\n                maxWidth: 800,\n                display: 'flex',\n                alignItems: 'center',\n                spacing: 4,\n            }, alternativeLabel: alternativeLabel, connector: _jsx(QontoConnector, {}), children: step.map((label) => (_jsx(Step, { children: _jsx(StepLabel, { style: styles, StepIconComponent: QontoStepIcon, children: label }) }, label))) })) }));\n    return _jsx(StepperStyled, { children: desktopStepper() });\n};\nfunction QontoStepIcon(props) {\n    const { active, completed, className } = props;\n    return (_jsx(QontoStepIconRoot, { className: className, children: active ? (_jsx(\"div\", { className: \"QontoStepIcon-active\" })) : completed ? (_jsx(\"div\", { className: \"QontoStepIcon-completedIcon\" })) : (_jsx(\"div\", { className: \"QontoStepIcon-circle\" })) }));\n}\nconst QontoStepIconRoot = styled('div')(({ theme }) => {\n    let style = {};\n    style = {\n        color: theme.palette.mode === 'dark' ? theme.palette.grey[700] : '#464748',\n        display: 'flex',\n        height: 22,\n        alignItems: 'center',\n        '& .QontoStepIcon-completedIcon': {\n            color: flowColors.onSurface.os700,\n            width: 12,\n            height: 12,\n            borderRadius: '50%',\n            backgroundColor: 'currentColor',\n            '&:hover': {\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.onSurface.os700}`,\n                color: flowColors.brand.secondary,\n            },\n        },\n        '& .QontoStepIcon-active': {\n            color: flowColors.onSurface.os700,\n            width: 18,\n            height: 18,\n            borderRadius: '50%',\n            marginRight: '5.25px',\n            marginLeft: '0px',\n            backgroundColor: 'currentColor',\n            '&:hover': {\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.onSurface.os700}`,\n                color: flowColors.brand.secondary,\n            },\n        },\n        '& .QontoStepIcon-circle': {\n            width: 12,\n            height: 12,\n            borderRadius: '50%',\n            border: '1.5px solid #C4C6C7',\n            color: 'transparent',\n            '&:hover': {\n                cursor: 'pointer',\n                borderRadius: '50%',\n                border: `1.5px solid ${flowColors.disabled.tertiary}`,\n                backgroundColor: flowColors.disabled.secondary,\n            },\n        },\n    };\n    return style;\n});\nconst QontoConnector = styled(StepConnector)(({ theme }) => ({\n    [`&.${stepConnectorClasses.alternativeLabel}`]: {\n        top: 10,\n        left: 'calc(-50% + 8px)',\n        right: 'calc(50% + 8px)',\n    },\n    [`&.${stepConnectorClasses.active}`]: {\n        [`& .${stepConnectorClasses.line}`]: {\n            borderColor: flowColors.onSurface.os700,\n            width: '60px',\n        },\n    },\n    [`&.${stepConnectorClasses.completed}`]: {\n        [`& .${stepConnectorClasses.line}`]: {\n            borderColor: flowColors.onSurface.os700,\n        },\n    },\n    [`& .${stepConnectorClasses.line}`]: {\n        borderColor: theme.palette.mode === 'dark' ? theme.palette.grey[800] : flowColors.disabled.primary,\n        borderTopWidth: 3,\n        borderRadius: 1,\n    },\n}));\nconst StepperStyled = styled('div')(() => {\n    let style = {};\n    const SKODA_NEXT = 'SKODA Next';\n    style = {\n        '& .controllerContainer': {\n            display: 'flex',\n            alignItems: 'center',\n            fontFamily: SKODA_NEXT,\n            fontStyle: 'normal',\n            fontWeight: '700',\n            fontSize: '12px',\n            lineHeight: '16px',\n        },\n    };\n    return style;\n});\n//# sourceMappingURL=stepper.js.map"],"names":["QontoStepIcon","props","active","completed","className","_jsx","QontoStepIconRoot","children","jsx","styled","theme","style","color","palette","mode","grey","display","height","alignItems","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","QontoConnector","StepConnector","stepConnectorClasses","alternativeLabel","top","left","right","line","borderColor","primary","borderTopWidth","StepperStyled","fontFamily","fontStyle","fontWeight","fontSize","lineHeight","_a","activeStep","classes","connector","nonLinear","orientation","step","__rest","styles","MuiStepper","Object","assign","sx","maxWidth","spacing","map","label","Step","StepLabel","StepIconComponent"],"mappings":"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"}

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

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

package/cjs/components/tab/menuTab.js

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

package/cjs/components/tab/menuTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuTab.js","sources":["../../../../../src/components/tab/menuTab.tsx"],"sourcesContent":[null],"names":["MenuTab","React","forwardRef","_a","ref","label","value","onClick","children","showBackdrop","__rest","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","open","setOpen","anchorEl","setAnchorEl","selectedLabel","setSelectedLabel","a11yProps","useTabs","handleOnClick","useCallback","_props","href","window","target","analyticsCallback","handleOpenMenu","e","currentTarget","handleMenuItems","default","Children","map","child","_jsx","MenuItem","style","fontSize","props","useEffect","_jsxs","jsxs","_Fragment","jsx","TabStyled","Object","assign","wrapped","tabIndex","icon","Icon","className","iconPosition","Popper","placement","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","MenuStyled","id","styled","MenuList","theme","top","left","boxShadow","borderRadius","padding","width","maxHeight","overflow"],"mappings":"8RA+CO,MAAMA,EAAUC,EAAAA,QAAMC,YAC3B,CAACC,EAA6DC,KAA7D,IAAAC,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,EAAQC,aAAEA,GAAwBN,EAAFO,EAAAA,OAAAP,EAAzD,uDACC,MAAMQ,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,WAAWC,EAAAA,cACtDC,EAAUC,GAAeC,EAAQA,UAAC,IAClCC,EAAMC,GAAWF,EAAQA,UAAC,IAC1BG,EAAUC,GAAeJ,EAAQA,SAAC,OAClCK,EAAeC,GAAoBN,EAAQA,SAAC,OAC7CO,UAAEA,GAAcC,EAAAA,UAKhBC,EAAgBC,eACnBC,IACMA,EAAOC,KAGVC,OAAOZ,KAAKU,EAAOC,KAAMD,EAAOG,QAFhCpB,EAAgBiB,EAAOvB,OAAO,GAIhCc,GAAQ,GACRS,EAAOtB,SAAWsB,EAAOtB,QAAQsB,EAAOvB,OACxCuB,EAAOI,mBAAqBJ,EAAOI,kBAAkBJ,EAAOvB,OAC5DkB,EAAiBK,EAAOxB,MAAM,GAEhC,CAACO,IAGGsB,EAAiBN,eACpBO,IACCf,GAASD,GACTG,EAAYa,EAAEC,cAAc,GAE9B,CAACjB,IAIGkB,EAAkBT,EAAAA,aAAY,IAC3B3B,EAAKqC,QAACC,SAASC,IAAIhC,GAAWiC,GAEjCC,EAAAA,IAACC,EAAAA,SAAQ,CAACC,MAAO,CAAEC,SAAU,QAAUtC,QAAS,IAAMoB,EAAcc,EAAMK,OAAMtC,SAC7EiC,EAAMK,MAAMzC,WAIlB,CAACG,EAAUmB,IAWd,OARAoB,EAAAA,WAAU,KAEN9B,EADEN,IAAcL,EAIjB,GACA,CAACK,EAAWK,EAAUV,IAGvB0C,EAAAC,KAAAC,WAAA,CAAA1C,SAAA,CACEkC,EAACS,IAAAC,UACCC,OAAAC,OAAA,CAAAlD,IAAKA,EACLmD,SACA,EAAAhD,QAAS2B,EACTrB,UAAWA,EACXG,SAAUA,EACVV,MAAOA,EACPkD,SAAU,EACVnD,MAAOkB,GAAiBlB,GACpBoB,EAAUnB,GAAM,CACpBmD,KAAMf,MAACgB,EAAAA,MAAKC,UAAWxC,EAAO,aAAe,iBAC7CyC,aAAa,MACbD,UAAU,iBAEZjB,EAAAS,IAACU,SAAM,CAAC1C,KAAMA,EAAME,SAAUA,EAAUyC,UAAU,SAASC,YACxD,EAAAvD,SAAA,EAAGwD,qBACFtB,EAAAS,IAACc,oBAAiB,CAACC,YAAa,IAAM9C,GAAQ,GAC5CZ,SAAAkC,EAAAS,IAACgB,EAAIA,KAAAd,OAAAC,OAAA,CAAA,EAAKU,EAAe,CAAEI,QAAS,IAClC5D,SAAAkC,EAAAS,IAACkB,EAAU,CAACC,GAAG,iBAAgB9D,SAAE6B,eAM3C,IAIAgC,EAAaE,EAAAA,OAAOC,EAAAA,SAAPD,EAA0B,EAAGE,YACvC,CACLC,IAAK,OACLC,KAAM,OACNC,UAAW,+BACXC,aAAc,MACdC,QAAS,MACTC,MAAO,QACPC,UAAW,QACXC,SAAU"}
+{"version":3,"file":"menuTab.js","sources":["../../../../src/components/tab/menuTab.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { useState, useContext, useEffect, useCallback, forwardRef } from 'react';\nimport { TabsContext } from './tabs';\nimport { ClickAwayListener, Fade, MenuItem, MenuList, Popper, styled } from '@mui/material';\nimport { Icon } from '../icon';\nimport TabStyled from './tabStyled';\nimport useTabs from './hook/useTabs';\n/**\n * @description SkodaFlow Tab component.\n * @param props TabProps\n * @returns React Functional Component\n */\nexport const MenuTab = forwardRef(({ label, value, children }, ref) => {\n    const { activeTab, updateActiveTab, smallSize } = useContext(TabsContext);\n    const [isActive, setIsActive] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [anchorEl, setAnchorEl] = useState(null);\n    const [selectedLabel, setSelectedLabel] = useState(null);\n    const { a11yProps } = useTabs();\n    //On tab clicked: set the new activeTab selected\n    //if is a menu tab: set the anchor element for the menu and set the width of the menu equal to the tab component\n    //then call the onClick from outside\n    const handleOnClick = useCallback((_props) => {\n        if (!_props.href) {\n            updateActiveTab(_props.value, true);\n        }\n        else {\n            window.open(_props.href, _props.target);\n        }\n        setOpen(false);\n        _props.onClick && _props.onClick(_props.value);\n        _props.analyticsCallback && _props.analyticsCallback(_props.value);\n        setSelectedLabel(_props.label);\n    }, [updateActiveTab]);\n    const handleOpenMenu = useCallback((e) => {\n        setOpen(!open);\n        setAnchorEl(e.currentTarget);\n    }, [open]);\n    //RETURNS ALL THE TABS OVERFLOWING AS MENU ITEMS\n    const handleMenuItems = useCallback(() => {\n        return React.Children.map(children, (child) => {\n            return (_jsx(MenuItem, { style: { fontSize: '16px' }, onClick: () => handleOnClick(child.props), children: child.props.label }));\n        });\n    }, [children, handleOnClick]);\n    //If the activeTab is equal to the current tab, set active\n    useEffect(() => {\n        if (activeTab === value) {\n            setIsActive(true);\n        }\n        else {\n            setIsActive(false);\n        }\n    }, [activeTab, isActive, value]);\n    return (_jsxs(_Fragment, { children: [_jsx(TabStyled, Object.assign({ ref: ref, wrapped: true, onClick: handleOpenMenu, smallSize: smallSize, isActive: isActive, value: value, tabIndex: 1, label: selectedLabel || label }, a11yProps(value), { icon: _jsx(Icon, { className: open ? 'chevron-up' : 'chevron-down' }), iconPosition: \"end\", className: \"MuiTab-more\" })), _jsx(Popper, { open: open, anchorEl: anchorEl, placement: \"bottom\", transition: true, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(MenuStyled, { id: \"more-tabs-menu\", children: handleMenuItems() }) })) })) })] }));\n});\nconst MenuStyled = styled(MenuList)(() => {\n    return {\n        top: '13px',\n        left: '27px',\n        boxShadow: 'rgb(0 0 0 / 15%) 0px 3px 8px',\n        borderRadius: '4px',\n        padding: '0px',\n        width: '131px',\n        maxHeight: '240px',\n        overflow: 'overlay',\n    };\n});\n//# sourceMappingURL=menuTab.js.map"],"names":["MenuTab","forwardRef","label","value","children","ref","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","open","setOpen","anchorEl","setAnchorEl","selectedLabel","setSelectedLabel","a11yProps","useTabs","handleOnClick","useCallback","_props","href","window","target","onClick","analyticsCallback","handleOpenMenu","e","currentTarget","handleMenuItems","React","default","Children","map","child","_jsx","MenuItem","style","fontSize","props","useEffect","_jsxs","jsxs","_Fragment","jsx","TabStyled","Object","assign","wrapped","tabIndex","icon","Icon","className","iconPosition","Popper","placement","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","MenuStyled","id","styled","MenuList","top","left","boxShadow","borderRadius","padding","width","maxHeight","overflow"],"mappings":"2QAYY,MAACA,EAAUC,EAAUA,YAAC,EAAGC,QAAOC,QAAOC,YAAYC,KAC3D,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,WAAWC,EAAAA,cACtDC,EAAUC,GAAeC,EAAQA,UAAC,IAClCC,EAAMC,GAAWF,EAAQA,UAAC,IAC1BG,EAAUC,GAAeJ,EAAQA,SAAC,OAClCK,EAAeC,GAAoBN,EAAQA,SAAC,OAC7CO,UAAEA,GAAcC,EAAAA,UAIhBC,EAAgBC,eAAaC,IAC1BA,EAAOC,KAIRC,OAAOZ,KAAKU,EAAOC,KAAMD,EAAOG,QAHhCpB,EAAgBiB,EAAOrB,OAAO,GAKlCY,GAAQ,GACRS,EAAOI,SAAWJ,EAAOI,QAAQJ,EAAOrB,OACxCqB,EAAOK,mBAAqBL,EAAOK,kBAAkBL,EAAOrB,OAC5DgB,EAAiBK,EAAOtB,MAAM,GAC/B,CAACK,IACEuB,EAAiBP,eAAaQ,IAChChB,GAASD,GACTG,EAAYc,EAAEC,cAAc,GAC7B,CAAClB,IAEEmB,EAAkBV,EAAAA,aAAY,IACzBW,EAAKC,QAACC,SAASC,IAAIjC,GAAWkC,GACzBC,EAAAA,IAAKC,EAAAA,SAAU,CAAEC,MAAO,CAAEC,SAAU,QAAUd,QAAS,IAAMN,EAAcgB,EAAMK,OAAQvC,SAAUkC,EAAMK,MAAMzC,WAE5H,CAACE,EAAUkB,IAUd,OARAsB,EAAAA,WAAU,KAEFhC,EADAN,IAAcH,EAKjB,GACF,CAACG,EAAWK,EAAUR,IACjB0C,EAAKC,KAACC,WAAW,CAAE3C,SAAU,CAACmC,EAAIS,IAACC,UAAWC,OAAOC,OAAO,CAAE9C,IAAKA,EAAK+C,SAAS,EAAMxB,QAASE,EAAgBtB,UAAWA,EAAWG,SAAUA,EAAUR,MAAOA,EAAOkD,SAAU,EAAGnD,MAAOgB,GAAiBhB,GAASkB,EAAUjB,GAAQ,CAAEmD,KAAMf,MAAKgB,EAAAA,KAAM,CAAEC,UAAW1C,EAAO,aAAe,iBAAmB2C,aAAc,MAAOD,UAAW,iBAAmBjB,EAAIS,IAACU,SAAQ,CAAE5C,KAAMA,EAAME,SAAUA,EAAU2C,UAAW,SAAUC,YAAY,EAAMxD,SAAU,EAAGyD,qBAAuBtB,EAAIS,IAACc,oBAAmB,CAAEC,YAAa,IAAMhD,GAAQ,GAAQX,SAAUmC,EAAIS,IAACgB,EAAIA,KAAEd,OAAOC,OAAO,CAAE,EAAEU,EAAiB,CAAEI,QAAS,IAAK7D,SAAUmC,EAAIS,IAACkB,EAAY,CAAEC,GAAI,iBAAkB/D,SAAU6B,eAAqC,IAE3sBiC,EAAaE,EAAAA,OAAOC,EAAQA,SAAfD,EAAiB,KACzB,CACHE,IAAK,OACLC,KAAM,OACNC,UAAW,+BACXC,aAAc,MACdC,QAAS,MACTC,MAAO,QACPC,UAAW,QACXC,SAAU"}

package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { FC, HTMLAttributes } from 'react';
 /**
  * @interface AppBarProps
  * @description Base definition of SkodaFlow Tabs component independent on core implementation.
  */
-export interface AppBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
+export interface AppBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
     /**
      * Label to use for tab that wrap overlowing tabs
      */
@@ -26,4 +26,4 @@ export interface AppBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
  * @param props AppBarProps
  * @returns React Functional Component
  */
-export declare const SecondaryNavigationTabs: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SecondaryNavigationTabs: FC<AppBarProps>;

package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material/AppBar"),i=require("@mui/material/Toolbar"),a=require("../../icon/icon.js"),n=require("./secondaryTabStyled.js"),s=require("@mui/material"),l=require("../../divider/divider.js"),d=require("../../../design/skoda/palette.theme.js");function c(e){return e&&e.__esModule?e:{default:e}}var p=c(t),u=c(o),x=c(i);const b=p.default.forwardRef(((o,i)=>{var{currentActiveTab:d,setCurrentActiveTab:c,children:u,labelMoreItem:b}=o;e.__rest(o,["currentActiveTab","setCurrentActiveTab","children","labelMoreItem"]);const[j,v]=t.useState(null),[C,k]=t.useState(null),[y,T]=t.useState(!1),[A,w]=t.useState(null),S=t.useCallback((e=>{c(e.value),e.onClick&&e.onClick()}),[c]),q=t.useCallback(((e,r)=>{T(!y),k(e.currentTarget)}),[y]),I=t.useCallback((e=>e.href?r.jsxs("a",{href:e.href,target:e.target||null,children:[r.jsx(a.Icon,{color:"inherit",className:e.icon||"more-horizontal"}),e.label]}):r.jsxs(r.Fragment,{children:[r.jsx(a.Icon,{color:"inherit",className:e.icon||"more-horizontal"}),e.label]})),[]),z=t.useCallback((e=>{w(e.label),e.href?window.open(e.href,e.target):c(e.value),T(!1),e.onClick&&e.onClick(e.value)}),[c]),M=t.useCallback((()=>j.slice(3).map(((e,t)=>r.jsxs("div",{children:[r.jsx(s.MenuItem,{onClick:()=>z(e.props),children:e.props.label},t),r.jsx(l.Divider,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},e.props.label)))),[j,z]);return t.useEffect((()=>{v(p.default.Children.toArray(u))}),[u]),r.jsx(f,{position:"fixed",color:"transparent",children:r.jsx(x.default,{children:r.jsx(s.Box,{sx:{display:"flex"},children:j&&r.jsxs(r.Fragment,{children:[r.jsx(n.default,Object.assign({},j[0].props,{isActive:d===j[0].props.value,onClick:()=>{S(j[0].props)},children:I(j[0].props)}),"secondary-tab-0"),r.jsx(n.default,Object.assign({},j[1].props,{isActive:d===j[1].props.value,onClick:()=>{S(j[1].props)},children:I(j[1].props)}),"secondary-tab-1"),r.jsx(n.default,Object.assign({},j[2].props,{isActive:d===j[2].props.value,onClick:()=>{S(j[2].props)},children:I(j[2].props)}),"secondary-tab-2"),j.length>4&&r.jsxs(r.Fragment,{children:[r.jsxs(n.default,{isActive:y,moreTab:!0,selectedMenuLabel:A,onClick:e=>{q(e,"secondary-tab-more")},children:[r.jsx(a.Icon,{color:"inherit",className:"more-vertical"}),A]},"secondary-tab-more"),r.jsx(m,{open:y,anchorEl:C,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:e})=>r.jsx(s.ClickAwayListener,{onClickAway:()=>T(!1),children:r.jsx(h,{open:y,onClick:()=>T(!1),children:r.jsx(s.Fade,Object.assign({},e,{timeout:350,children:r.jsx(g,{id:"more-tabs-menu",children:M()})}))})})})]}),j.length<=4&&r.jsx(n.default,Object.assign({},j[3].props,{isActive:d===j[3].props.value,onClick:()=>{S(j[3].props)},children:I(j[3].props)}),"secondary-tab-3")]})})})})})),h=s.styled(s.Backdrop)((({theme:e})=>({zIndex:2e3}))),m=s.styled(s.Popper)((({theme:e})=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),g=s.styled(s.MenuList)((({theme:e})=>({position:"absolute",bottom:"0",left:0,width:"100%",padding:"26px 0px 27px 0px",background:"white",boxSizing:"border-box",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",zIndex:2e3,boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px","& .MuiDivider-root":{display:"block",marginTop:"0px !important",marginBottom:"0px !important"},"& div:first-of-type":{"& > li":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}},"& > div > li":{fontSize:"16px",fontWeight:"400",color:e.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),f=s.styled(u.default)((r=>(e.__rest(r,["theme"]),{maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${d.flowColors.transparent.secondary}`,backgroundColor:d.flowColors.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));exports.SecondaryNavigationTabs=b;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("@mui/material/AppBar"),i=require("@mui/material/Toolbar"),t=require("../../icon/icon.js"),a=require("./secondaryTabStyled.js"),n=require("@mui/material"),s=require("../../divider/divider.js"),l=require("../../../design/skoda/palette.theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(r),c=d(o),u=d(i);const x=n.styled(n.Backdrop)((()=>({zIndex:2e3}))),b=n.styled(n.Popper)((()=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),h=n.styled(n.MenuList)((({theme:e})=>({position:"absolute",bottom:"0",left:0,width:"100%",padding:"26px 0px 27px 0px",background:"white",boxSizing:"border-box",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",zIndex:2e3,boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px","& .MuiDivider-root":{display:"block",marginTop:"0px !important",marginBottom:"0px !important"},"& div:first-of-type":{"& > li":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}},"& > div > li":{fontSize:"16px",fontWeight:"400",color:e.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),m=n.styled(c.default)((()=>({maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${l.flowColors.transparent.secondary}`,backgroundColor:l.flowColors.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));exports.SecondaryNavigationTabs=({currentActiveTab:o,setCurrentActiveTab:i,children:l})=>{const[d,c]=r.useState(null),[g,j]=r.useState(null),[f,v]=r.useState(!1),[k,C]=r.useState(null),y=r.useCallback((e=>{i(e.value),e.onClick&&e.onClick()}),[i]),T=r.useCallback((e=>{v(!f),j(e.currentTarget)}),[f]),A=r.useCallback((r=>r.href?e.jsxs("a",{href:r.href,target:r.target||null,children:[e.jsx(t.Icon,{color:"inherit",className:r.icon||"more-horizontal"}),r.label]}):e.jsxs(e.Fragment,{children:[e.jsx(t.Icon,{color:"inherit",className:r.icon||"more-horizontal"}),r.label]})),[]),w=r.useCallback((e=>{C(e.label),e.href?window.open(e.href,e.target):i(e.value),v(!1),e.onClick&&e.onClick(e.value)}),[i]),S=r.useCallback((()=>d.slice(3).map(((r,o)=>e.jsxs("div",{children:[e.jsx(n.MenuItem,{onClick:()=>w(r.props),children:r.props.label},o),e.jsx(s.Divider,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},r.props.label)))),[d,w]);return r.useEffect((()=>{c(p.default.Children.toArray(l))}),[l]),e.jsx(m,{position:"fixed",color:"transparent",children:e.jsx(u.default,{children:e.jsx(n.Box,{sx:{display:"flex"},children:d&&e.jsxs(e.Fragment,{children:[e.jsx(a.default,Object.assign({},d[0].props,{isActive:o===d[0].props.value,onClick:()=>{y(d[0].props)},children:A(d[0].props)}),"secondary-tab-0"),e.jsx(a.default,Object.assign({},d[1].props,{isActive:o===d[1].props.value,onClick:()=>{y(d[1].props)},children:A(d[1].props)}),"secondary-tab-1"),e.jsx(a.default,Object.assign({},d[2].props,{isActive:o===d[2].props.value,onClick:()=>{y(d[2].props)},children:A(d[2].props)}),"secondary-tab-2"),d.length>4&&e.jsxs(e.Fragment,{children:[e.jsxs(a.default,{isActive:f,moreTab:!0,selectedMenuLabel:k,onClick:T,children:[e.jsx(t.Icon,{color:"inherit",className:"more-vertical"}),k]},"secondary-tab-more"),e.jsx(b,{open:f,anchorEl:g,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:r})=>e.jsx(n.ClickAwayListener,{onClickAway:()=>v(!1),children:e.jsx(x,{open:f,onClick:()=>v(!1),children:e.jsx(n.Fade,Object.assign({},r,{timeout:350,children:e.jsx(h,{id:"more-tabs-menu",children:S()})}))})})})]}),d.length<=4&&e.jsx(a.default,Object.assign({},d[3].props,{isActive:o===d[3].props.value,onClick:()=>{y(d[3].props)},children:A(d[3].props)}),"secondary-tab-3")]})})})})};
 //# sourceMappingURL=secondaryNavigationTabs.js.map

package/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"secondaryNavigationTabs.js","sources":["../../../../../../src/components/tab/secondaryNavigation/secondaryNavigationTabs.tsx"],"sourcesContent":[null],"names":["SecondaryNavigationTabs","React","forwardRef","_a","ref","currentActiveTab","setCurrentActiveTab","children","labelMoreItem","__rest","childrenArr","setChildrenArr","useState","anchorEl","setAnchorEl","open","setOpen","selectedMenuLabel","setSelectedMenuLabel","handleActiveTab","useCallback","_props","value","onClick","handleMenuTabClick","e","currentTarget","handleRenderTabType","href","_jsxs","target","_jsx","Icon","color","className","icon","label","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","Children","toArray","jsx","AppBarStyled","position","Toolbar","Box","sx","display","jsxs","_Fragment","SecondaryTabStyled","default","Object","assign","isActive","length","Fragment","moreTab","PopperStyled","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","BackdropStyled","Fade","timeout","MenuStyled","id","styled","Backdrop","theme","zIndex","Popper","transform","MenuList","bottom","left","width","padding","background","boxSizing","borderTopLeftRadius","borderTopRightRadius","boxShadow","marginTop","marginBottom","fontSize","fontWeight","palette","onSurface","os900","paddingTop","paddingBottom","MuiAppBar","maxHeigth","top","borderTop","flowColors","transparent","secondary","backgroundColor","primary","maxHeight","justifyContent","textDecoration"],"mappings":"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"}
+{"version":3,"file":"secondaryNavigationTabs.js","sources":["../../../../../src/components/tab/secondaryNavigation/secondaryNavigationTabs.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useState } from 'react';\nimport MuiAppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport { Icon } from '../../icon';\nimport SecondaryTabStyled from './secondaryTabStyled';\nimport { MenuItem, ClickAwayListener, Fade, MenuList, Popper, styled, Box, Backdrop } from '@mui/material';\nimport { Divider } from '../../divider';\nimport { flowColors } from '../../../design/skoda/palette.theme';\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props AppBarProps\n * @returns React Functional Component\n */\nexport const SecondaryNavigationTabs = ({ currentActiveTab, setCurrentActiveTab, children }) => {\n    const [childrenArr, setChildrenArr] = useState(null);\n    const [anchorEl, setAnchorEl] = useState(null);\n    const [open, setOpen] = useState(false);\n    const [selectedMenuLabel, setSelectedMenuLabel] = useState(null);\n    //handle the active tab selected\n    const handleActiveTab = useCallback((_props) => {\n        setCurrentActiveTab(_props.value);\n        _props.onClick && _props.onClick();\n    }, [setCurrentActiveTab]);\n    //handle the click on tab of type menu\n    const handleMenuTabClick = useCallback((e) => {\n        setOpen(!open);\n        setAnchorEl(e.currentTarget);\n    }, [open]);\n    //render a link tab or not based on type\n    const handleRenderTabType = useCallback((_props) => {\n        if (_props.href) {\n            return (_jsxs(\"a\", { href: _props.href, target: _props.target || null, children: [_jsx(Icon, { color: \"inherit\", className: _props.icon || 'more-horizontal' }), _props.label] }));\n        }\n        else {\n            return (_jsxs(_Fragment, { children: [_jsx(Icon, { color: \"inherit\", className: _props.icon || 'more-horizontal' }), _props.label] }));\n        }\n    }, []);\n    //handle the event triggered on onclick based on tab type (link or tab)\n    const onClickMenuItem = useCallback((_props) => {\n        setSelectedMenuLabel(_props.label);\n        if (!_props.href) {\n            setCurrentActiveTab(_props.value);\n        }\n        else {\n            window.open(_props.href, _props.target);\n        }\n        setOpen(false);\n        _props.onClick && _props.onClick(_props.value);\n    }, [setCurrentActiveTab]);\n    //returns the list of menu items\n    const handleMenuItems = useCallback(() => {\n        const menuItems = childrenArr.slice(3);\n        return menuItems.map((item, i) => {\n            return (_jsxs(\"div\", { children: [_jsx(MenuItem, { onClick: () => onClickMenuItem(item.props), children: item.props.label }, i), _jsx(Divider, { orientation: \"horizontal\", textAlign: \"center\", variant: \"middle\" })] }, item.props.label));\n        });\n    }, [childrenArr, onClickMenuItem]);\n    useEffect(() => {\n        setChildrenArr(React.Children.toArray(children));\n    }, [children]);\n    return (_jsx(AppBarStyled, { position: \"fixed\", color: \"transparent\", children: _jsx(Toolbar, { children: _jsx(Box, { sx: { display: 'flex' }, children: childrenArr && (_jsxs(_Fragment, { children: [_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[0].props, { isActive: currentActiveTab === childrenArr[0].props.value, onClick: () => {\n                                handleActiveTab(childrenArr[0].props);\n                            }, children: handleRenderTabType(childrenArr[0].props) }), `secondary-tab-0`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[1].props, { isActive: currentActiveTab === childrenArr[1].props.value, onClick: () => {\n                                handleActiveTab(childrenArr[1].props);\n                            }, children: handleRenderTabType(childrenArr[1].props) }), `secondary-tab-1`), _jsx(SecondaryTabStyled, Object.assign({}, childrenArr[2].props, { isActive: currentActiveTab === childrenArr[2].props.value, onClick: () => {\n                                handleActiveTab(childrenArr[2].props);\n                            }, children: handleRenderTabType(childrenArr[2].props) }), `secondary-tab-2`), childrenArr.length > 4 && (_jsxs(_Fragment, { children: [_jsxs(SecondaryTabStyled, { isActive: open, moreTab: true, selectedMenuLabel: selectedMenuLabel, onClick: handleMenuTabClick, children: [_jsx(Icon, { color: \"inherit\", className: 'more-vertical' }), selectedMenuLabel] }, `secondary-tab-more`), _jsx(PopperStyled, { open: open, anchorEl: anchorEl, placement: \"top\", transition: true, disablePortal: false, children: ({ TransitionProps }) => (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(BackdropStyled, { open: open, onClick: () => setOpen(false), children: _jsx(Fade, Object.assign({}, TransitionProps, { timeout: 350, children: _jsx(MenuStyled, { id: \"more-tabs-menu\", children: handleMenuItems() }) })) }) })) })] })), childrenArr.length <= 4 && (_jsx(SecondaryTabStyled, Object.assign({}, childrenArr[3].props, { isActive: currentActiveTab === childrenArr[3].props.value, onClick: () => {\n                                handleActiveTab(childrenArr[3].props);\n                            }, children: handleRenderTabType(childrenArr[3].props) }), `secondary-tab-3`))] })) }) }) }));\n};\nconst BackdropStyled = styled(Backdrop)(() => {\n    return {\n        zIndex: 2000,\n    };\n});\nconst PopperStyled = styled(Popper)(() => {\n    const style = {\n        transform: 'unset !important',\n        position: 'static !important',\n        zIndex: 2000,\n    };\n    return style;\n});\nconst MenuStyled = styled(MenuList)(({ theme }) => {\n    return {\n        position: 'absolute',\n        bottom: '0',\n        left: 0,\n        width: '100%',\n        padding: '26px 0px 27px 0px',\n        background: 'white',\n        boxSizing: 'border-box',\n        borderTopLeftRadius: '16px',\n        borderTopRightRadius: '16px',\n        zIndex: 2000,\n        boxShadow: 'rgb(0 0 0 / 15%) 0px 3px 8px',\n        '& .MuiDivider-root': {\n            display: 'block',\n            marginTop: '0px !important',\n            marginBottom: '0px !important',\n        },\n        '& div:first-of-type': {\n            '& > li': {\n                borderTopLeftRadius: '16px',\n                borderTopRightRadius: '16px',\n            },\n        },\n        '& > div > li': {\n            fontSize: '16px',\n            fontWeight: '400',\n            color: theme.palette.onSurface.os900,\n            paddingTop: '11px',\n            paddingBottom: '11px',\n        },\n    };\n});\n/**\n * @description Tabs styling definition based on props\n */\nconst AppBarStyled = styled(MuiAppBar)(() => {\n    return {\n        maxHeigth: '56px',\n        padding: '0px',\n        top: 'auto',\n        bottom: 0,\n        boxShadow: 'none',\n        borderTop: `1px solid ${flowColors.transparent.secondary}`,\n        backgroundColor: flowColors.background.primary,\n        '& > div.MuiToolbar-root': {\n            maxHeight: '56px',\n            padding: '0px',\n            '& > div': {\n                width: '100%',\n                justifyContent: 'space-evenly',\n                '& > div': {\n                    '&> a': {\n                        padding: 0,\n                        textDecoration: 'none',\n                    },\n                },\n            },\n        },\n    };\n});\n//# sourceMappingURL=secondaryNavigationTabs.js.map"],"names":["BackdropStyled","styled","Backdrop","zIndex","PopperStyled","Popper","transform","position","MenuStyled","MenuList","theme","bottom","left","width","padding","background","boxSizing","borderTopLeftRadius","borderTopRightRadius","boxShadow","display","marginTop","marginBottom","fontSize","fontWeight","color","palette","onSurface","os900","paddingTop","paddingBottom","AppBarStyled","MuiAppBar","default","maxHeigth","top","borderTop","flowColors","transparent","secondary","backgroundColor","primary","maxHeight","justifyContent","textDecoration","currentActiveTab","setCurrentActiveTab","children","childrenArr","setChildrenArr","useState","anchorEl","setAnchorEl","open","setOpen","selectedMenuLabel","setSelectedMenuLabel","handleActiveTab","useCallback","_props","value","onClick","handleMenuTabClick","e","currentTarget","handleRenderTabType","href","_jsxs","target","_jsx","Icon","className","icon","label","_Fragment","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","React","Children","toArray","jsx","Toolbar","Box","sx","jsxs","SecondaryTabStyled","Object","assign","isActive","length","moreTab","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","id"],"mappings":"8YAeY,MAwDNA,EAAiBC,EAAAA,OAAOC,EAAQA,SAAfD,EAAiB,KAC7B,CACHE,OAAQ,QAGVC,EAAeH,EAAAA,OAAOI,EAAMA,OAAbJ,EAAe,KAClB,CACVK,UAAW,mBACXC,SAAU,oBACVJ,OAAQ,QAIVK,EAAaP,EAAAA,OAAOQ,EAAAA,SAAPR,EAAiB,EAAGS,YAC5B,CACHH,SAAU,WACVI,OAAQ,IACRC,KAAM,EACNC,MAAO,OACPC,QAAS,oBACTC,WAAY,QACZC,UAAW,aACXC,oBAAqB,OACrBC,qBAAsB,OACtBf,OAAQ,IACRgB,UAAW,+BACX,qBAAsB,CAClBC,QAAS,QACTC,UAAW,iBACXC,aAAc,kBAElB,sBAAuB,CACnB,SAAU,CACNL,oBAAqB,OACrBC,qBAAsB,SAG9B,eAAgB,CACZK,SAAU,OACVC,WAAY,MACZC,MAAOf,EAAMgB,QAAQC,UAAUC,MAC/BC,WAAY,OACZC,cAAe,YAOrBC,EAAe9B,EAAAA,OAAO+B,EAASC,QAAhBhC,EAAkB,KAC5B,CACHiC,UAAW,OACXpB,QAAS,MACTqB,IAAK,OACLxB,OAAQ,EACRQ,UAAW,OACXiB,UAAW,aAAaC,EAAUA,WAACC,YAAYC,YAC/CC,gBAAiBH,EAAAA,WAAWtB,WAAW0B,QACvC,0BAA2B,CACvBC,UAAW,OACX5B,QAAS,MACT,UAAW,CACPD,MAAO,OACP8B,eAAgB,eAChB,UAAW,CACP,OAAQ,CACJ7B,QAAS,EACT8B,eAAgB,+CA3HD,EAAGC,mBAAkBC,sBAAqBC,eAC7E,MAAOC,EAAaC,GAAkBC,EAAQA,SAAC,OACxCC,EAAUC,GAAeF,EAAQA,SAAC,OAClCG,EAAMC,GAAWJ,EAAQA,UAAC,IAC1BK,EAAmBC,GAAwBN,EAAQA,SAAC,MAErDO,EAAkBC,eAAaC,IACjCb,EAAoBa,EAAOC,OAC3BD,EAAOE,SAAWF,EAAOE,SAAS,GACnC,CAACf,IAEEgB,EAAqBJ,eAAaK,IACpCT,GAASD,GACTD,EAAYW,EAAEC,cAAc,GAC7B,CAACX,IAEEY,EAAsBP,eAAaC,GACjCA,EAAOO,KACCC,OAAM,IAAK,CAAED,KAAMP,EAAOO,KAAME,OAAQT,EAAOS,QAAU,KAAMrB,SAAU,CAACsB,EAAAA,IAAKC,EAAIA,KAAE,CAAE7C,MAAO,UAAW8C,UAAWZ,EAAOa,MAAQ,oBAAsBb,EAAOc,SAGhKN,EAAAA,KAAMO,EAAAA,SAAW,CAAE3B,SAAU,CAACsB,MAAKC,EAAAA,KAAM,CAAE7C,MAAO,UAAW8C,UAAWZ,EAAOa,MAAQ,oBAAsBb,EAAOc,UAEjI,IAEGE,EAAkBjB,eAAaC,IACjCH,EAAqBG,EAAOc,OACvBd,EAAOO,KAIRU,OAAOvB,KAAKM,EAAOO,KAAMP,EAAOS,QAHhCtB,EAAoBa,EAAOC,OAK/BN,GAAQ,GACRK,EAAOE,SAAWF,EAAOE,QAAQF,EAAOC,MAAM,GAC/C,CAACd,IAEE+B,EAAkBnB,EAAAA,aAAY,IACdV,EAAY8B,MAAM,GACnBC,KAAI,CAACC,EAAMC,IAChBd,EAAAA,KAAM,MAAO,CAAEpB,SAAU,CAACsB,EAAAA,IAAKa,EAAAA,SAAU,CAAErB,QAAS,IAAMc,EAAgBK,EAAKG,OAAQpC,SAAUiC,EAAKG,MAAMV,OAASQ,GAAIZ,EAAAA,IAAKe,EAAAA,QAAS,CAAEC,YAAa,aAAcC,UAAW,SAAUC,QAAS,aAAgBP,EAAKG,MAAMV,UAE1O,CAACzB,EAAa2B,IAIjB,OAHAa,EAAAA,WAAU,KACNvC,EAAewC,EAAAA,QAAMC,SAASC,QAAQ5C,GAAU,GACjD,CAACA,IACIsB,EAAIuB,IAAC7D,EAAc,CAAExB,SAAU,QAASkB,MAAO,cAAesB,SAAUsB,MAAKwB,EAAAA,QAAS,CAAE9C,SAAUsB,EAAAA,IAAKyB,EAAAA,IAAK,CAAEC,GAAI,CAAE3E,QAAS,QAAU2B,SAAUC,GAAgBmB,EAAK6B,KAACtB,WAAW,CAAE3B,SAAU,CAACsB,EAAIuB,IAACK,EAAkBhE,QAAEiE,OAAOC,OAAO,CAAE,EAAEnD,EAAY,GAAGmC,MAAO,CAAEiB,SAAUvD,IAAqBG,EAAY,GAAGmC,MAAMvB,MAAOC,QAAS,KAClTJ,EAAgBT,EAAY,GAAGmC,MAAM,EACtCpC,SAAUkB,EAAoBjB,EAAY,GAAGmC,SAAW,mBAAoBd,EAAIuB,IAACK,EAAkBhE,QAAEiE,OAAOC,OAAO,CAAA,EAAInD,EAAY,GAAGmC,MAAO,CAAEiB,SAAUvD,IAAqBG,EAAY,GAAGmC,MAAMvB,MAAOC,QAAS,KAClNJ,EAAgBT,EAAY,GAAGmC,MAAM,EACtCpC,SAAUkB,EAAoBjB,EAAY,GAAGmC,SAAW,mBAAoBd,EAAIuB,IAACK,EAAkBhE,QAAEiE,OAAOC,OAAO,CAAA,EAAInD,EAAY,GAAGmC,MAAO,CAAEiB,SAAUvD,IAAqBG,EAAY,GAAGmC,MAAMvB,MAAOC,QAAS,KAClNJ,EAAgBT,EAAY,GAAGmC,MAAM,EACtCpC,SAAUkB,EAAoBjB,EAAY,GAAGmC,SAAW,mBAAoBnC,EAAYqD,OAAS,GAAMlC,EAAK6B,KAACtB,WAAW,CAAE3B,SAAU,CAACoB,EAAAA,KAAM8B,EAAAA,QAAoB,CAAEG,SAAU/C,EAAMiD,SAAS,EAAM/C,kBAAmBA,EAAmBM,QAASC,EAAoBf,SAAU,CAACsB,MAAKC,EAAAA,KAAM,CAAE7C,MAAO,UAAW8C,UAAW,kBAAoBhB,IAAsB,sBAAuBc,EAAIuB,IAACxF,EAAc,CAAEiD,KAAMA,EAAMF,SAAUA,EAAUoD,UAAW,MAAOC,YAAY,EAAMC,eAAe,EAAO1D,SAAU,EAAG2D,qBAAuBrC,EAAIuB,IAACe,EAAiBA,kBAAE,CAAEC,YAAa,IAAMtD,GAAQ,GAAQP,SAAUsB,EAAIuB,IAAC5F,EAAgB,CAAEqD,KAAMA,EAAMQ,QAAS,IAAMP,GAAQ,GAAQP,SAAUsB,MAAKwC,EAAAA,KAAMX,OAAOC,OAAO,CAAA,EAAIO,EAAiB,CAAEI,QAAS,IAAK/D,SAAUsB,EAAAA,IAAK7D,EAAY,CAAEuG,GAAI,iBAAkBhE,SAAU8B,kBAAyC7B,EAAYqD,QAAU,GAAMhC,EAAAA,IAAK4B,EAAAA,QAAoBC,OAAOC,OAAO,CAAE,EAAEnD,EAAY,GAAGmC,MAAO,CAAEiB,SAAUvD,IAAqBG,EAAY,GAAGmC,MAAMvB,MAAOC,QAAS,KACr+BJ,EAAgBT,EAAY,GAAGmC,MAAM,EACtCpC,SAAUkB,EAAoBjB,EAAY,GAAGmC,SAAW,2BAAmC"}

package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
+import { Theme } from '@mui/material';
 declare const SecondaryTabStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 } & {
     isActive?: boolean;
-    theme?: any;
+    theme?: Theme;
     href?: string;
     key: string;
     moreTab?: boolean;

package/cjs/components/tab/secondaryNavigation/secondaryTabStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"secondaryTabStyled.js","sources":["../../../../../../src/components/tab/secondaryNavigation/secondaryTabStyled.tsx"],"sourcesContent":[null],"names":["SecondaryTabStyled","styled","isActive","theme","href","moreTab","selectedMenuLabel","styles","color","palette","brand","primary","text","cursor","paddingLeft","paddingRight","fontSize","fontWeight","textTransform","whiteSpace","overflow","textOverflow","width","textAlign","display","flexDirection","margin","marginTop","height","marginBottom","Object","assign","secondary","textDecoration"],"mappings":"uHAEM,MAAAA,gCAAqBC,QAAO,MAAPA,EAOxB,EAAGC,WAAUC,QAAOC,OAAMC,UAASC,wBACpC,IAAIC,EAAS,CAAA,EAyDb,OAxDAA,iCACKA,GAAM,CACTC,MAAON,EAAWC,EAAMM,QAAQC,MAAMC,QAAUR,EAAMM,QAAQG,KAAKD,QACnEE,OAAQ,UACRC,YAAa,OACbC,aAAc,OACdC,SAAU,OACVC,WAAY,SACZC,cAAe,OACfC,WAAY,SACZC,SAAU,SACVC,aAAc,WACdC,MAAO,MACPC,UAAW,SACXC,QAAS,OACTC,cAAe,SACf,wBAAyB,CACvBjB,MAAON,EAAWC,EAAMM,QAAQC,MAAMC,QAAUR,EAAMM,QAAQG,KAAKD,QACnEe,OAAQ,SACRC,UAAWtB,IAAYC,EAAoB,MAAQ,EACnDkB,QAAS,QACTR,SAAU,kBACVM,MAAO,OACPM,OAAQ,OACRC,aAAc,UAIdzB,IACFG,EACKuB,OAAAC,OAAAD,OAAAC,OAAA,GAAAxB,GACH,CAAA,QAAS,CACPC,MAAON,EAAWC,EAAMM,QAAQC,MAAMsB,UAAY7B,EAAMM,QAAQG,KAAKD,QACrEE,OAAQ,UACRW,QAAS,QACTS,eAAgB,OAChBnB,YAAa,OACbC,aAAc,OACdC,SAAU,OACVC,WAAY,SACZC,cAAe,OACfC,WAAY,SACZC,SAAU,SACVC,aAAc,WACd,wBAAyB,CACvBb,MAAON,EAAWC,EAAMM,QAAQC,MAAMsB,UAAY7B,EAAMM,QAAQG,KAAKD,QACrEe,OAAQ,SACRF,QAAS,QACTR,SAAU,kBACVM,MAAO,OACPM,OAAQ,YAMTrB,CAAM"}
+{"version":3,"file":"secondaryTabStyled.js","sources":["../../../../../src/components/tab/secondaryNavigation/secondaryTabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nconst SecondaryTabStyled = styled('div')(({ isActive, theme, href, moreTab, selectedMenuLabel }) => {\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { color: isActive ? theme.palette.brand.primary : theme.palette.text.primary, cursor: 'pointer', paddingLeft: '12px', paddingRight: '14px', fontSize: '10px', fontWeight: 'normal', textTransform: 'none', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', width: '25%', textAlign: 'center', display: 'flex', flexDirection: 'column', '& > span.MuiIcon-root': {\n            color: isActive ? theme.palette.brand.primary : theme.palette.text.primary,\n            margin: '0 auto',\n            marginTop: moreTab || !selectedMenuLabel ? '9px' : 0,\n            display: 'block',\n            fontSize: '24px !Important',\n            width: '24px',\n            height: '25px',\n            marginBottom: '-4px',\n        } });\n    if (href) {\n        styles = Object.assign(Object.assign({}, styles), { '& > a': {\n                color: isActive ? theme.palette.brand.secondary : theme.palette.text.primary,\n                cursor: 'pointer',\n                display: 'block',\n                textDecoration: 'none',\n                paddingLeft: '12px',\n                paddingRight: '14px',\n                fontSize: '10px',\n                fontWeight: 'normal',\n                textTransform: 'none',\n                whiteSpace: 'nowrap',\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                '& > span.MuiIcon-root': {\n                    color: isActive ? theme.palette.brand.secondary : theme.palette.text.primary,\n                    margin: '0 auto',\n                    display: 'block',\n                    fontSize: '24px !Important',\n                    width: '24px',\n                    height: '25px',\n                },\n            } });\n    }\n    return styles;\n});\nexport default SecondaryTabStyled;\n//# sourceMappingURL=secondaryTabStyled.js.map"],"names":["SecondaryTabStyled","styled","isActive","theme","href","moreTab","selectedMenuLabel","styles","Object","assign","color","palette","brand","primary","text","cursor","paddingLeft","paddingRight","fontSize","fontWeight","textTransform","whiteSpace","overflow","textOverflow","width","textAlign","display","flexDirection","margin","marginTop","height","marginBottom","secondary","textDecoration"],"mappings":"uHACK,MAACA,gCAAqBC,QAAO,MAAPA,EAAc,EAAGC,WAAUC,QAAOC,OAAMC,UAASC,wBACxE,IAAIC,EAAS,CAAA,EAmCb,OAlCAA,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAEF,GAAS,CAAEG,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMC,QAAUV,EAAMQ,QAAQG,KAAKD,QAASE,OAAQ,UAAWC,YAAa,OAAQC,aAAc,OAAQC,SAAU,OAAQC,WAAY,SAAUC,cAAe,OAAQC,WAAY,SAAUC,SAAU,SAAUC,aAAc,WAAYC,MAAO,MAAOC,UAAW,SAAUC,QAAS,OAAQC,cAAe,SAAU,wBAAyB,CAC/ZjB,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMC,QAAUV,EAAMQ,QAAQG,KAAKD,QACnEe,OAAQ,SACRC,UAAWxB,IAAYC,EAAoB,MAAQ,EACnDoB,QAAS,QACTR,SAAU,kBACVM,MAAO,OACPM,OAAQ,OACRC,aAAc,UAElB3B,IACAG,EAASC,OAAOC,OAAOD,OAAOC,OAAO,GAAIF,GAAS,CAAE,QAAS,CACrDG,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMoB,UAAY7B,EAAMQ,QAAQG,KAAKD,QACrEE,OAAQ,UACRW,QAAS,QACTO,eAAgB,OAChBjB,YAAa,OACbC,aAAc,OACdC,SAAU,OACVC,WAAY,SACZC,cAAe,OACfC,WAAY,SACZC,SAAU,SACVC,aAAc,WACd,wBAAyB,CACrBb,MAAOR,EAAWC,EAAMQ,QAAQC,MAAMoB,UAAY7B,EAAMQ,QAAQG,KAAKD,QACrEe,OAAQ,SACRF,QAAS,QACTR,SAAU,kBACVM,MAAO,OACPM,OAAQ,YAIjBvB,CAAM"}