@zealicsolutions/web-ui 0.4.0 → 0.4.1
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.
- 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;
|