@zealicsolutions/web-ui 0.3.83 → 0.3.84

package/dist/esm/src/atoms/RichTextViewer/RichTextViewer.d.ts

@@ -1,6 +1,8 @@
 import { TextProps } from 'atoms';
+import { Descendant } from 'slate';
 import { FontSizesTypes, ThemeColors } from 'theme';
 import { AnyObject, StylesType } from 'typescript';
+export declare const defaultValue: Descendant[];
 export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
 export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";

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

@@ -4,4 +4,4 @@ export declare type StepContainerProps = PropsWithChildren<Partial<FormStepConta
     id: string;
     metadata?: MetadataType;
 };
-export declare const FormStepContainer: ({ order, id, metadata }: StepContainerProps) => JSX.Element | null;
+export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, }: StepContainerProps) => JSX.Element | null;

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

@@ -1,9 +1,11 @@
+import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
 export declare const getFullLink: (url: string) => string;
 export declare const navigateToPage: (url: string) => void;
 export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
-export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, validations, metadata, }: Molecule & {
+export declare const parseDescendantContent: (string: string) => CustomDescendant[];
+export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, }: Molecule & {
     tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
     isMobile?: boolean | undefined;
 }) => JSX.Element | null;

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

@@ -1,6 +1,5 @@
 import { LinkVariant, SelectOption } from 'atoms';
 import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
-import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
@@ -254,6 +253,5 @@ export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | Bu
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;
-    validations: PasswordRuleValidation[];
 }>;
 export {};

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

@@ -38,6 +38,7 @@ export declare type FormStepContainerProps = {
     formStepName: string;
     order: number;
     conditionConfig: ConditionConfig;
+    formStepStyles?: CSSProperties;
 };
 export declare type FormContainerProps = {
     mode: keyof ValidationMode;

package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ContainerComponentProps, Molecule } from 'containers';
+import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { AnyObject } from 'typescript';
 import { GroupedStepItemsByStepContainer } from './utils';
 export declare type OrganismContextType = {
@@ -10,5 +11,6 @@ export declare type OrganismContextType = {
         formId: string;
         data: AnyObject;
     }[]) => void;
+    validations?: PasswordRuleValidation[];
 };
 export declare const OrganismContext: import("react").Context<OrganismContextType>;

package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -1,4 +1,5 @@
 import { ContainerComponentProps, Molecule } from 'containers';
+import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { PropsWithChildren } from 'react';
 import { AnyObject } from 'typescript';
 export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
@@ -8,5 +9,6 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
         formId: string;
         data: AnyObject;
     }[]) => void;
+    validations: PasswordRuleValidation[];
 }>>;
-export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, }: FormStepContextProviderProps) => JSX.Element;
+export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, }: FormStepContextProviderProps) => JSX.Element;

package/dist/esm/src/molecules/CustomValidation/CustomValidation.d.ts

@@ -7,5 +7,6 @@ export declare type CustomValidationProps<T = string> = {
     value: T;
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
+    spacer?: number;
 };
-export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
+export declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: CustomValidationProps<T>) => JSX.Element;

package/dist/esm/src/molecules/CustomValidation/CustomValidation.stories.d.ts

@@ -2,7 +2,7 @@ import type { ComponentStory } from '@storybook/react';
 import { CustomValidation as CustomValidationComponent } from './CustomValidation';
 declare const _default: {
     title: string;
-    component: <T extends string = string>({ rules, value, isSubmitted, label, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
+    component: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: import("./CustomValidation").CustomValidationProps<T>) => JSX.Element;
 };
 export default _default;
 export declare const CustomValidation: ComponentStory<typeof CustomValidationComponent>;

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { InputFieldProps as InputFieldProps$1, SelectFieldProps as SelectFieldPr
 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 { Descendant } from 'slate';
 import { RadioGroup, DrawerProps as DrawerProps$1, ModalProps } from '@mui/material';
 import { UIFields as UIFields$2, UIField as UIField$1 } from 'fieldsConfiguration';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
@@ -392,6 +393,7 @@ declare const GoogleMap: react__default.ComponentClass<{
     position: MapPosition;
 } & WithScriptjsProps & WithGoogleMapProps, any>;
 
+declare const defaultValue: Descendant[];
 declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
 declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
@@ -926,6 +928,7 @@ declare type OrganismContextType = {
         formId: string;
         data: AnyObject$1;
     }[]) => void;
+    validations?: PasswordRuleValidation[];
 };
 declare const OrganismContext: react.Context<OrganismContextType>;
 
@@ -936,8 +939,9 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
         formId: string;
         data: AnyObject$1;
     }[]) => void;
+    validations: PasswordRuleValidation[];
 }>>;
-declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, }: FormStepContextProviderProps) => JSX.Element;
+declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, }: FormStepContextProviderProps) => JSX.Element;
 
 declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
 declare type LabelInternalConfig = {
@@ -1071,8 +1075,9 @@ declare type CustomValidationProps<T = string> = {
     value: T;
     isSubmitted?: boolean;
     rules: CustomValidationRule<T>[];
+    spacer?: number;
 };
-declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, }: CustomValidationProps<T>) => JSX.Element;
+declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, }: CustomValidationProps<T>) => JSX.Element;
 
 declare type BaseSelectableProps<T> = {
     iconName: IconNames$2;
@@ -1806,7 +1811,6 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
     form: UseFormReturn<any>;
     formData: AnyObject$1;
     setFormData: Dispatch<SetStateAction<AnyObject$1>>;
-    validations: PasswordRuleValidation[];
 }>;
 
 declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
@@ -1842,6 +1846,7 @@ declare type FormStepContainerProps = {
     formStepName: string;
     order: number;
     conditionConfig: ConditionConfig;
+    formStepStyles?: CSSProperties;
 };
 declare type FormContainerProps = {
     mode: keyof ValidationMode;
@@ -1945,4 +1950,4 @@ declare type FormOrganismItemProps = {
 };
 declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => 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, ConsentType, 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, FormOrganismItem, 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, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, 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, StateActionType, StateConfigType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, isFormValid, loginMockFields, passwordMockFields, 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, ConsentType, 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, FormOrganismItem, 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, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, Padding, PaddingVariants, PasswordSetupMolecule, 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, StateActionType, StateConfigType, StateEventType, StateListenerConfigType, StateModifierConfigType, 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, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, 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.83",
+  "version": "0.3.84",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"