@zealicsolutions/web-ui 0.1.72 → 0.1.74

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,6 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { CSSProperties } from 'styled-components';
3
3
  import { FontSizesTypes, ThemeColors } from 'theme';
4
+ export declare const MATRIX_MESSAGE_ELEMENT_ID = "matrix-message";
5
+ export declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
6
+ export declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
7
+ export declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
8
+ export declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
4
9
  export declare type RichTextEditorProps = Partial<{
5
10
  value: string;
6
11
  font: FontSizesTypes;
@@ -1,13 +1,15 @@
1
1
  /// <reference types="react" />
2
+ import { ProcessTrackerStatus } from 'organisms';
2
3
  import { OrientationType } from './Stepper';
3
4
  export declare type StepProps = {
4
5
  step: {
5
6
  title?: string;
6
7
  description?: string;
8
+ status?: ProcessTrackerStatus;
7
9
  };
8
10
  stepsNumber: number;
9
11
  order: number;
10
12
  orientation?: OrientationType;
11
13
  active: number;
12
14
  };
13
- export declare const Step: ({ stepsNumber, step: { title, description }, orientation, order, active, }: StepProps) => JSX.Element;
15
+ export declare const Step: ({ stepsNumber, step: { title, description, status }, orientation, order, active, }: StepProps) => JSX.Element;
@@ -1,9 +1,11 @@
1
1
  /// <reference types="react" />
2
+ import { ProcessTrackerStatus } from 'organisms';
2
3
  export declare type OrientationType = 'horizontal' | 'vertical';
3
4
  export declare type StepperProps = {
4
5
  steps: {
5
- title?: string;
6
+ title: string;
6
7
  description?: string;
8
+ status?: ProcessTrackerStatus;
7
9
  }[];
8
10
  active: number;
9
11
  orientation?: OrientationType;
@@ -2,9 +2,10 @@ import { OrientationType } from 'molecules/Stepper/Stepper';
2
2
  export declare const StepperWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
3
3
  orientation?: OrientationType | undefined;
4
4
  }, never>;
5
- export declare const StepWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
5
+ export declare const Wrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
6
6
  orientation?: OrientationType | undefined;
7
7
  }, never>;
8
+ export declare const StepWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
8
9
  export declare const VerticalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
9
10
  orientation?: OrientationType | undefined;
10
11
  isLastChild?: boolean | undefined;
@@ -1,14 +1,17 @@
1
1
  /// <reference types="react" />
2
2
  import { CSSProperties } from 'styled-components';
3
+ import { Nullable } from 'typescript';
4
+ export declare type ProcessTrackerStatus = 'complete' | 'incomplete' | 'in_progress';
3
5
  export declare type ProcessTrackerProps = {
4
- title?: string;
5
- description?: string;
6
+ title?: Nullable<string>;
7
+ description?: Nullable<string>;
6
8
  isMobile?: boolean;
7
- states?: {
9
+ statuses?: {
8
10
  title: string;
9
11
  description: string;
12
+ status: ProcessTrackerStatus;
10
13
  }[];
11
14
  activeStep?: number;
12
15
  style?: CSSProperties;
13
16
  };
14
- export declare const ProcessTracker: ({ title, states, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
17
+ export declare const ProcessTracker: ({ title, statuses, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import { ComponentStory } from '@storybook/react';
3
- import { ProcessTracker as ProcessTrackerComponent, ProcessTrackerProps } from 'organisms';
3
+ import { ProcessTracker as ProcessTrackerComponent, ProcessTrackerProps } from './ProcessTracker';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: ({ title, states, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
6
+ component: ({ title, statuses, isMobile, description, activeStep, style, }: ProcessTrackerProps) => JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const ProcessTracker: ComponentStory<typeof ProcessTrackerComponent>;