@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.
Files changed (118) hide show
  1. package/build/components/Action/Action.js +1 -2
  2. package/build/components/Action/Action.js.map +1 -1
  3. package/build/components/Action/Action.module.css +4 -0
  4. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +21 -32
  5. package/build/components/Button/Button.js +1 -2
  6. package/build/components/Button/Button.js.map +1 -1
  7. package/build/components/Button/Button.module.css +27 -27
  8. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +49 -60
  9. package/build/components/Calendar/Calendar.Month.js +1 -0
  10. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  11. package/build/components/Calendar/Calendar.Weekdays.js +1 -0
  12. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  13. package/build/components/Calendar/Calendar.js +3 -0
  14. package/build/components/Calendar/Calendar.js.map +1 -1
  15. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +18348 -18226
  16. package/build/components/Form/Form.js +1 -2
  17. package/build/components/Form/Form.js.map +1 -1
  18. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -15
  19. package/build/components/InputDate/InputDate.js +1 -2
  20. package/build/components/InputDate/InputDate.js.map +1 -1
  21. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -67
  22. package/build/components/InputNumber/InputNumber.js +5 -4
  23. package/build/components/InputNumber/InputNumber.js.map +1 -1
  24. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +195 -240
  25. package/build/components/InputOption/InputOption.js +3 -3
  26. package/build/components/InputOption/InputOption.js.map +1 -1
  27. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +80 -100
  28. package/build/components/InputPhone/InputPhone.js +10 -5
  29. package/build/components/InputPhone/InputPhone.js.map +1 -1
  30. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +339 -421
  31. package/build/components/InputSelect/InputSelect.js +4 -2
  32. package/build/components/InputSelect/InputSelect.js.map +1 -1
  33. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +115 -115
  34. package/build/components/InputText/InputText.js +4 -3
  35. package/build/components/InputText/InputText.js.map +1 -1
  36. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +133 -156
  37. package/build/components/Menu/Menu.js +1 -2
  38. package/build/components/Menu/Menu.js.map +1 -1
  39. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +69 -77
  40. package/build/components/Modal/Modal.js +10 -7
  41. package/build/components/Modal/Modal.js.map +1 -1
  42. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +78 -92
  43. package/build/components/Notification/Notification.js +1 -2
  44. package/build/components/Notification/Notification.js.map +1 -1
  45. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +288 -327
  46. package/build/components/Progress/Progress.js +2 -3
  47. package/build/components/Progress/Progress.js.map +1 -1
  48. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -31
  49. package/build/components/Slider/Slider.js +8 -5
  50. package/build/components/Slider/Slider.js.map +1 -1
  51. package/build/components/Slider/Slider.module.css +3 -3
  52. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +349 -464
  53. package/build/components/Table/Table.Filter.js +1 -0
  54. package/build/components/Table/Table.Filter.js.map +1 -1
  55. package/build/components/Table/Table.Row.js +0 -1
  56. package/build/components/Table/Table.Row.js.map +1 -1
  57. package/build/components/Table/Table.js +1 -2
  58. package/build/components/Table/Table.js.map +1 -1
  59. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -222
  60. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +1092 -1516
  61. package/build/components/Tooltip/Tooltip.js +1 -2
  62. package/build/components/Tooltip/Tooltip.js.map +1 -1
  63. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +48 -48
  64. package/build/components/components.customElements.js +6 -0
  65. package/build/components/components.customElements.js.map +1 -0
  66. package/build/components/index.js +1 -0
  67. package/build/components/index.js.map +1 -1
  68. package/build/helpers/CustomElement.js +39 -0
  69. package/build/helpers/CustomElement.js.map +1 -0
  70. package/build/helpers/index.js +11 -0
  71. package/build/helpers/index.js.map +1 -1
  72. package/build/primitives/Checkbox/Checkbox.js +4 -3
  73. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  74. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +20 -35
  75. package/build/primitives/Icon/Icon.js +1 -2
  76. package/build/primitives/Icon/Icon.js.map +1 -1
  77. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +82 -108
  78. package/build/primitives/Input/Input.js +0 -1
  79. package/build/primitives/Input/Input.js.map +1 -1
  80. package/build/primitives/Layer/Layer.js +8 -5
  81. package/build/primitives/Layer/Layer.js.map +1 -1
  82. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +58 -58
  83. package/build/primitives/Pressable/Pressable.js +7 -5
  84. package/build/primitives/Pressable/Pressable.js.map +1 -1
  85. package/build/primitives/Pressable/Pressable.module.css +8 -0
  86. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +11 -11
  87. package/build/primitives/Primitive/Primitive.constants.js +18 -2
  88. package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
  89. package/build/primitives/Primitive/Primitive.js +13 -3
  90. package/build/primitives/Primitive/Primitive.js.map +1 -1
  91. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +18 -12
  92. package/build/primitives/Primitive/helpers/getTag.js +3 -24
  93. package/build/primitives/Primitive/helpers/getTag.js.map +1 -1
  94. package/build/primitives/Radio/Radio.js +4 -3
  95. package/build/primitives/Radio/Radio.js.map +1 -1
  96. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -39
  97. package/build/primitives/ScrollView/ScrollView.js +8 -4
  98. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  99. package/build/primitives/ScrollView/ScrollView.module.css +1 -1
  100. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
  101. package/build/primitives/Select/Select.js +1 -2
  102. package/build/primitives/Select/Select.js.map +1 -1
  103. package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +0 -35
  104. package/build/primitives/Switch/Switch.js +1 -2
  105. package/build/primitives/Switch/Switch.js.map +1 -1
  106. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +40 -60
  107. package/build/primitives/Text/Text.js +0 -1
  108. package/build/primitives/Text/Text.js.map +1 -1
  109. package/build/primitives/Text/Text.module.css +0 -4
  110. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +62 -62
  111. package/build/primitives/View/View.js +5 -3
  112. package/build/primitives/View/View.js.map +1 -1
  113. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
  114. package/build/primitives/index.js +1 -0
  115. package/build/primitives/index.js.map +1 -1
  116. package/build/primitives/primitives.customElements.js +20 -0
  117. package/build/primitives/primitives.customElements.js.map +1 -0
  118. package/package.json +1 -1
@@ -2,301 +2,301 @@
2
2
 
3
3
  exports[`primitive:<Text> color prop:accent 1`] = `
4
4
  <DocumentFragment>
5
- <ui_text
5
+ <ui-text
6
6
  class="text accent paragraph"
7
7
  >
8
8
  Lorem Ipsum
9
- </ui_text>
9
+ </ui-text>
10
10
  </DocumentFragment>
11
11
  `;
12
12
 
13
13
  exports[`primitive:<Text> color prop:accentDark 1`] = `
14
14
  <DocumentFragment>
15
- <ui_text
15
+ <ui-text
16
16
  class="text accentDark paragraph"
17
17
  >
18
18
  Lorem Ipsum
19
- </ui_text>
19
+ </ui-text>
20
20
  </DocumentFragment>
21
21
  `;
22
22
 
23
23
  exports[`primitive:<Text> color prop:accentLight 1`] = `
24
24
  <DocumentFragment>
25
- <ui_text
25
+ <ui-text
26
26
  class="text accentLight paragraph"
27
27
  >
28
28
  Lorem Ipsum
29
- </ui_text>
29
+ </ui-text>
30
30
  </DocumentFragment>
31
31
  `;
32
32
 
33
33
  exports[`primitive:<Text> color prop:dark 1`] = `
34
34
  <DocumentFragment>
35
- <ui_text
35
+ <ui-text
36
36
  class="text dark paragraph"
37
37
  >
38
38
  Lorem Ipsum
39
- </ui_text>
39
+ </ui-text>
40
40
  </DocumentFragment>
41
41
  `;
42
42
 
43
43
  exports[`primitive:<Text> color prop:error 1`] = `
44
44
  <DocumentFragment>
45
- <ui_text
45
+ <ui-text
46
46
  class="text error paragraph"
47
47
  >
48
48
  Lorem Ipsum
49
- </ui_text>
49
+ </ui-text>
50
50
  </DocumentFragment>
51
51
  `;
52
52
 
53
53
  exports[`primitive:<Text> color prop:info 1`] = `
54
54
  <DocumentFragment>
55
- <ui_text
55
+ <ui-text
56
56
  class="text info paragraph"
57
57
  >
58
58
  Lorem Ipsum
59
- </ui_text>
59
+ </ui-text>
60
60
  </DocumentFragment>
61
61
  `;
62
62
 
63
63
  exports[`primitive:<Text> color prop:light 1`] = `
64
64
  <DocumentFragment>
65
- <ui_text
65
+ <ui-text
66
66
  class="text light paragraph"
67
67
  >
68
68
  Lorem Ipsum
69
- </ui_text>
69
+ </ui-text>
70
70
  </DocumentFragment>
71
71
  `;
72
72
 
73
73
  exports[`primitive:<Text> color prop:success 1`] = `
74
74
  <DocumentFragment>
75
- <ui_text
75
+ <ui-text
76
76
  class="text success paragraph"
77
77
  >
78
78
  Lorem Ipsum
79
- </ui_text>
79
+ </ui-text>
80
80
  </DocumentFragment>
81
81
  `;
82
82
 
83
83
  exports[`primitive:<Text> color prop:warning 1`] = `
84
84
  <DocumentFragment>
85
- <ui_text
85
+ <ui-text
86
86
  class="text warning paragraph"
87
87
  >
88
88
  Lorem Ipsum
89
- </ui_text>
89
+ </ui-text>
90
90
  </DocumentFragment>
91
91
  `;
92
92
 
93
93
  exports[`primitive:<Text> inherit:className 1`] = `
94
94
  <DocumentFragment>
95
- <ui_text
95
+ <ui-text
96
96
  class="text paragraph mirai"
97
97
  >
98
98
  Lorem Ipsum
99
- </ui_text>
99
+ </ui-text>
100
100
  </DocumentFragment>
101
101
  `;
102
102
 
103
103
  exports[`primitive:<Text> prop:action 1`] = `
104
104
  <DocumentFragment>
105
- <ui_text
105
+ <ui-text
106
106
  class="text action"
107
107
  >
108
108
  Lorem Ipsum
109
- </ui_text>
109
+ </ui-text>
110
110
  </DocumentFragment>
111
111
  `;
112
112
 
113
113
  exports[`primitive:<Text> prop:bold 1`] = `
114
114
  <DocumentFragment>
115
- <ui_text
115
+ <ui-text
116
116
  class="text bold paragraph"
117
117
  >
118
118
  Lorem Ipsum
119
- </ui_text>
119
+ </ui-text>
120
120
  </DocumentFragment>
121
121
  `;
122
122
 
123
123
  exports[`primitive:<Text> prop:brand 1`] = `
124
124
  <DocumentFragment>
125
- <ui_text
125
+ <ui-text
126
126
  class="text brand paragraph"
127
127
  >
128
128
  Lorem Ipsum
129
- </ui_text>
129
+ </ui-text>
130
130
  </DocumentFragment>
131
131
  `;
132
132
 
133
133
  exports[`primitive:<Text> prop:capitalize 1`] = `
134
134
  <DocumentFragment>
135
- <ui_text
135
+ <ui-text
136
136
  class="text capitalize paragraph"
137
137
  >
138
138
  Lorem Ipsum
139
- </ui_text>
139
+ </ui-text>
140
140
  </DocumentFragment>
141
141
  `;
142
142
 
143
143
  exports[`primitive:<Text> prop:headline & level:1 1`] = `
144
144
  <DocumentFragment>
145
- <ui_text
145
+ <ui-text
146
146
  class="text headline-1"
147
147
  >
148
148
  Lorem Ipsum
149
- </ui_text>
149
+ </ui-text>
150
150
  </DocumentFragment>
151
151
  `;
152
152
 
153
153
  exports[`primitive:<Text> prop:headline & level:2 1`] = `
154
154
  <DocumentFragment>
155
- <ui_text
155
+ <ui-text
156
156
  class="text headline-2"
157
157
  >
158
158
  Lorem Ipsum
159
- </ui_text>
159
+ </ui-text>
160
160
  </DocumentFragment>
161
161
  `;
162
162
 
163
163
  exports[`primitive:<Text> prop:headline & level:3 1`] = `
164
164
  <DocumentFragment>
165
- <ui_text
165
+ <ui-text
166
166
  class="text headline-3"
167
167
  >
168
168
  Lorem Ipsum
169
- </ui_text>
169
+ </ui-text>
170
170
  </DocumentFragment>
171
171
  `;
172
172
 
173
173
  exports[`primitive:<Text> prop:headline & level:4 1`] = `
174
174
  <DocumentFragment>
175
- <ui_text
175
+ <ui-text
176
176
  class="text headline-4"
177
177
  >
178
178
  Lorem Ipsum
179
- </ui_text>
179
+ </ui-text>
180
180
  </DocumentFragment>
181
181
  `;
182
182
 
183
183
  exports[`primitive:<Text> prop:headline 1`] = `
184
184
  <DocumentFragment>
185
- <ui_text
185
+ <ui-text
186
186
  class="text headline-3"
187
187
  >
188
188
  Lorem Ipsum
189
- </ui_text>
189
+ </ui-text>
190
190
  </DocumentFragment>
191
191
  `;
192
192
 
193
193
  exports[`primitive:<Text> prop:markdown 1`] = `
194
194
  <DocumentFragment>
195
- <ui_text
195
+ <ui-text
196
196
  class="text paragraph"
197
197
  >
198
- <ui_text
198
+ <ui-text
199
199
  style="font-style: italic;"
200
200
  >
201
201
  Lorem
202
- </ui_text>
202
+ </ui-text>
203
203
 
204
- <ui_text
204
+ <ui-text
205
205
  style="text-decoration: underline;"
206
206
  >
207
207
  Ipsum
208
- </ui_text>
209
- </ui_text>
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
- <ui_text
215
+ <ui-text
216
216
  class="text medium paragraph"
217
217
  >
218
218
  Lorem Ipsum
219
- </ui_text>
219
+ </ui-text>
220
220
  </DocumentFragment>
221
221
  `;
222
222
 
223
223
  exports[`primitive:<Text> prop:small 1`] = `
224
224
  <DocumentFragment>
225
- <ui_text
225
+ <ui-text
226
226
  class="text small"
227
227
  >
228
228
  Lorem Ipsum
229
- </ui_text>
229
+ </ui-text>
230
230
  </DocumentFragment>
231
231
  `;
232
232
 
233
233
  exports[`primitive:<Text> prop:tiny 1`] = `
234
234
  <DocumentFragment>
235
- <ui_text
235
+ <ui-text
236
236
  class="text tiny"
237
237
  >
238
238
  Lorem Ipsum
239
- </ui_text>
239
+ </ui-text>
240
240
  </DocumentFragment>
241
241
  `;
242
242
 
243
243
  exports[`primitive:<Text> prop:underline 1`] = `
244
244
  <DocumentFragment>
245
- <ui_text
245
+ <ui-text
246
246
  class="text paragraph underline"
247
247
  >
248
248
  Lorem Ipsum
249
- </ui_text>
249
+ </ui-text>
250
250
  </DocumentFragment>
251
251
  `;
252
252
 
253
253
  exports[`primitive:<Text> prop:upperCase 1`] = `
254
254
  <DocumentFragment>
255
- <ui_text
255
+ <ui-text
256
256
  class="text paragraph upperCase"
257
257
  >
258
258
  Lorem Ipsum
259
- </ui_text>
259
+ </ui-text>
260
260
  </DocumentFragment>
261
261
  `;
262
262
 
263
263
  exports[`primitive:<Text> prop:wide 1`] = `
264
264
  <DocumentFragment>
265
- <ui_text
265
+ <ui-text
266
266
  class="text paragraph wide"
267
267
  >
268
268
  Lorem Ipsum
269
- </ui_text>
269
+ </ui-text>
270
270
  </DocumentFragment>
271
271
  `;
272
272
 
273
273
  exports[`primitive:<Text> renders 1`] = `
274
274
  <DocumentFragment>
275
- <ui_text
275
+ <ui-text
276
276
  class="text paragraph"
277
277
  >
278
278
  Lorem Ipsum
279
- </ui_text>
279
+ </ui-text>
280
280
  </DocumentFragment>
281
281
  `;
282
282
 
283
283
  exports[`primitive:<Text> tag 1`] = `
284
284
  <DocumentFragment>
285
- <ui_tag
285
+ <ui-tag
286
286
  class="text paragraph"
287
287
  >
288
288
  Lorem Ipsum
289
- </ui_tag>
289
+ </ui-tag>
290
290
  </DocumentFragment>
291
291
  `;
292
292
 
293
293
  exports[`primitive:<Text> testId 1`] = `
294
294
  <DocumentFragment>
295
- <ui_text
295
+ <ui-text
296
296
  class="text paragraph"
297
297
  data-testid="mirai"
298
298
  >
299
299
  Lorem Ipsum
300
- </ui_text>
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
- role: others.role || 'view',
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","role","tag","className","styles","style","view","displayName","propTypes","PropTypes","node","bool"],"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, wide, ...others }, ref) =>\n React.createElement(\n Primitive,\n {\n ...others,\n ref,\n role: others.role || 'view',\n tag: others.tag || 'view',\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 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,gBAA4DC,GAAG;EAAA,IAA5DC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBACpFR,cAAK,CAACS,aAAa,CACjBC,oBAAS,kCAEJF,MAAM;IACTN,GAAG,EAAHA,GAAG;IACHS,IAAI,EAAEH,MAAM,CAACG,IAAI,IAAI,MAAM;IAC3BC,GAAG,EAAEJ,MAAM,CAACI,GAAG,IAAI,MAAM;IACzBC,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVZ,GAAG,IAAIW,mBAAK,CAACX,GAAG,EAChBE,GAAG,IAAI,CAACD,QAAQ,IAAIU,mBAAK,CAACT,GAAG,EAC7BD,QAAQ,IAAIU,mBAAK,CAACV,QAAQ,EAC1BE,IAAI,IAAIQ,mBAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,SAAS;EACjB,IAEHV,QAAQ,CACT;AAAA,EACF;AAAC;AAEFJ,IAAI,CAACkB,WAAW,GAAG,gBAAgB;AAEnClB,IAAI,CAACmB,SAAS,GAAG;EACff,QAAQ,EAAEgB,kBAAS,CAACC,IAAI;EACxBhB,GAAG,EAAEe,kBAAS,CAACE,IAAI;EACnBhB,QAAQ,EAAEc,kBAAS,CAACE,IAAI;EACxBf,GAAG,EAAEa,kBAAS,CAACE,IAAI;EACnBd,IAAI,EAAEY,kBAAS,CAACE;AAClB,CAAC"}
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
- <ui_view
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
- <ui_view
13
+ <ui-view
14
14
  class="view"
15
15
  >
16
16
  <span>
17
17
  mirai
18
18
  </span>
19
- </ui_view>
19
+ </ui-view>
20
20
  </DocumentFragment>
21
21
  `;
22
22
 
23
23
  exports[`primitive:<View> prop:fit 1`] = `
24
24
  <DocumentFragment>
25
- <ui_view
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
- <ui_view
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
- <ui_view
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
- <ui_view
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
- <ui_view
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
- <ui_tag
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
- <ui_view
73
+ <ui-view
74
74
  class="view"
75
75
  data-testid="mirai"
76
76
  />
@@ -3,6 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
+ require("./primitives.customElements");
6
7
  var _Checkbox = require("./Checkbox");
7
8
  Object.keys(_Checkbox).forEach(function (key) {
8
9
  if (key === "default" || key === "__esModule") return;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/primitives/index.js"],"sourcesContent":["export * 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;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"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/ui",
3
- "version": "2.0.6",
3
+ "version": "2.0.8",
4
4
  "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
5
5
  "author": "JΛVI <hello@soyjavi.com>",
6
6
  "license": "MIT",