@zealicsolutions/web-ui 0.3.84 → 0.3.86
Sign up to get free protection for your applications and to get access to all the features.
- 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 };
|