@zealicsolutions/web-ui 0.3.43 → 0.3.45

package/dist/esm/src/containers/Container.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ContainerComponentProps, ContainerProps } from 'containers';
+import { ReactNode } from 'react';
 export declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
     type: import("containers").ContainerType;
     containerTemplateType: "row_content_container";
@@ -11,6 +11,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
             cornerRadius: number | import("theme").SizesTypes;
             gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            sliderProps: import("containers").SliderProps;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
             padding: import("containers").Padding;
@@ -25,6 +26,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
             cornerRadius: number | import("theme").SizesTypes;
             gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            sliderProps: import("containers").SliderProps;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
             padding: import("containers").Padding;
@@ -37,6 +39,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
         cornerRadius: number | import("theme").SizesTypes;
         gap: import("theme").SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        sliderProps: import("containers").SliderProps;
         formProps: import("containers").FormContainerProps;
         formStepProps: import("containers").FormStepContainerProps;
         padding: import("containers").Padding;
@@ -44,7 +47,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
     }>;
     metadata: import("../typescript").AnyObject;
 }> & {
-    children?: import("react").ReactNode;
+    children?: ReactNode;
 } & {
     id: string;
 }) => JSX.Element;

package/dist/esm/src/containers/styles.d.ts

@@ -8,6 +8,7 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         cornerRadius: number | SizesTypes;
         gap: SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        sliderProps: import("containers/types/types").SliderProps;
         formProps: import("containers/types/types").FormContainerProps;
         formStepProps: import("containers/types/types").FormStepContainerProps;
         padding: import("containers/types/types").Padding;

package/dist/esm/src/containers/types/types.d.ts

@@ -7,8 +7,13 @@ import type { AnyObject, Nullable, StylesType } from 'typescript';
 import { Molecule } from './moleculeTypes';
 export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
 export declare type ContainerTemplateType = 'row_content_container';
+export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
 export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+export declare type SliderProps = {
+    autoplay?: boolean;
+    autoplayDuration?: number;
+};
 export declare type FormStepContainerProps = {
     formStepName: string;
     order: number;
@@ -25,6 +30,7 @@ export declare type ContainerPropsType = Partial<{
     cornerRadius: SizesTypes | number;
     gap: SizesTypes;
     styles: StylesType;
+    sliderProps: SliderProps;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
     padding: Padding;

package/dist/esm/src/molecules/Caruser/Carousel.d.ts

@@ -1,8 +1,10 @@
 import { PropsWithChildren } from 'react';
 export declare type CarouselProps = {
     children: JSX.Element[];
+    autoplay?: boolean;
+    autoplayDuration?: number;
 };
-export declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+export declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
 export declare const Wrapper: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
 export declare const SlidesWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     translateX: number;

package/dist/index.d.ts

@@ -1344,8 +1344,10 @@ declare const Image: ({ src, onClick, link, altText, styles, width, height, id,
 
 declare type CarouselProps = {
     children: JSX.Element[];
+    autoplay?: boolean;
+    autoplayDuration?: number;
 };
-declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
+declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
 declare const Wrapper: styled_components.StyledComponent<"section", styled_components.DefaultTheme, {}, never>;
 declare const SlidesWrapper: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {
     translateX: number;
@@ -1471,6 +1473,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
             cornerRadius: number | theme.SizesTypes;
             gap: theme.SizesTypes;
             styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            sliderProps: containers.SliderProps;
             formProps: containers.FormContainerProps;
             formStepProps: containers.FormStepContainerProps;
             padding: containers.Padding;
@@ -1485,6 +1488,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
             cornerRadius: number | theme.SizesTypes;
             gap: theme.SizesTypes;
             styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            sliderProps: containers.SliderProps;
             formProps: containers.FormContainerProps;
             formStepProps: containers.FormStepContainerProps;
             padding: containers.Padding;
@@ -1497,6 +1501,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
         cornerRadius: number | theme.SizesTypes;
         gap: theme.SizesTypes;
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        sliderProps: containers.SliderProps;
         formProps: containers.FormContainerProps;
         formStepProps: containers.FormStepContainerProps;
         padding: containers.Padding;
@@ -1504,7 +1509,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
     }>;
     metadata: AnyObject;
 }> & {
-    children?: react.ReactNode;
+    children?: ReactNode;
 } & {
     id: string;
 }) => JSX.Element;
@@ -1738,8 +1743,13 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
 
 declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
 declare type ContainerTemplateType = 'row_content_container';
+declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
 declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+declare type SliderProps = {
+    autoplay?: boolean;
+    autoplayDuration?: number;
+};
 declare type FormStepContainerProps = {
     formStepName: string;
     order: number;
@@ -1756,6 +1766,7 @@ declare type ContainerPropsType = Partial<{
     cornerRadius: SizesTypes$1 | number;
     gap: SizesTypes$1;
     styles: StylesType;
+    sliderProps: SliderProps;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
     padding: Padding;
@@ -1812,6 +1823,7 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
         cornerRadius: number | SizesTypes$1;
         gap: SizesTypes$1;
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        sliderProps: containers_types_types.SliderProps;
         formProps: containers_types_types.FormContainerProps;
         formStepProps: containers_types_types.FormStepContainerProps;
         padding: containers_types_types.Padding;
@@ -1826,4 +1838,4 @@ declare type OrganismItemProps = {
 };
 declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
 
-export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMolecule, ButtonProps, ButtonType, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, Checkbox, CheckboxField, CheckboxFieldMolecule, CheckboxFieldProps, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CheckboxesProps, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorAttributes, ColumnItem, Columns, ColumnsProps, ConditionConfig, ConditionConfigAttributes, ConditionCriteria, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DefaultSelectionType, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, DownloadFile, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, ErrorText, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, FormContainerProps, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconWrapper, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldInternalConfigProps, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, IterableAttributes, LabelInternalConfig, Link, LinkAttributes, LinkMolecule, LinkProps, LinkVariant, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldMolecule, RadioButtonFieldProps, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, RuleLabelInternalConfig, SegmentationType, Select, SelectAttributes, SelectField, SelectFieldMolecule, SelectFieldProps, SelectInternalConfigurationOptions, SelectOption, SelectProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupMolecule, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextAttributes, TextButton, TextButtonProps, TextInputMolecule, TextMolecule, TextMoleculeProps, TextMoleculeType, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipInternalConfig, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, WrappedContainerType, Wrapper, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, getMockValueForSuccessAndFormatError, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.43",
+  "version": "0.3.45",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"