@lumx/react 3.20.1-alpha.32 → 3.20.1-alpha.34
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/00560d40.js +11 -0
- package/_internal/00560d40.js.map +1 -0
- package/_internal/{components/grid-column-99652545.js → 00cc46ee.js} +2 -2
- package/_internal/00cc46ee.js.map +1 -0
- package/_internal/{useFocusTrap-c3c6378b.js → 0350c865.js} +5 -27
- package/_internal/0350c865.js.map +1 -0
- package/_internal/063618dc.js +21 -0
- package/_internal/063618dc.js.map +1 -0
- package/_internal/07f6dc7c.js +16 -0
- package/_internal/07f6dc7c.js.map +1 -0
- package/_internal/0846b7f3.js +4 -0
- package/_internal/0846b7f3.js.map +1 -0
- package/_internal/08948b47.js +109 -0
- package/_internal/08948b47.js.map +1 -0
- package/_internal/08b0de35.js +14 -0
- package/_internal/08b0de35.js.map +1 -0
- package/_internal/094c811d.js +24 -0
- package/_internal/094c811d.js.map +1 -0
- package/_internal/09d97180.js +18 -0
- package/_internal/09d97180.js.map +1 -0
- package/_internal/0a2c57a2.js +9 -0
- package/_internal/0a2c57a2.js.map +1 -0
- package/_internal/0a7f4911.js +64 -0
- package/_internal/0a7f4911.js.map +1 -0
- package/_internal/0aa9027f.js +10 -0
- package/_internal/0aa9027f.js.map +1 -0
- package/_internal/0c58c8e2.js +59 -0
- package/_internal/0c58c8e2.js.map +1 -0
- package/_internal/{Button-1b7d3b79.js → 0d7cc1e0.js} +8 -8
- package/_internal/0d7cc1e0.js.map +1 -0
- package/_internal/0db022d6.js +58 -0
- package/_internal/0db022d6.js.map +1 -0
- package/_internal/0e16222d.js +9 -0
- package/_internal/0e16222d.js.map +1 -0
- package/_internal/0f849025.js +4 -0
- package/_internal/0f849025.js.map +1 -0
- package/_internal/0fe87dc7.js +72 -0
- package/_internal/0fe87dc7.js.map +1 -0
- package/_internal/1060c47e.js +4 -0
- package/_internal/1060c47e.js.map +1 -0
- package/_internal/{isComponentType-e806b848.js → 111e65e5.js} +2 -2
- package/_internal/111e65e5.js.map +1 -0
- package/_internal/{useId-3a1facc0.js → 11687649.js} +2 -2
- package/_internal/11687649.js.map +1 -0
- package/_internal/14390eeb.js +7 -0
- package/_internal/14390eeb.js.map +1 -0
- package/_internal/145228a7.js +47 -0
- package/_internal/145228a7.js.map +1 -0
- package/_internal/{components/uploader-2e1b080e.js → 15fb66ce.js} +8 -8
- package/_internal/15fb66ce.js.map +1 -0
- package/_internal/160cf9fe.js +24 -0
- package/_internal/160cf9fe.js.map +1 -0
- package/_internal/1616343a.js +37 -0
- package/_internal/1616343a.js.map +1 -0
- package/_internal/{components/divider-0e93aa3d.js → 162672de.js} +3 -3
- package/_internal/162672de.js.map +1 -0
- package/_internal/168f211f.js +17 -0
- package/_internal/168f211f.js.map +1 -0
- package/_internal/{wrapChildrenIconWithSpaces-fb85a743.js → 16f5497d.js} +4 -4
- package/_internal/16f5497d.js.map +1 -0
- package/_internal/179a2989.js +129 -0
- package/_internal/179a2989.js.map +1 -0
- package/_internal/185778b8.js +4 -0
- package/_internal/185778b8.js.map +1 -0
- package/_internal/1afd2506.js +60 -0
- package/_internal/1afd2506.js.map +1 -0
- package/_internal/1c1cdfa2.js +159 -0
- package/_internal/1c1cdfa2.js.map +1 -0
- package/_internal/1c3b349b.js +4 -0
- package/_internal/1c3b349b.js.map +1 -0
- package/_internal/1d7267a1.js +173 -0
- package/_internal/1d7267a1.js.map +1 -0
- package/_internal/1df25415.js +53 -0
- package/_internal/1df25415.js.map +1 -0
- package/_internal/1ee5415f.js +27 -0
- package/_internal/1ee5415f.js.map +1 -0
- package/_internal/1ff933af.js +5 -0
- package/_internal/1ff933af.js.map +1 -0
- package/_internal/200c2ce1.js +17 -0
- package/_internal/200c2ce1.js.map +1 -0
- package/_internal/{index-77f213b1.js → 203b01d8.js} +6 -36
- package/_internal/203b01d8.js.map +1 -0
- package/_internal/2040beb8.js +169 -0
- package/_internal/2040beb8.js.map +1 -0
- package/_internal/20f07616.js +14 -0
- package/_internal/20f07616.js.map +1 -0
- package/_internal/215781b4.js +6 -0
- package/_internal/215781b4.js.map +1 -0
- package/_internal/{components/mosaic-c8084ee8.js → 226a2eac.js} +4 -4
- package/_internal/226a2eac.js.map +1 -0
- package/_internal/2291b633.js +52 -0
- package/_internal/2291b633.js.map +1 -0
- package/_internal/{components/inline-list-5ba8bb0f.js → 2403668c.js} +2 -2
- package/_internal/2403668c.js.map +1 -0
- package/_internal/24b48881.js +133 -0
- package/_internal/24b48881.js.map +1 -0
- package/_internal/2517d1d6.js +9 -0
- package/_internal/2517d1d6.js.map +1 -0
- package/_internal/256f8eff.js +4 -0
- package/_internal/256f8eff.js.map +1 -0
- package/_internal/{components/input-label-30d199c3.js → 26a92990.js} +3 -3
- package/_internal/26a92990.js.map +1 -0
- package/_internal/27a93417.js +223 -0
- package/_internal/27a93417.js.map +1 -0
- package/_internal/{mergeRefs-f0d7d6ea.js → 27df0cb6.js} +2 -2
- package/_internal/27df0cb6.js.map +1 -0
- package/_internal/28f344bd.js +52 -0
- package/_internal/28f344bd.js.map +1 -0
- package/_internal/2c5a950d.js +55 -0
- package/_internal/2c5a950d.js.map +1 -0
- package/_internal/2cdd9ec6.js +16 -0
- package/_internal/2cdd9ec6.js.map +1 -0
- package/_internal/2cfeae78.js +150 -0
- package/_internal/2cfeae78.js.map +1 -0
- package/_internal/{components/dropdown-25170b7c.js → 2d1acaa0.js} +8 -48
- package/_internal/2d1acaa0.js.map +1 -0
- package/_internal/2d69d0f5.js +4 -0
- package/_internal/2d69d0f5.js.map +1 -0
- package/_internal/2dcfa1df.js +18 -0
- package/_internal/2dcfa1df.js.map +1 -0
- package/_internal/2dff9a38.js +150 -0
- package/_internal/2dff9a38.js.map +1 -0
- package/_internal/2e5288d0.js +15 -0
- package/_internal/2e5288d0.js.map +1 -0
- package/_internal/2fc47dc4.js +133 -0
- package/_internal/2fc47dc4.js.map +1 -0
- package/_internal/30ecdee3.js +9 -0
- package/_internal/30ecdee3.js.map +1 -0
- package/_internal/{components/input-helper-2e4e49fd.js → 3119c1fe.js} +4 -15
- package/_internal/3119c1fe.js.map +1 -0
- package/_internal/31b6784b.js +14 -0
- package/_internal/31b6784b.js.map +1 -0
- package/_internal/341034b4.js +48 -0
- package/_internal/341034b4.js.map +1 -0
- package/_internal/341ceaa9.js +4 -0
- package/_internal/341ceaa9.js.map +1 -0
- package/_internal/355f875f.js +9 -0
- package/_internal/355f875f.js.map +1 -0
- package/_internal/{components/side-navigation-385825d4.js → 36008a95.js} +13 -49
- package/_internal/36008a95.js.map +1 -0
- package/_internal/378a6fb1.js +126 -0
- package/_internal/378a6fb1.js.map +1 -0
- package/_internal/37f5ba95.js +12 -0
- package/_internal/37f5ba95.js.map +1 -0
- package/_internal/{Portal-3f86608e.js → 38ac8c66.js} +3 -15
- package/_internal/38ac8c66.js.map +1 -0
- package/_internal/38ce97de.js +29 -0
- package/_internal/38ce97de.js.map +1 -0
- package/_internal/39534d28.js +30 -0
- package/_internal/39534d28.js.map +1 -0
- package/_internal/{ImageCaption-6f2f4131.js → 3996d544.js} +5 -5
- package/_internal/3996d544.js.map +1 -0
- package/_internal/3a7fd4bf.js +60 -0
- package/_internal/3a7fd4bf.js.map +1 -0
- package/_internal/3cfcb0a4.js +122 -0
- package/_internal/3cfcb0a4.js.map +1 -0
- package/_internal/3d5e1fd0.js +46 -0
- package/_internal/3d5e1fd0.js.map +1 -0
- package/_internal/3db5a3e4.js +258 -0
- package/_internal/3db5a3e4.js.map +1 -0
- package/_internal/{useBooleanState-2a3d237c.js → 3e2f0517.js} +2 -2
- package/_internal/3e2f0517.js.map +1 -0
- package/_internal/3eba1faf.js +87 -0
- package/_internal/3eba1faf.js.map +1 -0
- package/_internal/3f48eb48.js +73 -0
- package/_internal/3f48eb48.js.map +1 -0
- package/_internal/3f51175c.js +61 -0
- package/_internal/3f51175c.js.map +1 -0
- package/_internal/3f54fe9e.js +4 -0
- package/_internal/3f54fe9e.js.map +1 -0
- package/_internal/{components/text-field-8597b7f7.js → 41a8b20f.js} +13 -12
- package/_internal/41a8b20f.js.map +1 -0
- package/_internal/42b26576.js +4 -0
- package/_internal/42b26576.js.map +1 -0
- package/_internal/45ef51db.js +29 -0
- package/_internal/45ef51db.js.map +1 -0
- package/_internal/48148353.js +100 -0
- package/_internal/48148353.js.map +1 -0
- package/_internal/4bb19934.js +4 -0
- package/_internal/4bb19934.js.map +1 -0
- package/_internal/4c471276.js +75 -0
- package/_internal/4c471276.js.map +1 -0
- package/_internal/{components/image-block-4f3fe64c.js → 4c891480.js} +5 -5
- package/_internal/4c891480.js.map +1 -0
- package/_internal/4d540596.js +131 -0
- package/_internal/4d540596.js.map +1 -0
- package/_internal/4d751800.js +40 -0
- package/_internal/4d751800.js.map +1 -0
- package/_internal/4f71fd36.js +4 -0
- package/_internal/4f71fd36.js.map +1 -0
- package/_internal/507d9459.js +67 -0
- package/_internal/507d9459.js.map +1 -0
- package/_internal/5178b7ba.js +10 -0
- package/_internal/5178b7ba.js.map +1 -0
- package/_internal/51921a16.js +30 -0
- package/_internal/51921a16.js.map +1 -0
- package/_internal/535aa51f.js +44 -0
- package/_internal/535aa51f.js.map +1 -0
- package/_internal/{DisabledStateContext-ea04260d.js → 536517c5.js} +2 -2
- package/_internal/536517c5.js.map +1 -0
- package/_internal/53b8dea1.js +48 -0
- package/_internal/53b8dea1.js.map +1 -0
- package/_internal/5745f198.js +12 -0
- package/_internal/5745f198.js.map +1 -0
- package/_internal/57f2079b.js +10 -0
- package/_internal/57f2079b.js.map +1 -0
- package/_internal/{components/thumbnail-4928bba2.js → 58418448.js} +1 -2
- package/_internal/58418448.js.map +1 -0
- package/_internal/{index-d3e86bd8.js → 595d0e66.js} +5 -6
- package/_internal/595d0e66.js.map +1 -0
- package/_internal/{IconButton-e11b5e74.js → 5a0207d9.js} +7 -7
- package/_internal/5a0207d9.js.map +1 -0
- package/_internal/5a6b1aa5.js +139 -0
- package/_internal/5a6b1aa5.js.map +1 -0
- package/_internal/5c3e15ea.js +107 -0
- package/_internal/5c3e15ea.js.map +1 -0
- package/_internal/{components/lightbox-10ff28f9.js → 5c4e10a0.js} +14 -14
- package/_internal/5c4e10a0.js.map +1 -0
- package/_internal/5da9ff06.js +47 -0
- package/_internal/5da9ff06.js.map +1 -0
- package/_internal/60139f6a.js +9 -0
- package/_internal/60139f6a.js.map +1 -0
- package/_internal/612b7365.js +231 -0
- package/_internal/612b7365.js.map +1 -0
- package/_internal/612f6fb4.js +155 -0
- package/_internal/612f6fb4.js.map +1 -0
- package/_internal/617d453e.js +28 -0
- package/_internal/617d453e.js.map +1 -0
- package/_internal/{components/slider-78cfaa67.js → 62c6c615.js} +11 -43
- package/_internal/62c6c615.js.map +1 -0
- package/_internal/6417ddb1.js +24 -0
- package/_internal/6417ddb1.js.map +1 -0
- package/_internal/658e09de.js +7 -0
- package/_internal/658e09de.js.map +1 -0
- package/_internal/659a1cdd.js +144 -0
- package/_internal/659a1cdd.js.map +1 -0
- package/_internal/6671d28b.js +40 -0
- package/_internal/6671d28b.js.map +1 -0
- package/_internal/66950686.js +14 -0
- package/_internal/66950686.js.map +1 -0
- package/_internal/671b986c.js +14 -0
- package/_internal/671b986c.js.map +1 -0
- package/_internal/{components/notification-97a8a04a.js → 6893b89e.js} +10 -33
- package/_internal/6893b89e.js.map +1 -0
- package/_internal/68f13c1c.js +4 -0
- package/_internal/68f13c1c.js.map +1 -0
- package/_internal/{components/link-9d1bd2f6.js → 69eb2393.js} +6 -6
- package/_internal/69eb2393.js.map +1 -0
- package/_internal/{constants-d0e3f49e.js → 6af61e2f.js} +3 -3
- package/_internal/6af61e2f.js.map +1 -0
- package/_internal/{components/checkbox-f7751583.js → 6b510f5e.js} +11 -13
- package/_internal/6b510f5e.js.map +1 -0
- package/_internal/6b61b268.js +9 -0
- package/_internal/6b61b268.js.map +1 -0
- package/_internal/6f0ce1bb.js +67 -0
- package/_internal/6f0ce1bb.js.map +1 -0
- package/_internal/6f17bf65.js +8 -0
- package/_internal/6f17bf65.js.map +1 -0
- package/_internal/{close-circle-ef5d1aac.js → 6f37d603.js} +2 -2
- package/_internal/6f37d603.js.map +1 -0
- package/_internal/6f3bb7d6.js +16 -0
- package/_internal/6f3bb7d6.js.map +1 -0
- package/_internal/705f415e.js +67 -0
- package/_internal/705f415e.js.map +1 -0
- package/_internal/722ea461.js +9 -0
- package/_internal/722ea461.js.map +1 -0
- package/_internal/728684f6.js +6 -0
- package/_internal/728684f6.js.map +1 -0
- package/_internal/730f75dc.js +93 -0
- package/_internal/730f75dc.js.map +1 -0
- package/_internal/735bcfa5.js +38 -0
- package/_internal/735bcfa5.js.map +1 -0
- package/_internal/{ClickAwayProvider-7093ba23.js → 739f2f15.js} +4 -38
- package/_internal/739f2f15.js.map +1 -0
- package/_internal/7531ee4d.js +72 -0
- package/_internal/7531ee4d.js.map +1 -0
- package/_internal/75f285fb.js +104 -0
- package/_internal/75f285fb.js.map +1 -0
- package/_internal/78a9c3cd.js +4 -0
- package/_internal/78a9c3cd.js.map +1 -0
- package/_internal/7a2da67a.js +64 -0
- package/_internal/7a2da67a.js.map +1 -0
- package/_internal/7af4a428.js +39 -0
- package/_internal/7af4a428.js.map +1 -0
- package/_internal/7d4eb1c5.js +62 -0
- package/_internal/7d4eb1c5.js.map +1 -0
- package/_internal/{components/chip-1ed080fb.js → 7d9c0855.js} +2 -50
- package/_internal/7d9c0855.js.map +1 -0
- package/_internal/7eca7fcd.js +28 -0
- package/_internal/7eca7fcd.js.map +1 -0
- package/_internal/81a6a29a.js +55 -0
- package/_internal/81a6a29a.js.map +1 -0
- package/_internal/{components/user-block-5fd51607.js → 82159c03.js} +5 -5
- package/_internal/82159c03.js.map +1 -0
- package/_internal/82c6852b.js +19 -0
- package/_internal/82c6852b.js.map +1 -0
- package/_internal/{components/drag-handle-eec23fc2.js → 840e9690.js} +5 -6
- package/_internal/840e9690.js.map +1 -0
- package/_internal/{context-9d1336a1.js → 841c2303.js} +2 -2
- package/_internal/841c2303.js.map +1 -0
- package/_internal/8429fc80.js +141 -0
- package/_internal/8429fc80.js.map +1 -0
- package/_internal/84978777.js +55 -0
- package/_internal/84978777.js.map +1 -0
- package/_internal/{components/switch-24fea8d7.js → 851a3109.js} +7 -7
- package/_internal/851a3109.js.map +1 -0
- package/_internal/879fa64d.js +6 -0
- package/_internal/879fa64d.js.map +1 -0
- package/_internal/883321fd.js +17 -0
- package/_internal/883321fd.js.map +1 -0
- package/_internal/893eb653.js +4 -0
- package/_internal/893eb653.js.map +1 -0
- package/_internal/897e2dbb.js +80 -0
- package/_internal/897e2dbb.js.map +1 -0
- package/_internal/89ee5eb2.js +22 -0
- package/_internal/89ee5eb2.js.map +1 -0
- package/_internal/8acd6aff.js +82 -0
- package/_internal/8acd6aff.js.map +1 -0
- package/_internal/8d318b2b.js +138 -0
- package/_internal/8d318b2b.js.map +1 -0
- package/_internal/8e3efbc4.js +65 -0
- package/_internal/8e3efbc4.js.map +1 -0
- package/_internal/{useDisableBodyScroll-36bd7352.js → 8e8c5ab6.js} +2 -29
- package/_internal/8e8c5ab6.js.map +1 -0
- package/_internal/8fe4c01f.js +20 -0
- package/_internal/8fe4c01f.js.map +1 -0
- package/_internal/91f36a80.js +34 -0
- package/_internal/91f36a80.js.map +1 -0
- package/_internal/928fa938.js +102 -0
- package/_internal/928fa938.js.map +1 -0
- package/_internal/9361ef65.js +6 -0
- package/_internal/9361ef65.js.map +1 -0
- package/_internal/99513933.js +145 -0
- package/_internal/99513933.js.map +1 -0
- package/_internal/9976fe9a.js +28 -0
- package/_internal/9976fe9a.js.map +1 -0
- package/_internal/9a0544c4.js +34 -0
- package/_internal/9a0544c4.js.map +1 -0
- package/_internal/9a5db774.js +6 -0
- package/_internal/9a5db774.js.map +1 -0
- package/_internal/{components/radio-button-929c7bee.js → 9ae8998a.js} +21 -54
- package/_internal/9ae8998a.js.map +1 -0
- package/_internal/{ButtonRoot-a70baf82.js → 9b0c0489.js} +6 -6
- package/_internal/9b0c0489.js.map +1 -0
- package/_internal/9d063548.js +49 -0
- package/_internal/9d063548.js.map +1 -0
- package/_internal/{components/link-preview-9525e97f.js → 9e3b78fa.js} +5 -5
- package/_internal/9e3b78fa.js.map +1 -0
- package/_internal/a0a42aca.js +14 -0
- package/_internal/a0a42aca.js.map +1 -0
- package/_internal/{components/toolbar-e7c984e6.js → a1974f13.js} +2 -2
- package/_internal/a1974f13.js.map +1 -0
- package/_internal/a2b9eb60.js +90 -0
- package/_internal/a2b9eb60.js.map +1 -0
- package/_internal/a2c7c463.js +4 -0
- package/_internal/a2c7c463.js.map +1 -0
- package/_internal/a32628a1.js +4 -0
- package/_internal/a32628a1.js.map +1 -0
- package/_internal/a3f2000f.js +198 -0
- package/_internal/a3f2000f.js.map +1 -0
- package/_internal/a45cc1b9.js +128 -0
- package/_internal/a45cc1b9.js.map +1 -0
- package/_internal/a6be9f05.js +75 -0
- package/_internal/a6be9f05.js.map +1 -0
- package/_internal/{RawClickable-2c2b6a89.js → a6dc95cd.js} +3 -6
- package/_internal/a6dc95cd.js.map +1 -0
- package/_internal/a7abe967.js +20 -0
- package/_internal/a7abe967.js.map +1 -0
- package/_internal/{components/expansion-panel-df812318.js → a89bf7bc.js} +10 -9
- package/_internal/a89bf7bc.js.map +1 -0
- package/_internal/a9d0f94d.js +53 -0
- package/_internal/a9d0f94d.js.map +1 -0
- package/_internal/ab3e5463.js +39 -0
- package/_internal/ab3e5463.js.map +1 -0
- package/_internal/{components/generic-block-964b2724.js → ac3f7e4d.js} +6 -12
- package/_internal/ac3f7e4d.js.map +1 -0
- package/_internal/acd6bed6.js +6 -0
- package/_internal/acd6bed6.js.map +1 -0
- package/_internal/{close-eaf6c45a.js → ad7c38b0.js} +2 -2
- package/_internal/ad7c38b0.js.map +1 -0
- package/_internal/ae4dc9f0.js +62 -0
- package/_internal/ae4dc9f0.js.map +1 -0
- package/_internal/aeba575c.js +4 -0
- package/_internal/aeba575c.js.map +1 -0
- package/_internal/b0780b33.js +60 -0
- package/_internal/b0780b33.js.map +1 -0
- package/_internal/b0846836.js +4 -0
- package/_internal/b0846836.js.map +1 -0
- package/_internal/b1154f4b.js +14 -0
- package/_internal/b1154f4b.js.map +1 -0
- package/_internal/{Chip-8fbedc93.js → b125b718.js} +6 -22
- package/_internal/b125b718.js.map +1 -0
- package/_internal/b23a92ab.js +56 -0
- package/_internal/b23a92ab.js.map +1 -0
- package/_internal/b4018f8d.js +107 -0
- package/_internal/b4018f8d.js.map +1 -0
- package/_internal/b402784b.js +11 -0
- package/_internal/b402784b.js.map +1 -0
- package/_internal/b4dfa648.js +32 -0
- package/_internal/b4dfa648.js.map +1 -0
- package/_internal/b573621e.js +26 -0
- package/_internal/b573621e.js.map +1 -0
- package/_internal/b5edf49e.js +8 -0
- package/_internal/b5edf49e.js.map +1 -0
- package/_internal/b85a5f3f.js +57 -0
- package/_internal/b85a5f3f.js.map +1 -0
- package/_internal/b93aa71c.js +89 -0
- package/_internal/b93aa71c.js.map +1 -0
- package/_internal/b977b471.js +5 -0
- package/_internal/b977b471.js.map +1 -0
- package/_internal/{components/message-edd6a28a.js → b9e3e436.js} +9 -7
- package/_internal/b9e3e436.js.map +1 -0
- package/_internal/b9ed1f7a.js +4 -0
- package/_internal/b9ed1f7a.js.map +1 -0
- package/_internal/{components/button-c4127e86.js → bae815e2.js} +2 -4
- package/_internal/bae815e2.js.map +1 -0
- package/_internal/bb05343d.js +36 -0
- package/_internal/bb05343d.js.map +1 -0
- package/_internal/bb5fb0f9.js +28 -0
- package/_internal/bb5fb0f9.js.map +1 -0
- package/_internal/{useRovingTabIndex-7daf0f24.js → bb8088e1.js} +2 -2
- package/_internal/bb8088e1.js.map +1 -0
- package/_internal/bc393aec.js +8 -0
- package/_internal/bc393aec.js.map +1 -0
- package/_internal/{components/heading-6cc0f178.js → bd1cd49f.js} +6 -6
- package/_internal/bd1cd49f.js.map +1 -0
- package/_internal/{forwardRef-8bce732e.js → bd8b3ec8.js} +2 -2
- package/_internal/bd8b3ec8.js.map +1 -0
- package/_internal/be29f79e.js +52 -0
- package/_internal/be29f79e.js.map +1 -0
- package/_internal/bf202fa2.js +47 -0
- package/_internal/bf202fa2.js.map +1 -0
- package/_internal/bf411e5a.js +109 -0
- package/_internal/bf411e5a.js.map +1 -0
- package/_internal/c01c3bec.js +12 -0
- package/_internal/c01c3bec.js.map +1 -0
- package/_internal/{getFocusableElements-230173a8.js → c0a6dba6.js} +2 -7
- package/_internal/c0a6dba6.js.map +1 -0
- package/_internal/{components/post-block-7e63c4f4.js → c241db12.js} +5 -5
- package/_internal/c241db12.js.map +1 -0
- package/_internal/c3ccd387.js +20 -0
- package/_internal/c3ccd387.js.map +1 -0
- package/_internal/{components/alert-dialog-5326cf04.js → c51d37f8.js} +11 -9
- package/_internal/c51d37f8.js.map +1 -0
- package/_internal/c625d242.js +14 -0
- package/_internal/c625d242.js.map +1 -0
- package/_internal/c72d4f8b.js +4 -0
- package/_internal/c72d4f8b.js.map +1 -0
- package/_internal/c9a3b27f.js +6 -0
- package/_internal/c9a3b27f.js.map +1 -0
- package/_internal/c9bd0e84.js +29 -0
- package/_internal/c9bd0e84.js.map +1 -0
- package/_internal/{partitionMulti-4daccdd5.js → cb19eca6.js} +2 -2
- package/_internal/cb19eca6.js.map +1 -0
- package/_internal/cb525c68.js +165 -0
- package/_internal/cb525c68.js.map +1 -0
- package/_internal/cb7ac456.js +165 -0
- package/_internal/cb7ac456.js.map +1 -0
- package/_internal/{components/comment-block-343e1922.js → cc5cac50.js} +5 -5
- package/_internal/cc5cac50.js.map +1 -0
- package/_internal/{components/dialog-d0e090b1.js → cd8457fc.js} +17 -47
- package/_internal/cd8457fc.js.map +1 -0
- package/_internal/d0b96efd.js +8 -0
- package/_internal/d0b96efd.js.map +1 -0
- package/_internal/d3286249.js +72 -0
- package/_internal/d3286249.js.map +1 -0
- package/_internal/d57d3fc6.js +6 -0
- package/_internal/d57d3fc6.js.map +1 -0
- package/_internal/d5f5f3f5.js +18 -0
- package/_internal/d5f5f3f5.js.map +1 -0
- package/_internal/d672fc0e.js +24 -0
- package/_internal/d672fc0e.js.map +1 -0
- package/_internal/d7ee7efe.js +40 -0
- package/_internal/d7ee7efe.js.map +1 -0
- package/_internal/{ThemeContext-3181f000.js → d8ee966d.js} +2 -2
- package/_internal/d8ee966d.js.map +1 -0
- package/_internal/db88500d.js +10 -0
- package/_internal/db88500d.js.map +1 -0
- package/_internal/dbc379f8.js +45 -0
- package/_internal/dbc379f8.js.map +1 -0
- package/_internal/dbe906f1.js +179 -0
- package/_internal/dbe906f1.js.map +1 -0
- package/_internal/de52a4b9.js +20 -0
- package/_internal/de52a4b9.js.map +1 -0
- package/_internal/df688aab.js +121 -0
- package/_internal/df688aab.js.map +1 -0
- package/_internal/dfa00cf7.js +35 -0
- package/_internal/dfa00cf7.js.map +1 -0
- package/_internal/{state-db358714.js → e0398237.js} +3 -3
- package/_internal/e0398237.js.map +1 -0
- package/_internal/e142a98d.js +22 -0
- package/_internal/e142a98d.js.map +1 -0
- package/_internal/e429bd82.js +12 -0
- package/_internal/e429bd82.js.map +1 -0
- package/_internal/{check-circle-de24f857.js → e47dacb8.js} +2 -2
- package/_internal/e47dacb8.js.map +1 -0
- package/_internal/e4a199c0.js +20 -0
- package/_internal/e4a199c0.js.map +1 -0
- package/_internal/e50f2a75.js +27 -0
- package/_internal/e50f2a75.js.map +1 -0
- package/_internal/{components/slideshow-e0880d40.js → e5657997.js} +11 -32
- package/_internal/e5657997.js.map +1 -0
- package/_internal/e7aa44d1.js +13 -0
- package/_internal/e7aa44d1.js.map +1 -0
- package/_internal/e8e4d09e.js +95 -0
- package/_internal/e8e4d09e.js.map +1 -0
- package/_internal/e918f20b.js +57 -0
- package/_internal/e918f20b.js.map +1 -0
- package/_internal/e9c3b1e0.js +4 -0
- package/_internal/e9c3b1e0.js.map +1 -0
- package/_internal/ebd44733.js +7 -0
- package/_internal/ebd44733.js.map +1 -0
- package/_internal/{isComponent-78df9309.js → ebe24fd7.js} +2 -2
- package/_internal/ebe24fd7.js.map +1 -0
- package/_internal/ed03c692.js +17 -0
- package/_internal/ed03c692.js.map +1 -0
- package/_internal/eea52073.js +27 -0
- package/_internal/eea52073.js.map +1 -0
- package/_internal/eec574e6.js +40 -0
- package/_internal/eec574e6.js.map +1 -0
- package/_internal/eef5d63f.js +21 -0
- package/_internal/eef5d63f.js.map +1 -0
- package/_internal/ef907c21.js +41 -0
- package/_internal/ef907c21.js.map +1 -0
- package/_internal/{useDisableStateProps-69e16b7c.js → ef982c3d.js} +3 -3
- package/_internal/ef982c3d.js.map +1 -0
- package/_internal/f0052b9b.js +27 -0
- package/_internal/f0052b9b.js.map +1 -0
- package/_internal/f2e34298.js +75 -0
- package/_internal/f2e34298.js.map +1 -0
- package/_internal/f419ecef.js +4 -0
- package/_internal/f419ecef.js.map +1 -0
- package/_internal/f4baa1da.js +34 -0
- package/_internal/f4baa1da.js.map +1 -0
- package/_internal/{useTransitionVisibility-321fdbfa.js → f6bc7948.js} +3 -8
- package/_internal/f6bc7948.js.map +1 -0
- package/_internal/f7520b8e.js +52 -0
- package/_internal/f7520b8e.js.map +1 -0
- package/_internal/f8c49b24.js +14 -0
- package/_internal/f8c49b24.js.map +1 -0
- package/_internal/fb201a04.js +65 -0
- package/_internal/fb201a04.js.map +1 -0
- package/_internal/fb36ff46.js +51 -0
- package/_internal/fb36ff46.js.map +1 -0
- package/_internal/{components/flag-c8d690bc.js → fcc7c462.js} +5 -5
- package/_internal/fcc7c462.js.map +1 -0
- package/_internal/fcf83937.js +28 -0
- package/_internal/fcf83937.js.map +1 -0
- package/_internal/fd3e2f21.js +30 -0
- package/_internal/fd3e2f21.js.map +1 -0
- package/_internal/fdcf3942.js +157 -0
- package/_internal/fdcf3942.js.map +1 -0
- package/_internal/{components/flex-box-4eeba972.js → fdebc718.js} +2 -2
- package/_internal/fdebc718.js.map +1 -0
- package/_internal/ff96951d.js +8 -0
- package/_internal/ff96951d.js.map +1 -0
- package/_internal/{components/avatar-52bb217f.js → ffb2f7fa.js} +4 -4
- package/_internal/ffb2f7fa.js.map +1 -0
- package/index.js +95 -63
- package/index.js.map +1 -1
- package/package.json +3 -3
- package/utils/index.js +4 -3
- package/utils/index.js.map +1 -1
- package/_internal/Button-1b7d3b79.js.map +0 -1
- package/_internal/ButtonRoot-a70baf82.js.map +0 -1
- package/_internal/Chip-8fbedc93.js.map +0 -1
- package/_internal/ClickAwayProvider-7093ba23.js.map +0 -1
- package/_internal/DisabledStateContext-ea04260d.js.map +0 -1
- package/_internal/HeadingLevelProvider-ebdcb0c7.js +0 -61
- package/_internal/HeadingLevelProvider-ebdcb0c7.js.map +0 -1
- package/_internal/IconButton-e11b5e74.js.map +0 -1
- package/_internal/ImageCaption-6f2f4131.js.map +0 -1
- package/_internal/List-4e95288a.js +0 -820
- package/_internal/List-4e95288a.js.map +0 -1
- package/_internal/PopoverDialog-d85ff977.js +0 -656
- package/_internal/PopoverDialog-d85ff977.js.map +0 -1
- package/_internal/Portal-3f86608e.js.map +0 -1
- package/_internal/RawClickable-2c2b6a89.js.map +0 -1
- package/_internal/Slides-68a7d0e6.js +0 -683
- package/_internal/Slides-68a7d0e6.js.map +0 -1
- package/_internal/ThemeContext-3181f000.js.map +0 -1
- package/_internal/Thumbnail-22bbea7e.js +0 -315
- package/_internal/Thumbnail-22bbea7e.js.map +0 -1
- package/_internal/check-circle-de24f857.js.map +0 -1
- package/_internal/chevron-right-827b804a.js +0 -6
- package/_internal/chevron-right-827b804a.js.map +0 -1
- package/_internal/chevron-up-0b9c76cb.js +0 -6
- package/_internal/chevron-up-0b9c76cb.js.map +0 -1
- package/_internal/close-circle-ef5d1aac.js.map +0 -1
- package/_internal/close-eaf6c45a.js.map +0 -1
- package/_internal/components/alert-dialog-5326cf04.js.map +0 -1
- package/_internal/components/autocomplete-7d9581e8.js +0 -262
- package/_internal/components/autocomplete-7d9581e8.js.map +0 -1
- package/_internal/components/avatar-52bb217f.js.map +0 -1
- package/_internal/components/badge-ccf47147.js +0 -82
- package/_internal/components/badge-ccf47147.js.map +0 -1
- package/_internal/components/button-c4127e86.js.map +0 -1
- package/_internal/components/checkbox-f7751583.js.map +0 -1
- package/_internal/components/chip-1ed080fb.js.map +0 -1
- package/_internal/components/comment-block-343e1922.js.map +0 -1
- package/_internal/components/date-picker-b6b3dc77.js +0 -2
- package/_internal/components/date-picker-b6b3dc77.js.map +0 -1
- package/_internal/components/dialog-d0e090b1.js.map +0 -1
- package/_internal/components/divider-0e93aa3d.js.map +0 -1
- package/_internal/components/drag-handle-eec23fc2.js.map +0 -1
- package/_internal/components/dropdown-25170b7c.js.map +0 -1
- package/_internal/components/expansion-panel-df812318.js.map +0 -1
- package/_internal/components/flag-c8d690bc.js.map +0 -1
- package/_internal/components/flex-box-4eeba972.js.map +0 -1
- package/_internal/components/generic-block-964b2724.js.map +0 -1
- package/_internal/components/grid-8c08dc4b.js +0 -105
- package/_internal/components/grid-8c08dc4b.js.map +0 -1
- package/_internal/components/grid-column-99652545.js.map +0 -1
- package/_internal/components/heading-6cc0f178.js.map +0 -1
- package/_internal/components/icon-9cf785b1.js +0 -2
- package/_internal/components/icon-9cf785b1.js.map +0 -1
- package/_internal/components/image-block-4f3fe64c.js.map +0 -1
- package/_internal/components/image-lightbox-7b172571.js +0 -760
- package/_internal/components/image-lightbox-7b172571.js.map +0 -1
- package/_internal/components/inline-list-5ba8bb0f.js.map +0 -1
- package/_internal/components/input-helper-2e4e49fd.js.map +0 -1
- package/_internal/components/input-label-30d199c3.js.map +0 -1
- package/_internal/components/lightbox-10ff28f9.js.map +0 -1
- package/_internal/components/link-9d1bd2f6.js.map +0 -1
- package/_internal/components/link-preview-9525e97f.js.map +0 -1
- package/_internal/components/list-c8c7a6eb.js +0 -72
- package/_internal/components/list-c8c7a6eb.js.map +0 -1
- package/_internal/components/message-edd6a28a.js.map +0 -1
- package/_internal/components/mosaic-c8084ee8.js.map +0 -1
- package/_internal/components/navigation-c9121998.js +0 -226
- package/_internal/components/navigation-c9121998.js.map +0 -1
- package/_internal/components/notification-97a8a04a.js.map +0 -1
- package/_internal/components/popover-f93484cd.js +0 -3
- package/_internal/components/popover-f93484cd.js.map +0 -1
- package/_internal/components/post-block-7e63c4f4.js.map +0 -1
- package/_internal/components/progress-44bb0301.js +0 -183
- package/_internal/components/progress-44bb0301.js.map +0 -1
- package/_internal/components/progress-tracker-c9758d83.js +0 -310
- package/_internal/components/progress-tracker-c9758d83.js.map +0 -1
- package/_internal/components/radio-button-929c7bee.js.map +0 -1
- package/_internal/components/select-bea40e77.js +0 -459
- package/_internal/components/select-bea40e77.js.map +0 -1
- package/_internal/components/side-navigation-385825d4.js.map +0 -1
- package/_internal/components/skeleton-1ea8c82a.js +0 -167
- package/_internal/components/skeleton-1ea8c82a.js.map +0 -1
- package/_internal/components/slider-78cfaa67.js.map +0 -1
- package/_internal/components/slideshow-e0880d40.js.map +0 -1
- package/_internal/components/switch-24fea8d7.js.map +0 -1
- package/_internal/components/table-834af792.js +0 -298
- package/_internal/components/table-834af792.js.map +0 -1
- package/_internal/components/tabs-bebfe959.js +0 -299
- package/_internal/components/tabs-bebfe959.js.map +0 -1
- package/_internal/components/text-9074f440.js +0 -2
- package/_internal/components/text-9074f440.js.map +0 -1
- package/_internal/components/text-field-8597b7f7.js.map +0 -1
- package/_internal/components/thumbnail-4928bba2.js.map +0 -1
- package/_internal/components/toolbar-e7c984e6.js.map +0 -1
- package/_internal/components/tooltip-21018736.js +0 -328
- package/_internal/components/tooltip-21018736.js.map +0 -1
- package/_internal/components/uploader-2e1b080e.js.map +0 -1
- package/_internal/components/user-block-5fd51607.js.map +0 -1
- package/_internal/constants-43721918.js +0 -2170
- package/_internal/constants-43721918.js.map +0 -1
- package/_internal/constants-d0e3f49e.js.map +0 -1
- package/_internal/context-9d1336a1.js.map +0 -1
- package/_internal/forwardRef-8bce732e.js.map +0 -1
- package/_internal/getFocusableElements-230173a8.js.map +0 -1
- package/_internal/index-77f213b1.js.map +0 -1
- package/_internal/index-aa6d1d90.js +0 -437
- package/_internal/index-aa6d1d90.js.map +0 -1
- package/_internal/index-d3e86bd8.js.map +0 -1
- package/_internal/information-49bbeed3.js +0 -6
- package/_internal/information-49bbeed3.js.map +0 -1
- package/_internal/isComponent-78df9309.js.map +0 -1
- package/_internal/isComponentType-e806b848.js.map +0 -1
- package/_internal/mergeRefs-f0d7d6ea.js.map +0 -1
- package/_internal/partitionMulti-4daccdd5.js.map +0 -1
- package/_internal/state-db358714.js.map +0 -1
- package/_internal/useBooleanState-2a3d237c.js.map +0 -1
- package/_internal/useCallbackOnEscape-ea4d9eb4.js +0 -62
- package/_internal/useCallbackOnEscape-ea4d9eb4.js.map +0 -1
- package/_internal/useDisableBodyScroll-36bd7352.js.map +0 -1
- package/_internal/useDisableStateProps-69e16b7c.js.map +0 -1
- package/_internal/useFocusTrap-c3c6378b.js.map +0 -1
- package/_internal/useId-3a1facc0.js.map +0 -1
- package/_internal/useRovingTabIndex-7daf0f24.js.map +0 -1
- package/_internal/useTransitionVisibility-321fdbfa.js.map +0 -1
- package/_internal/wrapChildrenIconWithSpaces-fb85a743.js.map +0 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
function rectToClientRect(rect) {
|
|
2
|
+
return Object.assign(Object.assign({}, rect), {}, {
|
|
3
|
+
left: rect.x,
|
|
4
|
+
top: rect.y,
|
|
5
|
+
right: rect.x + rect.width,
|
|
6
|
+
bottom: rect.y + rect.height
|
|
7
|
+
});
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { rectToClientRect as default };
|
|
11
|
+
//# sourceMappingURL=00560d40.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"00560d40.js","sources":["../../../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js"],"sourcesContent":["export default function rectToClientRect(rect) {\n return Object.assign(Object.assign({}, rect), {}, {\n left: rect.x,\n top: rect.y,\n right: rect.x + rect.width,\n bottom: rect.y + rect.height\n });\n}"],"names":[],"mappings":"AAAe,SAAS,gBAAgB,CAAC,IAAI,EAAE;AAC/C,EAAE,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE;AACpD,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC;AAChB,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC;AACf,IAAI,KAAK,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK;AAC9B,IAAI,MAAM,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM;AAChC,GAAG,CAAC,CAAC;AACL;;;;","x_google_ignoreList":[0]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import isInteger from 'lodash/isInteger';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { getRootClassName } from '@lumx/core/js/utils/className';
|
|
4
|
-
import {
|
|
4
|
+
import { forwardRef } from './bd8b3ec8.js';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -57,4 +57,4 @@ GridColumn.className = CLASSNAME;
|
|
|
57
57
|
GridColumn.defaultProps = DEFAULT_PROPS;
|
|
58
58
|
|
|
59
59
|
export { GridColumn };
|
|
60
|
-
//# sourceMappingURL=
|
|
60
|
+
//# sourceMappingURL=00cc46ee.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"00cc46ee.js","sources":["../../src/components/grid-column/GridColumn.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\n\nimport isInteger from 'lodash/isInteger';\nimport classNames from 'classnames';\n\nimport { Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport type GridColumnGapSize = Extract<Size, 'tiny' | 'regular' | 'big' | 'huge'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface GridColumnProps extends GenericProps {\n /** Customize the root element. */\n as?: React.ElementType;\n /** Children elements. */\n children?: ReactNode;\n /** Space between columns and rows. */\n gap?: GridColumnGapSize;\n /** Ideal number of columns. */\n maxColumns?: number;\n /** Minimum width for each item, reduce the number of column if there is not enough space. */\n itemMinWidth?: number;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridColumn';\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<GridColumnProps> = {};\n\n/**\n * The GridColumn is a layout component that can display children in a grid\n * with custom display properties. It also comes with a responsive design,\n * with a number of column that reduce when there is not enough space for each item.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const GridColumn = forwardRef<GridColumnProps>((props, ref): ReactElement => {\n const {\n as: Component = 'div',\n gap,\n maxColumns,\n itemMinWidth,\n children,\n className,\n style = {},\n ...forwardedProps\n } = props;\n\n return (\n <Component\n {...forwardedProps}\n ref={ref as React.Ref<any>}\n className={classNames(className, CLASSNAME)}\n style={{\n ...style,\n ['--lumx-grid-column-item-min-width' as any]: isInteger(itemMinWidth) && `${itemMinWidth}px`,\n ['--lumx-grid-column-columns' as any]: maxColumns,\n ['--lumx-grid-column-gap' as any]: gap && `var(--lumx-spacing-unit-${gap})`,\n }}\n >\n {children}\n </Component>\n );\n});\nGridColumn.displayName = COMPONENT_NAME;\nGridColumn.className = CLASSNAME;\nGridColumn.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","GridColumn","forwardRef","props","ref","as","Component","gap","maxColumns","itemMinWidth","children","className","style","forwardedProps","_jsx","classNames","isInteger","displayName","defaultProps"],"mappings":";;;;;;AA4BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG,EAAE,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAmB;EAChF,MAAM;IACFC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrBC,GAAG;IACHC,UAAU;IACVC,YAAY;IACZC,QAAQ;IACRC,SAAS;IACTC,KAAK,GAAG,EAAE;IACV,GAAGC,cAAAA;AACP,GAAC,GAAGV,KAAK,CAAA;EAET,oBACIW,GAAA,CAACR,SAAS,EAAA;AAAA,IAAA,GACFO,cAAc;AAClBT,IAAAA,GAAG,EAAEA,GAAsB;AAC3BO,IAAAA,SAAS,EAAEI,UAAU,CAACJ,SAAS,EAAEb,SAAS,CAAE;AAC5Cc,IAAAA,KAAK,EAAE;AACH,MAAA,GAAGA,KAAK;MACR,CAAC,mCAAmC,GAAUI,SAAS,CAACP,YAAY,CAAC,IAAI,CAAGA,EAAAA,YAAY,CAAI,EAAA,CAAA;MAC5F,CAAC,4BAA4B,GAAUD,UAAU;AACjD,MAAA,CAAC,wBAAwB,GAAUD,GAAG,IAAI,2BAA2BA,GAAG,CAAA,CAAA,CAAA;KAC1E;AAAAG,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEpB,CAAC,EAAC;AACFT,UAAU,CAACgB,WAAW,GAAGpB,cAAc,CAAA;AACvCI,UAAU,CAACU,SAAS,GAAGb,SAAS,CAAA;AAChCG,UAAU,CAACiB,YAAY,GAAGlB,aAAa;;;;"}
|
|
@@ -1,29 +1,7 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Get first and last elements focusable in an element.
|
|
8
|
-
*
|
|
9
|
-
* @param parentElement The element in which to search focusable elements.
|
|
10
|
-
* @return first and last focusable elements
|
|
11
|
-
*/
|
|
12
|
-
function getFirstAndLastFocusable(parentElement) {
|
|
13
|
-
const focusableElements = getFocusableElements(parentElement);
|
|
14
|
-
|
|
15
|
-
// First non disabled element.
|
|
16
|
-
const first = focusableElements[0];
|
|
17
|
-
// Last non disabled element.
|
|
18
|
-
const last = focusableElements[focusableElements.length - 1];
|
|
19
|
-
if (last && first) {
|
|
20
|
-
return {
|
|
21
|
-
first,
|
|
22
|
-
last
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
return {};
|
|
26
|
-
}
|
|
2
|
+
import { DOCUMENT } from './6af61e2f.js';
|
|
3
|
+
import { getFirstAndLastFocusable } from './b573621e.js';
|
|
4
|
+
import { makeListenerTowerContext } from './b4dfa648.js';
|
|
27
5
|
|
|
28
6
|
const FOCUS_TRAPS = makeListenerTowerContext();
|
|
29
7
|
|
|
@@ -108,5 +86,5 @@ function useFocusTrap(focusZoneElement, focusElement) {
|
|
|
108
86
|
}, [focusElement, focusZoneElement]);
|
|
109
87
|
}
|
|
110
88
|
|
|
111
|
-
export {
|
|
112
|
-
//# sourceMappingURL=
|
|
89
|
+
export { useFocusTrap };
|
|
90
|
+
//# sourceMappingURL=0350c865.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"0350c865.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport { getFirstAndLastFocusable } from '@lumx/react/utils/browser/focus/getFirstAndLastFocusable';\nimport { Falsy } from '@lumx/react/utils/type';\nimport { Listener, makeListenerTowerContext } from '@lumx/react/utils/function/makeListenerTowerContext';\n\nconst FOCUS_TRAPS = makeListenerTowerContext();\n\n/**\n * Trap 'Tab' focus switch inside the `focusZoneElement`.\n *\n * If multiple focus trap are activated, only the last one is maintained and when a focus trap closes, the previous one\n * gets activated again.\n *\n * @param focusZoneElement The element in which to trap the focus.\n * @param focusElement The element to focus when the focus trap is activated (otherwise the first focusable element\n * will be focused).\n */\nexport function useFocusTrap(focusZoneElement: HTMLElement | Falsy, focusElement?: HTMLElement | null): void {\n useEffect(() => {\n // Body element can be undefined in SSR context.\n const rootElement = DOCUMENT?.body;\n\n if (!rootElement || !focusZoneElement) {\n return undefined;\n }\n\n // Use the shadow root as focusZoneElement when available\n const focusZoneElementOrShadowRoot = focusZoneElement.shadowRoot || focusZoneElement;\n\n // Trap 'Tab' key down focus switch into the focus zone.\n const trapTabFocusInFocusZone = (evt: KeyboardEvent) => {\n const { key } = evt;\n if (key !== 'Tab') {\n return;\n }\n\n const focusable = getFirstAndLastFocusable(focusZoneElementOrShadowRoot);\n\n // Prevent focus switch if no focusable available.\n if (!focusable.first) {\n evt.preventDefault();\n return;\n }\n\n const activeElement = focusZoneElement.shadowRoot\n ? focusZoneElement.shadowRoot.activeElement\n : document.activeElement;\n\n if (\n // No previous focus\n !activeElement ||\n // Previous focus is at the end of the focus zone.\n (!evt.shiftKey && activeElement === focusable.last) ||\n // Previous focus is outside the focus zone\n !focusZoneElementOrShadowRoot.contains(activeElement)\n ) {\n focusable.first.focus();\n evt.preventDefault();\n return;\n }\n\n if (\n // Focus order reversed\n evt.shiftKey &&\n // Previous focus is at the start of the focus zone.\n activeElement === focusable.first\n ) {\n focusable.last.focus();\n evt.preventDefault();\n }\n };\n\n const focusTrap: Listener = {\n enable: () => rootElement.addEventListener('keydown', trapTabFocusInFocusZone),\n disable: () => rootElement.removeEventListener('keydown', trapTabFocusInFocusZone),\n };\n\n // SETUP:\n if (focusElement && focusZoneElementOrShadowRoot.contains(focusElement)) {\n // Focus the given element.\n focusElement.focus({ preventScroll: true });\n } else {\n // Focus the first focusable element in the zone.\n getFirstAndLastFocusable(focusZoneElementOrShadowRoot).first?.focus({ preventScroll: true });\n }\n FOCUS_TRAPS.register(focusTrap);\n\n // TEARDOWN:\n return () => FOCUS_TRAPS.unregister(focusTrap);\n }, [focusElement, focusZoneElement]);\n}\n"],"names":["FOCUS_TRAPS","makeListenerTowerContext","useFocusTrap","focusZoneElement","focusElement","useEffect","rootElement","DOCUMENT","body","undefined","focusZoneElementOrShadowRoot","shadowRoot","trapTabFocusInFocusZone","evt","key","focusable","getFirstAndLastFocusable","first","preventDefault","activeElement","document","shiftKey","last","contains","focus","focusTrap","enable","addEventListener","disable","removeEventListener","preventScroll","register","unregister"],"mappings":";;;;;AAOA,MAAMA,WAAW,GAAGC,wBAAwB,EAAE,CAAA;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,YAAYA,CAACC,gBAAqC,EAAEC,YAAiC,EAAQ;AACzGC,EAAAA,SAAS,CAAC,MAAM;AACZ;AACA,IAAA,MAAMC,WAAW,GAAGC,QAAQ,EAAEC,IAAI,CAAA;AAElC,IAAA,IAAI,CAACF,WAAW,IAAI,CAACH,gBAAgB,EAAE;AACnC,MAAA,OAAOM,SAAS,CAAA;AACpB,KAAA;;AAEA;AACA,IAAA,MAAMC,4BAA4B,GAAGP,gBAAgB,CAACQ,UAAU,IAAIR,gBAAgB,CAAA;;AAEpF;IACA,MAAMS,uBAAuB,GAAIC,GAAkB,IAAK;MACpD,MAAM;AAAEC,QAAAA,GAAAA;AAAI,OAAC,GAAGD,GAAG,CAAA;MACnB,IAAIC,GAAG,KAAK,KAAK,EAAE;AACf,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,MAAMC,SAAS,GAAGC,wBAAwB,CAACN,4BAA4B,CAAC,CAAA;;AAExE;AACA,MAAA,IAAI,CAACK,SAAS,CAACE,KAAK,EAAE;QAClBJ,GAAG,CAACK,cAAc,EAAE,CAAA;AACpB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,MAAMC,aAAa,GAAGhB,gBAAgB,CAACQ,UAAU,GAC3CR,gBAAgB,CAACQ,UAAU,CAACQ,aAAa,GACzCC,QAAQ,CAACD,aAAa,CAAA;AAE5B,MAAA;AACI;AACA,MAAA,CAACA,aAAa;AACd;MACC,CAACN,GAAG,CAACQ,QAAQ,IAAIF,aAAa,KAAKJ,SAAS,CAACO,IAAK;AACnD;AACA,MAAA,CAACZ,4BAA4B,CAACa,QAAQ,CAACJ,aAAa,CAAC,EACvD;AACEJ,QAAAA,SAAS,CAACE,KAAK,CAACO,KAAK,EAAE,CAAA;QACvBX,GAAG,CAACK,cAAc,EAAE,CAAA;AACpB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA;AACI;AACAL,MAAAA,GAAG,CAACQ,QAAQ;AACZ;AACAF,MAAAA,aAAa,KAAKJ,SAAS,CAACE,KAAK,EACnC;AACEF,QAAAA,SAAS,CAACO,IAAI,CAACE,KAAK,EAAE,CAAA;QACtBX,GAAG,CAACK,cAAc,EAAE,CAAA;AACxB,OAAA;KACH,CAAA;AAED,IAAA,MAAMO,SAAmB,GAAG;MACxBC,MAAM,EAAEA,MAAMpB,WAAW,CAACqB,gBAAgB,CAAC,SAAS,EAAEf,uBAAuB,CAAC;MAC9EgB,OAAO,EAAEA,MAAMtB,WAAW,CAACuB,mBAAmB,CAAC,SAAS,EAAEjB,uBAAuB,CAAA;KACpF,CAAA;;AAED;IACA,IAAIR,YAAY,IAAIM,4BAA4B,CAACa,QAAQ,CAACnB,YAAY,CAAC,EAAE;AACrE;MACAA,YAAY,CAACoB,KAAK,CAAC;AAAEM,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAC/C,KAAC,MAAM;AACH;AACAd,MAAAA,wBAAwB,CAACN,4BAA4B,CAAC,CAACO,KAAK,EAAEO,KAAK,CAAC;AAAEM,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAChG,KAAA;AACA9B,IAAAA,WAAW,CAAC+B,QAAQ,CAACN,SAAS,CAAC,CAAA;;AAE/B;AACA,IAAA,OAAO,MAAMzB,WAAW,CAACgC,UAAU,CAACP,SAAS,CAAC,CAAA;AAClD,GAAC,EAAE,CAACrB,YAAY,EAAED,gBAAgB,CAAC,CAAC,CAAA;AACxC;;;;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import getNodeName from './879fa64d.js';
|
|
2
|
+
import getDocumentElement from './60139f6a.js';
|
|
3
|
+
|
|
4
|
+
function getParentNode(element) {
|
|
5
|
+
if (getNodeName(element) === 'html') {
|
|
6
|
+
return element;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
return (// $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle
|
|
10
|
+
element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
|
|
11
|
+
element.parentNode || // DOM Element detected
|
|
12
|
+
// $FlowFixMe: need a better way to handle this...
|
|
13
|
+
element.host || // ShadowRoot detected
|
|
14
|
+
// $FlowFixMe: HTMLElement is a Node
|
|
15
|
+
getDocumentElement(element) // fallback
|
|
16
|
+
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { getParentNode as default };
|
|
21
|
+
//# sourceMappingURL=063618dc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"063618dc.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js"],"sourcesContent":["import getNodeName from \"./getNodeName.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nexport default function getParentNode(element) {\n if (getNodeName(element) === 'html') {\n return element;\n }\n\n return (// $FlowFixMe: this is a quicker (but less type safe) way to save quite some bytes from the bundle\n element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n element.parentNode || // DOM Element detected\n // $FlowFixMe: need a better way to handle this...\n element.host || // ShadowRoot detected\n // $FlowFixMe: HTMLElement is a Node\n getDocumentElement(element) // fallback\n\n );\n}"],"names":[],"mappings":";;;AAEe,SAAS,aAAa,CAAC,OAAO,EAAE;AAC/C,EAAE,IAAI,WAAW,CAAC,OAAO,CAAC,KAAK,MAAM,EAAE;AACvC,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG;AACH;AACA,EAAE;AACF,IAAI,OAAO,CAAC,YAAY;AACxB,IAAI,OAAO,CAAC,UAAU;AACtB;AACA,IAAI,OAAO,CAAC,IAAI;AAChB;AACA,IAAI,kBAAkB,CAAC,OAAO,CAAC;AAC/B;AACA,IAAI;AACJ;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
function getBoundingClientRect(element) {
|
|
2
|
+
var rect = element.getBoundingClientRect();
|
|
3
|
+
return {
|
|
4
|
+
width: rect.width,
|
|
5
|
+
height: rect.height,
|
|
6
|
+
top: rect.top,
|
|
7
|
+
right: rect.right,
|
|
8
|
+
bottom: rect.bottom,
|
|
9
|
+
left: rect.left,
|
|
10
|
+
x: rect.left,
|
|
11
|
+
y: rect.top
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { getBoundingClientRect as default };
|
|
16
|
+
//# sourceMappingURL=07f6dc7c.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"07f6dc7c.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js"],"sourcesContent":["export default function getBoundingClientRect(element) {\n var rect = element.getBoundingClientRect();\n return {\n width: rect.width,\n height: rect.height,\n top: rect.top,\n right: rect.right,\n bottom: rect.bottom,\n left: rect.left,\n x: rect.left,\n y: rect.top\n };\n}"],"names":[],"mappings":"AAAe,SAAS,qBAAqB,CAAC,OAAO,EAAE;AACvD,EAAE,IAAI,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;AAC7C,EAAE,OAAO;AACT,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK;AACrB,IAAI,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,IAAI,GAAG,EAAE,IAAI,CAAC,GAAG;AACjB,IAAI,KAAK,EAAE,IAAI,CAAC,KAAK;AACrB,IAAI,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,IAAI,IAAI,EAAE,IAAI,CAAC,IAAI;AACnB,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI;AAChB,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG;AACf,GAAG,CAAC;AACJ;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"0846b7f3.js","sources":["../../../lumx-icons/dist/esm/chevron-up.js"],"sourcesContent":["export const mdiChevronUp = 'M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z';"],"names":["mdiChevronUp"],"mappings":"AAAO,MAAMA,YAAY,GAAG;;;;"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { useState, useRef, useContext } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
|
|
4
|
+
import { useTheme, ThemeProvider } from './d8ee966d.js';
|
|
5
|
+
import { useId } from './11687649.js';
|
|
6
|
+
import { forwardRef } from './bd8b3ec8.js';
|
|
7
|
+
import { RawClickable } from './a6dc95cd.js';
|
|
8
|
+
import { CLASSNAME as CLASSNAME$1 } from './f2e34298.js';
|
|
9
|
+
import { NavigationContext } from './6b61b268.js';
|
|
10
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
11
|
+
import { Popover } from './612f6fb4.js';
|
|
12
|
+
import { Orientation, Size, Theme } from '@lumx/core/js/constants';
|
|
13
|
+
import { Icon } from './595d0e66.js';
|
|
14
|
+
import { Text } from './203b01d8.js';
|
|
15
|
+
import { mdiChevronUp } from './0846b7f3.js';
|
|
16
|
+
import { mdiChevronDown } from './256f8eff.js';
|
|
17
|
+
import { Placement } from './9d063548.js';
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Component display name.
|
|
21
|
+
*/
|
|
22
|
+
const COMPONENT_NAME = 'NavigationSection';
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Component default class name and class prefix.
|
|
26
|
+
*/
|
|
27
|
+
const CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
28
|
+
const NavigationSection = forwardRef((props, ref) => {
|
|
29
|
+
const {
|
|
30
|
+
children,
|
|
31
|
+
className,
|
|
32
|
+
label,
|
|
33
|
+
icon,
|
|
34
|
+
...forwardedProps
|
|
35
|
+
} = props;
|
|
36
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
37
|
+
const buttonRef = useRef(null);
|
|
38
|
+
const sectionId = useId();
|
|
39
|
+
const {
|
|
40
|
+
orientation
|
|
41
|
+
} = useContext(NavigationContext) || {};
|
|
42
|
+
const theme = useTheme();
|
|
43
|
+
const isDropdown = orientation === Orientation.horizontal;
|
|
44
|
+
return /*#__PURE__*/jsxs("li", {
|
|
45
|
+
className: classNames(className, CLASSNAME, CLASSNAME$1, handleBasicClasses({
|
|
46
|
+
prefix: CLASSNAME$1,
|
|
47
|
+
theme
|
|
48
|
+
})),
|
|
49
|
+
ref: ref,
|
|
50
|
+
children: [/*#__PURE__*/jsxs(RawClickable, {
|
|
51
|
+
as: "button",
|
|
52
|
+
...forwardedProps,
|
|
53
|
+
"aria-controls": sectionId,
|
|
54
|
+
"aria-expanded": isOpen,
|
|
55
|
+
className: classNames(`${CLASSNAME$1}__link`),
|
|
56
|
+
ref: buttonRef,
|
|
57
|
+
onClick: event => {
|
|
58
|
+
setIsOpen(!isOpen);
|
|
59
|
+
event.stopPropagation();
|
|
60
|
+
},
|
|
61
|
+
children: [icon ? /*#__PURE__*/jsx(Icon, {
|
|
62
|
+
className: `${CLASSNAME$1}__icon`,
|
|
63
|
+
icon: icon,
|
|
64
|
+
size: Size.xs
|
|
65
|
+
}) : null, /*#__PURE__*/jsx(Text, {
|
|
66
|
+
as: "span",
|
|
67
|
+
truncate: true,
|
|
68
|
+
className: `${CLASSNAME$1}__label`,
|
|
69
|
+
ref: ref,
|
|
70
|
+
children: label
|
|
71
|
+
}), /*#__PURE__*/jsx(Icon, {
|
|
72
|
+
className: classNames(`${CLASSNAME$1}__icon`, `${CLASSNAME}__chevron`),
|
|
73
|
+
icon: isOpen ? mdiChevronUp : mdiChevronDown
|
|
74
|
+
})]
|
|
75
|
+
}), isOpen && (isDropdown ? /*#__PURE__*/jsx(Popover, {
|
|
76
|
+
anchorRef: buttonRef,
|
|
77
|
+
isOpen: isOpen,
|
|
78
|
+
placement: Placement.BOTTOM_START,
|
|
79
|
+
usePortal: false,
|
|
80
|
+
closeOnClickAway: true,
|
|
81
|
+
closeOnEscape: true,
|
|
82
|
+
onClick: () => setIsOpen(false),
|
|
83
|
+
onClose: () => setIsOpen(false),
|
|
84
|
+
zIndex: 996,
|
|
85
|
+
children: /*#__PURE__*/jsx(ThemeProvider, {
|
|
86
|
+
value: Theme.light,
|
|
87
|
+
children: /*#__PURE__*/jsx("ul", {
|
|
88
|
+
className: `${CLASSNAME}__drawer--popover`,
|
|
89
|
+
id: sectionId,
|
|
90
|
+
children: /*#__PURE__*/jsx(NavigationContext.Provider, {
|
|
91
|
+
value: {
|
|
92
|
+
orientation: Orientation.vertical
|
|
93
|
+
},
|
|
94
|
+
children: children
|
|
95
|
+
})
|
|
96
|
+
})
|
|
97
|
+
})
|
|
98
|
+
}) : /*#__PURE__*/jsx("ul", {
|
|
99
|
+
className: `${CLASSNAME}__drawer`,
|
|
100
|
+
id: sectionId,
|
|
101
|
+
children: children
|
|
102
|
+
}))]
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
NavigationSection.displayName = COMPONENT_NAME;
|
|
106
|
+
NavigationSection.className = CLASSNAME;
|
|
107
|
+
|
|
108
|
+
export { NavigationSection };
|
|
109
|
+
//# sourceMappingURL=08948b47.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"08948b47.js","sources":["../../src/components/navigation/NavigationSection.tsx"],"sourcesContent":["import { useRef, useState, useContext } from 'react';\n\nimport { mdiChevronDown, mdiChevronUp } from '@lumx/icons';\nimport { Icon, Size, Text, Orientation, Popover, Placement, Theme } from '@lumx/react';\nimport classNames from 'classnames';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { HasClassName } from '@lumx/react/utils/type';\nimport { ThemeProvider, useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { RawClickable } from '@lumx/react/utils/react/RawClickable';\nimport { CLASSNAME as ITEM_CLASSNAME } from './NavigationItem';\nimport { NavigationContext } from './context';\n\nexport interface NavigationSectionProps extends React.ComponentPropsWithoutRef<'button'>, HasClassName {\n /** Items inside the section */\n children: React.ReactNode;\n /** Icon (SVG path). */\n icon?: string;\n /** Label content. */\n label: string | React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'NavigationSection';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const NavigationSection = forwardRef<NavigationSectionProps, HTMLLIElement>((props, ref) => {\n const { children, className, label, icon, ...forwardedProps } = props;\n const [isOpen, setIsOpen] = useState(false);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const sectionId = useId();\n const { orientation } = useContext(NavigationContext) || {};\n const theme = useTheme();\n const isDropdown = orientation === Orientation.horizontal;\n return (\n <li\n className={classNames(\n className,\n CLASSNAME,\n ITEM_CLASSNAME,\n handleBasicClasses({\n prefix: ITEM_CLASSNAME,\n theme,\n }),\n )}\n ref={ref}\n >\n <RawClickable<'button'>\n as=\"button\"\n {...forwardedProps}\n aria-controls={sectionId}\n aria-expanded={isOpen}\n className={classNames(`${ITEM_CLASSNAME}__link`)}\n ref={buttonRef}\n onClick={(event) => {\n setIsOpen(!isOpen);\n event.stopPropagation();\n }}\n >\n {icon ? <Icon className={`${ITEM_CLASSNAME}__icon`} icon={icon} size={Size.xs} /> : null}\n\n <Text as=\"span\" truncate className={`${ITEM_CLASSNAME}__label`} ref={ref}>\n {label}\n </Text>\n <Icon\n className={classNames(`${ITEM_CLASSNAME}__icon`, `${CLASSNAME}__chevron`)}\n icon={isOpen ? mdiChevronUp : mdiChevronDown}\n />\n </RawClickable>\n {isOpen &&\n (isDropdown ? (\n <Popover\n anchorRef={buttonRef}\n isOpen={isOpen}\n placement={Placement.BOTTOM_START}\n usePortal={false}\n closeOnClickAway\n closeOnEscape\n onClick={() => setIsOpen(false)}\n onClose={() => setIsOpen(false)}\n zIndex={996}\n >\n <ThemeProvider value={Theme.light}>\n <ul className={`${CLASSNAME}__drawer--popover`} id={sectionId}>\n <NavigationContext.Provider value={{ orientation: Orientation.vertical }}>\n {children}\n </NavigationContext.Provider>\n </ul>\n </ThemeProvider>\n </Popover>\n ) : (\n <ul className={`${CLASSNAME}__drawer`} id={sectionId}>\n {children}\n </ul>\n ))}\n </li>\n );\n});\nNavigationSection.displayName = COMPONENT_NAME;\nNavigationSection.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","NavigationSection","forwardRef","props","ref","children","className","label","icon","forwardedProps","isOpen","setIsOpen","useState","buttonRef","useRef","sectionId","useId","orientation","useContext","NavigationContext","theme","useTheme","isDropdown","Orientation","horizontal","_jsxs","classNames","ITEM_CLASSNAME","handleBasicClasses","prefix","RawClickable","as","onClick","event","stopPropagation","_jsx","Icon","size","Size","xs","Text","truncate","mdiChevronUp","mdiChevronDown","Popover","anchorRef","placement","Placement","BOTTOM_START","usePortal","closeOnClickAway","closeOnEscape","onClose","zIndex","ThemeProvider","value","Theme","light","id","Provider","vertical","displayName"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"08b0de35.js","sources":["../../src/components/input-helper/constants.ts"],"sourcesContent":["export const INPUT_HELPER_CONFIGURATION: Record<string, { color: string }> = {\n error: {\n color: 'red',\n },\n success: {\n color: 'green',\n },\n warning: {\n color: 'yellow',\n },\n};\n"],"names":["INPUT_HELPER_CONFIGURATION","error","color","success","warning"],"mappings":"AAAO,MAAMA,0BAA6D,GAAG;AACzEC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,KAAA;GACV;AACDC,EAAAA,OAAO,EAAE;AACLD,IAAAA,KAAK,EAAE,OAAA;GACV;AACDE,EAAAA,OAAO,EAAE;AACLF,IAAAA,KAAK,EAAE,QAAA;AACX,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { usePopper as usePopper$1 } from './48148353.js';
|
|
2
|
+
import { IS_BROWSER } from './6af61e2f.js';
|
|
3
|
+
|
|
4
|
+
/** Stub usePopper for use outside of browsers */
|
|
5
|
+
const useStubPopper = (_a, _p, {
|
|
6
|
+
placement
|
|
7
|
+
}) => ({
|
|
8
|
+
attributes: {
|
|
9
|
+
popper: {
|
|
10
|
+
'data-popper-placement': placement
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
styles: {
|
|
14
|
+
popper: {
|
|
15
|
+
transform: 'translate(1, 1)'
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
/** Switch hook implementation between environment */
|
|
21
|
+
const usePopper = IS_BROWSER ? usePopper$1 : useStubPopper;
|
|
22
|
+
|
|
23
|
+
export { usePopper };
|
|
24
|
+
//# sourceMappingURL=094c811d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"094c811d.js","sources":["../../src/hooks/usePopper.ts"],"sourcesContent":["import { usePopper as usePopperHook } from 'react-popper';\nimport { IS_BROWSER } from '@lumx/react/constants';\n\n/** Stub usePopper for use outside of browsers */\nconst useStubPopper: typeof usePopperHook = (_a, _p, { placement }: any) =>\n ({\n attributes: { popper: { 'data-popper-placement': placement } },\n styles: { popper: { transform: 'translate(1, 1)' } },\n }) as any;\n\n/** Switch hook implementation between environment */\nexport const usePopper: typeof usePopperHook = IS_BROWSER ? usePopperHook : useStubPopper;\n"],"names":["useStubPopper","_a","_p","placement","attributes","popper","styles","transform","usePopper","IS_BROWSER","usePopperHook"],"mappings":";;;AAGA;AACA,MAAMA,aAAmC,GAAGA,CAACC,EAAE,EAAEC,EAAE,EAAE;AAAEC,EAAAA,SAAAA;AAAe,CAAC,MAClE;AACGC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,MAAM,EAAE;AAAE,MAAA,uBAAuB,EAAEF,SAAAA;AAAU,KAAA;GAAG;AAC9DG,EAAAA,MAAM,EAAE;AAAED,IAAAA,MAAM,EAAE;AAAEE,MAAAA,SAAS,EAAE,iBAAA;AAAkB,KAAA;AAAE,GAAA;AACvD,CAAC,CAAQ,CAAA;;AAEb;MACaC,SAA+B,GAAGC,UAAU,GAAGC,WAAa,GAAGV;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Render link with default <a> HTML component or a custom one provided by `linkAs`.
|
|
5
|
+
*
|
|
6
|
+
* Can be used to inject the `Link` component from `react-router` and provide better a11y on LumX components.
|
|
7
|
+
*
|
|
8
|
+
* @param linkAs Custom link component.
|
|
9
|
+
* @param children Link children.
|
|
10
|
+
* @return A link.
|
|
11
|
+
*/
|
|
12
|
+
const renderLink = ({
|
|
13
|
+
linkAs,
|
|
14
|
+
...forwardedProps
|
|
15
|
+
}, ...children) => /*#__PURE__*/React__default.createElement(linkAs || 'a', forwardedProps, ...children);
|
|
16
|
+
|
|
17
|
+
export { renderLink };
|
|
18
|
+
//# sourceMappingURL=09d97180.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"09d97180.js","sources":["../../src/utils/react/renderLink.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\n\ninterface Props {\n linkAs?: any;\n}\n\n/**\n * Render link with default <a> HTML component or a custom one provided by `linkAs`.\n *\n * Can be used to inject the `Link` component from `react-router` and provide better a11y on LumX components.\n *\n * @param linkAs Custom link component.\n * @param children Link children.\n * @return A link.\n */\nexport const renderLink = <P extends Props>({ linkAs, ...forwardedProps }: P, ...children: ReactNode[]): ReactElement =>\n React.createElement(linkAs || 'a', forwardedProps, ...children);\n"],"names":["renderLink","linkAs","forwardedProps","children","React","createElement"],"mappings":";;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,UAAU,GAAGA,CAAkB;EAAEC,MAAM;EAAE,GAAGC,cAAAA;AAAkB,CAAC,EAAE,GAAGC,QAAqB,kBAClGC,cAAK,CAACC,aAAa,CAACJ,MAAM,IAAI,GAAG,EAAEC,cAAc,EAAE,GAAGC,QAAQ;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TABBABLE_ELEMENTS_SELECTOR, DISABLED_SELECTOR } from './c0a6dba6.js';
|
|
2
|
+
|
|
3
|
+
const isNotDisabled = element => !element.matches(DISABLED_SELECTOR);
|
|
4
|
+
function getFocusableElements(element) {
|
|
5
|
+
return Array.from(element.querySelectorAll(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export { getFocusableElements };
|
|
9
|
+
//# sourceMappingURL=0a2c57a2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"0a2c57a2.js","sources":["../../src/utils/browser/focus/getFocusableElements.ts"],"sourcesContent":["import { DISABLED_SELECTOR, TABBABLE_ELEMENTS_SELECTOR } from './constants';\n\nconst isNotDisabled = (element: HTMLElement) => !element.matches(DISABLED_SELECTOR);\n\nexport function getFocusableElements(element: HTMLElement | ShadowRoot): HTMLElement[] {\n return Array.from(element.querySelectorAll<HTMLElement>(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);\n}\n"],"names":["isNotDisabled","element","matches","DISABLED_SELECTOR","getFocusableElements","Array","from","querySelectorAll","TABBABLE_ELEMENTS_SELECTOR","filter"],"mappings":";;AAEA,MAAMA,aAAa,GAAIC,OAAoB,IAAK,CAACA,OAAO,CAACC,OAAO,CAACC,iBAAiB,CAAC,CAAA;AAE5E,SAASC,oBAAoBA,CAACH,OAAiC,EAAiB;AACnF,EAAA,OAAOI,KAAK,CAACC,IAAI,CAACL,OAAO,CAACM,gBAAgB,CAAcC,0BAA0B,CAAC,CAAC,CAACC,MAAM,CAACT,aAAa,CAAC,CAAA;AAC9G;;;;"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { top, right, bottom, left } from './f4baa1da.js';
|
|
2
|
+
import detectOverflow from './6f0ce1bb.js';
|
|
3
|
+
|
|
4
|
+
function getSideOffsets(overflow, rect, preventedOffsets) {
|
|
5
|
+
if (preventedOffsets === void 0) {
|
|
6
|
+
preventedOffsets = {
|
|
7
|
+
x: 0,
|
|
8
|
+
y: 0
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
return {
|
|
13
|
+
top: overflow.top - rect.height - preventedOffsets.y,
|
|
14
|
+
right: overflow.right - rect.width + preventedOffsets.x,
|
|
15
|
+
bottom: overflow.bottom - rect.height + preventedOffsets.y,
|
|
16
|
+
left: overflow.left - rect.width - preventedOffsets.x
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function isAnySideFullyClipped(overflow) {
|
|
21
|
+
return [top, right, bottom, left].some(function (side) {
|
|
22
|
+
return overflow[side] >= 0;
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
function hide(_ref) {
|
|
27
|
+
var state = _ref.state,
|
|
28
|
+
name = _ref.name;
|
|
29
|
+
var referenceRect = state.rects.reference;
|
|
30
|
+
var popperRect = state.rects.popper;
|
|
31
|
+
var preventedOffsets = state.modifiersData.preventOverflow;
|
|
32
|
+
var referenceOverflow = detectOverflow(state, {
|
|
33
|
+
elementContext: 'reference'
|
|
34
|
+
});
|
|
35
|
+
var popperAltOverflow = detectOverflow(state, {
|
|
36
|
+
altBoundary: true
|
|
37
|
+
});
|
|
38
|
+
var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);
|
|
39
|
+
var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);
|
|
40
|
+
var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);
|
|
41
|
+
var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);
|
|
42
|
+
state.modifiersData[name] = {
|
|
43
|
+
referenceClippingOffsets: referenceClippingOffsets,
|
|
44
|
+
popperEscapeOffsets: popperEscapeOffsets,
|
|
45
|
+
isReferenceHidden: isReferenceHidden,
|
|
46
|
+
hasPopperEscaped: hasPopperEscaped
|
|
47
|
+
};
|
|
48
|
+
state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {
|
|
49
|
+
'data-popper-reference-hidden': isReferenceHidden,
|
|
50
|
+
'data-popper-escaped': hasPopperEscaped
|
|
51
|
+
});
|
|
52
|
+
} // eslint-disable-next-line import/no-unused-modules
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
var hide$1 = {
|
|
56
|
+
name: 'hide',
|
|
57
|
+
enabled: true,
|
|
58
|
+
phase: 'main',
|
|
59
|
+
requiresIfExists: ['preventOverflow'],
|
|
60
|
+
fn: hide
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
export { hide$1 as default };
|
|
64
|
+
//# sourceMappingURL=0a7f4911.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"0a7f4911.js","sources":["../../../../node_modules/@popperjs/core/lib/modifiers/hide.js"],"sourcesContent":["import { top, bottom, left, right } from \"../enums.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n if (preventedOffsets === void 0) {\n preventedOffsets = {\n x: 0,\n y: 0\n };\n }\n\n return {\n top: overflow.top - rect.height - preventedOffsets.y,\n right: overflow.right - rect.width + preventedOffsets.x,\n bottom: overflow.bottom - rect.height + preventedOffsets.y,\n left: overflow.left - rect.width - preventedOffsets.x\n };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n return [top, right, bottom, left].some(function (side) {\n return overflow[side] >= 0;\n });\n}\n\nfunction hide(_ref) {\n var state = _ref.state,\n name = _ref.name;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var preventedOffsets = state.modifiersData.preventOverflow;\n var referenceOverflow = detectOverflow(state, {\n elementContext: 'reference'\n });\n var popperAltOverflow = detectOverflow(state, {\n altBoundary: true\n });\n var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n state.modifiersData[name] = {\n referenceClippingOffsets: referenceClippingOffsets,\n popperEscapeOffsets: popperEscapeOffsets,\n isReferenceHidden: isReferenceHidden,\n hasPopperEscaped: hasPopperEscaped\n };\n state.attributes.popper = Object.assign(Object.assign({}, state.attributes.popper), {}, {\n 'data-popper-reference-hidden': isReferenceHidden,\n 'data-popper-escaped': hasPopperEscaped\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'hide',\n enabled: true,\n phase: 'main',\n requiresIfExists: ['preventOverflow'],\n fn: hide\n};"],"names":[],"mappings":";;;AAGA,SAAS,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE,gBAAgB,EAAE;AAC1D,EAAE,IAAI,gBAAgB,KAAK,KAAK,CAAC,EAAE;AACnC,IAAI,gBAAgB,GAAG;AACvB,MAAM,CAAC,EAAE,CAAC;AACV,MAAM,CAAC,EAAE,CAAC;AACV,KAAK,CAAC;AACN,GAAG;AACH;AACA,EAAE,OAAO;AACT,IAAI,GAAG,EAAE,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC;AACxD,IAAI,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,CAAC;AAC3D,IAAI,MAAM,EAAE,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC;AAC9D,IAAI,IAAI,EAAE,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,CAAC;AACzD,GAAG,CAAC;AACJ,CAAC;AACD;AACA,SAAS,qBAAqB,CAAC,QAAQ,EAAE;AACzC,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE;AACzD,IAAI,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/B,GAAG,CAAC,CAAC;AACL,CAAC;AACD;AACA,SAAS,IAAI,CAAC,IAAI,EAAE;AACpB,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;AACvB,EAAE,IAAI,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;AAC5C,EAAE,IAAI,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;AACtC,EAAE,IAAI,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;AAC7D,EAAE,IAAI,iBAAiB,GAAG,cAAc,CAAC,KAAK,EAAE;AAChD,IAAI,cAAc,EAAE,WAAW;AAC/B,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,iBAAiB,GAAG,cAAc,CAAC,KAAK,EAAE;AAChD,IAAI,WAAW,EAAE,IAAI;AACrB,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,wBAAwB,GAAG,cAAc,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AAClF,EAAE,IAAI,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC;AAC5F,EAAE,IAAI,iBAAiB,GAAG,qBAAqB,CAAC,wBAAwB,CAAC,CAAC;AAC1E,EAAE,IAAI,gBAAgB,GAAG,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;AACpE,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;AAC9B,IAAI,wBAAwB,EAAE,wBAAwB;AACtD,IAAI,mBAAmB,EAAE,mBAAmB;AAC5C,IAAI,iBAAiB,EAAE,iBAAiB;AACxC,IAAI,gBAAgB,EAAE,gBAAgB;AACtC,GAAG,CAAC;AACJ,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE;AAC1F,IAAI,8BAA8B,EAAE,iBAAiB;AACrD,IAAI,qBAAqB,EAAE,gBAAgB;AAC3C,GAAG,CAAC,CAAC;AACL,CAAC;AACD;AACA;AACA,aAAe;AACf,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,OAAO,EAAE,IAAI;AACf,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,gBAAgB,EAAE,CAAC,iBAAiB,CAAC;AACvC,EAAE,EAAE,EAAE,IAAI;AACV,CAAC;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"0aa9027f.js","sources":["../../src/components/heading/context.tsx"],"sourcesContent":["import { HeadingElement } from '@lumx/react/utils/type';\nimport { createContext } from 'react';\n\ninterface HeadingLevelContext {\n /** The current level */\n level: number;\n /** The heading element matching the current level */\n headingElement: HeadingElement;\n}\n\nconst defaultContext: HeadingLevelContext = { level: 1, headingElement: 'h1' };\n\nexport const HeadingLevelContext = createContext<HeadingLevelContext>(defaultContext);\n"],"names":["defaultContext","level","headingElement","HeadingLevelContext","createContext"],"mappings":";;AAUA,MAAMA,cAAmC,GAAG;AAAEC,EAAAA,KAAK,EAAE,CAAC;AAAEC,EAAAA,cAAc,EAAE,IAAA;AAAK,CAAC,CAAA;MAEjEC,mBAAmB,gBAAGC,aAAa,CAAsBJ,cAAc;;;;"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import ReactDOM from 'react-dom';
|
|
2
|
+
import { unref } from './bc393aec.js';
|
|
3
|
+
import { isReducedMotion } from './355f875f.js';
|
|
4
|
+
|
|
5
|
+
function setupViewTransitionName(elementRef, name) {
|
|
6
|
+
let originalName = null;
|
|
7
|
+
return {
|
|
8
|
+
set() {
|
|
9
|
+
const element = unref(elementRef);
|
|
10
|
+
if (!element) return;
|
|
11
|
+
originalName = element.style.viewTransitionName;
|
|
12
|
+
element.style.viewTransitionName = name;
|
|
13
|
+
},
|
|
14
|
+
unset() {
|
|
15
|
+
const element = unref(elementRef);
|
|
16
|
+
if (!element || originalName === null) return;
|
|
17
|
+
element.style.viewTransitionName = originalName;
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Wrapper around the `document.startViewTransition` handling browser incompatibilities, react DOM flush and
|
|
24
|
+
* user preference.
|
|
25
|
+
*
|
|
26
|
+
* @param changes callback containing the changes to apply within the view transition.
|
|
27
|
+
* @param setViewTransitionName set the `viewTransitionName` style on a `source` & `target` to morph these elements.
|
|
28
|
+
*/
|
|
29
|
+
async function startViewTransition({
|
|
30
|
+
changes,
|
|
31
|
+
viewTransitionName
|
|
32
|
+
}) {
|
|
33
|
+
const start = document?.startViewTransition?.bind(document);
|
|
34
|
+
const prefersReducedMotion = isReducedMotion();
|
|
35
|
+
const {
|
|
36
|
+
flushSync
|
|
37
|
+
} = ReactDOM;
|
|
38
|
+
if (prefersReducedMotion || !start || !flushSync || !viewTransitionName?.source || !viewTransitionName?.target) {
|
|
39
|
+
// Skip, apply changes without a transition
|
|
40
|
+
changes();
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
// Setup set/unset transition name on source & target
|
|
45
|
+
const sourceTransitionName = setupViewTransitionName(viewTransitionName.source, viewTransitionName.name);
|
|
46
|
+
const targetTransitionName = setupViewTransitionName(viewTransitionName.target, viewTransitionName.name);
|
|
47
|
+
sourceTransitionName.set();
|
|
48
|
+
|
|
49
|
+
// Start view transition, apply changes & flush to DOM
|
|
50
|
+
await start(() => {
|
|
51
|
+
sourceTransitionName.unset();
|
|
52
|
+
flushSync(changes);
|
|
53
|
+
targetTransitionName.set();
|
|
54
|
+
}).updateCallbackDone;
|
|
55
|
+
targetTransitionName.unset();
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export { startViewTransition };
|
|
59
|
+
//# sourceMappingURL=0c58c8e2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"0c58c8e2.js","sources":["../../src/utils/browser/DOM/startViewTransition.ts"],"sourcesContent":["import ReactDOM from 'react-dom';\n\nimport { MaybeElementOrRef } from '@lumx/react/utils/type';\n\nimport { unref } from '../../react/unref';\nimport { isReducedMotion } from '../isReducedMotion';\n\nfunction setupViewTransitionName(elementRef: MaybeElementOrRef<HTMLElement>, name: string) {\n let originalName: string | null = null;\n return {\n set() {\n const element = unref(elementRef);\n if (!element) return;\n originalName = element.style.viewTransitionName;\n element.style.viewTransitionName = name;\n },\n unset() {\n const element = unref(elementRef);\n if (!element || originalName === null) return;\n element.style.viewTransitionName = originalName;\n },\n };\n}\n\n/**\n * Wrapper around the `document.startViewTransition` handling browser incompatibilities, react DOM flush and\n * user preference.\n *\n * @param changes callback containing the changes to apply within the view transition.\n * @param setViewTransitionName set the `viewTransitionName` style on a `source` & `target` to morph these elements.\n */\nexport async function startViewTransition({\n changes,\n viewTransitionName,\n}: {\n changes: () => void;\n viewTransitionName: {\n source: MaybeElementOrRef<HTMLElement>;\n target: MaybeElementOrRef<HTMLElement>;\n name: string;\n };\n}) {\n const start = (document as any)?.startViewTransition?.bind(document);\n const prefersReducedMotion = isReducedMotion();\n const { flushSync } = ReactDOM as any;\n if (prefersReducedMotion || !start || !flushSync || !viewTransitionName?.source || !viewTransitionName?.target) {\n // Skip, apply changes without a transition\n changes();\n return;\n }\n\n // Setup set/unset transition name on source & target\n const sourceTransitionName = setupViewTransitionName(viewTransitionName.source, viewTransitionName.name);\n const targetTransitionName = setupViewTransitionName(viewTransitionName.target, viewTransitionName.name);\n\n sourceTransitionName.set();\n\n // Start view transition, apply changes & flush to DOM\n await start(() => {\n sourceTransitionName.unset();\n\n flushSync(changes);\n\n targetTransitionName.set();\n }).updateCallbackDone;\n\n targetTransitionName.unset();\n}\n"],"names":["setupViewTransitionName","elementRef","name","originalName","set","element","unref","style","viewTransitionName","unset","startViewTransition","changes","start","document","bind","prefersReducedMotion","isReducedMotion","flushSync","ReactDOM","source","target","sourceTransitionName","targetTransitionName","updateCallbackDone"],"mappings":";;;;AAOA,SAASA,uBAAuBA,CAACC,UAA0C,EAAEC,IAAY,EAAE;EACvF,IAAIC,YAA2B,GAAG,IAAI,CAAA;EACtC,OAAO;AACHC,IAAAA,GAAGA,GAAG;AACF,MAAA,MAAMC,OAAO,GAAGC,KAAK,CAACL,UAAU,CAAC,CAAA;MACjC,IAAI,CAACI,OAAO,EAAE,OAAA;AACdF,MAAAA,YAAY,GAAGE,OAAO,CAACE,KAAK,CAACC,kBAAkB,CAAA;AAC/CH,MAAAA,OAAO,CAACE,KAAK,CAACC,kBAAkB,GAAGN,IAAI,CAAA;KAC1C;AACDO,IAAAA,KAAKA,GAAG;AACJ,MAAA,MAAMJ,OAAO,GAAGC,KAAK,CAACL,UAAU,CAAC,CAAA;AACjC,MAAA,IAAI,CAACI,OAAO,IAAIF,YAAY,KAAK,IAAI,EAAE,OAAA;AACvCE,MAAAA,OAAO,CAACE,KAAK,CAACC,kBAAkB,GAAGL,YAAY,CAAA;AACnD,KAAA;GACH,CAAA;AACL,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAeO,mBAAmBA,CAAC;EACtCC,OAAO;AACPH,EAAAA,kBAAAA;AAQJ,CAAC,EAAE;EACC,MAAMI,KAAK,GAAIC,QAAQ,EAAUH,mBAAmB,EAAEI,IAAI,CAACD,QAAQ,CAAC,CAAA;AACpE,EAAA,MAAME,oBAAoB,GAAGC,eAAe,EAAE,CAAA;EAC9C,MAAM;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,QAAe,CAAA;AACrC,EAAA,IAAIH,oBAAoB,IAAI,CAACH,KAAK,IAAI,CAACK,SAAS,IAAI,CAACT,kBAAkB,EAAEW,MAAM,IAAI,CAACX,kBAAkB,EAAEY,MAAM,EAAE;AAC5G;AACAT,IAAAA,OAAO,EAAE,CAAA;AACT,IAAA,OAAA;AACJ,GAAA;;AAEA;EACA,MAAMU,oBAAoB,GAAGrB,uBAAuB,CAACQ,kBAAkB,CAACW,MAAM,EAAEX,kBAAkB,CAACN,IAAI,CAAC,CAAA;EACxG,MAAMoB,oBAAoB,GAAGtB,uBAAuB,CAACQ,kBAAkB,CAACY,MAAM,EAAEZ,kBAAkB,CAACN,IAAI,CAAC,CAAA;EAExGmB,oBAAoB,CAACjB,GAAG,EAAE,CAAA;;AAE1B;EACA,MAAMQ,KAAK,CAAC,MAAM;IACdS,oBAAoB,CAACZ,KAAK,EAAE,CAAA;IAE5BQ,SAAS,CAACN,OAAO,CAAC,CAAA;IAElBW,oBAAoB,CAAClB,GAAG,EAAE,CAAA;GAC7B,CAAC,CAACmB,kBAAkB,CAAA;EAErBD,oBAAoB,CAACb,KAAK,EAAE,CAAA;AAChC;;;;"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import isEmpty from 'lodash/isEmpty';
|
|
3
|
-
import {
|
|
3
|
+
import { isComponent } from './ebe24fd7.js';
|
|
4
4
|
import { getRootClassName, getBasicClass } from '@lumx/core/js/utils/className';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
5
|
+
import { useTheme, ThemeProvider } from './d8ee966d.js';
|
|
6
|
+
import { forwardRef } from './bd8b3ec8.js';
|
|
7
|
+
import { ButtonRoot } from './9b0c0489.js';
|
|
8
8
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
9
|
-
import {
|
|
9
|
+
import { Text } from './203b01d8.js';
|
|
10
10
|
import { Emphasis, Size, Theme } from '@lumx/core/js/constants';
|
|
11
|
-
import {
|
|
11
|
+
import { Icon } from './595d0e66.js';
|
|
12
12
|
|
|
13
13
|
const ButtonEmphasis = Emphasis;
|
|
14
14
|
|
|
@@ -95,5 +95,5 @@ Button.displayName = COMPONENT_NAME;
|
|
|
95
95
|
Button.className = CLASSNAME;
|
|
96
96
|
Button.defaultProps = DEFAULT_PROPS;
|
|
97
97
|
|
|
98
|
-
export {
|
|
99
|
-
//# sourceMappingURL=
|
|
98
|
+
export { Button, ButtonEmphasis };
|
|
99
|
+
//# sourceMappingURL=0d7cc1e0.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"0d7cc1e0.js","sources":["../../src/components/button/Button.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Emphasis, Icon, Size, Theme, Text, ThemeProvider } from '@lumx/react';\nimport { isComponent } from '@lumx/react/utils/type';\nimport { getBasicClass, getRootClassName } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { BaseButtonProps, ButtonRoot } from './ButtonRoot';\n\n/**\n * Button emphasis definition.\n * @deprecated Use Emphasis instead.\n */\nexport const ButtonEmphasis = Emphasis;\n\n/**\n * Defines the props of the component.\n */\nexport interface ButtonProps extends BaseButtonProps {\n /** Left icon (SVG path). */\n leftIcon?: string;\n /** Right icon (SVG path). */\n rightIcon?: string;\n /** When `true`, the button gets as large as possible. */\n fullWidth?: boolean;\n /** Children */\n children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Button';\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<ButtonProps> = {\n emphasis: Emphasis.high,\n size: Size.m,\n};\n\n/**\n * Button component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Button = forwardRef<ButtonProps, HTMLButtonElement | HTMLAnchorElement>((props, ref) => {\n const defaultTheme = useTheme() || Theme.light;\n const {\n children,\n className,\n emphasis = DEFAULT_PROPS.emphasis,\n leftIcon,\n rightIcon,\n size = DEFAULT_PROPS.size,\n theme = defaultTheme,\n ...forwardedProps\n } = props;\n\n const buttonClassName = classNames(\n className,\n getBasicClass({ prefix: CLASSNAME, type: 'hasLeftIcon', value: !isEmpty(leftIcon) }),\n getBasicClass({ prefix: CLASSNAME, type: 'hasRightIcon', value: !isEmpty(rightIcon) }),\n );\n\n return (\n <ButtonRoot\n ref={ref}\n {...{ emphasis, size, theme, ...forwardedProps }}\n className={buttonClassName}\n variant=\"button\"\n >\n {leftIcon && !isEmpty(leftIcon) && (\n // Theme is handled in the button scss\n <ThemeProvider value={undefined}>\n <Icon icon={leftIcon} />\n </ThemeProvider>\n )}\n {children && (isComponent(Text)(children) ? children : <span>{children}</span>)}\n {rightIcon && !isEmpty(rightIcon) && (\n // Theme is handled in the button scss\n <ThemeProvider value={undefined}>\n <Icon icon={rightIcon} />\n </ThemeProvider>\n )}\n </ButtonRoot>\n );\n});\nButton.displayName = COMPONENT_NAME;\nButton.className = CLASSNAME;\nButton.defaultProps = DEFAULT_PROPS;\n"],"names":["ButtonEmphasis","Emphasis","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","emphasis","high","size","Size","m","Button","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","leftIcon","rightIcon","theme","forwardedProps","buttonClassName","classNames","getBasicClass","prefix","type","value","isEmpty","_jsxs","ButtonRoot","variant","_jsx","ThemeProvider","undefined","Icon","icon","isComponent","Text","displayName","defaultProps"],"mappings":";;;;;;;;;;;;AAeO,MAAMA,cAAc,GAAGC,SAAQ;;AAEtC;AACA;AACA;;AAYA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,QAAQ,CAAA;;AAE/B;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAmC,GAAG;EACxCC,QAAQ,EAAEL,QAAQ,CAACM,IAAI;EACvBC,IAAI,EAAEC,IAAI,CAACC,CAAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,MAAM,GAAGC,UAAU,CAAqD,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjG,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFC,QAAQ;IACRC,SAAS;IACTd,QAAQ,GAAGD,aAAa,CAACC,QAAQ;IACjCe,QAAQ;IACRC,SAAS;IACTd,IAAI,GAAGH,aAAa,CAACG,IAAI;AACzBe,IAAAA,KAAK,GAAGR,YAAY;IACpB,GAAGS,cAAAA;AACP,GAAC,GAAGX,KAAK,CAAA;AAET,EAAA,MAAMY,eAAe,GAAGC,UAAU,CAC9BN,SAAS,EACTO,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEzB,SAAS;AAAE0B,IAAAA,IAAI,EAAE,aAAa;AAAEC,IAAAA,KAAK,EAAE,CAACC,OAAO,CAACV,QAAQ,CAAA;GAAG,CAAC,EACpFM,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEzB,SAAS;AAAE0B,IAAAA,IAAI,EAAE,cAAc;AAAEC,IAAAA,KAAK,EAAE,CAACC,OAAO,CAACT,SAAS,CAAA;AAAE,GAAC,CACzF,CAAC,CAAA;EAED,oBACIU,IAAA,CAACC,UAAU,EAAA;AACPnB,IAAAA,GAAG,EAAEA,GAAI;IACHR,QAAQ;IAAEE,IAAI;IAAEe,KAAK;AAAE,IAAA,GAAGC,cAAc;AAC9CJ,IAAAA,SAAS,EAAEK,eAAgB;AAC3BS,IAAAA,OAAO,EAAC,QAAQ;AAAAf,IAAAA,QAAA,GAEfE,QAAQ,IAAI,CAACU,OAAO,CAACV,QAAQ,CAAC;AAAA;AAC3B;AACAc,IAAAA,GAAA,CAACC,aAAa,EAAA;AAACN,MAAAA,KAAK,EAAEO,SAAU;MAAAlB,QAAA,eAC5BgB,GAAA,CAACG,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAElB,QAAAA;OAAW,CAAA;AAAC,KACb,CAClB,EACAF,QAAQ,KAAKqB,WAAW,CAACC,IAAI,CAAC,CAACtB,QAAQ,CAAC,GAAGA,QAAQ,gBAAGgB,GAAA,CAAA,MAAA,EAAA;AAAAhB,MAAAA,QAAA,EAAOA,QAAAA;KAAe,CAAC,CAAC,EAC9EG,SAAS,IAAI,CAACS,OAAO,CAACT,SAAS,CAAC;AAAA;AAC7B;AACAa,IAAAA,GAAA,CAACC,aAAa,EAAA;AAACN,MAAAA,KAAK,EAAEO,SAAU;MAAAlB,QAAA,eAC5BgB,GAAA,CAACG,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAEjB,SAAAA;OAAY,CAAA;AAAC,KACd,CAClB,CAAA;AAAA,GACO,CAAC,CAAA;AAErB,CAAC,EAAC;AACFX,MAAM,CAAC+B,WAAW,GAAGxC,cAAc,CAAA;AACnCS,MAAM,CAACS,SAAS,GAAGjB,SAAS,CAAA;AAC5BQ,MAAM,CAACgC,YAAY,GAAGtC,aAAa;;;;"}
|