@zealicsolutions/web-ui 0.4.47 → 0.4.49
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/cjs/src/containers/hooks/useStateListenerValue.d.ts +11 -5
- package/dist/cjs/src/containers/types/types.d.ts +7 -7
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +4 -2
- package/dist/cjs/src/molecules/Stepper/Stepper.d.ts +3 -2
- package/dist/cjs/src/organisms/ProcessTracker/ProcessTracker.d.ts +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/esm/src/containers/hooks/useStateListenerValue.d.ts +11 -5
- package/dist/esm/src/containers/types/types.d.ts +7 -7
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +4 -2
- package/dist/esm/src/molecules/Stepper/Stepper.d.ts +3 -2
- package/dist/esm/src/organisms/ProcessTracker/ProcessTracker.d.ts +1 -1
- package/dist/index.d.ts +12 -9
- package/package.json +2 -2
@@ -3,4 +3,4 @@ import { TabGroupProps } from 'molecules';
|
|
3
3
|
export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, }: Molecule & {
|
4
4
|
tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
5
5
|
isMobile?: boolean | undefined;
|
6
|
-
}) => JSX.Element;
|
6
|
+
}) => JSX.Element | null;
|
@@ -1,12 +1,18 @@
|
|
1
1
|
declare type UseStateListenerValueProps = {
|
2
|
+
stateListenerId?: string;
|
2
3
|
isAction?: boolean;
|
3
|
-
id: string;
|
4
4
|
};
|
5
|
-
export declare const useStateListenerValue: ({
|
5
|
+
export declare const useStateListenerValue: ({ stateListenerId, isAction, }: UseStateListenerValueProps) => {
|
6
6
|
isStateDisabled: boolean;
|
7
7
|
isStateVisible: boolean;
|
8
|
-
|
9
|
-
|
10
|
-
|
8
|
+
stateValue?: undefined;
|
9
|
+
} | {
|
10
|
+
isStateDisabled: boolean;
|
11
|
+
isStateVisible: boolean;
|
12
|
+
stateValue: (string & Partial<Record<string, never>>) | (true & Partial<Record<string | number | typeof Symbol.iterator, never>>) | ({
|
13
|
+
value?: string | number | undefined;
|
14
|
+
} & Record<string, {
|
15
|
+
value?: string | number | undefined;
|
16
|
+
}> & Partial<Record<number | typeof Symbol.iterator, never>>) | (import("..").ActionEventType & Partial<Record<number | typeof Symbol.iterator, never>>) | (import("..").ProcessTrackerStateValue & Partial<Record<string | number | typeof Symbol.iterator, never>>);
|
11
17
|
};
|
12
18
|
export {};
|
@@ -3,7 +3,7 @@ import { PropsWithChildren } from 'react';
|
|
3
3
|
import { ValidationMode } from 'react-hook-form';
|
4
4
|
import { CSSProperties } from 'styled-components';
|
5
5
|
import { SizesTypes } from 'theme';
|
6
|
-
import type { AnyObject, Nullable, StylesType } from 'typescript';
|
6
|
+
import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
|
7
7
|
import { Molecule, ProcessStep } from './moleculeTypes';
|
8
8
|
export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
|
9
9
|
export declare type ContainerTemplateType = 'row_content_container';
|
@@ -122,11 +122,11 @@ export declare type FormDataStateConfig = {
|
|
122
122
|
value?: string | number;
|
123
123
|
}>;
|
124
124
|
export declare type ActionEventType = Record<string, boolean>;
|
125
|
-
export declare type
|
126
|
-
visible
|
125
|
+
export declare type ProcessTrackerStateValue = {
|
126
|
+
visible?: boolean;
|
127
127
|
journeyId: string;
|
128
|
-
steps:
|
129
|
-
|
130
|
-
|
128
|
+
steps: Pick<ProcessStep, 'id' | 'status' | 'link' | 'order'>[];
|
129
|
+
};
|
130
|
+
export declare type StateConfigType = {
|
131
|
+
[stateKey: string]: Nullable<StrictUnion<boolean | string | FormDataStateConfig | ActionEventType | ProcessTrackerStateValue>>;
|
131
132
|
};
|
132
|
-
export declare type StateConfigType = Record<string, Nullable<boolean | string | FormDataStateConfig | ActionEventType | TrackerStateJbject>>;
|
@@ -2,7 +2,7 @@ import { ContainerComponentProps, Molecule } from 'containers';
|
|
2
2
|
import { InputFieldTypes } from 'fieldsConfiguration';
|
3
3
|
import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
|
4
4
|
import { Dispatch, SetStateAction } from 'react';
|
5
|
-
import { AnyObject } from 'typescript';
|
5
|
+
import type { AnyObject } from 'typescript';
|
6
6
|
import { GroupedStepItemsByStepContainer } from './utils';
|
7
7
|
export declare type OrganismContextType = {
|
8
8
|
items: (ContainerComponentProps | Molecule)[];
|
@@ -23,6 +23,8 @@ export declare type OrganismContextType = {
|
|
23
23
|
validations?: PasswordRuleValidation[];
|
24
24
|
editable?: boolean;
|
25
25
|
isFormInEditMode?: boolean;
|
26
|
-
organismMetadata?:
|
26
|
+
organismMetadata?: {
|
27
|
+
stateListenerId?: string;
|
28
|
+
} & AnyObject;
|
27
29
|
};
|
28
30
|
export declare const OrganismContext: import("react").Context<OrganismContextType>;
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import {
|
1
|
+
import { MetadataType, ProcessStep } from 'containers';
|
2
|
+
export declare type ProcessTrackerOrientation = 'horizontal' | 'vertical';
|
2
3
|
export declare type StepperProps = {
|
3
4
|
steps: ProcessStep[];
|
4
|
-
orientation:
|
5
|
+
orientation: ProcessTrackerOrientation;
|
5
6
|
htmlElementId?: string;
|
6
7
|
metadata: MetadataType;
|
7
8
|
isMobile?: boolean;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ProcessTrackerStatus } from 'containers';
|
2
2
|
import { CSSProperties } from 'styled-components';
|
3
|
-
import { Callback, Nullable } from 'typescript';
|
3
|
+
import type { Callback, Nullable } from 'typescript';
|
4
4
|
export declare type ProcessTrackerProps = {
|
5
5
|
title?: Nullable<string>;
|
6
6
|
description?: Nullable<string>;
|