npm - @skodaflow/web-library - Versions diffs - 7.15.0 → 7.15.1 - Mend

@skodaflow/web-library 7.15.0 → 7.15.1

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

Files changed (2177) hide show

package/cjs/components/selectInput/formControlSelectStyled.js.map CHANGED Viewed

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

package/cjs/components/selectInput/hook/useSelectInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSelectInput.js","sources":["../../../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport const useSelectInput = (\n inputRef,\n setParentInputWidth,\n setHelpTextState,\n fullWidth,\n helpText,\n value,\n setCurrentValue,\n required,\n setIsRequired,\n) => {\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\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\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\n useEffect(() => {\n if (!inputRef \|\| !inputRef.current) return;\n setParentInputWidth(inputRef.current.offsetWidth + 'px');\n }, [inputRef, fullWidth, setParentInputWidth]);\n\n useEffect(() => {\n setHelpTextState(helpText);\n }, [inputRef, helpText, setHelpTextState]);\n\n //If value passed from outside exists\n useEffect(() => {\n if (value && value.length > 0) {\n setCurrentValue(value);\n }\n }, [setCurrentValue, value]);\n\n useEffect(() => {\n setIsRequired(required);\n }, [required, setIsRequired]);\n\n return {\n handleOnChange,\n handleOnBlur,\n handleOnFocus,\n };\n};\n"],"names":["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":"2DAE8B,CAC5BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,~~EAAWA~~,~~aAAC~~,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,EAAAA,aAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,EAAAA,aAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,EAAAA,WAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,EAAAA,WAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,EAAAA,WAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,~~KAEjB~~,CAACC,EAAiBD,IAErBe,EAAAA,WAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}
1	+ {"version":3,"file":"useSelectInput.js","sources":["../../../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport const useSelectInput = (\n inputRef,\n setParentInputWidth,\n setHelpTextState,\n fullWidth,\n helpText,\n value,\n setCurrentValue,\n required,\n setIsRequired,\n) => {\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\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\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\n useEffect(() => {\n if (!inputRef \|\| !inputRef.current) return;\n setParentInputWidth(inputRef.current.offsetWidth + 'px');\n }, [inputRef, fullWidth, setParentInputWidth]);\n\n useEffect(() => {\n setHelpTextState(helpText);\n }, [inputRef, helpText, setHelpTextState]);\n\n //If value passed from outside exists\n useEffect(() => {\n if (value && value.length > 0) {\n setCurrentValue(value);\n }\n }, [setCurrentValue, value]);\n\n useEffect(() => {\n setIsRequired(required);\n }, [required, setIsRequired]);\n\n return {\n handleOnChange,\n handleOnBlur,\n handleOnFocus,\n };\n};\n"],"names":["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":"2DAE8B,CAC5BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,EAAAA,aAAY,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,EAAAA,aAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,EAAAA,aAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,EAAAA,WAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,EAAAA,WAAU,QAEP,CAACpB,EAAUI,EAAUF,IAGxBkB,EAAAA,WAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,EAClB,GACC,CAACC,EAAiBD,IAErBe,EAAAA,WAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}

package/cjs/components/selectInput/inputLabelSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inputLabelSelect.js","sources":["../../../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":["import { InputLabel } from '@mui/material';\nimport React from 'react';\n\nconst InputLabelSelect = ({ staticLabel, currentValue, opened, label }) => {\n if (staticLabel && currentValue) {\n return null;\n } else {\n return (\n <InputLabel shrink={currentValue \|\| opened ? true : false} id={label}>\n {label}\n </InputLabel>\n );\n }\n};\n\nexport default InputLabelSelect;\n"],"names":["staticLabel","currentValue","opened","label","_jsx","~~jsx","~~InputLabel","shrink","id","children"],"mappings":"kJAGyB,EAAGA,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,~~EAACC~~,~~IAAAC~~,~~EAAUA~~,~~WAAC~~,~~CAAAC~~,~~UAAQN~~,IAAgBC,~~GAAuBM~~,~~GAAIL~~,~~EAC5DM~~,~~SAAAN~~"}
1	+ {"version":3,"file":"inputLabelSelect.js","sources":["../../../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":["import { InputLabel } from '@mui/material';\nimport React from 'react';\n\nconst InputLabelSelect = ({ staticLabel, currentValue, opened, label }) => {\n if (staticLabel && currentValue) {\n return null;\n } else {\n return (\n <InputLabel shrink={currentValue \|\| opened ? true : false} id={label}>\n {label}\n </InputLabel>\n );\n }\n};\n\nexport default InputLabelSelect;\n"],"names":["staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"kJAGyB,EAAGA,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAAAA,IAACC,EAAAA,WAAU,CAACC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAAKK,SACjEL"}

package/cjs/components/selectInput/selectInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("./formControlSelectStyled.js"),l=require("../icon/icon.js");require("../icon/icon.definitions.js");var o=require("./hook/useSelectInput.js"),a=require("./inputLabelSelect.js"),u=require("@mui/material"),i=require("../common/helperText.js");const s=u.styled(u.Select,{shouldForwardProp:e=>"hasIcon"!==e&&"fullWidth"!==e})((r=>{var{theme:t}=r,n=e.__rest(r,["theme"]);if(!n.fullWidth)return null;return{"& > .MuiSelect-filled":{position:"absolute",left:0,top:0,width:n.hasIcon?"calc(100% - 102px) !important":"calc(100% - 62px) !important"}}}));exports.SelectInput=c=>{var{label:d=null,onChange:h,onBlur:p,onFocus:x,value:m,children:b,staticLabel:f,InputProps:S,fullWidth:j=!0,removeSelectMenuMaxWidth:v}=c,I=e.__rest(c,["label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth"]);const[q,g]=t.useState(""),[M,F]=t.useState(!1),[W,C]=t.useState(!1),[B,k]=t.useState(!1),[L,T]=t.useState(!1),[w,O]=t.useState(null),{handleOnBlur:P,handleOnChange:_,handleOnFocus:y}=o.useSelectInput(M,(()=>{}),(()=>{}),j,I.helpText,m,g,I.required,k),E=t.useRef(null),R=t.useRef(null),V={sx:w?{maxWidth:v?"unset":w,"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}:{"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}};return r.jsx(r.Fragment,{children:r.jsxs(n.FormControlSelectStyled,Object.assign({},I,{ref:R,staticLabel:f,sx:j?{}:{width:"200px"},disabled:I.disabled,error:I.hasError,value:q,hideBg:I.hideBg,onMouseEnter:()=>{!W&&!L&&C(!0)},onMouseLeave:()=>{W&&!L&&C(!1)},onMouseDown:e=>{const r=e.currentTarget.offsetWidth;O(r)},icon:I.icon,hovered:W,focused:M,variant:"filled",fullWidth:j,children:[I.icon&&r.jsx(l.Icon,{color:I.disabled?"disabled":"inherit",name:I.icon}),r.jsx(a.default,{staticLabel:f,label:d,opened:L,currentValue:q}),r.jsx(s,{variant:"filled",MenuProps:V,required:B,onOpen:()=>{T(!0)},onClose:()=>{F(!1),C(!1),T(!1)},onBlur:()=>P(F,p),onFocus:()=>y(F,x),IconComponent:()=>L?r.jsx(l.Icon,{name:"chevron-up"}):r.jsx(l.Icon,{name:"chevron-down"}),labelId:d,id:I.id,name:I.name,value:q,onChange:e=>_(e,h,g),ref:E,hasIcon:!!I.icon,fullWidth:j,children:b}),r.jsx(u.FormHelperText,{children:r.jsx(i.default,{maxChars:0,currentValue:q,helpText:I.helpText})})]}))})};
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("./formControlSelectStyled.js"),l=require("../icon/Icon.js");require("../icon/FlowIcon.js"),require("../icon/icon.definitions.js"),require("../icon/filled/ATMFilledIcon.js"),require("../icon/filled/AddFilledIcon.js"),require("../icon/filled/AirFilterFilledIcon.js"),require("../icon/filled/AISuggestionFilledIcon.js"),require("../icon/filled/ArchiveFilledIcon.js"),require("../icon/filled/ArrowBottomLeftFilledIcon.js"),require("../icon/filled/ArrowBottomRightFilledIcon.js"),require("../icon/filled/ArrowCircleBottomLeftFilledIcon.js"),require("../icon/filled/ArrowCircleBottomRightFilledIcon.js"),require("../icon/filled/ArrowCircleDownFilledIcon.js"),require("../icon/filled/ArrowCircleLeftFilledIcon.js"),require("../icon/filled/ArrowCircleRightFilledIcon.js"),require("../icon/filled/ArrowCircleTopLeftFilledIcon.js"),require("../icon/filled/ArrowCircleTopRightFilledIcon.js"),require("../icon/filled/ArrowCircleUpFilledIcon.js"),require("../icon/filled/ArrowCurvedDownFilledIcon.js"),require("../icon/filled/ArrowCurvedDownFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedLeftFilledIcon.js"),require("../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedRightFilledIcon.js"),require("../icon/filled/ArrowCurvedRightFlippedFilledIcon.js"),require("../icon/filled/ArrowCurvedUpFilledIcon.js"),require("../icon/filled/ArrowCurvedUpFlippedFilledIcon.js"),require("../icon/filled/ArrowDownFilledIcon.js"),require("../icon/filled/ArrowLeftFilledIcon.js"),require("../icon/filled/ArrowRightFilledIcon.js"),require("../icon/filled/ArrowTopLeftFilledIcon.js"),require("../icon/filled/ArrowTopRightFilledIcon.js"),require("../icon/filled/ArrowUpFilledIcon.js"),require("../icon/filled/ArtboardFilledIcon.js"),require("../icon/filled/AssistanceFilledIcon.js"),require("../icon/filled/AudioMidFilledIcon.js"),require("../icon/filled/AudioMuteFilledIcon.js"),require("../icon/filled/AudioOffFilledIcon.js"),require("../icon/filled/AudioOnFilledIcon.js"),require("../icon/filled/BackToParentFilledIcon.js"),require("../icon/filled/BadgeFilledIcon.js"),require("../icon/filled/BalloonFilledIcon.js"),require("../icon/filled/BarFilledIcon.js"),require("../icon/filled/BarCodeFilledIcon.js"),require("../icon/filled/Battery0FilledIcon.js"),require("../icon/filled/Battery10FilledIcon.js"),require("../icon/filled/Battery100FilledIcon.js"),require("../icon/filled/Battery20FilledIcon.js"),require("../icon/filled/Battery30FilledIcon.js"),require("../icon/filled/Battery40FilledIcon.js"),require("../icon/filled/Battery50FilledIcon.js"),require("../icon/filled/Battery60FilledIcon.js"),require("../icon/filled/Battery70FilledIcon.js"),require("../icon/filled/Battery80FilledIcon.js"),require("../icon/filled/Battery90FilledIcon.js"),require("../icon/filled/BatteryChargingFilledIcon.js"),require("../icon/filled/BatteryDischargeFilledIcon.js"),require("../icon/filled/BatteryEmptyFilledIcon.js"),require("../icon/filled/BatteryErrorFilledIcon.js"),require("../icon/filled/BatteryFullFilledIcon.js"),require("../icon/filled/BatteryHighVoltageFilledIcon.js"),require("../icon/filled/BatteryOneThirdFilledIcon.js"),require("../icon/filled/BatteryTwoThirdsFilledIcon.js"),require("../icon/filled/BatteryFilledIcon.js"),require("../icon/filled/BellFilledIcon.js"),require("../icon/filled/BicycleFilledIcon.js"),require("../icon/filled/BoltDischargeFilledIcon.js"),require("../icon/filled/BoltFilledIcon.js"),require("../icon/filled/BoltMotionFilledIcon.js"),require("../icon/filled/BoltOffFilledIcon.js"),require("../icon/filled/BonnetClosedFilledIcon.js"),require("../icon/filled/BonnetOpenFilledIcon.js"),require("../icon/filled/BookmarkFilledIcon.js"),require("../icon/filled/BootClosedFilledIcon.js"),require("../icon/filled/BootOpenFilledIcon.js"),require("../icon/filled/BoxFilledIcon.js"),require("../icon/filled/BrakeFluidFilledIcon.js"),require("../icon/filled/BrakesFilledIcon.js"),require("../icon/filled/BrightnessFilledIcon.js"),require("../icon/filled/BuildingFilledIcon.js"),require("../icon/filled/CalculatorFilledIcon.js"),require("../icon/filled/CalendarCalendarFilledIcon.js"),require("../icon/filled/CalendarCheckFilledIcon.js"),require("../icon/filled/CalendarPointFilledIcon.js"),require("../icon/filled/CameraFilledIcon.js"),require("../icon/filled/CampingFilledIcon.js"),require("../icon/filled/CarAccidentFilledIcon.js"),require("../icon/filled/CarBackFilledIcon.js"),require("../icon/filled/CarComparisonFilledIcon.js"),require("../icon/filled/CarHandFilledIcon.js"),require("../icon/filled/CarInfoFilledIcon.js"),require("../icon/filled/CarMagnifierFilledIcon.js"),require("../icon/filled/CarSeatFilledIcon.js"),require("../icon/filled/CarSendFilledIcon.js"),require("../icon/filled/CarSideFilledIcon.js"),require("../icon/filled/CarStarFilledIcon.js"),require("../icon/filled/CarTechnicalInfoFilledIcon.js"),require("../icon/filled/CareMobilityFilledIcon.js"),require("../icon/filled/CarFilledIcon.js"),require("../icon/filled/CarDoorFilledIcon.js"),require("../icon/filled/CarStatusFilledIcon.js"),require("../icon/filled/CardFilledIcon.js"),require("../icon/filled/ChangeOrderFilledIcon.js"),require("../icon/filled/ChatFilledIcon.js"),require("../icon/filled/CheckFilledIcon.js"),require("../icon/filled/ChevronCircleDownFilledIcon.js"),require("../icon/filled/ChevronCircleLeftFilledIcon.js"),require("../icon/filled/ChevronCircleRightFilledIcon.js"),require("../icon/filled/ChevronCircleUpFilledIcon.js"),require("../icon/filled/ChevronDoubleDownFilledIcon.js"),require("../icon/filled/ChevronDoubleLeftFilledIcon.js"),require("../icon/filled/ChevronDoubleRightFilledIcon.js"),require("../icon/filled/ChevronDoubleUpFilledIcon.js"),require("../icon/filled/ChevronDownFilledIcon.js"),require("../icon/filled/ChevronLeftFilledIcon.js"),require("../icon/filled/ChevronNextFilledIcon.js"),require("../icon/filled/ChevronPreviousFilledIcon.js"),require("../icon/filled/ChevronRightFilledIcon.js"),require("../icon/filled/ChevronUpFilledIcon.js"),require("../icon/filled/CircleBluetoothFilledIcon.js"),require("../icon/filled/CircleCheckFilledIcon.js"),require("../icon/filled/CircleCloseFilledIcon.js"),require("../icon/filled/CircleDownloadFilledIcon.js"),require("../icon/filled/CircleExclamationFilledIcon.js"),require("../icon/filled/CircleInformationFilledIcon.js"),require("../icon/filled/CircleMinusFilledIcon.js"),require("../icon/filled/CirclePlusFilledIcon.js"),require("../icon/filled/CircleQuestionFilledIcon.js"),require("../icon/filled/CircleSlashFilledIcon.js"),require("../icon/filled/CircleUploadFilledIcon.js"),require("../icon/filled/ClipFilledIcon.js"),require("../icon/filled/ClockFilledIcon.js"),require("../icon/filled/CloseFilledIcon.js"),require("../icon/filled/ClosedcaptionsFilledIcon.js"),require("../icon/filled/CloudCO2FilledIcon.js"),require("../icon/filled/CloudDownloadFilledIcon.js"),require("../icon/filled/CloudUploadFilledIcon.js"),require("../icon/filled/ColoursFilledIcon.js"),require("../icon/filled/ComfortFilledIcon.js"),require("../icon/filled/ContrastFilledIcon.js"),require("../icon/filled/ControlsForwardFilledIcon.js"),require("../icon/filled/ControlsPauseFilledIcon.js"),require("../icon/filled/ControlsPlayFilledIcon.js"),require("../icon/filled/ControlsRecordFilledIcon.js"),require("../icon/filled/ControlsReverseFilledIcon.js"),require("../icon/filled/ControlsRewindFilledIcon.js"),require("../icon/filled/ControlsSkipNextFilledIcon.js"),require("../icon/filled/ControlsSkipPreviousFilledIcon.js"),require("../icon/filled/ControlsStopFilledIcon.js"),require("../icon/filled/CookieFilledIcon.js"),require("../icon/filled/CultureFilledIcon.js"),require("../icon/filled/CopyFilledIcon.js"),require("../icon/filled/CutFilledIcon.js"),require("../icon/filled/DealerFilledIcon.js"),require("../icon/filled/DealershipServiceFilledIcon.js"),require("../icon/filled/DeliveryFilledIcon.js"),require("../icon/filled/DetailsFilledIcon.js"),require("../icon/filled/DeviceSmartphoneFilledIcon.js"),require("../icon/filled/DoorsClosedFilledIcon.js"),require("../icon/filled/DoorsOpenFilledIcon.js"),require("../icon/filled/DownloadFilledIcon.js"),require("../icon/filled/DraghandleFilledIcon.js"),require("../icon/filled/EditFilledIcon.js"),require("../icon/filled/ElectricChargerFilledIcon.js"),require("../icon/filled/ElectricChargerOffFilledIcon.js"),require("../icon/filled/EmptystateFilledIcon.js"),require("../icon/filled/EngineFilledIcon.js"),require("../icon/filled/EngineOilFilledIcon.js"),require("../icon/filled/EntertainmentFilledIcon.js"),require("../icon/filled/EqualsignFilledIcon.js"),require("../icon/filled/ExportFilledIcon.js"),require("../icon/filled/ExternalLinkFilledIcon.js"),require("../icon/filled/FacebookFilledIcon.js"),require("../icon/filled/FactoryFilledIcon.js"),require("../icon/filled/FanFilledIcon.js"),require("../icon/filled/FeedbackFilledIcon.js"),require("../icon/filled/FileFilledIcon.js"),require("../icon/filled/FileMissingFilledIcon.js"),require("../icon/filled/FileNewFilledIcon.js"),require("../icon/filled/FilterFilledIcon.js"),require("../icon/filled/FiltersFilledIcon.js"),require("../icon/filled/FingerPrintFilledIcon.js"),require("../icon/filled/FirstAidFilledIcon.js"),require("../icon/filled/FlashFilledIcon.js"),require("../icon/filled/FolderFilledIcon.js"),require("../icon/filled/FolderShareFilledIcon.js"),require("../icon/filled/FoodFilledIcon.js"),require("../icon/filled/FourwheeldriveFilledIcon.js"),require("../icon/filled/FrontaxleFilledIcon.js"),require("../icon/filled/FuelSavingsFilledIcon.js"),require("../icon/filled/FullscreenEnterFilledIcon.js"),require("../icon/filled/FullscreenExitFilledIcon.js"),require("../icon/filled/GarageFilledIcon.js"),require("../icon/filled/GaugeFilledIcon.js"),require("../icon/filled/GlobeFilledIcon.js"),require("../icon/filled/GroupFilledIcon.js"),require("../icon/filled/HandkeyFilledIcon.js"),require("../icon/filled/HealthScanFilledIcon.js"),require("../icon/filled/HeartFilledIcon.js"),require("../icon/filled/HideFilledIcon.js"),require("../icon/filled/HistoryFilledIcon.js"),require("../icon/filled/HomeFilledIcon.js"),require("../icon/filled/HonkFilledIcon.js"),require("../icon/filled/HotelFilledIcon.js"),require("../icon/filled/HybridFilledIcon.js"),require("../icon/filled/IDCardFilledIcon.js"),require("../icon/filled/ImportFilledIcon.js"),require("../icon/filled/InboxFilledIcon.js"),require("../icon/filled/InstagramFilledIcon.js"),require("../icon/filled/LightsFilledIcon.js"),require("../icon/filled/LightsOffFilledIcon.js"),require("../icon/filled/LinkedInFilledIcon.js"),require("../icon/filled/ListFilledIcon.js"),require("../icon/filled/LockClosedFilledIcon.js"),require("../icon/filled/LockOpenedFilledIcon.js"),require("../icon/filled/LockOpenedAltFilledIcon.js"),require("../icon/filled/LockedSteeringWheelFilledIcon.js"),require("../icon/filled/LoginFilledIcon.js"),require("../icon/filled/LogoutFilledIcon.js"),require("../icon/filled/MaintenanceFilledIcon.js"),require("../icon/filled/ManualFilledIcon.js"),require("../icon/filled/MapCenterFilledIcon.js"),require("../icon/filled/MapCompassFilledIcon.js"),require("../icon/filled/MapFlagFilledIcon.js"),require("../icon/filled/MapLocationFilledIcon.js"),require("../icon/filled/MapFilledIcon.js"),require("../icon/filled/MapMarkerFilledIcon.js"),require("../icon/filled/MapMarkerLBOFilledIcon.js"),require("../icon/filled/MapPinFilledIcon.js"),require("../icon/filled/MapViewFilledIcon.js"),require("../icon/filled/MenuWaffleFilledIcon.js"),require("../icon/filled/MenuFilledIcon.js"),require("../icon/filled/MessageFilledIcon.js"),require("../icon/filled/MicrophoneFilledIcon.js"),require("../icon/filled/MinusFilledIcon.js"),require("../icon/filled/MoreHorizontalFilledIcon.js"),require("../icon/filled/MoreVerticalFilledIcon.js"),require("../icon/filled/MotionFilledIcon.js"),require("../icon/filled/MusicalNoteFilledIcon.js"),require("../icon/filled/MuteFilledIcon.js"),require("../icon/filled/NewsFilledIcon.js"),require("../icon/filled/NewspaperFilledIcon.js"),require("../icon/filled/OilFilledIcon.js"),require("../icon/filled/ParkingFilledIcon.js"),require("../icon/filled/PasteFilledIcon.js"),require("../icon/filled/PercentageFilledIcon.js"),require("../icon/filled/PetFilledIcon.js"),require("../icon/filled/PhoneFilledIcon.js"),require("../icon/filled/PictureFilledIcon.js"),require("../icon/filled/PiggybankFilledIcon.js"),require("../icon/filled/PlugCCSType1FilledIcon.js"),require("../icon/filled/PlugCCSType2FilledIcon.js"),require("../icon/filled/PlugCHAdeMOFilledIcon.js"),require("../icon/filled/PlugType1FilledIcon.js"),require("../icon/filled/PlugType2FilledIcon.js"),require("../icon/filled/PlugFilledIcon.js"),require("../icon/filled/PlusFilledIcon.js"),require("../icon/filled/PremiumLFilledIcon.js"),require("../icon/filled/PremiumMFilledIcon.js"),require("../icon/filled/PremiumSFilledIcon.js"),require("../icon/filled/PriceTagFilledIcon.js"),require("../icon/filled/PrintFilledIcon.js"),require("../icon/filled/ProductionFilledIcon.js"),require("../icon/filled/PublicplaceFilledIcon.js"),require("../icon/filled/PumpFilledIcon.js"),require("../icon/filled/PumpCNGFilledIcon.js"),require("../icon/filled/PumpLPGFilledIcon.js"),require("../icon/filled/QRCodeFilledIcon.js"),require("../icon/filled/QualityFilledIcon.js"),require("../icon/filled/QualityMedalFilledIcon.js"),require("../icon/filled/RadarFilledIcon.js"),require("../icon/filled/RefreshFilledIcon.js"),require("../icon/filled/ReloadFilledIcon.js"),require("../icon/filled/RevertFilledIcon.js"),require("../icon/filled/RoadBlockFilledIcon.js"),require("../icon/filled/SaveFilledIcon.js"),require("../icon/filled/SearchMinusFilledIcon.js"),require("../icon/filled/SearchPlusFilledIcon.js"),require("../icon/filled/SearchFilledIcon.js"),require("../icon/filled/SeatheaterFilledIcon.js"),require("../icon/filled/SelectFilledIcon.js"),require("../icon/filled/SelectAllFilledIcon.js"),require("../icon/filled/SendFilledIcon.js"),require("../icon/filled/SettingsFilledIcon.js"),require("../icon/filled/ShapeCircleFilledIcon.js"),require("../icon/filled/ShapeDropFilledIcon.js"),require("../icon/filled/ShapeRectangleHorizontalFilledIcon.js"),require("../icon/filled/ShapeRectangleRoundedFilledIcon.js"),require("../icon/filled/ShapeRectangleVerticalFilledIcon.js"),require("../icon/filled/ShapeRhombusFilledIcon.js"),require("../icon/filled/ShapeShapesFilledIcon.js"),require("../icon/filled/ShapeSquareFilledIcon.js"),require("../icon/filled/ShapeStarFilledIcon.js"),require("../icon/filled/ShapeStarhalfFilledIcon.js"),require("../icon/filled/ShapeTriangleFilledIcon.js"),require("../icon/filled/ShareFilledIcon.js"),require("../icon/filled/ShareSquareFilledIcon.js"),require("../icon/filled/ShieldCheckFilledIcon.js"),require("../icon/filled/ShieldEmptyFilledIcon.js"),require("../icon/filled/ShoppingBagFilledIcon.js"),require("../icon/filled/ShoppingCartFilledIcon.js"),require("../icon/filled/ShowFilledIcon.js"),require("../icon/filled/ShuffleFilledIcon.js"),require("../icon/filled/SignalFilledIcon.js"),require("../icon/filled/SortDownFilledIcon.js"),require("../icon/filled/SortUpFilledIcon.js"),require("../icon/filled/SoundwaveFilledIcon.js"),require("../icon/filled/SparkplugFilledIcon.js"),require("../icon/filled/SportFilledIcon.js"),require("../icon/filled/StatsFilledIcon.js"),require("../icon/filled/SteeringWheelFilledIcon.js"),require("../icon/filled/StopwatchFilledIcon.js"),require("../icon/filled/SubtractFilledIcon.js"),require("../icon/filled/SuitcaseFilledIcon.js"),require("../icon/filled/SunroofFilledIcon.js"),require("../icon/filled/TaskDoneFilledIcon.js"),require("../icon/filled/TaskNoneFilledIcon.js"),require("../icon/filled/TaskScheduledFilledIcon.js"),require("../icon/filled/TechnicalInfoFilledIcon.js"),require("../icon/filled/TelegramFilledIcon.js"),require("../icon/filled/ThumbDownFilledIcon.js"),require("../icon/filled/ThumbUpFilledIcon.js"),require("../icon/filled/TicketFilledIcon.js"),require("../icon/filled/TikTokFilledIcon.js"),require("../icon/filled/ToiletsFilledIcon.js"),require("../icon/filled/TransmissionAutomaticFilledIcon.js"),require("../icon/filled/TransmissionManualFilledIcon.js"),require("../icon/filled/TrashcanFilledIcon.js"),require("../icon/filled/TripCyclicFilledIcon.js"),require("../icon/filled/TripLongTermFilledIcon.js"),require("../icon/filled/TripSingleFilledIcon.js"),require("../icon/filled/TrophyFilledIcon.js"),require("../icon/filled/TwitterFilledIcon.js"),require("../icon/filled/TyreRepairFilledIcon.js"),require("../icon/filled/TyreTracksFilledIcon.js"),require("../icon/filled/TyresFilledIcon.js"),require("../icon/filled/UploadFilledIcon.js"),require("../icon/filled/UserFilledIcon.js"),require("../icon/filled/VentilationFilledIcon.js"),require("../icon/filled/VentilationOffFilledIcon.js"),require("../icon/filled/WalkFilledIcon.js"),require("../icon/filled/WallboxFilledIcon.js"),require("../icon/filled/WalletFilledIcon.js"),require("../icon/filled/WandFilledIcon.js"),require("../icon/filled/WarningFilledIcon.js"),require("../icon/filled/WeatherRainyFilledIcon.js"),require("../icon/filled/WeatherSnowFilledIcon.js"),require("../icon/filled/WellnessFilledIcon.js"),require("../icon/filled/WhatsAppFilledIcon.js"),require("../icon/filled/WheelchairFilledIcon.js"),require("../icon/filled/WheelsFilledIcon.js"),require("../icon/filled/WifiDisabledFilledIcon.js"),require("../icon/filled/WifiHighFilledIcon.js"),require("../icon/filled/WifiLowFilledIcon.js"),require("../icon/filled/WifiMediumFilledIcon.js"),require("../icon/filled/WifiNoSignalFilledIcon.js"),require("../icon/filled/WindowFilledIcon.js"),require("../icon/filled/WindowheaterFilledIcon.js"),require("../icon/filled/WindowsClosedFilledIcon.js"),require("../icon/filled/WindowsOpenFilledIcon.js"),require("../icon/filled/WindscreenWiperFilledIcon.js"),require("../icon/filled/WriteFilledIcon.js"),require("../icon/filled/XFilledIcon.js"),require("../icon/filled/YouTubeFilledIcon.js"),require("../icon/stroke/ATMIcon.js"),require("../icon/stroke/AddIcon.js"),require("../icon/stroke/AirFilterIcon.js"),require("../icon/stroke/AISuggestionIcon.js"),require("../icon/stroke/ArchiveIcon.js"),require("../icon/stroke/ArrowBottomLeftIcon.js"),require("../icon/stroke/ArrowBottomRightIcon.js"),require("../icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../icon/stroke/ArrowCircleBottomRightIcon.js"),require("../icon/stroke/ArrowCircleDownIcon.js"),require("../icon/stroke/ArrowCircleLeftIcon.js"),require("../icon/stroke/ArrowCircleRightIcon.js"),require("../icon/stroke/ArrowCircleTopLeftIcon.js"),require("../icon/stroke/ArrowCircleTopRightIcon.js"),require("../icon/stroke/ArrowCircleUpIcon.js"),require("../icon/stroke/ArrowCurvedDownIcon.js"),require("../icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../icon/stroke/ArrowCurvedLeftIcon.js"),require("../icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../icon/stroke/ArrowCurvedRightIcon.js"),require("../icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../icon/stroke/ArrowCurvedUpIcon.js"),require("../icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../icon/stroke/ArrowDownIcon.js"),require("../icon/stroke/ArrowLeftIcon.js"),require("../icon/stroke/ArrowRightIcon.js"),require("../icon/stroke/ArrowTopLeftIcon.js"),require("../icon/stroke/ArrowTopRightIcon.js"),require("../icon/stroke/ArrowUpIcon.js"),require("../icon/stroke/ArtboardIcon.js"),require("../icon/stroke/AssistanceIcon.js"),require("../icon/stroke/AudioMidIcon.js"),require("../icon/stroke/AudioMuteIcon.js"),require("../icon/stroke/AudioOffIcon.js"),require("../icon/stroke/AudioOnIcon.js"),require("../icon/stroke/BadgeIcon.js"),require("../icon/stroke/BackToParentIcon.js"),require("../icon/stroke/BalloonIcon.js"),require("../icon/stroke/BarIcon.js"),require("../icon/stroke/BarCodeIcon.js"),require("../icon/stroke/Battery0Icon.js"),require("../icon/stroke/Battery10Icon.js"),require("../icon/stroke/Battery100Icon.js"),require("../icon/stroke/Battery20Icon.js"),require("../icon/stroke/Battery30Icon.js"),require("../icon/stroke/Battery40Icon.js"),require("../icon/stroke/Battery50Icon.js"),require("../icon/stroke/Battery60Icon.js"),require("../icon/stroke/Battery70Icon.js"),require("../icon/stroke/Battery80Icon.js"),require("../icon/stroke/Battery90Icon.js"),require("../icon/stroke/BatteryEmptyIcon.js"),require("../icon/stroke/BatteryFullIcon.js"),require("../icon/stroke/BatteryHighVoltageIcon.js"),require("../icon/stroke/BatteryOneThirdIcon.js"),require("../icon/stroke/BatteryTwoThirdsIcon.js"),require("../icon/stroke/BatteryChargingIcon.js"),require("../icon/stroke/BatteryDischargeIcon.js"),require("../icon/stroke/BatteryErrorIcon.js"),require("../icon/stroke/BatteryIcon.js"),require("../icon/stroke/BellIcon.js"),require("../icon/stroke/BicycleIcon.js"),require("../icon/stroke/BoltDischargeIcon.js"),require("../icon/stroke/BoltIcon.js"),require("../icon/stroke/BoltMotionIcon.js"),require("../icon/stroke/BoltOffIcon.js"),require("../icon/stroke/BonnetClosedIcon.js"),require("../icon/stroke/BonnetOpenIcon.js"),require("../icon/stroke/BookmarkIcon.js"),require("../icon/stroke/BootClosedIcon.js"),require("../icon/stroke/BootOpenIcon.js"),require("../icon/stroke/BoxIcon.js"),require("../icon/stroke/BrakeFluidIcon.js"),require("../icon/stroke/BrakesIcon.js"),require("../icon/stroke/BrightnessIcon.js"),require("../icon/stroke/BuildingIcon.js"),require("../icon/stroke/CalculatorIcon.js"),require("../icon/stroke/CalendarCalendarIcon.js"),require("../icon/stroke/CalendarCheckIcon.js"),require("../icon/stroke/CalendarPointIcon.js"),require("../icon/stroke/CameraIcon.js"),require("../icon/stroke/CampingIcon.js"),require("../icon/stroke/CarAccidentIcon.js"),require("../icon/stroke/CarBackIcon.js"),require("../icon/stroke/CarComparisonIcon.js"),require("../icon/stroke/CarHandIcon.js"),require("../icon/stroke/CarInfoIcon.js"),require("../icon/stroke/CarMagnifierIcon.js"),require("../icon/stroke/CarSeatIcon.js"),require("../icon/stroke/CarSendIcon.js"),require("../icon/stroke/CarSideIcon.js"),require("../icon/stroke/CarStarIcon.js"),require("../icon/stroke/CarTechnicalInfoIcon.js"),require("../icon/stroke/CareMobilityIcon.js"),require("../icon/stroke/CarIcon.js"),require("../icon/stroke/CarDoorIcon.js"),require("../icon/stroke/CarStatusIcon.js"),require("../icon/stroke/CardIcon.js"),require("../icon/stroke/ChangeOrderIcon.js"),require("../icon/stroke/ChatIcon.js"),require("../icon/stroke/CheckIcon.js"),require("../icon/stroke/ChevronCircleDownIcon.js"),require("../icon/stroke/ChevronCircleLeftIcon.js"),require("../icon/stroke/ChevronCircleRightIcon.js"),require("../icon/stroke/ChevronCircleUpIcon.js"),require("../icon/stroke/ChevronDoubleDownIcon.js"),require("../icon/stroke/ChevronDoubleLeftIcon.js"),require("../icon/stroke/ChevronDoubleRightIcon.js"),require("../icon/stroke/ChevronDoubleUpIcon.js"),require("../icon/stroke/ChevronDownIcon.js"),require("../icon/stroke/ChevronLeftIcon.js"),require("../icon/stroke/ChevronNextIcon.js"),require("../icon/stroke/ChevronPreviousIcon.js"),require("../icon/stroke/ChevronRightIcon.js"),require("../icon/stroke/ChevronUpIcon.js"),require("../icon/stroke/CircleBluetoothIcon.js"),require("../icon/stroke/CircleCheckIcon.js"),require("../icon/stroke/CircleCloseIcon.js"),require("../icon/stroke/CircleDownloadIcon.js"),require("../icon/stroke/CircleExclamationIcon.js"),require("../icon/stroke/CircleInformationIcon.js"),require("../icon/stroke/CircleMinusIcon.js"),require("../icon/stroke/CirclePlusIcon.js"),require("../icon/stroke/CircleQuestionIcon.js"),require("../icon/stroke/CircleSlashIcon.js"),require("../icon/stroke/CircleUploadIcon.js"),require("../icon/stroke/ClipIcon.js"),require("../icon/stroke/ClockIcon.js"),require("../icon/stroke/CloseIcon.js"),require("../icon/stroke/ClosedcaptionsIcon.js"),require("../icon/stroke/CloudCO2Icon.js"),require("../icon/stroke/CloudDownloadIcon.js"),require("../icon/stroke/CloudUploadIcon.js"),require("../icon/stroke/ColoursIcon.js"),require("../icon/stroke/ComfortIcon.js"),require("../icon/stroke/ContrastIcon.js"),require("../icon/stroke/ControlsForwardIcon.js"),require("../icon/stroke/ControlsPauseIcon.js"),require("../icon/stroke/ControlsPlayIcon.js"),require("../icon/stroke/ControlsRecordIcon.js"),require("../icon/stroke/ControlsReverseIcon.js"),require("../icon/stroke/ControlsRewindIcon.js"),require("../icon/stroke/ControlsSkipNextIcon.js"),require("../icon/stroke/ControlsSkipPreviousIcon.js"),require("../icon/stroke/ControlsStopIcon.js"),require("../icon/stroke/CookieIcon.js"),require("../icon/stroke/CopyIcon.js"),require("../icon/stroke/CultureIcon.js"),require("../icon/stroke/CutIcon.js"),require("../icon/stroke/DealerIcon.js"),require("../icon/stroke/DealershipServiceIcon.js"),require("../icon/stroke/DeliveryIcon.js"),require("../icon/stroke/DetailsIcon.js"),require("../icon/stroke/DeviceSmartphoneIcon.js"),require("../icon/stroke/DoorsClosedIcon.js"),require("../icon/stroke/DoorsOpenIcon.js"),require("../icon/stroke/DownloadIcon.js"),require("../icon/stroke/DraghandleIcon.js"),require("../icon/stroke/EditIcon.js"),require("../icon/stroke/ElectricChargerIcon.js"),require("../icon/stroke/ElectricChargerOffIcon.js"),require("../icon/stroke/EmptystateIcon.js"),require("../icon/stroke/EngineIcon.js"),require("../icon/stroke/EngineOilIcon.js"),require("../icon/stroke/EntertainmentIcon.js"),require("../icon/stroke/EqualsignIcon.js"),require("../icon/stroke/ExportIcon.js"),require("../icon/stroke/ExternalLinkIcon.js"),require("../icon/stroke/FacebookIcon.js"),require("../icon/stroke/FactoryIcon.js"),require("../icon/stroke/FanIcon.js"),require("../icon/stroke/FeedbackIcon.js"),require("../icon/stroke/FileIcon.js"),require("../icon/stroke/FileMissingIcon.js"),require("../icon/stroke/FileNewIcon.js"),require("../icon/stroke/FilterIcon.js"),require("../icon/stroke/FiltersIcon.js"),require("../icon/stroke/FingerPrintIcon.js"),require("../icon/stroke/FirstAidIcon.js"),require("../icon/stroke/FlashIcon.js"),require("../icon/stroke/FolderIcon.js"),require("../icon/stroke/FolderShareIcon.js"),require("../icon/stroke/FoodIcon.js"),require("../icon/stroke/FourwheeldriveIcon.js"),require("../icon/stroke/FrontaxleIcon.js"),require("../icon/stroke/FuelSavingsIcon.js"),require("../icon/stroke/FullscreenEnterIcon.js"),require("../icon/stroke/FullscreenExitIcon.js"),require("../icon/stroke/GarageIcon.js"),require("../icon/stroke/GaugeIcon.js"),require("../icon/stroke/GlobeIcon.js"),require("../icon/stroke/GroupIcon.js"),require("../icon/stroke/HandkeyIcon.js"),require("../icon/stroke/HealthScanIcon.js"),require("../icon/stroke/HeartIcon.js"),require("../icon/stroke/HideIcon.js"),require("../icon/stroke/HistoryIcon.js"),require("../icon/stroke/HomeIcon.js"),require("../icon/stroke/HonkIcon.js"),require("../icon/stroke/HotelIcon.js"),require("../icon/stroke/HybridIcon.js"),require("../icon/stroke/IDCardIcon.js"),require("../icon/stroke/ImportIcon.js"),require("../icon/stroke/InboxIcon.js"),require("../icon/stroke/InstagramIcon.js"),require("../icon/stroke/LightsIcon.js"),require("../icon/stroke/LightsOffIcon.js"),require("../icon/stroke/LinkedInIcon.js"),require("../icon/stroke/ListIcon.js"),require("../icon/stroke/LockClosedIcon.js"),require("../icon/stroke/LockOpenedIcon.js"),require("../icon/stroke/LockOpenedAltIcon.js"),require("../icon/stroke/LockedSteeringWheelIcon.js"),require("../icon/stroke/LoginIcon.js"),require("../icon/stroke/LogoutIcon.js"),require("../icon/stroke/MaintenanceIcon.js"),require("../icon/stroke/ManualIcon.js"),require("../icon/stroke/MapCenterIcon.js"),require("../icon/stroke/MapCompassIcon.js"),require("../icon/stroke/MapFlagIcon.js"),require("../icon/stroke/MapLocationIcon.js"),require("../icon/stroke/MapIcon.js"),require("../icon/stroke/MapMarkerIcon.js"),require("../icon/stroke/MapMarkerLBOIcon.js"),require("../icon/stroke/MapPinIcon.js"),require("../icon/stroke/MapViewIcon.js"),require("../icon/stroke/MenuWaffleIcon.js"),require("../icon/stroke/MenuIcon.js"),require("../icon/stroke/MessageIcon.js"),require("../icon/stroke/MicrophoneIcon.js"),require("../icon/stroke/MinusIcon.js"),require("../icon/stroke/MoreHorizontalIcon.js"),require("../icon/stroke/MoreVerticalIcon.js"),require("../icon/stroke/MotionIcon.js"),require("../icon/stroke/MusicalNoteIcon.js"),require("../icon/stroke/MuteIcon.js"),require("../icon/stroke/NewsIcon.js"),require("../icon/stroke/NewspaperIcon.js"),require("../icon/stroke/OilIcon.js"),require("../icon/stroke/ParkingIcon.js"),require("../icon/stroke/PasteIcon.js"),require("../icon/stroke/PercentageIcon.js"),require("../icon/stroke/PetIcon.js"),require("../icon/stroke/PhoneIcon.js"),require("../icon/stroke/PictureIcon.js"),require("../icon/stroke/PiggybankIcon.js"),require("../icon/stroke/PlugCCSType1Icon.js"),require("../icon/stroke/PlugCCSType2Icon.js"),require("../icon/stroke/PlugCHAdeMOIcon.js"),require("../icon/stroke/PlugType1Icon.js"),require("../icon/stroke/PlugType2Icon.js"),require("../icon/stroke/PlugIcon.js"),require("../icon/stroke/PlusIcon.js"),require("../icon/stroke/PremiumLIcon.js"),require("../icon/stroke/PremiumMIcon.js"),require("../icon/stroke/PremiumSIcon.js"),require("../icon/stroke/PriceTagIcon.js"),require("../icon/stroke/PrintIcon.js"),require("../icon/stroke/ProductionIcon.js"),require("../icon/stroke/PublicplaceIcon.js"),require("../icon/stroke/PumpIcon.js"),require("../icon/stroke/PumpCNGIcon.js"),require("../icon/stroke/PumpLPGIcon.js"),require("../icon/stroke/QRCodeIcon.js"),require("../icon/stroke/QualityIcon.js"),require("../icon/stroke/QualityMedalIcon.js"),require("../icon/stroke/RadarIcon.js"),require("../icon/stroke/RefreshIcon.js"),require("../icon/stroke/ReloadIcon.js"),require("../icon/stroke/RevertIcon.js"),require("../icon/stroke/RoadBlockIcon.js"),require("../icon/stroke/SaveIcon.js"),require("../icon/stroke/SearchMinusIcon.js"),require("../icon/stroke/SearchPlusIcon.js"),require("../icon/stroke/SearchIcon.js"),require("../icon/stroke/SeatheaterIcon.js"),require("../icon/stroke/SelectIcon.js"),require("../icon/stroke/SelectAllIcon.js"),require("../icon/stroke/SendIcon.js"),require("../icon/stroke/SettingsIcon.js"),require("../icon/stroke/ShapeCircleIcon.js"),require("../icon/stroke/ShapeDropIcon.js"),require("../icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../icon/stroke/ShapeRectangleRoundedIcon.js"),require("../icon/stroke/ShapeRectangleVerticalIcon.js"),require("../icon/stroke/ShapeRhombusIcon.js"),require("../icon/stroke/ShapeShapesIcon.js"),require("../icon/stroke/ShapeSquareIcon.js"),require("../icon/stroke/ShapeStarIcon.js"),require("../icon/stroke/ShapeStarhalfIcon.js"),require("../icon/stroke/ShapeTriangleIcon.js"),require("../icon/stroke/ShareIcon.js"),require("../icon/stroke/ShareSquareIcon.js"),require("../icon/stroke/ShieldCheckIcon.js"),require("../icon/stroke/ShieldEmptyIcon.js"),require("../icon/stroke/ShoppingBagIcon.js"),require("../icon/stroke/ShoppingCartIcon.js"),require("../icon/stroke/ShowIcon.js"),require("../icon/stroke/ShuffleIcon.js"),require("../icon/stroke/SignalIcon.js"),require("../icon/stroke/SortDownIcon.js"),require("../icon/stroke/SortUpIcon.js"),require("../icon/stroke/SoundwaveIcon.js"),require("../icon/stroke/SparkplugIcon.js"),require("../icon/stroke/SportIcon.js"),require("../icon/stroke/StatsIcon.js"),require("../icon/stroke/SteeringWheelIcon.js"),require("../icon/stroke/StopwatchIcon.js"),require("../icon/stroke/SubtractIcon.js"),require("../icon/stroke/SuitcaseIcon.js"),require("../icon/stroke/SunroofIcon.js"),require("../icon/stroke/TaskDoneIcon.js"),require("../icon/stroke/TaskNoneIcon.js"),require("../icon/stroke/TaskScheduledIcon.js"),require("../icon/stroke/TechnicalInfoIcon.js"),require("../icon/stroke/TelegramIcon.js"),require("../icon/stroke/ThumbDownIcon.js"),require("../icon/stroke/ThumbUpIcon.js"),require("../icon/stroke/TicketIcon.js"),require("../icon/stroke/TikTokIcon.js"),require("../icon/stroke/ToiletsIcon.js"),require("../icon/stroke/TransmissionAutomaticIcon.js"),require("../icon/stroke/TransmissionManualIcon.js"),require("../icon/stroke/TrashcanIcon.js"),require("../icon/stroke/TripCyclicIcon.js"),require("../icon/stroke/TripLongTermIcon.js"),require("../icon/stroke/TripSingleIcon.js"),require("../icon/stroke/TrophyIcon.js"),require("../icon/stroke/TwitterIcon.js"),require("../icon/stroke/TyreRepairIcon.js"),require("../icon/stroke/TyreTracksIcon.js"),require("../icon/stroke/TyresIcon.js"),require("../icon/stroke/UploadIcon.js"),require("../icon/stroke/UserIcon.js"),require("../icon/stroke/VentilationIcon.js"),require("../icon/stroke/VentilationOffIcon.js"),require("../icon/stroke/WalkIcon.js"),require("../icon/stroke/WallboxIcon.js"),require("../icon/stroke/WalletIcon.js"),require("../icon/stroke/WandIcon.js"),require("../icon/stroke/WarningIcon.js"),require("../icon/stroke/WeatherRainyIcon.js"),require("../icon/stroke/WeatherSnowIcon.js"),require("../icon/stroke/WellnessIcon.js"),require("../icon/stroke/WhatsAppIcon.js"),require("../icon/stroke/WheelchairIcon.js"),require("../icon/stroke/WheelsIcon.js"),require("../icon/stroke/WifiDisabledIcon.js"),require("../icon/stroke/WifiHighIcon.js"),require("../icon/stroke/WifiLowIcon.js"),require("../icon/stroke/WifiMediumIcon.js"),require("../icon/stroke/WifiNoSignalIcon.js"),require("../icon/stroke/WindowIcon.js"),require("../icon/stroke/WindowheaterIcon.js"),require("../icon/stroke/WindowsClosedIcon.js"),require("../icon/stroke/WindowsOpenIcon.js"),require("../icon/stroke/WindscreenWiperIcon.js"),require("../icon/stroke/WriteIcon.js"),require("../icon/stroke/XIcon.js"),require("../icon/stroke/YouTubeIcon.js");var n=require("./hook/useSelectInput.js"),c=require("./inputLabelSelect.js"),s=require("@mui/material"),u=require("../common/helperText.js");const d=s.styled(s.Select,{shouldForwardProp:e=>"hasIcon"!==e&&"fullWidth"!==e})((i=>{var{theme:r}=i,o=e.__rest(i,["theme"]);if(!o.fullWidth)return null;return{"& > .MuiSelect-filled":{position:"absolute",left:0,top:0,width:o.hasIcon?"calc(100% - 102px) !important":"calc(100% - 62px) !important"}}}));exports.SelectInput=t=>{var{label:I=null,onChange:q,onBlur:j,onFocus:a,value:f,children:k,staticLabel:F,InputProps:C,fullWidth:h=!0,removeSelectMenuMaxWidth:p}=t,g=e.__rest(t,["label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth"]);const[S,w]=r.useState(""),[B,m]=r.useState(!1),[y,T]=r.useState(!1),[M,v]=r.useState(!1),[A,P]=r.useState(!1),[D,b]=r.useState(null),{handleOnBlur:L,handleOnChange:W,handleOnFocus:R}=n.useSelectInput(B,(()=>{}),(()=>{}),h,g.helpText,f,w,g.required,v),x=r.useRef(null),O=r.useRef(null),E={sx:D?{maxWidth:p?"unset":D,"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}:{"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}};return i.jsx(i.Fragment,{children:i.jsxs(o.FormControlSelectStyled,Object.assign({},g,{ref:O,staticLabel:F,sx:h?{}:{width:"200px"},disabled:g.disabled,error:g.hasError,value:S,hideBg:g.hideBg,onMouseEnter:()=>{!y&&!A&&T(!0)},onMouseLeave:()=>{y&&!A&&T(!1)},onMouseDown:e=>{const i=e.currentTarget.offsetWidth;b(i)},icon:g.icon,hovered:y,focused:B,variant:"filled",fullWidth:h,children:[g.icon&&i.jsx(l.Icon,{color:g.disabled?"disabled":"inherit",name:g.icon}),i.jsx(c.default,{staticLabel:F,label:I,opened:A,currentValue:S}),i.jsx(d,{variant:"filled",MenuProps:E,required:M,onOpen:()=>{P(!0)},onClose:()=>{m(!1),T(!1),P(!1)},onBlur:()=>L(m,j),onFocus:()=>R(m,a),IconComponent:()=>A?i.jsx(l.Icon,{name:"chevron-up"}):i.jsx(l.Icon,{name:"chevron-down"}),labelId:I,id:g.id,name:g.name,value:S,onChange:e=>W(e,q,w),ref:x,hasIcon:!!g.icon,fullWidth:h,children:k}),i.jsx(s.FormHelperText,{children:i.jsx(u.default,{maxChars:0,currentValue:S,helpText:g.helpText})})]}))})};
 //# sourceMappingURL=selectInput.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"selectInput.js","sources":["../../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport { Icon, IconNameProp } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport InputLabelSelect from './inputLabelSelect';\nimport {\n FormHelperText,\n Select as MuiSelect,\n SelectProps as MuiSelectProps,\n SelectChangeEvent,\n styled,\n} from '@mui/material';\nimport HelperText from '../common/helperText';\n\n/*\n @interface SelectInputProps\n * @description Base definition of SkodaFlow SelectInput independent on core implementation.\n /\nexport interface SelectInputProps {\n /\n The label referenced to the text input field\n /\n label?: string;\n /\n The label referenced to the text input field\n /\n staticLabel?: boolean;\n\n /\n Show the \"white\" background or nnot\n /\n hideBg?: boolean;\n\n /\n The value referenced with checkbox element\n /\n value?: string;\n /\n Disabled, not clickable button\n /\n disabled?: boolean;\n\n /\n If TextField required field in form\n /\n required?: boolean;\n\n /\n The value of the helper text\n /\n helpText?: string;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: IconNameProp;\n\n /\n Boolean to check if the input returns an error or not\n /\n hasError?: boolean;\n\n /\n name of the input element\n /\n name?: string;\n\n /\n id of the input element\n /\n id?: string;\n\n /\n classes for FormControl component\n /\n classes?: unknown;\n\n /\n Props for the Input element\n /\n InputProps?: any;\n\n /\n Child element of the component.\n /\n children?: any;\n\n /\n set the full width for the select input\n /\n fullWidth?: boolean;\n\n /\n If true, the select menu items would not be trimmed by max width.\n /\n removeSelectMenuMaxWidth?: boolean;\n\n /\n @description Triggered when element is changed.\n * @param e React original event object\n * @param value Current changed value\n /\n onChange?: (event: SelectChangeEvent<string>) => void;\n\n onBlur?: () => void;\n\n onFocus?: () => void;\n}\n\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 /\n\nexport const SelectInput: FC<SelectInputProps> = ({\n label = null,\n onChange,\n onBlur,\n onFocus,\n value,\n children,\n staticLabel,\n InputProps,\n fullWidth = true,\n removeSelectMenuMaxWidth,\n ...props\n}) => {\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\n const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(\n isFocused,\n () => {},\n () => {},\n fullWidth,\n props.helpText,\n value,\n setCurrentValue,\n props.required,\n setIsRequired,\n );\n\n const inputRef = useRef(null);\n const formControlSelectRef = useRef(null);\n\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\n return (\n <>\n <FormControlSelectStyled\n {...props}\n ref={formControlSelectRef}\n staticLabel={staticLabel}\n sx={!fullWidth ? { width: '200px' } : {}}\n disabled={props.disabled}\n error={props.hasError}\n value={currentValue}\n hideBg={props.hideBg}\n onMouseEnter={() => {\n !hovered && !opened && setHovered(true);\n }}\n onMouseLeave={() => {\n hovered && !opened && setHovered(false);\n }}\n onMouseDown={(e) => {\n const elemWidth = e.currentTarget.offsetWidth;\n setInputWidth(elemWidth);\n }}\n icon={props.icon}\n hovered={hovered}\n focused={isFocused}\n variant=\"filled\"\n fullWidth={fullWidth}\n >\n {props.icon && <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />}\n <InputLabelSelect staticLabel={staticLabel} label={label} opened={opened} currentValue={currentValue} />\n <SelectInputStyled\n variant=\"filled\"\n MenuProps={menuProps}\n required={isRequired}\n onOpen={() => {\n setOpened(true);\n }}\n onClose={() => {\n setIsFocused(false);\n setHovered(false);\n setOpened(false);\n }}\n onBlur={() => handleOnBlur(setIsFocused, onBlur)}\n onFocus={() => handleOnFocus(setIsFocused, onFocus)}\n IconComponent={() => (opened ? <Icon name=\"chevron-up\" /> : <Icon name=\"chevron-down\" />)}\n labelId={label}\n id={props.id}\n name={props.name}\n value={currentValue}\n onChange={(e) => handleOnChange(e, onChange, setCurrentValue)}\n ref={inputRef}\n hasIcon={!!props.icon}\n fullWidth={fullWidth}\n >\n {children}\n </SelectInputStyled>\n <FormHelperText>\n <HelperText maxChars={0} currentValue={currentValue} helpText={props.helpText} />\n </FormHelperText>\n </FormControlSelectStyled>\n </>\n );\n};\n/\n @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})<MuiSelectProps & { hasIcon?: boolean; fullWidth?: boolean }>(({ theme, ...args }) => {\n if (!args.fullWidth) return null;\n\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"],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","theme","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","~~jsxs","~~FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","~~jsx","~~MenuProps","onOpen","onClose","IconComponent","labelId","id","FormHelperText","HelperText","~~default","~~maxChars"],"mappings":"~~iVAqHa~~,~~MAqHPA~~,EAAoBC,~~EAAMA~~,~~OAACC~~,SAAW,CAC1CC,kBAAoBC,GAAkB,YAATA,GAA+B,cAATA,GAD3BH,EAEuCI,IAAA,IAAAC,MAAEA,~~GAAgBD~~,~~EAANE~~,EAAIC,EAAAA,OAAAH,EAAhB,WAC/D,IAAKE,EAAKE,UAAW,OAAO,KAG5B,MAAO,CACL,wBAAyB,CACvBC,SAAU,WACVC,KAAM,EACNC,IAAK,EACLC,MANUN,EAAKO,QAAU,gCAAkC,gCAQ9D,wBAlI+CT,IAAA,IAAAU,MAChDA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,YACRA,EAAWC,WACXA,EAAUb,UACVA,GAAY,EAAIc,yBAChBA,GAAwBlB,EACrBmB,~~EAX6ChB~~,EAAAA,OAAAH,~~EAAA~~,CAAA,QAAA,WAAA,SAAA,UAAA,QAAA,WAAA,cAAA,aAAA,YAAA,6BAahD,MAAOoB,EAAcC,GAAmBC,EAAAA,SAAS,KAC1CC,EAAWC,GAAgBF,EAAAA,UAAS,IACpCG,EAASC,GAAcJ,EAAAA,UAAS,IAChCK,EAAYC,GAAiBN,EAAAA,UAAS,IACtCO,EAAQC,GAAaR,EAAAA,UAAS,IAC9BS,EAAYC,GAAiBV,EAAAA,SAAS,OAEvCW,aAAEA,EAAYC,eAAEA,EAAcC,cAAEA,GAAkBC,~~iBACtDb~~,GACA,SACA,QACAnB,EACAe,EAAMkB,SACNvB,EACAO,EACAF,EAAMmB,SACNV,GAGIW,EAAWC,~~EAAMA~~,~~OAAC~~,MAClBC,EAAuBD,~~EAAMA~~,~~OAAC~~,MAE9BE,EAAY,CAChBC,GAAIZ,EACA,CACEa,SAAU1B,EAA2B,QAAUa,EAC/C,sBAAuB,CACrBc,WAAY,cACZC,eAAgB,cAGpB,CACE,sBAAuB,CACrBD,WAAY,cACZC,eAAgB,eAK1B,OACEC,EAAAA,~~IACEC~~,EAAAA,SAAA,CAAAjC,~~SAAAkC~~,~~EAAAC~~,KAACC,~~EAAuBA~~,~~wBAAAC~~,OAAAC,OAAA,CAAA,~~EAClBlC~~,EAAK,~~CACTmC~~,~~IAAKb~~,EACLzB,YAAaA,EACb2B,GAAKvC,EAAiC,CAAA,EAArB,CAAEI,MAAO,~~SAC1B+C~~,~~SAAUpC~~,~~EAAMoC~~,SAChBC,~~MAAOrC~~,~~EAAMsC~~,~~SACb3C~~,MAAOM,~~EACPsC~~,~~OAAQvC~~,~~EAAMuC~~,OACdC,aAAc,~~MACXlC~~,IAAYI,GAAUH,GAAW,EAAK,~~EAEzCkC~~,aAAc,~~KACZnC~~,IAAYI,GAAUH,GAAW,EAAM,~~EAEzCmC~~,YAAcC,IACZ,MAAMC,EAAYD,EAAEE,cAAcC,~~YAClCjC~~,~~EAAc+B~~,EAAU,EAE1BG,~~KAAM/C~~,~~EAAM+C~~,~~KACZzC~~,QAASA,~~EACT0C~~,~~QAAS5C~~,~~EACT6C~~,QAAQ,~~SACRhE~~,UAAWA,EAASW,SAAA,CAEnBI,~~EAAM+C~~,~~MAAQnB~~,EAAAA,~~IAACsB~~,~~EAAIA~~,~~MAACC~~,~~MAAOnD~~,~~EAAMoC~~,SAAW,WAAa,UAAWgB,~~KAAMpD~~,~~EAAM+C~~,~~OACjFnB~~,~~MAACyB~~,EAAAA,~~QAAiB~~,~~CAAAxD~~,YAAaA,EAAaN,MAAOA,EAAOmB,OAAQA,EAAQT,aAAcA,IACxF2B,~~EAAC0B~~,~~IAAA9E~~,~~GACCyE~~,QAAQ,~~SACRM~~,~~UAAWhC~~,EACXJ,SAAUX,~~EACVgD~~,OAAQ,~~KACN7C~~,GAAU,EAAK,~~EAEjB8C~~,QAAS,~~KACPpD~~,GAAa,GACbE,GAAW,GACXI,GAAU,EAAM,EAElBlB,OAAQ,IAAMqB,EAAaT,EAAcZ,GACzCC,QAAS,IAAMsB,EAAcX,EAAcX,~~GAC3CgE~~,cAAe,~~IAAOhD~~,EAASkB,~~EAAA0B~~,~~IAACJ~~,~~EAAIA~~,~~KAAA~~,CAACE,KAAK,~~eAAkBxB~~,~~EAAA0B~~,~~IAACJ~~,~~OAAK~~,~~CAAAE~~,KAAK,~~iBACvEO~~,~~QAASpE~~,~~EACTqE~~,~~GAAI5D~~,~~EAAM4D~~,~~GACVR~~,~~KAAMpD~~,~~EAAMoD~~,~~KACZzD~~,MAAOM,EACPT,~~SAAWmD~~,~~GAAM5B~~,~~EAAe4B~~,~~EAAGnD~~,EAAUU,~~GAC7CiC~~,~~IAAKf~~,EACL9B,UAAWU,~~EAAM+C~~,~~KACjB9D~~,UAAWA,EAASW,SAEnBA,IAEHgC,~~EAAA0B~~,~~IAACO~~,~~EAAcA~~,~~eAAA~~,~~CAAAjE~~,SACbgC,~~EAAC0B~~,~~IAAAQ~~,~~EAAUC~~,~~SAACC~~,SAAU,~~EAAG/D~~,aAAcA,EAAciB,SAAUlB,EAAMkB,kBAGxE"}
1	+ {"version":3,"file":"selectInput.js","sources":["../../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport { Icon, IconNameProp } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport InputLabelSelect from './inputLabelSelect';\nimport {\n FormHelperText,\n Select as MuiSelect,\n SelectProps as MuiSelectProps,\n SelectChangeEvent,\n styled,\n} from '@mui/material';\nimport HelperText from '../common/helperText';\n\n/*\n @interface SelectInputProps\n * @description Base definition of SkodaFlow SelectInput independent on core implementation.\n /\nexport interface SelectInputProps {\n /\n The label referenced to the text input field\n /\n label?: string;\n /\n The label referenced to the text input field\n /\n staticLabel?: boolean;\n\n /\n Show the \"white\" background or nnot\n /\n hideBg?: boolean;\n\n /\n The value referenced with checkbox element\n /\n value?: string;\n /\n Disabled, not clickable button\n /\n disabled?: boolean;\n\n /\n If TextField required field in form\n /\n required?: boolean;\n\n /\n The value of the helper text\n /\n helpText?: string;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: IconNameProp;\n\n /\n Boolean to check if the input returns an error or not\n /\n hasError?: boolean;\n\n /\n name of the input element\n /\n name?: string;\n\n /\n id of the input element\n /\n id?: string;\n\n /\n classes for FormControl component\n /\n classes?: unknown;\n\n /\n Props for the Input element\n /\n InputProps?: any;\n\n /\n Child element of the component.\n /\n children?: any;\n\n /\n set the full width for the select input\n /\n fullWidth?: boolean;\n\n /\n If true, the select menu items would not be trimmed by max width.\n /\n removeSelectMenuMaxWidth?: boolean;\n\n /\n @description Triggered when element is changed.\n * @param e React original event object\n * @param value Current changed value\n /\n onChange?: (event: SelectChangeEvent<string>) => void;\n\n onBlur?: () => void;\n\n onFocus?: () => void;\n}\n\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 /\n\nexport const SelectInput: FC<SelectInputProps> = ({\n label = null,\n onChange,\n onBlur,\n onFocus,\n value,\n children,\n staticLabel,\n InputProps,\n fullWidth = true,\n removeSelectMenuMaxWidth,\n ...props\n}) => {\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\n const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(\n isFocused,\n () => {},\n () => {},\n fullWidth,\n props.helpText,\n value,\n setCurrentValue,\n props.required,\n setIsRequired,\n );\n\n const inputRef = useRef(null);\n const formControlSelectRef = useRef(null);\n\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\n return (\n <>\n <FormControlSelectStyled\n {...props}\n ref={formControlSelectRef}\n staticLabel={staticLabel}\n sx={!fullWidth ? { width: '200px' } : {}}\n disabled={props.disabled}\n error={props.hasError}\n value={currentValue}\n hideBg={props.hideBg}\n onMouseEnter={() => {\n !hovered && !opened && setHovered(true);\n }}\n onMouseLeave={() => {\n hovered && !opened && setHovered(false);\n }}\n onMouseDown={(e) => {\n const elemWidth = e.currentTarget.offsetWidth;\n setInputWidth(elemWidth);\n }}\n icon={props.icon}\n hovered={hovered}\n focused={isFocused}\n variant=\"filled\"\n fullWidth={fullWidth}\n >\n {props.icon && <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />}\n <InputLabelSelect staticLabel={staticLabel} label={label} opened={opened} currentValue={currentValue} />\n <SelectInputStyled\n variant=\"filled\"\n MenuProps={menuProps}\n required={isRequired}\n onOpen={() => {\n setOpened(true);\n }}\n onClose={() => {\n setIsFocused(false);\n setHovered(false);\n setOpened(false);\n }}\n onBlur={() => handleOnBlur(setIsFocused, onBlur)}\n onFocus={() => handleOnFocus(setIsFocused, onFocus)}\n IconComponent={() => (opened ? <Icon name=\"chevron-up\" /> : <Icon name=\"chevron-down\" />)}\n labelId={label}\n id={props.id}\n name={props.name}\n value={currentValue}\n onChange={(e) => handleOnChange(e, onChange, setCurrentValue)}\n ref={inputRef}\n hasIcon={!!props.icon}\n fullWidth={fullWidth}\n >\n {children}\n </SelectInputStyled>\n <FormHelperText>\n <HelperText maxChars={0} currentValue={currentValue} helpText={props.helpText} />\n </FormHelperText>\n </FormControlSelectStyled>\n </>\n );\n};\n/\n @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})<MuiSelectProps & { hasIcon?: boolean; fullWidth?: boolean }>(({ theme, ...args }) => {\n if (!args.fullWidth) return null;\n\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"],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","theme","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","MenuProps","onOpen","onClose","IconComponent","labelId","id","FormHelperText","HelperText","maxChars"],"mappings":"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"}

package/cjs/components/shortcut/shortcut.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"shortcut.js","sources":["../../../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' \| 'color'> {}\n\n/*\n Shortcut is a proxy component to <Button variant=\"shortcut\" />\n /\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/\n Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'flex-start', md: 'center' },\n columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n rowGap: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Box>\n );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","~~jsx","~~Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"~~iHAQa~~,~~MAAAA~~,EAAoCC,~~EAAUA~~,~~YAAC~~,CAACC,EAAOC,IAC3DC,MAACC,EAAAA,~~OAAWC~~,OAAAC,OAAA,CAAA,~~EAAAL~~,~~EAAO~~,~~CAAAC~~,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,~~EAAUA~~,~~YAAC~~,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAvB,mBACzE,OACEN,~~EAAAW~~,~~IAACC~~,~~EAAGA~~,~~IAAAV~~,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,~~CACAU~~,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,~~GACLb~~,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA,IACG"}
1	+ {"version":3,"file":"shortcut.js","sources":["../../../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' \| 'color'> {}\n\n/*\n Shortcut is a proxy component to <Button variant=\"shortcut\" />\n /\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/\n Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'flex-start', md: 'center' },\n columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n rowGap: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {children}\n </Box>\n );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"iHAQO,MAAMA,EAAoCC,EAAAA,YAAW,CAACC,EAAOC,IAC3DC,MAACC,EAAAA,OAAMC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEC,IAAKA,EAAKK,QAAQ,gBAQjCC,EAAkDR,EAAAA,YAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAvB,mBACzE,OACEN,EAAAA,IAACW,EAAAA,IAAGT,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAS,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLZ,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA,IACG"}

package/cjs/components/skodaThemeProvider/SkodaThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n children?: React.ReactNode;\n /*\n Theme to be used\n /\n theme?: Partial<Theme>;\n /\n Disable adding extra ScopedCssBaseline as CssBaseline is being used\n /\n globalBaseline?: boolean;\n /\n Changes @media queries to @container queries,\n /\n widget?: boolean;\n /\n Props passed to container used by the widget\n /\n containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/\n Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n /\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n children,\n theme = skodaTheme,\n globalBaseline = false,\n widget = false,\n containerProps,\n ...rest\n}) => {\n return (\n <CacheContainer direction={theme.direction} widget={widget}>\n <ThemeProvider theme={theme}>\n <WidgetContainer widget={widget} {...containerProps}>\n {globalBaseline ? (\n children\n ) : (\n <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n {children}\n </ScopedCssBaseline>\n )}\n </WidgetContainer>\n </ThemeProvider>\n </CacheContainer>\n );\n};\n\n/\n Wrapper providing CacheProvider necessary for the stylis plugin optimization\n /\nfunction CacheContainer({\n children,\n direction,\n widget,\n}: {\n children: React.ReactNode;\n direction: Theme['direction'];\n widget: boolean;\n}) {\n const cache = useMemo(() => {\n // in case we are not using RTL or widget, we don't need to generate cache\n if (direction !== 'rtl' && !widget) {\n return undefined;\n }\n\n return createCache({\n // inject first\n prepend: true,\n // cache based on the plugins\n key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n stylisPlugins: [\n prefixer,\n // transform left to right\n ...(direction === 'rtl' ? [rtlPlugin] : []),\n // transform @media to @container queries\n ...(widget ? [containerPlugin] : []),\n ],\n });\n }, [direction, widget]);\n\n return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/\n Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n return widget ? (\n <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n {children}\n </Box>\n ) : (\n <>{children}</>\n );\n}\n"],"names":["CacheContainer","children","direction","widget","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","~~default","~~containerPlugin","_jsx","~~jsx","~~CacheProvider","value","_Fragment","WidgetContainer","_a","sx","rest","__rest","Box","Object","assign","containerType","theme","skodaTheme","globalBaseline","containerProps","ThemeProvider","ScopedCssBaseline","dir"],"mappings":"8XA6DA,SAASA,GAAeC,SACtBA,EAAQC,UACRA,EAASC,OACTA,IAMA,MAAMC,EAAQC,EAAAA,SAAQ,KAEpB,GAAkB,QAAdH,GAAwBC,EAI5B,OAAOG,UAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGL,EAAS,IAAM,KAAmB,QAAdD,EAAsB,MAAQ,QAC1DO,cAAe,CACbC,~~EAAQA~~,~~YAEU~~,QAAdR,EAAsB,CAACS,~~EAASC~~,~~SAAI~~,~~MAEpCT~~,EAAS,~~CAACU~~,WAAmB,KAEnC,GACD,~~CAACX~~,EAAWC,IAEf,OAAOC,~~EAAQU~~,~~EAACC~~,~~IAAAC~~,~~EAAaA~~,~~eAACC~~,~~MAAOb~~,~~EAAQH~~,~~SAAAA~~,~~IAA4Ba~~,EAAAA,~~IAAGI~~,EAAAA,SAAA,~~CAAAjB~~,~~SAAAA~~,GAC9E,CAKA,~~SAASkB~~,EAAgBC,~~OAAAnB~~,SAAEA,~~EAAQoB~~,GAAEA,~~EAAElB~~,OAAEA,~~KAAWmB~~,~~EAA3BC~~,EAAAA,OAAAH,~~EAAA~~,CAAA,WAAA,KAAA,WACvB,~~OAAOjB~~,~~EACLW~~,EAAAA,~~IAACU~~,~~EAAGA~~,~~IAAAC~~,OAAAC,OAAA,CAACL,GAAEI,OAAAC,OAAA,CAAIC,cAAe,eAAkBN,IAAUC,EAAI,~~CAAArB~~,SACvDA,~~KAGHa~~,~~EAAAC~~,IAAAG,WAAA,~~CAAAjB~~,SAAGA,GAEP,~~4BAxEsEmB~~,~~QAAAnB~~,SACpEA,~~EACA2B~~,~~MAAAA~~,EAAQC,~~EAAUD~~,~~MAAAE~~,eAClBA,GAAiB,~~EAAK3B~~,OACtBA,GAAS,~~EAAK4B~~,eACdA,GAAcX,EACXE,EAAIC,EAAAA,OAAAH,EAN6D,iEAQpE,~~OACEN~~,~~MAACd~~,EAAc,CAACE,~~UAAW0B~~,~~EAAM1B~~,UAAWC,OAAQA,EAAMF,~~SACxDa~~,EAAAA,~~IAACkB~~,~~EAAaA~~,~~cAAA~~,CAACJ,MAAOA,~~EAAK3B~~,~~SACzBa~~,~~EAACC~~,~~IAAAI~~,~~iBAAgBhB~~,OAAQA,~~GAAY4B~~,~~EAClC~~,~~CAAA9B~~,~~SAAA6B~~,~~IAGChB~~,~~MAACmB~~,EAAAA,~~kBAAsBR~~,OAAAC,OAAA,CAAA,~~EAAAJ~~,EAA+B,QAApBM,~~EAAM1B~~,UAAsB,~~CAAEgC~~,IAAK,OAAU,~~GAC5E~~,~~CAAAjC~~,~~SAAAA~~,WAKM"}
1	+ {"version":3,"file":"SkodaThemeProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeProvider.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport { ScopedCssBaseline, ScopedCssBaselineProps, ThemeProvider, Box, BoxProps, Theme } from '@mui/material';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { prefixer } from 'stylis';\nimport rtlPlugin from 'stylis-plugin-rtl';\nimport containerPlugin from './plugins/stylisContainerPlugin';\nimport { theme as skodaTheme } from '../../materialui/theme/theme';\nimport '../../materialui/theme/theme.extensions';\n\nexport type SkodaThemeProviderProps = {\n children?: React.ReactNode;\n /*\n Theme to be used\n /\n theme?: Partial<Theme>;\n /\n Disable adding extra ScopedCssBaseline as CssBaseline is being used\n /\n globalBaseline?: boolean;\n /\n Changes @media queries to @container queries,\n /\n widget?: boolean;\n /\n Props passed to container used by the widget\n /\n containerProps?: BoxProps<ElementType>;\n} & ScopedCssBaselineProps;\n\n/\n Wrapper of ThemeProvider that additionally provide Scoped CssBaseline\n /\nexport const SkodaThemeProvider: React.FC<SkodaThemeProviderProps> = ({\n children,\n theme = skodaTheme,\n globalBaseline = false,\n widget = false,\n containerProps,\n ...rest\n}) => {\n return (\n <CacheContainer direction={theme.direction} widget={widget}>\n <ThemeProvider theme={theme}>\n <WidgetContainer widget={widget} {...containerProps}>\n {globalBaseline ? (\n children\n ) : (\n <ScopedCssBaseline {...rest} {...(theme.direction === 'rtl' ? { dir: 'rtl' } : {})}>\n {children}\n </ScopedCssBaseline>\n )}\n </WidgetContainer>\n </ThemeProvider>\n </CacheContainer>\n );\n};\n\n/\n Wrapper providing CacheProvider necessary for the stylis plugin optimization\n /\nfunction CacheContainer({\n children,\n direction,\n widget,\n}: {\n children: React.ReactNode;\n direction: Theme['direction'];\n widget: boolean;\n}) {\n const cache = useMemo(() => {\n // in case we are not using RTL or widget, we don't need to generate cache\n if (direction !== 'rtl' && !widget) {\n return undefined;\n }\n\n return createCache({\n // inject first\n prepend: true,\n // cache based on the plugins\n key: `${widget ? 'w' : ''}${direction === 'rtl' ? 'rtl' : 'css'}`,\n stylisPlugins: [\n prefixer,\n // transform left to right\n ...(direction === 'rtl' ? [rtlPlugin] : []),\n // transform @media to @container queries\n ...(widget ? [containerPlugin] : []),\n ],\n });\n }, [direction, widget]);\n\n return cache ? <CacheProvider value={cache}>{children}</CacheProvider> : <>{children}</>;\n}\n\n/\n Wrapper providing necessary containerType: 'inline-size' style to activate @container queries\n */\nfunction WidgetContainer({ children, sx, widget, ...rest }: { widget: boolean } & BoxProps) {\n return widget ? (\n <Box sx={{ containerType: 'inline-size', ...sx }} {...rest}>\n {children}\n </Box>\n ) : (\n <>{children}</>\n );\n}\n"],"names":["CacheContainer","children","direction","widget","cache","useMemo","createCache","prepend","key","stylisPlugins","prefixer","rtlPlugin","containerPlugin","_jsx","CacheProvider","value","_Fragment","WidgetContainer","_a","sx","rest","__rest","Box","Object","assign","containerType","theme","skodaTheme","globalBaseline","containerProps","ThemeProvider","ScopedCssBaseline","dir"],"mappings":"8XA6DA,SAASA,GAAeC,SACtBA,EAAQC,UACRA,EAASC,OACTA,IAMA,MAAMC,EAAQC,EAAAA,SAAQ,KAEpB,GAAkB,QAAdH,GAAwBC,EAI5B,OAAOG,UAAY,CAEjBC,SAAS,EAETC,IAAK,GAAGL,EAAS,IAAM,KAAmB,QAAdD,EAAsB,MAAQ,QAC1DO,cAAe,CACbC,EAAAA,YAEkB,QAAdR,EAAsB,CAACS,EAAAA,SAAa,MAEpCR,EAAS,CAACS,WAAmB,KAEnC,GACD,CAACV,EAAWC,IAEf,OAAOC,EAAQS,EAAAA,IAACC,EAAAA,eAAcC,MAAOX,EAAKH,SAAGA,IAA4BY,EAAAA,IAAAG,EAAAA,SAAA,CAAAf,SAAGA,GAC9E,CAKA,SAASgB,EAAgBC,OAAAjB,SAAEA,EAAQkB,GAAEA,EAAEhB,OAAEA,KAAWiB,EAAIC,EAAAA,OAAAH,EAA/B,CAAA,WAAA,KAAA,WACvB,OAAOf,EACLU,EAAAA,IAACS,EAAAA,IAAGC,OAAAC,OAAA,CAACL,GAAEI,OAAAC,OAAA,CAAIC,cAAe,eAAkBN,IAAUC,EAAI,CAAAnB,SACvDA,KAGHY,EAAAA,IAAAG,WAAA,CAAAf,SAAGA,GAEP,4BAxEsEiB,QAAAjB,SACpEA,EAAQyB,MACRA,EAAQC,EAAAA,MAAUC,eAClBA,GAAiB,EAAKzB,OACtBA,GAAS,EAAK0B,eACdA,GAAcX,EACXE,EAAIC,EAAAA,OAAAH,EAN6D,iEAQpE,OACEL,MAACb,EAAc,CAACE,UAAWwB,EAAMxB,UAAWC,OAAQA,EAAMF,SACxDY,EAAAA,IAACiB,EAAAA,cAAa,CAACJ,MAAOA,EAAKzB,SACzBY,EAAAA,IAACI,iBAAgBd,OAAQA,GAAY0B,EAAc,CAAA5B,SAChD2B,IAGCf,MAACkB,EAAAA,kBAAiBR,OAAAC,OAAA,CAAA,EAAKJ,EAA+B,QAApBM,EAAMxB,UAAsB,CAAE8B,IAAK,OAAU,GAAG,CAAA/B,SAC/EA,WAKM"}

package/cjs/components/skodaThemeProvider/SkodaThemeWidgetProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import React, { useMemo, useLayoutEffect, useCallback, useState, useEffect, useRef, ElementType } from 'react';\nimport { SkodaThemeProvider, SkodaThemeProviderProps } from './SkodaThemeProvider';\nimport { createSkodaTheme } from '../../materialui/theme/theme';\nimport { flowBreakpoints } from '../../materialui/theme/theme.breakpoints';\nimport { debounce, Box, BoxProps, PaletteMode, createTheme, Direction } from '@mui/material';\nimport { Breakpoint, BreakpointsOptions, createBreakpoints } from '@mui/system';\n\nexport type SkodaThemeWidgetProviderProps = {\n /*\n Theme overrides\n /\n theme?: object;\n /\n Props passed to container\n /\n containerProps?: BoxProps<ElementType>;\n /\n Options for Škoda theme generation\n /\n skodaThemeOptions?: {\n mode?: PaletteMode;\n direction?: Direction;\n };\n} & Omit<SkodaThemeProviderProps, 'theme'>;\n\n/\n Alternative theme provider when the responsive style should be applied based on the container and not window\n \n @deprecated javascript implementation that re-generates theme with breakpoints on each container or window resize,\n * use regular SkodaThemeProvider with widget property that utilizes @container queries:\n * <SkodaThemeProvider widget />\n /\nexport const SkodaThemeWidgetProvider = ({\n theme,\n containerProps,\n skodaThemeOptions,\n ...rest\n}: SkodaThemeWidgetProviderProps) => {\n const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n\n const composedTheme = useMemo(() => {\n const containerTheme = createSkodaTheme({\n breakpointsOptions: containerBreakpoints,\n mode: skodaThemeOptions?.mode,\n direction: skodaThemeOptions?.direction,\n });\n // in case theme is provided, make composition\n if (theme) {\n return createTheme(containerTheme, theme);\n }\n return containerTheme;\n }, [theme, containerBreakpoints]);\n\n return (\n <Box {...containerProps} ref={containerRef}>\n <SkodaThemeProvider {...rest} theme={composedTheme} />\n </Box>\n );\n};\n\nconst useContainerBreakpoints = () => {\n const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n const [containerBreakpoints, setContainerBreakpoints] = useState<BreakpointsOptions>(flowBreakpoints);\n\n // monitor window width\n const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n useEffect(() => {\n const windowResizeFn = () => {\n setWindowWidth(window.innerWidth);\n };\n\n window.addEventListener('resize', windowResizeFn);\n return () => {\n window.removeEventListener('resize', windowResizeFn);\n };\n }, []);\n // measure container size\n const containerRef = useRef(null);\n const [containerWidth, setContainerWidth] = useState(0);\n const observer = useMemo(\n () =>\n new window.ResizeObserver((entries) => {\n setContainerWidth(entries[0].contentRect.width \|\| 0);\n }),\n [],\n );\n useLayoutEffect(() => {\n containerRef?.current && observer.observe(containerRef.current);\n return () => {\n observer.disconnect();\n };\n }, [containerRef?.current]);\n\n // generate container breakpoints\n const handleResize = useCallback(\n (window: number, container: number) => {\n const difference = window - container;\n const newContainerBreakpoints = windowBreakpoints.keys.reduce(\n (prev, curr) => ({\n ...prev,\n // round to two decimal places\n [curr]: Math.round((windowBreakpoints.values[curr] + difference) 100) / 100,\n }),\n {} as { [key in Breakpoint]: number },\n );\n setContainerBreakpoints({ values: newContainerBreakpoints });\n },\n [windowBreakpoints],\n );\n const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n useLayoutEffect(() => {\n debounceHandleResize(windowWidth, containerWidth);\n }, [windowWidth, containerWidth]);\n\n return { containerBreakpoints, containerRef };\n};\n"],"names":["useContainerBreakpoints","windowBreakpoints","useMemo","createBreakpoints","flowBreakpoints","containerBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","containerRef","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce","_a","theme","containerProps","skodaThemeOptions","rest","__rest","composedTheme","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider"],"mappings":"~~qRAgCa~~,~~MA4BPA~~,EAA0B,KAC9B,MAAMC,EAAoBC,EAAAA,SAAQ,IAAMC,~~EAAiBA~~,~~kBAACC~~,~~EAAeA~~,~~kBAAG~~,KACrEC,EAAsBC,GAA2BC,EAAAA,SAA6BH,EAAAA,kBAG9EI,EAAaC,GAAkBF,EAAAA,SAASG,OAAOC,YACtDC,EAAAA,WAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,WAAW,EAInC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,EAAe,CACrD,GACA,IAEH,MAAMG,EAAeC,~~EAAMA~~,~~OAAC~~,OACrBC,EAAgBC,GAAqBZ,EAAAA,SAAS,GAC/Ca,EAAWlB,EAAAA,SACf,IACE,IAAIQ,OAAOW,gBAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,EAAE,KAExD,IAEFC,EAAAA,iBAAgB,MACdT,~~aAAA~~,~~EAAAA~~,EAAcU,UAAWN,EAASO,QAAQX,EAAaU,SAChD,KACLN,EAASQ,YAAY,IAEtB,CAACZ,~~aAAA~~,~~EAAAA~~,EAAcU,UAGlB,MAAMG,EAAeC,EAAAA,aACnB,CAACpB,EAAgBqB,KACf,MAAMC,EAAatB,EAASqB,EACtBE,EAA0BhC,EAAkBiC,KAAKC,QACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CtC,EAAkBuC,OAAOH,GAAQL,IAAqB,OAE5E,CAAA,GAEF1B,EAAwB,CAAEkC,OAAQP,GAA0B,GAE9D,CAAChC,IAEGwC,EAAuBvC,~~EAAOA~~,~~SAAC~~,IAAMwC,~~EAAQA~~,~~SAACb~~,EAAc,MAAM,CAACA,IAKzE,OAJAJ,EAAAA,iBAAgB,KACdgB,EAAqBjC,EAAaU,EAAe,GAChD,CAACV,EAAaU,IAEV,CAAEb,uBAAsBW,eAAc,mCAlFN2B,~~QACvCC~~,~~MAAAA~~,EAAKC,eACLA,EAAcC,kBACdA,KACGC,~~EAJoCC~~,EAAAA,OAAAL,~~EAAA~~,CAAA,QAAA,iBAAA,sBAMvC,MAAMtC,qBAAEA,EAAoBW,aAAEA,GAAiBhB,IAEzCiD,EAAgB/C,EAAAA,SAAQ,KAC5B,MAAMgD,EAAiBC,EAAAA,iBAAiB,CACtCC,mBAAoB/C,EACpBgD,KAAMP,~~aAAA~~,~~EAAAA~~,EAAmBO,KACzBC,UAAWR,~~aAAA~~,~~EAAAA~~,EAAmBQ,YAGhC,OAAIV,EACKW,~~EAAWA~~,~~YAACL~~,EAAgBN,GAE9BM,CAAc,GACpB,CAACN,EAAOvC,IAEX,OACEmD,~~MAACC~~,MAAGC,OAAAC,OAAA,CAAA,EAAKd,~~EAAgB~~,~~CAAAe~~,IAAK5C,EAAY6C,SACxCL,~~MAACM~~,qBAAkBJ,OAAAC,OAAA,GAAKZ,~~EAAM~~,~~CAAAH~~,MAAOK,OACjC"}
1	+ {"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import React, { useMemo, useLayoutEffect, useCallback, useState, useEffect, useRef, ElementType } from 'react';\nimport { SkodaThemeProvider, SkodaThemeProviderProps } from './SkodaThemeProvider';\nimport { createSkodaTheme } from '../../materialui/theme/theme';\nimport { flowBreakpoints } from '../../materialui/theme/theme.breakpoints';\nimport { debounce, Box, BoxProps, PaletteMode, createTheme, Direction } from '@mui/material';\nimport { Breakpoint, BreakpointsOptions, createBreakpoints } from '@mui/system';\n\nexport type SkodaThemeWidgetProviderProps = {\n /*\n Theme overrides\n /\n theme?: object;\n /\n Props passed to container\n /\n containerProps?: BoxProps<ElementType>;\n /\n Options for Škoda theme generation\n /\n skodaThemeOptions?: {\n mode?: PaletteMode;\n direction?: Direction;\n };\n} & Omit<SkodaThemeProviderProps, 'theme'>;\n\n/\n Alternative theme provider when the responsive style should be applied based on the container and not window\n \n @deprecated javascript implementation that re-generates theme with breakpoints on each container or window resize,\n * use regular SkodaThemeProvider with widget property that utilizes @container queries:\n * <SkodaThemeProvider widget />\n /\nexport const SkodaThemeWidgetProvider = ({\n theme,\n containerProps,\n skodaThemeOptions,\n ...rest\n}: SkodaThemeWidgetProviderProps) => {\n const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n\n const composedTheme = useMemo(() => {\n const containerTheme = createSkodaTheme({\n breakpointsOptions: containerBreakpoints,\n mode: skodaThemeOptions?.mode,\n direction: skodaThemeOptions?.direction,\n });\n // in case theme is provided, make composition\n if (theme) {\n return createTheme(containerTheme, theme);\n }\n return containerTheme;\n }, [theme, containerBreakpoints]);\n\n return (\n <Box {...containerProps} ref={containerRef}>\n <SkodaThemeProvider {...rest} theme={composedTheme} />\n </Box>\n );\n};\n\nconst useContainerBreakpoints = () => {\n const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n const [containerBreakpoints, setContainerBreakpoints] = useState<BreakpointsOptions>(flowBreakpoints);\n\n // monitor window width\n const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n useEffect(() => {\n const windowResizeFn = () => {\n setWindowWidth(window.innerWidth);\n };\n\n window.addEventListener('resize', windowResizeFn);\n return () => {\n window.removeEventListener('resize', windowResizeFn);\n };\n }, []);\n // measure container size\n const containerRef = useRef(null);\n const [containerWidth, setContainerWidth] = useState(0);\n const observer = useMemo(\n () =>\n new window.ResizeObserver((entries) => {\n setContainerWidth(entries[0].contentRect.width \|\| 0);\n }),\n [],\n );\n useLayoutEffect(() => {\n containerRef?.current && observer.observe(containerRef.current);\n return () => {\n observer.disconnect();\n };\n }, [containerRef?.current]);\n\n // generate container breakpoints\n const handleResize = useCallback(\n (window: number, container: number) => {\n const difference = window - container;\n const newContainerBreakpoints = windowBreakpoints.keys.reduce(\n (prev, curr) => ({\n ...prev,\n // round to two decimal places\n [curr]: Math.round((windowBreakpoints.values[curr] + difference) 100) / 100,\n }),\n {} as { [key in Breakpoint]: number },\n );\n setContainerBreakpoints({ values: newContainerBreakpoints });\n },\n [windowBreakpoints],\n );\n const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n useLayoutEffect(() => {\n debounceHandleResize(windowWidth, containerWidth);\n }, [windowWidth, containerWidth]);\n\n return { containerBreakpoints, containerRef };\n};\n"],"names":["useContainerBreakpoints","windowBreakpoints","useMemo","createBreakpoints","flowBreakpoints","containerBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","containerRef","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce","_a","theme","containerProps","skodaThemeOptions","rest","__rest","composedTheme","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider"],"mappings":"qRAgCO,MA4BDA,EAA0B,KAC9B,MAAMC,EAAoBC,EAAAA,SAAQ,IAAMC,EAAAA,kBAAkBC,EAAAA,kBAAkB,KACrEC,EAAsBC,GAA2BC,EAAAA,SAA6BH,EAAAA,kBAG9EI,EAAaC,GAAkBF,EAAAA,SAASG,OAAOC,YACtDC,EAAAA,WAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,WAAW,EAInC,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,EAAe,CACrD,GACA,IAEH,MAAMG,EAAeC,EAAAA,OAAO,OACrBC,EAAgBC,GAAqBZ,EAAAA,SAAS,GAC/Ca,EAAWlB,EAAAA,SACf,IACE,IAAIQ,OAAOW,gBAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,EAAE,KAExD,IAEFC,EAAAA,iBAAgB,MACdT,aAAY,EAAZA,EAAcU,UAAWN,EAASO,QAAQX,EAAaU,SAChD,KACLN,EAASQ,YAAY,IAEtB,CAACZ,aAAY,EAAZA,EAAcU,UAGlB,MAAMG,EAAeC,EAAAA,aACnB,CAACpB,EAAgBqB,KACf,MAAMC,EAAatB,EAASqB,EACtBE,EAA0BhC,EAAkBiC,KAAKC,QACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CtC,EAAkBuC,OAAOH,GAAQL,IAAqB,OAE5E,CAAA,GAEF1B,EAAwB,CAAEkC,OAAQP,GAA0B,GAE9D,CAAChC,IAEGwC,EAAuBvC,EAAAA,SAAQ,IAAMwC,EAAAA,SAASb,EAAc,MAAM,CAACA,IAKzE,OAJAJ,EAAAA,iBAAgB,KACdgB,EAAqBjC,EAAaU,EAAe,GAChD,CAACV,EAAaU,IAEV,CAAEb,uBAAsBW,eAAc,mCAlFN2B,QAAAC,MACvCA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAAIC,EAAAA,OAAAL,EAJgC,CAAA,QAAA,iBAAA,sBAMvC,MAAMtC,qBAAEA,EAAoBW,aAAEA,GAAiBhB,IAEzCiD,EAAgB/C,EAAAA,SAAQ,KAC5B,MAAMgD,EAAiBC,EAAAA,iBAAiB,CACtCC,mBAAoB/C,EACpBgD,KAAMP,aAAiB,EAAjBA,EAAmBO,KACzBC,UAAWR,aAAiB,EAAjBA,EAAmBQ,YAGhC,OAAIV,EACKW,EAAAA,YAAYL,EAAgBN,GAE9BM,CAAc,GACpB,CAACN,EAAOvC,IAEX,OACEmD,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAc,CAAEe,IAAK5C,EAAY6C,SACxCL,EAAAA,IAACM,qBAAkBJ,OAAAC,OAAA,GAAKZ,EAAI,CAAEH,MAAOK,OACjC"}

package/cjs/components/skodaThemeProvider/plugins/stylisContainerPlugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":["import { MEDIA, Middleware } from 'stylis';\n\n/*\n Replaces @media queries with @container queries\n */\nconst stylisContainerPlugin: Middleware = (element) => {\n // check if we are dealing with @media query\n if (element.type === MEDIA) {\n element.value = element.value.replace('@media', '@container');\n }\n};\n\nObject.defineProperty(stylisContainerPlugin, 'name', { value: 'stylisContainerPlugin' });\nexport default stylisContainerPlugin;\n"],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"4FAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,UACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,~~gBAIpDC~~,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}
1	+ {"version":3,"file":"stylisContainerPlugin.js","sources":["../../../../../../src/components/skodaThemeProvider/plugins/stylisContainerPlugin.ts"],"sourcesContent":["import { MEDIA, Middleware } from 'stylis';\n\n/*\n Replaces @media queries with @container queries\n */\nconst stylisContainerPlugin: Middleware = (element) => {\n // check if we are dealing with @media query\n if (element.type === MEDIA) {\n element.value = element.value.replace('@media', '@container');\n }\n};\n\nObject.defineProperty(stylisContainerPlugin, 'name', { value: 'stylisContainerPlugin' });\nexport default stylisContainerPlugin;\n"],"names":["stylisContainerPlugin","element","type","MEDIA","value","replace","Object","defineProperty"],"mappings":"4FAKA,MAAMA,EAAqCC,IAErCA,EAAQC,OAASC,UACnBF,EAAQG,MAAQH,EAAQG,MAAMC,QAAQ,SAAU,cAClD,EAGFC,OAAOC,eAAeP,EAAuB,OAAQ,CAAEI,MAAO"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity /\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Slider as MuiSlider } from '@mui/material';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { getSliderMarks, SliderContainer } from '@/src/materialui/slider';\n\nexport type ValueComponentType = 'default' \| 'input' \| 'labeledInput' \| null;\n\nexport type SliderThousandsSeparatorType = '.' \| ',' \| ' ';\n\n/\n @interface Base defintion of SkodaFlow Slider component independent on core implementation.\n * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.\n * @link https://mui.com/api/slider\n /\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' \| 'defaultValue' \| 'onChange'> {\n /\n Disabled state, not changeable.\n /\n disabled?: boolean;\n\n /\n The default values of the slider. Use array in order to have more than 1 thumb.\n /\n defaultValue?: number \| number[];\n\n /\n Use valueLabelDisplay for hovered thumb with value text.\n * - `auto` the value label will display when the thumb is hovered or focused.\n * - `on` will display persistently.\n * - `off` will never display.\n * @default 'off'\n /\n valueLabelDisplay?: 'on' \| 'auto' \| 'off';\n\n /\n If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n * @default false\n /\n disableSwap?: boolean;\n /\n Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n * This is important for screen reader users.\n * @param {number} index The thumb label's index to format.\n * @returns {string}\n /\n getAriaLabel?: (index: number) => string;\n\n /\n Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n * This is important for screen reader users.\n * @param {number} value The thumb label's value to format.\n * @param {number} index The thumb label's index to format.\n * @returns {string}\n /\n getAriaValueText?: (value: number, index: number) => string;\n\n /\n The maximum allowed value of the slider.\n * Should not be equal to min.\n * @default 100\n /\n max?: number;\n\n /\n The minimum allowed value of the slider.\n * Should not be equal to max.\n * @default 0\n /\n min?: number;\n\n /\n Callback function that is fired when the slider's value changed.\n \n @param {Event} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * Warning: This is a generic event not a change event.\n * @param {number \| number[]} value The new value.\n * @param {number} activeThumb Index of the currently moved thumb.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement> \| Event,\n value: number \| number[],\n activeThumb?: number,\n ) => void;\n\n /\n Callback function that is fired on input blur.\n \n @param {Event} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * Warning: This is a generic event not a change event.\n * @param {number} activeThumb Index of the currently moved thumb.\n /\n onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> \| Event, activeThumb?: number) => void;\n\n /\n Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.\n \n @param {React.SyntheticEvent \| Event} event The event source of the callback. Warning: This is a generic event not a change event.\n * @param {number \| number[]} value The new value.\n /\n onChangeCommitted?: (event: React.SyntheticEvent \| Event, value: number \| number[]) => void;\n\n /\n Marks indicate predetermined values to which the user can move the slider.\n * If `true` the marks are spaced according the value of the `step` prop.\n * If an array, it should contain objects with `value` and an optional `label` keys.\n * @default false\n /\n marks?:\n \| 'auto'\n \| boolean\n \| {\n value: number;\n label?: React.ReactNode;\n }[];\n\n /\n The granularity with which the slider can step through values. (A \"discrete\" slider.)\n * The `min` prop serves as the origin for the valid values.\n * We recommend (max - min) to be evenly divisible by the step.\n \n When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n * @default 1\n /\n step?: number \| null;\n\n /\n Left side/min label of the value input.\n /\n\n leftSideLabel?: string;\n /\n Right side/max label of the value input.\n /\n rightSideLabel?: string;\n\n /\n Left side/min text description of the value input.\n /\n minTextDescription?: string;\n\n /\n Right side/max text description of the value input.\n /\n maxTextDescription?: string;\n\n /\n The type of the value input.\n /\n valueComponentType?: ValueComponentType;\n\n /\n The value of the slider. For ranged sliders, provide an array with two values.\n /\n value?: number \| number[];\n\n /\n If true the currency is displayed in front of the value.\n /\n isCurrencyInFront?: boolean;\n\n /\n Thousands separator variants for formatting currency\n /\n thousandsSeparator?: SliderThousandsSeparatorType;\n\n /\n Decimal separator variants for formatting currency\n /\n decimalSeparator?: '.' \| ',';\n\n /\n to hide or show decimals. Default value true\n /\n hiddenDecimalSeparator?: boolean;\n}\n\nconst getDoubleValueComponent = (\n type: ValueComponentType,\n values: number[] \| '',\n leftSideLabel?: string,\n rightSideLabel?: string,\n minTextDescription?: string,\n maxTextDescription?: string,\n onChange?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n disabled?: boolean,\n isCurrencyInFront?: boolean,\n thousandsSeparator?: ',' \| '.' \| ' ',\n decimalSeparator?: ',' \| '.',\n hiddenDecimalSeparator?: boolean,\n) => {\n if (type === 'default' \|\| !type) {\n const minVal = getFormattedString(\n typeof values[0] === 'number' ? values[0] : parseInt(values[0]),\n decimalSeparator,\n thousandsSeparator,\n hiddenDecimalSeparator,\n );\n const maxVal = getFormattedString(\n typeof values[1] === 'number' ? values[1] : parseInt(values[1]),\n decimalSeparator,\n thousandsSeparator,\n hiddenDecimalSeparator,\n );\n return (\n <div className=\"range-values\">\n <div data-testid=\"Slider.minVal\">\n {isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}`}\n </div>\n <div className=\"middle-side\"></div>\n <div data-testid=\"Slider.maxVal\">\n {isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}`}\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"range-values\">\n <ResizableSliderInput\n id=\"slider-double-value-left-label-input\"\n onChange={onChange}\n onBlur={onBlur}\n value={values[0]}\n thousandsSeparator={thousandsSeparator}\n decimalSeparator={decimalSeparator}\n hiddenDecimalSeparator={hiddenDecimalSeparator}\n thumb={0}\n disabled={disabled}\n textDescription={minTextDescription}\n labelText={type === 'input' ? null : leftSideLabel}\n isCurrencyInFront={isCurrencyInFront}\n data-testid=\"Slider.minVal\"\n />\n <div className=\"middle-side\"></div>\n <ResizableSliderInput\n id=\"slider-double-value-right-label-input\"\n onChange={onChange}\n onBlur={onBlur}\n value={values[1]}\n thousandsSeparator={thousandsSeparator}\n decimalSeparator={decimalSeparator}\n hiddenDecimalSeparator={hiddenDecimalSeparator}\n thumb={1}\n disabled={disabled}\n textDescription={maxTextDescription}\n labelText={type === 'labeledInput' ? rightSideLabel : null}\n isCurrencyInFront={isCurrencyInFront}\n data-testid=\"Slider.maxVal\"\n />\n </div>\n );\n};\n\nconst getSingleValueComponent = (\n type: ValueComponentType,\n values: number \| '',\n leftSideLabel?: string,\n minTextDescription?: string,\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n disabled?: boolean,\n isCurrencyInFront?: boolean,\n thousandsSeparator?: ',' \| '.' \| ' ',\n decimalSeparator?: ',' \| '.',\n hiddenDecimalSeparator?: boolean,\n) => {\n if (type === 'default' \|\| !type) {\n const val = getFormattedString(\n typeof values === 'number' ? values : parseInt(values),\n decimalSeparator,\n thousandsSeparator,\n hiddenDecimalSeparator,\n );\n return (\n <div data-testid=\"Slider.minVal\">\n {minTextDescription && isCurrencyInFront\n ? `${minTextDescription} ${val}`\n : minTextDescription\n ? `${val} ${minTextDescription}`\n : val}{' '}\n </div>\n );\n }\n\n return (\n <ResizableSliderInput\n id=\"slider-single-value-label-input\"\n value={values}\n thousandsSeparator={thousandsSeparator}\n decimalSeparator={decimalSeparator}\n hiddenDecimalSeparator={hiddenDecimalSeparator}\n onChange={onChange}\n onBlur={onBlur}\n disabled={disabled}\n textDescription={minTextDescription}\n labelText={type === 'labeledInput' ? leftSideLabel : null}\n isCurrencyInFront={isCurrencyInFront}\n />\n );\n};\n\nconst getFormattedValue = (value: string) => {\n let result = value ? parseInt(value) : -1;\n if (isNaN(result)) result = -1;\n\n return result;\n};\n\nconst getInitialValue = (\n min: number,\n max: number,\n defaultValue: number \| number[],\n value?: number \| number[],\n): number \| number[] => {\n if (value !== undefined) return value;\n if (defaultValue !== undefined) return defaultValue;\n if (max && !min) return [0, max];\n if (!max && min) return min;\n\n return 0;\n};\n\n/\n @deprecated Use Slider component from '@mui/material' module instead.\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n (\n {\n min,\n max,\n defaultValue,\n valueComponentType,\n leftSideLabel,\n rightSideLabel,\n disabled,\n disableSwap,\n step,\n value,\n isCurrencyInFront,\n minTextDescription = '',\n maxTextDescription = '',\n onChange,\n onInputBlur,\n thousandsSeparator = ' ',\n decimalSeparator = ',',\n hiddenDecimalSeparator = true,\n marks,\n ...props\n },\n ref,\n ) => {\n const getInitialValueWithUseCallBack = useMemo(() => {\n return getInitialValue(min, max, defaultValue, value);\n }, [min, max, defaultValue, value]);\n\n const [values, setValues] = useState<number \| number[] \| ''>(getInitialValueWithUseCallBack);\n\n useEffect(() => {\n if (value) setValues(() => value);\n }, [value]);\n\n const getFormattedValueWithUseCallBack = useCallback((_value: string) => {\n return getFormattedValue(_value);\n }, []);\n\n const onChangeHandler = useCallback(\n (event: Event, _value: number \| number[], activeThumb: number) => {\n if (!Array.isArray(_value)) {\n setValues(_value);\n onChange && onChange(event, _value, activeThumb);\n return;\n }\n if (activeThumb === 0) {\n setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n } else {\n setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n }\n onChange && onChange(event, _value, activeThumb);\n },\n [onChange, step],\n );\n\n const onChangeSingleValue = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n let newValue = getFormattedValueWithUseCallBack(e.target.value);\n if (newValue > max) newValue = max;\n\n onChange && onChange(e, newValue);\n setValues(() => newValue);\n },\n [getFormattedValueWithUseCallBack, max, onChange],\n );\n\n const onChangeDoubleValue = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => {\n let newValue = getFormattedValueWithUseCallBack(e.target.value);\n if (thumb === 1 && newValue > max) newValue = max;\n else if (thumb === 0 && newValue > values[1]) newValue = values[1];\n setValues((curr: number[]) => {\n let newArrayValue = [...curr];\n newArrayValue[thumb] = newValue;\n if (newArrayValue[0] > newArrayValue[1]) {\n newArrayValue = [0, step];\n }\n onChange && onChange(e, newArrayValue, thumb);\n return newArrayValue;\n });\n },\n [getFormattedValueWithUseCallBack, max, onChange, step, values],\n );\n\n const valuesComponent = useMemo(() => {\n return Array.isArray(values)\n ? getDoubleValueComponent(\n valueComponentType,\n values,\n leftSideLabel,\n rightSideLabel,\n minTextDescription,\n maxTextDescription,\n onChangeDoubleValue,\n onInputBlur,\n disabled,\n isCurrencyInFront,\n thousandsSeparator,\n decimalSeparator,\n hiddenDecimalSeparator,\n )\n : getSingleValueComponent(\n valueComponentType,\n values,\n leftSideLabel,\n minTextDescription,\n onChangeSingleValue,\n onInputBlur,\n disabled,\n isCurrencyInFront,\n thousandsSeparator,\n decimalSeparator,\n hiddenDecimalSeparator,\n );\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\n const marksValue = useMemo(() => {\n if (marks === 'auto') {\n return getSliderMarks(min \|\| 0, max \|\| 100);\n } else {\n return marks;\n }\n }, [marks, min \|\| 0, max \|\| 100]);\n\n return (\n <Box>\n <SliderContainer>\n <MuiSlider\n {...props}\n data-testid=\"Slider\"\n disabled={disabled}\n ref={ref}\n onChange={onChangeHandler}\n min={min}\n max={max}\n step={step}\n disableSwap={disableSwap}\n marks={marksValue}\n valueLabelFormat={(v) =>\n getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator)\n }\n value={values as any}\n />\n </SliderContainer>\n <Box sx={{ pt: 1 }} />\n <SliderValuesStyled disabled={disabled}>{valuesComponent}</SliderValuesStyled>\n </Box>\n );\n },\n);\n\nconst getFormattedString = (\n num: number,\n decimalSeparator: string,\n thousandsSeparator: string,\n hiddenDecimalSeparator: boolean,\n) => {\n if (hiddenDecimalSeparator) 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"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","default","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}
1	+ {"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity /\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Slider as MuiSlider } from '@mui/material';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { getSliderMarks, SliderContainer } from '@/src/materialui/slider';\n\nexport type ValueComponentType = 'default' \| 'input' \| 'labeledInput' \| null;\n\nexport type SliderThousandsSeparatorType = '.' \| ',' \| ' ';\n\n/\n @interface Base defintion of SkodaFlow Slider component independent on core implementation.\n * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.\n * @link https://mui.com/api/slider\n /\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' \| 'defaultValue' \| 'onChange'> {\n /\n Disabled state, not changeable.\n /\n disabled?: boolean;\n\n /\n The default values of the slider. Use array in order to have more than 1 thumb.\n /\n defaultValue?: number \| number[];\n\n /\n Use valueLabelDisplay for hovered thumb with value text.\n * - `auto` the value label will display when the thumb is hovered or focused.\n * - `on` will display persistently.\n * - `off` will never display.\n * @default 'off'\n /\n valueLabelDisplay?: 'on' \| 'auto' \| 'off';\n\n /\n If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n * @default false\n /\n disableSwap?: boolean;\n /\n Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n * This is important for screen reader users.\n * @param {number} index The thumb label's index to format.\n * @returns {string}\n /\n getAriaLabel?: (index: number) => string;\n\n /\n Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n * This is important for screen reader users.\n * @param {number} value The thumb label's value to format.\n * @param {number} index The thumb label's index to format.\n * @returns {string}\n /\n getAriaValueText?: (value: number, index: number) => string;\n\n /\n The maximum allowed value of the slider.\n * Should not be equal to min.\n * @default 100\n /\n max?: number;\n\n /\n The minimum allowed value of the slider.\n * Should not be equal to max.\n * @default 0\n /\n min?: number;\n\n /\n Callback function that is fired when the slider's value changed.\n \n @param {Event} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * Warning: This is a generic event not a change event.\n * @param {number \| number[]} value The new value.\n * @param {number} activeThumb Index of the currently moved thumb.\n /\n onChange?: (\n event: React.ChangeEvent<HTMLInputElement> \| Event,\n value: number \| number[],\n activeThumb?: number,\n ) => void;\n\n /\n Callback function that is fired on input blur.\n \n @param {Event} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * Warning: This is a generic event not a change event.\n * @param {number} activeThumb Index of the currently moved thumb.\n /\n onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> \| Event, activeThumb?: number) => void;\n\n /\n Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.\n \n @param {React.SyntheticEvent \| Event} event The event source of the callback. Warning: This is a generic event not a change event.\n * @param {number \| number[]} value The new value.\n /\n onChangeCommitted?: (event: React.SyntheticEvent \| Event, value: number \| number[]) => void;\n\n /\n Marks indicate predetermined values to which the user can move the slider.\n * If `true` the marks are spaced according the value of the `step` prop.\n * If an array, it should contain objects with `value` and an optional `label` keys.\n * @default false\n /\n marks?:\n \| 'auto'\n \| boolean\n \| {\n value: number;\n label?: React.ReactNode;\n }[];\n\n /\n The granularity with which the slider can step through values. (A \"discrete\" slider.)\n * The `min` prop serves as the origin for the valid values.\n * We recommend (max - min) to be evenly divisible by the step.\n \n When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n * @default 1\n /\n step?: number \| null;\n\n /\n Left side/min label of the value input.\n /\n\n leftSideLabel?: string;\n /\n Right side/max label of the value input.\n /\n rightSideLabel?: string;\n\n /\n Left side/min text description of the value input.\n /\n minTextDescription?: string;\n\n /\n Right side/max text description of the value input.\n /\n maxTextDescription?: string;\n\n /\n The type of the value input.\n /\n valueComponentType?: ValueComponentType;\n\n /\n The value of the slider. For ranged sliders, provide an array with two values.\n /\n value?: number \| number[];\n\n /\n If true the currency is displayed in front of the value.\n /\n isCurrencyInFront?: boolean;\n\n /\n Thousands separator variants for formatting currency\n /\n thousandsSeparator?: SliderThousandsSeparatorType;\n\n /\n Decimal separator variants for formatting currency\n /\n decimalSeparator?: '.' \| ',';\n\n /\n to hide or show decimals. Default value true\n /\n hiddenDecimalSeparator?: boolean;\n}\n\nconst getDoubleValueComponent = (\n type: ValueComponentType,\n values: number[] \| '',\n leftSideLabel?: string,\n rightSideLabel?: string,\n minTextDescription?: string,\n maxTextDescription?: string,\n onChange?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n disabled?: boolean,\n isCurrencyInFront?: boolean,\n thousandsSeparator?: ',' \| '.' \| ' ',\n decimalSeparator?: ',' \| '.',\n hiddenDecimalSeparator?: boolean,\n) => {\n if (type === 'default' \|\| !type) {\n const minVal = getFormattedString(\n typeof values[0] === 'number' ? values[0] : parseInt(values[0]),\n decimalSeparator,\n thousandsSeparator,\n hiddenDecimalSeparator,\n );\n const maxVal = getFormattedString(\n typeof values[1] === 'number' ? values[1] : parseInt(values[1]),\n decimalSeparator,\n thousandsSeparator,\n hiddenDecimalSeparator,\n );\n return (\n <div className=\"range-values\">\n <div data-testid=\"Slider.minVal\">\n {isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}`}\n </div>\n <div className=\"middle-side\"></div>\n <div data-testid=\"Slider.maxVal\">\n {isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}`}\n </div>\n </div>\n );\n }\n\n return (\n <div className=\"range-values\">\n <ResizableSliderInput\n id=\"slider-double-value-left-label-input\"\n onChange={onChange}\n onBlur={onBlur}\n value={values[0]}\n thousandsSeparator={thousandsSeparator}\n decimalSeparator={decimalSeparator}\n hiddenDecimalSeparator={hiddenDecimalSeparator}\n thumb={0}\n disabled={disabled}\n textDescription={minTextDescription}\n labelText={type === 'input' ? null : leftSideLabel}\n isCurrencyInFront={isCurrencyInFront}\n data-testid=\"Slider.minVal\"\n />\n <div className=\"middle-side\"></div>\n <ResizableSliderInput\n id=\"slider-double-value-right-label-input\"\n onChange={onChange}\n onBlur={onBlur}\n value={values[1]}\n thousandsSeparator={thousandsSeparator}\n decimalSeparator={decimalSeparator}\n hiddenDecimalSeparator={hiddenDecimalSeparator}\n thumb={1}\n disabled={disabled}\n textDescription={maxTextDescription}\n labelText={type === 'labeledInput' ? rightSideLabel : null}\n isCurrencyInFront={isCurrencyInFront}\n data-testid=\"Slider.maxVal\"\n />\n </div>\n );\n};\n\nconst getSingleValueComponent = (\n type: ValueComponentType,\n values: number \| '',\n leftSideLabel?: string,\n minTextDescription?: string,\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n disabled?: boolean,\n isCurrencyInFront?: boolean,\n thousandsSeparator?: ',' \| '.' \| ' ',\n decimalSeparator?: ',' \| '.',\n hiddenDecimalSeparator?: boolean,\n) => {\n if (type === 'default' \|\| !type) {\n const val = getFormattedString(\n typeof values === 'number' ? values : parseInt(values),\n decimalSeparator,\n thousandsSeparator,\n hiddenDecimalSeparator,\n );\n return (\n <div data-testid=\"Slider.minVal\">\n {minTextDescription && isCurrencyInFront\n ? `${minTextDescription} ${val}`\n : minTextDescription\n ? `${val} ${minTextDescription}`\n : val}{' '}\n </div>\n );\n }\n\n return (\n <ResizableSliderInput\n id=\"slider-single-value-label-input\"\n value={values}\n thousandsSeparator={thousandsSeparator}\n decimalSeparator={decimalSeparator}\n hiddenDecimalSeparator={hiddenDecimalSeparator}\n onChange={onChange}\n onBlur={onBlur}\n disabled={disabled}\n textDescription={minTextDescription}\n labelText={type === 'labeledInput' ? leftSideLabel : null}\n isCurrencyInFront={isCurrencyInFront}\n />\n );\n};\n\nconst getFormattedValue = (value: string) => {\n let result = value ? parseInt(value) : -1;\n if (isNaN(result)) result = -1;\n\n return result;\n};\n\nconst getInitialValue = (\n min: number,\n max: number,\n defaultValue: number \| number[],\n value?: number \| number[],\n): number \| number[] => {\n if (value !== undefined) return value;\n if (defaultValue !== undefined) return defaultValue;\n if (max && !min) return [0, max];\n if (!max && min) return min;\n\n return 0;\n};\n\n/\n @deprecated Use Slider component from '@mui/material' module instead.\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n (\n {\n min,\n max,\n defaultValue,\n valueComponentType,\n leftSideLabel,\n rightSideLabel,\n disabled,\n disableSwap,\n step,\n value,\n isCurrencyInFront,\n minTextDescription = '',\n maxTextDescription = '',\n onChange,\n onInputBlur,\n thousandsSeparator = ' ',\n decimalSeparator = ',',\n hiddenDecimalSeparator = true,\n marks,\n ...props\n },\n ref,\n ) => {\n const getInitialValueWithUseCallBack = useMemo(() => {\n return getInitialValue(min, max, defaultValue, value);\n }, [min, max, defaultValue, value]);\n\n const [values, setValues] = useState<number \| number[] \| ''>(getInitialValueWithUseCallBack);\n\n useEffect(() => {\n if (value) setValues(() => value);\n }, [value]);\n\n const getFormattedValueWithUseCallBack = useCallback((_value: string) => {\n return getFormattedValue(_value);\n }, []);\n\n const onChangeHandler = useCallback(\n (event: Event, _value: number \| number[], activeThumb: number) => {\n if (!Array.isArray(_value)) {\n setValues(_value);\n onChange && onChange(event, _value, activeThumb);\n return;\n }\n if (activeThumb === 0) {\n setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n } else {\n setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n }\n onChange && onChange(event, _value, activeThumb);\n },\n [onChange, step],\n );\n\n const onChangeSingleValue = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n let newValue = getFormattedValueWithUseCallBack(e.target.value);\n if (newValue > max) newValue = max;\n\n onChange && onChange(e, newValue);\n setValues(() => newValue);\n },\n [getFormattedValueWithUseCallBack, max, onChange],\n );\n\n const onChangeDoubleValue = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => {\n let newValue = getFormattedValueWithUseCallBack(e.target.value);\n if (thumb === 1 && newValue > max) newValue = max;\n else if (thumb === 0 && newValue > values[1]) newValue = values[1];\n setValues((curr: number[]) => {\n let newArrayValue = [...curr];\n newArrayValue[thumb] = newValue;\n if (newArrayValue[0] > newArrayValue[1]) {\n newArrayValue = [0, step];\n }\n onChange && onChange(e, newArrayValue, thumb);\n return newArrayValue;\n });\n },\n [getFormattedValueWithUseCallBack, max, onChange, step, values],\n );\n\n const valuesComponent = useMemo(() => {\n return Array.isArray(values)\n ? getDoubleValueComponent(\n valueComponentType,\n values,\n leftSideLabel,\n rightSideLabel,\n minTextDescription,\n maxTextDescription,\n onChangeDoubleValue,\n onInputBlur,\n disabled,\n isCurrencyInFront,\n thousandsSeparator,\n decimalSeparator,\n hiddenDecimalSeparator,\n )\n : getSingleValueComponent(\n valueComponentType,\n values,\n leftSideLabel,\n minTextDescription,\n onChangeSingleValue,\n onInputBlur,\n disabled,\n isCurrencyInFront,\n thousandsSeparator,\n decimalSeparator,\n hiddenDecimalSeparator,\n );\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\n const marksValue = useMemo(() => {\n if (marks === 'auto') {\n return getSliderMarks(min \|\| 0, max \|\| 100);\n } else {\n return marks;\n }\n }, [marks, min \|\| 0, max \|\| 100]);\n\n return (\n <Box>\n <SliderContainer>\n <MuiSlider\n {...props}\n data-testid=\"Slider\"\n disabled={disabled}\n ref={ref}\n onChange={onChangeHandler}\n min={min}\n max={max}\n step={step}\n disableSwap={disableSwap}\n marks={marksValue}\n valueLabelFormat={(v) =>\n getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator)\n }\n value={values as any}\n />\n </SliderContainer>\n <Box sx={{ pt: 1 }} />\n <SliderValuesStyled disabled={disabled}>{valuesComponent}</SliderValuesStyled>\n </Box>\n );\n },\n);\n\nconst getFormattedString = (\n num: number,\n decimalSeparator: string,\n thousandsSeparator: string,\n hiddenDecimalSeparator: boolean,\n) => {\n if (hiddenDecimalSeparator) 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"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","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","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n Snackbar as MuiSnackbar,\n SnackbarProps as MuiSnackbarProps,\n Alert,\n AlertProps,\n AlertTitle,\n Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n /*\n @deprecated use action instead\n /\n actionButtonTitle?: string;\n /\n @deprecated controlled by providing onClose property\n /\n closeOnClickaway?: boolean;\n /\n @deprecated provide onClose instead\n /\n setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n /\n @deprecated use onClose instead\n /\n handleClose?: (event: React.SyntheticEvent \| Event, reason?: string) => void;\n /\n @deprecated use action instead\n /\n handleAction?: (event: React.SyntheticEvent \| Event, reason?: string) => void;\n /\n @deprecated use severity on the Alert component instead\n /\n icon?: 'alert' \| 'warning' \| 'success' \| '';\n /\n @deprecated use AlertTitle in Alert component instead\n /\n header?: string;\n}\n\n/\n @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n (\n {\n icon,\n message,\n header,\n handleAction,\n actionButtonTitle,\n closeOnClickaway = true,\n onClose,\n handleClose,\n setOpen,\n children,\n ...rest\n },\n ref,\n ) => {\n return (\n <MuiSnackbar\n ref={ref}\n onClose={(e, reason) => {\n if (closeOnClickaway) {\n if (setOpen) {\n setOpen(false);\n } else if (onClose) {\n onClose(e, reason);\n }\n if (handleClose) {\n handleClose(e, reason);\n }\n }\n }}\n {...rest}\n >\n {children \|\| (\n <Alert\n severity={\n icon\n ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n : undefined\n }\n action={\n <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n {actionButtonTitle}\n </Button>\n }\n >\n <AlertTitle>{header}</AlertTitle>\n {message}\n </Alert>\n )}\n </MuiSnackbar>\n );\n },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","~~jsx","~~AlertTitle"],"mappings":"~~iHA4Ca~~,~~MAAAA~~,EAAoCC,~~EAAUA~~,~~YACzD~~,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,~~EAXLC~~,EAAAA,OAAAb,~~EAAA~~,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,~~MAIjBP~~,EAAI,CAAAD,SAEPA,GACCS,OAACC,EAAAA,MAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAAAA,IAACc,~~EAAMA~~,~~OAAA~~,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,~~EAACmB~~,~~IAAAC~~,~~EAAUA~~,~~WAAE~~,~~CAAAvB~~,~~SAAAP~~,IACZD,OAGO"}
1	+ {"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n Snackbar as MuiSnackbar,\n SnackbarProps as MuiSnackbarProps,\n Alert,\n AlertProps,\n AlertTitle,\n Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n /*\n @deprecated use action instead\n /\n actionButtonTitle?: string;\n /\n @deprecated controlled by providing onClose property\n /\n closeOnClickaway?: boolean;\n /\n @deprecated provide onClose instead\n /\n setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n /\n @deprecated use onClose instead\n /\n handleClose?: (event: React.SyntheticEvent \| Event, reason?: string) => void;\n /\n @deprecated use action instead\n /\n handleAction?: (event: React.SyntheticEvent \| Event, reason?: string) => void;\n /\n @deprecated use severity on the Alert component instead\n /\n icon?: 'alert' \| 'warning' \| 'success' \| '';\n /\n @deprecated use AlertTitle in Alert component instead\n /\n header?: string;\n}\n\n/\n @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n (\n {\n icon,\n message,\n header,\n handleAction,\n actionButtonTitle,\n closeOnClickaway = true,\n onClose,\n handleClose,\n setOpen,\n children,\n ...rest\n },\n ref,\n ) => {\n return (\n <MuiSnackbar\n ref={ref}\n onClose={(e, reason) => {\n if (closeOnClickaway) {\n if (setOpen) {\n setOpen(false);\n } else if (onClose) {\n onClose(e, reason);\n }\n if (handleClose) {\n handleClose(e, reason);\n }\n }\n }}\n {...rest}\n >\n {children \|\| (\n <Alert\n severity={\n icon\n ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n : undefined\n }\n action={\n <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n {actionButtonTitle}\n </Button>\n }\n >\n <AlertTitle>{header}</AlertTitle>\n {message}\n </Alert>\n )}\n </MuiSnackbar>\n );\n },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","AlertTitle"],"mappings":"iHA4CO,MAAMA,EAAoCC,EAAAA,YAC/C,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAAIC,EAAAA,OAAAb,EAXT,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,GAEnB,GAEEP,EAAI,CAAAD,SAEPA,GACCS,OAACC,EAAAA,MAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAAAA,IAACc,EAAAA,OAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAAAA,IAACmB,EAAAA,WAAU,CAAAtB,SAAEP,IACZD,OAGO"}

package/cjs/components/spacing/spacing.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"spacing.js","sources":["../../../../../src/components/spacing/spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n /*\n Value of spacing. Transpiles to theme.spacing(value).\n \n @default 2 that transpiles by default to 16px\n /\n value?: number;\n /\n Defines whether the Spacing should be horizontal or vertical.\n * @default: false\n */\n horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n return (\n <Box\n ref={ref}\n sx={{\n pl: horizontal ? value : 0,\n pt: horizontal ? 0 : value,\n ...sx,\n }}\n {...rest}\n />\n );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"~~iHAiBa~~,~~MAAAA~~,EAAkCC,~~EAAUA~~,~~YAAC~~,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,~~GAAgBJ~~,~~EAANK~~,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,~~IACCC~~,OAAAC,OAAA,~~CAAAT~~,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG,GACJ"}
1	+ {"version":3,"file":"spacing.js","sources":["../../../../../src/components/spacing/spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n /*\n Value of spacing. Transpiles to theme.spacing(value).\n \n @default 2 that transpiles by default to 16px\n /\n value?: number;\n /\n Defines whether the Spacing should be horizontal or vertical.\n * @default: false\n */\n horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n return (\n <Box\n ref={ref}\n sx={{\n pl: horizontal ? value : 0,\n pt: horizontal ? 0 : value,\n ...sx,\n }}\n {...rest}\n />\n );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"iHAiBO,MAAMA,EAAkCC,EAAAA,YAAW,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAKJ,EAAKK,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG,GACJ"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":["import { Box, Chip, Tooltip } from '@mui/material';\nimport React from 'react';\nimport { Location, StepDescriptionDefinition } from './model';\nimport { stepperStyles } from './stepper.styles';\n\n/*\n @deprecated\n /\nconst getStepDescriptionLocation = (location: Location = 'bottom') => {\n const defaultLocation = { marginTop: '16px' };\n switch (location) {\n case 'bottom':\n return defaultLocation;\n case 'top':\n return { marginTop: 'calc(-50% + -16px)' };\n default:\n return defaultLocation;\n }\n};\n\n/\n @deprecated\n */\nconst StepDescription = (props: StepDescriptionDefinition) => {\n if (!props) {\n return null;\n }\n const { text, width, tooltipProps = { title: undefined } } = props;\n return (\n <Box sx={stepperStyles.getStepDescriptionContainerStyle(getStepDescriptionLocation())}>\n <Tooltip {...tooltipProps}>\n <Chip\n sx={{\n ...stepperStyles.getMultilineChipStyle(width),\n }}\n color=\"primary\"\n label={text}\n />\n </Tooltip>\n </Box>\n );\n};\n\nexport { StepDescription, getStepDescriptionLocation };\n"],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","~~jsx","~~Chip","getMultilineChipStyle","color","label"],"mappings":"4GAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,gDASDC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAAAA,IAACC,EAAAA,KAAIC,GAAIC,~~EAAaA~~,~~cAACC~~,iCAAiCd,~~KACtDe~~,~~SAAAL~~,EAAAA,IAACM,EAAAA,~~QAAYC~~,OAAAC,OAAA,CAAA,~~EAAAX~~,YACXG,~~EAACS~~,~~IAAAC~~,~~EAAIA~~,~~KACH~~,~~CAAAR~~,oBACKC,~~EAAaA~~,~~cAACQ~~,~~sBAAsBf~~,~~IAEzCgB~~,MAAM,UACNC,~~MAAOlB~~,QAGP"}
1	+ {"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":["import { Box, Chip, Tooltip } from '@mui/material';\nimport React from 'react';\nimport { Location, StepDescriptionDefinition } from './model';\nimport { stepperStyles } from './stepper.styles';\n\n/*\n @deprecated\n /\nconst getStepDescriptionLocation = (location: Location = 'bottom') => {\n const defaultLocation = { marginTop: '16px' };\n switch (location) {\n case 'bottom':\n return defaultLocation;\n case 'top':\n return { marginTop: 'calc(-50% + -16px)' };\n default:\n return defaultLocation;\n }\n};\n\n/\n @deprecated\n */\nconst StepDescription = (props: StepDescriptionDefinition) => {\n if (!props) {\n return null;\n }\n const { text, width, tooltipProps = { title: undefined } } = props;\n return (\n <Box sx={stepperStyles.getStepDescriptionContainerStyle(getStepDescriptionLocation())}>\n <Tooltip {...tooltipProps}>\n <Chip\n sx={{\n ...stepperStyles.getMultilineChipStyle(width),\n }}\n color=\"primary\"\n label={text}\n />\n </Tooltip>\n </Box>\n );\n};\n\nexport { StepDescription, getStepDescriptionLocation };\n"],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","Chip","getMultilineChipStyle","color","label"],"mappings":"4GAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,gDASDC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAAAA,IAACC,EAAAA,KAAIC,GAAIC,EAAAA,cAAcC,iCAAiCd,KAA6Be,SACnFL,EAAAA,IAACM,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAKX,YACXG,EAAAA,IAACS,EAAAA,KAAI,CACHP,oBACKC,EAAAA,cAAcO,sBAAsBd,IAEzCe,MAAM,UACNC,MAAOjB,QAGP"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { Stepper as MuiStepper, Step, StepLabel, styled } from '@mui/material';\nimport { FC, PropsWithChildren } from 'react';\nimport { StepDescription } from './desktopStepperStepDescription';\nimport { StepDefinition, StepperProps } from './model';\nimport { stepperStyles } from './stepper.styles';\n\nconst StepperStyled = styled('div')<{ theme?: any }>(() => {\n return stepperStyles.stepperContainer;\n});\n\n/*\n @deprecated Use Stepper from @mui/material instead\n \n @see @mui/material/Stepper\n */\nconst Stepper: FC<PropsWithChildren<StepperProps>> = ({\n activeStep,\n alternativeLabel,\n children,\n classes,\n connector,\n nonLinear,\n orientation,\n step,\n ...props\n}) => {\n const desktopStepper = () => (\n <MuiStepper {...props} activeStep={activeStep} alternativeLabel={alternativeLabel}>\n {children \|\|\n step.map((item) => {\n const isItemString = typeof item === 'string' \|\| item instanceof String;\n const label = isItemString ? item : (item as StepDefinition).label;\n return (\n <Step key={label + ''}>\n <StepLabel style={stepperStyles.stepLabel}>{label}</StepLabel>\n {!isItemString && alternativeLabel && StepDescription((item as StepDefinition).stepDescription)}\n </Step>\n );\n })}\n </MuiStepper>\n );\n\n return <StepperStyled>{desktopStepper()}</StepperStyled>;\n};\n\nexport { Stepper };\n"],"names":["StepperStyled","styled","stepperStyles","stepperContainer","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","_jsx","MuiStepper","Object","assign","map","item","isItemString","String","label","_jsxs","~~jsxs","~~Step","StepLabel","style","stepLabel","StepDescription","stepDescription"],"mappings":"+KAMA,MAAMA,EAAgBC,EAAAA,OAAO,MAAPA,EAA+B,IAC5CC,~~EAAaA~~,~~cAACC~~,mCAQ+BC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAA,OAAAV,EAT4C,qGA2BpD,OAAOW,~~MAACf~~,EAAa,CAAAO,SAfnBQ,EAAAA,IAACC,EAAAA,QAAUC,OAAAC,OAAA,CAAA,EAAKL,~~EAAO~~,~~CAAAR~~,WAAYA,EAAYC,iBAAkBA,WAC9DC,GACCK,EAAKO,KAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,~~EAAAC~~,KAACC,OAAI,~~CAAAnB~~,SAAA,CACHQ,~~MAACY~~,EAAAA,UAAS,CAACC,~~MAAO1B~~,~~EAAaA~~,~~cAAC2B~~,~~UAAStB~~,SAAGgB,KAC1CF,GAAgBf,~~GAAoBwB~~,~~EAAeA~~,~~gBAAEV~~,~~EAAwBW~~,~~mBAFtER~~,EAAQ,GAGZ,QAMuC"}
1	+ {"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { Stepper as MuiStepper, Step, StepLabel, styled } from '@mui/material';\nimport { FC, PropsWithChildren } from 'react';\nimport { StepDescription } from './desktopStepperStepDescription';\nimport { StepDefinition, StepperProps } from './model';\nimport { stepperStyles } from './stepper.styles';\n\nconst StepperStyled = styled('div')<{ theme?: any }>(() => {\n return stepperStyles.stepperContainer;\n});\n\n/*\n @deprecated Use Stepper from @mui/material instead\n \n @see @mui/material/Stepper\n */\nconst Stepper: FC<PropsWithChildren<StepperProps>> = ({\n activeStep,\n alternativeLabel,\n children,\n classes,\n connector,\n nonLinear,\n orientation,\n step,\n ...props\n}) => {\n const desktopStepper = () => (\n <MuiStepper {...props} activeStep={activeStep} alternativeLabel={alternativeLabel}>\n {children \|\|\n step.map((item) => {\n const isItemString = typeof item === 'string' \|\| item instanceof String;\n const label = isItemString ? item : (item as StepDefinition).label;\n return (\n <Step key={label + ''}>\n <StepLabel style={stepperStyles.stepLabel}>{label}</StepLabel>\n {!isItemString && alternativeLabel && StepDescription((item as StepDefinition).stepDescription)}\n </Step>\n );\n })}\n </MuiStepper>\n );\n\n return <StepperStyled>{desktopStepper()}</StepperStyled>;\n};\n\nexport { Stepper };\n"],"names":["StepperStyled","styled","stepperStyles","stepperContainer","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","_jsx","MuiStepper","Object","assign","map","item","isItemString","String","label","_jsxs","Step","StepLabel","style","stepLabel","StepDescription","stepDescription"],"mappings":"+KAMA,MAAMA,EAAgBC,EAAAA,OAAO,MAAPA,EAA+B,IAC5CC,EAAAA,cAAcC,mCAQ+BC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAA,OAAAV,EAT4C,qGA2BpD,OAAOW,EAAAA,IAACf,EAAa,CAAAO,SAfnBQ,EAAAA,IAACC,EAAAA,QAAUC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAER,WAAYA,EAAYC,iBAAkBA,WAC9DC,GACCK,EAAKO,KAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,EAAAA,KAACC,OAAI,CAAAlB,SAAA,CACHQ,MAACW,EAAAA,UAAS,CAACC,MAAOzB,EAAAA,cAAc0B,UAASrB,SAAGgB,KAC1CF,GAAgBf,GAAoBuB,EAAAA,gBAAiBT,EAAwBU,mBAFtEP,EAAQ,GAGZ,QAMuC"}