@rbxts/uiblox 0.2.0-alpha.4 → 0.2.0-alpha.5
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/out/ui/packages/autocomplete/components/Autocomplete.luau +8 -0
- package/out/ui/packages/chip/components/Chip.d.ts +1 -0
- package/out/ui/packages/chip/components/Chip.luau +37 -2
- package/out/ui/packages/chip/components/Chip.styles.d.ts +1 -0
- package/out/ui/packages/chip/components/Chip.styles.luau +29 -1
- package/out/ui/packages/formText/components/FormHelperText.d.ts +8 -0
- package/out/ui/packages/formText/components/FormHelperText.luau +44 -0
- package/out/ui/packages/formText/components/FormLabel.d.ts +9 -0
- package/out/ui/packages/formText/components/FormLabel.luau +46 -0
- package/out/ui/packages/formText/components/FormText.styles.d.ts +5 -0
- package/out/ui/packages/formText/components/FormText.styles.luau +33 -0
- package/out/ui/packages/formText/index.d.ts +4 -0
- package/out/ui/packages/formText/init.luau +6 -0
- package/out/ui/packages/index.d.ts +2 -0
- package/out/ui/packages/init.luau +6 -0
- package/out/ui/packages/layout/components/Stack.d.ts +12 -0
- package/out/ui/packages/layout/components/Stack.luau +49 -0
- package/out/ui/packages/layout/components/Stack.styles.d.ts +8 -0
- package/out/ui/packages/layout/components/Stack.styles.luau +72 -0
- package/out/ui/packages/layout/components/stackAlign.d.ts +8 -0
- package/out/ui/packages/layout/components/stackAlign.luau +29 -0
- package/out/ui/packages/layout/index.d.ts +3 -0
- package/out/ui/packages/layout/init.luau +1 -0
- package/out/ui/packages/menu/components/Menu.d.ts +3 -0
- package/out/ui/packages/menu/components/Menu.luau +48 -23
- package/out/ui/packages/menu/components/Menu.styles.luau +5 -1
- package/out/ui/packages/select/components/Select.d.ts +5 -0
- package/out/ui/packages/select/components/Select.luau +48 -24
- package/out/ui/packages/select/components/Select.styles.luau +1 -1
- package/out/ui/packages/speedDial/components/SpeedDial.d.ts +17 -0
- package/out/ui/packages/speedDial/components/SpeedDial.luau +92 -0
- package/out/ui/packages/speedDial/components/SpeedDial.styles.d.ts +2 -0
- package/out/ui/packages/speedDial/components/SpeedDial.styles.luau +26 -0
- package/out/ui/packages/speedDial/index.d.ts +2 -0
- package/out/ui/packages/speedDial/init.luau +5 -0
- package/out/ui/packages/stateMatrix.luau +193 -75
- package/out/ui/packages/virtualList/components/EmptyListHint.d.ts +6 -0
- package/out/ui/packages/virtualList/components/EmptyListHint.luau +32 -0
- package/out/ui/packages/virtualList/components/EmptyListHint.styles.d.ts +5 -0
- package/out/ui/packages/virtualList/components/EmptyListHint.styles.luau +26 -0
- package/out/ui/packages/virtualList/index.d.ts +2 -0
- package/out/ui/packages/virtualList/init.luau +1 -0
- package/package.json +2 -2
|
@@ -883,130 +883,147 @@ local function compositeRows()
|
|
|
883
883
|
local _Length_16 = #_array_17
|
|
884
884
|
table.move(_array_17, 1, _Length_16, _length + 1, _array)
|
|
885
885
|
_length += _Length_16
|
|
886
|
-
local _array_18 = pair("
|
|
887
|
-
value = "
|
|
888
|
-
options = {
|
|
886
|
+
local _array_18 = pair("Select", "empty", {
|
|
887
|
+
value = "",
|
|
888
|
+
options = {},
|
|
889
|
+
open = true,
|
|
889
890
|
})
|
|
890
891
|
local _Length_17 = #_array_18
|
|
891
892
|
table.move(_array_18, 1, _Length_17, _length + 1, _array)
|
|
892
893
|
_length += _Length_17
|
|
893
|
-
local _array_19 = pair("
|
|
894
|
+
local _array_19 = pair("Select", "no-results", {
|
|
894
895
|
value = "Continue",
|
|
895
|
-
options = { "Continue", "
|
|
896
|
-
|
|
896
|
+
options = { "Continue", "Other" },
|
|
897
|
+
open = true,
|
|
898
|
+
filter = "zzz",
|
|
897
899
|
})
|
|
898
900
|
local _Length_18 = #_array_19
|
|
899
901
|
table.move(_array_19, 1, _Length_18, _length + 1, _array)
|
|
900
902
|
_length += _Length_18
|
|
901
|
-
local _array_20 = pair("Tabs", "
|
|
903
|
+
local _array_20 = pair("Tabs", "default", {
|
|
902
904
|
value = "Continue",
|
|
903
905
|
options = { "Continue", "Docs", "Actions" },
|
|
904
|
-
pointer = "hover",
|
|
905
906
|
})
|
|
906
907
|
local _Length_19 = #_array_20
|
|
907
908
|
table.move(_array_20, 1, _Length_19, _length + 1, _array)
|
|
908
909
|
_length += _Length_19
|
|
909
|
-
local _array_21 = pair("Tabs", "
|
|
910
|
-
value =
|
|
911
|
-
options = {
|
|
912
|
-
|
|
913
|
-
width = NARROW,
|
|
910
|
+
local _array_21 = pair("Tabs", "disabled", {
|
|
911
|
+
value = "Continue",
|
|
912
|
+
options = { "Continue", "Docs", "Actions" },
|
|
913
|
+
disabled = true,
|
|
914
914
|
})
|
|
915
915
|
local _Length_20 = #_array_21
|
|
916
916
|
table.move(_array_21, 1, _Length_20, _length + 1, _array)
|
|
917
917
|
_length += _Length_20
|
|
918
|
-
local _array_22 = pair("
|
|
919
|
-
value =
|
|
918
|
+
local _array_22 = pair("Tabs", "hover", {
|
|
919
|
+
value = "Continue",
|
|
920
|
+
options = { "Continue", "Docs", "Actions" },
|
|
921
|
+
pointer = "hover",
|
|
920
922
|
})
|
|
921
923
|
local _Length_21 = #_array_22
|
|
922
924
|
table.move(_array_22, 1, _Length_21, _length + 1, _array)
|
|
923
925
|
_length += _Length_21
|
|
924
|
-
local _array_23 = pair("
|
|
925
|
-
value =
|
|
926
|
-
|
|
926
|
+
local _array_23 = pair("Tabs", "long", {
|
|
927
|
+
value = LONG,
|
|
928
|
+
options = { LONG, "Docs", "Actions", "Source", "Settings" },
|
|
929
|
+
text = LONG,
|
|
930
|
+
width = NARROW,
|
|
927
931
|
})
|
|
928
932
|
local _Length_22 = #_array_23
|
|
929
933
|
table.move(_array_23, 1, _Length_22, _length + 1, _array)
|
|
930
934
|
_length += _Length_22
|
|
931
|
-
local _array_24 = pair("SplitPane", "
|
|
935
|
+
local _array_24 = pair("SplitPane", "default", {
|
|
932
936
|
value = 160,
|
|
933
|
-
pointer = "hover",
|
|
934
937
|
})
|
|
935
938
|
local _Length_23 = #_array_24
|
|
936
939
|
table.move(_array_24, 1, _Length_23, _length + 1, _array)
|
|
937
940
|
_length += _Length_23
|
|
938
|
-
local _array_25 = pair("SplitPane", "
|
|
941
|
+
local _array_25 = pair("SplitPane", "disabled", {
|
|
939
942
|
value = 160,
|
|
940
|
-
|
|
943
|
+
disabled = true,
|
|
941
944
|
})
|
|
942
945
|
local _Length_24 = #_array_25
|
|
943
946
|
table.move(_array_25, 1, _Length_24, _length + 1, _array)
|
|
944
947
|
_length += _Length_24
|
|
945
|
-
local _array_26 = pair("SplitPane", "
|
|
946
|
-
value =
|
|
947
|
-
|
|
948
|
-
width = NARROW,
|
|
948
|
+
local _array_26 = pair("SplitPane", "hover", {
|
|
949
|
+
value = 160,
|
|
950
|
+
pointer = "hover",
|
|
949
951
|
})
|
|
950
952
|
local _Length_25 = #_array_26
|
|
951
953
|
table.move(_array_26, 1, _Length_25, _length + 1, _array)
|
|
952
954
|
_length += _Length_25
|
|
953
|
-
local _array_27 = pair("
|
|
955
|
+
local _array_27 = pair("SplitPane", "drag", {
|
|
956
|
+
value = 160,
|
|
957
|
+
pointer = "press",
|
|
958
|
+
})
|
|
954
959
|
local _Length_26 = #_array_27
|
|
955
960
|
table.move(_array_27, 1, _Length_26, _length + 1, _array)
|
|
956
961
|
_length += _Length_26
|
|
957
|
-
local _array_28 = pair("
|
|
958
|
-
|
|
962
|
+
local _array_28 = pair("SplitPane", "long", {
|
|
963
|
+
value = 80,
|
|
964
|
+
text = LONG,
|
|
965
|
+
width = NARROW,
|
|
959
966
|
})
|
|
960
967
|
local _Length_27 = #_array_28
|
|
961
968
|
table.move(_array_28, 1, _Length_27, _length + 1, _array)
|
|
962
969
|
_length += _Length_27
|
|
963
|
-
local _array_29 = pair("Tooltip", "
|
|
964
|
-
text = LONG,
|
|
965
|
-
width = NARROW,
|
|
966
|
-
pointer = "hover",
|
|
967
|
-
})
|
|
970
|
+
local _array_29 = pair("Tooltip", "hidden")
|
|
968
971
|
local _Length_28 = #_array_29
|
|
969
972
|
table.move(_array_29, 1, _Length_28, _length + 1, _array)
|
|
970
973
|
_length += _Length_28
|
|
971
|
-
local _array_30 = pair("
|
|
972
|
-
|
|
974
|
+
local _array_30 = pair("Tooltip", "shown", {
|
|
975
|
+
pointer = "hover",
|
|
973
976
|
})
|
|
974
977
|
local _Length_29 = #_array_30
|
|
975
978
|
table.move(_array_30, 1, _Length_29, _length + 1, _array)
|
|
976
979
|
_length += _Length_29
|
|
977
|
-
local _array_31 = pair("
|
|
978
|
-
|
|
980
|
+
local _array_31 = pair("Tooltip", "long", {
|
|
981
|
+
text = LONG,
|
|
982
|
+
width = NARROW,
|
|
979
983
|
pointer = "hover",
|
|
980
984
|
})
|
|
981
985
|
local _Length_30 = #_array_31
|
|
982
986
|
table.move(_array_31, 1, _Length_30, _length + 1, _array)
|
|
983
987
|
_length += _Length_30
|
|
984
|
-
local _array_32 = pair("TreeView", "
|
|
988
|
+
local _array_32 = pair("TreeView", "default", {
|
|
985
989
|
selected = "Fixture/Styled",
|
|
986
|
-
filter = "sty",
|
|
987
990
|
})
|
|
988
991
|
local _Length_31 = #_array_32
|
|
989
992
|
table.move(_array_32, 1, _Length_31, _length + 1, _array)
|
|
990
993
|
_length += _Length_31
|
|
991
|
-
local _array_33 = pair("TreeView", "
|
|
992
|
-
selected =
|
|
993
|
-
|
|
994
|
-
width = NARROW,
|
|
994
|
+
local _array_33 = pair("TreeView", "hover", {
|
|
995
|
+
selected = "Fixture/Styled",
|
|
996
|
+
pointer = "hover",
|
|
995
997
|
})
|
|
996
998
|
local _Length_32 = #_array_33
|
|
997
999
|
table.move(_array_33, 1, _Length_32, _length + 1, _array)
|
|
998
1000
|
_length += _Length_32
|
|
999
|
-
local _array_34 = pair("
|
|
1000
|
-
|
|
1001
|
+
local _array_34 = pair("TreeView", "filter", {
|
|
1002
|
+
selected = "Fixture/Styled",
|
|
1003
|
+
filter = "sty",
|
|
1001
1004
|
})
|
|
1002
1005
|
local _Length_33 = #_array_34
|
|
1003
1006
|
table.move(_array_34, 1, _Length_33, _length + 1, _array)
|
|
1004
1007
|
_length += _Length_33
|
|
1005
|
-
local _array_35 = pair("
|
|
1008
|
+
local _array_35 = pair("TreeView", "long", {
|
|
1009
|
+
selected = `Fixture/{LONG}`,
|
|
1010
|
+
text = LONG,
|
|
1011
|
+
width = NARROW,
|
|
1012
|
+
})
|
|
1013
|
+
local _Length_34 = #_array_35
|
|
1014
|
+
table.move(_array_35, 1, _Length_34, _length + 1, _array)
|
|
1015
|
+
_length += _Length_34
|
|
1016
|
+
local _array_36 = pair("IconButton", "loading", {
|
|
1017
|
+
loading = true,
|
|
1018
|
+
})
|
|
1019
|
+
local _Length_35 = #_array_36
|
|
1020
|
+
table.move(_array_36, 1, _Length_35, _length + 1, _array)
|
|
1021
|
+
_length += _Length_35
|
|
1022
|
+
local _array_37 = pair("IconButton", "loading-disabled", {
|
|
1006
1023
|
loading = true,
|
|
1007
1024
|
disabled = true,
|
|
1008
1025
|
})
|
|
1009
|
-
table.move(
|
|
1026
|
+
table.move(_array_37, 1, #_array_37, _length + 1, _array)
|
|
1010
1027
|
return _array
|
|
1011
1028
|
end
|
|
1012
1029
|
local function surfacesRows()
|
|
@@ -1219,16 +1236,22 @@ local function surfacesRows()
|
|
|
1219
1236
|
local _Length_32 = #_array_33
|
|
1220
1237
|
table.move(_array_33, 1, _Length_32, _length + 1, _array)
|
|
1221
1238
|
_length += _Length_32
|
|
1222
|
-
local _array_34 = pair("
|
|
1223
|
-
|
|
1239
|
+
local _array_34 = pair("Chip", "deletable", {
|
|
1240
|
+
text = "Tag",
|
|
1224
1241
|
})
|
|
1225
1242
|
local _Length_33 = #_array_34
|
|
1226
1243
|
table.move(_array_34, 1, _Length_33, _length + 1, _array)
|
|
1227
1244
|
_length += _Length_33
|
|
1228
|
-
local _array_35 = pair("Badge", "
|
|
1245
|
+
local _array_35 = pair("Badge", "count", {
|
|
1246
|
+
value = 3,
|
|
1247
|
+
})
|
|
1248
|
+
local _Length_34 = #_array_35
|
|
1249
|
+
table.move(_array_35, 1, _Length_34, _length + 1, _array)
|
|
1250
|
+
_length += _Length_34
|
|
1251
|
+
local _array_36 = pair("Badge", "max", {
|
|
1229
1252
|
value = 100,
|
|
1230
1253
|
})
|
|
1231
|
-
table.move(
|
|
1254
|
+
table.move(_array_36, 1, #_array_36, _length + 1, _array)
|
|
1232
1255
|
return _array
|
|
1233
1256
|
end
|
|
1234
1257
|
local function chromeRows()
|
|
@@ -1401,59 +1424,76 @@ local function chromeRows()
|
|
|
1401
1424
|
local _Length_25 = #_array_26
|
|
1402
1425
|
table.move(_array_26, 1, _Length_25, _length + 1, _array)
|
|
1403
1426
|
_length += _Length_25
|
|
1404
|
-
local _array_27 = pair("
|
|
1427
|
+
local _array_27 = pair("Autocomplete", "empty", {
|
|
1428
|
+
value = "",
|
|
1429
|
+
options = {},
|
|
1430
|
+
open = true,
|
|
1431
|
+
})
|
|
1405
1432
|
local _Length_26 = #_array_27
|
|
1406
1433
|
table.move(_array_27, 1, _Length_26, _length + 1, _array)
|
|
1407
1434
|
_length += _Length_26
|
|
1408
|
-
local _array_28 = pair("
|
|
1409
|
-
|
|
1435
|
+
local _array_28 = pair("Autocomplete", "no-results", {
|
|
1436
|
+
value = "Continue",
|
|
1437
|
+
options = { "Continue", "Other" },
|
|
1438
|
+
open = true,
|
|
1439
|
+
filter = "zzz",
|
|
1410
1440
|
})
|
|
1411
1441
|
local _Length_27 = #_array_28
|
|
1412
1442
|
table.move(_array_28, 1, _Length_27, _length + 1, _array)
|
|
1413
1443
|
_length += _Length_27
|
|
1414
|
-
local _array_29 = pair("Fab", "
|
|
1415
|
-
size = "large",
|
|
1416
|
-
})
|
|
1444
|
+
local _array_29 = pair("Fab", "default")
|
|
1417
1445
|
local _Length_28 = #_array_29
|
|
1418
1446
|
table.move(_array_29, 1, _Length_28, _length + 1, _array)
|
|
1419
1447
|
_length += _Length_28
|
|
1420
|
-
local _array_30 = pair("Fab", "
|
|
1421
|
-
|
|
1448
|
+
local _array_30 = pair("Fab", "small", {
|
|
1449
|
+
size = "small",
|
|
1422
1450
|
})
|
|
1423
1451
|
local _Length_29 = #_array_30
|
|
1424
1452
|
table.move(_array_30, 1, _Length_29, _length + 1, _array)
|
|
1425
1453
|
_length += _Length_29
|
|
1426
|
-
local _array_31 = pair("Fab", "
|
|
1427
|
-
|
|
1454
|
+
local _array_31 = pair("Fab", "large", {
|
|
1455
|
+
size = "large",
|
|
1428
1456
|
})
|
|
1429
1457
|
local _Length_30 = #_array_31
|
|
1430
1458
|
table.move(_array_31, 1, _Length_30, _length + 1, _array)
|
|
1431
1459
|
_length += _Length_30
|
|
1432
|
-
local _array_32 = pair("
|
|
1433
|
-
|
|
1460
|
+
local _array_32 = pair("Fab", "disabled", {
|
|
1461
|
+
disabled = true,
|
|
1434
1462
|
})
|
|
1435
1463
|
local _Length_31 = #_array_32
|
|
1436
1464
|
table.move(_array_32, 1, _Length_31, _length + 1, _array)
|
|
1437
1465
|
_length += _Length_31
|
|
1438
|
-
local _array_33 = pair("
|
|
1439
|
-
|
|
1440
|
-
variant = "flat",
|
|
1466
|
+
local _array_33 = pair("Fab", "loading", {
|
|
1467
|
+
loading = true,
|
|
1441
1468
|
})
|
|
1442
1469
|
local _Length_32 = #_array_33
|
|
1443
1470
|
table.move(_array_33, 1, _Length_32, _length + 1, _array)
|
|
1444
1471
|
_length += _Length_32
|
|
1445
|
-
local _array_34 = pair("AppBar", "
|
|
1472
|
+
local _array_34 = pair("AppBar", "default", {
|
|
1446
1473
|
text = "Storyblox",
|
|
1447
|
-
variant = "raised",
|
|
1448
1474
|
})
|
|
1449
1475
|
local _Length_33 = #_array_34
|
|
1450
1476
|
table.move(_array_34, 1, _Length_33, _length + 1, _array)
|
|
1451
1477
|
_length += _Length_33
|
|
1452
|
-
local _array_35 = pair("
|
|
1478
|
+
local _array_35 = pair("AppBar", "flat", {
|
|
1479
|
+
text = "Storyblox",
|
|
1480
|
+
variant = "flat",
|
|
1481
|
+
})
|
|
1482
|
+
local _Length_34 = #_array_35
|
|
1483
|
+
table.move(_array_35, 1, _Length_34, _length + 1, _array)
|
|
1484
|
+
_length += _Length_34
|
|
1485
|
+
local _array_36 = pair("AppBar", "raised", {
|
|
1486
|
+
text = "Storyblox",
|
|
1487
|
+
variant = "raised",
|
|
1488
|
+
})
|
|
1489
|
+
local _Length_35 = #_array_36
|
|
1490
|
+
table.move(_array_36, 1, _Length_35, _length + 1, _array)
|
|
1491
|
+
_length += _Length_35
|
|
1492
|
+
local _array_37 = pair("BottomNavigation", "default", {
|
|
1453
1493
|
value = "Home",
|
|
1454
1494
|
options = { "Home", "Search", "Profile" },
|
|
1455
1495
|
})
|
|
1456
|
-
table.move(
|
|
1496
|
+
table.move(_array_37, 1, #_array_37, _length + 1, _array)
|
|
1457
1497
|
return _array
|
|
1458
1498
|
end
|
|
1459
1499
|
local function miscRows()
|
|
@@ -1579,16 +1619,94 @@ local function miscRows()
|
|
|
1579
1619
|
local _Length_17 = #_array_18
|
|
1580
1620
|
table.move(_array_18, 1, _Length_17, _length + 1, _array)
|
|
1581
1621
|
_length += _Length_17
|
|
1582
|
-
local _array_19 = pair("
|
|
1583
|
-
|
|
1622
|
+
local _array_19 = pair("Stack", "column", {
|
|
1623
|
+
variant = "column",
|
|
1584
1624
|
})
|
|
1585
1625
|
local _Length_18 = #_array_19
|
|
1586
1626
|
table.move(_array_19, 1, _Length_18, _length + 1, _array)
|
|
1587
1627
|
_length += _Length_18
|
|
1588
|
-
local _array_20 = pair("
|
|
1628
|
+
local _array_20 = pair("Stack", "row", {
|
|
1629
|
+
variant = "row",
|
|
1630
|
+
})
|
|
1631
|
+
local _Length_19 = #_array_20
|
|
1632
|
+
table.move(_array_20, 1, _Length_19, _length + 1, _array)
|
|
1633
|
+
_length += _Length_19
|
|
1634
|
+
local _array_21 = pair("Stack", "spaced", {
|
|
1635
|
+
variant = "column",
|
|
1636
|
+
size = "large",
|
|
1637
|
+
})
|
|
1638
|
+
local _Length_20 = #_array_21
|
|
1639
|
+
table.move(_array_21, 1, _Length_20, _length + 1, _array)
|
|
1640
|
+
_length += _Length_20
|
|
1641
|
+
local _array_22 = pair("SpeedDial", "closed", {
|
|
1642
|
+
open = false,
|
|
1643
|
+
})
|
|
1644
|
+
local _Length_21 = #_array_22
|
|
1645
|
+
table.move(_array_22, 1, _Length_21, _length + 1, _array)
|
|
1646
|
+
_length += _Length_21
|
|
1647
|
+
local _array_23 = pair("SpeedDial", "open", {
|
|
1648
|
+
open = true,
|
|
1649
|
+
})
|
|
1650
|
+
local _Length_22 = #_array_23
|
|
1651
|
+
table.move(_array_23, 1, _Length_22, _length + 1, _array)
|
|
1652
|
+
_length += _Length_22
|
|
1653
|
+
local _array_24 = pair("SpeedDial", "disabled", {
|
|
1654
|
+
open = false,
|
|
1655
|
+
disabled = true,
|
|
1656
|
+
})
|
|
1657
|
+
local _Length_23 = #_array_24
|
|
1658
|
+
table.move(_array_24, 1, _Length_23, _length + 1, _array)
|
|
1659
|
+
_length += _Length_23
|
|
1660
|
+
local _array_25 = pair("FormLabel", "default", {
|
|
1661
|
+
text = "Email",
|
|
1662
|
+
})
|
|
1663
|
+
local _Length_24 = #_array_25
|
|
1664
|
+
table.move(_array_25, 1, _Length_24, _length + 1, _array)
|
|
1665
|
+
_length += _Length_24
|
|
1666
|
+
local _array_26 = pair("FormLabel", "required", {
|
|
1667
|
+
text = "Email",
|
|
1668
|
+
value = true,
|
|
1669
|
+
})
|
|
1670
|
+
local _Length_25 = #_array_26
|
|
1671
|
+
table.move(_array_26, 1, _Length_25, _length + 1, _array)
|
|
1672
|
+
_length += _Length_25
|
|
1673
|
+
local _array_27 = pair("FormLabel", "error", {
|
|
1674
|
+
text = "Email",
|
|
1675
|
+
hasError = true,
|
|
1676
|
+
})
|
|
1677
|
+
local _Length_26 = #_array_27
|
|
1678
|
+
table.move(_array_27, 1, _Length_26, _length + 1, _array)
|
|
1679
|
+
_length += _Length_26
|
|
1680
|
+
local _array_28 = pair("FormHelperText", "default", {
|
|
1681
|
+
text = "We never share this",
|
|
1682
|
+
})
|
|
1683
|
+
local _Length_27 = #_array_28
|
|
1684
|
+
table.move(_array_28, 1, _Length_27, _length + 1, _array)
|
|
1685
|
+
_length += _Length_27
|
|
1686
|
+
local _array_29 = pair("FormHelperText", "error", {
|
|
1687
|
+
text = "Required",
|
|
1688
|
+
hasError = true,
|
|
1689
|
+
})
|
|
1690
|
+
local _Length_28 = #_array_29
|
|
1691
|
+
table.move(_array_29, 1, _Length_28, _length + 1, _array)
|
|
1692
|
+
_length += _Length_28
|
|
1693
|
+
local _array_30 = pair("Menu", "closed", {
|
|
1694
|
+
open = false,
|
|
1695
|
+
})
|
|
1696
|
+
local _Length_29 = #_array_30
|
|
1697
|
+
table.move(_array_30, 1, _Length_29, _length + 1, _array)
|
|
1698
|
+
_length += _Length_29
|
|
1699
|
+
local _array_31 = pair("Menu", "open", {
|
|
1700
|
+
open = true,
|
|
1701
|
+
})
|
|
1702
|
+
local _Length_30 = #_array_31
|
|
1703
|
+
table.move(_array_31, 1, _Length_30, _length + 1, _array)
|
|
1704
|
+
_length += _Length_30
|
|
1705
|
+
local _array_32 = pair("Menu", "empty", {
|
|
1589
1706
|
open = true,
|
|
1707
|
+
options = {},
|
|
1590
1708
|
})
|
|
1591
|
-
table.move(
|
|
1709
|
+
table.move(_array_32, 1, #_array_32, _length + 1, _array)
|
|
1592
1710
|
return _array
|
|
1593
1711
|
end
|
|
1594
1712
|
local function concatRows(...)
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
|
|
4
|
+
local useTheme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme").useTheme
|
|
5
|
+
local useEmptyListHintStyles = TS.import(script, script.Parent, "EmptyListHint.styles").default
|
|
6
|
+
local function EmptyListHint(props)
|
|
7
|
+
local _binding = props
|
|
8
|
+
local text = _binding.text
|
|
9
|
+
local height = _binding.height
|
|
10
|
+
local _binding_1 = useTheme()
|
|
11
|
+
local theme = _binding_1.theme
|
|
12
|
+
local _object = {}
|
|
13
|
+
local _left = "height"
|
|
14
|
+
local _condition = height
|
|
15
|
+
if _condition == nil then
|
|
16
|
+
_condition = theme.spacing.calc(4)
|
|
17
|
+
end
|
|
18
|
+
_object[_left] = _condition
|
|
19
|
+
local styles = useEmptyListHintStyles(_object)
|
|
20
|
+
local _attributes = {
|
|
21
|
+
key = "EmptyListHint",
|
|
22
|
+
}
|
|
23
|
+
for _k, _v in styles.root do
|
|
24
|
+
_attributes[_k] = _v
|
|
25
|
+
end
|
|
26
|
+
_attributes.Text = text
|
|
27
|
+
return React.createElement("textlabel", _attributes)
|
|
28
|
+
end
|
|
29
|
+
local default = EmptyListHint
|
|
30
|
+
return {
|
|
31
|
+
default = default,
|
|
32
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
|
|
4
|
+
local createStyles = _theme.createStyles
|
|
5
|
+
local componentStyles = _theme.componentStyles
|
|
6
|
+
local useEmptyListHintStyles = componentStyles("EmptyListHint", function(theme, _param)
|
|
7
|
+
local height = _param.height
|
|
8
|
+
return createStyles({
|
|
9
|
+
root = {
|
|
10
|
+
Size = UDim2.new(1, 0, 0, height),
|
|
11
|
+
BackgroundTransparency = 1,
|
|
12
|
+
BorderSizePixel = 0,
|
|
13
|
+
TextColor3 = theme.palette.text.secondary,
|
|
14
|
+
Font = theme.typography.fontFamilies.default,
|
|
15
|
+
TextSize = theme.typography.fontSizes.body,
|
|
16
|
+
TextXAlignment = Enum.TextXAlignment.Center,
|
|
17
|
+
TextYAlignment = Enum.TextYAlignment.Center,
|
|
18
|
+
TextTruncate = Enum.TextTruncate.AtEnd,
|
|
19
|
+
ZIndex = 20002,
|
|
20
|
+
},
|
|
21
|
+
})
|
|
22
|
+
end)
|
|
23
|
+
local default = useEmptyListHintStyles
|
|
24
|
+
return {
|
|
25
|
+
default = default,
|
|
26
|
+
}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
export { default as VirtualList } from "./components/VirtualList";
|
|
2
2
|
export { VirtualListProps, VirtualListHandle, VirtualListItemState, VirtualListAlign, } from "./components/VirtualList";
|
|
3
|
+
export { default as EmptyListHint } from "./components/EmptyListHint";
|
|
4
|
+
export { EmptyListHintProps } from "./components/EmptyListHint";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rbxts/uiblox",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.5",
|
|
4
4
|
"description": "UI Library and theming for roblox-ts projects",
|
|
5
5
|
"main": "out/init.luau",
|
|
6
6
|
"packageManager": "pnpm@11.3.0",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"build": "rbxtsc",
|
|
9
9
|
"watch": "rbxtsc -w",
|
|
10
10
|
"pack:check": "node scripts/pack-check.mjs",
|
|
11
|
-
"test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-motion.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
|
|
11
|
+
"test": "node scripts/no-internal-refs.check.mjs && node scripts/import-case.check.mjs && node --experimental-strip-types scripts/theme-scope.check.mjs && node --experimental-strip-types scripts/style-types.check.mjs && node --experimental-strip-types scripts/style-cache.check.mjs && node --experimental-strip-types scripts/style-variants.check.mjs && node --experimental-strip-types scripts/component-styles.check.mjs && node --experimental-strip-types scripts/interaction-styles.check.mjs && node --experimental-strip-types scripts/resolve-style.check.mjs && node --experimental-strip-types scripts/density.check.mjs && node --experimental-strip-types scripts/styles.check.mjs && node --experimental-strip-types scripts/contrast.check.mjs && node --experimental-strip-types scripts/primitives.check.mjs && node --experimental-strip-types scripts/paper.check.mjs && node --experimental-strip-types scripts/list-item.check.mjs && node --experimental-strip-types scripts/menu.check.mjs && node --experimental-strip-types scripts/guard.check.mjs && node --experimental-strip-types scripts/breakpoints.check.mjs && node --experimental-strip-types scripts/focus-trap.check.mjs && node --experimental-strip-types scripts/select-typeahead.check.mjs && node --experimental-strip-types scripts/select-groups.check.mjs && node --experimental-strip-types scripts/select-multi.check.mjs && node --experimental-strip-types scripts/select-motion.check.mjs && node --experimental-strip-types scripts/select-polish.check.mjs && node --experimental-strip-types scripts/reduced-motion.check.mjs && node --experimental-strip-types scripts/card.check.mjs && node --experimental-strip-types scripts/chip.check.mjs && node --experimental-strip-types scripts/badge.check.mjs && node --experimental-strip-types scripts/avatar.check.mjs && node --experimental-strip-types scripts/drawer.check.mjs && node --experimental-strip-types scripts/breadcrumbs.check.mjs && node --experimental-strip-types scripts/pagination.check.mjs && node --experimental-strip-types scripts/stepper.check.mjs && node --experimental-strip-types scripts/accordion.check.mjs && node --experimental-strip-types scripts/snackbar.check.mjs && node --experimental-strip-types scripts/table.check.mjs && node --experimental-strip-types scripts/autocomplete.check.mjs && node --experimental-strip-types scripts/field-loading.check.mjs && node --experimental-strip-types scripts/fab.check.mjs && node --experimental-strip-types scripts/appbar.check.mjs && node --experimental-strip-types scripts/bottom-navigation.check.mjs && node --experimental-strip-types scripts/alert.check.mjs && node --experimental-strip-types scripts/toggle-button.check.mjs && node --experimental-strip-types scripts/link.check.mjs && node --experimental-strip-types scripts/rating.check.mjs && node --experimental-strip-types scripts/stack.check.mjs && node --experimental-strip-types scripts/speed-dial.check.mjs && node --experimental-strip-types scripts/form-text.check.mjs && node --experimental-strip-types scripts/cframe-editor.check.mjs && node --experimental-strip-types scripts/enum-picker.check.mjs && node --experimental-strip-types scripts/number-range.check.mjs && node --experimental-strip-types scripts/rect-editor.check.mjs && node --experimental-strip-types scripts/asset-field.check.mjs && node --experimental-strip-types scripts/gradient-editor.check.mjs && node --experimental-strip-types scripts/ray-editor.check.mjs && node --experimental-strip-types scripts/physical-properties.check.mjs && node --experimental-strip-types scripts/brickcolor-picker.check.mjs",
|
|
12
12
|
"prepublishOnly": "pnpm build"
|
|
13
13
|
},
|
|
14
14
|
"keywords": [
|