@skodaflow/web-library 7.2.1 → 7.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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.d.ts +43 -2
- package/cjs/components/bottomSheet/bottomSheet.js +1 -1
- package/cjs/components/bottomSheet/bottomSheet.js.map +1 -1
- package/cjs/components/button/button.d.ts +1 -1
- package/cjs/components/button/button.js +1 -1
- package/cjs/components/button/button.js.map +1 -1
- package/cjs/components/cardMenu/cardMenu.js +1 -1
- package/cjs/components/cardMenu/cardMenu.js.map +1 -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 +6 -1
- package/cjs/components/carousel/navigation.js +1 -1
- package/cjs/components/carousel/navigation.js.map +1 -1
- package/cjs/components/carousel/pagination.js +1 -1
- package/cjs/components/carousel/pagination.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 +0 -2
- package/cjs/components/menu/menu.d.ts +2 -2
- package/cjs/components/menu/menu.js.map +1 -1
- package/cjs/components/mobileStepper/mobileStepperButton.js +1 -1
- package/cjs/components/mobileStepper/mobileStepperButton.js.map +1 -1
- package/cjs/components/modal/modal.js +1 -1
- package/cjs/components/modal/modal.js.map +1 -1
- package/cjs/components/progressBar/components/spinner.js +1 -1
- package/cjs/components/progressBar/components/spinner.js.map +1 -1
- package/cjs/components/upload/UploadPreviewList.js +1 -1
- package/cjs/components/upload/UploadPreviewList.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/layout/PageLayout/PageLayout.js +1 -1
- package/cjs/layout/PageLayout/PageLayout.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 +0 -21
- package/cjs/materialui/avatar/avatar.theme.js +1 -1
- package/cjs/materialui/avatar/avatar.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/drawer/drawer.theme.js +1 -1
- package/cjs/materialui/drawer/drawer.theme.js.map +1 -1
- package/cjs/materialui/form/formControlLabel.theme.js +1 -1
- package/cjs/materialui/form/formControlLabel.theme.js.map +1 -1
- 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 +2 -0
- package/cjs/materialui/iconButton/iconButton.theme.d.ts +0 -5
- package/cjs/materialui/iconButton/iconButton.theme.js +1 -1
- package/cjs/materialui/iconButton/iconButton.theme.js.map +1 -1
- package/cjs/materialui/index.d.ts +4 -1
- 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/list/index.d.ts +2 -0
- package/cjs/materialui/list/list.theme.d.ts +2 -1
- package/cjs/materialui/list/list.theme.js +1 -1
- package/cjs/materialui/list/list.theme.js.map +1 -1
- package/cjs/materialui/list/listItem.theme.d.ts +3 -0
- package/cjs/materialui/list/listItem.theme.js +2 -0
- package/cjs/materialui/list/listItem.theme.js.map +1 -0
- package/cjs/materialui/list/listItemAvatar.theme.d.ts +3 -0
- package/cjs/materialui/list/listItemAvatar.theme.js +2 -0
- package/cjs/materialui/list/listItemAvatar.theme.js.map +1 -0
- package/cjs/materialui/list/listItemButton.theme.d.ts +3 -0
- package/cjs/materialui/list/listItemButton.theme.js +2 -0
- package/cjs/materialui/list/listItemButton.theme.js.map +1 -0
- package/cjs/materialui/list/listItemIcon.theme.d.ts +3 -0
- package/cjs/materialui/list/listItemIcon.theme.js +2 -0
- package/cjs/materialui/list/listItemIcon.theme.js.map +1 -0
- package/cjs/materialui/list/listItemSecondaryAction.theme.d.ts +3 -0
- package/cjs/materialui/list/listItemSecondaryAction.theme.js +2 -0
- package/cjs/materialui/list/listItemSecondaryAction.theme.js.map +1 -0
- package/cjs/materialui/list/listItemText.theme.d.ts +2 -1
- package/cjs/materialui/list/listItemText.theme.js +1 -1
- package/cjs/materialui/list/listItemText.theme.js.map +1 -1
- package/cjs/materialui/list/listSubheader.theme.d.ts +3 -0
- package/cjs/materialui/list/listSubheader.theme.js +2 -0
- package/cjs/materialui/list/listSubheader.theme.js.map +1 -0
- package/cjs/materialui/pagination/pagination.theme.js +1 -1
- package/cjs/materialui/pagination/pagination.theme.js.map +1 -1
- 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 +55 -6
- package/cjs/materialui/theme/theme.js +1 -1
- package/cjs/materialui/theme/theme.js.map +1 -1
- package/cjs/materialui/theme/theme.typography.js +1 -1
- package/cjs/materialui/theme/theme.typography.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/textCta/textCta.js +1 -1
- package/cjs/organisms/textCta/textCta.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.d.ts +43 -2
- package/components/bottomSheet/bottomSheet.js +1 -1
- package/components/bottomSheet/bottomSheet.js.map +1 -1
- package/components/button/button.d.ts +1 -1
- package/components/button/button.js +1 -1
- package/components/button/button.js.map +1 -1
- package/components/cardMenu/cardMenu.js +1 -1
- package/components/cardMenu/cardMenu.js.map +1 -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 +6 -1
- package/components/carousel/navigation.js +1 -1
- package/components/carousel/navigation.js.map +1 -1
- package/components/carousel/pagination.js +1 -1
- package/components/carousel/pagination.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 +0 -2
- package/components/menu/menu.d.ts +2 -2
- package/components/menu/menu.js.map +1 -1
- package/components/mobileStepper/mobileStepperButton.js +1 -1
- package/components/mobileStepper/mobileStepperButton.js.map +1 -1
- package/components/modal/modal.js +1 -1
- package/components/modal/modal.js.map +1 -1
- package/components/progressBar/components/spinner.js +1 -1
- package/components/progressBar/components/spinner.js.map +1 -1
- package/components/upload/UploadPreviewList.js +1 -1
- package/components/upload/UploadPreviewList.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/layout/PageLayout/PageLayout.js +1 -1
- package/layout/PageLayout/PageLayout.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 +0 -21
- package/materialui/avatar/avatar.theme.js +1 -1
- package/materialui/avatar/avatar.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/drawer/drawer.theme.js +1 -1
- package/materialui/drawer/drawer.theme.js.map +1 -1
- package/materialui/form/formControlLabel.theme.js +1 -1
- package/materialui/form/formControlLabel.theme.js.map +1 -1
- 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 +2 -0
- package/materialui/iconButton/iconButton.theme.d.ts +0 -5
- package/materialui/iconButton/iconButton.theme.js +1 -1
- package/materialui/iconButton/iconButton.theme.js.map +1 -1
- package/materialui/index.d.ts +4 -1
- 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/list/index.d.ts +2 -0
- package/materialui/list/list.theme.d.ts +2 -1
- package/materialui/list/list.theme.js +1 -1
- package/materialui/list/list.theme.js.map +1 -1
- package/materialui/list/listItem.theme.d.ts +3 -0
- package/materialui/list/listItem.theme.js +2 -0
- package/materialui/list/listItem.theme.js.map +1 -0
- package/materialui/list/listItemAvatar.theme.d.ts +3 -0
- package/materialui/list/listItemAvatar.theme.js +2 -0
- package/materialui/list/listItemAvatar.theme.js.map +1 -0
- package/materialui/list/listItemButton.theme.d.ts +3 -0
- package/materialui/list/listItemButton.theme.js +2 -0
- package/materialui/list/listItemButton.theme.js.map +1 -0
- package/materialui/list/listItemIcon.theme.d.ts +3 -0
- package/materialui/list/listItemIcon.theme.js +2 -0
- package/materialui/list/listItemIcon.theme.js.map +1 -0
- package/materialui/list/listItemSecondaryAction.theme.d.ts +3 -0
- package/materialui/list/listItemSecondaryAction.theme.js +2 -0
- package/materialui/list/listItemSecondaryAction.theme.js.map +1 -0
- package/materialui/list/listItemText.theme.d.ts +2 -1
- package/materialui/list/listItemText.theme.js +1 -1
- package/materialui/list/listItemText.theme.js.map +1 -1
- package/materialui/list/listSubheader.theme.d.ts +3 -0
- package/materialui/list/listSubheader.theme.js +2 -0
- package/materialui/list/listSubheader.theme.js.map +1 -0
- package/materialui/pagination/pagination.theme.js +1 -1
- package/materialui/pagination/pagination.theme.js.map +1 -1
- 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 +55 -6
- package/materialui/theme/theme.js +1 -1
- package/materialui/theme/theme.js.map +1 -1
- package/materialui/theme/theme.typography.js +1 -1
- package/materialui/theme/theme.typography.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/textCta/textCta.js +1 -1
- package/organisms/textCta/textCta.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/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/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/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/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
|
@@ -1,11 +1,16 @@
|
|
|
1
|
+
import { BoxProps } from '@mui/material';
|
|
2
|
+
import { IconProps } from '../icon';
|
|
1
3
|
import React, { PropsWithChildren } from 'react';
|
|
2
4
|
export type AlertProps = PropsWithChildren<{
|
|
3
5
|
type?: 'success' | 'warning' | 'error';
|
|
4
6
|
actions?: React.ReactNode;
|
|
5
|
-
width?: string | number;
|
|
6
7
|
/**
|
|
7
8
|
* @deprecated direction is taken from the theme
|
|
8
9
|
*/
|
|
9
10
|
direction?: 'rtl' | 'ltr';
|
|
10
|
-
|
|
11
|
+
iconWrapperProps?: BoxProps;
|
|
12
|
+
iconProps?: IconProps;
|
|
13
|
+
contentProps?: BoxProps;
|
|
14
|
+
actionsProps?: BoxProps;
|
|
15
|
+
}> & BoxProps;
|
|
11
16
|
export declare const Alert: React.FC<AlertProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),i=require("@mui/material"),r=require("../icon/icon.js");require("../icon/icon.definitions.js");exports.Alert=t=>{var{type:n,children:o,actions:c,width:a,sx:l={},iconWrapperProps:x,iconProps:d={},contentProps:p,actionsProps:j}=t,b=e.__rest(t,["type","children","actions","width","sx","iconWrapperProps","iconProps","contentProps","actionsProps"]);const g=x||{},{sx:f}=g,u=e.__rest(g,["sx"]),h=p||{},{sx:m}=h,y=e.__rest(h,["sx"]),O=j||{},{sx:w}=O,P=e.__rest(O,["sx"]);return s.jsxs(i.Box,Object.assign({sx:Object.assign({py:1,pl:2,pr:1,backgroundColor:"brand.tertiary",borderRadius:1,color:"onSurface.os0",display:"flex",alignItems:"center",gap:"11px",minWidth:"300px",maxWidth:null!=a?a:"624px"},l),"data-testid":"Alert"},b,{children:[n&&s.jsxs(i.Box,Object.assign({sx:Object.assign({height:"40px",display:"flex",flexDirection:"column",justifyContent:"center"},f),"data-testid":"Alert.icon"},u,{children:["success"===n&&s.jsx(r.Icon,Object.assign({name:"circle-check",color:"secondary",iconStyle:"filled"},d)),"error"===n&&s.jsx(r.Icon,Object.assign({name:"warning",color:"error",iconStyle:"filled"},d)),"warning"===n&&s.jsx(r.Icon,Object.assign({name:"circle-exclamation",color:"warning",iconStyle:"filled"},d))]})),s.jsx(i.Box,Object.assign({sx:Object.assign({flexGrow:1,"&, & > p":{overflow:"hidden",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:{sm:"3",md:"2"}}},m),"data-testid":"Alert.content"},y,{children:o})),c&&s.jsx(i.Box,Object.assign({sx:Object.assign({paddingLeft:"11px",borderLeft:1,borderColor:"onSurface.os600",alignSelf:"stretch",display:"flex",flexDirection:"row",alignItems:"center"},w),"data-testid":"Alert.actions"},P,{children:c}))]}))};
|
|
2
2
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.tsx"],"sourcesContent":[null],"names":["type","children","actions","width","
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.tsx"],"sourcesContent":[null],"names":["_a","type","children","actions","width","sx","iconWrapperProps","iconProps","contentProps","actionsProps","rest","__rest","_b","iconWrapperSx","restIconWrapper","_c","contentSx","restContent","_d","actionsSx","restActions","_jsxs","jsxs","Box","Object","assign","py","pl","pr","backgroundColor","borderRadius","color","display","alignItems","gap","minWidth","maxWidth","height","flexDirection","justifyContent","_jsx","Icon","name","iconStyle","flexGrow","overflow","WebkitBoxOrient","WebkitLineClamp","sm","md","paddingLeft","borderLeft","borderColor","alignSelf"],"mappings":"gLAmB4CA,QAAAC,KAC1CA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,MACPA,EAAKC,GACLA,EAAK,GAAEC,iBACPA,EAAgBC,UAChBA,EAAY,CAAA,EAAEC,aACdA,EAAYC,aACZA,GAAYT,EACTU,EAVuCC,EAAAA,OAAAX,EAAA,CAAA,OAAA,WAAA,UAAA,QAAA,KAAA,mBAAA,YAAA,eAAA,iBAY1C,MAAMY,EAA4CN,GAAoB,IAA9DD,GAAIQ,KAAkBC,EAAxBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAoCP,GAAgB,IAAlDH,GAAIW,KAAcC,EAApBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAAoCT,GAAgB,IAAlDJ,GAAIc,KAAcC,EAApBT,EAAAA,OAAAO,EAAA,CAAA,OACN,OACEG,EAACC,KAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAApB,kBACEqB,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,gBAAiB,iBACjBC,aAAc,EACdC,MAAO,gBACPC,QAAS,OACTC,WAAY,SACZC,IAAK,OACLC,SAAU,QACVC,SAAUhC,QAAAA,EAAS,SAChBC,GAAE,cAEK,SACRK,EAEH,CAAAR,SAAA,CAAAD,GACCoB,EAAAA,KAACE,EAAAA,IACCC,OAAAC,OAAA,CAAApB,kBACEgC,OAAQ,OACRL,QAAS,OACTM,cAAe,SACfC,eAAgB,UACb1B,GAAa,cAEN,cACRC,EAEH,CAAAZ,SAAA,CAAS,YAATD,GAAsBuC,EAAAA,IAACC,EAAAA,oBAAKC,KAAK,eAAeX,MAAM,YAAYY,UAAU,UAAapC,IAChF,UAATN,GAAoBuC,EAAAA,IAACC,EAAAA,oBAAKC,KAAK,UAAUX,MAAM,QAAQY,UAAU,UAAapC,IACrE,YAATN,GAAsBuC,EAAAA,IAACC,EAAAA,KAAKjB,OAAAC,OAAA,CAAAiB,KAAK,qBAAqBX,MAAM,UAAUY,UAAU,UAAapC,QAGlGiC,MAACjB,EAAGA,IAAAC,OAAAC,OAAA,CACFpB,GACEmB,OAAAC,OAAA,CAAAmB,SAAU,EAEV,WAAY,CAEVC,SAAU,SACVb,QAAS,cACTc,gBAAiB,WACjBC,gBAAiB,CAAEC,GAAI,IAAKC,GAAI,OAE/BjC,GAEO,cAAA,iBACRC,EAEH,CAAAf,SAAAA,KAEFC,GACCqC,EAAAA,IAACjB,EAAGA,IACFC,OAAAC,OAAA,CAAApB,GACEmB,OAAAC,OAAA,CAAAyB,YAAa,OACbC,WAAY,EACZC,YAAa,kBACbC,UAAW,UACXrB,QAAS,OACTM,cAAe,MACfL,WAAY,UACTd,GAEO,cAAA,iBACRC,EAEH,CAAAlB,SAAAC,QAIP"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js");var r=require("@mui/material"),i=require("react");require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("tslib"),require("swiper/react"),require("swiper/modules"),require("../carousel/slide.js"),require("@mui/system"),require("../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js");var r=require("@mui/material"),i=require("react");require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("tslib"),require("swiper/react"),require("swiper/modules"),require("../carousel/slide.js"),require("@mui/system"),require("../drawer/drawer.js"),require("country-flag-icons/react/3x2"),require("country-flag-icons/react/1x1"),require("@mui/material/Grid");var a=require("../icon/icon.js");require("../icon/icon.definitions.js"),require("../indicator/indicator.js"),require("../label/label.js"),require("../labelCO2/labelCO2.js"),require("../labelFeature/labelFeature.js"),require("../labelPromotional/labelPromotional.js"),require("../labelStatus/labelStatus.js"),require("../menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../mobileStepper/mobileStepperButton.js"),require("../modal/modal.js"),require("../modal/modalTitle.js"),require("../numbering/numbering.js"),require("../pagination/pagination.js"),require("../progressBar/progressBar.js"),require("../radioButton/radioButton.js"),require("../selectInput/selectInput.js"),require("@emotion/react"),require("@emotion/cache"),require("stylis"),require("stylis-plugin-rtl"),require("../skodaThemeProvider/plugins/stylisContainerPlugin.js"),require("../../materialui/theme/theme.js"),require("../../materialui/theme/theme.breakpoints.js"),require("@mui/material/styles"),require("../slider/slider.js"),require("../snackbar/snackbar.js"),require("../stepper/stepper.js"),require("../stepper/model.js"),require("../textArea/textArea.js"),require("../common/styled/textFieldStyled.js"),require("../helperTextContent/index.js"),require("../toggleSwitch/toggleSwitch.js"),require("../alert/AlertButton.js"),require("minimatch"),require("../../utils/enum.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("../../layout/Footer/PredefinedFooterIconButtons.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("../../production/Button/Button.js");exports.Banner=({children:t,variant:s="info",buttons:o})=>{const n=r.useTheme(),[u,l]=i.useMemo((()=>{switch(s){case"error":return[n.palette.error.main,r.lighten(n.palette.error.light,.9)];case"warning":return[n.palette.warning.main,r.lighten(n.palette.warning.light,.9)];default:return[n.palette.info.main,r.lighten(n.palette.info.light,.9)]}}),[s,n]);return e.jsxs(r.Stack,{direction:{md:"row",sm:"column"},spacing:0,sx:{borderLeft:"6px solid",alignItems:"flex-start",borderColor:u,backgroundColor:l},"data-testid":"Banner",children:[e.jsxs(r.Stack,{direction:"row",spacing:2,sx:{padding:{md:"12px 16px",sm:"16px",xs:"11px 16px"},flexGrow:1,alignItems:"center"},children:[e.jsx(a.Icon,{name:"info"===s?"circle-info":"circle-exclamation",iconStyle:"filled",color:s,sx:{alignSelf:"flex-start",color:u,marginTop:{lg:"2px !important",md:"1px !important",sm:"-2px !important"}}}),e.jsx(r.Box,{children:"string"==typeof t?e.jsx(r.Typography,{children:t}):t})]}),o&&e.jsx(r.Stack,{direction:"row",spacing:1,useFlexGap:!0,sx:{padding:"8px 16px",textWrap:"nowrap",flexWrap:"wrap",alignSelf:"center",marginRight:"auto"},"data-testid":"Banner.buttons",children:o})]})};
|
|
2
2
|
//# sourceMappingURL=banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner.js","sources":["../../../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["children","variant","buttons","theme","useTheme","borderColor","backgroundColor","useMemo","palette","error","main","lighten","light","warning","info","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","jsxs","padding","xs","flexGrow","_jsx","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Box","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"
|
|
1
|
+
{"version":3,"file":"banner.js","sources":["../../../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["children","variant","buttons","theme","useTheme","borderColor","backgroundColor","useMemo","palette","error","main","lighten","light","warning","info","_jsxs","Stack","direction","md","sm","spacing","sx","borderLeft","alignItems","jsxs","padding","xs","flexGrow","_jsx","Icon","name","iconStyle","color","alignSelf","marginTop","lg","Box","Typography","useFlexGap","textWrap","flexWrap","marginRight"],"mappings":"kzIAyB6C,EAAGA,WAAUC,UAAU,OAAQC,cAC1E,MAAMC,EAAQC,EAAAA,YAEPC,EAAaC,GAAmBC,EAAOA,SAAC,KAC7C,OAAQN,GACN,IAAK,QACH,MAAO,CAACE,EAAMK,QAAQC,MAAMC,KAAMC,EAAAA,QAAQR,EAAMK,QAAQC,MAAMG,MAAO,KACvE,IAAK,UACH,MAAO,CAACT,EAAMK,QAAQK,QAAQH,KAAMC,EAAAA,QAAQR,EAAMK,QAAQK,QAAQD,MAAO,KAE3E,QACE,MAAO,CAACT,EAAMK,QAAQM,KAAKJ,KAAMC,EAAAA,QAAQR,EAAMK,QAAQM,KAAKF,MAAO,KACtE,GACA,CAACX,EAASE,IAEb,OACEY,OAACC,EAAAA,MAAK,CACJC,UAAW,CAAEC,GAAI,MAAOC,GAAI,UAC5BC,QAAS,EACTC,GAAI,CACFC,WAAY,YACZC,WAAY,aACZlB,cACAC,mBACD,cACW,SAAQN,SAAA,CAEpBe,EAACS,KAAAR,QACC,CAAAC,UAAU,MACVG,QAAS,EACTC,GAAI,CAAEI,QAAS,CAAEP,GAAI,YAAaC,GAAI,OAAQO,GAAI,aAAeC,SAAU,EAAGJ,WAAY,UAE1FvB,SAAA,CAAA4B,EAAAA,IAACC,EAAAA,KAAI,CACHC,KAAkB,SAAZ7B,EAAqB,cAAgB,qBAC3C8B,UAAU,SACVC,MAAO/B,EACPoB,GAAI,CACFY,UAAW,aACXD,MAAO3B,EACP6B,UAAW,CAAEC,GAAI,iBAAkBjB,GAAI,iBAAkBC,GAAI,sBAGjES,MAACQ,EAAAA,IAAG,CAAApC,SAAsB,iBAAbA,EAAwB4B,MAACS,EAAAA,qBAAYrC,IAAyBA,OAE5EE,GACC0B,MAACZ,EAAAA,MACC,CAAAC,UAAU,MACVG,QAAS,EACTkB,YAAU,EACVjB,GAAI,CAAEI,QAAS,WAAYc,SAAU,SAAUC,SAAU,OAAQP,UAAW,SAAUQ,YAAa,QACvF,cAAA,0BAEXvC,MAIP"}
|
|
@@ -1,9 +1,50 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SwipeableDrawerProps } from '@mui/material';
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BoxProps, SwipeableDrawerProps, TypographyProps } from '@mui/material';
|
|
3
3
|
export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen'> {
|
|
4
|
+
/**
|
|
5
|
+
* Open state component flag
|
|
6
|
+
*/
|
|
4
7
|
open: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Open state component function
|
|
10
|
+
*/
|
|
5
11
|
setOpen: React.Dispatch<React.SetStateAction<boolean>>;
|
|
12
|
+
/**
|
|
13
|
+
* Flag for displaying close button
|
|
14
|
+
*/
|
|
6
15
|
closeButton?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Flag for displaying bar that visualizes pulling function
|
|
18
|
+
*/
|
|
7
19
|
puller?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Footer children slot
|
|
22
|
+
*/
|
|
23
|
+
footerSlot?: React.ReactNode;
|
|
24
|
+
/**
|
|
25
|
+
* Text in header
|
|
26
|
+
*/
|
|
27
|
+
title?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Text props
|
|
30
|
+
*/
|
|
31
|
+
titleProps?: TypographyProps;
|
|
32
|
+
/**
|
|
33
|
+
* Max height of whole component in percentages
|
|
34
|
+
* @default 60
|
|
35
|
+
*/
|
|
36
|
+
maxHeight?: number;
|
|
37
|
+
/**
|
|
38
|
+
* Wrapper of header
|
|
39
|
+
*/
|
|
40
|
+
headerWrapper?: BoxProps;
|
|
41
|
+
/**
|
|
42
|
+
* Wrapper of content
|
|
43
|
+
*/
|
|
44
|
+
contentWrapper?: BoxProps;
|
|
45
|
+
/**
|
|
46
|
+
* Wrapper of footer
|
|
47
|
+
*/
|
|
48
|
+
footerWrapper?: BoxProps;
|
|
8
49
|
}
|
|
9
50
|
export declare const BottomSheet: React.FC<BottomSheetProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material"),s=require("../icon/icon.js");require("../icon/icon.definitions.js");exports.BottomSheet=i=>{var{children:n,open:a,setOpen:p,puller:l,closeButton:c,footerSlot:d,title:x,titleProps:h={},headerWrapper:u,contentWrapper:b,footerWrapper:j,maxHeight:g=60}=i,m=e.__rest(i,["children","open","setOpen","puller","closeButton","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight"]);const f=u||{},{sx:B}=f,S=e.__rest(f,["sx"]),O=b||{},{sx:w}=O,v=e.__rest(O,["sx"]),_=j||{},{sx:y}=_,C=e.__rest(_,["sx"]),[q,W]=o.useState(!1),H=()=>p(!a),P=o.useCallback((e=>{const t=new ResizeObserver((()=>{W(e.offsetHeight<e.scrollHeight)}));null!==e?t.observe(e):t.disconnect()}),[]);return t.jsxs(r.SwipeableDrawer,Object.assign({anchor:"bottom",PaperProps:{sx:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${g}%`}},open:a,onClose:H,onOpen:H,disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet"},m,{children:[(x||c||l)&&t.jsxs(r.Box,Object.assign({sx:Object.assign({px:2},B),"data-testid":"BottomSheet-header"},S,{children:[l&&t.jsx(r.Box,{sx:{position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:t.jsx(r.Box,{"data-testid":"BottomSheet-puller",sx:{width:"28px",height:"4px",backgroundColor:"onSurface.os200",mt:1.5,mb:2.25,borderRadius:8}})}),(x||c&&!l)&&t.jsxs(r.Box,{sx:{display:"flex",justifyContent:x?"space-between":"flex-end",gap:1,pb:2,pt:l?0:2},children:[x&&t.jsx(r.Typography,Object.assign({"data-testid":"BottomSheet-title",variant:"h4"},h,{children:x})),c&&!l&&t.jsx(r.IconButton,{"data-testid":"BottomSheet-closeButton",variant:"standard",size:"small",onClick:H,children:t.jsx(s.Icon,{name:"close",color:"action"})})]})]})),t.jsx(r.Box,Object.assign({"data-testid":"BottomSheet-content",ref:P,sx:Object.assign({overflow:"auto",borderTop:q?1:0,borderColor:"surface.secondary",px:2},w)},v,{children:n})),t.jsx(r.Box,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4,boxShadow:d?"0px 0px 8px rgba(0, 0, 0, 0.15)":"none"},y)},C,{children:d}))]}))};
|
|
2
2
|
//# sourceMappingURL=bottomSheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bottomSheet.js","sources":["../../../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"bottomSheet.js","sources":["../../../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":[null],"names":["_a","children","open","setOpen","puller","closeButton","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_b","sx","headerSx","restHeader","_c","contentSx","restContent","_d","footerSx","restFooter","contentOverflow","setContentOverflow","useState","onToggle","contentRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","observe","disconnect","_jsxs","SwipeableDrawer","Object","assign","anchor","PaperProps","borderTopLeftRadius","borderTopRightRadius","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pb","pt","Typography","variant","IconButton","size","onClick","Icon","name","color","jsx","ref","overflow","borderTop","borderColor","boxShadow"],"mappings":"yMA4DwDA,IAAA,IAAAC,SACtDA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,YACNA,EAAWC,WACXA,EAAUC,MACVA,EAAKC,WACLA,EAAa,CAAA,EAAEC,cACfA,EAAaC,eACbA,EAAcC,cACdA,EAAaC,UACbA,EAAY,IAEbZ,EADIa,EAAIC,EAAAA,OAAAd,EAb+C,qJAetD,MAAMe,EAAkCN,GAAiB,IAAjDO,GAAIC,KAAaC,EAAnBJ,EAAAA,OAAAC,EAAA,CAAA,OACAI,EAAoCT,GAAkB,IAApDM,GAAII,KAAcC,EAApBP,EAAAA,OAAAK,EAAA,CAAA,OACAG,EAAkCX,GAAiB,IAAjDK,GAAIO,KAAaC,EAAnBV,EAAAA,OAAAQ,EAAA,CAAA,QACCG,EAAiBC,GAAsBC,EAAQA,UAAU,GAC1DC,EAAW,IAAMzB,GAASD,GAG1B2B,EAAaC,eAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCP,EAAmBK,EAAQG,aAAeH,EAAQI,aAAa,IAGjD,OAAZJ,EACFC,EAAeI,QAAQL,GAEvBC,EAAeK,YAChB,GACA,IAEH,OACEC,EAAAA,KAACC,EAAAA,gBAAeC,OAAAC,OAAA,CACdC,OAAO,SACPC,WAAY,CACV3B,GAAI,CACF4B,oBAAqB,OACrBC,qBAAsB,OACtBjC,UAAW,GAAGA,OAGlBV,KAAMA,EACN4C,QAASlB,EACTmB,OAAQnB,EACRoB,oBAAkB,EAClBC,WAAY,CACVC,aAAa,GACd,cACW,eACRrC,EAAI,CAAAZ,SAAA,EAENM,GAASF,GAAeD,IACxBkC,EAAAA,KAACa,EAAAA,IAAIX,OAAAC,OAAA,CAAAzB,GAAMwB,OAAAC,OAAA,CAAAW,GAAI,GAAMnC,GAAQ,cAAgB,sBAAyBC,EACnE,CAAAjB,SAAA,CAAAG,GACCiD,EAAAA,IAACF,EAAAA,IAAG,CACFnC,GAAI,CACFsC,SAAU,WACVC,QAAS,OACTC,cAAe,MACfC,eAAgB,SAChBC,WAAY,UACbzD,SAEDoD,EAAAA,IAACF,EAAAA,IAAG,CAAA,cACU,qBACZnC,GAAI,CACF2C,MAAO,OACPC,OAAQ,MACRC,gBAAiB,kBACjBC,GAAI,IACJC,GAAI,KACJC,aAAc,QAKpBzD,GAAUF,IAAgBD,IAC1BkC,EAAAA,KAACa,EAAGA,IAAA,CACFnC,GAAI,CACFuC,QAAS,OACTE,eAAgBlD,EAAQ,gBAAkB,WAC1C0D,IAAK,EACLC,GAAI,EACJC,GAAI/D,EAAS,EAAI,GAClBH,SAAA,CAEAM,GACC8C,EAAAA,IAACe,EAAAA,WAAuB5B,OAAAC,OAAA,CAAA,cAAA,oBAAoB4B,QAAQ,MAAS7D,YAC1DD,KAGJF,IAAgBD,GACfiD,MAACiB,EAAAA,WAAU,CAAA,cAAa,0BAA0BD,QAAQ,WAAWE,KAAK,QAAQC,QAAS5C,WACzFyB,MAACoB,EAAAA,KAAK,CAAAC,KAAK,QAAQC,MAAM,oBAOrCtB,EAACuB,IAAAzB,EAAGA,IACUX,OAAAC,OAAA,CAAA,cAAA,sBACZoC,IAAKhD,EACLb,GAAEwB,OAAAC,OAAA,CACAqC,SAAU,OACVC,UAAWtD,EAAkB,EAAI,EACjCuD,YAAa,oBACb5B,GAAI,GACDhC,IAEDC,EAEH,CAAApB,SAAAA,KAEHoD,MAACF,EAAAA,iCACa,qBACZnC,GAAEwB,OAAAC,OAAA,CAAIW,GAAI,EAAGe,GAAI,EAAGD,GAAI,EAAGe,UAAW3E,EAAa,kCAAoC,QAAWiB,IAC9FC,EAEH,CAAAvB,SAAAK,QAGL"}
|
|
@@ -8,7 +8,7 @@ export interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {
|
|
|
8
8
|
/**
|
|
9
9
|
* Visual variant of button
|
|
10
10
|
*/
|
|
11
|
-
variant?:
|
|
11
|
+
variant?: keyof MuiButtonProps['variant'] | ButtonVariants;
|
|
12
12
|
/**
|
|
13
13
|
* @deprecated use sx={{ color: 'common.white' }} instead
|
|
14
14
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),a=require("@mui/material/Button");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("@mui/material"),require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("../carousel/slide.js"),require("@mui/system"),require("../
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),a=require("@mui/material/Button");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("@mui/material"),require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("../carousel/slide.js"),require("@mui/system"),require("../drawer/drawer.js"),require("country-flag-icons/react/3x2"),require("country-flag-icons/react/1x1"),require("@mui/material/Grid");var t=require("../icon/icon.js");require("../icon/icon.definitions.js"),require("../indicator/indicator.js"),require("../label/label.js"),require("../labelCO2/labelCO2.js"),require("../labelFeature/labelFeature.js"),require("../labelPromotional/labelPromotional.js"),require("../labelStatus/labelStatus.js"),require("../menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../mobileStepper/mobileStepperButton.js"),require("../modal/modal.js"),require("../modal/modalTitle.js"),require("../numbering/numbering.js"),require("../pagination/pagination.js"),require("../progressBar/progressBar.js"),require("../radioButton/radioButton.js"),require("../selectInput/selectInput.js"),require("@emotion/react"),require("@emotion/cache"),require("stylis"),require("stylis-plugin-rtl"),require("../skodaThemeProvider/plugins/stylisContainerPlugin.js"),require("../../materialui/theme/theme.js"),require("../../materialui/theme/theme.breakpoints.js"),require("@mui/material/styles"),require("../slider/slider.js"),require("../snackbar/snackbar.js"),require("../stepper/stepper.js"),require("../stepper/model.js"),require("../textArea/textArea.js"),require("../common/styled/textFieldStyled.js"),require("../helperTextContent/index.js"),require("../toggleSwitch/toggleSwitch.js"),require("../alert/AlertButton.js"),require("minimatch");var o=require("../../utils/enum.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("../../layout/Footer/PredefinedFooterIconButtons.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("../../production/Button/Button.js");var n,u=s(a);exports.ButtonVariants=void 0,(n=exports.ButtonVariants||(exports.ButtonVariants={})).PRIMARY="primary",n.SECONDARY="secondary",n.GHOST="ghost",n.TERTIARY="tertiary",n.NAVIGATION="navigation",exports.Button=function(a){var{children:s,label:n,colourScheme:l,icon:c,compact:m,direction:d,variant:q,color:j,startIcon:p,endIcon:g,sx:y,size:h}=a,x=e.__rest(a,["children","label","colourScheme","icon","compact","direction","variant","color","startIcon","endIcon","sx","size"]);const[I,b]=i.useMemo((()=>Object.values(exports.ButtonVariants).includes(q)?[{[exports.ButtonVariants.PRIMARY]:"contained",[exports.ButtonVariants.SECONDARY]:"contained",[exports.ButtonVariants.GHOST]:"outlined",[exports.ButtonVariants.TERTIARY]:"text",[exports.ButtonVariants.NAVIGATION]:"navigation"}[q],j||{[exports.ButtonVariants.PRIMARY]:"primary",[exports.ButtonVariants.SECONDARY]:"secondary",[exports.ButtonVariants.GHOST]:"secondary",[exports.ButtonVariants.TERTIARY]:"secondary",[exports.ButtonVariants.NAVIGATION]:"secondary"}[q]]:[q,j]),[q,j]),C=i.useMemo((()=>Object.assign(Object.assign({},l===o.ColourSheme.LIGHT_MODE?{color:"common.white"}:{}),y)),[l,y]),B=i.useMemo((()=>c?r.jsx(t.Icon,{name:c}):I===exports.ButtonVariants.NAVIGATION?"forward"===d?r.jsx(t.Icon,{name:"arrow-right"}):r.jsx(t.Icon,{name:"arrow-left"}):null),[c,I,d]),S=i.useMemo((()=>h||m?"small":"medium"),[h,m]);return r.jsx(u.default,Object.assign({variant:I,color:b,sx:C,size:S,startIcon:p||"forward"!==d&&B,endIcon:g||"forward"===d&&B},x,{children:n||s}))};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton"],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton"],"mappings":"+1IAkCYA,SAAAA,QAMXA,oBAAA,GANWA,EAAAA,yBAAAA,QAAAA,eAMX,CAAA,IALC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,4BAMI,SAAiBC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EACAC,KAAAA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAAA,OAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,EAAOA,SAAuD,IACjFC,OAAOC,OAAOxB,QAAAA,gBAAgByB,SAAShB,GAClC,CAEL,CACE,CAACT,QAAAA,eAAe0B,SAAU,YAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,WACxB,CAAC5B,QAAAA,eAAe6B,UAAW,OAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACX,QAAAA,eAAe0B,SAAU,UAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,YACxB,CAAC5B,QAAAA,eAAe6B,UAAW,YAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,EAAAA,SAAQ,IAEZC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EAAC3B,IAAiB4B,EAAAA,YAAYC,WAAa,CAAEvB,MAAO,gBAAmB,CAAA,GACvEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,EAAAA,SAAQ,IACjBjB,EACK8B,MAACC,EAAIA,KAAA,CAACC,KAAMhC,IACVG,IAAYR,QAAcA,eAAC8B,WAClB,YAAdvB,EACK4B,MAACC,EAAIA,KAAA,CAACC,KAAK,gBAEXF,MAACC,EAAIA,KAAA,CAACC,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,EAAAA,SAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,EAAAA,IAACG,EAAAA,QAASf,OAAAQ,OAAA,CACRvB,QAASA,EACTE,MAAOA,EACPM,GAAIA,EACJE,KAAMA,EACNN,UAAWC,GAA+B,YAAdN,GAA2B2B,EACvDpB,QAASC,GAA6B,YAAdR,GAA2B2B,GAC/Cd,EAAI,CAAAlB,SAEPC,GAASD,IAGhB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("react"),t=require("../common/hook/useWindowSize.js"),a=require("@mui/material"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var r=require("../checkbox/checkbox.js"),d=require("../toggleSwitch/toggleSwitch.js"),n=require("./hooks/useCardMenu.js"),l=require("./styled/popperStyled.js"),c=require("./styled/menuListStyled.js"),o=require("./styled/drawerStyled.js");function m(e){return e&&e.__esModule?e:{default:e}}var u=m(s);const h=s.forwardRef((({items:s,setItems:m,open:h,header:x,anchorRef:j,allowMultiselect:p,hasToggleSelection:C,onItemClick:y,onClose:g,sx:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("react"),t=require("../common/hook/useWindowSize.js"),a=require("@mui/material"),i=require("../icon/icon.js");require("../icon/icon.definitions.js");var r=require("../checkbox/checkbox.js"),d=require("../toggleSwitch/toggleSwitch.js"),n=require("./hooks/useCardMenu.js"),l=require("./styled/popperStyled.js"),c=require("./styled/menuListStyled.js"),o=require("./styled/drawerStyled.js");function m(e){return e&&e.__esModule?e:{default:e}}var u=m(s);const h=s.forwardRef((({items:s,setItems:m,open:h,header:x,anchorRef:j,allowMultiselect:p,hasToggleSelection:C,onItemClick:y,onClose:g,sx:b,classes:k,placement:M,toggleLabel:I,rounded:S},f)=>{const{isMobile:L}=t.default(),{isToggleChecked:q,onClickHandler:v,onToggleChange:w}=n.useCardMenu(s,p,m,y,g);return e.jsx(e.Fragment,{children:L?e.jsxs(o.DrawerStyled,{open:h,onClose:g,anchor:"bottom",sx:b,ref:f,classes:k,hasHeader:!!x,"data-testid":"CardMenu",children:[x&&e.jsx("div",{className:"drawer-header","data-testid":"CardMenu.header",children:x}),e.jsx(a.List,{children:s.map((s=>e.jsxs(u.default.Fragment,{children:[e.jsxs(a.ListItem,{button:!0,disabled:s.disabled,onClick:()=>v(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,disableGutters:!0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(i.Icon,{name:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),p&&e.jsx(r.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]}),e.jsx(a.Divider,{variant:"middle"})]},s.text)))})]}):e.jsx(l.PopperStyled,{open:h,anchorEl:j.current,placement:M,ref:f,rounded:S,"data-testid":"CardMenu",children:e.jsx(a.ClickAwayListener,{onClickAway:g,children:e.jsxs(c.MenuListStyled,{allowMultiselect:p,sx:b,classes:k,children:[x&&e.jsxs(a.MenuItem,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:x}),e.jsx(a.ListItemIcon,{onClick:g,"data-testid":"CardMenu.close",children:e.jsx(i.Icon,{name:"close",fontSize:"small"})})]}),x&&e.jsx(a.Divider,{variant:"middle",className:"menu-item-divider"}),p&&C&&e.jsxs(a.MenuItem,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:I||"Select all"}),e.jsx(d.ToggleSwitch,{onChange:w,checked:q,compact:!0})]}),e.jsx("div",{className:"menu-content-items",children:s.map((s=>e.jsxs(a.MenuItem,{disabled:s.disabled,onClick:()=>v(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(i.Icon,{name:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),p&&e.jsx(r.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]},s.text)))})]})})})})}));exports.CardMenu=h;
|
|
2
2
|
//# sourceMappingURL=cardMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cardMenu.js","sources":["../../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":[null],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","jsxs","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"2fAmGa,MAAAA,EAAWC,EAAAA,YACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,EAAAA,WACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAAA,YAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,IAAAC,WAAA,CAAAC,SACGT,EACCU,EAAAA,KAACC,EAAYA,aAAA,CACXxB,KAAMA,EACNM,QAASA,EACTmB,OAAO,SACPlB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTkB,YAAazB,EACD,cAAA,WAEXqB,SAAA,CAAArB,GACCkB,MAAK,MAAA,CAAAQ,UAAU,gBAAe,cAAa,kBAAiBL,SACzDrB,IAGLkB,MAACS,EAAAA,KAAI,CAAAN,SACFxB,EAAM+B,KAAKC,GAERP,EAAAA,KAACQ,EAAAA,QAAMC,SACL,CAAAV,SAAA,CAAAC,EAAAA,KAACU,EAAAA,SAAQ,CACPC,QAAM,EACNC,SAAUL,EAAKK,SACfC,QAAS,IAAMpB,EAAec,
|
|
1
|
+
{"version":3,"file":"cardMenu.js","sources":["../../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":[null],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","disableGutters","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","jsxs","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"2fAmGa,MAAAA,EAAWC,EAAAA,YACtB,EAEIC,QACAC,WACAC,OACAC,SACAC,YACAC,mBACAC,qBACAC,cACAC,UACAC,KACAC,UACAC,YACAC,cACAC,WAEFC,KAEA,MAAMC,SAAEA,GAAaC,EAAAA,WACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAAA,YAC1DpB,EACAK,EACAJ,EACAM,EACAC,GAGF,OACEa,EAAAC,IAAAC,WAAA,CAAAC,SACGT,EACCU,EAAAA,KAACC,EAAYA,aAAA,CACXxB,KAAMA,EACNM,QAASA,EACTmB,OAAO,SACPlB,GAAIA,EACJK,IAAKA,EACLJ,QAASA,EACTkB,YAAazB,EACD,cAAA,WAEXqB,SAAA,CAAArB,GACCkB,MAAK,MAAA,CAAAQ,UAAU,gBAAe,cAAa,kBAAiBL,SACzDrB,IAGLkB,MAACS,EAAAA,KAAI,CAAAN,SACFxB,EAAM+B,KAAKC,GAERP,EAAAA,KAACQ,EAAAA,QAAMC,SACL,CAAAV,SAAA,CAAAC,EAAAA,KAACU,EAAAA,SAAQ,CACPC,QAAM,EACNC,SAAUL,EAAKK,SACfC,QAAS,IAAMpB,EAAec,GAAK,cACvB,gBAAe,aACfA,EAAKK,SAAW,gBAAaE,EACzCC,gBAEC,EAAAhB,SAAA,CAAAQ,EAAKS,MACJpB,EAACC,IAAAoB,EAAYA,aACX,CAAAlB,SAAAH,EAAAC,IAACqB,OAAI,CAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCxB,EAAAA,IAACyB,EAAYA,aAAC,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE7C,GACCgB,EAAAA,IAAC8B,EAAAA,SAAQ,CAACC,QAASpB,EAAKqB,UAAWhB,SAAUL,EAAKK,SAAQ,cAAc,sBAG5EhB,EAAAA,IAACiC,EAAOA,QAAA,CAACC,QAAQ,aAnBEvB,EAAKkB,aA0BlC7B,EAACC,IAAAkC,EAAYA,cACXtD,KAAMA,EACNuD,SAAUrD,EAAUsD,QACpB/C,UAAWA,EACXG,IAAKA,EACLD,QAASA,EACG,cAAA,oBAEZQ,EAACC,IAAAqC,EAAiBA,mBAACC,YAAapD,EAC9BgB,SAAAC,EAAAA,KAACoC,EAAAA,eAAe,CAAAxD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAClEc,SAAA,CAAArB,GACCsB,EAAAqC,KAACC,EAAQA,SAAC,CAAAlC,UAAU,mBAAkB,cAAa,kBACjDL,SAAA,CAAAH,EAAAC,IAACwB,eAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS9C,IACjEkB,MAACqB,EAAYA,aAAA,CAACJ,QAAS9B,gBAAqB,iBAAgBgB,SAC1DH,MAACsB,EAAIA,KAAA,CAACC,KAAK,QAAQC,SAAS,eAIjC1C,GAAUkB,EAAAA,IAACiC,EAAAA,QAAQ,CAAAC,QAAQ,SAAS1B,UAAU,sBAC9CxB,GAAoBC,GACnBmB,EAAAA,KAACsC,EAAAA,UAASlC,UAAU,kBAA8B,cAAA,4BAChDR,EAAAA,IAACyB,EAAAA,cACCC,uBAAwB,CAAEC,QAAQ,GAClCC,QAASrC,GAA4B,eAEvCS,EAAAA,IAAC2C,EAAAA,cAAaC,SAAU9C,EAAgBiC,QAASnC,EAAiBiD,SAAU,OAIhF7C,EAAAA,IAAA,MAAA,CAAKQ,UAAU,8BACZ7B,EAAM+B,KAAKC,GAERP,OAACsC,EAAQA,SAAA,CAEP1B,SAAUL,EAAKK,SACfC,QAAS,IAAMpB,EAAec,GAAK,cACvB,gBAAe,aACfA,EAAKK,SAAW,gBAAaE,EAExCf,SAAA,CAAAQ,EAAKS,MACJpB,EAAAA,IAACqB,EAAAA,aAAY,CAAAlB,SACXH,EAACC,IAAAqB,EAAIA,MAACC,KAAMZ,EAAKS,KAAMI,SAAS,YAGpCxB,EAAAA,IAACyB,EAAAA,aAAa,CAAAC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASjB,EAAKkB,OACrE7C,GACCgB,EAACC,IAAA6B,EAAQA,UAACC,QAASpB,EAAKqB,UAAWhB,SAAUL,EAAKK,SAAQ,cAAc,qBAbrEL,EAAKkB,kBAwB5B"}
|
|
@@ -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
|
+
"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),r=require("@mui/material"),t=require("swiper/react"),a=require("react");exports.CarouselAutoplayProgress=({carousel:i,sx:o,boxProps:u,foregroundCircleProps:n,backgroundCircleProps:l,position:c="outside"})=>{const[d,g]=a.useState(0),p=t.useSwiper(),x=i||p,b=u||{},j=e.__rest(b,["sx"]),m=n||{},{sx:P}=m,y=e.__rest(m,["sx"]),C=l||{},{sx:f}=C,O=e.__rest(C,["sx"]),v=a.useMemo((()=>"inside"===c?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0",m:2},o):o),[c,JSON.stringify(o)]);return a.useEffect((()=>{x&&x.autoplay&&x.on("autoplayTimeLeft",((e,s,r)=>{g(e.autoplay.paused?0:Math.round(100-100*r))}))}),[!!x]),s.jsxs(r.Box,Object.assign({sx:Object.assign({position:"relative",display:"flex",m:2},v),"data-testid":"CarouselAutoplayProgress"},j,{children:[s.jsx(r.CircularProgress,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Foreground",value:d,sx:Object.assign({position:"relative",zIndex:"10",".MuiCircularProgress-circle":{transition:"none"}},P)},y)),s.jsx(r.CircularProgress,Object.assign({variant:"determinate","data-testid":"CarouselAutoplayProgress.Background",value:100,sx:Object.assign({position:"absolute",color:"surface.main"},f)},O))]}))};
|
|
2
|
+
//# sourceMappingURL=autoplayProgress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"autoplayProgress.js","sources":["../../../../../src/components/carousel/autoplayProgress.tsx"],"sourcesContent":[null],"names":["carousel","carouselProp","sx","rawSx","boxProps","foregroundCircleProps","backgroundCircleProps","position","value","setValue","useState","carouselHook","useSwiper","_a","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","jsx","CircularProgress","variant","transition","color"],"mappings":"4KAmCwC,EACtCA,SAAUC,EACVC,GAAIC,EACJC,WACAC,wBACAC,wBACAC,WAAW,cAEX,MAAOC,EAAOC,GAAYC,EAAQA,SAAS,GACrCC,EAAeC,EAAAA,YACfZ,EAAWC,GAAgBU,EAC3BE,EAAwBT,GAAY,GAAxBU,EAAZC,SAAAF,EAAA,CAAA,OACAG,EAAsDX,GAAyB,IAA7EH,GAAIe,KAAuBC,EAA7BH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAsDb,GAAyB,IAA7EJ,GAAIkB,KAAuBC,EAA7BN,EAAAA,OAAAI,EAAA,CAAA,OAGAjB,EAAKoB,EAAAA,SAAoC,IAC5B,WAAbf,EAEAgB,OAAAC,OAAA,CAAAjB,SAAU,WACVkB,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACA1B,GAGEA,GAER,CAACI,EAAUuB,KAAKC,UAAU5B,KAW7B,OATA6B,EAAAA,WAAU,KAEJhC,GAAYA,EAASiC,UACvBjC,EAASkC,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpD5B,EAAS0B,EAASF,SAASK,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,GAE9E,GACA,GAAGrC,IAGJyC,EAAAA,KAACC,EAAAA,IACCnB,OAAAC,OAAA,CAAAtB,kBAAMK,SAAU,WAAYoC,QAAS,OAAQd,EAAG,GAAM3B,GAAE,cAC5C,4BACRY,EAEJ,CAAA8B,SAAA,CAAAC,EAAAC,IAACC,EAAgBA,iBACfxB,OAAAC,OAAA,CAAAwB,QAAQ,4BACI,sCACZxC,MAAOA,EACPN,GAAEqB,OAAAC,OAAA,CAEAjB,SAAU,WACVkB,OAAQ,KACR,8BAA+B,CAC7BwB,WAAY,SAEXhC,IAEDC,IAEN2B,EAAAA,IAACE,EAAAA,iBACCxB,OAAAC,OAAA,CAAAwB,QAAQ,cAAa,cACT,sCACZxC,MAAO,IACPN,GAAMqB,OAAAC,OAAA,CAAAjB,SAAU,WAAY2C,MAAO,gBAAmB9B,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, effect, ...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
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@mui/material"),t=require("swiper/react"),a=require("swiper/modules");exports.Carousel=function(n){var{children:s,sx:p,onInit:o,effect:l,autoplay:c,parallax:d,peekDistance:w=100,peekSpeed:u=150}=n,f=e.__rest(n,["children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed"]);return i.jsx(r.Box,Object.assign({component:t.Swiper,spaceBetween:0,autoHeight:!0,loop:!0,keyboard:{enabled:!0},modules:[a.Keyboard,..."fade"===l?[a.EffectFade]:[],...c?[a.Autoplay]:[],...d?[a.Parallax]:[]],parallax:d,effect:l,autoplay:c},f,{onSwiper:o,"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(-${w}px, 0, 0)`},"&.peek-prev .swiper-wrapper > .swiper-slide":{transform:`translate3D(${w}px, 0, 0)`},".swiper-slide-invisible-blank":{visibility:"hidden"},".swiper-backface-hidden .swiper-slide":{transform:"translateZ(0)",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}},p),children:s}))};
|
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sources":["../../../../../src/components/carousel/carousel.tsx"],"sourcesContent":[null],"names":["_a","children","sx","onInit","effect","rest","__rest","_jsx","jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","EffectFade","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":["_a","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","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":"qKA+BM,SAAmBA,OAAAC,SACvBA,EAAQC,GACRA,EAAEC,OACFA,EAAMC,OACNA,EAAMC,SACNA,EAAQC,SACRA,EAAQC,aACRA,EAAe,IAAGC,UAClBA,EAAY,OACTC,EAToBC,SAAAV,EAAA,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cAWvB,OACEW,EAACC,IAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAAC,UAAWC,EAAAA,OACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,EAAQA,YACO,SAAXpB,EAAoB,CAACqB,EAAAA,YAAc,MACnCpB,EAAW,CAACqB,EAAQA,UAAI,MACxBpB,EAAW,CAACqB,EAAQA,UAAI,IAE9BrB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,GACNI,GACJmB,SAAUzB,EACM,iBAAAK,EAChBN,GAAEY,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,GAAGvC,MACvBoC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAW,gBAAgBvC,cAE7B,8CAA+C,CAC7CuC,UAAW,eAAevC,cAG5B,gCAAiC,CAC/ByC,WAAY,UAEd,wCAAyC,CACvCF,UAAW,gBACXG,yBAA0B,SAC1BC,mBAAoB,WAGnBhD,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
|
-
"use strict";var e=require("react"),t=require("swiper/react");function
|
|
1
|
+
"use strict";var e=require("react"),t=require("swiper/react");function l(t,l){const[,s]=e.useState({});e.useEffect((()=>{t&&(void 0!==l?l:["slideChange","afterInit","reachBeginning","reachEnd"]).forEach((e=>{t.on(e,(()=>{s({})}))}))}),[t]),e.useLayoutEffect((()=>{s({})}),[])}exports.useCarousel=function(e){const s=t.useSwiper();return l(s,e),s},exports.useCarouselInstance=function(t){const[s,u]=e.useState(null);return l(s,t),[s,u]},exports.useCarouselPeekEffect=function(t){const[l,s]=e.useState(null),u=e.useRef(null),[n,r]=e.useState(!1);return e.useEffect((()=>("reset"===l?(null==t||t.el.classList.remove("peek-prev"),null==t||t.el.classList.remove("peek-next"),u.current=setTimeout((()=>{s(null)}),+((null==t?void 0:t.el.getAttribute("data-peekSpeed"))||150))):l?n||(null==t||t.slideReset(0),"prev"===l?(null==t||t.slidePrev(0),null==t||t.slideNext(0)):(null==t||t.slideNext(0),null==t||t.slidePrev(0)),null==t||t.el.classList.add("peeking"),null==t||t.el.classList.add(`peek-${l}`)):(null==t||t.el.classList.remove("peeking"),null==t||t.el.classList.remove("peek-prev"),null==t||t.el.classList.remove("peek-next")),()=>{u.current&&clearTimeout(u.current)})),[l]),e.useEffect((()=>{null==t||t.on("touchStart",(()=>{s("reset"),r(!0)})),null==t||t.on("touchEnd",(()=>{s("reset"),r(!1)}))}),[!!t]),[l,s]};
|
|
2
2
|
//# sourceMappingURL=hooks.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sources":["../../../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useRefreshInstance","carousel","events","setRerender","useState","useEffect","undefined","forEach","evt","on","useLayoutEffect","useSwiper","setCarousel"],"mappings":"8DA6BA,SAASA,EAAmBC,EAA4BC,GAEtD,OAASC,GAAeC,EAAQA,SAAC,CAAE,GACnCC,EAAAA,WAAU,KACJJ,SAEUK,IAAXJ,EAAuBA,EAAS,CAAC,cAAe,YAAa,iBAAkB,aAAaK,SAC1FC,IACCP,EAASQ,GAAGD,GAAK,KACfL,EAAY,CAAE,EAAC,GACf,GAGP,GACA,CAACF,IAEJS,EAAAA,iBAAgB,KACdP,EAAY,CAAE,EAAC,GACd,GACL,qBA9BM,SAAsBD,GAC1B,MAAMD,EAAWU,EAAAA,YAGjB,OAFAX,EAAmBC,EAAUC,GAEtBD,CACT,8BAfM,SAA8BC,GAClC,MAAOD,EAAUW,GAAeR,EAAQA,SAA0B,MAGlE,OAFAJ,EAAmBC,EAAUC,GAEtB,CAACD,EAAUW,EACpB"}
|
|
1
|
+
{"version":3,"file":"hooks.js","sources":["../../../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useRefreshInstance","carousel","events","setRerender","useState","useEffect","undefined","forEach","evt","on","useLayoutEffect","useSwiper","setCarousel","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","el","classList","remove","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","add","clearTimeout"],"mappings":"8DA6BA,SAASA,EAAmBC,EAA4BC,GAEtD,OAASC,GAAeC,EAAQA,SAAC,CAAE,GACnCC,EAAAA,WAAU,KACJJ,SAEUK,IAAXJ,EAAuBA,EAAS,CAAC,cAAe,YAAa,iBAAkB,aAAaK,SAC1FC,IACCP,EAASQ,GAAGD,GAAK,KACfL,EAAY,CAAE,EAAC,GACf,GAGP,GACA,CAACF,IAEJS,EAAAA,iBAAgB,KACdP,EAAY,CAAE,EAAC,GACd,GACL,qBA9BM,SAAsBD,GAC1B,MAAMD,EAAWU,EAAAA,YAGjB,OAFAX,EAAmBC,EAAUC,GAEtBD,CACT,8BAfM,SAA8BC,GAClC,MAAOD,EAAUW,GAAeR,EAAQA,SAA0B,MAGlE,OAFAJ,EAAmBC,EAAUC,GAEtB,CAACD,EAAUW,EACpB,gCAwCM,SAAgCX,GACpC,MAAOY,EAAMC,GAAWV,EAAQA,SAAmC,MAC7DW,EAAcC,SAA8B,OAC3CC,EAAUC,GAAed,EAAQA,UAAU,GAsDlD,OApDAC,EAAAA,WAAU,KACK,UAATQ,GACFZ,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,aAC9BpB,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,aAC9BN,EAAYO,QAAUC,YACpB,KACET,EAAQ,KAAK,MAEbb,aAAA,EAAAA,EAAUkB,GAAGK,aAAa,oBAAqB,OAE1CX,EACJI,IAEHhB,SAAAA,EAAUwB,WAAW,GACR,SAATZ,GACFZ,SAAAA,EAAUyB,UAAU,GACpBzB,SAAAA,EAAU0B,UAAU,KAEpB1B,SAAAA,EAAU0B,UAAU,GACpB1B,SAAAA,EAAUyB,UAAU,IAEtBzB,SAAAA,EAAUkB,GAAGC,UAAUQ,IAAI,WAC3B3B,SAAAA,EAAUkB,GAAGC,UAAUQ,IAAI,QAAQf,OAGrCZ,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,WAC9BpB,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,aAC9BpB,SAAAA,EAAUkB,GAAGC,UAAUC,OAAO,cAGzB,KACDN,EAAYO,SACdO,aAAad,EAAYO,QAC1B,IAEF,CAACT,IAKJR,EAAAA,WAAU,KAERJ,SAAAA,EAAUQ,GAAG,cAAc,KACzBK,EAAQ,SACRI,GAAY,EAAK,IAEnBjB,SAAAA,EAAUQ,GAAG,YAAY,KACvBK,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGjB,IAEC,CAACY,EAAMC,EAChB"}
|
|
@@ -6,6 +6,11 @@ export interface CarouselNavigationProps {
|
|
|
6
6
|
* Optional Carousel instance from useCarouselInstance hook
|
|
7
7
|
*/
|
|
8
8
|
carousel?: CarouselInstance;
|
|
9
|
+
/**
|
|
10
|
+
* Enable/disable peek effect on hover
|
|
11
|
+
* @default: true
|
|
12
|
+
*/
|
|
13
|
+
peekEffect?: boolean;
|
|
9
14
|
/**
|
|
10
15
|
* Previous Slide IconButton
|
|
11
16
|
*/
|
|
@@ -26,4 +31,4 @@ export interface CarouselNavigationProps {
|
|
|
26
31
|
/**
|
|
27
32
|
* Left & Right navigation arrows
|
|
28
33
|
*/
|
|
29
|
-
export declare function CarouselNavigation({ carousel: carouselProp, 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
|
-
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),s=require("./hooks.js"),a=require("@mui/system"),o=require("@mui/material");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js"),require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("./slide.js"),require("../
|
|
1
|
+
"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),s=require("./hooks.js"),a=require("@mui/system"),o=require("@mui/material");require("../accordion/accordion.js"),require("../backdrop/backdrop.js"),require("../button/button.js"),require("../cardContainer/cardContainer.js"),require("../cardMenu/cardMenu.js"),require("../checkbox/checkbox.js"),require("../chip/chipImage/chipImage.js"),require("../chip/regular/chip.js"),require("../chip/chipMultiselect/multiSelectChip.js"),require("../chip/chipDropdownChildren/chipDropdownChildren.js"),require("../controls/controls.js"),require("swiper/react"),require("swiper/modules"),require("./slide.js"),require("../drawer/drawer.js"),require("country-flag-icons/react/3x2"),require("country-flag-icons/react/1x1"),require("@mui/material/Grid");var t=require("../icon/icon.js");require("../icon/icon.definitions.js"),require("../indicator/indicator.js"),require("../label/label.js"),require("../labelCO2/labelCO2.js"),require("../labelFeature/labelFeature.js"),require("../labelPromotional/labelPromotional.js"),require("../labelStatus/labelStatus.js"),require("../menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../mobileStepper/mobileStepperButton.js"),require("../modal/modal.js"),require("../modal/modalTitle.js"),require("../numbering/numbering.js"),require("../pagination/pagination.js"),require("../progressBar/progressBar.js"),require("../radioButton/radioButton.js"),require("../selectInput/selectInput.js"),require("@emotion/react"),require("@emotion/cache"),require("stylis"),require("stylis-plugin-rtl"),require("../skodaThemeProvider/plugins/stylisContainerPlugin.js"),require("../../materialui/theme/theme.js"),require("../../materialui/theme/theme.breakpoints.js"),require("@mui/material/styles"),require("../slider/slider.js"),require("../snackbar/snackbar.js"),require("../stepper/stepper.js"),require("../stepper/model.js"),require("../textArea/textArea.js"),require("../common/styled/textFieldStyled.js"),require("../helperTextContent/index.js"),require("../toggleSwitch/toggleSwitch.js"),require("../alert/AlertButton.js"),require("minimatch"),require("../../utils/enum.js"),require("../../layout/Header/HeaderContext.js"),require("../../layout/Header/HeaderButton.js"),require("../../layout/Header/HeaderNavigationHero.js"),require("../../layout/Header/HeaderNavigationLink.js"),require("../../layout/Header/HeaderNavigationMenu.js"),require("../../layout/Header/PredefinedHeaderButtons.js"),require("../../layout/Header/HeaderOverheadItem.js"),require("../../layout/SideMenu/SideMenuItem.js"),require("../../layout/Footer/PredefinedFooterIconButtons.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("@mui/material/Container"),require("../../organisms/cardOwnedVehicle/cardOwnedVehicle.js"),require("../../organisms/cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../organisms/cardPhotoFixed/cardPhotoFixed.js"),require("../../organisms/cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../organisms/common/styled/cardStandardWrapperStyled.js"),require("../../organisms/cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../organisms/carousel/styledComponents/styledCarouselHorizontal.js"),require("../../organisms/carousel/styledComponents/styledCarouselVertical.js"),require("../../organisms/heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../organisms/maps/utils/mapIcons.js"),require("../../organisms/maps/mapComponents/mapStyled.js"),require("../../organisms/shortcutLink/shortcutLink.js"),require("../../organisms/textCta/textCta.js"),require("../../organisms/tile/tile.js"),require("../../organisms/carousel2/galleryCarousel/galleryContext.js"),require("../../organisms/carousel2/galleryCarousel/galleryItemContext.js"),require("../../organisms/carousel2/heroCarousel/heroCarouselContext.js"),require("../../organisms/notification/Notification.js"),require("../../organisms/notification/NotificationCenter.js"),require("../../organisms/gallery/Gallery.js"),require("../../organisms/gallery/GalleryItem.js"),require("../../production/Button/Button.js"),exports.CarouselNavigation=function({carousel:u,peekEffect:n=!0,prevButtonProps:l,prevIconProps:c,nextButtonProps:d,nextIconProps:m}){const q=s.useCarousel(),j=u||q,g=a.useTheme(),p=o.useMediaQuery(g.breakpoints.up("md")),h=l||{},{sx:b}=h,y=e.__rest(h,["sx"]),x=d||{},{sx:C}=x,v=e.__rest(x,["sx"]),[I,k]=s.useCarouselPeekEffect(j),P=i.useMemo((()=>({position:"absolute",zIndex:"100",top:"50%",mt:"-22px",backgroundColor:"common.white","&:hover":{backgroundColor:"surface.primary"},"&.Mui-disabled":{opacity:"0"}})),[]);return r.jsxs(r.Fragment,{children:[r.jsx(o.IconButton,Object.assign({disabled:j&&!j.originalParams.loop&&j.isBeginning,onClick:()=>{null==j||j.slidePrev(),n&&I&&k("reset")},onMouseEnter:()=>p&&n&&k("prev"),onMouseLeave:()=>n&&I&&k("reset"),sx:Object.assign(Object.assign(Object.assign({},P),{left:"16px"}),b),"aria-label":"prev","aria-controls":"carousel"},y,{children:r.jsx(t.Icon,Object.assign({name:"chevron-"+("rtl"===g.direction?"right":"left")},c))})),r.jsx(o.IconButton,Object.assign({disabled:j&&!j.originalParams.loop&&j.isEnd,onClick:()=>{null==j||j.slideNext(),n&&I&&k("reset")},onMouseEnter:()=>p&&n&&k("next"),onMouseLeave:()=>n&&I&&k("reset"),sx:Object.assign(Object.assign(Object.assign({},P),{right:"16px"}),C),"aria-label":"next","aria-controls":"carousel"},v,{children:r.jsx(t.Icon,Object.assign({name:"chevron-"+("rtl"===g.direction?"left":"right")},m))}))]})};
|
|
2
2
|
//# sourceMappingURL=navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["carousel","carouselProp","prevButtonProps","prevIconProps","nextButtonProps","nextIconProps","carouselHook","useCarousel","theme","useTheme","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","sharedSx","useMemo","position","zIndex","top","mt","backgroundColor","opacity","_jsxs","
|
|
1
|
+
{"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["carousel","carouselProp","peekEffect","prevButtonProps","prevIconProps","nextButtonProps","nextIconProps","carouselHook","useCarousel","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_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","left","children","Icon","Object","assign","name","direction","isEnd","slideNext","right","jsx"],"mappings":"s1IAuCEA,SAAUC,EAAYC,WACtBA,GAAa,EAAIC,gBACjBA,EAAeC,cACfA,EAAaC,gBACbA,EAAeC,cACfA,IAEA,MAAMC,EAAeC,EAAAA,cACfR,EAAWC,GAAgBM,EAC3BE,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,cAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BZ,GAAmB,IAA/Ca,GAAIC,KAAWC,EAAjBC,EAAAA,OAAAJ,EAAA,CAAA,OACAK,EAA8Bf,GAAmB,IAA/CW,GAAIK,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAqBA,sBAACzB,GAGxC0B,EAAWC,EAAAA,SACf,KAAO,CAELC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,QAEJC,gBAAiB,eACjB,UAAW,CACTA,gBAAiB,mBAGnB,iBAAkB,CAChBC,QAAS,QAGb,IAGF,OACEC,EAAAA,2BACEC,MAACC,EAAAA,0BACCC,SAAUrC,IAAaA,EAASsC,eAAeC,MAAQvC,EAASwC,YAChEC,QAAS,KACPzC,SAAAA,EAAU0C,YACVxC,GAAcqB,GAAQC,EAAQ,QAAQ,EAExCmB,aAAc,IAAMhC,GAAQT,GAAcsB,EAAQ,QAClDoB,aAAc,IAAM1C,GAAcqB,GAAQC,EAAQ,SAClDR,gDACKU,GAAQ,CACXmB,KAAM,SACH5B,GAAM,aAEA,OACG,gBAAA,YACVC,EAAQ,CAAA4B,SAEZX,MAACY,EAAIA,KAAAC,OAAAC,OAAA,CAACC,KAAM,YAA+B,QAApBzC,EAAM0C,UAAsB,QAAU,SAAc/C,OAE7E+B,EAAAA,IAACC,EAAAA,0BACCC,SAAUrC,IAAaA,EAASsC,eAAeC,MAAQvC,EAASoD,MAChEX,QAAS,KACPzC,SAAAA,EAAUqD,YACVnD,GAAcqB,GAAQC,EAAQ,QAAQ,EAExCmB,aAAc,IAAMhC,GAAQT,GAAcsB,EAAQ,QAClDoB,aAAc,IAAM1C,GAAcqB,GAAQC,EAAQ,SAClDR,GACKgC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAvB,IACH4B,MAAO,SACJjC,GAAM,aAEA,OAAM,gBACH,YACVC,EAEJ,CAAAwB,SAAAX,EAAAoB,IAACR,EAAIA,KAACC,OAAAC,OAAA,CAAAC,KAAM,YAA+B,QAApBzC,EAAM0C,UAAsB,OAAS,UAAe7C,SAInF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var s=require("tslib"),r=require("react/jsx-runtime"),e=require("react"),o=require("@mui/material"),n=require("./hooks.js");function i(e){var{carousel:n,dotProps:i,sx:
|
|
1
|
+
"use strict";var s=require("tslib"),r=require("react/jsx-runtime"),e=require("react"),o=require("@mui/material"),n=require("./hooks.js");function i(e){var{carousel:n,dotProps:i,sx:a}=e,t=s.__rest(e,["carousel","dotProps","sx"]);const l=i||{},{sx:c}=l,u=s.__rest(l,["sx"]);return r.jsx(o.Box,Object.assign({sx:Object.assign({p:2,display:"flex",alignItems:"center",justifyContent:"center",gap:.5},a),"aria-controls":"carousel"},t,{children:[...Array((null==n?void 0:n.slides.length)||0)].map(((s,e)=>r.jsx(o.IconButton,Object.assign({onClick:()=>null==n?void 0:n[n.originalParams.loop?"slideToLoop":"slideTo"](e),className:!(null==n?void 0:n.originalParams.loop)&&(null==n?void 0:n.isEnd)&&e===((null==n?void 0:n.slides.length)||0)-1?"active":(null==n?void 0:n.isEnd)&&!n.originalParams.loop||e!==(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"}},c)},u),e)))}))}function a(e){var{carousel:n,buttonProps:i,sx:a}=e,t=s.__rest(e,["carousel","buttonProps","sx"]);const l=i||{},{sx:c}=l,u=s.__rest(l,["sx"]);return r.jsx(o.Box,Object.assign({sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"center",p:2},a)},t,{children:r.jsx(o.Button,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"}},c)},u,{onClick:()=>(null==n?void 0:n.isEnd)&&!n.originalParams.loop?null==n?void 0:n.slideTo(0):null==n?void 0:n.slideNext(),children:r.jsxs(o.Box,{children:[r.jsx(o.Box,{component:"span",children:`${((null==n?void 0:n.realIndex)||0)+1}`}),r.jsx(o.Box,{component:"span",sx:{color:"text.secondary"},children:" / "}),r.jsx(o.Box,{component:"span",sx:{color:"text.secondary"},children:`${(null==n?void 0:n.slides.length)||0}`})]})}))}))}function t(e){var{carousel:n,progressProps:i}=e,a=s.__rest(e,["carousel","progressProps"]);const t=i||{},{sx:l}=t,c=s.__rest(t,["sx"]);return r.jsx(o.Box,Object.assign({},a,{children:r.jsx(o.LinearProgress,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`}},l)},c))}))}function l(n){var{carousel:i,sliderProps:a,sx:t}=n,l=s.__rest(n,["carousel","sliderProps","sx"]);const c=a||{},{sx:u}=c,d=s.__rest(c,["sx"]),[x,p]=e.useState(Math.round(100*((null==i?void 0:i.progress)||0))),[g,v]=e.useState(!1);return e.useEffect((()=>{g||p(Math.round(100*((null==i?void 0:i.progress)||0)))}),[null==i?void 0:i.progress]),r.jsx(o.Box,Object.assign({sx:Object.assign({my:2},t)},l,{children:r.jsx(o.Slider,Object.assign({value:x,min:0,max:100,onChange:(s,r)=>{v(!0),null==i||i.setProgress(r/100,150),p(r)},onChangeCommitted:()=>{null==i||i.slideToClosest(300),v(!1)},sx:Object.assign({display:"block",".MuiSlider-rail":{color:"surface.primary"},".MuiSlider-track":{color:"onSurface.os200",transitionDuration:`${(null==i?void 0:i.originalParams.speed)||300}ms`},".MuiSlider-thumb":{display:"none"}},u)},d))}))}exports.CarouselPagination=function(o){var{carousel:c,position:u,variant:d,sx:x}=o,p=s.__rest(o,["carousel","position","variant","sx"]);const g=n.useCarousel(),v=c||g,b=e.useMemo((()=>{switch(d){case"slider":return l;case"progress":return t;case"fraction":return a;default:return i}}),[d]),j=e.useMemo((()=>"inside"===u?Object.assign({position:"absolute",zIndex:"90",bottom:"0",left:"0",right:"0"},x):x),[u,JSON.stringify(x)]);return r.jsx(b,Object.assign({carousel:v,sx:j},p))};
|
|
2
2
|
//# sourceMappingURL=pagination.js.map
|