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

@skodaflow/web-library 7.15.0 → 7.15.1

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

Files changed (2177) hide show

package/components/closeDialogButton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { CloseIcon } from '../icon/stroke/CloseIcon';\nimport React from 'react';\n\nexport type CloseDialogButtonProps = IconButtonProps;\n\n/*\n @deprecated Use <DialogTitle onClose={fn} /> instead\n */\nexport const CloseDialogButton = (props: CloseDialogButtonProps) => {\n return (\n <IconButton aria-label=\"Close dialog\" size=\"medium\" {...props}>\n <CloseIcon />\n </IconButton>\n );\n};\n"],"names":["CloseDialogButton","props","_jsx","IconButton","Object","assign","size","children","CloseIcon"],"mappings":"~~2IASa~~,~~MAAAA~~,EAAqBC,GAE9BC,EAACC,~~EAAsBC~~,OAAAC,OAAA,CAAA,~~aAAA~~,eAAeC,KAAK,UAAaL,~~EACtD~~,CAAAM,~~SAAAL~~,EAACM,~~EAAY~~,CAAA"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { CloseIcon } from '../icon/stroke/CloseIcon';\nimport React from 'react';\n\nexport type CloseDialogButtonProps = IconButtonProps;\n\n/*\n @deprecated Use <DialogTitle onClose={fn} /> instead\n */\nexport const CloseDialogButton = (props: CloseDialogButtonProps) => {\n return (\n <IconButton aria-label=\"Close dialog\" size=\"medium\" {...props}>\n <CloseIcon />\n </IconButton>\n );\n};\n"],"names":["CloseDialogButton","props","_jsx","IconButton","Object","assign","size","children","CloseIcon"],"mappings":"2IASO,MAAMA,EAAqBC,GAE9BC,EAACC,EAAUC,OAAAC,OAAA,CAAA,aAAY,eAAeC,KAAK,UAAaL,EAAK,CAAAM,SAC3DL,EAACM,EAAS,CAAA"}

package/components/common/helperText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":["import React from 'react';\nimport { HelperTextContent } from '../helperTextContent';\n\nexport interface HelperTextProps {\n /*\n The value of the helper text\n /\n helpText?: string;\n /\n The max number of chars available in the text area. Max chars will be disabled when type = 'number'.\n /\n maxChars?: number;\n /\n Current value of the helper text.\n /\n currentValue: string;\n /\n Type of the input element. It should be 'text' or 'number'. Default is 'text'.\n */\n type?: 'number' \| 'text';\n}\n\nconst HelperText = ({ helpText, maxChars, currentValue, type }: HelperTextProps) => {\n return (\n <HelperTextContent\n textLeft={helpText}\n textRight={\n type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length} / ${maxChars}` : undefined\n }\n />\n );\n};\n\nexport default HelperText;\n"],"names":["HelperText","helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"sHAsBA,MAAMA,EAAa,EAAGC,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,~~EACC~~,~~CAAAC~~,SAAUN,EACVO,UACW,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,YAAYR,SAAaS"}
1	+ {"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":["import React from 'react';\nimport { HelperTextContent } from '../helperTextContent';\n\nexport interface HelperTextProps {\n /*\n The value of the helper text\n /\n helpText?: string;\n /\n The max number of chars available in the text area. Max chars will be disabled when type = 'number'.\n /\n maxChars?: number;\n /\n Current value of the helper text.\n /\n currentValue: string;\n /\n Type of the input element. It should be 'text' or 'number'. Default is 'text'.\n */\n type?: 'number' \| 'text';\n}\n\nconst HelperText = ({ helpText, maxChars, currentValue, type }: HelperTextProps) => {\n return (\n <HelperTextContent\n textLeft={helpText}\n textRight={\n type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length} / ${maxChars}` : undefined\n }\n />\n );\n};\n\nexport default HelperText;\n"],"names":["HelperText","helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"sHAsBA,MAAMA,EAAa,EAAGC,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,EAAiB,CAChBC,SAAUN,EACVO,UACW,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,YAAYR,SAAaS"}

package/components/common/hook/backdrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\n\nconst useBackdrop = () => {\n const [openBackdrop, setOpenBackdrop] = useState(false);\n const handleCloseBackdrop = () => {\n setOpenBackdrop(false);\n };\n const handleOpenBackdrop = () => {\n setOpenBackdrop(true);\n };\n const handleToggleBackdrop = () => {\n setOpenBackdrop(!openBackdrop);\n };\n return {\n openBackdrop,\n setOpenBackdrop,\n handleCloseBackdrop,\n handleOpenBackdrop,\n handleToggleBackdrop,\n };\n};\nexport default useBackdrop;\n"],"names":["useBackdrop","openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"~~iCAEM~~,~~MAAAA~~,EAAc,KAClB,MAAOC,EAAcC,GAAmBC,GAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}
1	+ {"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\n\nconst useBackdrop = () => {\n const [openBackdrop, setOpenBackdrop] = useState(false);\n const handleCloseBackdrop = () => {\n setOpenBackdrop(false);\n };\n const handleOpenBackdrop = () => {\n setOpenBackdrop(true);\n };\n const handleToggleBackdrop = () => {\n setOpenBackdrop(!openBackdrop);\n };\n return {\n openBackdrop,\n setOpenBackdrop,\n handleCloseBackdrop,\n handleOpenBackdrop,\n handleToggleBackdrop,\n };\n};\nexport default useBackdrop;\n"],"names":["useBackdrop","openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"iCAEA,MAAMA,EAAc,KAClB,MAAOC,EAAcC,GAAmBC,GAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}

package/components/common/hook/useWindowSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { flowBreakpoints } from '../../../materialui/theme/theme.breakpoints';\n\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < flowBreakpoints.values['md'],\n });\n }\n\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n\n return windowSize;\n}\n"],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","flowBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"iIAGc,SAAUA,IACtB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAS,CAC3CC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAGZ,SAASC,IACPP,EAAc,CACZE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAgBC,OAAW,~~KAc7D~~,OAVAC,GAAU,KACRH,IACAT,OAAOa,iBAAiB,SAAUJ,GAE3B,KACLA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAEvD,IAEIR,CACT"}
1	+ {"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { flowBreakpoints } from '../../../materialui/theme/theme.breakpoints';\n\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < flowBreakpoints.values['md'],\n });\n }\n\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n\n return windowSize;\n}\n"],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","flowBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"iIAGc,SAAUA,IACtB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAS,CAC3CC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAGZ,SAASC,IACPP,EAAc,CACZE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAgBC,OAAW,IAE7D,CAYA,OAVAC,GAAU,KACRH,IACAT,OAAOa,iBAAiB,SAAUJ,GAE3B,KACLA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAEvD,IAEIR,CACT"}

package/components/common/imageComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\ninterface ImageComponentProps {\n /*\n The source of the image.\n /\n image: string;\n /\n The alt description of the image.\n /\n alt?: string;\n /\n The height of the image.\n /\n height?: string;\n /\n The width of the image.\n /\n width?: string;\n /\n The source of the onError image.\n */\n fallbackImage?: string;\n}\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => {\n const [imgError, setImgError] = useState(false);\n\n const setImageError = useCallback(() => setImgError(true), []);\n\n if (!imgError) {\n return <img src={image} height={height} width={width} alt={alt} onError={setImageError} />;\n } else {\n return <img src={fallbackImage} alt={alt} />;\n }\n};\n\nexport default ImageComponent;\n"],"names":["ImageComponent","image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0FAwBA,MAAMA,EAAiB,EAAGC,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,GAAS,GAEnCC,EAAgBC,GAAY,IAAMH,GAAY,IAAO,IAE3D,OAGSI,EAAA,MAHJL,EAGI,CAAKM,IAAKT,EAAeD,IAAKA,GAF9B,CAAKU,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ"}
1	+ {"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\ninterface ImageComponentProps {\n /*\n The source of the image.\n /\n image: string;\n /\n The alt description of the image.\n /\n alt?: string;\n /\n The height of the image.\n /\n height?: string;\n /\n The width of the image.\n /\n width?: string;\n /\n The source of the onError image.\n */\n fallbackImage?: string;\n}\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => {\n const [imgError, setImgError] = useState(false);\n\n const setImageError = useCallback(() => setImgError(true), []);\n\n if (!imgError) {\n return <img src={image} height={height} width={width} alt={alt} onError={setImageError} />;\n } else {\n return <img src={fallbackImage} alt={alt} />;\n }\n};\n\nexport default ImageComponent;\n"],"names":["ImageComponent","image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0FAwBA,MAAMA,EAAiB,EAAGC,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,GAAS,GAEnCC,EAAgBC,GAAY,IAAMH,GAAY,IAAO,IAE3D,OAGSI,EAAA,MAHJL,EAGI,CAAKM,IAAKT,EAAeD,IAAKA,GAF9B,CAAKU,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ,GAG3E"}

package/components/common/menuContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Menu, MenuReactUseStateHook, MenuItems } from '../menu';\nimport MenuEmpty from './menuEmpty';\n\nexport interface MenuContainerProps {\n disabled?: boolean;\n items?: MenuItems;\n hasIcon?: boolean;\n multipleSelection?: boolean;\n groupLabel?: string;\n reactHook?: MenuReactUseStateHook;\n groupToggleSelection?: boolean;\n isOpen?: boolean;\n marginTop?: number;\n width?: number;\n fullWidth?: boolean;\n setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n isEmptyMenu?: boolean;\n toggleLabel?: string;\n children?: React.ReactNode;\n}\n\nconst MenuContainer: React.FC<MenuContainerProps> = ({ setIsOpen, isEmptyMenu, ...props }) => {\n return (\n <StyledDiv\n marginTop={props.marginTop + 'px'}\n width={props.fullWidth ? '100%' : props.width + 'px'}\n isOpen={props.isOpen}\n disabled={props.disabled}\n >\n {isEmptyMenu ? (\n <MenuEmpty>{props.children}</MenuEmpty>\n ) : (\n <Menu\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={props.multipleSelection}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n )}\n </StyledDiv>\n );\n};\n\nconst StyledDiv = styled('div')<{\n marginTop?: string;\n isOpen: boolean;\n disabled: boolean;\n width?: string;\n}>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n width: args.width,\n marginTop: args.marginTop,\n transition: '0.3s ease-out',\n display: 'inline-block',\n position: 'absolute',\n zIndex: '10',\n };\n\n if (args.isOpen && !args.disabled) {\n styles = { ...styles, visibility: 'visible', opacity: '100%' };\n } else {\n styles = { ...styles, visibility: 'hidden', opacity: '0%' };\n }\n\n return styles;\n});\n\nexport default MenuContainer;\n"],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","styled","theme","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"uMAuBA,MAAMA,EAA+CC,QAAAC,UAAEA,EAASC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAAlC,6BACnD,OACEK,EAACC,~~EACC~~,~~CAAAC~~,UAAWJ,EAAMI,UAAY,KAC7BC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAChDE,OAAQP,EAAMO,OACdC,SAAUR,EAAMQ,~~SAEfC~~,~~SAAAV~~,EACCG,EAACQ,~~EAAW~~,CAAAD,~~SAAAT~~,EAAMS,WAElBP,EAACS,EAAI,CACHC,MAAOZ,EAAMY,MACbC,QAASb,EAAMa,QACfC,kBAAmBd,EAAMc,kBACzBC,qBAAsBf,EAAMe,qBAC5BC,WAAYhB,EAAMgB,WAClBC,UAAWjB,EAAMiB,UACjBnB,UAAWA,EACXoB,YAAalB,EAAMkB,eAGb,EAIVf,EAAYgB,EAAO,MAAPA,EAKdtB,IAAA,IAAAuB,MAAEA,~~GAAgBvB~~,~~EAANwB~~,EAAIpB,EAAAJ,EAAhB,WACF,IAAIyB,EAAS,~~CAAE~~,~~EAiBf~~,OAfAA,EAAS,CACPjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRJ,EADED,EAAKd,SAAWc,EAAKb,SACjBmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,SAAUC,QAAS,OAGhDR,CAAM"}
1	+ {"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Menu, MenuReactUseStateHook, MenuItems } from '../menu';\nimport MenuEmpty from './menuEmpty';\n\nexport interface MenuContainerProps {\n disabled?: boolean;\n items?: MenuItems;\n hasIcon?: boolean;\n multipleSelection?: boolean;\n groupLabel?: string;\n reactHook?: MenuReactUseStateHook;\n groupToggleSelection?: boolean;\n isOpen?: boolean;\n marginTop?: number;\n width?: number;\n fullWidth?: boolean;\n setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n isEmptyMenu?: boolean;\n toggleLabel?: string;\n children?: React.ReactNode;\n}\n\nconst MenuContainer: React.FC<MenuContainerProps> = ({ setIsOpen, isEmptyMenu, ...props }) => {\n return (\n <StyledDiv\n marginTop={props.marginTop + 'px'}\n width={props.fullWidth ? '100%' : props.width + 'px'}\n isOpen={props.isOpen}\n disabled={props.disabled}\n >\n {isEmptyMenu ? (\n <MenuEmpty>{props.children}</MenuEmpty>\n ) : (\n <Menu\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={props.multipleSelection}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n )}\n </StyledDiv>\n );\n};\n\nconst StyledDiv = styled('div')<{\n marginTop?: string;\n isOpen: boolean;\n disabled: boolean;\n width?: string;\n}>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n width: args.width,\n marginTop: args.marginTop,\n transition: '0.3s ease-out',\n display: 'inline-block',\n position: 'absolute',\n zIndex: '10',\n };\n\n if (args.isOpen && !args.disabled) {\n styles = { ...styles, visibility: 'visible', opacity: '100%' };\n } else {\n styles = { ...styles, visibility: 'hidden', opacity: '0%' };\n }\n\n return styles;\n});\n\nexport default MenuContainer;\n"],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","styled","theme","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"uMAuBA,MAAMA,EAA+CC,QAAAC,UAAEA,EAASC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAAlC,6BACnD,OACEK,EAACC,EAAS,CACRC,UAAWJ,EAAMI,UAAY,KAC7BC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAChDE,OAAQP,EAAMO,OACdC,SAAUR,EAAMQ,SAAQC,SAEvBV,EACCG,EAACQ,EAAS,CAAAD,SAAET,EAAMS,WAElBP,EAACS,EAAI,CACHC,MAAOZ,EAAMY,MACbC,QAASb,EAAMa,QACfC,kBAAmBd,EAAMc,kBACzBC,qBAAsBf,EAAMe,qBAC5BC,WAAYhB,EAAMgB,WAClBC,UAAWjB,EAAMiB,UACjBnB,UAAWA,EACXoB,YAAalB,EAAMkB,eAGb,EAIVf,EAAYgB,EAAO,MAAPA,EAKdtB,IAAA,IAAAuB,MAAEA,GAAKvB,EAAKwB,EAAIpB,EAAAJ,EAAhB,WACF,IAAIyB,EAAS,CAAA,EAiBb,OAfAA,EAAS,CACPjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRJ,EADED,EAAKd,SAAWc,EAAKb,SACjBmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,SAAUC,QAAS,OAGhDR,CAAM"}

package/components/common/menuEmpty.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuEmpty.js","sources":["../../../src/components/common/menuEmpty.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled, Paper as MuiPaper } from '@mui/material';\n\n/*\n @interface MenuEmtpyProps\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n /\nexport interface MenuEmptyProps extends HTMLAttributes<HTMLDivElement> {}\n/\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n\nexport const MenuEmpty = forwardRef<HTMLDivElement, MenuEmptyProps>(({ ...props }, ref) => {\n return (\n <PaperStyled {...props} ref={ref}>\n {props.children}\n </PaperStyled>\n );\n});\n/\n @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper)<unknown>(() => {\n let styles = {};\n const itemStyles: React.CSSProperties = {\n height: '48px',\n padding: '0px 24px',\n };\n styles = {\n ...styles,\n '& .MuiMenuItem-root': itemStyles,\n };\n return styles;\n});\n\nexport default MenuEmpty;\n"],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"~~4JAgBa~~,~~MAAAA~~,EAAYC,GAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,OACEI,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKL,~~EAAO~~,~~CAAAD~~,IAAKA,WAC1BC,EAAMM,WACK,IAMZH,EAAcI,EAAOC,EAAPD,EAA0B,KAC5C,IAAIE,EAAS,~~CAAE~~,~~EASf~~,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}
1	+ {"version":3,"file":"menuEmpty.js","sources":["../../../src/components/common/menuEmpty.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled, Paper as MuiPaper } from '@mui/material';\n\n/*\n @interface MenuEmtpyProps\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n /\nexport interface MenuEmptyProps extends HTMLAttributes<HTMLDivElement> {}\n/\n @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n /\n\nexport const MenuEmpty = forwardRef<HTMLDivElement, MenuEmptyProps>(({ ...props }, ref) => {\n return (\n <PaperStyled {...props} ref={ref}>\n {props.children}\n </PaperStyled>\n );\n});\n/\n @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper)<unknown>(() => {\n let styles = {};\n const itemStyles: React.CSSProperties = {\n height: '48px',\n padding: '0px 24px',\n };\n styles = {\n ...styles,\n '& .MuiMenuItem-root': itemStyles,\n };\n return styles;\n});\n\nexport default MenuEmpty;\n"],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"4JAgBO,MAAMA,EAAYC,GAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,OACEI,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAED,IAAKA,WAC1BC,EAAMM,WACK,IAMZH,EAAcI,EAAOC,EAAPD,EAA0B,KAC5C,IAAIE,EAAS,CAAA,EASb,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}

package/components/common/resizableSliderInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { styled } from '@mui/material';\n\nexport interface ResizableSliderInputInterface {\n value: string \| number;\n onChange: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n id?: string;\n disabled?: boolean;\n textDescription?: string;\n labelText?: string;\n className?: string;\n thumb?: number;\n isCurrencyInFront?: boolean;\n thousandsSeparator?: '.' \| ',' \| ' ';\n decimalSeparator?: '.' \| ',';\n hiddenDecimalSeparator?: boolean;\n}\n\nconst ResizableSliderInput = ({\n value: values,\n onChange,\n onBlur,\n isCurrencyInFront,\n textDescription = '',\n labelText = '',\n className = '',\n id = '',\n thumb = -1,\n disabled = false,\n thousandsSeparator = '.',\n decimalSeparator = '.',\n hiddenDecimalSeparator,\n}: ResizableSliderInputInterface) => {\n const [clickCounter, setClickCounter] = useState(0);\n const [lostFocus, setLostFocus] = useState(true);\n const [background, setBackground] = useState('light');\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const onChangeHandler = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n setClickCounter(() => 2);\n setLostFocus(() => false);\n onChange(e, thumb);\n },\n [onChange, thumb],\n );\n\n const onClickHandler = useCallback(() => {\n setClickCounter((curr) => curr + 1);\n setLostFocus(() => false);\n setBackground('dark');\n }, []);\n\n const onBlurHandler: React.FocusEventHandler<HTMLInputElement> = useCallback((e) => {\n setClickCounter(() => 0);\n setLostFocus(() => true);\n setBackground('light');\n onBlur?.(e, thumb);\n }, []);\n\n const getFormattedString = useCallback(\n (num: number) => {\n if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n return num\n .toFixed(2)\n .replace('.', decimalSeparator)\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n },\n [decimalSeparator, hiddenDecimalSeparator, thousandsSeparator],\n );\n\n const getInputValue = useCallback(() => {\n if (clickCounter === 1) return '';\n if (lostFocus && values === -1) return getFormattedString(0);\n if (lostFocus) return getFormattedString(+values);\n return values !== -1 ? values : '';\n }, [clickCounter, getFormattedString, lostFocus, values]);\n\n const onMouseEnterHandler = () => {\n setBackground('dark');\n };\n\n const onMouseLeaveHandler = () => {\n lostFocus && setBackground('light');\n };\n\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (values <= 0 \|\| !values) inputRef.current.style.width = '4ch';\n if (hiddenDecimalSeparator) inputRef.current.style.width = getFormattedString(+values).length + 1 + 'ch';\n else inputRef.current.style.width = getFormattedString(+values).length + 'ch';\n }, [clickCounter, getFormattedString, getInputValue, hiddenDecimalSeparator, values]);\n\n return (\n <SliderValuesStyled\n className=\"single-value-input\"\n isCurrencyInFront={isCurrencyInFront}\n background={background}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n >\n <label htmlFor={id}>{labelText}</label>\n <div>\n {textDescription && <span>{textDescription} </span>}\n <input\n id={id}\n ref={inputRef}\n value={getInputValue()}\n onBlur={onBlurHandler}\n onClick={onClickHandler}\n onChange={onChangeHandler}\n className={className}\n disabled={disabled}\n />\n </div>\n </SliderValuesStyled>\n );\n};\nconst SliderValuesStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'isCurrencyInFront',\n})<{ theme?: any; background: string; isCurrencyInFront: boolean }>(({ theme, isCurrencyInFront }) => {\n return {\n background: theme.palette.surface.primary,\n display: 'inline-block',\n padding: '4px 12px',\n borderRadius: '4px',\n minWidth: '60px',\n '& span, label, input': {\n fontWeight: 500,\n },\n '& span, input': {\n fontSize: '14px',\n color: theme.palette.onSurface.os700,\n },\n '& > div': {\n display: 'inline-flex',\n flexDirection: isCurrencyInFront ? 'row' : 'row-reverse',\n '& > input': {\n paddingTop: '2px',\n },\n '& > span': {\n paddingRight: isCurrencyInFront ? '2px' : '0px',\n },\n },\n };\n});\n\nexport default ResizableSliderInput;\n"],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"~~sKAmBM~~,~~MAAAA~~,EAAuB,EAC3BC,MAAOC,EACPC,WACAC,SACAC,oBACAC,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAS,IAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAAYC,GAAiBJ,EAAS,SAEvCK,EAAWC,EAAgC,MAE3CC,EAAkBC,GACrBC,IACCV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBhB,EAASuB,EAAGhB,EAAM,GAEpB,CAACP,EAAUO,IAGPiB,EAAiBF,GAAY,KACjCT,GAAiBY,GAASA,EAAO,IACjCT,GAAa,KAAM,IACnBE,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,GAAaC,IAC5EV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBE,EAAc,SACdjB,SAAAA,EAASsB,EAAGhB,EAAM,GACjB,IAEGoB,EAAqBL,GACxBM,GACKjB,EAA+BiB,EAAIC,UAAUC,QAAQ,wBAAyBrB,GAC3EmB,EACJC,QAAQ,GACRC,QAAQ,IAAKpB,GACboB,QAAQ,wBAAyBrB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCsB,EAAgBT,GAAY,IACX,IAAjBV,EAA2B,GAC3BG,~~IAA0B~~,~~IAAbhB~~,EAAsB4B,EAAmB,GACtDZ,EAAkBY,GAAoB5B,QACnCA,EAAgBA,EAAS,IAC/B,CAACa,EAAce,EAAoBZ,EAAWhB,IAkBjD,OARAiC,GAAU,MAGJjC,GAAU,IAAMA,KAAQoB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CxB,EAAuDgB,GAAoB5B,GAAQqC,OAAS,EAAI,KAChET,GAAoB5B,GAAQqC,OAAS,IAAI,GAC5E,CAACxB,EAAce,EAAoBI,EAAepB,EAAwBZ,IAG3EsC,EAACC,~~EACC~~,~~CAAAjC~~,UAAU,qBACVH,kBAAmBA,EACnBe,WAAYA,EACZsB,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BzB,GAAaG,EAAc,QAAQ,~~EAmBjCuB~~,SAAA,~~CAAAC~~,EAAA,QAAA,CAAOC,QAASrC,~~EAAKmC~~,~~SAAArC~~,IACrBiC,EAAA,MAAA,CAAAI,SAAA,CACGtC,GAAmBkC,oBAAOlC,EAAe,OAC1CuC,EAAA,QAAA,CACEpC,GAAIA,EACJsC,IAAKzB,EACLrB,MAAOiC,IACP9B,OAAQyB,EACRmB,QAASrB,EACTxB,SAAUqB,EACVhB,UAAWA,EACXG,SAAUA,SAGK,EAGnB8B,EAAqBQ,EAAO,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAO/C,wBACrE,CACLe,WAAYgC,EAAMC,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOV,EAAMC,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAe5D,EAAoB,MAAQ,cAC3C,YAAa,CACX6D,WAAY,OAEd,WAAY,CACVC,aAAc9D,EAAoB,MAAQ"}
1	+ {"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { styled } from '@mui/material';\n\nexport interface ResizableSliderInputInterface {\n value: string \| number;\n onChange: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n id?: string;\n disabled?: boolean;\n textDescription?: string;\n labelText?: string;\n className?: string;\n thumb?: number;\n isCurrencyInFront?: boolean;\n thousandsSeparator?: '.' \| ',' \| ' ';\n decimalSeparator?: '.' \| ',';\n hiddenDecimalSeparator?: boolean;\n}\n\nconst ResizableSliderInput = ({\n value: values,\n onChange,\n onBlur,\n isCurrencyInFront,\n textDescription = '',\n labelText = '',\n className = '',\n id = '',\n thumb = -1,\n disabled = false,\n thousandsSeparator = '.',\n decimalSeparator = '.',\n hiddenDecimalSeparator,\n}: ResizableSliderInputInterface) => {\n const [clickCounter, setClickCounter] = useState(0);\n const [lostFocus, setLostFocus] = useState(true);\n const [background, setBackground] = useState('light');\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const onChangeHandler = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n setClickCounter(() => 2);\n setLostFocus(() => false);\n onChange(e, thumb);\n },\n [onChange, thumb],\n );\n\n const onClickHandler = useCallback(() => {\n setClickCounter((curr) => curr + 1);\n setLostFocus(() => false);\n setBackground('dark');\n }, []);\n\n const onBlurHandler: React.FocusEventHandler<HTMLInputElement> = useCallback((e) => {\n setClickCounter(() => 0);\n setLostFocus(() => true);\n setBackground('light');\n onBlur?.(e, thumb);\n }, []);\n\n const getFormattedString = useCallback(\n (num: number) => {\n if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n return num\n .toFixed(2)\n .replace('.', decimalSeparator)\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n },\n [decimalSeparator, hiddenDecimalSeparator, thousandsSeparator],\n );\n\n const getInputValue = useCallback(() => {\n if (clickCounter === 1) return '';\n if (lostFocus && values === -1) return getFormattedString(0);\n if (lostFocus) return getFormattedString(+values);\n return values !== -1 ? values : '';\n }, [clickCounter, getFormattedString, lostFocus, values]);\n\n const onMouseEnterHandler = () => {\n setBackground('dark');\n };\n\n const onMouseLeaveHandler = () => {\n lostFocus && setBackground('light');\n };\n\n useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (values <= 0 \|\| !values) inputRef.current.style.width = '4ch';\n if (hiddenDecimalSeparator) inputRef.current.style.width = getFormattedString(+values).length + 1 + 'ch';\n else inputRef.current.style.width = getFormattedString(+values).length + 'ch';\n }, [clickCounter, getFormattedString, getInputValue, hiddenDecimalSeparator, values]);\n\n return (\n <SliderValuesStyled\n className=\"single-value-input\"\n isCurrencyInFront={isCurrencyInFront}\n background={background}\n onMouseEnter={onMouseEnterHandler}\n onMouseLeave={onMouseLeaveHandler}\n >\n <label htmlFor={id}>{labelText}</label>\n <div>\n {textDescription && <span>{textDescription} </span>}\n <input\n id={id}\n ref={inputRef}\n value={getInputValue()}\n onBlur={onBlurHandler}\n onClick={onClickHandler}\n onChange={onChangeHandler}\n className={className}\n disabled={disabled}\n />\n </div>\n </SliderValuesStyled>\n );\n};\nconst SliderValuesStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'isCurrencyInFront',\n})<{ theme?: any; background: string; isCurrencyInFront: boolean }>(({ theme, isCurrencyInFront }) => {\n return {\n background: theme.palette.surface.primary,\n display: 'inline-block',\n padding: '4px 12px',\n borderRadius: '4px',\n minWidth: '60px',\n '& span, label, input': {\n fontWeight: 500,\n },\n '& span, input': {\n fontSize: '14px',\n color: theme.palette.onSurface.os700,\n },\n '& > div': {\n display: 'inline-flex',\n flexDirection: isCurrencyInFront ? 'row' : 'row-reverse',\n '& > input': {\n paddingTop: '2px',\n },\n '& > span': {\n paddingRight: isCurrencyInFront ? '2px' : '0px',\n },\n },\n };\n});\n\nexport default ResizableSliderInput;\n"],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"sKAmBA,MAAMA,EAAuB,EAC3BC,MAAOC,EACPC,WACAC,SACAC,oBACAC,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAS,IAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAAYC,GAAiBJ,EAAS,SAEvCK,EAAWC,EAAgC,MAE3CC,EAAkBC,GACrBC,IACCV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBhB,EAASuB,EAAGhB,EAAM,GAEpB,CAACP,EAAUO,IAGPiB,EAAiBF,GAAY,KACjCT,GAAiBY,GAASA,EAAO,IACjCT,GAAa,KAAM,IACnBE,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,GAAaC,IAC5EV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBE,EAAc,SACdjB,SAAAA,EAASsB,EAAGhB,EAAM,GACjB,IAEGoB,EAAqBL,GACxBM,GACKjB,EAA+BiB,EAAIC,UAAUC,QAAQ,wBAAyBrB,GAC3EmB,EACJC,QAAQ,GACRC,QAAQ,IAAKpB,GACboB,QAAQ,wBAAyBrB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCsB,EAAgBT,GAAY,IACX,IAAjBV,EAA2B,GAC3BG,IAAwB,IAAXhB,EAAsB4B,EAAmB,GACtDZ,EAAkBY,GAAoB5B,QACnCA,EAAgBA,EAAS,IAC/B,CAACa,EAAce,EAAoBZ,EAAWhB,IAkBjD,OARAiC,GAAU,MAGJjC,GAAU,IAAMA,KAAQoB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CxB,EAAuDgB,GAAoB5B,GAAQqC,OAAS,EAAI,KAChET,GAAoB5B,GAAQqC,OAAS,IAAI,GAC5E,CAACxB,EAAce,EAAoBI,EAAepB,EAAwBZ,IAG3EsC,EAACC,EAAkB,CACjBjC,UAAU,qBACVH,kBAAmBA,EACnBe,WAAYA,EACZsB,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BzB,GAAaG,EAAc,QAAQ,EAiBAuB,SAAA,CAEjCC,EAAA,QAAA,CAAOC,QAASrC,EAAEmC,SAAGrC,IACrBiC,EAAA,MAAA,CAAAI,SAAA,CACGtC,GAAmBkC,oBAAOlC,EAAe,OAC1CuC,EAAA,QAAA,CACEpC,GAAIA,EACJsC,IAAKzB,EACLrB,MAAOiC,IACP9B,OAAQyB,EACRmB,QAASrB,EACTxB,SAAUqB,EACVhB,UAAWA,EACXG,SAAUA,SAGK,EAGnB8B,EAAqBQ,EAAO,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAO/C,wBACrE,CACLe,WAAYgC,EAAMC,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOV,EAAMC,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAe5D,EAAoB,MAAQ,cAC3C,YAAa,CACX6D,WAAY,OAEd,WAAY,CACVC,aAAc9D,EAAoB,MAAQ"}

package/components/common/styled/textFieldStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textFieldStyled.js","sources":["../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { TextField as MuiTextField, TextFieldProps as MuiTextFieldProps, styled } from '@mui/material';\n\n/*\n @description TextInput styling definition based on props\n /\nconst TextFieldStyled = styled(MuiTextField, {\n shouldForwardProp: (prop) =>\n prop !== 'helpText' &&\n prop !== 'maxChars' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'textAreaHeight',\n})<\n MuiTextFieldProps & {\n isSelect?: boolean;\n disabled?: boolean;\n hasError?: boolean;\n hideBg?: boolean;\n icon?: string;\n focused?: boolean;\n hovered?: boolean;\n }\n>(({ theme, ...props }) => {\n let styles = {};\n styles = {\n // '&, & ': {\n // \tboxSizing: 'content-box !important',\n // },\n };\n //Change styles if the input is focused\n if (props.focused) {\n styles = {\n ...styles,\n };\n }\n //If the input has an error, change the color of the label text and color/size of border's input\n if (props.error) {\n styles = {\n ...styles,\n };\n }\n if (props.icon) {\n styles = {\n ...styles,\n };\n }\n if (props.icon && !props.placeholder) {\n styles = {\n ...styles,\n '& .MuiInput-underline': {\n ...styles['& .MuiInput-underline'],\n '&:after': {\n bottom: '0px',\n },\n '&.Mui-error': {\n '&:after': {\n borderBottomColor: theme.palette.alert['main'],\n },\n },\n },\n '& .MuiInput-root': {\n ...styles['& .MuiInput-root'],\n marginTop: 0,\n height: 'inherit',\n transform: 'translateY(0px)',\n '& input': {\n marginTop: '20px',\n },\n '& .MuiIcon-root': {\n top: '0px !important',\n },\n '&:before': {\n bottom: '0px',\n },\n },\n };\n }\n if (props.icon && props.placeholder) {\n styles = {\n ...styles,\n '& .MuiInput-root': {\n ...styles['& .MuiInput-root'],\n '& .MuiIcon-root': {\n top: '-4px !important',\n '&.Mui-error': {\n '&:after': {\n borderBottomColor: theme.palette.alert['main'],\n },\n },\n },\n },\n };\n }\n //Change styles if the input is disabled\n if (props.disabled) {\n styles = {\n ...styles,\n };\n }\n return styles;\n});\nexport default TextFieldStyled;\n"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","theme","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","palette","alert","marginTop","height","transform","top","disabled"],"mappings":"qFAKA,MAAMA,EAAkBC,EAAOC,EAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,EAkBrBI,IAAA,IAAAC,MAAEA,~~GAAiBD~~,~~EAAPE~~,EAAKC,EAAAH,EAAjB,WACD,IAAII,EAAS,~~CAAE~~,~~EA4Ef~~,OA3EAA,EAAS,~~CAIR~~,~~EAEGF,~~EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,~~0BACV~~,~~CAAA~~,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBX,EAAMY,QAAQC,MAAY,SAInD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,~~qBACV~~,~~CAAA~~,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBX,EAAMY,QAAQC,MAAY,aAQrDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA,CAAM"}
1	+ {"version":3,"file":"textFieldStyled.js","sources":["../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { TextField as MuiTextField, TextFieldProps as MuiTextFieldProps, styled } from '@mui/material';\n\n/*\n @description TextInput styling definition based on props\n /\nconst TextFieldStyled = styled(MuiTextField, {\n shouldForwardProp: (prop) =>\n prop !== 'helpText' &&\n prop !== 'maxChars' &&\n prop !== 'hideBg' &&\n prop !== 'hasError' &&\n prop !== 'hovered' &&\n prop !== 'textAreaHeight',\n})<\n MuiTextFieldProps & {\n isSelect?: boolean;\n disabled?: boolean;\n hasError?: boolean;\n hideBg?: boolean;\n icon?: string;\n focused?: boolean;\n hovered?: boolean;\n }\n>(({ theme, ...props }) => {\n let styles = {};\n styles = {\n // '&, & ': {\n // \tboxSizing: 'content-box !important',\n // },\n };\n //Change styles if the input is focused\n if (props.focused) {\n styles = {\n ...styles,\n };\n }\n //If the input has an error, change the color of the label text and color/size of border's input\n if (props.error) {\n styles = {\n ...styles,\n };\n }\n if (props.icon) {\n styles = {\n ...styles,\n };\n }\n if (props.icon && !props.placeholder) {\n styles = {\n ...styles,\n '& .MuiInput-underline': {\n ...styles['& .MuiInput-underline'],\n '&:after': {\n bottom: '0px',\n },\n '&.Mui-error': {\n '&:after': {\n borderBottomColor: theme.palette.alert['main'],\n },\n },\n },\n '& .MuiInput-root': {\n ...styles['& .MuiInput-root'],\n marginTop: 0,\n height: 'inherit',\n transform: 'translateY(0px)',\n '& input': {\n marginTop: '20px',\n },\n '& .MuiIcon-root': {\n top: '0px !important',\n },\n '&:before': {\n bottom: '0px',\n },\n },\n };\n }\n if (props.icon && props.placeholder) {\n styles = {\n ...styles,\n '& .MuiInput-root': {\n ...styles['& .MuiInput-root'],\n '& .MuiIcon-root': {\n top: '-4px !important',\n '&.Mui-error': {\n '&:after': {\n borderBottomColor: theme.palette.alert['main'],\n },\n },\n },\n },\n };\n }\n //Change styles if the input is disabled\n if (props.disabled) {\n styles = {\n ...styles,\n };\n }\n return styles;\n});\nexport default TextFieldStyled;\n"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","theme","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","palette","alert","marginTop","height","transform","top","disabled"],"mappings":"qFAKA,MAAMA,EAAkBC,EAAOC,EAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,EAkBrBI,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAKC,EAAAH,EAAjB,WACD,IAAII,EAAS,CAAA,EA4Eb,OA3EAA,EAAS,GAMLF,EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,0BAAwB,CAClC,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBX,EAAMY,QAAQC,MAAY,SAInD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,qBAAmB,CAC7B,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBX,EAAMY,QAAQC,MAAY,aAQrDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA,CAAM"}

package/components/controls/controls.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled, Theme } from '@mui/material';\nimport { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';\nimport { Icon, IconNameProp } from '../icon';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n /\n the control's variant, can be standard or outline, default is standard\n /\n controlVariant?: ControlVariant;\n /\n The color of control: white or black, default is white.\n /\n controllerColor?: DarkLightOptions;\n /\n Icons style: regular or filled, default is regular.\n /\n iconStyle?: IconsStyle;\n /\n Icons fontSize:\n /\n iconFontSize?: ControllerSize;\n /\n Type of controls: next, previous, play, pause.\n /\n controlType?: IconNameProp;\n /\n If true, the control is disabled.\n /\n isDisabled?: boolean;\n /\n callback function on click\n /\n onClickCallback?: (payload: any) => void;\n /\n * if needed, it's possible to specify a custom height value\n /\n customHeight?: string;\n}\n\n/\n @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n /\n\nexport const Controller = forwardRef<HTMLDivElement, ControlsProps>(({ ...props }, ref) => {\n const btnRef = useRef(null);\n\n const handleOnClick = useCallback(\n (e: any) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n },\n [props],\n );\n\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n\n return (\n <ControlStyled {...props} ref={ref} onClick={() => handleOnClick(props.controlType)}>\n <button ref={btnRef}>\n <Icon fontSize={props.iconFontSize} name={props.controlType} iconStyle={props.iconStyle} />\n </button>\n </ControlStyled>\n );\n});\n\n/\n @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) =>\n prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})<ControlsProps & { theme?: Theme }>(({ theme, ...args }) => {\n const controlsColor = ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n );\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = {\n ...flexDisplay,\n width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n borderRadius: '50%',\n backgroundColor: 'transparent',\n border: 'none',\n position: 'relative',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`),\n cursor: 'pointer',\n '& .MuiIcon-root': {\n color: ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n ),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n '&:active': {\n transform: 'scale(0.95)',\n },\n '&:hover': {\n backgroundColor: theme.palette.transparent.primary,\n },\n '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(\n args.controllerColor,\n 'light',\n `2px solid ${theme.palette.surface.tertiary}`,\n `2px solid ${theme.palette.text.primary}`,\n ),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n },\n };\n styles = {\n ...styles,\n height: (args.customHeight ? args.customHeight : '100%') + '!important',\n '& button': {\n ...buttonSlyle,\n },\n };\n if (args.isDisabled) {\n styles = {\n ...styles,\n '& button': {\n ...buttonSlyle,\n borderColor: theme.palette.disabled.primary,\n cursor: 'default',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${theme.palette.disabled.primary}`),\n '&:active': {\n transform: 'scale(1)',\n },\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&:focus': {\n '&:after': {\n content: 'none',\n },\n },\n '& .MuiIcon-root': {\n color: theme.palette.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n },\n };\n }\n return styles;\n});\n"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","theme","args","controlsColor","ternaryCondition","controllerColor","palette","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"~~oUAgDa~~,~~MAAAA~~,EAAaC,GAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,MAAMI,EAASC,EAAO,MAEhBC,EAAgBC,GACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GAExE,CAACN,IASH,OANAS,GAAU,KACRP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC5CA,EAAEM,gBAAgB,GAClB,GACD,CAACV,IAGFW,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKhB,~~EAAO~~,~~CAAAD~~,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,~~aACrEC~~,~~SAAAN~~,EAAA,SAAA,CAAQd,IAAKG,~~EACXiB~~,~~SAAAN~~,EAACO,EAAI,CAACC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,gBAElE,IAOdV,EAAgBW,EAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,EAUiB3B,IAAA,IAAA8B,MAAEA,~~GAAgB9B~~,~~EAAN~~+B,EAAI5B,EAAAH,EAAhB,WACrC,MAAMgC,EAAgBC,EACpBF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErB,IAAIC,EAAS,~~CAAE~~,~~EACf~~,MAKMC,EAAWxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBwB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC5DsB,OAAQb,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC7DuB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EACLF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErBhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,SAEjE,WAAY,CACV+B,UAAW,eAEb,UAAW,CACTP,gBAAiBlB,EAAMK,QAAQqB,YAAYjB,SAE7C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EACPF,EAAKG,gBACL,QACA,aAAaJ,EAAMK,QAAQC,QAAQC,WACnC,aAAaP,EAAMK,QAAQG,KAAKC,WAElCW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqCpB,OAjCAP,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU3C,OAAAC,OAAA,CAAA,EACLuB,KAGHV,EAAKrB,aACP8B,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,~~GACH~~,~~CAAA~~,0CACKC,GAAW,CACdoB,YAAa/B,EAAMK,QAAQ2B,SAASvB,QACpCc,OAAQ,UACRF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAatB,EAAMK,QAAQ2B,SAASvB,WAClG,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOxB,EAAMK,QAAQ2B,SAASvB,QAC9BhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,cAKhEgB,CAAM"}
1	+ {"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled, Theme } from '@mui/material';\nimport { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';\nimport { Icon, IconNameProp } from '../icon';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n /\n the control's variant, can be standard or outline, default is standard\n /\n controlVariant?: ControlVariant;\n /\n The color of control: white or black, default is white.\n /\n controllerColor?: DarkLightOptions;\n /\n Icons style: regular or filled, default is regular.\n /\n iconStyle?: IconsStyle;\n /\n Icons fontSize:\n /\n iconFontSize?: ControllerSize;\n /\n Type of controls: next, previous, play, pause.\n /\n controlType?: IconNameProp;\n /\n If true, the control is disabled.\n /\n isDisabled?: boolean;\n /\n callback function on click\n /\n onClickCallback?: (payload: any) => void;\n /\n * if needed, it's possible to specify a custom height value\n /\n customHeight?: string;\n}\n\n/\n @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n /\n\nexport const Controller = forwardRef<HTMLDivElement, ControlsProps>(({ ...props }, ref) => {\n const btnRef = useRef(null);\n\n const handleOnClick = useCallback(\n (e: any) => {\n props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n },\n [props],\n );\n\n useEffect(() => {\n btnRef.current.addEventListener('mousedown', (e) => {\n e.preventDefault();\n });\n }, [btnRef]);\n\n return (\n <ControlStyled {...props} ref={ref} onClick={() => handleOnClick(props.controlType)}>\n <button ref={btnRef}>\n <Icon fontSize={props.iconFontSize} name={props.controlType} iconStyle={props.iconStyle} />\n </button>\n </ControlStyled>\n );\n});\n\n/\n @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n shouldForwardProp: (prop) =>\n prop !== 'controlType' &&\n prop !== 'controllerColor' &&\n prop !== 'iconStyle' &&\n prop !== 'iconFontSize' &&\n prop !== 'controlVariant' &&\n prop !== 'onClickCallback' &&\n prop !== 'isDisabled' &&\n prop !== 'customHeight',\n})<ControlsProps & { theme?: Theme }>(({ theme, ...args }) => {\n const controlsColor = ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n );\n let styles = {};\n const flexDisplay = {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n };\n const buttonSlyle = {\n ...flexDisplay,\n width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n borderRadius: '50%',\n backgroundColor: 'transparent',\n border: 'none',\n position: 'relative',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`),\n cursor: 'pointer',\n '& .MuiIcon-root': {\n color: ternaryCondition(\n args.controllerColor,\n 'light',\n theme.palette.surface.tertiary,\n theme.palette.text.primary,\n ),\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n '&:active': {\n transform: 'scale(0.95)',\n },\n '&:hover': {\n backgroundColor: theme.palette.transparent.primary,\n },\n '&:focus': {\n '&:after': {\n content: '\"\"',\n display: 'block',\n width: 'calc(100% + 6px)',\n height: 'calc(100% + 6px)',\n outline: ternaryCondition(\n args.controllerColor,\n 'light',\n `2px solid ${theme.palette.surface.tertiary}`,\n `2px solid ${theme.palette.text.primary}`,\n ),\n position: 'absolute',\n left: '-3px',\n top: '-3px',\n borderRadius: '50%',\n },\n },\n };\n styles = {\n ...styles,\n height: (args.customHeight ? args.customHeight : '100%') + '!important',\n '& button': {\n ...buttonSlyle,\n },\n };\n if (args.isDisabled) {\n styles = {\n ...styles,\n '& button': {\n ...buttonSlyle,\n borderColor: theme.palette.disabled.primary,\n cursor: 'default',\n outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${theme.palette.disabled.primary}`),\n '&:active': {\n transform: 'scale(1)',\n },\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '&:focus': {\n '&:after': {\n content: 'none',\n },\n },\n '& .MuiIcon-root': {\n color: theme.palette.disabled.primary,\n fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n },\n },\n };\n }\n return styles;\n});\n"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","theme","args","controlsColor","ternaryCondition","controllerColor","palette","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"gg+BAgDO,MAAMA,EAAaC,GAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,MAAMI,EAASC,EAAO,MAEhBC,EAAgBC,GACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GAExE,CAACN,IASH,OANAS,GAAU,KACRP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC5CA,EAAEM,gBAAgB,GAClB,GACD,CAACV,IAGFW,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKhB,EAAK,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAYC,SACjFN,EAAA,SAAA,CAAQd,IAAKG,EAAMiB,SACjBN,EAACO,EAAI,CAACC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,gBAElE,IAOdV,EAAgBW,EAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,EAUiB3B,IAAA,IAAA8B,MAAEA,GAAK9B,EAAK+B,EAAI5B,EAAAH,EAAhB,WACrC,MAAMgC,EAAgBC,EACpBF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErB,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAWxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBwB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC5DsB,OAAQb,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC7DuB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EACLF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErBhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,SAEjE,WAAY,CACV+B,UAAW,eAEb,UAAW,CACTP,gBAAiBlB,EAAMK,QAAQqB,YAAYjB,SAE7C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EACPF,EAAKG,gBACL,QACA,aAAaJ,EAAMK,QAAQC,QAAQC,WACnC,aAAaP,EAAMK,QAAQG,KAAKC,WAElCW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqCpB,OAjCAP,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU3C,OAAAC,OAAA,CAAA,EACLuB,KAGHV,EAAKrB,aACP8B,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACT,0CACKC,GAAW,CACdoB,YAAa/B,EAAMK,QAAQ2B,SAASvB,QACpCc,OAAQ,UACRF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAatB,EAAMK,QAAQ2B,SAASvB,WAClG,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOxB,EAAMK,QAAQ2B,SAASvB,QAC9BhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,cAKhEgB,CAAM"}

package/components/customPickersActionBar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Stack, Button, DialogActions } from '@mui/material';\nimport { PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n const localeText = usePickersTranslations();\n\n if (!actions?.length) return null;\n\n return (\n <DialogActions {...other}>\n <Stack direction=\"row\" justifyContent=\"space-between\">\n <Stack direction=\"row\">\n {actions.includes('clear') && (\n <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n {localeText.clearButtonLabel}\n </Button>\n )}\n {actions.includes('today') && (\n <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n {localeText.todayButtonLabel}\n </Button>\n )}\n </Stack>\n <Stack direction=\"row\">\n {actions.includes('cancel') && (\n <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n {localeText.cancelButtonLabel}\n </Button>\n )}\n {actions.includes('accept') && (\n <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n {localeText.okButtonLabel}\n </Button>\n )}\n </Stack>\n </Stack>\n </DialogActions>\n );\n};\n"],"names":["CustomPickersActionBar","props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"~~mNAGa~~,~~MAAAA~~,EAA0BC,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,IAEnB,OAAKR,~~aAAA~~,~~EAAAA~~,EAASS,QAGZC,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKR,~~EACjB~~,CAAAS,~~SAAAC~~,EAACC,EAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,EAACC,~~EAAM~~,~~CAAAC~~,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,EAACU,~~EAAO~~,~~CAAAC~~,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAACU,~~EAAO~~,~~CAAAC~~,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,~~EAC7CU~~,~~SAAAP~~,EAAWkB,sBAIlBV,EAACC,EAAK,CAACC,UAAU,~~MACdH~~,SAAA,~~CAAAd~~,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,~~EAC7CY~~,~~SAAAP~~,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,~~EAC7Ca~~,~~SAAAP~~,EAAWoB,yBAzBK,IA8BX"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Stack, Button, DialogActions } from '@mui/material';\nimport { PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n const localeText = usePickersTranslations();\n\n if (!actions?.length) return null;\n\n return (\n <DialogActions {...other}>\n <Stack direction=\"row\" justifyContent=\"space-between\">\n <Stack direction=\"row\">\n {actions.includes('clear') && (\n <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n {localeText.clearButtonLabel}\n </Button>\n )}\n {actions.includes('today') && (\n <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n {localeText.todayButtonLabel}\n </Button>\n )}\n </Stack>\n <Stack direction=\"row\">\n {actions.includes('cancel') && (\n <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n {localeText.cancelButtonLabel}\n </Button>\n )}\n {actions.includes('accept') && (\n <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n {localeText.okButtonLabel}\n </Button>\n )}\n </Stack>\n </Stack>\n </DialogActions>\n );\n};\n"],"names":["CustomPickersActionBar","props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"mNAGO,MAAMA,EAA0BC,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,IAEnB,OAAKR,aAAO,EAAPA,EAASS,QAGZC,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKR,EAAK,CAAAS,SACtBC,EAACC,EAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,EAACC,EAAK,CAACC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAAUU,SACvDP,EAAWkB,sBAIlBV,EAACC,EAAK,CAACC,UAAU,MAAKH,SAAA,CACnBd,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAAQY,SACrDP,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAAQa,SACrDP,EAAWoB,yBAzBK,IA8BX"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n /*\n @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n * If true the borders are rounded.\n /\n hasRoundedBorders?: boolean;\n /\n @deprecated use onClose instead\n * Callback required when the drawer is closed.\n */\n handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n const theme = useTheme();\n\n return (\n <MuiDrawer\n dir={theme.direction}\n onClose={handleClose}\n PaperProps={{\n sx: {\n ...(hasRoundedBorders && bordersByAnchors[anchor]),\n },\n }}\n anchor={anchor}\n {...rest}\n />\n );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","Drawer","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"4HAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAGnDI,EAAUC,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,~~EAASC~~,~~EAAAL~~,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBZ,EAAiBa,KAG9CA,OAAQA,GACJC,GACJ"}
1	+ {"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n /*\n @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n * If true the borders are rounded.\n /\n hasRoundedBorders?: boolean;\n /\n @deprecated use onClose instead\n * Callback required when the drawer is closed.\n */\n handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n const theme = useTheme();\n\n return (\n <MuiDrawer\n dir={theme.direction}\n onClose={handleClose}\n PaperProps={{\n sx: {\n ...(hasRoundedBorders && bordersByAnchors[anchor]),\n },\n }}\n anchor={anchor}\n {...rest}\n />\n );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","Drawer","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"4HAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAGnDI,EAAUC,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,EAAIC,EAAKL,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBZ,EAAiBa,KAG9CA,OAAQA,GACJC,GACJ"}

package/components/errorContent/ErrorContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ErrorContent.js","sources":["../../../src/components/errorContent/ErrorContent.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, FC, forwardRef, ReactNode } from 'react';\n\nexport interface ErrorContentProps extends BoxProps<ElementType> {\n /*\n Error Status code, eg. 404 or 500\n /\n status?: ReactNode;\n /\n Short message describing the error\n /\n message?: ReactNode;\n /\n Longer description of the error\n /\n description?: ReactNode;\n /\n Actions that user can interact with\n /\n actions?: ReactNode;\n /\n Stacktrace of an error\n /\n stacktrace?: ReactNode;\n /\n Properties passed to status code\n /\n statusProps?: TypographyProps<ElementType>;\n /\n Properties passed to message\n /\n messageProps?: TypographyProps<ElementType>;\n /\n Properties passed to description\n /\n descriptionProps?: TypographyProps<ElementType>;\n /\n Properties passed to wrapper of actions\n /\n actionsProps?: BoxProps<ElementType>;\n /\n Properties passed to code stacktrace\n /\n stacktraceProps?: BoxProps<ElementType>;\n}\n\n/\n Component that renders an information about error\n */\nexport const ErrorContent: FC<ErrorContentProps> = forwardRef(\n (\n {\n sx,\n children,\n status,\n message,\n actions,\n description,\n stacktrace,\n statusProps,\n messageProps,\n descriptionProps,\n actionsProps,\n stacktraceProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: actionsSx, ...restActions } = actionsProps ?? {};\n const { sx: stacktraceSx, ...restStacktrace } = stacktraceProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: { xs: 2, md: 4 },\n textAlign: 'center',\n margin: '0 auto',\n width: '600px',\n maxWidth: '100%',\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {status && (\n <Typography component=\"h1\" variant=\"display\" data-testid=\"ErrorContent.status\" {...statusProps}>\n {status}\n </Typography>\n )}\n {message && (\n <Typography component=\"h2\" variant=\"h3\" data-testid=\"ErrorContent.message\" {...messageProps}>\n {message}\n </Typography>\n )}\n {description && (\n <Typography data-testid=\"ErrorContent.description\" {...descriptionProps}>\n {description}\n </Typography>\n )}\n {children}\n {actions && (\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'stretch', md: 'center' },\n justifyContent: 'center',\n ...actionsSx,\n }}\n data-testid=\"ErrorContent.actions\"\n {...restActions}\n >\n {actions}\n </Box>\n )}\n {stacktrace && (\n <Box\n component=\"code\"\n sx={{\n display: 'block',\n border: 1,\n borderColor: 'divider',\n whiteSpace: 'pre',\n overflow: 'auto',\n py: 1,\n px: 2,\n borderRadius: '8px',\n fontFamily: 'monospace',\n fontSize: '11px',\n lineHeight: '18px',\n textAlign: 'left',\n alignSelf: 'stretch',\n ...stacktraceSx,\n }}\n data-testid=\"ErrorContent.stacktrace\"\n {...restStacktrace}\n >\n {stacktrace}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["ErrorContent","forwardRef","_a","ref","sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps","rest","__rest","_b","actionsSx","restActions","_c","stacktraceSx","restStacktrace","_jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","gap","xs","md","textAlign","margin","width","maxWidth","p","_jsx","Typography","component","variant","border","borderColor","whiteSpace","overflow","py","px","borderRadius","fontFamily","fontSize","lineHeight","alignSelf"],"mappings":"~~wKAiDa~~,~~MAAAA~~,EAAsCC,GACjD,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,QACPA,EAAOC,YACPA,EAAWC,WACXA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,gBACZA,GAAeb,EACZc,~~EAbLC~~,EAAAf,~~EAAA~~,CAAA,KAAA,WAAA,SAAA,UAAA,UAAA,cAAA,aAAA,cAAA,eAAA,mBAAA,eAAA,oBAiBA,MAAMgB,EAAoCJ,QAAAA,EAAgB,IAAlDV,GAAIe,~~GAAgDD~~,~~EAAlCE~~,~~EAApBH~~,EAAAC,~~EAAA~~,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DX,GAAIkB,~~GAAyDD~~,~~EAAxCE~~,~~EAAvBN~~,EAAAI,~~EAAA~~,CAAA,OAEN,OACEG,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAvB~~,~~GACEsB~~,OAAAC,OAAA,~~CAAAC~~,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,IAAK,CAAEC,GAAI,EAAGC,GAAI,GAClBC,UAAW,SACXC,OAAQ,SACRC,MAAO,QACPC,SAAU,OACVC,EAAG,GACAnC,GAELD,IAAKA,GACDa,~~EAEH~~,CAAAX,SAAA,~~CAAAC~~,GACCkC,EAACC,~~EAAWf~~,OAAAC,OAAA,~~CAAAe~~,UAAU,KAAKC,QAAQ,~~UAAsB~~,~~cAAA~~,uBAA0BhC,~~EAChF~~,CAAAN,~~SAAAC~~,KAGJC,GACCiC,EAACC,~~EAAWf~~,OAAAC,OAAA,~~CAAAe~~,UAAU,KAAKC,QAAQ,~~KAAiB~~,~~cAAA~~,wBAA2B/B,~~EAC5E~~,CAAAP,~~SAAAE~~,KAGJE,GACC+B,EAACC,~~EAAuBf~~,OAAAC,OAAA,CAAA,~~cAAA~~,4BAA+Bd,~~EACpD~~,CAAAR,~~SAAAI~~,KAGJJ,EACAG,GACCgC,EAACf,~~EACCC~~,OAAAC,OAAA,~~CAAAvB~~,~~GACEsB~~,OAAAC,OAAA,~~CAAAC~~,QAAS,OACTI,IAAK,EACLH,cAAe,CAAEI,GAAI,SAAUC,GAAI,OACnCJ,WAAY,CAAEG,GAAI,UAAWC,GAAI,UACjCH,eAAgB,UACbZ,~~GAEO~~,~~cAAA~~,wBACRC,~~EAEH~~,CAAAf,~~SAAAG~~,KAGJE,GACC8B,EAACf,~~EACCC~~,OAAAC,OAAA,~~CAAAe~~,UAAU,OACVtC,~~GACEsB~~,OAAAC,OAAA,~~CAAAC~~,QAAS,QACTgB,OAAQ,EACRC,YAAa,UACbC,WAAY,MACZC,SAAU,OACVC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,WAAY,YACZC,SAAU,OACVC,WAAY,OACZlB,UAAW,OACXmB,UAAW,WACRhC,~~GAEO~~,~~cAAA~~,2BACRC,~~EAEH~~,CAAAlB,~~SAAAK~~,QAGD"}
1	+ {"version":3,"file":"ErrorContent.js","sources":["../../../src/components/errorContent/ErrorContent.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, FC, forwardRef, ReactNode } from 'react';\n\nexport interface ErrorContentProps extends BoxProps<ElementType> {\n /*\n Error Status code, eg. 404 or 500\n /\n status?: ReactNode;\n /\n Short message describing the error\n /\n message?: ReactNode;\n /\n Longer description of the error\n /\n description?: ReactNode;\n /\n Actions that user can interact with\n /\n actions?: ReactNode;\n /\n Stacktrace of an error\n /\n stacktrace?: ReactNode;\n /\n Properties passed to status code\n /\n statusProps?: TypographyProps<ElementType>;\n /\n Properties passed to message\n /\n messageProps?: TypographyProps<ElementType>;\n /\n Properties passed to description\n /\n descriptionProps?: TypographyProps<ElementType>;\n /\n Properties passed to wrapper of actions\n /\n actionsProps?: BoxProps<ElementType>;\n /\n Properties passed to code stacktrace\n /\n stacktraceProps?: BoxProps<ElementType>;\n}\n\n/\n Component that renders an information about error\n */\nexport const ErrorContent: FC<ErrorContentProps> = forwardRef(\n (\n {\n sx,\n children,\n status,\n message,\n actions,\n description,\n stacktrace,\n statusProps,\n messageProps,\n descriptionProps,\n actionsProps,\n stacktraceProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: actionsSx, ...restActions } = actionsProps ?? {};\n const { sx: stacktraceSx, ...restStacktrace } = stacktraceProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: { xs: 2, md: 4 },\n textAlign: 'center',\n margin: '0 auto',\n width: '600px',\n maxWidth: '100%',\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {status && (\n <Typography component=\"h1\" variant=\"display\" data-testid=\"ErrorContent.status\" {...statusProps}>\n {status}\n </Typography>\n )}\n {message && (\n <Typography component=\"h2\" variant=\"h3\" data-testid=\"ErrorContent.message\" {...messageProps}>\n {message}\n </Typography>\n )}\n {description && (\n <Typography data-testid=\"ErrorContent.description\" {...descriptionProps}>\n {description}\n </Typography>\n )}\n {children}\n {actions && (\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'stretch', md: 'center' },\n justifyContent: 'center',\n ...actionsSx,\n }}\n data-testid=\"ErrorContent.actions\"\n {...restActions}\n >\n {actions}\n </Box>\n )}\n {stacktrace && (\n <Box\n component=\"code\"\n sx={{\n display: 'block',\n border: 1,\n borderColor: 'divider',\n whiteSpace: 'pre',\n overflow: 'auto',\n py: 1,\n px: 2,\n borderRadius: '8px',\n fontFamily: 'monospace',\n fontSize: '11px',\n lineHeight: '18px',\n textAlign: 'left',\n alignSelf: 'stretch',\n ...stacktraceSx,\n }}\n data-testid=\"ErrorContent.stacktrace\"\n {...restStacktrace}\n >\n {stacktrace}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["ErrorContent","forwardRef","_a","ref","sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps","rest","__rest","_b","actionsSx","restActions","_c","stacktraceSx","restStacktrace","_jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","gap","xs","md","textAlign","margin","width","maxWidth","p","_jsx","Typography","component","variant","border","borderColor","whiteSpace","overflow","py","px","borderRadius","fontFamily","fontSize","lineHeight","alignSelf"],"mappings":"wKAiDO,MAAMA,EAAsCC,GACjD,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,QACPA,EAAOC,YACPA,EAAWC,WACXA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,gBACZA,GAAeb,EACZc,EAAIC,EAAAf,EAbT,CAAA,KAAA,WAAA,SAAA,UAAA,UAAA,cAAA,aAAA,cAAA,eAAA,mBAAA,eAAA,oBAiBA,MAAMgB,EAAoCJ,QAAAA,EAAgB,IAAlDV,GAAIe,GAASD,EAAKE,EAAWH,EAAAC,EAA/B,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DX,GAAIkB,GAAYD,EAAKE,EAAcN,EAAAI,EAArC,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFvB,GAAEsB,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,IAAK,CAAEC,GAAI,EAAGC,GAAI,GAClBC,UAAW,SACXC,OAAQ,SACRC,MAAO,QACPC,SAAU,OACVC,EAAG,GACAnC,GAELD,IAAKA,GACDa,EAAI,CAAAX,SAAA,CAEPC,GACCkC,EAACC,EAAUf,OAAAC,OAAA,CAACe,UAAU,KAAKC,QAAQ,UAAS,cAAa,uBAA0BhC,EAAW,CAAAN,SAC3FC,KAGJC,GACCiC,EAACC,EAAUf,OAAAC,OAAA,CAACe,UAAU,KAAKC,QAAQ,KAAI,cAAa,wBAA2B/B,EAAY,CAAAP,SACxFE,KAGJE,GACC+B,EAACC,EAAUf,OAAAC,OAAA,CAAA,cAAa,4BAA+Bd,EAAgB,CAAAR,SACpEI,KAGJJ,EACAG,GACCgC,EAACf,EAAGC,OAAAC,OAAA,CACFvB,GAAEsB,OAAAC,OAAA,CACAC,QAAS,OACTI,IAAK,EACLH,cAAe,CAAEI,GAAI,SAAUC,GAAI,OACnCJ,WAAY,CAAEG,GAAI,UAAWC,GAAI,UACjCH,eAAgB,UACbZ,GAAS,cAEF,wBACRC,EAAW,CAAAf,SAEdG,KAGJE,GACC8B,EAACf,EAAGC,OAAAC,OAAA,CACFe,UAAU,OACVtC,GAAEsB,OAAAC,OAAA,CACAC,QAAS,QACTgB,OAAQ,EACRC,YAAa,UACbC,WAAY,MACZC,SAAU,OACVC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,WAAY,YACZC,SAAU,OACVC,WAAY,OACZlB,UAAW,OACXmB,UAAW,WACRhC,GAAY,cAEL,2BACRC,EAAc,CAAAlB,SAEjBK,QAGD"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n /*\n Defines which flag to use.\n /\n flag: keyof typeof Flags;\n /\n The size of the flag\n * @default small\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n The width of the flag\n /\n width?: number;\n /\n Variants\n * @default circle\n /\n variant?: '3x2' \| 'circle' \| 'square';\n /\n Disabled state\n * @default false\n /\n disabled?: boolean;\n}\n\n/\n Renders country flag icon\n */\nexport const Flag: React.FC<FlagProps> = forwardRef(\n ({ flag, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n // obtain width of the flag from size and width property\n const width = useMemo(() => {\n switch (size) {\n case 'small':\n return 24;\n case 'medium':\n return 44;\n case 'large':\n return 56;\n default:\n return widthProp ?? 24;\n }\n }, [size, widthProp]);\n\n return (\n <Box\n data-testid=\"Flag\"\n component={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] \|\| 'div'}\n sx={{\n width: `${width}px`,\n flexShrink: '0',\n // outline to improve accessibility\n border: 1,\n borderColor: 'onSurface.os500',\n // 1:1 ratio\n ...(['circle', 'square'].includes(variant) && {\n height: `${width}px`,\n ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n }),\n // disabled state\n ...(disabled && {\n userSelect: 'none',\n borderColor: 'disabled.tertiary',\n opacity: '0.65',\n }),\n ...sx,\n }}\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"~~yPAkCa~~,~~MAAAA~~,EAA4BC,GACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,~~EAAvFC~~,EAAAV,~~EAAA~~,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,GAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,MAEvB,CAACC,EAAMD,IAEV,OACEO,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,~~GACEW~~,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,~~CAAAX~~,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,~~IAChCO~~,OAAAC,OAAA,~~CAAAQ~~,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ,GACJ"}
1	+ {"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n /*\n Defines which flag to use.\n /\n flag: keyof typeof Flags;\n /\n The size of the flag\n * @default small\n /\n size?: 'small' \| 'medium' \| 'large';\n /\n The width of the flag\n /\n width?: number;\n /\n Variants\n * @default circle\n /\n variant?: '3x2' \| 'circle' \| 'square';\n /\n Disabled state\n * @default false\n /\n disabled?: boolean;\n}\n\n/\n Renders country flag icon\n */\nexport const Flag: React.FC<FlagProps> = forwardRef(\n ({ flag, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n // obtain width of the flag from size and width property\n const width = useMemo(() => {\n switch (size) {\n case 'small':\n return 24;\n case 'medium':\n return 44;\n case 'large':\n return 56;\n default:\n return widthProp ?? 24;\n }\n }, [size, widthProp]);\n\n return (\n <Box\n data-testid=\"Flag\"\n component={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] \|\| 'div'}\n sx={{\n width: `${width}px`,\n flexShrink: '0',\n // outline to improve accessibility\n border: 1,\n borderColor: 'onSurface.os500',\n // 1:1 ratio\n ...(['circle', 'square'].includes(variant) && {\n height: `${width}px`,\n ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n }),\n // disabled state\n ...(disabled && {\n userSelect: 'none',\n borderColor: 'disabled.tertiary',\n opacity: '0.65',\n }),\n ...sx,\n }}\n ref={ref}\n {...rest}\n />\n );\n },\n);\n"],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"yPAkCO,MAAMA,EAA4BC,GACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAIC,EAAAV,EAA3F,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,GAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,MAEvB,CAACC,EAAMD,IAEV,OACEO,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAAQO,OAAAC,OAAA,CACxCQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ,GACJ"}

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

@@ -4,8 +4,9 @@ import { Theme, CSSObject } from '@mui/material';
  *  boxShadow: theme => getFocusRingBoxShadow(theme);
  *
  * @param theme - @mui theme
+ * @param inset - put box shadow inside
  */
-declare const getFocusRingBoxShadow: (theme: Theme) => string;
+declare const getFocusRingBoxShadow: (theme: Theme, inset?: boolean) => string;
 /**
  * Style for interactive elements that should have blue & white ring around them once focused
  *

package/components/focusring/focusring.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=e=>`0 0 0 2px ${e.palette.info.main}, 0 0 0 4px ${e.palette.background.primary}`,o=(o,t=!0,i=0,n=".Mui-focusVisible")=>Object.assign({[t?"&:before":`&${n}:before`]:Object.assign({content:'""',display:"block",position:"absolute",borderRadius:"inherit",inset:"string"==typeof i?i:`-${i+2}px`,width:"auto",height:"auto",maxWidth:"none",pointerEvents:"none",boxShadow:t?"none":e(o)},t&&{transition:"box-shadow 0.3s ease-out"})},t&&{[`&${n}:before`]:{boxShadow:e(o)}}),t=(e=0,o=!0,t=".Mui-focusVisible")=>({[o?"&&:before":`&${t}:before`]:{inset:"string"==typeof e?e:`-${e+2}px`}});export{e as getFocusRingBoxShadow,o as getFocusRingStyle,t as updateFocusRingStyle};
+const e=(e,o)=>`${o?"inset ":""}0 0 0 2px ${e.palette.info.main}, ${o?"inset ":""}0 0 0 4px ${e.palette.background.primary}`,o=(o,t=!0,i=0,n=".Mui-focusVisible")=>Object.assign({[t?"&:before":`&${n}:before`]:Object.assign({content:'""',display:"block",position:"absolute",borderRadius:"inherit",inset:"string"==typeof i?i:`-${i+2}px`,width:"auto",height:"auto",maxWidth:"none",pointerEvents:"none",boxShadow:t?"none":e(o)},t&&{transition:"box-shadow 0.3s ease-out"})},t&&{[`&${n}:before`]:{boxShadow:e(o)}}),t=(e=0,o=!0,t=".Mui-focusVisible")=>({[o?"&&:before":`&${t}:before`]:{inset:"string"==typeof e?e:`-${e+2}px`}});export{e as getFocusRingBoxShadow,o as getFocusRingStyle,t as updateFocusRingStyle};
 //# sourceMappingURL=focusring.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"focusring.js","sources":["../../../src/components/focusring/focusring.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\n/*\n BoxShadow style used by the Focus Ring\n * boxShadow: theme => getFocusRingBoxShadow(theme);\n \n @param theme - @mui theme\n /\nconst getFocusRingBoxShadow = (theme: Theme) =>\n `0 0 0 2px ${theme.palette.info.main}, 0 0 0 4px ${theme.palette.background.primary}`;\n\n/\n Style for interactive elements that should have blue & white ring around them once focused\n \n @param theme - @mui theme\n * @param smooth - controls smooth appearance of focusRing\n * @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param focusSelector - focus visible selector\n /\nconst getFocusRingStyle = (\n theme: Theme,\n smooth: boolean = true,\n border: number \| string = 0,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n // pseudo-element outline, smooth generates :before element even without focus for the smooth appearance\n [smooth ? '&:before' : `&${focusSelector}:before`]: {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n // beware, inset must be boosted with the border on the parent element\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n width: 'auto',\n height: 'auto',\n maxWidth: 'none',\n pointerEvents: 'none',\n // hidden by default\n boxShadow: smooth ? 'none' : getFocusRingBoxShadow(theme),\n // smooth appearance\n ...(smooth && {\n transition: 'box-shadow 0.3s ease-out',\n }),\n },\n ...(smooth && {\n // show with @mui focus class\n [`&${focusSelector}:before`]: {\n boxShadow: getFocusRingBoxShadow(theme),\n },\n }),\n});\n\n/\n Any element applying border have to adjust position of ring to keep 2px space around element\n \n @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param smooth - controls smooth appearance of focusRing\n * @param focusSelector - focus visible selector\n */\nconst updateFocusRingStyle = (\n border: number \| string = 0,\n smooth: boolean = true,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n [smooth ? '&&:before' : `&${focusSelector}:before`]: {\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n },\n});\n\nexport { getFocusRingBoxShadow, getFocusRingStyle, updateFocusRingStyle };\n"],"names":["getFocusRingBoxShadow","theme","palette","info","main","background","primary","getFocusRingStyle","smooth","border","focusSelector","Object","assign","content","display","position","borderRadius","~~inset","~~width","height","maxWidth","pointerEvents","boxShadow","transition","updateFocusRingStyle"],"mappings":"~~AAQM~~,~~MAAAA~~,~~EAAyBC~~,~~GAC7B~~,~~aAAaA~~,~~EAAMC~~,QAAQC,KAAKC,~~mBAAmBH~~,~~EAAMC~~,QAAQG,WAAWC,~~UAUxEC~~,EAAoB,~~CACxBN~~,~~EACAO~~,GAAkB,EAClBC,EAA0B,EAC1BC,EAAgB,sBACFC,OAAAC,OAAA,CAEd,CAACJ,EAAS,WAAa,IAAIE,YAAuBC,OAAAC,OAAA,CAChDC,QAAS,KACTC,QAAS,QACTC,SAAU,WACVC,aAAc,~~UAEdC~~,MAAyB,~~iBAAXR~~,EAAsBA,EAAS,IAAIA,EAAS,~~MAC1DS~~,MAAO,OACPC,OAAQ,OACRC,SAAU,OACVC,cAAe,OAEfC,~~UAAWd~~,EAAS,~~OAASR~~,EAAsBC,IAE/CO,GAAU,~~CACZe~~,WAAY,~~8BAGZf~~,GAAU,CAEZ,CAAC,IAAIE,YAAyB,~~CAC5BY~~,UAAWtB,EAAsBC,MAYjCuB,EAAuB,~~CAC3Bf~~,EAA0B,EAC1BD,GAAkB,EAClBE,EAAgB,~~uBACD~~,~~CACf~~,CAACF,EAAS,YAAc,IAAIE,YAAyB,~~CACnDO~~,MAAyB,~~iBAAXR~~,EAAsBA,EAAS,IAAIA,EAAS"}
1	+ {"version":3,"file":"focusring.js","sources":["../../../src/components/focusring/focusring.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\n/*\n BoxShadow style used by the Focus Ring\n * boxShadow: theme => getFocusRingBoxShadow(theme);\n \n @param theme - @mui theme\n * @param inset - put box shadow inside\n /\nconst getFocusRingBoxShadow = (theme: Theme, inset?: boolean) =>\n `${inset ? 'inset ' : ''}0 0 0 2px ${theme.palette.info.main}, ${inset ? 'inset ' : ''}0 0 0 4px ${theme.palette.background.primary}`;\n\n/\n Style for interactive elements that should have blue & white ring around them once focused\n \n @param theme - @mui theme\n * @param smooth - controls smooth appearance of focusRing\n * @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param focusSelector - focus visible selector\n /\nconst getFocusRingStyle = (\n theme: Theme,\n smooth: boolean = true,\n border: number \| string = 0,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n // pseudo-element outline, smooth generates :before element even without focus for the smooth appearance\n [smooth ? '&:before' : `&${focusSelector}:before`]: {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n borderRadius: 'inherit',\n // beware, inset must be boosted with the border on the parent element\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n width: 'auto',\n height: 'auto',\n maxWidth: 'none',\n pointerEvents: 'none',\n // hidden by default\n boxShadow: smooth ? 'none' : getFocusRingBoxShadow(theme),\n // smooth appearance\n ...(smooth && {\n transition: 'box-shadow 0.3s ease-out',\n }),\n },\n ...(smooth && {\n // show with @mui focus class\n [`&${focusSelector}:before`]: {\n boxShadow: getFocusRingBoxShadow(theme),\n },\n }),\n});\n\n/\n Any element applying border have to adjust position of ring to keep 2px space around element\n \n @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param smooth - controls smooth appearance of focusRing\n * @param focusSelector - focus visible selector\n */\nconst updateFocusRingStyle = (\n border: number \| string = 0,\n smooth: boolean = true,\n focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n [smooth ? '&&:before' : `&${focusSelector}:before`]: {\n inset: typeof border === 'string' ? border : `-${border + 2}px`,\n },\n});\n\nexport { getFocusRingBoxShadow, getFocusRingStyle, updateFocusRingStyle };\n"],"names":["getFocusRingBoxShadow","theme","inset","palette","info","main","background","primary","getFocusRingStyle","smooth","border","focusSelector","Object","assign","content","display","position","borderRadius","width","height","maxWidth","pointerEvents","boxShadow","transition","updateFocusRingStyle"],"mappings":"AASA,MAAMA,EAAwB,CAACC,EAAcC,IAC3C,GAAGA,EAAQ,SAAW,eAAeD,EAAME,QAAQC,KAAKC,SAASH,EAAQ,SAAW,eAAeD,EAAME,QAAQG,WAAWC,UAUxHC,EAAoB,CACxBP,EACAQ,GAAkB,EAClBC,EAA0B,EAC1BC,EAAgB,sBACFC,OAAAC,OAAA,CAEd,CAACJ,EAAS,WAAa,IAAIE,YAAuBC,OAAAC,OAAA,CAChDC,QAAS,KACTC,QAAS,QACTC,SAAU,WACVC,aAAc,UAEdf,MAAyB,iBAAXQ,EAAsBA,EAAS,IAAIA,EAAS,MAC1DQ,MAAO,OACPC,OAAQ,OACRC,SAAU,OACVC,cAAe,OAEfC,UAAWb,EAAS,OAAST,EAAsBC,IAE/CQ,GAAU,CACZc,WAAY,8BAGZd,GAAU,CAEZ,CAAC,IAAIE,YAAyB,CAC5BW,UAAWtB,EAAsBC,MAYjCuB,EAAuB,CAC3Bd,EAA0B,EAC1BD,GAAkB,EAClBE,EAAgB,uBAAmB,CAEnC,CAACF,EAAS,YAAc,IAAIE,YAAyB,CACnDT,MAAyB,iBAAXQ,EAAsBA,EAAS,IAAIA,EAAS"}

package/components/footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../src/components/footer/Footer.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps, Container, ContainerProps } from '@mui/material';\nimport { FooterSectionContact } from './FooterSectionContact';\nimport { FooterSectionLinks } from './FooterSectionLinks';\n\nexport interface FooterProps extends BoxProps<ElementType> {\n /*\n Props applied to container\n /\n containerProps?: ContainerProps<ElementType>;\n /\n @deprecated\n /\n primaryItems?: ReactNode;\n /\n @deprecated\n /\n secondaryItems?: ReactNode;\n /\n @deprecated\n /\n copyRight?: ReactNode;\n /\n @deprecated\n /\n location?: ReactNode;\n /\n @deprecated\n /\n socialButtons?: ReactNode;\n}\n\n/\n Component to render content at the bottom of each page\n */\nexport const Footer: FC<FooterProps> = forwardRef(\n (\n { sx, children, containerProps, primaryItems, secondaryItems, copyRight, location, socialButtons, ...rest },\n ref,\n ) => {\n return (\n <Box\n component=\"footer\"\n sx={{\n py: 1,\n // complex footer has increased padding\n '&:has(.FlowSectionContact-root)': {\n py: { xs: 6, lg: 10 },\n },\n backgroundColor: 'onSurface.os800',\n color: 'common.white',\n // dividers inside\n '.MuiDivider-root': {\n borderColor: 'onSurface.os700',\n my: 4,\n // connect divider with FooterSectionMenu\n '& + .FooterSectionMenu-root': {\n marginTop: -4,\n // connect divider and accordion borders\n '& > .MuiAccordion-root:first-of-type': {\n borderTop: '0',\n },\n },\n // reduce divider space for the next compact accordion section\n '& + .FooterAccordion-variantCompact': {\n mt: -1.5,\n // also reduce the space of divider after the accordion\n '& + .MuiDivider-root': {\n mt: 4 - 1.5,\n },\n },\n },\n ...sx,\n }}\n ref={ref}\n data-testid=\"Footer\"\n {...rest}\n >\n <Container maxWidth=\"xl\" {...containerProps}>\n {(socialButtons \|\| primaryItems) && (\n <FooterSectionContact socialSlot={socialButtons}>{primaryItems}</FooterSectionContact>\n )}\n {(copyRight \|\| location) && (\n <FooterSectionLinks textSlot={copyRight} buttonSlot={location}>\n {secondaryItems}\n </FooterSectionLinks>\n )}\n {children}\n </Container>\n </Box>\n );\n },\n);\n"],"names":["Footer","forwardRef","_a","ref","sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons","rest","__rest","_jsx","Box","Object","assign","component","py","xs","lg","backgroundColor","color","borderColor","my","marginTop","borderTop","mt","_jsxs","Container","maxWidth","FooterSectionContact","socialSlot","FooterSectionLinks","textSlot","buttonSlot"],"mappings":"~~qSAmCa~~,~~MAAAA~~,EAA0BC,GACrC,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,eAAEA,EAAcC,aAAEA,EAAYC,eAAEA,EAAcC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,GAAaT,EAAKU,EAAIC,EAAAX,EAAzG,2GAGA,OACEY,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAU,SACVd,GAAEY,OAAAC,OAAA,CACAE,GAAI,EAEJ,kCAAmC,CACjCA,GAAI,CAAEC,GAAI,EAAGC,GAAI,KAEnBC,gBAAiB,kBACjBC,MAAO,eAEP,mBAAoB,CAClBC,YAAa,kBACbC,GAAI,EAEJ,8BAA+B,CAC7BC,~~WAAa~~,~~EAEb~~,uCAAwC,CACtCC,UAAW,MAIf,sCAAuC,CACrCC,~~IAAQ~~,~~IAER~~,uBAAwB,CACtBA,GAAI,QAIPxB,GAELD,IAAKA,EAAG,cACI,UACRS,EAAI,CAAAP,SAERwB,EAACC,~~EAAUd~~,OAAAC,OAAA,~~CAAAc~~,SAAS,MAASzB,~~EAC1B~~,CAAAD,SAAA,~~EAACM~~,GAAiBJ,IACjBO,EAACkB,GAAqBC,WAAYtB,EAAaN,SAAGE,KAElDE,GAAaC,IACbI,EAACoB,~~EAAmB~~,~~CAAAC~~,SAAU1B,EAAW2B,WAAY1B,~~EAClDL~~,~~SAAAG~~,IAGJH,QAEC"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../src/components/footer/Footer.tsx"],"sourcesContent":["import React, { ElementType, FC, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps, Container, ContainerProps } from '@mui/material';\nimport { FooterSectionContact } from './FooterSectionContact';\nimport { FooterSectionLinks } from './FooterSectionLinks';\n\nexport interface FooterProps extends BoxProps<ElementType> {\n /*\n Props applied to container\n /\n containerProps?: ContainerProps<ElementType>;\n /\n @deprecated\n /\n primaryItems?: ReactNode;\n /\n @deprecated\n /\n secondaryItems?: ReactNode;\n /\n @deprecated\n /\n copyRight?: ReactNode;\n /\n @deprecated\n /\n location?: ReactNode;\n /\n @deprecated\n /\n socialButtons?: ReactNode;\n}\n\n/\n Component to render content at the bottom of each page\n */\nexport const Footer: FC<FooterProps> = forwardRef(\n (\n { sx, children, containerProps, primaryItems, secondaryItems, copyRight, location, socialButtons, ...rest },\n ref,\n ) => {\n return (\n <Box\n component=\"footer\"\n sx={{\n py: 1,\n // complex footer has increased padding\n '&:has(.FlowSectionContact-root)': {\n py: { xs: 6, lg: 10 },\n },\n backgroundColor: 'onSurface.os800',\n color: 'common.white',\n // dividers inside\n '.MuiDivider-root': {\n borderColor: 'onSurface.os700',\n my: 4,\n // connect divider with FooterSectionMenu\n '& + .FooterSectionMenu-root': {\n marginTop: -4,\n // connect divider and accordion borders\n '& > .MuiAccordion-root:first-of-type': {\n borderTop: '0',\n },\n },\n // reduce divider space for the next compact accordion section\n '& + .FooterAccordion-variantCompact': {\n mt: -1.5,\n // also reduce the space of divider after the accordion\n '& + .MuiDivider-root': {\n mt: 4 - 1.5,\n },\n },\n },\n ...sx,\n }}\n ref={ref}\n data-testid=\"Footer\"\n {...rest}\n >\n <Container maxWidth=\"xl\" {...containerProps}>\n {(socialButtons \|\| primaryItems) && (\n <FooterSectionContact socialSlot={socialButtons}>{primaryItems}</FooterSectionContact>\n )}\n {(copyRight \|\| location) && (\n <FooterSectionLinks textSlot={copyRight} buttonSlot={location}>\n {secondaryItems}\n </FooterSectionLinks>\n )}\n {children}\n </Container>\n </Box>\n );\n },\n);\n"],"names":["Footer","forwardRef","_a","ref","sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons","rest","__rest","_jsx","Box","Object","assign","component","py","xs","lg","backgroundColor","color","borderColor","my","marginTop","borderTop","mt","_jsxs","Container","maxWidth","FooterSectionContact","socialSlot","FooterSectionLinks","textSlot","buttonSlot"],"mappings":"qSAmCO,MAAMA,EAA0BC,GACrC,CACEC,EACAC,SADAC,GAAEA,EAAEC,SAAEA,EAAQC,eAAEA,EAAcC,aAAEA,EAAYC,eAAEA,EAAcC,UAAEA,EAASC,SAAEA,EAAQC,cAAEA,GAAaT,EAAKU,EAAIC,EAAAX,EAAzG,2GAGA,OACEY,EAACC,EAAGC,OAAAC,OAAA,CACFC,UAAU,SACVd,GAAEY,OAAAC,OAAA,CACAE,GAAI,EAEJ,kCAAmC,CACjCA,GAAI,CAAEC,GAAI,EAAGC,GAAI,KAEnBC,gBAAiB,kBACjBC,MAAO,eAEP,mBAAoB,CAClBC,YAAa,kBACbC,GAAI,EAEJ,8BAA+B,CAC7BC,WAAW,EAEX,uCAAwC,CACtCC,UAAW,MAIf,sCAAuC,CACrCC,IAAI,IAEJ,uBAAwB,CACtBA,GAAI,QAIPxB,GAELD,IAAKA,EAAG,cACI,UACRS,EAAI,CAAAP,SAERwB,EAACC,EAASd,OAAAC,OAAA,CAACc,SAAS,MAASzB,EAAc,CAAAD,SAAA,EACvCM,GAAiBJ,IACjBO,EAACkB,GAAqBC,WAAYtB,EAAaN,SAAGE,KAElDE,GAAaC,IACbI,EAACoB,EAAkB,CAACC,SAAU1B,EAAW2B,WAAY1B,EAAQL,SAC1DG,IAGJH,QAEC"}

package/components/footer/FooterAccordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterAccordion.js","sources":["../../../src/components/footer/FooterAccordion.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType } from 'react';\nimport {\n Accordion,\n AccordionSummary,\n AccordionDetails,\n AccordionProps,\n AccordionSummaryProps,\n AccordionDetailsProps,\n Typography,\n TypographyProps,\n useTheme,\n} from '@mui/material';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {\n /*\n Label of the Accordion\n /\n label?: ReactNode;\n /\n Props applied to the wrapper of label\n /\n accordionSummaryProps?: AccordionSummaryProps<ElementType>;\n /\n Props applied to the content of the accodion\n /\n accordionDetailsProps?: AccordionDetailsProps;\n /\n Properties applied to wrapper of children\n /\n contentProps?: TypographyProps<ElementType>;\n /\n Variant of accordion\n * @default compact\n /\n variant?: 'compact' \| 'standard';\n}\n\n/\n Collapsible footer section\n */\nexport const FooterAccordion: FC<FooterAccordionProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n label,\n accordionSummaryProps,\n accordionDetailsProps,\n contentProps,\n variant = 'compact',\n ...rest\n },\n ref,\n ) => {\n const { sx: accordionSummarySx, ...restAccordionSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n\n return (\n <Accordion\n ref={ref}\n data-testid=\"FooterAccordion\"\n className={[\n 'FooterAccordion-root',\n `FooterAccordion-variant${variant.charAt(0).toUpperCase()}${variant.slice(1)}`,\n className,\n ]\n .filter(Boolean)\n .join(', ')}\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n ...(variant === 'compact' && {\n border: 'none',\n }),\n ...sx,\n }}\n {...rest}\n >\n <AccordionSummary\n data-testid=\"FooterAccordion.label\"\n aria-controls=\"footer-accordion\"\n id=\"footer-accordion\"\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n '&:hover': {\n color: 'currentColor',\n // hover over IconButton\n '& .MuiAccordion-IconButton': {\n backgroundColor: theme.palette.transparent.tertiary,\n },\n },\n // change variant of icon button to small & white\n '& .MuiAccordion-IconButton': {\n height: '32px',\n width: '32px',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n },\n ...(variant === 'compact' && {\n ...theme.typography.caption2,\n p: '0',\n gap: 1.5,\n justifyContent: 'flex-start',\n // move icon next to label\n '& .MuiAccordionSummary-content': {\n flexGrow: '0',\n },\n }),\n ...accordionSummarySx,\n }}\n {...restAccordionSummary}\n >\n {label}\n </AccordionSummary>\n <AccordionDetails data-testid=\"FooterAccordion.children\" {...accordionDetailsProps}>\n <Typography variant=\"disclaimer1\" {...contentProps}>\n {children}\n </Typography>\n </AccordionDetails>\n </Accordion>\n );\n },\n);\n"],"names":["FooterAccordion","forwardRef","_a","ref","sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","__rest","_b","accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","Accordion","Object","assign","charAt","toUpperCase","slice","filter","Boolean","join","color","border","_jsx","AccordionSummary","id","backgroundColor","palette","transparent","tertiary","height","width","getInteractiveStyle","onSurface","os0","typography","caption2","p","gap","justifyContent","flexGrow","AccordionDetails","Typography"],"mappings":"~~qTAyCa~~,~~MAAAA~~,EAA4CC,GACvD,CACEC,EAWAC,SAXAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,MACTA,EAAKC,sBACLA,EAAqBC,sBACrBA,EAAqBC,aACrBA,EAAYC,QACZA,EAAU,aACPC,~~EATLC~~,EAAAX,~~EAAA~~,CAAA,KAAA,WAAA,YAAA,QAAA,wBAAA,wBAAA,eAAA,YAaA,MAAMY,EAAsDN,QAAAA,EAAyB,IAA7EJ,GAAIW,~~GAA2ED~~,~~EAApDE~~,~~EAA7BH~~,EAAAC,~~EAAA~~,CAAA,OACAG,EAAQC,IAEd,OACEC,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAnB~~,IAAKA,~~EACO~~,~~cAAA~~,kBACZG,UAAW,CACT,uBACA,0BAA0BK,EAAQY,OAAO,GAAGC,gBAAgBb,EAAQc,MAAM,KAC1EnB,GAECoB,OAAOC,SACPC,KAAK,MACRxB,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,gBACS,YAAZlB,GAAyB,CAC3BmB,OAAQ,SAEP1B,IAEDQ,EAAI,CAAAP,SAAA,CAER0B,EAACC,EAAgBX,OAAAC,OAAA,CAAA,cACH,wBAAuB,gBACrB,mBACdW,GAAG,mBACH7B,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,gBAAiBjB,EAAMkB,QAAQC,YAAYC,WAI/C,6BAA4BhB,OAAAC,OAAA,CAC1BgB,OAAQ,OACRC,MAAO,QACJC,EACD,CACEN,gBAAiB,cACjBL,MAAOZ,EAAMkB,QAAQM,UAAUC,KAEjC,CACEb,MAAOZ,EAAMkB,QAAQM,UAAUC,IAC/BR,gBAAiBjB,EAAMkB,QAAQC,YAAYC,aAIjC,YAAZ1B,~~GACCU~~,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EAAAL~~,EAAM0B,WAAWC,WACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,QAGXjC,IAEDC,EAAoB,CAAAX,SAEvBE,KAEHwB,EAACkB,EAAgB5B,OAAAC,OAAA,CAAA,cAAa,4BAA+Bb,~~EAC3D~~,CAAAJ,~~SAAA0B~~,EAACmB,EAAU7B,OAAAC,OAAA,CAACX,QAAQ,eAAkBD,EAAY,CAAAL,SAC/CA,WAGK"}
1	+ {"version":3,"file":"FooterAccordion.js","sources":["../../../src/components/footer/FooterAccordion.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType } from 'react';\nimport {\n Accordion,\n AccordionSummary,\n AccordionDetails,\n AccordionProps,\n AccordionSummaryProps,\n AccordionDetailsProps,\n Typography,\n TypographyProps,\n useTheme,\n} from '@mui/material';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {\n /*\n Label of the Accordion\n /\n label?: ReactNode;\n /\n Props applied to the wrapper of label\n /\n accordionSummaryProps?: AccordionSummaryProps<ElementType>;\n /\n Props applied to the content of the accodion\n /\n accordionDetailsProps?: AccordionDetailsProps;\n /\n Properties applied to wrapper of children\n /\n contentProps?: TypographyProps<ElementType>;\n /\n Variant of accordion\n * @default compact\n /\n variant?: 'compact' \| 'standard';\n}\n\n/\n Collapsible footer section\n */\nexport const FooterAccordion: FC<FooterAccordionProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n label,\n accordionSummaryProps,\n accordionDetailsProps,\n contentProps,\n variant = 'compact',\n ...rest\n },\n ref,\n ) => {\n const { sx: accordionSummarySx, ...restAccordionSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n\n return (\n <Accordion\n ref={ref}\n data-testid=\"FooterAccordion\"\n className={[\n 'FooterAccordion-root',\n `FooterAccordion-variant${variant.charAt(0).toUpperCase()}${variant.slice(1)}`,\n className,\n ]\n .filter(Boolean)\n .join(', ')}\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n ...(variant === 'compact' && {\n border: 'none',\n }),\n ...sx,\n }}\n {...rest}\n >\n <AccordionSummary\n data-testid=\"FooterAccordion.label\"\n aria-controls=\"footer-accordion\"\n id=\"footer-accordion\"\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n '&:hover': {\n color: 'currentColor',\n // hover over IconButton\n '& .MuiAccordion-IconButton': {\n backgroundColor: theme.palette.transparent.tertiary,\n },\n },\n // change variant of icon button to small & white\n '& .MuiAccordion-IconButton': {\n height: '32px',\n width: '32px',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n },\n ...(variant === 'compact' && {\n ...theme.typography.caption2,\n p: '0',\n gap: 1.5,\n justifyContent: 'flex-start',\n // move icon next to label\n '& .MuiAccordionSummary-content': {\n flexGrow: '0',\n },\n }),\n ...accordionSummarySx,\n }}\n {...restAccordionSummary}\n >\n {label}\n </AccordionSummary>\n <AccordionDetails data-testid=\"FooterAccordion.children\" {...accordionDetailsProps}>\n <Typography variant=\"disclaimer1\" {...contentProps}>\n {children}\n </Typography>\n </AccordionDetails>\n </Accordion>\n );\n },\n);\n"],"names":["FooterAccordion","forwardRef","_a","ref","sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","__rest","_b","accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","Accordion","Object","assign","charAt","toUpperCase","slice","filter","Boolean","join","color","border","_jsx","AccordionSummary","id","backgroundColor","palette","transparent","tertiary","height","width","getInteractiveStyle","onSurface","os0","typography","caption2","p","gap","justifyContent","flexGrow","AccordionDetails","Typography"],"mappings":"qTAyCO,MAAMA,EAA4CC,GACvD,CACEC,EAWAC,SAXAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,MACTA,EAAKC,sBACLA,EAAqBC,sBACrBA,EAAqBC,aACrBA,EAAYC,QACZA,EAAU,aACPC,EAAIC,EAAAX,EATT,CAAA,KAAA,WAAA,YAAA,QAAA,wBAAA,wBAAA,eAAA,YAaA,MAAMY,EAAsDN,QAAAA,EAAyB,IAA7EJ,GAAIW,GAAkBD,EAAKE,EAAoBH,EAAAC,EAAjD,CAAA,OACAG,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRnB,IAAKA,EAAG,cACI,kBACZG,UAAW,CACT,uBACA,0BAA0BK,EAAQY,OAAO,GAAGC,gBAAgBb,EAAQc,MAAM,KAC1EnB,GAECoB,OAAOC,SACPC,KAAK,MACRxB,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,gBACS,YAAZlB,GAAyB,CAC3BmB,OAAQ,SAEP1B,IAEDQ,EAAI,CAAAP,SAAA,CAER0B,EAACC,EAAgBX,OAAAC,OAAA,CAAA,cACH,wBAAuB,gBACrB,mBACdW,GAAG,mBACH7B,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,gBAAiBjB,EAAMkB,QAAQC,YAAYC,WAI/C,6BAA4BhB,OAAAC,OAAA,CAC1BgB,OAAQ,OACRC,MAAO,QACJC,EACD,CACEN,gBAAiB,cACjBL,MAAOZ,EAAMkB,QAAQM,UAAUC,KAEjC,CACEb,MAAOZ,EAAMkB,QAAQM,UAAUC,IAC/BR,gBAAiBjB,EAAMkB,QAAQC,YAAYC,aAIjC,YAAZ1B,GAAqBU,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACpBL,EAAM0B,WAAWC,WACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,QAGXjC,IAEDC,EAAoB,CAAAX,SAEvBE,KAEHwB,EAACkB,EAAgB5B,OAAAC,OAAA,CAAA,cAAa,4BAA+Bb,EAAqB,CAAAJ,SAChF0B,EAACmB,EAAU7B,OAAAC,OAAA,CAACX,QAAQ,eAAkBD,EAAY,CAAAL,SAC/CA,WAGK"}

package/components/footer/FooterIconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FooterIconButton.js","sources":["../../../src/components/footer/FooterIconButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { IconButton, IconButtonProps } from '@mui/material';\nimport { FacebookIcon } from '@/src/components/icon/stroke/FacebookIcon';\nimport { InstagramIcon } from '@/src/components/icon/stroke/InstagramIcon';\nimport { XIcon } from '@/src/components/icon/stroke/XIcon';\nimport { YouTubeIcon } from '@/src/components/icon/stroke/YouTubeIcon';\nimport { LinkedInIcon } from '@/src/components/icon/stroke/LinkedInIcon';\nimport { SettingsIcon } from '@/src/components/icon/stroke/SettingsIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\n\nexport interface FooterIconButtonProps extends IconButtonProps<ElementType> {\n /*\n @deprecated provide icon directly as children (e.g. <FacebookIcon />)\n /\n icon?: 'facebook' \| 'instagram' \| 'twitter' \| 'youtube' \| 'linkedin' \| 'heart' \| 'settings' \| string;\n}\n\n/\n Section for the main links\n /\nexport const FooterIconButton: FC<FooterIconButtonProps> = forwardRef(({ children, icon, ...rest }, ref) => {\n // mapper to previous api\n const Icon = useMemo(() => {\n switch (icon) {\n case 'facebook':\n return FacebookIcon;\n case 'instagram':\n return InstagramIcon;\n case 'twitter':\n return XIcon;\n case 'youtube':\n return YouTubeIcon;\n case 'linkedin':\n return LinkedInIcon;\n case 'settings':\n return SettingsIcon;\n case 'heart':\n return HeartIcon;\n default:\n return undefined;\n }\n }, [icon]);\n\n return (\n <IconButton\n size=\"medium\"\n color=\"white\"\n ref={ref as ForwardedRef<HTMLButtonElement>}\n data-testid=\"FooterIconButton\"\n {...rest}\n >\n {children \|\| <Icon />}\n </IconButton>\n );\n});\n\nexport interface PredefinedFooterIconButtonProps extends Omit<FooterIconButtonProps, 'icon'> {}\n\n/* @deprecated use <FooterIconButton> with icon of your choosing instead /\nexport const FacebookFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Facebook link\" ref={ref} {...props}>\n <FacebookIcon />\n </FooterIconButton>\n));\n/* @deprecated use <FooterIconButton> with icon of your choosing instead /\nexport const InstagramFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Instagram link\" ref={ref} {...props}>\n <InstagramIcon />\n </FooterIconButton>\n));\n/* @deprecated use <FooterIconButton> with icon of your choosing instead /\nexport const TwitterFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Twitter link\" ref={ref} {...props}>\n <XIcon />\n </FooterIconButton>\n));\n/* @deprecated use <FooterIconButton> with icon of your choosing instead /\nexport const YoutubeFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Youtube link\" ref={ref} {...props}>\n <YouTubeIcon />\n </FooterIconButton>\n));\n/* @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const LinkedinFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Linkedin link\" ref={ref} {...props}>\n <LinkedInIcon />\n </FooterIconButton>\n));\n"],"names":["FooterIconButton","forwardRef","_a","ref","children","icon","rest","__rest","Icon","useMemo","FacebookIcon","InstagramIcon","XIcon","YouTubeIcon","LinkedInIcon","SettingsIcon","HeartIcon","_jsx","IconButton","Object","assign","size","color","FacebookFooterIconButton","props","InstagramFooterIconButton","TwitterFooterIconButton","YoutubeFooterIconButton","LinkedinFooterIconButton"],"mappings":"~~gkBAoBa~~,~~MAAAA~~,EAA8CC,GAAW,CAACC,EAA6BC,SAA7BC,SAAEA,EAAQC,KAAEA,GAAIH,EAAKI,EAAIC,EAAAL,EAAzB,qBAErE,MAAMM,EAAOC,GAAQ,KACnB,OAAQJ,GACN,IAAK,WACH,OAAOK,EACT,IAAK,YACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,WACH,OAAOC,EACT,IAAK,WACH,OAAOC,EACT,IAAK,QACH,OAAOC,EACT,QACE,UAEH,CAACX,IAEJ,OACEY,EAACC,~~EACCC~~,OAAAC,OAAA,~~CAAAC~~,KAAK,SACLC,MAAM,QACNnB,IAAKA,~~EACO~~,~~cAAA~~,oBACRG,~~EAEH~~,CAAAF,~~SAAAA~~,GAAYa,EAACT,EAAI,MACP,IAOJe,EAAsDtB,GAAW,CAACuB,EAAOrB,IACpFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,~~EACzD~~,CAAApB,~~SAAAa~~,EAACP,EAAY,CAAA,QAIJe,EAAuDxB,GAAW,CAACuB,EAAOrB,IACrFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,iBAAiBjB,IAAKA,GAASqB,~~EAC1D~~,CAAApB,~~SAAAa~~,EAACN,EAAa,CAAA,QAILe,EAAqDzB,GAAW,CAACuB,EAAOrB,IACnFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,~~EACxD~~,CAAApB,~~SAAAa~~,EAACL,EAAK,CAAA,QAIGe,EAAqD1B,GAAW,CAACuB,EAAOrB,IACnFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,~~EACxD~~,CAAApB,~~SAAAa~~,EAACJ,EAAW,CAAA,QAIHe,EAAsD3B,GAAW,CAACuB,EAAOrB,IACpFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,~~EACzD~~,CAAApB,~~SAAAa~~,EAACH,EAAY,CAAA"}
1	+ {"version":3,"file":"FooterIconButton.js","sources":["../../../src/components/footer/FooterIconButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { IconButton, IconButtonProps } from '@mui/material';\nimport { FacebookIcon } from '@/src/components/icon/stroke/FacebookIcon';\nimport { InstagramIcon } from '@/src/components/icon/stroke/InstagramIcon';\nimport { XIcon } from '@/src/components/icon/stroke/XIcon';\nimport { YouTubeIcon } from '@/src/components/icon/stroke/YouTubeIcon';\nimport { LinkedInIcon } from '@/src/components/icon/stroke/LinkedInIcon';\nimport { SettingsIcon } from '@/src/components/icon/stroke/SettingsIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\n\nexport interface FooterIconButtonProps extends IconButtonProps<ElementType> {\n /*\n @deprecated provide icon directly as children (e.g. <FacebookIcon />)\n /\n icon?: 'facebook' \| 'instagram' \| 'twitter' \| 'youtube' \| 'linkedin' \| 'heart' \| 'settings' \| string;\n}\n\n/\n Section for the main links\n /\nexport const FooterIconButton: FC<FooterIconButtonProps> = forwardRef(({ children, icon, ...rest }, ref) => {\n // mapper to previous api\n const Icon = useMemo(() => {\n switch (icon) {\n case 'facebook':\n return FacebookIcon;\n case 'instagram':\n return InstagramIcon;\n case 'twitter':\n return XIcon;\n case 'youtube':\n return YouTubeIcon;\n case 'linkedin':\n return LinkedInIcon;\n case 'settings':\n return SettingsIcon;\n case 'heart':\n return HeartIcon;\n default:\n return undefined;\n }\n }, [icon]);\n\n return (\n <IconButton\n size=\"medium\"\n color=\"white\"\n ref={ref as ForwardedRef<HTMLButtonElement>}\n data-testid=\"FooterIconButton\"\n {...rest}\n >\n {children \|\| <Icon />}\n </IconButton>\n );\n});\n\nexport interface PredefinedFooterIconButtonProps extends Omit<FooterIconButtonProps, 'icon'> {}\n\n/* @deprecated use <FooterIconButton> with icon of your choosing instead /\nexport const FacebookFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Facebook link\" ref={ref} {...props}>\n <FacebookIcon />\n </FooterIconButton>\n));\n/* @deprecated use <FooterIconButton> with icon of your choosing instead /\nexport const InstagramFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Instagram link\" ref={ref} {...props}>\n <InstagramIcon />\n </FooterIconButton>\n));\n/* @deprecated use <FooterIconButton> with icon of your choosing instead /\nexport const TwitterFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Twitter link\" ref={ref} {...props}>\n <XIcon />\n </FooterIconButton>\n));\n/* @deprecated use <FooterIconButton> with icon of your choosing instead /\nexport const YoutubeFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Youtube link\" ref={ref} {...props}>\n <YouTubeIcon />\n </FooterIconButton>\n));\n/* @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const LinkedinFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Linkedin link\" ref={ref} {...props}>\n <LinkedInIcon />\n </FooterIconButton>\n));\n"],"names":["FooterIconButton","forwardRef","_a","ref","children","icon","rest","__rest","Icon","useMemo","FacebookIcon","InstagramIcon","XIcon","YouTubeIcon","LinkedInIcon","SettingsIcon","HeartIcon","_jsx","IconButton","Object","assign","size","color","FacebookFooterIconButton","props","InstagramFooterIconButton","TwitterFooterIconButton","YoutubeFooterIconButton","LinkedinFooterIconButton"],"mappings":"gkBAoBO,MAAMA,EAA8CC,GAAW,CAACC,EAA6BC,SAA7BC,SAAEA,EAAQC,KAAEA,GAAIH,EAAKI,EAAIC,EAAAL,EAAzB,qBAErE,MAAMM,EAAOC,GAAQ,KACnB,OAAQJ,GACN,IAAK,WACH,OAAOK,EACT,IAAK,YACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,UACH,OAAOC,EACT,IAAK,WACH,OAAOC,EACT,IAAK,WACH,OAAOC,EACT,IAAK,QACH,OAAOC,EACT,QACE,UAEH,CAACX,IAEJ,OACEY,EAACC,EAAUC,OAAAC,OAAA,CACTC,KAAK,SACLC,MAAM,QACNnB,IAAKA,EAAsC,cAC/B,oBACRG,EAAI,CAAAF,SAEPA,GAAYa,EAACT,EAAI,MACP,IAOJe,EAAsDtB,GAAW,CAACuB,EAAOrB,IACpFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC9Da,EAACP,EAAY,CAAA,QAIJe,EAAuDxB,GAAW,CAACuB,EAAOrB,IACrFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,iBAAiBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC/Da,EAACN,EAAa,CAAA,QAILe,EAAqDzB,GAAW,CAACuB,EAAOrB,IACnFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EAAK,CAAApB,SAC7Da,EAACL,EAAK,CAAA,QAIGe,EAAqD1B,GAAW,CAACuB,EAAOrB,IACnFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,eAAejB,IAAKA,GAASqB,EAAK,CAAApB,SAC7Da,EAACJ,EAAW,CAAA,QAIHe,EAAsD3B,GAAW,CAACuB,EAAOrB,IACpFc,EAACjB,EAAgBmB,OAAAC,OAAA,CAAA,aAAY,gBAAgBjB,IAAKA,GAASqB,EAAK,CAAApB,SAC9Da,EAACH,EAAY,CAAA"}