@skodaflow/web-library 2.1.0

package/build/organisms/carousel/carousel.d.ts

@@ -0,0 +1,134 @@
+import { ReactNode } from 'react';
+import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
+import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
+export declare type CarouselPropType = {
+    /**
+     * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
+     */
+    align?: 'start' | 'center' | 'end' | number;
+    /**
+     * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.
+     */
+    autoPlay?: boolean;
+    /**
+     * Choose scroll axis between x and y.
+     */
+    axis?: 'x' | 'y';
+    /**
+     * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.
+     */
+    bulletScroll?: boolean;
+    /**
+     * defines the bullet-scroller style. can be 'dash' or 'dot'.
+     */
+    bulletStyle?: 'dash' | 'dot';
+    /**
+     * defines the bullet-scroller color theme. can be 'light' or 'dark'.
+     */
+    bulletTheme?: 'light' | 'dark';
+    /**
+     * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
+     */
+    buttonAreaControlsHeight?: string;
+    /**
+     * Buttons controls, if true the buttons will be visible. Default is true.
+     */
+    buttonControls?: boolean;
+    /**
+     * Definition of position or clickable area for buttons next and prev. value should be in "px" and default position is top: 0.
+     */
+    buttonControlsPosition?: string;
+    /**
+     * control color, can be "dark" or "light".
+     */
+    controlColor?: DarkLightOptions;
+    /**
+     * icon font size, can be "small" or "medium".
+     */
+    controlIconFontSize?: ControllerSize;
+    /**
+     * icon style, can be "regular" or "filled".
+     */
+    controlIconStyle?: IconsStyle;
+    /**
+     * control variant, can be "standard" or "outline".
+     */
+    controlVariant?: ControlVariant;
+    /**
+     * Class applied to the main container carousel. Default value ''.
+     * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.
+     * eg. class applied to container carousel : my-carousel
+     * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).
+     */
+    cssClass?: string;
+    /**
+     * Direction carousel ltr or rtl. Default ltr.
+     */
+    direction?: any;
+    /**
+     * set height for slide carousel.
+     */
+    heightSlide?: string;
+    /**
+     * Slide with different width. if true the slide width is base on his content. Default false.
+     */
+    isSlideDifferentWidth?: boolean;
+    /**
+     * Loop, if true the loop functionality will be added to the carousel. Default is false.
+     */
+    loop?: boolean;
+    /**
+     * next control icon.
+     */
+    nextControlIcon?: string;
+    /**
+     * Label of numbering length sliders.
+     */
+    numberingSeparator?: string;
+    /**
+     * Numbering Slides, if true the numbering slides will be visible. Default is true.
+     */
+    numberingSlides?: boolean;
+    /**
+     * Options setting carousel.
+     */
+    options?: EmblaOptionsType;
+    /**
+     * previous control icon.
+     */
+    prevControlIcon?: string;
+    /**
+     * Progress bar status, if true the progress bar will be visible. Default is false.
+     */
+    progressbar?: boolean;
+    /**
+     * Add Class to selected slide.
+     */
+    slideSelectedClass?: string;
+    /**
+     * Slides reactNode carousel.
+     */
+    slidesItems: ReactNode[];
+    /**
+     * Number of visible slides. Default value 1.
+     */
+    slideToShow?: number;
+    /**
+     * Number of slides to scroll.
+     */
+    slideToScroll: number;
+    /**
+     * speed transition slide, Higher numbers enables faster scrolling. Default is 10.
+     */
+    speed?: number;
+    /**
+     * StartIndex slide. Default is 0.
+     */
+    startIndex?: number;
+};
+export declare const handleScrollPrev: (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => void;
+export declare const handleScrollNext: (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => void;
+export declare const handleScrollTo: (emblaApi: EmblaCarouselType, index: number) => void;
+export declare const getHoveredClass: (direction: 'next' | 'prev', hovered: boolean, isBtnEnabled: boolean) => string;
+export declare const emblaWidthSize: (apiParam: any, slideToShowParam: any) => void;
+export declare const Carousel: (props: CarouselPropType) => JSX.Element;

package/build/organisms/carousel/carouselButton.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const PrevButton: ({ enabled, onClick, height }: {
+    enabled: any;
+    onClick: any;
+    height: any;
+}) => JSX.Element;
+export declare const NextButton: ({ enabled, onClick, height }: {
+    enabled: any;
+    onClick: any;
+    height: any;
+}) => JSX.Element;

package/build/organisms/carousel/carouselTemplate.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EmblaCarouselType } from 'embla-carousel-react';
+export declare const DotButton: ({ selected, onClick, bulletStyle }: {
+    selected: any;
+    onClick: any;
+    bulletStyle: any;
+}) => JSX.Element;
+export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => JSX.Element;

package/build/organisms/carousel/index.d.ts

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

package/build/organisms/carousel/styledComponents/styledCarouselHorizontal.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CarouselPropType } from '../carousel';
+export declare enum controlButtonsHover {
+    NEXT = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",
+    PREV = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="
+}
+export declare const CarouselStyledHorizontal: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & CarouselPropType & {
+    theme?: any;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/organisms/carousel/styledComponents/styledCarouselVertical.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CarouselPropType } from '../carousel';
+export declare const CarouselStyledVertical: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & CarouselPropType & {
+    theme?: any;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/organisms/common/buttonCardComponent/buttonCardComponent.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ButtonVariants } from '../../../components/button';
+/**
+ * @interface ButtonCardProps
+ */
+interface ButtonCardProps {
+    buttonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: () => void;
+        callbackAnalytics?: () => void;
+    };
+    compact?: boolean;
+    className?: string;
+}
+declare const ButtonCardComponent: React.FC<ButtonCardProps>;
+export default ButtonCardComponent;

package/build/organisms/common/cardOpacitylayer/cardOpacityTyping.d.ts

@@ -0,0 +1,2 @@
+export declare type DarkOpacity = 'opacity0' | 'opacity25' | 'opacity50' | 'opacity75' | string;
+export declare type LightOpacity = 'opacity0' | 'opacity25' | 'opacity50' | 'opacity75' | string;

package/build/organisms/common/infoTextCardComponent/infoTextCardComponent.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * @interface ButtonCardProps
+ */
+interface InfoTextCardProps {
+    /**
+     * Info text
+     */
+    infoText?: string;
+    /**
+     * Info text second position text
+     */
+    infoTextSecond?: string;
+    /**
+     * info text third position text
+     */
+    infoTextThird?: string;
+    className?: string;
+}
+declare const InfoTextCardComponent: React.FC<InfoTextCardProps>;
+export default InfoTextCardComponent;

package/build/organisms/common/menuCardComponent/menuCardComponent.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { CardMenuItemsArray } from '../../../components/cardMenu/cardMenu';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { Placement } from '../../../utils/enum';
+export interface MenuCardComponentProps {
+    /**
+     * The content of the component.
+     */
+    items: CardMenuItemsArray;
+    /**
+     * React useState hook set function used to update the passed items to the component.
+     */
+    setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;
+    /**
+     * If header is provided, a text will be displayed on top of the elements.
+     */
+    header?: string;
+    /**
+     * If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.
+     * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..
+     */
+    allowMultiselect?: boolean;
+    /**
+     * Callback fired when item is clicked.
+     */
+    onItemClick?: (itemText: string) => void;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     * Popper placement. Default is 'bottom'.
+     */
+    placement?: Placement;
+    /**
+     * If true, a switch button is added to the items allowing to select or deselect all of the items.
+     * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.
+     */
+    hasToggleSelection?: boolean;
+}
+declare const MenuCardComponent: React.FC<MenuCardComponentProps>;
+export default MenuCardComponent;

package/build/organisms/common/styled/cardStandardWrapperStyled.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const CardStandardWrapperStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/OverridableComponent").OverrideProps<import("@mui/material").PaperTypeMap<{}, "div">, "div">, "className" | "style" | "children" | "elevation" | "square" | "sx" | "variant" | "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    classes?: Partial<import("@mui/material/Card").CardClasses>;
+    raised?: boolean;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
+} & import("@mui/material/OverridableComponent").CommonProps & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "children" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    ref?: ((instance: HTMLDivElement) => void) | import("react").RefObject<HTMLDivElement>;
+}, never> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    size?: any;
+    isBorderRadius?: any;
+}, {}, {}>;

package/build/organisms/heroImageCard/heroImageCard.d.ts

@@ -0,0 +1,100 @@
+import React from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../..';
+/**
+ * @interface CardProps
+ * @description Base definition of SkodaFlow HeroCardImage independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * if true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * this image is showing small device resolution ( Smartphone )
+     */
+    mobileImage?: string;
+    /**
+     * this image is showing in a medium device resolution ( Tablet )
+     */
+    tabletImage?: string;
+    /**
+     * this image is showing in a small desktop ( laptop )
+     */
+    laptopImage?: string;
+    /**
+     * this image is showing in a large desktop ( desktop )
+     */
+    desktopImage?: string;
+    /**
+     * alt HTML tag apply to the image
+     */
+    altImageDescription?: string;
+    /**
+     * If present the card showing video
+     */
+    videoUrl?: string;
+    /**
+     * Label text
+     */
+    label: any;
+    /**
+     * Title text that should be maximum 50 characters long
+     */
+    title: string;
+    /**
+     * Mandatory button object. The button is displayed if the label text is present
+     */
+    firstButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * Second button object. The button is displayed if the label text is present
+     */
+    secondButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * Third button object. The button is displayed if the label text is present
+     */
+    thirdButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    compact?: boolean;
+    /**
+     * A dark gradient layer was added
+     */
+    darkOpacity?: DarkOpacity;
+    /**
+     * A light gradient layer was added
+     */
+    lightOpacity?: LightOpacity;
+    /**
+     * this props set the height of the card
+     */
+    cardVersion?: 'normal' | 'small';
+    playPauseCallback?: (action?: string, payload?: any) => void;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const HeroImageCard: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/heroImageCard/heroImageCardComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardProps } from '.';
+declare const HeroImageCardComponent: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export default HeroImageCardComponent;

package/build/organisms/heroImageCard/index.d.ts

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

package/build/organisms/heroImageCard/videoCardController.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+/**
+ * @interface VideoControllerProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+interface VideoControllerProps {
+    videoRef: any;
+    playPauseCallback?: (action?: string, payload?: any) => void;
+}
+declare const VideoCardController: React.FC<VideoControllerProps>;
+export default VideoCardController;

package/build/organisms/maps/hook/useMap.d.ts

@@ -0,0 +1,7 @@
+import { MarkerClusterer } from '@googlemaps/markerclusterer';
+declare const useMap: () => {
+    onMarkerClick: (markerId: any, registeredMarkers: any) => void;
+    handleClusterRender: (registeredMarkers: any, currentMap: any, setClickedCluster: any) => MarkerClusterer;
+    handleIconType: (marker: any, isSelected: any) => any;
+};
+export default useMap;

package/build/organisms/maps/index.d.ts

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

package/build/organisms/maps/mapComponents/infoWindowConfig.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="google.maps" />
+declare const contentString: (params: any) => string;
+declare const infoWindow: (windowConfig: any) => google.maps.InfoWindow;
+declare const handleRenderInfoWindow: (marker: any, setInfoWindow: any, infoWindowState: any, currentMap: any) => void;
+export { infoWindow, handleRenderInfoWindow, contentString };

package/build/organisms/maps/mapComponents/mapComponent.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="google.maps" />
+import React from 'react';
+interface MapProps extends google.maps.MapOptions {
+    style?: {
+        [key: string]: string;
+    };
+    onClick?: (e: google.maps.MapMouseEvent) => void;
+    onDragEnd?: (map: google.maps.Map) => void;
+    handleCurrentMap?: (map: google.maps.Map) => void;
+    enableMoveSearch?: boolean;
+    setInfoWindow: any;
+    currentInfoWindow: any;
+    registeredMarkers?: any;
+}
+declare const Map: React.FC<MapProps>;
+export default Map;

package/build/organisms/maps/mapComponents/mapStyled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * @description Maps styling definition based on props
+ */
+declare const MapStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default MapStyled;

package/build/organisms/maps/mapComponents/markerComponent.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="google.maps" />
+import React from 'react';
+declare const Marker: React.FC<google.maps.MarkerOptions & {
+    handleRegisteredMarkers: any;
+    handleMarkerClicked: any;
+    id: number | string;
+    isSelected: boolean;
+    resultIcon: any;
+    selectedIcon: any;
+    infoWindow: any;
+    canOpenInfoWindow?: boolean;
+    infoWindowConfig?: {
+        title?: string;
+        street?: string;
+        city?: string;
+        phone?: string;
+        isOpen?: boolean;
+        distance?: string;
+    };
+    onInfoWindowCtaClick?: () => void;
+}>;
+export default Marker;

package/build/organisms/maps/maps.d.ts

@@ -0,0 +1,84 @@
+/// <reference types="google.maps" />
+import React from 'react';
+/**
+ * @interface MapsProps
+ */
+export interface MapsProps {
+    /**
+     * API KEY google map
+     */
+    apiKey: string;
+    /**
+     * list of markers
+     */
+    markers: {
+        lat: number;
+        lng: number;
+        id: number | string;
+        isSelected: boolean;
+        resultIcon?: any;
+        selectedIcon?: any;
+        infoWindowConfig?: {
+            title?: string;
+            street?: string;
+            city?: string;
+            phone?: string;
+            isOpen?: boolean;
+            distance?: string;
+            ctaLabel?: string;
+        };
+    }[];
+    /**
+     * default zoom of the map
+     */
+    zoom: number;
+    /**
+     * Default center of the map
+     */
+    center: {
+        lat: number;
+        lng: number;
+    };
+    /**
+     * If true, enable the "search on move" event on the map
+     */
+    enableMoveSearch?: boolean;
+    /**
+     * If true,the info window can be opened on marker click
+     */
+    canOpenInfoWindow?: boolean;
+    /**
+     * marker selected from outside
+     */
+    markerSelectedId?: string | number;
+    /**
+     * enable/disable fitbound event on map
+     */
+    enableFitBound?: boolean;
+    /**
+     * show/hide map controls
+     */
+    hideControlsOnMobile?: boolean;
+    /**
+     * Callback fired when a marker is clicked
+     */
+    callbackMarkerClicked?: (marker: any) => void;
+    /**
+     * Callback fired when the map triggers the onDragEnd event (after map moved)
+     */
+    onDragEndCallback?: (m: google.maps.Map, center: {
+        lat: number;
+        lng: number;
+    }) => void;
+    /**
+     * Callback fired when the map triggers the onDragEnd event (after map moved)
+     */
+    onInfoWindowCtaClick?: () => void;
+}
+/**
+ * @description SkodaFlow Map component.
+ * Properties are inherited from HTML Map element.
+ * @param props MapProps
+ * @returns React Functional Component
+ */
+export declare const Maps: React.ForwardRefExoticComponent<MapsProps & React.RefAttributes<HTMLMapElement>>;

package/build/organisms/maps/utils/mapConfig.d.ts

@@ -0,0 +1,29 @@
+declare const handleControls: (map: any, geoMarker: any) => void;
+declare const mapConfig: (options: any) => {
+    mapTypeControl: boolean;
+    streetViewControl: boolean;
+    fullscreenControl: boolean;
+    disableDefaultUI: boolean;
+    center: any;
+    zoom: any;
+    styles: ({
+        elementType: string;
+        stylers: {
+            color: string;
+        }[];
+        featureType?: undefined;
+    } | {
+        elementType: string;
+        stylers: {
+            visibility: string;
+        }[];
+        featureType?: undefined;
+    } | {
+        featureType: string;
+        elementType: string;
+        stylers: {
+            color: string;
+        }[];
+    })[];
+};
+export { mapConfig, handleControls };

package/build/organisms/maps/utils/mapIcons.d.ts

@@ -0,0 +1,9 @@
+export declare enum MapIconVariant {
+    PLUS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzIDEzLjIzOEg3Ljg2N1Y3Ljg4M0gxMy4yMjJWNi4xNDlINy44NjdWMC43OTM5OTlINi4xMzNWNi4xNDlIMC43NzhWNy44ODNINi4xMzNWMTMuMjM4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==",
+    MINUS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc3OCAwLjA2Mzk5OTZWMS45NjhIMTMuMjIyVjAuMDYzOTk5NkgwLjc3OFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=",
+    CENTER_LOCATIONS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE2QzEzLjMxMzcgMTYgMTYgMTMuMzEzNyAxNiAxMEMxNiA2LjY4NjI5IDEzLjMxMzcgNCAxMCA0QzYuNjg2MjkgNCA0IDYuNjg2MjkgNCAxMEM0IDEzLjMxMzcgNi42ODYyOSAxNiAxMCAxNloiIHN0cm9rZT0iIzE2MTcxOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTE1IDEwTDE5IDEwIiBzdHJva2U9IiMxNjE3MTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik01IDEwSDEiIHN0cm9rZT0iIzE2MTcxOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTEwIDVWMSIgc3Ryb2tlPSIjMTYxNzE4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNMTAgMTVWMTkiIHN0cm9rZT0iIzE2MTcxOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTEwIDEyQzExLjEwNDYgMTIgMTIgMTEuMTA0NiAxMiAxMEMxMiA4Ljg5NTQzIDExLjEwNDYgOCAxMCA4QzguODk1NDMgOCA4IDguODk1NDMgOCAxMEM4IDExLjEwNDYgOC44OTU0MyAxMiAxMCAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==",
+    LIVE_POSITION_OFF = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODg3KSI+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjEwIiBmaWxsPSIjM0U5OTIyIi8+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg4NyIgeD0iMCIgeT0iMCIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4ODciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg4NyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K",
+    LIVE_POSITION_ON = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiMzRTk5MjIiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODkyKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjEwIiBmaWxsPSIjM0U5OTIyIi8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg5MiIgeD0iNiIgeT0iNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjQzMTM3IDAgMCAwIDAgMC42IDAgMCAwIDAgMC4xMzMzMzMgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4OTIiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg5MiIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K",
+    CLUSTER = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjI0IiBmaWxsPSIjM0UzRjQwIi8+Cjwvc3ZnPgo=",
+    ARROW_DETAIL = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTU3IDYuMTMyVjcuOUwxMC43NzQgNy45TDYuMjY5IDEyLjM1NEw3LjM1NyAxMy40NDJMMTMuNzgzIDcuMDE2TDcuMzU3IDAuNTlMNi4yNjkgMS42NzhMMTAuNzc0IDYuMTMyTDAuNTU3IDYuMTMyWiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K"
+}