@zealicsolutions/web-ui 0.1.73 → 0.1.75

package/dist/esm/src/molecules/Stepper/Step.d.ts

@@ -1,13 +1,14 @@
 /// <reference types="react" />
+import { ProcessTrackerStatus } from 'organisms';
 import { OrientationType } from './Stepper';
 export declare type StepProps = {
     step: {
         title?: string;
         description?: string;
+        status?: ProcessTrackerStatus;
     };
     stepsNumber: number;
     order: number;
     orientation?: OrientationType;
-    active: number;
 };
-export declare const Step: ({ stepsNumber, step: { title, description }, orientation, order, active, }: StepProps) => JSX.Element;
+export declare const Step: ({ stepsNumber, step: { title, description, status }, orientation, order, }: StepProps) => JSX.Element;

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

@@ -1,11 +1,13 @@
 /// <reference types="react" />
+import { ProcessTrackerStatus } from 'organisms';
 export declare type OrientationType = 'horizontal' | 'vertical';
 export declare type StepperProps = {
     steps: {
-        title?: string;
+        title: string;
         description?: string;
+        status?: ProcessTrackerStatus;
     }[];
-    active: number;
+    currentStep: number;
     orientation?: OrientationType;
 };
-export declare const Stepper: ({ active, steps, orientation }: StepperProps) => JSX.Element;
+export declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;

package/dist/esm/src/molecules/Stepper/styles.d.ts

@@ -2,19 +2,20 @@ import { OrientationType } from 'molecules/Stepper/Stepper';
 export declare const StepperWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     orientation?: OrientationType | undefined;
 }, never>;
-export declare const StepWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+export declare const Wrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
     orientation?: OrientationType | undefined;
 }, never>;
+export declare const StepWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const VerticalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     orientation?: OrientationType | undefined;
     isLastChild?: boolean | undefined;
 }, never>;
 export declare const CustomStep: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
-    done?: boolean | undefined;
-    current?: boolean | undefined;
+    isComplete?: boolean | undefined;
+    isProgress?: boolean | undefined;
     orientation?: OrientationType | undefined;
 }, never>;
 export declare const ConnectionLine: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     orientation?: OrientationType | undefined;
-    done?: boolean | undefined;
+    isComplete?: boolean | undefined;
 }, never>;

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

@@ -1,14 +1,17 @@
 /// <reference types="react" />
 import { CSSProperties } from 'styled-components';
+import { Nullable } from 'typescript';
+export declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
 export declare type ProcessTrackerProps = {
-    title?: string;
-    description?: string;
+    title?: Nullable<string>;
+    description?: Nullable<string>;
     isMobile?: boolean;
-    states?: {
+    statuses?: {
         title: string;
         description: string;
+        status: ProcessTrackerStatus;
     }[];
-    activeStep?: number;
+    currentStep?: number;
     style?: CSSProperties;
 };
-export declare const ProcessTracker: ({ title, states, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
+export declare const ProcessTracker: ({ title, statuses, isMobile, description, currentStep, style, }: ProcessTrackerProps) => JSX.Element;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
-import { ProcessTracker as ProcessTrackerComponent, ProcessTrackerProps } from 'organisms';
+import { ProcessTracker as ProcessTrackerComponent, ProcessTrackerProps } from './ProcessTracker';
 declare const _default: {
     title: string;
-    component: ({ title, states, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
+    component: ({ title, statuses, isMobile, description, currentStep, style, }: ProcessTrackerProps) => JSX.Element;
 };
 export default _default;
 export declare const ProcessTracker: ComponentStory<typeof ProcessTrackerComponent>;

package/dist/index.d.ts

@@ -19,8 +19,8 @@ import { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, B
 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 } from 'molecules';
-import { FilteredFeedContentType as FilteredFeedContentType$1, ConsentProps as ConsentProps$1, ProcessTrackerProps as ProcessTrackerProps$1 } from 'organisms';
 import { SetPasswordFields, MaxRuleValidation, MinRuleValidation } from 'organisms/SetPasswordForm/types';
 import { ConsentProps as ConsentProps$2 } from 'organisms/Consent/Consent';
 import { FooterAProps } from 'organisms/Footer/FooterA';
@@ -582,13 +582,14 @@ declare const Alert: ({ logo, title, withCloseIcon, description, style, fontColo
 declare type OrientationType = 'horizontal' | 'vertical';
 declare type StepperProps = {
     steps: {
-        title?: string;
+        title: string;
         description?: string;
+        status?: ProcessTrackerStatus$1;
     }[];
-    active: number;
+    currentStep: number;
     orientation?: OrientationType;
 };
-declare const Stepper: ({ active, steps, orientation }: StepperProps) => JSX.Element;
+declare const Stepper: ({ steps, orientation, currentStep }: StepperProps) => JSX.Element;
 
 declare type PdfDocumentProps = {
     source: string;
@@ -808,18 +809,20 @@ declare type ConsentProps<T extends string = string> = {
 };
 declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
 
+declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
 declare type ProcessTrackerProps = {
-    title?: string;
-    description?: string;
+    title?: Nullable<string>;
+    description?: Nullable<string>;
     isMobile?: boolean;
-    states?: {
+    statuses?: {
         title: string;
         description: string;
+        status: ProcessTrackerStatus;
     }[];
-    activeStep?: number;
+    currentStep?: number;
     style?: CSSProperties;
 };
-declare const ProcessTracker: ({ title, states, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
+declare const ProcessTracker: ({ title, statuses, isMobile, description, currentStep, style, }: ProcessTrackerProps) => JSX.Element;
 
 declare type FilteredFeedContentType = 'article' | 'document' | 'video' | 'all';
 declare type FeedContentContainerProps = {
@@ -880,4 +883,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, 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, 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, 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, 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, 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, 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.73",
+  "version": "0.1.75",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"