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

@skodaflow/web-library 7.14.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 (2582) hide show

package/organisms/textCta/textCta.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textCta.js","sources":["../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography, styled, ButtonBase } from '@mui/material';\nimport { Button, ButtonProps } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\n\nexport type variants = 'subHeadline' \| 'h1' \| 'h2' \| 'h3' \| 'h4';\n\nexport interface TextCtaProps {\n /*\n label to be shown on the top of component\n /\n label?: string;\n\n /\n headline to be shown on the top of component\n /\n headlineTitle?: string;\n /\n headline type variant\n /\n headlineVariant?: variants;\n\n /\n text to be shown under headline/subheadline\n /\n text?: string;\n\n /\n Show the primary button if true. Must fill the firstButtonProps\n /\n showFirstButton?: boolean;\n\n /\n Show the secondary button if true. Must fill the secondButtonProps\n /\n showSecondButton?: boolean;\n\n /\n props primary button. Same of skoda button component\n /\n firstButtonProps?: ButtonProps & { url?: string };\n\n /\n props secondary button. Same of skoda button component\n /\n secondButtonProps?: ButtonProps & { url?: string };\n\n /\n callback on click primary button\n /\n onClickFirstBtn?: (e: unknown) => void;\n\n /\n callback on click secondary button\n /\n onClickSecondBtn?: (e: unknown) => void;\n\n /\n If true, shows the AppStore badge\n /\n showAppStore?: boolean;\n\n /\n If true, shows the PlayStore badge\n /\n showPlayStore?: boolean;\n\n /\n List items show icon and text\n * default icon for list is the check,it's possible to configure using the icon name provide in the Icon component\n /\n listItems?: {\n text?: string;\n icon?: IconNameProp;\n }[];\n\n /\n object appStore Badge:\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n appStoreProps?: Record<string, string>;\n\n /\n object playStore Badge\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n playStoreProps?: unknown;\n}\n\n/\n @deprecated use TextAndCta component instead\n /\nexport const TextCta = forwardRef<HTMLDivElement, TextCtaProps>(\n (\n {\n label,\n headlineTitle,\n text,\n showFirstButton = false,\n showSecondButton = false,\n onClickFirstBtn,\n onClickSecondBtn,\n firstButtonProps,\n secondButtonProps,\n listItems,\n showAppStore = false,\n showPlayStore = false,\n appStoreProps,\n playStoreProps,\n ...props\n },\n ref,\n ) => {\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n\n const handleOnClickBtn = useCallback(\n (e: unknown, callback: (e: unknown) => void, url: string) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n },\n [handleUrlClick],\n );\n\n const handleRenderBtn = useCallback(\n (btnProps: ButtonProps & { url?: string }, onClickHandler: (e: unknown) => void) => {\n const propsA = {\n ...btnProps,\n url: btnProps.url \|\| null,\n };\n return <Button {...propsA} onClick={(e) => handleOnClickBtn(e, onClickHandler, propsA.url)} />;\n },\n [handleOnClickBtn],\n );\n\n return (\n <TextCtaContainerStyled ref={ref} listItems={listItems} {...props}>\n {label && <Label label={label} />}\n {headlineTitle && (\n <div className=\"headlineContainer\">\n <Typography className=\"textCtaHeadline\">{headlineTitle}</Typography>\n </div>\n )}\n {text && <p className={`textCtaText ${showPlayStore && 'isPlayStore'}`}>{text}</p>}\n {listItems && listItems.length > 0 && (\n <List className=\"textCtaList\">\n {listItems.map((item, index) => {\n return (\n <ListItem key={'text-cta-list-item' + index} disableGutters>\n <Icon name={item.icon \|\| 'check'} />\n {item.text}\n </ListItem>\n );\n })}\n </List>\n )}\n <div className=\"textCtaBtnGroup\">\n {(!showAppStore \|\| !showPlayStore) && (\n <>\n {showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn)}\n {showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)}\n </>\n )}\n {(!showFirstButton \|\| !showSecondButton) && (\n <>\n {showAppStore && (\n <ButtonBase className=\"appStoreBadge\" onClick={() => handleUrlClick(appStoreProps.url)}>\n <img src={appStoreProps.img} alt={appStoreProps.alt} />\n </ButtonBase>\n )}\n {showPlayStore && (\n <span className=\"playStoreBadge\" dangerouslySetInnerHTML={{ __html: playStoreProps }}></span>\n )}\n </>\n )}\n </div>\n </TextCtaContainerStyled>\n );\n },\n);\n\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant: variants) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n\n/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})<TextCtaProps>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': {\n fontWeight: 'bold',\n ...getHeadlineStyle(args.headlineVariant),\n },\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n\n return styles;\n});\n"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","Icon","name","icon","_Fragment","ButtonBase","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}
1	+ {"version":3,"file":"textCta.js","sources":["../../../src/organisms/textCta/textCta.tsx"],"sourcesContent":["import React, { useCallback, forwardRef } from 'react';\nimport { Label } from '../../components/label';\nimport { List, ListItem, Typography, styled, ButtonBase } from '@mui/material';\nimport { Button, ButtonProps } from '../../components/button';\nimport { Icon, IconNameProp } from '../../components/icon';\n\nexport type variants = 'subHeadline' \| 'h1' \| 'h2' \| 'h3' \| 'h4';\n\nexport interface TextCtaProps {\n /*\n label to be shown on the top of component\n /\n label?: string;\n\n /\n headline to be shown on the top of component\n /\n headlineTitle?: string;\n /\n headline type variant\n /\n headlineVariant?: variants;\n\n /\n text to be shown under headline/subheadline\n /\n text?: string;\n\n /\n Show the primary button if true. Must fill the firstButtonProps\n /\n showFirstButton?: boolean;\n\n /\n Show the secondary button if true. Must fill the secondButtonProps\n /\n showSecondButton?: boolean;\n\n /\n props primary button. Same of skoda button component\n /\n firstButtonProps?: ButtonProps & { url?: string };\n\n /\n props secondary button. Same of skoda button component\n /\n secondButtonProps?: ButtonProps & { url?: string };\n\n /\n callback on click primary button\n /\n onClickFirstBtn?: (e: unknown) => void;\n\n /\n callback on click secondary button\n /\n onClickSecondBtn?: (e: unknown) => void;\n\n /\n If true, shows the AppStore badge\n /\n showAppStore?: boolean;\n\n /\n If true, shows the PlayStore badge\n /\n showPlayStore?: boolean;\n\n /\n List items show icon and text\n * default icon for list is the check,it's possible to configure using the icon name provide in the Icon component\n /\n listItems?: {\n text?: string;\n icon?: IconNameProp;\n }[];\n\n /\n object appStore Badge:\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n appStoreProps?: Record<string, string>;\n\n /\n object playStore Badge\n * {url: \"url\",\talt: ' alt description image', img: 'image badges'}\n /\n playStoreProps?: unknown;\n}\n\n/\n @deprecated use TextAndCta component instead\n /\nexport const TextCta = forwardRef<HTMLDivElement, TextCtaProps>(\n (\n {\n label,\n headlineTitle,\n text,\n showFirstButton = false,\n showSecondButton = false,\n onClickFirstBtn,\n onClickSecondBtn,\n firstButtonProps,\n secondButtonProps,\n listItems,\n showAppStore = false,\n showPlayStore = false,\n appStoreProps,\n playStoreProps,\n ...props\n },\n ref,\n ) => {\n const handleUrlClick = useCallback((url) => {\n window.open(url, '_blank');\n }, []);\n\n const handleOnClickBtn = useCallback(\n (e: unknown, callback: (e: unknown) => void, url: string) => {\n if (url) {\n handleUrlClick(url);\n }\n callback && callback(e);\n },\n [handleUrlClick],\n );\n\n const handleRenderBtn = useCallback(\n (btnProps: ButtonProps & { url?: string }, onClickHandler: (e: unknown) => void) => {\n const propsA = {\n ...btnProps,\n url: btnProps.url \|\| null,\n };\n return <Button {...propsA} onClick={(e) => handleOnClickBtn(e, onClickHandler, propsA.url)} />;\n },\n [handleOnClickBtn],\n );\n\n return (\n <TextCtaContainerStyled ref={ref} listItems={listItems} {...props}>\n {label && <Label label={label} />}\n {headlineTitle && (\n <div className=\"headlineContainer\">\n <Typography className=\"textCtaHeadline\">{headlineTitle}</Typography>\n </div>\n )}\n {text && <p className={`textCtaText ${showPlayStore && 'isPlayStore'}`}>{text}</p>}\n {listItems && listItems.length > 0 && (\n <List className=\"textCtaList\">\n {listItems.map((item, index) => {\n return (\n <ListItem key={'text-cta-list-item' + index} disableGutters>\n <Icon name={item.icon \|\| 'check'} />\n {item.text}\n </ListItem>\n );\n })}\n </List>\n )}\n <div className=\"textCtaBtnGroup\">\n {(!showAppStore \|\| !showPlayStore) && (\n <>\n {showFirstButton && handleRenderBtn(firstButtonProps, onClickFirstBtn)}\n {showSecondButton && handleRenderBtn(secondButtonProps, onClickSecondBtn)}\n </>\n )}\n {(!showFirstButton \|\| !showSecondButton) && (\n <>\n {showAppStore && (\n <ButtonBase className=\"appStoreBadge\" onClick={() => handleUrlClick(appStoreProps.url)}>\n <img src={appStoreProps.img} alt={appStoreProps.alt} />\n </ButtonBase>\n )}\n {showPlayStore && (\n <span className=\"playStoreBadge\" dangerouslySetInnerHTML={{ __html: playStoreProps }}></span>\n )}\n </>\n )}\n </div>\n </TextCtaContainerStyled>\n );\n },\n);\n\n//Set the correct font and lineheight depending on the prop variant passed\nconst getHeadlineStyle = (headlineVariant: variants) => {\n switch (headlineVariant) {\n case 'h1':\n return {\n fontSize: '44px',\n lineHeight: '52px',\n };\n case 'h2':\n return {\n fontSize: '36px',\n lineHeight: '44px',\n };\n case 'h3':\n return {\n fontSize: '30px',\n lineHeight: '36px',\n };\n case 'h4':\n return {\n fontSize: '24px',\n lineHeight: '28px',\n };\n default:\n return {\n fontSize: '18px',\n lineHeight: '28px',\n };\n }\n};\n\n/\n @description Button styling defintion based on props\n */\nconst TextCtaContainerStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'listItems' && prop !== 'headlineVariant',\n})<TextCtaProps>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n '& > span': {\n margin: 0,\n },\n '& > div.headlineContainer': {\n marginBottom: '10px',\n marginTop: '5px',\n '& > .textCtaHeadline': {\n fontWeight: 'bold',\n ...getHeadlineStyle(args.headlineVariant),\n },\n },\n '& > div.subheadlineContainer': {\n marginBottom: '10px',\n '& > .textCtaSubheadline': {\n fontWeight: 'bold',\n fontSize: '18px',\n lineHeight: '28px',\n },\n },\n '& > .textCtaList': {\n marginBottom: '10px',\n },\n '& > .textCtaText': {\n fontSize: '18px',\n lineHeight: '28px',\n margin: '12px 0 16px 0',\n '&.isPlayStore': {\n marginBottom: '2px',\n },\n },\n '& > div.textCtaBtnGroup': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n flexWrap: 'wrap',\n '& > div': {\n [theme.breakpoints.down('sm')]: {\n width: '100%',\n },\n },\n '& > .appStoreBadge': {\n cursor: 'pointer',\n marginRight: '8px',\n '& > img': {\n height: '40px',\n },\n },\n '& > .playStoreBadge': {\n cursor: 'pointer',\n '& img': {\n maxWidth: '153px',\n },\n },\n '& .MuiButton-root': {\n paddingLeft: '16px',\n paddingRight: '16px',\n paddingBottom: '2px',\n fontSize: '14px',\n minWidth: '93px',\n height: '32px',\n [theme.breakpoints.down('sm')]: {\n height: '44px',\n width: '100%',\n },\n },\n '& .MuiButton-root:first-of-type': {\n marginRight: '16px',\n marginBottom: 0,\n [theme.breakpoints.down('sm')]: {\n marginBottom: '16px',\n },\n },\n },\n ' & > .MuiList-root': {\n padding: '0px',\n '& > .MuiListItem-root': {\n padding: '0px 0px 6px 0px',\n\n '& > .MuiIcon-root': {\n width: '20px',\n height: '24px',\n fontSize: '14px',\n },\n },\n },\n };\n\n return styles;\n});\n"],"names":["TextCta","forwardRef","_a","ref","label","headlineTitle","text","showFirstButton","showSecondButton","onClickFirstBtn","onClickSecondBtn","firstButtonProps","secondButtonProps","listItems","showAppStore","showPlayStore","appStoreProps","playStoreProps","props","__rest","handleUrlClick","useCallback","url","window","open","handleOnClickBtn","e","callback","handleRenderBtn","btnProps","onClickHandler","propsA","Object","assign","_jsx","Button","onClick","_jsxs","TextCtaContainerStyled","Label","className","children","Typography","length","List","map","item","index","ListItem","disableGutters","Icon","name","icon","_Fragment","ButtonBase","src","img","alt","dangerouslySetInnerHTML","__html","getHeadlineStyle","headlineVariant","fontSize","lineHeight","styled","shouldForwardProp","prop","theme","args","styles","margin","marginBottom","marginTop","fontWeight","display","alignItems","justifyContent","flexWrap","breakpoints","down","width","cursor","marginRight","height","maxWidth","paddingLeft","paddingRight","paddingBottom","minWidth","padding"],"mappings":"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"}

package/organisms/tile/tile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes, FC } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { Divider, ButtonBase } from '@mui/material';\nimport MenuCardComponent, { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\n/*\n @interface TileStylingProps\n * @description The props of the tile component that are additionally used for styling.\n /\n\nexport interface TileStylingProps {\n /\n Style with or without the border radius\n /\n isBorderRadius?: boolean;\n /\n tile Text pinned position\n /\n tileContentPinned?: 'top' \| 'bottom';\n /\n Promotional Label text\n /\n promotionalLabel?: string;\n /\n Promotional Label text\n /\n promotionalVariant?: 'large' \| 'small';\n}\n\n/\n @interface TileProps\n * @description Properties are inherited from HTML div element and TileStylingProps interface.\n /\nexport interface TileProps extends TileStylingProps, HTMLAttributes<HTMLDivElement> {\n /\n If true the menu dropdown is showing\n /\n isMenuDropdown?: boolean;\n /\n General Label\n /\n generalLabel?: string;\n /\n Title name text\n /\n title?: string;\n /\n Feature Label\n /\n featureLabel?: string;\n /\n Feature Label Variant\n /\n featureLabelVariant?: 'primary' \| 'neutral' \| 'secondary';\n /\n URL image\n /\n tileImageURL: string;\n /\n The source of the onError image.\n /\n tileImageURLFallback?: string;\n /\n URL image\n /\n tileAltImage?: string;\n /\n URL image which apply on hover if is changeImageOnHover is true\n /\n tileImageURLOnHover?: string;\n /\n tile feature info total price\n /\n tilePriceTotal?: string;\n /\n tile feature info monthly price\n /\n tilePriceMonth?: string;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\n\nexport const Tile: FC<TileProps> = ({\n tileContentPinned = 'top',\n isBorderRadius = true,\n promotionalVariant = 'large',\n ...props\n}) => {\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n\n const tileImageElement = (\n <div className=\"tileImage\">\n {props.tileImageURLOnHover && isMouseOver ? (\n <ImageComponent key={'imageUrl_onHover'} image={props.tileImageURLOnHover} alt={props.tileAltImage} />\n ) : (\n <ImageComponent\n key={'imageUrl'}\n image={props.tileImageURL}\n alt={props.tileAltImage}\n fallbackImage={props.tileImageURLFallback}\n />\n )}\n </div>\n );\n const pricingElement = (\n <div className=\"tilePriceWrapper\">\n {props.tilePriceTotal && <span className=\"disclaimer tilePriceTotal\">{props.tilePriceTotal}</span>}\n {props.tilePriceTotal && props.tilePriceMonth && <Divider orientation=\"vertical\" flexItem />}\n {props.tilePriceMonth && <span className=\"disclaimer tilePriceMonth\">{props.tilePriceMonth}</span>}\n </div>\n );\n\n return (\n <TileStyled\n promotionalLabel={props.promotionalLabel}\n isBorderRadius={isBorderRadius}\n tileContentPinned={tileContentPinned}\n >\n <ButtonBase\n className=\"tileWrapper\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={() => setIsMouseOver((prev) => !prev)}\n >\n {props.isMenuDropdown && (\n <ButtonBase\n className=\"tileDropdownMenu\"\n onMouseEnter={() => setIsMouseOver(false)}\n onMouseLeave={() => setIsMouseOver(true)}\n >\n <MenuCardComponent {...props.menuCardComponentProps} />\n </ButtonBase>\n )}\n {props.promotionalLabel && (\n <div className=\"tilePromotionalLabel\">\n <Label type=\"promotional\" variant={promotionalVariant} label={handleMaxChars(props.promotionalLabel, 30)} />\n </div>\n )}\n {tileContentPinned === 'bottom' && tileImageElement}\n <div className=\"tileContent\">\n {props.generalLabel && (\n <div className=\"tileGeneralLabel\">\n <Label label={handleMaxChars(props.generalLabel, 30)} />\n </div>\n )}\n <h4 className=\"tileTitle\">{handleMaxChars(props.title, 20)}</h4>\n {props.featureLabel && (\n <div className=\"tileFeatureLabel\">\n <Label\n type=\"feature\"\n variant={props.featureLabelVariant}\n label={handleMaxChars(props.featureLabel, 30)}\n />\n </div>\n )}\n {tileContentPinned === 'bottom' && pricingElement}\n </div>\n {tileContentPinned === 'top' && tileImageElement}\n {tileContentPinned === 'top' && pricingElement}\n </ButtonBase>\n </TileStyled>\n );\n};\n\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')<TileStylingProps & { theme? }>(({ theme, ...args }) => {\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${theme.palette.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: theme.palette.transparent.secondary,\n },\n },\n };\n\n return styles;\n});\n"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","ButtonBase","onMouseEnter","onMouseLeave","onClick","prev","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","Label","type","variant","label","handleMaxChars","generalLabel","title","featureLabel","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","palette","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}
1	+ {"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":["import React, { useState, HTMLAttributes, FC } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Label } from '../../components/label';\nimport { Divider, ButtonBase } from '@mui/material';\nimport MenuCardComponent, { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\n/*\n @interface TileStylingProps\n * @description The props of the tile component that are additionally used for styling.\n /\n\nexport interface TileStylingProps {\n /\n Style with or without the border radius\n /\n isBorderRadius?: boolean;\n /\n tile Text pinned position\n /\n tileContentPinned?: 'top' \| 'bottom';\n /\n Promotional Label text\n /\n promotionalLabel?: string;\n /\n Promotional Label text\n /\n promotionalVariant?: 'large' \| 'small';\n}\n\n/\n @interface TileProps\n * @description Properties are inherited from HTML div element and TileStylingProps interface.\n /\nexport interface TileProps extends TileStylingProps, HTMLAttributes<HTMLDivElement> {\n /\n If true the menu dropdown is showing\n /\n isMenuDropdown?: boolean;\n /\n General Label\n /\n generalLabel?: string;\n /\n Title name text\n /\n title?: string;\n /\n Feature Label\n /\n featureLabel?: string;\n /\n Feature Label Variant\n /\n featureLabelVariant?: 'primary' \| 'neutral' \| 'secondary';\n /\n URL image\n /\n tileImageURL: string;\n /\n The source of the onError image.\n /\n tileImageURLFallback?: string;\n /\n URL image\n /\n tileAltImage?: string;\n /\n URL image which apply on hover if is changeImageOnHover is true\n /\n tileImageURLOnHover?: string;\n /\n tile feature info total price\n /\n tilePriceTotal?: string;\n /\n tile feature info monthly price\n /\n tilePriceMonth?: string;\n /\n MenuCardComponent props.\n /\n menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/\n @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n /\n\nexport const Tile: FC<TileProps> = ({\n tileContentPinned = 'top',\n isBorderRadius = true,\n promotionalVariant = 'large',\n ...props\n}) => {\n const [isMouseOver, setIsMouseOver] = useState(false);\n const handleMouseEnter = () => {\n if (!isMouseOver) {\n setIsMouseOver(true);\n }\n };\n\n const handleMouseLeave = () => {\n setIsMouseOver(false);\n };\n\n const tileImageElement = (\n <div className=\"tileImage\">\n {props.tileImageURLOnHover && isMouseOver ? (\n <ImageComponent key={'imageUrl_onHover'} image={props.tileImageURLOnHover} alt={props.tileAltImage} />\n ) : (\n <ImageComponent\n key={'imageUrl'}\n image={props.tileImageURL}\n alt={props.tileAltImage}\n fallbackImage={props.tileImageURLFallback}\n />\n )}\n </div>\n );\n const pricingElement = (\n <div className=\"tilePriceWrapper\">\n {props.tilePriceTotal && <span className=\"disclaimer tilePriceTotal\">{props.tilePriceTotal}</span>}\n {props.tilePriceTotal && props.tilePriceMonth && <Divider orientation=\"vertical\" flexItem />}\n {props.tilePriceMonth && <span className=\"disclaimer tilePriceMonth\">{props.tilePriceMonth}</span>}\n </div>\n );\n\n return (\n <TileStyled\n promotionalLabel={props.promotionalLabel}\n isBorderRadius={isBorderRadius}\n tileContentPinned={tileContentPinned}\n >\n <ButtonBase\n className=\"tileWrapper\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={() => setIsMouseOver((prev) => !prev)}\n >\n {props.isMenuDropdown && (\n <ButtonBase\n className=\"tileDropdownMenu\"\n onMouseEnter={() => setIsMouseOver(false)}\n onMouseLeave={() => setIsMouseOver(true)}\n >\n <MenuCardComponent {...props.menuCardComponentProps} />\n </ButtonBase>\n )}\n {props.promotionalLabel && (\n <div className=\"tilePromotionalLabel\">\n <Label type=\"promotional\" variant={promotionalVariant} label={handleMaxChars(props.promotionalLabel, 30)} />\n </div>\n )}\n {tileContentPinned === 'bottom' && tileImageElement}\n <div className=\"tileContent\">\n {props.generalLabel && (\n <div className=\"tileGeneralLabel\">\n <Label label={handleMaxChars(props.generalLabel, 30)} />\n </div>\n )}\n <h4 className=\"tileTitle\">{handleMaxChars(props.title, 20)}</h4>\n {props.featureLabel && (\n <div className=\"tileFeatureLabel\">\n <Label\n type=\"feature\"\n variant={props.featureLabelVariant}\n label={handleMaxChars(props.featureLabel, 30)}\n />\n </div>\n )}\n {tileContentPinned === 'bottom' && pricingElement}\n </div>\n {tileContentPinned === 'top' && tileImageElement}\n {tileContentPinned === 'top' && pricingElement}\n </ButtonBase>\n </TileStyled>\n );\n};\n\nTile.defaultProps = {\n isBorderRadius: true,\n promotionalVariant: 'large',\n};\nconst TileStyled = styled('div')<TileStylingProps & { theme? }>(({ theme, ...args }) => {\n let styles = {};\n const { tileContentPinned, promotionalLabel, isBorderRadius } = args;\n\n styles = {\n height: '100%',\n '& .tileWrapper, & .tileWrapper ': {\n boxSizing: 'border-box',\n },\n '& .tileWrapper': {\n position: 'relative',\n borderRadius: isBorderRadius ? '8px' : 0,\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n backgroundColor: theme.palette.surface.primary,\n padding: '0 0 24px 0',\n border: `1px solid ${theme.palette.surface.secondary}`,\n },\n '& .tileDropdownMenu': {\n position: 'absolute',\n right: 0,\n top: 0,\n '.menuCardComponent': {\n top: 0,\n right: 0,\n width: '58px',\n height: '58px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n '& .tileContent': {\n paddingTop: promotionalLabel ? '40px' : '16px',\n },\n '& .tilePromotionalLabel': {\n width: '100%',\n maxWidth: 'calc(100% - 64px)',\n position: 'absolute',\n top: '0',\n left: '0',\n },\n '& .tileGeneralLabel': {\n padding: '0 24px',\n marginBottom: '0',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileTitle': {\n margin: '0 0 6px 0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n },\n '& .tileFeatureLabel': {\n margin: '0',\n padding: '0 24px',\n position: 'relative',\n zIndex: '1',\n '& span': {\n margin: '0',\n },\n },\n '& .tileImage': {\n height: '176px',\n marginTop: tileContentPinned === 'top' ? '-32px' : '16px',\n marginBottom: tileContentPinned === 'bottom' ? '-32px' : '0',\n [theme.breakpoints.up('md')]: {\n height: '200px',\n },\n [theme.breakpoints.up('lg')]: {\n height: '186px',\n },\n [theme.breakpoints.up('xl')]: {\n height: '265px',\n },\n '& img': {\n position: 'relative',\n zIndex: '0',\n objectFit: 'contain',\n objectPosition: 'center',\n display: 'block',\n height: '100%',\n width: '100%',\n },\n },\n '& .tilePriceWrapper': {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n width: '100%',\n padding: '0 24px',\n marginTop: tileContentPinned === 'bottom' ? '8px' : '0',\n '& .tilePriceTotal': {\n fontWeight: 'bold',\n },\n '& hr': {\n margin: '0 8px',\n borderColor: theme.palette.transparent.secondary,\n },\n },\n };\n\n return styles;\n});\n"],"names":["Tile","_a","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","ButtonBase","onMouseEnter","onMouseLeave","onClick","prev","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","Label","type","variant","label","handleMaxChars","generalLabel","title","featureLabel","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","palette","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name":"@skodaflow/web-library","version":"7.14.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.13.1","@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","@mui/material":"^5.13.0 \|\| ^6.1.4","@mui/system":"^5.12.3 \|\| ^6.1.4","react":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0","react-dom":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.3","@googlemaps/react-wrapper":"1.1.42","@mui/x-date-pickers":"7.23.6","@skodaflow/web-tokens":"3.1.1","country-flag-icons":"1.5.19","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","swiper":"11.2~~.10~~","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}
1	+ {"name":"@skodaflow/web-library","version":"7.15.1","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SKODA AUTO Library EULA 1.1","peerDependencies":{"@emotion/cache":"^11.13.1","@emotion/react":"^11.13.3","@emotion/styled":"^11.13.0","@mui/material":"^5.13.0 \|\| ^6.1.4","@mui/system":"^5.12.3 \|\| ^6.1.4","react":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0","react-dom":"^17.0.0 \|\| ^18.0.0 \|\| ^19.0.0"},"dependencies":{"@googlemaps/markerclusterer":"2.5.3","@googlemaps/react-wrapper":"1.1.42","@mui/x-date-pickers":"7.23.6","@skodaflow/web-tokens":"3.1.1","country-flag-icons":"1.5.19","date-fns":"2.30.0","embla-carousel-auto-height":"7.1.0","embla-carousel-autoplay":"7.1.0","embla-carousel-class-names":"7.1.0","embla-carousel-react":"7.1.0","embla-carousel-wheel-gestures":"3.0.0","stylis":"4.3.6","stylis-plugin-rtl":"2.1.1","swiper":"12.0.2","tslib":"2.8.1"},"sideEffects":false,"main":"./cjs/index.js","browser":"./index.js","module":"./index.js","types":"./index.d.ts"}

package/production/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\nconst greenBlink = keyframes`\n 0% { background-color: #43861D; }\n 50% { background-color: #96DC6F; }\n 100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes`\n 0% { background-color: #DE7C13; }\n 50% { background-color: #F2B879; }\n 100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes`\n 0% { background-color: #CE332A; }\n 50% { background-color: #EC908B; }\n 100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes`\n 0% { background-color: #2A78CD; }\n 50% { background-color: #80B1E5; }\n 100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes`\n 0% { background-color: #fff; }\n 50% { background-color: #D8D8D8; }\n 100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes`\n 0% { border-color: #161718; }\n 50% { border-color: #D8D8D8; }\n 100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes`\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes`\n 0% { background-color: #D8D8D8; }\n 50% { background-color: #EEEEEE; }\n 100% {background-color: #D8D8D8; }\n`;\n\nexport type ButtonProps = Omit<\n MuiButtonProps,\n 'nonce' \| 'color' \| 'disableElevation' \| 'disableFocusRipple' \| 'disableRipple' \| 'classes' \| 'variant'\n> & {\n blinking?: boolean;\n variant?: 'success' \| 'warning' \| 'alert' \| 'info' \| 'white' \| 'dark' \| 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/*\n @deprecated use production components from production web library\n * https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n minWidth: '150px',\n color: theme.palette.common.white,\n\n ...(variant === 'success' && {\n backgroundColor: '#43861D',\n '&:hover': {\n backgroundColor: '#55a628',\n },\n ...(blinking && {\n animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'warning' && {\n backgroundColor: '#DE7C13',\n '&:hover': {\n backgroundColor: '#df8f38',\n },\n ...(blinking && {\n animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'alert' && {\n backgroundColor: '#CE332A',\n '&:hover': {\n backgroundColor: '#d84a42',\n },\n ...(blinking && {\n animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'info' && {\n backgroundColor: '#2A78CD',\n '&:hover': {\n backgroundColor: '#4a8fdb',\n },\n ...(blinking && {\n animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'white' && {\n backgroundColor: theme.palette.common.white,\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: '#e1e1e1',\n },\n border: `2px solid ${theme.palette.text.primary}`,\n ...(blinking && {\n animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'dark' && {\n backgroundColor: 'transparent',\n border: `2px solid #161718`,\n color: theme.palette.text.primary,\n ...(blinking && {\n animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'light' && {\n backgroundColor: 'transparent',\n border: `2px solid ${theme.palette.common.white}`,\n ...(blinking && {\n animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(disabled && {\n backgroundColor: '#D8D8D8',\n color: theme.palette.action.disabled,\n borderColor: theme.palette.action.disabled,\n ...(blinking && {\n animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"2KAIA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAqBlBQ,EAASC,GAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAJ,EAA7B,wBAAoC,OAAAK,EAACC,~~EAAcC~~,OAAAC,OAAA,~~GAAAL~~,GAAOD,QAAQ,SAAS,GAOhGH,EAAgC,EAAGU,QAAOP,UAAU,UAAWD,WAAUS,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZb,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG5B,iBAA0BoB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZlB,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG1B,iBAA2BkB,EAAMS,YAAYC,OAAOC,eAItD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGzB,iBAAwBiB,EAAMS,YAAYC,OAAOC,eAInD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGxB,iBAAyBgB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCrB,GAAY,CACdgB,UAAW,GAAGvB,iBAA0Be,EAAMS,YAAYC,OAAOC,eAIrD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBrB,GAAY,CACdgB,UAAW,GAAGtB,iBAAyBc,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,~~GACFK~~,OAAAC,OAAA,~~CAAAQ~~,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCd,GAAY,CACdgB,UAAW,GAAGrB,iBAA0Ba,EAAMS,YAAYC,OAAOC,eAIjEV,~~GACFH~~,OAAAC,OAAA,~~CAAAQ~~,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BT,GAAY,CACdgB,UAAW,GAAGpB,iBAA6BY,EAAMS,YAAYC,OAAOC"}
1	+ {"version":3,"file":"Button.js","sources":["../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\nconst greenBlink = keyframes`\n 0% { background-color: #43861D; }\n 50% { background-color: #96DC6F; }\n 100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes`\n 0% { background-color: #DE7C13; }\n 50% { background-color: #F2B879; }\n 100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes`\n 0% { background-color: #CE332A; }\n 50% { background-color: #EC908B; }\n 100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes`\n 0% { background-color: #2A78CD; }\n 50% { background-color: #80B1E5; }\n 100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes`\n 0% { background-color: #fff; }\n 50% { background-color: #D8D8D8; }\n 100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes`\n 0% { border-color: #161718; }\n 50% { border-color: #D8D8D8; }\n 100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes`\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes`\n 0% { background-color: #D8D8D8; }\n 50% { background-color: #EEEEEE; }\n 100% {background-color: #D8D8D8; }\n`;\n\nexport type ButtonProps = Omit<\n MuiButtonProps,\n 'nonce' \| 'color' \| 'disableElevation' \| 'disableFocusRipple' \| 'disableRipple' \| 'classes' \| 'variant'\n> & {\n blinking?: boolean;\n variant?: 'success' \| 'warning' \| 'alert' \| 'info' \| 'white' \| 'dark' \| 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/*\n @deprecated use production components from production web library\n * https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n minWidth: '150px',\n color: theme.palette.common.white,\n\n ...(variant === 'success' && {\n backgroundColor: '#43861D',\n '&:hover': {\n backgroundColor: '#55a628',\n },\n ...(blinking && {\n animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'warning' && {\n backgroundColor: '#DE7C13',\n '&:hover': {\n backgroundColor: '#df8f38',\n },\n ...(blinking && {\n animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'alert' && {\n backgroundColor: '#CE332A',\n '&:hover': {\n backgroundColor: '#d84a42',\n },\n ...(blinking && {\n animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'info' && {\n backgroundColor: '#2A78CD',\n '&:hover': {\n backgroundColor: '#4a8fdb',\n },\n ...(blinking && {\n animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'white' && {\n backgroundColor: theme.palette.common.white,\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: '#e1e1e1',\n },\n border: `2px solid ${theme.palette.text.primary}`,\n ...(blinking && {\n animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'dark' && {\n backgroundColor: 'transparent',\n border: `2px solid #161718`,\n color: theme.palette.text.primary,\n ...(blinking && {\n animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(variant === 'light' && {\n backgroundColor: 'transparent',\n border: `2px solid ${theme.palette.common.white}`,\n ...(blinking && {\n animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n\n ...(disabled && {\n backgroundColor: '#D8D8D8',\n color: theme.palette.action.disabled,\n borderColor: theme.palette.action.disabled,\n ...(blinking && {\n animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n }),\n }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"2KAIA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAqBlBQ,EAASC,GAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAJ,EAA7B,wBAAoC,OAAAK,EAACC,EAASC,OAAAC,OAAA,GAAKL,GAAOD,QAAQ,SAAS,GAOhGH,EAAgC,EAAGU,QAAOP,UAAU,UAAWD,WAAUS,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZb,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG5B,iBAA0BoB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZlB,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG1B,iBAA2BkB,EAAMS,YAAYC,OAAOC,eAItD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGzB,iBAAwBiB,EAAMS,YAAYC,OAAOC,eAInD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGxB,iBAAyBgB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCrB,GAAY,CACdgB,UAAW,GAAGvB,iBAA0Be,EAAMS,YAAYC,OAAOC,eAIrD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBrB,GAAY,CACdgB,UAAW,GAAGtB,iBAAyBc,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCd,GAAY,CACdgB,UAAW,GAAGrB,iBAA0Ba,EAAMS,YAAYC,OAAOC,eAIjEV,GAAQH,OAAAC,OAAA,CACVQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BT,GAAY,CACdgB,UAAW,GAAGpB,iBAA6BY,EAAMS,YAAYC,OAAOC"}

package/utils/ResponsiveType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResponsiveType.js","sources":["../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number \| string> =\n \| V\n \| {\n xl: V;\n lg?: V;\n md?: V;\n sm?: V;\n xs?: V;\n };\n\nexport function useResponsiveProp<V extends string \| number>(prop: ResponsiveType<V>) {\n return useMemo(() => {\n if (typeof prop === 'object') {\n return {\n xl: prop.xl,\n lg: prop.lg ?? prop.xl,\n md: prop.md ?? prop.lg ?? prop.xl,\n sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n };\n }\n if (prop === undefined) {\n return undefined;\n }\n return {\n xl: prop,\n lg: prop,\n md: prop,\n sm: prop,\n xs: prop,\n };\n }, [prop]);\n}\n"],"names":["useResponsiveProp","prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"gCAYM,SAAUA,EAA6CC,GAC3D,OAAOC,GAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,~~GAAe~~,~~UAAXH~~,EAAKG,~~UAAM~~,IAAAC,EAAAA,~~EAAAJ~~,EAAKE,GACpBG,~~GAA0B~~,~~QAAtBC~~,~~EAAW~~,~~QAAXC~~,EAAAP,EAAKK,~~UAAM~~,IAAAE,EAAAA,~~EAAAP~~,EAAKG,~~UAAM~~,IAAAG,EAAAA,~~EAAAN~~,EAAKE,GAC/BM,~~GAAqC~~,~~QAAjCC~~,UAAAC,~~EAAW~~,~~UAAXV~~,EAAKQ,~~UAAM~~,IAAAG,EAAAA,~~EAAAX~~,EAAKK,kBAAML,EAAKG,~~UAAM~~,IAAAM,EAAAA,~~EAAAT~~,EAAKE,GAC1CU,GAA4C,~~UAAP~~,~~QAAjCC~~,~~EAAsB~~,~~QAAtBC~~,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,~~UAAM~~,IAAAM,EAAAA,~~EAAAd~~,EAAKK,~~UAAM~~,IAAAQ,EAAAA,~~EAAAb~~,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,CASC,GACA,CAACA,GACN"}
1	+ {"version":3,"file":"ResponsiveType.js","sources":["../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number \| string> =\n \| V\n \| {\n xl: V;\n lg?: V;\n md?: V;\n sm?: V;\n xs?: V;\n };\n\nexport function useResponsiveProp<V extends string \| number>(prop: ResponsiveType<V>) {\n return useMemo(() => {\n if (typeof prop === 'object') {\n return {\n xl: prop.xl,\n lg: prop.lg ?? prop.xl,\n md: prop.md ?? prop.lg ?? prop.xl,\n sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n };\n }\n if (prop === undefined) {\n return undefined;\n }\n return {\n xl: prop,\n lg: prop,\n md: prop,\n sm: prop,\n xs: prop,\n };\n }, [prop]);\n}\n"],"names":["useResponsiveProp","prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"gCAYM,SAAUA,EAA6CC,GAC3D,OAAOC,GAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAW,UAAPH,EAAKG,UAAE,IAAAC,EAAAA,EAAIJ,EAAKE,GACpBG,GAAsB,QAAlBC,EAAO,QAAPC,EAAAP,EAAKK,UAAE,IAAAE,EAAAA,EAAIP,EAAKG,UAAE,IAAAG,EAAAA,EAAIN,EAAKE,GAC/BM,GAAiC,QAA7BC,UAAAC,EAAO,UAAPV,EAAKQ,UAAE,IAAAG,EAAAA,EAAIX,EAAKK,kBAAML,EAAKG,UAAE,IAAAM,EAAAA,EAAIT,EAAKE,GAC1CU,GAA4C,UAAX,QAA7BC,EAAkB,QAAlBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAE,IAAAM,EAAAA,EAAId,EAAKK,UAAE,IAAAQ,EAAAA,EAAIb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,CASC,GACA,CAACA,GACN"}

package/utils/enum.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"enum.js","sources":["../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n LIGHT = 'light',\n DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n SMALL = 'small',\n LARGE = 'large',\n}\n\nexport enum Placement {\n AUTO_END = 'auto-end',\n AUTO_START = 'auto-start',\n AUTO = 'auto',\n BOTTOM_END = 'bottom-end',\n BOTTOM_START = 'bottom-start',\n BOTTOM = 'bottom',\n LEFT_END = 'left-end',\n LEFT_START = 'left-start',\n LEFT = 'left',\n RIGHT_END = 'right-end',\n RIGHT_START = 'right-start',\n RIGHT = 'right',\n TOP_END = 'top-end',\n TOP_START = 'top-start',\n TOP = 'top',\n}\n\nexport enum VariantType {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n DARK_MODE = 'dark',\n LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,GAlCZ,SAAYJ,GACVA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,~~EAGX~~,CAAA,~~IAED~~,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,~~EAGX~~,CAAA,~~IAED~~,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,KACD,CAhBD,CAAYA,IAAAA,~~EAgBX~~,CAAA,~~IAED~~,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,~~EAKX~~,CAAA,~~IACD~~,SAAYC,GACVA,EAAA,UAAA,OACAA,EAAA,WAAA,OACD,CAHD,CAAYA,IAAAA,~~EAGX~~,CAAA"}
1	+ {"version":3,"file":"enum.js","sources":["../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n LIGHT = 'light',\n DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n SMALL = 'small',\n LARGE = 'large',\n}\n\nexport enum Placement {\n AUTO_END = 'auto-end',\n AUTO_START = 'auto-start',\n AUTO = 'auto',\n BOTTOM_END = 'bottom-end',\n BOTTOM_START = 'bottom-start',\n BOTTOM = 'bottom',\n LEFT_END = 'left-end',\n LEFT_START = 'left-start',\n LEFT = 'left',\n RIGHT_END = 'right-end',\n RIGHT_START = 'right-start',\n RIGHT = 'right',\n TOP_END = 'top-end',\n TOP_START = 'top-start',\n TOP = 'top',\n}\n\nexport enum VariantType {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n DARK_MODE = 'dark',\n LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,GAlCZ,SAAYJ,GACVA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAAe,CAAA,IAK3B,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAAc,CAAA,IAK1B,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,KACD,CAhBD,CAAYA,IAAAA,EAAS,CAAA,IAkBrB,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,EAAW,CAAA,IAMvB,SAAYC,GACVA,EAAA,UAAA,OACAA,EAAA,WAAA,OACD,CAHD,CAAYA,IAAAA,EAAW,CAAA"}

package/utils/formatFileSize/formatFileSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formatFileSize.js","sources":["../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":["/*\n Format bytes as human-readable text.\n * NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function\n \n @param bytes Size in bytes\n * @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)\n * @param dp Number of decimal places to display.\n \n @return Formatted string.\n /\nexport function formatFileSize(bytes: number, dp: number = 1, si: boolean = false) {\n const thresh = si ? 1000 : 1024;\n\n if (Math.abs(bytes) < thresh) {\n return bytes + ' B';\n }\n\n const units = si\n ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n let u = -1;\n const r = 10 * dp;\n\n do {\n bytes /= thresh;\n ++u;\n } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n\n return bytes.toFixed(dp) + ' ' + units[u];\n}\n"],"names":["formatFileSize","bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"AAUM,SAAUA,EAAeC,EAAeC,EAAa,EAAGC,GAAc,GAC1E,MAAMC,EAASD,EAAK,IAAO,KAE3B,GAAIE,KAAKC,IAAIL,GAASG,EACpB,OAAOH,EAAQ,KAGjB,MAAMM,EAAQJ,EACV,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACtD,IAAIK,~~GAAM~~,~~EACV~~,MAAMC,EAAI,IAAMP,EAEhB,GACED,GAASG,IACPI,QACKH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAE7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EACzC"}
1	+ {"version":3,"file":"formatFileSize.js","sources":["../../../src/utils/formatFileSize/formatFileSize.ts"],"sourcesContent":["/*\n Format bytes as human-readable text.\n * NOTE: Kudos to https://stackoverflow.com/users/65387/mpen for providing this function\n \n @param bytes Size in bytes\n * @param si Switch between metric (SI) units (powers of 1000) or binary (IEC) units (powers of 1024)\n * @param dp Number of decimal places to display.\n \n @return Formatted string.\n /\nexport function formatFileSize(bytes: number, dp: number = 1, si: boolean = false) {\n const thresh = si ? 1000 : 1024;\n\n if (Math.abs(bytes) < thresh) {\n return bytes + ' B';\n }\n\n const units = si\n ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];\n let u = -1;\n const r = 10 * dp;\n\n do {\n bytes /= thresh;\n ++u;\n } while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);\n\n return bytes.toFixed(dp) + ' ' + units[u];\n}\n"],"names":["formatFileSize","bytes","dp","si","thresh","Math","abs","units","u","r","round","length","toFixed"],"mappings":"AAUM,SAAUA,EAAeC,EAAeC,EAAa,EAAGC,GAAc,GAC1E,MAAMC,EAASD,EAAK,IAAO,KAE3B,GAAIE,KAAKC,IAAIL,GAASG,EACpB,OAAOH,EAAQ,KAGjB,MAAMM,EAAQJ,EACV,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,MAC3C,CAAC,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,MAAO,OACtD,IAAIK,GAAI,EACR,MAAMC,EAAI,IAAMP,EAEhB,GACED,GAASG,IACPI,QACKH,KAAKK,MAAML,KAAKC,IAAIL,GAASQ,GAAKA,GAAKL,GAAUI,EAAID,EAAMI,OAAS,GAE7E,OAAOV,EAAMW,QAAQV,GAAM,IAAMK,EAAMC,EACzC"}

package/utils/useClosure/useClosure.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useClosure.js","sources":["../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n const onOpen = useCallback(() => setOpen(true), [setOpen]);\n const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n return {\n isOpen,\n setOpen,\n onToggle,\n onOpen,\n onClose,\n };\n};\n"],"names":["useClosure","initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"~~kDAOa~~,~~MAAAA~~,EAAcC,IACzB,MAAOC,EAAQC,GAAWC,EAASH,SAAAA,GAE7BI,EAAWC,GAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,GAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,GAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}
1	+ {"version":3,"file":"useClosure.js","sources":["../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n const onOpen = useCallback(() => setOpen(true), [setOpen]);\n const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n return {\n isOpen,\n setOpen,\n onToggle,\n onOpen,\n onClose,\n };\n};\n"],"names":["useClosure","initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"kDAOO,MAAMA,EAAcC,IACzB,MAAOC,EAAQC,GAAWC,EAASH,SAAAA,GAE7BI,EAAWC,GAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,GAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,GAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}

package/utils/useDebounce/useDebounce.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDebounce.js","sources":["../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/*\n Returns value after a specified time period has passed without any further changes\n \n @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n value: T,\n delay: number,\n options: { instantClear: boolean } = { instantClear: false },\n): T {\n const [debouncedValue, setDebouncedValue] = useState(value);\n const timeout = useRef<NodeJS.Timeout \| null>(null);\n\n useEffect(() => {\n if (!value && options.instantClear) {\n setDebouncedValue(value);\n } else {\n timeout.current = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n }\n\n return () => {\n if (timeout.current) {\n clearTimeout(timeout.current);\n }\n };\n }, [value, delay, options.instantClear]);\n\n return debouncedValue;\n}\n"],"names":["useDebounce","value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"~~4DAWwB~~,~~SAAAA~~,EACtBC,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAASN,GAC/CO,EAAUC,EAA8B,MAkB9C,OAhBAC,GAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,YAAW,KAC3BN,EAAkBL,EAAM,GACvBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,~~YAGxB~~,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}
1	+ {"version":3,"file":"useDebounce.js","sources":["../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/*\n Returns value after a specified time period has passed without any further changes\n \n @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n value: T,\n delay: number,\n options: { instantClear: boolean } = { instantClear: false },\n): T {\n const [debouncedValue, setDebouncedValue] = useState(value);\n const timeout = useRef<NodeJS.Timeout \| null>(null);\n\n useEffect(() => {\n if (!value && options.instantClear) {\n setDebouncedValue(value);\n } else {\n timeout.current = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n }\n\n return () => {\n if (timeout.current) {\n clearTimeout(timeout.current);\n }\n };\n }, [value, delay, options.instantClear]);\n\n return debouncedValue;\n}\n"],"names":["useDebounce","value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"4DAWc,SAAUA,EACtBC,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAASN,GAC/CO,EAAUC,EAA8B,MAkB9C,OAhBAC,GAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,YAAW,KAC3BN,EAAkBL,EAAM,GACvBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,QACvB,IAED,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}

package/utils/useElementScrollable/useElementScrollable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementScrollable.js","sources":["../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n Monitors an element for scroll.\n \n @param axis - horizontal/vertical scroll to monitor @default y\n * @returns The hook returns an object containing:\n * - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n * - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' \| 'y' = 'y') {\n const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n // monitor overflow while resizing\n const elementRef = useCallback((element: HTMLElement) => {\n const resizeObserver = new ResizeObserver(() => {\n setIsScrollable(\n axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n );\n });\n\n if (element !== null) {\n resizeObserver.observe(element);\n } else {\n resizeObserver.disconnect();\n }\n }, []);\n\n return { isScrollable, elementRef };\n}\n"],"names":["useElementScrollable","axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"~~kDAUgB~~,~~SAAAA~~,EAAqBC,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,GAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,GAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,~~eAEhB~~,IAGL"}
1	+ {"version":3,"file":"useElementScrollable.js","sources":["../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/*\n Monitors an element for scroll.\n \n @param axis - horizontal/vertical scroll to monitor @default y\n * @returns The hook returns an object containing:\n * - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n * - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' \| 'y' = 'y') {\n const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n // monitor overflow while resizing\n const elementRef = useCallback((element: HTMLElement) => {\n const resizeObserver = new ResizeObserver(() => {\n setIsScrollable(\n axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n );\n });\n\n if (element !== null) {\n resizeObserver.observe(element);\n } else {\n resizeObserver.disconnect();\n }\n }, []);\n\n return { isScrollable, elementRef };\n}\n"],"names":["useElementScrollable","axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"kDAUM,SAAUA,EAAqBC,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,GAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,GAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,YACjB,GACC,IAGL"}

package/utils/useKeyboardShortcut/useKeyboardShortcut.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useKeyboardShortcut.js","sources":["../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/*\n Monitor press of the key on the keyboard and do action assigned to it\n \n @param {object} keys_and_actions - object containing keys and assigned actions to them,\n * e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n keys_and_actions: { [key: string]: () => void },\n deps: DependencyList = [],\n) {\n useEffect(() => {\n const downHandler = (e: KeyboardEvent): void => {\n // iterate through all keys and assigned actions\n Object.entries(keys_and_actions).forEach(([key, action]) => {\n // if key is pressed, trigger action\n if (e.key === key && action) {\n action();\n }\n });\n };\n\n window.addEventListener('keydown', downHandler);\n // cleanup\n return () => {\n window.removeEventListener('keydown', downHandler);\n };\n }, [...deps]);\n}\n"],"names":["useKeyboardShortcut","keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"~~kCASwB~~,~~SAAAA~~,EACtBC,EACAC,EAAuB,IAEvBC,GAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,~~MAEF~~,EAKJ,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,EAAY,CACnD,GACA,IAAIF,GACT"}
1	+ {"version":3,"file":"useKeyboardShortcut.js","sources":["../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/*\n Monitor press of the key on the keyboard and do action assigned to it\n \n @param {object} keys_and_actions - object containing keys and assigned actions to them,\n * e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n keys_and_actions: { [key: string]: () => void },\n deps: DependencyList = [],\n) {\n useEffect(() => {\n const downHandler = (e: KeyboardEvent): void => {\n // iterate through all keys and assigned actions\n Object.entries(keys_and_actions).forEach(([key, action]) => {\n // if key is pressed, trigger action\n if (e.key === key && action) {\n action();\n }\n });\n };\n\n window.addEventListener('keydown', downHandler);\n // cleanup\n return () => {\n window.removeEventListener('keydown', downHandler);\n };\n }, [...deps]);\n}\n"],"names":["useKeyboardShortcut","keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"kCASc,SAAUA,EACtBC,EACAC,EAAuB,IAEvBC,GAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,GACF,GACA,EAKJ,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,EAAY,CACnD,GACA,IAAIF,GACT"}

package/utils/utilities.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utilities.js","sources":["../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/*\n This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element \| string {\n const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n if (isHtml(text)) {\n const parser = new DOMParser();\n const docChildren = parser.parseFromString(text, 'text/html').body;\n const editNodes = (\n nodeList: NodeListOf<ChildNode>,\n idx = 0,\n remainingCharacters = maxChar,\n ): NodeListOf<ChildNode> => {\n const node = nodeList.item(idx);\n if (node !== null) {\n if (remainingCharacters <= 0) {\n return nodeList;\n }\n node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n } else return nodeList;\n };\n\n editNodes(docChildren.childNodes.item(0).childNodes);\n\n return createElement('div', {\n dangerouslySetInnerHTML: {\n __html: docChildren.innerHTML.toString(),\n },\n });\n }\n\n return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n if (props === value) {\n return trueValue as string;\n } else {\n return falseValue as string;\n }\n};\n"],"names":["handleMaxCharsInHTML","text","maxChar","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","handleMaxChars","length","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","substring","opacityLayerSwitchLightStatement","property","returnProps","opacityLayerSwitchDarkStatement","ternaryCondition","props","value","trueValue","falseValue"],"mappings":"sCAQA,SAASA,EAAqBC,EAAcC,GAE1C,GADeC,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAON,GAAO,CAChB,MACMO,GADS,IAAIC,WACQC,gBAAgBT,EAAM,aAAaU,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBb,KAEtB,MAAMc,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcC,EAAeH,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYE,SAC/DP,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYa,WAAWJ,KAAK,GAAGI,YAElCC,EAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQhB,EAAYiB,UAAUC,~~cAKpC~~,OAAOP,EAAelB,EAAMC,EAC9B,CAEA,SAASiB,EAAelB,EAAcC,GACpC,OAAOD,EAAKmB,OAASlB,EAAU,GAAGD,EAAK0B,UAAU,EAAGzB,QAAgBD,CACtE,CAEA,SAAS2B,EAAiCC,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,CACA,SAASC,EAAgCF,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,CAGO,MAAME,EAAmB,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}
1	+ {"version":3,"file":"utilities.js","sources":["../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/*\n This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element \| string {\n const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n if (isHtml(text)) {\n const parser = new DOMParser();\n const docChildren = parser.parseFromString(text, 'text/html').body;\n const editNodes = (\n nodeList: NodeListOf<ChildNode>,\n idx = 0,\n remainingCharacters = maxChar,\n ): NodeListOf<ChildNode> => {\n const node = nodeList.item(idx);\n if (node !== null) {\n if (remainingCharacters <= 0) {\n return nodeList;\n }\n node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n } else return nodeList;\n };\n\n editNodes(docChildren.childNodes.item(0).childNodes);\n\n return createElement('div', {\n dangerouslySetInnerHTML: {\n __html: docChildren.innerHTML.toString(),\n },\n });\n }\n\n return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n switch (property) {\n case 'opacity25':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n case 'opacity50':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n case 'opacity75':\n return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n default:\n return '';\n }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n if (props === value) {\n return trueValue as string;\n } else {\n return falseValue as string;\n }\n};\n"],"names":["handleMaxCharsInHTML","text","maxChar","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","handleMaxChars","length","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","substring","opacityLayerSwitchLightStatement","property","returnProps","opacityLayerSwitchDarkStatement","ternaryCondition","props","value","trueValue","falseValue"],"mappings":"sCAQA,SAASA,EAAqBC,EAAcC,GAE1C,GADeC,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAON,GAAO,CAChB,MACMO,GADS,IAAIC,WACQC,gBAAgBT,EAAM,aAAaU,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBb,KAEtB,MAAMc,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcC,EAAeH,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYE,SAC/DP,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYa,WAAWJ,KAAK,GAAGI,YAElCC,EAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQhB,EAAYiB,UAAUC,aAGpC,CAEA,OAAOP,EAAelB,EAAMC,EAC9B,CAEA,SAASiB,EAAelB,EAAcC,GACpC,OAAOD,EAAKmB,OAASlB,EAAU,GAAGD,EAAK0B,UAAU,EAAGzB,QAAgBD,CACtE,CAEA,SAAS2B,EAAiCC,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,CACA,SAASC,EAAgCF,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,CAGO,MAAME,EAAmB,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}

package/cjs/components/icon/icon.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"icon.js","sources":["../../../../../src/components/icon/icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n /**\n * Name of the icon that should be used. Alternatively, provide name in the className property\n */\n name?: IconNameProp;\n /**\n * Style of vectors, regular (stroke) or filled format\n * @default 'regular'\n */\n iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n // obtain SvgIcon component to be rendered\n const IconComponent = useMemo(() => {\n const definition =\n // try to find by name\n (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n // try to find by className\n (className &&\n iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n // fallback\n iconDefinitions.find((item) => item.name === 'circle-question');\n return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n }, [name, className, iconStyle]);\n\n return (\n <IconComponent\n ref={ref}\n data-testid=\"Icon\"\n className={['sa-i', className, name].filter(Boolean).join(' ')}\n {...rest}\n />\n );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","jsx","Object","assign","filter","Boolean","join"],"mappings":"yHAyBa,MAAAA,EAA4BC,EAAUA,YAAC,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAjCC,EAAAA,OAAAN,EAAA,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,EAAAA,SAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAeA,gBAACC,MAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,MAE3EC,GACCO,kBAAgBC,MAAMC,GAAQT,EAAUY,MAAM,KAAKC,MAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,QAExGP,EAAeA,gBAACC,MAAMO,GAAuB,oBAAdA,EAAKhB,OACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,SAAS,GAChF,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAAAC,IAACf,EAAagB,OAAAC,OAAA,CACZvB,IAAKA,EACO,cAAA,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMuB,OAAOC,SAASC,KAAK,MACtDtB,GACJ"}

package/cjs/layout/Error/ErrorContent.d.ts DELETED Viewed

@@ -1,33 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type ErrorContentProps = {
-    /**
-     * Error Status, eg. 404 or 500
-     * @requires
-     */
-    status: ReactNode;
-    /**
-     * Short message describing the error
-     * @default undefined
-     */
-    message?: ReactNode;
-    /**
-     * Longer description of the error
-     * @default undefined
-     */
-    description?: ReactNode;
-    /**
-     * Actions that user can interact with
-     * @default undefined
-     */
-    actions?: ReactNode;
-    /**
-     * Stacktrace of an error
-     * @default undefined
-     */
-    stacktrace?: string;
-};
-/**
- * Component that simplifies rendering of the error
- * @param props ErrorContentProps
- */
-export declare const ErrorContent: FC<ErrorContentProps>;

package/cjs/layout/Error/ErrorContent.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),r=require("react");exports.ErrorContent=o=>{const{status:s,message:n,actions:i,description:a,stacktrace:x}=o,l=r.useMemo((()=>"string"==typeof s\|\|"number"==typeof s?t.jsx(e.Typography,{sx:{fontWeight:{xs:"700"},fontSize:{xs:"72px"},lineHeight:{xs:"72px"},color:t=>t.palette.onSurface.os900},children:s}):s),[s]),d=r.useMemo((()=>n?"string"==typeof n\|\|"number"==typeof n?t.jsx(e.Typography,{variant:"h3",children:n}):n:null),[n]),c=r.useMemo((()=>a?"string"==typeof a\|\|"number"==typeof a?t.jsx(e.Typography,{children:a}):a:null),[a]),m=r.useMemo((()=>null==x?void 0:x.split("\n").map((r=>t.jsx(e.Box,{children:r},r)))),[x]);return t.jsxs(e.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",paddingTop:{xl:12,xs:10}},children:[t.jsxs(e.Box,{sx:{maxWidth:"612px"},children:[t.jsx(e.Box,{sx:{marginBottom:{lg:8,md:7,xs:6}},"data-testid":"ErrorContent.status",children:l}),d&&t.jsx(e.Box,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.message",children:d})]}),t.jsx(e.Box,{sx:{maxWidth:"450px"},children:c&&t.jsx(e.Box,{sx:{marginBottom:{lg:4,md:5,xs:3}},"data-testid":"ErrorContent.description",children:c})}),i&&t.jsx(e.Stack,{direction:"row",spacing:2,sx:{marginBottom:4},"data-testid":"ErrorContent.actions",children:i}),m&&t.jsx(e.Container,{children:t.jsx(e.Box,{sx:{border:"1px solid",borderColor:t=>t.palette.onSurface.os300,py:1,px:2,borderRadius:2,fontFamily:"monospace",fontSize:11,lineHeight:"18px",marginBottom:4,textAlign:"left",overflow:"auto","& > div:not(:first-of-type)":{marginLeft:4}},"data-testid":"ErrorContent.stacktrace",children:m})})]})};
2	- //# sourceMappingURL=ErrorContent.js.map

package/cjs/layout/Error/ErrorContent.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ErrorContent.js","sources":["../../../../../src/layout/Error/ErrorContent.tsx"],"sourcesContent":["import { Box, Container, Stack, Typography } from '@mui/material';\nimport { FC, ReactNode, useMemo } from 'react';\n\nexport type ErrorContentProps = {\n /**\n * Error Status, eg. 404 or 500\n * @requires\n */\n status: ReactNode;\n /**\n * Short message describing the error\n * @default undefined\n */\n message?: ReactNode;\n /**\n * Longer description of the error\n * @default undefined\n */\n description?: ReactNode;\n /**\n * Actions that user can interact with\n * @default undefined\n */\n actions?: ReactNode;\n /**\n * Stacktrace of an error\n * @default undefined\n */\n stacktrace?: string;\n};\n\n/**\n * Component that simplifies rendering of the error\n * @param props ErrorContentProps\n */\nexport const ErrorContent: FC<ErrorContentProps> = (props) => {\n const { status, message, actions, description, stacktrace } = props;\n\n const statusNode = useMemo(() => {\n if (typeof status === 'string' || typeof status === 'number') {\n return (\n <Typography\n sx={{\n fontWeight: { xs: '700' },\n fontSize: { xs: '72px' },\n lineHeight: { xs: '72px' },\n color: (theme) => theme.palette.onSurface.os900,\n }}\n >\n {status}\n </Typography>\n );\n }\n\n return status;\n }, [status]);\n\n const messageNode = useMemo(() => {\n if (!message) {\n return null;\n }\n if (typeof message === 'string' || typeof message === 'number') {\n return <Typography variant=\"h3\">{message}</Typography>;\n }\n return message;\n }, [message]);\n\n const descriptionNode = useMemo(() => {\n if (!description) {\n return null;\n }\n if (typeof description === 'string' || typeof description === 'number') {\n return <Typography>{description}</Typography>;\n }\n return description;\n }, [description]);\n\n const stackTraceNode = useMemo(\n () => stacktrace?.split('\\n').map((frame) => <Box key={frame}>{frame}</Box>),\n [stacktrace],\n );\n\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n paddingTop: {\n xl: 12,\n xs: 10,\n },\n }}\n >\n <Box\n sx={{\n maxWidth: '612px',\n }}\n >\n <Box sx={{ marginBottom: { lg: 8, md: 7, xs: 6 } }} data-testid=\"ErrorContent.status\">\n {statusNode}\n </Box>\n\n {messageNode && (\n <Box sx={{ marginBottom: { lg: 4, md: 5, xs: 3 } }} data-testid=\"ErrorContent.message\">\n {messageNode}\n </Box>\n )}\n </Box>\n\n <Box\n sx={{\n maxWidth: '450px',\n }}\n >\n {descriptionNode && (\n <Box sx={{ marginBottom: { lg: 4, md: 5, xs: 3 } }} data-testid=\"ErrorContent.description\">\n {descriptionNode}\n </Box>\n )}\n </Box>\n\n {actions && (\n <Stack direction=\"row\" spacing={2} sx={{ marginBottom: 4 }} data-testid=\"ErrorContent.actions\">\n {actions}\n </Stack>\n )}\n\n {stackTraceNode && (\n <Container>\n <Box\n sx={{\n border: '1px solid',\n borderColor: (theme) => theme.palette.onSurface.os300,\n py: 1,\n px: 2,\n borderRadius: 2,\n fontFamily: 'monospace',\n fontSize: 11,\n lineHeight: '18px',\n marginBottom: 4,\n textAlign: 'left',\n overflow: 'auto',\n '& > div:not(:first-of-type)': {\n marginLeft: 4,\n },\n }}\n data-testid=\"ErrorContent.stacktrace\"\n >\n {stackTraceNode}\n </Box>\n </Container>\n )}\n </Box>\n );\n};\n"],"names":["props","status","message","actions","description","stacktrace","statusNode","useMemo","_jsx","jsx","Typography","sx","fontWeight","xs","fontSize","lineHeight","color","theme","palette","onSurface","os900","children","messageNode","variant","descriptionNode","stackTraceNode","split","map","frame","Box","_jsxs","jsxs","display","flexDirection","alignItems","textAlign","paddingTop","xl","maxWidth","marginBottom","lg","md","Stack","direction","spacing","Container","border","borderColor","os300","py","px","borderRadius","fontFamily","overflow","marginLeft"],"mappings":"mHAmCoDA,IAClD,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,EAAOC,YAAEA,EAAWC,WAAEA,GAAeL,EAExDM,EAAaC,EAAAA,SAAQ,IACH,iBAAXN,GAAyC,iBAAXA,EAErCO,EAAAC,IAACC,aAAU,CACTC,GAAI,CACFC,WAAY,CAAEC,GAAI,OAClBC,SAAU,CAAED,GAAI,QAChBE,WAAY,CAAEF,GAAI,QAClBG,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,OAG3CC,SAAApB,IAKAA,GACN,CAACA,IAEEqB,EAAcf,EAAAA,SAAQ,IACrBL,EAGkB,iBAAZA,GAA2C,iBAAZA,EACjCM,EAAAA,IAACE,EAAAA,WAAW,CAAAa,QAAQ,KAAIF,SAAEnB,IAE5BA,EALE,MAMR,CAACA,IAEEsB,EAAkBjB,EAAAA,SAAQ,IACzBH,EAGsB,iBAAhBA,GAAmD,iBAAhBA,EACrCI,EAACC,IAAAC,EAAUA,WAAE,CAAAW,SAAAjB,IAEfA,EALE,MAMR,CAACA,IAEEqB,EAAiBlB,EAAAA,SACrB,IAAMF,eAAAA,EAAYqB,MAAM,MAAMC,KAAKC,GAAUpB,MAACqB,EAAAA,IAAiB,CAAAR,SAAAO,GAARA,MACvD,CAACvB,IAGH,OACEyB,EAAAC,KAACF,MAAG,CACFlB,GAAI,CACFqB,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,UAAW,SACXC,WAAY,CACVC,GAAI,GACJxB,GAAI,KAEPQ,SAAA,CAEDS,EAAAA,KAACD,EAAGA,IACF,CAAAlB,GAAI,CACF2B,SAAU,SACXjB,SAAA,CAEDb,EAACC,IAAAoB,MAAI,CAAAlB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAK,cAAc,sBAAqBQ,SAClFf,IAGFgB,GACCd,EAAAC,IAACoB,EAAGA,IAAA,CAAClB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAmB,cAAA,gCAC7DS,OAKPd,EAAAC,IAACoB,MAAG,CACFlB,GAAI,CACF2B,SAAU,SACXjB,SAEAG,GACChB,EAAAC,IAACoB,MAAI,CAAAlB,GAAI,CAAE4B,aAAc,CAAEC,GAAI,EAAGC,GAAI,EAAG5B,GAAI,IAAmB,cAAA,oCAC7DW,MAKNrB,GACCK,EAAAA,IAACkC,EAAKA,MAAA,CAACC,UAAU,MAAMC,QAAS,EAAGjC,GAAI,CAAE4B,aAAc,GAAiB,cAAA,uBACrElB,SAAAlB,IAIJsB,GACCjB,MAACqC,EAAAA,UACC,CAAAxB,SAAAb,EAAAC,IAACoB,MAAG,CACFlB,GAAI,CACFmC,OAAQ,YACRC,YAAc9B,GAAUA,EAAMC,QAAQC,UAAU6B,MAChDC,GAAI,EACJC,GAAI,EACJC,aAAc,EACdC,WAAY,YACZtC,SAAU,GACVC,WAAY,OACZwB,aAAc,EACdJ,UAAW,OACXkB,SAAU,OACV,8BAA+B,CAC7BC,WAAY,IAGJ,cAAA,mCAEX7B,QAIH"}

package/cjs/layout/Footer/Footer.d.ts DELETED Viewed

@@ -1,5 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type FooterProps = {
-    children: ReactNode;
-};
-export declare const Footer: FC<FooterProps>;

package/cjs/layout/Footer/Footer.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");exports.Footer=t=>e.jsx(r.Box,{"data-testid":"Footer",sx:{background:e=>e.palette.onSurface.os800,color:e=>e.palette.common.white,padding:{lg:"80px 0",xs:"48px 0"},"& hr":{borderColor:e=>e.palette.onSurface.os700}},children:e.jsx(r.Container,{maxWidth:"xl",children:e.jsx(r.Stack,{direction:"column",spacing:4,children:t.children})})});
2	- //# sourceMappingURL=Footer.js.map

package/cjs/layout/Footer/Footer.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Footer.js","sources":["../../../../../src/layout/Footer/Footer.tsx"],"sourcesContent":["import { Box, Container, Stack } from '@mui/material';\nimport { FC, ReactNode } from 'react';\n\nexport type FooterProps = {\n children: ReactNode;\n};\n\nexport const Footer: FC<FooterProps> = (props) => (\n <Box\n data-testid=\"Footer\"\n sx={{\n background: (theme) => theme.palette.onSurface.os800,\n color: (theme) => theme.palette.common.white,\n padding: {\n lg: '80px 0',\n xs: '48px 0',\n },\n '& hr': {\n borderColor: (theme) => theme.palette.onSurface.os700,\n },\n }}\n >\n <Container maxWidth=\"xl\">\n <Stack direction=\"column\" spacing={4}>\n {props.children}\n </Stack>\n </Container>\n </Box>\n);\n"],"names":["props","_jsx","Box","sx","background","theme","palette","onSurface","os800","color","common","white","padding","lg","xs","borderColor","os700","children","jsx","Container","maxWidth","Stack","direction","spacing"],"mappings":"0FAOwCA,GACtCC,MAACC,EAAGA,IAAA,CAAA,cACU,SACZC,GAAI,CACFC,WAAaC,GAAUA,EAAMC,QAAQC,UAAUC,MAC/CC,MAAQJ,GAAUA,EAAMC,QAAQI,OAAOC,MACvCC,QAAS,CACPC,GAAI,SACJC,GAAI,UAEN,OAAQ,CACNC,YAAcV,GAAUA,EAAMC,QAAQC,UAAUS,QAIpDC,SAAAhB,EAAAiB,IAACC,YAAS,CAACC,SAAS,KAClBH,SAAAhB,EAAAA,IAACoB,EAAKA,MAAA,CAACC,UAAU,SAASC,QAAS,EAChCN,SAAAjB,EAAMiB"}

package/cjs/layout/Footer/FooterAccordion.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from 'react';
-export type FooterAccordionProps = {
-    /**
-     * Label of the Accordion
-     * String will be rendered inside `Typography` component with toggle icon.
-     * Other types are rendered as is, so you have to provide your own styles.
-     * @requires
-     */
-    label: ReactNode;
-    /**
-     * Content of the Accordion
-     * String will be rendered inside `Typography` component with toggle icon.
-     * Other types are rendered as is, so you have to provide your own styles.
-     * @requires
-     */
-    children: ReactNode;
-};
-export declare const FooterAccordion: FC<FooterAccordionProps>;

package/cjs/layout/Footer/FooterAccordion.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("react/jsx-runtime"),r=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js"),require("../../utils/enum.js");var o=require("../../utils/useClosure/useClosure.js");require("react");var n=require("@mui/material");exports.FooterAccordion=({label:i,children:t})=>{const{isOpen:s,onToggle:c}=o.useClosure(!1);return e.jsxs(n.Box,{"data-testid":"FooterAccordion",sx:{color:e=>e.palette.onSurface.os0},children:[e.jsxs(n.Box,{onClick:c,sx:{cursor:"pointer",color:"inherit",background:"transparent",border:"none",padding:0},"data-testid":"FooterAccordion.label",component:"button",tabIndex:0,"aria-expanded":s,onKeyDown:e=>{" "===e.key&&(e.preventDefault(),c())},children:["string"==typeof i&&e.jsxs(n.Stack,{direction:"row",spacing:2,alignItems:"center",children:[e.jsx(n.Typography,{variant:"caption2",color:"inherit",sx:{flexGrow:{xs:"1",lg:"0"}},children:i}),e.jsx(r.Icon,{fontSize:"small",name:s?"chevron-up":"chevron-down"})]}),"string"!=typeof i&&i]}),e.jsx(n.Collapse,{in:s,"data-testid":"FooterAccordion.children",children:e.jsxs(n.Box,{sx:{paddingTop:4,p:{fontSize:"14px",lineHeight:"20px"}},children:["string"==typeof t&&e.jsx(n.Typography,{color:"inherit",variant:"disclaimer1",children:t}),"string"!=typeof t&&t]})})]})};
2	- //# sourceMappingURL=FooterAccordion.js.map

package/cjs/layout/Footer/FooterAccordion.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FooterAccordion.js","sources":["../../../../../src/layout/Footer/FooterAccordion.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Collapse, Stack, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\n\nexport type FooterAccordionProps = {\n /**\n * Label of the Accordion\n * String will be rendered inside `Typography` component with toggle icon.\n * Other types are rendered as is, so you have to provide your own styles.\n * @requires\n */\n label: ReactNode;\n /**\n * Content of the Accordion\n * String will be rendered inside `Typography` component with toggle icon.\n * Other types are rendered as is, so you have to provide your own styles.\n * @requires\n */\n children: ReactNode;\n};\n\nexport const FooterAccordion: FC<FooterAccordionProps> = ({ label, children }) => {\n const { isOpen, onToggle } = useClosure(false);\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === ' ') {\n event.preventDefault();\n onToggle();\n }\n };\n\n return (\n <Box data-testid=\"FooterAccordion\" sx={{ color: (theme) => theme.palette.onSurface.os0 }}>\n <Box\n onClick={onToggle}\n sx={{ cursor: 'pointer', color: 'inherit', background: 'transparent', border: 'none', padding: 0 }}\n data-testid=\"FooterAccordion.label\"\n component=\"button\"\n tabIndex={0}\n aria-expanded={isOpen}\n onKeyDown={handleKeyDown}\n >\n {typeof label === 'string' && (\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Typography variant=\"caption2\" color=\"inherit\" sx={{ flexGrow: { xs: '1', lg: '0' } }}>\n {label}\n </Typography>\n <Icon fontSize=\"small\" name={isOpen ? 'chevron-up' : 'chevron-down'} />\n </Stack>\n )}\n {typeof label !== 'string' && label}\n </Box>\n <Collapse in={isOpen} data-testid=\"FooterAccordion.children\">\n <Box sx={{ paddingTop: 4, p: { fontSize: '14px', lineHeight: '20px' } }}>\n {typeof children === 'string' && (\n <Typography color=\"inherit\" variant=\"disclaimer1\">\n {children}\n </Typography>\n )}\n {typeof children !== 'string' && children}\n </Box>\n </Collapse>\n </Box>\n );\n};\n"],"names":["label","children","isOpen","onToggle","useClosure","_jsxs","Box","sx","color","theme","palette","onSurface","os0","onClick","cursor","background","border","padding","component","tabIndex","onKeyDown","event","key","preventDefault","Stack","direction","spacing","alignItems","_jsx","jsx","Typography","variant","flexGrow","xs","lg","Icon","fontSize","name","Collapse","in","jsxs","paddingTop","p","lineHeight"],"mappings":"6SAsByD,EAAGA,QAAOC,eACjE,MAAMC,OAAEA,EAAMC,SAAEA,GAAaC,EAAAA,YAAW,GASxC,OACEC,EAAAA,KAACC,EAAAA,IAAG,CAAA,cAAa,kBAAkBC,GAAI,CAAEC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,KAAKX,SAAA,CACtFI,EAAAA,KAACC,EAAAA,IAAG,CACFO,QAASV,EACTI,GAAI,CAAEO,OAAQ,UAAWN,MAAO,UAAWO,WAAY,cAAeC,OAAQ,OAAQC,QAAS,GAAG,cACtF,wBACZC,UAAU,SACVC,SAAU,EAAC,gBACIjB,EACfkB,UAhBiBC,IACH,MAAdA,EAAMC,MACRD,EAAME,iBACNpB,MAeGF,SAAA,CAAiB,iBAAVD,GACNK,EAAAA,KAACmB,EAAAA,OAAMC,UAAU,MAAMC,QAAS,EAAGC,WAAW,SAC5C1B,SAAA,CAAA2B,EAAAC,IAACC,EAAUA,WAAC,CAAAC,QAAQ,WAAWvB,MAAM,UAAUD,GAAI,CAAEyB,SAAU,CAAEC,GAAI,IAAKC,GAAI,MAC3EjC,SAAAD,IAEH4B,EAAAC,IAACM,EAAIA,KAAA,CAACC,SAAS,QAAQC,KAAMnC,EAAS,aAAe,oBAGvC,iBAAVF,GAAsBA,KAEhC4B,EAAAC,IAACS,EAAQA,SAAA,CAACC,GAAIrC,EAAoB,cAAA,2BAChCD,SAAAI,EAAAmC,KAAClC,EAAGA,IAAC,CAAAC,GAAI,CAAEkC,WAAY,EAAGC,EAAG,CAAEN,SAAU,OAAQO,WAAY,SAC1D1C,SAAA,CAAoB,iBAAbA,GACN2B,EAACC,IAAAC,EAAUA,WAAC,CAAAtB,MAAM,UAAUuB,QAAQ,cAAa9B,SAC9CA,IAGgB,iBAAbA,GAAyBA,SAGjC"}

package/cjs/layout/Footer/FooterIconButton.d.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import { IconNameProp } from '@/src/components/icon';
-import { ReactNode } from 'react';
-export type FooterIconButtonProps<C extends React.ElementType> = ({
-    /**
-     * Icon identifier
-     * @requires
-     */
-    icon: IconNameProp;
-} | {
-    /**
-     * Custom svg icon
-     * @requires
-     */
-    children: ReactNode;
-}) & IconButtonProps<C, {
-    component?: C;
-}>;
-/** Renders icon button intended for `Footer` component */
-export declare function FooterIconButton<C extends React.ElementType = 'button'>({ sx, icon, children, ...rest }: FooterIconButtonProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Footer/FooterIconButton.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var o=require("tslib"),e=require("react/jsx-runtime"),r=require("@mui/material"),n=require("../../components/icon/icon.js");exports.FooterIconButton=function(t){var{sx:c,icon:i,children:s}=t,u=o.__rest(t,["sx","icon","children"]);return e.jsx(r.IconButton,Object.assign({"data-testid":"FooterIconButton",size:"small",color:"white",sx:Object.assign({color:"onSurface.os0","&:hover":{backgroundColor:"onSurface.os700"}},c\|\|{})},u,{children:s\|\|e.jsx(n.Icon,{name:i})}))};
2	- //# sourceMappingURL=FooterIconButton.js.map

package/cjs/layout/Footer/FooterIconButton.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FooterIconButton.js","sources":["../../../../../src/layout/Footer/FooterIconButton.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { Icon } from '../../components/icon/icon';\nimport { IconNameProp } from '@/src/components/icon';\nimport { ReactNode } from 'react';\n\nexport type FooterIconButtonProps<C extends React.ElementType> = (\n | {\n /**\n * Icon identifier\n * @requires\n */\n icon: IconNameProp;\n }\n | {\n /**\n * Custom svg icon\n * @requires\n */\n children: ReactNode;\n }\n) &\n IconButtonProps<C, { component?: C }>;\n\n/** Renders icon button intended for `Footer` component */\nexport function FooterIconButton<C extends React.ElementType = 'button'>({\n sx,\n icon,\n children,\n ...rest\n}: FooterIconButtonProps<C>) {\n return (\n <IconButton\n data-testid=\"FooterIconButton\"\n size=\"small\"\n color=\"white\"\n sx={{\n color: 'onSurface.os0',\n '&:hover': {\n backgroundColor: 'onSurface.os700',\n },\n ...(sx || {}),\n }}\n {...rest}\n >\n {children || <Icon name={icon} />}\n </IconButton>\n );\n}\n"],"names":["_a","sx","icon","children","rest","__rest","_jsx","IconButton","Object","assign","size","color","backgroundColor","jsx","Icon","name"],"mappings":"kKAwBM,SAAmEA,OAAAC,GACvEA,EACAC,KAAAA,EAAIC,SACJA,KACGC,EAJoEC,EAAAA,OAAAL,EAAA,CAAA,KAAA,OAAA,aAMvE,OACEM,EAAAA,IAACC,EAAAA,WAAUC,OAAAC,OAAA,CAAA,cACG,mBACZC,KAAK,QACLC,MAAM,QACNV,GAAEO,OAAAC,OAAA,CACAE,MAAO,gBACP,UAAW,CACTC,gBAAiB,oBAEfX,GAAM,CAAA,IAERG,EAEH,CAAAD,SAAAA,GAAYG,EAACO,IAAAC,EAAIA,MAACC,KAAMb,MAG/B"}

package/cjs/layout/Footer/FooterLink.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import { StackProps } from '@mui/material';
-import React, { ReactNode } from 'react';
-import { IconNameProp } from '@/src/components/icon';
-export type FooterLinkProps<C extends React.ElementType> = {
-    /**
-     * Icon identifier
-     * @requires
-     */
-    icon?: IconNameProp;
-    children: ReactNode;
-} & StackProps<C, {
-    component?: C;
-}>;
-/** Renders link intended for `Footer` component */
-export declare function FooterLink<C extends React.ElementType = 'a'>(props: FooterLinkProps<C>): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Footer/FooterLink.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),n=require("@mui/material"),t=require("react"),i=require("../../components/icon/icon.js");exports.FooterLink=function(o){const{icon:c,children:s}=o,a=e.__rest(o,["icon","children"]),l=t.useMemo((()=>o.href\|\|o.onClick),[o]);return r.jsxs(n.Stack,Object.assign({component:"a"},a,{direction:"row",spacing:1,alignItems:"center",sx:{color:e=>e.palette.onSurface.os0,textDecorationColor:e=>e.palette.onSurface.os0,textDecoration:"underline",textUnderlineOffset:"2px",cursor:l?"pointer":void 0,padding:"4px 8px","&:hover p":{textDecoration:l?"underline":void 0}},children:[c&&r.jsx(i.Icon,{fontSize:"small",name:c}),r.jsx(n.Typography,{variant:"list",children:s})]}))};
2	- //# sourceMappingURL=FooterLink.js.map

package/cjs/layout/Footer/FooterLink.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FooterLink.js","sources":["../../../../../src/layout/Footer/FooterLink.tsx"],"sourcesContent":["import { StackProps, Stack, Typography } from '@mui/material';\nimport React, { ReactNode, useMemo } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type FooterLinkProps<C extends React.ElementType> = {\n /**\n * Icon identifier\n * @requires\n */\n icon?: IconNameProp;\n children: ReactNode;\n} & StackProps<C, { component?: C }>;\n\n/** Renders link intended for `Footer` component */\nexport function FooterLink<C extends React.ElementType = 'a'>(props: FooterLinkProps<C>) {\n const { icon, children, ...rest } = props;\n\n const shouldDecorateText = useMemo(() => props.href || props.onClick, [props]);\n\n return (\n <Stack\n component=\"a\"\n {...rest}\n direction=\"row\"\n spacing={1}\n alignItems=\"center\"\n sx={{\n color: (theme) => theme.palette.onSurface.os0,\n textDecorationColor: (theme) => theme.palette.onSurface.os0,\n textDecoration: 'underline',\n textUnderlineOffset: '2px',\n cursor: shouldDecorateText ? 'pointer' : undefined,\n padding: '4px 8px',\n '&:hover p': {\n textDecoration: shouldDecorateText ? 'underline' : undefined,\n },\n }}\n >\n {icon && <Icon fontSize=\"small\" name={icon} />}\n <Typography variant=\"list\">{children}</Typography>\n </Stack>\n );\n}\n"],"names":["props","icon","children","rest","__rest","shouldDecorateText","useMemo","href","onClick","_jsxs","Stack","Object","assign","component","direction","spacing","alignItems","sx","color","theme","palette","onSurface","os0","textDecorationColor","textDecoration","textUnderlineOffset","cursor","undefined","padding","_jsx","jsx","Icon","fontSize","name","Typography","variant"],"mappings":"+KAeM,SAAwDA,GAC5D,WAAQC,EAAIC,SAAEA,GAAsBF,EAATG,EAASC,EAAAA,OAAAJ,EAA9B,CAAA,OAAA,aAEAK,EAAqBC,EAAOA,SAAC,IAAMN,EAAMO,MAAQP,EAAMQ,SAAS,CAACR,IAEvE,OACES,EAAAA,KAACC,EAAAA,MAAKC,OAAAC,OAAA,CACJC,UAAU,KACNV,EACJ,CAAAW,UAAU,MACVC,QAAS,EACTC,WAAW,SACXC,GAAI,CACFC,MAAQC,GAAUA,EAAMC,QAAQC,UAAUC,IAC1CC,oBAAsBJ,GAAUA,EAAMC,QAAQC,UAAUC,IACxDE,eAAgB,YAChBC,oBAAqB,MACrBC,OAAQrB,EAAqB,eAAYsB,EACzCC,QAAS,UACT,YAAa,CACXJ,eAAgBnB,EAAqB,iBAAcsB,IAItDzB,SAAA,CAAAD,GAAQ4B,EAAAC,IAACC,EAAIA,KAAA,CAACC,SAAS,QAAQC,KAAMhC,IACtC4B,MAACK,EAAAA,WAAU,CAACC,QAAQ,OAAMjC,SAAEA,OAGlC"}

package/cjs/layout/Footer/FooterMenu.d.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import { BoxProps } from '@mui/material';
-import { ReactNode } from 'react';
-export type FooterMenuProps = {
-    /**
-     * Main item of Menu, `Link` component can be used here
-     * @requires
-     */
-    mainItem: ReactNode;
-    /**
-     * Other items of Menu, multiple `Link` components wrapped in fragment can be used here
-     * @requires
-     */
-    subItems: ReactNode;
-    /**
-     * Variant of the Menu
-     * List will have all items rendered, this is suitable for larger screens.
-     * Accordion will have only main item rendered, sub items can be shown/hidden by user action. This is suitable for smaller screens.
-     * @default list
-     */
-    variant?: 'list' | 'accordion';
-} & BoxProps;
-/**
- * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.
- */
-export declare function FooterMenu({ mainItem, subItems, variant, sx, ...rest }: FooterMenuProps): import("react/jsx-runtime").JSX.Element;

package/cjs/layout/Footer/FooterMenu.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";var e=require("tslib"),o=require("react/jsx-runtime"),t=require("../../components/icon/icon.js");require("../../components/icon/icon.definitions.js");var n=require("@mui/material"),r=require("react");exports.FooterMenu=function(a){var{mainItem:i,subItems:s,variant:c,sx:l}=a,d=e.__rest(a,["mainItem","subItems","variant","sx"]);const u=n.useMediaQuery((e=>e.breakpoints.down("lg")));c=c\|\|(u?"accordion":"list");const[p,x]=r.useState("list"===c);r.useEffect((()=>{"list"===c&&x(!0)}),[c,x]);const m=r.useMemo((()=>"accordion"===c&&u),[c,u]);return o.jsxs(n.Box,Object.assign({"data-testid":"FooterMenu",sx:Object.assign(Object.assign({display:"flex",gap:m?0:2,flexDirection:"column"},m?{"&:last-of-type":{borderBottom:1,borderColor:"secondary.main"}}:{}),l\|\|{})},d,{children:[o.jsxs(n.Box,{sx:e=>Object.assign({color:e.palette.onSurface.os0,"& a":{color:e.palette.onSurface.os0,textDecorationColor:e.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:{xs:"44px",lg:"32px",xl:"20px"},display:"flex",alignItems:{xs:"center",lg:"accordion"===c?"center":"flex-start"},justifyContent:"space-between",cursor:"accordion"===c&&"pointer"},m?{borderTop:1,py:{xs:"4px",md:"8px"},borderColor:"secondary.main"}:{}),onClick:"accordion"===c?()=>x(!p):void 0,children:[o.jsx(n.Typography,{component:"div",variant:"subheadline","data-testid":"FooterMenu.label",children:i}),"accordion"===c&&o.jsx(n.IconButton,{"aria-label":"Open submenu","data-testid":"FooterMenu.toggle",children:o.jsx(t.Icon,{fontSize:"small",name:p?"chevron-up":"chevron-down"})})]}),o.jsx(n.Collapse,{in:p,"data-testid":"FooterMenu.content",children:o.jsx(n.Stack,{direction:"column",sx:e=>Object.assign(Object.assign({},e.typography.disclaimer1),{color:e.palette.onSurface.os200,gap:u?"16px":"12px","& a":{color:e.palette.onSurface.os200,textDecorationColor:e.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}},paddingTop:m&&1,paddingBottom:m&&2.5,"& .MuiTypography-root":{fontWeight:600}}),children:s})})]}))};
2	- //# sourceMappingURL=FooterMenu.js.map

package/cjs/layout/Footer/FooterMenu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"FooterMenu.js","sources":["../../../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Box, BoxProps, Collapse, IconButton, Stack, Typography, useMediaQuery, Theme } from '@mui/material';\nimport { ReactNode, useEffect, useState, useMemo } from 'react';\n\nexport type FooterMenuProps = {\n /**\n * Main item of Menu, `Link` component can be used here\n * @requires\n */\n mainItem: ReactNode;\n /**\n * Other items of Menu, multiple `Link` components wrapped in fragment can be used here\n * @requires\n */\n subItems: ReactNode;\n /**\n * Variant of the Menu\n * List will have all items rendered, this is suitable for larger screens.\n * Accordion will have only main item rendered, sub items can be shown/hidden by user action. This is suitable for smaller screens.\n * @default list\n */\n variant?: 'list' | 'accordion';\n} & BoxProps;\n\n/**\n * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.\n */\nexport function FooterMenu({ mainItem, subItems, variant, sx, ...rest }: FooterMenuProps) {\n const isSmallerThanLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n // Get value from prop or define based on breakpoint\n variant = variant || (isSmallerThanLg ? 'accordion' : 'list');\n const [isOpen, setIsOpen] = useState(variant === 'list');\n\n useEffect(() => {\n if (variant === 'list') {\n setIsOpen(true);\n }\n }, [variant, setIsOpen]);\n\n const isMobileAccordion = useMemo(() => variant === 'accordion' && isSmallerThanLg, [variant, isSmallerThanLg]);\n\n return (\n <Box\n data-testid=\"FooterMenu\"\n sx={{\n display: 'flex',\n gap: isMobileAccordion ? 0 : 2,\n flexDirection: 'column',\n // last accordion item should has bottom border\n ...(isMobileAccordion\n ? {\n '&:last-of-type': {\n borderBottom: 1,\n borderColor: 'secondary.main',\n },\n }\n : {}),\n ...(sx || {}),\n }}\n {...rest}\n >\n <Box\n sx={(theme) => ({\n color: theme.palette.onSurface.os0,\n '& a': {\n color: theme.palette.onSurface.os0,\n textDecorationColor: theme.palette.onSurface.os0,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n minHeight: { xs: '44px', lg: '32px', xl: '20px' },\n display: 'flex',\n alignItems: { xs: 'center', lg: variant === 'accordion' ? 'center' : 'flex-start' },\n justifyContent: 'space-between',\n cursor: variant === 'accordion' && 'pointer',\n // each mobile accordion item should has border\n ...(isMobileAccordion\n ? {\n borderTop: 1,\n py: { xs: '4px', md: '8px' },\n borderColor: 'secondary.main',\n }\n : {}),\n })}\n onClick={variant === 'accordion' ? () => setIsOpen(!isOpen) : undefined}\n >\n <Typography component=\"div\" variant=\"subheadline\" data-testid=\"FooterMenu.label\">\n {mainItem}\n </Typography>\n {variant === 'accordion' && (\n <IconButton aria-label=\"Open submenu\" data-testid=\"FooterMenu.toggle\">\n <Icon fontSize=\"small\" name={isOpen ? 'chevron-up' : 'chevron-down'} />\n </IconButton>\n )}\n </Box>\n\n <Collapse in={isOpen} data-testid=\"FooterMenu.content\">\n <Stack\n direction=\"column\"\n sx={(theme) => ({\n ...theme.typography.disclaimer1,\n color: theme.palette.onSurface.os200,\n gap: isSmallerThanLg ? '16px' : '12px',\n '& a': {\n color: theme.palette.onSurface.os200,\n textDecorationColor: theme.palette.onSurface.os200,\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n paddingTop: isMobileAccordion && 1,\n paddingBottom: isMobileAccordion && 2.5,\n '& .MuiTypography-root': {\n fontWeight: 600,\n },\n })}\n >\n {subItems}\n </Stack>\n </Collapse>\n </Box>\n );\n}\n"],"names":["_a","mainItem","subItems","variant","sx","rest","__rest","isSmallerThanLg","useMediaQuery","theme","breakpoints","down","isOpen","setIsOpen","useState","useEffect","isMobileAccordion","useMemo","_jsxs","jsxs","Box","Object","assign","display","gap","flexDirection","borderBottom","borderColor","children","color","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","xs","lg","xl","alignItems","justifyContent","cursor","borderTop","py","md","onClick","undefined","_jsx","jsx","Typography","component","IconButton","Icon","fontSize","name","Collapse","in","Stack","direction","typography","disclaimer1","os200","paddingTop","paddingBottom","fontWeight"],"mappings":"wOA2BM,SAAqBA,GAAA,IAAAC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,GAAEA,GAAEJ,EAAKK,EAAtCC,EAAAA,OAAAN,EAAA,CAAA,WAAA,WAAA,UAAA,OACzB,MAAMO,EAAkBC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAE/ER,EAAUA,IAAYI,EAAkB,YAAc,QACtD,MAAOK,EAAQC,GAAaC,EAAAA,SAAqB,SAAZX,GAErCY,EAAAA,WAAU,KACQ,SAAZZ,GACFU,GAAU,KAEX,CAACV,EAASU,IAEb,MAAMG,EAAoBC,EAAOA,SAAC,IAAkB,cAAZd,GAA2BI,GAAiB,CAACJ,EAASI,IAE9F,OACEW,EAAAC,KAACC,MAAGC,OAAAC,OAAA,CAAA,cACU,aACZlB,GAAEiB,OAAAC,OAAAD,OAAAC,OAAA,CACAC,QAAS,OACTC,IAAKR,EAAoB,EAAI,EAC7BS,cAAe,UAEXT,EACA,CACE,iBAAkB,CAChBU,aAAc,EACdC,YAAa,mBAGjB,IACAvB,GAAM,CAAA,IAERC,EAAI,CAAAuB,SAAA,CAERV,EAACC,KAAAC,OACChB,GAAKK,GAAUY,OAAAC,OAAA,CACbO,MAAOpB,EAAMqB,QAAQC,UAAUC,IAC/B,MAAO,CACLH,MAAOpB,EAAMqB,QAAQC,UAAUC,IAC/BC,oBAAqBxB,EAAMqB,QAAQC,UAAUC,IAC7CE,eAAgB,OAChB,UAAW,CACTA,eAAgB,cAGpBC,UAAW,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACzCf,QAAS,OACTgB,WAAY,CAAEH,GAAI,SAAUC,GAAgB,cAAZlC,EAA0B,SAAW,cACrEqC,eAAgB,gBAChBC,OAAoB,cAAZtC,GAA2B,WAE/Ba,EACA,CACE0B,UAAW,EACXC,GAAI,CAAEP,GAAI,MAAOQ,GAAI,OACrBjB,YAAa,kBAEf,CAAE,GAERkB,QAAqB,cAAZ1C,EAA0B,IAAMU,GAAWD,QAAUkC,EAASlB,SAAA,CAEvEmB,EAACC,IAAAC,cAAWC,UAAU,MAAM/C,QAAQ,cAAa,cAAa,mBAAkByB,SAC7E3B,IAEU,cAAZE,GACC4C,MAACI,EAAAA,WAAU,CAAA,aAAY,eAAc,cAAa,oBAAmBvB,SACnEmB,MAACK,EAAAA,KAAK,CAAAC,SAAS,QAAQC,KAAM1C,EAAS,aAAe,sBAK3DmC,MAACQ,EAAAA,SAAS,CAAAC,GAAI5C,EAAoB,cAAA,qBAChCgB,SAAAmB,MAACU,EAAAA,MAAK,CACJC,UAAU,SACVtD,GAAKK,GACAY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,EAAMkD,WAAWC,aACpB,CAAA/B,MAAOpB,EAAMqB,QAAQC,UAAU8B,MAC/BrC,IAAKjB,EAAkB,OAAS,OAChC,MAAO,CACLsB,MAAOpB,EAAMqB,QAAQC,UAAU8B,MAC/B5B,oBAAqBxB,EAAMqB,QAAQC,UAAU8B,MAC7C3B,eAAgB,OAChB,UAAW,CACTA,eAAgB,cAGpB4B,WAAY9C,GAAqB,EACjC+C,cAAe/C,GAAqB,IACpC,wBAAyB,CACvBgD,WAAY,gBAIf9D,SAKX"}

package/cjs/layout/Footer/FooterSectionContact.d.ts DELETED Viewed

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { BoxProps } from '@mui/material';
-export type FooterSectionContactProps = {
-    /**
-     * Items that should be rendered in left side of the Footer.
-     */
-    contactSlot?: ReactNode;
-    contactSlotProps?: BoxProps;
-    /**
-     * Items that should be rendered in right side of the Footer.
-     */
-    socialSlot?: ReactNode;
-    socialSlotProps?: BoxProps;
-} & BoxProps;
-/**
- * Renders a footer section for links divided into two columns
- */
-export declare function FooterSectionContact(props: FooterSectionContactProps): import("react/jsx-runtime").JSX.Element;