@mirai/ui 2.0.6 → 2.0.8
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 +1 -2
- package/build/components/Action/Action.js.map +1 -1
- package/build/components/Action/Action.module.css +4 -0
- package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +21 -32
- package/build/components/Button/Button.js +1 -2
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Button/Button.module.css +27 -27
- package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +49 -60
- package/build/components/Calendar/Calendar.Month.js +1 -0
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +1 -0
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.js +3 -0
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +18348 -18226
- package/build/components/Form/Form.js +1 -2
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -15
- package/build/components/InputDate/InputDate.js +1 -2
- package/build/components/InputDate/InputDate.js.map +1 -1
- package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -67
- package/build/components/InputNumber/InputNumber.js +5 -4
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +195 -240
- package/build/components/InputOption/InputOption.js +3 -3
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +80 -100
- package/build/components/InputPhone/InputPhone.js +10 -5
- package/build/components/InputPhone/InputPhone.js.map +1 -1
- package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +339 -421
- package/build/components/InputSelect/InputSelect.js +4 -2
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +115 -115
- package/build/components/InputText/InputText.js +4 -3
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +133 -156
- package/build/components/Menu/Menu.js +1 -2
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +69 -77
- package/build/components/Modal/Modal.js +10 -7
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +78 -92
- package/build/components/Notification/Notification.js +1 -2
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +288 -327
- package/build/components/Progress/Progress.js +2 -3
- package/build/components/Progress/Progress.js.map +1 -1
- package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -31
- package/build/components/Slider/Slider.js +8 -5
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/Slider.module.css +3 -3
- package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +349 -464
- package/build/components/Table/Table.Filter.js +1 -0
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +0 -1
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +1 -2
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -222
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +1092 -1516
- package/build/components/Tooltip/Tooltip.js +1 -2
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +48 -48
- package/build/components/components.customElements.js +6 -0
- package/build/components/components.customElements.js.map +1 -0
- package/build/components/index.js +1 -0
- package/build/components/index.js.map +1 -1
- package/build/helpers/CustomElement.js +39 -0
- package/build/helpers/CustomElement.js.map +1 -0
- package/build/helpers/index.js +11 -0
- package/build/helpers/index.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +4 -3
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +20 -35
- package/build/primitives/Icon/Icon.js +1 -2
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +82 -108
- package/build/primitives/Input/Input.js +0 -1
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Layer/Layer.js +8 -5
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +58 -58
- package/build/primitives/Pressable/Pressable.js +7 -5
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/Pressable.module.css +8 -0
- package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +11 -11
- package/build/primitives/Primitive/Primitive.constants.js +18 -2
- package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
- package/build/primitives/Primitive/Primitive.js +13 -3
- package/build/primitives/Primitive/Primitive.js.map +1 -1
- package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +18 -12
- package/build/primitives/Primitive/helpers/getTag.js +3 -24
- package/build/primitives/Primitive/helpers/getTag.js.map +1 -1
- package/build/primitives/Radio/Radio.js +4 -3
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -39
- package/build/primitives/ScrollView/ScrollView.js +8 -4
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.module.css +1 -1
- package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
- package/build/primitives/Select/Select.js +1 -2
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +0 -35
- package/build/primitives/Switch/Switch.js +1 -2
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +40 -60
- package/build/primitives/Text/Text.js +0 -1
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.module.css +0 -4
- package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +62 -62
- 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/build/primitives/index.js +1 -0
- package/build/primitives/index.js.map +1 -1
- package/build/primitives/primitives.customElements.js +20 -0
- package/build/primitives/primitives.customElements.js.map +1 -0
- package/package.json +1 -1
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
|
-
<
|
|
5
|
+
<ui-modal-overflow
|
|
6
6
|
class="pressable container overflow visible"
|
|
7
7
|
data-testid="mirai-onClose-overflow"
|
|
8
8
|
style="height: 768px;"
|
|
9
9
|
tabindex="0"
|
|
10
10
|
>
|
|
11
|
-
<
|
|
11
|
+
<ui-modal
|
|
12
12
|
class="view fit modal calcWidth visible"
|
|
13
13
|
data-testid="mirai-onClose"
|
|
14
14
|
>
|
|
15
|
-
<
|
|
15
|
+
<ui-view
|
|
16
16
|
class="view row header hideBack"
|
|
17
17
|
>
|
|
18
|
-
<button
|
|
18
|
+
<ui-button
|
|
19
19
|
class="pressable button small squared transparent button"
|
|
20
20
|
data-testid="mirai-onClose-button-close"
|
|
21
21
|
tabindex="0"
|
|
22
22
|
>
|
|
23
|
-
<
|
|
23
|
+
<ui-icon
|
|
24
24
|
class="icon headline-3 icon"
|
|
25
25
|
>
|
|
26
26
|
<svg
|
|
@@ -41,50 +41,50 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
|
|
|
41
41
|
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
42
42
|
/>
|
|
43
43
|
</svg>
|
|
44
|
-
</
|
|
45
|
-
</button>
|
|
46
|
-
</
|
|
47
|
-
</
|
|
48
|
-
</
|
|
44
|
+
</ui-icon>
|
|
45
|
+
</ui-button>
|
|
46
|
+
</ui-view>
|
|
47
|
+
</ui-modal>
|
|
48
|
+
</ui-modal-overflow>
|
|
49
49
|
</DocumentFragment>
|
|
50
50
|
`;
|
|
51
51
|
|
|
52
52
|
exports[`component:<Modal> Mobile environment prop:visible 1`] = `
|
|
53
53
|
<DocumentFragment>
|
|
54
|
-
<
|
|
54
|
+
<ui-modal-overflow
|
|
55
55
|
class="pressable container overflow visible"
|
|
56
56
|
style="height: 768px;"
|
|
57
57
|
tabindex="0"
|
|
58
58
|
>
|
|
59
|
-
<
|
|
59
|
+
<ui-modal
|
|
60
60
|
class="view fit modal calcWidth visible"
|
|
61
61
|
/>
|
|
62
|
-
</
|
|
62
|
+
</ui-modal-overflow>
|
|
63
63
|
</DocumentFragment>
|
|
64
64
|
`;
|
|
65
65
|
|
|
66
66
|
exports[`component:<Modal> inherit:className 1`] = `
|
|
67
67
|
<DocumentFragment>
|
|
68
|
-
<
|
|
68
|
+
<ui-modal-overflow
|
|
69
69
|
class="pressable container overflow"
|
|
70
70
|
style="height: 768px;"
|
|
71
71
|
tabindex="0"
|
|
72
72
|
>
|
|
73
|
-
<
|
|
73
|
+
<ui-modal
|
|
74
74
|
class="view fit modal calcWidth mirai"
|
|
75
75
|
/>
|
|
76
|
-
</
|
|
76
|
+
</ui-modal-overflow>
|
|
77
77
|
</DocumentFragment>
|
|
78
78
|
`;
|
|
79
79
|
|
|
80
80
|
exports[`component:<Modal> prop:children 1`] = `
|
|
81
81
|
<DocumentFragment>
|
|
82
|
-
<
|
|
82
|
+
<ui-modal-overflow
|
|
83
83
|
class="pressable container overflow"
|
|
84
84
|
style="height: 768px;"
|
|
85
85
|
tabindex="0"
|
|
86
86
|
>
|
|
87
|
-
<
|
|
87
|
+
<ui-modal
|
|
88
88
|
class="view fit modal calcWidth"
|
|
89
89
|
>
|
|
90
90
|
<span
|
|
@@ -92,60 +92,60 @@ exports[`component:<Modal> prop:children 1`] = `
|
|
|
92
92
|
>
|
|
93
93
|
children
|
|
94
94
|
</span>
|
|
95
|
-
</
|
|
96
|
-
</
|
|
95
|
+
</ui-modal>
|
|
96
|
+
</ui-modal-overflow>
|
|
97
97
|
</DocumentFragment>
|
|
98
98
|
`;
|
|
99
99
|
|
|
100
100
|
exports[`component:<Modal> prop:fit 1`] = `
|
|
101
101
|
<DocumentFragment>
|
|
102
|
-
<
|
|
102
|
+
<ui-modal-overflow
|
|
103
103
|
class="pressable container overflow"
|
|
104
104
|
style="height: 768px;"
|
|
105
105
|
tabindex="0"
|
|
106
106
|
>
|
|
107
|
-
<
|
|
107
|
+
<ui-modal
|
|
108
108
|
class="view fit modal"
|
|
109
109
|
/>
|
|
110
|
-
</
|
|
110
|
+
</ui-modal-overflow>
|
|
111
111
|
</DocumentFragment>
|
|
112
112
|
`;
|
|
113
113
|
|
|
114
114
|
exports[`component:<Modal> prop:mobileBehavior 1`] = `
|
|
115
115
|
<DocumentFragment>
|
|
116
|
-
<
|
|
116
|
+
<ui-modal-overflow
|
|
117
117
|
class="pressable container overflow"
|
|
118
118
|
style="height: 768px;"
|
|
119
119
|
tabindex="0"
|
|
120
120
|
>
|
|
121
|
-
<
|
|
121
|
+
<ui-modal
|
|
122
122
|
class="view fit modal calcWidth"
|
|
123
123
|
/>
|
|
124
|
-
</
|
|
124
|
+
</ui-modal-overflow>
|
|
125
125
|
</DocumentFragment>
|
|
126
126
|
`;
|
|
127
127
|
|
|
128
128
|
exports[`component:<Modal> prop:onBack 1`] = `
|
|
129
129
|
<DocumentFragment>
|
|
130
|
-
<
|
|
130
|
+
<ui-modal-overflow
|
|
131
131
|
class="pressable container overflow visible"
|
|
132
132
|
data-testid="mirai-onBack-overflow"
|
|
133
133
|
style="height: 768px;"
|
|
134
134
|
tabindex="0"
|
|
135
135
|
>
|
|
136
|
-
<
|
|
136
|
+
<ui-modal
|
|
137
137
|
class="view fit modal calcWidth visible"
|
|
138
138
|
data-testid="mirai-onBack"
|
|
139
139
|
>
|
|
140
|
-
<
|
|
140
|
+
<ui-view
|
|
141
141
|
class="view row header hideClose"
|
|
142
142
|
>
|
|
143
|
-
<button
|
|
143
|
+
<ui-button
|
|
144
144
|
class="pressable button small squared transparent"
|
|
145
145
|
data-testid="mirai-onBack-button-back"
|
|
146
146
|
tabindex="0"
|
|
147
147
|
>
|
|
148
|
-
<
|
|
148
|
+
<ui-icon
|
|
149
149
|
class="icon headline-3 icon"
|
|
150
150
|
>
|
|
151
151
|
<svg
|
|
@@ -165,35 +165,35 @@ exports[`component:<Modal> prop:onBack 1`] = `
|
|
|
165
165
|
d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
|
|
166
166
|
/>
|
|
167
167
|
</svg>
|
|
168
|
-
</
|
|
169
|
-
</button>
|
|
170
|
-
</
|
|
171
|
-
</
|
|
172
|
-
</
|
|
168
|
+
</ui-icon>
|
|
169
|
+
</ui-button>
|
|
170
|
+
</ui-view>
|
|
171
|
+
</ui-modal>
|
|
172
|
+
</ui-modal-overflow>
|
|
173
173
|
</DocumentFragment>
|
|
174
174
|
`;
|
|
175
175
|
|
|
176
176
|
exports[`component:<Modal> prop:onClose 1`] = `
|
|
177
177
|
<DocumentFragment>
|
|
178
|
-
<
|
|
178
|
+
<ui-modal-overflow
|
|
179
179
|
class="pressable container overflow visible"
|
|
180
180
|
data-testid="mirai-onClose-overflow"
|
|
181
181
|
style="height: 768px;"
|
|
182
182
|
tabindex="0"
|
|
183
183
|
>
|
|
184
|
-
<
|
|
184
|
+
<ui-modal
|
|
185
185
|
class="view fit modal calcWidth visible"
|
|
186
186
|
data-testid="mirai-onClose"
|
|
187
187
|
>
|
|
188
|
-
<
|
|
188
|
+
<ui-view
|
|
189
189
|
class="view row header hideBack"
|
|
190
190
|
>
|
|
191
|
-
<button
|
|
191
|
+
<ui-button
|
|
192
192
|
class="pressable button small squared transparent button"
|
|
193
193
|
data-testid="mirai-onClose-button-close"
|
|
194
194
|
tabindex="0"
|
|
195
195
|
>
|
|
196
|
-
<
|
|
196
|
+
<ui-icon
|
|
197
197
|
class="icon headline-3 icon"
|
|
198
198
|
>
|
|
199
199
|
<svg
|
|
@@ -214,164 +214,150 @@ exports[`component:<Modal> prop:onClose 1`] = `
|
|
|
214
214
|
d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
215
215
|
/>
|
|
216
216
|
</svg>
|
|
217
|
-
</
|
|
218
|
-
</button>
|
|
219
|
-
</
|
|
220
|
-
</
|
|
221
|
-
</
|
|
217
|
+
</ui-icon>
|
|
218
|
+
</ui-button>
|
|
219
|
+
</ui-view>
|
|
220
|
+
</ui-modal>
|
|
221
|
+
</ui-modal-overflow>
|
|
222
222
|
</DocumentFragment>
|
|
223
223
|
`;
|
|
224
224
|
|
|
225
225
|
exports[`component:<Modal> prop:onOverflow 1`] = `
|
|
226
226
|
<DocumentFragment>
|
|
227
|
-
<
|
|
227
|
+
<ui-modal-overflow
|
|
228
228
|
class="pressable container overflow visible onOverflow"
|
|
229
229
|
data-testid="mirai-onOverflow-overflow"
|
|
230
230
|
style="height: 768px;"
|
|
231
231
|
tabindex="0"
|
|
232
232
|
>
|
|
233
|
-
<
|
|
233
|
+
<ui-modal
|
|
234
234
|
class="view fit modal calcWidth visible"
|
|
235
235
|
data-testid="mirai-onOverflow"
|
|
236
236
|
/>
|
|
237
|
-
</
|
|
237
|
+
</ui-modal-overflow>
|
|
238
238
|
</DocumentFragment>
|
|
239
239
|
`;
|
|
240
240
|
|
|
241
241
|
exports[`component:<Modal> prop:portal 1`] = `
|
|
242
242
|
<DocumentFragment>
|
|
243
|
-
<
|
|
243
|
+
<ui-modal-overflow
|
|
244
244
|
class="pressable container overflow"
|
|
245
245
|
style="height: 768px;"
|
|
246
246
|
tabindex="0"
|
|
247
247
|
>
|
|
248
|
-
<
|
|
248
|
+
<ui-modal
|
|
249
249
|
class="view fit modal calcWidth"
|
|
250
250
|
/>
|
|
251
|
-
</
|
|
251
|
+
</ui-modal-overflow>
|
|
252
252
|
</DocumentFragment>
|
|
253
253
|
`;
|
|
254
254
|
|
|
255
255
|
exports[`component:<Modal> prop:title 1`] = `
|
|
256
256
|
<DocumentFragment>
|
|
257
|
-
<
|
|
257
|
+
<ui-modal-overflow
|
|
258
258
|
class="pressable container overflow"
|
|
259
259
|
style="height: 768px;"
|
|
260
260
|
tabindex="0"
|
|
261
261
|
>
|
|
262
|
-
<
|
|
262
|
+
<ui-modal
|
|
263
263
|
class="view fit modal calcWidth"
|
|
264
264
|
>
|
|
265
|
-
<
|
|
265
|
+
<ui-view
|
|
266
266
|
class="view row header hideBack hideClose"
|
|
267
267
|
>
|
|
268
|
-
<
|
|
268
|
+
<ui-text
|
|
269
269
|
class="text paragraph title"
|
|
270
270
|
>
|
|
271
271
|
Modal
|
|
272
|
-
</
|
|
273
|
-
</
|
|
274
|
-
</
|
|
275
|
-
</
|
|
272
|
+
</ui-text>
|
|
273
|
+
</ui-view>
|
|
274
|
+
</ui-modal>
|
|
275
|
+
</ui-modal-overflow>
|
|
276
276
|
</DocumentFragment>
|
|
277
277
|
`;
|
|
278
278
|
|
|
279
279
|
exports[`component:<Modal> prop:visible & prop:blur 1`] = `
|
|
280
280
|
<DocumentFragment>
|
|
281
|
-
<
|
|
281
|
+
<ui-modal-overflow
|
|
282
282
|
class="pressable container overflow blur visible"
|
|
283
283
|
style="height: 768px;"
|
|
284
284
|
tabindex="0"
|
|
285
285
|
>
|
|
286
|
-
<
|
|
286
|
+
<ui-modal
|
|
287
287
|
class="view fit modal calcWidth visible"
|
|
288
288
|
/>
|
|
289
|
-
</
|
|
289
|
+
</ui-modal-overflow>
|
|
290
290
|
</DocumentFragment>
|
|
291
291
|
`;
|
|
292
292
|
|
|
293
293
|
exports[`component:<Modal> prop:visible & prop:onOverflow 1`] = `
|
|
294
294
|
<DocumentFragment>
|
|
295
|
-
<
|
|
295
|
+
<ui-modal-overflow
|
|
296
296
|
class="pressable container overflow visible onOverflow"
|
|
297
297
|
style="height: 768px;"
|
|
298
298
|
tabindex="0"
|
|
299
299
|
>
|
|
300
|
-
<
|
|
300
|
+
<ui-modal
|
|
301
301
|
class="view fit modal calcWidth visible"
|
|
302
302
|
/>
|
|
303
|
-
</
|
|
303
|
+
</ui-modal-overflow>
|
|
304
304
|
</DocumentFragment>
|
|
305
305
|
`;
|
|
306
306
|
|
|
307
307
|
exports[`component:<Modal> prop:visible & prop:overflow (false) 1`] = `
|
|
308
308
|
<DocumentFragment>
|
|
309
|
-
<
|
|
309
|
+
<ui-modal-overflow
|
|
310
310
|
class="pressable container visible"
|
|
311
311
|
style="height: 768px;"
|
|
312
312
|
tabindex="0"
|
|
313
313
|
>
|
|
314
|
-
<
|
|
314
|
+
<ui-modal
|
|
315
315
|
class="view fit modal calcWidth visible"
|
|
316
316
|
/>
|
|
317
|
-
</
|
|
317
|
+
</ui-modal-overflow>
|
|
318
318
|
</DocumentFragment>
|
|
319
319
|
`;
|
|
320
320
|
|
|
321
321
|
exports[`component:<Modal> prop:visible renders 1`] = `
|
|
322
322
|
<DocumentFragment>
|
|
323
|
-
<
|
|
323
|
+
<ui-modal-overflow
|
|
324
324
|
class="pressable container overflow visible"
|
|
325
325
|
style="height: 768px;"
|
|
326
326
|
tabindex="0"
|
|
327
327
|
>
|
|
328
|
-
<
|
|
328
|
+
<ui-modal
|
|
329
329
|
class="view fit modal calcWidth visible"
|
|
330
330
|
/>
|
|
331
|
-
</
|
|
331
|
+
</ui-modal-overflow>
|
|
332
332
|
</DocumentFragment>
|
|
333
333
|
`;
|
|
334
334
|
|
|
335
335
|
exports[`component:<Modal> renders 1`] = `
|
|
336
336
|
<DocumentFragment>
|
|
337
|
-
<
|
|
337
|
+
<ui-modal-overflow
|
|
338
338
|
class="pressable container overflow"
|
|
339
339
|
style="height: 768px;"
|
|
340
340
|
tabindex="0"
|
|
341
341
|
>
|
|
342
|
-
<
|
|
342
|
+
<ui-modal
|
|
343
343
|
class="view fit modal calcWidth"
|
|
344
344
|
/>
|
|
345
|
-
</
|
|
346
|
-
</DocumentFragment>
|
|
347
|
-
`;
|
|
348
|
-
|
|
349
|
-
exports[`component:<Modal> tag 1`] = `
|
|
350
|
-
<DocumentFragment>
|
|
351
|
-
<ui_tag_overflow
|
|
352
|
-
class="pressable container overflow"
|
|
353
|
-
style="height: 768px;"
|
|
354
|
-
tabindex="0"
|
|
355
|
-
>
|
|
356
|
-
<ui_tag
|
|
357
|
-
class="view fit modal calcWidth"
|
|
358
|
-
/>
|
|
359
|
-
</ui_tag_overflow>
|
|
345
|
+
</ui-modal-overflow>
|
|
360
346
|
</DocumentFragment>
|
|
361
347
|
`;
|
|
362
348
|
|
|
363
349
|
exports[`component:<Modal> testId 1`] = `
|
|
364
350
|
<DocumentFragment>
|
|
365
|
-
<
|
|
351
|
+
<ui-modal-overflow
|
|
366
352
|
class="pressable container overflow"
|
|
367
353
|
data-testid="mirai-overflow"
|
|
368
354
|
style="height: 768px;"
|
|
369
355
|
tabindex="0"
|
|
370
356
|
>
|
|
371
|
-
<
|
|
357
|
+
<ui-modal
|
|
372
358
|
class="view fit modal calcWidth"
|
|
373
359
|
data-testid="mirai"
|
|
374
360
|
/>
|
|
375
|
-
</
|
|
361
|
+
</ui-modal-overflow>
|
|
376
362
|
</DocumentFragment>
|
|
377
363
|
`;
|
|
@@ -31,8 +31,7 @@ var Notification = function Notification(_ref) {
|
|
|
31
31
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
32
32
|
return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
|
|
33
33
|
row: true,
|
|
34
|
-
|
|
35
|
-
tag: others.tag || 'notification',
|
|
34
|
+
tag: "notification",
|
|
36
35
|
className: (0, _helpers.styles)(_NotificationModule.default.notification, contrast ? _NotificationModule.default.contrast : error ? _NotificationModule.default.error : warning ? _NotificationModule.default.warning : success ? _NotificationModule.default.success : info ? _NotificationModule.default.info : undefined, inline ? _NotificationModule.default.inline : _NotificationModule.default.outlined, large ? _NotificationModule.default.large : small ? _NotificationModule.default.small : undefined, wide && _NotificationModule.default.wide, others.className)
|
|
37
36
|
}), /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
38
37
|
headline: large,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","names":["Notification","children","contrast","error","info","inline","large","small","success","title","warning","wide","onClose","others","
|
|
1
|
+
{"version":3,"file":"Notification.js","names":["Notification","children","contrast","error","info","inline","large","small","success","title","warning","wide","onClose","others","styles","style","notification","undefined","outlined","className","getIconState","texts","testId","ICON","CLOSE","displayName","propTypes","PropTypes","any","isRequired","bool","string","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 contrast,\n error,\n info,\n inline = false,\n large,\n small,\n success,\n title,\n warning,\n wide,\n onClose,\n ...others\n}) => (\n <View\n {...others}\n row\n tag=\"notification\"\n className={styles(\n style.notification,\n contrast\n ? style.contrast\n : error\n ? style.error\n : warning\n ? style.warning\n : success\n ? style.success\n : info\n ? style.info\n : undefined,\n inline ? style.inline : style.outlined,\n large ? style.large : small ? style.small : undefined,\n wide && style.wide,\n others.className,\n )}\n >\n <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={getIconState({ error, success, warning })} />\n\n <View className={style.texts}>\n {title && (\n <Text action={small} bold headline={large}>\n {title}\n </Text>\n )}\n {children && (\n <Text action={!small && !large} small={small}>\n {children}\n </Text>\n )}\n </View>\n\n {!inline && !large && onClose && (\n <Pressable onPress={onClose} testId={others.testId ? `${others.testId}-button-close` : undefined}>\n <Icon headline={large} paragraph={small} level={large ? 1 : 3} value={ICON.CLOSE} />\n </Pressable>\n )}\n </View>\n);\n\nNotification.displayName = 'Component:Notification';\n\nNotification.propTypes = {\n children: PropTypes.any.isRequired,\n contrast: PropTypes.bool,\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 title: PropTypes.string,\n warning: PropTypes.bool,\n wide: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nexport { Notification };\n"],"mappings":"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"}
|