@cincoders/cinnamon 0.2.0 → 0.2.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/cinnamon.esm.js +97 -94
- package/dist/cinnamon.min.js +92 -89
- package/dist/cinnamon.ssr.js +76 -73
- package/dist/components/SideMenu/index.d.ts +1 -1
- package/dist/components/UserPopup/index.d.ts +2 -2
- package/dist/interfaces/index.d.ts +3 -3
- package/dist/lib-components/Navbar/index.d.ts +1 -1
- package/dist/lib-components/Page/useNavbar.d.ts +1 -1
- package/dist/stories/Dialog.stories.d.ts +1 -0
- package/dist/stories/Navbar.stories.d.ts +32 -1
- package/dist/stories/utils/argTypes.d.ts +271 -0
- package/package.json +2 -2
|
@@ -4,9 +4,9 @@ import Keycloak from 'keycloak-js';
|
|
|
4
4
|
interface UserPopupProps {
|
|
5
5
|
user?: User;
|
|
6
6
|
logoutMethod?(): void;
|
|
7
|
-
keycloak?: Keycloak
|
|
7
|
+
keycloak?: Keycloak;
|
|
8
8
|
id?: string;
|
|
9
|
-
accountManagementUrl?:
|
|
9
|
+
accountManagementUrl?: string;
|
|
10
10
|
}
|
|
11
11
|
export declare const UserPopup: (props: UserPopupProps) => JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -22,15 +22,15 @@ export interface System {
|
|
|
22
22
|
description: string;
|
|
23
23
|
href: string;
|
|
24
24
|
}
|
|
25
|
-
export interface
|
|
25
|
+
export interface Link {
|
|
26
26
|
iconUrl?: string;
|
|
27
27
|
IconComponent?: JSXElementConstructor<any>;
|
|
28
28
|
title: string;
|
|
29
29
|
href?: string;
|
|
30
30
|
external?: boolean;
|
|
31
31
|
}
|
|
32
|
-
export interface SideMenuLink extends
|
|
33
|
-
children?:
|
|
32
|
+
export interface SideMenuLink extends Link {
|
|
33
|
+
children?: Link[];
|
|
34
34
|
}
|
|
35
35
|
export interface Option {
|
|
36
36
|
value: string;
|
|
@@ -19,6 +19,6 @@ export interface NavbarProps {
|
|
|
19
19
|
currentSystemIconUrl?: string;
|
|
20
20
|
IconComponent?: JSXElementConstructor<any>;
|
|
21
21
|
children?: JSX.Element;
|
|
22
|
-
accountManagementUrl?:
|
|
22
|
+
accountManagementUrl?: string;
|
|
23
23
|
}
|
|
24
24
|
export declare const Navbar: ({ logoRedirectUrl, logoSrc, haveSearchBar, searchFunction, hiddenUser, user, title, h1, sideMenuLinks, isLandingPage, systemsList, currentSystemIconUrl, children, IconComponent, keycloakInstance, accountManagementUrl }: NavbarProps) => JSX.Element;
|
|
@@ -19,7 +19,7 @@ export declare class NavbarContextValue implements NavbarProps {
|
|
|
19
19
|
systemsList?: System[];
|
|
20
20
|
currentSystemIconUrl?: string;
|
|
21
21
|
children?: JSX.Element;
|
|
22
|
-
accountManagementUrl?:
|
|
22
|
+
accountManagementUrl?: string;
|
|
23
23
|
setNavbarProps: React.Dispatch<React.SetStateAction<NavbarProps>>;
|
|
24
24
|
constructor(navbarProps: NavbarProps, setNavbarProps: React.Dispatch<React.SetStateAction<NavbarProps>>);
|
|
25
25
|
setTitle(newTitle: string): void;
|
|
@@ -5,3 +5,4 @@ export declare const DialogInformation: import("@storybook/types").AnnotatedStor
|
|
|
5
5
|
export declare const DialogAlert: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DialogProps>;
|
|
6
6
|
export declare const DialogDecision: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DialogProps>;
|
|
7
7
|
export declare const DialogConfirmation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DialogProps>;
|
|
8
|
+
export declare const DialogError: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DialogProps>;
|
|
@@ -20,6 +20,9 @@ declare const _default: {
|
|
|
20
20
|
control: {
|
|
21
21
|
type: string;
|
|
22
22
|
};
|
|
23
|
+
table: {
|
|
24
|
+
category: string;
|
|
25
|
+
};
|
|
23
26
|
};
|
|
24
27
|
haveSearchBar: {
|
|
25
28
|
name: string;
|
|
@@ -32,6 +35,9 @@ declare const _default: {
|
|
|
32
35
|
control: {
|
|
33
36
|
type: string;
|
|
34
37
|
};
|
|
38
|
+
table: {
|
|
39
|
+
category: string;
|
|
40
|
+
};
|
|
35
41
|
};
|
|
36
42
|
hiddenUser: {
|
|
37
43
|
name: string;
|
|
@@ -44,11 +50,17 @@ declare const _default: {
|
|
|
44
50
|
control: {
|
|
45
51
|
type: string;
|
|
46
52
|
};
|
|
53
|
+
table: {
|
|
54
|
+
category: string;
|
|
55
|
+
};
|
|
47
56
|
};
|
|
48
57
|
user: {
|
|
49
58
|
name: string;
|
|
50
59
|
control: string;
|
|
51
60
|
description: string;
|
|
61
|
+
table: {
|
|
62
|
+
category: string;
|
|
63
|
+
};
|
|
52
64
|
if: {
|
|
53
65
|
arg: string;
|
|
54
66
|
eq: boolean;
|
|
@@ -68,6 +80,9 @@ declare const _default: {
|
|
|
68
80
|
control: {
|
|
69
81
|
type: string;
|
|
70
82
|
};
|
|
83
|
+
table: {
|
|
84
|
+
category: string;
|
|
85
|
+
};
|
|
71
86
|
};
|
|
72
87
|
title: {
|
|
73
88
|
name: string;
|
|
@@ -79,16 +94,25 @@ declare const _default: {
|
|
|
79
94
|
control: {
|
|
80
95
|
type: string;
|
|
81
96
|
};
|
|
97
|
+
table: {
|
|
98
|
+
category: string;
|
|
99
|
+
};
|
|
82
100
|
};
|
|
83
101
|
sideMenuLinks: {
|
|
84
102
|
name: string;
|
|
85
103
|
control: string;
|
|
86
104
|
description: string;
|
|
105
|
+
table: {
|
|
106
|
+
category: string;
|
|
107
|
+
};
|
|
87
108
|
};
|
|
88
109
|
systemsList: {
|
|
89
110
|
name: string;
|
|
90
111
|
control: string;
|
|
91
112
|
description: string;
|
|
113
|
+
table: {
|
|
114
|
+
category: string;
|
|
115
|
+
};
|
|
92
116
|
};
|
|
93
117
|
systemsListPopup: {
|
|
94
118
|
name: string;
|
|
@@ -105,6 +129,13 @@ declare const _default: {
|
|
|
105
129
|
category: string;
|
|
106
130
|
};
|
|
107
131
|
};
|
|
132
|
+
iconComponent: {
|
|
133
|
+
name: string;
|
|
134
|
+
description: string;
|
|
135
|
+
table: {
|
|
136
|
+
category: string;
|
|
137
|
+
};
|
|
138
|
+
};
|
|
108
139
|
};
|
|
109
140
|
};
|
|
110
141
|
export default _default;
|
|
@@ -118,6 +149,6 @@ export interface NavbarStoryProps {
|
|
|
118
149
|
systemsListPopup: boolean;
|
|
119
150
|
title: string;
|
|
120
151
|
systemsList: System[];
|
|
121
|
-
|
|
152
|
+
iconComponent: JSXElementConstructor<any>;
|
|
122
153
|
}
|
|
123
154
|
export declare const Navbar_: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, NavbarStoryProps>;
|
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
export declare const footerArgTypes: {
|
|
2
|
+
footerTitle: {
|
|
3
|
+
name: string;
|
|
4
|
+
type: {
|
|
5
|
+
name: string;
|
|
6
|
+
required: boolean;
|
|
7
|
+
};
|
|
8
|
+
description: string;
|
|
9
|
+
control: {
|
|
10
|
+
type: string;
|
|
11
|
+
};
|
|
12
|
+
table: {
|
|
13
|
+
category: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
footerTelephone: {
|
|
17
|
+
name: string;
|
|
18
|
+
type: {
|
|
19
|
+
name: string;
|
|
20
|
+
required: boolean;
|
|
21
|
+
};
|
|
22
|
+
description: string;
|
|
23
|
+
control: {
|
|
24
|
+
type: string;
|
|
25
|
+
};
|
|
26
|
+
table: {
|
|
27
|
+
category: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
footerTelephoneComplement: {
|
|
31
|
+
name: string;
|
|
32
|
+
type: {
|
|
33
|
+
name: string;
|
|
34
|
+
required: boolean;
|
|
35
|
+
};
|
|
36
|
+
description: string;
|
|
37
|
+
control: {
|
|
38
|
+
type: string;
|
|
39
|
+
};
|
|
40
|
+
table: {
|
|
41
|
+
category: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
footerEmail: {
|
|
45
|
+
name: string;
|
|
46
|
+
type: {
|
|
47
|
+
name: string;
|
|
48
|
+
required: boolean;
|
|
49
|
+
};
|
|
50
|
+
description: string;
|
|
51
|
+
control: {
|
|
52
|
+
type: string;
|
|
53
|
+
};
|
|
54
|
+
table: {
|
|
55
|
+
category: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
footerLink: {
|
|
59
|
+
name: string;
|
|
60
|
+
type: {
|
|
61
|
+
name: string;
|
|
62
|
+
required: boolean;
|
|
63
|
+
};
|
|
64
|
+
description: string;
|
|
65
|
+
control: {
|
|
66
|
+
type: string;
|
|
67
|
+
};
|
|
68
|
+
table: {
|
|
69
|
+
category: string;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
footerTextLink: {
|
|
73
|
+
name: string;
|
|
74
|
+
type: {
|
|
75
|
+
name: string;
|
|
76
|
+
required: boolean;
|
|
77
|
+
};
|
|
78
|
+
description: string;
|
|
79
|
+
control: {
|
|
80
|
+
type: string;
|
|
81
|
+
};
|
|
82
|
+
table: {
|
|
83
|
+
category: string;
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
footerDescription: {
|
|
87
|
+
name: string;
|
|
88
|
+
type: {
|
|
89
|
+
name: string;
|
|
90
|
+
required: boolean;
|
|
91
|
+
};
|
|
92
|
+
description: string;
|
|
93
|
+
control: {
|
|
94
|
+
type: string;
|
|
95
|
+
};
|
|
96
|
+
table: {
|
|
97
|
+
category: string;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
footerCopyrightText: {
|
|
101
|
+
name: string;
|
|
102
|
+
type: {
|
|
103
|
+
name: string;
|
|
104
|
+
required: boolean;
|
|
105
|
+
};
|
|
106
|
+
description: string;
|
|
107
|
+
control: {
|
|
108
|
+
type: string;
|
|
109
|
+
};
|
|
110
|
+
table: {
|
|
111
|
+
category: string;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
footerSignatureText: {
|
|
115
|
+
name: string;
|
|
116
|
+
type: {
|
|
117
|
+
name: string;
|
|
118
|
+
required: boolean;
|
|
119
|
+
};
|
|
120
|
+
description: string;
|
|
121
|
+
control: {
|
|
122
|
+
type: string;
|
|
123
|
+
};
|
|
124
|
+
table: {
|
|
125
|
+
category: string;
|
|
126
|
+
};
|
|
127
|
+
};
|
|
128
|
+
footerSignatureLink: {
|
|
129
|
+
name: string;
|
|
130
|
+
type: {
|
|
131
|
+
name: string;
|
|
132
|
+
required: boolean;
|
|
133
|
+
};
|
|
134
|
+
description: string;
|
|
135
|
+
control: {
|
|
136
|
+
type: string;
|
|
137
|
+
};
|
|
138
|
+
table: {
|
|
139
|
+
category: string;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
142
|
+
};
|
|
143
|
+
export declare const navbarArgTypes: {
|
|
144
|
+
isLandingPage: {
|
|
145
|
+
name: string;
|
|
146
|
+
type: {
|
|
147
|
+
name: string;
|
|
148
|
+
required: boolean;
|
|
149
|
+
};
|
|
150
|
+
description: string;
|
|
151
|
+
options: boolean[];
|
|
152
|
+
control: {
|
|
153
|
+
type: string;
|
|
154
|
+
};
|
|
155
|
+
table: {
|
|
156
|
+
category: string;
|
|
157
|
+
};
|
|
158
|
+
};
|
|
159
|
+
haveSearchBar: {
|
|
160
|
+
name: string;
|
|
161
|
+
type: {
|
|
162
|
+
name: string;
|
|
163
|
+
required: boolean;
|
|
164
|
+
};
|
|
165
|
+
description: string;
|
|
166
|
+
options: boolean[];
|
|
167
|
+
control: {
|
|
168
|
+
type: string;
|
|
169
|
+
};
|
|
170
|
+
table: {
|
|
171
|
+
category: string;
|
|
172
|
+
};
|
|
173
|
+
};
|
|
174
|
+
hiddenUser: {
|
|
175
|
+
name: string;
|
|
176
|
+
type: {
|
|
177
|
+
name: string;
|
|
178
|
+
required: boolean;
|
|
179
|
+
};
|
|
180
|
+
description: string;
|
|
181
|
+
options: boolean[];
|
|
182
|
+
control: {
|
|
183
|
+
type: string;
|
|
184
|
+
};
|
|
185
|
+
table: {
|
|
186
|
+
category: string;
|
|
187
|
+
};
|
|
188
|
+
};
|
|
189
|
+
user: {
|
|
190
|
+
name: string;
|
|
191
|
+
control: string;
|
|
192
|
+
description: string;
|
|
193
|
+
table: {
|
|
194
|
+
category: string;
|
|
195
|
+
};
|
|
196
|
+
if: {
|
|
197
|
+
arg: string;
|
|
198
|
+
eq: boolean;
|
|
199
|
+
table: {
|
|
200
|
+
disable: boolean;
|
|
201
|
+
};
|
|
202
|
+
};
|
|
203
|
+
};
|
|
204
|
+
h1: {
|
|
205
|
+
name: string;
|
|
206
|
+
type: {
|
|
207
|
+
name: string;
|
|
208
|
+
required: boolean;
|
|
209
|
+
};
|
|
210
|
+
description: string;
|
|
211
|
+
options: boolean[];
|
|
212
|
+
control: {
|
|
213
|
+
type: string;
|
|
214
|
+
};
|
|
215
|
+
table: {
|
|
216
|
+
category: string;
|
|
217
|
+
};
|
|
218
|
+
};
|
|
219
|
+
title: {
|
|
220
|
+
name: string;
|
|
221
|
+
type: {
|
|
222
|
+
name: string;
|
|
223
|
+
required: boolean;
|
|
224
|
+
};
|
|
225
|
+
description: string;
|
|
226
|
+
control: {
|
|
227
|
+
type: string;
|
|
228
|
+
};
|
|
229
|
+
table: {
|
|
230
|
+
category: string;
|
|
231
|
+
};
|
|
232
|
+
};
|
|
233
|
+
sideMenuLinks: {
|
|
234
|
+
name: string;
|
|
235
|
+
control: string;
|
|
236
|
+
description: string;
|
|
237
|
+
table: {
|
|
238
|
+
category: string;
|
|
239
|
+
};
|
|
240
|
+
};
|
|
241
|
+
systemsList: {
|
|
242
|
+
name: string;
|
|
243
|
+
control: string;
|
|
244
|
+
description: string;
|
|
245
|
+
table: {
|
|
246
|
+
category: string;
|
|
247
|
+
};
|
|
248
|
+
};
|
|
249
|
+
systemsListPopup: {
|
|
250
|
+
name: string;
|
|
251
|
+
type: {
|
|
252
|
+
name: string;
|
|
253
|
+
required: boolean;
|
|
254
|
+
};
|
|
255
|
+
options: boolean[];
|
|
256
|
+
control: {
|
|
257
|
+
type: string;
|
|
258
|
+
};
|
|
259
|
+
description: string;
|
|
260
|
+
table: {
|
|
261
|
+
category: string;
|
|
262
|
+
};
|
|
263
|
+
};
|
|
264
|
+
iconComponent: {
|
|
265
|
+
name: string;
|
|
266
|
+
description: string;
|
|
267
|
+
table: {
|
|
268
|
+
category: string;
|
|
269
|
+
};
|
|
270
|
+
};
|
|
271
|
+
};
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cincoders/cinnamon",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "A collection components for standardized system appearance and functionality, easing development in web applications.",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"author": "CInCoders <cincoders@cin.ufpe.br> (https://cincoders.
|
|
6
|
+
"author": "CInCoders <cincoders@cin.ufpe.br> (https://cincoders.cin.ufpe.br)",
|
|
7
7
|
"homepage": "https://cincoders.github.io/cinnamon/",
|
|
8
8
|
"bugs": {
|
|
9
9
|
"url": "https://github.com/CinCoders/cinnamon/issues"
|