@skodaflow/web-library 2.1.0

package/build/organisms/cardOwnedVehicle/cardOwnedVehicle.d.ts

@@ -0,0 +1,118 @@
+import React from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../../components/button';
+import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
+/**
+ * @interface CardOwnedVehicleProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface CardOwnedVehicleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Label text
+     */
+    label: string;
+    /**
+     * Variants of the label
+     */
+    labelVariant: 'general' | 'feature';
+    /**
+     * Vehicle name text
+     */
+    vehicleName?: string;
+    /**
+     * Vehicle equipment text
+     */
+    equipment?: string;
+    /**
+     * Vehicle status
+     */
+    vehicleStatus?: string;
+    /**
+     * Vehicle status variant
+     * As: Alert,Warning,Positive, Neutral, Custom
+     */
+    vehicleStatusVariant?: string;
+    /**
+     * An image of the component
+     */
+    image?: string;
+    /**
+     *  The source of the onError image.
+     */
+    fallbackImage?: string;
+    /**
+     * Alternative description Image
+     */
+    altDescriptionImage?: string;
+    /**
+     * Mandatory button object. The button is displayed if the label text is present
+     */
+    mandatoryButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * Optional button object. The button is displayed if the label text is present
+     */
+    optionalButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * Set element's opacity.
+     */
+    darkOpacityLayer: DarkOpacity;
+    /**
+     * Set element's opacity.
+     */
+    lightOpacityLayer: LightOpacity;
+    /**
+     * If true, menu is showing
+     */
+    isMenuDropdown: boolean;
+    /**
+     * if true, vehicleSpecs section is showing
+     */
+    vehicleSpecs?: boolean;
+    /**
+     * vehicleSpecs information
+     */
+    vehicleSpecsObject?: [
+        {
+            subtitle: string;
+            value: string;
+        }
+    ];
+    /**
+     * Size of the component's height
+     */
+    size?: 'fixed' | 'adjustable';
+    /**
+     * Uses for setting button size based on screensize
+     */
+    isCompact?: boolean;
+    /**
+     * MenuCardComponent props.
+     */
+    menuCardComponentProps?: MenuCardComponentProps;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const CardOwnedVehicle: React.ForwardRefExoticComponent<CardOwnedVehicleProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.d.ts

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

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

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

package/build/organisms/cardPhotoAdjustable/cardPhotoAdjustable.d.ts

@@ -0,0 +1,89 @@
+import React from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../..';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface CardPhotoAdjustableProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Label text
+     */
+    labelText?: string;
+    /**
+     * If labelVariant is feature, it is possible to select a variant of the Feature Label
+     */
+    labelVariants?: 'primary' | 'neutral' | 'secondary';
+    /**
+     * Title text
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    subtitle?: string;
+    /**
+     * Mandatory Button link.
+     */
+    buttonLink?: string;
+    /**
+     * Mandatory Button label
+     */
+    buttonLabel?: string;
+    /**
+     * Mandatory Button variant.
+     */
+    buttonVariant?: ButtonVariants;
+    /**
+     * If true, button is showing
+     */
+    optionalButton?: boolean;
+    /**
+     * Optional Button label. Button displays only if it has a label text
+     */
+    optionalButtonLabel?: string;
+    /**
+     * Optional Button link.
+     */
+    optionalButtonLink?: string;
+    /**
+     * Optional Button variant.
+     */
+    optionalButtonVariant?: ButtonVariants;
+    /**
+     * Height of the component
+     */
+    heightSize?: 'small' | 'medium' | 'normal';
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * An image of the component
+     */
+    cardImage?: string;
+    /**
+     * alt HTML tag apply to the image
+     */
+    altImageDescription?: string;
+    /**
+     * A dark gradient layer was added
+     */
+    darkOpacity?: DarkOpacity;
+    /**
+     * A light gradient layer was added
+     */
+    lightOpacity?: LightOpacity;
+    /**
+     * Callback for analytics
+     */
+    analyticsCallback?: (payload?: any) => void;
+}
+/**
+ * @description SkodaFlow CardPhotoFixed component.
+ * Properties are inherited from HTML Div element.
+ * @param props CardPhotoFixedProps
+ * @returns React Functional Component
+ */
+export declare const CardPhotoAdjustable: React.ForwardRefExoticComponent<CardPhotoAdjustableProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.d.ts

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

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

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

package/build/organisms/cardPhotoFixed/cardPhotoFixed.d.ts

@@ -0,0 +1,124 @@
+import React from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../..';
+/**
+ * @interface CardPhotoFixedProps
+ * @description  Properties are inherited from HTML div element
+ */
+export interface CardPhotoFixedProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Title name text
+     */
+    title?: string;
+    /**
+     * Subtitle text
+     */
+    subTitle?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * if true, first label is showing
+     */
+    labelInfoFirst?: boolean;
+    /**
+     * First label information label text
+     */
+    labelInfoFirstText?: string;
+    /**
+     * First label variant
+     */
+    labelInfoFirstVariant?: 'primary' | 'neutral';
+    /**
+     * if true, second optional label is showing
+     */
+    labelInfoSecond?: boolean;
+    /**
+     * Second label text
+     */
+    labelInfoSecondText?: string;
+    /**
+     * Second label variant
+     */
+    labelInfoSecondVariant?: 'primary' | 'neutral';
+    /**
+     * An image of the component
+     */
+    cardImage?: string;
+    /**
+     * alt HTML tag apply to the image
+     */
+    altImageDescription?: string;
+    /**
+     * Mandatory Button link.
+     */
+    buttonLink?: string;
+    /**
+     * Mandatory Button label. Button displays only if it has a label text
+     */
+    buttonLabel?: string;
+    /**
+     * Mandatory Button variant.
+     */
+    buttonVariant?: ButtonVariants;
+    /**
+     * If true, button is showing
+     */
+    optionalButton?: boolean;
+    /**
+     * Optional Button label. Button displays only if it has a label text
+     */
+    optionalButtonLabel?: string;
+    /**
+     * Optional Button link.
+     */
+    optionalButtonLink?: string;
+    /**
+     * Mandatory Button variant.
+     */
+    optionalButtonVariant?: ButtonVariants;
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * Info text
+     */
+    infoText?: string;
+    /**
+     * Info text second position text
+     */
+    infoTextSecond?: string;
+    /**
+     * info text third position text
+     */
+    infoTextThird?: string;
+    /**
+     * A dark gradient layer was added
+     */
+    darkOpacity?: DarkOpacity;
+    /**
+     * A light gradient layer was added
+     */
+    lightOpacity?: LightOpacity;
+    /**
+     * Uses for setting button size based on screensize
+     */
+    isCompact?: boolean;
+    /**
+     * Callback for analytics
+     */
+    analyticsCallback?: (payload?: any) => void;
+}
+/**
+ * @description SkodaFlow CardPhotoFixed component.
+ * Properties are inherited from HTML Div element.
+ * @param props CardPhotoFixedProps
+ * @returns React Functional Component
+ */
+export declare const CardPhotoFixed: React.ForwardRefExoticComponent<CardPhotoFixedProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/cardPhotoFixed/cardPhotoFixedComponent.d.ts

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

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

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

package/build/organisms/cardPromoVehicle/cardPromoVehicle.d.ts

@@ -0,0 +1,132 @@
+import React, { ReactNode } from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../../components/button';
+import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface CardPromoVehicleProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Label text
+     */
+    label: string;
+    /**
+     * Variants of the label
+     */
+    labelVariant: 'general' | 'feature';
+    /**
+     * Vehicle name text
+     */
+    vehicleName?: string;
+    /**
+     * Vehicle equipment text
+     */
+    equipment?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * First label information label text. If this prop is empty, the label isn't showing
+     */
+    labelInfoFirstText?: string;
+    /**
+     * First label variant
+     */
+    labelInfoFirstVariant?: 'primary' | 'neutral';
+    /**
+     * Second label text. If this prop is empty, the label isn't showing
+     */
+    labelInfoSecondText?: string;
+    /**
+     * Second label variant
+     */
+    labelInfoSecondVariant?: 'primary' | 'neutral';
+    /**
+     * If the main image is not found this image will be used.
+     */
+    image?: string;
+    /**
+     * The source of the onError image.
+     */
+    fallbackImage?: string;
+    /**
+     * Alternative description Image
+     */
+    altDescriptionImage?: string;
+    /**
+     * Mandatory button object. The button is displayed if the label text is present
+     */
+    mandatoryButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * Optional button object. The button is displayed if the label text is present
+     */
+    optionalButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * Set element's opacity.
+     */
+    darkOpacityLayer: DarkOpacity;
+    /**
+     * Set element's opacity.
+     */
+    lightOpacityLayer: LightOpacity;
+    /**
+     * if true, dropdownMenu is showing
+     */
+    isMenuDropdown: boolean;
+    /**
+     * Height size of the component
+     */
+    size?: 'fixed' | 'adjustable';
+    /**
+     * Info text
+     */
+    infoText?: string;
+    /**
+     * Info text second position text
+     */
+    infoTextSecond?: string;
+    /**
+     * info text third position text
+     */
+    infoTextThird?: string;
+    /**
+     * Custom Info accept react node element
+     */
+    customInfo?: ReactNode;
+    /**
+     * Uses for setting button size based on screensize
+     */
+    isCompact?: boolean;
+    /**
+     * MenuCardComponent props.
+     */
+    menuCardComponentProps?: MenuCardComponentProps;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const CardPromoVehicle: React.ForwardRefExoticComponent<CardPromoVehicleProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/cardPromoVehicle/cardPromoVehicleComponent.d.ts

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

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

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

package/build/organisms/cardTypeOnly/cardTypeOnly.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../..';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface CardTypeOnlyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * Text is showing if the card configurator is empty
+     */
+    cardTypeOnlyText?: string;
+    /**
+     * Mandatory button object. The button is displayed if the label text is present
+     */
+    mandatoryButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * Optional button object. The button is displayed if the label text is present
+     */
+    optionalButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * A dark gradient layer was added
+     */
+    darkOpacity?: DarkOpacity;
+    /**
+     * A light gradient layer was added
+     */
+    lightOpacity?: LightOpacity;
+    /**
+     * Uses for setting button size based on screensize
+     */
+    isCompact?: boolean;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const CardTypeOnly: React.ForwardRefExoticComponent<CardTypeOnlyProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/cardTypeOnly/cardTypeOnlyComponent.d.ts

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

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

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