@zealicsolutions/web-ui 0.1.95 → 0.1.96

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

@@ -0,0 +1,11 @@
+import { ComponentType } from 'react';
+import { IconProps } from 'atoms';
+import { Callback } from '../../typescript';
+export declare type BottomNaVBarItemProps = {
+    name: string;
+    icon: ComponentType<Omit<IconProps, 'name'>>;
+    active: boolean;
+    activeColor: string;
+    onNavigate: Callback;
+};
+export declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { BottomNavBarItem as BottomNavBarItemComponent } from './BottomNavBarItem';
+declare const _default: {
+    title: string;
+    component: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: import("./BottomNavBarItem").BottomNaVBarItemProps) => JSX.Element;
+};
+export default _default;
+export declare const BottomNavBarItem: ComponentStory<typeof BottomNavBarItemComponent>;

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

@@ -20,3 +20,4 @@ export * from './Stepper/Stepper';
 export * from './PdfDocument/PdfDocument';
 export * from './FeedContentHeader/FeedContentHeader';
 export * from './HorizontalButtonsField/HorizontalButtonsField';
+export * from './BottomNavBarItem/BottomNavBarItem';

package/dist/esm/src/organisms/BottomNavBarNavigation/BottomNavBarNavigation.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BottomNaVBarItemProps } from 'molecules';
+export declare type BottomNavBarNavigationProps = {
+    navbarItems: BottomNaVBarItemProps[];
+};
+export declare const BottomNavBarNavigation: ({ navbarItems }: BottomNavBarNavigationProps) => JSX.Element;

package/dist/esm/src/organisms/BottomNavBarNavigation/BottomNavBarNavigation.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { BottomNavBarNavigation as BottomNavBarComponent } from './BottomNavBarNavigation';
+declare const _default: {
+    title: string;
+    component: ({ navbarItems }: import("./BottomNavBarNavigation").BottomNavBarNavigationProps) => JSX.Element;
+};
+export default _default;
+export declare const BottomNavBarNavigation: ComponentStory<typeof BottomNavBarComponent>;

package/dist/esm/src/organisms/index.d.ts

@@ -14,3 +14,4 @@ export * from './Consent/Consent';
 export * from './ProcessTracker/ProcessTracker';
 export * from './FeedContentContainer/FeedContentContainer';
 export * from './DynamicContentZone/DynamicContentZone';
+export * from './BottomNavBarNavigation/BottomNavBarNavigation';

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

@@ -1,4 +1,4 @@
-export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green';
+export declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
 export declare type SizesTypes = '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
 export declare type FontSizesTypes = SizesTypes | 'H2';
 export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { Callback, StylesType, Nullable } from 'typescript';
+import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
 import * as react from 'react';
-import react__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction } from 'react';
+import react__default, { PropsWithChildren, ReactNode, ComponentType, Dispatch, SetStateAction } from 'react';
 import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
@@ -15,12 +15,12 @@ import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProp
 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 { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, ButtonProps as ButtonProps$1 } from 'atoms';
+import { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$1, ButtonProps as ButtonProps$1 } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState } from 'react-hook-form';
 import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
-import { FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1 } from 'molecules';
+import { FieldSectionProps as FieldSectionProps$1, MenuItemsProps as MenuItemsProps$1, InputFieldProps as InputFieldProps$1, HeroImageProps as HeroImageProps$1, ColumnsProps as ColumnsProps$1, EmphasizedTextProps as EmphasizedTextProps$1, TabGroupProps as TabGroupProps$1, AvatarDropdownProps as AvatarDropdownProps$1, FeedContentHeaderProps as FeedContentHeaderProps$1, AlertProps as AlertProps$1, BottomNaVBarItemProps as BottomNaVBarItemProps$1 } from 'molecules';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
 import { UIFields as UIFields$2 } from 'fieldsConfiguration';
 import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
@@ -36,7 +36,7 @@ import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewer
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
 
 declare type BaseButtonProps = {
-    onClick?: Callback;
+    onClick?: Callback$1;
     variant?: 'primary' | 'secondary';
     disabled?: boolean;
     fullWidth?: boolean;
@@ -92,13 +92,13 @@ declare const Select: ({ onChange, value, placeholder, options, disabled, option
 
 declare type InputIconProps = {
     name: IconNames$1;
-    onClick?: Callback;
+    onClick?: Callback$1;
 };
 declare type InputProps = {
     value?: string;
     leftIcon?: InputIconProps;
     rightIcon?: InputIconProps;
-    onBlur?: Callback;
+    onBlur?: Callback$1;
     type?: InputFieldTypes$1;
     placeholder?: string;
     disabled?: boolean;
@@ -174,7 +174,7 @@ declare type LinkButtonProps = PropsWithChildren<{
     activeOpacity?: number;
     withoutOpacityEffect?: boolean;
     disabled?: boolean;
-    onClick?: Callback;
+    onClick?: Callback$1;
     buttonLink?: string;
     elementId?: string;
 }>;
@@ -188,7 +188,7 @@ declare const LinkButton: styled_components.StyledComponent<"div", styled_compon
     activeOpacity?: number | undefined;
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
-    onClick?: Callback | undefined;
+    onClick?: Callback$1 | undefined;
     buttonLink?: string | undefined;
     elementId?: string | undefined;
 }, never>;
@@ -248,7 +248,7 @@ declare type AvatarProps = {
         iconName?: IconNames;
         imageUrl?: string;
     };
-    onPress?: Callback;
+    onPress?: Callback$1;
 };
 declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => JSX.Element;
 
@@ -428,7 +428,7 @@ declare const ZealThemeProvider: (props: PropsWithChildren<{
     theme?: DefaultTheme;
 }>) => JSX.Element;
 
-declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green';
+declare type ThemeColors = 'primary' | 'secondary' | 'background' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'indigo' | 'blue' | 'white' | 'black' | 'indigoTint' | 'indigoTint2' | 'success' | 'error' | 'warning' | 'green' | 'greenTint';
 declare type SizesTypes = '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
 declare type FontSizesTypes = SizesTypes | 'H2';
 declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -589,11 +589,11 @@ declare type AlertProps = {
     fullWidth?: boolean;
     isPreview?: boolean;
     withCloseIcon?: {
-        onClose: Callback;
+        onClose: Callback$1;
     };
     fontColor?: ThemeColors$2;
     destinationLink?: string;
-    onDestinationHandler?: Callback;
+    onDestinationHandler?: Callback$1;
     containerStyles?: CSSProperties;
 };
 declare const Alert: ({ logo, title, withCloseIcon, description, style, fontColor, containerStyles, ...props }: AlertProps) => JSX.Element;
@@ -636,6 +636,17 @@ declare type ToggleFieldProps = {
 };
 declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
 
+declare type Callback = () => void;
+
+declare type BottomNaVBarItemProps = {
+    name: string;
+    icon: ComponentType<Omit<IconProps$1, 'name'>>;
+    active: boolean;
+    activeColor: string;
+    onNavigate: Callback;
+};
+declare const BottomNavBarItem: ({ name, icon: IconComponent, active, activeColor, onNavigate, }: BottomNaVBarItemProps) => JSX.Element;
+
 declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
@@ -661,7 +672,7 @@ declare type AcquisitionFormProps<T extends object> = {
     description?: string;
     buttonText?: string;
     onSubmit: (values: T) => void;
-    onLinkButtonClick?: Callback;
+    onLinkButtonClick?: Callback$1;
     showConsentLabel?: boolean;
     triggerFormInitially?: boolean;
     isTooltipVisible?: boolean;
@@ -697,8 +708,8 @@ declare type LoginFormProps = {
     };
     optionsPresentation?: boolean;
     onSubmit: (values: LoginFields) => void;
-    onSignUpButtonClick?: Callback;
-    onForgotPasswordButtonClick?: Callback;
+    onSignUpButtonClick?: Callback$1;
+    onForgotPasswordButtonClick?: Callback$1;
     isTooltipVisible?: boolean;
     consents: ConsentProps$2[];
 };
@@ -723,18 +734,18 @@ declare type FeedContentProps = {
         onClick?: () => void;
     };
     withCloseIcon?: {
-        onClose: Callback;
+        onClose: Callback$1;
     };
     isMobile?: boolean;
     isExpanded?: boolean;
     isPreview?: boolean;
     destinationLink?: string;
-    onDestinationHandler?: Callback;
+    onDestinationHandler?: Callback$1;
     imageStyles?: CSSProperties;
     videoStyles?: CSSProperties;
     isEnabledFavoriting?: boolean;
     isFavorite?: boolean;
-    onFavoriteClickHandler?: Callback;
+    onFavoriteClickHandler?: Callback$1;
     onFavoriteIconClick?: (selectedFeedContent: FeedContentProps) => void;
 };
 
@@ -760,9 +771,9 @@ declare type ProfileInformationProps<TabKeys extends string> = {
     title: string;
     editIcons?: {
         isEditMode: boolean;
-        onSave: Callback;
-        onEdit: Callback;
-        onClose: Callback;
+        onSave: Callback$1;
+        onEdit: Callback$1;
+        onClose: Callback$1;
     };
 };
 declare const ProfileInformation: <TabKeys extends string>({ avatarProps, backgroundImageUrl, initialTabKey, tabs, title, editIcons, tabContents, }: ProfileInformationProps<TabKeys>) => JSX.Element;
@@ -774,7 +785,7 @@ declare type ForgotPasswordFormProps = {
     logoUrl: string;
     isLoading?: boolean;
     onSubmit?: (values: EmailAddressFields) => void;
-    onBack?: Callback;
+    onBack?: Callback$1;
 };
 declare const ForgotPasswordForm: ({ logoUrl, onBack, onSubmit, isLoading, }: ForgotPasswordFormProps) => JSX.Element;
 
@@ -800,7 +811,7 @@ declare type HeaderAProps<T = string> = {
     links?: ImportantLink[];
     logoUrl: string;
     tabsProps: TabGroupProps$1;
-    onActionButtonClick?: Callback;
+    onActionButtonClick?: Callback$1;
     buttonText: string;
     buttonLink: string;
     isMobile?: boolean;
@@ -864,10 +875,10 @@ declare type ProcessTrackerProps = {
     currentStep?: number;
     style?: CSSProperties;
     withCloseIcon?: {
-        onClose: Callback;
+        onClose: Callback$1;
     };
     destinationLink?: string;
-    onDestinationHandler?: Callback;
+    onDestinationHandler?: Callback$1;
 };
 declare const ProcessTracker: ({ title, statuses, isMobile, description, currentStep, style, withCloseIcon, }: ProcessTrackerProps) => JSX.Element;
 
@@ -897,6 +908,11 @@ declare type DynamicContentZoneProps = {
 };
 declare const DynamicContentZone: ({ elements, horizontalPaddings, containerStyles, }: DynamicContentZoneProps) => JSX.Element;
 
+declare type BottomNavBarNavigationProps = {
+    navbarItems: BottomNaVBarItemProps$1[];
+};
+declare const BottomNavBarNavigation: ({ navbarItems }: BottomNavBarNavigationProps) => JSX.Element;
+
 declare type DefaultTemplateProps = {
     alerts?: AlertProps$2[];
     processTracker?: ProcessTrackerProps$1;
@@ -947,4 +963,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BottomNaVBarItemProps, BottomNavBarItem, BottomNavBarNavigation, BottomNavBarNavigationProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.1.95",
+  "version": "0.1.96",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"