@zealicsolutions/web-ui 0.3.35 → 0.3.37

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

@@ -2,12 +2,14 @@
 import { ContainerComponentProps, ContainerProps } from 'containers';
 export declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
     type: import("containers").ContainerType;
+    containerTemplateType: "row_content_container";
     wide: Partial<{
         containerStyle: import("styled-components").CSSProperties;
         containerProps: Partial<{
             position: import("containers").ContainerPositionType;
             scrollBehaviour: import("containers").ContainerScrollBehaviourType;
             cornerRadius: number;
+            gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
@@ -19,6 +21,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
             position: import("containers").ContainerPositionType;
             scrollBehaviour: import("containers").ContainerScrollBehaviourType;
             cornerRadius: number;
+            gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
@@ -28,6 +31,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
         position: import("containers").ContainerPositionType;
         scrollBehaviour: import("containers").ContainerScrollBehaviourType;
         cornerRadius: number;
+        gap: import("theme").SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         formProps: import("containers").FormContainerProps;
         formStepProps: import("containers").FormStepContainerProps;
@@ -37,4 +41,4 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
 } & {
     id: string;
 }) => JSX.Element;
-export declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps) => JSX.Element | null;
+export declare const ContainerComponent: ({ config, tabsProps, id, type, items, }: ContainerComponentProps) => JSX.Element | null;

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { ContainerComponentProps, Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
-export declare const OrganismItem: ({ item, tabsProps, }: {
+export declare type OrganismItemProps = {
     item: ContainerComponentProps | Molecule;
-    tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
-}) => JSX.Element | null;
+    tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+};
+export declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;

package/dist/esm/src/containers/mock-data.d.ts

@@ -1,5 +1,7 @@
-import { ContainerComponentProps } from 'containers';
+import { ContainerComponentProps, Molecule } from 'containers';
 export declare const sliderContainerProps: ContainerComponentProps;
 export declare const formContainerProps: ContainerComponentProps;
+export declare const dynamicOrganisms: (ContainerComponentProps | Molecule)[];
+export declare const dynamicContainerMock: ContainerComponentProps;
 export declare const columnContainerProps: ContainerComponentProps;
 export declare const formBuilderData: ContainerComponentProps;

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

@@ -4,6 +4,7 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         position: import("containers/types/types").ContainerPositionType;
         scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
         cornerRadius: number;
+        gap: import("..").SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         formProps: import("containers/types/types").FormContainerProps;
         formStepProps: import("containers/types/types").FormStepContainerProps;

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

@@ -1,10 +1,12 @@
 import { TabGroupProps } from 'molecules';
 import { PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
 import { ValidationMode } from 'react-hook-form';
+import { CSSProperties } from 'styled-components';
+import { SizesTypes } from 'theme';
 import type { AnyObject, Nullable, StylesType } from 'typescript';
 import { Molecule } from './moleculeTypes';
-export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step';
+export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
+export declare type ContainerTemplateType = 'row_content_container';
 export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
 export declare type FormStepContainerProps = {
@@ -19,6 +21,7 @@ export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: number;
+    gap: SizesTypes;
     styles: StylesType;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
@@ -29,6 +32,7 @@ export declare type AdditionalContainerProps = Partial<{
 }>;
 export declare type ContainerProps = PropsWithChildren<Partial<{
     type: ContainerType;
+    containerTemplateType: ContainerTemplateType;
     wide: AdditionalContainerProps;
     compact: AdditionalContainerProps;
     props: ContainerPropsType;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import * as react from 'react';
 import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, CSSProperties as CSSProperties$1, ComponentType, KeyboardEvent } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
+import * as theme from 'theme';
 import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
 import * as typescript from 'typescript';
 import { StylesType, AnyObject, Callback as Callback$1, OverrideStyles, StyledTransientProps, Nullable, StrictUnion } from 'typescript';
@@ -1460,12 +1461,14 @@ declare const Link: ({ text: textProp, isRichText, ...props }: LinkProps) => JSX
 
 declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
     type: containers.ContainerType;
+    containerTemplateType: "row_content_container";
     wide: Partial<{
         containerStyle: styled_components.CSSProperties;
         containerProps: Partial<{
             position: containers.ContainerPositionType;
             scrollBehaviour: containers.ContainerScrollBehaviourType;
             cornerRadius: number;
+            gap: theme.SizesTypes;
             styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
             formProps: containers.FormContainerProps;
             formStepProps: containers.FormStepContainerProps;
@@ -1477,6 +1480,7 @@ declare const Container: ({ children, wide, compact, type, props, id, }: Partial
             position: containers.ContainerPositionType;
             scrollBehaviour: containers.ContainerScrollBehaviourType;
             cornerRadius: number;
+            gap: theme.SizesTypes;
             styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
             formProps: containers.FormContainerProps;
             formStepProps: containers.FormStepContainerProps;
@@ -1486,6 +1490,7 @@ declare const Container: ({ children, wide, compact, type, props, id, }: Partial
         position: containers.ContainerPositionType;
         scrollBehaviour: containers.ContainerScrollBehaviourType;
         cornerRadius: number;
+        gap: theme.SizesTypes;
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
         formProps: containers.FormContainerProps;
         formStepProps: containers.FormStepContainerProps;
@@ -1495,7 +1500,7 @@ declare const Container: ({ children, wide, compact, type, props, id, }: Partial
 } & {
     id: string;
 }) => JSX.Element;
-declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps$1) => JSX.Element | null;
+declare const ContainerComponent: ({ config, tabsProps, id, type, items, }: ContainerComponentProps$1) => JSX.Element | null;
 
 declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 declare type DownloadFile = {
@@ -1723,7 +1728,8 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
     form?: UseFormReturn<any>;
 };
 
-declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step';
+declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
+declare type ContainerTemplateType = 'row_content_container';
 declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
 declare type FormStepContainerProps = {
@@ -1738,6 +1744,7 @@ declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: number;
+    gap: SizesTypes$1;
     styles: StylesType;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
@@ -1748,6 +1755,7 @@ declare type AdditionalContainerProps = Partial<{
 }>;
 declare type ContainerProps = PropsWithChildren<Partial<{
     type: ContainerType;
+    containerTemplateType: ContainerTemplateType;
     wide: AdditionalContainerProps;
     compact: AdditionalContainerProps;
     props: ContainerPropsType;
@@ -1789,15 +1797,17 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
         position: containers_types_types.ContainerPositionType;
         scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;
         cornerRadius: number;
+        gap: SizesTypes;
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
         formProps: containers_types_types.FormContainerProps;
         formStepProps: containers_types_types.FormStepContainerProps;
     }> | undefined;
 }, never>;
 
-declare const OrganismItem: ({ item, tabsProps, }: {
+declare type OrganismItemProps = {
     item: ContainerComponentProps$1 | Molecule$1;
-    tabsProps?: Pick<TabGroupProps$1<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
-}) => JSX.Element | null;
+    tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+};
+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, 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, OrientationType, 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, 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 };

package/package.json

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