@skodaflow/web-library 7.2.0 → 7.2.2
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.
- package/cjs/components/alert/Alert.d.ts +7 -2
- package/cjs/components/alert/Alert.js +1 -1
- package/cjs/components/alert/Alert.js.map +1 -1
- package/cjs/components/banner/banner.js +1 -1
- package/cjs/components/banner/banner.js.map +1 -1
- package/cjs/components/bottomSheet/bottomSheet.js +2 -0
- package/cjs/components/bottomSheet/bottomSheet.js.map +1 -0
- package/cjs/components/button/button.js +1 -1
- package/cjs/components/button/button.js.map +1 -1
- package/cjs/components/button/index.d.ts +0 -1
- package/cjs/components/carousel/autoplayProgress.d.ts +32 -0
- package/cjs/components/carousel/autoplayProgress.js +2 -0
- package/cjs/components/carousel/autoplayProgress.js.map +1 -0
- package/cjs/components/carousel/carousel.d.ts +11 -1
- package/cjs/components/carousel/carousel.js +1 -1
- package/cjs/components/carousel/carousel.js.map +1 -1
- package/cjs/components/carousel/hooks.d.ts +4 -0
- package/cjs/components/carousel/hooks.js +1 -1
- package/cjs/components/carousel/hooks.js.map +1 -1
- package/cjs/components/carousel/index.d.ts +1 -0
- package/cjs/components/carousel/navigation.d.ts +11 -1
- package/cjs/components/carousel/navigation.js +1 -1
- package/cjs/components/carousel/navigation.js.map +1 -1
- package/cjs/components/carousel/pagination.d.ts +16 -5
- package/cjs/components/carousel/pagination.js +1 -1
- package/cjs/components/carousel/pagination.js.map +1 -1
- package/cjs/components/carousel/slide.js +1 -1
- package/cjs/components/carousel/slide.js.map +1 -1
- package/cjs/components/flag/flag.d.ts +11 -17
- package/cjs/components/flag/flag.js +1 -1
- package/cjs/components/flag/flag.js.map +1 -1
- package/cjs/components/icon/icon.js +1 -1
- package/cjs/components/icon/icon.js.map +1 -1
- package/cjs/components/index.d.ts +1 -4
- package/cjs/components/menu/menu.d.ts +2 -2
- package/cjs/components/menu/menu.js.map +1 -1
- package/cjs/components/pagination/pagination.d.ts +1 -2
- package/cjs/components/pagination/pagination.js +1 -1
- package/cjs/components/pagination/pagination.js.map +1 -1
- package/cjs/index.js +1 -1
- package/cjs/layout/Header/HeaderButton.js +1 -1
- package/cjs/layout/Header/HeaderButton.js.map +1 -1
- package/cjs/materialui/accordion/accordion.theme.d.ts +1 -1
- package/cjs/materialui/accordion/accordion.theme.js +1 -1
- package/cjs/materialui/accordion/accordion.theme.js.map +1 -1
- package/cjs/materialui/accordion/accordionSummary.theme.js +1 -1
- package/cjs/materialui/accordion/accordionSummary.theme.js.map +1 -1
- package/cjs/materialui/alert/alert.theme.d.ts +3 -0
- package/cjs/materialui/alert/alert.theme.js +2 -0
- package/cjs/materialui/alert/alert.theme.js.map +1 -0
- package/cjs/materialui/autocomplete/autocomplete.theme.js +1 -1
- package/cjs/materialui/autocomplete/autocomplete.theme.js.map +1 -1
- package/cjs/materialui/avatar/avatar.component.d.ts +2 -0
- package/cjs/materialui/avatar/avatar.theme.d.ts +3 -0
- package/cjs/materialui/avatar/avatar.theme.js +2 -0
- package/cjs/materialui/avatar/avatar.theme.js.map +1 -0
- package/cjs/materialui/avatar/index.d.ts +2 -0
- package/cjs/materialui/badge/badge.theme.js.map +1 -1
- package/cjs/materialui/button/button.theme.js +1 -1
- package/cjs/materialui/button/button.theme.js.map +1 -1
- package/cjs/materialui/button/buttonBase.theme.js +1 -1
- package/cjs/materialui/button/buttonBase.theme.js.map +1 -1
- package/cjs/materialui/checkbox/checkbox.theme.js +1 -1
- package/cjs/materialui/checkbox/checkbox.theme.js.map +1 -1
- package/cjs/materialui/divider/divider.theme.d.ts +2 -1
- package/cjs/materialui/divider/divider.theme.js +1 -1
- package/cjs/materialui/divider/divider.theme.js.map +1 -1
- package/cjs/materialui/divider/index.d.ts +2 -0
- package/cjs/materialui/form/inputAdornment.theme.js +1 -1
- package/cjs/materialui/form/inputAdornment.theme.js.map +1 -1
- package/cjs/materialui/form/select.theme.js +1 -1
- package/cjs/materialui/form/select.theme.js.map +1 -1
- package/cjs/materialui/form/slider.theme.js +1 -1
- package/cjs/materialui/form/slider.theme.js.map +1 -1
- package/cjs/materialui/form/switch.theme.js +1 -1
- package/cjs/materialui/form/switch.theme.js.map +1 -1
- package/cjs/materialui/icon/icon.theme.js +1 -1
- package/cjs/materialui/icon/icon.theme.js.map +1 -1
- package/cjs/materialui/iconButton/iconButton.component.d.ts +1 -4
- package/cjs/materialui/iconButton/iconButton.theme.js +1 -1
- package/cjs/materialui/iconButton/iconButton.theme.js.map +1 -1
- package/cjs/materialui/iconButton/index.d.ts +2 -0
- package/cjs/materialui/index.d.ts +4 -0
- package/cjs/materialui/linearprogress/linearprogress.theme.d.ts +3 -0
- package/cjs/materialui/linearprogress/linearprogress.theme.js +2 -0
- package/cjs/materialui/linearprogress/linearprogress.theme.js.map +1 -0
- package/cjs/materialui/tabs/tabs.theme.js +1 -1
- package/cjs/materialui/tabs/tabs.theme.js.map +1 -1
- package/cjs/materialui/theme/paletteDark.theme.js +1 -1
- package/cjs/materialui/theme/paletteDark.theme.js.map +1 -1
- package/cjs/materialui/theme/paletteLight.theme.js +1 -1
- package/cjs/materialui/theme/paletteLight.theme.js.map +1 -1
- package/cjs/materialui/theme/theme.extensions.d.ts +42 -6
- package/cjs/materialui/theme/theme.js +1 -1
- package/cjs/materialui/theme/theme.js.map +1 -1
- package/cjs/materialui/themeProvider/baseline.theme.js +1 -1
- package/cjs/materialui/themeProvider/baseline.theme.js.map +1 -1
- package/cjs/materialui/tooltip/index.d.ts +2 -0
- package/cjs/materialui/tooltip/tooltip.component.d.ts +1 -2
- package/cjs/materialui/tooltip/tooltip.theme.d.ts +2 -1
- package/cjs/materialui/tooltip/tooltip.theme.js +1 -1
- package/cjs/materialui/tooltip/tooltip.theme.js.map +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js +1 -1
- package/cjs/organisms/carousel2/components/NavButton.js.map +1 -1
- package/cjs/organisms/gallery/Gallery.js +1 -1
- package/cjs/organisms/gallery/Gallery.js.map +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js +1 -1
- package/cjs/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/cjs/organisms/notification/Notification.js +1 -1
- package/cjs/organisms/notification/Notification.js.map +1 -1
- package/cjs/organisms/tile/tile.js +1 -1
- package/cjs/organisms/tile/tile.js.map +1 -1
- package/cjs/production/Button/Button.js +1 -1
- package/cjs/production/Button/Button.js.map +1 -1
- package/components/alert/Alert.d.ts +7 -2
- package/components/alert/Alert.js +1 -1
- package/components/alert/Alert.js.map +1 -1
- package/components/banner/banner.js +1 -1
- package/components/banner/banner.js.map +1 -1
- package/components/bottomSheet/bottomSheet.js +2 -0
- package/components/bottomSheet/bottomSheet.js.map +1 -0
- package/components/button/button.js +1 -1
- package/components/button/button.js.map +1 -1
- package/components/button/index.d.ts +0 -1
- package/components/carousel/autoplayProgress.d.ts +32 -0
- package/components/carousel/autoplayProgress.js +2 -0
- package/components/carousel/autoplayProgress.js.map +1 -0
- package/components/carousel/carousel.d.ts +11 -1
- package/components/carousel/carousel.js +1 -1
- package/components/carousel/carousel.js.map +1 -1
- package/components/carousel/hooks.d.ts +4 -0
- package/components/carousel/hooks.js +1 -1
- package/components/carousel/hooks.js.map +1 -1
- package/components/carousel/index.d.ts +1 -0
- package/components/carousel/navigation.d.ts +11 -1
- package/components/carousel/navigation.js +1 -1
- package/components/carousel/navigation.js.map +1 -1
- package/components/carousel/pagination.d.ts +16 -5
- package/components/carousel/pagination.js +1 -1
- package/components/carousel/pagination.js.map +1 -1
- package/components/carousel/slide.js +1 -1
- package/components/carousel/slide.js.map +1 -1
- package/components/flag/flag.d.ts +11 -17
- package/components/flag/flag.js +1 -1
- package/components/flag/flag.js.map +1 -1
- package/components/icon/icon.js +1 -1
- package/components/icon/icon.js.map +1 -1
- package/components/index.d.ts +1 -4
- package/components/menu/menu.d.ts +2 -2
- package/components/menu/menu.js.map +1 -1
- package/components/pagination/pagination.d.ts +1 -2
- package/components/pagination/pagination.js +1 -1
- package/components/pagination/pagination.js.map +1 -1
- package/index.js +1 -1
- package/layout/Header/HeaderButton.js +1 -1
- package/layout/Header/HeaderButton.js.map +1 -1
- package/materialui/accordion/accordion.theme.d.ts +1 -1
- package/materialui/accordion/accordion.theme.js +1 -1
- package/materialui/accordion/accordion.theme.js.map +1 -1
- package/materialui/accordion/accordionSummary.theme.js +1 -1
- package/materialui/accordion/accordionSummary.theme.js.map +1 -1
- package/materialui/alert/alert.theme.d.ts +3 -0
- package/materialui/alert/alert.theme.js +2 -0
- package/materialui/alert/alert.theme.js.map +1 -0
- package/materialui/autocomplete/autocomplete.theme.js +1 -1
- package/materialui/autocomplete/autocomplete.theme.js.map +1 -1
- package/materialui/avatar/avatar.component.d.ts +2 -0
- package/materialui/avatar/avatar.theme.d.ts +3 -0
- package/materialui/avatar/avatar.theme.js +2 -0
- package/materialui/avatar/avatar.theme.js.map +1 -0
- package/materialui/avatar/index.d.ts +2 -0
- package/materialui/badge/badge.theme.js.map +1 -1
- package/materialui/button/button.theme.js +1 -1
- package/materialui/button/button.theme.js.map +1 -1
- package/materialui/button/buttonBase.theme.js +1 -1
- package/materialui/button/buttonBase.theme.js.map +1 -1
- package/materialui/checkbox/checkbox.theme.js +1 -1
- package/materialui/checkbox/checkbox.theme.js.map +1 -1
- package/materialui/divider/divider.theme.d.ts +2 -1
- package/materialui/divider/divider.theme.js +1 -1
- package/materialui/divider/divider.theme.js.map +1 -1
- package/materialui/divider/index.d.ts +2 -0
- package/materialui/form/inputAdornment.theme.js +1 -1
- package/materialui/form/inputAdornment.theme.js.map +1 -1
- package/materialui/form/select.theme.js +1 -1
- package/materialui/form/select.theme.js.map +1 -1
- package/materialui/form/slider.theme.js +1 -1
- package/materialui/form/slider.theme.js.map +1 -1
- package/materialui/form/switch.theme.js +1 -1
- package/materialui/form/switch.theme.js.map +1 -1
- package/materialui/icon/icon.theme.js +1 -1
- package/materialui/icon/icon.theme.js.map +1 -1
- package/materialui/iconButton/iconButton.component.d.ts +1 -4
- package/materialui/iconButton/iconButton.theme.js +1 -1
- package/materialui/iconButton/iconButton.theme.js.map +1 -1
- package/materialui/iconButton/index.d.ts +2 -0
- package/materialui/index.d.ts +4 -0
- package/materialui/linearprogress/linearprogress.theme.d.ts +3 -0
- package/materialui/linearprogress/linearprogress.theme.js +2 -0
- package/materialui/linearprogress/linearprogress.theme.js.map +1 -0
- package/materialui/tabs/tabs.theme.js +1 -1
- package/materialui/tabs/tabs.theme.js.map +1 -1
- package/materialui/theme/paletteDark.theme.js +1 -1
- package/materialui/theme/paletteDark.theme.js.map +1 -1
- package/materialui/theme/paletteLight.theme.js +1 -1
- package/materialui/theme/paletteLight.theme.js.map +1 -1
- package/materialui/theme/theme.extensions.d.ts +42 -6
- package/materialui/theme/theme.js +1 -1
- package/materialui/theme/theme.js.map +1 -1
- package/materialui/themeProvider/baseline.theme.js +1 -1
- package/materialui/themeProvider/baseline.theme.js.map +1 -1
- package/materialui/tooltip/index.d.ts +2 -0
- package/materialui/tooltip/tooltip.component.d.ts +1 -2
- package/materialui/tooltip/tooltip.theme.d.ts +2 -1
- package/materialui/tooltip/tooltip.theme.js +1 -1
- package/materialui/tooltip/tooltip.theme.js.map +1 -1
- package/organisms/carousel2/components/NavButton.js +1 -1
- package/organisms/carousel2/components/NavButton.js.map +1 -1
- package/organisms/gallery/Gallery.js +1 -1
- package/organisms/gallery/Gallery.js.map +1 -1
- package/organisms/gallery/GalleryTrigger.js +1 -1
- package/organisms/gallery/GalleryTrigger.js.map +1 -1
- package/organisms/notification/Notification.js +1 -1
- package/organisms/notification/Notification.js.map +1 -1
- package/organisms/tile/tile.js +1 -1
- package/organisms/tile/tile.js.map +1 -1
- package/package.json +1 -1
- package/production/Button/Button.js +1 -1
- package/production/Button/Button.js.map +1 -1
- package/cjs/components/alert/assets/errorIcon.svg.js +0 -2
- package/cjs/components/alert/assets/errorIcon.svg.js.map +0 -1
- package/cjs/components/alert/assets/successIcon.svg.js +0 -2
- package/cjs/components/alert/assets/successIcon.svg.js.map +0 -1
- package/cjs/components/alert/assets/warningIcon.svg.js +0 -2
- package/cjs/components/alert/assets/warningIcon.svg.js.map +0 -1
- package/cjs/components/avatar/Avatar.d.ts +0 -35
- package/cjs/components/avatar/Avatar.js +0 -2
- package/cjs/components/avatar/Avatar.js.map +0 -1
- package/cjs/components/avatar/index.d.ts +0 -1
- package/cjs/components/divider/divider.d.ts +0 -28
- package/cjs/components/divider/divider.js +0 -2
- package/cjs/components/divider/divider.js.map +0 -1
- package/cjs/components/divider/index.d.ts +0 -1
- package/cjs/components/flag/availableFLags.d.ts +0 -1
- package/cjs/components/iconButton/index.d.ts +0 -12
- package/cjs/components/iconButton/index.js +0 -2
- package/cjs/components/iconButton/index.js.map +0 -1
- package/cjs/components/tooltip/index.d.ts +0 -1
- package/cjs/components/tooltip/tooltip.d.ts +0 -33
- package/cjs/components/tooltip/tooltip.js +0 -2
- package/cjs/components/tooltip/tooltip.js.map +0 -1
- package/components/alert/assets/errorIcon.svg.js +0 -2
- package/components/alert/assets/errorIcon.svg.js.map +0 -1
- package/components/alert/assets/successIcon.svg.js +0 -2
- package/components/alert/assets/successIcon.svg.js.map +0 -1
- package/components/alert/assets/warningIcon.svg.js +0 -2
- package/components/alert/assets/warningIcon.svg.js.map +0 -1
- package/components/avatar/Avatar.d.ts +0 -35
- package/components/avatar/Avatar.js +0 -2
- package/components/avatar/Avatar.js.map +0 -1
- package/components/avatar/index.d.ts +0 -1
- package/components/divider/divider.d.ts +0 -28
- package/components/divider/divider.js +0 -2
- package/components/divider/divider.js.map +0 -1
- package/components/divider/index.d.ts +0 -1
- package/components/flag/availableFLags.d.ts +0 -1
- package/components/iconButton/index.d.ts +0 -12
- package/components/iconButton/index.js +0 -2
- package/components/iconButton/index.js.map +0 -1
- package/components/tooltip/index.d.ts +0 -1
- package/components/tooltip/tooltip.d.ts +0 -33
- package/components/tooltip/tooltip.js +0 -2
- package/components/tooltip/tooltip.js.map +0 -1
- /package/cjs/{materialui → components}/bottomSheet/bottomSheet.d.ts +0 -0
- /package/cjs/{materialui → components}/bottomSheet/index.d.ts +0 -0
- /package/{materialui → components}/bottomSheet/bottomSheet.d.ts +0 -0
- /package/{materialui → components}/bottomSheet/index.d.ts +0 -0
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { CircularProgressProps, BoxProps, SxProps } from '@mui/material';
|
|
2
|
+
import { Swiper as CarouselInstance } from 'swiper';
|
|
3
|
+
export interface CarouselAutoplayProgressProps {
|
|
4
|
+
/**
|
|
5
|
+
* Optional Carousel instance from useCarouselInstance hook
|
|
6
|
+
*/
|
|
7
|
+
carousel?: CarouselInstance;
|
|
8
|
+
/**
|
|
9
|
+
* Foreground Circular Progress (main) props
|
|
10
|
+
*/
|
|
11
|
+
foregroundCircleProps?: CircularProgressProps;
|
|
12
|
+
/**
|
|
13
|
+
* Background Circular Progress props
|
|
14
|
+
*/
|
|
15
|
+
backgroundCircleProps?: CircularProgressProps;
|
|
16
|
+
/**
|
|
17
|
+
* Wrapper Box sx prop
|
|
18
|
+
*/
|
|
19
|
+
sx?: SxProps;
|
|
20
|
+
/**
|
|
21
|
+
* Wrapper Box props
|
|
22
|
+
*/
|
|
23
|
+
boxProps?: BoxProps;
|
|
24
|
+
/**
|
|
25
|
+
* Append style to wrapper box to change position of component
|
|
26
|
+
*/
|
|
27
|
+
position?: 'outside' | 'inside';
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Spinner with autoplay progress value
|
|
31
|
+
*/
|
|
32
|
+
export declare const CarouselAutoplayProgress: ({ carousel: carouselProp, sx: rawSx, boxProps, foregroundCircleProps, backgroundCircleProps, position, }: CarouselAutoplayProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__rest as t}from"tslib";import{jsxs as s,jsx as o}from"react/jsx-runtime";import{Box as r,CircularProgress as e}from"@mui/material";import{useSwiper as i}from"swiper/react";import{useState as a,useMemo as n,useEffect as l}from"react";const u=({carousel:u,sx:c,boxProps:p,foregroundCircleProps:d,backgroundCircleProps:m,position:g="outside"})=>{const[x,b]=a(0),f=i(),j=u||f,y=t(p||{},["sx"]),O=d||{},{sx:P}=O,v=t(O,["sx"]),C=m||{},{sx:h}=C,A=t(C,["sx"]),k=n((()=>"inside"===g?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2},c):c),[g,JSON.stringify(c)]);return l((()=>{j&&j.autoplay&&j.on("autoplayTimeLeft",((t,s,o)=>{b(t.autoplay.paused?0:Math.round(100-100*o))}))}),[!!j]),s(r,Object.assign({sx:Object.assign({position:"relative",display:"flex",m:2},k),"data-testid":"CarouselAutoplayProgress"},y,{children:[o(e,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Foreground",value:x,sx:Object.assign({position:"relative",zIndex:"10",".MuiCircularProgress-circle":{transition:"none"}},P)},v)),o(e,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Background",value:100,sx:Object.assign({position:"absolute",color:"surface.main"},h)},A))]}))};export{u as CarouselAutoplayProgress};
|
|
2
|
+
//# sourceMappingURL=autoplayProgress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autoplayProgress.js","sources":["../../../src/components/carousel/autoplayProgress.tsx"],"sourcesContent":[null],"names":["CarouselAutoplayProgress","carousel","carouselProp","sx","rawSx","boxProps","foregroundCircleProps","backgroundCircleProps","position","value","setValue","useState","carouselHook","useSwiper","restBox","__rest","_b","foregroundCircleSx","restForegroundCircle","_c","backgroundCircleSx","restBackgroundCircle","useMemo","Object","assign","zIndex","bottom","left","right","m","JSON","stringify","useEffect","autoplay","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","children","_jsx","CircularProgress","variant","transition","color"],"mappings":"iPAmCa,MAAAA,EAA2B,EACtCC,SAAUC,EACVC,GAAIC,EACJC,WACAC,wBACAC,wBACAC,WAAW,cAEX,MAAOC,EAAOC,GAAYC,EAAiB,GACrCC,EAAeC,IACfZ,EAAWC,GAAgBU,EACfE,EAAZC,EAAwBV,GAAY,GAApC,CAAA,OACAW,EAAsDV,GAAyB,IAA7EH,GAAIc,KAAuBC,EAA7BH,EAAAC,EAAA,CAAA,OACAG,EAAsDZ,GAAyB,IAA7EJ,GAAIiB,KAAuBC,EAA7BN,EAAAI,EAAA,CAAA,OAGAhB,EAAKmB,GAAoC,IAC5B,WAAbd,EAEAe,OAAAC,OAAA,CAAAhB,SAAU,WACViB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAzB,GAGEA,GAER,CAACI,EAAUsB,KAAKC,UAAU3B,KAW7B,OATA4B,GAAU,KAEJ/B,GAAYA,EAASgC,UACvBhC,EAASiC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpD3B,EAASyB,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,GAE9E,GACA,GAAGpC,IAGJwC,EAACC,EACCnB,OAAAC,OAAA,CAAArB,kBAAMK,SAAU,WAAYmC,QAAS,OAAQd,EAAG,GAAM1B,GAAE,cAC5C,4BACRW,EAEJ,CAAA8B,SAAA,CAAAC,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,4BACI,sCACZtC,MAAOA,EACPN,GAAEoB,OAAAC,OAAA,CAEAhB,SAAU,WACViB,OAAQ,KACR,8BAA+B,CAC7BuB,WAAY,SAEX/B,IAEDC,IAEN2B,EAACC,EACCvB,OAAAC,OAAA,CAAAuB,QAAQ,cAAa,cACT,sCACZtC,MAAO,IACPN,GAAMoB,OAAAC,OAAA,CAAAhB,SAAU,WAAYyC,MAAO,gBAAmB7B,IAClDC,OAGR"}
|
|
@@ -5,8 +5,18 @@ export interface CarouselProps extends Omit<SwiperProps, 'children' | 'cssMode'
|
|
|
5
5
|
* Callback that receives Swiper instance
|
|
6
6
|
*/
|
|
7
7
|
onInit?: SwiperProps['onSwiper'];
|
|
8
|
+
/**
|
|
9
|
+
* Travelled distance in px for peek effect
|
|
10
|
+
* @default 100
|
|
11
|
+
*/
|
|
12
|
+
peekDistance?: number;
|
|
13
|
+
/**
|
|
14
|
+
* Speed of peek effect
|
|
15
|
+
* @default 150 (half of default Carousel's speed)
|
|
16
|
+
*/
|
|
17
|
+
peekSpeed?: number;
|
|
8
18
|
}
|
|
9
19
|
/**
|
|
10
20
|
* Modern mobile friendly carousel for slideshows, built with Swiper
|
|
11
21
|
*/
|
|
12
|
-
export declare function Carousel({ children, sx, onInit, ...rest }: CarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare function Carousel({ children, sx, onInit, effect, autoplay, parallax, peekDistance, peekSpeed, ...rest }: CarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i}from"tslib";import{jsx as e}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{Swiper as r}from"swiper/react";import{Keyboard as n}from"swiper/modules";function
|
|
1
|
+
import{__rest as i}from"tslib";import{jsx as e}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{Swiper as r}from"swiper/react";import{Keyboard as a,EffectFade as n,Autoplay as p,Parallax as o}from"swiper/modules";function s(s){var{children:l,sx:c,onInit:d,effect:m,autoplay:w,parallax:f,peekDistance:h=100,peekSpeed:u=150}=s,x=i(s,["children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed"]);return e(t,Object.assign({component:r,spaceBetween:0,autoHeight:!0,loop:!0,keyboard:{enabled:!0},modules:[a,..."fade"===m?[n]:[],...w?[p]:[],...f?[o]:[]],parallax:f,effect:m,autoplay:w},x,{onSwiper:d,"data-peekSpeed":u,sx:Object.assign({display:"block",ml:"auto",mr:"auto",p:"0",maxWidth:"100%",position:"relative",zIndex:"50",overflow:"hidden",listStyle:"none","&.swiper-horizontal":{touchAction:"pan-y"},"&.swiper-vertical":{touchAction:"pan-x","& > .swiper-wrapper":{flexDirection:"column"}},"&.swiper-autoheight":{height:"auto","& > .swiper-wrapper":{alignItems:"flex-start",transitionProperty:"transform, height"}},"& .swiper-wrapper":{position:"relative",width:"100%",height:"100%",zIndex:"50",display:"flex",transitionProperty:"transform",transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)",boxSizing:"content-box",transform:"translate3d(0px, 0, 0)"},"&.peeking .swiper-wrapper > .swiper-slide":{transitionProperty:"transform",transitionDuration:`${u}ms`,transitionTimingFunction:"var(--swiper-wrapper-transition-timing-function, initial)"},"&.peek-next .swiper-wrapper > .swiper-slide":{transform:`translate3D(-${h}px, 0, 0)`},"&.peek-prev .swiper-wrapper > .swiper-slide":{transform:`translate3D(${h}px, 0, 0)`},".swiper-slide-invisible-blank":{visibility:"hidden"},".swiper-backface-hidden .swiper-slide":{transform:"translateZ(0)",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}},c),children:l}))}export{s as Carousel};
|
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":[null],"names":["Carousel","_a","children","sx","onInit","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"
|
|
1
|
+
{"version":3,"file":"carousel.js","sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":[null],"names":["Carousel","_a","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"uOA+BM,SAAUA,EAASC,OAAAC,SACvBA,EAAQC,GACRA,EAAEC,OACFA,EAAMC,OACNA,EAAMC,SACNA,EAAQC,SACRA,EAAQC,aACRA,EAAe,IAAGC,UAClBA,EAAY,OACTC,EAToBC,EAAAV,EAAA,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cAWvB,OACEW,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,EACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,KACe,SAAXnB,EAAoB,CAACoB,GAAc,MACnCnB,EAAW,CAACoB,GAAY,MACxBnB,EAAW,CAACoB,GAAY,IAE9BpB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,GACNI,GACJkB,SAAUxB,EACM,iBAAAK,EAChBN,GAAEW,OAAAC,OAAA,CAEAc,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,0BAGb,4CAA6C,CAC3CJ,mBAAoB,YACpBK,mBAAoB,GAAGtC,MACvBmC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAW,gBAAgBtC,cAE7B,8CAA+C,CAC7CsC,UAAW,eAAetC,cAG5B,gCAAiC,CAC/BwC,WAAY,UAEd,wCAAyC,CACvCF,UAAW,gBACXG,yBAA0B,SAC1BC,mBAAoB,WAGnB/C,GAAED,SAGNA,IAGP"}
|
|
@@ -9,3 +9,7 @@ export declare function useCarouselInstance(events?: (keyof SwiperEvents)[]): re
|
|
|
9
9
|
* Hook to obtain CarouselInstance inside the Carousel component
|
|
10
10
|
*/
|
|
11
11
|
export declare function useCarousel(events?: (keyof SwiperEvents)[]): CarouselInstance;
|
|
12
|
+
/**
|
|
13
|
+
* Manage peek effect in the Carousel
|
|
14
|
+
*/
|
|
15
|
+
export declare function useCarouselPeekEffect(carousel: CarouselInstance): readonly ["next" | "reset" | "prev", import("react").Dispatch<import("react").SetStateAction<"next" | "reset" | "prev">>];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useState as
|
|
1
|
+
import{useState as e,useEffect as l,useLayoutEffect as n,useRef as t}from"react";import{useSwiper as r}from"swiper/react";function s(l){const[n,t]=e(null);return i(n,l),[n,t]}function u(e){const l=r();return i(l,e),l}function i(t,r){const[,s]=e({});l((()=>{t&&(void 0!==r?r:["slideChange","afterInit","reachBeginning","reachEnd"]).forEach((e=>{t.on(e,(()=>{s({})}))}))}),[t]),n((()=>{s({})}),[])}function o(n){const[r,s]=e(null),u=t(null),[i,o]=e(!1);return l((()=>("reset"===r?(null==n||n.el.classList.remove("peek-prev"),null==n||n.el.classList.remove("peek-next"),u.current=setTimeout((()=>{s(null)}),+((null==n?void 0:n.el.getAttribute("data-peekSpeed"))||150))):r?i||("prev"===r?(null==n||n.slidePrev(0),null==n||n.slideNext(0)):(null==n||n.slideNext(0),null==n||n.slidePrev(0)),null==n||n.el.classList.add("peeking"),null==n||n.el.classList.add(`peek-${r}`)):(null==n||n.el.classList.remove("peeking"),null==n||n.el.classList.remove("peek-prev"),null==n||n.el.classList.remove("peek-next")),()=>{u.current&&clearTimeout(u.current)})),[r]),l((()=>{null==n||n.on("touchStart",(()=>{o(!0)})),null==n||n.on("touchEnd",(()=>{o(!1)}))}),[!!n]),[r,s]}export{u as useCarousel,s as useCarouselInstance,o as useCarouselPeekEffect};
|
|
2
2
|
//# sourceMappingURL=hooks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","undefined","forEach","evt","on","useLayoutEffect"],"mappings":"
|
|
1
|
+
{"version":3,"file":"hooks.js","sources":["../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useCarouselInstance","events","carousel","setCarousel","useState","useRefreshInstance","useCarousel","useSwiper","setRerender","useEffect","undefined","forEach","evt","on","useLayoutEffect","useCarouselPeekEffect","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","el","classList","remove","current","setTimeout","getAttribute","slidePrev","slideNext","add","clearTimeout"],"mappings":"0HAQM,SAAUA,EAAoBC,GAClC,MAAOC,EAAUC,GAAeC,EAAkC,MAGlE,OAFAC,EAAmBH,EAAUD,GAEtB,CAACC,EAAUC,EACpB,CAKM,SAAUG,EAAYL,GAC1B,MAAMC,EAAWK,IAGjB,OAFAF,EAAmBH,EAAUD,GAEtBC,CACT,CAMA,SAASG,EAAmBH,EAA4BD,GAEtD,OAASO,GAAeJ,EAAS,CAAE,GACnCK,GAAU,KACJP,SAEUQ,IAAXT,EAAuBA,EAAS,CAAC,cAAe,YAAa,iBAAkB,aAAaU,SAC1FC,IACCV,EAASW,GAAGD,GAAK,KACfJ,EAAY,CAAE,EAAC,GACf,GAGP,GACA,CAACN,IAEJY,GAAgB,KACdN,EAAY,CAAE,EAAC,GACd,GACL,CAKM,SAAUO,EAAsBb,GACpC,MAAOc,EAAMC,GAAWb,EAA2C,MAC7Dc,EAAcC,EAA8B,OAC3CC,EAAUC,GAAejB,GAAkB,GAkDlD,OAhDAK,GAAU,KACK,UAATO,GACFd,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,aAC9BtB,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,aAC9BN,EAAYO,QAAUC,YACpB,KACET,EAAQ,KAAK,MAEbf,aAAA,EAAAA,EAAUoB,GAAGK,aAAa,oBAAqB,OAE1CX,EACJI,IAEU,SAATJ,GACFd,SAAAA,EAAU0B,UAAU,GACpB1B,SAAAA,EAAU2B,UAAU,KAEpB3B,SAAAA,EAAU2B,UAAU,GACpB3B,SAAAA,EAAU0B,UAAU,IAEtB1B,SAAAA,EAAUoB,GAAGC,UAAUO,IAAI,WAC3B5B,SAAAA,EAAUoB,GAAGC,UAAUO,IAAI,QAAQd,OAGrCd,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,WAC9BtB,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,aAC9BtB,SAAAA,EAAUoB,GAAGC,UAAUC,OAAO,cAGzB,KACDN,EAAYO,SACdM,aAAab,EAAYO,QAC1B,IAEF,CAACT,IAKJP,GAAU,KACRP,SAAAA,EAAUW,GAAG,cAAc,KACzBQ,GAAY,EAAK,IAEnBnB,SAAAA,EAAUW,GAAG,YAAY,KACvBQ,GAAY,EAAM,GAClB,GACD,GAAGnB,IAEC,CAACc,EAAMC,EAChB"}
|
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import { IconButtonProps } from '@mui/material';
|
|
2
2
|
import { IconProps } from '@/src';
|
|
3
|
+
import type { Swiper as CarouselInstance } from 'swiper';
|
|
3
4
|
export interface CarouselNavigationProps {
|
|
5
|
+
/**
|
|
6
|
+
* Optional Carousel instance from useCarouselInstance hook
|
|
7
|
+
*/
|
|
8
|
+
carousel?: CarouselInstance;
|
|
9
|
+
/**
|
|
10
|
+
* Enable/disable peek effect on hover
|
|
11
|
+
* @default: true
|
|
12
|
+
*/
|
|
13
|
+
peekEffect?: boolean;
|
|
4
14
|
/**
|
|
5
15
|
* Previous Slide IconButton
|
|
6
16
|
*/
|
|
@@ -21,4 +31,4 @@ export interface CarouselNavigationProps {
|
|
|
21
31
|
/**
|
|
22
32
|
* Left & Right navigation arrows
|
|
23
33
|
*/
|
|
24
|
-
export declare function CarouselNavigation({ prevButtonProps, prevIconProps, nextButtonProps, nextIconProps, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare function CarouselNavigation({ carousel: carouselProp, peekEffect, prevButtonProps, prevIconProps, nextButtonProps, nextIconProps, }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as o}from"tslib";import{jsxs as
|
|
1
|
+
import{__rest as o}from"tslib";import{jsxs as t,Fragment as r,jsx as e}from"react/jsx-runtime";import{useMemo as i}from"react";import{useCarousel as a,useCarouselPeekEffect as s}from"./hooks.js";import{useTheme as m}from"@mui/system";import{IconButton as n}from"@mui/material";import"../accordion/accordion.js";import"../backdrop/backdrop.js";import"../button/button.js";import"../cardContainer/cardContainer.js";import"../cardMenu/cardMenu.js";import"../checkbox/checkbox.js";import"../chip/chipImage/chipImage.js";import"../chip/regular/chip.js";import"../chip/chipMultiselect/multiSelectChip.js";import"../chip/chipDropdownChildren/chipDropdownChildren.js";import"../controls/controls.js";import"swiper/react";import"swiper/modules";import"./slide.js";import"../drawer/drawer.js";import"country-flag-icons/react/3x2";import"country-flag-icons/react/1x1";import"@mui/material/Grid";import{Icon as p}from"../icon/icon.js";import"../icon/icon.definitions.js";import"../indicator/indicator.js";import"../label/label.js";import"../labelCO2/labelCO2.js";import"../labelFeature/labelFeature.js";import"../labelPromotional/labelPromotional.js";import"../labelStatus/labelStatus.js";import"../menu/menu.js";import"@mui/material/MenuItem";import"@mui/material/MobileStepper";import"../mobileStepper/mobileStepperButton.js";import"../modal/modal.js";import"../modal/modalTitle.js";import"../numbering/numbering.js";import"../pagination/pagination.js";import"../progressBar/progressBar.js";import"../radioButton/radioButton.js";import"../selectInput/selectInput.js";import"@emotion/react";import"@emotion/cache";import"stylis";import"stylis-plugin-rtl";import"../skodaThemeProvider/plugins/stylisContainerPlugin.js";import"../../materialui/theme/theme.js";import"../../materialui/theme/theme.breakpoints.js";import"@mui/material/styles";import"../slider/slider.js";import"../snackbar/snackbar.js";import"../stepper/stepper.js";import"../stepper/model.js";import"../textArea/textArea.js";import"../common/styled/textFieldStyled.js";import"../helperTextContent/index.js";import"../toggleSwitch/toggleSwitch.js";import"../alert/AlertButton.js";import"minimatch";import"../../utils/enum.js";import"../bottomSheet/bottomSheet.js";import"../../layout/Header/HeaderContext.js";import"../../layout/Header/HeaderButton.js";import"../../layout/Header/HeaderNavigationHero.js";import"../../layout/Header/HeaderNavigationLink.js";import"../../layout/Header/HeaderNavigationMenu.js";import"../../layout/Header/PredefinedHeaderButtons.js";import"../../layout/Header/HeaderOverheadItem.js";import"../../layout/SideMenu/SideMenuItem.js";import"../../layout/Footer/PredefinedFooterIconButtons.js";import"../../layout/SecondaryNavigation/SecondaryNavigationCta.js";import"../../layout/SecondaryNavigation/SecondaryNavigationItem.js";import"@mui/material/Container";import"../../organisms/cardOwnedVehicle/cardOwnedVehicle.js";import"../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js";import"../../organisms/cardPhotoFixed/cardPhotoFixed.js";import"../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js";import"../../organisms/common/styled/cardStandardWrapperStyled.js";import"../../organisms/cardTypeOnly/cardTypeOnly.js";import"embla-carousel-react";import"embla-carousel-class-names";import"embla-carousel-autoplay";import"../../organisms/carousel/styledComponents/styledCarouselHorizontal.js";import"../../organisms/carousel/styledComponents/styledCarouselVertical.js";import"../../organisms/heroImageCard/heroImageCard.js";import"@googlemaps/react-wrapper";import"@googlemaps/markerclusterer";import"../../organisms/maps/utils/mapIcons.js";import"../../organisms/maps/mapComponents/mapStyled.js";import"../../organisms/shortcutLink/shortcutLink.js";import"../../organisms/textCta/textCta.js";import"../../organisms/tile/tile.js";import"../../organisms/carousel2/galleryCarousel/galleryContext.js";import"../../organisms/carousel2/galleryCarousel/galleryItemContext.js";import"../../organisms/carousel2/heroCarousel/heroCarouselContext.js";import"../../organisms/notification/Notification.js";import"../../organisms/notification/NotificationCenter.js";import"../../organisms/gallery/Gallery.js";import"../../organisms/gallery/GalleryItem.js";import"../../production/Button/Button.js";function l({carousel:l,peekEffect:c=!0,prevButtonProps:d,prevIconProps:u,nextButtonProps:j,nextIconProps:g}){const h=a(),b=l||h,y=m(),x=d||{},{sx:C}=x,f=o(x,["sx"]),S=j||{},{sx:v}=S,P=o(S,["sx"]),[k,I]=s(b),O=i((()=>({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",backgroundColor:"common.white","&:hover":{backgroundColor:"surface.primary"},"&.Mui-disabled":{opacity:"0"}})),[]);return t(r,{children:[e(n,Object.assign({disabled:b&&!b.originalParams.loop&&b.isBeginning,onClick:()=>{null==b||b.slidePrev(),c&&k&&I("reset")},onMouseEnter:()=>c&&I("prev"),onMouseLeave:()=>c&&k&&I("reset"),sx:Object.assign(Object.assign(Object.assign({},O),{left:"16px"}),C),"aria-label":"prev","aria-controls":"carousel"},f,{children:e(p,Object.assign({name:"chevron-"+("rtl"===y.direction?"right":"left")},u))})),e(n,Object.assign({disabled:b&&!b.originalParams.loop&&b.isEnd,onClick:()=>{null==b||b.slideNext(),c&&k&&I("reset")},onMouseEnter:()=>c&&I("next"),onMouseLeave:()=>c&&k&&I("reset"),sx:Object.assign(Object.assign(Object.assign({},O),{right:"16px"}),v),"aria-label":"next","aria-controls":"carousel"},P,{children:e(p,Object.assign({name:"chevron-"+("rtl"===y.direction?"left":"right")},g))}))]})}export{l as CarouselNavigation};
|
|
2
2
|
//# sourceMappingURL=navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["CarouselNavigation","prevButtonProps","prevIconProps","nextButtonProps","nextIconProps","
|
|
1
|
+
{"version":3,"file":"navigation.js","sources":["../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["CarouselNavigation","carousel","carouselProp","peekEffect","prevButtonProps","prevIconProps","nextButtonProps","nextIconProps","carouselHook","useCarousel","theme","useTheme","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","sharedSx","useMemo","position","zIndex","top","mt","backgroundColor","opacity","_jsxs","_jsx","IconButton","disabled","originalParams","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","Object","assign","left","children","Icon","name","direction","isEnd","slideNext","right"],"mappings":"+rIAsCgBA,GACdC,SAAUC,EAAYC,WACtBA,GAAa,EAAIC,gBACjBA,EAAeC,cACfA,EAAaC,gBACbA,EAAeC,cACfA,IAEA,MAAMC,EAAeC,IACfR,EAAWC,GAAgBM,EAC3BE,EAAQC,IACRC,EAA8BR,GAAmB,IAA/CS,GAAIC,KAAWC,EAAjBC,EAAAJ,EAAA,CAAA,OACAK,EAA8BX,GAAmB,IAA/CO,GAAIK,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAsBrB,GAGxCsB,EAAWC,GACf,KAAO,CAELC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,QAEJC,gBAAiB,eACjB,UAAW,CACTA,gBAAiB,mBAGnB,iBAAkB,CAChBC,QAAS,QAGb,IAGF,OACEC,eACEC,EAACC,iBACCC,SAAUjC,IAAaA,EAASkC,eAAeC,MAAQnC,EAASoC,YAChEC,QAAS,KACPrC,SAAAA,EAAUsC,YACVpC,GAAciB,GAAQC,EAAQ,QAAQ,EAExCmB,aAAc,IAAMrC,GAAckB,EAAQ,QAC1CoB,aAAc,IAAMtC,GAAciB,GAAQC,EAAQ,SAClDR,GAAE6B,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGpB,GACH,CAAAqB,KAAM,SACH9B,GAEM,aAAA,uBACG,YACVC,EAEJ,CAAA8B,SAAAb,EAACc,EAAIJ,OAAAC,OAAA,CAACI,KAAM,YAA+B,QAApBrC,EAAMsC,UAAsB,QAAU,SAAc3C,OAE7E2B,EAACC,iBACCC,SAAUjC,IAAaA,EAASkC,eAAeC,MAAQnC,EAASgD,MAChEX,QAAS,KACPrC,SAAAA,EAAUiD,YACV/C,GAAciB,GAAQC,EAAQ,QAAQ,EAExCmB,aAAc,IAAMrC,GAAckB,EAAQ,QAC1CoB,aAAc,IAAMtC,GAAciB,GAAQC,EAAQ,SAClDR,GAAE6B,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGpB,GAAQ,CACX4B,MAAO,SACJjC,GAEM,aAAA,OACG,gBAAA,YACVC,EAAQ,CAAA0B,SAEZb,EAACc,EAAKJ,OAAAC,OAAA,CAAAI,KAAM,YAA+B,QAApBrC,EAAMsC,UAAsB,OAAS,UAAezC,SAInF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BoxProps, IconButtonProps, ButtonProps, LinearProgressProps } from '@mui/material';
|
|
1
|
+
import { BoxProps, IconButtonProps, ButtonProps, SliderProps, LinearProgressProps } from '@mui/material';
|
|
2
2
|
import type { Swiper as CarouselInstance } from 'swiper';
|
|
3
3
|
export interface CarouselPaginationVariantProps extends Omit<BoxProps, 'children' | 'position'> {
|
|
4
4
|
/**
|
|
@@ -16,25 +16,36 @@ export interface CarouselPaginationDotsProps extends CarouselPaginationVariantPr
|
|
|
16
16
|
export interface CarouselPaginationFractionProps extends CarouselPaginationVariantProps {
|
|
17
17
|
variant?: 'fraction';
|
|
18
18
|
/**
|
|
19
|
-
* Properties applied to button
|
|
19
|
+
* Properties applied to button used to render text
|
|
20
20
|
*/
|
|
21
21
|
buttonProps?: ButtonProps;
|
|
22
22
|
}
|
|
23
23
|
export interface CarouselPaginationProgressProps extends CarouselPaginationVariantProps {
|
|
24
24
|
variant?: 'progress';
|
|
25
25
|
/**
|
|
26
|
-
* Properties applied to LinearProgress
|
|
26
|
+
* Properties applied to LinearProgress
|
|
27
27
|
*/
|
|
28
28
|
progressProps?: LinearProgressProps;
|
|
29
29
|
}
|
|
30
|
+
export interface CarouselPaginationSliderProps extends CarouselPaginationVariantProps {
|
|
31
|
+
variant?: 'slider';
|
|
32
|
+
/**
|
|
33
|
+
* Properties applied to Slider
|
|
34
|
+
*/
|
|
35
|
+
sliderProps?: SliderProps;
|
|
36
|
+
}
|
|
30
37
|
export interface CarouselPaginationBaseProps {
|
|
38
|
+
/**
|
|
39
|
+
* Optional Carousel instance from useCarouselInstance hook
|
|
40
|
+
*/
|
|
41
|
+
carousel?: CarouselInstance;
|
|
31
42
|
/**
|
|
32
43
|
* Append style to wrapper box to change position of control
|
|
33
44
|
*/
|
|
34
45
|
position?: 'outside' | 'inside';
|
|
35
46
|
}
|
|
36
|
-
export type CarouselPaginationProps = CarouselPaginationBaseProps & (Omit<CarouselPaginationDotsProps, 'carousel'> | Omit<CarouselPaginationFractionProps, 'carousel'> | Omit<CarouselPaginationProgressProps, 'carousel'>);
|
|
47
|
+
export type CarouselPaginationProps = CarouselPaginationBaseProps & (Omit<CarouselPaginationDotsProps, 'carousel'> | Omit<CarouselPaginationFractionProps, 'carousel'> | Omit<CarouselPaginationProgressProps, 'carousel'> | Omit<CarouselPaginationSliderProps, 'carousel'>);
|
|
37
48
|
/**
|
|
38
49
|
* Pagination controls
|
|
39
50
|
*/
|
|
40
|
-
export declare function CarouselPagination({ position, variant, sx: rawSx, ...rest }: CarouselPaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
export declare function CarouselPagination({ carousel: carouselProp, position, variant, sx: rawSx, ...rest }: CarouselPaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as r}from"tslib";import{jsx as o,jsxs as
|
|
1
|
+
import{__rest as r}from"tslib";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useMemo as n,useState as e,useEffect as i}from"react";import{Box as a,IconButton as l,Button as t,LinearProgress as c,Slider as d}from"@mui/material";import{useCarousel as u}from"./hooks.js";function p(s){var{carousel:e,position:i,variant:a,sx:l}=s,t=r(s,["carousel","position","variant","sx"]);const c=u(),d=e||c,p=n((()=>{switch(a){case"slider":return b;case"progress":return m;case"fraction":return x;default:return g}}),[a]),v=n((()=>"inside"===i?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},l):l),[i,JSON.stringify(l)]);return o(p,Object.assign({carousel:d,sx:v},t))}function g(s){var{carousel:n,dotProps:e,sx:i}=s,t=r(s,["carousel","dotProps","sx"]);const c=e||{},{sx:d}=c,u=r(c,["sx"]);return o(a,Object.assign({sx:Object.assign({p:2,display:"flex",alignItems:"center",justifyContent:"center",gap:.5},i),"aria-controls":"carousel"},t,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((r,s)=>o(l,Object.assign({onClick:()=>null==n?void 0:n[n.originalParams.loop?"slideToLoop":"slideTo"](s),className:!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&s===((null==n?void 0:n.slides.length)||0)-1?"active":(null==n?void 0:n.isEnd)&&!n.originalParams.loop||s!==(null==n?void 0:n.realIndex)?void 0:"active",sx:Object.assign({p:"0",width:"8px",height:"8px",borderRadius:"100%",backgroundColor:"transparent.backdrop","&.active":{backgroundColor:"brand.tertiary"},"&:hover":{backgroundColor:"brand.tertiary"}},d)},u),s)))}))}function x(n){var{carousel:e,buttonProps:i,sx:l}=n,c=r(n,["carousel","buttonProps","sx"]);const d=i||{},{sx:u}=d,p=r(d,["sx"]);return o(a,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},l)},c,{children:o(t,Object.assign({variant:"text",color:"inherit","aria-controls":"carousel",sx:Object.assign({px:2,py:1,borderRadius:1,backgroundColor:"transparent.backdrop",color:"text.primary","&:hover":{backgroundColor:"onSurface.os100"}},u)},p,{onClick:()=>(null==e?void 0:e.isEnd)&&!e.originalParams.loop?null==e?void 0:e.slideTo(0):null==e?void 0:e.slideNext(),children:s(a,{children:[o(a,{component:"span",children:`${((null==e?void 0:e.realIndex)||0)+1}`}),o(a,{component:"span",sx:{color:"text.secondary"},children:" / "}),o(a,{component:"span",sx:{color:"text.secondary"},children:`${(null==e?void 0:e.slides.length)||0}`})]})}))}))}function m(s){var{carousel:n,progressProps:e}=s,i=r(s,["carousel","progressProps"]);const l=e||{},{sx:t}=l,d=r(l,["sx"]);return o(a,Object.assign({},i,{children:o(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`}},t)},d))}))}function b(s){var{carousel:n,sliderProps:l,sx:t}=s,c=r(s,["carousel","sliderProps","sx"]);const u=l||{},{sx:p}=u,g=r(u,["sx"]),[x,m]=e(Math.round(100*((null==n?void 0:n.progress)||0))),[b,v]=e(!1);return i((()=>{b||m(Math.round(100*((null==n?void 0:n.progress)||0)))}),[null==n?void 0:n.progress]),o(a,Object.assign({sx:Object.assign({my:2},t)},c,{children:o(d,Object.assign({value:x,min:0,max:100,onChange:(r,o)=>{v(!0),null==n||n.setProgress(o/100,150),m(o)},onChangeCommitted:()=>{null==n||n.slideToClosest(300),v(!1)},sx:Object.assign({display:"block",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os200",transitionDuration:`${(null==n?void 0:n.originalParams.speed)||300}ms`},".MuiSlider-thumb":{display:"none"}},p)},g))}))}export{p as CarouselPagination};
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sources":["../../../src/components/carousel/pagination.tsx"],"sourcesContent":[null],"names":["CarouselPagination","_a","position","variant","sx","rawSx","rest","__rest","
|
|
1
|
+
{"version":3,"file":"pagination.js","sources":["../../../src/components/carousel/pagination.tsx"],"sourcesContent":[null],"names":["CarouselPagination","_a","carousel","carouselProp","position","variant","sx","rawSx","rest","__rest","carouselHook","useCarousel","VariantComponent","useMemo","SliderVariant","ProgressVariant","FractionVariant","DotsVariant","Object","assign","zIndex","bottom","left","right","JSON","stringify","_jsx","dotProps","_b","dotSx","restDot","Box","p","display","alignItems","justifyContent","gap","children","Array","slides","length","map","_","idx","IconButton","onClick","originalParams","loop","className","isEnd","realIndex","undefined","width","height","borderRadius","backgroundColor","buttonProps","buttonSx","restButton","Button","color","px","py","slideTo","slideNext","_jsxs","component","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,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i}from"tslib";import{jsx as
|
|
1
|
+
import{__rest as i}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Box as r}from"@mui/material";import{useSwiper as e,SwiperSlide as a}from"swiper/react";function o(o){var{children:s,sx:n}=o,m=i(o,["children","sx"]);const{originalParams:l}=e();return t(r,Object.assign({component:a},m,{sx:Object.assign({display:"block",width:"auto"===l.slidesPerView?"auto":"100%",height:l.autoHeight?"auto":"100%",position:"relative",zIndex:"50",transform:"translate3d(0px, 0, 0)",flexShrink:"0",transitionProperty:"fade"===l.effect?"transform":"opacity","& img":{display:"block",maxWidth:"100%"}},n),children:s}))}o.displayName="SwiperSlide";export{o as CarouselSlide};
|
|
2
2
|
//# sourceMappingURL=slide.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slide.js","sources":["../../../src/components/carousel/slide.tsx"],"sourcesContent":[null],"names":["CarouselSlide","_a","children","sx","rest","__rest","originalParams","swiperOptions","useSwiper","_jsx","Box","Object","assign","component","SwiperSlide","display","width","slidesPerView","height","autoHeight","position","zIndex","transform","flexShrink","transitionProperty","maxWidth","displayName"],"mappings":"qKAaM,SAAUA,EAAcC,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAAIC,EAAAJ,EAAvB,mBAC5B,MAAQK,eAAgBC,GAAkBC,IAE1C,OACEC,EAACC,
|
|
1
|
+
{"version":3,"file":"slide.js","sources":["../../../src/components/carousel/slide.tsx"],"sourcesContent":[null],"names":["CarouselSlide","_a","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":"qKAaM,SAAUA,EAAcC,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAAIC,EAAAJ,EAAvB,mBAC5B,MAAQK,eAAgBC,GAAkBC,IAE1C,OACEC,EAACC,EACCC,OAAAC,OAAA,CAAAC,UAAWC,GACPV,EAAI,CACRD,GACEQ,OAAAC,OAAA,CAAAG,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,YAAc,UACpE,QAAS,CACPV,QAAS,QACTW,SAAU,SAETvB,GAAED,SAGNA,IAGP,CACAF,EAAc2B,YAAc"}
|
|
@@ -1,28 +1,22 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
/**
|
|
4
|
-
* @interface FlagStylingProps
|
|
5
|
-
* @description The props of the flag component that are additionally used for styling.
|
|
6
|
-
*/
|
|
7
|
-
export interface FlagStylingProps {
|
|
8
|
-
/**
|
|
9
|
-
* The width of the flag. Width to height - 3:2 aspect ratio.
|
|
10
|
-
*/
|
|
11
|
-
width?: number;
|
|
12
|
-
}
|
|
1
|
+
import Flags from 'country-flag-icons/react/3x2';
|
|
2
|
+
import { BoxProps } from '@mui/material';
|
|
13
3
|
/**
|
|
14
4
|
* @interface FlagProps
|
|
15
5
|
* @description Base definition of SkodaFlow Flag independent on core implementation.
|
|
16
6
|
* Properties are inherited from HTML Div element and FlagStylingProps interface.
|
|
17
7
|
*/
|
|
18
|
-
export interface FlagProps extends
|
|
8
|
+
export interface FlagProps extends Omit<BoxProps, 'component'> {
|
|
19
9
|
/**
|
|
20
10
|
* Defines which flag to use.
|
|
21
11
|
*/
|
|
22
|
-
flag:
|
|
12
|
+
flag: keyof typeof Flags;
|
|
13
|
+
/**
|
|
14
|
+
* The width of the flag
|
|
15
|
+
*/
|
|
16
|
+
width?: number;
|
|
23
17
|
/**
|
|
24
|
-
*
|
|
18
|
+
* Variants
|
|
25
19
|
*/
|
|
26
|
-
|
|
20
|
+
variant?: 'circle' | 'square';
|
|
27
21
|
}
|
|
28
|
-
export declare
|
|
22
|
+
export declare function Flag({ flag, sx, width, variant, ...rest }: FlagProps): import("react/jsx-runtime").JSX.Element;
|
package/components/flag/flag.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as t}from"tslib";import{jsx as
|
|
1
|
+
import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import i from"country-flag-icons/react/3x2";import a from"country-flag-icons/react/1x1";import{Box as o}from"@mui/material";function s(s){var{flag:e,sx:n,width:c=24,variant:m}=s,f=t(s,["flag","sx","width","variant"]);return r(o,Object.assign({"data-testid":"Flag",component:(m?a:i)[e],sx:Object.assign(Object.assign({width:`${c}px`},m?Object.assign({height:`${c}px`},"circle"===m?{borderRadius:`${c}px`}:{}):{}),n)},f))}export{s as Flag};
|
|
2
2
|
//# sourceMappingURL=flag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":[null],"names":["Flag","_a","flag","sx","width","variant","rest","__rest","_jsx","Box","Object","assign","component","SquareFlags","Flags","height","borderRadius"],"mappings":"mMAyBM,SAAUA,EAAKC,GAAA,IAAAC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,GAAEC,QAAEA,GAA6BJ,EAAjBK,EAAIC,EAAAN,EAAxC,iCACnB,OACEO,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAYP,EAAUQ,EAAcC,GAAOZ,GAC3CC,GAAEO,OAAAC,OAAAD,OAAAC,OAAA,CACAP,MAAO,GAAGA,OAENC,iBAEEU,OAAQ,GAAGX,OACK,WAAZC,EAAuB,CAAEW,aAAc,GAAGZ,OAAc,IAE9D,IACDD,IAEDG,GAGV"}
|
package/components/icon/icon.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{useMemo as
|
|
1
|
+
import{__rest as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import{forwardRef as t,useMemo as n}from"react";import{Icon as i}from"@mui/material";import{iconDefinitions as a}from"./icon.definitions.js";const l=t(((t,l)=>{var{name:r,className:s,iconStyle:c,color:m,fontSize:f,sx:d}=t,u=e(t,["name","className","iconStyle","color","fontSize","sx"]);const N=n((()=>{var e;const o=r&&a.find((e=>e.name===r||e.altName&&e.altName===r))||s&&a.find((e=>s.includes(e.name)||s.includes(e.altName)))||a.find((e=>"circle-question"===e.name));return null!==(e=null==o?void 0:o.content)&&void 0!==e?e:""}),[r,s]),p=n((()=>"filled"===c?"SKODA Next Icons Filled":"SKODA Next Icons Regular"),[c]);return o(i,Object.assign({ref:l,color:m,fontSize:f,sx:Object.assign({"&::before":{content:`'${"\\"+N}'`,display:"block",height:"100%",width:"100%"},fontFamily:p,lineHeight:"0.7em"},d||{}),"data-testid":"Icon",className:[s,r].filter(Boolean).join(" ")},u))}));export{l as Icon};
|
|
2
2
|
//# sourceMappingURL=icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":[null],"names":["Icon","_a","name","className","iconStyle","color","fontSize","sx","rest","__rest","content","useMemo","definition","iconDefinitions","find","item","altName","includes","fontFamily","_jsx","MuiIcon","Object","assign","display","height","width","lineHeight","filter","Boolean","join"],"mappings":"
|
|
1
|
+
{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":[null],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","color","fontSize","sx","rest","__rest","content","useMemo","definition","iconDefinitions","find","item","altName","includes","fontFamily","_jsx","MuiIcon","Object","assign","display","height","width","lineHeight","filter","Boolean","join"],"mappings":"oNAsCa,MAAAA,EAA4BC,GACvC,CAACC,EAA8DC,KAA9D,IAAAC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,GAAEA,GAAaP,EAANQ,EAAIC,EAAAT,EAA1D,0DACC,MAAMU,EAAUC,GAAQ,WACtB,MAAMC,EAEHV,GAAQW,EAAgBC,MAAMC,GAASA,EAAKb,OAASA,GAASa,EAAKC,SAAWD,EAAKC,UAAYd,KAE/FC,GACCU,EAAgBC,MAAMC,GAASZ,EAAUc,SAASF,EAAKb,OAASC,EAAUc,SAASF,EAAKC,YAE1FH,EAAgBC,MAAMC,GAAuB,oBAAdA,EAAKb,OACtC,OAA8B,QAAvBF,EAAAY,aAAU,EAAVA,EAAYF,eAAW,IAAAV,EAAAA,EAAA,EAAE,GAC/B,CAACE,EAAMC,IAEJe,EAAaP,GAAQ,IACP,WAAdP,EACK,0BAEF,4BACN,CAACA,IAEJ,OACEe,EAACC,iBACCnB,IAAKA,EACLI,MAAOA,EACPC,SAAUA,EACVC,GAAEc,OAAAC,OAAA,CACA,YAAa,CACXZ,QAAS,IAAI,KAAOA,KACpBa,QAAS,QACTC,OAAQ,OACRC,MAAO,QAETP,aACAQ,WAAY,SACRnB,GAAM,IAAG,cAEH,OACZJ,UAAW,CAACA,EAAWD,GAAMyB,OAAOC,SAASC,KAAK,MAC9CrB,GAEN"}
|
package/components/index.d.ts
CHANGED
|
@@ -8,7 +8,6 @@ export * from './checkbox';
|
|
|
8
8
|
export * from './chip';
|
|
9
9
|
export * from './controls';
|
|
10
10
|
export * from './carousel';
|
|
11
|
-
export * from './divider';
|
|
12
11
|
export * from './drawer';
|
|
13
12
|
export * from './flag';
|
|
14
13
|
export * from './grid';
|
|
@@ -35,13 +34,11 @@ export * from './stepper';
|
|
|
35
34
|
export * from './textArea';
|
|
36
35
|
export * from './textInput';
|
|
37
36
|
export * from './toggleSwitch';
|
|
38
|
-
export * from './tooltip';
|
|
39
37
|
export * from './common';
|
|
40
|
-
export * from './avatar';
|
|
41
38
|
export * from './closeDialogButton';
|
|
42
|
-
export * from './iconButton';
|
|
43
39
|
export * from './helperTextContent';
|
|
44
40
|
export * from './alert';
|
|
45
41
|
export * from './logo';
|
|
46
42
|
export * from './upload';
|
|
47
43
|
export * from './card';
|
|
44
|
+
export * from './bottomSheet';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { FlagProps } from '../flag';
|
|
3
3
|
/**
|
|
4
4
|
* @interface MenuItemObject
|
|
5
5
|
* @description Single menu item containing icon class and item value
|
|
6
6
|
*/
|
|
7
7
|
export interface MenuItemObject {
|
|
8
8
|
value: string;
|
|
9
|
-
flag:
|
|
9
|
+
flag: FlagProps['flag'];
|
|
10
10
|
title: string;
|
|
11
11
|
}
|
|
12
12
|
export type MenuItems = MenuItemObject[] | string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":[null],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","_jsx","ListItemIcon","children","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","Icon","name","Divider","variant","_Fragment","className","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","marginLeft","position","top","background","primary"],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":[null],"names":["Menu","forwardRef","_a","ref","setIsOpen","reactHook","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","toggleLabel","props","__rest","state","itemsState","setState","setItemsState","toggleChecked","setToggleChecked","useState","onToggleClickHandlerWithUseCallback","useCallback","currToggleChecked","initItems","setItems","setToggle","expectedFutureToggleCheckedState","onToggleClickHandler","onMenuItemClickHandlerWithUseCallback","e","isString","id","itemExist","includes","find","item","value","toString","newItem","filter","prevArr","onMenuItemClickHandler","currentTarget","handleTypeItem","selected","some","itemState","title","_jsxs","MenuItem","onClick","_jsx","ListItemIcon","children","Flag","flag","ListItemText","Typography","noWrap","Checkbox","checked","useEffect","length","PaperStyled","Object","assign","sx","paddingTop","Icon","name","Divider","variant","_Fragment","className","ToggleSwitch","MenuList","map","styled","MuiPaper","shouldForwardProp","prop","theme","styles","itemStyles","height","padding","paddingRight","boxShadow","maxHeight","overflow","borderRadius","fontSize","lineHeight","color","palette","onSurface","os900","fontWeight","minWidth","marginRight","marginTop","marginBottom","textOverflow","whiteSpace","backgroundColor","os0","marginLeft","position","top","background","primary"],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { Theme } from '@mui/material
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
1
|
+
import { SxProps, Theme } from '@mui/material';
|
|
3
2
|
import React, { HTMLAttributes } from 'react';
|
|
4
3
|
export interface PaginationProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
|
|
5
4
|
/**
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as e}from"tslib";import{jsxs as t,jsx as i,Fragment as n}from"react/jsx-runtime";import o
|
|
1
|
+
import{__rest as e}from"tslib";import{jsxs as t,jsx as i,Fragment as n}from"react/jsx-runtime";import{styled as o,TextField as r,Pagination as a,PaginationItem as l,IconButton as s}from"@mui/material";import{forwardRef as p,useState as d,useEffect as m,useCallback as c}from"react";import{paletteLight as u}from"../../materialui/theme/paletteLight.theme.js";import{ternaryCondition as h}from"../../utils/utilities.js";import{Icon as f}from"../icon/icon.js";import"../icon/icon.definitions.js";const x=(e,t)=>""===e||"number"==typeof e&&e-1>0&&e+1<=t||"number"==typeof parseInt(e)&&parseInt(e)>0&&parseInt(e)<=t,g=(e,n,o,r,a,l)=>t(s,{variant:"standard",onClick:n,disabled:o,children:["forward"===r&&!a&&l,i(f,{name:e}),"back"===r&&!a&&l]}),b=p(((o,s)=>{var{count:p,isDisabled:u,page:b,prevButtonLabel:B,nextButtonLabel:y,defaultPage:w,hideNextButton:L,hidePrevButton:j,hideFirstButton:C,hideLastButton:I,hideLabels:k,onValueChange:P}=o,z=e(o,["count","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange"]);const M=w||1,[N,S]=d(M),[V,W]=d(!0),[D,O]=d();m((()=>{N&&P&&P(N)}),[N,P]),m((()=>{V?W(!1):b&&!u&&S(b)}),[u,V,b]);const F=c(((e,t)=>{S(t)}),[]);return t(v,{"data-testid":"Pagination-wrapper",children:[i(a,Object.assign({className:"desktopView"},z,{shape:"rounded",count:p,disabled:u,page:N,hideNextButton:L,hidePrevButton:j,showFirstButton:!C,showLastButton:!I,ref:s,onChange:F,renderItem:e=>i(l,Object.assign({className:h(j,!1,"MuiPagination-prev",""),components:{first:()=>i(f,{name:"previous",fontSize:"small"}),last:()=>i(f,{name:"next",fontSize:"small"}),previous:()=>t(n,{children:[i(f,{name:"chevron-left",fontSize:"small"}),i(n,{children:B})]}),next:()=>t(n,{children:[i(n,{children:y}),i(f,{name:"chevron-right",fontSize:"small"})]})}},e))}))," ",i("div",{style:{display:"flex",flexDirection:"column"},className:"mobileView "+(u?"paginationDisabled":""),children:t("div",{className:"mobileContainer",children:[g("chevron-previous",(()=>x(N-1,p)&&S(1)),!x(N-1,p)),g("chevron-left",(()=>x(N-1,p)&&S(N-1)),!x(N-1,p),"back",k,B),i(r,{className:"textFieldContainer",value:N,inputProps:{inputMode:"numeric",pattern:`[1-${p}]*`},onChange:e=>(e=>{""===e&&(O(N),S(e));const t=parseInt(e);"number"==typeof t&&x(t,p)&&(O(t),S(t))})(e.target.value),onBlur:()=>""===N&&S(D)}),g("chevron-right",(()=>x(N+1,p)&&S(N+1)),!x(N+1,p),"forward",k,y),g("chevron-next",(()=>x(N+1,p)&&S(p)),!x(N+1,p))]})})]})})),v=o("div")((({theme:e})=>{let t={};const i={alignItems:"center",display:"flex",justifyContent:"center",width:"100%"};return t={[e.breakpoints.up("md")]:{"& .mobileView":{display:"none!important"}},[e.breakpoints.down("md")]:{"& .desktopView":{display:"none!important"}},"& .desktopView":{"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"}},"& .mobileView":Object.assign(Object.assign({},i),{flexDirection:"column",flexWrap:"nowrap","& .mobileContainer":Object.assign(Object.assign({},i),{flexWrap:"nowrap"}),"& .textFieldContainer":{height:"36px",margin:"0 34px","& input, fieldset":{backgroundColor:u.transparent.primary,border:0,borderRadius:"4px",fontSize:"16px",fontWeight:"400",height:"36px",lineHeight:"36px",minWidth:"44px",maxWidth:"50px",padding:"0 4px",textAlign:"center",color:u.text.primary},"& fieldset":{visibility:"hidden"},"& div":{"&::before":{borderBottom:0},"&::after":{borderBottom:0}}},"& .controllerContainer":{"& .arrowLabel":{color:u.text.primary,fontSize:"16px",fontWeight:"400",lineHeight:"16px"},"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"},"& .MuiIcon-root":{fontSize:"16px",width:"20px",height:"20px"}},"& .counter_label":{color:u.text.primary,fontSize:"12px",fontWeight:"400",lineHeight:"24px",marginTop:"4px"},"&.paginationDisabled":{pointerEvents:"none","& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset":{color:u.disabled.primary}}})},t}));export{b as Pagination};
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":[null],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","Icon","name","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","className","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","ternaryCondition","components","first","fontSize","last","previous","_Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"
|
|
1
|
+
{"version":3,"file":"pagination.js","sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":[null],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","Icon","name","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","className","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","ternaryCondition","components","first","fontSize","last","previous","_Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}
|