@zealicsolutions/web-ui 0.2.19 → 0.2.20

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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>;