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

@skodaflow/web-library 7.13.1 → 7.15.0

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 (798) hide show

package/cjs/components/carousel/pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.js","sources":["../../../../../src/components/carousel/pagination.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useMemo, useState, useRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Slider, SliderProps, LinearProgressProps, CSSObject } from '@mui/material';\nimport { useCarousel } from './hooks';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { SliderContainer } from '@/src/materialui/slider/sliderContainer';\n\nexport interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementType>, 'children' \| 'position'> {\n /*\n Carousel instance from useCarousel hook\n /\n carousel: CarouselInstance;\n}\nexport interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {\n variant?: 'dots';\n /\n Properties applied to each dot\n /\n dotProps?: Partial<BoxProps<ElementType>>;\n}\nexport interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {\n variant?: 'fraction';\n /\n Properties applied to button used to render text\n /\n buttonProps?: ButtonProps;\n}\nexport interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {\n variant?: 'lines';\n /\n Properties applied to each line\n /\n linesProps?: ButtonProps;\n /\n Show progress in active line instead\n /\n lineProgress?: number;\n /\n Properties applied to active line progress\n /\n lineProgressProps?: BoxProps<ElementType>;\n}\n/\n @deprecated use `slider` variant instead\n /\nexport interface CarouselPaginationProgressProps extends CarouselPaginationVariantProps {\n variant?: 'progress';\n /\n @deprecated\n /\n progressProps?: LinearProgressProps;\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {\n variant?: 'slider';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationScrollbarProps extends CarouselPaginationVariantProps {\n variant?: 'scrollbar';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationBaseProps {\n /\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Append style to wrapper box to change position of control\n * @default outside\n /\n position?: 'outside' \| 'inside';\n}\nexport type CarouselPaginationProps = CarouselPaginationBaseProps &\n (\n \| Omit<CarouselPaginationDotsProps, 'carousel'>\n \| Omit<CarouselPaginationFractionProps, 'carousel'>\n \| Omit<CarouselPaginationLinesProps, 'carousel'>\n \| Omit<CarouselPaginationProgressProps, 'carousel'>\n \| Omit<CarouselPaginationSliderProps, 'carousel'>\n \| Omit<CarouselPaginationScrollbarProps, 'carousel'>\n );\n\n/\n Pagination controls\n /\nexport const CarouselPagination: React.FC<CarouselPaginationProps> = forwardRef(\n ({ carousel: carouselProp, position, variant, sx: rawSx, ...rest }, ref) => {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n // decide on component used\n const VariantComponent = useMemo(() => {\n switch (variant) {\n case 'scrollbar':\n return ScrollbarVariant;\n case 'slider':\n case 'progress':\n return SliderVariant;\n case 'fraction':\n return FractionVariant;\n case 'lines':\n return LinesVariant;\n case 'dots':\n return DotsVariant;\n default:\n return DotsVariant;\n }\n }, [variant]);\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n return <VariantComponent carousel={carousel} sx={sx} ref={ref} {...rest} />;\n },\n);\n\n/\n Dots variant (...)\n /\nexport const DotsVariant: React.FC<CarouselPaginationDotsProps> = forwardRef(\n ({ carousel, dotProps, sx, ...rest }, ref) => {\n const { sx: dotSx, ...restDot } = dotProps \|\| {};\n\n return (\n <Box\n sx={{\n px: 2,\n height: '40px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: 1,\n pointerEvents: 'none',\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {[...Array(carousel?.slides.length \|\| 0)].map((_, idx) => (\n <Box\n key={idx}\n className={\n !carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1\n ? 'active'\n : (!carousel?.isEnd \|\| carousel.originalParams.loop) && idx === carousel?.realIndex\n ? 'active'\n : undefined\n }\n sx={{\n p: '0',\n width: '8px',\n height: '8px',\n borderRadius: '100%',\n backgroundColor: 'onSurface.os500',\n transition: 'all 0.3s ease-out',\n '&.active': {\n width: '12px',\n height: '12px',\n backgroundColor: 'text.primary',\n },\n ...dotSx,\n }}\n {...restDot}\n />\n ))}\n </Box>\n );\n },\n);\n\n/\n Fraction variant (text 1/3)\n /\nexport const FractionVariant: React.FC<CarouselPaginationFractionProps> = forwardRef(\n ({ carousel, buttonProps, sx, ...rest }, ref) => {\n const { sx: buttonSx, ...restButton } = buttonProps \|\| {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Button\n variant=\"text\"\n aria-controls=\"carousel\"\n sx={{\n px: 2,\n py: 0.25,\n borderRadius: '4px',\n // custom typography according to Figma (Pagination/Compact)\n fontSize: '18px',\n lineHeight: '28px',\n letterSpacing: '0.02em',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.backdrop',\n },\n {\n backgroundColor: 'onSurface.os100',\n },\n ),\n ...buttonSx,\n }}\n onClick={() =>\n // at the end, slide to beginning\n carousel?.isEnd && !carousel.originalParams.loop ? carousel?.slideTo(0) : carousel?.slideNext()\n }\n {...restButton}\n >\n <Box component=\"span\">\n <Box component=\"span\" sx={{ fontWeight: '700', color: 'onSurface.os900' }}>\n {`${(carousel?.realIndex \|\| 0) + 1}`}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '400', mx: 0.5 }}>\n {' / '}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '300' }}>\n {`${carousel?.slides.length \|\| 0}`}\n </Box>\n </Box>\n </Button>\n </Box>\n );\n },\n);\n\n/\n Lines variant (- - -)\n /\nexport const LinesVariant: React.FC<CarouselPaginationLinesProps> = forwardRef(\n ({ carousel, sx, linesProps, lineProgress, lineProgressProps, ...rest }, ref) => {\n const { sx: lineSx, ...lineRest } = linesProps \|\| {};\n const { sx: lineProgressSx, ...lineProgressRest } = lineProgressProps \|\| {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'stretch', md: 'center' },\n flexGrow: { xs: '1', md: 0 },\n gap: 1,\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {[...Array(carousel?.slides.length \|\| 0)].map((_, idx) => {\n const active =\n (!carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1) \|\|\n ((!carousel?.isEnd \|\| carousel.originalParams.loop) && idx === carousel?.realIndex);\n const seen = idx <= (carousel?.realIndex \|\| 0);\n\n return (\n <Button\n key={idx}\n color=\"inherit\"\n className={active ? 'active' : undefined}\n sx={{\n p: 0,\n minHeight: '0',\n height: active \|\| seen ? '8px' : '4px',\n borderRadius: active \|\| seen ? '4px' : '2px',\n width: { xs: '100%', md: '56px' },\n justifyContent: 'flex-start',\n ...getInteractiveStyle(\n {\n backgroundColor: 'surface.primary',\n '& .progress-line': {\n backgroundColor: 'brand.secondary',\n },\n },\n {\n backgroundColor: 'surface.secondary',\n '& .progress-line': {\n backgroundColor: 'brandHover.secondary',\n },\n },\n ),\n ...lineSx,\n }}\n aria-controls=\"carousel\"\n onClick={() => carousel?.[carousel.originalParams.loop ? 'slideToLoop' : 'slideTo'](idx)}\n {...lineRest}\n >\n <Box\n sx={{\n // invisible hitbox expanding clickable area\n position: 'absolute',\n top: '50%',\n left: '0',\n right: '0',\n height: '24px', // Minimum a11y click area\n transform: 'translateY(-50%)',\n pointerEvents: 'auto',\n }}\n />\n <Box sx={{ borderRadius: '4px', height: '100%', width: '100%', overflow: 'hidden' }}>\n <Box\n className=\"progress-line\"\n role={active ? 'progress' : undefined} // Only the active one gets a role\n aria-valuenow={active ? lineProgress : undefined}\n aria-valuemin={0}\n aria-valuemax={100}\n sx={{\n opacity: lineProgress !== undefined \|\| seen ? '1' : '0',\n width: '100%',\n backgroundColor: 'brand.secondary',\n height: '100%',\n transformOrigin: 'left',\n transform: `scaleX(${lineProgress !== undefined && active ? lineProgress / 100 : seen ? 1 : 0})`,\n transition: `${lineProgress !== undefined ? 'transform 300ms ease-in-out, ' : ''}opacity 300ms ease-out, background-color 300ms ease-out`,\n ...lineProgressSx,\n }}\n {...lineProgressRest}\n />\n </Box>\n </Button>\n );\n })}\n </Box>\n );\n },\n);\n\n/\n Slider variant (___)\n /\nexport const SliderVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, sx, progressProps: __, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps \|\| {};\n // slider current value that might not match carousel progress\n const [value, setValue] = useState<number>(Math.round((carousel?.progress \|\| 0) 100));\n // watch user manipulating slider\n const dragging = useRef<boolean>(false);\n const [, setRerender] = useState({});\n // monitor carousel progress to update slider value\n useEffect(() => {\n if (!dragging.current) {\n setValue(Math.round((carousel?.progress \|\| 0) * 100));\n }\n }, [carousel?.progress]);\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleMove = () => {\n if (!dragging.current) {\n setRerender({});\n }\n };\n\n // monitor of movement to immediately move thumb\n carousel.on('sliderMove', handleMove);\n\n return () => {\n carousel.off('sliderMove', handleMove);\n };\n }\n }, [carousel]);\n\n return (\n <Box sx={{ my: 2, ...sx }} ref={ref} {...rest}>\n <Slider\n value={value}\n min={0}\n max={100}\n onChange={(_, newValue: number) => {\n // prevent value updates from carousel progress\n dragging.current = true;\n // smoothly move carousel\n carousel?.setProgress(newValue / 100, 150);\n // update slider value\n setValue(newValue);\n }}\n onChangeCommitted={() => {\n // make sure to slide to correct position after user stop touching slider\n carousel?.slideToClosest(300);\n // enable changing value from carousel progress\n dragging.current = false;\n }}\n sx={{\n display: 'block',\n height: '4px',\n // restyle to less prominent variant\n '.MuiSlider-rail': {\n color: 'surface.primary',\n },\n '.MuiSlider-track': {\n color: 'onSurface.os500',\n // match transition speed of carousel\n transitionDuration: `${carousel?.originalParams.speed ?? 300}ms`,\n },\n // hide control thumb\n '.MuiSlider-thumb': {\n display: 'none',\n },\n ...sliderSx,\n }}\n aria-controls=\"carousel\"\n {...restSlider}\n />\n </Box>\n );\n },\n);\n\n/*\n Scrollbar variant (_--)\n /\nexport const ScrollbarVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps \|\| {};\n // watch states\n const [carouselDragging, setCarouselDragging] = useState<boolean>(false);\n const [, setRerender] = useState({});\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleDragStart = () => setCarouselDragging(true);\n const handleDragEnd = () => setCarouselDragging(false);\n const handleResize = () => setRerender({});\n\n // monitor of dragging to remove thumb transition for immediate feedback\n carousel.on('touchStart', handleDragStart);\n carousel.on('touchEnd', handleDragEnd);\n // monitor resize to change size of the thumb\n carousel.on('resize', handleResize);\n\n return () => {\n carousel.off('touchStart', handleDragStart);\n carousel.off('touchEnd', handleDragEnd);\n carousel.off('resize', handleResize);\n };\n }\n }, [carousel]);\n // calculate size of the thumb based on the visible content and full content\n const thumbSize = useMemo<number>(() => {\n if (carousel?.wrapperEl?.scrollWidth && carousel?.width) {\n const size = Math.ceil(carousel?.width * 2 / carousel?.wrapperEl?.scrollWidth);\n return Math.max(size, 40);\n }\n return 40;\n }, [carousel?.wrapperEl?.scrollWidth, carousel?.width]);\n\n return (\n <SliderVariant\n ref={ref}\n carousel={carousel}\n component={SliderContainer}\n thumbSize={thumbSize}\n sliderProps={{\n // prevent selection via keyboard, Carousel can be already controlled with Keyboard and we are not showing focus ring\n tabIndex: -1,\n // remove valueLabel tooltip above thumb\n valueLabelDisplay: 'off',\n sx: {\n display: 'block',\n height: '4px',\n // restyle to match scrollbar\n '.MuiSlider-rail, .MuiSlider-track': {\n color: 'surface.primary',\n },\n '.MuiSlider-thumb': {\n display: 'flex',\n width: `${thumbSize}px`,\n height: '4px',\n border: 'none',\n backgroundColor: 'onSurface.os500',\n // match transition speed of carousel\n ...(!carouselDragging && {\n transition: `left ${carousel?.originalParams.speed ?? 300}ms ease-out`,\n }),\n // remove focus style\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n '&:before': {\n content: 'none',\n },\n },\n },\n ...sliderSx,\n },\n ...restSlider,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotProps","_b","dotSx","restDot","jsx","Box","px","height","display","alignItems","justifyContent","gap","pointerEvents","children","Array","slides","length","map","_","idx","className","originalParams","loop","isEnd","realIndex","undefined","p","width","borderRadius","backgroundColor","transition","buttonProps","buttonSx","restButton","Button","py","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","_c","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","jsxs","minHeight","top","transform","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","_d","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","border","boxShadow","content"],"mappings":"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"}
1	+ {"version":3,"file":"pagination.js","sources":["../../../../../src/components/carousel/pagination.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useMemo, useState, useRef } from 'react';\nimport { Box, BoxProps, Button, ButtonProps, Slider, SliderProps, LinearProgressProps, CSSObject } from '@mui/material';\nimport { useCarousel } from './hooks';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\nimport { SliderContainer } from '@/src/materialui/slider/sliderContainer';\n\nexport interface CarouselPaginationVariantProps extends Omit<BoxProps<ElementType>, 'children' \| 'position'> {\n /*\n Carousel instance from useCarousel hook\n /\n carousel: CarouselInstance;\n}\nexport interface CarouselPaginationDotsProps extends CarouselPaginationVariantProps {\n variant?: 'dots';\n /\n Properties applied to wrapper of dots\n /\n dotsWrapperProps?: BoxProps<ElementType>;\n /\n Properties applied to each dot\n /\n dotProps?: BoxProps<ElementType>;\n}\nexport interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {\n variant?: 'fraction';\n /\n Properties applied to button used to render text\n /\n buttonProps?: ButtonProps;\n}\nexport interface CarouselPaginationLinesProps extends CarouselPaginationVariantProps {\n variant?: 'lines';\n /\n Properties applied to each line\n /\n linesProps?: ButtonProps;\n /\n Show progress in active line instead\n /\n lineProgress?: number;\n /\n Properties applied to active line progress\n /\n lineProgressProps?: BoxProps<ElementType>;\n}\n/\n @deprecated use `slider` variant instead\n /\nexport interface CarouselPaginationProgressProps extends CarouselPaginationVariantProps {\n variant?: 'progress';\n /\n @deprecated\n /\n progressProps?: LinearProgressProps;\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {\n variant?: 'slider';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationScrollbarProps extends CarouselPaginationVariantProps {\n variant?: 'scrollbar';\n /\n Properties applied to Slider\n /\n sliderProps?: SliderProps;\n}\nexport interface CarouselPaginationBaseProps {\n /\n Optional Carousel instance from useCarouselInstance hook\n /\n carousel?: CarouselInstance;\n /\n Append style to wrapper box to change position of control\n * @default outside\n /\n position?: 'outside' \| 'inside';\n}\nexport type CarouselPaginationProps = CarouselPaginationBaseProps &\n (\n \| Omit<CarouselPaginationDotsProps, 'carousel'>\n \| Omit<CarouselPaginationFractionProps, 'carousel'>\n \| Omit<CarouselPaginationLinesProps, 'carousel'>\n \| Omit<CarouselPaginationProgressProps, 'carousel'>\n \| Omit<CarouselPaginationSliderProps, 'carousel'>\n \| Omit<CarouselPaginationScrollbarProps, 'carousel'>\n );\n\n/\n Pagination controls\n /\nexport const CarouselPagination: React.FC<CarouselPaginationProps> = forwardRef(\n ({ carousel: carouselProp, position, variant, sx: rawSx, ...rest }, ref) => {\n const carouselHook = useCarousel();\n const carousel = carouselProp \|\| carouselHook;\n // decide on component used\n const VariantComponent = useMemo(() => {\n switch (variant) {\n case 'scrollbar':\n return ScrollbarVariant;\n case 'slider':\n case 'progress':\n return SliderVariant;\n case 'fraction':\n return FractionVariant;\n case 'lines':\n return LinesVariant;\n case 'dots':\n return DotsVariant;\n default:\n return DotsVariant;\n }\n }, [variant]);\n // position extra styling applied to wrapper\n const sx = useMemo<CSSObject \| BoxProps['sx']>(() => {\n if (position === 'inside') {\n return {\n position: 'absolute',\n zIndex: '90',\n bottom: '0',\n left: '0',\n right: '0',\n ...rawSx,\n };\n } else {\n return rawSx;\n }\n }, [position, JSON.stringify(rawSx)]);\n\n return <VariantComponent carousel={carousel} sx={sx} ref={ref} position={position} {...rest} />;\n },\n);\n\n/\n Dots variant (...)\n /\nexport const DotsVariant: React.FC<CarouselPaginationDotsProps> = forwardRef(\n ({ carousel, dotsWrapperProps, dotProps, position, sx, ...rest }, ref) => {\n const { sx: dotsWrapperSx, ...restDotsWrapper } = dotsWrapperProps ?? {};\n const { sx: dotSx, ...restDot } = dotProps ?? {};\n\n return (\n <Box\n sx={{\n p: 2,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: '1000px',\n py: 0.5,\n px: 1,\n gap: 0.5,\n // ensure width does not change during transition\n // dots width space + gap space + extra active dot space + padding\n width: `${(carousel?.slides.length \|\| 0) 12 + ((carousel?.slides.length \|\| 1) - 1) * 4 + 4 + 16}px`,\n // on image variant from Figma\n ...(position === 'inside' && {\n backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'surface.primary' : 'transparent.backdrop'),\n }),\n ...dotsWrapperSx,\n }}\n {...restDotsWrapper}\n >\n {[...Array(carousel?.slides.length \|\| 0)].map((_, idx) => (\n <Box\n key={idx}\n className={\n !carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1\n ? 'active'\n : (!carousel?.isEnd \|\| carousel.originalParams.loop) && idx === carousel?.realIndex\n ? 'active'\n : undefined\n }\n sx={{\n p: '0',\n width: '12px',\n height: '12px',\n // scale to 8px\n transform: 'scale(0.6667)',\n borderRadius: '100%',\n backgroundColor: 'onSurface.os500',\n transition: 'transform 0.3s ease-out, background-color 0.3s ease-out, margin 0.3s ease-out',\n '&.active': {\n transform: 'scale(1)',\n backgroundColor: 'text.primary',\n margin: '0 2px',\n },\n ...dotSx,\n }}\n {...restDot}\n />\n ))}\n </Box>\n </Box>\n );\n },\n);\n\n/*\n Fraction variant (text 1/3)\n /\nexport const FractionVariant: React.FC<CarouselPaginationFractionProps> = forwardRef(\n ({ carousel, buttonProps, position, sx, ...rest }, ref) => {\n const { sx: buttonSx, ...restButton } = buttonProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n <Button\n variant=\"text\"\n aria-controls=\"carousel\"\n sx={{\n px: 2,\n py: 0.25,\n borderRadius: '4px',\n // custom typography according to Figma (Pagination/Compact)\n fontSize: '18px',\n lineHeight: '28px',\n letterSpacing: '0.02em',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent.backdrop',\n },\n {\n backgroundColor: 'onSurface.os100',\n },\n ),\n ...buttonSx,\n }}\n onClick={() =>\n // at the end, slide to beginning\n carousel?.isEnd && !carousel.originalParams.loop ? carousel?.slideTo(0) : carousel?.slideNext()\n }\n {...restButton}\n >\n <Box component=\"span\">\n <Box component=\"span\" sx={{ fontWeight: '700', color: 'onSurface.os900' }}>\n {`${(carousel?.realIndex \|\| 0) + 1}`}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '400', mx: 0.5 }}>\n {' / '}\n </Box>\n <Box component=\"span\" sx={{ color: 'onSurface.os700', fontWeight: '300' }}>\n {`${carousel?.slides.length \|\| 0}`}\n </Box>\n </Box>\n </Button>\n </Box>\n );\n },\n);\n\n/\n Lines variant (- - -)\n /\nexport const LinesVariant: React.FC<CarouselPaginationLinesProps> = forwardRef(\n ({ carousel, sx, linesProps, lineProgress, lineProgressProps, position, ...rest }, ref) => {\n const { sx: lineSx, ...lineRest } = linesProps ?? {};\n const { sx: lineProgressSx, ...lineProgressRest } = lineProgressProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: { xs: 'stretch', md: 'center' },\n flexGrow: { xs: '1', md: 0 },\n gap: 1,\n // space is needed for focus overflow\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {[...Array(carousel?.slides.length \|\| 0)].map((_, idx) => {\n const active =\n (!carousel?.originalParams.loop && carousel?.isEnd && idx === (carousel?.slides.length \|\| 0) - 1) \|\|\n ((!carousel?.isEnd \|\| carousel.originalParams.loop) && idx === carousel?.realIndex);\n const seen = idx <= (carousel?.realIndex \|\| 0);\n\n return (\n <Button\n key={idx}\n color=\"inherit\"\n className={active ? 'active' : undefined}\n sx={{\n p: 0,\n minHeight: '0',\n height: active \|\| seen ? '8px' : '4px',\n borderRadius: active \|\| seen ? '4px' : '2px',\n width: { xs: '100%', md: '56px' },\n justifyContent: 'flex-start',\n ...getInteractiveStyle(\n {\n backgroundColor: 'surface.primary',\n '& .progress-line': {\n backgroundColor: 'brand.secondary',\n },\n },\n {\n backgroundColor: 'surface.secondary',\n '& .progress-line': {\n backgroundColor: 'brandHover.secondary',\n },\n },\n ),\n ...lineSx,\n }}\n aria-controls=\"carousel\"\n onClick={() => carousel?.[carousel.originalParams.loop ? 'slideToLoop' : 'slideTo'](idx)}\n {...lineRest}\n >\n <Box\n sx={{\n // invisible hitbox expanding clickable area\n position: 'absolute',\n top: '50%',\n left: '0',\n right: '0',\n height: '24px', // Minimum a11y click area\n transform: 'translateY(-50%)',\n pointerEvents: 'auto',\n }}\n />\n <Box sx={{ borderRadius: '4px', height: '100%', width: '100%', overflow: 'hidden' }}>\n <Box\n className=\"progress-line\"\n role={active ? 'progress' : undefined} // Only the active one gets a role\n aria-valuenow={active ? lineProgress : undefined}\n aria-valuemin={0}\n aria-valuemax={100}\n sx={{\n opacity: lineProgress !== undefined \|\| seen ? '1' : '0',\n width: '100%',\n backgroundColor: 'brand.secondary',\n height: '100%',\n transformOrigin: 'left',\n transform: `scaleX(${lineProgress !== undefined && active ? lineProgress / 100 : seen ? 1 : 0})`,\n transition: `${lineProgress !== undefined ? 'transform 300ms ease-in-out, ' : ''}opacity 300ms ease-out, background-color 300ms ease-out`,\n ...lineProgressSx,\n }}\n {...lineProgressRest}\n />\n </Box>\n </Button>\n );\n })}\n </Box>\n );\n },\n);\n\n/\n Slider variant (___)\n /\nexport const SliderVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, sx, progressProps: __, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // slider current value that might not match carousel progress\n const [value, setValue] = useState<number>(Math.round((carousel?.progress \|\| 0) 100));\n // watch user manipulating slider\n const dragging = useRef<boolean>(false);\n const [, setRerender] = useState({});\n // monitor carousel progress to update slider value\n useEffect(() => {\n if (!dragging.current) {\n setValue(Math.round((carousel?.progress \|\| 0) * 100));\n }\n }, [carousel?.progress]);\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleMove = () => {\n if (!dragging.current) {\n setRerender({});\n }\n };\n\n // monitor of movement to immediately move thumb\n carousel.on('sliderMove', handleMove);\n\n return () => {\n carousel.off('sliderMove', handleMove);\n };\n }\n }, [carousel]);\n\n return (\n <Box sx={{ my: 2, ...sx }} ref={ref} {...rest}>\n <Slider\n value={value}\n min={0}\n max={100}\n onChange={(_, newValue: number) => {\n // prevent value updates from carousel progress\n dragging.current = true;\n // smoothly move carousel\n carousel?.setProgress(newValue / 100, 150);\n // update slider value\n setValue(newValue);\n }}\n onChangeCommitted={() => {\n // make sure to slide to correct position after user stop touching slider\n carousel?.slideToClosest(300);\n // enable changing value from carousel progress\n dragging.current = false;\n }}\n sx={{\n display: 'block',\n height: '4px',\n // restyle to less prominent variant\n '.MuiSlider-rail': {\n color: 'surface.primary',\n },\n '.MuiSlider-track': {\n color: 'onSurface.os500',\n // match transition speed of carousel\n transitionDuration: `${carousel?.originalParams.speed ?? 300}ms`,\n },\n // hide control thumb\n '.MuiSlider-thumb': {\n display: 'none',\n },\n ...sliderSx,\n }}\n aria-controls=\"carousel\"\n {...restSlider}\n />\n </Box>\n );\n },\n);\n\n/*\n Scrollbar variant (_--)\n /\nexport const ScrollbarVariant: React.FC<CarouselPaginationSliderProps> = forwardRef(\n ({ carousel, sliderProps, position, ...rest }, ref) => {\n const { sx: sliderSx, ...restSlider } = sliderProps ?? {};\n // watch states\n const [carouselDragging, setCarouselDragging] = useState<boolean>(false);\n const [, setRerender] = useState({});\n // extra monitor of states\n useEffect(() => {\n if (carousel) {\n const handleDragStart = () => setCarouselDragging(true);\n const handleDragEnd = () => setCarouselDragging(false);\n const handleResize = () => setRerender({});\n\n // monitor of dragging to remove thumb transition for immediate feedback\n carousel.on('touchStart', handleDragStart);\n carousel.on('touchEnd', handleDragEnd);\n // monitor resize to change size of the thumb\n carousel.on('resize', handleResize);\n\n return () => {\n carousel.off('touchStart', handleDragStart);\n carousel.off('touchEnd', handleDragEnd);\n carousel.off('resize', handleResize);\n };\n }\n }, [carousel]);\n // calculate size of the thumb based on the visible content and full content\n const thumbSize = useMemo<number>(() => {\n if (carousel?.wrapperEl?.scrollWidth && carousel?.width) {\n const size = Math.ceil(carousel?.width * 2 / carousel?.wrapperEl?.scrollWidth);\n return Math.max(size, 40);\n }\n return 40;\n }, [carousel?.wrapperEl?.scrollWidth, carousel?.width]);\n\n return (\n <SliderVariant\n ref={ref}\n carousel={carousel}\n component={SliderContainer}\n thumbSize={thumbSize}\n sliderProps={{\n // prevent selection via keyboard, Carousel can be already controlled with Keyboard and we are not showing focus ring\n tabIndex: -1,\n // remove valueLabel tooltip above thumb\n valueLabelDisplay: 'off',\n sx: {\n display: 'block',\n height: '4px',\n // restyle to match scrollbar\n '.MuiSlider-rail, .MuiSlider-track': {\n color: 'surface.primary',\n },\n '.MuiSlider-thumb': {\n display: 'flex',\n width: `${thumbSize}px`,\n height: '4px',\n border: 'none',\n backgroundColor: 'onSurface.os500',\n // match transition speed of carousel\n ...(!carouselDragging && {\n transition: `left ${carousel?.originalParams.speed ?? 300}ms ease-out`,\n }),\n // remove focus style\n '&.Mui-focusVisible': {\n boxShadow: 'none',\n '&:before': {\n content: 'none',\n },\n },\n },\n ...sliderSx,\n },\n ...restSlider,\n }}\n {...rest}\n />\n );\n },\n);\n"],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","ScrollbarVariant","SliderVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotsWrapperProps","dotProps","_b","dotsWrapperSx","restDotsWrapper","_c","dotSx","restDot","Box","p","display","alignItems","justifyContent","children","jsx","borderRadius","py","px","gap","width","slides","length","backgroundColor","theme","palette","mode","Array","map","_","idx","className","originalParams","loop","isEnd","realIndex","undefined","height","transform","transition","margin","buttonProps","buttonSx","restButton","Button","fontSize","lineHeight","letterSpacing","getInteractiveStyle","onClick","slideTo","slideNext","_jsxs","component","fontWeight","color","mx","linesProps","lineProgress","lineProgressProps","lineSx","lineRest","lineProgressSx","lineProgressRest","xs","md","flexGrow","active","seen","jsxs","minHeight","top","pointerEvents","overflow","role","opacity","transformOrigin","sliderProps","progressProps","__","sliderSx","restSlider","value","setValue","useState","Math","round","progress","dragging","useRef","setRerender","useEffect","current","handleMove","on","off","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest","transitionDuration","speed","_d","carouselDragging","setCarouselDragging","handleDragStart","handleDragEnd","handleResize","thumbSize","wrapperEl","scrollWidth","size","ceil","SliderContainer","tabIndex","valueLabelDisplay","border","boxShadow","content"],"mappings":"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"}

package/cjs/components/chip/chipFocusVisibleStyled.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const ChipFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const ChipFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     focusVisible: boolean;
     variant: any;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/components/chip/chipFocusVisibleStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/system").styled("div")((({theme:e,focusVisible:i,variant:t})=>({display:"inline-flex",borderRadius:"image"===t?6:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0})));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")((({theme:e,focusVisible:i,variant:t})=>({display:"inline-flex",borderRadius:"image"===t?6:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0})));exports.default=e;
 //# sourceMappingURL=chipFocusVisibleStyled.js.map

package/cjs/components/chip/chipFocusVisibleStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/~~system~~';\n\nconst ChipFocusVisibleStyled = styled('div')<{ focusVisible: boolean; variant: any }>(({\n theme,\n focusVisible,\n variant,\n}) => {\n return {\n display: 'inline-flex',\n borderRadius: variant === 'image' ? 6 : 50,\n transition: 'none',\n boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n };\n});\n\nexport default ChipFocusVisibleStyled;\n"],"names":["ChipFocusVisibleStyled","styled","theme","focusVisible","variant","display","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined"],"mappings":"oEAEA,MAAMA,~~yBAA~~+BC,OAAC,MAAPA,EAAuD,EACpFC,QACAC,eACAC,cAEO,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaD,EAAMO,QAAQC,UAAUC,aAAUC"}
1	+ {"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst ChipFocusVisibleStyled = styled('div')<{ focusVisible: boolean; variant: any }>(({\n theme,\n focusVisible,\n variant,\n}) => {\n return {\n display: 'inline-flex',\n borderRadius: variant === 'image' ? 6 : 50,\n transition: 'none',\n boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n };\n});\n\nexport default ChipFocusVisibleStyled;\n"],"names":["ChipFocusVisibleStyled","styled","theme","focusVisible","variant","display","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined"],"mappings":"oEAEA,MAAMA,kCAA+BC,OAAC,MAAPA,EAAuD,EACpFC,QACAC,eACAC,cAEO,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaD,EAAMO,QAAQC,UAAUC,aAAUC"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@mui/system"),s=require("../menu/menu.js"),n=require("./menuEmpty.js");const r=t.styled("div")((i=>{var{theme:t}=i,s=e.__rest(i,["theme"]);let n={};return n={width:s.width,marginTop:s.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},n=s.isOpen&&!s.disabled?Object.assign(Object.assign({},n),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},n),{visibility:"hidden",opacity:"0%"}),n}));exports.default=t=>{var{setIsOpen:l,isEmptyMenu:o}=t,a=e.__rest(t,["setIsOpen","isEmptyMenu"]);return i.jsx(r,{marginTop:a.marginTop+"px",width:a.fullWidth?"100%":a.width+"px",isOpen:a.isOpen,disabled:a.disabled,children:o?i.jsx(n.MenuEmpty,{children:a.children}):i.jsx(s.Menu,{items:a.items,hasIcon:a.hasIcon,multipleSelection:a.multipleSelection,groupToggleSelection:a.groupToggleSelection,groupLabel:a.groupLabel,reactHook:a.reactHook,setIsOpen:l,toggleLabel:a.toggleLabel})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@mui/material/styles"),s=require("../menu/menu.js"),n=require("./menuEmpty.js");const r=t.styled("div")((i=>{var{theme:t}=i,s=e.__rest(i,["theme"]);let n={};return n={width:s.width,marginTop:s.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},n=s.isOpen&&!s.disabled?Object.assign(Object.assign({},n),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},n),{visibility:"hidden",opacity:"0%"}),n}));exports.default=t=>{var{setIsOpen:l,isEmptyMenu:o}=t,a=e.__rest(t,["setIsOpen","isEmptyMenu"]);return i.jsx(r,{marginTop:a.marginTop+"px",width:a.fullWidth?"100%":a.width+"px",isOpen:a.isOpen,disabled:a.disabled,children:o?i.jsx(n.MenuEmpty,{children:a.children}):i.jsx(s.Menu,{items:a.items,hasIcon:a.hasIcon,multipleSelection:a.multipleSelection,groupToggleSelection:a.groupToggleSelection,groupLabel:a.groupLabel,reactHook:a.reactHook,setIsOpen:l,toggleLabel:a.toggleLabel})})};
 //# sourceMappingURL=menuContainer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"menuContainer.js","sources":["../../../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/~~system~~';\nimport { Menu, MenuReactUseStateHook, MenuItems } from '../menu';\nimport MenuEmpty from './menuEmpty';\n\nexport interface MenuContainerProps {\n disabled?: boolean;\n items?: MenuItems;\n hasIcon?: boolean;\n multipleSelection?: boolean;\n groupLabel?: string;\n reactHook?: MenuReactUseStateHook;\n groupToggleSelection?: boolean;\n isOpen?: boolean;\n marginTop?: number;\n width?: number;\n fullWidth?: boolean;\n setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n isEmptyMenu?: boolean;\n toggleLabel?: string;\n children?: React.ReactNode;\n}\n\nconst MenuContainer: React.FC<MenuContainerProps> = ({ setIsOpen, isEmptyMenu, ...props }) => {\n return (\n <StyledDiv\n marginTop={props.marginTop + 'px'}\n width={props.fullWidth ? '100%' : props.width + 'px'}\n isOpen={props.isOpen}\n disabled={props.disabled}\n >\n {isEmptyMenu ? (\n <MenuEmpty>{props.children}</MenuEmpty>\n ) : (\n <Menu\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={props.multipleSelection}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n )}\n </StyledDiv>\n );\n};\n\nconst StyledDiv = styled('div')<{\n marginTop?: string;\n isOpen: boolean;\n disabled: boolean;\n width?: string;\n}>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n width: args.width,\n marginTop: args.marginTop,\n transition: '0.3s ease-out',\n display: 'inline-block',\n position: 'absolute',\n zIndex: '10',\n };\n\n if (args.isOpen && !args.disabled) {\n styles = { ...styles, visibility: 'visible', opacity: '100%' };\n } else {\n styles = { ...styles, visibility: 'hidden', opacity: '0%' };\n }\n\n return styles;\n});\n\nexport default MenuContainer;\n"],"names":["StyledDiv","styled","_a","theme","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","jsx","fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"~~4MAuBA~~,MA0BMA,EAAYC,EAAMA,OAAC,MAAPA,EAKdC,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WACF,IAAII,EAAS,CAAE,EAiBf,OAfAA,EAAS,CACPC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRN,EADEF,EAAKS,SAAWT,EAAKU,SACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,SAAUC,QAAS,OAGhDZ,CAAM,oBAjDsCJ,QAAAiB,UAAEA,EAASC,YAAEA,GAAWlB,EAAKmB,EAAKhB,EAAAA,OAAAH,EAAlC,6BACnD,OACEoB,EAACC,IAAAvB,EACC,CAAAQ,UAAWa,EAAMb,UAAY,KAC7BD,MAAOc,EAAMG,UAAY,OAASH,EAAMd,MAAQ,KAChDM,OAAQQ,EAAMR,OACdC,SAAUO,EAAMP,SAEfW,SAAAL,EACCE,EAAAA,IAACI,EAAAA,UAAW,CAAAD,SAAAJ,EAAMI,WAElBH,EAAAA,IAACK,EAAAA,KAAI,CACHC,MAAOP,EAAMO,MACbC,QAASR,EAAMQ,QACfC,kBAAmBT,EAAMS,kBACzBC,qBAAsBV,EAAMU,qBAC5BC,WAAYX,EAAMW,WAClBC,UAAWZ,EAAMY,UACjBd,UAAWA,EACXe,YAAab,EAAMa,eAGb"}
1	+ {"version":3,"file":"menuContainer.js","sources":["../../../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Menu, MenuReactUseStateHook, MenuItems } from '../menu';\nimport MenuEmpty from './menuEmpty';\n\nexport interface MenuContainerProps {\n disabled?: boolean;\n items?: MenuItems;\n hasIcon?: boolean;\n multipleSelection?: boolean;\n groupLabel?: string;\n reactHook?: MenuReactUseStateHook;\n groupToggleSelection?: boolean;\n isOpen?: boolean;\n marginTop?: number;\n width?: number;\n fullWidth?: boolean;\n setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n isEmptyMenu?: boolean;\n toggleLabel?: string;\n children?: React.ReactNode;\n}\n\nconst MenuContainer: React.FC<MenuContainerProps> = ({ setIsOpen, isEmptyMenu, ...props }) => {\n return (\n <StyledDiv\n marginTop={props.marginTop + 'px'}\n width={props.fullWidth ? '100%' : props.width + 'px'}\n isOpen={props.isOpen}\n disabled={props.disabled}\n >\n {isEmptyMenu ? (\n <MenuEmpty>{props.children}</MenuEmpty>\n ) : (\n <Menu\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={props.multipleSelection}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n )}\n </StyledDiv>\n );\n};\n\nconst StyledDiv = styled('div')<{\n marginTop?: string;\n isOpen: boolean;\n disabled: boolean;\n width?: string;\n}>(({ theme, ...args }) => {\n let styles = {};\n\n styles = {\n width: args.width,\n marginTop: args.marginTop,\n transition: '0.3s ease-out',\n display: 'inline-block',\n position: 'absolute',\n zIndex: '10',\n };\n\n if (args.isOpen && !args.disabled) {\n styles = { ...styles, visibility: 'visible', opacity: '100%' };\n } else {\n styles = { ...styles, visibility: 'hidden', opacity: '0%' };\n }\n\n return styles;\n});\n\nexport default MenuContainer;\n"],"names":["StyledDiv","styled","_a","theme","args","__rest","styles","width","marginTop","transition","display","position","zIndex","isOpen","disabled","Object","assign","visibility","opacity","setIsOpen","isEmptyMenu","props","_jsx","jsx","fullWidth","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel"],"mappings":"qNAuBA,MA0BMA,EAAYC,EAAMA,OAAC,MAAPA,EAKdC,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,EAAhB,WACF,IAAII,EAAS,CAAE,EAiBf,OAfAA,EAAS,CACPC,MAAOH,EAAKG,MACZC,UAAWJ,EAAKI,UAChBC,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRN,EADEF,EAAKS,SAAWT,EAAKU,SACjBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQV,GAAM,CAAEW,WAAY,SAAUC,QAAS,OAGhDZ,CAAM,oBAjDsCJ,QAAAiB,UAAEA,EAASC,YAAEA,GAAWlB,EAAKmB,EAAKhB,EAAAA,OAAAH,EAAlC,6BACnD,OACEoB,EAACC,IAAAvB,EACC,CAAAQ,UAAWa,EAAMb,UAAY,KAC7BD,MAAOc,EAAMG,UAAY,OAASH,EAAMd,MAAQ,KAChDM,OAAQQ,EAAMR,OACdC,SAAUO,EAAMP,SAEfW,SAAAL,EACCE,EAAAA,IAACI,EAAAA,UAAW,CAAAD,SAAAJ,EAAMI,WAElBH,EAAAA,IAACK,EAAAA,KAAI,CACHC,MAAOP,EAAMO,MACbC,QAASR,EAAMQ,QACfC,kBAAmBT,EAAMS,kBACzBC,qBAAsBV,EAAMU,qBAC5BC,WAAYX,EAAMW,WAClBC,UAAWZ,EAAMY,UACjBd,UAAWA,EACXe,YAAab,EAAMa,eAGb"}

package/cjs/components/common/styled/buttonFocusVisibleStyled.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     focusVisible: boolean;
     isNavigationVariant: boolean;
     fullWidth?: boolean;

package/cjs/components/common/styled/buttonFocusVisibleStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/system").styled("div")((({theme:e,focusVisible:i,isNavigationVariant:t,fullWidth:s})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0,width:s?"100%":null})));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")((({theme:e,focusVisible:i,isNavigationVariant:t,fullWidth:s})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:i?`0 0 0 2px ${e.palette.onSurface.os900}`:void 0,width:s?"100%":null})));exports.default=e;
 //# sourceMappingURL=buttonFocusVisibleStyled.js.map

package/cjs/components/common/styled/buttonFocusVisibleStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/~~system~~';\n\nconst ButtonFocusVisibleStyled = styled('div')<{\n focusVisible: boolean;\n isNavigationVariant: boolean;\n fullWidth?: boolean;\n}>(({ theme, focusVisible, isNavigationVariant, fullWidth }) => {\n return {\n display: 'inline-flex',\n padding: 1,\n borderRadius: isNavigationVariant ? 4 : 50,\n transition: 'none',\n boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n width: fullWidth ? '100%' : null,\n };\n});\n\nexport default ButtonFocusVisibleStyled;\n"],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"oEAEA,MAAMA,~~yBAA2BC~~,OAAO,MAAPA,EAI9B,EAAGC,QAAOC,eAAcC,sBAAqBC,gBACvC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaD,EAAMS,QAAQC,UAAUC,aAAUC,EACzEC,MAAOV,EAAY,OAAS"}
1	+ {"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst ButtonFocusVisibleStyled = styled('div')<{\n focusVisible: boolean;\n isNavigationVariant: boolean;\n fullWidth?: boolean;\n}>(({ theme, focusVisible, isNavigationVariant, fullWidth }) => {\n return {\n display: 'inline-flex',\n padding: 1,\n borderRadius: isNavigationVariant ? 4 : 50,\n transition: 'none',\n boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n width: fullWidth ? '100%' : null,\n };\n});\n\nexport default ButtonFocusVisibleStyled;\n"],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"oEAEA,MAAMA,kCAA2BC,OAAO,MAAPA,EAI9B,EAAGC,QAAOC,eAAcC,sBAAqBC,gBACvC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaD,EAAMS,QAAQC,UAAUC,aAAUC,EACzEC,MAAOV,EAAY,OAAS"}

package/cjs/components/common/styled/formControlLabelStyled.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
-declare const FormControlLabelStyled: import("@emotion/styled").StyledComponent<MuiFormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const FormControlLabelStyled: import("@emotion/styled").StyledComponent<MuiFormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     error?: boolean;
     theme?: any;
 }, {}, {}>;

package/cjs/components/common/styled/formControlLabelStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/system"),r=require("@mui/material");const o=e.styled(r.FormControlLabel,{shouldForwardProp:e=>"error"!==e})((({theme:e,error:r})=>({color:r?e.palette.alert.main:void 0})));exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material/styles"),r=require("@mui/material");const t=e.styled(r.FormControlLabel,{shouldForwardProp:e=>"error"!==e})((({theme:e,error:r})=>({color:r?e.palette.alert.main:void 0})));exports.default=t;
 //# sourceMappingURL=formControlLabelStyled.js.map

package/cjs/components/common/styled/formControlLabelStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formControlLabelStyled.js","sources":["../../../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":["import { styled } from '@mui/~~system~~';\nimport {\n FormControlLabelProps as MuiFormControlLabelProps,\n FormControlLabel as MuiFormControlLabel,\n} from '@mui/material';\n\nconst FormControlLabelStyled = styled(MuiFormControlLabel, {\n shouldForwardProp: (prop) => prop !== 'error',\n})<MuiFormControlLabelProps & { error?: boolean; theme?: any }>(({ theme, error }) => {\n return {\n color: error ? theme.palette.alert['main'] : undefined,\n };\n});\n\nexport default FormControlLabelStyled;\n"],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"~~4HAMA~~,MAAMA,EAAyBC,EAAMA,OAACC,mBAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEiC,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}
1	+ {"version":3,"file":"formControlLabelStyled.js","sources":["../../../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport {\n FormControlLabelProps as MuiFormControlLabelProps,\n FormControlLabel as MuiFormControlLabel,\n} from '@mui/material';\n\nconst FormControlLabelStyled = styled(MuiFormControlLabel, {\n shouldForwardProp: (prop) => prop !== 'error',\n})<MuiFormControlLabelProps & { error?: boolean; theme?: any }>(({ theme, error }) => {\n return {\n color: error ? theme.palette.alert['main'] : undefined,\n };\n});\n\nexport default FormControlLabelStyled;\n"],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"qIAMA,MAAMA,EAAyBC,EAAMA,OAACC,mBAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEiC,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}

package/cjs/components/common/styled/helperTextContainerStyled.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     theme?: any;
     disabled?: boolean;
     hasError?: boolean;

package/cjs/components/common/styled/sliderValuesStyled.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     theme?: any;
     disabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/components/common/styled/sliderValuesStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/system").styled("div")((({theme:e,disabled:t})=>{const o=e.palette.disabled.primary;return{color:t?o:e.palette.onSurface.os700,fontSize:"14px",fontWeight:"normal",lineHeight:"20px","& input":{outline:"none",border:"0px",background:"transparent",color:t?o:e.palette.onSurface.os700,paddingTop:"0 !important"},"& span":{color:t?o:e.palette.onSurface.os700},"& .range-values":{display:"flex","& .middle-side":{flexGrow:1}},"& label":{display:"block",color:t?o:e.palette.onSurface.os500,fontSize:"12px",lineHeight:"16px"}}}));exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@mui/material/styles").styled("div")((({theme:e,disabled:t})=>{const o=e.palette.disabled.primary;return{color:t?o:e.palette.onSurface.os700,fontSize:"14px",fontWeight:"normal",lineHeight:"20px","& input":{outline:"none",border:"0px",background:"transparent",color:t?o:e.palette.onSurface.os700,paddingTop:"0 !important"},"& span":{color:t?o:e.palette.onSurface.os700},"& .range-values":{display:"flex","& .middle-side":{flexGrow:1}},"& label":{display:"block",color:t?o:e.palette.onSurface.os500,fontSize:"12px",lineHeight:"16px"}}}));exports.default=e;
 //# sourceMappingURL=sliderValuesStyled.js.map

package/cjs/components/common/styled/sliderValuesStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sliderValuesStyled.js","sources":["../../../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":["import { styled } from '@mui/~~system~~';\n\nconst SliderValuesStyled = styled('div')<{ theme?: any; disabled?: boolean }>(({ theme, disabled }) => {\n const colorDisabled = theme.palette.disabled.primary;\n return {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n fontSize: '14px',\n fontWeight: 'normal',\n lineHeight: '20px',\n '& input': {\n outline: 'none',\n border: '0px',\n background: 'transparent',\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n paddingTop: '0 !important',\n },\n '& span': {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n },\n '& .range-values': {\n display: 'flex',\n '& .middle-side': {\n flexGrow: 1,\n },\n },\n '& label': {\n display: 'block',\n color: disabled ? colorDisabled : theme.palette.onSurface.os500,\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n});\n\nexport default SliderValuesStyled;\n"],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"oEAEA,MAAMA,~~yBAA2BC~~,OAAC,MAAPA,EAAmD,EAAGC,QAAOC,eACtF,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACLC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACTC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEd,SAAU,CACRT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE5D,kBAAmB,CACjBQ,QAAS,OACT,iBAAkB,CAChBC,SAAU,IAGd,UAAW,CACTD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY,QAEf"}
1	+ {"version":3,"file":"sliderValuesStyled.js","sources":["../../../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst SliderValuesStyled = styled('div')<{ theme?: any; disabled?: boolean }>(({ theme, disabled }) => {\n const colorDisabled = theme.palette.disabled.primary;\n return {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n fontSize: '14px',\n fontWeight: 'normal',\n lineHeight: '20px',\n '& input': {\n outline: 'none',\n border: '0px',\n background: 'transparent',\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n paddingTop: '0 !important',\n },\n '& span': {\n color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n },\n '& .range-values': {\n display: 'flex',\n '& .middle-side': {\n flexGrow: 1,\n },\n },\n '& label': {\n display: 'block',\n color: disabled ? colorDisabled : theme.palette.onSurface.os500,\n fontSize: '12px',\n lineHeight: '16px',\n },\n };\n});\n\nexport default SliderValuesStyled;\n"],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"oEAEA,MAAMA,kCAA2BC,OAAC,MAAPA,EAAmD,EAAGC,QAAOC,eACtF,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACLC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACTC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEd,SAAU,CACRT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE5D,kBAAmB,CACjBQ,QAAS,OACT,iBAAkB,CAChBC,SAAU,IAGd,UAAW,CACTD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY,QAEf"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@mui/material"),r=require("@mui/system"),i=require("@mui/x-date-pickers");exports.CustomPickersActionBar=c=>{const{actions:o,onAccept:a,onCancel:l,onClear:s,onSetToday:u}=c,d=e.__rest(c,["actions","onAccept","onCancel","onClear","onSetToday"]),x=i.usePickersTranslations();return(null==o?void 0:o.length)?t.jsx(n.DialogActions,Object.assign({},d,{children:t.jsxs(r.Stack,{direction:"row",justifyContent:"space-between",children:[t.jsxs(r.Stack,{direction:"row",children:[o.includes("clear")&&t.jsx(n.Button,{variant:"text",color:"primary",onClick:s,children:x.clearButtonLabel}),o.includes("today")&&t.jsx(n.Button,{variant:"text",color:"primary",onClick:u,children:x.todayButtonLabel})]}),t.jsxs(r.Stack,{direction:"row",children:[o.includes("cancel")&&t.jsx(n.Button,{variant:"text",color:"primary",onClick:l,children:x.cancelButtonLabel}),o.includes("accept")&&t.jsx(n.Button,{variant:"text",color:"primary",onClick:a,children:x.okButtonLabel})]})]})})):null};
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),n=require("@mui/material"),r=require("@mui/x-date-pickers");exports.CustomPickersActionBar=c=>{const{actions:i,onAccept:o,onCancel:a,onClear:l,onSetToday:s}=c,u=t.__rest(c,["actions","onAccept","onCancel","onClear","onSetToday"]),d=r.usePickersTranslations();return(null==i?void 0:i.length)?e.jsx(n.DialogActions,Object.assign({},u,{children:e.jsxs(n.Stack,{direction:"row",justifyContent:"space-between",children:[e.jsxs(n.Stack,{direction:"row",children:[i.includes("clear")&&e.jsx(n.Button,{variant:"text",color:"primary",onClick:l,children:d.clearButtonLabel}),i.includes("today")&&e.jsx(n.Button,{variant:"text",color:"primary",onClick:s,children:d.todayButtonLabel})]}),e.jsxs(n.Stack,{direction:"row",children:[i.includes("cancel")&&e.jsx(n.Button,{variant:"text",color:"primary",onClick:a,children:d.cancelButtonLabel}),i.includes("accept")&&e.jsx(n.Button,{variant:"text",color:"primary",onClick:o,children:d.okButtonLabel})]})]})})):null};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Button, DialogActions } from '@mui/material';\nimport { ~~Stack } from '@mui/system';\nimport {~~ PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n const localeText = usePickersTranslations();\n\n if (!actions?.length) return null;\n\n return (\n <DialogActions {...other}>\n <Stack direction=\"row\" justifyContent=\"space-between\">\n <Stack direction=\"row\">\n {actions.includes('clear') && (\n <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n {localeText.clearButtonLabel}\n </Button>\n )}\n {actions.includes('today') && (\n <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n {localeText.todayButtonLabel}\n </Button>\n )}\n </Stack>\n <Stack direction=\"row\">\n {actions.includes('cancel') && (\n <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n {localeText.cancelButtonLabel}\n </Button>\n )}\n {actions.includes('accept') && (\n <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n {localeText.okButtonLabel}\n </Button>\n )}\n </Stack>\n </Stack>\n </DialogActions>\n );\n};\n"],"names":["props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","jsx","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"~~uLAIuCA~~,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAAA,OAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,EAAAA,yBAEnB,OAAKR,aAAA,EAAAA,EAASS,QAGZC,MAACC,EAAAA,cAAaC,OAAAC,OAAA,CAAA,EAAKR,EACjB,CAAAS,SAAAC,OAACC,EAAAA,MAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,OAACC,EAAAA,MAAM,CAAAC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,MAACU,EAAAA,OAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAAAe,IAACL,SAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAC7CU,SAAAP,EAAWmB,sBAIlBX,EAAAA,KAACC,EAAKA,MAAA,CAACC,UAAU,MACdH,SAAA,CAAAd,EAAQmB,SAAS,WAChBT,EAAAA,IAACU,EAAMA,OAAA,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAC7CY,SAAAP,EAAWoB,oBAGf3B,EAAQmB,SAAS,WAChBT,EAAAe,IAACL,SAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAC7Ca,SAAAP,EAAWqB,yBAzBK,IA8BX"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Stack, Button, DialogActions } from '@mui/material';\nimport { PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n const localeText = usePickersTranslations();\n\n if (!actions?.length) return null;\n\n return (\n <DialogActions {...other}>\n <Stack direction=\"row\" justifyContent=\"space-between\">\n <Stack direction=\"row\">\n {actions.includes('clear') && (\n <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n {localeText.clearButtonLabel}\n </Button>\n )}\n {actions.includes('today') && (\n <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n {localeText.todayButtonLabel}\n </Button>\n )}\n </Stack>\n <Stack direction=\"row\">\n {actions.includes('cancel') && (\n <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n {localeText.cancelButtonLabel}\n </Button>\n )}\n {actions.includes('accept') && (\n <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n {localeText.okButtonLabel}\n </Button>\n )}\n </Stack>\n </Stack>\n </DialogActions>\n );\n};\n"],"names":["props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","jsx","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"8JAGuCA,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAAA,OAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,EAAAA,yBAEnB,OAAKR,aAAA,EAAAA,EAASS,QAGZC,MAACC,EAAAA,cAAaC,OAAAC,OAAA,CAAA,EAAKR,EACjB,CAAAS,SAAAC,OAACC,EAAAA,MAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,OAACC,EAAAA,MAAM,CAAAC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,MAACU,EAAAA,OAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAAAe,IAACL,SAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAC7CU,SAAAP,EAAWmB,sBAIlBX,EAAAA,KAACC,EAAKA,MAAA,CAACC,UAAU,MACdH,SAAA,CAAAd,EAAQmB,SAAS,WAChBT,EAAAA,IAACU,EAAMA,OAAA,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAC7CY,SAAAP,EAAWoB,oBAGf3B,EAAQmB,SAAS,WAChBT,EAAAe,IAACL,SAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAC7Ca,SAAAP,EAAWqB,yBAzBK,IA8BX"}

package/cjs/components/errorContent/ErrorContent.d.ts ADDED Viewed

@@ -0,0 +1,48 @@
+import { BoxProps, TypographyProps } from '@mui/material';
+import { ElementType, FC, ReactNode } from 'react';
+export interface ErrorContentProps extends BoxProps<ElementType> {
+    /**
+     * Error Status code, eg. 404 or 500
+     */
+    status?: ReactNode;
+    /**
+     * Short message describing the error
+     */
+    message?: ReactNode;
+    /**
+     * Longer description of the error
+     */
+    description?: ReactNode;
+    /**
+     * Actions that user can interact with
+     */
+    actions?: ReactNode;
+    /**
+     * Stacktrace of an error
+     */
+    stacktrace?: ReactNode;
+    /**
+     * Properties passed to status code
+     */
+    statusProps?: TypographyProps<ElementType>;
+    /**
+     * Properties passed to message
+     */
+    messageProps?: TypographyProps<ElementType>;
+    /**
+     * Properties passed to description
+     */
+    descriptionProps?: TypographyProps<ElementType>;
+    /**
+     * Properties passed to wrapper of actions
+     */
+    actionsProps?: BoxProps<ElementType>;
+    /**
+     * Properties passed to code stacktrace
+     */
+    stacktraceProps?: BoxProps<ElementType>;
+}
+/**
+ * Component that renders an information about error
+ */
+export declare const ErrorContent: FC<ErrorContentProps>;

package/cjs/components/errorContent/ErrorContent.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("@mui/material");const r=require("react").forwardRef(((r,n)=>{var{sx:a,children:i,status:o,message:c,actions:p,description:d,stacktrace:l,statusProps:x,messageProps:g,descriptionProps:m,actionsProps:u,stacktraceProps:h}=r,j=t.__rest(r,["sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps"]);const b=null!=u?u:{},{sx:f}=b,y=t.__rest(b,["sx"]),P=null!=h?h:{},{sx:C}=P,O=t.__rest(P,["sx"]);return e.jsxs(s.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:{xs:2,md:4},textAlign:"center",margin:"0 auto",width:"600px",maxWidth:"100%",p:2},a),ref:n},j,{children:[o&&e.jsx(s.Typography,Object.assign({component:"h1",variant:"display","data-testid":"ErrorContent.status"},x,{children:o})),c&&e.jsx(s.Typography,Object.assign({component:"h2",variant:"h3","data-testid":"ErrorContent.message"},g,{children:c})),d&&e.jsx(s.Typography,Object.assign({"data-testid":"ErrorContent.description"},m,{children:d})),i,p&&e.jsx(s.Box,Object.assign({sx:Object.assign({display:"flex",gap:1,flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"center"},f),"data-testid":"ErrorContent.actions"},y,{children:p})),l&&e.jsx(s.Box,Object.assign({component:"code",sx:Object.assign({display:"block",border:1,borderColor:"divider",whiteSpace:"pre",overflow:"auto",py:1,px:2,borderRadius:"8px",fontFamily:"monospace",fontSize:"11px",lineHeight:"18px",textAlign:"left",alignSelf:"stretch"},C),"data-testid":"ErrorContent.stacktrace"},O,{children:l}))]}))}));exports.ErrorContent=r;
2	+ //# sourceMappingURL=ErrorContent.js.map

package/cjs/components/errorContent/ErrorContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ErrorContent.js","sources":["../../../../../src/components/errorContent/ErrorContent.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, FC, forwardRef, ReactNode } from 'react';\n\nexport interface ErrorContentProps extends BoxProps<ElementType> {\n /**\n * Error Status code, eg. 404 or 500\n */\n status?: ReactNode;\n /**\n * Short message describing the error\n */\n message?: ReactNode;\n /**\n * Longer description of the error\n */\n description?: ReactNode;\n /**\n * Actions that user can interact with\n */\n actions?: ReactNode;\n /**\n * Stacktrace of an error\n */\n stacktrace?: ReactNode;\n /**\n * Properties passed to status code\n */\n statusProps?: TypographyProps<ElementType>;\n /**\n * Properties passed to message\n */\n messageProps?: TypographyProps<ElementType>;\n /**\n * Properties passed to description\n */\n descriptionProps?: TypographyProps<ElementType>;\n /**\n * Properties passed to wrapper of actions\n */\n actionsProps?: BoxProps<ElementType>;\n /**\n * Properties passed to code stacktrace\n */\n stacktraceProps?: BoxProps<ElementType>;\n}\n\n/**\n * Component that renders an information about error\n */\nexport const ErrorContent: FC<ErrorContentProps> = forwardRef(\n (\n {\n sx,\n children,\n status,\n message,\n actions,\n description,\n stacktrace,\n statusProps,\n messageProps,\n descriptionProps,\n actionsProps,\n stacktraceProps,\n ...rest\n },\n ref,\n ) => {\n const { sx: actionsSx, ...restActions } = actionsProps ?? {};\n const { sx: stacktraceSx, ...restStacktrace } = stacktraceProps ?? {};\n\n return (\n <Box\n sx={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n gap: { xs: 2, md: 4 },\n textAlign: 'center',\n margin: '0 auto',\n width: '600px',\n maxWidth: '100%',\n p: 2,\n ...sx,\n }}\n ref={ref}\n {...rest}\n >\n {status && (\n <Typography component=\"h1\" variant=\"display\" data-testid=\"ErrorContent.status\" {...statusProps}>\n {status}\n </Typography>\n )}\n {message && (\n <Typography component=\"h2\" variant=\"h3\" data-testid=\"ErrorContent.message\" {...messageProps}>\n {message}\n </Typography>\n )}\n {description && (\n <Typography data-testid=\"ErrorContent.description\" {...descriptionProps}>\n {description}\n </Typography>\n )}\n {children}\n {actions && (\n <Box\n sx={{\n display: 'flex',\n gap: 1,\n flexDirection: { xs: 'column', md: 'row' },\n alignItems: { xs: 'stretch', md: 'center' },\n justifyContent: 'center',\n ...actionsSx,\n }}\n data-testid=\"ErrorContent.actions\"\n {...restActions}\n >\n {actions}\n </Box>\n )}\n {stacktrace && (\n <Box\n component=\"code\"\n sx={{\n display: 'block',\n border: 1,\n borderColor: 'divider',\n whiteSpace: 'pre',\n overflow: 'auto',\n py: 1,\n px: 2,\n borderRadius: '8px',\n fontFamily: 'monospace',\n fontSize: '11px',\n lineHeight: '18px',\n textAlign: 'left',\n alignSelf: 'stretch',\n ...stacktraceSx,\n }}\n data-testid=\"ErrorContent.stacktrace\"\n {...restStacktrace}\n >\n {stacktrace}\n </Box>\n )}\n </Box>\n );\n },\n);\n"],"names":["ErrorContent","forwardRef","_a","ref","sx","children","status","message","actions","description","stacktrace","statusProps","messageProps","descriptionProps","actionsProps","stacktraceProps","rest","__rest","_b","actionsSx","restActions","_c","stacktraceSx","restStacktrace","_jsxs","jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","gap","xs","md","textAlign","margin","width","maxWidth","p","_jsx","Typography","component","variant","jsx","border","borderColor","whiteSpace","overflow","py","px","borderRadius","fontFamily","fontSize","lineHeight","alignSelf"],"mappings":"8FAiDa,MAAAA,mBAAgDC,YAC3D,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,QACPA,EAAOC,YACPA,EAAWC,WACXA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,iBACZA,EAAgBC,aAChBA,EAAYC,gBACZA,GAAeb,EACZc,EAbLC,EAAAA,OAAAf,EAAA,CAAA,KAAA,WAAA,SAAA,UAAA,UAAA,cAAA,aAAA,cAAA,eAAA,mBAAA,eAAA,oBAiBA,MAAMgB,EAAoCJ,QAAAA,EAAgB,IAAlDV,GAAIe,GAAgDD,EAAlCE,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA0CN,QAAAA,EAAmB,IAA3DX,GAAIkB,GAAyDD,EAAxCE,EAAvBN,EAAAA,OAAAI,EAAA,CAAA,OAEN,OACEG,EAACC,KAAAC,MACCC,OAAAC,OAAA,CAAAxB,GACEuB,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChBC,IAAK,CAAEC,GAAI,EAAGC,GAAI,GAClBC,UAAW,SACXC,OAAQ,SACRC,MAAO,QACPC,SAAU,OACVC,EAAG,GACApC,GAELD,IAAKA,GACDa,EAEH,CAAAX,SAAA,CAAAC,GACCmC,EAAAA,IAACC,EAAUA,WAACf,OAAAC,OAAA,CAAAe,UAAU,KAAKC,QAAQ,UAAsB,cAAA,uBAA0BjC,EAChF,CAAAN,SAAAC,KAGJC,GACCkC,EAACI,IAAAH,EAAUA,WAACf,OAAAC,OAAA,CAAAe,UAAU,KAAKC,QAAQ,KAAiB,cAAA,wBAA2BhC,EAC5E,CAAAP,SAAAE,KAGJE,GACCgC,EAACI,IAAAH,aAAuBf,OAAAC,OAAA,CAAA,cAAA,4BAA+Bf,EACpD,CAAAR,SAAAI,KAGJJ,EACAG,GACCiC,EAAAA,IAACf,EAAGA,IACFC,OAAAC,OAAA,CAAAxB,GACEuB,OAAAC,OAAA,CAAAC,QAAS,OACTI,IAAK,EACLH,cAAe,CAAEI,GAAI,SAAUC,GAAI,OACnCJ,WAAY,CAAEG,GAAI,UAAWC,GAAI,UACjCH,eAAgB,UACbb,GAEO,cAAA,wBACRC,EAEH,CAAAf,SAAAG,KAGJE,GACC+B,EAAAA,IAACf,EAAGA,IACFC,OAAAC,OAAA,CAAAe,UAAU,OACVvC,GACEuB,OAAAC,OAAA,CAAAC,QAAS,QACTiB,OAAQ,EACRC,YAAa,UACbC,WAAY,MACZC,SAAU,OACVC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,WAAY,YACZC,SAAU,OACVC,WAAY,OACZnB,UAAW,OACXoB,UAAW,WACRlC,GAEO,cAAA,2BACRC,EAEH,CAAAlB,SAAAK,QAGD"}

package/cjs/components/footer/Footer.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { ElementType, FC, ReactNode } from 'react';
+import { BoxProps, ContainerProps } from '@mui/material';
+export interface FooterProps extends BoxProps<ElementType> {
+    /**
+     * Props applied to container
+     */
+    containerProps?: ContainerProps<ElementType>;
+    /**
+     * @deprecated
+     */
+    primaryItems?: ReactNode;
+    /**
+     * @deprecated
+     */
+    secondaryItems?: ReactNode;
+    /**
+     * @deprecated
+     */
+    copyRight?: ReactNode;
+    /**
+     * @deprecated
+     */
+    location?: ReactNode;
+    /**
+     * @deprecated
+     */
+    socialButtons?: ReactNode;
+}
+/**
+ * Component to render content at the bottom of each page
+ */
+export declare const Footer: FC<FooterProps>;

package/cjs/components/footer/Footer.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var o=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),e=require("@mui/material"),i=require("./FooterSectionContact.js"),n=require("./FooterSectionLinks.js");const c=t.forwardRef(((t,c)=>{var{sx:s,children:a,containerProps:l,primaryItems:u,secondaryItems:d,copyRight:m,location:p,socialButtons:x}=t,h=o.__rest(t,["sx","children","containerProps","primaryItems","secondaryItems","copyRight","location","socialButtons"]);return r.jsx(e.Box,Object.assign({component:"footer",sx:Object.assign({py:1,"&:has(.FlowSectionContact-root)":{py:{xs:6,lg:10}},backgroundColor:"onSurface.os800",color:"common.white",".MuiDivider-root":{borderColor:"onSurface.os700",my:4,"& + .FooterSectionMenu-root":{marginTop:-4,"& > .MuiAccordion-root:first-of-type":{borderTop:"0"}},"& + .FooterAccordion-variantCompact":{mt:-1.5,"& + .MuiDivider-root":{mt:2.5}}}},s),ref:c,"data-testid":"Footer"},h,{children:r.jsxs(e.Container,Object.assign({maxWidth:"xl"},l,{children:[(x\|\|u)&&r.jsx(i.FooterSectionContact,{socialSlot:x,children:u}),(m\|\|p)&&r.jsx(n.FooterSectionLinks,{textSlot:m,buttonSlot:p,children:d}),a]}))}))}));exports.Footer=c;
2	+ //# sourceMappingURL=Footer.js.map

package/cjs/components/footer/Footer.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/cjs/components/footer/FooterAccordion.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { AccordionProps, AccordionSummaryProps, AccordionDetailsProps, TypographyProps } from '@mui/material';
+export interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {
+    /**
+     * Label of the Accordion
+     */
+    label?: ReactNode;
+    /**
+     * Props applied to the wrapper of label
+     */
+    accordionSummaryProps?: AccordionSummaryProps<ElementType>;
+    /**
+     * Props applied to the content of the accodion
+     */
+    accordionDetailsProps?: AccordionDetailsProps;
+    /**
+     * Properties applied to wrapper of children
+     */
+    contentProps?: TypographyProps<ElementType>;
+    /**
+     * Variant of accordion
+     * @default compact
+     */
+    variant?: 'compact' | 'standard';
+}
+/**
+ * Collapsible footer section
+ */
+export declare const FooterAccordion: FC<FooterAccordionProps>;

package/cjs/components/footer/FooterAccordion.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var r=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),e=require("@mui/material"),c=require("../../materialui/button/interactive.js");const a=t.forwardRef(((t,a)=>{var{sx:n,children:i,className:s,label:l,accordionSummaryProps:d,accordionDetailsProps:u,contentProps:p,variant:b="compact"}=t,m=r.__rest(t,["sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant"]);const g=null!=d?d:{},{sx:j}=g,x=r.__rest(g,["sx"]),h=e.useTheme();return o.jsxs(e.Accordion,Object.assign({ref:a,"data-testid":"FooterAccordion",className:["FooterAccordion-root",`FooterAccordion-variant${b.charAt(0).toUpperCase()}${b.slice(1)}`,s].filter(Boolean).join(", "),sx:Object.assign(Object.assign({color:"currentColor"},"compact"===b&&{border:"none"}),n)},m,{children:[o.jsx(e.AccordionSummary,Object.assign({"data-testid":"FooterAccordion.label","aria-controls":"footer-accordion",id:"footer-accordion",sx:Object.assign(Object.assign({color:"currentColor","&:hover":{color:"currentColor","& .MuiAccordion-IconButton":{backgroundColor:h.palette.transparent.tertiary}},"& .MuiAccordion-IconButton":Object.assign({height:"32px",width:"32px"},c.getInteractiveStyle({backgroundColor:"transparent",color:h.palette.onSurface.os0},{color:h.palette.onSurface.os0,backgroundColor:h.palette.transparent.tertiary}))},"compact"===b&&Object.assign(Object.assign({},h.typography.caption2),{p:"0",gap:1.5,justifyContent:"flex-start","& .MuiAccordionSummary-content":{flexGrow:"0"}})),j)},x,{children:l})),o.jsx(e.AccordionDetails,Object.assign({"data-testid":"FooterAccordion.children"},u,{children:o.jsx(e.Typography,Object.assign({variant:"disclaimer1"},p,{children:i}))}))]}))}));exports.FooterAccordion=a;
2	+ //# sourceMappingURL=FooterAccordion.js.map

package/cjs/components/footer/FooterAccordion.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FooterAccordion.js","sources":["../../../../../src/components/footer/FooterAccordion.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType } from 'react';\nimport {\n Accordion,\n AccordionSummary,\n AccordionDetails,\n AccordionProps,\n AccordionSummaryProps,\n AccordionDetailsProps,\n Typography,\n TypographyProps,\n useTheme,\n} from '@mui/material';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface FooterAccordionProps extends Omit<AccordionProps, 'variant'> {\n /**\n * Label of the Accordion\n */\n label?: ReactNode;\n /**\n * Props applied to the wrapper of label\n */\n accordionSummaryProps?: AccordionSummaryProps<ElementType>;\n /**\n * Props applied to the content of the accodion\n */\n accordionDetailsProps?: AccordionDetailsProps;\n /**\n * Properties applied to wrapper of children\n */\n contentProps?: TypographyProps<ElementType>;\n /**\n * Variant of accordion\n * @default compact\n */\n variant?: 'compact' | 'standard';\n}\n\n/**\n * Collapsible footer section\n */\nexport const FooterAccordion: FC<FooterAccordionProps> = forwardRef(\n (\n {\n sx,\n children,\n className,\n label,\n accordionSummaryProps,\n accordionDetailsProps,\n contentProps,\n variant = 'compact',\n ...rest\n },\n ref,\n ) => {\n const { sx: accordionSummarySx, ...restAccordionSummary } = accordionSummaryProps ?? {};\n const theme = useTheme();\n\n return (\n <Accordion\n ref={ref}\n data-testid=\"FooterAccordion\"\n className={[\n 'FooterAccordion-root',\n `FooterAccordion-variant${variant.charAt(0).toUpperCase()}${variant.slice(1)}`,\n className,\n ]\n .filter(Boolean)\n .join(', ')}\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n ...(variant === 'compact' && {\n border: 'none',\n }),\n ...sx,\n }}\n {...rest}\n >\n <AccordionSummary\n data-testid=\"FooterAccordion.label\"\n aria-controls=\"footer-accordion\"\n id=\"footer-accordion\"\n sx={{\n // recolor to dark mode\n color: 'currentColor',\n '&:hover': {\n color: 'currentColor',\n // hover over IconButton\n '& .MuiAccordion-IconButton': {\n backgroundColor: theme.palette.transparent.tertiary,\n },\n },\n // change variant of icon button to small & white\n '& .MuiAccordion-IconButton': {\n height: '32px',\n width: '32px',\n ...getInteractiveStyle(\n {\n backgroundColor: 'transparent',\n color: theme.palette.onSurface.os0,\n },\n {\n color: theme.palette.onSurface.os0,\n backgroundColor: theme.palette.transparent.tertiary,\n },\n ),\n },\n ...(variant === 'compact' && {\n ...theme.typography.caption2,\n p: '0',\n gap: 1.5,\n justifyContent: 'flex-start',\n // move icon next to label\n '& .MuiAccordionSummary-content': {\n flexGrow: '0',\n },\n }),\n ...accordionSummarySx,\n }}\n {...restAccordionSummary}\n >\n {label}\n </AccordionSummary>\n <AccordionDetails data-testid=\"FooterAccordion.children\" {...accordionDetailsProps}>\n <Typography variant=\"disclaimer1\" {...contentProps}>\n {children}\n </Typography>\n </AccordionDetails>\n </Accordion>\n );\n },\n);\n"],"names":["FooterAccordion","forwardRef","_a","ref","sx","children","className","label","accordionSummaryProps","accordionDetailsProps","contentProps","variant","rest","__rest","_b","accordionSummarySx","restAccordionSummary","theme","useTheme","_jsxs","jsxs","Accordion","Object","assign","charAt","toUpperCase","slice","filter","Boolean","join","color","border","_jsx","AccordionSummary","id","backgroundColor","palette","transparent","tertiary","height","width","getInteractiveStyle","onSurface","os0","typography","caption2","p","gap","justifyContent","flexGrow","AccordionDetails","jsx","Typography"],"mappings":"qKAyCa,MAAAA,EAA4CC,EAAUA,YACjE,CACEC,EAWAC,SAXAC,GACEA,EAAEC,SACFA,EAAQC,UACRA,EAASC,MACTA,EAAKC,sBACLA,EAAqBC,sBACrBA,EAAqBC,aACrBA,EAAYC,QACZA,EAAU,aACPC,EATLC,EAAAA,OAAAX,EAAA,CAAA,KAAA,WAAA,YAAA,QAAA,wBAAA,wBAAA,eAAA,YAaA,MAAMY,EAAsDN,QAAAA,EAAyB,IAA7EJ,GAAIW,GAA2ED,EAApDE,EAA7BH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAQC,EAAAA,WAEd,OACEC,EAACC,KAAAC,YACCC,OAAAC,OAAA,CAAApB,IAAKA,EACO,cAAA,kBACZG,UAAW,CACT,uBACA,0BAA0BK,EAAQa,OAAO,GAAGC,gBAAgBd,EAAQe,MAAM,KAC1EpB,GAECqB,OAAOC,SACPC,KAAK,MACRzB,GAAEkB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,gBACS,YAAZnB,GAAyB,CAC3BoB,OAAQ,SAEP3B,IAEDQ,EAAI,CAAAP,SAAA,CAER2B,MAACC,EAAAA,iBAAgBX,OAAAC,OAAA,CAAA,cACH,wBAAuB,gBACrB,mBACdW,GAAG,mBACH9B,GAAEkB,OAAAC,OAAAD,OAAAC,OAAA,CAEAO,MAAO,eACP,UAAW,CACTA,MAAO,eAEP,6BAA8B,CAC5BK,gBAAiBlB,EAAMmB,QAAQC,YAAYC,WAI/C,6BAA4BhB,OAAAC,OAAA,CAC1BgB,OAAQ,OACRC,MAAO,QACJC,sBACD,CACEN,gBAAiB,cACjBL,MAAOb,EAAMmB,QAAQM,UAAUC,KAEjC,CACEb,MAAOb,EAAMmB,QAAQM,UAAUC,IAC/BR,gBAAiBlB,EAAMmB,QAAQC,YAAYC,aAIjC,YAAZ3B,GACCW,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAN,EAAM2B,WAAWC,WACpBC,EAAG,IACHC,IAAK,IACLC,eAAgB,aAEhB,iCAAkC,CAChCC,SAAU,QAGXlC,IAEDC,EAAoB,CAAAX,SAEvBE,KAEHyB,EAAAA,IAACkB,EAAAA,iBAAgB5B,OAAAC,OAAA,CAAA,cAAa,4BAA+Bd,EAC3D,CAAAJ,SAAA2B,EAAAmB,IAACC,EAAUA,WAAA9B,OAAAC,OAAA,CAACZ,QAAQ,eAAkBD,EAAY,CAAAL,SAC/CA,WAGK"}

package/cjs/components/footer/FooterIconButton.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { ElementType, FC } from 'react';
+import { IconButtonProps } from '@mui/material';
+export interface FooterIconButtonProps extends IconButtonProps<ElementType> {
+    /**
+     * @deprecated provide icon directly as children (e.g. <FacebookIcon />)
+     */
+    icon?: 'facebook' | 'instagram' | 'twitter' | 'youtube' | 'linkedin' | 'heart' | 'settings' | string;
+}
+/**
+ * Section for the main links
+ */
+export declare const FooterIconButton: FC<FooterIconButtonProps>;
+export interface PredefinedFooterIconButtonProps extends Omit<FooterIconButtonProps, 'icon'> {
+}
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const FacebookFooterIconButton: FC<FooterIconButtonProps>;
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const InstagramFooterIconButton: FC<FooterIconButtonProps>;
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const TwitterFooterIconButton: FC<FooterIconButtonProps>;
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const YoutubeFooterIconButton: FC<FooterIconButtonProps>;
+/** @deprecated use <FooterIconButton> with icon of your choosing instead */
+export declare const LinkedinFooterIconButton: FC<FooterIconButtonProps>;

package/cjs/components/footer/FooterIconButton.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),n=require("@mui/material"),t=require("../icon/stroke/FacebookIcon.js"),s=require("../icon/stroke/InstagramIcon.js"),c=require("../icon/stroke/XIcon.js"),i=require("../icon/stroke/YouTubeIcon.js"),a=require("../icon/stroke/LinkedInIcon.js"),u=require("../icon/stroke/SettingsIcon.js"),I=require("../icon/stroke/HeartIcon.js");const l=o.forwardRef(((l,j)=>{var{children:b,icon:d}=l,k=e.__rest(l,["children","icon"]);const f=o.useMemo((()=>{switch(d){case"facebook":return t.FacebookIcon;case"instagram":return s.InstagramIcon;case"twitter":return c.XIcon;case"youtube":return i.YouTubeIcon;case"linkedin":return a.LinkedInIcon;case"settings":return u.SettingsIcon;case"heart":return I.HeartIcon;default:return}}),[d]);return r.jsx(n.IconButton,Object.assign({size:"medium",color:"white",ref:j,"data-testid":"FooterIconButton"},k,{children:b\|\|r.jsx(f,{})}))})),j=o.forwardRef(((e,o)=>r.jsx(l,Object.assign({"aria-label":"Facebook link",ref:o},e,{children:r.jsx(t.FacebookIcon,{})})))),b=o.forwardRef(((e,o)=>r.jsx(l,Object.assign({"aria-label":"Instagram link",ref:o},e,{children:r.jsx(s.InstagramIcon,{})})))),d=o.forwardRef(((e,o)=>r.jsx(l,Object.assign({"aria-label":"Twitter link",ref:o},e,{children:r.jsx(c.XIcon,{})})))),k=o.forwardRef(((e,o)=>r.jsx(l,Object.assign({"aria-label":"Youtube link",ref:o},e,{children:r.jsx(i.YouTubeIcon,{})})))),f=o.forwardRef(((e,o)=>r.jsx(l,Object.assign({"aria-label":"Linkedin link",ref:o},e,{children:r.jsx(a.LinkedInIcon,{})}))));exports.FacebookFooterIconButton=j,exports.FooterIconButton=l,exports.InstagramFooterIconButton=b,exports.LinkedinFooterIconButton=f,exports.TwitterFooterIconButton=d,exports.YoutubeFooterIconButton=k;
2	+ //# sourceMappingURL=FooterIconButton.js.map

package/cjs/components/footer/FooterIconButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FooterIconButton.js","sources":["../../../../../src/components/footer/FooterIconButton.tsx"],"sourcesContent":["import React, { ElementType, FC, ForwardedRef, forwardRef, useMemo } from 'react';\nimport { IconButton, IconButtonProps } from '@mui/material';\nimport { FacebookIcon } from '@/src/components/icon/stroke/FacebookIcon';\nimport { InstagramIcon } from '@/src/components/icon/stroke/InstagramIcon';\nimport { XIcon } from '@/src/components/icon/stroke/XIcon';\nimport { YouTubeIcon } from '@/src/components/icon/stroke/YouTubeIcon';\nimport { LinkedInIcon } from '@/src/components/icon/stroke/LinkedInIcon';\nimport { SettingsIcon } from '@/src/components/icon/stroke/SettingsIcon';\nimport { HeartIcon } from '@/src/components/icon/stroke/HeartIcon';\n\nexport interface FooterIconButtonProps extends IconButtonProps<ElementType> {\n /**\n * @deprecated provide icon directly as children (e.g. <FacebookIcon />)\n */\n icon?: 'facebook' | 'instagram' | 'twitter' | 'youtube' | 'linkedin' | 'heart' | 'settings' | string;\n}\n\n/**\n * Section for the main links\n */\nexport const FooterIconButton: FC<FooterIconButtonProps> = forwardRef(({ children, icon, ...rest }, ref) => {\n // mapper to previous api\n const Icon = useMemo(() => {\n switch (icon) {\n case 'facebook':\n return FacebookIcon;\n case 'instagram':\n return InstagramIcon;\n case 'twitter':\n return XIcon;\n case 'youtube':\n return YouTubeIcon;\n case 'linkedin':\n return LinkedInIcon;\n case 'settings':\n return SettingsIcon;\n case 'heart':\n return HeartIcon;\n default:\n return undefined;\n }\n }, [icon]);\n\n return (\n <IconButton\n size=\"medium\"\n color=\"white\"\n ref={ref as ForwardedRef<HTMLButtonElement>}\n data-testid=\"FooterIconButton\"\n {...rest}\n >\n {children || <Icon />}\n </IconButton>\n );\n});\n\nexport interface PredefinedFooterIconButtonProps extends Omit<FooterIconButtonProps, 'icon'> {}\n\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const FacebookFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Facebook link\" ref={ref} {...props}>\n <FacebookIcon />\n </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const InstagramFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Instagram link\" ref={ref} {...props}>\n <InstagramIcon />\n </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const TwitterFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Twitter link\" ref={ref} {...props}>\n <XIcon />\n </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const YoutubeFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Youtube link\" ref={ref} {...props}>\n <YouTubeIcon />\n </FooterIconButton>\n));\n/** @deprecated use <FooterIconButton> with icon of your choosing instead */\nexport const LinkedinFooterIconButton: FC<FooterIconButtonProps> = forwardRef((props, ref) => (\n <FooterIconButton aria-label=\"Linkedin link\" ref={ref} {...props}>\n <LinkedInIcon />\n </FooterIconButton>\n));\n"],"names":["FooterIconButton","forwardRef","_a","ref","children","icon","rest","__rest","Icon","useMemo","FacebookIcon","InstagramIcon","XIcon","YouTubeIcon","LinkedInIcon","SettingsIcon","HeartIcon","_jsx","jsx","IconButton","Object","assign","size","color","FacebookFooterIconButton","props","InstagramFooterIconButton","TwitterFooterIconButton","YoutubeFooterIconButton","LinkedinFooterIconButton"],"mappings":"2ZAoBa,MAAAA,EAA8CC,EAAUA,YAAC,CAACC,EAA6BC,SAA7BC,SAAEA,EAAQC,KAAEA,GAAIH,EAAKI,EAAIC,EAAAA,OAAAL,EAAzB,qBAErE,MAAMM,EAAOC,EAAAA,SAAQ,KACnB,OAAQJ,GACN,IAAK,WACH,OAAOK,EAAYA,aACrB,IAAK,YACH,OAAOC,EAAaA,cACtB,IAAK,UACH,OAAOC,EAAKA,MACd,IAAK,UACH,OAAOC,EAAWA,YACpB,IAAK,WACH,OAAOC,EAAYA,aACrB,IAAK,WACH,OAAOC,EAAYA,aACrB,IAAK,QACH,OAAOC,EAASA,UAClB,QACE,UAEH,CAACX,IAEJ,OACEY,EAACC,IAAAC,aACCC,OAAAC,OAAA,CAAAC,KAAK,SACLC,MAAM,QACNpB,IAAKA,EACO,cAAA,oBACRG,EAEH,CAAAF,SAAAA,GAAYa,EAAAA,IAACT,EAAI,MACP,IAOJgB,EAAsDvB,EAAAA,YAAW,CAACwB,EAAOtB,IACpFc,EAAAC,IAAClB,EAAgBoB,OAAAC,OAAA,CAAA,aAAY,gBAAgBlB,IAAKA,GAASsB,EACzD,CAAArB,SAAAa,EAAAC,IAACR,eAAY,CAAA,QAIJgB,EAAuDzB,EAAAA,YAAW,CAACwB,EAAOtB,IACrFc,EAAAC,IAAClB,EAAgBoB,OAAAC,OAAA,CAAA,aAAY,iBAAiBlB,IAAKA,GAASsB,EAC1D,CAAArB,SAAAa,EAAAC,IAACP,gBAAa,CAAA,QAILgB,EAAqD1B,EAAAA,YAAW,CAACwB,EAAOtB,IACnFc,EAAAC,IAAClB,EAAgBoB,OAAAC,OAAA,CAAA,aAAY,eAAelB,IAAKA,GAASsB,EACxD,CAAArB,SAAAa,EAAAC,IAACN,QAAK,CAAA,QAIGgB,EAAqD3B,EAAAA,YAAW,CAACwB,EAAOtB,IACnFc,EAAAC,IAAClB,EAAgBoB,OAAAC,OAAA,CAAA,aAAY,eAAelB,IAAKA,GAASsB,EACxD,CAAArB,SAAAa,EAAAC,IAACL,cAAW,CAAA,QAIHgB,EAAsD5B,EAAAA,YAAW,CAACwB,EAAOtB,IACpFc,EAAAC,IAAClB,EAAgBoB,OAAAC,OAAA,CAAA,aAAY,gBAAgBlB,IAAKA,GAASsB,EACzD,CAAArB,SAAAa,EAAAC,IAACJ,eAAY,CAAA"}

package/cjs/components/footer/FooterLink.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { ElementType, FC, ReactNode } from 'react';
+import { LinkProps } from '@mui/material';
+export interface FooterLinkProps extends LinkProps<ElementType> {
+    /**
+     * Displayed navigation text, can be provided as children as well
+     */
+    label?: ReactNode;
+    /**
+     * @deprecated provide icon directly as children next to text (e.g. <PhoneIcon />)
+     */
+    icon?: 'call' | 'mail' | 'edit' | string;
+}
+/**
+ * Component to render styled link in the footer
+ */
+export declare const FooterLink: FC<FooterLinkProps>;
+export interface FooterNavItemProps extends FooterLinkProps {
+}
+/**
+ * @deprecated remove this component, use FooterLink instead
+ */
+export declare const FooterNavItem: FC<FooterNavItemProps>;

package/cjs/components/footer/FooterLink.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material"),n=require("../icon/stroke/PhoneIcon.js"),s=require("../icon/stroke/MessageIcon.js"),o=require("../icon/stroke/EditIcon.js");const c=t.forwardRef(((c,a)=>{var{sx:l,icon:u,children:x,label:d}=c,f=e.__rest(c,["sx","icon","children","label"]);const j=t.useMemo((()=>{switch(u){case"call":return n.PhoneIcon;case"mail":return s.MessageIcon;case"edit":return o.EditIcon;default:return}}),[u]);return r.jsxs(i.Link,Object.assign({sx:Object.assign({display:"inline-flex",gap:1.5,alignItems:"center",justifyContent:"flex-start",padding:"4px 8px","&, &:hover":{textDecoration:"underline",color:"common.white"},"& .MuiSvgIcon-root":{fontSize:"20px"}},l),variant:"list",ref:a},f,{children:[j&&r.jsx(j,{}),x\|\|d]}))})),a=t.forwardRef(((e,t)=>r.jsx(c,Object.assign({ref:t},e))));exports.FooterLink=c,exports.FooterNavItem=a;
2	+ //# sourceMappingURL=FooterLink.js.map