@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,301 +2,301 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`primitive:<Text> color prop:accent 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
|
-
<
|
|
5
|
+
<ui-text
|
|
6
6
|
class="text accent paragraph"
|
|
7
7
|
>
|
|
8
8
|
Lorem Ipsum
|
|
9
|
-
</
|
|
9
|
+
</ui-text>
|
|
10
10
|
</DocumentFragment>
|
|
11
11
|
`;
|
|
12
12
|
|
|
13
13
|
exports[`primitive:<Text> color prop:accentDark 1`] = `
|
|
14
14
|
<DocumentFragment>
|
|
15
|
-
<
|
|
15
|
+
<ui-text
|
|
16
16
|
class="text accentDark paragraph"
|
|
17
17
|
>
|
|
18
18
|
Lorem Ipsum
|
|
19
|
-
</
|
|
19
|
+
</ui-text>
|
|
20
20
|
</DocumentFragment>
|
|
21
21
|
`;
|
|
22
22
|
|
|
23
23
|
exports[`primitive:<Text> color prop:accentLight 1`] = `
|
|
24
24
|
<DocumentFragment>
|
|
25
|
-
<
|
|
25
|
+
<ui-text
|
|
26
26
|
class="text accentLight paragraph"
|
|
27
27
|
>
|
|
28
28
|
Lorem Ipsum
|
|
29
|
-
</
|
|
29
|
+
</ui-text>
|
|
30
30
|
</DocumentFragment>
|
|
31
31
|
`;
|
|
32
32
|
|
|
33
33
|
exports[`primitive:<Text> color prop:dark 1`] = `
|
|
34
34
|
<DocumentFragment>
|
|
35
|
-
<
|
|
35
|
+
<ui-text
|
|
36
36
|
class="text dark paragraph"
|
|
37
37
|
>
|
|
38
38
|
Lorem Ipsum
|
|
39
|
-
</
|
|
39
|
+
</ui-text>
|
|
40
40
|
</DocumentFragment>
|
|
41
41
|
`;
|
|
42
42
|
|
|
43
43
|
exports[`primitive:<Text> color prop:error 1`] = `
|
|
44
44
|
<DocumentFragment>
|
|
45
|
-
<
|
|
45
|
+
<ui-text
|
|
46
46
|
class="text error paragraph"
|
|
47
47
|
>
|
|
48
48
|
Lorem Ipsum
|
|
49
|
-
</
|
|
49
|
+
</ui-text>
|
|
50
50
|
</DocumentFragment>
|
|
51
51
|
`;
|
|
52
52
|
|
|
53
53
|
exports[`primitive:<Text> color prop:info 1`] = `
|
|
54
54
|
<DocumentFragment>
|
|
55
|
-
<
|
|
55
|
+
<ui-text
|
|
56
56
|
class="text info paragraph"
|
|
57
57
|
>
|
|
58
58
|
Lorem Ipsum
|
|
59
|
-
</
|
|
59
|
+
</ui-text>
|
|
60
60
|
</DocumentFragment>
|
|
61
61
|
`;
|
|
62
62
|
|
|
63
63
|
exports[`primitive:<Text> color prop:light 1`] = `
|
|
64
64
|
<DocumentFragment>
|
|
65
|
-
<
|
|
65
|
+
<ui-text
|
|
66
66
|
class="text light paragraph"
|
|
67
67
|
>
|
|
68
68
|
Lorem Ipsum
|
|
69
|
-
</
|
|
69
|
+
</ui-text>
|
|
70
70
|
</DocumentFragment>
|
|
71
71
|
`;
|
|
72
72
|
|
|
73
73
|
exports[`primitive:<Text> color prop:success 1`] = `
|
|
74
74
|
<DocumentFragment>
|
|
75
|
-
<
|
|
75
|
+
<ui-text
|
|
76
76
|
class="text success paragraph"
|
|
77
77
|
>
|
|
78
78
|
Lorem Ipsum
|
|
79
|
-
</
|
|
79
|
+
</ui-text>
|
|
80
80
|
</DocumentFragment>
|
|
81
81
|
`;
|
|
82
82
|
|
|
83
83
|
exports[`primitive:<Text> color prop:warning 1`] = `
|
|
84
84
|
<DocumentFragment>
|
|
85
|
-
<
|
|
85
|
+
<ui-text
|
|
86
86
|
class="text warning paragraph"
|
|
87
87
|
>
|
|
88
88
|
Lorem Ipsum
|
|
89
|
-
</
|
|
89
|
+
</ui-text>
|
|
90
90
|
</DocumentFragment>
|
|
91
91
|
`;
|
|
92
92
|
|
|
93
93
|
exports[`primitive:<Text> inherit:className 1`] = `
|
|
94
94
|
<DocumentFragment>
|
|
95
|
-
<
|
|
95
|
+
<ui-text
|
|
96
96
|
class="text paragraph mirai"
|
|
97
97
|
>
|
|
98
98
|
Lorem Ipsum
|
|
99
|
-
</
|
|
99
|
+
</ui-text>
|
|
100
100
|
</DocumentFragment>
|
|
101
101
|
`;
|
|
102
102
|
|
|
103
103
|
exports[`primitive:<Text> prop:action 1`] = `
|
|
104
104
|
<DocumentFragment>
|
|
105
|
-
<
|
|
105
|
+
<ui-text
|
|
106
106
|
class="text action"
|
|
107
107
|
>
|
|
108
108
|
Lorem Ipsum
|
|
109
|
-
</
|
|
109
|
+
</ui-text>
|
|
110
110
|
</DocumentFragment>
|
|
111
111
|
`;
|
|
112
112
|
|
|
113
113
|
exports[`primitive:<Text> prop:bold 1`] = `
|
|
114
114
|
<DocumentFragment>
|
|
115
|
-
<
|
|
115
|
+
<ui-text
|
|
116
116
|
class="text bold paragraph"
|
|
117
117
|
>
|
|
118
118
|
Lorem Ipsum
|
|
119
|
-
</
|
|
119
|
+
</ui-text>
|
|
120
120
|
</DocumentFragment>
|
|
121
121
|
`;
|
|
122
122
|
|
|
123
123
|
exports[`primitive:<Text> prop:brand 1`] = `
|
|
124
124
|
<DocumentFragment>
|
|
125
|
-
<
|
|
125
|
+
<ui-text
|
|
126
126
|
class="text brand paragraph"
|
|
127
127
|
>
|
|
128
128
|
Lorem Ipsum
|
|
129
|
-
</
|
|
129
|
+
</ui-text>
|
|
130
130
|
</DocumentFragment>
|
|
131
131
|
`;
|
|
132
132
|
|
|
133
133
|
exports[`primitive:<Text> prop:capitalize 1`] = `
|
|
134
134
|
<DocumentFragment>
|
|
135
|
-
<
|
|
135
|
+
<ui-text
|
|
136
136
|
class="text capitalize paragraph"
|
|
137
137
|
>
|
|
138
138
|
Lorem Ipsum
|
|
139
|
-
</
|
|
139
|
+
</ui-text>
|
|
140
140
|
</DocumentFragment>
|
|
141
141
|
`;
|
|
142
142
|
|
|
143
143
|
exports[`primitive:<Text> prop:headline & level:1 1`] = `
|
|
144
144
|
<DocumentFragment>
|
|
145
|
-
<
|
|
145
|
+
<ui-text
|
|
146
146
|
class="text headline-1"
|
|
147
147
|
>
|
|
148
148
|
Lorem Ipsum
|
|
149
|
-
</
|
|
149
|
+
</ui-text>
|
|
150
150
|
</DocumentFragment>
|
|
151
151
|
`;
|
|
152
152
|
|
|
153
153
|
exports[`primitive:<Text> prop:headline & level:2 1`] = `
|
|
154
154
|
<DocumentFragment>
|
|
155
|
-
<
|
|
155
|
+
<ui-text
|
|
156
156
|
class="text headline-2"
|
|
157
157
|
>
|
|
158
158
|
Lorem Ipsum
|
|
159
|
-
</
|
|
159
|
+
</ui-text>
|
|
160
160
|
</DocumentFragment>
|
|
161
161
|
`;
|
|
162
162
|
|
|
163
163
|
exports[`primitive:<Text> prop:headline & level:3 1`] = `
|
|
164
164
|
<DocumentFragment>
|
|
165
|
-
<
|
|
165
|
+
<ui-text
|
|
166
166
|
class="text headline-3"
|
|
167
167
|
>
|
|
168
168
|
Lorem Ipsum
|
|
169
|
-
</
|
|
169
|
+
</ui-text>
|
|
170
170
|
</DocumentFragment>
|
|
171
171
|
`;
|
|
172
172
|
|
|
173
173
|
exports[`primitive:<Text> prop:headline & level:4 1`] = `
|
|
174
174
|
<DocumentFragment>
|
|
175
|
-
<
|
|
175
|
+
<ui-text
|
|
176
176
|
class="text headline-4"
|
|
177
177
|
>
|
|
178
178
|
Lorem Ipsum
|
|
179
|
-
</
|
|
179
|
+
</ui-text>
|
|
180
180
|
</DocumentFragment>
|
|
181
181
|
`;
|
|
182
182
|
|
|
183
183
|
exports[`primitive:<Text> prop:headline 1`] = `
|
|
184
184
|
<DocumentFragment>
|
|
185
|
-
<
|
|
185
|
+
<ui-text
|
|
186
186
|
class="text headline-3"
|
|
187
187
|
>
|
|
188
188
|
Lorem Ipsum
|
|
189
|
-
</
|
|
189
|
+
</ui-text>
|
|
190
190
|
</DocumentFragment>
|
|
191
191
|
`;
|
|
192
192
|
|
|
193
193
|
exports[`primitive:<Text> prop:markdown 1`] = `
|
|
194
194
|
<DocumentFragment>
|
|
195
|
-
<
|
|
195
|
+
<ui-text
|
|
196
196
|
class="text paragraph"
|
|
197
197
|
>
|
|
198
|
-
<
|
|
198
|
+
<ui-text
|
|
199
199
|
style="font-style: italic;"
|
|
200
200
|
>
|
|
201
201
|
Lorem
|
|
202
|
-
</
|
|
202
|
+
</ui-text>
|
|
203
203
|
|
|
204
|
-
<
|
|
204
|
+
<ui-text
|
|
205
205
|
style="text-decoration: underline;"
|
|
206
206
|
>
|
|
207
207
|
Ipsum
|
|
208
|
-
</
|
|
209
|
-
</
|
|
208
|
+
</ui-text>
|
|
209
|
+
</ui-text>
|
|
210
210
|
</DocumentFragment>
|
|
211
211
|
`;
|
|
212
212
|
|
|
213
213
|
exports[`primitive:<Text> prop:medium 1`] = `
|
|
214
214
|
<DocumentFragment>
|
|
215
|
-
<
|
|
215
|
+
<ui-text
|
|
216
216
|
class="text medium paragraph"
|
|
217
217
|
>
|
|
218
218
|
Lorem Ipsum
|
|
219
|
-
</
|
|
219
|
+
</ui-text>
|
|
220
220
|
</DocumentFragment>
|
|
221
221
|
`;
|
|
222
222
|
|
|
223
223
|
exports[`primitive:<Text> prop:small 1`] = `
|
|
224
224
|
<DocumentFragment>
|
|
225
|
-
<
|
|
225
|
+
<ui-text
|
|
226
226
|
class="text small"
|
|
227
227
|
>
|
|
228
228
|
Lorem Ipsum
|
|
229
|
-
</
|
|
229
|
+
</ui-text>
|
|
230
230
|
</DocumentFragment>
|
|
231
231
|
`;
|
|
232
232
|
|
|
233
233
|
exports[`primitive:<Text> prop:tiny 1`] = `
|
|
234
234
|
<DocumentFragment>
|
|
235
|
-
<
|
|
235
|
+
<ui-text
|
|
236
236
|
class="text tiny"
|
|
237
237
|
>
|
|
238
238
|
Lorem Ipsum
|
|
239
|
-
</
|
|
239
|
+
</ui-text>
|
|
240
240
|
</DocumentFragment>
|
|
241
241
|
`;
|
|
242
242
|
|
|
243
243
|
exports[`primitive:<Text> prop:underline 1`] = `
|
|
244
244
|
<DocumentFragment>
|
|
245
|
-
<
|
|
245
|
+
<ui-text
|
|
246
246
|
class="text paragraph underline"
|
|
247
247
|
>
|
|
248
248
|
Lorem Ipsum
|
|
249
|
-
</
|
|
249
|
+
</ui-text>
|
|
250
250
|
</DocumentFragment>
|
|
251
251
|
`;
|
|
252
252
|
|
|
253
253
|
exports[`primitive:<Text> prop:upperCase 1`] = `
|
|
254
254
|
<DocumentFragment>
|
|
255
|
-
<
|
|
255
|
+
<ui-text
|
|
256
256
|
class="text paragraph upperCase"
|
|
257
257
|
>
|
|
258
258
|
Lorem Ipsum
|
|
259
|
-
</
|
|
259
|
+
</ui-text>
|
|
260
260
|
</DocumentFragment>
|
|
261
261
|
`;
|
|
262
262
|
|
|
263
263
|
exports[`primitive:<Text> prop:wide 1`] = `
|
|
264
264
|
<DocumentFragment>
|
|
265
|
-
<
|
|
265
|
+
<ui-text
|
|
266
266
|
class="text paragraph wide"
|
|
267
267
|
>
|
|
268
268
|
Lorem Ipsum
|
|
269
|
-
</
|
|
269
|
+
</ui-text>
|
|
270
270
|
</DocumentFragment>
|
|
271
271
|
`;
|
|
272
272
|
|
|
273
273
|
exports[`primitive:<Text> renders 1`] = `
|
|
274
274
|
<DocumentFragment>
|
|
275
|
-
<
|
|
275
|
+
<ui-text
|
|
276
276
|
class="text paragraph"
|
|
277
277
|
>
|
|
278
278
|
Lorem Ipsum
|
|
279
|
-
</
|
|
279
|
+
</ui-text>
|
|
280
280
|
</DocumentFragment>
|
|
281
281
|
`;
|
|
282
282
|
|
|
283
283
|
exports[`primitive:<Text> tag 1`] = `
|
|
284
284
|
<DocumentFragment>
|
|
285
|
-
<
|
|
285
|
+
<ui-tag
|
|
286
286
|
class="text paragraph"
|
|
287
287
|
>
|
|
288
288
|
Lorem Ipsum
|
|
289
|
-
</
|
|
289
|
+
</ui-tag>
|
|
290
290
|
</DocumentFragment>
|
|
291
291
|
`;
|
|
292
292
|
|
|
293
293
|
exports[`primitive:<Text> testId 1`] = `
|
|
294
294
|
<DocumentFragment>
|
|
295
|
-
<
|
|
295
|
+
<ui-text
|
|
296
296
|
class="text paragraph"
|
|
297
297
|
data-testid="mirai"
|
|
298
298
|
>
|
|
299
299
|
Lorem Ipsum
|
|
300
|
-
</
|
|
300
|
+
</ui-text>
|
|
301
301
|
</DocumentFragment>
|
|
302
302
|
`;
|
|
@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _helpers = require("../../helpers");
|
|
11
11
|
var _Primitive = require("../Primitive");
|
|
12
12
|
var _ViewModule = _interopRequireDefault(require("./View.module.css"));
|
|
13
|
-
var _excluded = ["children", "fit", "forceRow", "row", "wide"];
|
|
13
|
+
var _excluded = ["children", "fit", "forceRow", "row", "tag", "wide"];
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -25,12 +25,13 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
25
25
|
_ref$forceRow = _ref.forceRow,
|
|
26
26
|
forceRow = _ref$forceRow === void 0 ? false : _ref$forceRow,
|
|
27
27
|
row = _ref.row,
|
|
28
|
+
_ref$tag = _ref.tag,
|
|
29
|
+
tag = _ref$tag === void 0 ? 'view' : _ref$tag,
|
|
28
30
|
wide = _ref.wide,
|
|
29
31
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
30
32
|
return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
|
|
31
33
|
ref: ref,
|
|
32
|
-
|
|
33
|
-
tag: others.tag || 'view',
|
|
34
|
+
tag: tag,
|
|
34
35
|
className: (0, _helpers.styles)(_ViewModule.default.view, fit && _ViewModule.default.fit, row && !forceRow && _ViewModule.default.row, forceRow && _ViewModule.default.forceRow, wide && _ViewModule.default.wide, others.className)
|
|
35
36
|
}), children);
|
|
36
37
|
});
|
|
@@ -41,6 +42,7 @@ View.propTypes = {
|
|
|
41
42
|
fit: _propTypes.default.bool,
|
|
42
43
|
forceRow: _propTypes.default.bool,
|
|
43
44
|
row: _propTypes.default.bool,
|
|
45
|
+
tag: _propTypes.default.string,
|
|
44
46
|
wide: _propTypes.default.bool
|
|
45
47
|
};
|
|
46
48
|
//# sourceMappingURL=View.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","forceRow","row","wide","others","createElement","Primitive","
|
|
1
|
+
{"version":3,"file":"View.js","names":["View","React","forwardRef","ref","children","fit","forceRow","row","tag","wide","others","createElement","Primitive","className","styles","style","view","displayName","propTypes","PropTypes","node","bool","string"],"sources":["../../../src/primitives/View/View.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './View.module.css';\n\nconst View = React.forwardRef(({ children, fit, forceRow = false, row, tag = 'view', wide, ...others }, ref) =>\n React.createElement(\n Primitive,\n {\n ...others,\n ref,\n tag,\n className: styles(\n style.view,\n fit && style.fit,\n row && !forceRow && style.row,\n forceRow && style.forceRow,\n wide && style.wide,\n others.className,\n ),\n },\n children,\n ),\n);\n\nView.displayName = 'Primitive:View';\n\nView.propTypes = {\n children: PropTypes.node,\n fit: PropTypes.bool,\n forceRow: PropTypes.bool,\n row: PropTypes.bool,\n tag: PropTypes.string,\n wide: PropTypes.bool,\n};\n\nexport { View };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAC,gBAA0EC,GAAG;EAAA,IAA1EC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAA,gBAAEC,GAAG;IAAHA,GAAG,yBAAG,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBAClGT,cAAK,CAACU,aAAa,CACjBC,oBAAS,kCAEJF,MAAM;IACTP,GAAG,EAAHA,GAAG;IACHK,GAAG,EAAHA,GAAG;IACHK,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVX,GAAG,IAAIU,mBAAK,CAACV,GAAG,EAChBE,GAAG,IAAI,CAACD,QAAQ,IAAIS,mBAAK,CAACR,GAAG,EAC7BD,QAAQ,IAAIS,mBAAK,CAACT,QAAQ,EAC1BG,IAAI,IAAIM,mBAAK,CAACN,IAAI,EAClBC,MAAM,CAACG,SAAS;EACjB,IAEHT,QAAQ,CACT;AAAA,EACF;AAAC;AAEFJ,IAAI,CAACiB,WAAW,GAAG,gBAAgB;AAEnCjB,IAAI,CAACkB,SAAS,GAAG;EACfd,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,GAAG,EAAEc,kBAAS,CAACE,IAAI;EACnBf,QAAQ,EAAEa,kBAAS,CAACE,IAAI;EACxBd,GAAG,EAAEY,kBAAS,CAACE,IAAI;EACnBb,GAAG,EAAEW,kBAAS,CAACG,MAAM;EACrBb,IAAI,EAAEU,kBAAS,CAACE;AAClB,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`primitive:<View> inherit:className 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
|
-
<
|
|
5
|
+
<ui-view
|
|
6
6
|
class="view mirai"
|
|
7
7
|
/>
|
|
8
8
|
</DocumentFragment>
|
|
@@ -10,19 +10,19 @@ exports[`primitive:<View> inherit:className 1`] = `
|
|
|
10
10
|
|
|
11
11
|
exports[`primitive:<View> prop:children 1`] = `
|
|
12
12
|
<DocumentFragment>
|
|
13
|
-
<
|
|
13
|
+
<ui-view
|
|
14
14
|
class="view"
|
|
15
15
|
>
|
|
16
16
|
<span>
|
|
17
17
|
mirai
|
|
18
18
|
</span>
|
|
19
|
-
</
|
|
19
|
+
</ui-view>
|
|
20
20
|
</DocumentFragment>
|
|
21
21
|
`;
|
|
22
22
|
|
|
23
23
|
exports[`primitive:<View> prop:fit 1`] = `
|
|
24
24
|
<DocumentFragment>
|
|
25
|
-
<
|
|
25
|
+
<ui-view
|
|
26
26
|
class="view fit"
|
|
27
27
|
/>
|
|
28
28
|
</DocumentFragment>
|
|
@@ -30,7 +30,7 @@ exports[`primitive:<View> prop:fit 1`] = `
|
|
|
30
30
|
|
|
31
31
|
exports[`primitive:<View> prop:forceRow 1`] = `
|
|
32
32
|
<DocumentFragment>
|
|
33
|
-
<
|
|
33
|
+
<ui-view
|
|
34
34
|
class="view forceRow"
|
|
35
35
|
/>
|
|
36
36
|
</DocumentFragment>
|
|
@@ -38,7 +38,7 @@ exports[`primitive:<View> prop:forceRow 1`] = `
|
|
|
38
38
|
|
|
39
39
|
exports[`primitive:<View> prop:row 1`] = `
|
|
40
40
|
<DocumentFragment>
|
|
41
|
-
<
|
|
41
|
+
<ui-view
|
|
42
42
|
class="view row"
|
|
43
43
|
/>
|
|
44
44
|
</DocumentFragment>
|
|
@@ -46,7 +46,7 @@ exports[`primitive:<View> prop:row 1`] = `
|
|
|
46
46
|
|
|
47
47
|
exports[`primitive:<View> prop:wide 1`] = `
|
|
48
48
|
<DocumentFragment>
|
|
49
|
-
<
|
|
49
|
+
<ui-view
|
|
50
50
|
class="view wide"
|
|
51
51
|
/>
|
|
52
52
|
</DocumentFragment>
|
|
@@ -54,7 +54,7 @@ exports[`primitive:<View> prop:wide 1`] = `
|
|
|
54
54
|
|
|
55
55
|
exports[`primitive:<View> renders 1`] = `
|
|
56
56
|
<DocumentFragment>
|
|
57
|
-
<
|
|
57
|
+
<ui-view
|
|
58
58
|
class="view"
|
|
59
59
|
/>
|
|
60
60
|
</DocumentFragment>
|
|
@@ -62,7 +62,7 @@ exports[`primitive:<View> renders 1`] = `
|
|
|
62
62
|
|
|
63
63
|
exports[`primitive:<View> tag 1`] = `
|
|
64
64
|
<DocumentFragment>
|
|
65
|
-
<
|
|
65
|
+
<ui-tag
|
|
66
66
|
class="view"
|
|
67
67
|
/>
|
|
68
68
|
</DocumentFragment>
|
|
@@ -70,7 +70,7 @@ exports[`primitive:<View> tag 1`] = `
|
|
|
70
70
|
|
|
71
71
|
exports[`primitive:<View> testId 1`] = `
|
|
72
72
|
<DocumentFragment>
|
|
73
|
-
<
|
|
73
|
+
<ui-view
|
|
74
74
|
class="view"
|
|
75
75
|
data-testid="mirai"
|
|
76
76
|
/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/primitives/index.js"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/primitives/index.js"],"sourcesContent":["import './primitives.customElements';\n\nexport * from './Checkbox';\nexport * from './Icon';\nexport * from './Input';\nexport * from './Layer';\nexport * from './Pressable';\nexport * from './Primitive';\nexport * from './Radio';\nexport * from './ScrollView';\nexport * from './Select';\nexport * from './Switch';\nexport * from './Text';\nexport * from './View';\n"],"mappings":";;;;;AAAA;AAEA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _helpers = require("../helpers");
|
|
4
|
+
(0, _helpers.CustomElement)('ui-checkbox', HTMLDivElement, 'div');
|
|
5
|
+
(0, _helpers.CustomElement)('ui-icon', HTMLDivElement, 'span');
|
|
6
|
+
(0, _helpers.CustomElement)('ui-layer', HTMLDivElement, 'div');
|
|
7
|
+
(0, _helpers.CustomElement)('ui-layer-content', HTMLDivElement, 'div');
|
|
8
|
+
(0, _helpers.CustomElement)('ui-pressable', HTMLButtonElement, 'button');
|
|
9
|
+
(0, _helpers.CustomElement)('ui-primitive', HTMLDivElement, 'div');
|
|
10
|
+
(0, _helpers.CustomElement)('ui-radio', HTMLDivElement, 'div');
|
|
11
|
+
// CustomElement('ui-select', HTMLSelectElement, 'select');
|
|
12
|
+
// CustomElement('ui-option', HTMLOptionElement, 'option');
|
|
13
|
+
(0, _helpers.CustomElement)('ui-scrollview', HTMLDivElement, 'div');
|
|
14
|
+
(0, _helpers.CustomElement)('ui-switch', HTMLDivElement, 'div');
|
|
15
|
+
(0, _helpers.CustomElement)('ui-view', HTMLDivElement, 'div');
|
|
16
|
+
(0, _helpers.CustomElement)('ui-text', HTMLSpanElement, 'span');
|
|
17
|
+
(0, _helpers.CustomElement)('ui-h1', HTMLSpanElement, 'h1');
|
|
18
|
+
(0, _helpers.CustomElement)('ui-h2', HTMLSpanElement, 'h2');
|
|
19
|
+
(0, _helpers.CustomElement)('ui-h3', HTMLSpanElement, 'h3');
|
|
20
|
+
//# sourceMappingURL=primitives.customElements.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"primitives.customElements.js","names":["CustomElement","HTMLDivElement","HTMLButtonElement","HTMLSpanElement"],"sources":["../../src/primitives/primitives.customElements.js"],"sourcesContent":["import { CustomElement } from '../helpers';\n\nCustomElement('ui-checkbox', HTMLDivElement, 'div');\nCustomElement('ui-icon', HTMLDivElement, 'span');\nCustomElement('ui-layer', HTMLDivElement, 'div');\nCustomElement('ui-layer-content', HTMLDivElement, 'div');\nCustomElement('ui-pressable', HTMLButtonElement, 'button');\nCustomElement('ui-primitive', HTMLDivElement, 'div');\nCustomElement('ui-radio', HTMLDivElement, 'div');\n// CustomElement('ui-select', HTMLSelectElement, 'select');\n// CustomElement('ui-option', HTMLOptionElement, 'option');\nCustomElement('ui-scrollview', HTMLDivElement, 'div');\nCustomElement('ui-switch', HTMLDivElement, 'div');\nCustomElement('ui-view', HTMLDivElement, 'div');\nCustomElement('ui-text', HTMLSpanElement, 'span');\nCustomElement('ui-h1', HTMLSpanElement, 'h1');\nCustomElement('ui-h2', HTMLSpanElement, 'h2');\nCustomElement('ui-h3', HTMLSpanElement, 'h3');\n"],"mappings":";;AAAA;AAEA,IAAAA,sBAAa,EAAC,aAAa,EAAEC,cAAc,EAAE,KAAK,CAAC;AACnD,IAAAD,sBAAa,EAAC,SAAS,EAAEC,cAAc,EAAE,MAAM,CAAC;AAChD,IAAAD,sBAAa,EAAC,UAAU,EAAEC,cAAc,EAAE,KAAK,CAAC;AAChD,IAAAD,sBAAa,EAAC,kBAAkB,EAAEC,cAAc,EAAE,KAAK,CAAC;AACxD,IAAAD,sBAAa,EAAC,cAAc,EAAEE,iBAAiB,EAAE,QAAQ,CAAC;AAC1D,IAAAF,sBAAa,EAAC,cAAc,EAAEC,cAAc,EAAE,KAAK,CAAC;AACpD,IAAAD,sBAAa,EAAC,UAAU,EAAEC,cAAc,EAAE,KAAK,CAAC;AAChD;AACA;AACA,IAAAD,sBAAa,EAAC,eAAe,EAAEC,cAAc,EAAE,KAAK,CAAC;AACrD,IAAAD,sBAAa,EAAC,WAAW,EAAEC,cAAc,EAAE,KAAK,CAAC;AACjD,IAAAD,sBAAa,EAAC,SAAS,EAAEC,cAAc,EAAE,KAAK,CAAC;AAC/C,IAAAD,sBAAa,EAAC,SAAS,EAAEG,eAAe,EAAE,MAAM,CAAC;AACjD,IAAAH,sBAAa,EAAC,OAAO,EAAEG,eAAe,EAAE,IAAI,CAAC;AAC7C,IAAAH,sBAAa,EAAC,OAAO,EAAEG,eAAe,EAAE,IAAI,CAAC;AAC7C,IAAAH,sBAAa,EAAC,OAAO,EAAEG,eAAe,EAAE,IAAI,CAAC"}
|