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

@skodaflow/web-library 7.12.0 → 7.13.1

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

Files changed (2332) hide show

package/components/carousel/pagination.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as s}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{forwardRef as e,useMemo as n,useState as i,useEffect as a}from"react";import{Box as l,Button as t,LinearProgress as c,Slider as d}from"@mui/material";import{useCarousel as u}from"./hooks.js";import{getInteractiveStyle as p}from"../../materialui/button/interactive.js";const g=e(((o,e)=>{var{carousel:i,position:a,variant:l,sx:t}=o,c=s(o,["carousel","position","variant","sx"]);const d=u(),p=i||d,g=n((()=>{switch(l){case"slider":return b;case"progress":return h;case"fraction":return m;case"lines":return v;default:return x}}),[l]),f=n((()=>"inside"===a?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},t):t),[a,JSON.stringify(t)]);return r(g,Object.assign({carousel:p,sx:f,ref:e},c))})),x=e(((o,e)=>{var{carousel:n,dotProps:i,sx:a}=o,t=s(o,["carousel","dotProps","sx"]);const c=i||{},{sx:d}=c,u=s(c,["sx"]);return r(l,Object.assign({sx:Object.assign({px:2,height:"40px",display:"flex",alignItems:"center",justifyContent:"center",gap:1,pointerEvents:"none"},a),ref:e},t,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((s,o)=>r(l,Object.assign({className:!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&o===((null==n?void 0:n.slides.length)||0)-1?"active":(null==n?void 0:n.isEnd)&&!n.originalParams.loop||o!==(null==n?void 0:n.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"8px",height:"8px",borderRadius:"100%",backgroundColor:"onSurface.os500",transition:"all 0.3s ease-out","&.active":{width:"12px",height:"12px",backgroundColor:"text.primary"}},d)},u),o)))}))})),m=e(((e,n)=>{var{carousel:i,buttonProps:a,sx:c}=e,d=s(e,["carousel","buttonProps","sx"]);const u=a||{},{sx:g}=u,x=s(u,["sx"]);return r(l,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},c),ref:n},d,{children:r(t,Object.assign({variant:"text","aria-controls":"carousel",sx:Object.assign(Object.assign({px:2,py:.25,borderRadius:"4px",fontSize:"18px",lineHeight:"28px",letterSpacing:"0.02em"},p({backgroundColor:"transparent.backdrop"},{backgroundColor:"onSurface.os100"})),g),onClick:()=>(null==i?void 0:i.isEnd)&&!i.originalParams.loop?null==i?void 0:i.slideTo(0):null==i?void 0:i.slideNext()},x,{children:o(l,{component:"span",children:[r(l,{component:"span",sx:{fontWeight:"700",color:"onSurface.os900"},children:`${((null==i?void 0:i.realIndex)||0)+1}`}),r(l,{component:"span",sx:{color:"onSurface.os700",fontWeight:"400",mx:.5},children:" / "}),r(l,{component:"span",sx:{color:"onSurface.os700",fontWeight:"300"},children:`${(null==i?void 0:i.slides.length)||0}`})]})}))}))})),v=e(((e,n)=>{var{carousel:i,sx:a,linesProps:c,lineProgress:d,lineProgressProps:u}=e,g=s(e,["carousel","sx","linesProps","lineProgress","lineProgressProps"]);const x=c||{},{sx:m}=x,v=s(x,["sx"]),h=u||{},{sx:b}=h,f=s(h,["sx"]);return r(l,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:0},gap:1,p:2},a),ref:n},g,{children:[...Array((null==i?void 0:i.slides.length)||0)].map(((s,e)=>{const n=!(null==i?void 0:i.originalParams.loop)&&(null==i?void 0:i.isEnd)&&e===((null==i?void 0:i.slides.length)||0)-1||(!(null==i?void 0:i.isEnd)||i.originalParams.loop)&&e===(null==i?void 0:i.realIndex),a=e<=((null==i?void 0:i.realIndex)||0);return o(t,Object.assign({color:"inherit",className:n?"active":void 0,sx:Object.assign(Object.assign({p:0,minHeight:"0",height:n||a?"8px":"4px",borderRadius:n||a?"4px":"2px",width:{xs:"100%",md:"56px"},justifyContent:"flex-start"},p({backgroundColor:"surface.primary","& .progress-line":{backgroundColor:"brand.secondary"}},{backgroundColor:"surface.secondary","& .progress-line":{backgroundColor:"brandHover.secondary"}})),m),"aria-controls":"carousel",onClick:()=>null==i?void 0:i[i.originalParams.loop?"slideToLoop":"slideTo"](e)},v,{children:[r(l,{sx:{position:"absolute",top:"50%",left:"0",right:"0",height:"24px",transform:"translateY(-50%)",pointerEvents:"auto"}}),r(l,{sx:{borderRadius:"4px",height:"100%",width:"100%",overflow:"hidden"},children:r(l,Object.assign({className:"progress-line",role:n?"progress":void 0,"aria-valuenow":n?d:void 0,"aria-valuemin":0,"aria-valuemax":100,sx:Object.assign({opacity:void 0!==d||a?"1":"0",width:"100%",backgroundColor:"brand.secondary",height:"100%",transformOrigin:"left",transform:`scaleX(${void 0!==d&&n?d/100:a?1:0})`,transition:(void 0!==d?"transform 300ms ease-in-out, ":"")+"opacity 300ms ease-out, background-color 300ms ease-out"},b)},f))})]}),e)}))}))})),h=e(((o,e)=>{var{carousel:n,progressProps:i}=o,a=s(o,["carousel","progressProps"]);const t=i||{},{sx:d}=t,u=s(t,["sx"]);return r(l,Object.assign({ref:e},a,{children:r(c,Object.assign({variant:"determinate",value:(null==n?void 0:n.originalParams.loop)?Math.round(((null==n?void 0:n.realIndex)||0)/((n.slides.length||1)-1)*100):100*((null==n?void 0:n.progress)||0),sx:Object.assign({display:"block",".MuiLinearProgress-bar":{transitionDuration:`${(null==n?void 0:n.originalParams.speed)||300}ms`}},d)},u))}))})),b=e(((o,e)=>{var{carousel:n,sliderProps:t,sx:c}=o,u=s(o,["carousel","sliderProps","sx"]);const p=t||{},{sx:g}=p,x=s(p,["sx"]),[m,v]=i(Math.round(100*((null==n?void 0:n.progress)||0))),[h,b]=i(!1);return a((()=>{h||v(Math.round(100*((null==n?void 0:n.progress)||0)))}),[null==n?void 0:n.progress]),r(l,Object.assign({sx:Object.assign({my:2},c),ref:e},u,{children:r(d,Object.assign({value:m,min:0,max:100,onChange:(s,r)=>{b(!0),null==n||n.setProgress(r/100,150),v(r)},onChangeCommitted:()=>{null==n||n.slideToClosest(300),b(!1)},sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os500",transitionDuration:`${(null==n?void 0:n.originalParams.speed)||300}ms`},".MuiSlider-thumb":{display:"none"}},g),"aria-controls":"carousel"},x))}))}));export{g as CarouselPagination,x as DotsVariant,m as FractionVariant,v as LinesVariant,h as ProgressVariant,b as SliderVariant};
+import{__rest as o}from"tslib";import{jsx as r,jsxs as s}from"react/jsx-runtime";import{forwardRef as e,useMemo as i,useState as n,useRef as l,useEffect as t}from"react";import{Box as a,Button as c,Slider as d}from"@mui/material";import{useCarousel as u}from"./hooks.js";import{getInteractiveStyle as p}from"../../materialui/button/interactive.js";import{SliderContainer as g}from"../../materialui/slider/sliderContainer.js";const x=e(((s,e)=>{var{carousel:n,position:l,variant:t,sx:a}=s,c=o(s,["carousel","position","variant","sx"]);const d=u(),p=n||d,g=i((()=>{switch(t){case"scrollbar":return f;case"slider":case"progress":return b;case"fraction":return m;case"lines":return v;default:return h}}),[t]),x=i((()=>"inside"===l?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},a):a),[l,JSON.stringify(a)]);return r(g,Object.assign({carousel:p,sx:x,ref:e},c))})),h=e(((s,e)=>{var{carousel:i,dotProps:n,sx:l}=s,t=o(s,["carousel","dotProps","sx"]);const c=n||{},{sx:d}=c,u=o(c,["sx"]);return r(a,Object.assign({sx:Object.assign({px:2,height:"40px",display:"flex",alignItems:"center",justifyContent:"center",gap:1,pointerEvents:"none"},l),ref:e},t,{children:[...Array((null==i?void 0:i.slides.length)||0)].map(((o,s)=>r(a,Object.assign({className:!(null==i?void 0:i.originalParams.loop)&&(null==i?void 0:i.isEnd)&&s===((null==i?void 0:i.slides.length)||0)-1?"active":(null==i?void 0:i.isEnd)&&!i.originalParams.loop||s!==(null==i?void 0:i.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"8px",height:"8px",borderRadius:"100%",backgroundColor:"onSurface.os500",transition:"all 0.3s ease-out","&.active":{width:"12px",height:"12px",backgroundColor:"text.primary"}},d)},u),s)))}))})),m=e(((e,i)=>{var{carousel:n,buttonProps:l,sx:t}=e,d=o(e,["carousel","buttonProps","sx"]);const u=l||{},{sx:g}=u,x=o(u,["sx"]);return r(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},t),ref:i},d,{children:r(c,Object.assign({variant:"text","aria-controls":"carousel",sx:Object.assign(Object.assign({px:2,py:.25,borderRadius:"4px",fontSize:"18px",lineHeight:"28px",letterSpacing:"0.02em"},p({backgroundColor:"transparent.backdrop"},{backgroundColor:"onSurface.os100"})),g),onClick:()=>(null==n?void 0:n.isEnd)&&!n.originalParams.loop?null==n?void 0:n.slideTo(0):null==n?void 0:n.slideNext()},x,{children:s(a,{component:"span",children:[r(a,{component:"span",sx:{fontWeight:"700",color:"onSurface.os900"},children:`${((null==n?void 0:n.realIndex)||0)+1}`}),r(a,{component:"span",sx:{color:"onSurface.os700",fontWeight:"400",mx:.5},children:" / "}),r(a,{component:"span",sx:{color:"onSurface.os700",fontWeight:"300"},children:`${(null==n?void 0:n.slides.length)||0}`})]})}))}))})),v=e(((e,i)=>{var{carousel:n,sx:l,linesProps:t,lineProgress:d,lineProgressProps:u}=e,g=o(e,["carousel","sx","linesProps","lineProgress","lineProgressProps"]);const x=t||{},{sx:h}=x,m=o(x,["sx"]),v=u||{},{sx:b}=v,f=o(v,["sx"]);return r(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:{xs:"stretch",md:"center"},flexGrow:{xs:"1",md:0},gap:1,p:2},l),ref:i},g,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((o,e)=>{const i=!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&e===((null==n?void 0:n.slides.length)||0)-1||(!(null==n?void 0:n.isEnd)||n.originalParams.loop)&&e===(null==n?void 0:n.realIndex),l=e<=((null==n?void 0:n.realIndex)||0);return s(c,Object.assign({color:"inherit",className:i?"active":void 0,sx:Object.assign(Object.assign({p:0,minHeight:"0",height:i||l?"8px":"4px",borderRadius:i||l?"4px":"2px",width:{xs:"100%",md:"56px"},justifyContent:"flex-start"},p({backgroundColor:"surface.primary","& .progress-line":{backgroundColor:"brand.secondary"}},{backgroundColor:"surface.secondary","& .progress-line":{backgroundColor:"brandHover.secondary"}})),h),"aria-controls":"carousel",onClick:()=>null==n?void 0:n[n.originalParams.loop?"slideToLoop":"slideTo"](e)},m,{children:[r(a,{sx:{position:"absolute",top:"50%",left:"0",right:"0",height:"24px",transform:"translateY(-50%)",pointerEvents:"auto"}}),r(a,{sx:{borderRadius:"4px",height:"100%",width:"100%",overflow:"hidden"},children:r(a,Object.assign({className:"progress-line",role:i?"progress":void 0,"aria-valuenow":i?d:void 0,"aria-valuemin":0,"aria-valuemax":100,sx:Object.assign({opacity:void 0!==d||l?"1":"0",width:"100%",backgroundColor:"brand.secondary",height:"100%",transformOrigin:"left",transform:`scaleX(${void 0!==d&&i?d/100:l?1:0})`,transition:(void 0!==d?"transform 300ms ease-in-out, ":"")+"opacity 300ms ease-out, background-color 300ms ease-out"},b)},f))})]}),e)}))}))})),b=e(((s,e)=>{var i,{carousel:c,sliderProps:u,sx:p,progressProps:g}=s,x=o(s,["carousel","sliderProps","sx","progressProps"]);const h=u||{},{sx:m}=h,v=o(h,["sx"]),[b,f]=n(Math.round(100*((null==c?void 0:c.progress)||0))),j=l(!1),[,O]=n({});return t((()=>{j.current||f(Math.round(100*((null==c?void 0:c.progress)||0)))}),[null==c?void 0:c.progress]),t((()=>{if(c){const o=()=>{j.current||O({})};return c.on("sliderMove",o),()=>{c.off("sliderMove",o)}}}),[c]),r(a,Object.assign({sx:Object.assign({my:2},p),ref:e},x,{children:r(d,Object.assign({value:b,min:0,max:100,onChange:(o,r)=>{j.current=!0,null==c||c.setProgress(r/100,150),f(r)},onChangeCommitted:()=>{null==c||c.slideToClosest(300),j.current=!1},sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os500",transitionDuration:`${null!==(i=null==c?void 0:c.originalParams.speed)&&void 0!==i?i:300}ms`},".MuiSlider-thumb":{display:"none"}},m),"aria-controls":"carousel"},v))}))})),f=e(((s,e)=>{var l,a,{carousel:c,sliderProps:d}=s,u=o(s,["carousel","sliderProps"]);const p=d||{},{sx:x}=p,h=o(p,["sx"]),[m,v]=n(!1),[,f]=n({});t((()=>{if(c){const o=()=>v(!0),r=()=>v(!1),s=()=>f({});return c.on("touchStart",o),c.on("touchEnd",r),c.on("resize",s),()=>{c.off("touchStart",o),c.off("touchEnd",r),c.off("resize",s)}}}),[c]);const j=i((()=>{var o,r;if((null===(o=null==c?void 0:c.wrapperEl)||void 0===o?void 0:o.scrollWidth)&&(null==c?void 0:c.width)){const o=Math.ceil((null==c?void 0:c.width)**2/(null===(r=null==c?void 0:c.wrapperEl)||void 0===r?void 0:r.scrollWidth));return Math.max(o,40)}return 40}),[null===(l=null==c?void 0:c.wrapperEl)||void 0===l?void 0:l.scrollWidth,null==c?void 0:c.width]);return r(b,Object.assign({ref:e,carousel:c,component:g,thumbSize:j,sliderProps:Object.assign({tabIndex:-1,valueLabelDisplay:"off",sx:Object.assign({display:"block",height:"4px",".MuiSlider-rail, .MuiSlider-track":{color:"surface.primary"},".MuiSlider-thumb":Object.assign(Object.assign({display:"flex",width:`${j}px`,height:"4px",border:"none",backgroundColor:"onSurface.os500"},!m&&{transition:`left ${null!==(a=null==c?void 0:c.originalParams.speed)&&void 0!==a?a:300}ms ease-out`}),{"&.Mui-focusVisible":{boxShadow:"none","&:before":{content:"none"}}})},x)},h)},u))}));export{x as CarouselPagination,h as DotsVariant,m as FractionVariant,v as LinesVariant,f as ScrollbarVariant,b as SliderVariant};
 //# sourceMappingURL=pagination.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pagination.js","sources":["../../../src/components/carousel/pagination.tsx"],"sourcesContent":[null],"names":["CarouselPagination","forwardRef","_a","ref","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","SliderVariant","ProgressVariant","FractionVariant","LinesVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotProps","_b","dotSx","restDot","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","minHeight","top","transform","overflow","role","opacity","transformOrigin","progressProps","progressSx","progressRest","LinearProgress","value","Math","round","progress","transitionDuration","speed","sliderProps","sliderSx","restSlider","setValue","useState","touching","setTouching","useEffect","my","Slider","min","max","onChange","newValue","setProgress","onChangeCommitted","slideToClosest"],"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 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","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","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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"}

package/components/carousel/slide.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"slide.js","sources":["../../../src/components/carousel/slide.tsx"],"sourcesContent":[~~null~~],"names":["CarouselSlide","forwardRef","_a","ref","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"wMAaa,MAAAA,EAA8CC,GAAW,CAACC,EAA2BC,SAA3BC,SAAEA,EAAQC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAvB,mBACrE,MAAQM,eAAgBC,GAAkBC,IAE1C,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXb,IAAKA,GACDG,GACJD,GAAEQ,OAAAC,OAAA,CACAG,QAAS,QACTC,MAAuC,SAAhCT,EAAcU,cAA2B,OAAS,OACzDC,OAAQX,EAAcY,WAAa,OAAS,OAC5CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA6C,SAAzBjB,EAAckB,OAAoB,UAAY,YAClE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETvB,GAAED,SAGNA,IACG,IAGVJ,EAAc6B,YAAc"}
1	+ {"version":3,"file":"slide.js","sources":["../../../src/components/carousel/slide.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { SwiperSlide, SwiperSlideProps, useSwiper } from 'swiper/react';\n\nexport interface CarouselSlideProps\n extends Omit<SwiperSlideProps, 'children'>,\n Omit<BoxProps, keyof SwiperSlideProps \| 'component'> {\n children?: BoxProps['children'];\n}\n\n/*\n One slide in the carousel\n */\nexport const CarouselSlide: React.FC<CarouselSlideProps> = forwardRef(({ children, sx, ...rest }, ref) => {\n const { originalParams: swiperOptions } = useSwiper();\n\n return (\n <Box\n component={SwiperSlide}\n ref={ref}\n {...rest}\n sx={{\n display: 'block',\n width: swiperOptions.slidesPerView === 'auto' ? 'auto' : '100%',\n height: swiperOptions.autoHeight ? 'auto' : '100%',\n position: 'relative',\n zIndex: '50',\n transform: 'translate3d(0px, 0, 0)',\n flexShrink: '0',\n transitionProperty: swiperOptions.effect === 'fade' ? 'opacity' : 'transform',\n '& img': {\n display: 'block',\n maxWidth: '100%',\n },\n ...sx,\n }}\n >\n {children}\n </Box>\n );\n});\nCarouselSlide.displayName = 'SwiperSlide';\n"],"names":["CarouselSlide","forwardRef","_a","ref","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","effect","maxWidth","displayName"],"mappings":"wMAaa,MAAAA,EAA8CC,GAAW,CAACC,EAA2BC,SAA3BC,SAAEA,EAAQC,GAAEA,GAAEH,EAAKI,EAAIC,EAAAL,EAAvB,mBACrE,MAAQM,eAAgBC,GAAkBC,IAE1C,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXb,IAAKA,GACDG,GACJD,GAAEQ,OAAAC,OAAA,CACAG,QAAS,QACTC,MAAuC,SAAhCT,EAAcU,cAA2B,OAAS,OACzDC,OAAQX,EAAcY,WAAa,OAAS,OAC5CC,SAAU,WACVC,OAAQ,KACRC,UAAW,yBACXC,WAAY,IACZC,mBAA6C,SAAzBjB,EAAckB,OAAoB,UAAY,YAClE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETvB,GAAED,SAGNA,IACG,IAGVJ,EAAc6B,YAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":[~~null~~],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"sPAmEa,MAAAA,EAAWC,GAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAJ,EAAjB,WACpE,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAOrDO,EACJC,EAACC,EACC,CAAAC,SAAAF,EAACG,EACKC,OAAAC,OAAA,CAAA,EAAAhB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVW,MAAOlB,EAAQ,aAAUmB,EACzBpB,IAAKA,EACLO,SAdqBc,IACzBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEV,EAACW,EACC,CAAAT,SAAAF,EAACY,EAAuB,CAAAC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAC3E,IAQVa,EAAiBa,EAAO,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEkC,KACvD,IAAIG,EAAS,CAAE,EAcf,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}
1	+ {"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import React, { ReactNode, ChangeEvent, useState, forwardRef, HTMLAttributes } from 'react';\nimport { Checkbox as MuiCheckbox, styled, FormGroup } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n\n/*\n @interface CheckboxProps\n * @description Base definition of SkodaFlow Checkbox independent on core implementation.\n * Properties are inherited from HTML Button element\n /\nexport interface CheckboxProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' \| 'color'> {\n /\n Indeterminate state of checkbox, half checked.\n /\n indeterminate?: boolean;\n\n /\n Disabled state, not changeable.\n /\n disabled?: boolean;\n\n /\n Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n /\n defaultChecked?: boolean;\n\n /\n Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n /\n checked?: boolean;\n\n /\n Error state of checkbox.\n /\n error?: boolean;\n\n /\n Is checkbox required field in form?\n /\n required?: boolean;\n\n /\n The value referenced with checkbox element\n /\n value?: string;\n\n /\n The value referenced with checkbox element\n /\n label?: string \| ReactNode;\n\n customNode?: ReactNode;\n\n /\n @description Triggered when element is changed.\n * @param e React original event object\n * @param value Current changed value\n /\n onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;\n}\n\n/\n @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props CheckboxProps\n * @returns React Functional Component\n * @deprecated Use Checkbox component from '@mui/material' module instead.\n /\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(({ error, ...props }, ref) => {\n const { label, defaultChecked, indeterminate, onChange, disabled } = props;\n const [_checkState, setCheck] = useState(defaultChecked \|\| false);\n\n const _checkStateChange = (e: ChangeEvent<HTMLInputElement>) => {\n setCheck(e.target.checked);\n typeof onChange === 'function' && onChange(e, e.target.checked);\n };\n\n const _checkbox = (\n <CheckboxStyled>\n <MuiCheckbox\n {...props}\n defaultChecked={defaultChecked}\n indeterminate={indeterminate && _checkState}\n disabled={disabled}\n color={error ? 'error' : undefined}\n ref={ref}\n onChange={_checkStateChange}\n />\n </CheckboxStyled>\n );\n\n return (\n <FormGroup>\n <FormControlLabelStyled control={_checkbox} label={label} disabled={disabled} error={error} />\n </FormGroup>\n );\n});\n\n/\n @description Checkbox styling definition based on props\n /\n\nconst CheckboxStyled = styled('div', {\n shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(() => {\n let styles = {};\n styles = {\n display: 'flex',\n '& + .MuiTypography-root': {\n '& a': {\n color: 'inherit',\n textDecoration: 'underline',\n fontWeight: '700',\n },\n '& ': {\n margin: 0,\n },\n },\n };\n return styles;\n});\n"],"names":["Checkbox","forwardRef","_a","ref","error","props","__rest","label","defaultChecked","indeterminate","onChange","disabled","_checkState","setCheck","useState","_checkbox","_jsx","CheckboxStyled","children","MuiCheckbox","Object","assign","color","undefined","e","target","checked","FormGroup","FormControlLabelStyled","control","styled","shouldForwardProp","prop","styles","display","textDecoration","fontWeight","margin"],"mappings":"sPAmEa,MAAAA,EAAWC,GAA6C,CAACC,EAAqBC,KAArB,IAAAC,MAAEA,GAAiBF,EAAPG,EAAKC,EAAAJ,EAAjB,WACpE,MAAMK,MAAEA,EAAKC,eAAEA,EAAcC,cAAEA,EAAaC,SAAEA,EAAQC,SAAEA,GAAaN,GAC9DO,EAAaC,GAAYC,EAASN,IAAkB,GAOrDO,EACJC,EAACC,EACC,CAAAC,SAAAF,EAACG,EACKC,OAAAC,OAAA,CAAA,EAAAhB,GACJG,eAAgBA,EAChBC,cAAeA,GAAiBG,EAChCD,SAAUA,EACVW,MAAOlB,EAAQ,aAAUmB,EACzBpB,IAAKA,EACLO,SAdqBc,IACzBX,EAASW,EAAEC,OAAOC,SACE,mBAAbhB,GAA2BA,EAASc,EAAGA,EAAEC,OAAOC,QAAQ,OAiBjE,OACEV,EAACW,EACC,CAAAT,SAAAF,EAACY,EAAuB,CAAAC,QAASd,EAAWR,MAAOA,EAAOI,SAAUA,EAAUP,MAAOA,KAC3E,IAQVa,EAAiBa,EAAO,MAAO,CACnCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GAD5BF,EAEkC,KACvD,IAAIG,EAAS,CAAE,EAcf,OAbAA,EAAS,CACPC,QAAS,OACT,0BAA2B,CACzB,MAAO,CACLZ,MAAO,UACPa,eAAgB,YAChBC,WAAY,OAEd,MAAO,CACLC,OAAQ,KAIPJ,CAAM"}

package/components/chip/chipDropdownChildren/chipDropdownChildren.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":[~~null~~],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","name","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"gaAoCa,MAAAA,EAAuBC,GAClC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAE/BG,EAAkBC,GAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,GAAQ,IAExBC,EAAAC,EAAA,CAAAC,SAAA,CACGb,EAAMc,MACPC,EAACC,EAAK,CAAAC,KAAK,eAAeC,UAAWb,EAAS,SAAW,GAAIc,SAAS,cAGzE,CAACd,EAAQL,EAAMc,QAEZM,EAAwBZ,GAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGkB,EAASb,GACZc,IACCnB,GAAgB,GACZH,EAAMqB,QAAQrB,EAAMqB,OAAOC,EAAE,GAEnC,CAACtB,IAGH,OACEe,EAACQ,EAAkB,CAAAC,YAAajB,EAC9BM,SAAAF,EAAA,OAAA,CAAAE,SAAA,CACEE,EACE,MAAA,CAAAF,SAAAE,EAACU,EAAsB,CAACC,aAAcxB,EAAeH,QAASA,EAC5Dc,SAAAE,EAACY,EAA0B,CACzBT,UAAuB,WAAZnB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT6B,KAAM5B,EAAM4B,KAAOb,EAACC,EAAI,CAACE,UAAWlB,EAAM4B,YAAWC,EACrDC,SAAU9B,EAAM8B,SAChBhB,MAAOL,EACPsB,QAAS,IAAMzB,GAAWD,GAC1B2B,eAAgBZ,EAChBC,OAAQA,EACRhB,OAAQA,QAIdU,EAACkB,EAAc,CAAA5B,OAAQA,EAAQ6B,UAAW,GAAIC,aAC3C,EAAAtB,SAAAb,EAAMa,eAGO,IAQpBc,EAA6BS,EAAOC,EAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,KAAO,CAC/F,kBAAmB,CACjBI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}
1	+ {"version":3,"file":"chipDropdownChildren.js","sources":["../../../../src/components/chip/chipDropdownChildren/chipDropdownChildren.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo, forwardRef, HTMLAttributes } from 'react';\nimport { ClickAwayListener, Chip as MuiChip, ChipProps as MuiChipProps, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport MenuContainer from '../../common/menuContainer';\nimport { Icon } from '../../icon';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipDropdownChildrenProps extends HTMLAttributes<HTMLDivElement> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: string;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const ChipDropdownChildren = forwardRef<HTMLDivElement, ChipDropdownChildrenProps>(\n ({ variant, ...props }, ref) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const renderLabel = useMemo(() => {\n return (\n <>\n {props.label}\n <Icon name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />\n </>\n );\n }, [isOpen, props.label]);\n\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n\n const onBlur = useCallback(\n (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n },\n [props],\n );\n\n return (\n <ClickAwayListener onClickAway={handleClickAway}>\n <span>\n <div>\n <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n <ChipDropdownChildrenStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n ref={ref}\n variant={'filled'}\n icon={props.icon ? <Icon className={props.icon} /> : undefined}\n disabled={props.disabled}\n label={renderLabel}\n onClick={() => setIsOpen(!isOpen)}\n onFocusVisible={onFocusVisibleHandler}\n onBlur={onBlur}\n isOpen={isOpen}\n />\n </ChipFocusVisibleStyled>\n </div>\n <MenuContainer isOpen={isOpen} marginTop={14} isEmptyMenu>\n {props.children}\n </MenuContainer>\n </span>\n </ClickAwayListener>\n );\n },\n);\n\n/\n @description Chip styling definition based on props\n */\nconst ChipDropdownChildrenStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})<MuiChipProps & { isOpen: boolean } & { onFocusVisible: React.FocusEventHandler<any> }>(() => ({\n '& .chevron-down': {\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n}));\n"],"names":["ChipDropdownChildren","forwardRef","_a","ref","variant","props","__rest","focusVisibled","setFocusVisible","useState","isOpen","setIsOpen","handleClickAway","useCallback","renderLabel","useMemo","_jsxs","_Fragment","children","label","_jsx","Icon","name","className","fontSize","onFocusVisibleHandler","onBlur","e","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","ChipDropdownChildrenStyled","icon","undefined","disabled","onClick","onFocusVisible","MenuContainer","marginTop","isEmptyMenu","styled","MuiChip","shouldForwardProp","prop","marginLeft","transform","top","transition","transformOrigin"],"mappings":"gaAoCa,MAAAA,EAAuBC,GAClC,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAJ,EAAnB,aACC,MAAOK,EAAeC,GAAmBC,GAAS,IAC3CC,EAAQC,GAAaF,GAAS,GAE/BG,EAAkBC,GAAY,KAClCF,GAAU,EAAM,GACf,IAEGG,EAAcC,GAAQ,IAExBC,EAAAC,EAAA,CAAAC,SAAA,CACGb,EAAMc,MACPC,EAACC,EAAK,CAAAC,KAAK,eAAeC,UAAWb,EAAS,SAAW,GAAIc,SAAS,cAGzE,CAACd,EAAQL,EAAMc,QAEZM,EAAwBZ,GAAY,KACxCL,GAAgB,EAAK,GACpB,IAEGkB,EAASb,GACZc,IACCnB,GAAgB,GACZH,EAAMqB,QAAQrB,EAAMqB,OAAOC,EAAE,GAEnC,CAACtB,IAGH,OACEe,EAACQ,EAAkB,CAAAC,YAAajB,EAC9BM,SAAAF,EAAA,OAAA,CAAAE,SAAA,CACEE,EACE,MAAA,CAAAF,SAAAE,EAACU,EAAsB,CAACC,aAAcxB,EAAeH,QAASA,EAC5Dc,SAAAE,EAACY,EAA0B,CACzBT,UAAuB,WAAZnB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACT6B,KAAM5B,EAAM4B,KAAOb,EAACC,EAAI,CAACE,UAAWlB,EAAM4B,YAAWC,EACrDC,SAAU9B,EAAM8B,SAChBhB,MAAOL,EACPsB,QAAS,IAAMzB,GAAWD,GAC1B2B,eAAgBZ,EAChBC,OAAQA,EACRhB,OAAQA,QAIdU,EAACkB,EAAc,CAAA5B,OAAQA,EAAQ6B,UAAW,GAAIC,aAC3C,EAAAtB,SAAAb,EAAMa,eAGO,IAQpBc,EAA6BS,EAAOC,EAAS,CACjDC,kBAAoBC,GAAkB,WAATA,GADIH,EAEuD,KAAO,CAC/F,kBAAmB,CACjBI,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"chipFocusVisibleStyled.js","sources":["../../../src/components/chip/chipFocusVisibleStyled.tsx"],"sourcesContent":[~~null~~],"names":["ChipFocusVisibleStyled","styled","theme","focusVisible","variant","display","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined"],"mappings":"qCAEA,MAAMA,EAAyBC,EAAO,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/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":"qCAEA,MAAMA,EAAyBC,EAAO,MAAPA,EAAuD,EACpFC,QACAC,eACAC,cAEO,CACLC,QAAS,cACTC,aAA0B,UAAZF,EAAsB,EAAI,GACxCG,WAAY,OACZC,UAAWL,EAAe,aAAaD,EAAMO,QAAQC,UAAUC,aAAUC"}

package/components/chip/chipImage/chipImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":[~~null~~],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","_onChange","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"4PAyDa,MAAAA,EAAYC,GAA2C,CAACC,EAAOC,KAC1E,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,SACtBd,GACGe,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IAErBC,EAAoBC,IACpBX,GACFA,EAASW,GAAMZ,IAIba,EAAiBC,GACpBC,IACCR,GAAiB,GACbd,GACFA,EAAOsB,KAGX,CAACtB,IAGGuB,EAAkBF,GAAY,KAC9BL,GACFA,EAAmBQ,QAAQC,UAE5B,IAEGC,EAAyBL,GAAY,KACzCP,GAAiB,EAAK,GACrB,IAEGa,EAAiB9B,GACrB,CAAC+B,EAA4CC,SAA1CrB,SAAUsB,GAASF,EAAKG,EAAcC,EAAAJ,EAAxC,cAAqD,OACpDK,EAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAhC,IAAK8B,EAC5B5B,SAAA,CAAAmC,EAAA,QAAA,CACErC,IAAKiB,EACLR,SAAUU,EACVmB,KAAK,WACL3B,GAAIA,EACJD,KAAMA,EACN6B,MAAO5B,EACP6B,QAAShC,EACTiC,UAAQ,IAEVJ,EAAA,MAAA,CAAKK,IAAKpC,EAAUqC,IAAKpC,IACzB8B,EAAA,MAAA,CAAAnC,SACEmC,EAAO,OAAA,CAAAnC,SAAAA,GAAYC,SAEjB,IAIV,OACEkC,EAACO,EAAsB,CAACC,aAAc/B,EAAgBT,QAASA,EAAOH,SACpEmC,EAACS,GACC9C,IAAKA,EACL+C,UAAWnB,EACXzB,MAAOA,EACPC,SAAUA,EACV4C,QAASxB,EACTyB,UAAWzC,EAAY,cAAgB,GACvC0C,eAAgBvB,EAChB1B,OAAQoB,EACRhB,QAAS,SACT8C,MAAO3C,EAAY,UAAY,aAEV,IAOvBsC,EAAkBM,EAAOC,EAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQtD,SAASwD,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}
1	+ {"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":["import React, { useCallback, useState, useRef, forwardRef, HTMLAttributes } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipImageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n /\n The label referenced to the text field.\n /\n label?: string;\n /\n Disabled, not clickable chip.\n /\n disabled?: boolean;\n /\n Image of a chip to display.\n /\n component?: any;\n /\n Variant of a chip.\n /\n variant?: 'image' \| 'multiselect';\n /\n The url of the image.\n /\n imageUrl: string;\n /\n The alt attribute of the image.\n /\n imageAlt: string;\n /\n State of the chip image. If true the chip image is checked.\n /\n isChecked?: boolean;\n /\n Event triggered whenever the chip image is clicked.\n /\n onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;\n /\n Name attribute of the component.\n /\n name?: string;\n /\n id attribute of the component, defaults to chip-image-{current UNIX date}.\n /\n id?: string;\n\n debug?: boolean;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const ChipImage = forwardRef<HTMLDivElement, ChipImageProps>((props, ref) => {\n const {\n onBlur,\n children,\n label,\n disabled,\n variant = 'image',\n imageUrl,\n imageAlt,\n isChecked,\n onChange,\n name,\n id = `chip-image-${Date.now()}`,\n } = props;\n const [_focusVisibled, _setFocusVisible] = useState(false);\n const _checkboxComponent = useRef<HTMLInputElement>();\n\n const _onChangeTrigger = (evt: React.ChangeEvent<HTMLInputElement>) => {\n if (onChange) {\n onChange(evt, !isChecked);\n }\n };\n\n const _onBlurHandler = useCallback(\n (e: React.FocusEvent<HTMLDivElement>) => {\n _setFocusVisible(false);\n if (onBlur) {\n onBlur(e);\n }\n },\n [onBlur],\n );\n\n const _onClickHandler = useCallback(() => {\n if (_checkboxComponent) {\n _checkboxComponent.current.click();\n }\n }, []);\n\n const _onFocusVisibleHandler = useCallback(() => {\n _setFocusVisible(true);\n }, []);\n\n const ImageComponent = forwardRef<HTMLDivElement, ChipImageProps>(\n ({ onChange: _onChange, ...componentProps }, _ref) => (\n <div {...componentProps} ref={_ref as any}>\n <input\n ref={_checkboxComponent}\n onChange={_onChangeTrigger}\n type=\"checkbox\"\n id={id}\n name={name}\n value={id}\n checked={isChecked}\n readOnly\n />\n <img src={imageUrl} alt={imageAlt} />\n <div>\n <span>{children \|\| label}</span>\n </div>\n </div>\n ),\n );\n\n return (\n <ChipFocusVisibleStyled focusVisible={_focusVisibled} variant={variant}>\n <ChipImageStyled\n ref={ref}\n component={ImageComponent as any}\n label={label}\n disabled={disabled}\n onClick={_onClickHandler}\n className={isChecked ? 'Mui-checked' : ''}\n onFocusVisible={_onFocusVisibleHandler}\n onBlur={_onBlurHandler}\n variant={'filled'}\n color={isChecked ? 'primary' : 'default'}\n />\n </ChipFocusVisibleStyled>\n );\n});\n\n/\n @description Chip styling definition based on props\n */\nconst ChipImageStyled = styled(MuiChip)<\n MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any>; component?: any }\n>(({ theme }) => ({\n '& div': {\n width: '100%',\n whiteSpace: 'pre-wrap',\n },\n '&.MuiChip-root': {\n backgroundColor: theme.palette.surface.primary,\n borderRadius: '4px',\n height: 'auto',\n width: '120px',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'flex-start',\n padding: '11px 0 13px 0',\n overflow: 'hidden',\n '&:hover': {\n span: {\n color: theme.palette.onSurface.os600,\n },\n },\n '&.Mui-checked': {\n backgroundColor: theme.palette.brand.quarternary,\n span: {\n color: theme.palette.brand.primary,\n },\n '&:hover': {\n span: {\n color: theme.palette.brandHover.primary,\n },\n },\n },\n '&.Mui-disabled': {\n backgroundColor: theme.palette.surface.primary,\n span: {\n color: theme.palette.disabled.primary,\n },\n },\n '&:active': {\n boxShadow: 'none',\n },\n '& > input': {\n display: 'none',\n },\n div: {\n display: 'flex',\n flexGrow: 1,\n },\n span: {\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n textAlign: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '400',\n color: theme.palette.onSurface.os800,\n width: '100%',\n padding: '0 10px',\n },\n '& img': {\n width: '100%',\n height: '68px',\n objectFit: 'cover',\n marginBottom: '2px',\n },\n },\n}));\n"],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","_onChange","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"4PAyDa,MAAAA,EAAYC,GAA2C,CAACC,EAAOC,KAC1E,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,SACtBd,GACGe,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IAErBC,EAAoBC,IACpBX,GACFA,EAASW,GAAMZ,IAIba,EAAiBC,GACpBC,IACCR,GAAiB,GACbd,GACFA,EAAOsB,KAGX,CAACtB,IAGGuB,EAAkBF,GAAY,KAC9BL,GACFA,EAAmBQ,QAAQC,UAE5B,IAEGC,EAAyBL,GAAY,KACzCP,GAAiB,EAAK,GACrB,IAEGa,EAAiB9B,GACrB,CAAC+B,EAA4CC,SAA1CrB,SAAUsB,GAASF,EAAKG,EAAcC,EAAAJ,EAAxC,cAAqD,OACpDK,EAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAhC,IAAK8B,EAC5B5B,SAAA,CAAAmC,EAAA,QAAA,CACErC,IAAKiB,EACLR,SAAUU,EACVmB,KAAK,WACL3B,GAAIA,EACJD,KAAMA,EACN6B,MAAO5B,EACP6B,QAAShC,EACTiC,UAAQ,IAEVJ,EAAA,MAAA,CAAKK,IAAKpC,EAAUqC,IAAKpC,IACzB8B,EAAA,MAAA,CAAAnC,SACEmC,EAAO,OAAA,CAAAnC,SAAAA,GAAYC,SAEjB,IAIV,OACEkC,EAACO,EAAsB,CAACC,aAAc/B,EAAgBT,QAASA,EAAOH,SACpEmC,EAACS,GACC9C,IAAKA,EACL+C,UAAWnB,EACXzB,MAAOA,EACPC,SAAUA,EACV4C,QAASxB,EACTyB,UAAWzC,EAAY,cAAgB,GACvC0C,eAAgBvB,EAChB1B,OAAQoB,EACRhB,QAAS,SACT8C,MAAO3C,EAAY,UAAY,aAEV,IAOvBsC,EAAkBM,EAAOC,EAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQtD,SAASwD,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}

package/components/chip/chipMultiselect/multiSelectChip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":[~~null~~],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"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"}
1	+ {"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useMemo, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled, ClickAwayListener } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { FlowMenuProps } from '../../menu';\nimport MenuContainer from '../../common/menuContainer';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface MultiSelectChipProps\n extends HTMLAttributes<HTMLDivElement>,\n Omit<FlowMenuProps, 'setIsOpen' \| 'variant'> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n\n /\n The toggle label displayed when groupToggleSelection is true. Default is \"Select All\".\n /\n toggleLabel?: string;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const MultiSelectChip = forwardRef<HTMLDivElement, MultiSelectChipProps>(\n ({ variant, label, disabled, icon, ...props }, ref) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n const [isOpen, setIsOpen] = useState(false);\n\n const onClickCloseHandler = useCallback(\n (e) => {\n e.stopPropagation();\n\n props.reactHook.setState([]);\n },\n [props.reactHook],\n );\n\n const Count = useMemo(() => {\n return (\n <>\n {label}\n {props.reactHook.state.length > 0 && (\n <span className=\"count\">\n <span>{props.reactHook.state.length}</span>\n </span>\n )}\n {(props.reactHook.state.length > 0 && (\n <Icon color=\"inherit\" name=\"close\" fontSize=\"small\" onClick={onClickCloseHandler} />\n )) \|\| <Icon color=\"inherit\" name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />}\n </>\n );\n }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n\n const onBlur = useCallback(\n (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n },\n [props],\n );\n\n const onSelectHandler = useCallback(() => {\n setIsOpen((curr) => !curr);\n setSelected((curr) => !curr);\n }, []);\n\n const handleClickAway = useCallback(() => {\n setIsOpen(false);\n setSelected(false);\n }, []);\n\n const onFocusVisibleHandler = useCallback(() => {\n setFocusVisible(true);\n }, []);\n\n return (\n <>\n <ClickAwayListener onClickAway={handleClickAway}>\n <span>\n <div>\n <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n <MultiSelectChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n ref={ref}\n variant={'filled'}\n icon={icon ? <Icon name={icon} /> : undefined}\n label={Count}\n disabled={disabled}\n onClick={onSelectHandler}\n color={selected \|\| props.reactHook.state.length ? 'primary' : 'default'}\n onFocusVisible={onFocusVisibleHandler}\n onBlur={onBlur}\n count={props.reactHook.state.length}\n aria-label={`${props.reactHook.state.length} elements selected`}\n isOpen={isOpen}\n />\n </ChipFocusVisibleStyled>\n </div>\n\n <MenuContainer\n disabled={disabled}\n isOpen={isOpen}\n items={props.items}\n hasIcon={props.hasIcon}\n multipleSelection={true}\n groupToggleSelection={props.groupToggleSelection}\n groupLabel={props.groupLabel}\n reactHook={props.reactHook}\n width={182}\n marginTop={14}\n setIsOpen={setIsOpen}\n toggleLabel={props.toggleLabel}\n />\n </span>\n </ClickAwayListener>\n </>\n );\n },\n);\n\n/\n @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n shouldForwardProp: (prop) => prop !== 'isOpen',\n})<\n MuiChipProps & { count: number; isOpen: boolean } & {\n onFocusVisible: React.FocusEventHandler<any>;\n }\n>(({ theme }) => {\n const flowColors = theme.palette;\n\n const stateStyle = {};\n\n // if (count > 0) {\n // \tstateStyle = {\n // \t\t'&.MuiChip-root': {\n // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n // \t\t\tcolor: flowColors.brand.primary,\n // \t\t\t'& .MuiIcon-root': {\n // \t\t\t\tcolor: flowColors.brand.primary,\n // \t\t\t},\n // \t\t\t'&: hover': {\n // \t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t'& .MuiIcon-root': {\n // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t\t'& .count': {\n // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n // \t\t\t\t},\n // \t\t\t},\n // \t\t\t'&.Mui-disabled': {\n // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n // \t\t\t},\n // \t\t},\n // \t};\n // } else {\n // \tstateStyle = {};\n // }\n\n let style = {\n '& .chevron-down': {\n color: 'inherit',\n marginLeft: '8px',\n transform: 'rotate(0deg)',\n top: '4px',\n transition: 'transform 0.6s',\n '&.isOpen': {\n transform: 'rotate(180deg) translateY(2px)',\n transformOrigin: '50%',\n },\n },\n '& .ballotx': {\n color: 'inherit',\n },\n '& .count': {\n color: flowColors.onSurface.os0,\n borderRadius: '50%',\n backgroundColor: flowColors.brand.primary,\n minWidth: '20px',\n height: '20px',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontSize: '14px',\n lineHeight: '16px',\n fontWeight: '700',\n margin: '0 8px',\n padding: '0 4px',\n },\n };\n\n style = { ...style, ...stateStyle };\n\n return style;\n});\n"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"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"}

package/components/chip/regular/chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":[~~null~~],"names":["Chip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","ChipStyled","className","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"qSA2Ca,MAAAA,EAAuBC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EAAKC,KAClBA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,EAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,EAACC,EAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,EAACG,GACCC,UAAuB,WAAZlB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACK,EAAK,CAAAC,KAAMhB,EAAMc,UAAU,cAAcG,SAAS,eAAaC,EAC7ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAmBR,EAOvBP,EAAaY,EAAOC,EAA0E"}
1	+ {"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/*\n @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n /\nexport interface ChipProps extends HTMLAttributes<HTMLDivElement> {\n /\n The label referenced to the text field\n /\n label?: string;\n\n /\n Disabled, not clickable chip\n /\n disabled?: boolean;\n\n /\n Boolean to display icon\n /\n icon?: IconNameProp;\n\n /\n Variant of chip defines different look and style\n /\n variant?: 'solid' \| 'transparent' \| 'shadow';\n /\n if true chips is checked\n /\n isSelected?: boolean;\n /\n onClick callback to handle the chip state\n /\n onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;\n}\n\n/\n @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n /\nexport const Chip: FC<ChipProps> = ({\n variant,\n label,\n disabled,\n isSelected = false,\n icon,\n onClickCallback,\n ...props\n}) => {\n const [focusVisibled, setFocusVisible] = useState(false);\n const [selected, setSelected] = useState(false);\n useEffect(() => {\n setSelected(isSelected);\n }, [isSelected]);\n const onBlur = (e: any) => {\n setFocusVisible(false);\n if (props.onBlur) props.onBlur(e);\n };\n const onSelect = (e: React.MouseEvent<HTMLDivElement>) => {\n setSelected(!selected);\n onClickCallback && onClickCallback(e, !selected);\n };\n return (\n <ChipFocusVisibleStyled variant={variant} focusVisible={focusVisibled}>\n <ChipStyled\n className={variant === 'shadow' && 'MuiChip-shadow'}\n variant={'filled'}\n icon={icon ? <Icon name={icon} className=\"beforeLabel\" fontSize=\"small\" /> : undefined}\n label={label}\n disabled={disabled}\n onClick={(e: React.MouseEvent<HTMLDivElement>) => onSelect(e)}\n color={selected ? 'primary' : 'default'}\n onFocusVisible={() => setFocusVisible(true)}\n onBlur={onBlur}\n />\n </ChipFocusVisibleStyled>\n );\n};\n\n/\n @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip)<MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any> }>``;\n"],"names":["Chip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","ChipStyled","className","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"qSA2Ca,MAAAA,EAAuBC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EAAKC,KAClBA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,EAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,EAACC,EAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,EAACG,GACCC,UAAuB,WAAZlB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACK,EAAK,CAAAC,KAAMhB,EAAMc,UAAU,cAAcG,SAAS,eAAaC,EAC7ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAmBR,EAOvBP,EAAaY,EAAOC,EAA0E"}

package/components/closeDialogButton/index.d.ts CHANGED Viewed

@@ -1,3 +1,6 @@
 import { IconButtonProps } from '@mui/material';
-export type CloseDialogButtonProps = Omit<Partial<IconButtonProps>, 'children'>;
+export type CloseDialogButtonProps = IconButtonProps;
+/**
+ * @deprecated Use <DialogTitle onClose={fn} /> instead
+ */
 export declare const CloseDialogButton: (props: CloseDialogButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/closeDialogButton/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{IconButton as o}from"@mui/material";import{Icon as e}from"../icon/icon.js";import"../icon/icon.definitions.js";const m=m=>i(o,Object.assign({"aria-label":"Close dialog",size:"small"},m,{children:i(e,{name:"close",fontSize:"medium"})}));export{m as CloseDialogButton};
+import{jsx as o}from"react/jsx-runtime";import{IconButton as i}from"@mui/material";import{CloseIcon as r}from"../icon/stroke/CloseIcon.js";const e=e=>o(i,Object.assign({"aria-label":"Close dialog",size:"medium"},e,{children:o(r,{})}));export{e as CloseDialogButton};
 //# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":[~~null~~],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","styled","theme","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"8LAuBA,MAAMA,EAA+CC,QAAAC,UAAEA,EAASC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAAlC,6BACnD,OACEK,EAACC,EACC,CAAAC,UAAWJ,EAAMI,UAAY,KAC7BC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAChDE,OAAQP,EAAMO,OACdC,SAAUR,EAAMQ,SAEfC,SAAAV,EACCG,EAACQ,EAAW,CAAAD,SAAAT,EAAMS,WAElBP,EAACS,EAAI,CACHC,MAAOZ,EAAMY,MACbC,QAASb,EAAMa,QACfC,kBAAmBd,EAAMc,kBACzBC,qBAAsBf,EAAMe,qBAC5BC,WAAYhB,EAAMgB,WAClBC,UAAWjB,EAAMiB,UACjBnB,UAAWA,EACXoB,YAAalB,EAAMkB,eAGb,EAIVf,EAAYgB,EAAO,MAAPA,EAKdtB,IAAA,IAAAuB,MAAEA,GAAgBvB,EAANwB,EAAIpB,EAAAJ,EAAhB,WACF,IAAIyB,EAAS,CAAE,EAiBf,OAfAA,EAAS,CACPjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRJ,EADED,EAAKd,SAAWc,EAAKb,SACjBmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,SAAUC,QAAS,OAGhDR,CAAM"}
1	+ {"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/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":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","styled","theme","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"8LAuBA,MAAMA,EAA+CC,QAAAC,UAAEA,EAASC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAAlC,6BACnD,OACEK,EAACC,EACC,CAAAC,UAAWJ,EAAMI,UAAY,KAC7BC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAChDE,OAAQP,EAAMO,OACdC,SAAUR,EAAMQ,SAEfC,SAAAV,EACCG,EAACQ,EAAW,CAAAD,SAAAT,EAAMS,WAElBP,EAACS,EAAI,CACHC,MAAOZ,EAAMY,MACbC,QAASb,EAAMa,QACfC,kBAAmBd,EAAMc,kBACzBC,qBAAsBf,EAAMe,qBAC5BC,WAAYhB,EAAMgB,WAClBC,UAAWjB,EAAMiB,UACjBnB,UAAWA,EACXoB,YAAalB,EAAMkB,eAGb,EAIVf,EAAYgB,EAAO,MAAPA,EAKdtB,IAAA,IAAAuB,MAAEA,GAAgBvB,EAANwB,EAAIpB,EAAAJ,EAAhB,WACF,IAAIyB,EAAS,CAAE,EAiBf,OAfAA,EAAS,CACPjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRJ,EADED,EAAKd,SAAWc,EAAKb,SACjBmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,SAAUC,QAAS,OAGhDR,CAAM"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"qCAEA,MAAMA,EAA2BC,EAAO,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/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":"qCAEA,MAAMA,EAA2BC,EAAO,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/components/common/styled/formControlLabelStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"formControlLabelStyled.js","sources":["../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":[~~null~~],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"sFAMA,MAAMA,EAAyBC,EAAOC,EAAqB,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/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":"sFAMA,MAAMA,EAAyBC,EAAOC,EAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEiC,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sliderValuesStyled.js","sources":["../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":[~~null~~],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"qCAEA,MAAMA,EAAqBC,EAAO,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/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":"qCAEA,MAAMA,EAAqBC,EAAO,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/components/common/styled/textFieldStyled.js.map CHANGED Viewed

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":[null],"names":["CustomPickersActionBar","props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"4OAIa,MAAAA,EAA0BC,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,IAEnB,OAAKR,aAAA,EAAAA,EAASS,QAGZC,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKR,EACjB,CAAAS,SAAAC,EAACC,EAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,EAACC,EAAM,CAAAC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,EAACU,EAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAACU,EAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAC7CU,SAAAP,EAAWkB,sBAIlBV,EAACC,EAAK,CAACC,UAAU,MACdH,SAAA,CAAAd,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAC7CY,SAAAP,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAC7Ca,SAAAP,EAAWoB,yBAzBK,IA8BX"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { 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":["CustomPickersActionBar","props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"4OAIa,MAAAA,EAA0BC,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,IAEnB,OAAKR,aAAA,EAAAA,EAASS,QAGZC,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKR,EACjB,CAAAS,SAAAC,EAACC,EAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,EAACC,EAAM,CAAAC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,EAACU,EAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAACU,EAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAC7CU,SAAAP,EAAWkB,sBAIlBV,EAACC,EAAK,CAACC,UAAU,MACdH,SAAA,CAAAd,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAC7CY,SAAAP,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAC7Ca,SAAAP,EAAWoB,yBAzBK,IA8BX"}

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

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

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

@@ -1,11 +1,6 @@
 import React from 'react';
 import * as Flags from 'country-flag-icons/react/3x2';
 import { BoxProps } from '@mui/material';
-/**
- * @interface FlagProps
- * @description Base definition of SkodaFlow Flag independent on core implementation.
- * Properties are inherited from HTML Div element and FlagStylingProps interface.
- */
 export interface FlagProps extends Omit<BoxProps, 'component'> {
     /**
      * Defines which flag to use.
@@ -31,4 +26,7 @@ export interface FlagProps extends Omit<BoxProps, 'component'> {
      */
     disabled?: boolean;
 }
+/**
+ * Renders country flag icon
+ */
 export declare const Flag: React.FC<FlagProps>;

package/components/flag/flag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useMemo as a}from"react";import*as i from"country-flag-icons/react/3x2";import*as s from"country-flag-icons/react/1x1";import{Box as c}from"@mui/material";const o=t(((t,o)=>{var{flag:l,sx:n,width:d,size:m="small",variant:u="circle",disabled:b=!1}=t,f=r(t,["flag","sx","width","size","variant","disabled"]);const g=a((()=>{switch(m){case"small":return 24;case"medium":return 40;case"large":return 56;default:return null!=d?d:24}}),[m,d]);return e(c,Object.assign({"data-testid":"Flag",component:(["circle","square"].includes(u)?s:i)[l]||"div",sx:Object.assign(Object.assign(Object.assign({width:`${g}px`,border:1,borderColor:"onSurface.os500"},["circle","square"].includes(u)&&Object.assign({height:`${g}px`},"circle"===u?{borderRadius:`${g}px`}:{})),b&&{opacity:"0.65",userSelect:"none",borderColor:"disabled.tertiary"}),n),ref:o},f))}));export{o as Flag};
+import{__rest as r}from"tslib";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import*as a from"country-flag-icons/react/3x2";import*as s from"country-flag-icons/react/1x1";import{Box as c}from"@mui/material";const o=t(((t,o)=>{var{flag:l,sx:n,width:d,size:m="small",variant:u="circle",disabled:f=!1}=t,b=r(t,["flag","sx","width","size","variant","disabled"]);const g=i((()=>{switch(m){case"small":return 24;case"medium":return 44;case"large":return 56;default:return null!=d?d:24}}),[m,d]);return e(c,Object.assign({"data-testid":"Flag",component:(["circle","square"].includes(u)?s:a)[l]||"div",sx:Object.assign(Object.assign(Object.assign({width:`${g}px`,flexShrink:"0",border:1,borderColor:"onSurface.os500"},["circle","square"].includes(u)&&Object.assign({height:`${g}px`},"circle"===u?{borderRadius:`${g}px`}:{})),f&&{userSelect:"none",borderColor:"disabled.tertiary",opacity:"0.65"}),n),ref:o},b))}));export{o as Flag};
 //# sourceMappingURL=flag.js.map