@lumx/react 3.20.1-alpha.35 → 3.20.1-alpha.36
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/_internal/035c132d.js +314 -0
- package/_internal/0b9c76cb.js +5 -0
- package/_internal/0ea95af1.js +819 -0
- package/_internal/{c0a6dba6.js → 230173a8.js} +6 -2
- package/_internal/{3e2f0517.js → 2a3d237c.js} +1 -2
- package/_internal/{a6dc95cd.js → 2c2b6a89.js} +5 -3
- package/_internal/{d8ee966d.js → 3181f000.js} +1 -2
- package/_internal/{8e8c5ab6.js → 36bd7352.js} +28 -2
- package/_internal/3864a6c1.js +436 -0
- package/_internal/{11687649.js → 3a1facc0.js} +1 -2
- package/_internal/{68f13c1c.js → 49bbeed3.js} +3 -2
- package/_internal/{cb19eca6.js → 4daccdd5.js} +1 -2
- package/_internal/4f4c0582.js +2169 -0
- package/_internal/{3996d544.js → 5cef5e8c.js} +4 -5
- package/_internal/{9b0c0489.js → 6a60381c.js} +5 -6
- package/_internal/{0350c865.js → 6f084a40.js} +26 -5
- package/_internal/{91f36a80.js → 76ddefd4.js} +31 -4
- package/_internal/{ebe24fd7.js → 78df9309.js} +1 -2
- package/_internal/{0d7cc1e0.js → 7ad474e4.js} +7 -8
- package/_internal/{16f5497d.js → 7b293665.js} +3 -4
- package/_internal/{bb8088e1.js → 7daf0f24.js} +1 -2
- package/_internal/{e0398237.js → 825ac334.js} +2 -3
- package/_internal/827b804a.js +5 -0
- package/_internal/{bd8b3ec8.js → 8bce732e.js} +1 -2
- package/_internal/{841c2303.js → 9d1336a1.js} +1 -2
- package/_internal/{f6bc7948.js → a38bdcd0.js} +7 -3
- package/_internal/b326655a.js +682 -0
- package/_internal/{5a0207d9.js → b83e864b.js} +6 -7
- package/_internal/{595d0e66.js → bace1bf1.js} +5 -5
- package/_internal/{b125b718.js → c57190eb.js} +21 -6
- package/_internal/{c51d37f8.js → components/alert-dialog/index-284fed80.js} +8 -11
- package/_internal/components/autocomplete/__mockData__/index-96fc7ea7.js +27 -0
- package/_internal/components/autocomplete/index-27a49d5d.js +261 -0
- package/_internal/{ffb2f7fa.js → components/avatar/index-b8bc3cae.js} +3 -4
- package/_internal/components/badge/index-9880f056.js +81 -0
- package/_internal/{bae815e2.js → components/button/index-d919f96d.js} +3 -2
- package/_internal/{6b510f5e.js → components/checkbox/index-dd478de9.js} +12 -11
- package/_internal/{7d9c0855.js → components/chip/index-7f84cdbd.js} +49 -2
- package/_internal/{cc5cac50.js → components/comment-block/index-e942de30.js} +4 -5
- package/_internal/components/date-picker/index-a258d3ce.js +596 -0
- package/_internal/{cd8457fc.js → components/dialog/index-c7066813.js} +46 -17
- package/_internal/{162672de.js → components/divider/index-b6934baf.js} +2 -3
- package/_internal/{840e9690.js → components/drag-handle/index-80e5af6c.js} +5 -5
- package/_internal/{2d1acaa0.js → components/dropdown/index-cebfc268.js} +47 -8
- package/_internal/{a89bf7bc.js → components/expansion-panel/index-9d45a211.js} +8 -10
- package/_internal/{fcc7c462.js → components/flag/index-33e9d909.js} +4 -5
- package/_internal/{fdebc718.js → components/flex-box/index-0d6b6b43.js} +1 -2
- package/_internal/{ac3f7e4d.js → components/generic-block/index-836c4352.js} +11 -6
- package/_internal/components/grid/index-8c16a4f1.js +104 -0
- package/_internal/{00cc46ee.js → components/grid-column/index-4a2f56bb.js} +1 -2
- package/_internal/{bd1cd49f.js → components/heading/index-fd558a9a.js} +5 -6
- package/_internal/components/icon/index-e7b9b40e.js +1 -0
- package/_internal/{4c891480.js → components/image-block/index-7021c2f1.js} +4 -5
- package/_internal/components/image-lightbox/index-27017547.js +759 -0
- package/_internal/{2403668c.js → components/inline-list/index-52efec7f.js} +1 -2
- package/_internal/{3119c1fe.js → components/input-helper/index-5a837e7c.js} +14 -4
- package/_internal/{26a92990.js → components/input-label/index-0113f382.js} +2 -3
- package/_internal/{5c4e10a0.js → components/lightbox/index-fad5a9f2.js} +13 -14
- package/_internal/{69eb2393.js → components/link/index-008bae4b.js} +5 -6
- package/_internal/{9e3b78fa.js → components/link-preview/index-3e9c32f2.js} +4 -5
- package/_internal/{4d751800.js → components/list/index-da88c6e9.js} +34 -3
- package/_internal/{b9e3e436.js → components/message/index-17b568f2.js} +6 -9
- package/_internal/{226a2eac.js → components/mosaic/index-2d40e01c.js} +3 -4
- package/_internal/components/navigation/index-dc17c639.js +225 -0
- package/_internal/{6893b89e.js → components/notification/index-a1101015.js} +32 -10
- package/_internal/components/popover/index-dbca63f1.js +2 -0
- package/_internal/{507d9459.js → components/popover-dialog/index-654d2abc.js} +3 -4
- package/_internal/{c241db12.js → components/post-block/index-4b6b4dcb.js} +4 -5
- package/_internal/components/progress/index-6f578c31.js +182 -0
- package/_internal/components/progress-tracker/index-700bc4c2.js +309 -0
- package/_internal/{9ae8998a.js → components/radio-button/index-89b725af.js} +53 -21
- package/_internal/components/select/index-2755aa32.js +458 -0
- package/_internal/{36008a95.js → components/side-navigation/index-0bbe1fdd.js} +48 -13
- package/_internal/components/skeleton/index-b2f8501c.js +166 -0
- package/_internal/{62c6c615.js → components/slider/index-4f9b891b.js} +42 -11
- package/_internal/{e5657997.js → components/slideshow/index-d4604589.js} +31 -11
- package/_internal/{851a3109.js → components/switch/index-58fe0f0c.js} +6 -7
- package/_internal/components/table/index-d541aa88.js +297 -0
- package/_internal/components/tabs/index-af1538d6.js +298 -0
- package/_internal/components/text/index-5bfc6d5e.js +1 -0
- package/_internal/{41a8b20f.js → components/text-field/index-47c98d09.js} +11 -13
- package/_internal/{58418448.js → components/thumbnail/index-71545d95.js} +1 -1
- package/_internal/{a1974f13.js → components/toolbar/index-7041a5a6.js} +1 -2
- package/_internal/components/tooltip/index-8bb97e60.js +327 -0
- package/_internal/{15fb66ce.js → components/uploader/index-8f6f55de.js} +7 -8
- package/_internal/{82159c03.js → components/user-block/index-70d4ce8f.js} +4 -5
- package/_internal/{6af61e2f.js → d0e3f49e.js} +2 -3
- package/_internal/{e47dacb8.js → de24f857.js} +1 -2
- package/_internal/{111e65e5.js → e806b848.js} +1 -2
- package/_internal/{203b01d8.js → e913a3af.js} +35 -6
- package/_internal/{536517c5.js → ea04260d.js} +1 -2
- package/_internal/{ad7c38b0.js → eaf6c45a.js} +1 -2
- package/_internal/ebdcb0c7.js +60 -0
- package/_internal/{6f37d603.js → ef5d1aac.js} +1 -2
- package/_internal/{27df0cb6.js → f0d7d6ea.js} +1 -2
- package/_internal/{739f2f15.js → utils/ClickAwayProvider/index-1234ce76.js} +36 -3
- package/_internal/utils/MaterialThemeSwitcher/index-8d22de5a.js +48 -0
- package/_internal/{38ac8c66.js → utils/Portal/index-6e0a7404.js} +14 -3
- package/_internal/{ef982c3d.js → utils/disabled/index-075b99c3.js} +3 -3
- package/_internal/utils/type/index-ea9fc197.js +2 -0
- package/index.js +64 -96
- package/package.json +3 -3
- package/utils/index.js +3 -5
- package/_internal/00560d40.js +0 -11
- package/_internal/00560d40.js.map +0 -1
- package/_internal/00cc46ee.js.map +0 -1
- 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.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.map +0 -1
- 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.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.map +0 -1
- package/_internal/168f211f.js +0 -17
- package/_internal/168f211f.js.map +0 -1
- 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.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.map +0 -1
- package/_internal/2291b633.js +0 -52
- package/_internal/2291b633.js.map +0 -1
- 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.map +0 -1
- package/_internal/27a93417.js +0 -223
- package/_internal/27a93417.js.map +0 -1
- 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.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.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.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.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.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.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.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.map +0 -1
- package/_internal/4d540596.js +0 -131
- package/_internal/4d540596.js.map +0 -1
- package/_internal/4d751800.js.map +0 -1
- package/_internal/4f71fd36.js +0 -4
- package/_internal/4f71fd36.js.map +0 -1
- 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.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.map +0 -1
- package/_internal/595d0e66.js.map +0 -1
- 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.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.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.map +0 -1
- package/_internal/68f13c1c.js.map +0 -1
- package/_internal/69eb2393.js.map +0 -1
- package/_internal/6af61e2f.js.map +0 -1
- 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.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.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.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.map +0 -1
- package/_internal/82c6852b.js +0 -19
- package/_internal/82c6852b.js.map +0 -1
- package/_internal/840e9690.js.map +0 -1
- 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.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.map +0 -1
- package/_internal/8fe4c01f.js +0 -20
- package/_internal/8fe4c01f.js.map +0 -1
- 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.map +0 -1
- package/_internal/9b0c0489.js.map +0 -1
- package/_internal/9d063548.js +0 -49
- package/_internal/9d063548.js.map +0 -1
- package/_internal/9e3b78fa.js.map +0 -1
- package/_internal/a0a42aca.js +0 -14
- package/_internal/a0a42aca.js.map +0 -1
- 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.map +0 -1
- package/_internal/a7abe967.js +0 -20
- package/_internal/a7abe967.js.map +0 -1
- 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.map +0 -1
- package/_internal/acd6bed6.js +0 -6
- package/_internal/acd6bed6.js.map +0 -1
- 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.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.map +0 -1
- package/_internal/b9ed1f7a.js +0 -4
- package/_internal/b9ed1f7a.js.map +0 -1
- 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.map +0 -1
- package/_internal/bc393aec.js +0 -8
- package/_internal/bc393aec.js.map +0 -1
- package/_internal/bd1cd49f.js.map +0 -1
- 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.map +0 -1
- package/_internal/c241db12.js.map +0 -1
- package/_internal/c3ccd387.js +0 -20
- package/_internal/c3ccd387.js.map +0 -1
- 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.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.map +0 -1
- 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.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.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.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.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.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.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.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.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.map +0 -1
- package/_internal/ff96951d.js +0 -8
- package/_internal/ff96951d.js.map +0 -1
- package/_internal/ffb2f7fa.js.map +0 -1
- package/index.js.map +0 -1
- package/utils/index.js.map +0 -1
package/_internal/f0052b9b.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { isShadowRoot } from './617d453e.js';
|
|
2
|
-
|
|
3
|
-
function contains(parent, child) {
|
|
4
|
-
var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
|
|
5
|
-
|
|
6
|
-
if (parent.contains(child)) {
|
|
7
|
-
return true;
|
|
8
|
-
} // then fallback to custom implementation with Shadow DOM support
|
|
9
|
-
else if (rootNode && isShadowRoot(rootNode)) {
|
|
10
|
-
var next = child;
|
|
11
|
-
|
|
12
|
-
do {
|
|
13
|
-
if (next && parent.isSameNode(next)) {
|
|
14
|
-
return true;
|
|
15
|
-
} // $FlowFixMe: need a better way to handle this...
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
next = next.parentNode || next.host;
|
|
19
|
-
} while (next);
|
|
20
|
-
} // Give up, the result is false
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return false;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export { contains as default };
|
|
27
|
-
//# sourceMappingURL=f0052b9b.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"f0052b9b.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/contains.js"],"sourcesContent":["import { isShadowRoot } from \"./instanceOf.js\";\nexport default function contains(parent, child) {\n var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n if (parent.contains(child)) {\n return true;\n } // then fallback to custom implementation with Shadow DOM support\n else if (rootNode && isShadowRoot(rootNode)) {\n var next = child;\n\n do {\n if (next && parent.isSameNode(next)) {\n return true;\n } // $FlowFixMe: need a better way to handle this...\n\n\n next = next.parentNode || next.host;\n } while (next);\n } // Give up, the result is false\n\n\n return false;\n}"],"names":[],"mappings":";;AACe,SAAS,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE;AAChD,EAAE,IAAI,QAAQ,GAAG,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;AAC1D;AACA,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC9B,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,OAAO,IAAI,QAAQ,IAAI,YAAY,CAAC,QAAQ,CAAC,EAAE;AAC/C,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC;AACvB;AACA,MAAM,GAAG;AACT,QAAQ,IAAI,IAAI,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AAC7C,UAAU,OAAO,IAAI,CAAC;AACtB,SAAS;AACT;AACA;AACA,QAAQ,IAAI,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC;AAC5C,OAAO,QAAQ,IAAI,EAAE;AACrB,KAAK;AACL;AACA;AACA,EAAE,OAAO,KAAK,CAAC;AACf;;;;","x_google_ignoreList":[0]}
|
package/_internal/f2e34298.js
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { forwardRefPolymorphic } from './ebd44733.js';
|
|
4
|
-
import { useTheme } from './d8ee966d.js';
|
|
5
|
-
import { useOverflowTooltipLabel } from './9a0544c4.js';
|
|
6
|
-
import { RawClickable } from './a6dc95cd.js';
|
|
7
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
8
|
-
import { Tooltip } from './659a1cdd.js';
|
|
9
|
-
import { Placement } from './9d063548.js';
|
|
10
|
-
import { Icon } from './595d0e66.js';
|
|
11
|
-
import { Size } from '@lumx/core/js/constants';
|
|
12
|
-
import { Text } from './203b01d8.js';
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Component display name.
|
|
16
|
-
*/
|
|
17
|
-
const COMPONENT_NAME = 'NavigationItem';
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Component default class name and class prefix.
|
|
21
|
-
*/
|
|
22
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
23
|
-
const NavigationItem = Object.assign(forwardRefPolymorphic((props, ref) => {
|
|
24
|
-
const {
|
|
25
|
-
className,
|
|
26
|
-
icon,
|
|
27
|
-
label,
|
|
28
|
-
isCurrentPage,
|
|
29
|
-
as: Element = 'a',
|
|
30
|
-
...forwardedProps
|
|
31
|
-
} = props;
|
|
32
|
-
const theme = useTheme();
|
|
33
|
-
const {
|
|
34
|
-
tooltipLabel,
|
|
35
|
-
labelRef
|
|
36
|
-
} = useOverflowTooltipLabel(label);
|
|
37
|
-
return /*#__PURE__*/jsx("li", {
|
|
38
|
-
className: classNames(className, handleBasicClasses({
|
|
39
|
-
prefix: CLASSNAME,
|
|
40
|
-
theme
|
|
41
|
-
})),
|
|
42
|
-
children: /*#__PURE__*/jsx(Tooltip, {
|
|
43
|
-
label: tooltipLabel,
|
|
44
|
-
placement: Placement.TOP,
|
|
45
|
-
children: /*#__PURE__*/jsxs(RawClickable, {
|
|
46
|
-
as: Element,
|
|
47
|
-
className: handleBasicClasses({
|
|
48
|
-
prefix: `${CLASSNAME}__link`,
|
|
49
|
-
isSelected: isCurrentPage
|
|
50
|
-
}),
|
|
51
|
-
ref: ref,
|
|
52
|
-
"aria-current": isCurrentPage ? 'page' : undefined,
|
|
53
|
-
...forwardedProps,
|
|
54
|
-
children: [icon ? /*#__PURE__*/jsx(Icon, {
|
|
55
|
-
className: `${CLASSNAME}__icon`,
|
|
56
|
-
icon: icon,
|
|
57
|
-
size: Size.xs,
|
|
58
|
-
theme: theme
|
|
59
|
-
}) : null, /*#__PURE__*/jsx(Text, {
|
|
60
|
-
as: "span",
|
|
61
|
-
truncate: true,
|
|
62
|
-
className: `${CLASSNAME}__label`,
|
|
63
|
-
ref: labelRef,
|
|
64
|
-
children: label
|
|
65
|
-
})]
|
|
66
|
-
})
|
|
67
|
-
})
|
|
68
|
-
});
|
|
69
|
-
}), {
|
|
70
|
-
displayName: COMPONENT_NAME,
|
|
71
|
-
className: CLASSNAME
|
|
72
|
-
});
|
|
73
|
-
|
|
74
|
-
export { CLASSNAME, NavigationItem };
|
|
75
|
-
//# sourceMappingURL=f2e34298.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"f2e34298.js","sources":["../../src/components/navigation/NavigationItem.tsx"],"sourcesContent":["import { ElementType, ReactNode } from 'react';\nimport { Icon, Placement, Size, Tooltip, Text } from '@lumx/react';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { ComponentRef, HasClassName, HasPolymorphicAs, HasRequiredLinkHref, HasTheme } from '@lumx/react/utils/type';\nimport classNames from 'classnames';\nimport { forwardRefPolymorphic } from '@lumx/react/utils/react/forwardRefPolymorphic';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useOverflowTooltipLabel } from '@lumx/react/hooks/useOverflowTooltipLabel';\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\n\ntype BaseNavigationItemProps = {\n /** Icon (SVG path). */\n icon?: string;\n /** Label content. */\n label: ReactNode;\n /** Mark as the current page link */\n isCurrentPage?: boolean;\n};\n\n/**\n * Navigation item props\n */\nexport type NavigationItemProps<E extends ElementType = 'a'> = HasPolymorphicAs<E> &\n HasTheme &\n HasClassName &\n BaseNavigationItemProps &\n HasRequiredLinkHref<E>;\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationItem';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationItem = Object.assign(\n forwardRefPolymorphic(<E extends ElementType = 'a'>(props: NavigationItemProps<E>, ref: ComponentRef<E>) => {\n const { className, icon, label, isCurrentPage, as: Element = 'a', ...forwardedProps } = props;\n const theme = useTheme();\n const { tooltipLabel, labelRef } = useOverflowTooltipLabel(label);\n\n return (\n <li\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n theme,\n }),\n )}\n >\n <Tooltip label={tooltipLabel} placement={Placement.TOP}>\n <RawClickable\n as={Element}\n className={handleBasicClasses({\n prefix: `${CLASSNAME}__link`,\n isSelected: isCurrentPage,\n })}\n ref={ref as React.Ref<any>}\n aria-current={isCurrentPage ? 'page' : undefined}\n {...forwardedProps}\n >\n {icon ? (\n <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.xs} theme={theme} />\n ) : null}\n\n <Text as=\"span\" truncate className={`${CLASSNAME}__label`} ref={labelRef}>\n {label}\n </Text>\n </RawClickable>\n </Tooltip>\n </li>\n );\n }),\n {\n displayName: COMPONENT_NAME,\n className: CLASSNAME,\n },\n);\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","NavigationItem","Object","assign","forwardRefPolymorphic","props","ref","className","icon","label","isCurrentPage","as","Element","forwardedProps","theme","useTheme","tooltipLabel","labelRef","useOverflowTooltipLabel","_jsx","classNames","handleBasicClasses","prefix","children","Tooltip","placement","Placement","TOP","_jsxs","RawClickable","isSelected","undefined","Icon","size","Size","xs","Text","truncate","displayName"],"mappings":";;;;;;;;;;;;;AA4BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;;AAEvC;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,EAAC;AAE5CG,MAAAA,cAAc,GAAGC,MAAM,CAACC,MAAM,CACvCC,qBAAqB,CAAC,CAA8BC,KAA6B,EAAEC,GAAoB,KAAK;EACxG,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,KAAK;IAAEC,aAAa;IAAEC,EAAE,EAAEC,OAAO,GAAG,GAAG;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGR,KAAK,CAAA;AAC7F,EAAA,MAAMS,KAAK,GAAGC,QAAQ,EAAE,CAAA;EACxB,MAAM;IAAEC,YAAY;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGC,uBAAuB,CAACT,KAAK,CAAC,CAAA;AAEjE,EAAA,oBACIU,GAAA,CAAA,IAAA,EAAA;AACIZ,IAAAA,SAAS,EAAEa,UAAU,CACjBb,SAAS,EACTc,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAEvB,SAAS;AACjBe,MAAAA,KAAAA;AACJ,KAAC,CACL,CAAE;IAAAS,QAAA,eAEFJ,GAAA,CAACK,OAAO,EAAA;AAACf,MAAAA,KAAK,EAAEO,YAAa;MAACS,SAAS,EAAEC,SAAS,CAACC,GAAI;MAAAJ,QAAA,eACnDK,IAAA,CAACC,YAAY,EAAA;AACTlB,QAAAA,EAAE,EAAEC,OAAQ;QACZL,SAAS,EAAEc,kBAAkB,CAAC;UAC1BC,MAAM,EAAE,CAAGvB,EAAAA,SAAS,CAAQ,MAAA,CAAA;AAC5B+B,UAAAA,UAAU,EAAEpB,aAAAA;AAChB,SAAC,CAAE;AACHJ,QAAAA,GAAG,EAAEA,GAAsB;AAC3B,QAAA,cAAA,EAAcI,aAAa,GAAG,MAAM,GAAGqB,SAAU;AAAA,QAAA,GAC7ClB,cAAc;AAAAU,QAAAA,QAAA,EAEjBf,CAAAA,IAAI,gBACDW,GAAA,CAACa,IAAI,EAAA;UAACzB,SAAS,EAAE,CAAGR,EAAAA,SAAS,CAAS,MAAA,CAAA;AAACS,UAAAA,IAAI,EAAEA,IAAK;UAACyB,IAAI,EAAEC,IAAI,CAACC,EAAG;AAACrB,UAAAA,KAAK,EAAEA,KAAAA;AAAM,SAAE,CAAC,GAClF,IAAI,eAERK,GAAA,CAACiB,IAAI,EAAA;AAACzB,UAAAA,EAAE,EAAC,MAAM;UAAC0B,QAAQ,EAAA,IAAA;UAAC9B,SAAS,EAAE,CAAGR,EAAAA,SAAS,CAAU,OAAA,CAAA;AAACO,UAAAA,GAAG,EAAEW,QAAS;AAAAM,UAAAA,QAAA,EACpEd,KAAAA;AAAK,SACJ,CAAC,CAAA;OACG,CAAA;KACT,CAAA;AAAC,GACV,CAAC,CAAA;AAEb,CAAC,CAAC,EACF;AACI6B,EAAAA,WAAW,EAAExC,cAAc;AAC3BS,EAAAA,SAAS,EAAER,SAAAA;AACf,CACJ;;;;"}
|
package/_internal/f419ecef.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"f419ecef.js","sources":["../../../lumx-icons/dist/esm/alert.js"],"sourcesContent":["export const mdiAlert = 'M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z';"],"names":["mdiAlert"],"mappings":"AAAO,MAAMA,QAAQ,GAAG;;;;"}
|
package/_internal/f4baa1da.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var top = 'top';
|
|
2
|
-
var bottom = 'bottom';
|
|
3
|
-
var right = 'right';
|
|
4
|
-
var left = 'left';
|
|
5
|
-
var auto = 'auto';
|
|
6
|
-
var basePlacements = [top, bottom, right, left];
|
|
7
|
-
var start = 'start';
|
|
8
|
-
var end = 'end';
|
|
9
|
-
var clippingParents = 'clippingParents';
|
|
10
|
-
var viewport = 'viewport';
|
|
11
|
-
var popper = 'popper';
|
|
12
|
-
var reference = 'reference';
|
|
13
|
-
var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {
|
|
14
|
-
return acc.concat([placement + "-" + start, placement + "-" + end]);
|
|
15
|
-
}, []);
|
|
16
|
-
var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {
|
|
17
|
-
return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
|
|
18
|
-
}, []); // modifiers that need to read the DOM
|
|
19
|
-
|
|
20
|
-
var beforeRead = 'beforeRead';
|
|
21
|
-
var read = 'read';
|
|
22
|
-
var afterRead = 'afterRead'; // pure-logic modifiers
|
|
23
|
-
|
|
24
|
-
var beforeMain = 'beforeMain';
|
|
25
|
-
var main = 'main';
|
|
26
|
-
var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)
|
|
27
|
-
|
|
28
|
-
var beforeWrite = 'beforeWrite';
|
|
29
|
-
var write = 'write';
|
|
30
|
-
var afterWrite = 'afterWrite';
|
|
31
|
-
var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
|
|
32
|
-
|
|
33
|
-
export { afterMain, afterRead, afterWrite, auto, basePlacements, beforeMain, beforeRead, beforeWrite, bottom, clippingParents, end, left, main, modifierPhases, placements, popper, read, reference, right, start, top, variationPlacements, viewport, write };
|
|
34
|
-
//# sourceMappingURL=f4baa1da.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"f4baa1da.js","sources":["../../../../node_modules/@popperjs/core/lib/enums.js"],"sourcesContent":["export var top = 'top';\nexport var bottom = 'bottom';\nexport var right = 'right';\nexport var left = 'left';\nexport var auto = 'auto';\nexport var basePlacements = [top, bottom, right, left];\nexport var start = 'start';\nexport var end = 'end';\nexport var clippingParents = 'clippingParents';\nexport var viewport = 'viewport';\nexport var popper = 'popper';\nexport var reference = 'reference';\nexport var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {\n return acc.concat([placement + \"-\" + start, placement + \"-\" + end]);\n}, []);\nexport var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {\n return acc.concat([placement, placement + \"-\" + start, placement + \"-\" + end]);\n}, []); // modifiers that need to read the DOM\n\nexport var beforeRead = 'beforeRead';\nexport var read = 'read';\nexport var afterRead = 'afterRead'; // pure-logic modifiers\n\nexport var beforeMain = 'beforeMain';\nexport var main = 'main';\nexport var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)\n\nexport var beforeWrite = 'beforeWrite';\nexport var write = 'write';\nexport var afterWrite = 'afterWrite';\nexport var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];"],"names":[],"mappings":"AAAU,IAAC,GAAG,GAAG,MAAM;AACb,IAAC,MAAM,GAAG,SAAS;AACnB,IAAC,KAAK,GAAG,QAAQ;AACjB,IAAC,IAAI,GAAG,OAAO;AACf,IAAC,IAAI,GAAG,OAAO;AACf,IAAC,cAAc,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC7C,IAAC,KAAK,GAAG,QAAQ;AACjB,IAAC,GAAG,GAAG,MAAM;AACb,IAAC,eAAe,GAAG,kBAAkB;AACrC,IAAC,QAAQ,GAAG,WAAW;AACvB,IAAC,MAAM,GAAG,SAAS;AACnB,IAAC,SAAS,GAAG,YAAY;AACzB,IAAC,mBAAmB,gBAAgB,cAAc,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,SAAS,EAAE;AAC9F,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,GAAG,GAAG,GAAG,KAAK,EAAE,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AACtE,CAAC,EAAE,EAAE,EAAE;AACG,IAAC,UAAU,gBAAgB,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,SAAS,EAAE;AACxG,EAAE,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,KAAK,EAAE,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;AACjF,CAAC,EAAE,EAAE,EAAE;AACP;AACU,IAAC,UAAU,GAAG,aAAa;AAC3B,IAAC,IAAI,GAAG,OAAO;AACf,IAAC,SAAS,GAAG,YAAY;AACnC;AACU,IAAC,UAAU,GAAG,aAAa;AAC3B,IAAC,IAAI,GAAG,OAAO;AACf,IAAC,SAAS,GAAG,YAAY;AACnC;AACU,IAAC,WAAW,GAAG,cAAc;AAC7B,IAAC,KAAK,GAAG,QAAQ;AACjB,IAAC,UAAU,GAAG,aAAa;AAC3B,IAAC,cAAc,GAAG,CAAC,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU;;;;","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"f6bc7948.js","sources":["../../src/hooks/useTransitionVisibility.ts"],"sourcesContent":["import { RefObject, useEffect, useRef, useState } from 'react';\nimport { isReducedMotion } from '@lumx/react/utils/browser/isReducedMotion';\n\n/**\n * Returns true if the component is visible tracking the opacity transition.\n *\n * @param ref Element on which to listen the transition event.\n * @param isComponentVisible Whether the component intends to be visible or not.\n * @param onVisibilityChange Callback called when the visibility changes.\n * @return true if the component should be rendered\n */\nexport const useTransitionVisibility = (\n ref: RefObject<HTMLElement>,\n isComponentVisible: boolean,\n timeout: number,\n onVisibilityChange?: (isVisible: boolean) => void,\n) => {\n const [isVisible, setVisible] = useState(isComponentVisible);\n const previousVisibility = useRef(isVisible);\n\n // On component visibility change.\n useEffect(() => {\n if (isComponentVisible) {\n setVisible(true);\n return undefined;\n }\n const { current: element } = ref;\n\n // Transition event is not supported or the user prefers reduced motion.\n // => Skip and set visibility to false directly.\n if (!element || !window.TransitionEvent || isReducedMotion()) {\n setVisible(false);\n return undefined;\n }\n\n const timer = setTimeout(() => setVisible(false), timeout);\n return () => clearTimeout(timer);\n }, [isComponentVisible, ref, timeout]);\n\n useEffect(() => {\n if (onVisibilityChange && previousVisibility.current !== isVisible) {\n onVisibilityChange(isVisible);\n previousVisibility.current = isVisible;\n }\n }, [isVisible, onVisibilityChange]);\n\n return isVisible || isComponentVisible;\n};\n"],"names":["useTransitionVisibility","ref","isComponentVisible","timeout","onVisibilityChange","isVisible","setVisible","useState","previousVisibility","useRef","useEffect","undefined","current","element","window","TransitionEvent","isReducedMotion","timer","setTimeout","clearTimeout"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,uBAAuB,GAAGA,CACnCC,GAA2B,EAC3BC,kBAA2B,EAC3BC,OAAe,EACfC,kBAAiD,KAChD;EACD,MAAM,CAACC,SAAS,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAACL,kBAAkB,CAAC,CAAA;AAC5D,EAAA,MAAMM,kBAAkB,GAAGC,MAAM,CAACJ,SAAS,CAAC,CAAA;;AAE5C;AACAK,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,IAAIR,kBAAkB,EAAE;MACpBI,UAAU,CAAC,IAAI,CAAC,CAAA;AAChB,MAAA,OAAOK,SAAS,CAAA;AACpB,KAAA;IACA,MAAM;AAAEC,MAAAA,OAAO,EAAEC,OAAAA;AAAQ,KAAC,GAAGZ,GAAG,CAAA;;AAEhC;AACA;IACA,IAAI,CAACY,OAAO,IAAI,CAACC,MAAM,CAACC,eAAe,IAAIC,eAAe,EAAE,EAAE;MAC1DV,UAAU,CAAC,KAAK,CAAC,CAAA;AACjB,MAAA,OAAOK,SAAS,CAAA;AACpB,KAAA;IAEA,MAAMM,KAAK,GAAGC,UAAU,CAAC,MAAMZ,UAAU,CAAC,KAAK,CAAC,EAAEH,OAAO,CAAC,CAAA;AAC1D,IAAA,OAAO,MAAMgB,YAAY,CAACF,KAAK,CAAC,CAAA;GACnC,EAAE,CAACf,kBAAkB,EAAED,GAAG,EAAEE,OAAO,CAAC,CAAC,CAAA;AAEtCO,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,IAAIN,kBAAkB,IAAII,kBAAkB,CAACI,OAAO,KAAKP,SAAS,EAAE;MAChED,kBAAkB,CAACC,SAAS,CAAC,CAAA;MAC7BG,kBAAkB,CAACI,OAAO,GAAGP,SAAS,CAAA;AAC1C,KAAA;AACJ,GAAC,EAAE,CAACA,SAAS,EAAED,kBAAkB,CAAC,CAAC,CAAA;EAEnC,OAAOC,SAAS,IAAIH,kBAAkB,CAAA;AAC1C;;;;"}
|
package/_internal/f7520b8e.js
DELETED
|
@@ -1,52 +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
|
-
const DEFAULT_PROPS = {};
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Component display name.
|
|
12
|
-
*/
|
|
13
|
-
const COMPONENT_NAME = 'SkeletonCircle';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* Component default class name and class prefix.
|
|
17
|
-
*/
|
|
18
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* SkeletonCircle component.
|
|
22
|
-
*
|
|
23
|
-
* @param props Component props.
|
|
24
|
-
* @param ref Component ref.
|
|
25
|
-
* @return React element.
|
|
26
|
-
*/
|
|
27
|
-
const SkeletonCircle = forwardRef((props, ref) => {
|
|
28
|
-
const defaultTheme = useTheme() || Theme.light;
|
|
29
|
-
const {
|
|
30
|
-
className,
|
|
31
|
-
size,
|
|
32
|
-
color,
|
|
33
|
-
theme = defaultTheme,
|
|
34
|
-
...forwardedProps
|
|
35
|
-
} = props;
|
|
36
|
-
return /*#__PURE__*/jsx("div", {
|
|
37
|
-
ref: ref,
|
|
38
|
-
...forwardedProps,
|
|
39
|
-
className: classNames(className, handleBasicClasses({
|
|
40
|
-
prefix: CLASSNAME,
|
|
41
|
-
size,
|
|
42
|
-
color,
|
|
43
|
-
theme
|
|
44
|
-
}))
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
SkeletonCircle.displayName = COMPONENT_NAME;
|
|
48
|
-
SkeletonCircle.defaultProps = DEFAULT_PROPS;
|
|
49
|
-
SkeletonCircle.className = CLASSNAME;
|
|
50
|
-
|
|
51
|
-
export { SkeletonCircle };
|
|
52
|
-
//# sourceMappingURL=f7520b8e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"f7520b8e.js","sources":["../../src/components/skeleton/SkeletonCircle.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GlobalSize, Theme, ColorPalette } 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 SkeletonCircleProps extends GenericProps, HasTheme {\n /** Size variant. */\n size: GlobalSize;\n /** The color of the skeleton. */\n color?: ColorPalette;\n}\n\nconst DEFAULT_PROPS: Partial<SkeletonCircleProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SkeletonCircle';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SkeletonCircle component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const SkeletonCircle = forwardRef<SkeletonCircleProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const { className, size, color, theme = defaultTheme, ...forwardedProps } = props;\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, size, color, theme }))}\n />\n );\n});\nSkeletonCircle.displayName = COMPONENT_NAME;\nSkeletonCircle.defaultProps = DEFAULT_PROPS;\nSkeletonCircle.className = CLASSNAME;\n"],"names":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","SkeletonCircle","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","size","color","theme","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;AAkBA,MAAMA,aAA2C,GAAG,EAAE,CAAA;;AAEtD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,gBAAgB,CAAA;;AAEvC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGC,UAAU,CAAsC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,KAAK;AAAEC,IAAAA,KAAK,GAAGP,YAAY;IAAE,GAAGQ,cAAAA;AAAe,GAAC,GAAGV,KAAK,CAAA;AAEjF,EAAA,oBACIW,GAAA,CAAA,KAAA,EAAA;AACIV,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLS,cAAc;AAClBJ,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAElB,SAAS;MAAEW,IAAI;MAAEC,KAAK;AAAEC,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAA;AAAE,GACnG,CAAC,CAAA;AAEV,CAAC,EAAC;AACFX,cAAc,CAACiB,WAAW,GAAGpB,cAAc,CAAA;AAC3CG,cAAc,CAACkB,YAAY,GAAGtB,aAAa,CAAA;AAC3CI,cAAc,CAACQ,SAAS,GAAGV,SAAS;;;;"}
|
package/_internal/f8c49b24.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { getRootClassName } from '@lumx/core/js/utils/className';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Component display name.
|
|
5
|
-
*/
|
|
6
|
-
const COMPONENT_NAME = 'DatePicker';
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Component default class name and class prefix.
|
|
10
|
-
*/
|
|
11
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
12
|
-
|
|
13
|
-
export { CLASSNAME, COMPONENT_NAME };
|
|
14
|
-
//# sourceMappingURL=f8c49b24.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"f8c49b24.js","sources":["../../src/components/date-picker/constants.ts"],"sourcesContent":["import { getRootClassName } from '@lumx/core/js/utils/className';\n\n/**\n * Component display name.\n */\nexport const COMPONENT_NAME = 'DatePicker';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName"],"mappings":";;AAEA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,aAAY;;AAE1C;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc;;;;"}
|
package/_internal/fb201a04.js
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import ReactDOM from 'react-dom';
|
|
2
|
-
import { useReducer, useEffect } from 'react';
|
|
3
|
-
import { INIT_STATE, reducer, TabProviderContext } from './e0398237.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
const DEFAULT_PROPS = {
|
|
7
|
-
isLazy: INIT_STATE.isLazy,
|
|
8
|
-
shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* This component provides a context in which tabs can be defined and linked to their tab panel.
|
|
13
|
-
*
|
|
14
|
-
* It does not produce any markup so you can wrap it around any React elements and then split the TabList and TabPanel
|
|
15
|
-
* components in the react tree.
|
|
16
|
-
*
|
|
17
|
-
* @param props React component props.
|
|
18
|
-
* @return React element.
|
|
19
|
-
*/
|
|
20
|
-
const TabProvider = props => {
|
|
21
|
-
const {
|
|
22
|
-
children,
|
|
23
|
-
onChange,
|
|
24
|
-
...propState
|
|
25
|
-
} = props;
|
|
26
|
-
const [state, dispatch] = useReducer(reducer, INIT_STATE);
|
|
27
|
-
|
|
28
|
-
// On prop state change => dispatch update.
|
|
29
|
-
useEffect(() => {
|
|
30
|
-
dispatch({
|
|
31
|
-
type: 'update',
|
|
32
|
-
payload: {
|
|
33
|
-
...DEFAULT_PROPS,
|
|
34
|
-
...propState
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
},
|
|
38
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
39
|
-
[dispatch, ...Object.values(propState)]);
|
|
40
|
-
|
|
41
|
-
// On active tab index state change => send update to the onChange.
|
|
42
|
-
useEffect(() => {
|
|
43
|
-
if (state === INIT_STATE || !onChange || propState.activeTabIndex === state.activeTabIndex) {
|
|
44
|
-
return;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
// Escape rendering/useEffect context
|
|
48
|
-
queueMicrotask(() => {
|
|
49
|
-
// Wait for React to commit last state changes (avoid looping state update)
|
|
50
|
-
ReactDOM.flushSync(() => {
|
|
51
|
-
onChange(state.activeTabIndex);
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
},
|
|
55
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
56
|
-
[onChange, state.activeTabIndex]);
|
|
57
|
-
return /*#__PURE__*/jsx(TabProviderContext.Provider, {
|
|
58
|
-
value: [state, dispatch],
|
|
59
|
-
children: children
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
TabProvider.defaultProps = DEFAULT_PROPS;
|
|
63
|
-
|
|
64
|
-
export { TabProvider };
|
|
65
|
-
//# sourceMappingURL=fb201a04.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fb201a04.js","sources":["../../src/components/tabs/TabProvider.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport { ReactNode, useEffect, useReducer } from 'react';\nimport { INIT_STATE, TabProviderContext, reducer } from './state';\n\nexport interface TabProviderProps {\n /** Active tab index. */\n activeTabIndex?: number;\n /** Tab provider children. */\n children: ReactNode;\n /** Tab panel children should not render if the tab panel is hidden. */\n isLazy?: boolean;\n /** Activate tabs on focus. */\n shouldActivateOnFocus?: boolean;\n\n /** Tab change callback. */\n onChange?(index: number): void;\n}\n\nconst DEFAULT_PROPS: Partial<TabProviderProps> = {\n isLazy: INIT_STATE.isLazy,\n shouldActivateOnFocus: INIT_STATE.shouldActivateOnFocus,\n};\n\n/**\n * This component provides a context in which tabs can be defined and linked to their tab panel.\n *\n * It does not produce any markup so you can wrap it around any React elements and then split the TabList and TabPanel\n * components in the react tree.\n *\n * @param props React component props.\n * @return React element.\n */\nexport const TabProvider: React.FC<TabProviderProps> = (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({ type: 'update', payload: { ...DEFAULT_PROPS, ...propState } });\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.activeTabIndex === state.activeTabIndex) {\n return;\n }\n\n // Escape rendering/useEffect context\n queueMicrotask(() => {\n // Wait for React to commit last state changes (avoid looping state update)\n ReactDOM.flushSync(() => {\n onChange(state.activeTabIndex);\n });\n });\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};\nTabProvider.defaultProps = DEFAULT_PROPS;\n"],"names":["DEFAULT_PROPS","isLazy","INIT_STATE","shouldActivateOnFocus","TabProvider","props","children","onChange","propState","state","dispatch","useReducer","reducer","useEffect","type","payload","Object","values","activeTabIndex","queueMicrotask","ReactDOM","flushSync","_jsx","TabProviderContext","Provider","value","defaultProps"],"mappings":";;;;;AAkBA,MAAMA,aAAwC,GAAG;EAC7CC,MAAM,EAAEC,UAAU,CAACD,MAAM;EACzBE,qBAAqB,EAAED,UAAU,CAACC,qBAAAA;AACtC,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,WAAuC,GAAIC,KAAK,IAAK;EAC9D,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;AAAEI,MAAAA,IAAI,EAAE,QAAQ;AAAEC,MAAAA,OAAO,EAAE;AAAE,QAAA,GAAGf,aAAa;QAAE,GAAGQ,SAAAA;AAAU,OAAA;AAAE,KAAC,CAAC,CAAA;GAC5E;AACD;EACA,CAACE,QAAQ,EAAE,GAAGM,MAAM,CAACC,MAAM,CAACT,SAAS,CAAC,CAC1C,CAAC,CAAA;;AAED;AACAK,EAAAA,SAAS,CACL,MAAM;AACF,IAAA,IAAIJ,KAAK,KAAKP,UAAU,IAAI,CAACK,QAAQ,IAAIC,SAAS,CAACU,cAAc,KAAKT,KAAK,CAACS,cAAc,EAAE;AACxF,MAAA,OAAA;AACJ,KAAA;;AAEA;AACAC,IAAAA,cAAc,CAAC,MAAM;AACjB;MACAC,QAAQ,CAACC,SAAS,CAAC,MAAM;AACrBd,QAAAA,QAAQ,CAACE,KAAK,CAACS,cAAc,CAAC,CAAA;AAClC,OAAC,CAAC,CAAA;AACN,KAAC,CAAC,CAAA;GACL;AACD;AACA,EAAA,CAACX,QAAQ,EAAEE,KAAK,CAACS,cAAc,CACnC,CAAC,CAAA;AAED,EAAA,oBAAOI,GAAA,CAACC,kBAAkB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAChB,KAAK,EAAEC,QAAQ,CAAE;AAAAJ,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA8B,CAAC,CAAA;AAC1G,EAAC;AACDF,WAAW,CAACsB,YAAY,GAAG1B,aAAa;;;;"}
|
package/_internal/fb36ff46.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import { getRootClassName } from '@lumx/core/js/utils/className';
|
|
3
|
-
import { forwardRef } from './bd8b3ec8.js';
|
|
4
|
-
import { useChipGroupNavigation } from './7d9c0855.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Component default props.
|
|
9
|
-
*/
|
|
10
|
-
const DEFAULT_PROPS = {};
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Component display name.
|
|
14
|
-
*/
|
|
15
|
-
const COMPONENT_NAME = 'ChipGroup';
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Component default class name and class prefix.
|
|
19
|
-
*/
|
|
20
|
-
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* ChipGroup component.
|
|
24
|
-
*
|
|
25
|
-
* @param props Component props.
|
|
26
|
-
* @param ref Component ref.
|
|
27
|
-
* @return React element.
|
|
28
|
-
*/
|
|
29
|
-
const InternalChipGroup = forwardRef((props, ref) => {
|
|
30
|
-
const {
|
|
31
|
-
align,
|
|
32
|
-
children,
|
|
33
|
-
className,
|
|
34
|
-
...forwardedProps
|
|
35
|
-
} = props;
|
|
36
|
-
return /*#__PURE__*/jsx("div", {
|
|
37
|
-
ref: ref,
|
|
38
|
-
...forwardedProps,
|
|
39
|
-
className: classNames(className, CLASSNAME),
|
|
40
|
-
children: children
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
InternalChipGroup.displayName = COMPONENT_NAME;
|
|
44
|
-
InternalChipGroup.className = CLASSNAME;
|
|
45
|
-
InternalChipGroup.defaultProps = DEFAULT_PROPS;
|
|
46
|
-
const ChipGroup = Object.assign(InternalChipGroup, {
|
|
47
|
-
useChipGroupNavigation
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
export { ChipGroup };
|
|
51
|
-
//# sourceMappingURL=fb36ff46.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fb36ff46.js","sources":["../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { HorizontalAlignment } from '@lumx/core/js/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useChipGroupNavigation } from '@lumx/react/hooks/useChipGroupNavigation';\n\n/**\n * Defines the props of the component.\n */\nexport interface ChipGroupProps extends GenericProps {\n /**\n * Chip horizontal alignment.\n * @deprecated\n */\n align?: HorizontalAlignment;\n /** List of Chip. */\n children: ReactNode;\n}\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ChipGroupProps> = {};\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ChipGroup';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * ChipGroup component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nconst InternalChipGroup = forwardRef<ChipGroupProps, HTMLDivElement>((props, ref) => {\n const { align, children, className, ...forwardedProps } = props;\n\n return (\n <div ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n {children}\n </div>\n );\n});\nInternalChipGroup.displayName = COMPONENT_NAME;\nInternalChipGroup.className = CLASSNAME;\nInternalChipGroup.defaultProps = DEFAULT_PROPS;\n\nexport const ChipGroup = Object.assign(InternalChipGroup, { useChipGroupNavigation });\n"],"names":["DEFAULT_PROPS","COMPONENT_NAME","CLASSNAME","getRootClassName","InternalChipGroup","forwardRef","props","ref","align","children","className","forwardedProps","_jsx","classNames","displayName","defaultProps","ChipGroup","Object","assign","useChipGroupNavigation"],"mappings":";;;;;;AAwBA;AACA;AACA;AACA,MAAMA,aAAsC,GAAG,EAAE,CAAA;;AAEjD;AACA;AACA;AACA,MAAMC,cAAc,GAAG,WAAW,CAAA;;AAElC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,iBAAiB,GAAGC,UAAU,CAAiC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjF,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGL,KAAK,CAAA;AAE/D,EAAA,oBACIM,GAAA,CAAA,KAAA,EAAA;AAAKL,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKI,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAER,SAAS,CAAE;AAAAO,IAAAA,QAAA,EAC1EA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,CAAC,CAAA;AACFL,iBAAiB,CAACU,WAAW,GAAGb,cAAc,CAAA;AAC9CG,iBAAiB,CAACM,SAAS,GAAGR,SAAS,CAAA;AACvCE,iBAAiB,CAACW,YAAY,GAAGf,aAAa,CAAA;AAEvC,MAAMgB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACd,iBAAiB,EAAE;AAAEe,EAAAA,sBAAAA;AAAuB,CAAC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fcc7c462.js","sources":["../../src/components/flag/Flag.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { ColorPalette, Icon, Size, Theme, Text } 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\nexport interface FlagProps extends GenericProps, HasTheme {\n /** Color of the component. */\n color?: ColorPalette;\n /** Icon to use before the label. */\n icon?: string;\n /** Text label of the flag. */\n label: React.ReactNode;\n /** Enable text truncate on overflow */\n truncate?: boolean;\n}\n\nconst COMPONENT_NAME = 'Flag';\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\nconst DEFAULT_PROPS: Partial<FlagProps> = {};\n\n/**\n * Flag component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Flag = forwardRef<FlagProps, HTMLDivElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const { label, icon, color, className, theme = defaultTheme, truncate, ...forwardedProps } = props;\n const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);\n const isTruncated = !!truncate;\n\n return (\n <div\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color: flagColor, isTruncated }))}\n ref={ref}\n >\n {icon && <Icon icon={icon} size={Size.xxs} className={`${CLASSNAME}__icon`} />}\n <Text as=\"span\" truncate={isTruncated} typography=\"overline\" className={`${CLASSNAME}__label`}>\n {label}\n </Text>\n </div>\n );\n});\nFlag.displayName = COMPONENT_NAME;\nFlag.className = CLASSNAME;\nFlag.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Flag","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","label","icon","color","className","theme","truncate","forwardedProps","flagColor","ColorPalette","dark","isTruncated","_jsxs","classNames","handleBasicClasses","prefix","children","_jsx","Icon","size","Size","xxs","Text","as","typography","displayName","defaultProps"],"mappings":";;;;;;;;;AAmBA,MAAMA,cAAc,GAAG,MAAM,CAAA;AAC7B,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;AAClD,MAAMG,aAAiC,GAAG,EAAE,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,IAAI,GAAGC,UAAU,CAA4B,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;AAAEC,IAAAA,KAAK,GAAGR,YAAY;IAAES,QAAQ;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGZ,KAAK,CAAA;AAClG,EAAA,MAAMa,SAAS,GAAGL,KAAK,KAAKE,KAAK,KAAKN,KAAK,CAACC,KAAK,GAAGS,YAAY,CAACC,IAAI,GAAGD,YAAY,CAACT,KAAK,CAAC,CAAA;AAC3F,EAAA,MAAMW,WAAW,GAAG,CAAC,CAACL,QAAQ,CAAA;AAE9B,EAAA,oBACIM,IAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GACQL,cAAc;AAClBH,IAAAA,SAAS,EAAES,UAAU,CAACT,SAAS,EAAEU,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEzB,SAAS;AAAEa,MAAAA,KAAK,EAAEK,SAAS;AAAEG,MAAAA,WAAAA;AAAY,KAAC,CAAC,CAAE;AAC3Gf,IAAAA,GAAG,EAAEA,GAAI;AAAAoB,IAAAA,QAAA,EAERd,CAAAA,IAAI,iBAAIe,GAAA,CAACC,IAAI,EAAA;AAAChB,MAAAA,IAAI,EAAEA,IAAK;MAACiB,IAAI,EAAEC,IAAI,CAACC,GAAI;MAACjB,SAAS,EAAE,GAAGd,SAAS,CAAA,MAAA,CAAA;AAAS,KAAE,CAAC,eAC9E2B,GAAA,CAACK,IAAI,EAAA;AAACC,MAAAA,EAAE,EAAC,MAAM;AAACjB,MAAAA,QAAQ,EAAEK,WAAY;AAACa,MAAAA,UAAU,EAAC,UAAU;MAACpB,SAAS,EAAE,CAAGd,EAAAA,SAAS,CAAU,OAAA,CAAA;AAAA0B,MAAAA,QAAA,EACzFf,KAAAA;AAAK,KACJ,CAAC,CAAA;AAAA,GACN,CAAC,CAAA;AAEd,CAAC,EAAC;AACFR,IAAI,CAACgC,WAAW,GAAGpC,cAAc,CAAA;AACjCI,IAAI,CAACW,SAAS,GAAGd,SAAS,CAAA;AAC1BG,IAAI,CAACiC,YAAY,GAAGlC,aAAa;;;;"}
|
package/_internal/fcf83937.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import computeOffsets from './d3286249.js';
|
|
2
|
-
|
|
3
|
-
function popperOffsets(_ref) {
|
|
4
|
-
var state = _ref.state,
|
|
5
|
-
name = _ref.name;
|
|
6
|
-
// Offsets are the actual position the popper needs to have to be
|
|
7
|
-
// properly positioned near its reference element
|
|
8
|
-
// This is the most basic placement, and will be adjusted by
|
|
9
|
-
// the modifiers in the next step
|
|
10
|
-
state.modifiersData[name] = computeOffsets({
|
|
11
|
-
reference: state.rects.reference,
|
|
12
|
-
element: state.rects.popper,
|
|
13
|
-
strategy: 'absolute',
|
|
14
|
-
placement: state.placement
|
|
15
|
-
});
|
|
16
|
-
} // eslint-disable-next-line import/no-unused-modules
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var popperOffsets$1 = {
|
|
20
|
-
name: 'popperOffsets',
|
|
21
|
-
enabled: true,
|
|
22
|
-
phase: 'read',
|
|
23
|
-
fn: popperOffsets,
|
|
24
|
-
data: {}
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export { popperOffsets$1 as default };
|
|
28
|
-
//# sourceMappingURL=fcf83937.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fcf83937.js","sources":["../../../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js"],"sourcesContent":["import computeOffsets from \"../utils/computeOffsets.js\";\n\nfunction popperOffsets(_ref) {\n var state = _ref.state,\n name = _ref.name;\n // Offsets are the actual position the popper needs to have to be\n // properly positioned near its reference element\n // This is the most basic placement, and will be adjusted by\n // the modifiers in the next step\n state.modifiersData[name] = computeOffsets({\n reference: state.rects.reference,\n element: state.rects.popper,\n strategy: 'absolute',\n placement: state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'popperOffsets',\n enabled: true,\n phase: 'read',\n fn: popperOffsets,\n data: {}\n};"],"names":[],"mappings":";;AAEA,SAAS,aAAa,CAAC,IAAI,EAAE;AAC7B,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACvB;AACA;AACA;AACA;AACA,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC;AAC7C,IAAI,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;AACpC,IAAI,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;AAC/B,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,SAAS,EAAE,KAAK,CAAC,SAAS;AAC9B,GAAG,CAAC,CAAC;AACL,CAAC;AACD;AACA;AACA,sBAAe;AACf,EAAE,IAAI,EAAE,eAAe;AACvB,EAAE,OAAO,EAAE,IAAI;AACf,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,EAAE,EAAE,aAAa;AACnB,EAAE,IAAI,EAAE,EAAE;AACV,CAAC;;;;","x_google_ignoreList":[0]}
|
package/_internal/fd3e2f21.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { MAX_HEADING_LEVEL } from './82c6852b.js';
|
|
2
|
-
import { HeadingLevelContext } from './0aa9027f.js';
|
|
3
|
-
import { useHeadingLevel } from './2cdd9ec6.js';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Provide a new heading level context.
|
|
8
|
-
*/
|
|
9
|
-
const HeadingLevelProvider = ({
|
|
10
|
-
children,
|
|
11
|
-
level
|
|
12
|
-
}) => {
|
|
13
|
-
const {
|
|
14
|
-
level: contextLevel
|
|
15
|
-
} = useHeadingLevel();
|
|
16
|
-
const incrementedLevel = level || contextLevel + 1;
|
|
17
|
-
/** Don't allow a level beyond the maximum level. */
|
|
18
|
-
const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;
|
|
19
|
-
const headingElement = `h${nextLevel}`;
|
|
20
|
-
return /*#__PURE__*/jsx(HeadingLevelContext.Provider, {
|
|
21
|
-
value: {
|
|
22
|
-
level: nextLevel,
|
|
23
|
-
headingElement
|
|
24
|
-
},
|
|
25
|
-
children: children
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export { HeadingLevelProvider };
|
|
30
|
-
//# sourceMappingURL=fd3e2f21.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"fd3e2f21.js","sources":["../../src/components/heading/HeadingLevelProvider.tsx"],"sourcesContent":["import { HeadingElement } from '@lumx/react/utils/type';\nimport { ReactNode } from 'react';\nimport { MAX_HEADING_LEVEL } from './constants';\nimport { HeadingLevelContext } from './context';\nimport { useHeadingLevel } from './useHeadingLevel';\n\nexport interface HeadingLevelProviderProps {\n /** The heading level to start at. If left undefined, the parent context will be used, if any. */\n level?: number;\n /** The children to display */\n children: ReactNode;\n}\n\n/**\n * Provide a new heading level context.\n */\nexport const HeadingLevelProvider: React.FC<HeadingLevelProviderProps> = ({ children, level }) => {\n const { level: contextLevel } = useHeadingLevel();\n\n const incrementedLevel = level || contextLevel + 1;\n /** Don't allow a level beyond the maximum level. */\n const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;\n const headingElement = `h${nextLevel}` as HeadingElement;\n\n return (\n <HeadingLevelContext.Provider value={{ level: nextLevel, headingElement }}>\n {children}\n </HeadingLevelContext.Provider>\n );\n};\n"],"names":["HeadingLevelProvider","children","level","contextLevel","useHeadingLevel","incrementedLevel","nextLevel","MAX_HEADING_LEVEL","headingElement","_jsx","HeadingLevelContext","Provider","value"],"mappings":";;;;;AAaA;AACA;AACA;AACO,MAAMA,oBAAyD,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAK;EAC9F,MAAM;AAAEA,IAAAA,KAAK,EAAEC,YAAAA;GAAc,GAAGC,eAAe,EAAE,CAAA;AAEjD,EAAA,MAAMC,gBAAgB,GAAGH,KAAK,IAAIC,YAAY,GAAG,CAAC,CAAA;AAClD;EACA,MAAMG,SAAS,GAAGD,gBAAgB,GAAGE,iBAAiB,GAAGA,iBAAiB,GAAGF,gBAAgB,CAAA;AAC7F,EAAA,MAAMG,cAAc,GAAG,CAAIF,CAAAA,EAAAA,SAAS,CAAoB,CAAA,CAAA;AAExD,EAAA,oBACIG,GAAA,CAACC,mBAAmB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEV,MAAAA,KAAK,EAAEI,SAAS;AAAEE,MAAAA,cAAAA;KAAiB;AAAAP,IAAAA,QAAA,EACrEA,QAAAA;AAAQ,GACiB,CAAC,CAAA;AAEvC;;;;"}
|
package/_internal/fdcf3942.js
DELETED
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
import { isClickable } from './378a6fb1.js';
|
|
2
|
-
import { isComponent } from './ebe24fd7.js';
|
|
3
|
-
import { flattenChildren } from './1616343a.js';
|
|
4
|
-
import { mergeRefs } from './27df0cb6.js';
|
|
5
|
-
import get from 'lodash/get';
|
|
6
|
-
import { useMemo, useState, useEffect, cloneElement } from 'react';
|
|
7
|
-
|
|
8
|
-
const INITIAL_INDEX = -1;
|
|
9
|
-
function onKeyboardFocus(props, handler) {
|
|
10
|
-
let isMouseDown = false;
|
|
11
|
-
return {
|
|
12
|
-
onFocus(evt) {
|
|
13
|
-
props.onFocus?.(evt);
|
|
14
|
-
if (!isMouseDown) {
|
|
15
|
-
handler(evt);
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
onMouseDown(evt) {
|
|
19
|
-
props.onMouseDown?.(evt);
|
|
20
|
-
isMouseDown = true;
|
|
21
|
-
},
|
|
22
|
-
onMouseUp(evt) {
|
|
23
|
-
props.onMouseUp?.(evt);
|
|
24
|
-
isMouseDown = false;
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
const isNavigableItem = node => {
|
|
29
|
-
return isComponent('ListItem')(node) && isClickable(node.props) && !node.props.isDisabled;
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* This custom hook detects clickable list item in a list and make them navigable with the keyboard.
|
|
34
|
-
*
|
|
35
|
-
* @param options See {@link Options}
|
|
36
|
-
* @return See {@link Output}
|
|
37
|
-
*/
|
|
38
|
-
const useInteractiveList = options => {
|
|
39
|
-
const {
|
|
40
|
-
ref,
|
|
41
|
-
onListItemSelected,
|
|
42
|
-
onListItemNavigated
|
|
43
|
-
} = options;
|
|
44
|
-
const items = useMemo(() => flattenChildren(options.items), [options.items]);
|
|
45
|
-
const [activeItemIndex, setActiveItemIndex] = useState(INITIAL_INDEX);
|
|
46
|
-
|
|
47
|
-
// Attach listeners to the list.
|
|
48
|
-
useEffect(() => {
|
|
49
|
-
const {
|
|
50
|
-
current: listElement
|
|
51
|
-
} = ref;
|
|
52
|
-
if (!listElement) {
|
|
53
|
-
return undefined;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* This function calculates the next index in the list to be active
|
|
58
|
-
* @param index current index
|
|
59
|
-
* @param code key code pressed
|
|
60
|
-
* @return next index
|
|
61
|
-
*/
|
|
62
|
-
const getNextIndex = (index, key) => {
|
|
63
|
-
switch (key) {
|
|
64
|
-
case 'ArrowDown':
|
|
65
|
-
return index + 1 < items.length ? index + 1 : 0;
|
|
66
|
-
case 'ArrowUp':
|
|
67
|
-
return index - 1 >= 0 ? index - 1 : items.length - 1;
|
|
68
|
-
default:
|
|
69
|
-
return INITIAL_INDEX;
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* Resets the active index to the initial state
|
|
75
|
-
*/
|
|
76
|
-
const resetActiveIndex = () => {
|
|
77
|
-
setActiveItemIndex(INITIAL_INDEX);
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Handles navigation with the arrows using the keyboard
|
|
82
|
-
* @param evt Key event
|
|
83
|
-
*/
|
|
84
|
-
const onArrowPressed = evt => {
|
|
85
|
-
const {
|
|
86
|
-
key
|
|
87
|
-
} = evt;
|
|
88
|
-
if (key !== 'ArrowUp' && key !== 'ArrowDown') {
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
let nextIndex = activeItemIndex;
|
|
92
|
-
let iterations = 0;
|
|
93
|
-
|
|
94
|
-
// Move to next navigable item.
|
|
95
|
-
do {
|
|
96
|
-
nextIndex = getNextIndex(nextIndex, key);
|
|
97
|
-
iterations += 1;
|
|
98
|
-
} while (nextIndex !== INITIAL_INDEX && nextIndex !== activeItemIndex && !isNavigableItem(items[nextIndex]) && iterations < items.length);
|
|
99
|
-
setActiveItemIndex(nextIndex);
|
|
100
|
-
evt.preventDefault();
|
|
101
|
-
evt.stopPropagation();
|
|
102
|
-
onListItemNavigated?.(nextIndex, get(items, [nextIndex, 'key']));
|
|
103
|
-
};
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* Reset active list item index when focusing outside the list.
|
|
107
|
-
* @param evt Focus out event
|
|
108
|
-
*/
|
|
109
|
-
const onFocusOut = evt => {
|
|
110
|
-
if (!evt.relatedTarget || !listElement.contains(evt.relatedTarget)) {
|
|
111
|
-
resetActiveIndex();
|
|
112
|
-
}
|
|
113
|
-
};
|
|
114
|
-
listElement.addEventListener('focusout', onFocusOut);
|
|
115
|
-
listElement.addEventListener('keydown', onArrowPressed);
|
|
116
|
-
return () => {
|
|
117
|
-
listElement.removeEventListener('focusout', onFocusOut);
|
|
118
|
-
listElement.removeEventListener('keydown', onArrowPressed);
|
|
119
|
-
};
|
|
120
|
-
}, [ref, activeItemIndex, items, onListItemNavigated]);
|
|
121
|
-
return useMemo(() => {
|
|
122
|
-
let hasClickableItem = false;
|
|
123
|
-
const transformedItems = items.map((item, index) => {
|
|
124
|
-
// Ignore if list not clickable or item is not a simple list item.
|
|
125
|
-
if (!isNavigableItem(item)) {
|
|
126
|
-
return item;
|
|
127
|
-
}
|
|
128
|
-
hasClickableItem = true;
|
|
129
|
-
const isHighlighted = index === activeItemIndex;
|
|
130
|
-
|
|
131
|
-
// Clone list item: inject ref, add tab index and active state.
|
|
132
|
-
return /*#__PURE__*/cloneElement(item, {
|
|
133
|
-
...item.props,
|
|
134
|
-
isHighlighted: item.props.isHighlighted ?? isHighlighted,
|
|
135
|
-
linkRef: mergeRefs(item.props.linkRef, element => {
|
|
136
|
-
if (isHighlighted) {
|
|
137
|
-
element?.focus();
|
|
138
|
-
}
|
|
139
|
-
}),
|
|
140
|
-
onItemSelected(evt) {
|
|
141
|
-
item.props.onItemSelected?.();
|
|
142
|
-
onListItemSelected?.(index, item.key, evt);
|
|
143
|
-
},
|
|
144
|
-
...onKeyboardFocus(item.props, () => {
|
|
145
|
-
setActiveItemIndex(index);
|
|
146
|
-
})
|
|
147
|
-
});
|
|
148
|
-
});
|
|
149
|
-
return {
|
|
150
|
-
items: transformedItems,
|
|
151
|
-
hasClickableItem
|
|
152
|
-
};
|
|
153
|
-
}, [items, activeItemIndex, onListItemSelected]);
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
export { useInteractiveList };
|
|
157
|
-
//# sourceMappingURL=fdcf3942.js.map
|