@zealicsolutions/web-ui 0.4.55 → 0.4.56

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

@@ -1,7 +1,7 @@
 import { ContainerComponentProps, ContainerProps } from 'containers';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 import type { AnyObject } from 'typescript';
-export declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
+export declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: Partial<{
     type: import("containers").ContainerType;
     containerTemplateType: "row_content_container";
     wide: Partial<{

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

@@ -4,6 +4,7 @@ import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { Dispatch, SetStateAction } from 'react';
 import type { AnyObject } from 'typescript';
 import { GroupedStepItemsByStepContainer } from './utils';
+import { ConfigurationItem } from './OrganismContextProvider';
 export declare type OrganismContextType = {
     items: (ContainerComponentProps | Molecule)[];
     groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
@@ -27,7 +28,7 @@ export declare type OrganismContextType = {
     organismMetadata?: {
         stateListenerId?: string;
     } & AnyObject;
-    onConfigurationItemClicked: (itemPath?: string) => void;
-    selectedConfigurationItemPath?: string;
+    onConfigurationItemClicked: (itemInfo?: Omit<ConfigurationItem, 'organismId'>) => void;
+    selectedConfigurationItemId?: string;
 };
 export declare const OrganismContext: import("react").Context<OrganismContextType>;

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

@@ -2,18 +2,26 @@ import { PropsWithChildren } from 'react';
 import { ContainerComponentProps, Molecule } from 'containers';
 import type { AnyObject } from 'typescript';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
-export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
-    initItems: (ContainerComponentProps | Molecule)[];
+export declare type ConfigurationItem = {
+    entity: 'container' | 'molecule';
+    entityId: string;
+    organismId: string;
+};
+export declare type OrganismContextProviderProps = PropsWithChildren<{
+    organismId: string;
+} & Partial<{
     formId: string;
+    editable: boolean;
+    initItems: (ContainerComponentProps | Molecule)[];
+    validations: PasswordRuleValidation[];
     submitHandler: (data: {
         formId: string;
         data: AnyObject;
     }) => void;
-    validations: PasswordRuleValidation[];
-    editable: boolean;
-    isFormInEditMode?: boolean;
-    organismMetadata?: AnyObject;
-    isConfigurationMode?: boolean;
-    onConfigurationItemHandler?: (itemPath?: string) => void;
+    isFormInEditMode: boolean;
+    organismMetadata: AnyObject;
+    isConfigurationMode: boolean;
+    onConfigurationItemHandler: (itemInfo: ConfigurationItem) => void;
+    selectedConfigurationItemId: string;
 }>>;
-export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, }: FormStepContextProviderProps) => JSX.Element;
+export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, organismId, validations, editable, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, selectedConfigurationItemId, }: OrganismContextProviderProps) => JSX.Element;

package/dist/index.d.ts

@@ -118,7 +118,7 @@ declare type SelectProps = Partial<{
 }>;
 declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
 
-declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
+declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: Partial<{
     type: containers.ContainerType;
     containerTemplateType: "row_content_container";
     wide: Partial<{
@@ -1498,6 +1498,30 @@ declare const ButtonActionsProvider: ({ children, popupProps }: ButtonActionsPro
 declare type StepItem = ContainerComponentProps$1 | Molecule$1;
 declare type GroupedStepItemsByStepContainer = Map<string, StepItem[]>;
 
+declare type ConfigurationItem = {
+    entity: 'container' | 'molecule';
+    entityId: string;
+    organismId: string;
+};
+declare type OrganismContextProviderProps = PropsWithChildren<{
+    organismId: string;
+} & Partial<{
+    formId: string;
+    editable: boolean;
+    initItems: (ContainerComponentProps$1 | Molecule$1)[];
+    validations: PasswordRuleValidation[];
+    submitHandler: (data: {
+        formId: string;
+        data: AnyObject$1;
+    }) => void;
+    isFormInEditMode: boolean;
+    organismMetadata: AnyObject$1;
+    isConfigurationMode: boolean;
+    onConfigurationItemHandler: (itemInfo: ConfigurationItem) => void;
+    selectedConfigurationItemId: string;
+}>>;
+declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, organismId, validations, editable, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, selectedConfigurationItemId, }: OrganismContextProviderProps) => JSX.Element;
+
 declare type OrganismContextType = {
     items: (ContainerComponentProps$1 | Molecule$1)[];
     groupStepItemsByStepContainer: () => GroupedStepItemsByStepContainer;
@@ -1521,27 +1545,11 @@ declare type OrganismContextType = {
     organismMetadata?: {
         stateListenerId?: string;
     } & AnyObject$1;
-    onConfigurationItemClicked: (itemPath?: string) => void;
-    selectedConfigurationItemPath?: string;
+    onConfigurationItemClicked: (itemInfo?: Omit<ConfigurationItem, 'organismId'>) => void;
+    selectedConfigurationItemId?: string;
 };
 declare const OrganismContext: react.Context<OrganismContextType>;
 
-declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
-    initItems: (ContainerComponentProps$1 | Molecule$1)[];
-    formId: string;
-    submitHandler: (data: {
-        formId: string;
-        data: AnyObject$1;
-    }) => void;
-    validations: PasswordRuleValidation[];
-    editable: boolean;
-    isFormInEditMode?: boolean;
-    organismMetadata?: AnyObject$1;
-    isConfigurationMode?: boolean;
-    onConfigurationItemHandler?: (itemPath?: string) => void;
-}>>;
-declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, organismMetadata, isConfigurationMode, onConfigurationItemHandler, }: FormStepContextProviderProps) => JSX.Element;
-
 declare type AccountButtonContextType = Partial<{
     userInitials: string;
     logOutHandler: Callback$1;
@@ -2159,4 +2167,4 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
 }>;
 declare const Link: ({ text, isRichText, htmlElementId, isTrigger, moleculeId, ...props }: LinkProps) => JSX.Element | null;
 
-export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, 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, ContainerAlignItemsType, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, 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, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContextProviderProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, 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, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, ProcessTracker, ProcessTrackerOrientation, ProcessTrackerProps, ProcessTrackerStateValue, 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, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, 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, baseButtonAllowedConfigurations, defaultTheme, defaultValue, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, passwordMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useButtonActionsContext, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AccountButtonContext, AccountButtonContextType, AccountButtonMolecule, AccountButtonProvider, AccountButtonProviderProps, AcquisitionForm, AcquisitionFormProps, ActionAttributes, ActionEventType, ActionTypes, AdditionalContainerProps, AdditionalTabContainerProps, Alert, AlertProps, AnnotationsList, ArrowIconWrapper, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownMenuConfigType, 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, ConfigurationItem, Consent, ConsentCaptureMethod, ConsentFieldMolecule, ConsentProps, ConsentType, Container, ContainerAlignItemsType, ContainerComponent, ContainerComponentProps, ContainerPositionType, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, CriteriaType, CustomValidation, CustomValidationProps, CustomValidationRule, DataConnectionAttributes, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, 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, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, 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, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MetadataStateConfig, MetadataType, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeTypes, NavigationDotsWrapper, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, OrganismItemProps, OrientationType, OrientationTypeLabel, Padding, PaddingProps, PaddingVariants, PasswordSetupMolecule, PdfDocument, PdfDocumentProps, PopupPropsType, ProcessStep, ProcessStepsAttributes, ProcessStepsMoleculeType, ProcessTracker, ProcessTrackerOrientation, ProcessTrackerProps, ProcessTrackerStateValue, 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, SlateValueChildType, Slide, SliderProps, SlidesWrapper, Spacer, SpacerProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, 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, baseButtonAllowedConfigurations, 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.4.55",
+  "version": "0.4.56",
   "testVersion": "0.3.184",
   "repository": {
     "type": "git",