@mirai/ui 1.0.221 → 1.1.0-c
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/build/components/Action/Action.js +5 -3
- package/build/components/Action/Action.js.map +1 -1
- package/build/components/Action/Action.stories.js +1 -1
- package/build/components/Action/Action.stories.js.map +1 -1
- package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +40 -26
- package/build/components/Button/Button.js +7 -5
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +30 -19
- package/build/components/Calendar/Calendar.Month.js +6 -4
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +6 -6
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +6 -3
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.js +3 -3
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15608 -15576
- package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -9
- package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -42
- package/build/components/InputNumber/InputNumber.js +9 -7
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +129 -114
- package/build/components/InputOption/InputOption.js +7 -4
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +84 -71
- package/build/components/InputPhone/InputPhone.js +11 -11
- package/build/components/InputPhone/InputPhone.js.map +1 -1
- package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +331 -331
- package/build/components/InputSelect/InputSelect.js +7 -7
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +112 -112
- package/build/components/InputText/InputText.js +10 -10
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +131 -130
- package/build/components/InputText/partials/InputText.Hint.js +5 -2
- package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
- package/build/components/InputText/partials/InputText.IconState.js +5 -2
- package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
- package/build/components/InputText/partials/InputText.Label.js +6 -3
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/components/Menu/Menu.Option.js +8 -5
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +6 -3
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +68 -55
- package/build/components/Modal/Modal.js +9 -8
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +88 -69
- package/build/components/Notification/Notification.js +8 -5
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +143 -142
- package/build/components/Progress/Progress.js +6 -3
- package/build/components/Progress/Progress.js.map +1 -1
- package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -18
- package/build/components/Slider/Slider.js +11 -11
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +248 -230
- package/build/components/Table/Table.ColumnFilter.js +9 -9
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Filter.js +7 -4
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +7 -8
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +3 -3
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.stories.js +4 -5
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -192
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +971 -949
- package/build/components/Tooltip/Tooltip.js +4 -4
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +34 -24
- package/build/primitives/Checkbox/Checkbox.js +7 -3
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +16 -16
- package/build/primitives/Icon/Icon.js +5 -3
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +60 -60
- package/build/primitives/Input/Input.js +2 -2
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Layer/Layer.js +4 -3
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +42 -36
- package/build/primitives/Pressable/Pressable.constants.js +1 -1
- package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +11 -5
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +14 -10
- package/build/primitives/Primitive/Primitive.js +2 -2
- package/build/primitives/Primitive/Primitive.js.map +1 -1
- package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +7 -7
- package/build/primitives/Primitive/helpers/getTag.js +32 -0
- package/build/primitives/Primitive/helpers/getTag.js.map +1 -0
- package/build/primitives/Primitive/helpers/index.js +11 -0
- package/build/primitives/Primitive/helpers/index.js.map +1 -1
- package/build/primitives/Radio/Radio.js +8 -5
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -21
- package/build/primitives/ScrollView/ScrollView.js +3 -3
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.stories.js +6 -5
- package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
- package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
- package/build/primitives/Select/Select.js +2 -2
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Switch/Switch.js +8 -5
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +25 -25
- package/build/primitives/Text/Text.js +50 -5
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.module.css +4 -4
- package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +38 -38
- package/build/primitives/View/View.js +5 -3
- package/build/primitives/View/View.js.map +1 -1
- package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
- package/package.json +1 -1
|
@@ -2,23 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
|
-
<
|
|
5
|
+
<ui_pressable
|
|
6
6
|
class="pressable container overflow visible"
|
|
7
7
|
data-testid="mirai-onClose-overflow"
|
|
8
8
|
style="height: 768px;"
|
|
9
|
+
tabindex="0"
|
|
9
10
|
>
|
|
10
|
-
<
|
|
11
|
+
<ui_view
|
|
11
12
|
class="view fit modal calcWidth visible"
|
|
12
13
|
data-testid="mirai-onClose"
|
|
13
14
|
>
|
|
14
|
-
<
|
|
15
|
+
<ui_view
|
|
15
16
|
class="view forceRow header"
|
|
16
17
|
>
|
|
17
18
|
<button
|
|
18
19
|
class="pressable button small squared transparent button"
|
|
19
20
|
data-testid="mirai-onClose-button-close"
|
|
21
|
+
tabindex="0"
|
|
20
22
|
>
|
|
21
|
-
<
|
|
23
|
+
<ui_icon
|
|
22
24
|
class="icon headline-3 icon"
|
|
23
25
|
>
|
|
24
26
|
<svg
|
|
@@ -39,47 +41,50 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
|
|
|
39
41
|
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
40
42
|
/>
|
|
41
43
|
</svg>
|
|
42
|
-
</
|
|
44
|
+
</ui_icon>
|
|
43
45
|
</button>
|
|
44
|
-
</
|
|
45
|
-
</
|
|
46
|
-
</
|
|
46
|
+
</ui_view>
|
|
47
|
+
</ui_view>
|
|
48
|
+
</ui_pressable>
|
|
47
49
|
</DocumentFragment>
|
|
48
50
|
`;
|
|
49
51
|
|
|
50
52
|
exports[`component:<Modal> Mobile environment prop:visible 1`] = `
|
|
51
53
|
<DocumentFragment>
|
|
52
|
-
<
|
|
54
|
+
<ui_pressable
|
|
53
55
|
class="pressable container overflow visible"
|
|
54
56
|
style="height: 768px;"
|
|
57
|
+
tabindex="0"
|
|
55
58
|
>
|
|
56
|
-
<
|
|
59
|
+
<ui_view
|
|
57
60
|
class="view fit modal calcWidth visible"
|
|
58
61
|
/>
|
|
59
|
-
</
|
|
62
|
+
</ui_pressable>
|
|
60
63
|
</DocumentFragment>
|
|
61
64
|
`;
|
|
62
65
|
|
|
63
66
|
exports[`component:<Modal> inherit:className 1`] = `
|
|
64
67
|
<DocumentFragment>
|
|
65
|
-
<
|
|
68
|
+
<ui_pressable
|
|
66
69
|
class="pressable container overflow"
|
|
67
70
|
style="height: 768px;"
|
|
71
|
+
tabindex="0"
|
|
68
72
|
>
|
|
69
|
-
<
|
|
73
|
+
<ui_view
|
|
70
74
|
class="view fit modal calcWidth mirai"
|
|
71
75
|
/>
|
|
72
|
-
</
|
|
76
|
+
</ui_pressable>
|
|
73
77
|
</DocumentFragment>
|
|
74
78
|
`;
|
|
75
79
|
|
|
76
80
|
exports[`component:<Modal> prop:children 1`] = `
|
|
77
81
|
<DocumentFragment>
|
|
78
|
-
<
|
|
82
|
+
<ui_pressable
|
|
79
83
|
class="pressable container overflow"
|
|
80
84
|
style="height: 768px;"
|
|
85
|
+
tabindex="0"
|
|
81
86
|
>
|
|
82
|
-
<
|
|
87
|
+
<ui_view
|
|
83
88
|
class="view fit modal calcWidth"
|
|
84
89
|
>
|
|
85
90
|
<span
|
|
@@ -87,43 +92,46 @@ exports[`component:<Modal> prop:children 1`] = `
|
|
|
87
92
|
>
|
|
88
93
|
children
|
|
89
94
|
</span>
|
|
90
|
-
</
|
|
91
|
-
</
|
|
95
|
+
</ui_view>
|
|
96
|
+
</ui_pressable>
|
|
92
97
|
</DocumentFragment>
|
|
93
98
|
`;
|
|
94
99
|
|
|
95
100
|
exports[`component:<Modal> prop:fit 1`] = `
|
|
96
101
|
<DocumentFragment>
|
|
97
|
-
<
|
|
102
|
+
<ui_pressable
|
|
98
103
|
class="pressable container overflow"
|
|
99
104
|
style="height: 768px;"
|
|
105
|
+
tabindex="0"
|
|
100
106
|
>
|
|
101
|
-
<
|
|
107
|
+
<ui_view
|
|
102
108
|
class="view fit modal"
|
|
103
109
|
/>
|
|
104
|
-
</
|
|
110
|
+
</ui_pressable>
|
|
105
111
|
</DocumentFragment>
|
|
106
112
|
`;
|
|
107
113
|
|
|
108
114
|
exports[`component:<Modal> prop:onBack 1`] = `
|
|
109
115
|
<DocumentFragment>
|
|
110
|
-
<
|
|
116
|
+
<ui_pressable
|
|
111
117
|
class="pressable container overflow visible"
|
|
112
118
|
data-testid="mirai-onBack-overflow"
|
|
113
119
|
style="height: 768px;"
|
|
120
|
+
tabindex="0"
|
|
114
121
|
>
|
|
115
|
-
<
|
|
122
|
+
<ui_view
|
|
116
123
|
class="view fit modal calcWidth visible"
|
|
117
124
|
data-testid="mirai-onBack"
|
|
118
125
|
>
|
|
119
|
-
<
|
|
126
|
+
<ui_view
|
|
120
127
|
class="view forceRow header"
|
|
121
128
|
>
|
|
122
129
|
<button
|
|
123
130
|
class="pressable button small squared transparent"
|
|
124
131
|
data-testid="mirai-onBack-button-back"
|
|
132
|
+
tabindex="0"
|
|
125
133
|
>
|
|
126
|
-
<
|
|
134
|
+
<ui_icon
|
|
127
135
|
class="icon headline-3 icon"
|
|
128
136
|
>
|
|
129
137
|
<svg
|
|
@@ -143,33 +151,35 @@ exports[`component:<Modal> prop:onBack 1`] = `
|
|
|
143
151
|
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
|
|
144
152
|
/>
|
|
145
153
|
</svg>
|
|
146
|
-
</
|
|
154
|
+
</ui_icon>
|
|
147
155
|
</button>
|
|
148
|
-
</
|
|
149
|
-
</
|
|
150
|
-
</
|
|
156
|
+
</ui_view>
|
|
157
|
+
</ui_view>
|
|
158
|
+
</ui_pressable>
|
|
151
159
|
</DocumentFragment>
|
|
152
160
|
`;
|
|
153
161
|
|
|
154
162
|
exports[`component:<Modal> prop:onClose 1`] = `
|
|
155
163
|
<DocumentFragment>
|
|
156
|
-
<
|
|
164
|
+
<ui_pressable
|
|
157
165
|
class="pressable container overflow visible"
|
|
158
166
|
data-testid="mirai-onClose-overflow"
|
|
159
167
|
style="height: 768px;"
|
|
168
|
+
tabindex="0"
|
|
160
169
|
>
|
|
161
|
-
<
|
|
170
|
+
<ui_view
|
|
162
171
|
class="view fit modal calcWidth visible"
|
|
163
172
|
data-testid="mirai-onClose"
|
|
164
173
|
>
|
|
165
|
-
<
|
|
174
|
+
<ui_view
|
|
166
175
|
class="view forceRow header"
|
|
167
176
|
>
|
|
168
177
|
<button
|
|
169
178
|
class="pressable button small squared transparent button"
|
|
170
179
|
data-testid="mirai-onClose-button-close"
|
|
180
|
+
tabindex="0"
|
|
171
181
|
>
|
|
172
|
-
<
|
|
182
|
+
<ui_icon
|
|
173
183
|
class="icon headline-3 icon"
|
|
174
184
|
>
|
|
175
185
|
<svg
|
|
@@ -190,141 +200,150 @@ exports[`component:<Modal> prop:onClose 1`] = `
|
|
|
190
200
|
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
191
201
|
/>
|
|
192
202
|
</svg>
|
|
193
|
-
</
|
|
203
|
+
</ui_icon>
|
|
194
204
|
</button>
|
|
195
|
-
</
|
|
196
|
-
</
|
|
197
|
-
</
|
|
205
|
+
</ui_view>
|
|
206
|
+
</ui_view>
|
|
207
|
+
</ui_pressable>
|
|
198
208
|
</DocumentFragment>
|
|
199
209
|
`;
|
|
200
210
|
|
|
201
211
|
exports[`component:<Modal> prop:onOverflow 1`] = `
|
|
202
212
|
<DocumentFragment>
|
|
203
|
-
<
|
|
213
|
+
<ui_pressable
|
|
204
214
|
class="pressable container overflow visible onOverflow"
|
|
205
215
|
data-testid="mirai-onOverflow-overflow"
|
|
206
216
|
style="height: 768px;"
|
|
217
|
+
tabindex="0"
|
|
207
218
|
>
|
|
208
|
-
<
|
|
219
|
+
<ui_view
|
|
209
220
|
class="view fit modal calcWidth visible"
|
|
210
221
|
data-testid="mirai-onOverflow"
|
|
211
222
|
/>
|
|
212
|
-
</
|
|
223
|
+
</ui_pressable>
|
|
213
224
|
</DocumentFragment>
|
|
214
225
|
`;
|
|
215
226
|
|
|
216
227
|
exports[`component:<Modal> prop:portal 1`] = `
|
|
217
228
|
<DocumentFragment>
|
|
218
|
-
<
|
|
229
|
+
<ui_pressable
|
|
219
230
|
class="pressable container overflow"
|
|
220
231
|
style="height: 768px;"
|
|
232
|
+
tabindex="0"
|
|
221
233
|
>
|
|
222
|
-
<
|
|
234
|
+
<ui_view
|
|
223
235
|
class="view fit modal calcWidth"
|
|
224
236
|
/>
|
|
225
|
-
</
|
|
237
|
+
</ui_pressable>
|
|
226
238
|
</DocumentFragment>
|
|
227
239
|
`;
|
|
228
240
|
|
|
229
241
|
exports[`component:<Modal> prop:title 1`] = `
|
|
230
242
|
<DocumentFragment>
|
|
231
|
-
<
|
|
243
|
+
<ui_pressable
|
|
232
244
|
class="pressable container overflow"
|
|
233
245
|
style="height: 768px;"
|
|
246
|
+
tabindex="0"
|
|
234
247
|
>
|
|
235
|
-
<
|
|
248
|
+
<ui_view
|
|
236
249
|
class="view fit modal calcWidth"
|
|
237
250
|
>
|
|
238
|
-
<
|
|
251
|
+
<ui_view
|
|
239
252
|
class="view forceRow header"
|
|
240
253
|
>
|
|
241
|
-
<
|
|
254
|
+
<ui_h3
|
|
242
255
|
class="text headline-3 title left right"
|
|
243
256
|
>
|
|
244
257
|
Modal
|
|
245
|
-
</
|
|
246
|
-
</
|
|
247
|
-
</
|
|
248
|
-
</
|
|
258
|
+
</ui_h3>
|
|
259
|
+
</ui_view>
|
|
260
|
+
</ui_view>
|
|
261
|
+
</ui_pressable>
|
|
249
262
|
</DocumentFragment>
|
|
250
263
|
`;
|
|
251
264
|
|
|
252
265
|
exports[`component:<Modal> prop:visible & prop:blur 1`] = `
|
|
253
266
|
<DocumentFragment>
|
|
254
|
-
<
|
|
267
|
+
<ui_pressable
|
|
255
268
|
class="pressable container overflow blur visible"
|
|
256
269
|
style="height: 768px;"
|
|
270
|
+
tabindex="0"
|
|
257
271
|
>
|
|
258
|
-
<
|
|
272
|
+
<ui_view
|
|
259
273
|
class="view fit modal calcWidth visible"
|
|
260
274
|
/>
|
|
261
|
-
</
|
|
275
|
+
</ui_pressable>
|
|
262
276
|
</DocumentFragment>
|
|
263
277
|
`;
|
|
264
278
|
|
|
265
279
|
exports[`component:<Modal> prop:visible & prop:onOverflow 1`] = `
|
|
266
280
|
<DocumentFragment>
|
|
267
|
-
<
|
|
281
|
+
<ui_pressable
|
|
268
282
|
class="pressable container overflow visible onOverflow"
|
|
269
283
|
style="height: 768px;"
|
|
284
|
+
tabindex="0"
|
|
270
285
|
>
|
|
271
|
-
<
|
|
286
|
+
<ui_view
|
|
272
287
|
class="view fit modal calcWidth visible"
|
|
273
288
|
/>
|
|
274
|
-
</
|
|
289
|
+
</ui_pressable>
|
|
275
290
|
</DocumentFragment>
|
|
276
291
|
`;
|
|
277
292
|
|
|
278
293
|
exports[`component:<Modal> prop:visible & prop:overflow (false) 1`] = `
|
|
279
294
|
<DocumentFragment>
|
|
280
|
-
<
|
|
295
|
+
<ui_pressable
|
|
281
296
|
class="pressable container visible"
|
|
282
297
|
style="height: 768px;"
|
|
298
|
+
tabindex="0"
|
|
283
299
|
>
|
|
284
|
-
<
|
|
300
|
+
<ui_view
|
|
285
301
|
class="view fit modal calcWidth visible"
|
|
286
302
|
/>
|
|
287
|
-
</
|
|
303
|
+
</ui_pressable>
|
|
288
304
|
</DocumentFragment>
|
|
289
305
|
`;
|
|
290
306
|
|
|
291
307
|
exports[`component:<Modal> prop:visible renders 1`] = `
|
|
292
308
|
<DocumentFragment>
|
|
293
|
-
<
|
|
309
|
+
<ui_pressable
|
|
294
310
|
class="pressable container overflow visible"
|
|
295
311
|
style="height: 768px;"
|
|
312
|
+
tabindex="0"
|
|
296
313
|
>
|
|
297
|
-
<
|
|
314
|
+
<ui_view
|
|
298
315
|
class="view fit modal calcWidth visible"
|
|
299
316
|
/>
|
|
300
|
-
</
|
|
317
|
+
</ui_pressable>
|
|
301
318
|
</DocumentFragment>
|
|
302
319
|
`;
|
|
303
320
|
|
|
304
321
|
exports[`component:<Modal> renders 1`] = `
|
|
305
322
|
<DocumentFragment>
|
|
306
|
-
<
|
|
323
|
+
<ui_pressable
|
|
307
324
|
class="pressable container overflow"
|
|
308
325
|
style="height: 768px;"
|
|
326
|
+
tabindex="0"
|
|
309
327
|
>
|
|
310
|
-
<
|
|
328
|
+
<ui_view
|
|
311
329
|
class="view fit modal calcWidth"
|
|
312
330
|
/>
|
|
313
|
-
</
|
|
331
|
+
</ui_pressable>
|
|
314
332
|
</DocumentFragment>
|
|
315
333
|
`;
|
|
316
334
|
|
|
317
335
|
exports[`component:<Modal> testId 1`] = `
|
|
318
336
|
<DocumentFragment>
|
|
319
|
-
<
|
|
337
|
+
<ui_pressable
|
|
320
338
|
class="pressable container overflow"
|
|
321
339
|
data-testid="mirai-overflow"
|
|
322
340
|
style="height: 768px;"
|
|
341
|
+
tabindex="0"
|
|
323
342
|
>
|
|
324
|
-
<
|
|
343
|
+
<ui_view
|
|
325
344
|
class="view fit modal calcWidth"
|
|
326
345
|
data-testid="mirai"
|
|
327
346
|
/>
|
|
328
|
-
</
|
|
347
|
+
</ui_pressable>
|
|
329
348
|
</DocumentFragment>
|
|
330
349
|
`;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,8 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _helpers = require("../../helpers");
|
|
10
11
|
var _primitives = require("../../primitives");
|
|
11
|
-
var
|
|
12
|
+
var style = _interopRequireWildcard(require("./Notification.module.css"));
|
|
12
13
|
var _excluded = ["children", "error", "info", "inline", "large", "small", "success", "warning", "wide", "onClose"];
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
18
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -30,7 +33,7 @@ var Notification = function Notification(_ref) {
|
|
|
30
33
|
return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
|
|
31
34
|
row: true,
|
|
32
35
|
role: others.role || 'notification',
|
|
33
|
-
className: (0, _helpers.styles)(
|
|
36
|
+
className: (0, _helpers.styles)(style.notification, error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined, inline ? style.inline : style.outlined, inline && style.inline, large ? style.large : small && style.small, wide && style.wide, others.className)
|
|
34
37
|
}), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
35
38
|
headline: large,
|
|
36
39
|
level: large ? 1 : undefined,
|
|
@@ -40,13 +43,13 @@ var Notification = function Notification(_ref) {
|
|
|
40
43
|
success: success,
|
|
41
44
|
warning: warning
|
|
42
45
|
}),
|
|
43
|
-
className:
|
|
46
|
+
className: style.icon
|
|
44
47
|
}), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
45
48
|
small: small,
|
|
46
|
-
className: (0, _helpers.styles)(
|
|
49
|
+
className: (0, _helpers.styles)(style.text, error ? style.error : warning ? style.warning : success ? style.success : undefined)
|
|
47
50
|
}, children), !large && onClose && /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
|
|
48
51
|
onPress: onClose,
|
|
49
|
-
className: (0, _helpers.styles)(
|
|
52
|
+
className: (0, _helpers.styles)(style.pressable, style.icon),
|
|
50
53
|
testId: others.testId ? "".concat(others.testId, "-button-close") : undefined
|
|
51
54
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
52
55
|
value: _primitives.ICON.CLOSE,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Notification.module.css';\n\nconst Notification = ({\n children,\n error,\n info,\n inline = false,\n large,\n small,\n success,\n warning,\n wide,\n onClose,\n ...others\n}) => (\n <View\n {...others}\n row\n role={others.role || 'notification'}\n className={styles(\n style.notification,\n error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n inline ? style.inline : style.outlined,\n inline && style.inline,\n large ? style.large : small && style.small,\n wide && style.wide,\n others.className,\n )}\n >\n <Icon\n headline={large}\n level={large ? 1 : undefined}\n paragraph={small}\n value={getIconState({ error, success, warning })}\n className={style.icon}\n />\n <Text\n small={small}\n className={styles(\n style.text,\n error ? style.error : warning ? style.warning : success ? style.success : undefined,\n )}\n >\n {children}\n </Text>\n {!large && onClose && (\n <Pressable\n onPress={onClose}\n className={styles(style.pressable, style.icon)}\n testId={others.testId ? `${others.testId}-button-close` : undefined}\n >\n <Icon value={ICON.CLOSE} paragraph={small} />\n </Pressable>\n )}\n </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n children: PropTypes.any.isRequired,\n error: PropTypes.bool,\n info: PropTypes.bool,\n inline: PropTypes.bool,\n large: PropTypes.bool,\n small: PropTypes.bool,\n success: PropTypes.bool,\n warning: PropTypes.bool,\n wide: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Notification.js","names":["Notification","children","error","info","inline","large","small","success","warning","wide","onClose","others","role","styles","style","notification","undefined","outlined","className","getIconState","icon","text","pressable","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","func"],"sources":["../../../src/components/Notification/Notification.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { getIconState, styles } from '../../helpers';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport * as style from './Notification.module.css';\n\nconst Notification = ({\n children,\n error,\n info,\n inline = false,\n large,\n small,\n success,\n warning,\n wide,\n onClose,\n ...others\n}) => (\n <View\n {...others}\n row\n role={others.role || 'notification'}\n className={styles(\n style.notification,\n error ? style.error : warning ? style.warning : success ? style.success : info ? style.info : undefined,\n inline ? style.inline : style.outlined,\n inline && style.inline,\n large ? style.large : small && style.small,\n wide && style.wide,\n others.className,\n )}\n >\n <Icon\n headline={large}\n level={large ? 1 : undefined}\n paragraph={small}\n value={getIconState({ error, success, warning })}\n className={style.icon}\n />\n <Text\n small={small}\n className={styles(\n style.text,\n error ? style.error : warning ? style.warning : success ? style.success : undefined,\n )}\n >\n {children}\n </Text>\n {!large && onClose && (\n <Pressable\n onPress={onClose}\n className={styles(style.pressable, style.icon)}\n testId={others.testId ? `${others.testId}-button-close` : undefined}\n >\n <Icon value={ICON.CLOSE} paragraph={small} />\n </Pressable>\n )}\n </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n children: PropTypes.any.isRequired,\n error: PropTypes.bool,\n info: PropTypes.bool,\n inline: PropTypes.bool,\n large: PropTypes.bool,\n small: PropTypes.bool,\n success: PropTypes.bool,\n warning: PropTypes.bool,\n wide: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}
|