@zealicsolutions/web-ui 0.3.36 → 0.3.38

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

@@ -13,6 +13,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
+            padding: import("containers").Padding;
         }>;
     }>;
     compact: Partial<{
@@ -25,6 +26,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
+            padding: import("containers").Padding;
         }>;
     }>;
     props: Partial<{
@@ -35,10 +37,11 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         formProps: import("containers").FormContainerProps;
         formStepProps: import("containers").FormStepContainerProps;
+        padding: import("containers").Padding;
     }>;
 }> & {
     children?: import("react").ReactNode;
 } & {
     id: string;
 }) => JSX.Element;
-export declare const ContainerComponent: (props: 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

@@ -4,6 +4,5 @@ import { TabGroupProps } from 'molecules';
 export declare type OrganismItemProps = {
     item: ContainerComponentProps | Molecule;
     tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
 };
-export declare const OrganismItem: ({ item, tabsProps, dynamicOrganisms }: OrganismItemProps) => JSX.Element | null;
+export declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;

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

@@ -1,2 +1,4 @@
-import { ContainerScrollBehaviourType } from 'containers/types/types';
+import { ContainerScrollBehaviourType, Padding } from 'containers/types/types';
+import { ThemeSizesType } from 'theme';
 export declare const getScrollBehaviour: (scrollBehaviour?: ContainerScrollBehaviourType) => "overflow-y: scroll" | "overflow-x: scroll" | "overflow: visible" | "overflow: unset";
+export declare const getPadding: (padding: Padding, sizes: ThemeSizesType) => string;

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

@@ -3,4 +3,3 @@ export * from './types/types';
 export * from './types/moleculeTypes';
 export * from './styles';
 export * from './OrganismItem';
-export * from './DynamicContentContainer';

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

@@ -5,3 +5,4 @@ export declare const dynamicOrganisms: (ContainerComponentProps | Molecule)[];
 export declare const dynamicContainerMock: ContainerComponentProps;
 export declare const columnContainerProps: ContainerComponentProps;
 export declare const formBuilderData: ContainerComponentProps;
+export declare const rowContainer: ContainerComponentProps;

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

@@ -8,5 +8,6 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         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;
+        padding: import("containers/types/types").Padding;
     }> | undefined;
 }, never>;

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

@@ -17,6 +17,8 @@ export declare type FormStepContainerProps = {
 export declare type FormContainerProps = {
     mode: keyof ValidationMode;
 };
+export declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
+export declare type Padding = Record<PaddingVariants, SizesTypes | string> | SizesTypes | string;
 export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
@@ -25,6 +27,7 @@ export declare type ContainerPropsType = Partial<{
     styles: StylesType;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
+    padding: Padding;
 }>;
 export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -51,7 +54,6 @@ export declare type ContainerComponentProps = {
     metadata?: AnyObject;
     attributes?: AnyObject;
     containerLibraryId?: string;
-    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
 };
 export declare type CriteriaType = 'operator' | 'condition';
 export declare type ConditionCriteria = {

package/dist/index.d.ts

@@ -45,8 +45,7 @@ import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'at
 import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import * as containers_types_types from 'containers/types/types';
-import { ContainerProps as ContainerProps$1, ContainerComponentProps as ContainerComponentProps$2 } from 'containers/types/types';
-import { Molecule as Molecule$2 } from 'containers/types/moleculeTypes';
+import { ContainerProps as ContainerProps$1 } from 'containers/types/types';
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -1473,6 +1472,7 @@ declare const Container: ({ children, wide, compact, type, props, id, }: Partial
             styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
             formProps: containers.FormContainerProps;
             formStepProps: containers.FormStepContainerProps;
+            padding: containers.Padding;
         }>;
     }>;
     compact: Partial<{
@@ -1485,6 +1485,7 @@ declare const Container: ({ children, wide, compact, type, props, id, }: Partial
             styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
             formProps: containers.FormContainerProps;
             formStepProps: containers.FormStepContainerProps;
+            padding: containers.Padding;
         }>;
     }>;
     props: Partial<{
@@ -1495,13 +1496,14 @@ declare const Container: ({ children, wide, compact, type, props, id, }: Partial
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
         formProps: containers.FormContainerProps;
         formStepProps: containers.FormStepContainerProps;
+        padding: containers.Padding;
     }>;
 }> & {
     children?: react.ReactNode;
 } & {
     id: string;
 }) => JSX.Element;
-declare const ContainerComponent: (props: 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 = {
@@ -1741,6 +1743,8 @@ declare type FormStepContainerProps = {
 declare type FormContainerProps = {
     mode: keyof ValidationMode;
 };
+declare type PaddingVariants = 'top' | 'right' | 'bottom' | 'left';
+declare type Padding = Record<PaddingVariants, SizesTypes$1 | string> | SizesTypes$1 | string;
 declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
@@ -1749,6 +1753,7 @@ declare type ContainerPropsType = Partial<{
     styles: StylesType;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
+    padding: Padding;
 }>;
 declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
@@ -1775,7 +1780,6 @@ declare type ContainerComponentProps = {
     metadata?: AnyObject;
     attributes?: AnyObject;
     containerLibraryId?: string;
-    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
 };
 declare type CriteriaType = 'operator' | 'condition';
 declare type ConditionCriteria = {
@@ -1803,20 +1807,14 @@ declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_
         styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
         formProps: containers_types_types.FormContainerProps;
         formStepProps: containers_types_types.FormStepContainerProps;
+        padding: containers_types_types.Padding;
     }> | undefined;
 }, never>;
 
 declare type OrganismItemProps = {
     item: ContainerComponentProps$1 | Molecule$1;
     tabsProps?: Pick<TabGroupProps$1, 'tabs' | 'activeTabKey' | 'onTabChange'>;
-    dynamicOrganisms?: (ContainerComponentProps$1 | Molecule$1)[];
 };
-declare const OrganismItem: ({ item, tabsProps, dynamicOrganisms }: OrganismItemProps) => JSX.Element | null;
+declare const OrganismItem: ({ item, tabsProps }: OrganismItemProps) => JSX.Element | null;
 
-declare type DynamicContentContainerProps = {
-    container: ContainerComponentProps$2;
-    dynamicOrganisms?: (ContainerComponentProps$2 | Molecule$2)[];
-};
-declare const DynamicContentContainer: ({ dynamicOrganisms, container, }: DynamicContentContainerProps) => 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, DynamicContentContainer, 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 };
+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 };

package/package.json

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

package/dist/cjs/src/containers/DynamicContentContainer.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Molecule } from 'containers/types/moleculeTypes';
-import { ContainerComponentProps } from 'containers/types/types';
-declare type DynamicContentContainerProps = {
-    container: ContainerComponentProps;
-    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
-};
-export declare const DynamicContentContainer: ({ dynamicOrganisms, container, }: DynamicContentContainerProps) => JSX.Element | null;
-export {};

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Molecule } from 'containers/types/moleculeTypes';
-import { ContainerComponentProps } from 'containers/types/types';
-declare type DynamicContentContainerProps = {
-    container: ContainerComponentProps;
-    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
-};
-export declare const DynamicContentContainer: ({ dynamicOrganisms, container, }: DynamicContentContainerProps) => JSX.Element | null;
-export {};