@skodaflow/web-library 4.1.0 → 4.2.0

package/components/tab/tabs.js.map

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

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

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

package/components/textArea/textArea.js.map

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

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

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

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

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

package/components/textInput/textInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"textInput.js","sources":["../../../src/components/textInput/textInput.tsx"],"sourcesContent":[null],"names":["TextInput","_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","noop","maxChars","required","_jsx","children","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"seAkBa,MAAAA,EAAiCC,IAAA,IAAAC,KAC5CA,EAAIC,GACJA,EAAEC,MACFA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,SACXA,EAAQC,UACRA,GAAY,EAAIC,aAChBA,GAEDX,EADIY,EAAKC,EAAAb,EAZoC,iHAc5C,MAAOc,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EACzE1B,EACAoB,EACAf,EACAI,EAAMkB,MAGFC,EAAWC,EAAO,OAClBC,MAAEA,GAAUC,IAgBlB,OAdAC,EACEJ,EACAK,EACA1B,EACAuB,EACAnB,EACAP,EACAK,EAAMyB,SACNzB,EAAM0B,SACNpB,EACAH,EACAS,GAIAe,EACE,MAAA,CAAAC,SAAAD,EAACE,EAAeC,OAAAC,OAAA,GACV/B,EACJ,CAAAgC,UAAW,CAAChC,EAAMiC,KAAO,iBAAmB,GAAI1C,EAAQ,kBAAoB,qBAAqB2C,KAAK,KACtGC,gBAAiB,CACfC,OAAQ/B,GAEVgC,WACErC,EAAMiC,KACF,CACEK,eACEX,EAACY,GAAeC,SAAS,QAAOZ,SAC9BD,EAACc,EAAK,CAAAC,MAAO1C,EAAM2C,SAAW,WAAa,UAAWX,UAAWhC,EAAMiC,UAI7E,CAAE,EAERzC,SAAWoD,GAAU7B,EAAe6B,EAAO5C,EAAMyB,SAAUjC,EAAUW,GACrER,MAAOO,EACPR,QAAUkD,GAAU9B,EAAc8B,EAAOpC,EAAcF,EAAaZ,GACpEmD,aAAc,IAAMnC,GAAW,GAC/BoC,aAAc,IAAMpC,GAAW,GAC/BD,QAASA,EACThB,OAASmD,GAAU/B,EAAa+B,EAAOtC,EAAaE,EAAcf,EAAQS,GAC1E6C,QAASxC,EACTX,YAAaoB,EACbzB,MAAOK,EAAc,KAAOL,EAC5ByD,cAAepD,EACfP,KAAMA,EACN4D,IAAK9B,EACL7B,GAAIA,EACJ4D,MAAOrD,EACPC,UAAWA,EACXqD,UAAYP,IACN5C,EAAMoD,mBAAmBpD,EAAMoD,kBAAkBR,GACjD7C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAASV,EAAMW,MACzEX,EAAMY,gBACP,EAEHC,WAAY9B,EAAC+B,GAAWjC,SAAUzB,EAAMyB,SAAUvB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAGlG"}
+{"version":3,"file":"textInput.js","sources":["../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput = (_a) => {\n    var { name, id, label = null, onChange, onBlur, onFocus, value, placeholder, hasError, fullWidth = true, excludeChars } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"placeholder\", \"hasError\", \"fullWidth\", \"excludeChars\"]);\n    const [currentValue, setCurrentValue] = useState(value || '');\n    const [isShrunk, setIsShrunk] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n    const [isRequired, setIsRequired] = useState(false);\n    const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(label, isRequired, placeholder, props.type);\n    const inputRef = useRef(null);\n    const { width } = useWindowSize();\n    useTextInputEffect(inputRef, noop, fullWidth, width, currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n    return (_jsx(\"div\", { children: _jsx(TextFieldStyled, Object.assign({}, props, { className: [props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' '), InputLabelProps: {\n                shrink: isShrunk,\n            }, InputProps: props.icon\n                ? {\n                    startAdornment: (_jsx(InputAdornment, { position: \"start\", children: _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', className: props.icon }) })),\n                }\n                : {}, onChange: (event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue), value: currentValue, onFocus: (event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), hovered: hovered, onBlur: (event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue), focused: isFocused, placeholder: handlePlaceholder, label: placeholder ? null : label, hiddenLabel: !!placeholder, name: name, ref: inputRef, id: id, error: hasError, fullWidth: fullWidth, onKeyDown: (event) => {\n                if (props.onKeyDownCallback)\n                    props.onKeyDownCallback(event);\n                if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n                    event.preventDefault();\n                }\n            }, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })) }));\n};\n//# sourceMappingURL=textInput.js.map"],"names":["TextInput","_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","noop","maxChars","required","_jsx","children","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"seAkBY,MAACA,EAAaC,IACtB,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,EAAKC,YAAEA,EAAWC,SAAEA,EAAQC,UAAEA,GAAY,EAAIC,aAAEA,GAAiBX,EAAIY,EAAQC,EAAOb,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,QAAS,cAAe,WAAY,YAAa,iBAC3P,MAAOc,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EAAa1B,EAAOoB,EAAYf,EAAaI,EAAMkB,MACxHC,EAAWC,EAAO,OAClBC,MAAEA,GAAUC,IAElB,OADAC,EAAmBJ,EAAUK,EAAM1B,EAAWuB,EAAOnB,EAAcP,EAAOK,EAAMyB,SAAUzB,EAAM0B,SAAUpB,EAAaH,EAAiBS,GAChIe,EAAK,MAAO,CAAEC,SAAUD,EAAKE,EAAiBC,OAAOC,OAAO,GAAI/B,EAAO,CAAEgC,UAAW,CAAChC,EAAMiC,KAAO,iBAAmB,GAAI1C,EAAQ,kBAAoB,qBAAqB2C,KAAK,KAAMC,gBAAiB,CAClMC,OAAQ/B,GACTgC,WAAYrC,EAAMiC,KACf,CACEK,eAAiBX,EAAKY,EAAgB,CAAEC,SAAU,QAASZ,SAAUD,EAAKc,EAAM,CAAEC,MAAO1C,EAAM2C,SAAW,WAAa,UAAWX,UAAWhC,EAAMiC,UAErJ,CAAE,EAAEzC,SAAWoD,GAAU7B,EAAe6B,EAAO5C,EAAMyB,SAAUjC,EAAUW,GAAkBR,MAAOO,EAAcR,QAAUkD,GAAU9B,EAAc8B,EAAOpC,EAAcF,EAAaZ,GAAUmD,aAAc,IAAMnC,GAAW,GAAOoC,aAAc,IAAMpC,GAAW,GAAQD,QAASA,EAAShB,OAASmD,GAAU/B,EAAa+B,EAAOtC,EAAaE,EAAcf,EAAQS,GAAe6C,QAASxC,EAAWX,YAAaoB,EAAmBzB,MAAOK,EAAc,KAAOL,EAAOyD,cAAepD,EAAaP,KAAMA,EAAM4D,IAAK9B,EAAU7B,GAAIA,EAAI4D,MAAOrD,EAAUC,UAAWA,EAAWqD,UAAYP,IAC7jB5C,EAAMoD,mBACNpD,EAAMoD,kBAAkBR,GACxB7C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAASV,EAAMW,MACvEX,EAAMY,gBACT,EACFC,WAAY9B,EAAK+B,EAAY,CAAEjC,SAAUzB,EAAMyB,SAAUvB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAAoB"}

package/components/toggleSwitch/toggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggleSwitch.js","sources":["../../../src/components/toggleSwitch/toggleSwitch.tsx"],"sourcesContent":[null],"names":["ToggleSwitch","forwardRef","_a","ref","compact","isNavigationVariant","props","__rest","focusVisible","setFocusVisible","useState","label","_b","children","toggleSwitch","_jsx","ButtonFocusVisibleStyled","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","ClassNaming","FormControlLabelStyled","control","disabled","styled","MuiSwitch"],"mappings":"oYA4Da,MAAAA,EAAeC,GAC1B,CAACC,EAA4CC,YAA5CC,QAAEA,EAAOC,oBAAEA,GAAmBH,EAAKI,EAAKC,EAAAL,EAAxC,mCACC,MAAOM,EAAcC,GAAmBC,GAAS,GAC3CC,EAAuB,QAAfC,EAAAN,EAAMK,aAAS,IAAAC,EAAAA,EAAAN,EAAMO,SAO7BC,EACJC,EAACC,EAAwB,CAACR,aAAcA,EAAcH,qBAAqB,EACzEQ,SAAAE,EAACE,EAAkBC,OAAAC,OAAA,CAAA,EACbb,EAAK,CACTH,IAAKA,EACLiB,eAAgB,IAAMX,GAAgB,GACtCY,OAXUC,IACdb,GAAgB,GACZH,EAAMe,QAAQf,EAAMe,OAAOC,EAAE,EAU7BC,KAAMnB,EAAU,QAAU,SAC1BoB,UAAWhB,EAAeiB,EAAYjB,aAAe,QAK3D,OAAOG,EACLI,EAACW,EAAsB,CAACC,QAASb,EAAcH,MAAOL,EAAMK,MAAOiB,SAAUtB,EAAMsB,WAAY,CAGhG,IAOCX,EAAqBY,EAAOC,EAAPD,EAAkC,IACpD"}
+{"version":3,"file":"toggleSwitch.js","sources":["../../../src/components/toggleSwitch/toggleSwitch.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useState } from 'react';\nimport MuiSwitch from '@mui/material/Switch';\nimport { styled } from '@mui/material/styles';\nimport { ClassNaming } from '../../design/skoda/theme.constants';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n/**\n * @description SkodaFlow ToggleSwitch component.\n * Properties are inherited from HTML Button element.\n * @param props ToggleSwitchProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Switch and FromControlLabel components from @mui/material instead.\n */\nexport const ToggleSwitch = forwardRef((_a, ref) => {\n    var _b;\n    var { compact, isNavigationVariant } = _a, props = __rest(_a, [\"compact\", \"isNavigationVariant\"]);\n    const [focusVisible, setFocusVisible] = useState(false);\n    const label = (_b = props.label) !== null && _b !== void 0 ? _b : props.children;\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const toggleSwitch = (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisible, isNavigationVariant: false, children: _jsx(ToggleSwitchStyled, Object.assign({}, props, { ref: ref, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, size: compact ? 'small' : 'medium', className: focusVisible ? ClassNaming.focusVisible : '' })) }));\n    return label ? (_jsx(FormControlLabelStyled, { control: toggleSwitch, label: props.label, disabled: props.disabled })) : (toggleSwitch);\n});\n/**\n * @description ToggleSwitch styling definition based on props\n */\nconst ToggleSwitchStyled = styled(MuiSwitch)(() => {\n    return null;\n});\n//# sourceMappingURL=toggleSwitch.js.map"],"names":["ToggleSwitch","forwardRef","_a","ref","_b","compact","isNavigationVariant","props","__rest","focusVisible","setFocusVisible","useState","label","children","toggleSwitch","_jsx","ButtonFocusVisibleStyled","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","ClassNaming","FormControlLabelStyled","control","disabled","styled","MuiSwitch"],"mappings":"oYAeY,MAACA,EAAeC,GAAW,CAACC,EAAIC,KACxC,IAAIC,GACAC,QAAEA,EAAOC,oBAAEA,GAAwBJ,EAAIK,EAAQC,EAAON,EAAI,CAAC,UAAW,wBAC1E,MAAOO,EAAcC,GAAmBC,GAAS,GAC3CC,EAA+B,QAAtBR,EAAKG,EAAMK,aAA0B,IAAPR,EAAgBA,EAAKG,EAAMM,SAMlEC,EAAgBC,EAAKC,EAA0B,CAAEP,aAAcA,EAAcH,qBAAqB,EAAOO,SAAUE,EAAKE,EAAoBC,OAAOC,OAAO,CAAA,EAAIZ,EAAO,CAAEJ,IAAKA,EAAKiB,eAAgB,IAAMV,GAAgB,GAAOW,OALpNC,IACZZ,GAAgB,GACZH,EAAMc,QACNd,EAAMc,OAAOC,EAAE,EAE6NC,KAAMlB,EAAU,QAAU,SAAUmB,UAAWf,EAAegB,EAAYhB,aAAe,QAC7U,OAAOG,EAASG,EAAKW,EAAwB,CAAEC,QAASb,EAAcF,MAAOL,EAAMK,MAAOgB,SAAUrB,EAAMqB,WAAW,CAAkB,IAKrIX,EAAqBY,EAAOC,EAAPD,EAAkB,IAClC"}

package/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":[null],"names":["Tooltip","_a","props","__rest","_jsx","MuiTooltip","Object","assign","title","children"],"mappings":"+GAkDa,MAAAA,EAAmCC,IAAA,IAAeC,EAAKC,EAAAF,EAApB,cAC9C,OACEG,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAAL,GAAOM,MAAON,EAAMM,MACjCC,SAAAP,EAAMO,WAET"}
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Tooltip as MuiTooltip } from '@mui/material';\n/**\n * @description SkodaFlow Tooltip component.\n * @param props TooltipProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Tooltip component from @mui/material instead.\n */\nexport const Tooltip = (_a) => {\n    var { iconName } = _a, props = __rest(_a, [\"iconName\"]);\n    return (_jsx(MuiTooltip, Object.assign({}, props, { title: props.title, children: props.children })));\n};\n//# sourceMappingURL=tooltip.js.map"],"names":["Tooltip","_a","props","__rest","_jsx","MuiTooltip","Object","assign","title","children"],"mappings":"+GASY,MAACA,EAAWC,IACjB,IAAoBC,EAAQC,EAAOF,EAAI,CAAC,aAC3C,OAAQG,EAAKC,EAAYC,OAAOC,OAAO,CAAA,EAAIL,EAAO,CAAEM,MAAON,EAAMM,MAAOC,SAAUP,EAAMO,WAAc"}

package/components/upload/UploadBox.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+export type UploadBoxProps = {
+    /**
+     * Color scheme of the box. This affects background color, border color, border style and font color.
+     * @default secondary
+     */
+    color?: 'primary' | 'secondary' | 'transparent' | 'white' | 'error';
+    /**
+     * Content of the box
+     * @requires
+     */
+    children: ReactNode;
+};
+export declare const UploadBox: FC<UploadBoxProps>;

package/components/upload/UploadBox.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{useTheme as e,Box as t}from"@mui/material";import{useMemo as a}from"react";const n=({color:n="secondary",children:o})=>{const s=e(),c=a((()=>{switch(n){case"primary":return s.palette.brandHover.primary;case"secondary":return s.palette.onSurface.os200;case"transparent":case"white":return s.palette.surface.secondary;case"error":return s.palette.error.main}}),[n,s]),i=a((()=>{switch(n){case"primary":return s.palette.brand.quarternary;case"secondary":case"error":return s.palette.surface.primary;case"transparent":return"transparent";case"white":return s.palette.common.white}}),[n,s]),p=a((()=>"white"===n||"transparent"===n?"solid":"dashed"),[n]);return r(t,{sx:{borderRadius:"8px",borderWidth:"1px",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",borderStyle:p,borderColor:c,backgroundColor:i},children:o})};export{n as UploadBox};
+//# sourceMappingURL=UploadBox.js.map

package/components/upload/UploadBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadBox.js","sources":["../../../src/components/upload/UploadBox.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\nexport const UploadBox = ({ color = 'secondary', children }) => {\n    const theme = useTheme();\n    const borderColor = useMemo(() => {\n        switch (color) {\n            case 'primary':\n                return theme.palette.brandHover.primary;\n            case 'secondary':\n                return theme.palette.onSurface.os200;\n            case 'transparent':\n            case 'white':\n                return theme.palette.surface.secondary;\n            case 'error':\n                return theme.palette.error.main;\n        }\n    }, [color, theme]);\n    const backgroundColor = useMemo(() => {\n        switch (color) {\n            case 'primary':\n                return theme.palette.brand.quarternary;\n            case 'secondary':\n                return theme.palette.surface.primary;\n            case 'transparent':\n                return 'transparent';\n            case 'white':\n                return theme.palette.common.white;\n            case 'error':\n                return theme.palette.surface.primary;\n        }\n    }, [color, theme]);\n    const borderStyle = useMemo(() => {\n        if (color === 'white' || color === 'transparent') {\n            return 'solid';\n        }\n        return 'dashed';\n    }, [color]);\n    return (_jsx(Box, { sx: {\n            borderRadius: '8px',\n            borderWidth: '1px',\n            position: 'relative',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            width: '100%',\n            height: '100%',\n            borderStyle,\n            borderColor,\n            backgroundColor,\n        }, children: children }));\n};\n//# sourceMappingURL=UploadBox.js.map"],"names":["UploadBox","color","children","theme","useTheme","borderColor","useMemo","palette","brandHover","primary","onSurface","os200","surface","secondary","error","main","backgroundColor","brand","quarternary","common","white","borderStyle","_jsx","Box","sx","borderRadius","borderWidth","position","display","alignItems","justifyContent","width","height"],"mappings":"0HAGY,MAACA,EAAY,EAAGC,QAAQ,YAAaC,eAC7C,MAAMC,EAAQC,IACRC,EAAcC,GAAQ,KACxB,OAAQL,GACJ,IAAK,UACD,OAAOE,EAAMI,QAAQC,WAAWC,QACpC,IAAK,YACD,OAAON,EAAMI,QAAQG,UAAUC,MACnC,IAAK,cACL,IAAK,QACD,OAAOR,EAAMI,QAAQK,QAAQC,UACjC,IAAK,QACD,OAAOV,EAAMI,QAAQO,MAAMC,KAClC,GACF,CAACd,EAAOE,IACLa,EAAkBV,GAAQ,KAC5B,OAAQL,GACJ,IAAK,UACD,OAAOE,EAAMI,QAAQU,MAAMC,YAC/B,IAAK,YAML,IAAK,QACD,OAAOf,EAAMI,QAAQK,QAAQH,QALjC,IAAK,cACD,MAAO,cACX,IAAK,QACD,OAAON,EAAMI,QAAQY,OAAOC,MAGnC,GACF,CAACnB,EAAOE,IACLkB,EAAcf,GAAQ,IACV,UAAVL,GAA+B,gBAAVA,EACd,QAEJ,UACR,CAACA,IACJ,OAAQqB,EAAKC,EAAK,CAAEC,GAAI,CAChBC,aAAc,MACdC,YAAa,MACbC,SAAU,WACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,MAAO,OACPC,OAAQ,OACRX,cACAhB,cACAW,mBACDd,SAAUA,GAAa"}

package/components/upload/UploadField.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactNode } from 'react';
+import { availableIcons } from '../icon';
+export type UploadFieldProps = {
+    /**
+     * Glob string that specifies which file types are accepted by upload
+     * @default *
+     * @example
+     * // all images
+     * <UploadField accept="image/*"/>
+     * // only PDF files
+     * <UploadField accept="application/pdf"/>
+     */
+    accept?: string;
+    /**
+     * Number of maximum files that can be uploaded. Excess files will be truncated before upload starts.
+     * @default 1
+     */
+    maxFiles?: number;
+    /**
+     * Handler that is called when user provide files.
+     * @param files
+     * @returns void
+     * @requires
+     */
+    onFileDrop: (files: Array<File>) => void;
+    /**
+     * Icon name of the upload button.
+     * @default undefined
+     */
+    uploadIcon?: (typeof availableIcons)[number];
+    /**
+     * Label of the upload button.
+     * @default Upload
+     */
+    uploadLabel?: ReactNode;
+};
+export declare const UploadField: FC<UploadFieldProps>;

package/components/upload/UploadField.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as n,useCallback as o}from"react";import{UploadBox as i}from"./UploadBox.js";import{Icon as a}from"../icon/icon.js";import{Box as l,IconButton as p,Typography as c}from"@mui/material";import{minimatch as s}from"minimatch";const f=({uploadIcon:f="plus",maxFiles:m=1,uploadLabel:d="Upload",accept:u="*",onFileDrop:g})=>{const h=t(null),[v,y]=n(!1),[x,D]=n(!1),j=o((e=>{e.stopPropagation(),e.preventDefault()}),[]),C=o((e=>{[...e.dataTransfer.files].filter((e=>s(e.type,u))).length>0?y(!0):D(!0)}),[y,D]),P=o((()=>{y(!1),D(!1)}),[y,D]),k=o((()=>{var e;null===(e=h.current)||void 0===e||e.click()}),[]),E=o((e=>{e.preventDefault(),e.stopPropagation();const r=[...e.dataTransfer.files].filter((e=>s(e.type,u))).slice(0,m);y(!1),D(!1),r.length>0&&g(r)}),[y,D]),F=o((e=>{e.preventDefault(),e.stopPropagation();const r=[...e.target.files].filter((e=>s(e.type,u))).slice(0,m);r.length>0&&(g([...r]),h.current&&(h.current.value=""))}),[]);return e(i,{color:v?"primary":"secondary",children:r(l,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",gap:"8px","& *":{pointerEvents:"none"},cursor:x?"no-drop":"pointer"},onDragOver:j,onDrop:E,onDragEnter:C,onDragLeave:P,onClick:k,children:[e(p,{children:e(a,{className:f})}),"string"==typeof d?e(c,{children:d}):d,e("input",{ref:h,hidden:!0,type:"file",multiple:m>1,accept:u,onChange:F})]})})};export{f as UploadField};
+//# sourceMappingURL=UploadField.js.map

package/components/upload/UploadField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadField.js","sources":["../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Icon } from '../icon';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport { minimatch } from 'minimatch';\nexport const UploadField = ({ uploadIcon = 'plus', maxFiles = 1, uploadLabel = 'Upload', accept = '*', onFileDrop, }) => {\n    const inputRef = useRef(null);\n    const [dragging, setDragging] = useState(false);\n    const [dragInvalid, setDragInvalid] = useState(false);\n    const preventDragOver = useCallback((event) => {\n        event.stopPropagation();\n        event.preventDefault();\n    }, []);\n    const dragOverHandler = useCallback((event) => {\n        const files = [...event.dataTransfer.files];\n        const matched = files.filter((file) => minimatch(file.type, accept));\n        if (matched.length > 0) {\n            setDragging(true);\n        }\n        else {\n            setDragInvalid(true);\n        }\n    }, [setDragging, setDragInvalid]);\n    const dragLeaveHandler = useCallback(() => {\n        setDragging(false);\n        setDragInvalid(false);\n    }, [setDragging, setDragInvalid]);\n    const uploadClickHandler = useCallback(() => {\n        var _a;\n        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();\n    }, []);\n    const dropHandler = useCallback((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        const files = [...event.dataTransfer.files];\n        const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n        setDragging(false);\n        setDragInvalid(false);\n        if (matched.length > 0) {\n            onFileDrop(matched);\n        }\n    }, [setDragging, setDragInvalid]);\n    const inputChangeHandler = useCallback((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        const files = [...event.target.files];\n        const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n        if (matched.length > 0) {\n            onFileDrop([...matched]);\n            if (inputRef.current) {\n                inputRef.current.value = '';\n            }\n        }\n    }, []);\n    return (_jsx(UploadBox, { color: dragging ? 'primary' : 'secondary', children: _jsxs(Box, { sx: {\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '16px',\n                gap: '8px',\n                '& *': {\n                    pointerEvents: 'none',\n                },\n                cursor: dragInvalid ? 'no-drop' : 'pointer',\n            }, onDragOver: preventDragOver, onDrop: dropHandler, onDragEnter: dragOverHandler, onDragLeave: dragLeaveHandler, onClick: uploadClickHandler, children: [_jsx(IconButton, { children: _jsx(Icon, { className: uploadIcon }) }), typeof uploadLabel === 'string' ? _jsx(Typography, { children: uploadLabel }) : uploadLabel, _jsx(\"input\", { ref: inputRef, hidden: true, type: \"file\", multiple: maxFiles > 1, accept: accept, onChange: inputChangeHandler })] }) }));\n};\n//# sourceMappingURL=UploadField.js.map"],"names":["UploadField","uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","inputRef","useRef","dragging","setDragging","useState","dragInvalid","setDragInvalid","preventDragOver","useCallback","event","stopPropagation","preventDefault","dragOverHandler","dataTransfer","files","filter","file","minimatch","type","length","dragLeaveHandler","uploadClickHandler","_a","current","click","dropHandler","matched","slice","inputChangeHandler","target","value","_jsx","UploadBox","color","children","_jsxs","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","pointerEvents","cursor","onDragOver","onDrop","onDragEnter","onDragLeave","onClick","IconButton","Icon","className","Typography","ref","hidden","multiple","onChange"],"mappings":"4SAMY,MAACA,EAAc,EAAGC,aAAa,OAAQC,WAAW,EAAGC,cAAc,SAAUC,SAAS,IAAKC,iBACnG,MAAMC,EAAWC,EAAO,OACjBC,EAAUC,GAAeC,GAAS,IAClCC,EAAaC,GAAkBF,GAAS,GACzCG,EAAkBC,GAAaC,IACjCA,EAAMC,kBACND,EAAME,gBAAgB,GACvB,IACGC,EAAkBJ,GAAaC,IACnB,IAAIA,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAChDqB,OAAS,EACjBhB,GAAY,GAGZG,GAAe,EAClB,GACF,CAACH,EAAaG,IACXc,EAAmBZ,GAAY,KACjCL,GAAY,GACZG,GAAe,EAAM,GACtB,CAACH,EAAaG,IACXe,EAAqBb,GAAY,KACnC,IAAIc,EACwB,QAA3BA,EAAKtB,EAASuB,eAA4B,IAAPD,GAAyBA,EAAGE,OAAO,GACxE,IACGC,EAAcjB,GAAaC,IAC7BA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC9EO,GAAY,GACZG,GAAe,GACXoB,EAAQP,OAAS,GACjBpB,EAAW2B,EACd,GACF,CAACvB,EAAaG,IACXsB,EAAqBpB,GAAaC,IACpCA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMoB,OAAOf,OACTC,QAAQC,GAASC,EAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC1E8B,EAAQP,OAAS,IACjBpB,EAAW,IAAI2B,IACX1B,EAASuB,UACTvB,EAASuB,QAAQO,MAAQ,IAEhC,GACF,IACH,OAAQC,EAAKC,EAAW,CAAEC,MAAO/B,EAAW,UAAY,YAAagC,SAAUC,EAAMC,EAAK,CAAEC,GAAI,CACpFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACL,MAAO,CACHC,cAAe,QAEnBC,OAAQzC,EAAc,UAAY,WACnC0C,WAAYxC,EAAiByC,OAAQvB,EAAawB,YAAarC,EAAiBsC,YAAa9B,EAAkB+B,QAAS9B,EAAoBa,SAAU,CAACH,EAAKqB,EAAY,CAAElB,SAAUH,EAAKsB,EAAM,CAAEC,UAAW3D,MAAyC,iBAAhBE,EAA2BkC,EAAKwB,EAAY,CAAErB,SAAUrC,IAAiBA,EAAakC,EAAK,QAAS,CAAEyB,IAAKxD,EAAUyD,QAAQ,EAAMvC,KAAM,OAAQwC,SAAU9D,EAAW,EAAGE,OAAQA,EAAQ6D,SAAU/B,QAA8B"}

package/components/upload/UploadPreview.d.ts

@@ -0,0 +1,23 @@
+import { FC, ReactNode } from 'react';
+export type UploadPreviewProps = {
+    /**
+     * Actions that are displayed whe user hovers over preview
+     * @default undefined
+     * @example
+     * import {IconButton} from '@mui/material';
+     * import {Icon} from '@skodaflow/web-library';
+     * ...
+     * <UploadPreview ... actions={
+     *  <IconButton onClick={...}>
+     *    <Icon className="trash"/>
+     *  </IconButton
+     * }/>
+     */
+    actions?: ReactNode;
+    /**
+     * Preview url. This property is passed to img element.
+     * @requires
+     */
+    image: string;
+};
+export declare const UploadPreview: FC<UploadPreviewProps>;

package/components/upload/UploadPreview.js

@@ -0,0 +1,2 @@
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useState as i}from"react";import{UploadBox as e}from"./UploadBox.js";import{Box as r,Stack as n}from"@mui/material";const s=s=>{const[c,p]=i(!1);return o(e,{color:"secondary",children:t(r,{sx:{padding:"5px",width:"100%",height:"100%",position:"relative"},onMouseOver:()=>p(!0),onMouseOut:()=>p(!1),children:[s.actions&&o(r,{sx:{display:c?"block":"none",position:"absolute",left:"5px",right:"5px",top:"5px",bottom:"5px",background:"#3232324f",color:"white",borderRadius:"4px"},children:o(n,{direction:"row",spacing:1,sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:s.actions})}),o(r,{component:"img",src:s.image,sx:{display:"block",width:"100%",height:"100%",objectFit:"cover",borderRadius:"4px"}})]})})};export{s as UploadPreview};
+//# sourceMappingURL=UploadPreview.js.map

package/components/upload/UploadPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreview.js","sources":["../../../src/components/upload/UploadPreview.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Box, Stack } from '@mui/material';\nexport const UploadPreview = (props) => {\n    const [hover, setHover] = useState(false);\n    return (_jsx(UploadBox, { color: \"secondary\", children: _jsxs(Box, { sx: { padding: '5px', width: '100%', height: '100%', position: 'relative' }, onMouseOver: () => setHover(true), onMouseOut: () => setHover(false), children: [props.actions && (_jsx(Box, { sx: {\n                        display: hover ? 'block' : 'none',\n                        position: 'absolute',\n                        left: '5px',\n                        right: '5px',\n                        top: '5px',\n                        bottom: '5px',\n                        background: '#3232324f',\n                        color: 'white',\n                        borderRadius: '4px',\n                    }, children: _jsx(Stack, { direction: \"row\", spacing: 1, sx: { display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }, children: props.actions }) })), _jsx(Box, { component: \"img\", src: props.image, sx: { display: 'block', width: '100%', height: '100%', objectFit: 'cover', borderRadius: '4px' } })] }) }));\n};\n//# sourceMappingURL=UploadPreview.js.map"],"names":["UploadPreview","props","hover","setHover","useState","_jsx","UploadBox","color","children","_jsxs","Box","sx","padding","width","height","position","onMouseOver","onMouseOut","actions","display","left","right","top","bottom","background","borderRadius","Stack","direction","spacing","justifyContent","alignItems","component","src","image","objectFit"],"mappings":"6KAIY,MAACA,EAAiBC,IAC1B,MAAOC,EAAOC,GAAYC,GAAS,GACnC,OAAQC,EAAKC,EAAW,CAAEC,MAAO,YAAaC,SAAUC,EAAMC,EAAK,CAAEC,GAAI,CAAEC,QAAS,MAAOC,MAAO,OAAQC,OAAQ,OAAQC,SAAU,YAAcC,YAAa,IAAMb,GAAS,GAAOc,WAAY,IAAMd,GAAS,GAAQK,SAAU,CAACP,EAAMiB,SAAYb,EAAKK,EAAK,CAAEC,GAAI,CACjPQ,QAASjB,EAAQ,QAAU,OAC3Ba,SAAU,WACVK,KAAM,MACNC,MAAO,MACPC,IAAK,MACLC,OAAQ,MACRC,WAAY,YACZjB,MAAO,QACPkB,aAAc,OACfjB,SAAUH,EAAKqB,EAAO,CAAEC,UAAW,MAAOC,QAAS,EAAGjB,GAAI,CAAEQ,QAAS,OAAQU,eAAgB,SAAUC,WAAY,SAAUhB,OAAQ,QAAUN,SAAUP,EAAMiB,YAAgBb,EAAKK,EAAK,CAAEqB,UAAW,MAAOC,IAAK/B,EAAMgC,MAAOtB,GAAI,CAAEQ,QAAS,QAASN,MAAO,OAAQC,OAAQ,OAAQoB,UAAW,QAAST,aAAc,aAAmB"}

package/components/upload/UploadPreviewList.d.ts

@@ -0,0 +1,28 @@
+import { FC, ReactNode } from 'react';
+export type UploadPreviewListProps = {
+    /**
+     * Array of files that should be previewed.
+     * @requires
+     */
+    files: Array<File>;
+    /**
+     * Function that renders actions for each file.
+     * @param file
+     * @returns ReactNode
+     * @default undefined
+     * @example
+     * import {IconButton} from '@mui/material';
+     * import {Icon} from '@skodaflow/web-library';
+     * ...
+     * <UploadPreviewList ...
+     *  actions={
+     *    (file) =>
+     *      <IconButton onClick={...}>
+     *        <Icon className="trash"/>
+     *      </IconButton>
+     *  }
+     * />
+     */
+    actions?: (file: File) => ReactNode;
+};
+export declare const UploadPreviewList: FC<UploadPreviewListProps>;

package/components/upload/UploadPreviewList.js

@@ -0,0 +1,2 @@
+import{jsx as i,jsxs as e,Fragment as o}from"react/jsx-runtime";import{Box as r,List as t,ListItem as n,ListItemIcon as l,ListItemText as a,Typography as d,Divider as c}from"@mui/material";import{Icon as m}from"../icon/icon.js";import{UploadBox as s}from"./UploadBox.js";import{formatFileSize as h}from"../../utils/formatFileSize/formatFileSize.js";const p=({files:p,actions:f})=>i(s,{color:"white",children:i(r,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:i(t,{children:p.map(((r,t)=>e(o,{children:[e(n,{secondaryAction:null==f?void 0:f(r),children:[i(l,{sx:{fontSize:"30px"},children:i(m,{fontSize:"inherit",className:"document"})}),i(a,{primary:i(d,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:r.name}),secondary:i(d,{color:"disabled.tertiary",children:h(r.size)})})]},r.name),t<p.length-1&&i(c,{})]})))})})});export{p as UploadPreviewList};
+//# sourceMappingURL=UploadPreviewList.js.map

package/components/upload/UploadPreviewList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadPreviewList.js","sources":["../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { Icon } from '../icon';\nimport { UploadBox } from './UploadBox';\nimport { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nexport const UploadPreviewList = ({ files, actions }) => {\n    return (_jsx(UploadBox, { color: \"white\", children: _jsx(Box, { sx: { width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }, children: _jsx(List, { children: files.map((file, index) => (_jsxs(_Fragment, { children: [_jsxs(ListItem, { secondaryAction: actions === null || actions === void 0 ? void 0 : actions(file), children: [_jsx(ListItemIcon, { sx: { fontSize: '30px' }, children: _jsx(Icon, { fontSize: \"inherit\", className: \"document\" }) }), _jsx(ListItemText, { primary: _jsx(Typography, { sx: {\n                                            whiteSpace: 'nowrap',\n                                            overflow: 'hidden',\n                                            textOverflow: 'ellipsis',\n                                            paddingRight: '15px',\n                                        }, children: file.name }), secondary: _jsx(Typography, { color: \"disabled.tertiary\", children: formatFileSize(file.size) }) })] }, file.name), index < files.length - 1 && _jsx(Divider, {})] }))) }) }) }));\n};\n//# sourceMappingURL=UploadPreviewList.js.map"],"names":["UploadPreviewList","files","actions","_jsx","UploadBox","color","children","Box","sx","width","height","padding","overflow","List","map","file","index","_jsxs","_Fragment","ListItem","secondaryAction","ListItemIcon","fontSize","Icon","className","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","name","secondary","formatFileSize","size","length","Divider"],"mappings":"6VAKY,MAACA,EAAoB,EAAGC,QAAOC,aAC/BC,EAAKC,EAAW,CAAEC,MAAO,QAASC,SAAUH,EAAKI,EAAK,CAAEC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QAAUN,SAAUH,EAAKU,EAAM,CAAEP,SAAUL,EAAMa,KAAI,CAACC,EAAMC,IAAWC,EAAMC,EAAW,CAAEZ,SAAU,CAACW,EAAME,EAAU,CAAEC,gBAAiBlB,aAAyC,EAASA,EAAQa,GAAOT,SAAU,CAACH,EAAKkB,EAAc,CAAEb,GAAI,CAAEc,SAAU,QAAUhB,SAAUH,EAAKoB,EAAM,CAAED,SAAU,UAAWE,UAAW,eAAkBrB,EAAKsB,EAAc,CAAEC,QAASvB,EAAKwB,EAAY,CAAEnB,GAAI,CAC3doB,WAAY,SACZhB,SAAU,SACViB,aAAc,WACdC,aAAc,QACfxB,SAAUS,EAAKgB,OAASC,UAAW7B,EAAKwB,EAAY,CAAEtB,MAAO,oBAAqBC,SAAU2B,EAAelB,EAAKmB,YAAgBnB,EAAKgB,MAAOf,EAAQf,EAAMkC,OAAS,GAAKhC,EAAKiC,EAAS,CAAA"}

package/components/upload/UploadProgress.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export type UploadProgressProps = {
+    /**
+     * Uploading label that is shown to user.
+     * @default Uploading
+     */
+    uploadingLabel?: string;
+    /**
+     * Upload state percentage.
+     * @default undefined
+     */
+    uploadState?: number;
+};
+export declare const UploadProgress: FC<UploadProgressProps>;

package/components/upload/UploadProgress.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{UploadBox as r}from"./UploadBox.js";import{ProgressBar as t}from"../progressBar/progressBar.js";import{Box as o}from"@mui/material";const n=({uploadState:n,uploadingLabel:i="Uploading"})=>e(r,{color:"secondary",children:e(o,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",gap:"8px",cursor:"progress","& > *":{width:"auto",justifyContent:"center"}},children:e(t,{variant:"spinner",loadingPercentage:n,spinnerControlledAnimation:n?"controlled":"infinite",loadingPercentageDescribeText:i})})});export{n as UploadProgress};
+//# sourceMappingURL=UploadProgress.js.map

package/components/upload/UploadProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadProgress.js","sources":["../../../src/components/upload/UploadProgress.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { UploadBox } from './UploadBox';\nimport { ProgressBar } from '../progressBar';\nimport { Box } from '@mui/material';\nexport const UploadProgress = ({ uploadState, uploadingLabel = 'Uploading' }) => {\n    return (_jsx(UploadBox, { color: \"secondary\", children: _jsx(Box, { sx: {\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '16px',\n                gap: '8px',\n                cursor: 'progress',\n                '& > *': {\n                    width: 'auto',\n                    justifyContent: 'center',\n                },\n            }, children: _jsx(ProgressBar, { variant: \"spinner\", loadingPercentage: uploadState, spinnerControlledAnimation: uploadState ? 'controlled' : 'infinite', loadingPercentageDescribeText: uploadingLabel }) }) }));\n};\n//# sourceMappingURL=UploadProgress.js.map"],"names":["UploadProgress","uploadState","uploadingLabel","_jsx","UploadBox","color","children","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","cursor","ProgressBar","variant","loadingPercentage","spinnerControlledAnimation","loadingPercentageDescribeText"],"mappings":"mLAIY,MAACA,EAAiB,EAAGC,cAAaC,iBAAiB,eACnDC,EAAKC,EAAW,CAAEC,MAAO,YAAaC,SAAUH,EAAKI,EAAK,CAAEC,GAAI,CAC5DC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACLC,OAAQ,WACR,QAAS,CACLP,MAAO,OACPI,eAAgB,WAErBP,SAAUH,EAAKc,EAAa,CAAEC,QAAS,UAAWC,kBAAmBlB,EAAamB,2BAA4BnB,EAAc,aAAe,WAAYoB,8BAA+BnB"}

package/components/upload/index.d.ts

@@ -0,0 +1,5 @@
+export * from './UploadBox';
+export * from './UploadField';
+export * from './UploadPreview';
+export * from './UploadProgress';
+export * from './UploadPreviewList';

package/design/skoda/SkodaThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":[null],"names":["SkodaThemeProvider","props","typographySize","useTypographySize","theme","useMemo","createSkodaTheme","_jsx","StyledEngineProvider","injectFirst","children","ThemeProvider","ScopedCssBaseline"],"mappings":"+QAUa,MAAAA,EAAyDC,IACpE,MAAMC,EAAiBC,IACjBC,EAAQC,GAAQ,IAAMC,EAAiBJ,IAAiB,CAACA,IAE/D,OACEK,EAACC,EAAoB,CAACC,aACpB,EAAAC,SAAAH,EAACI,EAAa,CAACP,MAAOA,EACpBM,SAAAH,EAACK,EAAiB,CAAAF,SAAET,EAAMS,cAG9B"}
+{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useMemo } from 'react';\nimport { ScopedCssBaseline, StyledEngineProvider, ThemeProvider } from '@mui/material';\nimport { createSkodaTheme } from './theme';\nimport { useTypographySize } from './theme.typography';\nimport './theme.extensions';\nexport const SkodaThemeProvider = (props) => {\n    const typographySize = useTypographySize();\n    const theme = useMemo(() => createSkodaTheme(typographySize), [typographySize]);\n    return (_jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: theme, children: _jsx(ScopedCssBaseline, { children: props.children }) }) }));\n};\n//# sourceMappingURL=SkodaThemeProvider.js.map"],"names":["SkodaThemeProvider","props","typographySize","useTypographySize","theme","useMemo","createSkodaTheme","_jsx","StyledEngineProvider","injectFirst","children","ThemeProvider","ScopedCssBaseline"],"mappings":"+QAMY,MAACA,EAAsBC,IAC/B,MAAMC,EAAiBC,IACjBC,EAAQC,GAAQ,IAAMC,EAAiBJ,IAAiB,CAACA,IAC/D,OAAQK,EAAKC,EAAsB,CAAEC,aAAa,EAAMC,SAAUH,EAAKI,EAAe,CAAEP,MAAOA,EAAOM,SAAUH,EAAKK,EAAmB,CAAEF,SAAUT,EAAMS,cAAmB"}

package/design/skoda/SkodaThemeWidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../src/design/skoda/SkodaThemeWidgetProvider.tsx"],"sourcesContent":[null],"names":["SkodaThemeWidgetProvider","props","children","containerBreakpoints","containerRef","useContainerBreakpoints","typographySize","useTypographySize","theme","useMemo","createSkodaTheme","_jsx","ref","StyledEngineProvider","injectFirst","ThemeProvider","ScopedCssBaseline","windowBreakpoints","createBreakpoints","flowBreakpoints","setContainerBreakpoints","useState","width","containerWidth","useMeasure","windowWidth","useWindowSize","handleResize","useCallback","window","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Object","assign","values","debounceHandleResize","debounce","useLayoutEffect"],"mappings":"shBAea,MAAAA,EAA4BC,IACvC,MAAMC,SAAEA,GAAaD,GACfE,qBAAEA,EAAoBC,aAAEA,GAAiBC,IACzCC,EAAiBC,EAAkBJ,GACnCK,EAAQC,GACZ,IAAMC,EAAiBJ,EAAgBH,IACvC,CAACG,EAAgBH,IAGnB,OACEQ,EAAK,MAAA,CAAAC,IAAKR,EACRF,SAAAS,EAACE,EAAoB,CAACC,aAAW,EAAAZ,SAC/BS,EAACI,EAAc,CAAAP,MAAOA,EACpBN,SAAAS,EAACK,EAAiB,CAAAd,SAAEA,SAI1B,EAGEG,EAA0B,KAC9B,MAAMY,EAAoBR,GAAQ,IAAMS,EAAkBC,IAAkB,KACrEhB,EAAsBiB,GAA2BC,EAA6BF,IAC9Ef,GAAgBkB,MAAOC,IAAoBC,KAC1CF,MAAOG,GAAgBC,IAEzBC,EAAeC,GACnB,CAACC,EAAgBC,KACf,MAAMC,EAAaF,EAASC,EACtBE,EAA0Bf,EAAkBgB,KAAKC,QACrD,CAACC,EAAMC,IACFC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,GACH,CAAAC,CAACA,GAAOnB,EAAkBsB,OAAOH,GAAQL,KAE3C,CAAqC,GAEvCX,EAAwB,CAAEmB,OAAQP,GAA0B,GAE9D,CAACf,IAGGuB,EAAuB/B,GAAQ,IAAMgC,EAASd,EAAc,MAAM,CAACA,IAMzE,OAJAe,GAAgB,KACdF,EAAqBf,EAAaF,EAAe,GAChD,CAACE,EAAaF,EAAgBI,IAE1B,CAAExB,uBAAsBC,eAAc"}
+{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../src/design/skoda/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { debounce, ScopedCssBaseline } from '@mui/material';\nimport { StyledEngineProvider, ThemeProvider } from '@mui/material/styles';\nimport { createBreakpoints } from '@mui/system';\nimport { useCallback, useLayoutEffect, useMemo, useState } from 'react';\nimport { useMeasure, useWindowSize } from 'react-use';\nimport { flowBreakpoints } from './theme.breakpoints';\nimport { useTypographySize } from './theme.typography';\nimport './theme.extensions';\nimport { createSkodaTheme } from './theme';\nexport const SkodaThemeWidgetProvider = (props) => {\n    const { children } = props;\n    const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n    const typographySize = useTypographySize(containerBreakpoints);\n    const theme = useMemo(() => createSkodaTheme(typographySize, containerBreakpoints), [typographySize, containerBreakpoints]);\n    return (_jsx(\"div\", { ref: containerRef, children: _jsx(StyledEngineProvider, { injectFirst: true, children: _jsx(ThemeProvider, { theme: theme, children: _jsx(ScopedCssBaseline, { children: children }) }) }) }));\n};\nconst useContainerBreakpoints = () => {\n    const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n    const [containerBreakpoints, setContainerBreakpoints] = useState(flowBreakpoints);\n    const [containerRef, { width: containerWidth }] = useMeasure();\n    const { width: windowWidth } = useWindowSize();\n    const handleResize = useCallback((window, container) => {\n        const difference = window - container;\n        const newContainerBreakpoints = windowBreakpoints.keys.reduce((prev, curr) => (Object.assign(Object.assign({}, prev), { [curr]: windowBreakpoints.values[curr] + difference })), {});\n        setContainerBreakpoints({ values: newContainerBreakpoints });\n    }, [windowBreakpoints]);\n    const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n    useLayoutEffect(() => {\n        debounceHandleResize(windowWidth, containerWidth);\n    }, [windowWidth, containerWidth, handleResize]);\n    return { containerBreakpoints, containerRef };\n};\n//# sourceMappingURL=SkodaThemeWidgetProvider.js.map"],"names":["SkodaThemeWidgetProvider","props","children","containerBreakpoints","containerRef","useContainerBreakpoints","typographySize","useTypographySize","theme","useMemo","createSkodaTheme","_jsx","ref","StyledEngineProvider","injectFirst","ThemeProvider","ScopedCssBaseline","windowBreakpoints","createBreakpoints","flowBreakpoints","setContainerBreakpoints","useState","width","containerWidth","useMeasure","windowWidth","useWindowSize","handleResize","useCallback","window","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Object","assign","values","debounceHandleResize","debounce","useLayoutEffect"],"mappings":"shBAUY,MAACA,EAA4BC,IACrC,MAAMC,SAAEA,GAAaD,GACfE,qBAAEA,EAAoBC,aAAEA,GAAiBC,IACzCC,EAAiBC,EAAkBJ,GACnCK,EAAQC,GAAQ,IAAMC,EAAiBJ,EAAgBH,IAAuB,CAACG,EAAgBH,IACrG,OAAQQ,EAAK,MAAO,CAAEC,IAAKR,EAAcF,SAAUS,EAAKE,EAAsB,CAAEC,aAAa,EAAMZ,SAAUS,EAAKI,EAAe,CAAEP,MAAOA,EAAON,SAAUS,EAAKK,EAAmB,CAAEd,SAAUA,SAAsB,EAEnNG,EAA0B,KAC5B,MAAMY,EAAoBR,GAAQ,IAAMS,EAAkBC,IAAkB,KACrEhB,EAAsBiB,GAA2BC,EAASF,IAC1Df,GAAgBkB,MAAOC,IAAoBC,KAC1CF,MAAOG,GAAgBC,IACzBC,EAAeC,GAAY,CAACC,EAAQC,KACtC,MAAMC,EAAaF,EAASC,EACtBE,EAA0Bf,EAAkBgB,KAAKC,QAAO,CAACC,EAAMC,IAAUC,OAAOC,OAAOD,OAAOC,OAAO,GAAIH,GAAO,CAAEC,CAACA,GAAOnB,EAAkBsB,OAAOH,GAAQL,KAAgB,CAAE,GACnLX,EAAwB,CAAEmB,OAAQP,GAA0B,GAC7D,CAACf,IACEuB,EAAuB/B,GAAQ,IAAMgC,EAASd,EAAc,MAAM,CAACA,IAIzE,OAHAe,GAAgB,KACZF,EAAqBf,EAAaF,EAAe,GAClD,CAACE,EAAaF,EAAgBI,IAC1B,CAAExB,uBAAsBC,eAAc"}

package/design/skoda/components/accordion/accordion.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordion.theme.ts"],"sourcesContent":[null],"names":["flowAccordion","defaultProps","disableGutters","square","styleOverrides","root","theme","boxShadow","borderRadius","borderTop","palette","divider","borderBottom","display","lineHeight","fontWeight","fontSize","color","flowColors","onSurface","os900","letterSpacing","padding","alignItems","flexDirection","margin","marginTop","background","transparent","primary","backgroundColor","transform","position","width","height","outline","transition","transformOrigin"],"mappings":"oDAIa,MAAAA,EAAmD,CAC9DC,aAAc,CACZC,gBAAgB,EAChBC,QAAQ,GAEVC,eAAgB,CACdC,KAAM,EAAGC,YAAa,CACpBC,UAAW,QACXC,aAAc,MACdC,UAAW,aAAaH,EAAMI,QAAQC,UACtCC,aAAc,EACd,YAAa,CACXC,QAAS,QAEX,8BAA+B,CAC7BC,WAAY,OACZC,WAAY,IACZC,SAAU,OACVC,MAAOC,EAAWC,UAAUC,MAC5BC,cAAe,QACfC,QAAS,WACTT,QAAS,OACTU,WAAY,aACZ,6DAA8D,CAC5DN,MAAOC,EAAWC,UAAUC,OAE9B,mCAAoC,CAClCI,cAAe,SACfC,OAAQ,qBACR,yCAA0C,CACxCC,UAAW,MACXX,WAAY,MAGhB,UAAW,CACT,4DAA6D,CAC3DY,WAAYT,EAAWU,YAAYC,UAGvC,UAAW,CACTC,gBAAiB,gBAGrB,UAAW,CACTf,WAAY,IACZC,SAAU,OACVF,WAAY,OACZO,cAAe,QACfJ,MAAOC,EAAWC,UAAUC,OAE9B,8BAA+B,CAC7BE,QAAS,iBAEX,2CAA4C,CAC1CS,UAAW,mBACXL,UAAW,OACX,kBAAmB,CACjBlB,aAAc,MACdwB,SAAU,sBACVhB,SAAU,QAEZ,UAAW,CACTe,UAAW,QACX,aAAc,CACZD,gBAAiB,cACjBG,MAAO,OACPC,OAAQ,OACRC,QAAS,OACT,kBAAmB,CACjBJ,UAAW,eACXK,WAAY,WACZC,gBAAiB,MACjB,WAAY,CACVrB,SAAU,WAKlB,iBAAkB,CAChB,kBAAmB,CACjBe,UAAW"}
+{"version":3,"file":"accordion.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordion.theme.ts"],"sourcesContent":["import { flowColors } from '../../palette.theme';\nexport const flowAccordion = {\n    defaultProps: {\n        disableGutters: true,\n        square: true,\n    },\n    styleOverrides: {\n        root: ({ theme }) => ({\n            boxShadow: 'unset',\n            borderRadius: '0px',\n            borderTop: `1px solid ${theme.palette.divider}`,\n            borderBottom: 0,\n            '&::before': {\n                display: 'none',\n            },\n            '& .MuiAccordionSummary-root': {\n                lineHeight: '24px',\n                fontWeight: 700,\n                fontSize: '16px',\n                color: flowColors.onSurface.os900,\n                letterSpacing: '0.3px',\n                padding: '0px 24px',\n                display: 'flex',\n                alignItems: 'flex-start',\n                '& > .MuiAccordionSummary-expandIconWrapper > .MuiIcon-root': {\n                    color: flowColors.onSurface.os900,\n                },\n                '& > .MuiAccordionSummary-content': {\n                    flexDirection: 'column',\n                    margin: '24px 20px 24px 0px',\n                    '& > .accordion-panel-title--sneak-peak': {\n                        marginTop: '8px',\n                        fontWeight: 300,\n                    },\n                },\n                '&:hover': {\n                    '& > .MuiAccordionSummary-expandIconWrapper > div > button': {\n                        background: flowColors.transparent.primary,\n                    },\n                },\n                '&:focus': {\n                    backgroundColor: 'transparent',\n                },\n            },\n            '& .text': {\n                fontWeight: 300,\n                fontSize: '16px',\n                lineHeight: '24px',\n                letterSpacing: '0.3px',\n                color: flowColors.onSurface.os900,\n            },\n            '& .MuiAccordionDetails-root': {\n                padding: '0px 24px 16px',\n            },\n            '& .MuiAccordionSummary-expandIconWrapper': {\n                transform: 'unset !important',\n                marginTop: '24px',\n                '& .MuiIcon-root': {\n                    borderRadius: '50%',\n                    position: 'relative !important',\n                    fontSize: '18px',\n                },\n                '& > div': {\n                    transform: 'unset',\n                    '& > button': {\n                        backgroundColor: 'transparent',\n                        width: '24px',\n                        height: '24px',\n                        outline: 'none',\n                        '& .MuiIcon-root': {\n                            transform: 'rotate(0deg)',\n                            transition: 'all 0.3s',\n                            transformOrigin: '50%',\n                            '&:before': {\n                                fontSize: '16px',\n                            },\n                        },\n                    },\n                },\n                '&.Mui-expanded': {\n                    '& .MuiIcon-root': {\n                        transform: 'rotate(45deg)',\n                    },\n                },\n            },\n        }),\n    },\n};\n//# sourceMappingURL=accordion.theme.js.map"],"names":["flowAccordion","defaultProps","disableGutters","square","styleOverrides","root","theme","boxShadow","borderRadius","borderTop","palette","divider","borderBottom","display","lineHeight","fontWeight","fontSize","color","flowColors","onSurface","os900","letterSpacing","padding","alignItems","flexDirection","margin","marginTop","background","transparent","primary","backgroundColor","transform","position","width","height","outline","transition","transformOrigin"],"mappings":"oDACY,MAACA,EAAgB,CACzBC,aAAc,CACVC,gBAAgB,EAChBC,QAAQ,GAEZC,eAAgB,CACZC,KAAM,EAAGC,YAAa,CAClBC,UAAW,QACXC,aAAc,MACdC,UAAW,aAAaH,EAAMI,QAAQC,UACtCC,aAAc,EACd,YAAa,CACTC,QAAS,QAEb,8BAA+B,CAC3BC,WAAY,OACZC,WAAY,IACZC,SAAU,OACVC,MAAOC,EAAWC,UAAUC,MAC5BC,cAAe,QACfC,QAAS,WACTT,QAAS,OACTU,WAAY,aACZ,6DAA8D,CAC1DN,MAAOC,EAAWC,UAAUC,OAEhC,mCAAoC,CAChCI,cAAe,SACfC,OAAQ,qBACR,yCAA0C,CACtCC,UAAW,MACXX,WAAY,MAGpB,UAAW,CACP,4DAA6D,CACzDY,WAAYT,EAAWU,YAAYC,UAG3C,UAAW,CACPC,gBAAiB,gBAGzB,UAAW,CACPf,WAAY,IACZC,SAAU,OACVF,WAAY,OACZO,cAAe,QACfJ,MAAOC,EAAWC,UAAUC,OAEhC,8BAA+B,CAC3BE,QAAS,iBAEb,2CAA4C,CACxCS,UAAW,mBACXL,UAAW,OACX,kBAAmB,CACflB,aAAc,MACdwB,SAAU,sBACVhB,SAAU,QAEd,UAAW,CACPe,UAAW,QACX,aAAc,CACVD,gBAAiB,cACjBG,MAAO,OACPC,OAAQ,OACRC,QAAS,OACT,kBAAmB,CACfJ,UAAW,eACXK,WAAY,WACZC,gBAAiB,MACjB,WAAY,CACRrB,SAAU,WAK1B,iBAAkB,CACd,kBAAmB,CACfe,UAAW"}

package/design/skoda/components/accordion/accordionSummary.theme.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"../../../../components/banner/banner.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../../../components/icon/icon.js";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"../../../../components/mobileStepper/mobileStepper.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/numbering/numbering.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"react";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../palette.theme.js";import"../tabs/tabs.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"../divider.theme.js";import"../drawer.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../slider.theme.js";import"../snackbar.theme.js";import"../tooltip.theme.js";import"react-use";import"../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../../utils/enum.js";import"../../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../../organisms/maps/utils/mapIcons.js";import"../../../../organisms/maps/mapComponents/mapStyled.js";import"../../../../organisms/shortcutLink/shortcutLink.js";import"../../../../organisms/textCta/textCta.js";import"../../../../organisms/tile/tile.js";import"lodash/merge";import"../../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../../organisms/notification/Notification.js";import"../../../../organisms/notification/NotificationCenter.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationItem.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"../../../../layout/Footer/FooterNavItem.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button.js";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
+import{jsx as o}from"react/jsx-runtime";import"../../../../components/accordion/accordion.js";import"../../../../components/backdrop/backdrop.js";import"../../../../components/button/button.js";import"../../../../components/banner/banner.js";import"../../../../components/cardContainer/cardContainer.js";import"../../../../components/cardMenu/cardMenu.js";import"../../../../components/checkbox/checkbox.js";import"../../../../components/chip/chipImage/chipImage.js";import"../../../../components/chip/regular/chip.js";import"../../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import{Controller as t}from"../../../../components/controls/controls.js";import"../../../../components/divider/divider.js";import"../../../../components/drawer/drawer.js";import"../../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import"../../../../components/icon/icon.js";import"../../../../components/indicator/indicator.js";import"../../../../components/label/label.js";import"../../../../components/labelCO2/labelCO2.js";import"../../../../components/labelFeature/labelFeature.js";import"../../../../components/labelPromotional/labelPromotional.js";import"../../../../components/labelStatus/labelStatus.js";import"../../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"../../../../components/mobileStepper/mobileStepper.js";import"../../../../components/modal/modal.js";import"../../../../components/modal/modalTitle.js";import"../../../../components/numbering/numbering.js";import"../../../../components/pagination/pagination.js";import"../../../../components/progressBar/progressBar.js";import"../../../../components/radioButton/radioButton.js";import"../../../../components/selectInput/selectInput.js";import"../../../../components/slider/slider.js";import"../../../../components/snackbar/snackbar.js";import"../../../../components/stepper/stepper.js";import"../../../../components/tab/tab.js";import"../../../../components/tab/tabs.js";import"../../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../../components/textArea/textArea.js";import"react";import"../../../../components/common/styled/textFieldStyled.js";import"../../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../../components/toggleSwitch/toggleSwitch.js";import"../../../../components/agGrid/agGrid.js";import"../../../../components/avatar/Avatar.js";import"../../../../components/iconButton/index.js";import"../../../../components/alert/AlertButton.js";import"../../../../organisms/gallery/Gallery.js";import"../../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../../palette.theme.js";import"../tabs/tabs.theme.js";import"../autocomplete.theme.js";import"../backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../../theme.breakpoints.js";import"../../theme.constants.js";import"../divider.theme.js";import"../drawer.theme.js";import"../icon.theme.js";import"../mobileStepper.theme.js";import"../modal.theme.js";import"../pagination.theme.js";import"../slider.theme.js";import"../snackbar.theme.js";import"../tooltip.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../../utils/enum.js";import"../../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../../organisms/maps/utils/mapIcons.js";import"../../../../organisms/maps/mapComponents/mapStyled.js";import"../../../../organisms/shortcutLink/shortcutLink.js";import"../../../../organisms/textCta/textCta.js";import"../../../../organisms/tile/tile.js";import"lodash/merge";import"../../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../../organisms/notification/Notification.js";import"../../../../organisms/notification/NotificationCenter.js";import"../../../../layout/Header/HeaderContext.js";import"../../../../layout/Header/HeaderButton.js";import"../../../../layout/Header/HeaderNavigationHero.js";import"../../../../layout/Header/HeaderNavigationLink.js";import"../../../../layout/Header/HeaderNavigationMenu.js";import"../../../../layout/Header/PredefinedHeaderButtons.js";import"../../../../layout/Header/HeaderOverheadItem.js";import"../../../../layout/SideMenu/SideMenuItem.js";import"../../../../layout/Footer/FooterNavItem.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../../production/Button.js";import"minimatch";const e={defaultProps:{expandIcon:o(t,{controlType:"plus"})},styleOverrides:{}};export{e as flowAccordionSummary};
 //# sourceMappingURL=accordionSummary.theme.js.map

package/design/skoda/components/accordion/accordionSummary.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":[null],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"usKAGa,MAAAA,EAA0D,CACrEC,aAAc,CACZC,WAAYC,EAACC,GAAWC,YAAa,UAEvCC,eAAgB,CAAE"}
+{"version":3,"file":"accordionSummary.theme.js","sources":["../../../../../src/design/skoda/components/accordion/accordionSummary.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Controller } from '@/src/components';\nexport const flowAccordionSummary = {\n    defaultProps: {\n        expandIcon: _jsx(Controller, { controlType: 'plus' }),\n    },\n    styleOverrides: {},\n};\n//# sourceMappingURL=accordionSummary.theme.js.map"],"names":["flowAccordionSummary","defaultProps","expandIcon","_jsx","Controller","controlType","styleOverrides"],"mappings":"s6KAEY,MAACA,EAAuB,CAChCC,aAAc,CACVC,WAAYC,EAAKC,EAAY,CAAEC,YAAa,UAEhDC,eAAgB,CAAE"}

package/design/skoda/components/autocomplete.theme.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as t}from"../../../components/icon/icon.js";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"../../../components/mobileStepper/mobileStepper.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"react";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../../organisms/gallery/Gallery.js";import"../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../palette.theme.js";import"./tabs/tabs.theme.js";import"./backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../theme.breakpoints.js";import"../theme.constants.js";import"./divider.theme.js";import"./drawer.theme.js";import"./icon.theme.js";import"./mobileStepper.theme.js";import"./modal.theme.js";import"./pagination.theme.js";import"./slider.theme.js";import"./snackbar.theme.js";import"./tooltip.theme.js";import"./accordion/accordionSummary.theme.js";import"react-use";import"../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../utils/enum.js";import"../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../organisms/maps/utils/mapIcons.js";import"../../../organisms/maps/mapComponents/mapStyled.js";import"../../../organisms/shortcutLink/shortcutLink.js";import"../../../organisms/textCta/textCta.js";import"../../../organisms/tile/tile.js";import"lodash/merge";import"../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../organisms/notification/Notification.js";import"../../../organisms/notification/NotificationCenter.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationItem.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../layout/SideMenu/SideMenuItem.js";import"../../../layout/Footer/FooterNavItem.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button.js";const e={defaultProps:{popupIcon:o(t,{className:"chevron-down"}),clearIcon:o(t,{className:"ballotx"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:o})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:o.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:o.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:o.palette.surface.primary}}}),option:({theme:o})=>({fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:o.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};export{e as flowAutocomplete};
+import{jsx as o}from"react/jsx-runtime";import"../../../components/accordion/accordion.js";import"../../../components/backdrop/backdrop.js";import"../../../components/button/button.js";import"../../../components/banner/banner.js";import"../../../components/cardContainer/cardContainer.js";import"../../../components/cardMenu/cardMenu.js";import"../../../components/checkbox/checkbox.js";import"../../../components/chip/chipImage/chipImage.js";import"../../../components/chip/regular/chip.js";import"../../../components/chip/chipMultiselect/multiSelectChip.js";import"../../../components/chip/chipDropdownChildren/chipDropdownChildren.js";import"@mui/material/Container";import"../../../components/controls/controls.js";import"../../../components/divider/divider.js";import"../../../components/drawer/drawer.js";import"../../../components/flag/flag.js";import"tslib";import"@mui/material/Grid";import{Icon as t}from"../../../components/icon/icon.js";import"../../../components/indicator/indicator.js";import"../../../components/label/label.js";import"../../../components/labelCO2/labelCO2.js";import"../../../components/labelFeature/labelFeature.js";import"../../../components/labelPromotional/labelPromotional.js";import"../../../components/labelStatus/labelStatus.js";import"../../../components/menu/menu.js";import"@mui/material/MenuItem";import"@mui/material";import"../../../components/mobileStepper/mobileStepper.js";import"../../../components/modal/modal.js";import"../../../components/modal/modalTitle.js";import"../../../components/numbering/numbering.js";import"../../../components/pagination/pagination.js";import"../../../components/progressBar/progressBar.js";import"../../../components/radioButton/radioButton.js";import"../../../components/selectInput/selectInput.js";import"../../../components/slider/slider.js";import"../../../components/snackbar/snackbar.js";import"../../../components/stepper/stepper.js";import"../../../components/tab/tab.js";import"../../../components/tab/tabs.js";import"../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js";import"../../../components/textArea/textArea.js";import"react";import"../../../components/common/styled/textFieldStyled.js";import"../../../components/helperTextContent/index.js";import"lodash/noop";import"../../../components/toggleSwitch/toggleSwitch.js";import"../../../components/agGrid/agGrid.js";import"../../../components/avatar/Avatar.js";import"../../../components/iconButton/index.js";import"../../../components/alert/AlertButton.js";import"../../../organisms/gallery/Gallery.js";import"../../../organisms/gallery/GalleryItem.js";import"@mui/material/styles";import"../palette.theme.js";import"./tabs/tabs.theme.js";import"./backdrop.theme.js";import"@skodaflow/web-tokens/src/tokens.json";import"@mui/system";import"../theme.breakpoints.js";import"../theme.constants.js";import"./divider.theme.js";import"./drawer.theme.js";import"./icon.theme.js";import"./mobileStepper.theme.js";import"./modal.theme.js";import"./pagination.theme.js";import"./slider.theme.js";import"./snackbar.theme.js";import"./tooltip.theme.js";import"./accordion/accordionSummary.theme.js";import"@mui/x-date-pickers/internals";import"react-use";import"../../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../../utils/enum.js";import"../../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../../organisms/maps/utils/mapIcons.js";import"../../../organisms/maps/mapComponents/mapStyled.js";import"../../../organisms/shortcutLink/shortcutLink.js";import"../../../organisms/textCta/textCta.js";import"../../../organisms/tile/tile.js";import"lodash/merge";import"../../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../../organisms/notification/Notification.js";import"../../../organisms/notification/NotificationCenter.js";import"../../../layout/Header/HeaderContext.js";import"../../../layout/Header/HeaderButton.js";import"../../../layout/Header/HeaderNavigationHero.js";import"../../../layout/Header/HeaderNavigationLink.js";import"../../../layout/Header/HeaderNavigationMenu.js";import"../../../layout/Header/PredefinedHeaderButtons.js";import"../../../layout/Header/HeaderOverheadItem.js";import"../../../layout/SideMenu/SideMenuItem.js";import"../../../layout/Footer/FooterNavItem.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"../../../production/Button.js";import"minimatch";const e={defaultProps:{popupIcon:o(t,{className:"chevron-down"}),clearIcon:o(t,{className:"ballotx"}),disableClearable:!0,componentsProps:{popupIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"},clearIndicator:{disableRipple:!0,disableFocusRipple:!0,size:"small"}}},styleOverrides:{root:()=>({"& .MuiFilledInput-root":{paddingBottom:7,paddingTop:23},"& .MuiFilledInput-root .MuiFilledInput-input":{paddingTop:0,paddingBottom:0,height:26,boxSizing:"border-box"},"& .MuiFilledInput-root.MuiInputBase-sizeSmall":{paddingBottom:3,paddingTop:23},"& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall":{paddingTop:12,paddingBottom:14},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel":{paddingTop:17,paddingBottom:13},"& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input":{paddingTop:0,paddingBottom:0}}),endAdornment:{top:"50%",transform:"translateY(-50%)"},popupIndicator:{padding:0,marginRight:0},clearIndicator:{padding:0,marginRight:0},listbox:({theme:o})=>({maxHeight:240,overflow:"overlay",padding:0,"& .MuiAutocomplete-option":{minHeight:"48px"},'& .MuiAutocomplete-option[aria-selected="true"]':{background:"unset","&:hover":{background:o.palette.surface.primary}},'& .MuiAutocomplete-option[aria-selected="true"].Mui-focused':{background:"unset","&:hover":{background:o.palette.surface.primary}},"& .MuiAutocomplete-option.Mui-focused":{background:"unset","&:hover":{background:o.palette.surface.primary}}}),option:({theme:o})=>({fontSize:"16px",lineHeight:"24px",color:o.palette.onSurface.os900,fontWeight:"500",paddingRight:"16px",minHeight:"48px",backgroundColor:"unset","&:hover":{background:o.palette.surface.primary}}),tag:{marginTop:0,marginBottom:0,height:26,display:"inline-flex",alignItems:"center","&.MuiChip-colorDefault":{background:"transparent"},"& .MuiChip-label":{display:"inline",paddingLeft:0,paddingRight:7},"& .MuiChip-deleteIcon":{marginRight:2}}}};export{e as flowAutocomplete};
 //# sourceMappingURL=autocomplete.theme.js.map

package/design/skoda/components/autocomplete.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.theme.js","sources":["../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":[null],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","className","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"s9JAKa,MAAAA,EAAyD,CACpEC,aAAc,CACZC,UAAWC,EAACC,GAAKC,UAAU,iBAC3BC,UAAWH,EAACC,GAAKC,UAAU,YAC3BE,kBAAkB,EAClBC,gBAAiB,CACfC,eAAgB,CACdC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAERC,eAAgB,CACdH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIZE,eAAgB,CACdC,KAAM,KAAO,CACX,yBAA0B,CACxBC,cAAe,EACfC,WAAY,IAEd,+CAAgD,CAC9CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEb,gDAAiD,CAC/CH,cAAe,EACfC,WAAY,IAEd,sEAAuE,CACrEA,WAAY,EACZD,cAAe,GAEjB,yEAA0E,CACxEC,WAAY,GACZD,cAAe,IAEjB,gGAAiG,CAC/FC,WAAY,EACZD,cAAe,GAEjB,kDAAmD,CACjDC,WAAY,GACZD,cAAe,IAEjB,yEAA0E,CACxEC,WAAY,EACZD,cAAe,KAGnBI,aAAc,CACZC,IAAK,MACLC,UAAW,oBAEbb,eAAgB,CACdc,QAAS,EACTC,YAAa,GAEfX,eAAgB,CACdU,QAAS,EACTC,YAAa,GAEfC,QAAS,EAAGC,YAAa,CACvBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CAC3BM,UAAW,QAEb,kDAAmD,CACjDC,WAAY,QACZ,UAAW,CACTA,WAAYJ,EAAMK,QAAQC,QAAQC,UAGtC,8DAA+D,CAC7DH,WAAY,QACZ,UAAW,CACTA,WAAYJ,EAAMK,QAAQC,QAAQC,UAGtC,wCAAyC,CACvCH,WAAY,QACZ,UAAW,CACTA,WAAYJ,EAAMK,QAAQC,QAAQC,YAIxCC,OAAQ,EAAGR,YAAa,CACtBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACTZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAGtCU,IAAK,CACHC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACxBjB,WAAY,eAEd,mBAAoB,CAClBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAEhB,wBAAyB,CACvBjB,YAAa"}
+{"version":3,"file":"autocomplete.theme.js","sources":["../../../../src/design/skoda/components/autocomplete.theme.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Icon } from '../../../components';\nexport const flowAutocomplete = {\n    defaultProps: {\n        popupIcon: _jsx(Icon, { className: \"chevron-down\" }),\n        clearIcon: _jsx(Icon, { className: \"ballotx\" }),\n        disableClearable: true,\n        componentsProps: {\n            popupIndicator: {\n                disableRipple: true,\n                disableFocusRipple: true,\n                size: 'small',\n            },\n            clearIndicator: {\n                disableRipple: true,\n                disableFocusRipple: true,\n                size: 'small',\n            },\n        },\n    },\n    styleOverrides: {\n        root: () => ({\n            '& .MuiFilledInput-root': {\n                paddingBottom: 7,\n                paddingTop: 23,\n            },\n            '& .MuiFilledInput-root .MuiFilledInput-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n                height: 26,\n                boxSizing: 'border-box',\n            },\n            '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {\n                paddingBottom: 3,\n                paddingTop: 23,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-sizeSmall .MuiFilledInput-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall': {\n                paddingTop: 12,\n                paddingBottom: 14,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel.MuiInputBase-sizeSmall .MuiAutocomplete-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel': {\n                paddingTop: 17,\n                paddingBottom: 13,\n            },\n            '& .MuiFilledInput-root.MuiInputBase-hiddenLabel .MuiAutocomplete-input': {\n                paddingTop: 0,\n                paddingBottom: 0,\n            },\n        }),\n        endAdornment: {\n            top: '50%',\n            transform: 'translateY(-50%)',\n        },\n        popupIndicator: {\n            padding: 0,\n            marginRight: 0,\n        },\n        clearIndicator: {\n            padding: 0,\n            marginRight: 0,\n        },\n        listbox: ({ theme }) => ({\n            maxHeight: 240,\n            overflow: 'overlay',\n            padding: 0,\n            '& .MuiAutocomplete-option': {\n                minHeight: '48px',\n            },\n            '& .MuiAutocomplete-option[aria-selected=\"true\"]': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n            '& .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n            '& .MuiAutocomplete-option.Mui-focused': {\n                background: 'unset',\n                '&:hover': {\n                    background: theme.palette.surface.primary,\n                },\n            },\n        }),\n        option: ({ theme }) => ({\n            fontSize: '16px',\n            lineHeight: '24px',\n            color: theme.palette.onSurface.os900,\n            fontWeight: '500',\n            paddingRight: '16px',\n            minHeight: '48px',\n            backgroundColor: 'unset',\n            '&:hover': {\n                background: theme.palette.surface.primary,\n            },\n        }),\n        tag: {\n            marginTop: 0,\n            marginBottom: 0,\n            height: 26,\n            display: 'inline-flex',\n            alignItems: 'center',\n            '&.MuiChip-colorDefault': {\n                background: 'transparent',\n            },\n            '& .MuiChip-label': {\n                display: 'inline',\n                paddingLeft: 0,\n                paddingRight: 7,\n            },\n            '& .MuiChip-deleteIcon': {\n                marginRight: 2,\n            },\n        },\n    },\n};\n//# sourceMappingURL=autocomplete.theme.js.map"],"names":["flowAutocomplete","defaultProps","popupIcon","_jsx","Icon","className","clearIcon","disableClearable","componentsProps","popupIndicator","disableRipple","disableFocusRipple","size","clearIndicator","styleOverrides","root","paddingBottom","paddingTop","height","boxSizing","endAdornment","top","transform","padding","marginRight","listbox","theme","maxHeight","overflow","minHeight","background","palette","surface","primary","option","fontSize","lineHeight","color","onSurface","os900","fontWeight","paddingRight","backgroundColor","tag","marginTop","marginBottom","display","alignItems","paddingLeft"],"mappings":"4qKAEY,MAACA,EAAmB,CAC5BC,aAAc,CACVC,UAAWC,EAAKC,EAAM,CAAEC,UAAW,iBACnCC,UAAWH,EAAKC,EAAM,CAAEC,UAAW,YACnCE,kBAAkB,EAClBC,gBAAiB,CACbC,eAAgB,CACZC,eAAe,EACfC,oBAAoB,EACpBC,KAAM,SAEVC,eAAgB,CACZH,eAAe,EACfC,oBAAoB,EACpBC,KAAM,WAIlBE,eAAgB,CACZC,KAAM,KAAO,CACT,yBAA0B,CACtBC,cAAe,EACfC,WAAY,IAEhB,+CAAgD,CAC5CA,WAAY,EACZD,cAAe,EACfE,OAAQ,GACRC,UAAW,cAEf,gDAAiD,CAC7CH,cAAe,EACfC,WAAY,IAEhB,sEAAuE,CACnEA,WAAY,EACZD,cAAe,GAEnB,yEAA0E,CACtEC,WAAY,GACZD,cAAe,IAEnB,gGAAiG,CAC7FC,WAAY,EACZD,cAAe,GAEnB,kDAAmD,CAC/CC,WAAY,GACZD,cAAe,IAEnB,yEAA0E,CACtEC,WAAY,EACZD,cAAe,KAGvBI,aAAc,CACVC,IAAK,MACLC,UAAW,oBAEfb,eAAgB,CACZc,QAAS,EACTC,YAAa,GAEjBX,eAAgB,CACZU,QAAS,EACTC,YAAa,GAEjBC,QAAS,EAAGC,YAAa,CACrBC,UAAW,IACXC,SAAU,UACVL,QAAS,EACT,4BAA6B,CACzBM,UAAW,QAEf,kDAAmD,CAC/CC,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,8DAA+D,CAC3DH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,UAG1C,wCAAyC,CACrCH,WAAY,QACZ,UAAW,CACPA,WAAYJ,EAAMK,QAAQC,QAAQC,YAI9CC,OAAQ,EAAGR,YAAa,CACpBS,SAAU,OACVC,WAAY,OACZC,MAAOX,EAAMK,QAAQO,UAAUC,MAC/BC,WAAY,MACZC,aAAc,OACdZ,UAAW,OACXa,gBAAiB,QACjB,UAAW,CACPZ,WAAYJ,EAAMK,QAAQC,QAAQC,WAG1CU,IAAK,CACDC,UAAW,EACXC,aAAc,EACd3B,OAAQ,GACR4B,QAAS,cACTC,WAAY,SACZ,yBAA0B,CACtBjB,WAAY,eAEhB,mBAAoB,CAChBgB,QAAS,SACTE,YAAa,EACbP,aAAc,GAElB,wBAAyB,CACrBjB,YAAa"}