@zealicsolutions/web-ui 0.2.71 → 0.2.72

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

@@ -5,19 +5,19 @@ import { CSSProperties } from 'styled-components';
 import { FontSizesTypes, ThemeColors } from 'theme';
 import { Nullable, StrictUnion } from 'typescript';
 export declare type ImageAttributes = {
-    attribute_type: 'image';
+    attributeType: 'image';
     imageSource: string;
 };
 export interface TextAttributes {
-    attribute_type: 'text';
+    attributeType: 'text';
     text: string;
 }
 export interface VideoAttributes {
-    attribute_type: 'video';
+    attributeType: 'video';
     videoSource: string;
 }
 export interface LinkAttributes {
-    attribute_type: 'link';
+    attributeType: 'link';
     id: string;
     type: 'internalLink' | 'externalLink';
     internalLink: Nullable<string>;
@@ -25,12 +25,12 @@ export interface LinkAttributes {
     name: string;
 }
 export interface SelectAttributes {
-    attribute_type: 'select';
+    attributeType: 'select';
     value: string;
     options: SelectOption[];
 }
 export interface BooleanAttributes {
-    attribute_type: 'boolean';
+    attributeType: 'boolean';
     value: boolean;
 }
 export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header-tab-group';

package/dist/esm/src/index.d.ts

@@ -6,4 +6,5 @@ export * from './hooks';
 export * from './theme';
 export * from './fieldsConfiguration';
 export * from './contexts';
+export * from './containers';
 export * from 'helpers/constants';

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import React__default, { PropsWithChildren, ReactNode, CSSProperties as CSSPrope
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 import { FontSizesTypes as FontSizesTypes$1, ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1 } from 'theme';
-import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
+import { Callback as Callback$1, StylesType, Nullable, StrictUnion } from 'typescript';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import { InputFieldTypes as InputFieldTypes$1, FieldTypes as FieldTypes$1, UIFields as UIFields$1 } from 'fieldsConfiguration/types';
 import { FontSizesTypes as FontSizesTypes$2, ThemeColors as ThemeColors$2, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
@@ -12,7 +12,7 @@ import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
 import { TextProps as TextProps$1, IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, CheckBoxProps as CheckBoxProps$1, RegularImageProps as RegularImageProps$1, ButtonProps as ButtonProps$1, TextButtonProps as TextButtonProps$1, AvatarProps as AvatarProps$1, TabProps as TabProps$1, TabTheme as TabTheme$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1 } from 'atoms';
-import { MenuItem as MenuItem$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$2, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1 } from 'molecules';
+import { MenuItem as MenuItem$1, FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, TabProps as TabProps$2, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1, ImageProps as ImageProps$1 } from 'molecules';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
@@ -34,6 +34,9 @@ import { AlertProps as AlertProps$2 } from 'molecules/Alert/Alert';
 import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
+import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1 } from 'containers';
+import * as containers_types_types from 'containers/types/types';
+import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
 export * from 'helpers/constants';
 
 declare type ButtonVariant = 'primary' | 'secondary' | 'text' | 'custom';
@@ -1138,4 +1141,153 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, NavigationDotsWrapper, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SeoTags, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Slide, SlidesWrapper, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, SubscribePanel, Tab, TabGroup, TabGroupProps, TabOption, TabProps, TabTheme, TabType, TextAlign, TextButton, TextButtonProps, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+declare const Container: ({ children, wide, compact, type, ...props }: ContainerProps$1) => JSX.Element;
+declare const ContainerComponent: ({ type, items, config }: ContainerComponentProps$1) => JSX.Element | null;
+
+declare type ImageAttributes = {
+    attributeType: 'image';
+    imageSource: string;
+};
+interface TextAttributes {
+    attributeType: 'text';
+    text: string;
+}
+interface VideoAttributes {
+    attributeType: 'video';
+    videoSource: string;
+}
+interface LinkAttributes {
+    attributeType: 'link';
+    id: string;
+    type: 'internalLink' | 'externalLink';
+    internalLink: Nullable<string>;
+    externalLink: Nullable<string>;
+    name: string;
+}
+interface SelectAttributes {
+    attributeType: 'select';
+    value: string;
+    options: SelectOption$1[];
+}
+interface BooleanAttributes {
+    attributeType: 'boolean';
+    value: boolean;
+}
+declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header-tab-group';
+interface BaseMolecule {
+    id: string;
+    instance: 'molecule';
+    type: MoleculeTypes;
+}
+interface ImageMolecule extends BaseMolecule {
+    type: 'image';
+    attributes: {
+        image: ImageAttributes;
+        altText: TextAttributes;
+        link: LinkAttributes;
+    };
+    config: {
+        props: Omit<ImageProps$1, 'src' | 'link' | 'altText'>;
+    };
+}
+interface TextMolecule extends BaseMolecule {
+    type: 'text';
+    attributes: {
+        text: TextAttributes;
+        seoStyle: SelectAttributes;
+    };
+    config: {
+        props: {
+            fontVariant: FontSizesTypes$1;
+            textSize: number;
+            textColor: ThemeColors$1 | string;
+            letterSpacing: number;
+            lineHeight: number;
+            isRichText: boolean;
+            styles: CSSProperties;
+        };
+    };
+}
+interface ButtonMolecule extends BaseMolecule {
+    type: 'button';
+    attributes: {
+        title: TextAttributes;
+        buttonLink: LinkAttributes;
+    };
+    config: {
+        props: Omit<ButtonProps$1, 'disabled' | 'children' | 'link' | 'text' | 'onClick' | 'elementId'>;
+    };
+}
+interface VideoMolecule extends BaseMolecule {
+    type: 'video';
+    attributes: {
+        video: VideoAttributes;
+        altText: TextAttributes;
+        autoPlayVideo: BooleanAttributes;
+        enableCoverImage: BooleanAttributes;
+        coverImage: ImageAttributes;
+    };
+    config: {
+        props: {
+            width: number;
+            styles: CSSProperties;
+        };
+    };
+}
+interface TabGroupMolecule extends BaseMolecule {
+    type: 'header-tab-group';
+    config: {
+        props: TabGroupProps$1;
+        wide: {
+            containerStyle?: CSSProperties;
+            containerProps?: Record<string, unknown>;
+        };
+        compact: {
+            containerStyle?: CSSProperties;
+            containerProps?: Record<string, unknown>;
+        };
+    };
+}
+declare type Molecule = StrictUnion<ImageMolecule | TextMolecule | ButtonMolecule | VideoMolecule | TabGroupMolecule>;
+
+declare type ContainerType = 'row' | 'column' | 'slider';
+declare type ContainerPositionType = 'fixed' | 'sticky' | 'static';
+declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
+declare type ContainerPropsType = Partial<{
+    position: ContainerPositionType;
+    scrollBehaviour: ContainerScrollBehaviourType;
+    cornerRadius: number;
+}>;
+declare type AdditionalContainerProps = Partial<{
+    containerStyle: CSSProperties;
+    containerProps: ContainerPropsType;
+}>;
+declare type ContainerProps = PropsWithChildren<Partial<{
+    type: ContainerType;
+    wide: AdditionalContainerProps;
+    compact: AdditionalContainerProps;
+}>>;
+declare type ContainerComponentProps = {
+    id: string;
+    instance: 'container';
+    type: ContainerType;
+    config: {
+        wide: AdditionalContainerProps;
+        compact: AdditionalContainerProps;
+    };
+    items: (ContainerComponentProps | Molecule)[];
+};
+
+declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
+    containerProps?: Partial<{
+        position: containers_types_types.ContainerPositionType;
+        scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
+        cornerRadius: number;
+    }> | undefined;
+}, never>;
+
+declare const OrganismItem: ({ item }: {
+    item: ContainerComponentProps$1 | Molecule$1;
+}) => JSX.Element | null;
+
+export { AcquisitionForm, AcquisitionFormProps, AdditionalContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BackgroundImage, BaseButtonProps, BaseMolecule, Body, BodyProps, BooleanAttributes, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonMolecule, ButtonProps, ButtonVariant, ButtonsWrapper, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, Carousel, CarouselProps, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, Container, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerType, ContainerWrapper, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, FontWeight, Footer, FooterContactInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, IconNames, IconProps, Image, ImageAttributes, ImageMolecule, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkAttributes, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismItem, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, Select, SelectAttributes, SelectField, SelectFieldProps, 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, TextMolecule, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoAttributes, VideoMolecule, VideoProps, Wrapper, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

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