@basic-ui/core 0.0.36 → 0.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/tsconfig.tsbuildinfo +49 -131
- package/package.json +2 -2
- package/src/Accordion/Accordion.story.tsx +5 -4
- package/src/ComboBox/ComboBox.story.tsx +9 -8
- package/src/List/List.story.tsx +5 -4
- package/src/Menu/Menu.story.tsx +9 -8
- package/src/Modal/Modal.story.tsx +15 -14
- package/src/Modal/NavDrawer.story.tsx +5 -4
- package/src/Popper/Popper.story.tsx +13 -16
- package/src/RadioButton/RadioButton.story.tsx +12 -9
- package/src/Spinner/Spinner.story.tsx +5 -5
- package/src/Tabs/Tab.story.tsx +9 -8
- package/src/Tooltip/Tooltip.story.tsx +6 -5
|
@@ -1062,8 +1062,8 @@
|
|
|
1062
1062
|
"affectsGlobalScope": false
|
|
1063
1063
|
},
|
|
1064
1064
|
"../../../node_modules/@types/common-tags/index.d.ts": {
|
|
1065
|
-
"version": "
|
|
1066
|
-
"signature": "
|
|
1065
|
+
"version": "c5590caef278ad8ba2532ec93e29a32ac354dfb333277348acce18512891d3b2",
|
|
1066
|
+
"signature": "c5590caef278ad8ba2532ec93e29a32ac354dfb333277348acce18512891d3b2",
|
|
1067
1067
|
"affectsGlobalScope": false
|
|
1068
1068
|
},
|
|
1069
1069
|
"../../../node_modules/@types/component-emitter/index.d.ts": {
|
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
"signature": "64d4b35c5456adf258d2cf56c341e203a073253f229ef3208fc0d5020253b241",
|
|
1097
1097
|
"affectsGlobalScope": true
|
|
1098
1098
|
},
|
|
1099
|
-
"../../../node_modules/@types/
|
|
1099
|
+
"../../../node_modules/@types/json-schema/index.d.ts": {
|
|
1100
1100
|
"version": "f3e604694b624fa3f83f6684185452992088f5efb2cf136b62474aa106d6f1b6",
|
|
1101
1101
|
"signature": "f3e604694b624fa3f83f6684185452992088f5efb2cf136b62474aa106d6f1b6",
|
|
1102
1102
|
"affectsGlobalScope": false
|
|
@@ -1157,8 +1157,8 @@
|
|
|
1157
1157
|
"affectsGlobalScope": false
|
|
1158
1158
|
},
|
|
1159
1159
|
"../../../node_modules/@types/http-proxy/index.d.ts": {
|
|
1160
|
-
"version": "
|
|
1161
|
-
"signature": "
|
|
1160
|
+
"version": "e4b4326b61261bf5ffd6de8b4825f00eb11ebb89a51bd92663dd6e660abf4210",
|
|
1161
|
+
"signature": "e4b4326b61261bf5ffd6de8b4825f00eb11ebb89a51bd92663dd6e660abf4210",
|
|
1162
1162
|
"affectsGlobalScope": false
|
|
1163
1163
|
},
|
|
1164
1164
|
"../../../node_modules/@types/is-function/index.d.ts": {
|
|
@@ -1181,11 +1181,6 @@
|
|
|
1181
1181
|
"signature": "93b59bc67329d5add033e3198583c39aa939cef891e6a2b763e0bea2b514ea9b",
|
|
1182
1182
|
"affectsGlobalScope": false
|
|
1183
1183
|
},
|
|
1184
|
-
"../../../node_modules/@types/jasmine/index.d.ts": {
|
|
1185
|
-
"version": "22f92bf43c39f2239e72c329d6764a241f4e342e8042da638b71b6e34cf41172",
|
|
1186
|
-
"signature": "22f92bf43c39f2239e72c329d6764a241f4e342e8042da638b71b6e34cf41172",
|
|
1187
|
-
"affectsGlobalScope": true
|
|
1188
|
-
},
|
|
1189
1184
|
"../../../node_modules/jest-diff/build/cleanupSemantic.d.ts": {
|
|
1190
1185
|
"version": "d8aab31ba8e618cc3eea10b0945de81cb93b7e8150a013a482332263b9305322",
|
|
1191
1186
|
"signature": "d8aab31ba8e618cc3eea10b0945de81cb93b7e8150a013a482332263b9305322",
|
|
@@ -1226,11 +1221,6 @@
|
|
|
1226
1221
|
"signature": "71f30fba971582dc744373cbc8b06c1eb64dc24a6ccbc9b457f94fb68c67cb4e",
|
|
1227
1222
|
"affectsGlobalScope": true
|
|
1228
1223
|
},
|
|
1229
|
-
"../../../node_modules/@types/json-schema/index.d.ts": {
|
|
1230
|
-
"version": "92bc43ea5584457c9325a3d5b2ce5af77df6d2653be7e4c2e9a626f89293c3c1",
|
|
1231
|
-
"signature": "92bc43ea5584457c9325a3d5b2ce5af77df6d2653be7e4c2e9a626f89293c3c1",
|
|
1232
|
-
"affectsGlobalScope": false
|
|
1233
|
-
},
|
|
1234
1224
|
"../../../node_modules/@types/json5/index.d.ts": {
|
|
1235
1225
|
"version": "96d14f21b7652903852eef49379d04dbda28c16ed36468f8c9fa08f7c14c9538",
|
|
1236
1226
|
"signature": "96d14f21b7652903852eef49379d04dbda28c16ed36468f8c9fa08f7c14c9538",
|
|
@@ -1306,16 +1296,6 @@
|
|
|
1306
1296
|
"signature": "9a6d65d77455efaaaeff945bea30c38b8fe0922b807ba45cd23792392f1bfe76",
|
|
1307
1297
|
"affectsGlobalScope": false
|
|
1308
1298
|
},
|
|
1309
|
-
"../../../node_modules/@types/mdx-js__react/node_modules/@types/react/index.d.ts": {
|
|
1310
|
-
"version": "bca898ed5e156c4e4a272e3f4f39a576fe78ffd474f23857b1146279949e1460",
|
|
1311
|
-
"signature": "bca898ed5e156c4e4a272e3f4f39a576fe78ffd474f23857b1146279949e1460",
|
|
1312
|
-
"affectsGlobalScope": true
|
|
1313
|
-
},
|
|
1314
|
-
"../../../node_modules/@types/mdx-js__react/index.d.ts": {
|
|
1315
|
-
"version": "78304aa37ad2d5ec160697bce2ae5de8f56096ae63d0e499797fb83f9096ffea",
|
|
1316
|
-
"signature": "78304aa37ad2d5ec160697bce2ae5de8f56096ae63d0e499797fb83f9096ffea",
|
|
1317
|
-
"affectsGlobalScope": false
|
|
1318
|
-
},
|
|
1319
1299
|
"../../../node_modules/@types/mkdirp/index.d.ts": {
|
|
1320
1300
|
"version": "6396a7a06f3ef0fc31a7c89330e015146b78a2256b030c698b6d404594c37b8f",
|
|
1321
1301
|
"signature": "6396a7a06f3ef0fc31a7c89330e015146b78a2256b030c698b6d404594c37b8f",
|
|
@@ -1382,19 +1362,19 @@
|
|
|
1382
1362
|
"affectsGlobalScope": true
|
|
1383
1363
|
},
|
|
1384
1364
|
"../../../node_modules/@types/reach__router/index.d.ts": {
|
|
1385
|
-
"version": "
|
|
1386
|
-
"signature": "
|
|
1365
|
+
"version": "b344467763f90fe9ab9a1cd435b7401b19f5a6be2d6beded79d25266002dcbc9",
|
|
1366
|
+
"signature": "b344467763f90fe9ab9a1cd435b7401b19f5a6be2d6beded79d25266002dcbc9",
|
|
1387
1367
|
"affectsGlobalScope": false
|
|
1388
1368
|
},
|
|
1389
|
-
"../../../node_modules/@types/react-
|
|
1369
|
+
"../../../node_modules/@types/react-syntax-highlighter/node_modules/@types/react/index.d.ts": {
|
|
1390
1370
|
"version": "bca898ed5e156c4e4a272e3f4f39a576fe78ffd474f23857b1146279949e1460",
|
|
1391
1371
|
"signature": "bca898ed5e156c4e4a272e3f4f39a576fe78ffd474f23857b1146279949e1460",
|
|
1392
1372
|
"affectsGlobalScope": true
|
|
1393
1373
|
},
|
|
1394
|
-
"../../../node_modules/@types/react-
|
|
1395
|
-
"version": "
|
|
1396
|
-
"signature": "
|
|
1397
|
-
"affectsGlobalScope":
|
|
1374
|
+
"../../../node_modules/@types/react-syntax-highlighter/index.d.ts": {
|
|
1375
|
+
"version": "cffd3848b7af4922d70028c805b7df5e8f0eac4a8d2410b0f55b47ca62c6c3a8",
|
|
1376
|
+
"signature": "cffd3848b7af4922d70028c805b7df5e8f0eac4a8d2410b0f55b47ca62c6c3a8",
|
|
1377
|
+
"affectsGlobalScope": true
|
|
1398
1378
|
},
|
|
1399
1379
|
"../../../node_modules/@types/resolve/index.d.ts": {
|
|
1400
1380
|
"version": "2880728492d6a6baa55411d14cc42fa55714a24b1d1d27ff9a8a610abd47c761",
|
|
@@ -1411,6 +1391,11 @@
|
|
|
1411
1391
|
"signature": "74b0245c42990ed8a849df955db3f4362c81b13f799ebc981b7bec2d5b414a57",
|
|
1412
1392
|
"affectsGlobalScope": false
|
|
1413
1393
|
},
|
|
1394
|
+
"../../../node_modules/@types/sharp/index.d.ts": {
|
|
1395
|
+
"version": "65b8b821dd0d3218870db8c5846f6e8f7a5fbd509cd8cc8eaf8aa96704cfd45e",
|
|
1396
|
+
"signature": "65b8b821dd0d3218870db8c5846f6e8f7a5fbd509cd8cc8eaf8aa96704cfd45e",
|
|
1397
|
+
"affectsGlobalScope": false
|
|
1398
|
+
},
|
|
1414
1399
|
"../../../node_modules/@types/source-list-map/index.d.ts": {
|
|
1415
1400
|
"version": "67fc055eb86a0632e2e072838f889ffe1754083cb13c8c80a06a7d895d877aae",
|
|
1416
1401
|
"signature": "67fc055eb86a0632e2e072838f889ffe1754083cb13c8c80a06a7d895d877aae",
|
|
@@ -1461,11 +1446,6 @@
|
|
|
1461
1446
|
"signature": "c6c1427ba1efa270964d61564a3d99b59c0865a51dd55e4beb9f50e5c9aa8b51",
|
|
1462
1447
|
"affectsGlobalScope": false
|
|
1463
1448
|
},
|
|
1464
|
-
"../../../node_modules/@types/underscore/index.d.ts": {
|
|
1465
|
-
"version": "8157f8d51dc166dc639d16edb34f4c69cf5369c30a4de398191eb84da1da6fb9",
|
|
1466
|
-
"signature": "8157f8d51dc166dc639d16edb34f4c69cf5369c30a4de398191eb84da1da6fb9",
|
|
1467
|
-
"affectsGlobalScope": true
|
|
1468
|
-
},
|
|
1469
1449
|
"../../../node_modules/vfile-message/types/index.d.ts": {
|
|
1470
1450
|
"version": "f6954ea8cb610ac65fbe3e66b00ff0480d809203937d26b1745102500f2f05bb",
|
|
1471
1451
|
"signature": "f6954ea8cb610ac65fbe3e66b00ff0480d809203937d26b1745102500f2f05bb",
|
|
@@ -1985,16 +1965,9 @@
|
|
|
1985
1965
|
],
|
|
1986
1966
|
"../../../node_modules/@types/eslint/index.d.ts": [
|
|
1987
1967
|
"../../../node_modules/@types/eslint/helpers.d.ts",
|
|
1988
|
-
"../../../node_modules/@types/eslint/node_modules/@types/json-schema/index.d.ts",
|
|
1989
1968
|
"../../../node_modules/@types/estree/index.d.ts",
|
|
1990
1969
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
1991
|
-
"../../../node_modules/@types/
|
|
1992
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
1993
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
1994
|
-
"../../../node_modules/@types/node/util.d.ts"
|
|
1995
|
-
],
|
|
1996
|
-
"../../../node_modules/@types/eslint/node_modules/@types/json-schema/index.d.ts": [
|
|
1997
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
1970
|
+
"../../../node_modules/@types/json-schema/index.d.ts",
|
|
1998
1971
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
1999
1972
|
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
2000
1973
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
@@ -2105,13 +2078,6 @@
|
|
|
2105
2078
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
2106
2079
|
"../../../node_modules/@types/node/util.d.ts"
|
|
2107
2080
|
],
|
|
2108
|
-
"../../../node_modules/@types/jasmine/index.d.ts": [
|
|
2109
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
2110
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
2111
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
2112
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
2113
|
-
"../../../node_modules/@types/node/util.d.ts"
|
|
2114
|
-
],
|
|
2115
2081
|
"../../../node_modules/@types/jest/index.d.ts": [
|
|
2116
2082
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
2117
2083
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -2399,24 +2365,6 @@
|
|
|
2399
2365
|
"../../../node_modules/@types/node/util.d.ts",
|
|
2400
2366
|
"../../../node_modules/@types/unist/index.d.ts"
|
|
2401
2367
|
],
|
|
2402
|
-
"../../../node_modules/@types/mdx-js__react/index.d.ts": [
|
|
2403
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
2404
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
2405
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
2406
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
2407
|
-
"../../../node_modules/@types/node/util.d.ts",
|
|
2408
|
-
"../../../node_modules/@types/react-dom/node_modules/@types/react/index.d.ts"
|
|
2409
|
-
],
|
|
2410
|
-
"../../../node_modules/@types/mdx-js__react/node_modules/@types/react/index.d.ts": [
|
|
2411
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
2412
|
-
"../../../node_modules/@types/mdx-js__react/node_modules/@types/react/global.d.ts",
|
|
2413
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
2414
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
2415
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
2416
|
-
"../../../node_modules/@types/node/util.d.ts",
|
|
2417
|
-
"../../../node_modules/@types/prop-types/index.d.ts",
|
|
2418
|
-
"../../../node_modules/@types/react-dom/node_modules/csstype/index.d.ts"
|
|
2419
|
-
],
|
|
2420
2368
|
"../../../node_modules/@types/minimatch/index.d.ts": [
|
|
2421
2369
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
2422
2370
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -2988,15 +2936,16 @@
|
|
|
2988
2936
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
2989
2937
|
"../../../node_modules/@types/node/util.d.ts"
|
|
2990
2938
|
],
|
|
2991
|
-
"../../../node_modules/@types/react-
|
|
2939
|
+
"../../../node_modules/@types/react-syntax-highlighter/index.d.ts": [
|
|
2992
2940
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
2993
2941
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
2994
2942
|
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
2995
2943
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
2996
2944
|
"../../../node_modules/@types/node/util.d.ts",
|
|
2997
|
-
"../../../node_modules/@types/react-dom/node_modules/@types/react/index.d.ts"
|
|
2945
|
+
"../../../node_modules/@types/react-dom/node_modules/@types/react/index.d.ts",
|
|
2946
|
+
"../../../node_modules/@types/react-syntax-highlighter/index.d.ts"
|
|
2998
2947
|
],
|
|
2999
|
-
"../../../node_modules/@types/react-
|
|
2948
|
+
"../../../node_modules/@types/react-syntax-highlighter/node_modules/@types/react/index.d.ts": [
|
|
3000
2949
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
3001
2950
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
3002
2951
|
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
@@ -3004,7 +2953,7 @@
|
|
|
3004
2953
|
"../../../node_modules/@types/node/util.d.ts",
|
|
3005
2954
|
"../../../node_modules/@types/prop-types/index.d.ts",
|
|
3006
2955
|
"../../../node_modules/@types/react-dom/node_modules/csstype/index.d.ts",
|
|
3007
|
-
"../../../node_modules/@types/react-
|
|
2956
|
+
"../../../node_modules/@types/react-syntax-highlighter/node_modules/@types/react/global.d.ts"
|
|
3008
2957
|
],
|
|
3009
2958
|
"../../../node_modules/@types/react/global.d.ts": [
|
|
3010
2959
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
@@ -3065,6 +3014,15 @@
|
|
|
3065
3014
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
3066
3015
|
"../../../node_modules/@types/node/util.d.ts"
|
|
3067
3016
|
],
|
|
3017
|
+
"../../../node_modules/@types/sharp/index.d.ts": [
|
|
3018
|
+
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
3019
|
+
"../../../node_modules/@types/node/fs.d.ts",
|
|
3020
|
+
"../../../node_modules/@types/node/stream.d.ts",
|
|
3021
|
+
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
3022
|
+
"../../../node_modules/@types/node/ts3.5/index.d.ts",
|
|
3023
|
+
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
3024
|
+
"../../../node_modules/@types/node/util.d.ts"
|
|
3025
|
+
],
|
|
3068
3026
|
"../../../node_modules/@types/source-list-map/index.d.ts": [
|
|
3069
3027
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
3070
3028
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -3132,13 +3090,6 @@
|
|
|
3132
3090
|
"../../../node_modules/@types/node/util.d.ts",
|
|
3133
3091
|
"../../../node_modules/source-map/source-map.d.ts"
|
|
3134
3092
|
],
|
|
3135
|
-
"../../../node_modules/@types/underscore/index.d.ts": [
|
|
3136
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
3137
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
3138
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
3139
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
3140
|
-
"../../../node_modules/@types/node/util.d.ts"
|
|
3141
|
-
],
|
|
3142
3093
|
"../../../node_modules/@types/unist/index.d.ts": [
|
|
3143
3094
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
3144
3095
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -4906,13 +4857,6 @@
|
|
|
4906
4857
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
4907
4858
|
"../../../node_modules/@types/node/util.d.ts"
|
|
4908
4859
|
],
|
|
4909
|
-
"../../../node_modules/@types/eslint/node_modules/@types/json-schema/index.d.ts": [
|
|
4910
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
4911
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
4912
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
4913
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
4914
|
-
"../../../node_modules/@types/node/util.d.ts"
|
|
4915
|
-
],
|
|
4916
4860
|
"../../../node_modules/@types/estree/index.d.ts": [
|
|
4917
4861
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
4918
4862
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -5018,13 +4962,6 @@
|
|
|
5018
4962
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
5019
4963
|
"../../../node_modules/@types/node/util.d.ts"
|
|
5020
4964
|
],
|
|
5021
|
-
"../../../node_modules/@types/jasmine/index.d.ts": [
|
|
5022
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5023
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
5024
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
5025
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
5026
|
-
"../../../node_modules/@types/node/util.d.ts"
|
|
5027
|
-
],
|
|
5028
4965
|
"../../../node_modules/@types/jest/index.d.ts": [
|
|
5029
4966
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5030
4967
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -5312,24 +5249,6 @@
|
|
|
5312
5249
|
"../../../node_modules/@types/node/util.d.ts",
|
|
5313
5250
|
"../../../node_modules/@types/unist/index.d.ts"
|
|
5314
5251
|
],
|
|
5315
|
-
"../../../node_modules/@types/mdx-js__react/index.d.ts": [
|
|
5316
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5317
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
5318
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
5319
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
5320
|
-
"../../../node_modules/@types/node/util.d.ts",
|
|
5321
|
-
"../../../node_modules/@types/react-dom/node_modules/@types/react/index.d.ts"
|
|
5322
|
-
],
|
|
5323
|
-
"../../../node_modules/@types/mdx-js__react/node_modules/@types/react/index.d.ts": [
|
|
5324
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5325
|
-
"../../../node_modules/@types/mdx-js__react/node_modules/@types/react/global.d.ts",
|
|
5326
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
5327
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
5328
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
5329
|
-
"../../../node_modules/@types/node/util.d.ts",
|
|
5330
|
-
"../../../node_modules/@types/prop-types/index.d.ts",
|
|
5331
|
-
"../../../node_modules/@types/react-dom/node_modules/csstype/index.d.ts"
|
|
5332
|
-
],
|
|
5333
5252
|
"../../../node_modules/@types/minimatch/index.d.ts": [
|
|
5334
5253
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5335
5254
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -5901,15 +5820,16 @@
|
|
|
5901
5820
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
5902
5821
|
"../../../node_modules/@types/node/util.d.ts"
|
|
5903
5822
|
],
|
|
5904
|
-
"../../../node_modules/@types/react-
|
|
5823
|
+
"../../../node_modules/@types/react-syntax-highlighter/index.d.ts": [
|
|
5905
5824
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5906
5825
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
5907
5826
|
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
5908
5827
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
5909
5828
|
"../../../node_modules/@types/node/util.d.ts",
|
|
5910
|
-
"../../../node_modules/@types/react-dom/node_modules/@types/react/index.d.ts"
|
|
5829
|
+
"../../../node_modules/@types/react-dom/node_modules/@types/react/index.d.ts",
|
|
5830
|
+
"../../../node_modules/@types/react-syntax-highlighter/index.d.ts"
|
|
5911
5831
|
],
|
|
5912
|
-
"../../../node_modules/@types/react-
|
|
5832
|
+
"../../../node_modules/@types/react-syntax-highlighter/node_modules/@types/react/index.d.ts": [
|
|
5913
5833
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5914
5834
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
5915
5835
|
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
@@ -5917,7 +5837,7 @@
|
|
|
5917
5837
|
"../../../node_modules/@types/node/util.d.ts",
|
|
5918
5838
|
"../../../node_modules/@types/prop-types/index.d.ts",
|
|
5919
5839
|
"../../../node_modules/@types/react-dom/node_modules/csstype/index.d.ts",
|
|
5920
|
-
"../../../node_modules/@types/react-
|
|
5840
|
+
"../../../node_modules/@types/react-syntax-highlighter/node_modules/@types/react/global.d.ts"
|
|
5921
5841
|
],
|
|
5922
5842
|
"../../../node_modules/@types/react/global.d.ts": [
|
|
5923
5843
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
@@ -5978,6 +5898,15 @@
|
|
|
5978
5898
|
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
5979
5899
|
"../../../node_modules/@types/node/util.d.ts"
|
|
5980
5900
|
],
|
|
5901
|
+
"../../../node_modules/@types/sharp/index.d.ts": [
|
|
5902
|
+
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5903
|
+
"../../../node_modules/@types/node/fs.d.ts",
|
|
5904
|
+
"../../../node_modules/@types/node/stream.d.ts",
|
|
5905
|
+
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
5906
|
+
"../../../node_modules/@types/node/ts3.5/index.d.ts",
|
|
5907
|
+
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
5908
|
+
"../../../node_modules/@types/node/util.d.ts"
|
|
5909
|
+
],
|
|
5981
5910
|
"../../../node_modules/@types/source-list-map/index.d.ts": [
|
|
5982
5911
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
5983
5912
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -6045,13 +5974,6 @@
|
|
|
6045
5974
|
"../../../node_modules/@types/node/util.d.ts",
|
|
6046
5975
|
"../../../node_modules/source-map/source-map.d.ts"
|
|
6047
5976
|
],
|
|
6048
|
-
"../../../node_modules/@types/underscore/index.d.ts": [
|
|
6049
|
-
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
6050
|
-
"../../../node_modules/@types/node/fs.d.ts",
|
|
6051
|
-
"../../../node_modules/@types/node/ts3.5/fs.d.ts",
|
|
6052
|
-
"../../../node_modules/@types/node/ts3.5/util.d.ts",
|
|
6053
|
-
"../../../node_modules/@types/node/util.d.ts"
|
|
6054
|
-
],
|
|
6055
5977
|
"../../../node_modules/@types/unist/index.d.ts": [
|
|
6056
5978
|
"../../../node_modules/@types/graceful-fs/index.d.ts",
|
|
6057
5979
|
"../../../node_modules/@types/node/fs.d.ts",
|
|
@@ -6872,7 +6794,6 @@
|
|
|
6872
6794
|
"../../../node_modules/@types/eslint-visitor-keys/index.d.ts",
|
|
6873
6795
|
"../../../node_modules/@types/eslint/helpers.d.ts",
|
|
6874
6796
|
"../../../node_modules/@types/eslint/index.d.ts",
|
|
6875
|
-
"../../../node_modules/@types/eslint/node_modules/@types/json-schema/index.d.ts",
|
|
6876
6797
|
"../../../node_modules/@types/estree/index.d.ts",
|
|
6877
6798
|
"../../../node_modules/@types/events/index.d.ts",
|
|
6878
6799
|
"../../../node_modules/@types/get-port/index.d.ts",
|
|
@@ -6886,7 +6807,6 @@
|
|
|
6886
6807
|
"../../../node_modules/@types/istanbul-lib-coverage/index.d.ts",
|
|
6887
6808
|
"../../../node_modules/@types/istanbul-lib-report/index.d.ts",
|
|
6888
6809
|
"../../../node_modules/@types/istanbul-reports/index.d.ts",
|
|
6889
|
-
"../../../node_modules/@types/jasmine/index.d.ts",
|
|
6890
6810
|
"../../../node_modules/@types/jest/index.d.ts",
|
|
6891
6811
|
"../../../node_modules/@types/json-schema/index.d.ts",
|
|
6892
6812
|
"../../../node_modules/@types/json5/index.d.ts",
|
|
@@ -6905,8 +6825,6 @@
|
|
|
6905
6825
|
"../../../node_modules/@types/lodash/common/util.d.ts",
|
|
6906
6826
|
"../../../node_modules/@types/lodash/index.d.ts",
|
|
6907
6827
|
"../../../node_modules/@types/mdast/index.d.ts",
|
|
6908
|
-
"../../../node_modules/@types/mdx-js__react/index.d.ts",
|
|
6909
|
-
"../../../node_modules/@types/mdx-js__react/node_modules/@types/react/index.d.ts",
|
|
6910
6828
|
"../../../node_modules/@types/minimatch/index.d.ts",
|
|
6911
6829
|
"../../../node_modules/@types/mkdirp/index.d.ts",
|
|
6912
6830
|
"../../../node_modules/@types/node-fetch/externals.d.ts",
|
|
@@ -6973,8 +6891,8 @@
|
|
|
6973
6891
|
"../../../node_modules/@types/react-dom/node_modules/@types/react/global.d.ts",
|
|
6974
6892
|
"../../../node_modules/@types/react-dom/node_modules/@types/react/index.d.ts",
|
|
6975
6893
|
"../../../node_modules/@types/react-dom/node_modules/csstype/index.d.ts",
|
|
6976
|
-
"../../../node_modules/@types/react-
|
|
6977
|
-
"../../../node_modules/@types/react-
|
|
6894
|
+
"../../../node_modules/@types/react-syntax-highlighter/index.d.ts",
|
|
6895
|
+
"../../../node_modules/@types/react-syntax-highlighter/node_modules/@types/react/index.d.ts",
|
|
6978
6896
|
"../../../node_modules/@types/react/global.d.ts",
|
|
6979
6897
|
"../../../node_modules/@types/react/index.d.ts",
|
|
6980
6898
|
"../../../node_modules/@types/resolve/index.d.ts",
|
|
@@ -6982,6 +6900,7 @@
|
|
|
6982
6900
|
"../../../node_modules/@types/rimraf/index.d.ts",
|
|
6983
6901
|
"../../../node_modules/@types/scheduler/index.d.ts",
|
|
6984
6902
|
"../../../node_modules/@types/scheduler/tracing.d.ts",
|
|
6903
|
+
"../../../node_modules/@types/sharp/index.d.ts",
|
|
6985
6904
|
"../../../node_modules/@types/source-list-map/index.d.ts",
|
|
6986
6905
|
"../../../node_modules/@types/stack-utils/index.d.ts",
|
|
6987
6906
|
"../../../node_modules/@types/styled-system/index.d.ts",
|
|
@@ -6991,7 +6910,6 @@
|
|
|
6991
6910
|
"../../../node_modules/@types/testing-library__jest-dom/index.d.ts",
|
|
6992
6911
|
"../../../node_modules/@types/tmp/index.d.ts",
|
|
6993
6912
|
"../../../node_modules/@types/uglify-js/index.d.ts",
|
|
6994
|
-
"../../../node_modules/@types/underscore/index.d.ts",
|
|
6995
6913
|
"../../../node_modules/@types/unist/index.d.ts",
|
|
6996
6914
|
"../../../node_modules/@types/vfile/index.d.ts",
|
|
6997
6915
|
"../../../node_modules/@types/webpack-env/index.d.ts",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@basic-ui/core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.37",
|
|
4
4
|
"description": "Accessible React Components used as building blocks for UI patterns",
|
|
5
5
|
"author": "Lucas Terra <lucasterra7@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0",
|
|
37
37
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "78b668ff80ce86a4672b3f34ca2c1aaaf79c56eb"
|
|
40
40
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { Accordion, AccordionBody, AccordionHeader, AccordionItem } from './';
|
|
3
|
-
import { storiesOf } from '@storybook/react';
|
|
4
3
|
import './styles.css';
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
export default {
|
|
6
|
+
title: 'components/Accordion',
|
|
7
|
+
};
|
|
7
8
|
|
|
8
9
|
function AccordionControlled() {
|
|
9
10
|
const [expandedId, setExpandedId] = useState(0);
|
|
@@ -67,6 +68,6 @@ function SingleAccordionItem() {
|
|
|
67
68
|
);
|
|
68
69
|
}
|
|
69
70
|
|
|
70
|
-
|
|
71
|
+
export const Controlled = () => <AccordionControlled />;
|
|
71
72
|
|
|
72
|
-
|
|
73
|
+
export const SingleAccordionControlled = () => <SingleAccordionItem />;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { useMemo, useState } from 'react';
|
|
2
2
|
import type * as React from 'react';
|
|
3
|
-
import { storiesOf } from '@storybook/react';
|
|
4
3
|
import { ComboboxOption } from './ComboboxOption';
|
|
5
4
|
import { ComboboxList } from './ComboboxList';
|
|
6
5
|
import { ComboboxPopover } from './ComboboxPopover';
|
|
@@ -10,7 +9,9 @@ import { Combobox } from './Combobox';
|
|
|
10
9
|
import cities from './cities';
|
|
11
10
|
import './styles.css';
|
|
12
11
|
|
|
13
|
-
|
|
12
|
+
export default {
|
|
13
|
+
title: 'components/Combobox',
|
|
14
|
+
};
|
|
14
15
|
|
|
15
16
|
function useCityMatch(searchTerm: string) {
|
|
16
17
|
return useMemo(() => {
|
|
@@ -108,11 +109,11 @@ export function ControlledClientSideExample({ initialValue = '' }) {
|
|
|
108
109
|
);
|
|
109
110
|
}
|
|
110
111
|
|
|
111
|
-
|
|
112
|
-
|
|
112
|
+
export const UncontrolledClientSide = () => <UncontrolledClientSideExample />;
|
|
113
|
+
export const UncontrolledClientSideInitial = () => (
|
|
113
114
|
<UncontrolledClientSideExample initialValue="Aberdeen" />
|
|
114
|
-
)
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
);
|
|
116
|
+
export const ControlledClientSide = () => <ControlledClientSideExample />;
|
|
117
|
+
export const ControlledClientsideInitial = () => (
|
|
117
118
|
<ControlledClientSideExample initialValue="Aberdeen" />
|
|
118
|
-
)
|
|
119
|
+
);
|
package/src/List/List.story.tsx
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { List, ListItem } from './';
|
|
2
|
-
import { storiesOf } from '@storybook/react';
|
|
3
2
|
// import './styles.css';
|
|
4
3
|
|
|
4
|
+
export default {
|
|
5
|
+
title: 'components/List',
|
|
6
|
+
};
|
|
7
|
+
|
|
5
8
|
const Example = () => {
|
|
6
9
|
return (
|
|
7
10
|
<List>
|
|
@@ -12,6 +15,4 @@ const Example = () => {
|
|
|
12
15
|
);
|
|
13
16
|
};
|
|
14
17
|
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
stories.add('controlled', () => <Example />);
|
|
18
|
+
export const Controlled = () => <Example />;
|
package/src/Menu/Menu.story.tsx
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import type * as React from 'react';
|
|
3
|
-
import { storiesOf } from '@storybook/react';
|
|
4
3
|
import { Menu, MenuButton, MenuItem, MenuList, MenuPopover } from './';
|
|
5
4
|
import { animated, useSpring } from 'react-spring';
|
|
6
5
|
import './styles.css';
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
export default {
|
|
8
|
+
title: 'components/Menu',
|
|
9
|
+
};
|
|
9
10
|
|
|
10
11
|
const noop = () => {
|
|
11
12
|
// noop function to be used on onRest, as a cleanup
|
|
@@ -139,20 +140,20 @@ const MenuWithMultipleButtons = () => {
|
|
|
139
140
|
);
|
|
140
141
|
};
|
|
141
142
|
|
|
142
|
-
|
|
143
|
+
export const Controlled = () => (
|
|
143
144
|
<Wrapper>
|
|
144
145
|
<MenuControlled />
|
|
145
146
|
</Wrapper>
|
|
146
|
-
)
|
|
147
|
+
);
|
|
147
148
|
|
|
148
|
-
|
|
149
|
+
export const WithAnimationControlled = () => (
|
|
149
150
|
<Wrapper>
|
|
150
151
|
<MenuControlledWithAnimation />
|
|
151
152
|
</Wrapper>
|
|
152
|
-
)
|
|
153
|
+
);
|
|
153
154
|
|
|
154
|
-
|
|
155
|
+
export const WithMultipleButtons = () => (
|
|
155
156
|
<Wrapper>
|
|
156
157
|
<MenuWithMultipleButtons />
|
|
157
158
|
</Wrapper>
|
|
158
|
-
)
|
|
159
|
+
);
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
|
-
import { storiesOf } from '@storybook/react';
|
|
3
2
|
import { useSpring, animated } from 'react-spring';
|
|
4
3
|
import { Modal, ModalBackdrop } from './';
|
|
5
4
|
import { Portal } from '../Portal';
|
|
6
5
|
import './styles.css';
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
export default {
|
|
8
|
+
title: 'components/Modal',
|
|
9
|
+
};
|
|
9
10
|
|
|
10
11
|
const LoremIpsum = ({ numOfParagraphs = 20 }) => {
|
|
11
12
|
const content = [];
|
|
@@ -81,7 +82,7 @@ const Wrapper = ({ children }) => {
|
|
|
81
82
|
);
|
|
82
83
|
};
|
|
83
84
|
|
|
84
|
-
const
|
|
85
|
+
const SimpleModalControlledExample = () => {
|
|
85
86
|
const [open, setOpen] = useState(false);
|
|
86
87
|
|
|
87
88
|
const handleClose = () => {
|
|
@@ -106,7 +107,7 @@ const SimpleModalControlled = () => {
|
|
|
106
107
|
);
|
|
107
108
|
};
|
|
108
109
|
|
|
109
|
-
const
|
|
110
|
+
const NestedModalControlledExample = () => {
|
|
110
111
|
const [open, setOpen] = useState(false);
|
|
111
112
|
const [open2, setOpen2] = useState(false);
|
|
112
113
|
|
|
@@ -138,7 +139,7 @@ const NestedModalControlled = () => {
|
|
|
138
139
|
);
|
|
139
140
|
};
|
|
140
141
|
|
|
141
|
-
const
|
|
142
|
+
const SimpleModalControlledAnimatedExample = () => {
|
|
142
143
|
const [open, setOpen] = useState(false);
|
|
143
144
|
const [pointerEvents, setPointerEvents] = useState('none');
|
|
144
145
|
const [{ scale, opacity }, set] = useSpring(() => ({
|
|
@@ -223,20 +224,20 @@ const SimpleModalControlledAnimated = () => {
|
|
|
223
224
|
);
|
|
224
225
|
};
|
|
225
226
|
|
|
226
|
-
|
|
227
|
+
export const SimpleModalControlled = () => (
|
|
227
228
|
<Wrapper>
|
|
228
|
-
<
|
|
229
|
+
<SimpleModalControlledExample />
|
|
229
230
|
</Wrapper>
|
|
230
|
-
)
|
|
231
|
+
);
|
|
231
232
|
|
|
232
|
-
|
|
233
|
+
export const NestedModalControlled = () => (
|
|
233
234
|
<Wrapper>
|
|
234
|
-
<
|
|
235
|
+
<NestedModalControlledExample />
|
|
235
236
|
</Wrapper>
|
|
236
|
-
)
|
|
237
|
+
);
|
|
237
238
|
|
|
238
|
-
|
|
239
|
+
export const SimpleModalControlledAnimated = () => (
|
|
239
240
|
<Wrapper>
|
|
240
|
-
<
|
|
241
|
+
<SimpleModalControlledAnimatedExample />
|
|
241
242
|
</Wrapper>
|
|
242
|
-
)
|
|
243
|
+
);
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
|
-
import { storiesOf } from '@storybook/react';
|
|
3
2
|
import { useSpring, animated } from 'react-spring';
|
|
4
3
|
import { Modal, ModalBackdrop } from './';
|
|
5
4
|
import { Portal } from '../Portal';
|
|
6
5
|
import './styles.css';
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
export default {
|
|
8
|
+
title: 'components/Modal/NavDrawer',
|
|
9
|
+
};
|
|
9
10
|
|
|
10
11
|
const LoremIpsum = ({ numOfParagraphs = 20 }) => {
|
|
11
12
|
const content = [];
|
|
@@ -150,8 +151,8 @@ const SimpleModalControlledAnimated = () => {
|
|
|
150
151
|
);
|
|
151
152
|
};
|
|
152
153
|
|
|
153
|
-
|
|
154
|
+
export const ControlledAnimated = () => (
|
|
154
155
|
<Wrapper>
|
|
155
156
|
<SimpleModalControlledAnimated />
|
|
156
157
|
</Wrapper>
|
|
157
|
-
)
|
|
158
|
+
);
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { useSpring, animated } from 'react-spring';
|
|
3
|
-
import { storiesOf } from '@storybook/react';
|
|
4
3
|
import { Popper } from './Popper';
|
|
5
4
|
import { PopperArrow } from './PopperArrow';
|
|
6
5
|
import './styles.css';
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
export default {
|
|
8
|
+
title: 'components/Popper',
|
|
9
|
+
};
|
|
9
10
|
|
|
10
11
|
const noop = () => {
|
|
11
12
|
// noop function to be used on onRest, as a cleanup
|
|
@@ -188,7 +189,7 @@ const PopperFixedExample = ({ showAll = false, showArrow = false }) => {
|
|
|
188
189
|
);
|
|
189
190
|
};
|
|
190
191
|
|
|
191
|
-
const
|
|
192
|
+
const JumpingPopperExample = () => {
|
|
192
193
|
const [currentPopperIndex, setCurrentPopperIndex] = useState(0);
|
|
193
194
|
const ref1 = useRef();
|
|
194
195
|
const ref2 = useRef();
|
|
@@ -227,7 +228,7 @@ const JumpingPopper = () => {
|
|
|
227
228
|
);
|
|
228
229
|
};
|
|
229
230
|
|
|
230
|
-
const
|
|
231
|
+
const RerenderingPopperExample = () => {
|
|
231
232
|
const [value, setValue] = useState('');
|
|
232
233
|
const ref = useRef<HTMLButtonElement>(null);
|
|
233
234
|
return (
|
|
@@ -248,20 +249,16 @@ const RerenderingPopper = () => {
|
|
|
248
249
|
);
|
|
249
250
|
};
|
|
250
251
|
|
|
251
|
-
|
|
252
|
+
export const SinglePoint = () => <PopperExample />;
|
|
252
253
|
|
|
253
|
-
|
|
254
|
+
export const AllPoints = () => <PopperExample showAll={true} />;
|
|
254
255
|
|
|
255
|
-
|
|
256
|
-
<PopperExample showArrow={true} />
|
|
257
|
-
));
|
|
256
|
+
export const SinglePointWithArrow = () => <PopperExample showArrow={true} />;
|
|
258
257
|
|
|
259
|
-
|
|
258
|
+
export const AllPointsWithArrow = () => (
|
|
260
259
|
<PopperExample showAll={true} showArrow={true} />
|
|
261
|
-
)
|
|
260
|
+
);
|
|
262
261
|
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
)
|
|
266
|
-
stories.add('Re-rendering popper', () => <RerenderingPopper />);
|
|
267
|
-
stories.add('Jumping popper', () => <JumpingPopper />);
|
|
262
|
+
export const FixedPopperAllPoints = () => <PopperFixedExample showAll={true} />;
|
|
263
|
+
export const RerenderingPopper = () => <RerenderingPopperExample />;
|
|
264
|
+
export const JumpingPopper = () => <JumpingPopperExample />;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { RadioButton, RadioGroup } from './';
|
|
3
|
-
import { storiesOf } from '@storybook/react';
|
|
4
3
|
// import './styles.css';
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
export default {
|
|
6
|
+
title: 'components/RadioButton',
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
const UncontrolledExample = (props: { initialValue?: string }) => {
|
|
7
10
|
return (
|
|
8
11
|
<RadioGroup defaultValue={props.initialValue}>
|
|
9
12
|
<label>
|
|
@@ -30,7 +33,7 @@ const Uncontrolled = (props: { initialValue?: string }) => {
|
|
|
30
33
|
);
|
|
31
34
|
};
|
|
32
35
|
|
|
33
|
-
const
|
|
36
|
+
const ControlledExample = () => {
|
|
34
37
|
const [value, setValue] = useState(undefined);
|
|
35
38
|
|
|
36
39
|
return (
|
|
@@ -64,10 +67,10 @@ const Controlled = () => {
|
|
|
64
67
|
);
|
|
65
68
|
};
|
|
66
69
|
|
|
67
|
-
const
|
|
70
|
+
export const Uncontrolled = () => <UncontrolledExample />;
|
|
71
|
+
|
|
72
|
+
export const UncontrolledWithInitialValue = () => (
|
|
73
|
+
<UncontrolledExample initialValue={'highly disagree'} />
|
|
74
|
+
);
|
|
68
75
|
|
|
69
|
-
|
|
70
|
-
stories.add('uncontrolled, initial value set', () => (
|
|
71
|
-
<Uncontrolled initialValue={'highly disagree'} />
|
|
72
|
-
));
|
|
73
|
-
stories.add('controlled', () => <Controlled />);
|
|
76
|
+
export const Controlled = () => <ControlledExample />;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { Spinner, SpinnerButton } from './';
|
|
3
|
-
import { storiesOf } from '@storybook/react';
|
|
4
3
|
import './styles.css';
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
export default {
|
|
6
|
+
title: 'components/Spinner',
|
|
7
|
+
};
|
|
7
8
|
|
|
8
9
|
const Example = ({ vertical = false }) => {
|
|
9
10
|
const [value, setValue] = useState(0);
|
|
@@ -25,6 +26,5 @@ const Example = ({ vertical = false }) => {
|
|
|
25
26
|
);
|
|
26
27
|
};
|
|
27
28
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
stories.add('vertical', () => <Example vertical={true} />);
|
|
29
|
+
export const Horizontal = () => <Example />;
|
|
30
|
+
export const Vertical = () => <Example vertical={true} />;
|
package/src/Tabs/Tab.story.tsx
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { useState } from 'react';
|
|
2
2
|
import { Tab, TabPanel, TabPanels, Tabs, TabList } from './';
|
|
3
|
-
import { storiesOf } from '@storybook/react';
|
|
4
3
|
import './styles.css';
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
export default {
|
|
6
|
+
title: 'components/Tab',
|
|
7
|
+
};
|
|
7
8
|
|
|
8
9
|
export const ExampleHorizontal = ({ manualActivation = false }) => {
|
|
9
10
|
const [index, setIndex] = useState(0);
|
|
@@ -67,12 +68,12 @@ export const ExampleVertical = ({ manualActivation = false }) => {
|
|
|
67
68
|
);
|
|
68
69
|
};
|
|
69
70
|
|
|
70
|
-
|
|
71
|
-
|
|
71
|
+
export const HorizontalControlled = () => <ExampleHorizontal />;
|
|
72
|
+
export const HorizontalControlledManualActivation = () => (
|
|
72
73
|
<ExampleHorizontal manualActivation={true} />
|
|
73
|
-
)
|
|
74
|
+
);
|
|
74
75
|
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
export const VerticalControlled = () => <ExampleVertical />;
|
|
77
|
+
export const VerticalControlledManualActivation = () => (
|
|
77
78
|
<ExampleVertical manualActivation={true} />
|
|
78
|
-
)
|
|
79
|
+
);
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React, { useRef, forwardRef } from 'react';
|
|
2
2
|
import { Tooltip } from './';
|
|
3
|
-
import { storiesOf } from '@storybook/react';
|
|
4
3
|
import { Popper } from '../Popper/Popper';
|
|
5
4
|
import { InjectedTooltipProps } from './useTooltip';
|
|
6
5
|
import './styles.css';
|
|
7
6
|
|
|
7
|
+
export default {
|
|
8
|
+
title: 'components/Tooltip',
|
|
9
|
+
};
|
|
10
|
+
|
|
8
11
|
const StyledTooltip = forwardRef<HTMLDivElement, InjectedTooltipProps>(
|
|
9
12
|
({ children, anchorEl, ...props }, ref) => {
|
|
10
13
|
return (
|
|
@@ -53,7 +56,5 @@ const ExampleWithHidingButton = () => {
|
|
|
53
56
|
);
|
|
54
57
|
};
|
|
55
58
|
|
|
56
|
-
const
|
|
57
|
-
|
|
58
|
-
stories.add('controlled', () => <Example />);
|
|
59
|
-
stories.add('with hiding button', () => <ExampleWithHidingButton />);
|
|
59
|
+
export const Controlled = () => <Example />;
|
|
60
|
+
export const WithHidingButton = () => <ExampleWithHidingButton />;
|