@zealicsolutions/web-ui 0.3.43 → 0.3.45

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.
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
1
  import { ContainerComponentProps, ContainerProps } from 'containers';
2
+ import { ReactNode } from 'react';
3
3
  export declare const Container: ({ children, wide, compact, type, props, id, metadata, }: Partial<{
4
4
  type: import("containers").ContainerType;
5
5
  containerTemplateType: "row_content_container";
@@ -11,6 +11,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
11
11
  cornerRadius: number | import("theme").SizesTypes;
12
12
  gap: import("theme").SizesTypes;
13
13
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
14
+ sliderProps: import("containers").SliderProps;
14
15
  formProps: import("containers").FormContainerProps;
15
16
  formStepProps: import("containers").FormStepContainerProps;
16
17
  padding: import("containers").Padding;
@@ -25,6 +26,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
25
26
  cornerRadius: number | import("theme").SizesTypes;
26
27
  gap: import("theme").SizesTypes;
27
28
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
29
+ sliderProps: import("containers").SliderProps;
28
30
  formProps: import("containers").FormContainerProps;
29
31
  formStepProps: import("containers").FormStepContainerProps;
30
32
  padding: import("containers").Padding;
@@ -37,6 +39,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
37
39
  cornerRadius: number | import("theme").SizesTypes;
38
40
  gap: import("theme").SizesTypes;
39
41
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
42
+ sliderProps: import("containers").SliderProps;
40
43
  formProps: import("containers").FormContainerProps;
41
44
  formStepProps: import("containers").FormStepContainerProps;
42
45
  padding: import("containers").Padding;
@@ -44,7 +47,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
44
47
  }>;
45
48
  metadata: import("../typescript").AnyObject;
46
49
  }> & {
47
- children?: import("react").ReactNode;
50
+ children?: ReactNode;
48
51
  } & {
49
52
  id: string;
50
53
  }) => JSX.Element;
@@ -8,6 +8,7 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
8
8
  cornerRadius: number | SizesTypes;
9
9
  gap: SizesTypes;
10
10
  styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
11
+ sliderProps: import("containers/types/types").SliderProps;
11
12
  formProps: import("containers/types/types").FormContainerProps;
12
13
  formStepProps: import("containers/types/types").FormStepContainerProps;
13
14
  padding: import("containers/types/types").Padding;
@@ -7,8 +7,13 @@ import type { AnyObject, Nullable, StylesType } from 'typescript';
7
7
  import { Molecule } from './moleculeTypes';
8
8
  export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
9
9
  export declare type ContainerTemplateType = 'row_content_container';
10
+ export declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
10
11
  export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
11
12
  export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
13
+ export declare type SliderProps = {
14
+ autoplay?: boolean;
15
+ autoplayDuration?: number;
16
+ };
12
17
  export declare type FormStepContainerProps = {
13
18
  formStepName: string;
14
19
  order: number;
@@ -25,6 +30,7 @@ export declare type ContainerPropsType = Partial<{
25
30
  cornerRadius: SizesTypes | number;
26
31
  gap: SizesTypes;
27
32
  styles: StylesType;
33
+ sliderProps: SliderProps;
28
34
  formProps: FormContainerProps;
29
35
  formStepProps: FormStepContainerProps;
30
36
  padding: Padding;
@@ -1,8 +1,10 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  export declare type CarouselProps = {
3
3
  children: JSX.Element[];
4
+ autoplay?: boolean;
5
+ autoplayDuration?: number;
4
6
  };
5
- export declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
7
+ export declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
6
8
  export declare const Wrapper: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
7
9
  export declare const SlidesWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
8
10
  translateX: number;
package/dist/index.d.ts CHANGED
@@ -1344,8 +1344,10 @@ declare const Image: ({ src, onClick, link, altText, styles, width, height, id,
1344
1344
 
1345
1345
  declare type CarouselProps = {
1346
1346
  children: JSX.Element[];
1347
+ autoplay?: boolean;
1348
+ autoplayDuration?: number;
1347
1349
  };
1348
- declare const Carousel: ({ children }: PropsWithChildren<CarouselProps>) => JSX.Element;
1350
+ declare const Carousel: ({ children, autoplay, autoplayDuration, }: PropsWithChildren<CarouselProps>) => JSX.Element;
1349
1351
  declare const Wrapper: styled_components.StyledComponent<"section", styled_components.DefaultTheme, {}, never>;
1350
1352
  declare const SlidesWrapper: styled_components.StyledComponent<"ul", styled_components.DefaultTheme, {
1351
1353
  translateX: number;
@@ -1471,6 +1473,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1471
1473
  cornerRadius: number | theme.SizesTypes;
1472
1474
  gap: theme.SizesTypes;
1473
1475
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1476
+ sliderProps: containers.SliderProps;
1474
1477
  formProps: containers.FormContainerProps;
1475
1478
  formStepProps: containers.FormStepContainerProps;
1476
1479
  padding: containers.Padding;
@@ -1485,6 +1488,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1485
1488
  cornerRadius: number | theme.SizesTypes;
1486
1489
  gap: theme.SizesTypes;
1487
1490
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1491
+ sliderProps: containers.SliderProps;
1488
1492
  formProps: containers.FormContainerProps;
1489
1493
  formStepProps: containers.FormStepContainerProps;
1490
1494
  padding: containers.Padding;
@@ -1497,6 +1501,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1497
1501
  cornerRadius: number | theme.SizesTypes;
1498
1502
  gap: theme.SizesTypes;
1499
1503
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1504
+ sliderProps: containers.SliderProps;
1500
1505
  formProps: containers.FormContainerProps;
1501
1506
  formStepProps: containers.FormStepContainerProps;
1502
1507
  padding: containers.Padding;
@@ -1504,7 +1509,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
1504
1509
  }>;
1505
1510
  metadata: AnyObject;
1506
1511
  }> & {
1507
- children?: react.ReactNode;
1512
+ children?: ReactNode;
1508
1513
  } & {
1509
1514
  id: string;
1510
1515
  }) => JSX.Element;
@@ -1738,8 +1743,13 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
1738
1743
 
1739
1744
  declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
1740
1745
  declare type ContainerTemplateType = 'row_content_container';
1746
+ declare type WrappedContainerType = Extract<ContainerType, 'slider' | 'form' | 'form_step'>;
1741
1747
  declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
1742
1748
  declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
1749
+ declare type SliderProps = {
1750
+ autoplay?: boolean;
1751
+ autoplayDuration?: number;
1752
+ };
1743
1753
  declare type FormStepContainerProps = {
1744
1754
  formStepName: string;
1745
1755
  order: number;
@@ -1756,6 +1766,7 @@ declare type ContainerPropsType = Partial<{
1756
1766
  cornerRadius: SizesTypes$1 | number;
1757
1767
  gap: SizesTypes$1;
1758
1768
  styles: StylesType;
1769
+ sliderProps: SliderProps;
1759
1770
  formProps: FormContainerProps;
1760
1771
  formStepProps: FormStepContainerProps;
1761
1772
  padding: Padding;
@@ -1812,6 +1823,7 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
1812
1823
  cornerRadius: number | SizesTypes$1;
1813
1824
  gap: SizesTypes$1;
1814
1825
  styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
1826
+ sliderProps: containers_types_types.SliderProps;
1815
1827
  formProps: containers_types_types.FormContainerProps;
1816
1828
  formStepProps: containers_types_types.FormStepContainerProps;
1817
1829
  padding: containers_types_types.Padding;
@@ -1826,4 +1838,4 @@ declare type OrganismItemProps = {
1826
1838
  };
1827
1839
  declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
1828
1840
 
1829
- 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 };
1841
+ 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.43",
3
+ "version": "0.3.45",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"