@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,25 +2,25 @@
2
2
 
3
3
  exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
4
4
  <DocumentFragment>
5
- <ui_modal_overflow
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
- <ui_view
11
+ <ui-modal
12
12
  class="view fit modal calcWidth visible"
13
13
  data-testid="mirai-onClose"
14
14
  >
15
- <ui_view
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
- <ui_icon
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
- </ui_icon>
45
- </button>
46
- </ui_view>
47
- </ui_view>
48
- </ui_modal_overflow>
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
- <ui_modal_overflow
54
+ <ui-modal-overflow
55
55
  class="pressable container overflow visible"
56
56
  style="height: 768px;"
57
57
  tabindex="0"
58
58
  >
59
- <ui_view
59
+ <ui-modal
60
60
  class="view fit modal calcWidth visible"
61
61
  />
62
- </ui_modal_overflow>
62
+ </ui-modal-overflow>
63
63
  </DocumentFragment>
64
64
  `;
65
65
 
66
66
  exports[`component:<Modal> inherit:className 1`] = `
67
67
  <DocumentFragment>
68
- <ui_modal_overflow
68
+ <ui-modal-overflow
69
69
  class="pressable container overflow"
70
70
  style="height: 768px;"
71
71
  tabindex="0"
72
72
  >
73
- <ui_view
73
+ <ui-modal
74
74
  class="view fit modal calcWidth mirai"
75
75
  />
76
- </ui_modal_overflow>
76
+ </ui-modal-overflow>
77
77
  </DocumentFragment>
78
78
  `;
79
79
 
80
80
  exports[`component:<Modal> prop:children 1`] = `
81
81
  <DocumentFragment>
82
- <ui_modal_overflow
82
+ <ui-modal-overflow
83
83
  class="pressable container overflow"
84
84
  style="height: 768px;"
85
85
  tabindex="0"
86
86
  >
87
- <ui_view
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
- </ui_view>
96
- </ui_modal_overflow>
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
- <ui_modal_overflow
102
+ <ui-modal-overflow
103
103
  class="pressable container overflow"
104
104
  style="height: 768px;"
105
105
  tabindex="0"
106
106
  >
107
- <ui_view
107
+ <ui-modal
108
108
  class="view fit modal"
109
109
  />
110
- </ui_modal_overflow>
110
+ </ui-modal-overflow>
111
111
  </DocumentFragment>
112
112
  `;
113
113
 
114
114
  exports[`component:<Modal> prop:mobileBehavior 1`] = `
115
115
  <DocumentFragment>
116
- <ui_modal_overflow
116
+ <ui-modal-overflow
117
117
  class="pressable container overflow"
118
118
  style="height: 768px;"
119
119
  tabindex="0"
120
120
  >
121
- <ui_view
121
+ <ui-modal
122
122
  class="view fit modal calcWidth"
123
123
  />
124
- </ui_modal_overflow>
124
+ </ui-modal-overflow>
125
125
  </DocumentFragment>
126
126
  `;
127
127
 
128
128
  exports[`component:<Modal> prop:onBack 1`] = `
129
129
  <DocumentFragment>
130
- <ui_modal_overflow
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
- <ui_view
136
+ <ui-modal
137
137
  class="view fit modal calcWidth visible"
138
138
  data-testid="mirai-onBack"
139
139
  >
140
- <ui_view
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
- <ui_icon
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
- </ui_icon>
169
- </button>
170
- </ui_view>
171
- </ui_view>
172
- </ui_modal_overflow>
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
- <ui_modal_overflow
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
- <ui_view
184
+ <ui-modal
185
185
  class="view fit modal calcWidth visible"
186
186
  data-testid="mirai-onClose"
187
187
  >
188
- <ui_view
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
- <ui_icon
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
- </ui_icon>
218
- </button>
219
- </ui_view>
220
- </ui_view>
221
- </ui_modal_overflow>
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
- <ui_modal_overflow
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
- <ui_view
233
+ <ui-modal
234
234
  class="view fit modal calcWidth visible"
235
235
  data-testid="mirai-onOverflow"
236
236
  />
237
- </ui_modal_overflow>
237
+ </ui-modal-overflow>
238
238
  </DocumentFragment>
239
239
  `;
240
240
 
241
241
  exports[`component:<Modal> prop:portal 1`] = `
242
242
  <DocumentFragment>
243
- <ui_modal_overflow
243
+ <ui-modal-overflow
244
244
  class="pressable container overflow"
245
245
  style="height: 768px;"
246
246
  tabindex="0"
247
247
  >
248
- <ui_view
248
+ <ui-modal
249
249
  class="view fit modal calcWidth"
250
250
  />
251
- </ui_modal_overflow>
251
+ </ui-modal-overflow>
252
252
  </DocumentFragment>
253
253
  `;
254
254
 
255
255
  exports[`component:<Modal> prop:title 1`] = `
256
256
  <DocumentFragment>
257
- <ui_modal_overflow
257
+ <ui-modal-overflow
258
258
  class="pressable container overflow"
259
259
  style="height: 768px;"
260
260
  tabindex="0"
261
261
  >
262
- <ui_view
262
+ <ui-modal
263
263
  class="view fit modal calcWidth"
264
264
  >
265
- <ui_view
265
+ <ui-view
266
266
  class="view row header hideBack hideClose"
267
267
  >
268
- <ui_text
268
+ <ui-text
269
269
  class="text paragraph title"
270
270
  >
271
271
  Modal
272
- </ui_text>
273
- </ui_view>
274
- </ui_view>
275
- </ui_modal_overflow>
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
- <ui_modal_overflow
281
+ <ui-modal-overflow
282
282
  class="pressable container overflow blur visible"
283
283
  style="height: 768px;"
284
284
  tabindex="0"
285
285
  >
286
- <ui_view
286
+ <ui-modal
287
287
  class="view fit modal calcWidth visible"
288
288
  />
289
- </ui_modal_overflow>
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
- <ui_modal_overflow
295
+ <ui-modal-overflow
296
296
  class="pressable container overflow visible onOverflow"
297
297
  style="height: 768px;"
298
298
  tabindex="0"
299
299
  >
300
- <ui_view
300
+ <ui-modal
301
301
  class="view fit modal calcWidth visible"
302
302
  />
303
- </ui_modal_overflow>
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
- <ui_modal_overflow
309
+ <ui-modal-overflow
310
310
  class="pressable container visible"
311
311
  style="height: 768px;"
312
312
  tabindex="0"
313
313
  >
314
- <ui_view
314
+ <ui-modal
315
315
  class="view fit modal calcWidth visible"
316
316
  />
317
- </ui_modal_overflow>
317
+ </ui-modal-overflow>
318
318
  </DocumentFragment>
319
319
  `;
320
320
 
321
321
  exports[`component:<Modal> prop:visible renders 1`] = `
322
322
  <DocumentFragment>
323
- <ui_modal_overflow
323
+ <ui-modal-overflow
324
324
  class="pressable container overflow visible"
325
325
  style="height: 768px;"
326
326
  tabindex="0"
327
327
  >
328
- <ui_view
328
+ <ui-modal
329
329
  class="view fit modal calcWidth visible"
330
330
  />
331
- </ui_modal_overflow>
331
+ </ui-modal-overflow>
332
332
  </DocumentFragment>
333
333
  `;
334
334
 
335
335
  exports[`component:<Modal> renders 1`] = `
336
336
  <DocumentFragment>
337
- <ui_modal_overflow
337
+ <ui-modal-overflow
338
338
  class="pressable container overflow"
339
339
  style="height: 768px;"
340
340
  tabindex="0"
341
341
  >
342
- <ui_view
342
+ <ui-modal
343
343
  class="view fit modal calcWidth"
344
344
  />
345
- </ui_modal_overflow>
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
- <ui_modal_overflow
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
- <ui_view
357
+ <ui-modal
372
358
  class="view fit modal calcWidth"
373
359
  data-testid="mirai"
374
360
  />
375
- </ui_modal_overflow>
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
- role: others.role || 'notification',
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","role","tag","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 role={others.role || 'notification'}\n tag={others.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":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAAA;AAE9C,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAChBC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IAAA,mBACJC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,KAAK,QAALA,KAAK;IACLC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IACJC,MAAM;EAAA,oBAET,6BAAC,gBAAI,eACCA,MAAM;IACV,GAAG;IACH,IAAI,EAAEA,MAAM,CAACC,IAAI,IAAI,cAAe;IACpC,GAAG,EAAED,MAAM,CAACE,GAAG,IAAI,cAAe;IAClC,SAAS,EAAE,IAAAC,eAAM,EACfC,2BAAK,CAACC,YAAY,EAClBhB,QAAQ,GACJe,2BAAK,CAACf,QAAQ,GACdC,KAAK,GACLc,2BAAK,CAACd,KAAK,GACXO,OAAO,GACPO,2BAAK,CAACP,OAAO,GACbF,OAAO,GACPS,2BAAK,CAACT,OAAO,GACbJ,IAAI,GACJa,2BAAK,CAACb,IAAI,GACVe,SAAS,EACbd,MAAM,GAAGY,2BAAK,CAACZ,MAAM,GAAGY,2BAAK,CAACG,QAAQ,EACtCd,KAAK,GAAGW,2BAAK,CAACX,KAAK,GAAGC,KAAK,GAAGU,2BAAK,CAACV,KAAK,GAAGY,SAAS,EACrDR,IAAI,IAAIM,2BAAK,CAACN,IAAI,EAClBE,MAAM,CAACQ,SAAS;EAChB,iBAEF,6BAAC,gBAAI;IAAC,QAAQ,EAAEf,KAAM;IAAC,SAAS,EAAEC,KAAM;IAAC,KAAK,EAAED,KAAK,GAAG,CAAC,GAAG,CAAE;IAAC,KAAK,EAAE,IAAAgB,qBAAY,EAAC;MAAEnB,KAAK,EAALA,KAAK;MAAEK,OAAO,EAAPA,OAAO;MAAEE,OAAO,EAAPA;IAAQ,CAAC;EAAE,EAAG,eAEnH,6BAAC,gBAAI;IAAC,SAAS,EAAEO,2BAAK,CAACM;EAAM,GAC1Bd,KAAK,iBACJ,6BAAC,gBAAI;IAAC,MAAM,EAAEF,KAAM;IAAC,IAAI;IAAC,QAAQ,EAAED;EAAM,GACvCG,KAAK,CAET,EACAR,QAAQ,iBACP,6BAAC,gBAAI;IAAC,MAAM,EAAE,CAACM,KAAK,IAAI,CAACD,KAAM;IAAC,KAAK,EAAEC;EAAM,GAC1CN,QAAQ,CAEZ,CACI,EAEN,CAACI,MAAM,IAAI,CAACC,KAAK,IAAIM,OAAO,iBAC3B,6BAAC,qBAAS;IAAC,OAAO,EAAEA,OAAQ;IAAC,MAAM,EAAEC,MAAM,CAACW,MAAM,aAAMX,MAAM,CAACW,MAAM,qBAAkBL;EAAU,gBAC/F,6BAAC,gBAAI;IAAC,QAAQ,EAAEb,KAAM;IAAC,SAAS,EAAEC,KAAM;IAAC,KAAK,EAAED,KAAK,GAAG,CAAC,GAAG,CAAE;IAAC,KAAK,EAAEmB,gBAAI,CAACC;EAAM,EAAG,CAEvF,CACI;AAAA,CACR;AAAC;AAEF1B,YAAY,CAAC2B,WAAW,GAAG,wBAAwB;AAEnD3B,YAAY,CAAC4B,SAAS,GAAG;EACvB3B,QAAQ,EAAE4B,kBAAS,CAACC,GAAG,CAACC,UAAU;EAClC7B,QAAQ,EAAE2B,kBAAS,CAACG,IAAI;EACxB7B,KAAK,EAAE0B,kBAAS,CAACG,IAAI;EACrB5B,IAAI,EAAEyB,kBAAS,CAACG,IAAI;EACpB3B,MAAM,EAAEwB,kBAAS,CAACG,IAAI;EACtB1B,KAAK,EAAEuB,kBAAS,CAACG,IAAI;EACrBzB,KAAK,EAAEsB,kBAAS,CAACG,IAAI;EACrBxB,OAAO,EAAEqB,kBAAS,CAACG,IAAI;EACvBvB,KAAK,EAAEoB,kBAAS,CAACI,MAAM;EACvBvB,OAAO,EAAEmB,kBAAS,CAACG,IAAI;EACvBrB,IAAI,EAAEkB,kBAAS,CAACG,IAAI;EACpBpB,OAAO,EAAEiB,kBAAS,CAACK;AACrB,CAAC"}
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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"}