@zealicsolutions/web-ui 0.3.84 → 0.3.86
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +9 -3
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +3 -1
- package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +4 -2
- package/dist/cjs/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +9 -3
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +3 -1
- package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +4 -2
- package/dist/esm/src/molecules/AvatarDropdown/AvatarDropdown.d.ts +1 -1
- package/dist/index.d.ts +15 -5
- package/package.json +1 -1
@@ -1,5 +1,5 @@
|
|
1
1
|
import { LinkVariant, SelectOption } from 'atoms';
|
2
|
-
import { AdditionalTabContainerProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
|
2
|
+
import { AdditionalTabContainerProps, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
|
3
3
|
import { Dispatch, SetStateAction } from 'react';
|
4
4
|
import { UseFormReturn } from 'react-hook-form';
|
5
5
|
import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
|
@@ -87,7 +87,7 @@ export interface ColorAttributes {
|
|
87
87
|
attributeType: 'color';
|
88
88
|
color: string;
|
89
89
|
}
|
90
|
-
export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field';
|
90
|
+
export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button';
|
91
91
|
export interface BaseMolecule {
|
92
92
|
id: string;
|
93
93
|
instance: 'molecule';
|
@@ -249,7 +249,13 @@ export interface PasswordSetupMolecule extends BaseMolecule {
|
|
249
249
|
};
|
250
250
|
};
|
251
251
|
}
|
252
|
-
export
|
252
|
+
export interface AccountButtonMolecule extends BaseMolecule {
|
253
|
+
type: 'account_button';
|
254
|
+
config: {
|
255
|
+
props: AvatarDropdownProps;
|
256
|
+
};
|
257
|
+
}
|
258
|
+
export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule> & Partial<{
|
253
259
|
form: UseFormReturn<any>;
|
254
260
|
formData: AnyObject;
|
255
261
|
setFormData: Dispatch<SetStateAction<AnyObject>>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { ContainerComponentProps, Molecule } from 'containers';
|
3
3
|
import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
|
4
|
-
import { AnyObject } from 'typescript';
|
4
|
+
import { AnyObject, Callback } from 'typescript';
|
5
5
|
import { GroupedStepItemsByStepContainer } from './utils';
|
6
6
|
export declare type OrganismContextType = {
|
7
7
|
items: (ContainerComponentProps | Molecule)[];
|
@@ -12,5 +12,7 @@ export declare type OrganismContextType = {
|
|
12
12
|
data: AnyObject;
|
13
13
|
}[]) => void;
|
14
14
|
validations?: PasswordRuleValidation[];
|
15
|
+
userInitials?: string;
|
16
|
+
logOutHandler?: Callback;
|
15
17
|
};
|
16
18
|
export declare const OrganismContext: import("react").Context<OrganismContextType>;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { ContainerComponentProps, Molecule } from 'containers';
|
2
2
|
import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
|
3
3
|
import { PropsWithChildren } from 'react';
|
4
|
-
import { AnyObject } from 'typescript';
|
4
|
+
import { AnyObject, Callback } from 'typescript';
|
5
5
|
export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
6
6
|
initItems: (ContainerComponentProps | Molecule)[];
|
7
7
|
formId: string;
|
@@ -10,5 +10,7 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
|
10
10
|
data: AnyObject;
|
11
11
|
}[]) => void;
|
12
12
|
validations: PasswordRuleValidation[];
|
13
|
+
userInitials: string;
|
14
|
+
logOutHandler: Callback;
|
13
15
|
}>>;
|
14
|
-
export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, }: FormStepContextProviderProps) => JSX.Element;
|
16
|
+
export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, userInitials, logOutHandler, }: FormStepContextProviderProps) => JSX.Element;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { AvatarProps } from 'atoms';
|
2
2
|
import { MenuItemsProps } from '../MenuItems/MenuItems';
|
3
3
|
import 'rc-dropdown/assets/index.css';
|
4
|
-
export declare type AvatarDropdownProps<T> = {
|
4
|
+
export declare type AvatarDropdownProps<T = string> = {
|
5
5
|
avatarProps: AvatarProps;
|
6
6
|
menuConfig: MenuItemsProps<T>;
|
7
7
|
};
|
package/dist/index.d.ts
CHANGED
@@ -929,6 +929,8 @@ declare type OrganismContextType = {
|
|
929
929
|
data: AnyObject$1;
|
930
930
|
}[]) => void;
|
931
931
|
validations?: PasswordRuleValidation[];
|
932
|
+
userInitials?: string;
|
933
|
+
logOutHandler?: Callback$1;
|
932
934
|
};
|
933
935
|
declare const OrganismContext: react.Context<OrganismContextType>;
|
934
936
|
|
@@ -940,8 +942,10 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
|
940
942
|
data: AnyObject$1;
|
941
943
|
}[]) => void;
|
942
944
|
validations: PasswordRuleValidation[];
|
945
|
+
userInitials: string;
|
946
|
+
logOutHandler: Callback$1;
|
943
947
|
}>>;
|
944
|
-
declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, }: FormStepContextProviderProps) => JSX.Element;
|
948
|
+
declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, userInitials, logOutHandler, }: FormStepContextProviderProps) => JSX.Element;
|
945
949
|
|
946
950
|
declare type FieldRuleLabelTypes = 'OPTIONAL' | 'REQUIRED';
|
947
951
|
declare type LabelInternalConfig = {
|
@@ -1150,7 +1154,7 @@ declare type MenuItemsProps<T> = {
|
|
1150
1154
|
};
|
1151
1155
|
declare const MenuItems: <T extends string | number>({ title, onItemPress, options, }: MenuItemsProps<T>) => JSX.Element;
|
1152
1156
|
|
1153
|
-
declare type AvatarDropdownProps<T> = {
|
1157
|
+
declare type AvatarDropdownProps<T = string> = {
|
1154
1158
|
avatarProps: AvatarProps$1;
|
1155
1159
|
menuConfig: MenuItemsProps<T>;
|
1156
1160
|
};
|
@@ -1645,7 +1649,7 @@ interface ColorAttributes {
|
|
1645
1649
|
attributeType: 'color';
|
1646
1650
|
color: string;
|
1647
1651
|
}
|
1648
|
-
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field';
|
1652
|
+
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button';
|
1649
1653
|
interface BaseMolecule {
|
1650
1654
|
id: string;
|
1651
1655
|
instance: 'molecule';
|
@@ -1807,7 +1811,13 @@ interface PasswordSetupMolecule extends BaseMolecule {
|
|
1807
1811
|
};
|
1808
1812
|
};
|
1809
1813
|
}
|
1810
|
-
|
1814
|
+
interface AccountButtonMolecule extends BaseMolecule {
|
1815
|
+
type: 'account_button';
|
1816
|
+
config: {
|
1817
|
+
props: AvatarDropdownProps$1;
|
1818
|
+
};
|
1819
|
+
}
|
1820
|
+
declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule> & Partial<{
|
1811
1821
|
form: UseFormReturn<any>;
|
1812
1822
|
formData: AnyObject$1;
|
1813
1823
|
setFormData: Dispatch<SetStateAction<AnyObject$1>>;
|
@@ -1950,4 +1960,4 @@ declare type FormOrganismItemProps = {
|
|
1950
1960
|
};
|
1951
1961
|
declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => JSX.Element | null;
|
1952
1962
|
|
1953
|
-
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 };
|
1963
|
+
export { AccountButtonMolecule, 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 };
|