npm - @skodaflow/web-library - Versions diffs - 4.1.0 → 5.0.0 - Mend

@skodaflow/web-library 4.1.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (903) hide show

package/components/slider/slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":[null],"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","ResizableSliderInput","id","textDescription","labelText","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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"}
1	+ {"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, useCallback, useEffect, useMemo, useState } from 'react';\nimport MuiSlider from '@mui/material/Slider';\nimport { styled } from '@mui/material/styles';\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), _value[1]]);\n }\n else {\n setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\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];\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","ResizableSliderInput","id","textDescription","labelText","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/components/snackbar/snackbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"snackbar.js","sources":["../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":[~~null~~],"names":["Snackbar","forwardRef","open","setOpen","icon","message","header","handleAction","autoHideDuration","actionButtonTitle","handleClose","closeOnClickaway","anchorOrigin","disableWindowBlurListener","resumeHideDuration","TransitionProps","ref","actionComponent","useMemo","_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":"~~mRAyFa~~,~~MAAAA~~,EAAWC,~~GACtB~~,~~EAEIC~~,~~OACAC~~,~~UACAC~~,~~OACAC~~,~~UACAC~~,~~SACAC~~,~~eACAC~~,~~mBACAC~~,~~oBACAC~~,~~cACAC~~,~~mBACAC~~,~~eACAC~~,~~4BACAC~~,~~qBACAC~~,~~mBAEFC~~,~~KAEA~~,MAAMC,EAAkBC,GAAQ,~~IACvBT~~,GAAqBU,~~EAAQ~~,~~SAAA~~,~~CAAAC~~,QAASb,~~EAAYc~~,~~SAAGZ~~,~~KAC3D~~,CAACA,EAAmBF,IACjBe,EAAmBJ,~~GACvB~~,IAAMC,~~EAACI~~,~~EAAe~~,~~CAACnB~~,KAAMA,EAAME,OAAQA,EAAQD,QAASA,~~KAC5D~~,CAACC,EAAQF,EAAMC,~~IAGXmB~~,EAAkBC,~~GACtB~~,CAACC,~~EAAqCC~~,~~MAC/BhB~~,GAA+B,cAAXgB,~~KAIrBjB~~,~~GAAaA~~,EAAYgB,EAAOC,~~GACpCxB~~,GAAQ,GAAM,~~GAEhB~~,CAACQ,EAAkBD,EAAaP,~~IAGlC~~,~~OACEgB~~,~~EAACS~~,~~EACC~~,~~CAAAnB~~,kBAAmBA,~~EACnBP~~,KAAMA,~~EACNM~~,iBAAkBA,~~EAClBqB~~,QAASL,~~EACTpB~~,KAAMA,~~EACNE~~,OAAQA,~~EACRD~~,QAASiB,~~EACTQ~~,OAAQb,~~EACRL~~,aAAcA,~~EACdC~~,0BAA2BA,~~EAC3BC~~,mBAAoBA,~~EACpBC~~,gBAAiBA,~~EACjBC~~,IAAKA,~~GAEP~~,~~IAIOe~~,EAAgB3B,~~GACX~~,UAATA,GAA6B,YAATA,GAA+B,YAATA,~~EAM7CwB~~,EAAiBI,EAAOC,EAAa,~~CACzCC~~,kBAAoBC,GAAkB,sBAATA,~~GADRH~~,~~EAQpBI~~,~~IAAA~~,~~IAAYC~~,~~EAAIC~~,~~EAAAF~~,~~EAAhB~~,~~WACD~~,MAAO,~~CACL~~,mBAAoB,~~CAClBG~~,YAAaR,EAAaM,EAAKjC,MAAQ,OAAS,OAChDoC,WAAYH,EAAK/B,OAAS,OAAS,MACnCmC,cAAeJ,EAAK/B,OAAS,OAAS,MACtC,kCAAmC,~~CACjC~~,UAAW,~~CACT~~,6BAA8B,~~CAC5BoC~~,QAASL,EAAK5B,kBAAoB,OAAS,~~WAKpD~~"}
1	+ {"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","onClick","children","messageComponent","SnackbarMessage","mainHandleClose","useCallback","event","reason","SnackbarStyled","onClose","action","checkForIcon","styled","MuiSnackbar","shouldForwardProp","prop","_a","args","__rest","paddingLeft","paddingTop","paddingBottom","display"],"mappings":"mRAYY,MAACA,EAAWC,GAAW,EAAGC,OAAMC,UAASC,OAAMC,UAASC,SAAQC,eAAcC,mBAAkBC,oBAAmBC,cAAaC,mBAAkBC,eAAcC,4BAA2BC,qBAAoBC,mBAAoBC,KAC3O,MAAMC,EAAkBC,GAAQ,IACrBT,GAAqBU,EAAK,SAAU,CAAEC,QAASb,EAAcc,SAAUZ,KAC/E,CAACA,EAAmBF,IACjBe,EAAmBJ,GAAQ,IAAMC,EAAKI,EAAiB,CAAEnB,KAAMA,EAAME,OAAQA,EAAQD,QAASA,KAAY,CAACC,EAAQF,EAAMC,IACzHmB,EAAkBC,GAAY,CAACC,EAAOC,MACnChB,GAA+B,cAAXgB,KAGrBjB,GACAA,EAAYgB,EAAOC,GACvBxB,GAAQ,GAAM,GACf,CAACQ,EAAkBD,EAAaP,IACnC,OAAQgB,EAAKS,EAAgB,CAAEnB,kBAAmBA,EAAmBP,KAAMA,EAAMM,iBAAkBA,EAAkBqB,QAASL,EAAiBpB,KAAMA,EAAME,OAAQA,EAAQD,QAASiB,EAAkBQ,OAAQb,EAAiBL,aAAcA,EAAcC,0BAA2BA,EAA2BC,mBAAoBA,EAAoBC,gBAAiBA,EAAiBC,IAAKA,GAAQ,IAE/Xe,EAAgB3B,GACT,UAATA,GAA6B,YAATA,GAA+B,YAATA,EAK/CwB,EAAiBI,EAAOC,EAAa,CACvCC,kBAAoBC,GAAkB,sBAATA,GADVH,EAEnBI,IACG,IAAiBC,EAAOC,EAAOF,EAAI,CAAC,UACvC,MAAO,CACH,mBAAoB,CAChBG,YAAaR,EAAaM,EAAKjC,MAAQ,OAAS,OAChDoC,WAAYH,EAAK/B,OAAS,OAAS,MACnCmC,cAAeJ,EAAK/B,OAAS,OAAS,MACtC,kCAAmC,CAC/B,UAAW,CACP,6BAA8B,CAC1BoC,QAASL,EAAK5B,kBAAoB,OAAS,WAK9D"}

package/components/snackbar/snackbarMessage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useMemo as r}from"react";import{Icon as c}from"../icon/icon.js";import{styled as n}from"@mui/material/styles";import{checkForIcon as s}from"./snackbar.js";const t=({header:e,icon:n,message:s})=>{const t=r((()=>({icon:e})=>{let a=null;switch(e){case"alert":a=i(c,{className:"triangle-up-exclamation",fontSize:"inherit",iconStyle:"filled"});break;case"success":a=i(c,{className:"circle-check",fontSize:"inherit",iconStyle:"filled"});break;case"warning":a=i(c,{className:"circle-exclamation",fontSize:"inherit",iconStyle:"filled"})}return a?i("span",{className:"snackbar-icon-wrapper",children:a}):a}),[]);return a(l,{header:e,icon:n,children:[n&&i(t,{icon:n}),a("div",{className:"styled-message-header-message-container",children:[e&&a("h3",{children:[" ",e]}),a("p",{children:[" ",s," "]})]}),i("div",{className:"custom-snackbar-divider",children:i("div",{})})]})},l=n("div")((i=>{var a=e(i,[]);return{"& .styled-message-header-message-container":{display:a.header?"block":"flex"},"& p":{display:a.header?"block":"inline",paddingBottom:a.header?"0px":"2px"},"& .snackbar-icon-wrapper":{"& span":{lineHeight:a.header?"20px":"unset"}},"& .custom-snackbar-divider":{paddingLeft:s(a.icon)?"24px":"56px","& > div":{borderLeft:`1px solid ${a.theme.palette.onSurface.os600}`,height:a.header?"48px":"32px"}}}}));export{t as SnackbarMessage,l as SnackbarMessageStyled};
+import{__rest as e}from"tslib";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{Icon as r}from"../icon/icon.js";import{styled as c}from"@mui/material/styles";import{checkForIcon as n}from"./snackbar.js";const s=({header:e,icon:r,message:c})=>i(t,{header:e,icon:r,children:[r&&a(l,{icon:r}),i("div",{className:"styled-message-header-message-container",children:[e&&i("h3",{children:[" ",e]}),i("p",{children:[" ",c," "]})]}),a("div",{className:"custom-snackbar-divider",children:a("div",{})})]}),t=c("div")((i=>{var a=e(i,[]);return{"& .styled-message-header-message-container":{display:a.header?"block":"flex"},"& p":{display:a.header?"block":"inline",paddingBottom:a.header?"0px":"2px"},"& .snackbar-icon-wrapper":{"& span":{lineHeight:a.header?"20px":"unset"}},"& .custom-snackbar-divider":{paddingLeft:n(a.icon)?"24px":"56px","& > div":{borderLeft:`1px solid ${a.theme.palette.onSurface.os600}`,height:a.header?"48px":"32px"}}}})),l=({icon:e})=>{let i=null;switch(e){case"alert":i=a(r,{className:"triangle-up-exclamation",fontSize:"inherit",iconStyle:"filled"});break;case"success":i=a(r,{className:"circle-check",fontSize:"inherit",iconStyle:"filled"});break;case"warning":i=a(r,{className:"circle-exclamation",fontSize:"inherit",iconStyle:"filled"})}return i?a("span",{className:"snackbar-icon-wrapper",children:i}):i};export{s as SnackbarMessage,t as SnackbarMessageStyled};
 //# sourceMappingURL=snackbarMessage.js.map

package/components/snackbar/snackbarMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"snackbarMessage.js","sources":["../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":[~~null]~~,"~~names~~":["~~SnackbarMessage~~","header","~~icon~~","~~message~~","~~IconComponent~~","~~useMemo~~","~~_icon~~","~~iconToReturn~~","_jsx","Icon","className","fontSize","iconStyle","children","_jsxs","SnackbarMessageStyled","styled","_a","args","__rest","display","paddingBottom","lineHeight","paddingLeft","checkForIcon","borderLeft","theme","palette","onSurface","os600","height"],"mappings":"~~mPAwBO~~,~~MAAMA~~,~~EAA0C~~,EAAGC,SAAQC,OAAMC,~~cACtE~~,~~MAAMC~~,~~EAA8CC~~,~~GAClD~~,~~IACE~~,~~EAAGH~~,~~KAAMI~~,~~MACP~~,~~IAAIC~~,EAAe,~~KAEnB~~,~~OAAQD~~,~~GACN~~,~~IAAK~~,~~QACHC~~,~~EAAeC~~,~~EAACC~~,~~EAAK~~,~~CAAAC~~,~~UAAU~~,~~0BAA0BC~~,~~SAAS~~,~~UAAUC~~,~~UAAU~~,~~WACtF~~,~~MACF~~,IAAK,~~UACHL~~,~~EAAeC~~,~~EAACC~~,~~EAAK~~,~~CAAAC~~,~~UAAU~~,~~eAAeC~~,~~SAAS~~,~~UAAUC~~,~~UAAU~~,~~WAC3E~~,~~MACF~~,~~IAAK~~,~~UACHL~~,~~EAAeC~~,~~EAACC~~,~~EAAK~~,~~CAAAC~~,~~UAAU~~,~~qBAAqBC~~,~~SAAS~~,~~UAAUC~~,~~UAAU~~,~~WAIrF~~,~~OAAOL~~,~~EAAeC~~,~~UAAME~~,~~UAAU~~,~~wBAAuBG~~,~~SAAEN~~,~~IAAuBA~~,~~CAAY~~,~~GAEtG~~,~~IAEF~~,~~OACEO~~,~~EAACC~~,~~EAAqB~~,~~CAACd~~,~~OAAQA~~,~~EAAQC~~,~~KAAMA~~,~~EAC1CW~~,~~SAAA~~,~~CAAAX~~,~~GAAQM~~,~~EAACJ~~,~~GAAcF~~,~~KAAMA~~,~~IAC9BY~~,~~EAAA~~,~~MAAA~~,~~CAAKJ~~,~~UAAU~~,~~oDACZT~~,~~GAAUa~~,~~sBAAMb~~,~~KACjBa~~,~~EAAA~~,~~IAAA~~,~~CAAAD~~,~~SAAA~~,~~CAAA~~,~~IAAKV~~,~~EAAO~~,~~UAEdK~~,~~EAAA~~,~~MAAA~~,~~CAAKE~~,~~UAAU~~,~~mCACbF~~,~~EAAW~~,~~MAAA~~,~~CAAA~~,~~OAGf~~,~~EAMSO~~,~~EAAwBC~~,~~EAAO~~,~~MAAPA~~,~~EAAkEC~~,~~QAAKC~~,~~EAAIC~~,~~EAAAF~~,~~EAAT~~,~~IACrG~~,~~MAAO~~,~~CACL~~,~~6CAA8C~~,~~CAC5CG~~,~~QAASF~~,~~EAAKjB~~,~~OAAS~~,~~QAAU~~,~~QAEnC~~,~~MAAO~~,~~CACLmB~~,~~QAASF~~,~~EAAKjB~~,~~OAAS~~,~~QAAU~~,~~SACjCoB~~,~~cAAeH~~,~~EAAKjB~~,~~OAAS~~,~~MAAQ~~,~~OAEvC~~,~~2BAA4B~~,~~CAC1B~~,SAAU,~~CACRqB~~,~~WAAYJ~~,~~EAAKjB~~,~~OAAS~~,~~OAAS~~,~~UAGvC~~,~~6BAA8B~~,~~CAC5BsB~~,~~YAAaC~~,~~EAAaN~~,~~EAAKhB~~,~~MAAQ~~,~~OAAS~~,~~OAChD~~,UAAW,~~CACTuB~~,~~WAAY~~,~~aAAaP~~,~~EAAKQ~~,~~MAAMC~~,~~QAAQC~~,~~UAAUC~~,~~QACtDC~~,~~OAAQZ~~,~~EAAKjB~~,~~OAAS,OAAS,SAGpC~~"}
1	+ {"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 { Icon } from '../icon';\nimport { styled } from '@mui/material/styles';\nimport { checkForIcon } from './snackbar';\nexport const SnackbarMessage = ({ header, icon, message }) => {\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});\nconst IconComponent = ({ 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//# sourceMappingURL=snackbarMessage.js.map"],"names":["SnackbarMessage","header","icon","message","_jsxs","SnackbarMessageStyled","children","_jsx","IconComponent","className","styled","_a","args","__rest","display","paddingBottom","lineHeight","paddingLeft","checkForIcon","borderLeft","theme","palette","onSurface","os600","height","iconToReturn","Icon","fontSize","iconStyle"],"mappings":"mNAKY,MAACA,EAAkB,EAAGC,SAAQC,OAAMC,aACpCC,EAAMC,EAAuB,CAAEJ,OAAQA,EAAQC,KAAMA,EAAMI,SAAU,CAACJ,GAAQK,EAAKC,EAAe,CAAEN,KAAMA,IAASE,EAAM,MAAO,CAAEK,UAAW,0CAA2CH,SAAU,CAACL,GAAUG,EAAM,KAAM,CAAEE,SAAU,CAAC,IAAKL,KAAYG,EAAM,IAAK,CAAEE,SAAU,CAAC,IAAKH,EAAS,UAAaI,EAAK,MAAO,CAAEE,UAAW,0BAA2BH,SAAUC,EAAK,MAAO,CAAE,QAKrXF,EAAwBK,EAAO,MAAPA,EAAeC,IAChD,IAAIC,EAAOC,EAAOF,EAAI,IACtB,MAAO,CACH,6CAA8C,CAC1CG,QAASF,EAAKX,OAAS,QAAU,QAErC,MAAO,CACHa,QAASF,EAAKX,OAAS,QAAU,SACjCc,cAAeH,EAAKX,OAAS,MAAQ,OAEzC,2BAA4B,CACxB,SAAU,CACNe,WAAYJ,EAAKX,OAAS,OAAS,UAG3C,6BAA8B,CAC1BgB,YAAaC,EAAaN,EAAKV,MAAQ,OAAS,OAChD,UAAW,CACPiB,WAAY,aAAaP,EAAKQ,MAAMC,QAAQC,UAAUC,QACtDC,OAAQZ,EAAKX,OAAS,OAAS,SAG1C,IAECO,EAAgB,EAAGN,WACrB,IAAIuB,EAAe,KACnB,OAAQvB,GACJ,IAAK,QACDuB,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,0BAA2BkB,SAAU,UAAWC,UAAW,WAClG,MACJ,IAAK,UACDH,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,eAAgBkB,SAAU,UAAWC,UAAW,WACvF,MACJ,IAAK,UACDH,EAAelB,EAAKmB,EAAM,CAAEjB,UAAW,qBAAsBkB,SAAU,UAAWC,UAAW,WAGrG,OAAOH,EAAelB,EAAK,OAAQ,CAAEE,UAAW,wBAAyBH,SAAUmB,IAAkBA,CAAY"}

package/components/stepper/stepper.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material';
+import { SxProps } from '@mui/system';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  The activeStep of a stepper.

package/components/stepper/stepper.js CHANGED Viewed

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

package/components/stepper/stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":[~~null~~],"names":["Stepper","_a","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","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":"~~4TA8Ca~~,~~MAAAA~~,~~EAA6BC~~,~~QAAAC~~,~~WACxCA~~,EAAUC,~~iBACVA~~,EAAgBC,~~SAChBA~~,EAAQC,~~QACRA~~,EAAOC,~~UACPA~~,EAASC,~~UACTA~~,EAASC,~~YACTA~~,EAAWC,~~KACXA~~,~~GAAIR~~,~~EACDS~~,~~EAAKC~~,~~EAAAV~~,~~EATgC~~,~~qGAWxC~~,MAAMW,EAAS,~~CACbC~~,WAAY,OACZC,SAAU,OACVC,WAAY,~~OA4Bd~~,OAAOC,~~EAACC~~,~~EAAa~~,~~CAAAb~~,~~SAzBnBY~~,~~EAAA~~,~~MAAA~~,~~CAAAZ~~,~~SACEY~~,~~EAACE~~,~~EAAUC~~,~~OAAAC~~,~~OAAA~~,~~CACTC~~,~~UAAU~~,~~uBACNX~~,~~EAAK~~,~~CACTR~~,WAAYA,~~EACZoB~~,GAAI,~~CACFC~~,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,QAAS,~~GAEXvB~~,iBAAkBA,~~EAClBG~~,UAAWU,~~EAACW~~,~~EAAiB~~,CAAA,~~GAAAvB~~,~~SAE5BK~~,EAAKmB,KAAKC,~~GACTb~~,~~EAACc~~,~~YACCd~~,~~EAACe~~,~~GAAUC~~,MAAOpB,EAAQqB,kBAAmBC,~~EAAa9B~~,~~SACvDyB~~,~~KAFMA~~,~~WAUqC~~,~~EAG1D~~,SAASK,EAAcxB,~~GACrB~~,MAAMyB,OAAEA,EAAMC,UAAEA,EAASf,UAAEA,GAAcX,EACzC,~~OACEM~~,~~EAACqB~~,~~EAAiB~~,~~CAAChB~~,UAAWA,~~WAE1BL~~,~~QADDmB~~,~~GACMd~~,~~UAAU~~,~~wBACbe~~,~~EACF~~,~~CAAKf~~,~~UAAU~~,~~gCAEVA~~,~~UAAU~~,~~0BAIvB~~,~~CAEA~~,MAAMgB,EAAoBC,EAAO,MAAPA,~~EAA+B~~,EAAGC,~~YAC1D~~,IAAIP,EAAQ,CAAA,EA8CZ,OA7CAA,EAAQ,~~CACNQ~~,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjEnB,QAAS,OACToB,OAAQ,GACRnB,WAAY,SACZ,iCAAkC,~~CAChCe~~,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdC,gBAAiB,eACjB,UAAW,~~CACTD~~,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,~~YAG5B~~,0BAA2B,~~CACzBb~~,MAAOK,EAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdK,YAAa,SACbC,WAAY,MACZL,gBAAiB,eACjB,UAAW,~~CACTD~~,aAAc,MACdE,OAAQ,eAAeN,EAAWC,UAAUC,QAC5CP,MAAOK,EAAWO,MAAMC,~~YAG5B~~,0BAA2B,~~CACzBL~~,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdE,OAAQ,sBACRX,MAAO,cACP,UAAW,~~CACTgB~~,OAAQ,UACRP,aAAc,MACdE,OAAQ,eAAeN,EAAWY,SAASC,WAC3CR,gBAAiBL,EAAWY,SAASJ,~~aAIpCrB~~,CAAK,~~IAGRL~~,EAAiBW,EAAOqB,EAAPrB,EAAsB,EAAGC,YAAa,~~CAC3D~~,CAAC,KAAKqB,EAAqBzD,oBAAqB,~~CAC9C0D~~,IAAK,GACLC,KAAM,mBACNC,MAAO,~~mBAET~~,CAAC,KAAKH,EAAqBzB,UAAW,~~CACpC~~,CAAC,MAAMyB,EAAqBI,QAAS,~~CACnCC~~,YAAapB,EAAWC,UAAUC,MAClCC,MAAO,~~SAGX~~,CAAC,KAAKY,EAAqBxB,aAAc,~~CACvC~~,CAAC,MAAMwB,EAAqBI,QAAS,~~CACnCC~~,YAAapB,EAAWC,UAAUC,~~QAGtC~~,CAAC,MAAMa,EAAqBI,QAAS,~~CACnCC~~,YAAoC,SAAvB1B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOE,EAAWY,SAASS,QAC3FC,eAAgB,EAChBlB,aAAc,~~OAIZhC~~,EAAgBqB,EAAO,MAAPA,~~EAA+B~~,~~KACnD~~,IAAIN,EAAQ,CAAA,~~EAcZ~~,~~OAZAA~~,EAAQ,~~CACN~~,yBAA0B,~~CACxBR~~,QAAS,OACTC,WAAY,SACZ2C,~~WALe~~,~~aAMfC~~,UAAW,SACXtD,WAAY,MACZD,SAAU,OACVD,WAAY,~~SAITmB~~,CAAK"}
1	+ {"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 { Step, StepConnector, StepLabel, stepConnectorClasses } from '@mui/material';\nimport MuiStepper from '@mui/material/Stepper';\nimport { styled } from '@mui/material/styles';\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% + 9px)',\n right: 'calc(50% + 9px)',\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":["Stepper","_a","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","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":"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"}

package/components/tab/hook/useTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTabs.js","sources":["../../../../src/components/tab/hook/useTabs.ts"],"sourcesContent":[~~null~~],"names":["useTabs","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","Children","toArray","child","props","value","breakpoints","values","lg","handleIsMobileView","variantSecondaryNavigation","isMobileView","setIsMobileView","setWindowWidth","window","innerWidth","md","a11yProps","index"],"mappings":"~~gFAGM~~,~~MAAAA~~,EAAU,~~KACd~~,MAAMC,EAAQC,~~IAiEd~~,MAAO,~~CACLC~~,~~sBAhE4BC~~,~~GAC5B~~,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,EAAMC,SAASC,QAAQ3B,GAAUQ,~~MACvDoB~~,~~GAAenB~~,IAAS,cAAgBmB,EAAMC,MAAMC,~~QAEnDN~~,~~GACFD~~,EAAIF,KAAKG,~~EACV~~,~~IAEHvB~~,EAAgBsB,~~EACjB~~,~~MAZChB~~,EAAQK,MAAMC,QAAU,~~MAYzB~~,~~GAEH~~,CAACnB,EAAMqC,YAAYC,OAAOC,~~KA2B1BC~~,~~mBAxByBrC~~,~~GACzB~~,CAACsC,EAA4BC,EAAcC,EAAiBC,~~KAC1DA~~,EAAeC,OAAOC,YAClBL,~~IACEI~~,OAAOC,YAAc9C,EAAMqC,YAAYC,OAAOS,KAAOL,~~EACvDC~~,GAAgB,~~GACPE~~,OAAOC,WAAa9C,EAAMqC,YAAYC,OAAOS,~~IACtDJ~~,GAAgB,~~GAEnB~~,~~GAEH~~,CAAC3C,EAAMqC,YAAYC,OAAOS,~~KAc1BC~~,~~UAVgB7C~~,GAAa8C,~~IACtB~~,~~CACLjC~~,GAAI,cAAciC,IAClB,gBAAiB,mBAAmBA,~~OAErC~~,~~IAMF~~"}
1	+ {"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":["useTabs","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","Children","toArray","child","props","value","breakpoints","values","lg","handleIsMobileView","variantSecondaryNavigation","isMobileView","setIsMobileView","setWindowWidth","window","innerWidth","md","a11yProps","index"],"mappings":"gFAEK,MAACA,EAAU,KACZ,MAAMC,EAAQC,IAwDd,MAAO,CACHC,sBAvD0BC,GAAY,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,EAAMC,SAASC,QAAQ3B,GAAUQ,MAAMoB,GAAUnB,IAAS,cAAgBmB,EAAMC,MAAMC,QAC3GN,GACAD,EAAIF,KAAKG,EACZ,IAELvB,EAAgBsB,EACnB,MAXGhB,EAAQK,MAAMC,QAAU,MAW3B,GACF,CAACnB,EAAMqC,YAAYC,OAAOC,KAqBzBC,mBApBuBrC,GAAY,CAACsC,EAA4BC,EAAcC,EAAiBC,KAC/FA,EAAeC,OAAOC,YAClBL,IACII,OAAOC,YAAc9C,EAAMqC,YAAYC,OAAOS,KAAOL,EACrDC,GAAgB,GAEXE,OAAOC,WAAa9C,EAAMqC,YAAYC,OAAOS,IAClDJ,GAAgB,GAEvB,GACF,CAAC3C,EAAMqC,YAAYC,OAAOS,KAWzBC,UATc7C,GAAa8C,IACpB,CACHjC,GAAI,cAAciC,IAClB,gBAAiB,mBAAmBA,OAEzC,IAKF"}

package/components/tab/menuTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuTab.js","sources":["../../../src/components/tab/menuTab.tsx"],"sourcesContent":[null],"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","Children","map","child","_jsx","MenuItem","style","fontSize","props","useEffect","_jsxs","_Fragment","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":"~~kaA+Ca~~,~~MAAAA~~,EAAUC,~~GAAqC~~,EAAGC,QAAOC,QAAOC,YAAYC,~~KACvF~~,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAWC,IACtDC,EAAUC,GAAeC,GAAS,IAClCC,EAAMC,GAAWF,GAAS,IAC1BG,EAAUC,GAAeJ,EAAS,OAClCK,EAAeC,GAAoBN,EAAS,OAC7CO,UAAEA,GAAcC,~~IAKhBC~~,EAAgBC,~~GACnBC~~,~~IACMA~~,EAAOC,~~KAGVC~~,OAAOZ,KAAKU,EAAOC,KAAMD,EAAOG,~~QAFhCpB~~,EAAgBiB,EAAOrB,OAAO,~~GAIhCY~~,GAAQ,GACRS,EAAOI,SAAWJ,EAAOI,QAAQJ,EAAOrB,OACxCqB,EAAOK,mBAAqBL,EAAOK,kBAAkBL,EAAOrB,OAC5DgB,EAAiBK,EAAOtB,MAAM,~~GAEhC~~,CAACK,~~IAGGuB~~,EAAiBP,~~GACpBQ~~,~~IACChB~~,GAASD,GACTG,EAAYc,EAAEC,cAAc,~~GAE9B~~,CAAClB,~~IAIGmB~~,EAAkBV,GAAY,~~IAC3BW~~,EAAMC,SAASC,IAAIhC,GAAWiC,~~GAEjCC~~,~~EAACC~~,~~EAAQ~~,~~CAACC~~,MAAO,CAAEC,SAAU,QAAUb,QAAS,IAAMN,EAAce,EAAMK,~~OAAMtC~~,~~SAC7EiC~~,EAAMK,MAAMxC,~~WAIlB~~,CAACE,EAAUkB,~~IAWd~~,OARAqB,GAAU,~~KAEN~~/B,~~EADEN~~,IAAcH,~~EAIjB~~,~~GACA~~,CAACG,EAAWK,EAAUR,~~IAGvByC~~,~~EAAAC~~,~~EAAA~~,~~CAAAzC~~,~~SAAA~~,~~CACEkC~~,~~EAACQ~~,~~EACCC~~,~~OAAAC~~,~~OAAA~~,~~CAAA3C~~,IAAKA,~~EACL4C~~,~~SACA~~,~~EAAArB~~,QAASE,~~EACTtB~~,UAAWA,~~EACXG~~,SAAUA,~~EACVR~~,MAAOA,~~EACP~~+C,SAAU,~~EACVhD~~,MAAOgB,GAAiBhB,~~GACpBkB~~,EAAUjB,~~GAAM~~,~~CACpBgD~~,KAAMb,~~EAACc~~,~~GAAKC~~,UAAWvC,EAAO,aAAe,~~iBAC7CwC~~,~~aAAa~~,~~MACbD~~,~~UAAU~~,~~iBAEZf~~,~~EAACiB~~,~~EAAM~~,~~CAACzC~~,KAAMA,EAAME,SAAUA,EAAUwC,~~UAAU~~,~~SAASC~~,~~YACxD~~,~~EAAArD~~,~~SAAA~~,EAAGsD,~~qBACFpB~~,~~EAACqB~~,~~EAAiB~~,~~CAACC~~,YAAa,IAAM7C,GAAQ,~~GAC5CX~~,~~SAAAkC~~,~~EAACuB~~,~~EAAId~~,~~OAAAC~~,~~OAAA~~,~~CAAA~~,~~EAAKU~~,~~EAAe~~,CAAEI,QAAS,~~IAClC1D~~,~~SAAAkC~~,~~EAACyB~~,~~EAAU~~,~~CAACC~~,~~GAAG~~,~~iBAAgB5D~~,~~SAAE6B~~,~~eAM3C~~,~~IAGE8B~~,EAAaE,EAAOC,EAAPD,~~EAA0B~~,~~KACpC~~,~~CACLE~~,IAAK,OACLC,KAAM,OACNC,UAAW,+BACXC,aAAc,MACdC,QAAS,MACTC,MAAO,QACPC,UAAW,QACXC,SAAU"}
1	+ {"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","Children","map","child","_jsx","MenuItem","style","fontSize","props","useEffect","_jsxs","_Fragment","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":"kaAYY,MAACA,EAAUC,GAAW,EAAGC,QAAOC,QAAOC,YAAYC,KAC3D,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAWC,IACtDC,EAAUC,GAAeC,GAAS,IAClCC,EAAMC,GAAWF,GAAS,IAC1BG,EAAUC,GAAeJ,EAAS,OAClCK,EAAeC,GAAoBN,EAAS,OAC7CO,UAAEA,GAAcC,IAIhBC,EAAgBC,GAAaC,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,GAAaQ,IAChChB,GAASD,GACTG,EAAYc,EAAEC,cAAc,GAC7B,CAAClB,IAEEmB,EAAkBV,GAAY,IACzBW,EAAMC,SAASC,IAAIhC,GAAWiC,GACzBC,EAAKC,EAAU,CAAEC,MAAO,CAAEC,SAAU,QAAUb,QAAS,IAAMN,EAAce,EAAMK,OAAQtC,SAAUiC,EAAMK,MAAMxC,WAE5H,CAACE,EAAUkB,IAUd,OARAqB,GAAU,KAEF/B,EADAN,IAAcH,EAKjB,GACF,CAACG,EAAWK,EAAUR,IACjByC,EAAMC,EAAW,CAAEzC,SAAU,CAACkC,EAAKQ,EAAWC,OAAOC,OAAO,CAAE3C,IAAKA,EAAK4C,SAAS,EAAMrB,QAASE,EAAgBtB,UAAWA,EAAWG,SAAUA,EAAUR,MAAOA,EAAO+C,SAAU,EAAGhD,MAAOgB,GAAiBhB,GAASkB,EAAUjB,GAAQ,CAAEgD,KAAMb,EAAKc,EAAM,CAAEC,UAAWvC,EAAO,aAAe,iBAAmBwC,aAAc,MAAOD,UAAW,iBAAmBf,EAAKiB,EAAQ,CAAEzC,KAAMA,EAAME,SAAUA,EAAUwC,UAAW,SAAUC,YAAY,EAAMrD,SAAU,EAAGsD,qBAAuBpB,EAAKqB,EAAmB,CAAEC,YAAa,IAAM7C,GAAQ,GAAQX,SAAUkC,EAAKuB,EAAMd,OAAOC,OAAO,CAAE,EAAEU,EAAiB,CAAEI,QAAS,IAAK1D,SAAUkC,EAAKyB,EAAY,CAAEC,GAAI,iBAAkB5D,SAAU6B,eAAqC,IAE3sB8B,EAAaE,EAAOC,EAAPD,EAAiB,KACzB,CACHE,IAAK,OACLC,KAAM,OACNC,UAAW,+BACXC,aAAc,MACdC,QAAS,MACTC,MAAO,QACPC,UAAW,QACXC,SAAU"}

package/components/tab/secondaryNavigation/secondaryNavigationTabs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import i,{useState as t,useCallback as n,useEffect as a}from"react";import p from"@mui/material/AppBar";import l from"@mui/material/Toolbar";import{Icon as s}from"../../icon/icon.js";import d from"./secondaryTabStyled.js";import{styled as c,Backdrop as m,Popper as h,MenuList as b,MenuItem as x,Box as u,ClickAwayListener as g,Fade as f}from"@mui/material";import{Divider as v}from"../../divider/divider.js";import{flowColors as k}from"../../../design/skoda/palette.theme.js";const y=({currentActiveTab:p,setCurrentActiveTab:c,children:m})=>{const[h,b]=t(null),[k,y]=t(null),[w,z]=t(!1),[R,S]=t(null),O=n((o=>{c(o.value),o.onClick&&o.onClick()}),[c]),B=n((o=>{z(!w),y(o.currentTarget)}),[w]),I=n((i=>i.href?o("a",{href:i.href,target:i.target||null,children:[r(s,{color:"inherit",className:i.icon||"more-horizontal"}),i.label]}):o(e,{children:[r(s,{color:"inherit",className:i.icon||"more-horizontal"}),i.label]})),[]),L=n((o=>{S(o.label),o.href?window.open(o.href,o.target):c(o.value),z(!1),o.onClick&&o.onClick(o.value)}),[c]),M=n((()=>h.slice(3).map(((e,i)=>o("div",{children:[r(x,{onClick:()=>L(e.props),children:e.props.label},i),r(v,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},e.props.label)))),[h,L]);return a((()=>{b(i.Children.toArray(m))}),[m]),r(A,{position:"fixed",color:"transparent",children:r(l,{children:r(u,{sx:{display:"flex"},children:h&&o(e,{children:[r(d,Object.assign({},h[0].props,{isActive:p===h[0].props.value,onClick:()=>{O(h[0].props)},children:I(h[0].props)}),"secondary-tab-0"),r(d,Object.assign({},h[1].props,{isActive:p===h[1].props.value,onClick:()=>{O(h[1].props)},children:I(h[1].props)}),"secondary-tab-1"),r(d,Object.assign({},h[2].props,{isActive:p===h[2].props.value,onClick:()=>{O(h[2].props)},children:I(h[2].props)}),"secondary-tab-2"),h.length>4&&o(e,{children:[o(d,{isActive:w,moreTab:!0,selectedMenuLabel:R,onClick:B,children:[r(s,{color:"inherit",className:"more-vertical"}),R]},"secondary-tab-more"),r(T,{open:w,anchorEl:k,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:o})=>r(g,{onClickAway:()=>z(!1),children:r(C,{open:w,onClick:()=>z(!1),children:r(f,Object.assign({},o,{timeout:350,children:r(j,{id:"more-tabs-menu",children:M()})}))})})})]}),h.length<=4&&r(d,Object.assign({},h[3].props,{isActive:p===h[3].props.value,onClick:()=>{O(h[3].props)},children:I(h[3].props)}),"secondary-tab-3")]})})})})},C=c(m)((()=>({zIndex:2e3}))),T=c(h)((()=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),j=c(b)((({theme:o})=>({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:o.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),A=c(p)((()=>({maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${k.transparent.secondary}`,backgroundColor:k.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));export{y as SecondaryNavigationTabs};
+import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import i,{useState as t,useCallback as n,useEffect as a}from"react";import p from"@mui/material/AppBar";import l from"@mui/material/Toolbar";import{Icon as s}from"../../icon/icon.js";import c from"./secondaryTabStyled.js";import{styled as d,Backdrop as m,Popper as h,MenuList as b,MenuItem as x,Divider as u,Box as g,ClickAwayListener as f,Fade as v}from"@mui/material";import{flowColors as k}from"../../../design/skoda/palette.theme.js";const y=({currentActiveTab:p,setCurrentActiveTab:d,children:m})=>{const[h,b]=t(null),[k,y]=t(null),[w,z]=t(!1),[R,S]=t(null),O=n((o=>{d(o.value),o.onClick&&o.onClick()}),[d]),B=n((o=>{z(!w),y(o.currentTarget)}),[w]),I=n((i=>i.href?o("a",{href:i.href,target:i.target||null,children:[r(s,{color:"inherit",className:i.icon||"more-horizontal"}),i.label]}):o(e,{children:[r(s,{color:"inherit",className:i.icon||"more-horizontal"}),i.label]})),[]),L=n((o=>{S(o.label),o.href?window.open(o.href,o.target):d(o.value),z(!1),o.onClick&&o.onClick(o.value)}),[d]),M=n((()=>h.slice(3).map(((e,i)=>o("div",{children:[r(x,{onClick:()=>L(e.props),children:e.props.label},i),r(u,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},e.props.label)))),[h,L]);return a((()=>{b(i.Children.toArray(m))}),[m]),r(j,{position:"fixed",color:"transparent",children:r(l,{children:r(g,{sx:{display:"flex"},children:h&&o(e,{children:[r(c,Object.assign({},h[0].props,{isActive:p===h[0].props.value,onClick:()=>{O(h[0].props)},children:I(h[0].props)}),"secondary-tab-0"),r(c,Object.assign({},h[1].props,{isActive:p===h[1].props.value,onClick:()=>{O(h[1].props)},children:I(h[1].props)}),"secondary-tab-1"),r(c,Object.assign({},h[2].props,{isActive:p===h[2].props.value,onClick:()=>{O(h[2].props)},children:I(h[2].props)}),"secondary-tab-2"),h.length>4&&o(e,{children:[o(c,{isActive:w,moreTab:!0,selectedMenuLabel:R,onClick:B,children:[r(s,{color:"inherit",className:"more-vertical"}),R]},"secondary-tab-more"),r(T,{open:w,anchorEl:k,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:o})=>r(f,{onClickAway:()=>z(!1),children:r(C,{open:w,onClick:()=>z(!1),children:r(v,Object.assign({},o,{timeout:350,children:r(A,{id:"more-tabs-menu",children:M()})}))})})})]}),h.length<=4&&r(c,Object.assign({},h[3].props,{isActive:p===h[3].props.value,onClick:()=>{O(h[3].props)},children:I(h[3].props)}),"secondary-tab-3")]})})})})},C=d(m)((()=>({zIndex:2e3}))),T=d(h)((()=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),A=d(b)((({theme:o})=>({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:o.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),j=d(p)((()=>({maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${k.transparent.secondary}`,backgroundColor:k.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));export{y as SecondaryNavigationTabs};
 //# sourceMappingURL=secondaryNavigationTabs.js.map

package/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"secondaryNavigationTabs.js","sources":["../../../../src/components/tab/secondaryNavigation/secondaryNavigationTabs.tsx"],"sourcesContent":[null],"names":["SecondaryNavigationTabs","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","color","className","icon","label","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","React","Children","toArray","AppBarStyled","position","Toolbar","Box","sx","display","_Fragment","SecondaryTabStyled","Object","assign","isActive","length","moreTab","PopperStyled","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","BackdropStyled","Fade","timeout","MenuStyled","id","styled","Backdrop","zIndex","Popper","transform","MenuList","theme","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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"}
1	+ {"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, Divider } from '@mui/material';\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":["SecondaryNavigationTabs","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","color","className","icon","label","_Fragment","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","React","Children","toArray","AppBarStyled","position","Toolbar","Box","sx","display","SecondaryTabStyled","Object","assign","isActive","length","moreTab","PopperStyled","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","BackdropStyled","Fade","timeout","MenuStyled","id","styled","Backdrop","zIndex","Popper","transform","MenuList","theme","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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"}

package/components/tab/secondaryNavigation/secondaryTabStyled.js.map CHANGED Viewed

	@@ -1 +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":"+~~BAGM~~,~~MAAAA~~,EAAqBC,EAAO,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"}
1	+ {"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":"+BACK,MAACA,EAAqBC,EAAO,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"}

package/components/tab/tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab.js","sources":["../../../src/components/tab/tab.tsx"],"sourcesContent":[~~null~~],"names":["Tab","forwardRef","label","value","onClick","analyticsCallback","href","target","ariaLabel","ref","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","a11yProps","useTabs","handleOnClick","useCallback","e","handleTabType","_jsx","TabStyled","Object","assign","wrapped","tabIndex","component","useEffect","_Fragment","children"],"mappings":"~~8PA6Da~~,~~MAAAA~~,EAAMC,~~GACjB~~,EAAGC,QAAOC,QAAOC,UAASC,oBAAmBC,OAAMC,SAAQC,aAAaC,~~KACtE~~,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAWC,IACtDC,EAAUC,GAAeC,GAAS,IACnCC,UAAEA,GAAcC,~~IAKhBC~~,EAAgBC,~~GACnBC~~,~~IACCX~~,EAAgBR,GAAO,GACvBE,GAAqBA,EAAkBiB,GACvClB,GAAWA,EAAQkB,EAAE,~~GAEvB~~,CAACnB,EAAOC,EAASO,EAAiBN,~~IAK9BkB~~,EAAgBF,GAAY,~~IAG5BG~~,~~EAACC~~,~~EAFDnB~~,~~EAEUoB~~,~~OAAAC~~,~~OAAA~~,~~CACRC~~,~~SACA~~,~~EAAAnB~~,IAAKA,~~EACLG~~,UAAWA,~~EACXG~~,SAAUA,~~EAAQ~~,~~aACNP~~,~~EACZL~~,MAAOA,~~EACPD~~,MAAOA,~~EACP2B~~,SAAUd,EAAW,GAAK,~~GACtBG~~,EAAUf,~~GAAM~~,~~CACpB2B~~,UAAW,~~IACXxB~~,KAAMA,~~EACNC~~,OAAQA,~~EACRH~~,QAAUkB,GAAMF,EAAcE,~~KAM9BI~~,~~OAAAC~~,~~OAAA~~,~~CAAAC~~,~~SACA~~,~~EAAAnB~~,IAAKA,~~EACO~~,~~aAAAD~~,~~EACZqB~~,SAAUd,EAAW,GAAK,~~EAC1BH~~,UAAWA,~~EACXG~~,SAAUA,~~EACVX~~,QAAUkB,GAAMF,EAAcE,~~GAC9BnB~~,MAAOA,~~EACPD~~,MAAOA,~~GACHgB~~,EAAUf,~~MAInB~~,CAACG,EAAMM,EAAWG,EAAUR,EAAQJ,EAAOD,EAAOgB,EAAWV,EAAWY,EAAeX,~~IAW1F~~,OARAsB,GAAU,~~KAENf~~,~~EADEN~~,IAAcP,~~EAIjB~~,~~GACA~~,CAACO,EAAWP,~~IAERqB~~,~~EAAGQ~~,~~EAAA~~,~~CAAAC~~,~~SAAAV~~,~~KAAmB~~"}
1	+ {"version":3,"file":"tab.js","sources":["../../../src/components/tab/tab.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useState, useContext, useEffect, useCallback, forwardRef } from 'react';\nimport useTabs from './hook/useTabs';\nimport { TabsContext } from './tabs';\nimport TabStyled from './tabStyled';\n/*\n @description SkodaFlow Tab component.\n * @param props TabProps\n * @returns React Functional Component\n */\nexport const Tab = forwardRef(({ label, value, onClick, analyticsCallback, href, target, ariaLabel }, ref) => {\n const { activeTab, updateActiveTab, smallSize } = useContext(TabsContext);\n const [isActive, setIsActive] = useState(false);\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((e) => {\n updateActiveTab(value, false);\n analyticsCallback && analyticsCallback(e);\n onClick && onClick(e);\n }, [value, onClick, updateActiveTab, analyticsCallback]);\n //IF href prop is present: render the Link Tab\n //Otherwise render the default tab\n const handleTabType = useCallback(() => {\n if (href) {\n return (_jsx(TabStyled, Object.assign({ wrapped: true, ref: ref, smallSize: smallSize, isActive: isActive, \"aria-label\": ariaLabel, value: value, label: label, tabIndex: isActive ? 0 : -1 }, a11yProps(value), { component: 'a', href: href, target: target, onClick: (e) => handleOnClick(e) })));\n }\n else {\n return (_jsx(TabStyled, Object.assign({ wrapped: true, ref: ref, \"aria-label\": ariaLabel, tabIndex: isActive ? 0 : -1, smallSize: smallSize, isActive: isActive, onClick: (e) => handleOnClick(e), value: value, label: label }, a11yProps(value))));\n }\n }, [href, smallSize, isActive, target, value, label, a11yProps, ariaLabel, handleOnClick, ref]);\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, value]);\n return _jsx(_Fragment, { children: handleTabType() });\n});\n//# sourceMappingURL=tab.js.map"],"names":["Tab","forwardRef","label","value","onClick","analyticsCallback","href","target","ariaLabel","ref","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","a11yProps","useTabs","handleOnClick","useCallback","e","handleTabType","_jsx","TabStyled","Object","assign","wrapped","tabIndex","component","useEffect","_Fragment","children"],"mappings":"8PAUY,MAACA,EAAMC,GAAW,EAAGC,QAAOC,QAAOC,UAASC,oBAAmBC,OAAMC,SAAQC,aAAaC,KAClG,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAWC,IACtDC,EAAUC,GAAeC,GAAS,IACnCC,UAAEA,GAAcC,IAIhBC,EAAgBC,GAAaC,IAC/BX,EAAgBR,GAAO,GACvBE,GAAqBA,EAAkBiB,GACvClB,GAAWA,EAAQkB,EAAE,GACtB,CAACnB,EAAOC,EAASO,EAAiBN,IAG/BkB,EAAgBF,GAAY,IAElBG,EAAKC,EADbnB,EACwBoB,OAAOC,OAAO,CAAEC,SAAS,EAAMnB,IAAKA,EAAKG,UAAWA,EAAWG,SAAUA,EAAU,aAAcP,EAAWL,MAAOA,EAAOD,MAAOA,EAAO2B,SAAUd,EAAW,GAAK,GAAKG,EAAUf,GAAQ,CAAE2B,UAAW,IAAKxB,KAAMA,EAAMC,OAAQA,EAAQH,QAAUkB,GAAMF,EAAcE,KAGrQI,OAAOC,OAAO,CAAEC,SAAS,EAAMnB,IAAKA,EAAK,aAAcD,EAAWqB,SAAUd,EAAW,GAAK,EAAGH,UAAWA,EAAWG,SAAUA,EAAUX,QAAUkB,GAAMF,EAAcE,GAAInB,MAAOA,EAAOD,MAAOA,GAASgB,EAAUf,MAEhP,CAACG,EAAMM,EAAWG,EAAUR,EAAQJ,EAAOD,EAAOgB,EAAWV,EAAWY,EAAeX,IAU1F,OARAsB,GAAU,KAEFf,EADAN,IAAcP,EAKjB,GACF,CAACO,EAAWP,IACRqB,EAAKQ,EAAW,CAAEC,SAAUV,KAAkB"}

package/components/tab/tabPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabPanel.js","sources":["../../../src/components/tab/tabPanel.tsx"],"sourcesContent":[~~null~~],"names":["TabPanel","props","children","value","index","other","__rest","_jsx","Object","assign","role","hidden","id"],"mappings":"~~uEAuBa~~,~~MAAAA~~,~~EAAqCC~~,~~IAChD~~,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,~~GAAoBH~~,~~EAAVI~~,~~EAAUC~~,~~EAAAL~~,~~EAAvC~~,~~CAAA~~,~~WAAA~~,~~QAAA~~,~~UAEN~~,~~OACEM~~,~~EAAA~~,~~MAAAC~~,~~OAAAC~~,~~OAAA~~,~~CACEC~~,~~KAAK~~,~~WACLC~~,OAAQR,IAAUC,~~EAClBQ~~,GAAI,mBAAmBR,~~IACN~~,~~kBAAA~~,cAAcA,~~KAC3BC~~,~~EAAK~~,~~CAAAH~~,~~SAERC~~,IAAUC,GAASF,~~IAEtB~~"}
1	+ {"version":3,"file":"tabPanel.js","sources":["../../../src/components/tab/tabPanel.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TabPanel = (props) => {\n const { children, value, index } = props, other = __rest(props, [\"children\", \"value\", \"index\"]);\n return (_jsx(\"div\", Object.assign({ role: \"tabpanel\", hidden: value !== index, id: `simple-tabpanel-${index}`, \"aria-labelledby\": `simple-tab-${index}` }, other, { children: value === index && children })));\n};\n//# sourceMappingURL=tabPanel.js.map"],"names":["TabPanel","props","children","value","index","other","__rest","_jsx","Object","assign","role","hidden","id"],"mappings":"uEAEY,MAACA,EAAYC,IACrB,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUH,EAAOI,EAAQC,EAAOL,EAAO,CAAC,WAAY,QAAS,UACtF,OAAQM,EAAK,MAAOC,OAAOC,OAAO,CAAEC,KAAM,WAAYC,OAAQR,IAAUC,EAAOQ,GAAI,mBAAmBR,IAAS,kBAAmB,cAAcA,KAAWC,EAAO,CAAEH,SAAUC,IAAUC,GAASF,IAAc"}

package/components/tab/tabStyled.d.ts CHANGED Viewed

@@ -2,36 +2,9 @@
 /**
  * @description Tabs styling definition based on props
  */
-declare const TabStyled: import("@emotion/styled").StyledComponent<{
-    children?: null;
-    classes?: Partial<import("@mui/material/Tab").TabClasses>;
-    disabled?: boolean;
-    disableFocusRipple?: boolean;
-    icon?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    iconPosition?: "bottom" | "top" | "end" | "start";
-    label?: import("react").ReactNode;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-    value?: any;
-    wrapped?: boolean;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
-    centerRipple?: boolean;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
-    disabled?: boolean;
-    disableRipple?: boolean;
-    disableTouchRipple?: boolean;
-    focusRipple?: boolean;
-    focusVisibleClassName?: string;
-    LinkComponent?: import("react").ElementType<any>;
-    onFocusVisible?: import("react").FocusEventHandler<any>;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-    tabIndex?: number;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const TabStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "value" | "wrapped"> & {
+}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "label" | "tabIndex" | "action" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "wrapped"> & {
     theme?: import("@emotion/react").Theme;
 } & {
     component?: import("react").ElementType<any>;

package/components/tab/tabStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabStyled.js","sources":["../../../src/components/tab/tabStyled.tsx"],"sourcesContent":[~~null~~],"names":["TabStyled","styled","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"~~gEAMA~~,~~MAAMA~~,EAAYC,EAAOC,EAAQ,~~CAC/BC~~,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,~~GAD5DH~~,~~EAWhB~~,EAAGI,WAAUC,YAAWC,~~YACxB~~,IAAIC,~~EAAc~~,~~CAChBC~~,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,~~CACTC~~,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAapB,EAAMM,QAAQe,KAAKC,UACxCC,UAAW,~~eAEb~~,UAAW,~~CACTlB~~,MAAOL,EAAMM,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,~~CACnBpB~~,MAAOL,EAAMM,QAAQe,KAAKC,~~SAE5B~~,UAAW,~~CACTI~~,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB7B,EAAMM,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,~~IAGV~~,WAAY,~~CACV5B~~,MAAOL,EAAMM,QAAQe,KAAKC,~~SAE5B~~,oBAAqB,~~CACnBZ~~,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAOL,EAAMM,QAAQC,UAAUC,~~QAiCnC~~,~~OA7BAP~~,~~EACKiC~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC~~,~~OAAA~~,~~CAAA~~,~~EAAAlC~~,~~GACH~~,~~CAAA~~,CAACD,EAAMoC,YAAYC,KAAK,OAAQ,~~CAC9B3B~~,SAAU,OACVR,SAAU,OACVa,UAAW,~~SAIXjB~~,~~IACFG~~,~~EACKiC~~,~~OAAAC~~,~~OAAAD~~,~~OAAAC~~,~~OAAA~~,CAAA,~~EAAAlC~~,~~GACH~~,~~CAAAI~~,MAAOL,EAAMM,QAAQe,KAAKC,~~WAI1BvB~~,~~IACFE~~,~~iCACKA~~,~~GAAM~~,~~CACTS~~,SAAU,~~OACVR~~,SAAU,~~OACVa~~,UAAW,~~MACX~~,oBAAqB,~~CACnBL~~,SAAU,kBACVqB,MAAO,OACPH,OAAQ,~~WAIP3B~~,CAAM"}
1	+ {"version":3,"file":"tabStyled.js","sources":["../../../src/components/tab/tabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiTab from '@mui/material/Tab';\n/*\n @description Tabs styling definition based on props\n */\nconst TabStyled = styled(MuiTab, {\n shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'smallSize' && prop !== 'ref',\n})(({ isActive, smallSize, theme }) => {\n let styles = {\n minWidth: 'fit-content',\n fontWeight: '700',\n padding: 0,\n color: theme.palette.onSurface.os500,\n opacity: 1,\n fontSize: '20px',\n textTransform: 'none',\n transition: 'color .3s ease-out',\n minHeight: '32px',\n maxHeight: '32px',\n marginTop: '4px',\n fontFamily: 'SKODA Next',\n letterSpacing: '0.02857em',\n '&:focus': {\n paddingLeft: '5px',\n paddingRight: '5px',\n border: `2px solid ${theme.palette.text.primary}`,\n boxSizing: ' border-box',\n },\n '&:hover': {\n color: theme.palette.text.primary,\n position: 'relative',\n overflow: 'visible',\n '& > .MuiIcon-root': {\n color: theme.palette.text.primary,\n },\n '&:after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n height: '3px',\n backgroundColor: theme.palette.brand.primary,\n width: '100%',\n bottom: '-12px',\n left: 0,\n },\n },\n '&:active': {\n color: theme.palette.text.primary,\n },\n '& > .MuiIcon-root': {\n fontSize: '20px !Important',\n width: '20px',\n height: '30px',\n color: theme.palette.onSurface.os500,\n },\n };\n styles = Object.assign(Object.assign({}, styles), { [theme.breakpoints.down('sm')]: {\n fontSize: '14px',\n minWidth: '56px',\n marginTop: '6px',\n } });\n if (isActive) {\n styles = Object.assign(Object.assign({}, styles), { color: theme.palette.text.primary });\n }\n if (smallSize) {\n styles = Object.assign(Object.assign({}, styles), { fontSize: '14px', minWidth: '56px', marginTop: '6px', '& > .MuiIcon-root': {\n fontSize: '15px !important',\n width: '15px',\n height: '22px',\n } });\n }\n return styles;\n});\nexport default TabStyled;\n//# sourceMappingURL=tabStyled.js.map"],"names":["TabStyled","styled","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"gEAKK,MAACA,EAAYC,EAAOC,EAAQ,CAC7BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD9DH,EAEf,EAAGI,WAAUC,YAAWC,YACvB,IAAIC,EAAS,CACTC,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,CACPC,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAapB,EAAMM,QAAQe,KAAKC,UACxCC,UAAW,eAEf,UAAW,CACPlB,MAAOL,EAAMM,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,CACjBpB,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,UAAW,CACPI,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB7B,EAAMM,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,IAGd,WAAY,CACR5B,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,oBAAqB,CACjBZ,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAOL,EAAMM,QAAQC,UAAUC,QAkBvC,OAfAP,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAE,CAACD,EAAMoC,YAAYC,KAAK,OAAQ,CAC5E3B,SAAU,OACVR,SAAU,OACVa,UAAW,SAEfjB,IACAG,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIlC,GAAS,CAAEI,MAAOL,EAAMM,QAAQe,KAAKC,WAE9EvB,IACAE,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAES,SAAU,OAAQR,SAAU,OAAQa,UAAW,MAAO,oBAAqB,CACvHL,SAAU,kBACVqB,MAAO,OACPH,OAAQ,WAGb3B,CAAM"}

package/components/tab/tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.js","sources":["../../../src/components/tab/tabs.tsx"],"sourcesContent":[null],"names":["TabsContext","React","createContext","activeTab","updateActiveTab","noop","smallSize","Tabs","_a","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","props","__rest","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","mouseDown","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","SecondaryNavigationTabs","val","Provider","_jsxs","TabsStyled","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label","styled","MuiTabs","shouldForwardProp","prop","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","border","paddingLeft","paddingRight"],"mappings":"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"}
1	+ {"version":3,"file":"tabs.js","sources":["../../../src/components/tab/tabs.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport MuiTabs from '@mui/material/Tabs';\nimport { styled } from '@mui/material/styles';\nimport { SecondaryNavigationTabs } from './secondaryNavigation/secondaryNavigationTabs';\nimport { MenuTab } from './menuTab';\nimport useTabs from './hook/useTabs';\nimport { useTheme } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport noop from 'lodash/noop';\nexport const TabsContext = React.createContext({\n activeTab: null,\n updateActiveTab: noop,\n smallSize: false,\n});\n/*\n @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props TabsProps\n * @returns React Functional Component\n /\nexport const Tabs = (_a) => {\n var { handleChange, defaultActiveTab, smallSize, variantSecondaryNavigation, children, sx, classes, labelMoreItem = 'More', activeTab } = _a, props = __rest(_a, [\"handleChange\", \"defaultActiveTab\", \"smallSize\", \"variantSecondaryNavigation\", \"children\", \"sx\", \"classes\", \"labelMoreItem\", \"activeTab\"]);\n const [currentActiveTab, setCurrentActiveTab] = useState(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n const [windowWidth, setWindowWidth] = useState(null);\n const [isMobileView, setIsMobileView] = useState(false);\n const [menuChildren, setMenuChildren] = useState([]);\n const [mouseDown, setMouseDown] = useState(false);\n const [activeMenuItem, setActiveMenuItem] = useState(false);\n const moreBtnRef = useRef(null);\n const tabsRef = useRef(null);\n const { handleOverflowingTabs, handleIsMobileView } = useTabs();\n const theme = useTheme();\n const updateActiveTab = useCallback((value, fromMenu) => {\n setActiveMenuItem(fromMenu);\n setCurrentActiveTab(value);\n }, []);\n const handleMobileView = useCallback(() => {\n handleIsMobileView(variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth);\n }, [handleIsMobileView, isMobileView, variantSecondaryNavigation]);\n useEffect(() => {\n setCurrentActiveTab(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n }, [activeTab, defaultActiveTab]);\n useEffect(() => {\n handleMobileView();\n window.addEventListener('resize', handleMobileView);\n return () => {\n window.removeEventListener('resize', handleMobileView);\n };\n });\n useEffect(() => {\n handleChange && handleChange(currentActiveTab);\n }, [currentActiveTab, handleChange]);\n //Set the initial more btn menu list\n useEffect(() => {\n setMenuChildren(React.Children.toArray(children));\n }, [children]);\n //on screen resize: if the more btn is rendered, handle the more btn menu and the overflowing tabs\n useEffect(() => {\n if (moreBtnRef && moreBtnRef.current) {\n handleOverflowingTabs(tabsRef, windowWidth, children, setMenuChildren);\n }\n }, [windowWidth, handleOverflowingTabs, children]);\n useEffect(() => {\n document.addEventListener('mousedown', function () {\n setMouseDown(true);\n });\n document.addEventListener('keydown', function () {\n setMouseDown(false);\n });\n }, []);\n useEffect(() => { }, [props]);\n return (_jsx(_Fragment, { children: variantSecondaryNavigation && isMobileView ? (_jsx(SecondaryNavigationTabs, { labelMoreItem: labelMoreItem, currentActiveTab: currentActiveTab, setCurrentActiveTab: (val) => setCurrentActiveTab(val), children: children })) : (_jsx(TabsContext.Provider, { value: { activeTab: currentActiveTab, updateActiveTab, smallSize }, children: _jsxs(TabsStyled, { ref: tabsRef, variant: windowWidth <= theme.breakpoints.values.lg ? 'scrollable' : 'fullWidth', scrollButtons: false, smallSize: smallSize, value: activeMenuItem ? 'more' : currentActiveTab, mouseDown: mouseDown, sx: sx, classes: classes, children: [children, _jsx(MenuTab, { value: \"more\", ref: moreBtnRef, label: labelMoreItem, children: menuChildren })] }) })) }));\n};\n/\n @description Tabs styling definition based on props\n /\nconst TabsStyled = styled(MuiTabs, {\n shouldForwardProp: (prop) => prop !== 'variantSecondaryNavigation' && prop !== 'smallSize' && prop !== 'mouseDown',\n})((_a) => {\n var { isActive, theme } = _a, props = __rest(_a, [\"isActive\", \"theme\"]);\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { boxSizing: 'border-box', '& ': {\n boxSizing: 'border-box',\n }, '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n width: '100%',\n },\n '& > .MuiTabs-indicator': {\n height: '3px',\n backgroundColor: flowColors.brand.primary,\n },\n '& > div > .MuiTab-root': {\n marginLeft: '56px',\n },\n } });\n if (props.smallSize) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': {\n '& > div > .MuiTab-root:last-child': {\n marginRight: '10px',\n },\n '& > div': {\n marginLeft: '2px',\n },\n '& > div > .MuiTab-root': {\n marginLeft: '40px',\n '&:after': {\n bottom: '-11px',\n },\n },\n }, '& .MuiTabs-indicator': {\n backgroundColor: flowColors.brand.primary,\n } });\n }\n if (props.mouseDown) {\n styles = Object.assign(Object.assign({}, styles), { '& > div': Object.assign(Object.assign({}, styles['& > div']), { '& > div > .MuiTab-root': Object.assign(Object.assign({}, styles['& > div']['& > div > .MuiTab-root']), { '&:focus': {\n border: 0,\n paddingLeft: 0,\n paddingRight: 0,\n } }) }) });\n }\n return styles;\n});\n//# sourceMappingURL=tabs.js.map"],"names":["TabsContext","React","createContext","activeTab","updateActiveTab","noop","smallSize","Tabs","_a","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","props","__rest","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","mouseDown","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","SecondaryNavigationTabs","val","Provider","_jsxs","TabsStyled","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label","styled","MuiTabs","shouldForwardProp","prop","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","border","paddingLeft","paddingRight"],"mappings":"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"}

package/components/textArea/hook/useTextAreaEffect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTextAreaEffect.js","sources":["../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":[~~null~~],"names":["useTextAreaEffect","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"~~kCAEa~~,~~MAAAA~~,EAAoB,~~CAC/BC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~KAGAC~~,GAAU,~~MACHP~~,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,~~IACxEJ~~,GAAY,~~EACb~~,~~GACA~~,CAACJ,EAAcC,EAAOG,~~IAGzBG~~,GAAU,~~KACJN~~,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,~~IAC/CG~~,EAAgBJ,GAChBG,GAAY,~~GACb~~,~~GACA~~,CAACH,EAAOC,EAAUG,EAAiBD,~~IAEtCG~~,GAAU,~~KACRD~~,EAAcH,EAAS,~~GACtB~~,CAACA,EAAUG,GAAe"}
1	+ {"version":3,"file":"useTextAreaEffect.js","sources":["../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":["import { useEffect } from 'react';\nexport const useTextAreaEffect = (currentValue, value, maxChars, required, setIsShrunk, setCurrentValue, setIsRequired) => {\n //If the input text is filled make the label shrink\n useEffect(() => {\n if ((currentValue && currentValue.length > 0) \|\| (value && value.length > 0)) {\n setIsShrunk(true);\n }\n }, [currentValue, value, setIsShrunk]);\n //If value passed from outside exists, set the label shrinked and set the current value to show\n useEffect(() => {\n if (value && value.length > 0 && value.length <= maxChars) {\n setCurrentValue(value);\n setIsShrunk(true);\n }\n }, [value, maxChars, setCurrentValue, setIsShrunk]);\n useEffect(() => {\n setIsRequired(required);\n }, [required, setIsRequired]);\n};\n//# sourceMappingURL=useTextAreaEffect.js.map"],"names":["useTextAreaEffect","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"kCACY,MAACA,EAAoB,CAACC,EAAcC,EAAOC,EAAUC,EAAUC,EAAaC,EAAiBC,KAErGC,GAAU,MACDP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACtEJ,GAAY,EACf,GACF,CAACJ,EAAcC,EAAOG,IAEzBG,GAAU,KACFN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC7CG,EAAgBJ,GAChBG,GAAY,GACf,GACF,CAACH,EAAOC,EAAUG,EAAiBD,IACtCG,GAAU,KACND,EAAcH,EAAS,GACxB,CAACA,EAAUG,GAAe"}

package/components/textArea/textArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textArea.js","sources":["../../../src/components/textArea/textArea.tsx"],"sourcesContent":[null],"names":["TextArea","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","setIsRequired","handleOnChangeWithUseCallback","useCallback","e","maxChars","inputValue","target","length","onChangeHandler","handleOnBlurWithUseCallback","event","onBlurHandler","noop","handleOnFocusWithUseCallback","onFocusHandler","useTextAreaEffect","required","_jsx","TextField","Object","assign","multiline","InputLabelProps","shrink","focused","hiddenLabel","error","hasError","disabled","helperText","HelperText","helpText"],"mappings":"~~qTAkBA~~,~~MA0CaA~~,EAAWC,~~GACtB~~,CAACC,~~EAAwEC~~,~~SAAxEC~~,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,~~GAAKR~~,~~EAAKS~~,~~EAAKC~~,~~EAAAV~~,~~EAApE~~,~~6DACC~~,MAAOW,EAAcC,GAAmBC,EAAS,KAC1CC,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,KAClCK,GAAiBL,GAAS,~~GAE7BM~~,EAAgCC,~~GACnCC~~,~~IAlDiB~~,~~EACtBA~~,~~EACAC~~,~~EACAV~~,~~EACAP~~,~~KAEA~~,MAAMkB,EAAaF,EAAEG,OAAOhB,~~QAEvBc~~,GAAYA,EAAW,GAAMA,GAAYC,EAAWE,QAAUH,~~KACjEV~~,EAAgBW,GAChBlB,GAAYA,EAASgB,~~GACtB~~,~~EAwCKK~~,CAAgBL,EAAGZ,EAAMa,SAAUV,EAAiBP,EAAS,~~GAE/D~~,CAACI,EAAMa,SAAUjB,~~IAGbsB~~,EAA8BP,~~GACjCQ~~,~~IAzCe~~,~~EACpBjB~~,~~EACAI~~,~~EACAE~~,~~EACAX~~,~~KAEAS~~,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,~~EAkCZuB~~,CAAclB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOsB,GAASE,KAAQ,~~GAEjG~~,CAACnB,EAAcL,~~IAGXyB~~,EAA+BX,~~GAClCQ~~,~~IAnCgB~~,~~EACrBb~~,~~EACAE~~,~~EACAV~~,~~KAEAU~~,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,~~EA6BdyB~~,CAAejB,EAAaE,GAAc,IAAOV,EAAUA,EAAQqB,GAASE,KAAQ,~~GAEtF~~,CAACvB,~~IAKH~~,~~OAFA0B~~,EAAkBtB,EAAcH,EAAOC,EAAMa,SAAUb,EAAMyB,SAAUnB,EAAaH,EAAiBM,~~GAGnGiB~~,~~EAACC~~,~~EAASC~~,~~OAAAC~~,~~OAAA~~,CAAA,~~EACJ7B~~,~~EACJ~~,~~CAAAJ~~,SAAUc,~~EACVX~~,MAAOG,~~EACPJ~~,QAASwB,~~EACTQ~~,~~WACA~~,~~EAAAC~~,gBAAiB,~~CACfC~~,OAAQ3B,~~GAEVR~~,OAAQqB,~~EACRe~~,QAAS1B,~~EACTZ~~,MAAOA,GAAgB,~~KACvBuC~~,aAAcvC,~~EACdF~~,KAAMA,~~EACND~~,IAAKA,~~EACLE~~,GAAIA,~~EACJyC~~,MAAOnC,EAAMoC,~~SACbC~~,SAAUrC,EAAMqC,~~SAChBC~~,WAAYZ,~~EAACa~~,~~EAAW~~,~~CAAA1B~~,SAAUb,EAAMa,SAAUX,aAAcA,EAAcsC,SAAUxC,EAAMwC,~~aAEhG~~"}
1	+ {"version":3,"file":"textArea.js","sources":["../../../src/components/textArea/textArea.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { TextField } from '@mui/material';\nimport noop from 'lodash/noop';\nimport { forwardRef, useCallback, useState } from 'react';\nimport HelperText from '../common/helperText';\nimport { useTextAreaEffect } from './hook/useTextAreaEffect';\n/*\n @description SkodaFlow TextArea component.\n * Properties are inherited from HTML Div element.\n * @param props TextInputProps\n * @returns React Functional Component\n /\n//-Set the currentValue state useful for:\n//1. Count the number of the characters in the helpertext\n//2. make the label shrinked while the text input is filled\n//- trigger onChange callblack from outside\nconst onChangeHandler = (e, maxChars, setCurrentValue, onChange) => {\n const inputValue = e.target.value;\n if (!maxChars \|\| maxChars < 0 \|\| (maxChars && inputValue.length <= maxChars)) {\n setCurrentValue(inputValue);\n onChange && onChange(e);\n }\n};\n//Set the label shrinked if there's value in the input\n//Then call the onBlur callback from the outside\nconst onBlurHandler = (currentValue, setIsShrunk, setIsFocused, onBlur) => {\n setIsShrunk(currentValue ? true : false);\n setIsFocused(false);\n onBlur && onBlur();\n};\n//Set the label shrinked\n//Then call the onFocus callback from outside\nconst onFocusHandler = (setIsShrunk, setIsFocused, onFocus) => {\n setIsFocused(true);\n setIsShrunk(true);\n onFocus && onFocus();\n};\n/\n @deprecated This component is deprecated. Use themed TextField component from @mui/material with multiline prop set to true.\n */\nexport const TextArea = forwardRef((_a, ref) => {\n var { name, id, label = null, onChange, onBlur, onFocus, value } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\"]);\n const [currentValue, setCurrentValue] = useState('');\n const [isShrunk, setIsShrunk] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n const [, setIsRequired] = useState(false);\n const handleOnChangeWithUseCallback = useCallback((e) => {\n onChangeHandler(e, props.maxChars, setCurrentValue, onChange);\n }, [props.maxChars, onChange]);\n const handleOnBlurWithUseCallback = useCallback((event) => {\n onBlurHandler(currentValue, setIsShrunk, setIsFocused, () => (onBlur ? onBlur(event) : noop()));\n }, [currentValue, onBlur]);\n const handleOnFocusWithUseCallback = useCallback((event) => {\n onFocusHandler(setIsShrunk, setIsFocused, () => (onFocus ? onFocus(event) : noop()));\n }, [onFocus]);\n useTextAreaEffect(currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n return (_jsx(TextField, Object.assign({}, props, { onChange: handleOnChangeWithUseCallback, value: currentValue, onFocus: handleOnFocusWithUseCallback, multiline: true, InputLabelProps: {\n shrink: isShrunk,\n }, onBlur: handleOnBlurWithUseCallback, focused: isFocused, label: label ? label : null, hiddenLabel: !label, name: name, ref: ref, id: id, error: props.hasError, disabled: props.disabled, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })));\n});\n//# sourceMappingURL=textArea.js.map"],"names":["TextArea","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","setIsRequired","handleOnChangeWithUseCallback","useCallback","e","maxChars","inputValue","target","length","onChangeHandler","handleOnBlurWithUseCallback","event","onBlurHandler","noop","handleOnFocusWithUseCallback","onFocusHandler","useTextAreaEffect","required","_jsx","TextField","Object","assign","multiline","InputLabelProps","shrink","focused","hiddenLabel","error","hasError","disabled","helperText","HelperText","helpText"],"mappings":"qTAiBA,MAwBaA,EAAWC,GAAW,CAACC,EAAIC,KACpC,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,GAAUR,EAAIS,EAAQC,EAAOV,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,UACnJ,MAAOW,EAAcC,GAAmBC,EAAS,KAC1CC,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,KAClCK,GAAiBL,GAAS,GAC7BM,EAAgCC,GAAaC,IA9B/B,EAACA,EAAGC,EAAUV,EAAiBP,KACnD,MAAMkB,EAAaF,EAAEG,OAAOhB,QACvBc,GAAYA,EAAW,GAAMA,GAAYC,EAAWE,QAAUH,KAC/DV,EAAgBW,GAChBlB,GAAYA,EAASgB,GACxB,EA0BGK,CAAgBL,EAAGZ,EAAMa,SAAUV,EAAiBP,EAAS,GAC9D,CAACI,EAAMa,SAAUjB,IACdsB,EAA8BP,GAAaQ,IAxB/B,EAACjB,EAAcI,EAAaE,EAAcX,KAC5DS,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,EAsBduB,CAAclB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOsB,GAASE,KAAQ,GAChG,CAACnB,EAAcL,IACZyB,EAA+BX,GAAaQ,IApB/B,EAACb,EAAaE,EAAcV,KAC/CU,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,EAkBhByB,CAAejB,EAAaE,GAAc,IAAOV,EAAUA,EAAQqB,GAASE,KAAQ,GACrF,CAACvB,IAEJ,OADA0B,EAAkBtB,EAAcH,EAAOC,EAAMa,SAAUb,EAAMyB,SAAUnB,EAAaH,EAAiBM,GAC7FiB,EAAKC,EAAWC,OAAOC,OAAO,CAAA,EAAI7B,EAAO,CAAEJ,SAAUc,EAA+BX,MAAOG,EAAcJ,QAASwB,EAA8BQ,WAAW,EAAMC,gBAAiB,CAClLC,OAAQ3B,GACTR,OAAQqB,EAA6Be,QAAS1B,EAAWZ,MAAOA,GAAgB,KAAMuC,aAAcvC,EAAOF,KAAMA,EAAMD,IAAKA,EAAKE,GAAIA,EAAIyC,MAAOnC,EAAMoC,SAAUC,SAAUrC,EAAMqC,SAAUC,WAAYZ,EAAKa,EAAY,CAAE1B,SAAUb,EAAMa,SAAUX,aAAcA,EAAcsC,SAAUxC,EAAMwC,aAAiB"}

package/components/textInput/hook/useTextInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTextInput.js","sources":["../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":[null],"names":["useTextInput","label","isRequired","placeholder","type","handleOnBlur","useCallback","event","setIsShrunk","setIsFocused","onBlur","currentValue","handleOnFocus","onFocus","handlePlaceholder","useMemo","handleOnChange","e","maxChars","onChange","setCurrentValue","inputValue","target","value","length"],"mappings":"~~iDAEO~~,~~MAAMA~~,EAAe,CAACC,EAAOC,EAAYC,EAAaC,~~KAE3D~~,MAAMC,EAAeC,~~GACnB~~,~~CACEC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~KAEAH~~,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,~~GAEzB~~,~~IAIIK~~,EAAgBN,~~GACpB~~,CAACC,~~EAAiEE~~,EAAcD,EAAaK,~~KAC3FJ~~,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,~~GAE3B~~,~~IAGIO~~,EAAoBC,GAAQ,~~IAC3Bd~~,~~EAES~~,~~KADLC~~,EAAa,GAAGC,KAAiBA,~~GAEzC~~,CAACD,EAAYD,EAAOE,~~IAcvB~~,MAAO,~~CACLE~~,eACAO,gBACAI,~~eAdqBV~~,~~GACrB~~,CAACW,~~EAA8DC~~,EAAUC,EAAUC,~~KACjF~~,MAAMC,EAAaJ,EAAEK,OAAOC,OACf,WAATnB,IAAsBc,GAAYA,EAAW,GAAMA,GAAYG,EAAWG,QAAUN,~~KACtFE~~,EAAgBC,GAChBF,GAAYA,EAASF,~~GACtB~~,~~GAEH~~,CAACb,~~IAODU~~,~~oBACD~~"}
1	+ {"version":3,"file":"useTextInput.js","sources":["../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nexport const useTextInput = (label, isRequired, placeholder, type) => {\n //Set the label shrinked if there's value in the input, then call the onBlur callback from the outside\n const handleOnBlur = useCallback((event, setIsShrunk, setIsFocused, onBlur, currentValue) => {\n setIsShrunk(!!currentValue);\n setIsFocused(false);\n onBlur && onBlur(event);\n }, []);\n //Set the label shrinked, then call the onFocus callback from outside\n const handleOnFocus = useCallback((event, setIsFocused, setIsShrunk, onFocus) => {\n setIsFocused(true);\n setIsShrunk(true);\n onFocus && onFocus(event);\n }, []);\n const handlePlaceholder = useMemo(() => {\n if (!label) {\n return isRequired ? `${placeholder}*` : placeholder;\n }\n else\n return null;\n }, [isRequired, label, placeholder]);\n //-Set the current value and make the labek shrink\n const handleOnChange = useCallback((e, maxChars, onChange, setCurrentValue) => {\n const inputValue = e.target.value;\n if (type === 'number' \|\| !maxChars \|\| maxChars < 0 \|\| (maxChars && inputValue.length <= maxChars)) {\n setCurrentValue(inputValue);\n onChange && onChange(e);\n }\n }, [type]);\n return {\n handleOnBlur,\n handleOnFocus,\n handleOnChange,\n handlePlaceholder,\n };\n};\n//# sourceMappingURL=useTextInput.js.map"],"names":["useTextInput","label","isRequired","placeholder","type","handleOnBlur","useCallback","event","setIsShrunk","setIsFocused","onBlur","currentValue","handleOnFocus","onFocus","handlePlaceholder","useMemo","handleOnChange","e","maxChars","onChange","setCurrentValue","inputValue","target","value","length"],"mappings":"iDACY,MAACA,EAAe,CAACC,EAAOC,EAAYC,EAAaC,KAEzD,MAAMC,EAAeC,GAAY,CAACC,EAAOC,EAAaC,EAAcC,EAAQC,KACxEH,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,GACxB,IAEGK,EAAgBN,GAAY,CAACC,EAAOE,EAAcD,EAAaK,KACjEJ,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,GAC1B,IACGO,EAAoBC,GAAQ,IACzBd,EAIM,KAHAC,EAAa,GAAGC,KAAiBA,GAI7C,CAACD,EAAYD,EAAOE,IASvB,MAAO,CACHE,eACAO,gBACAI,eAVmBV,GAAY,CAACW,EAAGC,EAAUC,EAAUC,KACvD,MAAMC,EAAaJ,EAAEK,OAAOC,OACf,WAATnB,IAAsBc,GAAYA,EAAW,GAAMA,GAAYG,EAAWG,QAAUN,KACpFE,EAAgBC,GAChBF,GAAYA,EAASF,GACxB,GACF,CAACb,IAKAU,oBACH"}

package/components/textInput/hook/useTextInputEffect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTextInputEffect.js","sources":["../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":[null],"names":["useTextInputEffect","inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"~~kCAEa~~,~~MAAAA~~,EAAqB,~~CAChCC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~EACAC~~,~~KAGAC~~,GAAU,~~MACHP~~,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,~~IACxEJ~~,GAAY,~~EACb~~,~~GACA~~,CAACJ,EAAcI,EAAaH,~~IAG~~/BM,GAAU,~~KACJN~~,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,~~IAC/CG~~,EAAgBJ,GAChBG,GAAY,~~GACb~~,~~GACA~~,CAACH,EAAOC,EAAUG,EAAiBD,~~IAEtCG~~,GAAU,~~KACRD~~,EAAcH,EAAS,~~GACtB~~,CAACA,EAAUG,~~IAEdC~~,GAAU,~~KACHX~~,GAAaA,EAASa,~~SAC3BZ~~,EAAcD,EAASa,QAAQC,YAAc,KAAK,~~GACjD~~,CAACd,EAAUE,EAAWC,EAAOF,~~IAEhCU~~,GAAU,~~KACR~~,IAAKX,IAAaA,EAASa,~~QAAS~~,~~OAEpC~~,MAAME,EAAW,~~WAAM~~,~~OAAAd~~,~~WAAce~~,~~EAAAhB~~,EAASa,~~8BAASC~~,~~aAAc~~,KAAK,~~EAM1E~~,~~OAJAG~~,OAAOC,iBAAiB,QAAQ,~~WAC9BH~~,~~GACF~~,~~IAEO~~,~~KACLE~~,OAAOE,oBAAoB,OAAQJ,EAAS,~~CAC7C~~,~~GACA~~,CAACf,EAAUC,GAAe"}
1	+ {"version":3,"file":"useTextInputEffect.js","sources":["../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":["import { useEffect } from 'react';\nexport const useTextInputEffect = (inputRef, setInputWidth, fullWidth, width, currentValue, value, maxChars, required, setIsShrunk, setCurrentValue, setIsRequired) => {\n //If the input text is filled make the label shrink\n useEffect(() => {\n if ((currentValue && currentValue.length > 0) \|\| (value && value.length > 0)) {\n setIsShrunk(true);\n }\n }, [currentValue, setIsShrunk, value]);\n //If value passed from outside exists, set the label shrinked and set the current value to show\n useEffect(() => {\n if (value && value.length > 0 && value.length <= maxChars) {\n setCurrentValue(value);\n setIsShrunk(true);\n }\n }, [value, maxChars, setCurrentValue, setIsShrunk]);\n useEffect(() => {\n setIsRequired(required);\n }, [required, setIsRequired]);\n useEffect(() => {\n if (!inputRef \|\| !inputRef.current)\n return;\n setInputWidth(inputRef.current.offsetWidth + 'px');\n }, [inputRef, fullWidth, width, setInputWidth]);\n useEffect(() => {\n if (!inputRef \|\| !inputRef.current)\n return;\n const setWidth = () => { var _a; return setInputWidth(((_a = inputRef.current) === null \|\| _a === void 0 ? void 0 : _a.offsetWidth) + 'px'); };\n window.addEventListener('load', function () {\n setWidth();\n });\n return () => {\n window.removeEventListener('load', setWidth);\n };\n }, [inputRef, setInputWidth]);\n};\n//# sourceMappingURL=useTextInputEffect.js.map"],"names":["useTextInputEffect","inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"kCACY,MAACA,EAAqB,CAACC,EAAUC,EAAeC,EAAWC,EAAOC,EAAcC,EAAOC,EAAUC,EAAUC,EAAaC,EAAiBC,KAEjJC,GAAU,MACDP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACtEJ,GAAY,EACf,GACF,CAACJ,EAAcI,EAAaH,IAE/BM,GAAU,KACFN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC7CG,EAAgBJ,GAChBG,GAAY,GACf,GACF,CAACH,EAAOC,EAAUG,EAAiBD,IACtCG,GAAU,KACND,EAAcH,EAAS,GACxB,CAACA,EAAUG,IACdC,GAAU,KACDX,GAAaA,EAASa,SAE3BZ,EAAcD,EAASa,QAAQC,YAAc,KAAK,GACnD,CAACd,EAAUE,EAAWC,EAAOF,IAChCU,GAAU,KACN,IAAKX,IAAaA,EAASa,QACvB,OACJ,MAAME,EAAW,KAAQ,IAAIC,EAAI,OAAOf,GAA2C,QAA3Be,EAAKhB,EAASa,eAA4B,IAAPG,OAAgB,EAASA,EAAGF,aAAe,KAAK,EAI3I,OAHAG,OAAOC,iBAAiB,QAAQ,WAC5BH,GACZ,IACe,KACHE,OAAOE,oBAAoB,OAAQJ,EAAS,CAC/C,GACF,CAACf,EAAUC,GAAe"}