@mirai/ui 2.0.26 → 2.0.28

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 (14) hide show
  1. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +4 -4
  2. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +32 -32
  3. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +5 -5
  4. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +10 -10
  5. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +12 -12
  6. package/build/primitives/Primitive/Primitive.constants.js +0 -4
  7. package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
  8. package/build/primitives/ScrollView/ScrollView.js +6 -3
  9. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  10. package/build/primitives/ScrollView/ScrollView.module.css +4 -1
  11. package/build/primitives/ScrollView/ScrollView.stories.js +1 -0
  12. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  13. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +69 -10
  14. package/package.json +1 -1
package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap CHANGED
@@ -35,25 +35,25 @@ exports[`component:<Action> prop:disabled 1`] = `
35
35
 
36
36
  exports[`component:<Action> prop:href + prop:target 1`] = `
37
37
  <DocumentFragment>
38
- <a
38
+ <ui-a
39
39
  class="pressable action"
40
40
  href="soyjavi.com"
41
41
  tabindex="0"
42
42
  >
43
43
  children
44
- </a>
44
+ </ui-a>
45
45
  </DocumentFragment>
46
46
  `;
47
47
 
48
48
  exports[`component:<Action> prop:href 1`] = `
49
49
  <DocumentFragment>
50
- <a
50
+ <ui-a
51
51
  class="pressable action"
52
52
  href="soyjavi.com"
53
53
  tabindex="0"
54
54
  >
55
55
  children
56
- </a>
56
+ </ui-a>
57
57
  </DocumentFragment>
58
58
  `;
59
59
 
package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
6
6
  class="view calendar"
7
7
  >
8
8
  <ui-scrollview
9
- class="scrollview snap horizontal scrollview"
9
+ class="scrollview snap horizontal notIndicator scrollview"
10
10
  >
11
11
  <ui-calendar-month
12
12
  class="view month"
@@ -1448,7 +1448,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
1448
1448
  class="view calendar"
1449
1449
  >
1450
1450
  <ui-scrollview
1451
- class="scrollview snap horizontal scrollview"
1451
+ class="scrollview snap horizontal notIndicator scrollview"
1452
1452
  >
1453
1453
  <ui-calendar-month
1454
1454
  class="view month"
@@ -2585,7 +2585,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
2585
2585
  class="view calendar"
2586
2586
  >
2587
2587
  <ui-scrollview
2588
- class="scrollview snap horizontal scrollview"
2588
+ class="scrollview snap horizontal notIndicator scrollview"
2589
2589
  >
2590
2590
  <ui-calendar-month
2591
2591
  class="view month"
@@ -3870,7 +3870,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
3870
3870
  class="view calendar"
3871
3871
  >
3872
3872
  <ui-scrollview
3873
- class="scrollview snap horizontal scrollview"
3873
+ class="scrollview snap horizontal notIndicator scrollview"
3874
3874
  >
3875
3875
  <ui-calendar-month
3876
3876
  class="view month"
@@ -5007,7 +5007,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
5007
5007
  class="view calendar"
5008
5008
  >
5009
5009
  <ui-scrollview
5010
- class="scrollview snap horizontal scrollview"
5010
+ class="scrollview snap horizontal notIndicator scrollview"
5011
5011
  >
5012
5012
  <ui-calendar-month
5013
5013
  class="view month"
@@ -6144,7 +6144,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
6144
6144
  class="view calendar"
6145
6145
  >
6146
6146
  <ui-scrollview
6147
- class="scrollview snap horizontal scrollview"
6147
+ class="scrollview snap horizontal notIndicator scrollview"
6148
6148
  >
6149
6149
  <ui-calendar-month
6150
6150
  class="view month"
@@ -7281,7 +7281,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
7281
7281
  class="view calendar"
7282
7282
  >
7283
7283
  <ui-scrollview
7284
- class="scrollview snap horizontal scrollview"
7284
+ class="scrollview snap horizontal notIndicator scrollview"
7285
7285
  >
7286
7286
  <ui-calendar-month
7287
7287
  class="view month"
@@ -8418,7 +8418,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
8418
8418
  class="view calendar"
8419
8419
  >
8420
8420
  <ui-scrollview
8421
- class="scrollview snap horizontal scrollview"
8421
+ class="scrollview snap horizontal notIndicator scrollview"
8422
8422
  >
8423
8423
  <ui-calendar-month
8424
8424
  class="view month"
@@ -9555,7 +9555,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
9555
9555
  class="view calendar"
9556
9556
  >
9557
9557
  <ui-scrollview
9558
- class="scrollview snap horizontal scrollview"
9558
+ class="scrollview snap horizontal notIndicator scrollview"
9559
9559
  >
9560
9560
  <ui-calendar-month
9561
9561
  class="view month"
@@ -11236,7 +11236,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
11236
11236
  class="view calendar"
11237
11237
  >
11238
11238
  <ui-scrollview
11239
- class="scrollview snap horizontal scrollview"
11239
+ class="scrollview snap horizontal notIndicator scrollview"
11240
11240
  >
11241
11241
  <ui-calendar-month
11242
11242
  class="view month"
@@ -12373,7 +12373,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
12373
12373
  class="view calendar"
12374
12374
  >
12375
12375
  <ui-scrollview
12376
- class="scrollview snap horizontal scrollview"
12376
+ class="scrollview snap horizontal notIndicator scrollview"
12377
12377
  >
12378
12378
  <ui-calendar-month
12379
12379
  class="view month"
@@ -13510,7 +13510,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
13510
13510
  class="view calendar"
13511
13511
  >
13512
13512
  <ui-scrollview
13513
- class="scrollview snap horizontal scrollview"
13513
+ class="scrollview snap horizontal notIndicator scrollview"
13514
13514
  >
13515
13515
  <ui-calendar-month
13516
13516
  class="view month"
@@ -14647,7 +14647,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
14647
14647
  class="view calendar"
14648
14648
  >
14649
14649
  <ui-scrollview
14650
- class="scrollview snap horizontal scrollview"
14650
+ class="scrollview snap horizontal notIndicator scrollview"
14651
14651
  >
14652
14652
  <ui-calendar-month
14653
14653
  class="view month"
@@ -15784,7 +15784,7 @@ exports[`component:<Calendar> desktop environment prop:to 1`] = `
15784
15784
  class="view calendar"
15785
15785
  >
15786
15786
  <ui-scrollview
15787
- class="scrollview snap horizontal scrollview"
15787
+ class="scrollview snap horizontal notIndicator scrollview"
15788
15788
  >
15789
15789
  <ui-calendar-month
15790
15790
  class="view month"
@@ -16895,7 +16895,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
16895
16895
  class="view calendar"
16896
16896
  >
16897
16897
  <ui-scrollview
16898
- class="scrollview snap horizontal scrollview"
16898
+ class="scrollview snap horizontal notIndicator scrollview"
16899
16899
  >
16900
16900
  <ui-calendar-month
16901
16901
  class="view month"
@@ -18032,7 +18032,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
18032
18032
  class="view calendar mirai"
18033
18033
  >
18034
18034
  <ui-scrollview
18035
- class="scrollview snap horizontal scrollview"
18035
+ class="scrollview snap horizontal notIndicator scrollview"
18036
18036
  >
18037
18037
  <ui-calendar-month
18038
18038
  class="view month"
@@ -19169,7 +19169,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
19169
19169
  class="view calendar"
19170
19170
  >
19171
19171
  <ui-scrollview
19172
- class="scrollview snap horizontal scrollview"
19172
+ class="scrollview snap horizontal notIndicator scrollview"
19173
19173
  >
19174
19174
  <ui-calendar-month
19175
19175
  class="view month"
@@ -20611,7 +20611,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
20611
20611
  class="view calendar"
20612
20612
  >
20613
20613
  <ui-scrollview
20614
- class="scrollview snap horizontal scrollview"
20614
+ class="scrollview snap horizontal notIndicator scrollview"
20615
20615
  >
20616
20616
  <ui-calendar-month
20617
20617
  class="view month"
@@ -21748,7 +21748,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
21748
21748
  class="view calendar"
21749
21749
  >
21750
21750
  <ui-scrollview
21751
- class="scrollview snap horizontal scrollview"
21751
+ class="scrollview snap horizontal notIndicator scrollview"
21752
21752
  >
21753
21753
  <ui-calendar-month
21754
21754
  class="view month"
@@ -23033,7 +23033,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
23033
23033
  class="view calendar"
23034
23034
  >
23035
23035
  <ui-scrollview
23036
- class="scrollview snap horizontal scrollview"
23036
+ class="scrollview snap horizontal notIndicator scrollview"
23037
23037
  >
23038
23038
  <ui-calendar-month
23039
23039
  class="view month"
@@ -24170,7 +24170,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
24170
24170
  class="view calendar"
24171
24171
  >
24172
24172
  <ui-scrollview
24173
- class="scrollview snap horizontal scrollview"
24173
+ class="scrollview snap horizontal notIndicator scrollview"
24174
24174
  >
24175
24175
  <ui-calendar-month
24176
24176
  class="view month"
@@ -25307,7 +25307,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
25307
25307
  class="view calendar"
25308
25308
  >
25309
25309
  <ui-scrollview
25310
- class="scrollview snap horizontal scrollview"
25310
+ class="scrollview snap horizontal notIndicator scrollview"
25311
25311
  >
25312
25312
  <ui-calendar-month
25313
25313
  class="view month"
@@ -26444,7 +26444,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
26444
26444
  class="view calendar"
26445
26445
  >
26446
26446
  <ui-scrollview
26447
- class="scrollview snap horizontal scrollview"
26447
+ class="scrollview snap horizontal notIndicator scrollview"
26448
26448
  >
26449
26449
  <ui-calendar-month
26450
26450
  class="view month"
@@ -27581,7 +27581,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
27581
27581
  class="view calendar"
27582
27582
  >
27583
27583
  <ui-scrollview
27584
- class="scrollview snap horizontal scrollview"
27584
+ class="scrollview snap horizontal notIndicator scrollview"
27585
27585
  >
27586
27586
  <ui-calendar-month
27587
27587
  class="view month"
@@ -28718,7 +28718,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
28718
28718
  class="view calendar"
28719
28719
  >
28720
28720
  <ui-scrollview
28721
- class="scrollview snap horizontal scrollview"
28721
+ class="scrollview snap horizontal notIndicator scrollview"
28722
28722
  >
28723
28723
  <ui-calendar-month
28724
28724
  class="view month"
@@ -30399,7 +30399,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
30399
30399
  class="view calendar"
30400
30400
  >
30401
30401
  <ui-scrollview
30402
- class="scrollview snap horizontal scrollview"
30402
+ class="scrollview snap horizontal notIndicator scrollview"
30403
30403
  >
30404
30404
  <ui-calendar-month
30405
30405
  class="view month"
@@ -31536,7 +31536,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
31536
31536
  class="view calendar"
31537
31537
  >
31538
31538
  <ui-scrollview
31539
- class="scrollview snap horizontal scrollview"
31539
+ class="scrollview snap horizontal notIndicator scrollview"
31540
31540
  >
31541
31541
  <ui-calendar-month
31542
31542
  class="view month"
@@ -32673,7 +32673,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
32673
32673
  class="view calendar"
32674
32674
  >
32675
32675
  <ui-scrollview
32676
- class="scrollview snap horizontal scrollview"
32676
+ class="scrollview snap horizontal notIndicator scrollview"
32677
32677
  >
32678
32678
  <ui-calendar-month
32679
32679
  class="view month"
@@ -33810,7 +33810,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
33810
33810
  class="view calendar"
33811
33811
  >
33812
33812
  <ui-scrollview
33813
- class="scrollview snap horizontal scrollview"
33813
+ class="scrollview snap horizontal notIndicator scrollview"
33814
33814
  >
33815
33815
  <ui-calendar-month
33816
33816
  class="view month"
@@ -34947,7 +34947,7 @@ exports[`component:<Calendar> mobile environment prop:to 1`] = `
34947
34947
  class="view calendar"
34948
34948
  >
34949
34949
  <ui-scrollview
34950
- class="scrollview snap horizontal scrollview"
34950
+ class="scrollview snap horizontal notIndicator scrollview"
34951
34951
  >
34952
34952
  <ui-calendar-month
34953
34953
  class="view month"
@@ -36058,7 +36058,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
36058
36058
  class="view calendar"
36059
36059
  >
36060
36060
  <ui-scrollview
36061
- class="scrollview snap horizontal scrollview"
36061
+ class="scrollview snap horizontal notIndicator scrollview"
36062
36062
  >
36063
36063
  <ui-calendar-month
36064
36064
  class="view month"
@@ -37196,7 +37196,7 @@ exports[`component:<Calendar> testId 1`] = `
37196
37196
  data-testid="mirai"
37197
37197
  >
37198
37198
  <ui-scrollview
37199
- class="scrollview snap horizontal scrollview"
37199
+ class="scrollview snap horizontal notIndicator scrollview"
37200
37200
  >
37201
37201
  <ui-calendar-month
37202
37202
  class="view month"
package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  exports[`component:<Form> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <form
5
+ <ui-form
6
6
  class="mirai"
7
7
  />
8
8
  </DocumentFragment>
@@ -10,7 +10,7 @@ exports[`component:<Form> inherit:className 1`] = `
10
10
 
11
11
  exports[`component:<Form> prop:children 1`] = `
12
12
  <DocumentFragment>
13
- <form>
13
+ <ui-form>
14
14
  <ui-input-text
15
15
  class="view inputContainer"
16
16
  >
@@ -36,19 +36,19 @@ exports[`component:<Form> prop:children 1`] = `
36
36
  </ui-view>
37
37
  </ui-view>
38
38
  </ui-input-text>
39
- </form>
39
+ </ui-form>
40
40
  </DocumentFragment>
41
41
  `;
42
42
 
43
43
  exports[`component:<Form> renders 1`] = `
44
44
  <DocumentFragment>
45
- <form />
45
+ <ui-form />
46
46
  </DocumentFragment>
47
47
  `;
48
48
 
49
49
  exports[`component:<Form> testId 1`] = `
50
50
  <DocumentFragment>
51
- <form
51
+ <ui-form
52
52
  data-testid="mirai"
53
53
  />
54
54
  </DocumentFragment>
package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap CHANGED
@@ -33,7 +33,7 @@ exports[`component:<Slider> inherit:className 1`] = `
33
33
  </ui-icon>
34
34
  </ui-pressable>
35
35
  <ui-scrollview
36
- class="scrollview snap horizontal scrollView"
36
+ class="scrollview snap horizontal notIndicator scrollView"
37
37
  style="width: 360px;"
38
38
  >
39
39
  <ui-images
@@ -148,7 +148,7 @@ exports[`component:<Slider> prop:auto 1`] = `
148
148
  </ui-icon>
149
149
  </ui-pressable>
150
150
  <ui-scrollview
151
- class="scrollview snap horizontal scrollView"
151
+ class="scrollview snap horizontal notIndicator scrollView"
152
152
  style="width: 360px;"
153
153
  >
154
154
  <ui-images
@@ -263,7 +263,7 @@ exports[`component:<Slider> prop:behavior 1`] = `
263
263
  </ui-icon>
264
264
  </ui-pressable>
265
265
  <ui-scrollview
266
- class="scrollview snap horizontal scrollView"
266
+ class="scrollview snap horizontal notIndicator scrollView"
267
267
  style="width: 360px;"
268
268
  >
269
269
  <ui-images
@@ -378,7 +378,7 @@ exports[`component:<Slider> prop:captions 1`] = `
378
378
  </ui-icon>
379
379
  </ui-pressable>
380
380
  <ui-scrollview
381
- class="scrollview snap horizontal scrollView"
381
+ class="scrollview snap horizontal notIndicator scrollView"
382
382
  style="width: 360px;"
383
383
  >
384
384
  <ui-images
@@ -538,7 +538,7 @@ exports[`component:<Slider> prop:index 1`] = `
538
538
  </ui-icon>
539
539
  </ui-pressable>
540
540
  <ui-scrollview
541
- class="scrollview snap horizontal scrollView"
541
+ class="scrollview snap horizontal notIndicator scrollView"
542
542
  style="width: 360px;"
543
543
  >
544
544
  <ui-images
@@ -653,7 +653,7 @@ exports[`component:<Slider> prop:indicator 1`] = `
653
653
  </ui-icon>
654
654
  </ui-pressable>
655
655
  <ui-scrollview
656
- class="scrollview snap horizontal scrollView"
656
+ class="scrollview snap horizontal notIndicator scrollView"
657
657
  style="width: 360px;"
658
658
  >
659
659
  <ui-images
@@ -776,7 +776,7 @@ exports[`component:<Slider> prop:onCounter 1`] = `
776
776
  </ui-icon>
777
777
  </ui-pressable>
778
778
  <ui-scrollview
779
- class="scrollview snap horizontal scrollView"
779
+ class="scrollview snap horizontal notIndicator scrollView"
780
780
  style="width: 360px;"
781
781
  >
782
782
  <ui-images
@@ -922,7 +922,7 @@ exports[`component:<Slider> prop:preloadImages 1`] = `
922
922
  </ui-icon>
923
923
  </ui-pressable>
924
924
  <ui-scrollview
925
- class="scrollview snap horizontal scrollView"
925
+ class="scrollview snap horizontal notIndicator scrollView"
926
926
  style="width: 360px;"
927
927
  >
928
928
  <ui-images
@@ -1037,7 +1037,7 @@ exports[`component:<Slider> renders 1`] = `
1037
1037
  </ui-icon>
1038
1038
  </ui-pressable>
1039
1039
  <ui-scrollview
1040
- class="scrollview snap horizontal scrollView"
1040
+ class="scrollview snap horizontal notIndicator scrollView"
1041
1041
  style="width: 360px;"
1042
1042
  >
1043
1043
  <ui-images
@@ -1153,7 +1153,7 @@ exports[`component:<Slider> testId 1`] = `
1153
1153
  </ui-icon>
1154
1154
  </ui-pressable>
1155
1155
  <ui-scrollview
1156
- class="scrollview snap horizontal scrollView"
1156
+ class="scrollview snap horizontal notIndicator scrollView"
1157
1157
  style="width: 360px;"
1158
1158
  >
1159
1159
  <ui-images
package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`component:<Table> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
5
  <ui-table-container
6
- class="scrollview snap vertical container mirai"
6
+ class="scrollview snap vertical notIndicator container mirai"
7
7
  >
8
8
  <table
9
9
  class="table"
@@ -427,7 +427,7 @@ exports[`component:<Table> inherit:className 1`] = `
427
427
  exports[`component:<Table> prop:filter 1`] = `
428
428
  <DocumentFragment>
429
429
  <ui-table-container
430
- class="scrollview snap vertical container"
430
+ class="scrollview snap vertical notIndicator container"
431
431
  >
432
432
  <ui-table-filter
433
433
  class="view row wide filters"
@@ -1036,7 +1036,7 @@ exports[`component:<Table> prop:filter 1`] = `
1036
1036
  exports[`component:<Table> prop:inline (false 1`] = `
1037
1037
  <DocumentFragment>
1038
1038
  <ui-table-container
1039
- class="scrollview snap vertical container outlined"
1039
+ class="scrollview snap vertical notIndicator container outlined"
1040
1040
  >
1041
1041
  <table
1042
1042
  class="table"
@@ -1460,7 +1460,7 @@ exports[`component:<Table> prop:inline (false 1`] = `
1460
1460
  exports[`component:<Table> prop:onScroll 1`] = `
1461
1461
  <DocumentFragment>
1462
1462
  <ui-table-container
1463
- class="scrollview snap vertical container"
1463
+ class="scrollview snap vertical notIndicator container"
1464
1464
  data-testid="onScroll"
1465
1465
  >
1466
1466
  <table
@@ -1981,7 +1981,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
1981
1981
  exports[`component:<Table> prop:onSelect 1`] = `
1982
1982
  <DocumentFragment>
1983
1983
  <ui-table-container
1984
- class="scrollview snap vertical container"
1984
+ class="scrollview snap vertical notIndicator container"
1985
1985
  data-testid="onSelect"
1986
1986
  >
1987
1987
  <table
@@ -2630,7 +2630,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
2630
2630
  exports[`component:<Table> prop:pagination 1`] = `
2631
2631
  <DocumentFragment>
2632
2632
  <ui-table-container
2633
- class="scrollview snap vertical container"
2633
+ class="scrollview snap vertical notIndicator container"
2634
2634
  >
2635
2635
  <table
2636
2636
  class="table"
@@ -2953,7 +2953,7 @@ exports[`component:<Table> prop:pagination 1`] = `
2953
2953
  exports[`component:<Table> prop:search 1`] = `
2954
2954
  <DocumentFragment>
2955
2955
  <ui-table-container
2956
- class="scrollview snap vertical container"
2956
+ class="scrollview snap vertical notIndicator container"
2957
2957
  >
2958
2958
  <table
2959
2959
  class="table"
@@ -3175,7 +3175,7 @@ exports[`component:<Table> prop:search 1`] = `
3175
3175
  exports[`component:<Table> prop:selected 1`] = `
3176
3176
  <DocumentFragment>
3177
3177
  <ui-table-container
3178
- class="scrollview snap vertical container"
3178
+ class="scrollview snap vertical notIndicator container"
3179
3179
  >
3180
3180
  <table
3181
3181
  class="table"
@@ -3599,7 +3599,7 @@ exports[`component:<Table> prop:selected 1`] = `
3599
3599
  exports[`component:<Table> prop:sort 1`] = `
3600
3600
  <DocumentFragment>
3601
3601
  <ui-table-container
3602
- class="scrollview snap vertical container"
3602
+ class="scrollview snap vertical notIndicator container"
3603
3603
  >
3604
3604
  <table
3605
3605
  class="table"
@@ -3898,7 +3898,7 @@ exports[`component:<Table> prop:sort 1`] = `
3898
3898
  exports[`component:<Table> prop:store 1`] = `
3899
3899
  <DocumentFragment>
3900
3900
  <ui-table-container
3901
- class="scrollview snap vertical container"
3901
+ class="scrollview snap vertical notIndicator container"
3902
3902
  >
3903
3903
  <ui-table-filter
3904
3904
  class="view row wide filters"
@@ -4288,7 +4288,7 @@ exports[`component:<Table> prop:store 1`] = `
4288
4288
  exports[`component:<Table> renders 1`] = `
4289
4289
  <DocumentFragment>
4290
4290
  <ui-table-container
4291
- class="scrollview snap vertical container"
4291
+ class="scrollview snap vertical notIndicator container"
4292
4292
  >
4293
4293
  <table
4294
4294
  class="table"
@@ -4712,7 +4712,7 @@ exports[`component:<Table> renders 1`] = `
4712
4712
  exports[`component:<Table> testId 1`] = `
4713
4713
  <DocumentFragment>
4714
4714
  <ui-table-container
4715
- class="scrollview snap vertical container"
4715
+ class="scrollview snap vertical notIndicator container"
4716
4716
  data-testid="mirai"
4717
4717
  >
4718
4718
  <table
package/build/primitives/Primitive/Primitive.constants.js CHANGED
@@ -20,10 +20,6 @@ var NATIVE_TAGS = [
20
20
  // <Select>
21
21
  'select', 'option',
22
22
  // -- COMPONENTS -------------------------------------------------------------
23
- // <Action>
24
- 'a',
25
- // <Form>
26
- 'form',
27
23
  // <Table>
28
24
  'table', 'thead', 'tbody', 'tr', 'th', 'td'];
29
25
  exports.NATIVE_TAGS = NATIVE_TAGS;
package/build/primitives/Primitive/Primitive.constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Primitive.constants.js","names":["BANNED_JEST_PROPS","COMMON_PROPS","for","role","testId","NATIVE_TAGS","TESTING_PROPS"],"sources":["../../../src/primitives/Primitive/Primitive.constants.js"],"sourcesContent":["const BANNED_JEST_PROPS = ['is', 'role', 'aria-hidden', 'aria-label'];\n\nconst COMMON_PROPS = {\n for: 'htmlFor',\n role: 'data-role',\n testId: 'data-testid',\n};\n\nconst NATIVE_TAGS = [\n // -- PRIMITIVES -------------------------------------------------------------\n 'iframe',\n 'img',\n // <Input>\n 'input',\n 'textarea',\n // <Select>\n 'select',\n 'option',\n // -- COMPONENTS -------------------------------------------------------------\n // <Action>\n 'a',\n // <Form>\n 'form',\n // <Table>\n 'table',\n 'thead',\n 'tbody',\n 'tr',\n 'th',\n 'td',\n];\n\nconst TESTING_PROPS = ['testId'];\n\nexport { BANNED_JEST_PROPS, COMMON_PROPS, NATIVE_TAGS, TESTING_PROPS };\n"],"mappings":";;;;;;AAAA,IAAMA,iBAAiB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC;AAAC;AAEtE,IAAMC,YAAY,GAAG;EACnBC,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE,WAAW;EACjBC,MAAM,EAAE;AACV,CAAC;AAAC;AAEF,IAAMC,WAAW,GAAG;AAClB;AACA,QAAQ,EACR,KAAK;AACL;AACA,OAAO,EACP,UAAU;AACV;AACA,QAAQ,EACR,QAAQ;AACR;AACA;AACA,GAAG;AACH;AACA,MAAM;AACN;AACA,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;AAAC;AAEF,IAAMC,aAAa,GAAG,CAAC,QAAQ,CAAC;AAAC"}
1
+ {"version":3,"file":"Primitive.constants.js","names":["BANNED_JEST_PROPS","COMMON_PROPS","for","role","testId","NATIVE_TAGS","TESTING_PROPS"],"sources":["../../../src/primitives/Primitive/Primitive.constants.js"],"sourcesContent":["const BANNED_JEST_PROPS = ['is', 'role', 'aria-hidden', 'aria-label'];\n\nconst COMMON_PROPS = {\n for: 'htmlFor',\n role: 'data-role',\n testId: 'data-testid',\n};\n\nconst NATIVE_TAGS = [\n // -- PRIMITIVES -------------------------------------------------------------\n 'iframe',\n 'img',\n // <Input>\n 'input',\n 'textarea',\n // <Select>\n 'select',\n 'option',\n // -- COMPONENTS -------------------------------------------------------------\n // <Table>\n 'table',\n 'thead',\n 'tbody',\n 'tr',\n 'th',\n 'td',\n];\n\nconst TESTING_PROPS = ['testId'];\n\nexport { BANNED_JEST_PROPS, COMMON_PROPS, NATIVE_TAGS, TESTING_PROPS };\n"],"mappings":";;;;;;AAAA,IAAMA,iBAAiB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC;AAAC;AAEtE,IAAMC,YAAY,GAAG;EACnBC,GAAG,EAAE,SAAS;EACdC,IAAI,EAAE,WAAW;EACjBC,MAAM,EAAE;AACV,CAAC;AAAC;AAEF,IAAMC,WAAW,GAAG;AAClB;AACA,QAAQ,EACR,KAAK;AACL;AACA,OAAO,EACP,UAAU;AACV;AACA,QAAQ,EACR,QAAQ;AACR;AACA;AACA,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;AAAC;AAEF,IAAMC,aAAa,GAAG,CAAC,QAAQ,CAAC;AAAC"}
package/build/primitives/ScrollView/ScrollView.js CHANGED
@@ -12,7 +12,7 @@ var _Icon = require("../Icon");
12
12
  var _Primitive = require("../Primitive");
13
13
  var _View = require("../View");
14
14
  var _ScrollViewModule = _interopRequireDefault(require("./ScrollView.module.css"));
15
- var _excluded = ["behavior", "children", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "snap", "tag", "width", "onScroll"];
15
+ var _excluded = ["behavior", "children", "defaultScrollIndicator", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "snap", "tag", "width", "onScroll"];
16
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -33,6 +33,8 @@ var ScrollView = function ScrollView(_ref) {
33
33
  var _ref$behavior = _ref.behavior,
34
34
  behavior = _ref$behavior === void 0 ? 'smooth' : _ref$behavior,
35
35
  children = _ref.children,
36
+ _ref$defaultScrollInd = _ref.defaultScrollIndicator,
37
+ defaultScrollIndicator = _ref$defaultScrollInd === void 0 ? false : _ref$defaultScrollInd,
36
38
  height = _ref.height,
37
39
  horizontal = _ref.horizontal,
38
40
  _ref$scrollEventThrot = _ref.scrollEventThrottle,
@@ -109,12 +111,12 @@ var ScrollView = function ScrollView(_ref) {
109
111
  percentY: offsetY ? parseInt(y * 100 / offsetY, 10) : 0
110
112
  } : undefined;
111
113
  };
112
- var percent = scrollIndicator && value ? horizontal ? value.percentX : value.percentY : undefined;
114
+ var percent = scrollIndicator && !defaultScrollIndicator && value ? horizontal ? value.percentX : value.percentY : undefined;
113
115
  return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
114
116
  ref: ref,
115
117
  tag: tag,
116
118
  onScroll: handleScroll,
117
- className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, snap && _ScrollViewModule.default.snap, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, others.className),
119
+ className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, snap && _ScrollViewModule.default.snap, horizontal ? _ScrollViewModule.default.horizontal : _ScrollViewModule.default.vertical, (!scrollIndicator || !defaultScrollIndicator) && _ScrollViewModule.default.notIndicator, others.className),
118
120
  style: _objectSpread(_objectSpread({}, others.style), {}, {
119
121
  height: height,
120
122
  width: width
@@ -143,6 +145,7 @@ ScrollView.displayName = 'Primitive:ScrollView';
143
145
  ScrollView.propTypes = {
144
146
  behavior: _propTypes.default.string,
145
147
  children: _propTypes.default.node.isRequired,
148
+ defaultScrollIndicator: _propTypes.default.bool,
146
149
  height: _propTypes.default.number,
147
150
  horizontal: _propTypes.default.bool,
148
151
  scrollEventThrottle: _propTypes.default.number,
package/build/primitives/ScrollView/ScrollView.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","useState","value","setValue","timeout","useEffect","el","current","callback","calcValue","observer","MutationObserver","observe","childList","subtree","disconnect","undefined","handleScroll","target","next","clearTimeout","setTimeout","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","percentX","percentY","percent","React","createElement","Primitive","className","styles","style","scrollview","vertical","indicator","hide","progress","ICON","RIGHT","DOWN","icon","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON } from '../Icon';\nimport { Primitive } from '../Primitive';\nimport { View } from '../View';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n behavior = 'smooth',\n children,\n height,\n horizontal,\n scrollEventThrottle = 16, // * 60fps\n scrollIndicator = false,\n scrollTo,\n snap = true,\n tag = 'scrollview',\n width,\n onScroll = () => {},\n ...others\n}) => {\n const ref = useRef();\n\n const [value, setValue] = useState();\n\n let timeout = null;\n\n useEffect(() => {\n const { current: el } = ref || {};\n if (!scrollIndicator || !el) return;\n\n const callback = () => setValue(calcValue(el));\n const observer = new MutationObserver(callback);\n observer.observe(el, { childList: true, subtree: true });\n\n return () => observer.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref]);\n\n useEffect(() => {\n const { current = {} } = ref || {};\n if (!current.scrollTo || scrollTo === undefined) return;\n\n current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scrollTo]);\n\n const handleScroll = ({ target } = {}) => {\n const next = calcValue(target);\n setValue(next);\n clearTimeout(timeout);\n timeout = setTimeout(() => onScroll(next), scrollEventThrottle);\n };\n\n const calcValue = ({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {}) => {\n const x = parseInt(scrollLeft, 10);\n const y = parseInt(scrollTop, 10);\n const offsetX = scrollWidth - clientWidth;\n const offsetY = scrollHeight - clientHeight;\n\n return (horizontal ? offsetX : offsetY) > 0\n ? {\n x,\n y,\n percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n }\n : undefined;\n };\n\n const percent = scrollIndicator && value ? (horizontal ? value.percentX : value.percentY) : undefined;\n\n return React.createElement(\n Primitive,\n {\n ...others,\n ref,\n tag,\n onScroll: handleScroll,\n className: styles(\n style.scrollview,\n snap && style.snap,\n horizontal ? style.horizontal : style.vertical,\n others.className,\n ),\n style: { ...others.style, height, width },\n },\n <>\n {children}\n {percent >= 0 && (\n <View\n tag=\"scrollview-indicator\"\n className={styles(\n style.indicator,\n horizontal ? style.horizontal : style.vertical,\n percent > 95 && style.hide,\n )}\n >\n <View\n className={style.progress}\n style={\n horizontal ? { height: '100%', width: `${percent || 0}%` } : { height: `${percent || 0}%`, width: '100%' }\n }\n />\n <Icon headline level={2} value={horizontal ? ICON.RIGHT : ICON.DOWN} className={style.icon} />\n </View>\n )}\n </>,\n );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n behavior: PropTypes.string,\n children: PropTypes.node.isRequired,\n height: PropTypes.number,\n horizontal: PropTypes.bool,\n scrollEventThrottle: PropTypes.number,\n scrollIndicator: PropTypes.bool,\n scrollTo: PropTypes.number,\n snap: PropTypes.bool,\n tag: PropTypes.string,\n width: PropTypes.number,\n onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}
1
+ {"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","defaultScrollIndicator","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","useRef","useState","value","setValue","timeout","useEffect","el","current","callback","calcValue","observer","MutationObserver","observe","childList","subtree","disconnect","undefined","handleScroll","target","next","clearTimeout","setTimeout","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","percentX","percentY","percent","React","createElement","Primitive","className","styles","style","scrollview","vertical","notIndicator","indicator","hide","progress","ICON","RIGHT","DOWN","icon","displayName","propTypes","PropTypes","string","node","isRequired","bool","number","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON } from '../Icon';\nimport { Primitive } from '../Primitive';\nimport { View } from '../View';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n behavior = 'smooth',\n children,\n defaultScrollIndicator = false,\n height,\n horizontal,\n scrollEventThrottle = 16, // * 60fps\n scrollIndicator = false,\n scrollTo,\n snap = true,\n tag = 'scrollview',\n width,\n onScroll = () => {},\n ...others\n}) => {\n const ref = useRef();\n\n const [value, setValue] = useState();\n\n let timeout = null;\n\n useEffect(() => {\n const { current: el } = ref || {};\n if (!scrollIndicator || !el) return;\n\n const callback = () => setValue(calcValue(el));\n const observer = new MutationObserver(callback);\n observer.observe(el, { childList: true, subtree: true });\n\n return () => observer.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref]);\n\n useEffect(() => {\n const { current = {} } = ref || {};\n if (!current.scrollTo || scrollTo === undefined) return;\n\n current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scrollTo]);\n\n const handleScroll = ({ target } = {}) => {\n const next = calcValue(target);\n setValue(next);\n clearTimeout(timeout);\n timeout = setTimeout(() => onScroll(next), scrollEventThrottle);\n };\n\n const calcValue = ({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {}) => {\n const x = parseInt(scrollLeft, 10);\n const y = parseInt(scrollTop, 10);\n const offsetX = scrollWidth - clientWidth;\n const offsetY = scrollHeight - clientHeight;\n\n return (horizontal ? offsetX : offsetY) > 0\n ? {\n x,\n y,\n percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n }\n : undefined;\n };\n\n const percent =\n scrollIndicator && !defaultScrollIndicator && value ? (horizontal ? value.percentX : value.percentY) : undefined;\n\n return React.createElement(\n Primitive,\n {\n ...others,\n ref,\n tag,\n onScroll: handleScroll,\n className: styles(\n style.scrollview,\n snap && style.snap,\n horizontal ? style.horizontal : style.vertical,\n (!scrollIndicator || !defaultScrollIndicator) && style.notIndicator,\n others.className,\n ),\n style: { ...others.style, height, width },\n },\n <>\n {children}\n {percent >= 0 && (\n <View\n tag=\"scrollview-indicator\"\n className={styles(\n style.indicator,\n horizontal ? style.horizontal : style.vertical,\n percent > 95 && style.hide,\n )}\n >\n <View\n className={style.progress}\n style={\n horizontal ? { height: '100%', width: `${percent || 0}%` } : { height: `${percent || 0}%`, width: '100%' }\n }\n />\n <Icon headline level={2} value={horizontal ? ICON.RIGHT : ICON.DOWN} className={style.icon} />\n </View>\n )}\n </>,\n );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n behavior: PropTypes.string,\n children: PropTypes.node.isRequired,\n defaultScrollIndicator: PropTypes.bool,\n height: PropTypes.number,\n horizontal: PropTypes.bool,\n scrollEventThrottle: PropTypes.number,\n scrollIndicator: PropTypes.bool,\n scrollTo: PropTypes.number,\n snap: PropTypes.bool,\n tag: PropTypes.string,\n width: PropTypes.number,\n onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}
package/build/primitives/ScrollView/ScrollView.module.css CHANGED
@@ -3,11 +3,14 @@
3
3
  display: flex;
4
4
  height: fit-content;
5
5
  width: fit-content;
6
+ }
7
+
8
+ .scrollview.notIndicator {
6
9
  scrollbar-width: none;
7
10
  -ms-overflow-style: none;
8
11
  }
9
12
 
10
- .scrollview::-webkit-scrollbar {
13
+ .scrollview.notIndicator::-webkit-scrollbar {
11
14
  display: none;
12
15
  }
13
16
 
package/build/primitives/ScrollView/ScrollView.stories.js CHANGED
@@ -56,6 +56,7 @@ exports.Story = Story;
56
56
  Story.storyName = 'Scrollview';
57
57
  Story.args = {
58
58
  behavior: 'smooth',
59
+ defaultScrollIndicator: false,
59
60
  height: 256,
60
61
  horizontal: false,
61
62
  scrollEventThrottle: 16,
package/build/primitives/ScrollView/ScrollView.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScrollView.stories.js","names":["title","containerStyle","backgroundColor","border","borderRadius","padding","boxStyle","display","margin","minHeight","minWidth","Story","props","style","storyName","args","behavior","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","undefined","snap","tag","width","onScroll","console","log","testId","argTypes","options","control","type","defaultValue"],"sources":["../../../src/primitives/ScrollView/ScrollView.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { ScrollView } from './ScrollView';\nimport { Primitive } from '../Primitive';\n\nexport default { title: 'Primitives' };\n\nconst containerStyle = {\n backgroundColor: 'var(--mirai-ui-content-background)',\n border: 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)',\n borderRadius: 'var(--mirai-ui-border-radius)',\n padding: '0 var(--mirai-ui-space-S)',\n};\n\nconst boxStyle = {\n backgroundColor: 'var(--mirai-ui-content-border)',\n display: 'block',\n margin: 'var(--mirai-ui-space-S)',\n minHeight: 'calc(var(--mirai-ui-space-XXL) * 2)',\n minWidth: 'calc(var(--mirai-ui-space-XXL) * 2)',\n};\n\nexport const Story = (props) => {\n return (\n <ScrollView {...props} style={{ ...containerStyle, ...props.style }}>\n <Primitive className=\"children\" style={boxStyle}>\n child:1\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:2\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:3\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:4\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:5\n </Primitive>\n </ScrollView>\n );\n};\n\nStory.storyName = 'Scrollview';\n\nStory.args = {\n behavior: 'smooth',\n height: 256,\n horizontal: false,\n scrollEventThrottle: 16,\n scrollIndicator: false,\n scrollTo: undefined,\n snap: true,\n tag: 'div',\n width: 256,\n onScroll: (...props) => console.log('<ScrollView>::onScroll', ...props),\n // inherited properties\n testId: 'test-story',\n style: {},\n};\n\nStory.argTypes = {\n behavior: {\n options: ['auto', 'smooth', 'initial', 'inherit'],\n control: { type: 'select' },\n defaultValue: 'smooth',\n },\n};\n"],"mappings":";;;;;;AACA;AAEA;AACA;AAAyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE1B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAEtC,IAAMC,cAAc,GAAG;EACrBC,eAAe,EAAE,oCAAoC;EACrDC,MAAM,EAAE,mEAAmE;EAC3EC,YAAY,EAAE,+BAA+B;EAC7CC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,QAAQ,GAAG;EACfJ,eAAe,EAAE,gCAAgC;EACjDK,OAAO,EAAE,OAAO;EAChBC,MAAM,EAAE,yBAAyB;EACjCC,SAAS,EAAE,qCAAqC;EAChDC,QAAQ,EAAE;AACZ,CAAC;AAEM,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,oBACE,6BAAC,sBAAU,eAAKA,KAAK;IAAE,KAAK,kCAAOX,cAAc,GAAKW,KAAK,CAACC,KAAK;EAAG,iBAClE,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEP;EAAS,aAEpC,eACZ,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEA;EAAS,aAEpC,eACZ,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEA;EAAS,aAEpC,eACZ,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEA;EAAS,aAEpC,eACZ,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEA;EAAS,aAEpC,CACD;AAEjB,CAAC;AAAC;AAEFK,KAAK,CAACG,SAAS,GAAG,YAAY;AAE9BH,KAAK,CAACI,IAAI,GAAG;EACXC,QAAQ,EAAE,QAAQ;EAClBC,MAAM,EAAE,GAAG;EACXC,UAAU,EAAE,KAAK;EACjBC,mBAAmB,EAAE,EAAE;EACvBC,eAAe,EAAE,KAAK;EACtBC,QAAQ,EAAEC,SAAS;EACnBC,IAAI,EAAE,IAAI;EACVC,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE,GAAG;EACVC,QAAQ,EAAE;IAAA;IAAA,kCAAId,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,YAAAe,OAAO,EAACC,GAAG,kBAAC,wBAAwB,SAAKhB,KAAK,EAAC;EAAA;EACvE;EACAiB,MAAM,EAAE,YAAY;EACpBhB,KAAK,EAAE,CAAC;AACV,CAAC;AAEDF,KAAK,CAACmB,QAAQ,GAAG;EACfd,QAAQ,EAAE;IACRe,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC;IACjDC,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC;IAC3BC,YAAY,EAAE;EAChB;AACF,CAAC"}
1
+ {"version":3,"file":"ScrollView.stories.js","names":["title","containerStyle","backgroundColor","border","borderRadius","padding","boxStyle","display","margin","minHeight","minWidth","Story","props","style","storyName","args","behavior","defaultScrollIndicator","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","undefined","snap","tag","width","onScroll","console","log","testId","argTypes","options","control","type","defaultValue"],"sources":["../../../src/primitives/ScrollView/ScrollView.stories.jsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { ScrollView } from './ScrollView';\nimport { Primitive } from '../Primitive';\n\nexport default { title: 'Primitives' };\n\nconst containerStyle = {\n backgroundColor: 'var(--mirai-ui-content-background)',\n border: 'solid var(--mirai-ui-border-width) var(--mirai-ui-content-border)',\n borderRadius: 'var(--mirai-ui-border-radius)',\n padding: '0 var(--mirai-ui-space-S)',\n};\n\nconst boxStyle = {\n backgroundColor: 'var(--mirai-ui-content-border)',\n display: 'block',\n margin: 'var(--mirai-ui-space-S)',\n minHeight: 'calc(var(--mirai-ui-space-XXL) * 2)',\n minWidth: 'calc(var(--mirai-ui-space-XXL) * 2)',\n};\n\nexport const Story = (props) => {\n return (\n <ScrollView {...props} style={{ ...containerStyle, ...props.style }}>\n <Primitive className=\"children\" style={boxStyle}>\n child:1\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:2\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:3\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:4\n </Primitive>\n <Primitive className=\"children\" style={boxStyle}>\n child:5\n </Primitive>\n </ScrollView>\n );\n};\n\nStory.storyName = 'Scrollview';\n\nStory.args = {\n behavior: 'smooth',\n defaultScrollIndicator: false,\n height: 256,\n horizontal: false,\n scrollEventThrottle: 16,\n scrollIndicator: false,\n scrollTo: undefined,\n snap: true,\n tag: 'div',\n width: 256,\n onScroll: (...props) => console.log('<ScrollView>::onScroll', ...props),\n // inherited properties\n testId: 'test-story',\n style: {},\n};\n\nStory.argTypes = {\n behavior: {\n options: ['auto', 'smooth', 'initial', 'inherit'],\n control: { type: 'select' },\n defaultValue: 'smooth',\n },\n};\n"],"mappings":";;;;;;AACA;AAEA;AACA;AAAyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAE1B;EAAEA,KAAK,EAAE;AAAa,CAAC;AAAA;AAEtC,IAAMC,cAAc,GAAG;EACrBC,eAAe,EAAE,oCAAoC;EACrDC,MAAM,EAAE,mEAAmE;EAC3EC,YAAY,EAAE,+BAA+B;EAC7CC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,QAAQ,GAAG;EACfJ,eAAe,EAAE,gCAAgC;EACjDK,OAAO,EAAE,OAAO;EAChBC,MAAM,EAAE,yBAAyB;EACjCC,SAAS,EAAE,qCAAqC;EAChDC,QAAQ,EAAE;AACZ,CAAC;AAEM,IAAMC,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK,EAAK;EAC9B,oBACE,6BAAC,sBAAU,eAAKA,KAAK;IAAE,KAAK,kCAAOX,cAAc,GAAKW,KAAK,CAACC,KAAK;EAAG,iBAClE,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEP;EAAS,aAEpC,eACZ,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEA;EAAS,aAEpC,eACZ,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEA;EAAS,aAEpC,eACZ,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEA;EAAS,aAEpC,eACZ,6BAAC,oBAAS;IAAC,SAAS,EAAC,UAAU;IAAC,KAAK,EAAEA;EAAS,aAEpC,CACD;AAEjB,CAAC;AAAC;AAEFK,KAAK,CAACG,SAAS,GAAG,YAAY;AAE9BH,KAAK,CAACI,IAAI,GAAG;EACXC,QAAQ,EAAE,QAAQ;EAClBC,sBAAsB,EAAE,KAAK;EAC7BC,MAAM,EAAE,GAAG;EACXC,UAAU,EAAE,KAAK;EACjBC,mBAAmB,EAAE,EAAE;EACvBC,eAAe,EAAE,KAAK;EACtBC,QAAQ,EAAEC,SAAS;EACnBC,IAAI,EAAE,IAAI;EACVC,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE,GAAG;EACVC,QAAQ,EAAE;IAAA;IAAA,kCAAIf,KAAK;MAALA,KAAK;IAAA;IAAA,OAAK,YAAAgB,OAAO,EAACC,GAAG,kBAAC,wBAAwB,SAAKjB,KAAK,EAAC;EAAA;EACvE;EACAkB,MAAM,EAAE,YAAY;EACpBjB,KAAK,EAAE,CAAC;AACV,CAAC;AAEDF,KAAK,CAACoB,QAAQ,GAAG;EACff,QAAQ,EAAE;IACRgB,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC;IACjDC,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAS,CAAC;IAC3BC,YAAY,EAAE;EAChB;AACF,CAAC"}
package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap CHANGED
@@ -3,7 +3,7 @@
3
3
  exports[`primitive:<ScrollView> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
5
  <ui-scrollview
6
- class="scrollview snap vertical mirai"
6
+ class="scrollview snap vertical notIndicator mirai"
7
7
  >
8
8
  <div
9
9
  style="height: 128px; width: 128px;"
@@ -62,7 +62,7 @@ exports[`primitive:<ScrollView> inherit:className 1`] = `
62
62
  exports[`primitive:<ScrollView> prop:height 1`] = `
63
63
  <DocumentFragment>
64
64
  <ui-scrollview
65
- class="scrollview snap vertical"
65
+ class="scrollview snap vertical notIndicator"
66
66
  style="height: 256px;"
67
67
  >
68
68
  <div
@@ -122,7 +122,7 @@ exports[`primitive:<ScrollView> prop:height 1`] = `
122
122
  exports[`primitive:<ScrollView> prop:horizontal 1`] = `
123
123
  <DocumentFragment>
124
124
  <ui-scrollview
125
- class="scrollview snap horizontal"
125
+ class="scrollview snap horizontal notIndicator"
126
126
  >
127
127
  <div
128
128
  style="height: 128px; width: 128px;"
@@ -178,7 +178,7 @@ exports[`primitive:<ScrollView> prop:horizontal 1`] = `
178
178
  </DocumentFragment>
179
179
  `;
180
180
 
181
- exports[`primitive:<ScrollView> prop:scrollIndicator 1`] = `
181
+ exports[`primitive:<ScrollView> prop:scrollIndicator & prop:defaultScrollIndicator 1`] = `
182
182
  <DocumentFragment>
183
183
  <ui-scrollview
184
184
  class="scrollview snap vertical"
@@ -237,10 +237,69 @@ exports[`primitive:<ScrollView> prop:scrollIndicator 1`] = `
237
237
  </DocumentFragment>
238
238
  `;
239
239
 
240
+ exports[`primitive:<ScrollView> prop:scrollIndicator 1`] = `
241
+ <DocumentFragment>
242
+ <ui-scrollview
243
+ class="scrollview snap vertical notIndicator"
244
+ >
245
+ <div
246
+ style="height: 128px; width: 128px;"
247
+ >
248
+ 1
249
+ </div>
250
+ <div
251
+ style="height: 128px; width: 128px;"
252
+ >
253
+ 2
254
+ </div>
255
+ <div
256
+ style="height: 128px; width: 128px;"
257
+ >
258
+ 3
259
+ </div>
260
+ <div
261
+ style="height: 128px; width: 128px;"
262
+ >
263
+ 4
264
+ </div>
265
+ <div
266
+ style="height: 128px; width: 128px;"
267
+ >
268
+ 5
269
+ </div>
270
+ <div
271
+ style="height: 128px; width: 128px;"
272
+ >
273
+ 6
274
+ </div>
275
+ <div
276
+ style="height: 128px; width: 128px;"
277
+ >
278
+ 7
279
+ </div>
280
+ <div
281
+ style="height: 128px; width: 128px;"
282
+ >
283
+ 8
284
+ </div>
285
+ <div
286
+ style="height: 128px; width: 128px;"
287
+ >
288
+ 9
289
+ </div>
290
+ <div
291
+ style="height: 128px; width: 128px;"
292
+ >
293
+ 10
294
+ </div>
295
+ </ui-scrollview>
296
+ </DocumentFragment>
297
+ `;
298
+
240
299
  exports[`primitive:<ScrollView> prop:scrollto 1`] = `
241
300
  <DocumentFragment>
242
301
  <ui-scrollview
243
- class="scrollview snap vertical"
302
+ class="scrollview snap vertical notIndicator"
244
303
  >
245
304
  <div
246
305
  style="height: 128px; width: 128px;"
@@ -299,7 +358,7 @@ exports[`primitive:<ScrollView> prop:scrollto 1`] = `
299
358
  exports[`primitive:<ScrollView> prop:snap 1`] = `
300
359
  <DocumentFragment>
301
360
  <ui-scrollview
302
- class="scrollview vertical"
361
+ class="scrollview vertical notIndicator"
303
362
  >
304
363
  <div
305
364
  style="height: 128px; width: 128px;"
@@ -358,7 +417,7 @@ exports[`primitive:<ScrollView> prop:snap 1`] = `
358
417
  exports[`primitive:<ScrollView> prop:width 1`] = `
359
418
  <DocumentFragment>
360
419
  <ui-scrollview
361
- class="scrollview snap vertical"
420
+ class="scrollview snap vertical notIndicator"
362
421
  style="width: 256px;"
363
422
  >
364
423
  <div
@@ -418,7 +477,7 @@ exports[`primitive:<ScrollView> prop:width 1`] = `
418
477
  exports[`primitive:<ScrollView> renders 1`] = `
419
478
  <DocumentFragment>
420
479
  <ui-scrollview
421
- class="scrollview snap vertical"
480
+ class="scrollview snap vertical notIndicator"
422
481
  >
423
482
  <div
424
483
  style="height: 128px; width: 128px;"
@@ -477,7 +536,7 @@ exports[`primitive:<ScrollView> renders 1`] = `
477
536
  exports[`primitive:<ScrollView> tag 1`] = `
478
537
  <DocumentFragment>
479
538
  <ui-tag
480
- class="scrollview snap vertical"
539
+ class="scrollview snap vertical notIndicator"
481
540
  >
482
541
  <div
483
542
  style="height: 128px; width: 128px;"
@@ -536,7 +595,7 @@ exports[`primitive:<ScrollView> tag 1`] = `
536
595
  exports[`primitive:<ScrollView> testId 1`] = `
537
596
  <DocumentFragment>
538
597
  <ui-scrollview
539
- class="scrollview snap vertical"
598
+ class="scrollview snap vertical notIndicator"
540
599
  data-testid="mirai"
541
600
  >
542
601
  <div
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/ui",
3
- "version": "2.0.26",
3
+ "version": "2.0.28",
4
4
  "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
5
5
  "author": "JΛVI <hello@soyjavi.com>",
6
6
  "license": "MIT",