@zealicsolutions/web-ui 0.3.138 → 0.3.139
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +20 -20
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/hooks/useStateModifierHandler.d.ts +1 -1
- package/dist/cjs/src/containers/mock-data.d.ts +1 -176
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +1 -2
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +3 -17
- package/dist/cjs/src/contexts/OrganismContext/OrganismContext.d.ts +0 -1
- package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -4
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +3 -5
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
- package/dist/esm/index.js +19 -19
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/hooks/useStateModifierHandler.d.ts +1 -1
- package/dist/esm/src/containers/mock-data.d.ts +1 -176
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +1 -2
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +3 -17
- package/dist/esm/src/contexts/OrganismContext/OrganismContext.d.ts +0 -1
- package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -4
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +3 -5
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +1 -1
- package/dist/index.d.ts +7 -25
- package/package.json +2 -2
@@ -16,179 +16,4 @@ export declare const DataField: ContainerComponentProps;
|
|
16
16
|
export declare const LogInPermanentPage: ContainerComponentProps;
|
17
17
|
export declare const stateObjectButton: ContainerComponentProps;
|
18
18
|
export declare const stateObjectLink: ContainerComponentProps;
|
19
|
-
export declare const
|
20
|
-
id: string;
|
21
|
-
config: {
|
22
|
-
size: string;
|
23
|
-
styles: {};
|
24
|
-
};
|
25
|
-
content: {
|
26
|
-
embedded: {
|
27
|
-
id: string;
|
28
|
-
createdAt: string;
|
29
|
-
updatedAt: string;
|
30
|
-
name: string;
|
31
|
-
type: string;
|
32
|
-
body: {
|
33
|
-
instance: string;
|
34
|
-
type: string;
|
35
|
-
items: {
|
36
|
-
instance: string;
|
37
|
-
config: {
|
38
|
-
compact: {
|
39
|
-
containerProps: {};
|
40
|
-
containerStyle: {
|
41
|
-
display: string;
|
42
|
-
gap: string;
|
43
|
-
width: string;
|
44
|
-
flexDirection: string;
|
45
|
-
};
|
46
|
-
};
|
47
|
-
wide: {
|
48
|
-
containerProps: {};
|
49
|
-
containerStyle: {
|
50
|
-
display: string;
|
51
|
-
gap: string;
|
52
|
-
width: string;
|
53
|
-
flexDirection: string;
|
54
|
-
};
|
55
|
-
};
|
56
|
-
props: {
|
57
|
-
formStepProps: {
|
58
|
-
formStepName: string;
|
59
|
-
order: number;
|
60
|
-
conditionConfig: null;
|
61
|
-
};
|
62
|
-
};
|
63
|
-
};
|
64
|
-
type: string;
|
65
|
-
items: {
|
66
|
-
type: string;
|
67
|
-
config: {
|
68
|
-
wide: {
|
69
|
-
containerProps: {};
|
70
|
-
containerStyle: {
|
71
|
-
display: string;
|
72
|
-
gap: string;
|
73
|
-
width: string;
|
74
|
-
flexDirection: string;
|
75
|
-
};
|
76
|
-
};
|
77
|
-
compact: {
|
78
|
-
containerProps: {};
|
79
|
-
containerStyle: {
|
80
|
-
display: string;
|
81
|
-
gap: string;
|
82
|
-
width: string;
|
83
|
-
flexDirection: string;
|
84
|
-
};
|
85
|
-
};
|
86
|
-
};
|
87
|
-
items: {
|
88
|
-
id: string;
|
89
|
-
moleculeLibraryId: string;
|
90
|
-
instance: string;
|
91
|
-
type: string;
|
92
|
-
metadata: {};
|
93
|
-
config: {};
|
94
|
-
attributes: {
|
95
|
-
label: {
|
96
|
-
required: boolean;
|
97
|
-
isRichText: boolean;
|
98
|
-
attributeType: string;
|
99
|
-
showRichTextToolbar: boolean;
|
100
|
-
text: string;
|
101
|
-
id: string;
|
102
|
-
};
|
103
|
-
required: {
|
104
|
-
attributeType: string;
|
105
|
-
value: boolean;
|
106
|
-
id: string;
|
107
|
-
};
|
108
|
-
dataModelField: {
|
109
|
-
id: string;
|
110
|
-
attributeType: string;
|
111
|
-
required: boolean;
|
112
|
-
dataModelField: {
|
113
|
-
dataFieldName: string;
|
114
|
-
dataModelFieldId: string;
|
115
|
-
defaultValue: null;
|
116
|
-
entitySubtypeId: string;
|
117
|
-
entitySubtypeName: string;
|
118
|
-
};
|
119
|
-
};
|
120
|
-
conditionConfig: {
|
121
|
-
id: string;
|
122
|
-
attributeType: string;
|
123
|
-
conditionConfig: {
|
124
|
-
criteriaList: never[];
|
125
|
-
segmentationType: string;
|
126
|
-
};
|
127
|
-
};
|
128
|
-
inputType: {};
|
129
|
-
};
|
130
|
-
}[];
|
131
|
-
metadata: {};
|
132
|
-
instance: string;
|
133
|
-
containerLibraryId: string;
|
134
|
-
id: string;
|
135
|
-
}[];
|
136
|
-
metadata: {
|
137
|
-
validation: string;
|
138
|
-
};
|
139
|
-
organismLibraryContainerId: string;
|
140
|
-
containerLibraryId: string;
|
141
|
-
id: string;
|
142
|
-
}[];
|
143
|
-
config: {
|
144
|
-
compact: {
|
145
|
-
containerProps: {};
|
146
|
-
containerStyle: {
|
147
|
-
padding: string;
|
148
|
-
};
|
149
|
-
};
|
150
|
-
wide: {
|
151
|
-
containerProps: {};
|
152
|
-
containerStyle: {
|
153
|
-
padding: string;
|
154
|
-
};
|
155
|
-
};
|
156
|
-
props: {
|
157
|
-
formProps: {
|
158
|
-
mode: string;
|
159
|
-
};
|
160
|
-
styles: {
|
161
|
-
display: string;
|
162
|
-
flexDirection: string;
|
163
|
-
gap: string;
|
164
|
-
padding: string;
|
165
|
-
};
|
166
|
-
};
|
167
|
-
};
|
168
|
-
metadata: {
|
169
|
-
validation: string;
|
170
|
-
display: {
|
171
|
-
type: string;
|
172
|
-
itemsPerStep: number;
|
173
|
-
};
|
174
|
-
};
|
175
|
-
organismLibraryContainerId: string;
|
176
|
-
containerLibraryId: string;
|
177
|
-
id: string;
|
178
|
-
};
|
179
|
-
metadata: {
|
180
|
-
formType: string;
|
181
|
-
editable: boolean;
|
182
|
-
isEditMode: boolean;
|
183
|
-
group: string[];
|
184
|
-
isTrigger: boolean;
|
185
|
-
referenceName: string;
|
186
|
-
};
|
187
|
-
status: string;
|
188
|
-
brandId: string;
|
189
|
-
organismLibraryId: string;
|
190
|
-
subtype: string;
|
191
|
-
}[];
|
192
|
-
isi: null;
|
193
|
-
};
|
194
|
-
};
|
19
|
+
export declare const oneFieldMock: ContainerComponentProps;
|
@@ -4,9 +4,8 @@ export declare type ButtonActionsContextType = {
|
|
4
4
|
actionContent?: ContainerComponentProps;
|
5
5
|
setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
|
6
6
|
isModalVisible: boolean;
|
7
|
+
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
7
8
|
isDrawerVisible: boolean;
|
8
9
|
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
9
|
-
setActivePopUpById: (id: string) => void;
|
10
|
-
onCloseModal: (id: string) => void;
|
11
10
|
};
|
12
11
|
export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;
|
@@ -1,25 +1,11 @@
|
|
1
1
|
import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
|
2
|
-
import {
|
3
|
-
import { ContainerComponentProps, Molecule } from 'containers';
|
4
|
-
export declare type PopupPropsType = {
|
5
|
-
id: string;
|
6
|
-
config: {
|
7
|
-
styles?: AnyObject;
|
8
|
-
size?: 'large' | 'medium';
|
9
|
-
};
|
10
|
-
content: {
|
11
|
-
embedded?: (ContainerComponentProps | Molecule)[];
|
12
|
-
isi?: ContainerComponentProps | Molecule;
|
13
|
-
};
|
14
|
-
};
|
2
|
+
import { ContainerComponentProps } from 'containers';
|
15
3
|
export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
|
16
4
|
actionContent: ContainerComponentProps;
|
17
5
|
setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
|
18
6
|
isModalVisible: boolean;
|
7
|
+
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
19
8
|
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
20
9
|
isDrawerVisible: boolean;
|
21
|
-
setActivePopUpById: (id: string) => void;
|
22
|
-
onCloseModal: (id: string) => void;
|
23
|
-
popupProps?: PopupPropsType[];
|
24
10
|
}>>;
|
25
|
-
export declare const ButtonActionsProvider: ({ children
|
11
|
+
export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
|
@@ -23,6 +23,5 @@ export declare type OrganismContextType = {
|
|
23
23
|
validations?: PasswordRuleValidation[];
|
24
24
|
editable?: boolean;
|
25
25
|
isFormInEditMode?: boolean;
|
26
|
-
organismMetadata?: AnyObject;
|
27
26
|
};
|
28
27
|
export declare const OrganismContext: import("react").Context<OrganismContextType>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
2
1
|
import { ContainerComponentProps, Molecule } from 'containers';
|
3
|
-
import type { AnyObject } from 'typescript';
|
4
2
|
import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
|
3
|
+
import { PropsWithChildren } from 'react';
|
4
|
+
import { AnyObject } from 'typescript';
|
5
5
|
export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
6
6
|
initItems: (ContainerComponentProps | Molecule)[];
|
7
7
|
formId: string;
|
@@ -12,6 +12,5 @@ export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
|
|
12
12
|
validations: PasswordRuleValidation[];
|
13
13
|
editable: boolean;
|
14
14
|
isFormInEditMode?: boolean;
|
15
|
-
organismMetadata?: AnyObject;
|
16
15
|
}>>;
|
17
|
-
export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode,
|
16
|
+
export declare const OrganismContextProvider: ({ initItems, children, submitHandler, formId, validations, editable, isFormInEditMode, }: FormStepContextProviderProps) => JSX.Element;
|
@@ -1,17 +1,15 @@
|
|
1
1
|
import { ModalProps as MUIModalProps } from '@mui/material';
|
2
2
|
import React, { KeyboardEvent, PropsWithChildren } from 'react';
|
3
3
|
import { CSSProperties } from 'styled-components';
|
4
|
-
import type { OverrideStyles } from 'typescript';
|
4
|
+
import type { Callback, OverrideStyles } from 'typescript';
|
5
5
|
export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
|
6
6
|
padding?: number | string;
|
7
7
|
wrapperStyles?: CSSProperties;
|
8
8
|
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
9
9
|
modalStyles?: CSSProperties;
|
10
|
-
|
11
|
-
popupId: string;
|
12
|
-
onClose: (popupId: string) => void;
|
10
|
+
onClose?: Callback;
|
13
11
|
};
|
14
|
-
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles,
|
12
|
+
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
15
13
|
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
|
16
14
|
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
17
15
|
activeOpacity?: number | undefined;
|
@@ -3,7 +3,7 @@ import type { StoryFn } from '@storybook/react';
|
|
3
3
|
import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles,
|
6
|
+
component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
|