@zealicsolutions/web-ui 0.4.0 → 0.4.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/Container.d.ts +2 -1
- package/dist/cjs/src/containers/FormStepContainer.d.ts +2 -1
- package/dist/cjs/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/cjs/src/containers/OrganismItem.d.ts +2 -1
- package/dist/cjs/src/containers/mock-data.d.ts +1 -0
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +1 -0
- package/dist/cjs/src/containers/types/types.d.ts +1 -0
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +0 -1
- package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +1 -2
- package/dist/cjs/src/molecules/InputField/InputField.d.ts +2 -1
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +2 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/Container.d.ts +2 -1
- package/dist/esm/src/containers/FormStepContainer.d.ts +2 -1
- package/dist/esm/src/containers/MoleculeItem.d.ts +1 -1
- package/dist/esm/src/containers/OrganismItem.d.ts +2 -1
- package/dist/esm/src/containers/mock-data.d.ts +1 -0
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +1 -0
- package/dist/esm/src/containers/types/types.d.ts +1 -0
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +0 -1
- package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +1 -2
- package/dist/esm/src/molecules/InputField/InputField.d.ts +2 -1
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +2 -1
- package/dist/index.d.ts +9 -6
- package/package.json +1 -1
@@ -1,7 +1,7 @@
|
|
1
1
|
import { ContainerComponentProps, ContainerProps } from 'containers';
|
2
2
|
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
3
3
|
import { AnyObject } from 'typescript';
|
4
|
-
export declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
|
4
|
+
export declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, isFormInEditMode, }: Partial<{
|
5
5
|
type: import("containers").ContainerType;
|
6
6
|
containerTemplateType: "row_content_container";
|
7
7
|
wide: Partial<{
|
@@ -54,6 +54,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, met
|
|
54
54
|
}>;
|
55
55
|
metadata: import("containers").MetadataType;
|
56
56
|
isMobile: boolean;
|
57
|
+
isFormInEditMode: boolean;
|
57
58
|
}> & {
|
58
59
|
children?: ReactNode;
|
59
60
|
} & {
|
@@ -4,6 +4,7 @@ import { PropsWithChildren } from 'react';
|
|
4
4
|
export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
|
5
5
|
id: string;
|
6
6
|
metadata?: MetadataType;
|
7
|
+
isFormInEditMode?: boolean;
|
7
8
|
};
|
8
9
|
export declare const parsedDateValue: (value: string, type: InputFieldTypes) => string;
|
9
|
-
export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, }: StepContainerProps) => JSX.Element | null;
|
10
|
+
export declare const FormStepContainer: ({ order, id, metadata, formStepStyles, isFormInEditMode, }: StepContainerProps) => JSX.Element | null;
|
@@ -6,7 +6,7 @@ export declare const getFullLink: (url: string) => string;
|
|
6
6
|
export declare const navigateToPage: (url: string) => void;
|
7
7
|
export declare const downloadFile: (url?: string, name?: string) => Promise<void>;
|
8
8
|
export declare const parseDescendantContent: (string: string) => CustomDescendant[];
|
9
|
-
export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, }: Molecule & {
|
9
|
+
export declare const MoleculeItem: ({ type, config, attributes, tabsProps, form, id, formData, setFormData, isMobile, metadata, isFormInEditMode, }: Molecule & {
|
10
10
|
tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
|
11
11
|
isMobile?: boolean | undefined;
|
12
12
|
}) => JSX.Element | null;
|
@@ -8,5 +8,6 @@ export declare type OrganismItemProps = {
|
|
8
8
|
formData?: AnyObject;
|
9
9
|
setFormData?: Dispatch<SetStateAction<AnyObject>>;
|
10
10
|
isMobile?: boolean;
|
11
|
+
isFormInEditMode?: boolean;
|
11
12
|
};
|
12
|
-
export declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, }: OrganismItemProps) => JSX.Element | null;
|
13
|
+
export declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, isFormInEditMode, }: OrganismItemProps) => JSX.Element | null;
|
@@ -12,3 +12,4 @@ export declare const columnRepeaterContainer: ContainerComponentProps;
|
|
12
12
|
export declare const outlinedColumnContainer: ContainerComponentProps;
|
13
13
|
export declare const headerContainer: ContainerComponentProps;
|
14
14
|
export declare const headerContainerWithTabs: ContainerComponentProps;
|
15
|
+
export declare const DataField: ContainerComponentProps;
|
@@ -11,6 +11,5 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
|
11
11
|
}) => void;
|
12
12
|
validations: PasswordRuleValidation[];
|
13
13
|
editable: boolean;
|
14
|
-
isEditableForm: boolean;
|
15
14
|
}>>;
|
16
|
-
export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable,
|
15
|
+
export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, }: FormStepContextProviderProps) => JSX.Element;
|
@@ -19,5 +19,6 @@ export declare type InputFieldProps = Partial<{
|
|
19
19
|
state: FormStateType;
|
20
20
|
formData: AnyObject;
|
21
21
|
htmlElementId: string;
|
22
|
+
isFormInEditMode: boolean;
|
22
23
|
}>;
|
23
|
-
export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
|
24
|
+
export declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isFormInEditMode, }: InputFieldProps) => JSX.Element | null;
|
@@ -3,7 +3,7 @@ import { StoryFn } from '@storybook/react';
|
|
3
3
|
import { InputFieldProps } from './InputField';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: Partial<{
|
6
|
+
component: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isFormInEditMode, }: Partial<{
|
7
7
|
name: string;
|
8
8
|
control: import("react-hook-form").Control<any, any>;
|
9
9
|
rules: Omit<Partial<{
|
@@ -64,6 +64,7 @@ declare const _default: {
|
|
64
64
|
state: import("../..").FormStateType;
|
65
65
|
formData: import("typescript").AnyObject;
|
66
66
|
htmlElementId: string;
|
67
|
+
isFormInEditMode: boolean;
|
67
68
|
}>) => JSX.Element | null;
|
68
69
|
};
|
69
70
|
export default _default;
|
package/dist/index.d.ts
CHANGED
@@ -938,7 +938,6 @@ declare type OrganismContextType = {
|
|
938
938
|
}) => void;
|
939
939
|
validations?: PasswordRuleValidation[];
|
940
940
|
editable?: boolean;
|
941
|
-
isEditableForm?: boolean;
|
942
941
|
};
|
943
942
|
declare const OrganismContext: react.Context<OrganismContextType>;
|
944
943
|
|
@@ -951,9 +950,8 @@ declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
|
951
950
|
}) => void;
|
952
951
|
validations: PasswordRuleValidation[];
|
953
952
|
editable: boolean;
|
954
|
-
isEditableForm: boolean;
|
955
953
|
}>>;
|
956
|
-
declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable,
|
954
|
+
declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, }: FormStepContextProviderProps) => JSX.Element;
|
957
955
|
|
958
956
|
declare type AccountButtonContextType = Partial<{
|
959
957
|
userInitials: string;
|
@@ -1044,8 +1042,9 @@ declare type InputFieldProps = Partial<{
|
|
1044
1042
|
state: FormStateType$1;
|
1045
1043
|
formData: AnyObject$1;
|
1046
1044
|
htmlElementId: string;
|
1045
|
+
isFormInEditMode: boolean;
|
1047
1046
|
}>;
|
1048
|
-
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, }: InputFieldProps) => JSX.Element | null;
|
1047
|
+
declare const InputField: ({ control, name, inputProps, styles, labelsProps, defaultValue, displayOnlyInputDefaultValue, optional, required, rules, conditionConfig, state, formData, htmlElementId, isFormInEditMode, }: InputFieldProps) => JSX.Element | null;
|
1049
1048
|
|
1050
1049
|
declare type FieldMapperProps<T extends object> = {
|
1051
1050
|
field: UIField$1<keyof T>;
|
@@ -1547,7 +1546,7 @@ declare type LinkProps = Omit<TextButtonProps$1, 'children'> & Partial<{
|
|
1547
1546
|
}>;
|
1548
1547
|
declare const Link: ({ text, isRichText, htmlElementId, ...props }: LinkProps) => JSX.Element | null;
|
1549
1548
|
|
1550
|
-
declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, }: Partial<{
|
1549
|
+
declare const Container: ({ children, wide, compact, type, props, id, metadata, isMobile, isFormInEditMode, }: Partial<{
|
1551
1550
|
type: containers.ContainerType;
|
1552
1551
|
containerTemplateType: "row_content_container";
|
1553
1552
|
wide: Partial<{
|
@@ -1600,6 +1599,7 @@ declare const Container: ({ children, wide, compact, type, props, id, metadata,
|
|
1600
1599
|
}>;
|
1601
1600
|
metadata: containers.MetadataType;
|
1602
1601
|
isMobile: boolean;
|
1602
|
+
isFormInEditMode: boolean;
|
1603
1603
|
}> & {
|
1604
1604
|
children?: ReactNode;
|
1605
1605
|
} & {
|
@@ -1868,6 +1868,7 @@ declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMol
|
|
1868
1868
|
form: UseFormReturn<any>;
|
1869
1869
|
formData: AnyObject$1;
|
1870
1870
|
setFormData: Dispatch<SetStateAction<AnyObject$1>>;
|
1871
|
+
isFormInEditMode: boolean;
|
1871
1872
|
}>;
|
1872
1873
|
|
1873
1874
|
declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
|
@@ -1936,6 +1937,7 @@ declare type ContainerProps = PropsWithChildren<Partial<{
|
|
1936
1937
|
props: ContainerPropsType;
|
1937
1938
|
metadata: MetadataType;
|
1938
1939
|
isMobile: boolean;
|
1940
|
+
isFormInEditMode: boolean;
|
1939
1941
|
}>>;
|
1940
1942
|
declare type ContainerComponentProps = {
|
1941
1943
|
id: string;
|
@@ -2000,8 +2002,9 @@ declare type OrganismItemProps = {
|
|
2000
2002
|
formData?: AnyObject$1;
|
2001
2003
|
setFormData?: Dispatch<SetStateAction<AnyObject$1>>;
|
2002
2004
|
isMobile?: boolean;
|
2005
|
+
isFormInEditMode?: boolean;
|
2003
2006
|
};
|
2004
|
-
declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, }: OrganismItemProps) => JSX.Element | null;
|
2007
|
+
declare const OrganismItem: ({ item, tabsProps, formData, setFormData, isMobile, isFormInEditMode, }: OrganismItemProps) => JSX.Element | null;
|
2005
2008
|
|
2006
2009
|
declare type FormOrganismItemProps = {
|
2007
2010
|
item: ContainerComponentProps$2;
|