@skodaflow/web-library 7.12.0 → 7.13.0

package/organisms/gallery/Gallery.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as l,Fragment as r}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as a}from"../../utils/useClosure/useClosure.js";import{styled as o,Backdrop as i,Box as n,IconButton as s,Stack as c}from"@mui/material";import d from"embla-carousel-react";import{useMemo as m,useState as g,useEffect as p,useCallback as h}from"react";import y from"../../utils/useKeyboardShortcut/useKeyboardShortcut.js";const u=o=>{var i;const s=m((()=>o.galleryItems.length>1),[o.galleryItems]),{isOpen:u,onOpen:b,onClose:C}=a(!1),[w,j]=g(!0),[G,S]=g(!0),[k,z]=d({align:"center",axis:"x",startIndex:null!==(i=o.startIndex)&&void 0!==i?i:0,slidesToScroll:1,draggable:o.galleryItems.length>1});p((()=>{if(z){const e=()=>{j(!z.canScrollNext()),S(!z.canScrollPrev())};z.on("scroll",e),e()}}),[z]),p((()=>{o.galleryItems&&0!==o.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[o.galleryItems]);const N=h((()=>{o.galleryItems&&o.galleryItems.length>0&&b()}),[b,o.children]);return y({Escape:C,ArrowRight:null==z?void 0:z.scrollNext,ArrowLeft:null==z?void 0:z.scrollPrev},[!!z]),e(n,{"data-testid":"Gallery",children:[l(n,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:o.children}),l(f,{open:u,"data-testid":"Gallery.backdrop",children:u&&e(r,{children:[l(x,{ref:k,children:l(n,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==z?void 0:z.selectedScrollSnap(),children:o.galleryItems})}),l(v,{"data-testid":"Gallery.control",children:e(c,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[s&&l(I,{size:"large",disabled:G,onClick:()=>null==z?void 0:z.scrollPrev(),"data-testid":"Gallery.prev","aria-label":"Previous image",children:l(t,{name:"arrow-left"})}),l(I,{size:"large",onClick:C,"data-testid":"Gallery.close","aria-label":"Close gallery",children:l(t,{name:"close"})}),s&&l(I,{size:"large",disabled:w,onClick:()=>null==z?void 0:z.scrollNext(),"data-testid":"Gallery.next","aria-label":"Next image",children:l(t,{name:"arrow-right"})})]})})]})})]})},f=o(i)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),x=o(n)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),v=o(n)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),I=o(s)((({theme:e})=>({color:e.palette.surface.primary})));export{u as Gallery};
+import{jsxs as e,jsx as l,Fragment as r}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as a}from"../../utils/useClosure/useClosure.js";import{useMemo as o,useState as i,useEffect as n,useCallback as s}from"react";import{styled as c,Backdrop as d,Box as m,IconButton as g,Stack as p}from"@mui/material";import h from"embla-carousel-react";import y from"../../utils/useKeyboardShortcut/useKeyboardShortcut.js";const u=c=>{var d;const g=o((()=>c.galleryItems.length>1),[c.galleryItems]),{isOpen:u,onOpen:b,onClose:C}=a(!1),[w,j]=i(!0),[G,S]=i(!0),[k,z]=h({align:"center",axis:"x",startIndex:null!==(d=c.startIndex)&&void 0!==d?d:0,slidesToScroll:1,draggable:c.galleryItems.length>1});n((()=>{if(z){const e=()=>{j(!z.canScrollNext()),S(!z.canScrollPrev())};z.on("scroll",e),e()}}),[z]),n((()=>{c.galleryItems&&0!==c.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[c.galleryItems]);const N=s((()=>{c.galleryItems&&c.galleryItems.length>0&&b()}),[b,c.children]);return y({Escape:C,ArrowRight:null==z?void 0:z.scrollNext,ArrowLeft:null==z?void 0:z.scrollPrev},[!!z]),e(m,{"data-testid":"Gallery",children:[l(m,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:c.children}),l(f,{open:u,"data-testid":"Gallery.backdrop",children:u&&e(r,{children:[l(x,{ref:k,children:l(m,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==z?void 0:z.selectedScrollSnap(),children:c.galleryItems})}),l(v,{"data-testid":"Gallery.control",children:e(p,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[g&&l(I,{size:"large",disabled:G,onClick:()=>null==z?void 0:z.scrollPrev(),"data-testid":"Gallery.prev","aria-label":"Previous image",children:l(t,{name:"arrow-left"})}),l(I,{size:"large",onClick:C,"data-testid":"Gallery.close","aria-label":"Close gallery",children:l(t,{name:"close"})}),g&&l(I,{size:"large",disabled:w,onClick:()=>null==z?void 0:z.scrollNext(),"data-testid":"Gallery.next","aria-label":"Next image",children:l(t,{name:"arrow-right"})})]})})]})})]})},f=c(d)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),x=c(m)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),v=c(m)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),I=c(g)((({theme:e})=>({color:e.palette.surface.primary})));export{u as Gallery};
 //# sourceMappingURL=Gallery.js.map

package/organisms/gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":[null],"names":["Gallery","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}
+{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":[null],"names":["Gallery","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"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"}

package/organisms/notification/Notification.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{Icon as e}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{Indicator as o}from"../../components/indicator/indicator.js";import{styled as n,Box as a,useTheme as r,Typography as s,Stack as l,IconButton as d}from"@mui/material";const c=n=>{const c=r();return i(a,{sx:{background:"grey"===n.color?c.palette.surface.primary:c.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[n.icon&&t(p,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:n.icon}),i(a,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column",padding:"4px"},children:[i(a,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1},children:[n.isNew&&t(o,{color:"neutral"}),t(a,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flexGrow:"1",minWidth:"0"},children:t(s,{variant:"subheadline","data-testid":"Notification.headline",children:n.headline})})]}),t(a,{"data-testid":"Notification.description",children:"string"==typeof n.description?t(s,{sx:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer",children:n.description}):n.description}),n.footer&&t(s,{variant:"disclaimer",color:c.palette.onSurface.os600,"data-testid":"Notification.footer",children:n.footer}),n.buttons&&t(l,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:n.buttons})]}),n.onDismiss&&t(d,{"aria-label":"Dismiss notification",onClick:n.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px"},"data-testid":"Notification.dismiss",children:t(e,{fontSize:"small",className:"ballotx",name:"close"})})]})},p=n(a)((({theme:i})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:i.palette.onSurface.os200,flexShrink:0})));export{c as Notification};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{Icon as e}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{Indicator as o}from"../../components/indicator/indicator.js";import{styled as n,Box as a,useTheme as r,Typography as s,Stack as l,IconButton as d}from"@mui/material";const c=n=>{const c=r();return i(a,{sx:{background:"grey"===n.color?c.palette.surface.primary:c.palette.onSurface.os0,padding:"24px 32px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",position:"relative"},"data-testid":"Notification",children:[n.icon&&t(p,{sx:{display:{sm:"flex",xs:"none"},overflow:"hidden",img:{width:"100%",height:"100%",objectFit:"cover"}},"data-testid":"Notification.icon",children:n.icon}),i(a,{sx:{width:"100%",maxWidth:"100%",overflow:"hidden",display:"flex",gap:"8px",flexDirection:"column",padding:"4px"},children:[i(a,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1},children:[n.isNew&&t(o,{color:"neutral"}),t(a,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",flexGrow:"1",minWidth:"0"},children:t(s,{variant:"subheadline","data-testid":"Notification.headline",children:n.headline})})]}),t(a,{"data-testid":"Notification.description",children:"string"==typeof n.description?t(s,{sx:{overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical"},variant:"disclaimer1",children:n.description}):n.description}),n.footer&&t(s,{variant:"disclaimer1",color:c.palette.onSurface.os600,"data-testid":"Notification.footer",children:n.footer}),n.buttons&&t(l,{direction:"row",spacing:1,"data-testid":"Notification.buttons",children:n.buttons})]}),n.onDismiss&&t(d,{"aria-label":"Dismiss notification",onClick:n.onDismiss,size:"small",sx:{position:"absolute",right:"8px",top:"8px"},"data-testid":"Notification.dismiss",children:t(e,{fontSize:"small",className:"ballotx",name:"close"})})]})},p=n(a)((({theme:i})=>({display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"50%",width:"56px",height:"56px",background:i.palette.onSurface.os200,flexShrink:0})));export{c as Notification};
 //# sourceMappingURL=Notification.js.map

package/organisms/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":[null],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","justifyContent","isNew","Indicator","whiteSpace","textOverflow","flexGrow","minWidth","Typography","variant","headline","description","WebkitLineClamp","WebkitBoxOrient","footer","os600","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","name","styled","borderRadius","os200","flexShrink"],"mappings":"sUAmBa,MAAAA,EAA6CC,IACxD,MAAMC,EAAQC,IAEd,OACEC,EAACC,EAAG,CACFC,GAAI,CACFC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAnB,EAAMoB,MACLC,EAACC,EACC,CAAAjB,GAAI,CACFS,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cACW,oBAAmBV,SAE9BnB,EAAMoB,OAIXjB,EAACC,EACC,CAAAC,GAAI,CACFsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,SAEfF,QAAS,OACVM,SAAA,CAEDhB,EAACC,EAAG,CAACC,GAAI,CAAES,QAAS,OAAQG,WAAY,SAAUc,eAAgB,aAAcf,IAAK,GAClFG,SAAA,CAAAnB,EAAMgC,OAASX,EAACY,EAAS,CAAC1B,MAAM,YACjCc,EAACjB,EAAG,CACFC,GAAI,CACF6B,WAAY,SACZT,SAAU,SACVU,aAAc,WACdC,SAAU,IACVC,SAAU,KACXlB,SAEDE,EAACiB,EAAW,CAAAC,QAAQ,cAAa,cAAa,wBAAuBpB,SAClEnB,EAAMwC,gBAIbnB,EAACjB,EAAG,CAAA,cAAa,2BACde,SAA6B,iBAAtBnB,EAAMyC,YACZpB,EAACiB,EAAU,CACTjC,GAAI,CACFoB,SAAU,SACVU,aAAc,WACdrB,QAAS,cACT4B,gBAAiB,IACjBC,gBAAiB,YAEnBJ,QAAQ,aAAYpB,SAEnBnB,EAAMyC,cAGTzC,EAAiB,cAGpBA,EAAM4C,QACLvB,EAACiB,EAAW,CAAAC,QAAQ,aAAahC,MAAON,EAAMO,QAAQG,UAAUkC,oBAAmB,sBAAqB1B,SACrGnB,EAAM4C,SAGV5C,EAAM8C,SACLzB,EAAC0B,GAAMC,UAAU,MAAMC,QAAS,EAAC,cAAc,uBAC5C9B,SAAAnB,EAAM8C,aAKZ9C,EAAMkD,WACL7B,EAAC8B,gBACY,uBACXC,QAASpD,EAAMkD,UACfG,KAAK,QACLhD,GAAI,CACFa,SAAU,WACVoC,MAAO,MACPC,IAAK,OAEK,cAAA,gCAEZlC,EAACmC,GAAKC,SAAS,QAAQC,UAAU,UAAUC,KAAK,cAGhD,EAIJrC,EAAUsC,EAAOxD,EAAPwD,EAAY,EAAG3D,YAAa,CAC1Ca,QAAS,OACTiB,eAAgB,SAChBd,WAAY,SACZ4C,aAAc,MACdlC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUmD,MACpCC,WAAY"}
+{"version":3,"file":"Notification.js","sources":["../../../src/organisms/notification/Notification.tsx"],"sourcesContent":[null],"names":["Notification","props","theme","useTheme","_jsxs","Box","sx","background","color","palette","surface","primary","onSurface","os0","padding","display","flexDirection","gap","alignItems","position","children","icon","_jsx","IconBox","sm","xs","overflow","img","width","height","objectFit","maxWidth","justifyContent","isNew","Indicator","whiteSpace","textOverflow","flexGrow","minWidth","Typography","variant","headline","description","WebkitLineClamp","WebkitBoxOrient","footer","os600","buttons","Stack","direction","spacing","onDismiss","IconButton","onClick","size","right","top","Icon","fontSize","className","name","styled","borderRadius","os200","flexShrink"],"mappings":"sUAmBa,MAAAA,EAA6CC,IACxD,MAAMC,EAAQC,IAEd,OACEC,EAACC,EAAG,CACFC,GAAI,CACFC,WAA4B,SAAhBN,EAAMO,MAAmBN,EAAMO,QAAQC,QAAQC,QAAUT,EAAMO,QAAQG,UAAUC,IAC7FC,QAAS,YACTC,QAAS,OACTC,cAAe,MACfC,IAAK,OACLC,WAAY,SACZC,SAAU,YAEA,cAAA,eAEXC,SAAA,CAAAnB,EAAMoB,MACLC,EAACC,EACC,CAAAjB,GAAI,CACFS,QAAS,CAAES,GAAI,OAAQC,GAAI,QAC3BC,SAAU,SACVC,IAAK,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,UAAW,UAClD,cACW,oBAAmBV,SAE9BnB,EAAMoB,OAIXjB,EAACC,EACC,CAAAC,GAAI,CACFsB,MAAO,OACPG,SAAU,OACVL,SAAU,SACVX,QAAS,OACTE,IAAK,MACLD,cAAe,SAEfF,QAAS,OACVM,SAAA,CAEDhB,EAACC,EAAG,CAACC,GAAI,CAAES,QAAS,OAAQG,WAAY,SAAUc,eAAgB,aAAcf,IAAK,GAClFG,SAAA,CAAAnB,EAAMgC,OAASX,EAACY,EAAS,CAAC1B,MAAM,YACjCc,EAACjB,EAAG,CACFC,GAAI,CACF6B,WAAY,SACZT,SAAU,SACVU,aAAc,WACdC,SAAU,IACVC,SAAU,KACXlB,SAEDE,EAACiB,EAAW,CAAAC,QAAQ,cAAa,cAAa,wBAAuBpB,SAClEnB,EAAMwC,gBAIbnB,EAACjB,EAAG,CAAA,cAAa,2BACde,SAA6B,iBAAtBnB,EAAMyC,YACZpB,EAACiB,EAAU,CACTjC,GAAI,CACFoB,SAAU,SACVU,aAAc,WACdrB,QAAS,cACT4B,gBAAiB,IACjBC,gBAAiB,YAEnBJ,QAAQ,cAAapB,SAEpBnB,EAAMyC,cAGTzC,EAAiB,cAGpBA,EAAM4C,QACLvB,EAACiB,EAAW,CAAAC,QAAQ,cAAchC,MAAON,EAAMO,QAAQG,UAAUkC,oBAAmB,sBAAqB1B,SACtGnB,EAAM4C,SAGV5C,EAAM8C,SACLzB,EAAC0B,GAAMC,UAAU,MAAMC,QAAS,EAAC,cAAc,uBAC5C9B,SAAAnB,EAAM8C,aAKZ9C,EAAMkD,WACL7B,EAAC8B,gBACY,uBACXC,QAASpD,EAAMkD,UACfG,KAAK,QACLhD,GAAI,CACFa,SAAU,WACVoC,MAAO,MACPC,IAAK,OAEK,cAAA,gCAEZlC,EAACmC,GAAKC,SAAS,QAAQC,UAAU,UAAUC,KAAK,cAGhD,EAIJrC,EAAUsC,EAAOxD,EAAPwD,EAAY,EAAG3D,YAAa,CAC1Ca,QAAS,OACTiB,eAAgB,SAChBd,WAAY,SACZ4C,aAAc,MACdlC,MAAO,OACPC,OAAQ,OACRtB,WAAYL,EAAMO,QAAQG,UAAUmD,MACpCC,WAAY"}

package/package.json

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

package/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './enum';
 export * from './useClosure';
+export * from './useElementScrollable';

package/utils/useElementScrollable/index.d.ts

@@ -0,0 +1 @@
+export * from './useElementScrollable';

package/utils/useElementScrollable/useElementScrollable.d.ts

@@ -6,7 +6,7 @@
  *   - {boolean} isScrollable - A boolean indicating if the element is scrollable.
  *   - {Function} elementRef - A callback ref function to be assigned to the element being monitored.
  */
-export default function useElementScrollable(axis?: 'x' | 'y'): {
+export declare function useElementScrollable(axis?: 'x' | 'y'): {
     isScrollable: boolean;
     elementRef: (element: HTMLElement) => void;
 };

package/utils/useElementScrollable/useElementScrollable.js

@@ -1,2 +1,2 @@
-import{useState as e,useCallback as t}from"react";function o(o="y"){const[r,s]=e(!1);return{isScrollable:r,elementRef:t((e=>{const t=new ResizeObserver((()=>{s("y"===o?e.offsetHeight<e.scrollHeight:e.offsetWidth<e.scrollWidth)}));null!==e?t.observe(e):t.disconnect()}),[])}}export{o as default};
+import{useState as e,useCallback as t}from"react";function o(o="y"){const[r,s]=e(!1);return{isScrollable:r,elementRef:t((e=>{const t=new ResizeObserver((()=>{s("y"===o?e.offsetHeight<e.scrollHeight:e.offsetWidth<e.scrollWidth)}));null!==e?t.observe(e):t.disconnect()}),[])}}export{o as useElementScrollable};
 //# sourceMappingURL=useElementScrollable.js.map

package/utils/useElementScrollable/useElementScrollable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElementScrollable.js","sources":["../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":[null],"names":["useElementScrollable","axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"kDAUc,SAAUA,EAAqBC,EAAkB,KAC7D,MAAOC,EAAcC,GAAmBC,GAAS,GAiBjD,MAAO,CAAEF,eAAcG,WAdJC,GAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,eAEhB,IAGL"}
+{"version":3,"file":"useElementScrollable.js","sources":["../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":[null],"names":["useElementScrollable","axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"kDAUgB,SAAAA,EAAqBC,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,GAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,GAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,eAEhB,IAGL"}

package/cjs/components/modal/contentDiv.d.ts

@@ -1,15 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-/**
- * @interface Base defintion of SkodaFlow ContentDiv component independent on core implementation.
- */
-export interface ContentDivProps extends HTMLAttributes<HTMLDivElement> {
-    setIsOverFlowing: React.Dispatch<React.SetStateAction<boolean>>;
-    className?: string;
-    modalLoadedCallback?: (isLoaded: boolean) => void;
-}
-/**
- * @description SkodaFlow ContentDiv component
- * @param props ContentDivProps
- * @returns React Functional Component
- */
-export declare const ContentDiv: ({ children, setIsOverFlowing, className, modalLoadedCallback }: ContentDivProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/components/modal/contentDiv.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react");exports.ContentDiv=({children:t,setIsOverFlowing:s,className:c,modalLoadedCallback:l})=>{const a=r.useRef(null),i=r.useCallback((e=>e.scrollHeight>e.clientHeight),[]);return r.useEffect((()=>{a.current&&s(i(a.current))}),[a,i,s]),r.useEffect((()=>(l&&l(!0),()=>l&&l(!1))),[l]),e.jsx("div",{ref:a,className:c,children:t})};
-//# sourceMappingURL=contentDiv.js.map

package/cjs/components/modal/contentDiv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contentDiv.js","sources":["../../../../../src/components/modal/contentDiv.tsx"],"sourcesContent":[null],"names":["children","setIsOverFlowing","className","modalLoadedCallback","ref","useRef","scrollbarVisible","useCallback","element","scrollHeight","clientHeight","useEffect","current","_jsx","jsx"],"mappings":"sFAgB0B,EAAGA,WAAUC,mBAAkBC,YAAWC,0BAClE,MAAMC,EAAMC,EAAMA,OAAiB,MAC7BC,EAAmBC,eAAaC,GAC7BA,EAAQC,aAAeD,EAAQE,cACrC,IAYH,OAVAC,EAAAA,WAAU,KACJP,EAAIQ,SAASX,EAAiBK,EAAiBF,EAAIQ,SAAS,GAC/D,CAACR,EAAKE,EAAkBL,IAE3BU,EAAAA,WAAU,KACRR,GAAuBA,GAAoB,GAEpC,IAAMA,GAAuBA,GAAoB,KACvD,CAACA,IAGFU,EAAAC,IAAA,MAAA,CAAKV,IAAKA,EAAKF,UAAWA,EAASF,SAChCA,GACG"}

package/cjs/materialui/dialog/dialog.component.d.ts

@@ -1,9 +0,0 @@
-import { DialogProps as MuiDialogProps } from '@mui/material';
-import React from 'react';
-export type DialogProps = Omit<MuiDialogProps, 'onClose' | 'children'> & {
-    label: string;
-    openDefault?: boolean;
-    disableActions?: boolean;
-    content?: React.ReactNode;
-};
-export declare const Dialog: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/contentDiv.d.ts

@@ -1,15 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-/**
- * @interface Base defintion of SkodaFlow ContentDiv component independent on core implementation.
- */
-export interface ContentDivProps extends HTMLAttributes<HTMLDivElement> {
-    setIsOverFlowing: React.Dispatch<React.SetStateAction<boolean>>;
-    className?: string;
-    modalLoadedCallback?: (isLoaded: boolean) => void;
-}
-/**
- * @description SkodaFlow ContentDiv component
- * @param props ContentDivProps
- * @returns React Functional Component
- */
-export declare const ContentDiv: ({ children, setIsOverFlowing, className, modalLoadedCallback }: ContentDivProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/contentDiv.js

@@ -1,2 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{useRef as e,useCallback as t,useEffect as c}from"react";const l=({children:l,setIsOverFlowing:n,className:o,modalLoadedCallback:a})=>{const i=e(null),s=t((r=>r.scrollHeight>r.clientHeight),[]);return c((()=>{i.current&&n(s(i.current))}),[i,s,n]),c((()=>(a&&a(!0),()=>a&&a(!1))),[a]),r("div",{ref:i,className:o,children:l})};export{l as ContentDiv};
-//# sourceMappingURL=contentDiv.js.map

package/components/modal/contentDiv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contentDiv.js","sources":["../../../src/components/modal/contentDiv.tsx"],"sourcesContent":[null],"names":["ContentDiv","children","setIsOverFlowing","className","modalLoadedCallback","ref","useRef","scrollbarVisible","useCallback","element","scrollHeight","clientHeight","useEffect","current","_jsx"],"mappings":"uGAgBO,MAAMA,EAAa,EAAGC,WAAUC,mBAAkBC,YAAWC,0BAClE,MAAMC,EAAMC,EAAuB,MAC7BC,EAAmBC,GAAaC,GAC7BA,EAAQC,aAAeD,EAAQE,cACrC,IAYH,OAVAC,GAAU,KACJP,EAAIQ,SAASX,EAAiBK,EAAiBF,EAAIQ,SAAS,GAC/D,CAACR,EAAKE,EAAkBL,IAE3BU,GAAU,KACRR,GAAuBA,GAAoB,GAEpC,IAAMA,GAAuBA,GAAoB,KACvD,CAACA,IAGFU,EAAA,MAAA,CAAKT,IAAKA,EAAKF,UAAWA,EAASF,SAChCA,GACG"}

package/materialui/dialog/dialog.component.d.ts

@@ -1,9 +0,0 @@
-import { DialogProps as MuiDialogProps } from '@mui/material';
-import React from 'react';
-export type DialogProps = Omit<MuiDialogProps, 'onClose' | 'children'> & {
-    label: string;
-    openDefault?: boolean;
-    disableActions?: boolean;
-    content?: React.ReactNode;
-};
-export declare const Dialog: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;