@skodaflow/web-library 4.0.3 → 4.2.0

package/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":[null],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","Icon","className","Pagination","React","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","ternaryCondition","components","first","fontSize","last","previous","_Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"oiBAoHA,MAAMA,EAAoB,CAACC,EAAiBC,IAEzB,KAAfD,GACuB,iBAAfA,GAA2BA,EAAa,EAAI,GAAKA,EAAa,GAAKC,GAC1C,iBAAzBC,SAASF,IAA4BE,SAASF,GAAc,GAAKE,SAASF,IAAeC,EAI/FE,EAAmB,CACvBC,EACAC,EACAC,EACAC,EACAC,EACAC,IAEAC,EAACC,EAAW,CAAAC,QAAQ,WAAWP,QAASA,EAASC,SAAUA,EACxDO,SAAA,CAAc,YAAdN,IAA4BC,GAAaC,EAC1CK,EAACC,EAAK,CAAAC,UAAWZ,IACF,SAAdG,IAAyBC,GAAaC,KAI9BQ,EAAaC,EAAMC,YAC9B,CACEC,EAeAC,KAfA,IAAApB,MACEA,EAAKqB,WACLA,EAAUC,KACVA,EAAIC,gBACJA,EAAeC,gBACfA,EAAeC,YACfA,EAAWC,eACXA,EAAcC,eACdA,EAAcC,gBACdA,EAAeC,eACfA,EAAcC,WACdA,EAAUC,cACVA,GAAaZ,EACVa,EAbLC,EAAAd,EAAA,CAAA,QAAA,aAAA,OAAA,kBAAA,kBAAA,cAAA,iBAAA,iBAAA,kBAAA,iBAAA,aAAA,kBAiBA,MAAMe,EAAcT,GAAe,GAC5BU,EAAmBC,GAAwBC,EAAcH,IACzDI,EAAcC,GAAmBF,GAAS,IAC1CG,EAAqBC,GAA0BJ,IAEtDK,GAAU,KACRP,GAAqBJ,GAAiBA,EAAcI,EAAkB,GACrE,CAACA,EAAmBJ,IAEvBW,GAAU,KACRJ,EAAeC,GAAgB,GAASjB,IAASD,GAAce,EAAqBd,EAAK,GACxF,CAACD,EAAYiB,EAAchB,IAE9B,MAAMqB,EAAeC,GAAY,CAACC,EAAmC9C,KACnEqC,EAAqBrC,EAAW,GAC/B,IAgGH,OACEU,EAACqC,EAAgB,CAAA,cAAa,qBAAoBlC,SAAA,CAvClDC,EAACkC,EACCC,OAAAC,OAAA,CAAAlC,UAAU,eACNiB,EACJ,CAAAkB,MAAM,UACNlD,MAAOA,EACPK,SAAUgB,EACVC,KAAMa,EACNT,eAAgBA,EAChBC,eAAgBA,EAChBwB,iBAAkBvB,EAClBwB,gBAAiBvB,EACjBT,IAAKA,EACLiC,SAAUV,EACVW,WAAaC,GACX1C,EAAC2C,iBACCzC,UAAW0C,EAAiB9B,GAAgB,EAAO,qBAAsB,IACzE+B,WAAY,CACVC,MAAO,IAAM9C,EAACC,EAAI,CAACC,UAAW,gBAAiB6C,SAAS,UACxDC,KAAM,IAAMhD,EAACC,EAAI,CAACC,UAAW,YAAa6C,SAAS,UACnDE,SAAU,IACRrD,EACEsD,EAAA,CAAAnD,SAAA,CAAAC,EAACC,EAAI,CAACC,UAAW,eAAgB6C,SAAS,UAC1C/C,EAAGkD,EAAA,CAAAnD,SAAAW,OAGPyC,KAAM,IACJvD,EACEsD,EAAA,CAAAnD,SAAA,CAAAC,EAAAkD,EAAA,CAAAnD,SAAGY,IACHX,EAACC,EAAK,CAAAC,UAAW,gBAAiB6C,SAAS,eAI7CL,OAQe,IAnFzB1C,EAAA,MAAA,CACEoD,MAAO,CAAEC,QAAS,OAAQC,cAAe,UACzCpD,UAAW,eAAcM,EAAa,qBAAuB,IAAIT,SAEjEH,EAAK,MAAA,CAAAM,UAAU,kBACZH,SAAA,CAAAV,EACC,oBACA,IAAMJ,EAAkBqC,EAAoB,EAAGnC,IAAUoC,EAAqB,KAC7EtC,EAAkBqC,EAAoB,EAAGnC,IAE3CE,EACC,gBACA,IAAMJ,EAAkBqC,EAAoB,EAAGnC,IAAUoC,EAAqBD,EAAoB,KACjGrC,EAAkBqC,EAAoB,EAAGnC,GAC1C,OACA8B,EACAP,GAEFV,EAACuD,EACC,CAAArD,UAAU,qBACVsD,MAAOlC,EACPmC,WAAY,CAAEC,UAAW,UAAWC,QAAS,MAAMxE,OACnDqD,SAAWoB,GAnCO,CAACC,IACT,KAAZA,IACFjC,EAAuBN,GACvBC,EAAqBsC,IAEvB,MAAMC,EAAY1E,SAASyE,GACF,iBAAdC,GAA0B7E,EAAkB6E,EAAW3E,KAChEyC,EAAuBkC,GACvBvC,EAAqBuC,GACtB,EA0B6BC,CAAkBH,EAAII,OAAOR,OACrDS,OAAQ,IAA4B,KAAtB3C,GAA4BC,EAAqBI,KAEhEtC,EACC,iBACA,IAAMJ,EAAkBqC,EAAoB,EAAGnC,IAAUoC,EAAqBD,EAAoB,KACjGrC,EAAkBqC,EAAoB,EAAGnC,GAC1C,UACA8B,EACAN,GAEDtB,EACC,gBACA,IAAMJ,EAAkBqC,EAAoB,EAAGnC,IAAUoC,EAAqBpC,KAC7EF,EAAkBqC,EAAoB,EAAGnC,WAiDhD,IAOA8C,EAAmBiC,EAAO,MAAPA,EAA+B,EAAGC,YACzD,IAAIf,EAAQ,CAAA,EACZ,MAAMgB,EAAY,CAChBC,WAAY,SACZhB,QAAS,OACTiB,eAAgB,SAChBC,MAAO,QAkGT,OA/FAnB,EAAQ,CACN,CAACe,EAAMK,YAAYC,GAAG,OAAQ,CAC5B,gBAAiB,CACfpB,QAAS,mBAGb,CAACc,EAAMK,YAAYE,KAAK,OAAQ,CAC9B,iBAAkB,CAChBrB,QAAS,mBAGb,iBAAkB,CAChB,yBAA0B,CACxBsB,YAAa,MACbtB,QAAS,eAEX,uBAAwB,CACtBuB,WAAY,MACZvB,QAAS,gBAGb,gBAAelB,OAAAC,OAAAD,OAAAC,OAAA,GACVgC,GACH,CAAAd,cAAe,SACfuB,SAAU,SACV,qBAAoB1C,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACfgC,GACH,CAAAS,SAAU,WAEZ,wBAAyB,CACvBC,OAAQ,OACRC,OAAQ,SACR,oBAAqB,CACnBC,gBAAiBC,EAAWC,YAAYC,QACxCC,OAAQ,EACRC,aAAc,MACdtC,SAAU,OACVuC,WAAY,MACZR,OAAQ,OACRS,WAAY,OACZC,SAAU,OACVC,SAAU,OACVC,QAAS,QACTC,UAAW,SACXC,MAAOX,EAAWY,KAAKV,SAEzB,aAAc,CACZW,WAAY,UAEd,QAAS,CACP,YAAa,CACXC,aAAc,GAEhB,WAAY,CACVA,aAAc,KAIpB,yBAA0B,CACxB,gBAAiB,CACfH,MAAOX,EAAWY,KAAKV,QACvBpC,SAAU,OACVuC,WAAY,MACZC,WAAY,QAEd,yBAA0B,CACxBZ,YAAa,MACbtB,QAAS,eAEX,uBAAwB,CACtBuB,WAAY,MACZvB,QAAS,eAEX,kBAAmB,CACjBN,SAAU,OACVwB,MAAO,OACPO,OAAQ,SAGZ,mBAAoB,CAClBc,MAAOX,EAAWY,KAAKV,QACvBpC,SAAU,OACVuC,WAAY,MACZC,WAAY,OACZS,UAAW,OAEb,uBAAwB,CACtBC,cAAe,OACf,+DAAgE,CAC9DL,MAAOX,EAAWzF,SAAS2F,aAM5B/B,CAAK"}
+{"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport MuiPagination from '@mui/material/Pagination';\nimport MuiPaginationItem from '@mui/material/PaginationItem';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ternaryCondition } from '../../utils/utilities';\nimport { IconButton } from '../iconButton';\nimport { Icon } from '../icon';\n/**\n * @description SkodaFlow Pagination component.\n * Properties are inherited from HTML div Attribetes element.\n * @param props PaginationProps\n * @returns React Functional Component\n */\nconst isPageNumberValid = (pageNumber, count) => {\n    return (pageNumber === '' ||\n        (typeof pageNumber === 'number' && pageNumber - 1 > 0 && pageNumber + 1 <= count) ||\n        (typeof parseInt(pageNumber) === 'number' && parseInt(pageNumber) > 0 && parseInt(pageNumber) <= count));\n};\nconst mobileIconButton = (muiIcon, onClick, disabled, direction, hideLabel, label) => (_jsxs(IconButton, { variant: \"standard\", onClick: onClick, disabled: disabled, children: [direction === 'forward' && !hideLabel && label, _jsx(Icon, { className: muiIcon }), direction === 'back' && !hideLabel && label] }));\nexport const Pagination = forwardRef((_a, ref) => {\n    var { count, isDisabled, page, prevButtonLabel, nextButtonLabel, defaultPage, hideNextButton, hidePrevButton, hideFirstButton, hideLastButton, hideLabels, onValueChange } = _a, props = __rest(_a, [\"count\", \"isDisabled\", \"page\", \"prevButtonLabel\", \"nextButtonLabel\", \"defaultPage\", \"hideNextButton\", \"hidePrevButton\", \"hideFirstButton\", \"hideLastButton\", \"hideLabels\", \"onValueChange\"]);\n    const initialPage = defaultPage || 1;\n    const [currentPageNumber, setCurrentPageNumber] = useState(initialPage);\n    const [isFirstMount, setIsFirstMount] = useState(true);\n    const [prevStatePageNumber, setPrevStatePageNumber] = useState();\n    useEffect(() => {\n        currentPageNumber && onValueChange && onValueChange(currentPageNumber);\n    }, [currentPageNumber, onValueChange]);\n    useEffect(() => {\n        isFirstMount ? setIsFirstMount(false) : page && !isDisabled && setCurrentPageNumber(page);\n    }, [isDisabled, isFirstMount, page]);\n    const handleChange = useCallback((event, pageNumber) => {\n        setCurrentPageNumber(pageNumber);\n    }, []);\n    const handleValueChange = (payload) => {\n        if (payload === '') {\n            setPrevStatePageNumber(currentPageNumber);\n            setCurrentPageNumber(payload);\n        }\n        const castToNum = parseInt(payload);\n        if (typeof castToNum === 'number' && isPageNumberValid(castToNum, count)) {\n            setPrevStatePageNumber(castToNum);\n            setCurrentPageNumber(castToNum);\n        }\n    };\n    const mobilePagination = () => (_jsx(\"div\", { style: { display: 'flex', flexDirection: 'column' }, className: `mobileView ${isDisabled ? 'paginationDisabled' : ''}`, children: _jsxs(\"div\", { className: \"mobileContainer\", children: [mobileIconButton('chevron-previous', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(1), !isPageNumberValid(currentPageNumber - 1, count)), mobileIconButton('cehvron-left', () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(currentPageNumber - 1), !isPageNumberValid(currentPageNumber - 1, count), 'back', hideLabels, prevButtonLabel), _jsx(TextField, { className: \"textFieldContainer\", value: currentPageNumber, inputProps: { inputMode: 'numeric', pattern: `[1-${count}]*` }, onChange: (val) => handleValueChange(val.target.value), onBlur: () => currentPageNumber === '' && setCurrentPageNumber(prevStatePageNumber) }), mobileIconButton('chevron-right', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(currentPageNumber + 1), !isPageNumberValid(currentPageNumber + 1, count), 'forward', hideLabels, nextButtonLabel), mobileIconButton('chevron-next', () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(count), !isPageNumberValid(currentPageNumber + 1, count))] }) }));\n    const desktopPagination = () => (_jsx(MuiPagination, Object.assign({ className: \"desktopView\" }, props, { shape: \"rounded\", count: count, disabled: isDisabled, page: currentPageNumber, hideNextButton: hideNextButton, hidePrevButton: hidePrevButton, showFirstButton: !hideFirstButton, showLastButton: !hideLastButton, ref: ref, onChange: handleChange, renderItem: (item) => (_jsx(MuiPaginationItem, Object.assign({ className: ternaryCondition(hidePrevButton, false, 'MuiPagination-prev', ''), components: {\n                first: () => _jsx(Icon, { className: 'play-previous', fontSize: \"small\" }),\n                last: () => _jsx(Icon, { className: 'play-next', fontSize: \"small\" }),\n                previous: () => (_jsxs(_Fragment, { children: [_jsx(Icon, { className: 'cehvron-left', fontSize: \"small\" }), _jsx(_Fragment, { children: prevButtonLabel })] })),\n                next: () => (_jsxs(_Fragment, { children: [_jsx(_Fragment, { children: nextButtonLabel }), _jsx(Icon, { className: 'chevron-right', fontSize: \"small\" })] })),\n            } }, item))) })));\n    return (_jsxs(PaginationStyled, { \"data-testid\": \"Pagination-wrapper\", children: [desktopPagination(), \" \", mobilePagination()] }));\n});\n/**\n * @description Pagination styling definition based on props\n */\nconst PaginationStyled = styled('div')(({ theme }) => {\n    let style = {};\n    const flexStyle = {\n        alignItems: 'center',\n        display: 'flex',\n        justifyContent: 'center',\n        width: '100%',\n    };\n    style = {\n        [theme.breakpoints.up('md')]: {\n            '& .mobileView': {\n                display: 'none!important',\n            },\n        },\n        [theme.breakpoints.down('md')]: {\n            '& .desktopView': {\n                display: 'none!important',\n            },\n        },\n        '& .desktopView': {\n            '& .MuiButton-startIcon': {\n                marginRight: '8px',\n                display: 'inline-flex',\n            },\n            '& .MuiButton-endIcon': {\n                marginLeft: '8px',\n                display: 'inline-flex',\n            },\n        },\n        '& .mobileView': Object.assign(Object.assign({}, flexStyle), { flexDirection: 'column', flexWrap: 'nowrap', '& .mobileContainer': Object.assign(Object.assign({}, flexStyle), { flexWrap: 'nowrap' }), '& .textFieldContainer': {\n                height: '36px',\n                margin: '0 34px',\n                '& input, fieldset': {\n                    backgroundColor: flowColors.transparent.primary,\n                    border: 0,\n                    borderRadius: '4px',\n                    fontSize: '16px',\n                    fontWeight: '400',\n                    height: '36px',\n                    lineHeight: '36px',\n                    minWidth: '44px',\n                    maxWidth: '50px',\n                    padding: '0 4px',\n                    textAlign: 'center',\n                    color: flowColors.text.primary,\n                },\n                '& fieldset': {\n                    visibility: 'hidden',\n                },\n                '& div': {\n                    '&::before': {\n                        borderBottom: 0,\n                    },\n                    '&::after': {\n                        borderBottom: 0,\n                    },\n                },\n            }, '& .controllerContainer': {\n                '& .arrowLabel': {\n                    color: flowColors.text.primary,\n                    fontSize: '16px',\n                    fontWeight: '400',\n                    lineHeight: '16px',\n                },\n                '& .MuiButton-startIcon': {\n                    marginRight: '8px',\n                    display: 'inline-flex',\n                },\n                '& .MuiButton-endIcon': {\n                    marginLeft: '8px',\n                    display: 'inline-flex',\n                },\n                '& .MuiIcon-root': {\n                    fontSize: '16px',\n                    width: '20px',\n                    height: '20px',\n                },\n            }, '& .counter_label': {\n                color: flowColors.text.primary,\n                fontSize: '12px',\n                fontWeight: '400',\n                lineHeight: '24px',\n                marginTop: '4px',\n            }, '&.paginationDisabled': {\n                pointerEvents: 'none',\n                '& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset': {\n                    color: flowColors.disabled.primary,\n                },\n            } }),\n    };\n    return style;\n});\n//# sourceMappingURL=pagination.js.map"],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","Icon","className","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","ternaryCondition","components","first","fontSize","last","previous","_Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}

package/components/progressBar/components/loader.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+import React, { HTMLAttributes } from 'react';
+export interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *	The size of the loader.  Only working with loader variant.
      */

package/components/progressBar/components/loader.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as a,jsx as t}from"react/jsx-runtime";import{styled as i}from"@mui/material";import r from"react";import{Icon as n}from"../../icon/icon.js";import{StyledProgressBarMessage as o}from"./styledProgressBarMessage.js";const s=r.forwardRef(((i,r)=>{var{state:s,errorMessage:d,successMessage:c,loaderSize:m,loadingPercentage:g,loadingPercentageDescribeText:h}=i,f=e(i,["state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText"]);return"error"===s?a(o,{state:s,hasJustifyContent:!0,"data-testid":"Loader",children:[t(n,{className:"circle-multiply",fontSize:"medium",iconStyle:"filled"}),t("span",{className:"message",children:d})]}):"success"===s?a(o,{state:s,hasJustifyContent:!0,"data-testid":"Loader",children:[t(n,{className:"circle-check",fontSize:"medium",iconStyle:"filled",color:"primary"}),t("span",{className:"message",children:c})]}):a(l,Object.assign({loaderSize:m,loadingPercentage:g},f,{ref:r,"data-testid":"Loader",children:[(g||0===g)&&t("span",{className:"loading-text","data-testid":"Loader.percentage",children:h?`${h} ${g} %`:`${g} %`}),t("div",{className:"bar",children:t("div",{className:"mainBar"})})]}))})),l=i("div",{shouldForwardProp:e=>"loaderSize"!==e&&"loadingPercentage"!==e})((a=>{var{theme:t}=a,i=e(a,["theme"]);const r="small"===i.loaderSize?"4px":"8px",n={width:"100%",maxWidth:"0",height:r,background:t.palette.brand.primary,animation:"animate 8s infinite",transition:null};(i.loadingPercentage||0===i.loadingPercentage)&&(n.maxWidth=`${i.loadingPercentage}%`,n.animation=null,n.transition="max-width 1s");let o={};return o={fontSize:"14px",lineHeight:"20px",color:t.palette.onSurface.os900,display:"flex",flexDirection:"column",fontWeight:500,"& .loading-text":{alignSelf:"flex-end",marginBottom:"4px",fontSize:"14px",lineHeight:"20px",color:t.palette.onSurface.os900},"@keyframes animate":{" 0%":{maxWidth:"0%"},"20%":{maxWidth:"20%"},"50%":{maxWidth:"50%"},"100%":{maxWidth:"100%"}},"& .bar":{width:" 100%",height:r,overflow:"hidden",background:t.palette.onSurface.os100,display:"inline-block","& > .mainBar":n}},o}));export{s as Loader};
+import{__rest as e}from"tslib";import{jsxs as a,jsx as t}from"react/jsx-runtime";import{styled as i}from"@mui/material";import{forwardRef as r}from"react";import{Icon as n}from"../../icon/icon.js";import{StyledProgressBarMessage as o}from"./styledProgressBarMessage.js";const s=r(((i,r)=>{var{state:s,errorMessage:d,successMessage:c,loaderSize:m,loadingPercentage:g,loadingPercentageDescribeText:h}=i,p=e(i,["state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText"]);return"error"===s?a(o,{state:s,hasJustifyContent:!0,"data-testid":"Loader",children:[t(n,{className:"circle-multiply",fontSize:"medium",iconStyle:"filled"}),t("span",{className:"message",children:d})]}):"success"===s?a(o,{state:s,hasJustifyContent:!0,"data-testid":"Loader",children:[t(n,{className:"circle-check",fontSize:"medium",iconStyle:"filled",color:"primary"}),t("span",{className:"message",children:c})]}):a(l,Object.assign({loaderSize:m,loadingPercentage:g},p,{ref:r,"data-testid":"Loader",children:[(Boolean(g)||0===g)&&t("span",{className:"loading-text","data-testid":"Loader.percentage",children:h?`${h} ${g} %`:`${g} %`}),t("div",{className:"bar",children:t("div",{className:"mainBar"})})]}))})),l=i("div",{shouldForwardProp:e=>"loaderSize"!==e&&"loadingPercentage"!==e})((a=>{var{theme:t}=a,i=e(a,["theme"]);const r="small"===i.loaderSize?"4px":"8px",n={width:"100%",maxWidth:"0",height:r,background:t.palette.brand.primary,animation:"animate 8s infinite",transition:null};(i.loadingPercentage||0===i.loadingPercentage)&&(n.maxWidth=`${i.loadingPercentage}%`,n.animation=null,n.transition="max-width 1s");let o={};return o={fontSize:"14px",lineHeight:"20px",color:t.palette.onSurface.os900,display:"flex",flexDirection:"column",fontWeight:500,"& .loading-text":{alignSelf:"flex-end",marginBottom:"4px",fontSize:"14px",lineHeight:"20px",color:t.palette.onSurface.os900},"@keyframes animate":{" 0%":{maxWidth:"0%"},"20%":{maxWidth:"20%"},"50%":{maxWidth:"50%"},"100%":{maxWidth:"100%"}},"& .bar":{width:" 100%",height:r,overflow:"hidden",background:t.palette.onSurface.os100,display:"inline-block","& > .mainBar":n}},o}));export{s as Loader};
 //# sourceMappingURL=loader.js.map

package/components/progressBar/components/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sources":["../../../../src/components/progressBar/components/loader.tsx"],"sourcesContent":[null],"names":["Loader","React","forwardRef","_a","ref","state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText","props","__rest","_jsxs","StyledProgressBarMessage","hasJustifyContent","_jsx","Icon","className","fontSize","iconStyle","children","color","StyledLoader","Object","assign","styled","shouldForwardProp","prop","theme","args","height","mainBarStyles","width","maxWidth","background","palette","brand","primary","animation","transition","styles","lineHeight","onSurface","os900","display","flexDirection","fontWeight","alignSelf","marginBottom","overflow","os100"],"mappings":"gQAgCO,MAAMA,EAASC,EAAMC,YAC1B,CACEC,EACAC,KADA,IAAAC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,kBAAEA,EAAiBC,8BAAEA,GAAyCP,EAAPQ,EAAKC,EAAAT,EAA7G,4GAGA,MAAc,UAAVE,EAEAQ,EAACC,EAAyB,CAAAT,MAAOA,EAAOU,mBAAmB,EAAkB,cAAA,mBAC3EC,EAACC,GAAKC,UAAU,kBAAkBC,SAAS,SAASC,UAAU,WAC9DJ,EAAM,OAAA,CAAAE,UAAU,UAASG,SAAEf,OAGnB,YAAVD,EAEAQ,EAACC,GAAyBT,MAAOA,EAAOU,mBAAmB,EAAI,cAAc,SAC3EM,SAAA,CAAAL,EAACC,EAAK,CAAAC,UAAU,eAAeC,SAAS,SAASC,UAAU,SAASE,MAAM,YAC1EN,EAAM,OAAA,CAAAE,UAAU,UAASG,SAAEd,OAK/BM,EAACU,EACCC,OAAAC,OAAA,CAAAjB,WAAYA,EACZC,kBAAmBA,GACfE,EACJ,CAAAP,IAAKA,EAAG,cACI,SAAQiB,SAAA,EAElBZ,GAA2C,IAAtBA,IACrBO,EAAA,OAAA,CAAME,UAAU,eAA2B,cAAA,6BACxCR,EACG,GAAGA,KAAiCD,MACpC,GAAGA,QAGXO,SAAKE,UAAU,MACbG,SAAAL,EAAA,MAAA,CAAKE,UAAU,iBAGnB,IAIAK,EAAeG,EAAO,MAAO,CACjCC,kBAAoBC,GAAkB,eAATA,GAAkC,sBAATA,GADnCF,EAEJvB,IAAA,IAAA0B,MAAEA,GAAgB1B,EAAN2B,EAAIlB,EAAAT,EAAhB,WACf,MAAM4B,EAA6B,UAApBD,EAAKtB,WAAyB,MAAQ,MAC/CwB,EAAgB,CACpBC,MAAO,OACPC,SAAU,IACVH,OAAQA,EACRI,WAAYN,EAAMO,QAAQC,MAAMC,QAChCC,UAAW,sBACXC,WAAY,OAGVV,EAAKrB,mBAAgD,IAA3BqB,EAAKrB,qBACjCuB,EAAcE,SAAW,GAAGJ,EAAKrB,qBACjCuB,EAAcO,UAAY,KAC1BP,EAAcQ,WAAa,gBAG7B,IAAIC,EAAS,CAAA,EA0Cb,OAzCAA,EAAS,CACPtB,SAAU,OACVuB,WAAY,OACZpB,MAAOO,EAAMO,QAAQO,UAAUC,MAC/BC,QAAS,OACTC,cAAe,SACfC,WAAY,IACZ,kBAAmB,CACjBC,UAAW,WACXC,aAAc,MACd9B,SAAU,OACVuB,WAAY,OACZpB,MAAOO,EAAMO,QAAQO,UAAUC,OAEjC,qBAAsB,CACpB,MAAO,CACLV,SAAU,MAGZ,MAAO,CACLA,SAAU,OAGZ,MAAO,CACLA,SAAU,OAGZ,OAAQ,CACNA,SAAU,SAGd,SAAU,CACRD,MAAO,QACPF,OAAQA,EACRmB,SAAU,SACVf,WAAYN,EAAMO,QAAQO,UAAUQ,MACpCN,QAAS,eACT,eAAgBb,IAIbS,CAAM"}
+{"version":3,"file":"loader.js","sources":["../../../../src/components/progressBar/components/loader.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { styled } from '@mui/material';\nimport { forwardRef } from 'react';\nimport { Icon } from '../../icon';\nimport { StyledProgressBarMessage } from './styledProgressBarMessage';\nexport const Loader = forwardRef((_a, ref) => {\n    var { state, errorMessage, successMessage, loaderSize, loadingPercentage, loadingPercentageDescribeText } = _a, props = __rest(_a, [\"state\", \"errorMessage\", \"successMessage\", \"loaderSize\", \"loadingPercentage\", \"loadingPercentageDescribeText\"]);\n    if (state === 'error')\n        return (_jsxs(StyledProgressBarMessage, { state: state, hasJustifyContent: true, \"data-testid\": \"Loader\", children: [_jsx(Icon, { className: \"circle-multiply\", fontSize: \"medium\", iconStyle: \"filled\" }), _jsx(\"span\", { className: \"message\", children: errorMessage })] }));\n    if (state === 'success')\n        return (_jsxs(StyledProgressBarMessage, { state: state, hasJustifyContent: true, \"data-testid\": \"Loader\", children: [_jsx(Icon, { className: \"circle-check\", fontSize: \"medium\", iconStyle: \"filled\", color: \"primary\" }), _jsx(\"span\", { className: \"message\", children: successMessage })] }));\n    return (_jsxs(StyledLoader, Object.assign({ loaderSize: loaderSize, loadingPercentage: loadingPercentage }, props, { ref: ref, \"data-testid\": \"Loader\", children: [(Boolean(loadingPercentage) || loadingPercentage === 0) && (_jsx(\"span\", { className: \"loading-text\", \"data-testid\": \"Loader.percentage\", children: loadingPercentageDescribeText\n                    ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n                    : `${loadingPercentage} %` })), _jsx(\"div\", { className: \"bar\", children: _jsx(\"div\", { className: \"mainBar\" }) })] })));\n});\nconst StyledLoader = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'loaderSize' && prop !== 'loadingPercentage',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    const height = args.loaderSize === 'small' ? '4px' : '8px';\n    const mainBarStyles = {\n        width: '100%',\n        maxWidth: '0',\n        height: height,\n        background: theme.palette.brand.primary,\n        animation: 'animate 8s infinite',\n        transition: null,\n    };\n    if (args.loadingPercentage || args.loadingPercentage === 0) {\n        mainBarStyles.maxWidth = `${args.loadingPercentage}%`;\n        mainBarStyles.animation = null;\n        mainBarStyles.transition = 'max-width 1s';\n    }\n    let styles = {};\n    styles = {\n        fontSize: '14px',\n        lineHeight: '20px',\n        color: theme.palette.onSurface.os900,\n        display: 'flex',\n        flexDirection: 'column',\n        fontWeight: 500,\n        '& .loading-text': {\n            alignSelf: 'flex-end',\n            marginBottom: '4px',\n            fontSize: '14px',\n            lineHeight: '20px',\n            color: theme.palette.onSurface.os900,\n        },\n        '@keyframes animate': {\n            ' 0%': {\n                maxWidth: '0%',\n            },\n            '20%': {\n                maxWidth: '20%',\n            },\n            '50%': {\n                maxWidth: '50%',\n            },\n            '100%': {\n                maxWidth: '100%',\n            },\n        },\n        '& .bar': {\n            width: ' 100%',\n            height: height,\n            overflow: 'hidden',\n            background: theme.palette.onSurface.os100,\n            display: 'inline-block',\n            '& > .mainBar': mainBarStyles,\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=loader.js.map"],"names":["Loader","forwardRef","_a","ref","state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText","props","__rest","_jsxs","StyledProgressBarMessage","hasJustifyContent","children","_jsx","Icon","className","fontSize","iconStyle","color","StyledLoader","Object","assign","Boolean","styled","shouldForwardProp","prop","theme","args","height","mainBarStyles","width","maxWidth","background","palette","brand","primary","animation","transition","styles","lineHeight","onSurface","os900","display","flexDirection","fontWeight","alignSelf","marginBottom","overflow","os100"],"mappings":"8QAMY,MAACA,EAASC,GAAW,CAACC,EAAIC,KAClC,IAAIC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,kBAAEA,EAAiBC,8BAAEA,GAAkCP,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,QAAS,eAAgB,iBAAkB,aAAc,oBAAqB,kCAClN,MAAc,UAAVE,EACQQ,EAAMC,EAA0B,CAAET,MAAOA,EAAOU,mBAAmB,EAAM,cAAe,SAAUC,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,kBAAmBC,SAAU,SAAUC,UAAW,WAAaJ,EAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUV,OACjP,YAAVD,EACQQ,EAAMC,EAA0B,CAAET,MAAOA,EAAOU,mBAAmB,EAAM,cAAe,SAAUC,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,eAAgBC,SAAU,SAAUC,UAAW,SAAUC,MAAO,YAAcL,EAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUT,OACtQM,EAAMU,EAAcC,OAAOC,OAAO,CAAEjB,WAAYA,EAAYC,kBAAmBA,GAAqBE,EAAO,CAAEP,IAAKA,EAAK,cAAe,SAAUY,SAAU,EAAEU,QAAQjB,IAA4C,IAAtBA,IAA6BQ,EAAK,OAAQ,CAAEE,UAAW,eAAgB,cAAe,oBAAqBH,SAAUN,EACrS,GAAGA,KAAiCD,MACpC,GAAGA,QAA2BQ,EAAK,MAAO,CAAEE,UAAW,MAAOH,SAAUC,EAAK,MAAO,CAAEE,UAAW,iBAAsB,IAEvII,EAAeI,EAAO,MAAO,CAC/BC,kBAAoBC,GAAkB,eAATA,GAAkC,sBAATA,GADrCF,EAEjBxB,IACA,IAAI2B,MAAEA,GAAU3B,EAAI4B,EAAOnB,EAAOT,EAAI,CAAC,UACvC,MAAM6B,EAA6B,UAApBD,EAAKvB,WAAyB,MAAQ,MAC/CyB,EAAgB,CAClBC,MAAO,OACPC,SAAU,IACVH,OAAQA,EACRI,WAAYN,EAAMO,QAAQC,MAAMC,QAChCC,UAAW,sBACXC,WAAY,OAEZV,EAAKtB,mBAAgD,IAA3BsB,EAAKtB,qBAC/BwB,EAAcE,SAAW,GAAGJ,EAAKtB,qBACjCwB,EAAcO,UAAY,KAC1BP,EAAcQ,WAAa,gBAE/B,IAAIC,EAAS,CAAA,EAsCb,OArCAA,EAAS,CACLtB,SAAU,OACVuB,WAAY,OACZrB,MAAOQ,EAAMO,QAAQO,UAAUC,MAC/BC,QAAS,OACTC,cAAe,SACfC,WAAY,IACZ,kBAAmB,CACfC,UAAW,WACXC,aAAc,MACd9B,SAAU,OACVuB,WAAY,OACZrB,MAAOQ,EAAMO,QAAQO,UAAUC,OAEnC,qBAAsB,CAClB,MAAO,CACHV,SAAU,MAEd,MAAO,CACHA,SAAU,OAEd,MAAO,CACHA,SAAU,OAEd,OAAQ,CACJA,SAAU,SAGlB,SAAU,CACND,MAAO,QACPF,OAAQA,EACRmB,SAAU,SACVf,WAAYN,EAAMO,QAAQO,UAAUQ,MACpCN,QAAS,eACT,eAAgBb,IAGjBS,CAAM"}

package/components/progressBar/components/spinner.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+import React, { HTMLAttributes } from 'react';
+export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *	The current state.
      */

package/components/progressBar/components/spinner.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as n,jsx as t}from"react/jsx-runtime";import r from"react";import{styled as i}from"@mui/material";import{Icon as a}from"../../icon/icon.js";import{StyledProgressBarMessage as o}from"./styledProgressBarMessage.js";const s=r.forwardRef(((r,i)=>{var{state:s,errorMessage:c,successMessage:m,loadingPercentage:d,loadingPercentageDescribeText:p,spinnerControlledAnimation:f}=r,g=e(r,["state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation"]);return"error"===s?n(o,{state:s,"data-testid":"Spinner",children:[t(a,{className:"circle-multiply",fontSize:"medium",iconStyle:"filled"}),t("span",{className:"message",children:c})]}):"success"===s?n(o,{state:s,"data-testid":"Spinner",children:[t(a,{className:"circle-check",fontSize:"medium",iconStyle:"filled",color:"primary"}),t("span",{className:"message",children:m})]}):n(l,Object.assign({},g,{ref:i,spinnerControlledAnimation:f,loadingPercentage:d,"data-testid":"Spinner",children:[t("svg",{viewBox:"0 0 50 50",width:"24",height:"24",children:t("circle",{cx:"25",cy:"25",r:"22.5"})}),(d||0===d)&&t("span",{className:"loading-text","data-testid":"Spinner.percentage",children:p?`${p} ${d} %`:`${d} %`})]}))})),l=i("div",{shouldForwardProp:e=>"spinnerControlledAnimation"!==e&&"loaderSize"!==e&&"loadingPercentage"!==e})((n=>{var{theme:t}=n,r=e(n,["theme"]);const i="137.130521355",a=141.3716715,o=r.spinnerControlledAnimation&&"infinite"!==r.spinnerControlledAnimation?{animationCircle:null,animationSpinner:null,strokeDashoffset:a-1.4137167149999998*r.loadingPercentage,strokeLinecap:null}:{animationCircle:"2s ease-in-out infinite both spinner-circle",animationSpinner:"2s linear infinite spinner",strokeLinecap:"square",strokeDashoffset:null};let s={};return s={transitionProperty:"opacity",transitionDuration:"0.3s",transitionTimingFunction:"ease-in-out",backgroundColor:"transparent",fontSize:"14px",lineHeight:"20px",width:"100%",display:"flex",color:t.palette.onSurface.os900,alignItems:"center",fontWeight:400,"& .loading-text":{marginLeft:"8px"},"& circle":{animation:o.animationCircle,display:"block",fill:"transparent",stroke:t.palette.brand.primary,strokeLinecap:o.strokeLinecap,strokeDasharray:a,strokeDashoffset:o.strokeDashoffset,strokeWidth:"10px",transformOrigin:"50% 50%"},"& svg":{background:`radial-gradient(ellipse at center, transparent 0%,transparent 48%,${t.palette.onSurface.os100} 49%,${t.palette.onSurface.os100} 100%)`,borderRadius:"50%",animation:o.animationSpinner},"& .initial-spinner.-done":{opacity:"0",pointerEvents:"none"},"@keyframes spinner":{"0%":{transform:"rotateZ(0)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes spinner-circle":{"0%":{strokeDashoffset:i,transform:"rotate(0)"},"25%":{strokeDashoffset:i,transform:"rotate(0)"},"50%":{},"75%":{strokeDashoffset:"35.342917875",transform:"rotate(45deg)"},"100%":{strokeDashoffset:i,transform:"rotate(360deg)"}}},s}));export{s as Spinner};
+import{__rest as e}from"tslib";import{jsxs as n,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{styled as i}from"@mui/material";import{Icon as a}from"../../icon/icon.js";import{StyledProgressBarMessage as o}from"./styledProgressBarMessage.js";const s=r(((r,i)=>{var{state:s,errorMessage:c,successMessage:m,loadingPercentage:p,loadingPercentageDescribeText:d,spinnerControlledAnimation:f}=r,g=e(r,["state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation"]);return"error"===s?n(o,{state:s,"data-testid":"Spinner",children:[t(a,{className:"circle-multiply",fontSize:"medium",iconStyle:"filled"}),t("span",{className:"message",children:c})]}):"success"===s?n(o,{state:s,"data-testid":"Spinner",children:[t(a,{className:"circle-check",fontSize:"medium",iconStyle:"filled",color:"primary"}),t("span",{className:"message",children:m})]}):n(l,Object.assign({},g,{ref:i,spinnerControlledAnimation:f,loadingPercentage:p,"data-testid":"Spinner",children:[t("svg",{viewBox:"0 0 50 50",width:"24",height:"24",children:t("circle",{cx:"25",cy:"25",r:"22.5"})}),(Boolean(p)||0===p)&&t("span",{className:"loading-text","data-testid":"Spinner.percentage",children:d?`${d} ${p} %`:`${p} %`})]}))})),l=i("div",{shouldForwardProp:e=>"spinnerControlledAnimation"!==e&&"loaderSize"!==e&&"loadingPercentage"!==e})((n=>{var{theme:t}=n,r=e(n,["theme"]);const i="137.130521355",a=141.3716715,o=r.spinnerControlledAnimation&&"infinite"!==r.spinnerControlledAnimation?{animationCircle:null,animationSpinner:null,strokeDashoffset:a-1.4137167149999998*r.loadingPercentage,strokeLinecap:null}:{animationCircle:"2s ease-in-out infinite both spinner-circle",animationSpinner:"2s linear infinite spinner",strokeLinecap:"square",strokeDashoffset:null};let s={};return s={transitionProperty:"opacity",transitionDuration:"0.3s",transitionTimingFunction:"ease-in-out",backgroundColor:"transparent",fontSize:"14px",lineHeight:"20px",width:"100%",display:"flex",color:t.palette.onSurface.os900,alignItems:"center",fontWeight:400,"& .loading-text":{marginLeft:"8px"},"& circle":{animation:o.animationCircle,display:"block",fill:"transparent",stroke:t.palette.brand.primary,strokeLinecap:o.strokeLinecap,strokeDasharray:a,strokeDashoffset:o.strokeDashoffset,strokeWidth:"10px",transformOrigin:"50% 50%"},"& svg":{background:`radial-gradient(ellipse at center, transparent 0%,transparent 48%,${t.palette.onSurface.os100} 49%,${t.palette.onSurface.os100} 100%)`,borderRadius:"50%",animation:o.animationSpinner},"& .initial-spinner.-done":{opacity:"0",pointerEvents:"none"},"@keyframes spinner":{"0%":{transform:"rotateZ(0)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes spinner-circle":{"0%":{strokeDashoffset:i,transform:"rotate(0)"},"25%":{strokeDashoffset:i,transform:"rotate(0)"},"50%":{},"75%":{strokeDashoffset:"35.342917875",transform:"rotate(45deg)"},"100%":{strokeDashoffset:i,transform:"rotate(360deg)"}}},s}));export{s as Spinner};
 //# sourceMappingURL=spinner.js.map

package/components/progressBar/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","sources":["../../../../src/components/progressBar/components/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","React","forwardRef","_a","ref","state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation","props","__rest","_jsxs","StyledProgressBarMessage","_jsx","Icon","className","fontSize","iconStyle","children","color","StyledSpinner","Object","assign","viewBox","width","height","cx","cy","r","styled","shouldForwardProp","prop","theme","strokeDashOffset","strokeDashArray","animationStyles","animationCircle","animationSpinner","strokeDashoffset","strokeLinecap","styles","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","lineHeight","display","palette","onSurface","os900","alignItems","fontWeight","marginLeft","animation","fill","stroke","brand","primary","strokeDasharray","strokeWidth","transformOrigin","background","os100","borderRadius","opacity","pointerEvents","transform"],"mappings":"gQAgCO,MAAMA,EAAUC,EAAMC,YAC3B,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,aACLA,EAAYC,eACZA,EAAcC,kBACdA,EAAiBC,8BACjBA,EAA6BC,2BAC7BA,GAEDP,EADIQ,EAAKC,EAAAT,EAPV,4HAWA,MAAc,UAAVE,EAEAQ,EAACC,EAAwB,CAACT,MAAOA,EAAmB,cAAA,oBAClDU,EAACC,EAAK,CAAAC,UAAU,kBAAkBC,SAAS,SAASC,UAAU,WAC9DJ,EAAA,OAAA,CAAME,UAAU,UAAWG,SAAAd,OAGnB,YAAVD,EAEAQ,EAACC,EAAyB,CAAAT,MAAOA,EAAK,cAAc,UAASe,SAAA,CAC3DL,EAACC,EAAI,CAACC,UAAU,eAAeC,SAAS,SAASC,UAAU,SAASE,MAAM,YAC1EN,EAAM,OAAA,CAAAE,UAAU,UAASG,SAAEb,OAK/BM,EAACS,EAAaC,OAAAC,OAAA,CAAA,EACRb,EAAK,CACTP,IAAKA,EACLM,2BAA4BA,EAC5BF,kBAAmBA,EACP,cAAA,UAEZY,SAAA,CAAAL,EAAA,MAAA,CAAKU,QAAQ,YAAYC,MAAM,KAAKC,OAAO,KACzCP,SAAAL,EAAA,SAAA,CAAQa,GAAG,KAAKC,GAAG,KAAKC,EAAE,YAE1BtB,GAA2C,IAAtBA,IACrBO,EAAM,OAAA,CAAAE,UAAU,eAA2B,cAAA,8BACxCR,EACG,GAAGA,KAAiCD,MACpC,GAAGA,WAIb,IAIAc,EAAgBS,EAAO,MAAO,CAClCC,kBAAoBC,GACT,+BAATA,GAAkD,eAATA,GAAkC,sBAATA,GAFhDF,EAGJ5B,IAAA,IAAA+B,MAAEA,GAAiB/B,EAAPQ,EAAKC,EAAAT,EAAjB,WAChB,MAAMgC,EAAmB,gBACnBC,EAAkB,YAElBC,EACH1B,EAAMD,4BAAmE,aAArCC,EAAMD,2BAOvC,CACE4B,gBAAiB,KACjBC,iBAAkB,KAClBC,iBAAkBJ,EAAkB,mBAA0BzB,EAAMH,kBACpEiC,cAAe,MAVjB,CACEH,gBAAiB,8CACjBC,iBAAkB,6BAClBE,cAAe,SACfD,iBAAkB,MAS1B,IAAIE,EAAS,CAAA,EA6Db,OA5DAA,EAAS,CACPC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjB5B,SAAU,OACV6B,WAAY,OACZrB,MAAO,OACPsB,QAAS,OACT3B,MAAOa,EAAMe,QAAQC,UAAUC,MAC/BC,WAAY,SACZC,WAAY,IACZ,kBAAmB,CACjBC,WAAY,OAEd,WAAY,CACVC,UAAWlB,EAAgBC,gBAC3BU,QAAS,QACTQ,KAAM,cACNC,OAAQvB,EAAMe,QAAQS,MAAMC,QAC5BlB,cAAeJ,EAAgBI,cAC/BmB,gBAAiBxB,EACjBI,iBAAkBH,EAAgBG,iBAClCqB,YAAa,OACbC,gBAAiB,WAEnB,QAAS,CACPC,WAAY,qEAAqE7B,EAAMe,QAAQC,UAAUc,aAAa9B,EAAMe,QAAQC,UAAUc,cAC9IC,aAAc,MACdV,UAAWlB,EAAgBE,kBAE7B,2BAA4B,CAC1B2B,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJ5B,iBAAkBL,EAClBiC,UAAW,aAEb,MAAO,CACL5B,iBAAkBL,EAClBiC,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACL5B,iBAAkB,eAClB4B,UAAW,iBAEb,OAAQ,CACN5B,iBAAkBL,EAClBiC,UAAW,oBAKV1B,CAAM"}
+{"version":3,"file":"spinner.js","sources":["../../../../src/components/progressBar/components/spinner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport { styled } from '@mui/material';\nimport { Icon } from '../../icon';\nimport { StyledProgressBarMessage } from './styledProgressBarMessage';\nexport const Spinner = forwardRef((_a, ref) => {\n    var { state, errorMessage, successMessage, loadingPercentage, loadingPercentageDescribeText, spinnerControlledAnimation } = _a, props = __rest(_a, [\"state\", \"errorMessage\", \"successMessage\", \"loadingPercentage\", \"loadingPercentageDescribeText\", \"spinnerControlledAnimation\"]);\n    if (state === 'error')\n        return (_jsxs(StyledProgressBarMessage, { state: state, \"data-testid\": \"Spinner\", children: [_jsx(Icon, { className: \"circle-multiply\", fontSize: \"medium\", iconStyle: \"filled\" }), _jsx(\"span\", { className: \"message\", children: errorMessage })] }));\n    if (state === 'success')\n        return (_jsxs(StyledProgressBarMessage, { state: state, \"data-testid\": \"Spinner\", children: [_jsx(Icon, { className: \"circle-check\", fontSize: \"medium\", iconStyle: \"filled\", color: \"primary\" }), _jsx(\"span\", { className: \"message\", children: successMessage })] }));\n    return (_jsxs(StyledSpinner, Object.assign({}, props, { ref: ref, spinnerControlledAnimation: spinnerControlledAnimation, loadingPercentage: loadingPercentage, \"data-testid\": \"Spinner\", children: [_jsx(\"svg\", { viewBox: \"0 0 50 50\", width: \"24\", height: \"24\", children: _jsx(\"circle\", { cx: \"25\", cy: \"25\", r: \"22.5\" }) }), (Boolean(loadingPercentage) || loadingPercentage === 0) && (_jsx(\"span\", { className: \"loading-text\", \"data-testid\": \"Spinner.percentage\", children: loadingPercentageDescribeText\n                    ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n                    : `${loadingPercentage} %` }))] })));\n});\nconst StyledSpinner = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'spinnerControlledAnimation' && prop !== 'loaderSize' && prop !== 'loadingPercentage',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    const strokeDashOffset = '137.130521355';\n    const strokeDashArray = 141.3716715;\n    const animationStyles = !props.spinnerControlledAnimation || props.spinnerControlledAnimation === 'infinite'\n        ? {\n            animationCircle: '2s ease-in-out infinite both spinner-circle',\n            animationSpinner: '2s linear infinite spinner',\n            strokeLinecap: 'square',\n            strokeDashoffset: null,\n        }\n        : {\n            animationCircle: null,\n            animationSpinner: null,\n            strokeDashoffset: strokeDashArray - (strokeDashArray / 100) * props.loadingPercentage,\n            strokeLinecap: null,\n        };\n    let styles = {};\n    styles = {\n        transitionProperty: 'opacity',\n        transitionDuration: '0.3s',\n        transitionTimingFunction: 'ease-in-out',\n        backgroundColor: 'transparent',\n        fontSize: '14px',\n        lineHeight: '20px',\n        width: '100%',\n        display: 'flex',\n        color: theme.palette.onSurface.os900,\n        alignItems: 'center',\n        fontWeight: 400,\n        '& .loading-text': {\n            marginLeft: '8px',\n        },\n        '& circle': {\n            animation: animationStyles.animationCircle,\n            display: 'block',\n            fill: 'transparent',\n            stroke: theme.palette.brand.primary,\n            strokeLinecap: animationStyles.strokeLinecap,\n            strokeDasharray: strokeDashArray,\n            strokeDashoffset: animationStyles.strokeDashoffset,\n            strokeWidth: '10px',\n            transformOrigin: '50% 50%',\n        },\n        '& svg': {\n            background: `radial-gradient(ellipse at center, transparent 0%,transparent 48%,${theme.palette.onSurface.os100} 49%,${theme.palette.onSurface.os100} 100%)`,\n            borderRadius: '50%',\n            animation: animationStyles.animationSpinner,\n        },\n        '& .initial-spinner.-done': {\n            opacity: '0',\n            pointerEvents: 'none',\n        },\n        '@keyframes spinner': {\n            '0%': { transform: 'rotateZ(0)' },\n            '100%': { transform: 'rotateZ(360deg)' },\n        },\n        '@keyframes spinner-circle': {\n            '0%': {\n                strokeDashoffset: strokeDashOffset,\n                transform: 'rotate(0)',\n            },\n            '25%': {\n                strokeDashoffset: strokeDashOffset,\n                transform: 'rotate(0)',\n            },\n            '50%': {},\n            '75%': {\n                strokeDashoffset: '35.342917875',\n                transform: 'rotate(45deg)',\n            },\n            '100%': {\n                strokeDashoffset: strokeDashOffset,\n                transform: 'rotate(360deg)',\n            },\n        },\n    };\n    return styles;\n});\n//# sourceMappingURL=spinner.js.map"],"names":["Spinner","forwardRef","_a","ref","state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation","props","__rest","_jsxs","StyledProgressBarMessage","children","_jsx","Icon","className","fontSize","iconStyle","color","StyledSpinner","Object","assign","viewBox","width","height","cx","cy","r","Boolean","styled","shouldForwardProp","prop","theme","strokeDashOffset","strokeDashArray","animationStyles","animationCircle","animationSpinner","strokeDashoffset","strokeLinecap","styles","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","lineHeight","display","palette","onSurface","os900","alignItems","fontWeight","marginLeft","animation","fill","stroke","brand","primary","strokeDasharray","strokeWidth","transformOrigin","background","os100","borderRadius","opacity","pointerEvents","transform"],"mappings":"8QAMY,MAACA,EAAUC,GAAW,CAACC,EAAIC,KACnC,IAAIC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,kBAAEA,EAAiBC,8BAAEA,EAA6BC,2BAAEA,GAA+BP,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,QAAS,eAAgB,iBAAkB,oBAAqB,gCAAiC,+BACrP,MAAc,UAAVE,EACQQ,EAAMC,EAA0B,CAAET,MAAOA,EAAO,cAAe,UAAWU,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,kBAAmBC,SAAU,SAAUC,UAAW,WAAaJ,EAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUT,OACzN,YAAVD,EACQQ,EAAMC,EAA0B,CAAET,MAAOA,EAAO,cAAe,UAAWU,SAAU,CAACC,EAAKC,EAAM,CAAEC,UAAW,eAAgBC,SAAU,SAAUC,UAAW,SAAUC,MAAO,YAAcL,EAAK,OAAQ,CAAEE,UAAW,UAAWH,SAAUR,OAC9OM,EAAMS,EAAeC,OAAOC,OAAO,CAAA,EAAIb,EAAO,CAAEP,IAAKA,EAAKM,2BAA4BA,EAA4BF,kBAAmBA,EAAmB,cAAe,UAAWO,SAAU,CAACC,EAAK,MAAO,CAAES,QAAS,YAAaC,MAAO,KAAMC,OAAQ,KAAMZ,SAAUC,EAAK,SAAU,CAAEY,GAAI,KAAMC,GAAI,KAAMC,EAAG,YAAeC,QAAQvB,IAA4C,IAAtBA,IAA6BQ,EAAK,OAAQ,CAAEE,UAAW,eAAgB,cAAe,qBAAsBH,SAAUN,EACvc,GAAGA,KAAiCD,MACpC,GAAGA,WAAgC,IAEnDc,EAAgBU,EAAO,MAAO,CAChCC,kBAAoBC,GAAkB,+BAATA,GAAkD,eAATA,GAAkC,sBAATA,GAD7EF,EAElB7B,IACA,IAAIgC,MAAEA,GAAUhC,EAAIQ,EAAQC,EAAOT,EAAI,CAAC,UACxC,MAAMiC,EAAmB,gBACnBC,EAAkB,YAClBC,EAAmB3B,EAAMD,4BAAmE,aAArCC,EAAMD,2BAO7D,CACE6B,gBAAiB,KACjBC,iBAAkB,KAClBC,iBAAkBJ,EAAkB,mBAA0B1B,EAAMH,kBACpEkC,cAAe,MAVjB,CACEH,gBAAiB,8CACjBC,iBAAkB,6BAClBE,cAAe,SACfD,iBAAkB,MAQ1B,IAAIE,EAAS,CAAA,EA4Db,OA3DAA,EAAS,CACLC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjB5B,SAAU,OACV6B,WAAY,OACZtB,MAAO,OACPuB,QAAS,OACT5B,MAAOc,EAAMe,QAAQC,UAAUC,MAC/BC,WAAY,SACZC,WAAY,IACZ,kBAAmB,CACfC,WAAY,OAEhB,WAAY,CACRC,UAAWlB,EAAgBC,gBAC3BU,QAAS,QACTQ,KAAM,cACNC,OAAQvB,EAAMe,QAAQS,MAAMC,QAC5BlB,cAAeJ,EAAgBI,cAC/BmB,gBAAiBxB,EACjBI,iBAAkBH,EAAgBG,iBAClCqB,YAAa,OACbC,gBAAiB,WAErB,QAAS,CACLC,WAAY,qEAAqE7B,EAAMe,QAAQC,UAAUc,aAAa9B,EAAMe,QAAQC,UAAUc,cAC9IC,aAAc,MACdV,UAAWlB,EAAgBE,kBAE/B,2BAA4B,CACxB2B,QAAS,IACTC,cAAe,QAEnB,qBAAsB,CAClB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEzB,4BAA6B,CACzB,KAAM,CACF5B,iBAAkBL,EAClBiC,UAAW,aAEf,MAAO,CACH5B,iBAAkBL,EAClBiC,UAAW,aAEf,MAAO,CAAE,EACT,MAAO,CACH5B,iBAAkB,eAClB4B,UAAW,iBAEf,OAAQ,CACJ5B,iBAAkBL,EAClBiC,UAAW,oBAIhB1B,CAAM"}

package/components/progressBar/components/styledProgressBarMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"styledProgressBarMessage.js","sources":["../../../../src/components/progressBar/components/styledProgressBarMessage.tsx"],"sourcesContent":[null],"names":["StyledProgressBarMessage","styled","shouldForwardProp","prop","_a","theme","args","__rest","color","state","palette","alert","text","primary","fontSize","lineHeight","width","display","justifyContent","hasJustifyContent","alignItems","fontWeight","marginLeft","brand"],"mappings":"sEAEa,MAAAA,EAA2BC,EAAO,MAAO,CACpDC,kBAAoBC,GAAkB,sBAATA,GADSF,EAEyBG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WAC/D,MAAO,CACLI,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQE,KAAKC,QACjFC,SAAU,OACVC,WAAY,OACZC,MAAO,OACPC,QAAS,OACTC,eAAgBZ,EAAKa,kBAAoB,SAAW,KACpDC,WAAY,SACZC,WAAY,IACZ,aAAc,CACZC,WAAY,OAEd,kBAAmB,CACjBd,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQa,MAAMV,SAErF"}
+{"version":3,"file":"styledProgressBarMessage.js","sources":["../../../../src/components/progressBar/components/styledProgressBarMessage.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { styled } from '@mui/material';\nexport const StyledProgressBarMessage = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'hasJustifyContent',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    return {\n        color: args.state === 'error' ? theme.palette.alert['main'] : theme.palette.text.primary,\n        fontSize: '14px',\n        lineHeight: '20px',\n        width: '100%',\n        display: 'flex',\n        justifyContent: args.hasJustifyContent ? 'center' : null,\n        alignItems: 'center',\n        fontWeight: 500,\n        '& .message': {\n            marginLeft: '8px',\n        },\n        '& .MuiIcon-root': {\n            color: args.state === 'error' ? theme.palette.alert['main'] : theme.palette.brand.primary,\n        },\n    };\n});\n//# sourceMappingURL=styledProgressBarMessage.js.map"],"names":["StyledProgressBarMessage","styled","shouldForwardProp","prop","_a","theme","args","__rest","color","state","palette","alert","text","primary","fontSize","lineHeight","width","display","justifyContent","hasJustifyContent","alignItems","fontWeight","marginLeft","brand"],"mappings":"sEAEY,MAACA,EAA2BC,EAAO,MAAO,CAClDC,kBAAoBC,GAAkB,sBAATA,GADOF,EAEpCG,IACA,IAAIC,MAAEA,GAAUD,EAAIE,EAAOC,EAAOH,EAAI,CAAC,UACvC,MAAO,CACHI,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQE,KAAKC,QACjFC,SAAU,OACVC,WAAY,OACZC,MAAO,OACPC,QAAS,OACTC,eAAgBZ,EAAKa,kBAAoB,SAAW,KACpDC,WAAY,SACZC,WAAY,IACZ,aAAc,CACVC,WAAY,OAEhB,kBAAmB,CACfd,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQa,MAAMV,SAEzF"}

package/components/progressBar/progressBar.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { LoaderProps } from './components/loader';
 import { SpinnerProps } from './components/spinner';
-export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement>, LoaderProps, SpinnerProps {
+export interface ProgressBarProps extends HTMLAttributes<HTMLDivElement>, LoaderProps, SpinnerProps {
     /**
      *	The variant of the progress bar.
      */

package/components/progressBar/progressBar.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as r,Fragment as n,jsx as o}from"react/jsx-runtime";import a,{useCallback as t}from"react";import{Loader as i}from"./components/loader.js";import{Spinner as g}from"./components/spinner.js";const c=a.forwardRef(((a,c)=>{var{variant:m}=a,d=e(a,["variant"]);const l=t((()=>d.loadingPercentage&&0!==d.loadingPercentage?d.loadingPercentage<0?0:d.loadingPercentage>100?100:d.loadingPercentage:d.loadingPercentage),[d.loadingPercentage]);return r(n,{children:[" ",o("loader"===m?i:g,Object.assign({},d,{loadingPercentage:l(),ref:c}))," "]})}));export{c as ProgressBar};
+import{__rest as e}from"tslib";import{jsxs as r,Fragment as n,jsx as o}from"react/jsx-runtime";import{forwardRef as a,useCallback as t}from"react";import{Loader as i}from"./components/loader.js";import{Spinner as g}from"./components/spinner.js";const c=a(((a,c)=>{var{variant:m}=a,l=e(a,["variant"]);const d=t((()=>l.loadingPercentage&&0!==l.loadingPercentage?l.loadingPercentage<0?0:l.loadingPercentage>100?100:l.loadingPercentage:l.loadingPercentage),[l.loadingPercentage]);return r(n,{children:[" ",o("loader"===m?i:g,Object.assign({},l,{loadingPercentage:d(),ref:c}))," "]})}));export{c as ProgressBar};
 //# sourceMappingURL=progressBar.js.map

package/components/progressBar/progressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progressBar.js","sources":["../../../src/components/progressBar/progressBar.tsx"],"sourcesContent":[null],"names":["ProgressBar","React","forwardRef","_a","ref","variant","props","__rest","validatePercentage","useCallback","loadingPercentage","_jsxs","_jsx","Loader","Spinner","Object","assign"],"mappings":"wOAWO,MAAMA,EAAcC,EAAMC,YAA6C,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAJ,EAAnB,aAC7E,MAAMK,EAAqBC,GAAY,IAChCH,EAAMI,mBAAiD,IAA5BJ,EAAMI,kBAClCJ,EAAMI,kBAAoB,EAAU,EACpCJ,EAAMI,kBAAoB,IAAY,IAEnCJ,EAAMI,kBAJyDJ,EAAMI,mBAK3E,CAACJ,EAAMI,oBAEV,OACEC,eACG,IAECC,EADW,WAAZP,EACEQ,EAEAC,EAFMC,OAAAC,OAAA,CAAA,EAAKV,EAAO,CAAAI,kBAAmBF,IAAsBJ,IAAKA,KAGhE,MAEL"}
+{"version":3,"file":"progressBar.js","sources":["../../../src/components/progressBar/progressBar.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef, useCallback } from 'react';\nimport { Loader } from './components/loader';\nimport { Spinner } from './components/spinner';\nexport const ProgressBar = forwardRef((_a, ref) => {\n    var { variant } = _a, props = __rest(_a, [\"variant\"]);\n    const validatePercentage = useCallback(() => {\n        if (!props.loadingPercentage || props.loadingPercentage === 0)\n            return props.loadingPercentage;\n        if (props.loadingPercentage < 0)\n            return 0;\n        if (props.loadingPercentage > 100)\n            return 100;\n        return props.loadingPercentage;\n    }, [props.loadingPercentage]);\n    return (_jsxs(_Fragment, { children: [' ', variant === 'loader' ? (_jsx(Loader, Object.assign({}, props, { loadingPercentage: validatePercentage(), ref: ref }))) : (_jsx(Spinner, Object.assign({}, props, { loadingPercentage: validatePercentage(), ref: ref }))), ' '] }));\n});\n//# sourceMappingURL=progressBar.js.map"],"names":["ProgressBar","forwardRef","_a","ref","variant","props","__rest","validatePercentage","useCallback","loadingPercentage","_jsxs","_Fragment","children","_jsx","Loader","Spinner","Object","assign"],"mappings":"qPAKY,MAACA,EAAcC,GAAW,CAACC,EAAIC,KACvC,IAAIC,QAAEA,GAAYF,EAAIG,EAAQC,EAAOJ,EAAI,CAAC,YAC1C,MAAMK,EAAqBC,GAAY,IAC9BH,EAAMI,mBAAiD,IAA5BJ,EAAMI,kBAElCJ,EAAMI,kBAAoB,EACnB,EACPJ,EAAMI,kBAAoB,IACnB,IACJJ,EAAMI,kBALFJ,EAAMI,mBAMlB,CAACJ,EAAMI,oBACV,OAAQC,EAAMC,EAAW,CAAEC,SAAU,CAAC,IAA6BC,EAAZ,WAAZT,EAA6BU,EAAkGC,EAA1FC,OAAOC,OAAO,CAAE,EAAEZ,EAAO,CAAEI,kBAAmBF,IAAsBJ,IAAKA,KAA6G,MAAS"}

package/components/radioButton/radioButton.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import i from"react";import o from"@mui/material/Radio";import{styled as l}from"@mui/material/styles";import a from"../common/styled/formControlLabelStyled.js";import{ternaryCondition as n}from"../../utils/utilities.js";const d=i.forwardRef(((e,i)=>{const l=r(s,{disabled:e.disabled,error:e.error,children:[t(o,Object.assign({},e,{ref:i,color:e.error?"error":"primary"})),e.label&&"string"!=typeof e.label&&t("div",{className:"NodeLabelContainer",children:e.label})]});return e.label&&"string"==typeof e.label&&e.label.length>0?t(a,{control:l,label:e.label,disabled:e.disabled,error:e.error}):l})),s=l("div",{shouldForwardProp:e=>"error"!==e&&"disabled"!==e})((r=>{var{theme:t}=r,i=e(r,["theme"]);let o={};return o={display:"flex","& .NodeLabelContainer":{cursor:"pointer",paddingTop:"4px",paddingBottom:"4px",letterSpacing:"0.2px",paddingLeft:"8px",fontSize:"14px",lineHeight:"24px",fontWeight:"400",pointerEvents:n(i.disabled,!0,"none","all"),color:n(i.error&&!i.disabled,!0,t.palette.alert.main,"inherit"),"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},i.disabled&&(o=Object.assign(Object.assign({},o),{color:n(i.disabled,!0,t.palette.disabled.primary,"inherit")})),o}));export{d as RadioButton};
+import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import o from"@mui/material/Radio";import{styled as l}from"@mui/material/styles";import a from"../common/styled/formControlLabelStyled.js";import{ternaryCondition as n}from"../../utils/utilities.js";const d=i(((e,i)=>{const l=r(s,{disabled:e.disabled,error:e.error,children:[t(o,Object.assign({},e,{ref:i,color:e.error?"error":"primary"})),e.label&&"string"!=typeof e.label&&t("div",{className:"NodeLabelContainer",children:e.label})]});return e.label&&"string"==typeof e.label&&e.label.length>0?t(a,{control:l,label:e.label,disabled:e.disabled,error:e.error}):l})),s=l("div",{shouldForwardProp:e=>"error"!==e&&"disabled"!==e})((r=>{var{theme:t}=r,i=e(r,["theme"]);let o={};return o={display:"flex","& .NodeLabelContainer":{cursor:"pointer",paddingTop:"4px",paddingBottom:"4px",letterSpacing:"0.2px",paddingLeft:"8px",fontSize:"14px",lineHeight:"24px",fontWeight:"400",pointerEvents:n(i.disabled,!0,"none","all"),color:n(i.error&&!i.disabled,!0,t.palette.alert.main,"inherit"),"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},i.disabled&&(o=Object.assign(Object.assign({},o),{color:n(i.disabled,!0,t.palette.disabled.primary,"inherit")})),o}));export{d as RadioButton};
 //# sourceMappingURL=radioButton.js.map

package/components/radioButton/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","sources":["../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":[null],"names":["RadioButton","React","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","alert","main","textDecoration","margin","primary"],"mappings":"6SA4DO,MAAMA,EAAcC,EAAMC,YAAgD,CAACC,EAAOC,KACvF,MAAMC,EACJC,EAACC,EAAiB,CAACC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MACxDC,SAAA,CAAAC,EAACC,EAAcC,OAAAC,OAAA,CAAA,EAAKX,EAAK,CAAEC,IAAKA,EAAKW,MAAOZ,EAAMM,MAAQ,QAAU,aACnEN,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBL,EAAK,MAAA,CAAAM,UAAU,qBAAsBP,SAAAP,EAAMa,WAIlG,OAAOb,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBb,EAAMa,MAAME,OAAS,EAC5EP,EAACQ,EAAsB,CAACC,QAASf,EAAOW,MAAOb,EAAMa,MAAOR,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAAS,CAG7G,IAMGF,EAAoBc,EAAO,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WACxD,IAAII,EAAS,CAAA,EA+Bb,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAiBb,EAAKlB,UAAU,EAAM,OAAQ,OAC7DO,MAAOwB,EAAiBb,EAAKjB,QAAUiB,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQC,MAAMC,KAAM,WACtF,MAAO,CACL3B,MAAO,UACP4B,eAAgB,YAChBN,WAAY,OAEd,MAAO,CACLO,OAAQ,KAIVlB,EAAKlB,WACPoB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAiBb,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQhC,SAASqC,QAAS,cAG1EjB,CAAM"}
+{"version":3,"file":"radioButton.js","sources":["../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport MuiRadioButton from '@mui/material/Radio';\nimport { styled } from '@mui/material/styles';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n/**\n * @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n */\nexport const RadioButton = forwardRef((props, ref) => {\n    const radio = (_jsxs(RadioButtonStyled, { disabled: props.disabled, error: props.error, children: [_jsx(MuiRadioButton, Object.assign({}, props, { ref: ref, color: props.error ? 'error' : 'primary' })), props.label && typeof props.label !== 'string' && _jsx(\"div\", { className: \"NodeLabelContainer\", children: props.label })] }));\n    return props.label && typeof props.label === 'string' && props.label.length > 0 ? (_jsx(FormControlLabelStyled, { control: radio, label: props.label, disabled: props.disabled, error: props.error })) : (radio);\n});\n/**\n * @description RadioButton styling definition\n */\nconst RadioButtonStyled = styled('div', {\n    shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    let styles = {};\n    styles = {\n        display: 'flex',\n        '& .NodeLabelContainer': {\n            cursor: 'pointer',\n            paddingTop: '4px',\n            paddingBottom: '4px',\n            letterSpacing: '0.2px',\n            paddingLeft: '8px',\n            fontSize: '14px',\n            lineHeight: '24px',\n            fontWeight: '400',\n            pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n            color: ternaryCondition(args.error && !args.disabled, true, theme.palette.alert.main, 'inherit'),\n            '& a': {\n                color: 'inherit',\n                textDecoration: 'underline',\n                fontWeight: '700',\n            },\n            '& *': {\n                margin: 0,\n            },\n        },\n    };\n    if (args.disabled) {\n        styles = Object.assign(Object.assign({}, styles), { color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit') });\n    }\n    return styles;\n});\n//# sourceMappingURL=radioButton.js.map"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","alert","main","textDecoration","margin","primary"],"mappings":"2TAaY,MAACA,EAAcC,GAAW,CAACC,EAAOC,KAC1C,MAAMC,EAASC,EAAMC,EAAmB,CAAEC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MAAOC,SAAU,CAACC,EAAKC,EAAgBC,OAAOC,OAAO,CAAE,EAAEX,EAAO,CAAEC,IAAKA,EAAKW,MAAOZ,EAAMM,MAAQ,QAAU,aAAeN,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBL,EAAK,MAAO,CAAEM,UAAW,qBAAsBP,SAAUP,EAAMa,WAC5T,OAAOb,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBb,EAAMa,MAAME,OAAS,EAAKP,EAAKQ,EAAwB,CAAEC,QAASf,EAAOW,MAAOb,EAAMa,MAAOR,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAAQ,CAAW,IAK9MF,EAAoBc,EAAO,MAAO,CACpCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD3BF,EAEtBG,IACA,IAAIC,MAAEA,GAAUD,EAAIE,EAAOC,EAAOH,EAAI,CAAC,UACvC,IAAII,EAAS,CAAA,EA2Bb,OA1BAA,EAAS,CACLC,QAAS,OACT,wBAAyB,CACrBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAiBb,EAAKlB,UAAU,EAAM,OAAQ,OAC7DO,MAAOwB,EAAiBb,EAAKjB,QAAUiB,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQC,MAAMC,KAAM,WACtF,MAAO,CACH3B,MAAO,UACP4B,eAAgB,YAChBN,WAAY,OAEhB,MAAO,CACHO,OAAQ,KAIhBlB,EAAKlB,WACLoB,EAASf,OAAOC,OAAOD,OAAOC,OAAO,GAAIc,GAAS,CAAEb,MAAOwB,EAAiBb,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQhC,SAASqC,QAAS,cAE9HjB,CAAM"}

package/components/selectInput/formControlSelectStyled.d.ts

@@ -1,21 +1,9 @@
 /// <reference types="react" />
-export declare const FormControlSelectStyled: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material/FormControl").FormControlClasses>;
-    color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material/FormControl").FormControlPropsColorOverrides>;
-    disabled?: boolean;
-    error?: boolean;
-    fullWidth?: boolean;
-    focused?: boolean;
-    hiddenLabel?: boolean;
-    margin?: "normal" | "none" | "dense";
-    required?: boolean;
-    size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material/FormControl").FormControlPropsSizeOverrides>;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
-    variant?: "standard" | "filled" | "outlined";
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const FormControlSelectStyled: import("@emotion/styled").StyledComponent<import("@mui/material/FormControl").FormControlOwnProps & 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 | "color" | "children" | "sx" | "margin" | "fullWidth" | "variant" | "error" | "required" | "size" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "color" | "margin" | "fullWidth" | "error" | "variant" | "required" | "size" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    component?: import("react").ElementType<any>;
+} & {
     disabled?: boolean;
     hasError?: boolean;
     hideBg?: boolean;

package/components/selectInput/formControlSelectStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlSelectStyled.js","sources":["../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":[null],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","flowColors","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","palette","error","errorColor","alert"],"mappings":"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"}
+{"version":3,"file":"formControlSelectStyled.js","sources":["../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":["import { __rest } from \"tslib\";\nimport MuiFormControl from '@mui/material/FormControl';\nimport { styled } from '@mui/material/styles';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/**\n * @description SelectInput styling definition based on props\n */\nconst handleStyleIcon = (props) => {\n    return {\n        fontSize: '24px !important',\n        position: 'absolute',\n        flexShrink: 0,\n        pointerEvents: 'none',\n        display: 'block',\n        color: props.focused || props.value || props.hovered ? 'inherit' : 'rgba(0, 0, 0, 0.54)',\n    };\n};\nexport const FormControlSelectStyled = styled(MuiFormControl, {\n    shouldForwardProp: (prop) => prop !== 'helpText' &&\n        prop !== 'hideBg' &&\n        prop !== 'hasError' &&\n        prop !== 'hovered' &&\n        prop !== 'value' &&\n        prop !== 'staticLabel',\n})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\n    let styles = {};\n    const styleIcon = handleStyleIcon(props);\n    const styleSelect = {\n        paddingBottom: props.staticLabel ? '16px' : '6px',\n        paddingTop: props.staticLabel ? '16px' : '26px',\n    };\n    styles = {\n        height: '56px',\n        minWidth: '200px !important',\n        background: flowColors.transparent.primary,\n        borderRadius: '4px 4px 0px 0px',\n        borderBottom: props.focused\n            ? `2px solid ${flowColors.brand.primary}`\n            : props.value\n                ? `1px solid ${flowColors.onSurface.os900}`\n                : `1px solid ${flowColors.onSurface.os500}`,\n        '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { width: '50px', top: '16px' }),\n        '& > .MuiFilledInput-root': {\n            position: 'relative',\n            height: '56px',\n        },\n        '& > label.MuiInputLabel-root': {\n            paddingLeft: 0,\n            fontWeight: 400,\n            marginLeft: '0px',\n            transform: 'translate(12, 18px) scale(1)',\n            color: props.hovered || props.focused ? flowColors.text.primary : flowColors.onSurface.os500,\n            maxWidth: 'calc(100% - 56px)',\n            '&:hover': {\n                color: flowColors.text.primary,\n            },\n        },\n        '& > label.MuiInputLabel-root.MuiInputLabel-shrink': {\n            transform: 'translate(14px, 8px) scale(0.75)',\n            paddingLeft: 0,\n            fontWeight: 400,\n            color: props.focused ? flowColors.brand.primary : flowColors.onSurface.os500,\n        },\n        '& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled': {\n            color: flowColors.disabled.primary,\n        },\n        '& > .MuiInputBase-root': {\n            background: 'transparent',\n            width: '100%',\n            paddingLeft: '1px',\n            paddingTop: '0px',\n            '&::after': {\n                display: 'none',\n            },\n            '&::before': {\n                display: 'none',\n            },\n            '& > div.MuiSelect-select': Object.assign(Object.assign({}, styleSelect), { fontSize: '16px', lineHeight: '24px', color: flowColors.onSurface.os900, fontWeight: '500', paddingRight: '50px', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', boxSizing: 'content-box!important', '&:focus': {\n                    background: 'transparent',\n                }, '& > div.MuiListItemText-root': {\n                    marginTop: 0,\n                } }),\n            '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '15.5px', width: '24px', top: '19px' }),\n        },\n    };\n    const labelStyle = styles['& > label.MuiInputLabel-root'];\n    if (props.icon) {\n        styles = Object.assign(Object.assign({}, styles), { '& > label.MuiInputLabel-root': Object.assign(Object.assign({}, labelStyle), { paddingLeft: '40px' }), '& > label.MuiInputLabel-root.MuiInputLabel-shrink': Object.assign(Object.assign({}, styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink']), { transform: 'translate(24px, 8px) scale(0.75)', paddingLeft: '40px' }), '& > .MuiInputBase-root': {\n                background: 'transparent',\n                width: '100%',\n                paddingLeft: '1px',\n                paddingTop: '0px',\n                '& > div.MuiSelect-select': Object.assign(Object.assign({}, styleSelect), { fontSize: '16px', lineHeight: '24px', color: flowColors.onSurface.os900, fontWeight: '500', paddingRight: '56px', paddingLeft: '52px', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', boxSizing: 'content-box!important', '&:focus': {\n                        background: 'transparent',\n                    }, '& > div.MuiListItemText-root': {\n                        marginTop: '14px',\n                    } }),\n                '&::after': {\n                    display: 'none',\n                },\n                '&::before': {\n                    display: 'none',\n                },\n                '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '12.5px', width: '24px', top: '19px', '&:hovered': {} }),\n            } });\n    }\n    if (props.disabled) {\n        labelStyle.color = flowColors.disabled.primary;\n        styles = Object.assign(Object.assign({}, styles), { borderBottom: `1px solid ${flowColors.disabled.primary}`, '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { width: '50px', height: '56px', display: 'inline-flex', top: '0', alignItems: 'center', justifyContent: 'center', paddingBottom: '8px', color: theme.palette.disabled.primary }), '& > .MuiInputBase-root': Object.assign(Object.assign({}, styles['& > .MuiInputBase-root']), { '& > .MuiIcon-root': Object.assign(Object.assign({}, styleIcon), { right: '12.5px', top: '19px', color: theme.palette.disabled.primary }) }) });\n    }\n    if (props.error) {\n        const errorColor = props.focused || props.hovered ? theme.palette.alert['main'] : theme.palette.onSurface.os500;\n        labelStyle.color = errorColor;\n        styles = Object.assign(Object.assign({}, styles), { borderBottom: `2px solid ${theme.palette.alert['main']}`, '& > label.MuiInputLabel-root.MuiInputLabel-shrink': Object.assign(Object.assign({}, styles['& > label.MuiInputLabel-root.MuiInputLabel-shrink']), { color: errorColor }) });\n    }\n    return styles;\n});\n//# sourceMappingURL=formControlSelectStyled.js.map"],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","flowColors","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","palette","error","errorColor","alert"],"mappings":"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"}

package/components/selectInput/hook/useSelectInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectInput.js","sources":["../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":[null],"names":["useSelectInput","inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"yDAEaA,EAAiB,CAC5BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,GAAY,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,GAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,GAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,GAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,GAAU,KACRlB,EAAiBE,EAAS,GACzB,CAACJ,EAAUI,EAAUF,IAGxBkB,GAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,EACjB,GACA,CAACC,EAAiBD,IAErBe,GAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}
+{"version":3,"file":"useSelectInput.js","sources":["../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nexport const useSelectInput = (inputRef, setParentInputWidth, setHelpTextState, fullWidth, helpText, value, setCurrentValue, required, setIsRequired) => {\n    //-Set the current value from select\n    const handleOnChange = useCallback((e, onChange, _setCurrentValue) => {\n        const inputValue = e.target.value;\n        _setCurrentValue(inputValue);\n        onChange && onChange(e);\n    }, []);\n    //Call the onBlur callback from the outside, reset the focused state\n    const handleOnBlur = useCallback((setIsFocused, onBlur) => {\n        setIsFocused(false);\n        onBlur && onBlur();\n    }, []);\n    //Call the onFocus callback from outside, set the focus style to true\n    const handleOnFocus = useCallback((setIsFocused, onFocus) => {\n        setIsFocused(true);\n        onFocus && onFocus();\n    }, []);\n    useEffect(() => {\n        if (!inputRef || !inputRef.current)\n            return;\n        setParentInputWidth(inputRef.current.offsetWidth + 'px');\n    }, [inputRef, fullWidth, setParentInputWidth]);\n    useEffect(() => {\n        setHelpTextState(helpText);\n    }, [inputRef, helpText, setHelpTextState]);\n    //If value passed from outside exists\n    useEffect(() => {\n        if (value && value.length > 0) {\n            setCurrentValue(value);\n        }\n    }, [setCurrentValue, value]);\n    useEffect(() => {\n        setIsRequired(required);\n    }, [required, setIsRequired]);\n    return {\n        handleOnChange,\n        handleOnBlur,\n        handleOnFocus,\n    };\n};\n//# sourceMappingURL=useSelectInput.js.map"],"names":["useSelectInput","inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"mDACY,MAACA,EAAiB,CAACC,EAAUC,EAAqBC,EAAkBC,EAAWC,EAAUC,EAAOC,EAAiBC,EAAUC,KAEnI,MAAMC,EAAiBC,GAAY,CAACC,EAAGC,EAAUC,KAE7CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACxB,IAEGI,EAAeL,GAAY,CAACM,EAAcC,KAC5CD,GAAa,GACbC,GAAUA,GAAQ,GACnB,IAEGC,EAAgBR,GAAY,CAACM,EAAcG,KAC7CH,GAAa,GACbG,GAAWA,GAAS,GACrB,IAkBH,OAjBAC,GAAU,KACDpB,GAAaA,EAASqB,SAE3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACzD,CAACtB,EAAUG,EAAWF,IACzBmB,GAAU,KACNlB,EAAiBE,EAAS,GAC3B,CAACJ,EAAUI,EAAUF,IAExBkB,GAAU,KACFf,GAASA,EAAMkB,OAAS,GACxBjB,EAAgBD,EACnB,GACF,CAACC,EAAiBD,IACrBe,GAAU,KACNZ,EAAcD,EAAS,GACxB,CAACA,EAAUC,IACP,CACHC,iBACAM,eACAG,gBACH"}

package/components/selectInput/inputLabelSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputLabelSelect.js","sources":["../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":[null],"names":["InputLabelSelect","staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"mFAGA,MAAMA,EAAmB,EAAGC,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,EAAW,CAAAC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAC5DK,SAAAL"}
+{"version":3,"file":"inputLabelSelect.js","sources":["../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { InputLabel } from '@mui/material';\nconst InputLabelSelect = ({ staticLabel, currentValue, opened, label }) => {\n    if (staticLabel && currentValue) {\n        return null;\n    }\n    else {\n        return (_jsx(InputLabel, { shrink: currentValue || opened ? true : false, id: label, children: label }));\n    }\n};\nexport default InputLabelSelect;\n//# sourceMappingURL=inputLabelSelect.js.map"],"names":["InputLabelSelect","staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"mFAEK,MAACA,EAAmB,EAAGC,cAAaC,eAAcC,SAAQC,WACvDH,GAAeC,EACR,KAGCG,EAAKC,EAAY,CAAEC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAAOK,SAAUL"}

package/components/selectInput/selectInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { SelectChangeEvent } from '@mui/material/Select';
 /**
  * @interface SelectInputProps
@@ -85,4 +85,4 @@ export interface SelectInputProps {
  * @returns React Functional Component
  * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.
  */
-export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SelectInput: FC<SelectInputProps>;

package/components/selectInput/selectInput.js

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

package/components/selectInput/selectInput.js.map

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

package/components/slider/containerStyled.js.map

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

package/components/slider/slider.d.ts

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

package/components/slider/slider.js

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

package/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":[null],"names":["Slider","React","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","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":"kZAmLA,MAwJaA,EAASC,EAAMC,YAC1B,CACEC,EAqBAC,SArBAC,IACEA,EAAGC,IACHA,EAAGC,aACHA,EAAYC,mBACZA,EAAkBC,cAClBA,EAAaC,eACbA,EAAcC,SACdA,EAAQC,YACRA,EAAWC,KACXA,EAAIC,MACJA,EAAKC,kBACLA,EAAiBC,mBACjBA,EAAqB,GAAEC,mBACvBA,EAAqB,GAAEC,SACvBA,EAAQC,YACRA,EAAWC,mBACXA,EAAqB,IAAGC,iBACxBA,EAAmB,IAAGC,uBACtBA,GAAyB,KACtBC,EAnBLC,EAAArB,EAAA,CAAA,MAAA,MAAA,eAAA,qBAAA,gBAAA,iBAAA,WAAA,cAAA,OAAA,QAAA,oBAAA,qBAAA,qBAAA,WAAA,cAAA,qBAAA,mBAAA,2BAuBA,MAAMsB,EAAiCC,GAAQ,IA5C3B,EACtBrB,EACAC,EACAC,EACAO,SAEca,IAAVb,EAA4BA,OACXa,IAAjBpB,EAAmCA,EACnCD,IAAQD,EAAY,CAAC,EAAGC,IACvBA,GAAOD,EAAYA,EAEjB,EAkCIuB,CAAgBvB,EAAKC,EAAKC,EAAcO,IAC9C,CAACT,EAAKC,EAAKC,EAAcO,KAErBe,EAAQC,GAAaC,EAAiCN,GAE7DO,GAAU,KACJlB,GAAOgB,GAAU,IAAMhB,GAAM,GAChC,CAACA,IAEJ,MAAMmB,EAAmCC,GAAaC,GA7DhC,CAACrB,IACzB,IAAIsB,EAAStB,EAAQuB,SAASvB,IAAU,EAGxC,OAFIwB,MAAMF,KAASA,GAAU,GAEtBA,CAAM,EA0DFG,CAAkBJ,IACxB,IAEGK,EAAkBN,GACtB,CAACO,EAAcN,EAA2BO,KACxC,IAAKC,MAAMC,QAAQT,GAGjB,OAFAL,EAAUK,QACVjB,GAAYA,EAASuB,EAAON,EAAQO,IAIpCZ,EADkB,IAAhBY,EACQ,CAACG,KAAKxC,IAAI8B,EAAO,GAAIA,EAAO,GAAKtB,EAAO,GAAIsB,EAAO,IAEnD,CAACA,EAAO,GAAIU,KAAKvC,IAAI6B,EAAO,GAAIA,EAAO,GAAKtB,EAAO,KAE/DK,GAAYA,EAASuB,EAAON,EAAQO,EAAY,GAElD,CAACxB,EAAUL,IAGPiC,EAAsBZ,GACzBa,IACC,IAAIC,EAAWf,EAAiCc,EAAEE,OAAOnC,OACrDkC,EAAW1C,IAAK0C,EAAW1C,GAE/BY,GAAYA,EAAS6B,EAAGC,GACxBlB,GAAU,IAAMkB,GAAS,GAE3B,CAACf,EAAkC3B,EAAKY,IAGpCgC,EAAsBhB,GAC1B,CAACa,EAAwCI,KACvC,IAAIH,EAAWf,EAAiCc,EAAEE,OAAOnC,OAC3C,IAAVqC,GAAeH,EAAW1C,EAAK0C,EAAW1C,EAC3B,IAAV6C,GAAeH,EAAWnB,EAAO,KAAImB,EAAWnB,EAAO,IAChEC,GAAWsB,IACT,IAAIC,EAAgB,IAAID,GAMxB,OALAC,EAAcF,GAASH,EACnBK,EAAc,GAAKA,EAAc,KACnCA,EAAgB,CAAC,EAAGxC,EAAO,IAE7BK,GAAYA,EAAS6B,EAAGM,EAAeF,GAChCE,CAAa,GACpB,GAEJ,CAACpB,EAAkC3B,EAAKY,EAAUL,EAAMgB,IAGpDyB,EAAkB5B,GAAQ,IACvBiB,MAAMC,QAAQf,GA9OK,EAC9B0B,EACA1B,EACApB,EACAC,EACAM,EACAC,EACAC,EACAsC,EACA7C,EACAI,EACAK,EACAC,EACAC,KAEA,GAAa,YAATiC,IAAuBA,EAAM,CAC/B,MAAME,EAASC,EACQ,iBAAd7B,EAAO,GAAkBA,EAAO,GAAKQ,SAASR,EAAO,IAC5DR,EACAD,EACAE,GAEIqC,EAASD,EACQ,iBAAd7B,EAAO,GAAkBA,EAAO,GAAKQ,SAASR,EAAO,IAC5DR,EACAD,EACAE,GAEF,OACEsC,EAAK,MAAA,CAAAC,UAAU,eACbC,SAAA,CAAAC,EAAA,MAAA,CAAA,cAAiB,gBAAeD,SAC7B/C,EAAoB,GAAGC,KAAsByC,IAAW,GAAGA,KAAUzC,MAExE+C,SAAKF,UAAU,gBACfE,EAAA,MAAA,CAAA,cAAiB,gBAAeD,SAC7B/C,EAAoB,GAAGE,KAAsB0C,IAAW,GAAGA,KAAU1C,QAI7E,CAED,OACE2C,EAAA,MAAA,CAAKC,UAAU,eACbC,SAAA,CAAAC,EAACC,EAAoB,CACnBC,GAAG,uCACH/C,SAAUA,EACVsC,OAAQA,EACR1C,MAAOe,EAAO,GACdT,mBAAoBA,EACpBC,iBAAkBA,EAClBC,uBAAwBA,EACxB6B,MAAO,EACPxC,SAAUA,EACVuD,gBAAiBlD,EACjBmD,UAAoB,UAATZ,EAAmB,KAAO9C,EACrCM,kBAAmBA,EAAiB,cACxB,kBAEdgD,EAAK,MAAA,CAAAF,UAAU,gBACfE,EAACC,EAAoB,CACnBC,GAAG,wCACH/C,SAAUA,EACVsC,OAAQA,EACR1C,MAAOe,EAAO,GACdT,mBAAoBA,EACpBC,iBAAkBA,EAClBC,uBAAwBA,EACxB6B,MAAO,EACPxC,SAAUA,EACVuD,gBAAiBjD,EACjBkD,UAAoB,iBAATZ,EAA0B7C,EAAiB,KACtDK,kBAAmBA,EACP,cAAA,oBAGhB,EAoKMqD,CACE5D,EACAqB,EACApB,EACAC,EACAM,EACAC,EACAiC,EACA/B,EACAR,EACAI,EACAK,EACAC,EACAC,GA9KoB,EAC9BiC,EACA1B,EACApB,EACAO,EACAE,EACAsC,EACA7C,EACAI,EACAK,EACAC,EACAC,KAEA,GAAa,YAATiC,IAAuBA,EAAM,CAC/B,MAAMc,EAAMX,EACQ,iBAAX7B,EAAsBA,EAASQ,SAASR,GAC/CR,EACAD,EACAE,GAEF,OACEsC,EAAiB,MAAA,CAAA,cAAA,gBACdE,SAAA,CAAA9C,GAAsBD,EACnB,GAAGC,KAAsBqD,IACzBrD,EACA,GAAGqD,KAAOrD,IACVqD,EAAK,MAGd,CAED,OACEN,EAACC,EACC,CAAAC,GAAG,kCACHnD,MAAOe,EACPT,mBAAoBA,EACpBC,iBAAkBA,EAClBC,uBAAwBA,EACxBJ,SAAUA,EACVsC,OAAQA,EACR7C,SAAUA,EACVuD,gBAAiBlD,EACjBmD,UAAoB,iBAATZ,EAA0B9C,EAAgB,KACrDM,kBAAmBA,GAErB,EAmIMuD,CACE9D,EACAqB,EACApB,EACAO,EACA8B,EACA3B,EACAR,EACAI,EACAK,EACAC,EACAC,IAEL,CACDX,EACAI,EACAN,EACAQ,EACAD,EACAkC,EACAJ,EACA3B,EACAT,EACAF,EACAqB,EACAT,EACAC,EACAC,IAGF,OACEsC,EAACW,EAAe,CACdzD,MAAOe,EACP2C,MAAOjD,EAAMiD,oBACD,SAAQ,aACR7D,EAAW,gBAAagB,YAEpCoC,EAACU,mBACKlD,EAAK,CACTZ,SAAUA,EACVP,IAAKA,EACLc,SAAUsB,EACVnC,IAAKA,EACLC,IAAKA,EACLO,KAAMA,EACND,YAAaA,EACb8D,iBAAmBC,GAAMjB,EAAmBiB,EAAGtD,EAAkBD,EAAoBE,GACrFR,MAAOe,KAETkC,EAACa,EAAkB,CAACjE,SAAUA,WAAW2C,MAE3C,IAOAmB,EAAeI,EAAOC,EAAW,CACrCC,kBAAoBC,GACT,uBAATA,GACS,uBAATA,GACS,kBAATA,GACS,mBAATA,GACS,uBAATA,GANiBH,EAOD1E,IAAA,IAAY8E,EAAIzD,EAAArB,EAAhB,WAClB,IAAK8E,EAAKT,MAAO,OAAO,KAExB,IAAIU,EAAO,CAAA,EACKvC,MAAMC,QAAQqC,EAAKnE,SAEjCoE,EAAO,CACL,qBAAsB,CACpBC,KAAM,qBAIZ,IAAIC,EAAQ,CACV,oBAAqB,CACnBD,KAAM,OACNE,aAAc,QAKlB,OADAD,EAAaE,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,GAAUF,GAChBE,CAAK,IAGR1B,EAAqB,CACzB8B,EACAnE,EACAD,EACAE,IAEIA,EAA+BkE,EAAIC,UAAUC,QAAQ,wBAAyBtE,GAC3EoE,EACJC,QAAQ,GACRC,QAAQ,IAAKrE,GACbqE,QAAQ,wBAAyBtE"}
+{"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/* eslint-disable sonarjs/cognitive-complexity */\nimport { forwardRef } from 'react';\nimport MuiSlider from '@mui/material/Slider';\nimport { styled } from '@mui/material/styles';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { ContainerStyled } from './containerStyled';\nconst getDoubleValueComponent = (type, values, leftSideLabel, rightSideLabel, minTextDescription, maxTextDescription, onChange, onBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator) => {\n    if (type === 'default' || !type) {\n        const minVal = getFormattedString(typeof values[0] === 'number' ? values[0] : parseInt(values[0]), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n        const maxVal = getFormattedString(typeof values[1] === 'number' ? values[1] : parseInt(values[1]), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n        return (_jsxs(\"div\", { className: \"range-values\", children: [_jsx(\"div\", { \"data-testid\": \"Slider.minVal\", children: isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}` }), _jsx(\"div\", { className: \"middle-side\" }), _jsx(\"div\", { \"data-testid\": \"Slider.maxVal\", children: isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}` })] }));\n    }\n    return (_jsxs(\"div\", { className: \"range-values\", children: [_jsx(ResizableSliderInput, { id: \"slider-double-value-left-label-input\", onChange: onChange, onBlur: onBlur, value: values[0], thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, thumb: 0, disabled: disabled, textDescription: minTextDescription, labelText: type === 'input' ? null : leftSideLabel, isCurrencyInFront: isCurrencyInFront, \"data-testid\": \"Slider.minVal\" }), _jsx(\"div\", { className: \"middle-side\" }), _jsx(ResizableSliderInput, { id: \"slider-double-value-right-label-input\", onChange: onChange, onBlur: onBlur, value: values[1], thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, thumb: 1, disabled: disabled, textDescription: maxTextDescription, labelText: type === 'labeledInput' ? rightSideLabel : null, isCurrencyInFront: isCurrencyInFront, \"data-testid\": \"Slider.maxVal\" })] }));\n};\nconst getSingleValueComponent = (type, values, leftSideLabel, minTextDescription, onChange, onBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator) => {\n    if (type === 'default' || !type) {\n        const val = getFormattedString(typeof values === 'number' ? values : parseInt(values), decimalSeparator, thousandsSeparator, hiddenDecimalSeparator);\n        return (_jsxs(\"div\", { \"data-testid\": \"Slider.minVal\", children: [minTextDescription && isCurrencyInFront\n                    ? `${minTextDescription} ${val}`\n                    : minTextDescription\n                        ? `${val} ${minTextDescription}`\n                        : val, ' '] }));\n    }\n    return (_jsx(ResizableSliderInput, { id: \"slider-single-value-label-input\", value: values, thousandsSeparator: thousandsSeparator, decimalSeparator: decimalSeparator, hiddenDecimalSeparator: hiddenDecimalSeparator, onChange: onChange, onBlur: onBlur, disabled: disabled, textDescription: minTextDescription, labelText: type === 'labeledInput' ? leftSideLabel : null, isCurrencyInFront: isCurrencyInFront }));\n};\nconst getFormattedValue = (value) => {\n    let result = value ? parseInt(value) : -1;\n    if (isNaN(result))\n        result = -1;\n    return result;\n};\nconst getInitialValue = (min, max, defaultValue, value) => {\n    if (value !== undefined)\n        return value;\n    if (defaultValue !== undefined)\n        return defaultValue;\n    if (max && !min)\n        return [0, max];\n    if (!max && min)\n        return min;\n    return 0;\n};\n/**\n * @description Styled SkodaFlow Slider component\n * @param props SliderProps\n * @returns React Functional Component\n */\nexport const Slider = forwardRef((_a, ref) => {\n    var { min, max, defaultValue, valueComponentType, leftSideLabel, rightSideLabel, disabled, disableSwap, step, value, isCurrencyInFront, minTextDescription = '', maxTextDescription = '', onChange, onInputBlur, thousandsSeparator = ' ', decimalSeparator = ',', hiddenDecimalSeparator = true } = _a, props = __rest(_a, [\"min\", \"max\", \"defaultValue\", \"valueComponentType\", \"leftSideLabel\", \"rightSideLabel\", \"disabled\", \"disableSwap\", \"step\", \"value\", \"isCurrencyInFront\", \"minTextDescription\", \"maxTextDescription\", \"onChange\", \"onInputBlur\", \"thousandsSeparator\", \"decimalSeparator\", \"hiddenDecimalSeparator\"]);\n    const getInitialValueWithUseCallBack = useMemo(() => {\n        return getInitialValue(min, max, defaultValue, value);\n    }, [min, max, defaultValue, value]);\n    const [values, setValues] = useState(getInitialValueWithUseCallBack);\n    useEffect(() => {\n        if (value)\n            setValues(() => value);\n    }, [value]);\n    const getFormattedValueWithUseCallBack = useCallback((_value) => {\n        return getFormattedValue(_value);\n    }, []);\n    const onChangeHandler = useCallback((event, _value, activeThumb) => {\n        if (!Array.isArray(_value)) {\n            setValues(_value);\n            onChange && onChange(event, _value, activeThumb);\n            return;\n        }\n        if (activeThumb === 0) {\n            setValues([Math.min(_value[0], _value[1] - step - 1), _value[1]]);\n        }\n        else {\n            setValues([_value[0], Math.max(_value[1], _value[0] + step + 1)]);\n        }\n        onChange && onChange(event, _value, activeThumb);\n    }, [onChange, step]);\n    const onChangeSingleValue = useCallback((e) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (newValue > max)\n            newValue = max;\n        onChange && onChange(e, newValue);\n        setValues(() => newValue);\n    }, [getFormattedValueWithUseCallBack, max, onChange]);\n    const onChangeDoubleValue = useCallback((e, thumb) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (thumb === 1 && newValue > max)\n            newValue = max;\n        else if (thumb === 0 && newValue > values[1])\n            newValue = values[1];\n        setValues((curr) => {\n            let newArrayValue = [...curr];\n            newArrayValue[thumb] = newValue;\n            if (newArrayValue[0] > newArrayValue[1]) {\n                newArrayValue = [0, step + 1];\n            }\n            onChange && onChange(e, newArrayValue, thumb);\n            return newArrayValue;\n        });\n    }, [getFormattedValueWithUseCallBack, max, onChange, step, values]);\n    const valuesComponent = useMemo(() => {\n        return Array.isArray(values)\n            ? getDoubleValueComponent(valueComponentType, values, leftSideLabel, rightSideLabel, minTextDescription, maxTextDescription, onChangeDoubleValue, onInputBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator)\n            : getSingleValueComponent(valueComponentType, values, leftSideLabel, minTextDescription, onChangeSingleValue, onInputBlur, disabled, isCurrencyInFront, thousandsSeparator, decimalSeparator, hiddenDecimalSeparator);\n    }, [\n        disabled,\n        isCurrencyInFront,\n        leftSideLabel,\n        maxTextDescription,\n        minTextDescription,\n        onChangeDoubleValue,\n        onChangeSingleValue,\n        onInputBlur,\n        rightSideLabel,\n        valueComponentType,\n        values,\n        thousandsSeparator,\n        decimalSeparator,\n        hiddenDecimalSeparator,\n    ]);\n    return (_jsxs(ContainerStyled, { value: values, marks: props.marks, \"data-testid\": \"Slider\", \"data-state\": disabled ? 'disabled' : undefined, children: [_jsx(SliderStyled, Object.assign({}, props, { disabled: disabled, ref: ref, onChange: onChangeHandler, min: min, max: max, step: step, disableSwap: disableSwap, valueLabelFormat: (v) => getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator), value: values })), _jsx(SliderValuesStyled, { disabled: disabled, children: valuesComponent })] }));\n});\n/**\n * @description Slider styling definition\n */\nconst SliderStyled = styled(MuiSlider, {\n    shouldForwardProp: (prop) => prop !== 'minTextDescription' &&\n        prop !== 'maxTextDescription' &&\n        prop !== 'leftSideLabel' &&\n        prop !== 'rightSideLabel' &&\n        prop !== 'valueComponentType',\n})((_a) => {\n    var { theme } = _a, args = __rest(_a, [\"theme\"]);\n    if (!args.marks)\n        return null;\n    let rule = {};\n    const isArray = Array.isArray(args.value);\n    if (!isArray)\n        rule = {\n            '& .MuiSlider-track': {\n                left: '-3px !important',\n            },\n        };\n    let style = {\n        '& .MuiSlider-rail': {\n            left: '-3px',\n            paddingRight: '6px',\n        },\n    };\n    style = Object.assign(Object.assign({}, style), rule);\n    return style;\n});\nconst getFormattedString = (num, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator) => {\n    if (hiddenDecimalSeparator)\n        return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n    return num\n        .toFixed(2)\n        .replace('.', decimalSeparator)\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n};\n//# sourceMappingURL=slider.js.map"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","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.d.ts

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