@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.
@@ -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 declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
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
- declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule> & Partial<{
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.3.84",
3
+ "version": "0.3.86",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"