@zealicsolutions/web-ui 0.2.19 → 0.2.20

package/dist/esm/src/atoms/Input/Input.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import type { IconNames } from 'atoms/Icon/Icon';
 import { InputFieldTypes } from 'fieldsConfiguration/types';
+import React from 'react';
 import type { Callback } from 'typescript';
 export declare type InputIconProps = {
     name: IconNames;
@@ -18,5 +18,6 @@ export declare type InputProps = {
     isError?: boolean;
     maxLength?: number;
     onChange?: (value: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 };
 export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectOption } from 'atoms/Select/types';
 import { ControllerProps } from 'react-hook-form';
 export declare type InputFieldTypes = 'number' | 'text' | 'email' | 'password';
@@ -17,6 +18,7 @@ export declare type UIField<T = string> = (UIInputField & UISelectField & UIChec
 export declare type UIInputField = {
     inputType?: InputFieldTypes;
     maxLength?: number;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 };
 export declare type UISelectField = {
     options?: SelectOption[];

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

@@ -8,5 +8,6 @@ export declare type FieldMapperProps<T extends object> = {
     spacer?: number;
     isTooltipVisible?: boolean;
     optionsPresentation?: boolean;
+    styles?: React.CSSProperties;
 };
-export declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, }: FieldMapperProps<T>) => JSX.Element | null;
+export declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SubscribePanelProps } from './type';
+export declare const SubscribePanel: ({ template, onSubscribe, ...props }: SubscribePanelProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SubscribePanel as SubscribePanelComponent } from './SubscribePanel';
+declare const _default: {
+    title: string;
+    component: ({ template, onSubscribe, ...props }: import("./type").SubscribePanelProps) => JSX.Element;
+};
+export default _default;
+export declare const SubscribePanel: ComponentStory<typeof SubscribePanelComponent>;

package/dist/esm/src/organisms/SubscribePanel/SubscribePanelA.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SubscribePanelTemplateProps } from './type';
+export declare const SubscribePanelA: ({ title, description, subscribeHandler, isSubscribing, control, isMobile, }: SubscribePanelTemplateProps) => JSX.Element;

package/dist/esm/src/organisms/SubscribePanel/SubscribePanelB.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SubscribePanelTemplateProps } from './type';
+export declare const SubscribePanelB: ({ title, description, subscribeHandler, isSubscribing, control, isMobile, }: SubscribePanelTemplateProps) => JSX.Element;

package/dist/esm/src/organisms/SubscribePanel/constants.d.ts

@@ -0,0 +1,4 @@
+import { UIField } from 'fieldsConfiguration';
+export declare const subscribePanelEmailInput: UIField<'email'>;
+export declare const showSubscribeErrorMessage: () => void | undefined;
+export declare const showSubscribeSuccessMessage: () => void | undefined;

package/dist/esm/src/organisms/SubscribePanel/type.d.ts

@@ -0,0 +1,18 @@
+import { Control } from 'react-hook-form';
+import { Callback } from 'typescript';
+export declare type SubscribePanelTemplateKeys = `subscribe_template_${'a' | 'b'}`;
+export declare type SubscribePanelTemplateProps = {
+    title?: string;
+    description?: string;
+    isSubscribing?: boolean;
+    subscribeHandler: Callback;
+    isMobile: boolean;
+    control: Control<SubscribePanelForm>;
+};
+export declare type SubscribePanelProps = Omit<SubscribePanelTemplateProps, 'isMobile' | 'control' | 'subscribeHandler'> & {
+    template: SubscribePanelTemplateKeys;
+    onSubscribe: (email: string) => void;
+};
+export declare type SubscribePanelForm = {
+    email: string;
+};

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

@@ -16,3 +16,4 @@ export * from './FeedContentContainer/FeedContentContainer';
 export * from './DynamicContentZone/DynamicContentZone';
 export * from './BottomNavBarNavigation/BottomNavBarNavigation';
 export * from './HeroSlider/HeroSlider';
+export * from './SubscribePanel/SubscribePanel';

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

@@ -1,5 +1,5 @@
 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 SizesTypes = '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
 export declare type FontSizesTypes = SizesTypes | 'H2';
 export declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export declare type ThemeColorsType = Record<ThemeColors, string>;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Callback as Callback$1, StylesType, Nullable } from 'typescript';
-import * as react from 'react';
-import react__default, { PropsWithChildren, ReactNode, ComponentType, Dispatch, SetStateAction } from 'react';
+import * as React$1 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';
@@ -18,7 +18,7 @@ import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
 import { IconNames as IconNames$2, TouchableOpacityProps as TouchableOpacityProps$1, InputProps as InputProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, IconProps as IconProps$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 { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState, Control as Control$1 } from 'react-hook-form';
 import { ProcessTrackerStatus as ProcessTrackerStatus$1, FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, HeroSliderProps as HeroSliderProps$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, BottomNaVBarItemProps as BottomNaVBarItemProps$1 } from 'molecules';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
@@ -61,7 +61,7 @@ declare const TouchableOpacity: styled_components.StyledComponent<"div", styled_
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
 } & {
-    children?: react.ReactNode;
+    children?: React$1.ReactNode;
 }, never>;
 
 declare type CheckBoxProps = {
@@ -106,6 +106,7 @@ declare type InputProps = {
     isError?: boolean;
     maxLength?: number;
     onChange?: (value: string) => void;
+    onKeyDown?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
 };
 declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, ...rest }: InputProps) => JSX.Element;
 
@@ -184,7 +185,7 @@ declare const LinkButton: styled_components.StyledComponent<"div", styled_compon
     withoutOpacityEffect?: boolean | undefined;
     disabled?: boolean | undefined;
 } & {
-    children?: react.ReactNode;
+    children?: React$1.ReactNode;
 } & {
     activeOpacity?: number | undefined;
     withoutOpacityEffect?: boolean | undefined;
@@ -275,7 +276,7 @@ declare type MapPosition = {
 declare type GoogleMapProps = {
     position: MapPosition;
 } & WithScriptjsProps & WithGoogleMapProps;
-declare const GoogleMap: react__default.ComponentClass<{
+declare const GoogleMap: React__default.ComponentClass<{
     position: MapPosition;
 } & WithScriptjsProps & WithGoogleMapProps, any>;
 
@@ -376,6 +377,7 @@ declare type UIField<T = string> = (UIInputField & UISelectField & UICheckboxFie
 declare type UIInputField = {
     inputType?: InputFieldTypes;
     maxLength?: number;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 };
 declare type UISelectField = {
     options?: SelectOption$1[];
@@ -405,8 +407,9 @@ declare type FieldMapperProps<T extends object> = {
     spacer?: number;
     isTooltipVisible?: boolean;
     optionsPresentation?: boolean;
+    styles?: React.CSSProperties;
 };
-declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, }: FieldMapperProps<T>) => JSX.Element | null;
+declare const FieldMapper: <T extends object>({ field, isEditMode, spacer, control, isTooltipVisible, optionsPresentation, styles, }: FieldMapperProps<T>) => JSX.Element | null;
 
 declare type CheckboxFieldProps = {
     name: string;
@@ -448,7 +451,7 @@ declare const ZealThemeProvider: (props: PropsWithChildren<{
 }>) => JSX.Element;
 
 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 SizesTypes = '3XL' | '2XL' | 'XL' | 'L' | 'M' | 'S' | 'XS';
 declare type FontSizesTypes = SizesTypes | 'H2';
 declare type BreakpointSizesTypes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 declare type ThemeColorsType = Record<ThemeColors, string>;
@@ -949,6 +952,25 @@ declare type HeroSliderProps = {
 declare const HeroSlider: ({ heroSlides }: HeroSliderProps) => JSX.Element | null;
 declare const HeroSliderWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {}, never>;
 
+declare type SubscribePanelTemplateKeys = `subscribe_template_${'a' | 'b'}`;
+declare type SubscribePanelTemplateProps = {
+    title?: string;
+    description?: string;
+    isSubscribing?: boolean;
+    subscribeHandler: Callback$1;
+    isMobile: boolean;
+    control: Control$1<SubscribePanelForm>;
+};
+declare type SubscribePanelProps = Omit<SubscribePanelTemplateProps, 'isMobile' | 'control' | 'subscribeHandler'> & {
+    template: SubscribePanelTemplateKeys;
+    onSubscribe: (email: string) => void;
+};
+declare type SubscribePanelForm = {
+    email: string;
+};
+
+declare const SubscribePanel: ({ template, onSubscribe, ...props }: SubscribePanelProps) => JSX.Element;
+
 declare type DefaultTemplateProps = {
     alerts?: AlertProps$2[];
     processTracker?: ProcessTrackerProps$1;
@@ -983,7 +1005,7 @@ declare type MlrRichTextViewerContextType = {
     showAnnotations: boolean;
     annotationsList: AnnotationsList$1;
 };
-declare const MlrRichTextViewerContext: react.Context<MlrRichTextViewerContextType>;
+declare const MlrRichTextViewerContext: React$1.Context<MlrRichTextViewerContextType>;
 
 declare type AnnotationsList = {
     tags: {
@@ -999,4 +1021,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, 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, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, 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, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, 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, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, 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, HeroImageTemplate, HeroSlider, HeroSliderProps, HeroSliderWrapper, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconButton, IconButtonProps, 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, SubscribePanel, 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.2.19",
+  "version": "0.2.20",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"