@lumx/react 3.20.1-alpha.35 → 3.20.1-alpha.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/index.js +13989 -95
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/utils/index.js +158 -4
- package/utils/index.js.map +1 -1
- package/_internal/00560d40.js +0 -11
- package/_internal/00560d40.js.map +0 -1
- package/_internal/00cc46ee.js +0 -60
- package/_internal/00cc46ee.js.map +0 -1
- package/_internal/0350c865.js +0 -90
- package/_internal/0350c865.js.map +0 -1
- package/_internal/063618dc.js +0 -21
- package/_internal/063618dc.js.map +0 -1
- package/_internal/07f6dc7c.js +0 -16
- package/_internal/07f6dc7c.js.map +0 -1
- package/_internal/0846b7f3.js +0 -4
- package/_internal/0846b7f3.js.map +0 -1
- package/_internal/08948b47.js +0 -109
- package/_internal/08948b47.js.map +0 -1
- package/_internal/08b0de35.js +0 -14
- package/_internal/08b0de35.js.map +0 -1
- package/_internal/094c811d.js +0 -24
- package/_internal/094c811d.js.map +0 -1
- package/_internal/09d97180.js +0 -18
- package/_internal/09d97180.js.map +0 -1
- package/_internal/0a2c57a2.js +0 -9
- package/_internal/0a2c57a2.js.map +0 -1
- package/_internal/0a7f4911.js +0 -64
- package/_internal/0a7f4911.js.map +0 -1
- package/_internal/0aa9027f.js +0 -10
- package/_internal/0aa9027f.js.map +0 -1
- package/_internal/0c58c8e2.js +0 -59
- package/_internal/0c58c8e2.js.map +0 -1
- package/_internal/0d7cc1e0.js +0 -99
- package/_internal/0d7cc1e0.js.map +0 -1
- package/_internal/0db022d6.js +0 -58
- package/_internal/0db022d6.js.map +0 -1
- package/_internal/0e16222d.js +0 -9
- package/_internal/0e16222d.js.map +0 -1
- package/_internal/0f849025.js +0 -4
- package/_internal/0f849025.js.map +0 -1
- package/_internal/0fe87dc7.js +0 -72
- package/_internal/0fe87dc7.js.map +0 -1
- package/_internal/1060c47e.js +0 -4
- package/_internal/1060c47e.js.map +0 -1
- package/_internal/111e65e5.js +0 -9
- package/_internal/111e65e5.js.map +0 -1
- package/_internal/11687649.js +0 -18
- package/_internal/11687649.js.map +0 -1
- package/_internal/14390eeb.js +0 -7
- package/_internal/14390eeb.js.map +0 -1
- package/_internal/145228a7.js +0 -47
- package/_internal/145228a7.js.map +0 -1
- package/_internal/15fb66ce.js +0 -154
- package/_internal/15fb66ce.js.map +0 -1
- package/_internal/160cf9fe.js +0 -24
- package/_internal/160cf9fe.js.map +0 -1
- package/_internal/1616343a.js +0 -37
- package/_internal/1616343a.js.map +0 -1
- package/_internal/162672de.js +0 -51
- package/_internal/162672de.js.map +0 -1
- package/_internal/168f211f.js +0 -17
- package/_internal/168f211f.js.map +0 -1
- package/_internal/16f5497d.js +0 -20
- package/_internal/16f5497d.js.map +0 -1
- package/_internal/179a2989.js +0 -129
- package/_internal/179a2989.js.map +0 -1
- package/_internal/185778b8.js +0 -4
- package/_internal/185778b8.js.map +0 -1
- package/_internal/1afd2506.js +0 -60
- package/_internal/1afd2506.js.map +0 -1
- package/_internal/1c1cdfa2.js +0 -159
- package/_internal/1c1cdfa2.js.map +0 -1
- package/_internal/1c3b349b.js +0 -4
- package/_internal/1c3b349b.js.map +0 -1
- package/_internal/1d7267a1.js +0 -173
- package/_internal/1d7267a1.js.map +0 -1
- package/_internal/1df25415.js +0 -53
- package/_internal/1df25415.js.map +0 -1
- package/_internal/1ee5415f.js +0 -27
- package/_internal/1ee5415f.js.map +0 -1
- package/_internal/1ff933af.js +0 -5
- package/_internal/1ff933af.js.map +0 -1
- package/_internal/200c2ce1.js +0 -17
- package/_internal/200c2ce1.js.map +0 -1
- package/_internal/203b01d8.js +0 -88
- package/_internal/203b01d8.js.map +0 -1
- package/_internal/2040beb8.js +0 -169
- package/_internal/2040beb8.js.map +0 -1
- package/_internal/20f07616.js +0 -14
- package/_internal/20f07616.js.map +0 -1
- package/_internal/215781b4.js +0 -6
- package/_internal/215781b4.js.map +0 -1
- package/_internal/226a2eac.js +0 -96
- package/_internal/226a2eac.js.map +0 -1
- package/_internal/2291b633.js +0 -52
- package/_internal/2291b633.js.map +0 -1
- package/_internal/2403668c.js +0 -75
- package/_internal/2403668c.js.map +0 -1
- package/_internal/24b48881.js +0 -133
- package/_internal/24b48881.js.map +0 -1
- package/_internal/2517d1d6.js +0 -9
- package/_internal/2517d1d6.js.map +0 -1
- package/_internal/256f8eff.js +0 -4
- package/_internal/256f8eff.js.map +0 -1
- package/_internal/26a92990.js +0 -60
- package/_internal/26a92990.js.map +0 -1
- package/_internal/27a93417.js +0 -223
- package/_internal/27a93417.js.map +0 -1
- package/_internal/27df0cb6.js +0 -30
- package/_internal/27df0cb6.js.map +0 -1
- package/_internal/28f344bd.js +0 -52
- package/_internal/28f344bd.js.map +0 -1
- package/_internal/2c5a950d.js +0 -55
- package/_internal/2c5a950d.js.map +0 -1
- package/_internal/2cdd9ec6.js +0 -16
- package/_internal/2cdd9ec6.js.map +0 -1
- package/_internal/2cfeae78.js +0 -150
- package/_internal/2cfeae78.js.map +0 -1
- package/_internal/2d1acaa0.js +0 -108
- package/_internal/2d1acaa0.js.map +0 -1
- package/_internal/2d69d0f5.js +0 -4
- package/_internal/2d69d0f5.js.map +0 -1
- package/_internal/2dcfa1df.js +0 -18
- package/_internal/2dcfa1df.js.map +0 -1
- package/_internal/2dff9a38.js +0 -150
- package/_internal/2dff9a38.js.map +0 -1
- package/_internal/2e5288d0.js +0 -15
- package/_internal/2e5288d0.js.map +0 -1
- package/_internal/2fc47dc4.js +0 -133
- package/_internal/2fc47dc4.js.map +0 -1
- package/_internal/30ecdee3.js +0 -9
- package/_internal/30ecdee3.js.map +0 -1
- package/_internal/3119c1fe.js +0 -61
- package/_internal/3119c1fe.js.map +0 -1
- package/_internal/31b6784b.js +0 -14
- package/_internal/31b6784b.js.map +0 -1
- package/_internal/341034b4.js +0 -48
- package/_internal/341034b4.js.map +0 -1
- package/_internal/341ceaa9.js +0 -4
- package/_internal/341ceaa9.js.map +0 -1
- package/_internal/355f875f.js +0 -9
- package/_internal/355f875f.js.map +0 -1
- package/_internal/36008a95.js +0 -130
- package/_internal/36008a95.js.map +0 -1
- package/_internal/378a6fb1.js +0 -126
- package/_internal/378a6fb1.js.map +0 -1
- package/_internal/37f5ba95.js +0 -12
- package/_internal/37f5ba95.js.map +0 -1
- package/_internal/38ac8c66.js +0 -33
- package/_internal/38ac8c66.js.map +0 -1
- package/_internal/38ce97de.js +0 -29
- package/_internal/38ce97de.js.map +0 -1
- package/_internal/39534d28.js +0 -30
- package/_internal/39534d28.js.map +0 -1
- package/_internal/3996d544.js +0 -75
- package/_internal/3996d544.js.map +0 -1
- package/_internal/3a7fd4bf.js +0 -60
- package/_internal/3a7fd4bf.js.map +0 -1
- package/_internal/3cfcb0a4.js +0 -122
- package/_internal/3cfcb0a4.js.map +0 -1
- package/_internal/3d5e1fd0.js +0 -46
- package/_internal/3d5e1fd0.js.map +0 -1
- package/_internal/3db5a3e4.js +0 -258
- package/_internal/3db5a3e4.js.map +0 -1
- package/_internal/3e2f0517.js +0 -12
- package/_internal/3e2f0517.js.map +0 -1
- package/_internal/3eba1faf.js +0 -87
- package/_internal/3eba1faf.js.map +0 -1
- package/_internal/3f48eb48.js +0 -73
- package/_internal/3f48eb48.js.map +0 -1
- package/_internal/3f51175c.js +0 -61
- package/_internal/3f51175c.js.map +0 -1
- package/_internal/3f54fe9e.js +0 -4
- package/_internal/3f54fe9e.js.map +0 -1
- package/_internal/41a8b20f.js +0 -362
- package/_internal/41a8b20f.js.map +0 -1
- package/_internal/42b26576.js +0 -4
- package/_internal/42b26576.js.map +0 -1
- package/_internal/45ef51db.js +0 -29
- package/_internal/45ef51db.js.map +0 -1
- package/_internal/48148353.js +0 -100
- package/_internal/48148353.js.map +0 -1
- package/_internal/4bb19934.js +0 -4
- package/_internal/4bb19934.js.map +0 -1
- package/_internal/4c471276.js +0 -75
- package/_internal/4c471276.js.map +0 -1
- package/_internal/4c891480.js +0 -111
- package/_internal/4c891480.js.map +0 -1
- package/_internal/4d540596.js +0 -131
- package/_internal/4d540596.js.map +0 -1
- package/_internal/4d751800.js +0 -40
- package/_internal/4d751800.js.map +0 -1
- package/_internal/4f71fd36.js +0 -4
- package/_internal/4f71fd36.js.map +0 -1
- package/_internal/507d9459.js +0 -67
- package/_internal/507d9459.js.map +0 -1
- package/_internal/5178b7ba.js +0 -10
- package/_internal/5178b7ba.js.map +0 -1
- package/_internal/51921a16.js +0 -30
- package/_internal/51921a16.js.map +0 -1
- package/_internal/535aa51f.js +0 -44
- package/_internal/535aa51f.js.map +0 -1
- package/_internal/536517c5.js +0 -29
- package/_internal/536517c5.js.map +0 -1
- package/_internal/53b8dea1.js +0 -48
- package/_internal/53b8dea1.js.map +0 -1
- package/_internal/5745f198.js +0 -12
- package/_internal/5745f198.js.map +0 -1
- package/_internal/57f2079b.js +0 -10
- package/_internal/57f2079b.js.map +0 -1
- package/_internal/58418448.js +0 -41
- package/_internal/58418448.js.map +0 -1
- package/_internal/595d0e66.js +0 -103
- package/_internal/595d0e66.js.map +0 -1
- package/_internal/5a0207d9.js +0 -77
- package/_internal/5a0207d9.js.map +0 -1
- package/_internal/5a6b1aa5.js +0 -139
- package/_internal/5a6b1aa5.js.map +0 -1
- package/_internal/5c3e15ea.js +0 -107
- package/_internal/5c3e15ea.js.map +0 -1
- package/_internal/5c4e10a0.js +0 -156
- package/_internal/5c4e10a0.js.map +0 -1
- package/_internal/5da9ff06.js +0 -47
- package/_internal/5da9ff06.js.map +0 -1
- package/_internal/60139f6a.js +0 -9
- package/_internal/60139f6a.js.map +0 -1
- package/_internal/612b7365.js +0 -231
- package/_internal/612b7365.js.map +0 -1
- package/_internal/612f6fb4.js +0 -155
- package/_internal/612f6fb4.js.map +0 -1
- package/_internal/617d453e.js +0 -28
- package/_internal/617d453e.js.map +0 -1
- package/_internal/62c6c615.js +0 -280
- package/_internal/62c6c615.js.map +0 -1
- package/_internal/6417ddb1.js +0 -24
- package/_internal/6417ddb1.js.map +0 -1
- package/_internal/658e09de.js +0 -7
- package/_internal/658e09de.js.map +0 -1
- package/_internal/659a1cdd.js +0 -144
- package/_internal/659a1cdd.js.map +0 -1
- package/_internal/6671d28b.js +0 -40
- package/_internal/6671d28b.js.map +0 -1
- package/_internal/66950686.js +0 -14
- package/_internal/66950686.js.map +0 -1
- package/_internal/671b986c.js +0 -14
- package/_internal/671b986c.js.map +0 -1
- package/_internal/6893b89e.js +0 -124
- package/_internal/6893b89e.js.map +0 -1
- package/_internal/68f13c1c.js +0 -4
- package/_internal/68f13c1c.js.map +0 -1
- package/_internal/69eb2393.js +0 -73
- package/_internal/69eb2393.js.map +0 -1
- package/_internal/6af61e2f.js +0 -24
- package/_internal/6af61e2f.js.map +0 -1
- package/_internal/6b510f5e.js +0 -142
- package/_internal/6b510f5e.js.map +0 -1
- package/_internal/6b61b268.js +0 -9
- package/_internal/6b61b268.js.map +0 -1
- package/_internal/6f0ce1bb.js +0 -67
- package/_internal/6f0ce1bb.js.map +0 -1
- package/_internal/6f17bf65.js +0 -8
- package/_internal/6f17bf65.js.map +0 -1
- package/_internal/6f37d603.js +0 -4
- package/_internal/6f37d603.js.map +0 -1
- package/_internal/6f3bb7d6.js +0 -16
- package/_internal/6f3bb7d6.js.map +0 -1
- package/_internal/705f415e.js +0 -67
- package/_internal/705f415e.js.map +0 -1
- package/_internal/722ea461.js +0 -9
- package/_internal/722ea461.js.map +0 -1
- package/_internal/728684f6.js +0 -6
- package/_internal/728684f6.js.map +0 -1
- package/_internal/730f75dc.js +0 -93
- package/_internal/730f75dc.js.map +0 -1
- package/_internal/735bcfa5.js +0 -38
- package/_internal/735bcfa5.js.map +0 -1
- package/_internal/739f2f15.js +0 -61
- package/_internal/739f2f15.js.map +0 -1
- package/_internal/7531ee4d.js +0 -72
- package/_internal/7531ee4d.js.map +0 -1
- package/_internal/75f285fb.js +0 -104
- package/_internal/75f285fb.js.map +0 -1
- package/_internal/78a9c3cd.js +0 -4
- package/_internal/78a9c3cd.js.map +0 -1
- package/_internal/7a2da67a.js +0 -64
- package/_internal/7a2da67a.js.map +0 -1
- package/_internal/7af4a428.js +0 -39
- package/_internal/7af4a428.js.map +0 -1
- package/_internal/7d4eb1c5.js +0 -62
- package/_internal/7d4eb1c5.js.map +0 -1
- package/_internal/7d9c0855.js +0 -55
- package/_internal/7d9c0855.js.map +0 -1
- package/_internal/7eca7fcd.js +0 -28
- package/_internal/7eca7fcd.js.map +0 -1
- package/_internal/81a6a29a.js +0 -55
- package/_internal/81a6a29a.js.map +0 -1
- package/_internal/82159c03.js +0 -146
- package/_internal/82159c03.js.map +0 -1
- package/_internal/82c6852b.js +0 -19
- package/_internal/82c6852b.js.map +0 -1
- package/_internal/840e9690.js +0 -52
- package/_internal/840e9690.js.map +0 -1
- package/_internal/841c2303.js +0 -19
- package/_internal/841c2303.js.map +0 -1
- package/_internal/8429fc80.js +0 -141
- package/_internal/8429fc80.js.map +0 -1
- package/_internal/84978777.js +0 -55
- package/_internal/84978777.js.map +0 -1
- package/_internal/851a3109.js +0 -123
- package/_internal/851a3109.js.map +0 -1
- package/_internal/879fa64d.js +0 -6
- package/_internal/879fa64d.js.map +0 -1
- package/_internal/883321fd.js +0 -17
- package/_internal/883321fd.js.map +0 -1
- package/_internal/893eb653.js +0 -4
- package/_internal/893eb653.js.map +0 -1
- package/_internal/897e2dbb.js +0 -80
- package/_internal/897e2dbb.js.map +0 -1
- package/_internal/89ee5eb2.js +0 -22
- package/_internal/89ee5eb2.js.map +0 -1
- package/_internal/8acd6aff.js +0 -82
- package/_internal/8acd6aff.js.map +0 -1
- package/_internal/8d318b2b.js +0 -138
- package/_internal/8d318b2b.js.map +0 -1
- package/_internal/8e3efbc4.js +0 -65
- package/_internal/8e3efbc4.js.map +0 -1
- package/_internal/8e8c5ab6.js +0 -192
- package/_internal/8e8c5ab6.js.map +0 -1
- package/_internal/8fe4c01f.js +0 -20
- package/_internal/8fe4c01f.js.map +0 -1
- package/_internal/91f36a80.js +0 -34
- package/_internal/91f36a80.js.map +0 -1
- package/_internal/928fa938.js +0 -102
- package/_internal/928fa938.js.map +0 -1
- package/_internal/9361ef65.js +0 -6
- package/_internal/9361ef65.js.map +0 -1
- package/_internal/99513933.js +0 -145
- package/_internal/99513933.js.map +0 -1
- package/_internal/9976fe9a.js +0 -28
- package/_internal/9976fe9a.js.map +0 -1
- package/_internal/9a0544c4.js +0 -34
- package/_internal/9a0544c4.js.map +0 -1
- package/_internal/9a5db774.js +0 -6
- package/_internal/9a5db774.js.map +0 -1
- package/_internal/9ae8998a.js +0 -117
- package/_internal/9ae8998a.js.map +0 -1
- package/_internal/9b0c0489.js +0 -118
- package/_internal/9b0c0489.js.map +0 -1
- package/_internal/9d063548.js +0 -49
- package/_internal/9d063548.js.map +0 -1
- package/_internal/9e3b78fa.js +0 -118
- package/_internal/9e3b78fa.js.map +0 -1
- package/_internal/a0a42aca.js +0 -14
- package/_internal/a0a42aca.js.map +0 -1
- package/_internal/a1974f13.js +0 -62
- package/_internal/a1974f13.js.map +0 -1
- package/_internal/a2b9eb60.js +0 -90
- package/_internal/a2b9eb60.js.map +0 -1
- package/_internal/a2c7c463.js +0 -4
- package/_internal/a2c7c463.js.map +0 -1
- package/_internal/a32628a1.js +0 -4
- package/_internal/a32628a1.js.map +0 -1
- package/_internal/a3f2000f.js +0 -198
- package/_internal/a3f2000f.js.map +0 -1
- package/_internal/a45cc1b9.js +0 -128
- package/_internal/a45cc1b9.js.map +0 -1
- package/_internal/a6be9f05.js +0 -75
- package/_internal/a6be9f05.js.map +0 -1
- package/_internal/a6dc95cd.js +0 -49
- package/_internal/a6dc95cd.js.map +0 -1
- package/_internal/a7abe967.js +0 -20
- package/_internal/a7abe967.js.map +0 -1
- package/_internal/a89bf7bc.js +0 -169
- package/_internal/a89bf7bc.js.map +0 -1
- package/_internal/a9d0f94d.js +0 -53
- package/_internal/a9d0f94d.js.map +0 -1
- package/_internal/ab3e5463.js +0 -39
- package/_internal/ab3e5463.js.map +0 -1
- package/_internal/ac3f7e4d.js +0 -119
- package/_internal/ac3f7e4d.js.map +0 -1
- package/_internal/acd6bed6.js +0 -6
- package/_internal/acd6bed6.js.map +0 -1
- package/_internal/ad7c38b0.js +0 -4
- package/_internal/ad7c38b0.js.map +0 -1
- package/_internal/ae4dc9f0.js +0 -62
- package/_internal/ae4dc9f0.js.map +0 -1
- package/_internal/aeba575c.js +0 -4
- package/_internal/aeba575c.js.map +0 -1
- package/_internal/b0780b33.js +0 -60
- package/_internal/b0780b33.js.map +0 -1
- package/_internal/b0846836.js +0 -4
- package/_internal/b0846836.js.map +0 -1
- package/_internal/b1154f4b.js +0 -14
- package/_internal/b1154f4b.js.map +0 -1
- package/_internal/b125b718.js +0 -131
- package/_internal/b125b718.js.map +0 -1
- package/_internal/b23a92ab.js +0 -56
- package/_internal/b23a92ab.js.map +0 -1
- package/_internal/b4018f8d.js +0 -107
- package/_internal/b4018f8d.js.map +0 -1
- package/_internal/b402784b.js +0 -11
- package/_internal/b402784b.js.map +0 -1
- package/_internal/b4dfa648.js +0 -32
- package/_internal/b4dfa648.js.map +0 -1
- package/_internal/b573621e.js +0 -26
- package/_internal/b573621e.js.map +0 -1
- package/_internal/b5edf49e.js +0 -8
- package/_internal/b5edf49e.js.map +0 -1
- package/_internal/b85a5f3f.js +0 -57
- package/_internal/b85a5f3f.js.map +0 -1
- package/_internal/b93aa71c.js +0 -89
- package/_internal/b93aa71c.js.map +0 -1
- package/_internal/b977b471.js +0 -5
- package/_internal/b977b471.js.map +0 -1
- package/_internal/b9e3e436.js +0 -101
- package/_internal/b9e3e436.js.map +0 -1
- package/_internal/b9ed1f7a.js +0 -4
- package/_internal/b9ed1f7a.js.map +0 -1
- package/_internal/bae815e2.js +0 -46
- package/_internal/bae815e2.js.map +0 -1
- package/_internal/bb05343d.js +0 -36
- package/_internal/bb05343d.js.map +0 -1
- package/_internal/bb5fb0f9.js +0 -28
- package/_internal/bb5fb0f9.js.map +0 -1
- package/_internal/bb8088e1.js +0 -77
- package/_internal/bb8088e1.js.map +0 -1
- package/_internal/bc393aec.js +0 -8
- package/_internal/bc393aec.js.map +0 -1
- package/_internal/bd1cd49f.js +0 -54
- package/_internal/bd1cd49f.js.map +0 -1
- package/_internal/bd8b3ec8.js +0 -9
- package/_internal/bd8b3ec8.js.map +0 -1
- package/_internal/be29f79e.js +0 -52
- package/_internal/be29f79e.js.map +0 -1
- package/_internal/bf202fa2.js +0 -47
- package/_internal/bf202fa2.js.map +0 -1
- package/_internal/bf411e5a.js +0 -109
- package/_internal/bf411e5a.js.map +0 -1
- package/_internal/c01c3bec.js +0 -12
- package/_internal/c01c3bec.js.map +0 -1
- package/_internal/c0a6dba6.js +0 -8
- package/_internal/c0a6dba6.js.map +0 -1
- package/_internal/c241db12.js +0 -110
- package/_internal/c241db12.js.map +0 -1
- package/_internal/c3ccd387.js +0 -20
- package/_internal/c3ccd387.js.map +0 -1
- package/_internal/c51d37f8.js +0 -166
- package/_internal/c51d37f8.js.map +0 -1
- package/_internal/c625d242.js +0 -14
- package/_internal/c625d242.js.map +0 -1
- package/_internal/c72d4f8b.js +0 -4
- package/_internal/c72d4f8b.js.map +0 -1
- package/_internal/c9a3b27f.js +0 -6
- package/_internal/c9a3b27f.js.map +0 -1
- package/_internal/c9bd0e84.js +0 -29
- package/_internal/c9bd0e84.js.map +0 -1
- package/_internal/cb19eca6.js +0 -25
- package/_internal/cb19eca6.js.map +0 -1
- package/_internal/cb525c68.js +0 -165
- package/_internal/cb525c68.js.map +0 -1
- package/_internal/cb7ac456.js +0 -165
- package/_internal/cb7ac456.js.map +0 -1
- package/_internal/cc5cac50.js +0 -139
- package/_internal/cc5cac50.js.map +0 -1
- package/_internal/cd8457fc.js +0 -209
- package/_internal/cd8457fc.js.map +0 -1
- package/_internal/d0b96efd.js +0 -8
- package/_internal/d0b96efd.js.map +0 -1
- package/_internal/d3286249.js +0 -72
- package/_internal/d3286249.js.map +0 -1
- package/_internal/d57d3fc6.js +0 -6
- package/_internal/d57d3fc6.js.map +0 -1
- package/_internal/d5f5f3f5.js +0 -18
- package/_internal/d5f5f3f5.js.map +0 -1
- package/_internal/d672fc0e.js +0 -24
- package/_internal/d672fc0e.js.map +0 -1
- package/_internal/d7ee7efe.js +0 -40
- package/_internal/d7ee7efe.js.map +0 -1
- package/_internal/d8ee966d.js +0 -14
- package/_internal/d8ee966d.js.map +0 -1
- package/_internal/db88500d.js +0 -10
- package/_internal/db88500d.js.map +0 -1
- package/_internal/dbc379f8.js +0 -45
- package/_internal/dbc379f8.js.map +0 -1
- package/_internal/dbe906f1.js +0 -179
- package/_internal/dbe906f1.js.map +0 -1
- package/_internal/de52a4b9.js +0 -20
- package/_internal/de52a4b9.js.map +0 -1
- package/_internal/df688aab.js +0 -121
- package/_internal/df688aab.js.map +0 -1
- package/_internal/dfa00cf7.js +0 -35
- package/_internal/dfa00cf7.js.map +0 -1
- package/_internal/e0398237.js +0 -130
- package/_internal/e0398237.js.map +0 -1
- package/_internal/e142a98d.js +0 -22
- package/_internal/e142a98d.js.map +0 -1
- package/_internal/e429bd82.js +0 -12
- package/_internal/e429bd82.js.map +0 -1
- package/_internal/e47dacb8.js +0 -4
- package/_internal/e47dacb8.js.map +0 -1
- package/_internal/e4a199c0.js +0 -20
- package/_internal/e4a199c0.js.map +0 -1
- package/_internal/e50f2a75.js +0 -27
- package/_internal/e50f2a75.js.map +0 -1
- package/_internal/e5657997.js +0 -130
- package/_internal/e5657997.js.map +0 -1
- package/_internal/e7aa44d1.js +0 -13
- package/_internal/e7aa44d1.js.map +0 -1
- package/_internal/e8e4d09e.js +0 -95
- package/_internal/e8e4d09e.js.map +0 -1
- package/_internal/e918f20b.js +0 -57
- package/_internal/e918f20b.js.map +0 -1
- package/_internal/e9c3b1e0.js +0 -4
- package/_internal/e9c3b1e0.js.map +0 -1
- package/_internal/ebd44733.js +0 -7
- package/_internal/ebd44733.js.map +0 -1
- package/_internal/ebe24fd7.js +0 -20
- package/_internal/ebe24fd7.js.map +0 -1
- package/_internal/ed03c692.js +0 -17
- package/_internal/ed03c692.js.map +0 -1
- package/_internal/eea52073.js +0 -27
- package/_internal/eea52073.js.map +0 -1
- package/_internal/eec574e6.js +0 -40
- package/_internal/eec574e6.js.map +0 -1
- package/_internal/eef5d63f.js +0 -21
- package/_internal/eef5d63f.js.map +0 -1
- package/_internal/ef907c21.js +0 -41
- package/_internal/ef907c21.js.map +0 -1
- package/_internal/ef982c3d.js +0 -36
- package/_internal/ef982c3d.js.map +0 -1
- package/_internal/f0052b9b.js +0 -27
- package/_internal/f0052b9b.js.map +0 -1
- package/_internal/f2e34298.js +0 -75
- package/_internal/f2e34298.js.map +0 -1
- package/_internal/f419ecef.js +0 -4
- package/_internal/f419ecef.js.map +0 -1
- package/_internal/f4baa1da.js +0 -34
- package/_internal/f4baa1da.js.map +0 -1
- package/_internal/f6bc7948.js +0 -45
- package/_internal/f6bc7948.js.map +0 -1
- package/_internal/f7520b8e.js +0 -52
- package/_internal/f7520b8e.js.map +0 -1
- package/_internal/f8c49b24.js +0 -14
- package/_internal/f8c49b24.js.map +0 -1
- package/_internal/fb201a04.js +0 -65
- package/_internal/fb201a04.js.map +0 -1
- package/_internal/fb36ff46.js +0 -51
- package/_internal/fb36ff46.js.map +0 -1
- package/_internal/fcc7c462.js +0 -60
- package/_internal/fcc7c462.js.map +0 -1
- package/_internal/fcf83937.js +0 -28
- package/_internal/fcf83937.js.map +0 -1
- package/_internal/fd3e2f21.js +0 -30
- package/_internal/fd3e2f21.js.map +0 -1
- package/_internal/fdcf3942.js +0 -157
- package/_internal/fdcf3942.js.map +0 -1
- package/_internal/fdebc718.js +0 -57
- package/_internal/fdebc718.js.map +0 -1
- package/_internal/ff96951d.js +0 -8
- package/_internal/ff96951d.js.map +0 -1
- package/_internal/ffb2f7fa.js +0 -84
- package/_internal/ffb2f7fa.js.map +0 -1
package/_internal/15fb66ce.js
DELETED
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
|
|
4
|
-
import { useBooleanState } from './3e2f0517.js';
|
|
5
|
-
import { useId } from './11687649.js';
|
|
6
|
-
import { useTheme } from './d8ee966d.js';
|
|
7
|
-
import { forwardRef } from './bd8b3ec8.js';
|
|
8
|
-
import { VISUALLY_HIDDEN } from './6af61e2f.js';
|
|
9
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
10
|
-
import { useDisableStateProps } from './ef982c3d.js';
|
|
11
|
-
import { AspectRatio, Size, Theme } from '@lumx/core/js/constants';
|
|
12
|
-
import { Icon } from './595d0e66.js';
|
|
13
|
-
|
|
14
|
-
const UploaderVariant = {
|
|
15
|
-
square: 'square',
|
|
16
|
-
rounded: 'rounded',
|
|
17
|
-
circle: 'circle'
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Uploader sizes.
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Extend native HTML input props with specialized `onChange` providing the a `File` array.
|
|
26
|
-
*/
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Defines the props of the component.
|
|
30
|
-
*/
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Component display name.
|
|
34
|
-
*/
|
|
35
|
-
const COMPONENT_NAME = 'Uploader';
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Component default class name and class prefix.
|
|
39
|
-
*/
|
|
40
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* Component default props.
|
|
44
|
-
*/
|
|
45
|
-
const DEFAULT_PROPS = {
|
|
46
|
-
aspectRatio: AspectRatio.horizontal,
|
|
47
|
-
size: Size.xl,
|
|
48
|
-
variant: UploaderVariant.square
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* Uploader component.
|
|
53
|
-
*
|
|
54
|
-
* @param props Component props.
|
|
55
|
-
* @param ref Component ref.
|
|
56
|
-
* @return React element.
|
|
57
|
-
*/
|
|
58
|
-
const Uploader = forwardRef((props, ref) => {
|
|
59
|
-
const {
|
|
60
|
-
disabledStateProps,
|
|
61
|
-
otherProps,
|
|
62
|
-
isAnyDisabled
|
|
63
|
-
} = useDisableStateProps(props);
|
|
64
|
-
const defaultTheme = useTheme() || Theme.light;
|
|
65
|
-
const {
|
|
66
|
-
aspectRatio = DEFAULT_PROPS.aspectRatio,
|
|
67
|
-
className,
|
|
68
|
-
label,
|
|
69
|
-
icon,
|
|
70
|
-
size = DEFAULT_PROPS.size,
|
|
71
|
-
theme = defaultTheme,
|
|
72
|
-
variant = DEFAULT_PROPS.variant,
|
|
73
|
-
fileInputProps,
|
|
74
|
-
onClick,
|
|
75
|
-
...forwardedProps
|
|
76
|
-
} = otherProps;
|
|
77
|
-
// Adjust to square aspect ratio when using circle variants.
|
|
78
|
-
const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
|
|
79
|
-
const handleClick = React__default.useCallback(evt => {
|
|
80
|
-
if (isAnyDisabled) {
|
|
81
|
-
evt.preventDefault();
|
|
82
|
-
} else {
|
|
83
|
-
onClick?.(evt);
|
|
84
|
-
}
|
|
85
|
-
}, [isAnyDisabled, onClick]);
|
|
86
|
-
const generatedInputId = useId();
|
|
87
|
-
const inputId = fileInputProps?.id || generatedInputId;
|
|
88
|
-
const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);
|
|
89
|
-
const wrapper = fileInputProps ? {
|
|
90
|
-
Component: 'label',
|
|
91
|
-
props: {
|
|
92
|
-
htmlFor: inputId
|
|
93
|
-
}
|
|
94
|
-
} : {
|
|
95
|
-
Component: 'button',
|
|
96
|
-
props: {
|
|
97
|
-
type: 'button',
|
|
98
|
-
...disabledStateProps
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
const onChange = React__default.useMemo(() => {
|
|
102
|
-
if (isAnyDisabled || !fileInputProps?.onChange) return undefined;
|
|
103
|
-
return evt => {
|
|
104
|
-
const fileList = evt.target.files;
|
|
105
|
-
const files = fileList ? Array.from(fileList) : [];
|
|
106
|
-
fileInputProps.onChange(files, evt);
|
|
107
|
-
};
|
|
108
|
-
}, [isAnyDisabled, fileInputProps]);
|
|
109
|
-
return /*#__PURE__*/jsxs(wrapper.Component, {
|
|
110
|
-
ref: ref,
|
|
111
|
-
...wrapper.props,
|
|
112
|
-
...forwardedProps,
|
|
113
|
-
onClick: handleClick,
|
|
114
|
-
className: classNames(className, handleBasicClasses({
|
|
115
|
-
aspectRatio: adjustedAspectRatio,
|
|
116
|
-
prefix: CLASSNAME,
|
|
117
|
-
size,
|
|
118
|
-
theme,
|
|
119
|
-
variant,
|
|
120
|
-
isDragHovering,
|
|
121
|
-
isDisabled: isAnyDisabled
|
|
122
|
-
})),
|
|
123
|
-
children: [/*#__PURE__*/jsx("span", {
|
|
124
|
-
className: `${CLASSNAME}__background`
|
|
125
|
-
}), /*#__PURE__*/jsxs("span", {
|
|
126
|
-
className: `${CLASSNAME}__wrapper`,
|
|
127
|
-
children: [icon && /*#__PURE__*/jsx(Icon, {
|
|
128
|
-
className: `${CLASSNAME}__icon`,
|
|
129
|
-
icon: icon,
|
|
130
|
-
size: Size.s
|
|
131
|
-
}), label && /*#__PURE__*/jsx("span", {
|
|
132
|
-
className: `${CLASSNAME}__label`,
|
|
133
|
-
children: label
|
|
134
|
-
})]
|
|
135
|
-
}), fileInputProps && /*#__PURE__*/jsx("input", {
|
|
136
|
-
type: "file",
|
|
137
|
-
id: inputId,
|
|
138
|
-
className: `${CLASSNAME}__input ${VISUALLY_HIDDEN}`,
|
|
139
|
-
...disabledStateProps,
|
|
140
|
-
...fileInputProps,
|
|
141
|
-
readOnly: isAnyDisabled,
|
|
142
|
-
onChange: onChange,
|
|
143
|
-
onDragEnter: setDragHovering,
|
|
144
|
-
onDragLeave: unsetDragHovering,
|
|
145
|
-
onDrop: unsetDragHovering
|
|
146
|
-
})]
|
|
147
|
-
});
|
|
148
|
-
});
|
|
149
|
-
Uploader.displayName = COMPONENT_NAME;
|
|
150
|
-
Uploader.className = CLASSNAME;
|
|
151
|
-
Uploader.defaultProps = DEFAULT_PROPS;
|
|
152
|
-
|
|
153
|
-
export { Uploader, UploaderVariant };
|
|
154
|
-
//# sourceMappingURL=15fb66ce.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"15fb66ce.js","sources":["../../src/components/uploader/Uploader.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AspectRatio, Icon, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useBooleanState } from '@lumx/react/hooks/useBooleanState';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled';\nimport { VISUALLY_HIDDEN } from '@lumx/react/constants';\n\n/**\n * Uploader variants.\n */\nexport const UploaderVariant = {\n square: 'square',\n rounded: 'rounded',\n circle: 'circle',\n} as const;\nexport type UploaderVariant = ValueOf<typeof UploaderVariant>;\n\n/**\n * Uploader sizes.\n */\nexport type UploaderSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Extend native HTML input props with specialized `onChange` providing the a `File` array.\n */\ninterface FileInputProps extends Omit<React.ComponentProps<'input'>, 'onChange'> {\n onChange(files: File[], evt: React.ChangeEvent<HTMLInputElement>): void;\n}\n\n/**\n * Defines the props of the component.\n */\nexport interface UploaderProps extends GenericProps, HasTheme, HasAriaDisabled {\n /** Image aspect ratio. */\n aspectRatio?: AspectRatio;\n /** Icon (SVG path). */\n icon?: string;\n /** Disabled state */\n isDisabled?: boolean;\n /** Label text. */\n label?: string;\n /** Size variant. */\n size?: UploaderSize;\n /** Variant. */\n variant?: UploaderVariant;\n /** On click callback. */\n onClick?: MouseEventHandler;\n /** Handle file selection with a native input file. */\n fileInputProps?: FileInputProps;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Uploader';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<UploaderProps> = {\n aspectRatio: AspectRatio.horizontal,\n size: Size.xl,\n variant: UploaderVariant.square,\n};\n\n/**\n * Uploader component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Uploader = forwardRef<UploaderProps>((props, ref) => {\n const { disabledStateProps, otherProps, isAnyDisabled } = useDisableStateProps(props);\n const defaultTheme = useTheme() || Theme.light;\n const {\n aspectRatio = DEFAULT_PROPS.aspectRatio,\n className,\n label,\n icon,\n size = DEFAULT_PROPS.size,\n theme = defaultTheme,\n variant = DEFAULT_PROPS.variant,\n fileInputProps,\n onClick,\n ...forwardedProps\n } = otherProps;\n // Adjust to square aspect ratio when using circle variants.\n const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;\n\n const handleClick: React.MouseEventHandler = React.useCallback(\n (evt) => {\n if (isAnyDisabled) {\n evt.preventDefault();\n } else {\n onClick?.(evt);\n }\n },\n [isAnyDisabled, onClick],\n );\n\n const generatedInputId = useId();\n const inputId = fileInputProps?.id || generatedInputId;\n const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);\n const wrapper = fileInputProps\n ? ({ Component: 'label', props: { htmlFor: inputId } } as const)\n : ({ Component: 'button', props: { type: 'button', ...disabledStateProps } } as const);\n\n const onChange = React.useMemo(() => {\n if (isAnyDisabled || !fileInputProps?.onChange) return undefined;\n return (evt: React.ChangeEvent<HTMLInputElement>) => {\n const fileList = evt.target.files;\n const files = fileList ? Array.from(fileList) : [];\n fileInputProps.onChange(files, evt);\n };\n }, [isAnyDisabled, fileInputProps]);\n\n return (\n <wrapper.Component\n ref={ref as any}\n {...wrapper.props}\n {...forwardedProps}\n onClick={handleClick}\n className={classNames(\n className,\n handleBasicClasses({\n aspectRatio: adjustedAspectRatio,\n prefix: CLASSNAME,\n size,\n theme,\n variant,\n isDragHovering,\n isDisabled: isAnyDisabled,\n }),\n )}\n >\n <span className={`${CLASSNAME}__background`} />\n\n <span className={`${CLASSNAME}__wrapper`}>\n {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.s} />}\n\n {label && <span className={`${CLASSNAME}__label`}>{label}</span>}\n </span>\n\n {fileInputProps && (\n <input\n type=\"file\"\n id={inputId}\n className={`${CLASSNAME}__input ${VISUALLY_HIDDEN}`}\n {...disabledStateProps}\n {...fileInputProps}\n readOnly={isAnyDisabled}\n onChange={onChange}\n onDragEnter={setDragHovering}\n onDragLeave={unsetDragHovering}\n onDrop={unsetDragHovering}\n />\n )}\n </wrapper.Component>\n );\n});\nUploader.displayName = COMPONENT_NAME;\nUploader.className = CLASSNAME;\nUploader.defaultProps = DEFAULT_PROPS;\n"],"names":["UploaderVariant","square","rounded","circle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","aspectRatio","AspectRatio","horizontal","size","Size","xl","variant","Uploader","forwardRef","props","ref","disabledStateProps","otherProps","isAnyDisabled","useDisableStateProps","defaultTheme","useTheme","Theme","light","className","label","icon","theme","fileInputProps","onClick","forwardedProps","adjustedAspectRatio","handleClick","React","useCallback","evt","preventDefault","generatedInputId","useId","inputId","id","isDragHovering","unsetDragHovering","setDragHovering","useBooleanState","wrapper","Component","htmlFor","type","onChange","useMemo","undefined","fileList","target","files","Array","from","_jsxs","classNames","handleBasicClasses","prefix","isDisabled","children","_jsx","Icon","s","VISUALLY_HIDDEN","readOnly","onDragEnter","onDragLeave","onDrop","displayName","defaultProps"],"mappings":"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"}
|
package/_internal/160cf9fe.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { DOCUMENT } from './6af61e2f.js';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* HOC component wrapping a component to skip render if predicate return falsy
|
|
7
|
-
*/
|
|
8
|
-
const skipRender = (predicate, Component) => {
|
|
9
|
-
const Wrapper = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
10
|
-
if (!DOCUMENT) {
|
|
11
|
-
// Can't render in SSR.
|
|
12
|
-
return null;
|
|
13
|
-
}
|
|
14
|
-
return /*#__PURE__*/jsx(Component, {
|
|
15
|
-
ref: ref,
|
|
16
|
-
...props
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
Wrapper.displayName = Component.displayName;
|
|
20
|
-
return Wrapper;
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { skipRender };
|
|
24
|
-
//# sourceMappingURL=160cf9fe.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"160cf9fe.js","sources":["../../src/utils/react/skipRender.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport type { Comp } from '@lumx/react/utils/type';\n/**\n * HOC component wrapping a component to skip render if predicate return falsy\n */\nexport const skipRender = <P, T>(predicate: (props: P) => any, Component: Comp<P, T>) => {\n const Wrapper = React.forwardRef<T, P>((props, ref) => {\n if (!DOCUMENT) {\n // Can't render in SSR.\n return null;\n }\n return <Component ref={ref} {...props} />;\n });\n Wrapper.displayName = Component.displayName;\n return Wrapper;\n};\n"],"names":["skipRender","predicate","Component","Wrapper","React","forwardRef","props","ref","DOCUMENT","_jsx","displayName"],"mappings":";;;;AAIA;AACA;AACA;MACaA,UAAU,GAAGA,CAAOC,SAA4B,EAAEC,SAAqB,KAAK;EACrF,MAAMC,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAO,CAACC,KAAK,EAAEC,GAAG,KAAK;IACnD,IAAI,CAACC,QAAQ,EAAE;AACX;AACA,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;IACA,oBAAOC,GAAA,CAACP,SAAS,EAAA;AAACK,MAAAA,GAAG,EAAEA,GAAI;MAAA,GAAKD,KAAAA;AAAK,KAAG,CAAC,CAAA;AAC7C,GAAC,CAAC,CAAA;AACFH,EAAAA,OAAO,CAACO,WAAW,GAAGR,SAAS,CAACQ,WAAW,CAAA;AAC3C,EAAA,OAAOP,OAAO,CAAA;AAClB;;;;"}
|
package/_internal/1616343a.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import get from 'lodash/get';
|
|
2
|
-
import { Children, isValidElement, cloneElement } from 'react';
|
|
3
|
-
import { r as reactIsExports } from './acd6bed6.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Flatten list of react nodes removing fragments and adding keys.
|
|
7
|
-
* based on: https://github.com/grrowl/react-keyed-flatten-children/blob/5d421644a449765ddd62b659946196b4b5d7b135/index.ts
|
|
8
|
-
*
|
|
9
|
-
* @param children React nodes to flatten.
|
|
10
|
-
* @return Flattened react nodes.
|
|
11
|
-
* @deprecated This function was used to develop keyboard navigation in the List component,
|
|
12
|
-
* but we will replace this with a better method that does not require to hack the children inspection
|
|
13
|
-
*
|
|
14
|
-
* TODO: remove List keyboard navigation once we have provided alternative component (Menu, Combobox, etc.),
|
|
15
|
-
* remove this function and then remove react-is from the dependencies
|
|
16
|
-
*/
|
|
17
|
-
function flattenChildren(children) {
|
|
18
|
-
function recur(nodes, keys = []) {
|
|
19
|
-
return Children.toArray(nodes).reduce((acc, node, index) => {
|
|
20
|
-
const nodeKeys = keys.concat(get(node, 'key') ?? index);
|
|
21
|
-
if (reactIsExports.isFragment(node)) {
|
|
22
|
-
acc.push(...recur(node.props.children, nodeKeys));
|
|
23
|
-
} else if (/*#__PURE__*/isValidElement(node)) {
|
|
24
|
-
acc.push(/*#__PURE__*/cloneElement(node, {
|
|
25
|
-
key: nodeKeys.join('.')
|
|
26
|
-
}));
|
|
27
|
-
} else if (typeof node === 'string' || typeof node === 'number') {
|
|
28
|
-
acc.push(node);
|
|
29
|
-
}
|
|
30
|
-
return acc;
|
|
31
|
-
}, []);
|
|
32
|
-
}
|
|
33
|
-
return recur(children);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export { flattenChildren };
|
|
37
|
-
//# sourceMappingURL=1616343a.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"1616343a.js","sources":["../../src/utils/react/flattenChildren.ts"],"sourcesContent":["import get from 'lodash/get';\nimport { Children, Key, ReactChild, ReactNode, cloneElement, isValidElement } from 'react';\nimport { isFragment } from 'react-is';\n\n/**\n * Flatten list of react nodes removing fragments and adding keys.\n * based on: https://github.com/grrowl/react-keyed-flatten-children/blob/5d421644a449765ddd62b659946196b4b5d7b135/index.ts\n *\n * @param children React nodes to flatten.\n * @return Flattened react nodes.\n * @deprecated This function was used to develop keyboard navigation in the List component,\n * but we will replace this with a better method that does not require to hack the children inspection\n *\n * TODO: remove List keyboard navigation once we have provided alternative component (Menu, Combobox, etc.),\n * remove this function and then remove react-is from the dependencies\n */\nexport function flattenChildren(children: ReactNode) {\n function recur(nodes: ReactNode, keys: Key[] = []) {\n return Children.toArray(nodes).reduce((acc: ReactChild[], node, index) => {\n const nodeKeys = keys.concat(get(node, 'key') ?? index);\n if (isFragment(node)) {\n acc.push(...recur(node.props.children, nodeKeys));\n } else if (isValidElement(node)) {\n acc.push(cloneElement(node, { key: nodeKeys.join('.') }));\n } else if (typeof node === 'string' || typeof node === 'number') {\n acc.push(node);\n }\n return acc;\n }, []);\n }\n return recur(children);\n}\n"],"names":["flattenChildren","children","recur","nodes","keys","Children","toArray","reduce","acc","node","index","nodeKeys","concat","get","isFragment","push","props","isValidElement","cloneElement","key","join"],"mappings":";;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAeA,CAACC,QAAmB,EAAE;AACjD,EAAA,SAASC,KAAKA,CAACC,KAAgB,EAAEC,IAAW,GAAG,EAAE,EAAE;AAC/C,IAAA,OAAOC,QAAQ,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,MAAM,CAAC,CAACC,GAAiB,EAAEC,IAAI,EAAEC,KAAK,KAAK;AACtE,MAAA,MAAMC,QAAQ,GAAGP,IAAI,CAACQ,MAAM,CAACC,GAAG,CAACJ,IAAI,EAAE,KAAK,CAAC,IAAIC,KAAK,CAAC,CAAA;AACvD,MAAA,IAAII,yBAAU,CAACL,IAAI,CAAC,EAAE;AAClBD,QAAAA,GAAG,CAACO,IAAI,CAAC,GAAGb,KAAK,CAACO,IAAI,CAACO,KAAK,CAACf,QAAQ,EAAEU,QAAQ,CAAC,CAAC,CAAA;AACrD,OAAC,MAAM,iBAAIM,cAAc,CAACR,IAAI,CAAC,EAAE;AAC7BD,QAAAA,GAAG,CAACO,IAAI,cAACG,YAAY,CAACT,IAAI,EAAE;AAAEU,UAAAA,GAAG,EAAER,QAAQ,CAACS,IAAI,CAAC,GAAG,CAAA;AAAE,SAAC,CAAC,CAAC,CAAA;OAC5D,MAAM,IAAI,OAAOX,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;AAC7DD,QAAAA,GAAG,CAACO,IAAI,CAACN,IAAI,CAAC,CAAA;AAClB,OAAA;AACA,MAAA,OAAOD,GAAG,CAAA;KACb,EAAE,EAAE,CAAC,CAAA;AACV,GAAA;EACA,OAAON,KAAK,CAACD,QAAQ,CAAC,CAAA;AAC1B;;;;"}
|
package/_internal/162672de.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
|
|
3
|
-
import { useTheme } from './d8ee966d.js';
|
|
4
|
-
import { forwardRef } from './bd8b3ec8.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
import { Theme } from '@lumx/core/js/constants';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Component display name.
|
|
10
|
-
*/
|
|
11
|
-
const COMPONENT_NAME = 'Divider';
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Component default class name and class prefix.
|
|
15
|
-
*/
|
|
16
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Component default props.
|
|
20
|
-
*/
|
|
21
|
-
const DEFAULT_PROPS = {};
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* Divider component.
|
|
25
|
-
*
|
|
26
|
-
* @param props Component props.
|
|
27
|
-
* @param ref Component ref.
|
|
28
|
-
* @return React element.
|
|
29
|
-
*/
|
|
30
|
-
const Divider = forwardRef((props, ref) => {
|
|
31
|
-
const defaultTheme = useTheme() || Theme.light;
|
|
32
|
-
const {
|
|
33
|
-
className,
|
|
34
|
-
theme = defaultTheme,
|
|
35
|
-
...forwardedProps
|
|
36
|
-
} = props;
|
|
37
|
-
return /*#__PURE__*/jsx("hr", {
|
|
38
|
-
ref: ref,
|
|
39
|
-
...forwardedProps,
|
|
40
|
-
className: classNames(className, handleBasicClasses({
|
|
41
|
-
prefix: CLASSNAME,
|
|
42
|
-
theme
|
|
43
|
-
}))
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
Divider.displayName = COMPONENT_NAME;
|
|
47
|
-
Divider.className = CLASSNAME;
|
|
48
|
-
Divider.defaultProps = DEFAULT_PROPS;
|
|
49
|
-
|
|
50
|
-
export { Divider };
|
|
51
|
-
//# sourceMappingURL=162672de.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"162672de.js","sources":["../../src/components/divider/Divider.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface DividerProps extends GenericProps, HasTheme {}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Divider';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<DividerProps> = {};\n\n/**\n * Divider component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Divider = forwardRef<DividerProps, HTMLHRElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const { className, theme = defaultTheme, ...forwardedProps } = props;\n\n return (\n <hr\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }))}\n />\n );\n});\nDivider.displayName = COMPONENT_NAME;\nDivider.className = CLASSNAME;\nDivider.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Divider","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","theme","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;AAaA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,SAAS,CAAA;;AAEhC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAoC,GAAG,EAAE,CAAA;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,OAAO,GAAGC,UAAU,CAA8B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGL,YAAY;IAAE,GAAGM,cAAAA;AAAe,GAAC,GAAGR,KAAK,CAAA;AAEpE,EAAA,oBACIS,GAAA,CAAA,IAAA,EAAA;AACIR,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLO,cAAc;AAClBF,IAAAA,SAAS,EAAEI,UAAU,CAACJ,SAAS,EAAEK,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEjB,SAAS;AAAEY,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GACtF,CAAC,CAAA;AAEV,CAAC,EAAC;AACFT,OAAO,CAACe,WAAW,GAAGnB,cAAc,CAAA;AACpCI,OAAO,CAACQ,SAAS,GAAGX,SAAS,CAAA;AAC7BG,OAAO,CAACgB,YAAY,GAAGjB,aAAa;;;;"}
|
package/_internal/168f211f.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import getBoundingClientRect from './07f6dc7c.js';
|
|
2
|
-
import getDocumentElement from './60139f6a.js';
|
|
3
|
-
import getWindowScroll from './66950686.js';
|
|
4
|
-
|
|
5
|
-
function getWindowScrollBarX(element) {
|
|
6
|
-
// If <html> has a CSS width greater than the viewport, then this will be
|
|
7
|
-
// incorrect for RTL.
|
|
8
|
-
// Popper 1 is broken in this case and never had a bug report so let's assume
|
|
9
|
-
// it's not an issue. I don't think anyone ever specifies width on <html>
|
|
10
|
-
// anyway.
|
|
11
|
-
// Browsers where the left scrollbar doesn't cause an issue report `0` for
|
|
12
|
-
// this (e.g. Edge 2019, IE11, Safari)
|
|
13
|
-
return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export { getWindowScrollBarX as default };
|
|
17
|
-
//# sourceMappingURL=168f211f.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"168f211f.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js"],"sourcesContent":["import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nexport default function getWindowScrollBarX(element) {\n // If <html> has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n // Popper 1 is broken in this case and never had a bug report so let's assume\n // it's not an issue. I don't think anyone ever specifies width on <html>\n // anyway.\n // Browsers where the left scrollbar doesn't cause an issue report `0` for\n // this (e.g. Edge 2019, IE11, Safari)\n return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}"],"names":[],"mappings":";;;;AAGe,SAAS,mBAAmB,CAAC,OAAO,EAAE;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE,OAAO,qBAAqB,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;AACvG;;;;","x_google_ignoreList":[0]}
|
package/_internal/16f5497d.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React__default, { Children } from 'react';
|
|
2
|
-
import { isComponentType } from './111e65e5.js';
|
|
3
|
-
import { Icon } from './595d0e66.js';
|
|
4
|
-
|
|
5
|
-
/** Force wrap spaces around icons to make sure they are never stuck against text. */
|
|
6
|
-
function wrapChildrenIconWithSpaces(children) {
|
|
7
|
-
if (children === null || children === undefined) return undefined;
|
|
8
|
-
return Children.toArray(children).flatMap(child => {
|
|
9
|
-
if (isComponentType(Icon)(child)) {
|
|
10
|
-
return [' ', child, ' '];
|
|
11
|
-
}
|
|
12
|
-
if (/*#__PURE__*/React__default.isValidElement(child) && child.props && typeof child.props === 'object' && 'children' in child.props) {
|
|
13
|
-
return /*#__PURE__*/React__default.cloneElement(child, undefined, wrapChildrenIconWithSpaces(child.props.children));
|
|
14
|
-
}
|
|
15
|
-
return child;
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
export { wrapChildrenIconWithSpaces };
|
|
20
|
-
//# sourceMappingURL=16f5497d.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"16f5497d.js","sources":["../../src/utils/react/wrapChildrenIconWithSpaces.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { isComponentType } from '@lumx/react/utils/type';\nimport { Icon } from '@lumx/react';\n\n/** Force wrap spaces around icons to make sure they are never stuck against text. */\nexport function wrapChildrenIconWithSpaces(children: React.ReactNode): React.ReactNode {\n if (children === null || children === undefined) return undefined;\n return Children.toArray(children).flatMap((child) => {\n if (isComponentType(Icon)(child)) {\n return [' ', child, ' '];\n }\n if (\n React.isValidElement(child) &&\n child.props &&\n typeof child.props === 'object' &&\n 'children' in child.props\n ) {\n return React.cloneElement(child, undefined, wrapChildrenIconWithSpaces(child.props.children));\n }\n return child;\n });\n}\n"],"names":["wrapChildrenIconWithSpaces","children","undefined","Children","toArray","flatMap","child","isComponentType","Icon","React","isValidElement","props","cloneElement"],"mappings":";;;;AAIA;AACO,SAASA,0BAA0BA,CAACC,QAAyB,EAAmB;EACnF,IAAIA,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAKC,SAAS,EAAE,OAAOA,SAAS,CAAA;EACjE,OAAOC,QAAQ,CAACC,OAAO,CAACH,QAAQ,CAAC,CAACI,OAAO,CAAEC,KAAK,IAAK;AACjD,IAAA,IAAIC,eAAe,CAACC,IAAI,CAAC,CAACF,KAAK,CAAC,EAAE;AAC9B,MAAA,OAAO,CAAC,GAAG,EAAEA,KAAK,EAAE,GAAG,CAAC,CAAA;AAC5B,KAAA;IACA,iBACIG,cAAK,CAACC,cAAc,CAACJ,KAAK,CAAC,IAC3BA,KAAK,CAACK,KAAK,IACX,OAAOL,KAAK,CAACK,KAAK,KAAK,QAAQ,IAC/B,UAAU,IAAIL,KAAK,CAACK,KAAK,EAC3B;AACE,MAAA,oBAAOF,cAAK,CAACG,YAAY,CAACN,KAAK,EAAEJ,SAAS,EAAEF,0BAA0B,CAACM,KAAK,CAACK,KAAK,CAACV,QAAQ,CAAC,CAAC,CAAA;AACjG,KAAA;AACA,IAAA,OAAOK,KAAK,CAAA;AAChB,GAAC,CAAC,CAAA;AACN;;;;"}
|
package/_internal/179a2989.js
DELETED
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import { useCallback } from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
|
|
4
|
-
import { forwardRef } from './bd8b3ec8.js';
|
|
5
|
-
import { useDisableStateProps } from './ef982c3d.js';
|
|
6
|
-
import { useTabProviderContext } from './e0398237.js';
|
|
7
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
8
|
-
import { mdiRadioboxMarked } from './a2c7c463.js';
|
|
9
|
-
import { mdiRadioboxBlank } from './4f71fd36.js';
|
|
10
|
-
import { Icon } from './595d0e66.js';
|
|
11
|
-
import { Size, Kind } from '@lumx/core/js/constants';
|
|
12
|
-
import { InputLabel } from './26a92990.js';
|
|
13
|
-
import { InputHelper } from './3119c1fe.js';
|
|
14
|
-
import { mdiCheckCircle } from './e47dacb8.js';
|
|
15
|
-
import { mdiAlertCircle } from './893eb653.js';
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Component display name.
|
|
19
|
-
*/
|
|
20
|
-
const COMPONENT_NAME = 'ProgressTrackerStep';
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Component default class name and class prefix.
|
|
24
|
-
*/
|
|
25
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Component default props.
|
|
29
|
-
*/
|
|
30
|
-
const DEFAULT_PROPS = {};
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* ProgressTrackerStep component.
|
|
34
|
-
*
|
|
35
|
-
* Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
|
|
36
|
-
*
|
|
37
|
-
* @param props Component props.
|
|
38
|
-
* @param ref Component ref.
|
|
39
|
-
* @return React element.
|
|
40
|
-
*/
|
|
41
|
-
const ProgressTrackerStep = forwardRef((props, ref) => {
|
|
42
|
-
const {
|
|
43
|
-
isAnyDisabled,
|
|
44
|
-
otherProps
|
|
45
|
-
} = useDisableStateProps(props);
|
|
46
|
-
const {
|
|
47
|
-
className,
|
|
48
|
-
hasError,
|
|
49
|
-
helper,
|
|
50
|
-
id,
|
|
51
|
-
isActive: propIsActive,
|
|
52
|
-
isComplete,
|
|
53
|
-
label,
|
|
54
|
-
onFocus,
|
|
55
|
-
onKeyPress,
|
|
56
|
-
tabIndex = -1,
|
|
57
|
-
...forwardedProps
|
|
58
|
-
} = otherProps;
|
|
59
|
-
const state = useTabProviderContext('tab', id);
|
|
60
|
-
const isActive = propIsActive || state?.isActive;
|
|
61
|
-
const changeToCurrentTab = useCallback(() => {
|
|
62
|
-
if (isAnyDisabled) {
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
state?.changeToTab();
|
|
66
|
-
}, [isAnyDisabled, state]);
|
|
67
|
-
const handleFocus = useCallback(event => {
|
|
68
|
-
onFocus?.(event);
|
|
69
|
-
if (state?.shouldActivateOnFocus) {
|
|
70
|
-
changeToCurrentTab();
|
|
71
|
-
}
|
|
72
|
-
}, [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus]);
|
|
73
|
-
const handleKeyPress = useCallback(event => {
|
|
74
|
-
onKeyPress?.(event);
|
|
75
|
-
if (event.key !== 'Enter') {
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
changeToCurrentTab();
|
|
79
|
-
}, [changeToCurrentTab, onKeyPress]);
|
|
80
|
-
const getIcon = () => {
|
|
81
|
-
if (isComplete) {
|
|
82
|
-
return mdiCheckCircle;
|
|
83
|
-
}
|
|
84
|
-
if (isActive) {
|
|
85
|
-
return hasError ? mdiAlertCircle : mdiRadioboxMarked;
|
|
86
|
-
}
|
|
87
|
-
return mdiRadioboxBlank;
|
|
88
|
-
};
|
|
89
|
-
return /*#__PURE__*/jsxs("button", {
|
|
90
|
-
ref: ref,
|
|
91
|
-
...forwardedProps,
|
|
92
|
-
type: "button",
|
|
93
|
-
id: state?.tabId,
|
|
94
|
-
className: classNames(className, handleBasicClasses({
|
|
95
|
-
prefix: CLASSNAME,
|
|
96
|
-
hasError,
|
|
97
|
-
isActive,
|
|
98
|
-
isClickable: state && !isAnyDisabled,
|
|
99
|
-
isComplete
|
|
100
|
-
})),
|
|
101
|
-
onClick: changeToCurrentTab,
|
|
102
|
-
onKeyPress: handleKeyPress,
|
|
103
|
-
onFocus: handleFocus,
|
|
104
|
-
role: "tab",
|
|
105
|
-
tabIndex: isActive ? 0 : tabIndex,
|
|
106
|
-
"aria-disabled": isAnyDisabled,
|
|
107
|
-
"aria-selected": isActive,
|
|
108
|
-
"aria-controls": state?.tabPanelId,
|
|
109
|
-
children: [/*#__PURE__*/jsx(Icon, {
|
|
110
|
-
className: `${CLASSNAME}__state`,
|
|
111
|
-
icon: getIcon(),
|
|
112
|
-
size: Size.s
|
|
113
|
-
}), /*#__PURE__*/jsx(InputLabel, {
|
|
114
|
-
htmlFor: state?.tabId || '',
|
|
115
|
-
className: `${CLASSNAME}__label`,
|
|
116
|
-
children: label
|
|
117
|
-
}), helper && /*#__PURE__*/jsx(InputHelper, {
|
|
118
|
-
kind: hasError ? Kind.error : Kind.info,
|
|
119
|
-
className: `${CLASSNAME}__helper`,
|
|
120
|
-
children: helper
|
|
121
|
-
})]
|
|
122
|
-
});
|
|
123
|
-
});
|
|
124
|
-
ProgressTrackerStep.displayName = COMPONENT_NAME;
|
|
125
|
-
ProgressTrackerStep.className = CLASSNAME;
|
|
126
|
-
ProgressTrackerStep.defaultProps = DEFAULT_PROPS;
|
|
127
|
-
|
|
128
|
-
export { ProgressTrackerStep };
|
|
129
|
-
//# sourceMappingURL=179a2989.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"179a2989.js","sources":["../../src/components/progress-tracker/ProgressTrackerStep.tsx"],"sourcesContent":["import { FocusEventHandler, KeyboardEventHandler, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiRadioboxBlank, mdiRadioboxMarked } from '@lumx/icons';\nimport { Icon, InputHelper, InputLabel, Kind, Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { useTabProviderContext } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerStepProps extends GenericProps {\n /** Children are not supported. */\n children?: never;\n /** Whether the step should be in error state or not. */\n hasError?: boolean;\n /** Helper text. */\n helper?: string | null;\n /** Native id property. */\n id?: string;\n /** Whether the current step is active or not. */\n isActive?: boolean;\n /** Whether the current step is completed or not. */\n isComplete?: boolean;\n /** Whether the component is disabled or not. */\n isDisabled?: boolean;\n /** Label text. */\n label?: string | null;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStep';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressTrackerStepProps> = {};\n\n/**\n * ProgressTrackerStep component.\n *\n * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStep = forwardRef<ProgressTrackerStepProps, HTMLButtonElement>((props, ref) => {\n const { isAnyDisabled, otherProps } = useDisableStateProps(props);\n const {\n className,\n hasError,\n helper,\n id,\n isActive: propIsActive,\n isComplete,\n label,\n onFocus,\n onKeyPress,\n tabIndex = -1,\n ...forwardedProps\n } = otherProps;\n const state = useTabProviderContext('tab', id);\n const isActive = propIsActive || state?.isActive;\n\n const changeToCurrentTab = useCallback(() => {\n if (isAnyDisabled) {\n return;\n }\n state?.changeToTab();\n }, [isAnyDisabled, state]);\n\n const handleFocus: FocusEventHandler = useCallback(\n (event) => {\n onFocus?.(event);\n if (state?.shouldActivateOnFocus) {\n changeToCurrentTab();\n }\n },\n [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus],\n );\n\n const handleKeyPress: KeyboardEventHandler = useCallback(\n (event) => {\n onKeyPress?.(event);\n if (event.key !== 'Enter') {\n return;\n }\n changeToCurrentTab();\n },\n [changeToCurrentTab, onKeyPress],\n );\n\n const getIcon = (): string => {\n if (isComplete) {\n return mdiCheckCircle;\n }\n\n if (isActive) {\n return hasError ? mdiAlertCircle : mdiRadioboxMarked;\n }\n\n return mdiRadioboxBlank;\n };\n\n return (\n <button\n ref={ref}\n {...forwardedProps}\n type=\"button\"\n id={state?.tabId}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n hasError,\n isActive,\n isClickable: state && !isAnyDisabled,\n isComplete,\n }),\n )}\n onClick={changeToCurrentTab}\n onKeyPress={handleKeyPress}\n onFocus={handleFocus}\n role=\"tab\"\n tabIndex={isActive ? 0 : tabIndex}\n aria-disabled={isAnyDisabled}\n aria-selected={isActive}\n aria-controls={state?.tabPanelId}\n >\n <Icon className={`${CLASSNAME}__state`} icon={getIcon()} size={Size.s} />\n\n <InputLabel htmlFor={state?.tabId || ''} className={`${CLASSNAME}__label`}>\n {label}\n </InputLabel>\n\n {helper && (\n <InputHelper kind={hasError ? Kind.error : Kind.info} className={`${CLASSNAME}__helper`}>\n {helper}\n </InputHelper>\n )}\n </button>\n );\n});\nProgressTrackerStep.displayName = COMPONENT_NAME;\nProgressTrackerStep.className = CLASSNAME;\nProgressTrackerStep.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","ProgressTrackerStep","forwardRef","props","ref","isAnyDisabled","otherProps","useDisableStateProps","className","hasError","helper","id","isActive","propIsActive","isComplete","label","onFocus","onKeyPress","tabIndex","forwardedProps","state","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","shouldActivateOnFocus","handleKeyPress","key","getIcon","mdiCheckCircle","mdiAlertCircle","mdiRadioboxMarked","mdiRadioboxBlank","_jsxs","type","tabId","classNames","handleBasicClasses","prefix","isClickable","onClick","role","tabPanelId","children","_jsx","Icon","icon","size","Size","s","InputLabel","htmlFor","InputHelper","kind","Kind","error","info","displayName","defaultProps"],"mappings":"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"}
|
package/_internal/185778b8.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"185778b8.js","sources":["../../../lumx-icons/dist/esm/play-circle-outline.js"],"sourcesContent":["export const mdiPlayCircleOutline = 'M12 20a8.01 8.01 0 0 1 0-16 8.01 8.01 0 0 1 0 16m0-18A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2m-2 14.5 6-4.5-6-4.5z';"],"names":["mdiPlayCircleOutline"],"mappings":"AAAO,MAAMA,oBAAoB,GAAG;;;;"}
|
package/_internal/1afd2506.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { useReducer, useEffect } from 'react';
|
|
2
|
-
import { reducer, INIT_STATE, TabProviderContext } from './e0398237.js';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
const DEFAULT_PROPS = {
|
|
6
|
-
isLazy: INIT_STATE.isLazy,
|
|
7
|
-
shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* This component provides a context in which steps can be defined and linked to their step panel.
|
|
12
|
-
*
|
|
13
|
-
* It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel
|
|
14
|
-
* components in the react tree.
|
|
15
|
-
*
|
|
16
|
-
* This works exactly as TabProvider so it uses TabProviderContext and tabs state.
|
|
17
|
-
*
|
|
18
|
-
* @param props React component props.
|
|
19
|
-
* @return React element.
|
|
20
|
-
*/
|
|
21
|
-
const ProgressTrackerProvider = props => {
|
|
22
|
-
const {
|
|
23
|
-
children,
|
|
24
|
-
onChange,
|
|
25
|
-
...propState
|
|
26
|
-
} = props;
|
|
27
|
-
const [state, dispatch] = useReducer(reducer, INIT_STATE);
|
|
28
|
-
|
|
29
|
-
// On prop state change => dispatch update.
|
|
30
|
-
useEffect(() => {
|
|
31
|
-
dispatch({
|
|
32
|
-
type: 'update',
|
|
33
|
-
payload: {
|
|
34
|
-
...DEFAULT_PROPS,
|
|
35
|
-
...propState,
|
|
36
|
-
activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
},
|
|
40
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
41
|
-
[dispatch, ...Object.values(propState)]);
|
|
42
|
-
|
|
43
|
-
// On active tab index state change => send update to the onChange.
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {
|
|
46
|
-
return;
|
|
47
|
-
}
|
|
48
|
-
onChange(state.activeTabIndex);
|
|
49
|
-
},
|
|
50
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
51
|
-
[onChange, state.activeTabIndex]);
|
|
52
|
-
return /*#__PURE__*/jsx(TabProviderContext.Provider, {
|
|
53
|
-
value: [state, dispatch],
|
|
54
|
-
children: children
|
|
55
|
-
});
|
|
56
|
-
};
|
|
57
|
-
ProgressTrackerProvider.defaultProps = DEFAULT_PROPS;
|
|
58
|
-
|
|
59
|
-
export { ProgressTrackerProvider };
|
|
60
|
-
//# sourceMappingURL=1afd2506.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"1afd2506.js","sources":["../../src/components/progress-tracker/ProgressTrackerProvider.tsx"],"sourcesContent":["import { ReactNode, useEffect, useReducer } from 'react';\nimport { INIT_STATE, TabProviderContext, reducer } from '../tabs/state';\n\nexport interface ProgressTrackerProviderProps {\n /** Active step index. */\n activeStepIndex?: number;\n /** ProgressTrackerProvider children. */\n children: ReactNode;\n /** Step panel children should not render if the step panel is hidden. */\n isLazy?: boolean;\n /** Activate tabs on focus. */\n shouldActivateOnFocus?: boolean;\n /** Step change callback. */\n onChange?(index: number): void;\n}\n\nconst DEFAULT_PROPS: Partial<ProgressTrackerProviderProps> = {\n isLazy: INIT_STATE.isLazy,\n shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus,\n};\n\n/**\n * This component provides a context in which steps can be defined and linked to their step panel.\n *\n * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel\n * components in the react tree.\n *\n * This works exactly as TabProvider so it uses TabProviderContext and tabs state.\n *\n * @param props React component props.\n * @return React element.\n */\nexport const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps> = (props) => {\n const { children, onChange, ...propState } = props;\n const [state, dispatch] = useReducer(reducer, INIT_STATE);\n\n // On prop state change => dispatch update.\n useEffect(\n () => {\n dispatch({\n type: 'update',\n payload: {\n ...DEFAULT_PROPS,\n ...propState,\n activeTabIndex: propState.activeStepIndex || INIT_STATE.activeTabIndex,\n },\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [dispatch, ...Object.values(propState)],\n );\n\n // On active tab index state change => send update to the onChange.\n useEffect(\n () => {\n if (state === INIT_STATE || !onChange || propState.activeStepIndex === state.activeTabIndex) {\n return;\n }\n onChange(state.activeTabIndex);\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [onChange, state.activeTabIndex],\n );\n\n return <TabProviderContext.Provider value={[state, dispatch]}>{children}</TabProviderContext.Provider>;\n};\nProgressTrackerProvider.defaultProps = DEFAULT_PROPS;\n"],"names":["DEFAULT_PROPS","isLazy","INIT_STATE","shouldActivateOnFocus","ProgressTrackerProvider","props","children","onChange","propState","state","dispatch","useReducer","reducer","useEffect","type","payload","activeTabIndex","activeStepIndex","Object","values","_jsx","TabProviderContext","Provider","value","defaultProps"],"mappings":";;;;AAgBA,MAAMA,aAAoD,GAAG;EACzDC,MAAM,EAAEC,UAAU,CAACD,MAAM;EACzBE,qBAAqB,EAAED,UAAU,CAACC,qBAAAA;AACtC,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,uBAA+D,GAAIC,KAAK,IAAK;EACtF,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC,SAAAA;AAAU,GAAC,GAAGH,KAAK,CAAA;EAClD,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGC,UAAU,CAACC,OAAO,EAAEV,UAAU,CAAC,CAAA;;AAEzD;AACAW,EAAAA,SAAS,CACL,MAAM;AACFH,IAAAA,QAAQ,CAAC;AACLI,MAAAA,IAAI,EAAE,QAAQ;AACdC,MAAAA,OAAO,EAAE;AACL,QAAA,GAAGf,aAAa;AAChB,QAAA,GAAGQ,SAAS;AACZQ,QAAAA,cAAc,EAAER,SAAS,CAACS,eAAe,IAAIf,UAAU,CAACc,cAAAA;AAC5D,OAAA;AACJ,KAAC,CAAC,CAAA;GACL;AACD;EACA,CAACN,QAAQ,EAAE,GAAGQ,MAAM,CAACC,MAAM,CAACX,SAAS,CAAC,CAC1C,CAAC,CAAA;;AAED;AACAK,EAAAA,SAAS,CACL,MAAM;AACF,IAAA,IAAIJ,KAAK,KAAKP,UAAU,IAAI,CAACK,QAAQ,IAAIC,SAAS,CAACS,eAAe,KAAKR,KAAK,CAACO,cAAc,EAAE;AACzF,MAAA,OAAA;AACJ,KAAA;AACAT,IAAAA,QAAQ,CAACE,KAAK,CAACO,cAAc,CAAC,CAAA;GACjC;AACD;AACA,EAAA,CAACT,QAAQ,EAAEE,KAAK,CAACO,cAAc,CACnC,CAAC,CAAA;AAED,EAAA,oBAAOI,GAAA,CAACC,kBAAkB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE,CAACd,KAAK,EAAEC,QAAQ,CAAE;AAAAJ,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA8B,CAAC,CAAA;AAC1G,EAAC;AACDF,uBAAuB,CAACoB,YAAY,GAAGxB,aAAa;;;;"}
|