@techzyapp/ui-library 1.0.4 → 1.0.8
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/dist/{Alert-BQpA48PY.js → Alert-BL8hDdEl.js} +3 -3
- package/dist/{Alert-BQpA48PY.js.map → Alert-BL8hDdEl.js.map} +1 -1
- package/dist/{Alert-DKIjM-9x.cjs → Alert-C9yBIMq0.cjs} +2 -2
- package/dist/{Alert-DKIjM-9x.cjs.map → Alert-C9yBIMq0.cjs.map} +1 -1
- package/dist/{Breadcrumbs-Bx5UgwDy.js → Breadcrumbs-BC_QSlJZ.js} +3 -3
- package/dist/{Breadcrumbs-Bx5UgwDy.js.map → Breadcrumbs-BC_QSlJZ.js.map} +1 -1
- package/dist/{Breadcrumbs-CHONper7.cjs → Breadcrumbs-DhBx2UgK.cjs} +2 -2
- package/dist/{Breadcrumbs-CHONper7.cjs.map → Breadcrumbs-DhBx2UgK.cjs.map} +1 -1
- package/dist/{Button-DhEv0YFk.js → Button-BT8XmR_T.js} +2 -2
- package/dist/{Button-DhEv0YFk.js.map → Button-BT8XmR_T.js.map} +1 -1
- package/dist/{Button-D4bfVNNa.cjs → Button-C_HPI97g.cjs} +2 -2
- package/dist/{Button-D4bfVNNa.cjs.map → Button-C_HPI97g.cjs.map} +1 -1
- package/dist/{Calendar-Bh317SaV.js → Calendar-B9mXn_zD.js} +3 -3
- package/dist/{Calendar-Bh317SaV.js.map → Calendar-B9mXn_zD.js.map} +1 -1
- package/dist/{Calendar-C8uNezI-.cjs → Calendar-CCCife5b.cjs} +2 -2
- package/dist/{Calendar-C8uNezI-.cjs.map → Calendar-CCCife5b.cjs.map} +1 -1
- package/dist/{Card-DzClqJuu.js → Card-DHPAefzg.js} +2 -2
- package/dist/{Card-DzClqJuu.js.map → Card-DHPAefzg.js.map} +1 -1
- package/dist/{Card-CfyaerZZ.cjs → Card-DfVntHqn.cjs} +2 -2
- package/dist/{Card-CfyaerZZ.cjs.map → Card-DfVntHqn.cjs.map} +1 -1
- package/dist/{Chip-DSrdXLBU.cjs → Chip-BoHt3WYS.cjs} +2 -2
- package/dist/{Chip-DSrdXLBU.cjs.map → Chip-BoHt3WYS.cjs.map} +1 -1
- package/dist/{Chip-Cfo0v3Z8.js → Chip-DX3QECcs.js} +2 -2
- package/dist/{Chip-Cfo0v3Z8.js.map → Chip-DX3QECcs.js.map} +1 -1
- package/dist/{CodeBlock-BWxQyKRo.js → CodeBlock-CPWEOym2.js} +3 -3
- package/dist/{CodeBlock-BWxQyKRo.js.map → CodeBlock-CPWEOym2.js.map} +1 -1
- package/dist/{CodeBlock-CgXOjKS-.cjs → CodeBlock-DKhIGQBg.cjs} +2 -2
- package/dist/{CodeBlock-CgXOjKS-.cjs.map → CodeBlock-DKhIGQBg.cjs.map} +1 -1
- package/dist/{Col-D2TfZKiM.js → Col-B51RlwWP.js} +2 -2
- package/dist/{Col-D2TfZKiM.js.map → Col-B51RlwWP.js.map} +1 -1
- package/dist/{Col-R5mAy8T9.cjs → Col-BdQeyKEX.cjs} +2 -2
- package/dist/{Col-R5mAy8T9.cjs.map → Col-BdQeyKEX.cjs.map} +1 -1
- package/dist/{ColorPicker-2udt1ORM.js → ColorPicker-2qD8vZkR.js} +3 -3
- package/dist/{ColorPicker-2udt1ORM.js.map → ColorPicker-2qD8vZkR.js.map} +1 -1
- package/dist/{ColorPicker-BwmaXCOy.cjs → ColorPicker-BAJWvC3h.cjs} +2 -2
- package/dist/{ColorPicker-BwmaXCOy.cjs.map → ColorPicker-BAJWvC3h.cjs.map} +1 -1
- package/dist/{ColorPickerPanel-ByB1mLSi.cjs → ColorPickerPanel-CkB2pNnX.cjs} +2 -2
- package/dist/{ColorPickerPanel-ByB1mLSi.cjs.map → ColorPickerPanel-CkB2pNnX.cjs.map} +1 -1
- package/dist/{ColorPickerPanel-BM9OwDDE.js → ColorPickerPanel-CovWDIRt.js} +2 -2
- package/dist/{ColorPickerPanel-BM9OwDDE.js.map → ColorPickerPanel-CovWDIRt.js.map} +1 -1
- package/dist/ConfigProvider-DFy6pL-C.cjs +2 -0
- package/dist/ConfigProvider-DFy6pL-C.cjs.map +1 -0
- package/dist/ConfigProvider-sEZzNTeU.js +296 -0
- package/dist/ConfigProvider-sEZzNTeU.js.map +1 -0
- package/dist/DashedButton-DeiALUPA.js +59 -0
- package/dist/DashedButton-DeiALUPA.js.map +1 -0
- package/dist/DashedButton-q7AOqKUE.cjs +2 -0
- package/dist/DashedButton-q7AOqKUE.cjs.map +1 -0
- package/dist/{DatePicker-WM9TC6L_.js → DatePicker-BVHriq5B.js} +4 -4
- package/dist/{DatePicker-WM9TC6L_.js.map → DatePicker-BVHriq5B.js.map} +1 -1
- package/dist/{DatePicker-DF4Epkn8.cjs → DatePicker-TLaQ3ZyB.cjs} +2 -2
- package/dist/{DatePicker-DF4Epkn8.cjs.map → DatePicker-TLaQ3ZyB.cjs.map} +1 -1
- package/dist/{DateTimePicker-DBtcWK0F.js → DateTimePicker-BWxsgyGB.js} +7 -7
- package/dist/{DateTimePicker-DBtcWK0F.js.map → DateTimePicker-BWxsgyGB.js.map} +1 -1
- package/dist/{DateTimePicker-C557OjBU.cjs → DateTimePicker-Dq2jJ2yb.cjs} +2 -2
- package/dist/{DateTimePicker-C557OjBU.cjs.map → DateTimePicker-Dq2jJ2yb.cjs.map} +1 -1
- package/dist/{Dropdown-DKAXue5_.js → Dropdown-FfkmluRu.js} +2 -2
- package/dist/{Dropdown-DKAXue5_.js.map → Dropdown-FfkmluRu.js.map} +1 -1
- package/dist/{Dropdown-DygP50OB.cjs → Dropdown-Ui7h2TGd.cjs} +2 -2
- package/dist/{Dropdown-DygP50OB.cjs.map → Dropdown-Ui7h2TGd.cjs.map} +1 -1
- package/dist/{EmptyState-CCCpZ-ZA.cjs → EmptyState-B2WgeL-H.cjs} +2 -2
- package/dist/{EmptyState-CCCpZ-ZA.cjs.map → EmptyState-B2WgeL-H.cjs.map} +1 -1
- package/dist/{EmptyState-CetM49vk.js → EmptyState-D8eUxb8v.js} +2 -2
- package/dist/{EmptyState-CetM49vk.js.map → EmptyState-D8eUxb8v.js.map} +1 -1
- package/dist/{FileUploader-VtmmwUFE.js → FileUploader-I0G-2WSe.js} +5 -5
- package/dist/{FileUploader-VtmmwUFE.js.map → FileUploader-I0G-2WSe.js.map} +1 -1
- package/dist/{FileUploader-B4TJHyoi.cjs → FileUploader-qsnWX-i5.cjs} +2 -2
- package/dist/{FileUploader-B4TJHyoi.cjs.map → FileUploader-qsnWX-i5.cjs.map} +1 -1
- package/dist/{Flag-EPZOrH-U.cjs → Flag-Bxl1Pa9m.cjs} +2 -2
- package/dist/{Flag-EPZOrH-U.cjs.map → Flag-Bxl1Pa9m.cjs.map} +1 -1
- package/dist/{Flag-BWCX6oSR.js → Flag-CvIo_Eqp.js} +2 -2
- package/dist/{Flag-BWCX6oSR.js.map → Flag-CvIo_Eqp.js.map} +1 -1
- package/dist/Flex-BFn4P1tJ.js +52 -0
- package/dist/Flex-BFn4P1tJ.js.map +1 -0
- package/dist/Flex-C6tHC8n7.cjs +2 -0
- package/dist/Flex-C6tHC8n7.cjs.map +1 -0
- package/dist/{FullscreenToggle-DDKN5n8B.cjs → FullscreenToggle-CEOkPSLp.cjs} +2 -2
- package/dist/{FullscreenToggle-DDKN5n8B.cjs.map → FullscreenToggle-CEOkPSLp.cjs.map} +1 -1
- package/dist/{FullscreenToggle-oWzYqUPH.js → FullscreenToggle-CRMGYmB8.js} +3 -3
- package/dist/{FullscreenToggle-oWzYqUPH.js.map → FullscreenToggle-CRMGYmB8.js.map} +1 -1
- package/dist/Grid-5k6dy-F5.js +26 -0
- package/dist/Grid-5k6dy-F5.js.map +1 -0
- package/dist/Grid-frN0D9lR.cjs +2 -0
- package/dist/Grid-frN0D9lR.cjs.map +1 -0
- package/dist/{IconButton-CBusrDa9.js → IconButton-BZ2jJn_T.js} +2 -2
- package/dist/{IconButton-CBusrDa9.js.map → IconButton-BZ2jJn_T.js.map} +1 -1
- package/dist/{IconButton-D6TenQZ_.cjs → IconButton-ChUfK0pG.cjs} +2 -2
- package/dist/{IconButton-D6TenQZ_.cjs.map → IconButton-ChUfK0pG.cjs.map} +1 -1
- package/dist/{List-CNz2M3-q.cjs → List-ChXO0Hz-.cjs} +2 -2
- package/dist/{List-CNz2M3-q.cjs.map → List-ChXO0Hz-.cjs.map} +1 -1
- package/dist/{List-BHgFI9Ll.js → List-LqbfF6gU.js} +2 -2
- package/dist/{List-BHgFI9Ll.js.map → List-LqbfF6gU.js.map} +1 -1
- package/dist/{ListItem-B4yqZR-Z.js → ListItem-B4Upc0Hy.js} +2 -2
- package/dist/{ListItem-B4yqZR-Z.js.map → ListItem-B4Upc0Hy.js.map} +1 -1
- package/dist/{ListItem-RH-D-Wey.cjs → ListItem-DWQorRxG.cjs} +2 -2
- package/dist/{ListItem-RH-D-Wey.cjs.map → ListItem-DWQorRxG.cjs.map} +1 -1
- package/dist/{Loader-C4JoXOyA.js → Loader-DFlpw5Zc.js} +2 -2
- package/dist/{Loader-C4JoXOyA.js.map → Loader-DFlpw5Zc.js.map} +1 -1
- package/dist/{Loader-D1MtlQOH.cjs → Loader-plA9fgHf.cjs} +2 -2
- package/dist/{Loader-D1MtlQOH.cjs.map → Loader-plA9fgHf.cjs.map} +1 -1
- package/dist/Masonry-BObKcPmo.js +82 -0
- package/dist/Masonry-BObKcPmo.js.map +1 -0
- package/dist/Masonry-BVphuk2X.cjs +2 -0
- package/dist/Masonry-BVphuk2X.cjs.map +1 -0
- package/dist/{Modal-B2YSCVVt.cjs → Modal-BaieUdge.cjs} +2 -2
- package/dist/{Modal-B2YSCVVt.cjs.map → Modal-BaieUdge.cjs.map} +1 -1
- package/dist/{Modal-BuaPDlKV.js → Modal-CRH_i5uU.js} +3 -3
- package/dist/{Modal-BuaPDlKV.js.map → Modal-CRH_i5uU.js.map} +1 -1
- package/dist/{MultiSelect-BGRT_B60.js → MultiSelect-BmkzNHTE.js} +6 -6
- package/dist/{MultiSelect-BGRT_B60.js.map → MultiSelect-BmkzNHTE.js.map} +1 -1
- package/dist/{MultiSelect-CSJKSWpA.cjs → MultiSelect-Cb-N8GIs.cjs} +2 -2
- package/dist/{MultiSelect-CSJKSWpA.cjs.map → MultiSelect-Cb-N8GIs.cjs.map} +1 -1
- package/dist/{NumberField-DBvhSQCw.js → NumberField-D71JI2Wv.js} +3 -3
- package/dist/{NumberField-DBvhSQCw.js.map → NumberField-D71JI2Wv.js.map} +1 -1
- package/dist/{NumberField-DBpO-Z_7.cjs → NumberField-DBwNn3-f.cjs} +2 -2
- package/dist/{NumberField-DBpO-Z_7.cjs.map → NumberField-DBwNn3-f.cjs.map} +1 -1
- package/dist/{OtpField-BUBYyorC.cjs → OtpField-C-SiHxKa.cjs} +2 -2
- package/dist/{OtpField-BUBYyorC.cjs.map → OtpField-C-SiHxKa.cjs.map} +1 -1
- package/dist/{OtpField-CTq-CUbF.js → OtpField-DOz-JmuX.js} +2 -2
- package/dist/{OtpField-CTq-CUbF.js.map → OtpField-DOz-JmuX.js.map} +1 -1
- package/dist/{PageLayout-DddzYw2B.js → PageLayout-BIdgUKsN.js} +2 -2
- package/dist/{PageLayout-DddzYw2B.js.map → PageLayout-BIdgUKsN.js.map} +1 -1
- package/dist/{PageLayout-Dfbjw6jD.cjs → PageLayout-qF5ThZKO.cjs} +2 -2
- package/dist/{PageLayout-Dfbjw6jD.cjs.map → PageLayout-qF5ThZKO.cjs.map} +1 -1
- package/dist/PageNotFound-CsgH9tY0.js +39 -0
- package/dist/PageNotFound-CsgH9tY0.js.map +1 -0
- package/dist/PageNotFound-DObWgQ0Z.cjs +2 -0
- package/dist/PageNotFound-DObWgQ0Z.cjs.map +1 -0
- package/dist/{Pagination-CN9V8M5C.js → Pagination-Kj7ZDi3N.js} +2 -2
- package/dist/{Pagination-CN9V8M5C.js.map → Pagination-Kj7ZDi3N.js.map} +1 -1
- package/dist/{Pagination-DRwTLPh8.cjs → Pagination-S3hENjDy.cjs} +2 -2
- package/dist/{Pagination-DRwTLPh8.cjs.map → Pagination-S3hENjDy.cjs.map} +1 -1
- package/dist/{RemoveDialog-ClyZKyUG.cjs → RemoveDialog-BZ0gUf1p.cjs} +2 -2
- package/dist/{RemoveDialog-ClyZKyUG.cjs.map → RemoveDialog-BZ0gUf1p.cjs.map} +1 -1
- package/dist/{RemoveDialog-Bvt6sH79.js → RemoveDialog-D9a0GttZ.js} +4 -4
- package/dist/{RemoveDialog-Bvt6sH79.js.map → RemoveDialog-D9a0GttZ.js.map} +1 -1
- package/dist/{RichTextEditor-CAYt1Zm1.cjs → RichTextEditor-BX6twJ9D.cjs} +2 -2
- package/dist/{RichTextEditor-CAYt1Zm1.cjs.map → RichTextEditor-BX6twJ9D.cjs.map} +1 -1
- package/dist/{RichTextEditor-BTx8Py3I.js → RichTextEditor-D05Czeif.js} +9 -9
- package/dist/{RichTextEditor-BTx8Py3I.js.map → RichTextEditor-D05Czeif.js.map} +1 -1
- package/dist/RootLayout-BR_pPr3d.cjs +2 -0
- package/dist/RootLayout-BR_pPr3d.cjs.map +1 -0
- package/dist/{RootLayout-DCpfuFWF.js → RootLayout-CgI03ZNA.js} +16 -16
- package/dist/RootLayout-CgI03ZNA.js.map +1 -0
- package/dist/{Select-PbTyxB1Q.js → Select-BZPA2Ytp.js} +5 -5
- package/dist/{Select-PbTyxB1Q.js.map → Select-BZPA2Ytp.js.map} +1 -1
- package/dist/{Select-_6WogC0u.cjs → Select-Dpl8dq_9.cjs} +2 -2
- package/dist/{Select-_6WogC0u.cjs.map → Select-Dpl8dq_9.cjs.map} +1 -1
- package/dist/{Sidebar-AaIlRzgk.cjs → Sidebar-6SAObU0u.cjs} +2 -2
- package/dist/{Sidebar-AaIlRzgk.cjs.map → Sidebar-6SAObU0u.cjs.map} +1 -1
- package/dist/{Sidebar-DRCs2ygZ.js → Sidebar-DEBW6lDA.js} +7 -5
- package/dist/{Sidebar-DRCs2ygZ.js.map → Sidebar-DEBW6lDA.js.map} +1 -1
- package/dist/{SpeedDial-DgFj16BQ.js → SpeedDial-C3PnANAx.js} +2 -2
- package/dist/{SpeedDial-DgFj16BQ.js.map → SpeedDial-C3PnANAx.js.map} +1 -1
- package/dist/{SpeedDial-C4jxIXTr.cjs → SpeedDial-Dex0rF2z.cjs} +2 -2
- package/dist/{SpeedDial-C4jxIXTr.cjs.map → SpeedDial-Dex0rF2z.cjs.map} +1 -1
- package/dist/{Stepper-COKAyN1L.js → Stepper-0e90ZJaw.js} +2 -2
- package/dist/{Stepper-COKAyN1L.js.map → Stepper-0e90ZJaw.js.map} +1 -1
- package/dist/{Stepper-7pPEBRLI.cjs → Stepper-yKwUaxOU.cjs} +2 -2
- package/dist/{Stepper-7pPEBRLI.cjs.map → Stepper-yKwUaxOU.cjs.map} +1 -1
- package/dist/{Table-BeOumGng.cjs → Table-BekBXEnW.cjs} +2 -2
- package/dist/{Table-BeOumGng.cjs.map → Table-BekBXEnW.cjs.map} +1 -1
- package/dist/{Table-BjPLvMbf.js → Table-KEOUL2u3.js} +174 -174
- package/dist/{Table-BjPLvMbf.js.map → Table-KEOUL2u3.js.map} +1 -1
- package/dist/{Tabs--DDM-zKe.js → Tabs-BHk2B50R.js} +2 -2
- package/dist/{Tabs--DDM-zKe.js.map → Tabs-BHk2B50R.js.map} +1 -1
- package/dist/{Tabs-BZcMnjdC.cjs → Tabs-DYUS945Y.cjs} +2 -2
- package/dist/{Tabs-BZcMnjdC.cjs.map → Tabs-DYUS945Y.cjs.map} +1 -1
- package/dist/{TagsField-BTJcZS9P.js → TagsField-BkC5OmIT.js} +4 -4
- package/dist/{TagsField-BTJcZS9P.js.map → TagsField-BkC5OmIT.js.map} +1 -1
- package/dist/{TagsField-kknWiJZZ.cjs → TagsField-DKh9SbG5.cjs} +2 -2
- package/dist/{TagsField-kknWiJZZ.cjs.map → TagsField-DKh9SbG5.cjs.map} +1 -1
- package/dist/{TextField-DMI1X09n.js → TextField-12HcFD7u.js} +3 -3
- package/dist/{TextField-DMI1X09n.js.map → TextField-12HcFD7u.js.map} +1 -1
- package/dist/{TextField-BPefnD5M.cjs → TextField-C9cPPP-B.cjs} +2 -2
- package/dist/{TextField-BPefnD5M.cjs.map → TextField-C9cPPP-B.cjs.map} +1 -1
- package/dist/{ThemeToggle-DTal3RX5.cjs → ThemeToggle-DIXVvqZ7.cjs} +2 -2
- package/dist/{ThemeToggle-DTal3RX5.cjs.map → ThemeToggle-DIXVvqZ7.cjs.map} +1 -1
- package/dist/{ThemeToggle-Deh9j8pm.js → ThemeToggle-DUtDXl1Z.js} +3 -3
- package/dist/{ThemeToggle-Deh9j8pm.js.map → ThemeToggle-DUtDXl1Z.js.map} +1 -1
- package/dist/{TimeColumns-BCNmu4b_.js → TimeColumns-BLhP81oI.js} +2 -2
- package/dist/{TimeColumns-BCNmu4b_.js.map → TimeColumns-BLhP81oI.js.map} +1 -1
- package/dist/{TimeColumns-Duh4DcYJ.cjs → TimeColumns-CgjyPGjs.cjs} +2 -2
- package/dist/{TimeColumns-Duh4DcYJ.cjs.map → TimeColumns-CgjyPGjs.cjs.map} +1 -1
- package/dist/{TimePicker-3JgvK2on.js → TimePicker-CJWjGVqT.js} +5 -5
- package/dist/{TimePicker-3JgvK2on.js.map → TimePicker-CJWjGVqT.js.map} +1 -1
- package/dist/{TimePicker-CfGrCH9T.cjs → TimePicker-CNAXFtJa.cjs} +2 -2
- package/dist/{TimePicker-CfGrCH9T.cjs.map → TimePicker-CNAXFtJa.cjs.map} +1 -1
- package/dist/{Toaster-D-eG1xv7.js → Toaster-B3Mut6eM.js} +2 -2
- package/dist/{Toaster-D-eG1xv7.js.map → Toaster-B3Mut6eM.js.map} +1 -1
- package/dist/{Toaster-Bk5GtPjX.cjs → Toaster-CYt_Hvlh.cjs} +2 -2
- package/dist/{Toaster-Bk5GtPjX.cjs.map → Toaster-CYt_Hvlh.cjs.map} +1 -1
- package/dist/{TranslatedFields-CI0F9bHw.js → TranslatedFields-BEaS1esD.js} +3 -3
- package/dist/{TranslatedFields-CI0F9bHw.js.map → TranslatedFields-BEaS1esD.js.map} +1 -1
- package/dist/{TranslatedFields-DT3bYse6.cjs → TranslatedFields-DshwXj6d.cjs} +2 -2
- package/dist/{TranslatedFields-DT3bYse6.cjs.map → TranslatedFields-DshwXj6d.cjs.map} +1 -1
- package/dist/{UserCard-BhqtX1vU.js → UserCard-Dve-LOSB.js} +3 -3
- package/dist/{UserCard-BhqtX1vU.js.map → UserCard-Dve-LOSB.js.map} +1 -1
- package/dist/{UserCard-OlLeyyS0.cjs → UserCard-sIguy8Jp.cjs} +2 -2
- package/dist/{UserCard-OlLeyyS0.cjs.map → UserCard-sIguy8Jp.cjs.map} +1 -1
- package/dist/breakpoints-BbDakdqF.js +50 -0
- package/dist/breakpoints-BbDakdqF.js.map +1 -0
- package/dist/breakpoints-Dpnh6BbG.cjs +2 -0
- package/dist/breakpoints-Dpnh6BbG.cjs.map +1 -0
- package/dist/components/Alert/index.cjs +1 -1
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/Breadcrumbs/index.cjs +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Button/index.cjs +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Card/index.cjs +1 -1
- package/dist/components/Card/index.js +1 -1
- package/dist/components/Chip/index.cjs +1 -1
- package/dist/components/Chip/index.js +1 -1
- package/dist/components/CodeBlock/index.cjs +1 -1
- package/dist/components/CodeBlock/index.js +1 -1
- package/dist/components/ColorPicker/index.cjs +1 -1
- package/dist/components/ColorPicker/index.js +1 -1
- package/dist/components/DashedButton/DashedButton.d.cts +33 -0
- package/dist/components/DashedButton/DashedButton.d.ts +33 -0
- package/dist/components/DashedButton/index.cjs +2 -0
- package/dist/components/DashedButton/index.cjs.map +1 -0
- package/dist/components/DashedButton/index.d.cts +2 -0
- package/dist/components/DashedButton/index.d.ts +2 -0
- package/dist/components/DashedButton/index.js +6 -0
- package/dist/components/DashedButton/index.js.map +1 -0
- package/dist/components/DatePicker/index.cjs +1 -1
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/DateTimePicker/index.cjs +1 -1
- package/dist/components/DateTimePicker/index.js +1 -1
- package/dist/components/Dropdown/index.cjs +1 -1
- package/dist/components/Dropdown/index.js +1 -1
- package/dist/components/EmptyState/index.cjs +1 -1
- package/dist/components/EmptyState/index.js +1 -1
- package/dist/components/FileUploader/index.cjs +1 -1
- package/dist/components/FileUploader/index.js +1 -1
- package/dist/components/Flag/index.cjs +1 -1
- package/dist/components/Flag/index.js +1 -1
- package/dist/components/Flex/Flex.d.cts +16 -13
- package/dist/components/Flex/Flex.d.ts +16 -13
- package/dist/components/Flex/Grid.d.cts +11 -9
- package/dist/components/Flex/Grid.d.ts +11 -9
- package/dist/components/Flex/index.cjs +1 -1
- package/dist/components/Flex/index.js +3 -3
- package/dist/components/FullscreenToggle/index.cjs +1 -1
- package/dist/components/FullscreenToggle/index.js +1 -1
- package/dist/components/IconButton/index.cjs +1 -1
- package/dist/components/IconButton/index.js +1 -1
- package/dist/components/List/index.cjs +1 -1
- package/dist/components/List/index.js +2 -2
- package/dist/components/Loader/index.cjs +1 -1
- package/dist/components/Loader/index.js +1 -1
- package/dist/components/Masonry/Masonry.d.cts +11 -11
- package/dist/components/Masonry/Masonry.d.ts +11 -11
- package/dist/components/Masonry/index.cjs +1 -1
- package/dist/components/Masonry/index.js +1 -1
- package/dist/components/Modal/index.cjs +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/MultiSelect/index.cjs +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/NumberField/index.cjs +1 -1
- package/dist/components/NumberField/index.js +1 -1
- package/dist/components/OtpField/index.cjs +1 -1
- package/dist/components/OtpField/index.js +1 -1
- package/dist/components/PageLayout/index.cjs +1 -1
- package/dist/components/PageLayout/index.js +1 -1
- package/dist/components/PageNotFound/PageNotFound.d.cts +34 -0
- package/dist/components/PageNotFound/PageNotFound.d.ts +34 -0
- package/dist/components/PageNotFound/index.cjs +2 -0
- package/dist/components/PageNotFound/index.cjs.map +1 -0
- package/dist/components/PageNotFound/index.d.cts +2 -0
- package/dist/components/PageNotFound/index.d.ts +2 -0
- package/dist/components/PageNotFound/index.js +6 -0
- package/dist/components/PageNotFound/index.js.map +1 -0
- package/dist/components/Pagination/index.cjs +1 -1
- package/dist/components/Pagination/index.js +1 -1
- package/dist/components/RemoveDialog/index.cjs +1 -1
- package/dist/components/RemoveDialog/index.js +1 -1
- package/dist/components/RichTextEditor/index.cjs +1 -1
- package/dist/components/RichTextEditor/index.js +1 -1
- package/dist/components/RootLayout/index.cjs +1 -1
- package/dist/components/RootLayout/index.js +1 -1
- package/dist/components/Select/index.cjs +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Sidebar/index.cjs +1 -1
- package/dist/components/Sidebar/index.js +1 -1
- package/dist/components/SpeedDial/index.cjs +1 -1
- package/dist/components/SpeedDial/index.js +1 -1
- package/dist/components/Stepper/index.cjs +1 -1
- package/dist/components/Stepper/index.js +1 -1
- package/dist/components/Table/index.cjs +1 -1
- package/dist/components/Table/index.js +1 -1
- package/dist/components/Tabs/index.cjs +1 -1
- package/dist/components/Tabs/index.js +1 -1
- package/dist/components/TagsField/index.cjs +1 -1
- package/dist/components/TagsField/index.js +1 -1
- package/dist/components/TextField/index.cjs +1 -1
- package/dist/components/TextField/index.js +1 -1
- package/dist/components/ThemeToggle/index.cjs +1 -1
- package/dist/components/ThemeToggle/index.js +1 -1
- package/dist/components/TimePicker/index.cjs +1 -1
- package/dist/components/TimePicker/index.js +1 -1
- package/dist/components/Toast/index.cjs +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/TranslatedFields/index.cjs +1 -1
- package/dist/components/TranslatedFields/index.js +1 -1
- package/dist/components/UserCard/index.cjs +1 -1
- package/dist/components/UserCard/index.js +1 -1
- package/dist/components/index.d.cts +2 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/entries/components.cjs +1 -1
- package/dist/entries/components.js +130 -126
- package/dist/entries/components.js.map +1 -1
- package/dist/entries/hooks.cjs +1 -1
- package/dist/entries/hooks.d.cts +1 -1
- package/dist/entries/hooks.d.ts +1 -1
- package/dist/entries/hooks.js +4 -3
- package/dist/entries/i18n.cjs +1 -1
- package/dist/entries/i18n.js +2 -2
- package/dist/entries/theme.cjs +1 -1
- package/dist/entries/theme.d.cts +2 -2
- package/dist/entries/theme.d.ts +2 -2
- package/dist/entries/theme.js +16 -14
- package/dist/hooks/index.d.cts +1 -1
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/useMediaQuery.d.cts +21 -8
- package/dist/hooks/useMediaQuery.d.ts +21 -8
- package/dist/i18n/messages.d.cts +3 -0
- package/dist/i18n/messages.d.ts +3 -0
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +183 -176
- package/dist/index.js.map +1 -1
- package/dist/messages-BJiUtJ2E.cjs +36 -0
- package/dist/messages-BJiUtJ2E.cjs.map +1 -0
- package/dist/{messages-C-zecFBE.js → messages-CVISEA5N.js} +37 -16
- package/dist/messages-CVISEA5N.js.map +1 -0
- package/dist/theme/ConfigProvider.d.cts +9 -0
- package/dist/theme/ConfigProvider.d.ts +9 -0
- package/dist/theme/breakpoints.d.cts +48 -13
- package/dist/theme/breakpoints.d.ts +48 -13
- package/dist/theme/index.d.cts +2 -2
- package/dist/theme/index.d.ts +2 -2
- package/dist/useMediaQuery-CHMrI6Dy.cjs +2 -0
- package/dist/useMediaQuery-CHMrI6Dy.cjs.map +1 -0
- package/dist/useMediaQuery-DrDUrkmJ.js +32 -0
- package/dist/useMediaQuery-DrDUrkmJ.js.map +1 -0
- package/package.json +1 -1
- package/dist/ConfigProvider-2c94kUOk.js +0 -291
- package/dist/ConfigProvider-2c94kUOk.js.map +0 -1
- package/dist/ConfigProvider-ByOFXVyP.cjs +0 -2
- package/dist/ConfigProvider-ByOFXVyP.cjs.map +0 -1
- package/dist/Flex-Bj3mMF5A.js +0 -50
- package/dist/Flex-Bj3mMF5A.js.map +0 -1
- package/dist/Flex-CqL3Ghda.cjs +0 -2
- package/dist/Flex-CqL3Ghda.cjs.map +0 -1
- package/dist/Grid-Bw95bKkJ.cjs +0 -2
- package/dist/Grid-Bw95bKkJ.cjs.map +0 -1
- package/dist/Grid-CY-syhTX.js +0 -24
- package/dist/Grid-CY-syhTX.js.map +0 -1
- package/dist/Masonry-BTvtDdnt.js +0 -104
- package/dist/Masonry-BTvtDdnt.js.map +0 -1
- package/dist/Masonry-Bl1Mlzqw.cjs +0 -2
- package/dist/Masonry-Bl1Mlzqw.cjs.map +0 -1
- package/dist/RootLayout-Cp-9CVjP.cjs +0 -2
- package/dist/RootLayout-Cp-9CVjP.cjs.map +0 -1
- package/dist/RootLayout-DCpfuFWF.js.map +0 -1
- package/dist/breakpoints-BNPC2_Te.cjs +0 -2
- package/dist/breakpoints-BNPC2_Te.cjs.map +0 -1
- package/dist/breakpoints-o3dzSzrU.js +0 -12
- package/dist/breakpoints-o3dzSzrU.js.map +0 -1
- package/dist/messages-C-zecFBE.js.map +0 -1
- package/dist/messages-Cy-qK5xU.cjs +0 -36
- package/dist/messages-Cy-qK5xU.cjs.map +0 -1
- package/dist/useMediaQuery-BCsNfMA1.cjs +0 -2
- package/dist/useMediaQuery-BCsNfMA1.cjs.map +0 -1
- package/dist/useMediaQuery-_1EcFoC5.js +0 -17
- package/dist/useMediaQuery-_1EcFoC5.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar-AaIlRzgk.cjs","sources":["../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n useRef,\n useState,\n type ChangeEvent,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n} from 'react'\nimport {\n Link,\n Navigate,\n useNavigate,\n useRouter,\n useRouterState,\n type LinkProps,\n type StaticDataRouteOption,\n} from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { List, ListItem, type ListItemProps } from '../List'\nimport { TextField } from '../TextField'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { hasAccess, useAccessKeys } from '../../helpers/access'\nimport styles from './Sidebar.module.css'\n\n// `ListItem` rendered as a TanStack `Link` — it forwards unrecognized props (like `to`) to the\n// element, so this typed alias lets us pass `to` while keeping `ListItem`'s look + behavior.\nconst NavLink = ListItem as unknown as (props: ListItemProps & { to: string }) => ReactNode\n\nexport type { IconName }\n\n// Typed `staticData` for consumers — every route describes its own menu entry.\ndeclare module '@tanstack/react-router' {\n interface StaticDataRouteOption {\n /** Menu label. A route with no `name` never appears in the menu. */\n name?: string\n /** Optional menu icon (the library's `IconName` union). */\n icon?: IconName\n /** Sort order within the parent (ascending); falls back to alphabetical. */\n order?: number\n /** Routed but hidden from the menu. */\n hidden?: boolean\n /** Allowed accessKeys (OR — user needs any one). Omitted/empty = public. */\n roles?: string[]\n /** Small text label (e.g. `\"New\"`) shown as a pill on the menu row. */\n badge?: string\n /** Theme color of a small dot indicator on the menu row (e.g. `\"error\"`). */\n dot?: ThemeColor\n }\n}\n\nexport interface NavLeaf {\n label: string\n to: string\n icon?: IconName\n badge?: string\n dot?: ThemeColor\n}\nexport interface NavGroup {\n label: string\n icon?: IconName\n to?: string\n badge?: string\n dot?: ThemeColor\n children?: NavLeaf[]\n}\nexport interface NavModule {\n module: string\n icon?: IconName\n groups: NavGroup[]\n}\n\nconst prettify = (seg: string) =>\n seg\n .split('-')\n .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n .join(' ')\nconst trimSlashes = (p: string) => p.replace(/^\\/+|\\/+$/g, '')\nconst byOrderThenLabel = (\n a: { order: number; label: string },\n b: { order: number; label: string },\n) => a.order - b.order || a.label.localeCompare(b.label)\n\ninterface LeafAcc {\n label: string\n to: string\n icon?: IconName\n badge?: string\n dot?: ThemeColor\n order: number\n}\ninterface GroupAcc {\n label: string\n icon?: IconName\n to?: string\n badge?: string\n dot?: ThemeColor\n order: number\n leaves: LeafAcc[]\n isContainer: boolean\n}\ninterface ModuleAcc {\n label: string\n icon?: IconName\n order: number\n groups: Map<string, GroupAcc>\n}\n\n/** A single route, reduced to what the menu needs. */\nexport interface NavRoute {\n fullPath: string\n staticData?: StaticDataRouteOption\n}\n\n/**\n * Pure menu builder — derives the 3-level nav tree (module → group → page) from a flat route list.\n * Kept router-free so it's unit-testable; `useNavTree` feeds it the live routes.\n */\nexport function buildNavTree(routes: NavRoute[]): { links: NavLeaf[]; modules: NavModule[] } {\n const entries: Array<{ path: string; name: string; sd: StaticDataRouteOption }> = []\n for (const route of routes) {\n const sd = route.staticData\n const path = trimSlashes(route.fullPath)\n if (!sd?.name || !path) continue\n entries.push({ path, name: sd.name, sd })\n }\n\n const metaByPath = new Map(entries.map((e) => [e.path, e]))\n const paths = entries.map((e) => e.path)\n const isContainer = (p: string) => paths.some((o) => o !== p && o.startsWith(`${p}/`))\n const rawFullPaths = new Set(routes.map((r) => r.fullPath))\n const groupHasOwnPage = (groupKey: string) => rawFullPaths.has(`/${groupKey}/`)\n\n const chrome = (key: string, seg: string) => {\n const e = metaByPath.get(key)\n return {\n label: e?.name ?? prettify(seg),\n icon: e?.sd.icon,\n badge: e?.sd.badge,\n dot: e?.sd.dot,\n order: e?.sd.order ?? Number.POSITIVE_INFINITY,\n }\n }\n\n const modules = new Map<string, ModuleAcc>()\n const getModule = (seg: string) => {\n let mod = modules.get(seg)\n if (!mod) {\n const c = chrome(seg, seg)\n mod = { label: c.label, icon: c.icon, order: c.order, groups: new Map() }\n modules.set(seg, mod)\n }\n return mod\n }\n\n const topLinks: LeafAcc[] = []\n for (const { path, name, sd } of entries) {\n const segs = path.split('/')\n // The menu is 3 levels deep by design (module → group → page). A path only counts as a\n // \"container\" (holds children instead of being its own row) at the module/group levels; a\n // depth-3+ route is always a leaf, so a named page with even-deeper children isn't dropped.\n // Routes deeper than 3 segments still appear — flattened as leaves under their depth-2 group\n // (their `to` stays correct) — the nav just can't nest beyond level 3.\n if ((segs.length <= 2 && isContainer(path)) || sd.hidden) continue\n if (segs.length === 1) {\n topLinks.push({\n label: name,\n to: `/${path}`,\n icon: sd.icon,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n })\n continue\n }\n const mod = getModule(segs[0])\n if (segs.length === 2) {\n mod.groups.set(path, {\n label: name,\n icon: sd.icon,\n to: `/${path}`,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n leaves: [],\n isContainer: false,\n })\n } else {\n const groupKey = segs.slice(0, 2).join('/')\n let group = mod.groups.get(groupKey)\n if (!group) {\n const c = chrome(groupKey, segs[1])\n group = {\n label: c.label,\n icon: c.icon,\n badge: c.badge,\n dot: c.dot,\n order: c.order,\n to: groupHasOwnPage(groupKey) ? `/${groupKey}` : undefined,\n leaves: [],\n isContainer: true,\n }\n mod.groups.set(groupKey, group)\n }\n group.leaves.push({\n label: name,\n to: `/${path}`,\n icon: sd.icon,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n })\n }\n }\n\n return {\n links: topLinks\n .sort(byOrderThenLabel)\n .map((l) => ({ label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot })),\n modules: [...modules.values()].sort(byOrderThenLabel).map(\n (mod): NavModule => ({\n module: mod.label,\n icon: mod.icon,\n groups: [...mod.groups.values()].sort(byOrderThenLabel).map(\n (g): NavGroup => ({\n label: g.label,\n icon: g.icon,\n to: g.to,\n badge: g.badge,\n dot: g.dot,\n children: g.isContainer\n ? g.leaves.sort(byOrderThenLabel).map((l) => ({\n label: l.label,\n to: l.to,\n icon: l.icon,\n badge: l.badge,\n dot: l.dot,\n }))\n : undefined,\n }),\n ),\n }),\n ),\n }\n}\n\nfunction useNavTree(): { links: NavLeaf[]; modules: NavModule[] } {\n const router = useRouter()\n const accessKeys = useAccessKeys() // re-render the menu when the user's roles change (login/logout)\n return useMemo(\n () =>\n buildNavTree(\n Object.values(router.looseRoutesById)\n .map((route) => ({\n fullPath: route.fullPath,\n staticData: route.options?.staticData,\n }))\n // Drop pages the current user can't access — empty groups/modules then vanish on their own.\n .filter((route) => hasAccess(route.staticData?.roles)),\n ),\n [router, accessKeys],\n )\n}\n\n/** The first menu destination (top link, else first group/leaf) — used by `FirstRouteRedirect`. */\nexport function firstNavTo(tree: { links: NavLeaf[]; modules: NavModule[] }): string | undefined {\n if (tree.links[0]) return tree.links[0].to\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) return group.to\n const firstChild = group.children?.[0]\n if (firstChild) return firstChild.to\n }\n return undefined\n}\n\nfunction useFirstNavTo() {\n return firstNavTo(useNavTree())\n}\n\n/**\n * The current page's title — the `staticData.name` of the deepest matched route that declares one.\n * Used by `RootLayout` to label the header automatically (e.g. \"Dashboard\").\n */\nexport function usePageTitle(): string | undefined {\n const router = useRouter()\n const matches = useRouterState({ select: (s) => s.matches })\n for (let i = matches.length - 1; i >= 0; i--) {\n const route = router.looseRoutesById[matches[i].routeId]\n const name = route?.options?.staticData?.name\n if (name) return name\n }\n return undefined\n}\n\n/** One breadcrumb. `to` is set only when the crumb points at a real, navigable menu page. */\nexport interface Breadcrumb {\n label: string\n to?: string\n}\n\n/** Every `to` that the menu actually navigates to (top links, group pages, leaves). */\nfunction navigablePaths(tree: { links: NavLeaf[]; modules: NavModule[] }): Set<string> {\n const set = new Set<string>()\n for (const link of tree.links) set.add(link.to)\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) set.add(group.to)\n for (const leaf of group.children ?? []) set.add(leaf.to)\n }\n return set\n}\n\n/**\n * Breadcrumb trail for the current route, derived from the active match chain: one crumb per matched\n * route that declares a `staticData.name` (module → group → page). `homeTo` is the first allowed menu\n * page (same target as `FirstRouteRedirect`). Intermediate crumbs link only when they map to a real\n * navigable page; the last crumb (the current page) is always plain text.\n */\nexport function useBreadcrumbs(): { homeTo?: string; items: Breadcrumb[] } {\n const tree = useNavTree()\n const matches = useRouterState({ select: (s) => s.matches })\n const homeTo = firstNavTo(tree)\n const navigable = navigablePaths(tree)\n\n const items: Breadcrumb[] = []\n for (const match of matches) {\n const name = match.staticData?.name\n if (!name) continue\n const full = `/${trimSlashes(match.pathname)}`\n items.push({ label: name, to: navigable.has(full) ? full : undefined })\n }\n // The current page is where you already are — never a link.\n if (items.length > 0) items[items.length - 1] = { label: items[items.length - 1].label }\n return { homeTo, items }\n}\n\n/** Drop-in component for the `/` route: forwards to whatever sits FIRST in the menu. */\nexport function FirstRouteRedirect() {\n const to = useFirstNavTo()\n return to ? <Navigate to={to as LinkProps['to']} /> : null\n}\n\n/** Auto-generated navigation, derived from the routes' `staticData`. Rendered inside `RootLayout`. */\nexport function Sidebar() {\n const { links, modules } = useNavTree()\n const pathname = useRouterState({ select: (s) => s.location.pathname })\n\n return (\n <nav className={styles.nav}>\n {links.length > 0 ? (\n <List>\n {links.map((link) => (\n <NavLink\n key={link.to}\n as={Link}\n to={link.to}\n icon={link.icon}\n selected={pathname === link.to}\n clickable\n trailing={navTrailing(link.badge, link.dot)}\n >\n {link.label}\n </NavLink>\n ))}\n </List>\n ) : null}\n {modules.map((mod) => (\n <div className={styles.module} key={mod.module}>\n <div className={styles.moduleLabel}>{mod.module}</div>\n <List>\n {mod.groups.map((group) => (\n <NavGroupItem key={group.label} group={group} pathname={pathname} />\n ))}\n </List>\n </div>\n ))}\n </nav>\n )\n}\n\n/** A single searchable destination — a nav page flattened out of the tree, with a breadcrumb context. */\ninterface NavPage {\n label: string\n to: string\n /** Where it lives — e.g. `\"Components · Forms\"` — shown as the muted second line. */\n context?: string\n}\n\n/** Flatten the nav tree into every navigable page (top links + group pages + leaves). */\nfunction flattenPages(tree: { links: NavLeaf[]; modules: NavModule[] }): NavPage[] {\n const pages: NavPage[] = []\n for (const link of tree.links) pages.push({ label: link.label, to: link.to })\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) pages.push({ label: group.label, to: group.to, context: mod.module })\n for (const leaf of group.children ?? [])\n pages.push({\n label: leaf.label,\n to: leaf.to,\n context: `${mod.module} · ${group.label}`,\n })\n }\n return pages\n}\n\nconst MAX_SEARCH_RESULTS = 8\n\n/**\n * Header search over the sidebar's pages — type to filter the nav (by page name or its section) and\n * pick a suggestion to jump there. Data comes from the same `useNavTree` the sidebar uses (so it\n * respects RBAC). Keyboard: Up/Down move, Enter opens, Escape closes. Rendered by `RootLayout`'s header.\n */\nexport function NavSearch() {\n const t = useT()\n const tree = useNavTree()\n const navigate = useNavigate()\n const pages = useMemo(() => flattenPages(tree), [tree])\n\n const [query, setQuery] = useState('')\n const [open, setOpen] = useState(false)\n const [active, setActive] = useState(0)\n const rootRef = useRef<HTMLDivElement | null>(null)\n\n const results = useMemo(() => {\n const q = query.trim().toLowerCase()\n if (!q) return []\n return pages\n .filter(\n (p) => p.label.toLowerCase().includes(q) || (p.context?.toLowerCase().includes(q) ?? false),\n )\n .slice(0, MAX_SEARCH_RESULTS)\n }, [pages, query])\n\n const showList = open && results.length > 0\n\n // reset the highlighted row whenever the query changes\n useEffect(() => setActive(0), [query])\n\n // clamp the highlight if the result set shrinks without a query change (e.g. RBAC pages update)\n useEffect(() => {\n setActive((a) => (a > results.length - 1 ? Math.max(0, results.length - 1) : a))\n }, [results.length])\n\n // close the suggestions on an outside pointerdown\n useEffect(() => {\n if (!open) return\n const onDown = (event: PointerEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) setOpen(false)\n }\n document.addEventListener('pointerdown', onDown)\n return () => document.removeEventListener('pointerdown', onDown)\n }, [open])\n\n const go = (to: string) => {\n navigate({ to: to as LinkProps['to'] })\n setQuery('')\n setOpen(false)\n }\n\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!showList) return\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n setActive((i) => (i + 1) % results.length)\n } else if (event.key === 'ArrowUp') {\n event.preventDefault()\n setActive((i) => (i - 1 + results.length) % results.length)\n } else if (event.key === 'Enter') {\n event.preventDefault()\n const hit = results[active]\n if (hit) go(hit.to)\n } else if (event.key === 'Escape') {\n setOpen(false)\n }\n }\n\n return (\n <div\n ref={rootRef}\n className={styles.search}\n role=\"combobox\"\n aria-expanded={showList}\n aria-haspopup=\"listbox\"\n >\n <TextField\n value={query}\n onChange={(event: ChangeEvent<HTMLInputElement>) => {\n setQuery(event.target.value)\n setOpen(true)\n }}\n onFocus={() => setOpen(true)}\n onKeyDown={onKeyDown}\n adornment={<Icon name=\"SearchNormal\" />}\n placeholder={t('sidebar.searchPages')}\n aria-label={t('sidebar.searchPages')}\n autoComplete=\"off\"\n />\n {showList ? (\n <div className={styles.searchPanel}>\n <List role=\"listbox\">\n {results.map((page, i) => (\n <ListItem\n key={page.to}\n description={page.context}\n clickable\n selected={i === active}\n // keep the input focused through the click so blur doesn't close the list first\n onMouseDown={(event: MouseEvent) => event.preventDefault()}\n onMouseEnter={() => setActive(i)}\n onClick={() => go(page.to)}\n >\n {page.label}\n </ListItem>\n ))}\n </List>\n </div>\n ) : null}\n </div>\n )\n}\n\nfunction groupIsActive(group: NavGroup, pathname: string): boolean {\n if (group.to && pathname === group.to) return true\n return group.children?.some((leaf) => leaf.to === pathname) ?? false\n}\n\n/** A small \"New\"-style pill rendered on a menu row from `staticData.badge`. */\nfunction navBadge(text?: string) {\n return text ? <span className={styles.navBadge}>{text}</span> : null\n}\n\n/** A small colored dot indicator on a menu row from `staticData.dot`. */\nfunction navDot(color?: ThemeColor) {\n return color ? (\n <span className={styles.navDot} style={{ background: `var(--tz-color-${color})` }} />\n ) : null\n}\n\n/** The menu row's trailing slot: dot + badge + an optional chevron (omitted entirely when empty). */\nfunction navTrailing(badge?: string, dot?: ThemeColor, chevron?: ReactNode): ReactNode {\n if (badge == null && dot == null && chevron == null) return undefined\n return (\n <>\n {navBadge(badge)}\n {navDot(dot)}\n {chevron}\n </>\n )\n}\n\nfunction NavGroupItem({ group, pathname }: { group: NavGroup; pathname: string }) {\n const active = groupIsActive(group, pathname)\n const hasChildren = !!group.children?.length\n const [open, setOpen] = useState(active)\n\n // re-open when navigation makes this group active via a path the mount-time seed missed\n // (NavSearch, Breadcrumbs, back/forward) — collapsing an active group hides the current page\n useEffect(() => {\n if (active) setOpen(true)\n }, [active])\n\n // a plain level-2 page (no children) — just a link row\n if (!hasChildren && group.to) {\n return (\n <NavLink\n as={Link}\n to={group.to}\n icon={group.icon}\n selected={active}\n clickable\n trailing={navTrailing(group.badge, group.dot)}\n >\n {group.label}\n </NavLink>\n )\n }\n\n const chevron = (\n <Icon\n name=\"ArrowDown4\"\n size=\"sm\"\n className={styles.chevron}\n data-open={open ? 'true' : 'false'}\n />\n )\n\n return (\n <>\n {hasChildren && group.to ? (\n // \"Case B\": the row navigates (and expands); a separate chevron only toggles.\n <NavLink\n as={Link}\n to={group.to}\n icon={group.icon}\n selected={active}\n clickable\n onClick={() => setOpen(true)}\n trailing={navTrailing(\n group.badge,\n group.dot,\n <button\n type=\"button\"\n className={styles.chevronButton}\n aria-label={`${open ? 'Collapse' : 'Expand'} ${group.label}`}\n aria-expanded={open}\n onClick={(event: MouseEvent) => {\n event.preventDefault()\n event.stopPropagation()\n setOpen((o) => !o)\n }}\n >\n {chevron}\n </button>,\n )}\n >\n {group.label}\n </NavLink>\n ) : (\n // a pure container — the whole row toggles its children\n <ListItem\n icon={group.icon}\n selected={active}\n clickable\n aria-expanded={open}\n onClick={() => setOpen((o) => !o)}\n trailing={navTrailing(group.badge, group.dot, chevron)}\n >\n {group.label}\n </ListItem>\n )}\n {hasChildren ? (\n // smooth collapse, same grid-template-rows technique as Card\n <div className={clsx(styles.collapsible, !open && styles.collapsibleClosed)}>\n <div className={styles.collapsibleInner}>\n <List className={styles.leaves}>\n {group.children?.map((leaf) => (\n <NavLink\n key={leaf.to}\n as={Link}\n to={leaf.to}\n icon={<span className={styles.leafDot} />}\n selected={pathname === leaf.to}\n size=\"md\"\n clickable\n trailing={navTrailing(leaf.badge, leaf.dot)}\n >\n {leaf.label}\n </NavLink>\n ))}\n </List>\n </div>\n </div>\n ) : null}\n </>\n )\n}\n"],"names":["NavLink","ListItem","prettify","seg","w","trimSlashes","p","byOrderThenLabel","a","b","buildNavTree","routes","entries","route","sd","path","metaByPath","e","paths","isContainer","o","rawFullPaths","r","groupHasOwnPage","groupKey","chrome","key","modules","getModule","mod","c","topLinks","name","segs","group","l","g","useNavTree","router","useRouter","accessKeys","useAccessKeys","useMemo","_a","hasAccess","firstNavTo","tree","firstChild","useFirstNavTo","usePageTitle","matches","useRouterState","s","i","_b","navigablePaths","set","link","leaf","useBreadcrumbs","homeTo","navigable","items","match","full","FirstRouteRedirect","to","jsx","Navigate","Sidebar","links","pathname","jsxs","styles","List","Link","navTrailing","NavGroupItem","flattenPages","pages","MAX_SEARCH_RESULTS","NavSearch","t","useT","navigate","useNavigate","query","setQuery","useState","open","setOpen","active","setActive","rootRef","useRef","results","q","showList","useEffect","onDown","event","go","onKeyDown","hit","TextField","Icon","page","groupIsActive","navBadge","text","navDot","color","badge","dot","chevron","Fragment","hasChildren","clsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Sidebar-6SAObU0u.cjs","sources":["../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n useRef,\n useState,\n type ChangeEvent,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n} from 'react'\nimport {\n Link,\n Navigate,\n useNavigate,\n useRouter,\n useRouterState,\n type LinkProps,\n type StaticDataRouteOption,\n} from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { List, ListItem, type ListItemProps } from '../List'\nimport { TextField } from '../TextField'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { hasAccess, useAccessKeys } from '../../helpers/access'\nimport styles from './Sidebar.module.css'\n\n// `ListItem` rendered as a TanStack `Link` — it forwards unrecognized props (like `to`) to the\n// element, so this typed alias lets us pass `to` while keeping `ListItem`'s look + behavior.\nconst NavLink = ListItem as unknown as (props: ListItemProps & { to: string }) => ReactNode\n\nexport type { IconName }\n\n// Typed `staticData` for consumers — every route describes its own menu entry.\ndeclare module '@tanstack/react-router' {\n interface StaticDataRouteOption {\n /** Menu label. A route with no `name` never appears in the menu. */\n name?: string\n /** Optional menu icon (the library's `IconName` union). */\n icon?: IconName\n /** Sort order within the parent (ascending); falls back to alphabetical. */\n order?: number\n /** Routed but hidden from the menu. */\n hidden?: boolean\n /** Allowed accessKeys (OR — user needs any one). Omitted/empty = public. */\n roles?: string[]\n /** Small text label (e.g. `\"New\"`) shown as a pill on the menu row. */\n badge?: string\n /** Theme color of a small dot indicator on the menu row (e.g. `\"error\"`). */\n dot?: ThemeColor\n }\n}\n\nexport interface NavLeaf {\n label: string\n to: string\n icon?: IconName\n badge?: string\n dot?: ThemeColor\n}\nexport interface NavGroup {\n label: string\n icon?: IconName\n to?: string\n badge?: string\n dot?: ThemeColor\n children?: NavLeaf[]\n}\nexport interface NavModule {\n module: string\n icon?: IconName\n groups: NavGroup[]\n}\n\nconst prettify = (seg: string) =>\n seg\n .split('-')\n .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n .join(' ')\nconst trimSlashes = (p: string) => p.replace(/^\\/+|\\/+$/g, '')\nconst byOrderThenLabel = (\n a: { order: number; label: string },\n b: { order: number; label: string },\n) => a.order - b.order || a.label.localeCompare(b.label)\n\ninterface LeafAcc {\n label: string\n to: string\n icon?: IconName\n badge?: string\n dot?: ThemeColor\n order: number\n}\ninterface GroupAcc {\n label: string\n icon?: IconName\n to?: string\n badge?: string\n dot?: ThemeColor\n order: number\n leaves: LeafAcc[]\n isContainer: boolean\n}\ninterface ModuleAcc {\n label: string\n icon?: IconName\n order: number\n groups: Map<string, GroupAcc>\n}\n\n/** A single route, reduced to what the menu needs. */\nexport interface NavRoute {\n fullPath: string\n staticData?: StaticDataRouteOption\n}\n\n/**\n * Pure menu builder — derives the 3-level nav tree (module → group → page) from a flat route list.\n * Kept router-free so it's unit-testable; `useNavTree` feeds it the live routes.\n */\nexport function buildNavTree(routes: NavRoute[]): { links: NavLeaf[]; modules: NavModule[] } {\n const entries: Array<{ path: string; name: string; sd: StaticDataRouteOption }> = []\n for (const route of routes) {\n const sd = route.staticData\n const path = trimSlashes(route.fullPath)\n if (!sd?.name || !path) continue\n entries.push({ path, name: sd.name, sd })\n }\n\n const metaByPath = new Map(entries.map((e) => [e.path, e]))\n const paths = entries.map((e) => e.path)\n const isContainer = (p: string) => paths.some((o) => o !== p && o.startsWith(`${p}/`))\n const rawFullPaths = new Set(routes.map((r) => r.fullPath))\n const groupHasOwnPage = (groupKey: string) => rawFullPaths.has(`/${groupKey}/`)\n\n const chrome = (key: string, seg: string) => {\n const e = metaByPath.get(key)\n return {\n label: e?.name ?? prettify(seg),\n icon: e?.sd.icon,\n badge: e?.sd.badge,\n dot: e?.sd.dot,\n order: e?.sd.order ?? Number.POSITIVE_INFINITY,\n }\n }\n\n const modules = new Map<string, ModuleAcc>()\n const getModule = (seg: string) => {\n let mod = modules.get(seg)\n if (!mod) {\n const c = chrome(seg, seg)\n mod = { label: c.label, icon: c.icon, order: c.order, groups: new Map() }\n modules.set(seg, mod)\n }\n return mod\n }\n\n const topLinks: LeafAcc[] = []\n for (const { path, name, sd } of entries) {\n const segs = path.split('/')\n // The menu is 3 levels deep by design (module → group → page). A path only counts as a\n // \"container\" (holds children instead of being its own row) at the module/group levels; a\n // depth-3+ route is always a leaf, so a named page with even-deeper children isn't dropped.\n // Routes deeper than 3 segments still appear — flattened as leaves under their depth-2 group\n // (their `to` stays correct) — the nav just can't nest beyond level 3.\n if ((segs.length <= 2 && isContainer(path)) || sd.hidden) continue\n if (segs.length === 1) {\n topLinks.push({\n label: name,\n to: `/${path}`,\n icon: sd.icon,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n })\n continue\n }\n const mod = getModule(segs[0])\n if (segs.length === 2) {\n mod.groups.set(path, {\n label: name,\n icon: sd.icon,\n to: `/${path}`,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n leaves: [],\n isContainer: false,\n })\n } else {\n const groupKey = segs.slice(0, 2).join('/')\n let group = mod.groups.get(groupKey)\n if (!group) {\n const c = chrome(groupKey, segs[1])\n group = {\n label: c.label,\n icon: c.icon,\n badge: c.badge,\n dot: c.dot,\n order: c.order,\n to: groupHasOwnPage(groupKey) ? `/${groupKey}` : undefined,\n leaves: [],\n isContainer: true,\n }\n mod.groups.set(groupKey, group)\n }\n group.leaves.push({\n label: name,\n to: `/${path}`,\n icon: sd.icon,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n })\n }\n }\n\n return {\n links: topLinks\n .sort(byOrderThenLabel)\n .map((l) => ({ label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot })),\n modules: [...modules.values()].sort(byOrderThenLabel).map(\n (mod): NavModule => ({\n module: mod.label,\n icon: mod.icon,\n groups: [...mod.groups.values()].sort(byOrderThenLabel).map(\n (g): NavGroup => ({\n label: g.label,\n icon: g.icon,\n to: g.to,\n badge: g.badge,\n dot: g.dot,\n children: g.isContainer\n ? g.leaves.sort(byOrderThenLabel).map((l) => ({\n label: l.label,\n to: l.to,\n icon: l.icon,\n badge: l.badge,\n dot: l.dot,\n }))\n : undefined,\n }),\n ),\n }),\n ),\n }\n}\n\nfunction useNavTree(): { links: NavLeaf[]; modules: NavModule[] } {\n const router = useRouter()\n const accessKeys = useAccessKeys() // re-render the menu when the user's roles change (login/logout)\n return useMemo(\n () =>\n buildNavTree(\n Object.values(router.looseRoutesById)\n .map((route) => ({\n fullPath: route.fullPath,\n staticData: route.options?.staticData,\n }))\n // Drop pages the current user can't access — empty groups/modules then vanish on their own.\n .filter((route) => hasAccess(route.staticData?.roles)),\n ),\n [router, accessKeys],\n )\n}\n\n/** The first menu destination (top link, else first group/leaf) — used by `FirstRouteRedirect`. */\nexport function firstNavTo(tree: { links: NavLeaf[]; modules: NavModule[] }): string | undefined {\n if (tree.links[0]) return tree.links[0].to\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) return group.to\n const firstChild = group.children?.[0]\n if (firstChild) return firstChild.to\n }\n return undefined\n}\n\nfunction useFirstNavTo() {\n return firstNavTo(useNavTree())\n}\n\n/**\n * The current page's title — the `staticData.name` of the deepest matched route that declares one.\n * Used by `RootLayout` to label the header automatically (e.g. \"Dashboard\").\n */\nexport function usePageTitle(): string | undefined {\n const router = useRouter()\n const matches = useRouterState({ select: (s) => s.matches })\n for (let i = matches.length - 1; i >= 0; i--) {\n const route = router.looseRoutesById[matches[i].routeId]\n const name = route?.options?.staticData?.name\n if (name) return name\n }\n return undefined\n}\n\n/** One breadcrumb. `to` is set only when the crumb points at a real, navigable menu page. */\nexport interface Breadcrumb {\n label: string\n to?: string\n}\n\n/** Every `to` that the menu actually navigates to (top links, group pages, leaves). */\nfunction navigablePaths(tree: { links: NavLeaf[]; modules: NavModule[] }): Set<string> {\n const set = new Set<string>()\n for (const link of tree.links) set.add(link.to)\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) set.add(group.to)\n for (const leaf of group.children ?? []) set.add(leaf.to)\n }\n return set\n}\n\n/**\n * Breadcrumb trail for the current route, derived from the active match chain: one crumb per matched\n * route that declares a `staticData.name` (module → group → page). `homeTo` is the first allowed menu\n * page (same target as `FirstRouteRedirect`). Intermediate crumbs link only when they map to a real\n * navigable page; the last crumb (the current page) is always plain text.\n */\nexport function useBreadcrumbs(): { homeTo?: string; items: Breadcrumb[] } {\n const tree = useNavTree()\n const matches = useRouterState({ select: (s) => s.matches })\n const homeTo = firstNavTo(tree)\n const navigable = navigablePaths(tree)\n\n const items: Breadcrumb[] = []\n for (const match of matches) {\n const name = match.staticData?.name\n if (!name) continue\n const full = `/${trimSlashes(match.pathname)}`\n items.push({ label: name, to: navigable.has(full) ? full : undefined })\n }\n // The current page is where you already are — never a link.\n if (items.length > 0) items[items.length - 1] = { label: items[items.length - 1].label }\n return { homeTo, items }\n}\n\n/** Drop-in component for the `/` route: forwards to whatever sits FIRST in the menu. */\nexport function FirstRouteRedirect() {\n const to = useFirstNavTo()\n return to ? <Navigate to={to as LinkProps['to']} /> : null\n}\n\n/** Auto-generated navigation, derived from the routes' `staticData`. Rendered inside `RootLayout`. */\nexport function Sidebar() {\n const { links, modules } = useNavTree()\n const pathname = useRouterState({ select: (s) => s.location.pathname })\n\n return (\n <nav className={styles.nav}>\n {links.length > 0 ? (\n <List>\n {links.map((link) => (\n <NavLink\n key={link.to}\n as={Link}\n to={link.to}\n icon={link.icon}\n selected={pathname === link.to}\n clickable\n trailing={navTrailing(link.badge, link.dot)}\n >\n {link.label}\n </NavLink>\n ))}\n </List>\n ) : null}\n {modules.map((mod) => (\n <div className={styles.module} key={mod.module}>\n <div className={styles.moduleLabel}>{mod.module}</div>\n <List>\n {mod.groups.map((group) => (\n <NavGroupItem key={group.label} group={group} pathname={pathname} />\n ))}\n </List>\n </div>\n ))}\n </nav>\n )\n}\n\n/** A single searchable destination — a nav page flattened out of the tree, with a breadcrumb context. */\ninterface NavPage {\n label: string\n to: string\n /** Where it lives — e.g. `\"Components · Forms\"` — shown as the muted second line. */\n context?: string\n}\n\n/** Flatten the nav tree into every navigable page (top links + group pages + leaves). */\nfunction flattenPages(tree: { links: NavLeaf[]; modules: NavModule[] }): NavPage[] {\n const pages: NavPage[] = []\n for (const link of tree.links) pages.push({ label: link.label, to: link.to })\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) pages.push({ label: group.label, to: group.to, context: mod.module })\n for (const leaf of group.children ?? [])\n pages.push({\n label: leaf.label,\n to: leaf.to,\n context: `${mod.module} · ${group.label}`,\n })\n }\n return pages\n}\n\nconst MAX_SEARCH_RESULTS = 8\n\n/**\n * Header search over the sidebar's pages — type to filter the nav (by page name or its section) and\n * pick a suggestion to jump there. Data comes from the same `useNavTree` the sidebar uses (so it\n * respects RBAC). Keyboard: Up/Down move, Enter opens, Escape closes. Rendered by `RootLayout`'s header.\n */\nexport function NavSearch() {\n const t = useT()\n const tree = useNavTree()\n const navigate = useNavigate()\n const pages = useMemo(() => flattenPages(tree), [tree])\n\n const [query, setQuery] = useState('')\n const [open, setOpen] = useState(false)\n const [active, setActive] = useState(0)\n const rootRef = useRef<HTMLDivElement | null>(null)\n\n const results = useMemo(() => {\n const q = query.trim().toLowerCase()\n if (!q) return []\n return pages\n .filter(\n (p) => p.label.toLowerCase().includes(q) || (p.context?.toLowerCase().includes(q) ?? false),\n )\n .slice(0, MAX_SEARCH_RESULTS)\n }, [pages, query])\n\n const showList = open && results.length > 0\n\n // reset the highlighted row whenever the query changes\n useEffect(() => setActive(0), [query])\n\n // clamp the highlight if the result set shrinks without a query change (e.g. RBAC pages update)\n useEffect(() => {\n setActive((a) => (a > results.length - 1 ? Math.max(0, results.length - 1) : a))\n }, [results.length])\n\n // close the suggestions on an outside pointerdown\n useEffect(() => {\n if (!open) return\n const onDown = (event: PointerEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) setOpen(false)\n }\n document.addEventListener('pointerdown', onDown)\n return () => document.removeEventListener('pointerdown', onDown)\n }, [open])\n\n const go = (to: string) => {\n navigate({ to: to as LinkProps['to'] })\n setQuery('')\n setOpen(false)\n }\n\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!showList) return\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n setActive((i) => (i + 1) % results.length)\n } else if (event.key === 'ArrowUp') {\n event.preventDefault()\n setActive((i) => (i - 1 + results.length) % results.length)\n } else if (event.key === 'Enter') {\n event.preventDefault()\n const hit = results[active]\n if (hit) go(hit.to)\n } else if (event.key === 'Escape') {\n setOpen(false)\n }\n }\n\n return (\n <div\n ref={rootRef}\n className={styles.search}\n role=\"combobox\"\n aria-expanded={showList}\n aria-haspopup=\"listbox\"\n >\n <TextField\n value={query}\n onChange={(event: ChangeEvent<HTMLInputElement>) => {\n setQuery(event.target.value)\n setOpen(true)\n }}\n onFocus={() => setOpen(true)}\n onKeyDown={onKeyDown}\n adornment={<Icon name=\"SearchNormal\" />}\n placeholder={t('sidebar.searchPages')}\n aria-label={t('sidebar.searchPages')}\n autoComplete=\"off\"\n />\n {showList ? (\n <div className={styles.searchPanel}>\n <List role=\"listbox\">\n {results.map((page, i) => (\n <ListItem\n key={page.to}\n description={page.context}\n clickable\n selected={i === active}\n // keep the input focused through the click so blur doesn't close the list first\n onMouseDown={(event: MouseEvent) => event.preventDefault()}\n onMouseEnter={() => setActive(i)}\n onClick={() => go(page.to)}\n >\n {page.label}\n </ListItem>\n ))}\n </List>\n </div>\n ) : null}\n </div>\n )\n}\n\nfunction groupIsActive(group: NavGroup, pathname: string): boolean {\n if (group.to && pathname === group.to) return true\n return group.children?.some((leaf) => leaf.to === pathname) ?? false\n}\n\n/** A small \"New\"-style pill rendered on a menu row from `staticData.badge`. */\nfunction navBadge(text?: string) {\n return text ? <span className={styles.navBadge}>{text}</span> : null\n}\n\n/** A small colored dot indicator on a menu row from `staticData.dot`. */\nfunction navDot(color?: ThemeColor) {\n return color ? (\n <span className={styles.navDot} style={{ background: `var(--tz-color-${color})` }} />\n ) : null\n}\n\n/** The menu row's trailing slot: dot + badge + an optional chevron (omitted entirely when empty). */\nfunction navTrailing(badge?: string, dot?: ThemeColor, chevron?: ReactNode): ReactNode {\n if (badge == null && dot == null && chevron == null) return undefined\n return (\n <>\n {navBadge(badge)}\n {navDot(dot)}\n {chevron}\n </>\n )\n}\n\nfunction NavGroupItem({ group, pathname }: { group: NavGroup; pathname: string }) {\n const active = groupIsActive(group, pathname)\n const hasChildren = !!group.children?.length\n const [open, setOpen] = useState(active)\n\n // re-open when navigation makes this group active via a path the mount-time seed missed\n // (NavSearch, Breadcrumbs, back/forward) — collapsing an active group hides the current page\n useEffect(() => {\n if (active) setOpen(true)\n }, [active])\n\n // a plain level-2 page (no children) — just a link row\n if (!hasChildren && group.to) {\n return (\n <NavLink\n as={Link}\n to={group.to}\n icon={group.icon}\n selected={active}\n clickable\n trailing={navTrailing(group.badge, group.dot)}\n >\n {group.label}\n </NavLink>\n )\n }\n\n const chevron = (\n <Icon\n name=\"ArrowDown4\"\n size=\"sm\"\n className={styles.chevron}\n data-open={open ? 'true' : 'false'}\n />\n )\n\n return (\n <>\n {hasChildren && group.to ? (\n // \"Case B\": the row navigates (and expands); a separate chevron only toggles.\n <NavLink\n as={Link}\n to={group.to}\n icon={group.icon}\n selected={active}\n clickable\n onClick={() => setOpen(true)}\n trailing={navTrailing(\n group.badge,\n group.dot,\n <button\n type=\"button\"\n className={styles.chevronButton}\n aria-label={`${open ? 'Collapse' : 'Expand'} ${group.label}`}\n aria-expanded={open}\n onClick={(event: MouseEvent) => {\n event.preventDefault()\n event.stopPropagation()\n setOpen((o) => !o)\n }}\n >\n {chevron}\n </button>,\n )}\n >\n {group.label}\n </NavLink>\n ) : (\n // a pure container — the whole row toggles its children\n <ListItem\n icon={group.icon}\n selected={active}\n clickable\n aria-expanded={open}\n onClick={() => setOpen((o) => !o)}\n trailing={navTrailing(group.badge, group.dot, chevron)}\n >\n {group.label}\n </ListItem>\n )}\n {hasChildren ? (\n // smooth collapse, same grid-template-rows technique as Card\n <div className={clsx(styles.collapsible, !open && styles.collapsibleClosed)}>\n <div className={styles.collapsibleInner}>\n <List className={styles.leaves}>\n {group.children?.map((leaf) => (\n <NavLink\n key={leaf.to}\n as={Link}\n to={leaf.to}\n icon={<span className={styles.leafDot} />}\n selected={pathname === leaf.to}\n size=\"md\"\n clickable\n trailing={navTrailing(leaf.badge, leaf.dot)}\n >\n {leaf.label}\n </NavLink>\n ))}\n </List>\n </div>\n </div>\n ) : null}\n </>\n )\n}\n"],"names":["NavLink","ListItem","prettify","seg","w","trimSlashes","p","byOrderThenLabel","a","b","buildNavTree","routes","entries","route","sd","path","metaByPath","e","paths","isContainer","o","rawFullPaths","r","groupHasOwnPage","groupKey","chrome","key","modules","getModule","mod","c","topLinks","name","segs","group","l","g","useNavTree","router","useRouter","accessKeys","useAccessKeys","useMemo","_a","hasAccess","firstNavTo","tree","firstChild","useFirstNavTo","usePageTitle","matches","useRouterState","s","i","_b","navigablePaths","set","link","leaf","useBreadcrumbs","homeTo","navigable","items","match","full","FirstRouteRedirect","to","jsx","Navigate","Sidebar","links","pathname","jsxs","styles","List","Link","navTrailing","NavGroupItem","flattenPages","pages","MAX_SEARCH_RESULTS","NavSearch","t","useT","navigate","useNavigate","query","setQuery","useState","open","setOpen","active","setActive","rootRef","useRef","results","q","showList","useEffect","onDown","event","go","onKeyDown","hit","TextField","Icon","page","groupIsActive","navBadge","text","navDot","color","badge","dot","chevron","Fragment","hasChildren","clsx"],"mappings":"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"}
|
|
@@ -3,11 +3,11 @@ import { useMemo as y, useState as C, useRef as R, useEffect as P } from "react"
|
|
|
3
3
|
import { Navigate as M, useRouterState as x, Link as k, useRouter as B, useNavigate as O } from "@tanstack/react-router";
|
|
4
4
|
import { clsx as j } from "clsx";
|
|
5
5
|
import { I as E } from "./Icon-CophpkHo.js";
|
|
6
|
-
import { L as T } from "./List-
|
|
7
|
-
import { L as S } from "./ListItem-
|
|
8
|
-
import { T as K } from "./TextField-
|
|
6
|
+
import { L as T } from "./List-LqbfF6gU.js";
|
|
7
|
+
import { L as S } from "./ListItem-B4Upc0Hy.js";
|
|
8
|
+
import { T as K } from "./TextField-12HcFD7u.js";
|
|
9
9
|
import { u as V, h as Y } from "./access-Db4knwyR.js";
|
|
10
|
-
import { a as U } from "./ConfigProvider-
|
|
10
|
+
import { a as U } from "./ConfigProvider-sEZzNTeU.js";
|
|
11
11
|
const q = "_nav_a1zzi_4", H = "_module_a1zzi_17", G = "_search_a1zzi_25", Q = "_searchPanel_a1zzi_31", W = "_moduleLabel_a1zzi_46", X = "_leaves_a1zzi_61", J = "_navBadge_a1zzi_66", Z = "_navDot_a1zzi_78", ee = "_leafDot_a1zzi_86", te = "_collapsible_a1zzi_95", oe = "_collapsibleClosed_a1zzi_100", ne = "_collapsibleInner_a1zzi_103", ae = "_chevron_a1zzi_109", se = "_chevronButton_a1zzi_119", b = {
|
|
12
12
|
nav: q,
|
|
13
13
|
module: H,
|
|
@@ -417,6 +417,8 @@ export {
|
|
|
417
417
|
ye as N,
|
|
418
418
|
Le as S,
|
|
419
419
|
ke as a,
|
|
420
|
+
ce as b,
|
|
421
|
+
A as f,
|
|
420
422
|
we as u
|
|
421
423
|
};
|
|
422
|
-
//# sourceMappingURL=Sidebar-
|
|
424
|
+
//# sourceMappingURL=Sidebar-DEBW6lDA.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar-DRCs2ygZ.js","sources":["../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n useRef,\n useState,\n type ChangeEvent,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n} from 'react'\nimport {\n Link,\n Navigate,\n useNavigate,\n useRouter,\n useRouterState,\n type LinkProps,\n type StaticDataRouteOption,\n} from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { List, ListItem, type ListItemProps } from '../List'\nimport { TextField } from '../TextField'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { hasAccess, useAccessKeys } from '../../helpers/access'\nimport styles from './Sidebar.module.css'\n\n// `ListItem` rendered as a TanStack `Link` — it forwards unrecognized props (like `to`) to the\n// element, so this typed alias lets us pass `to` while keeping `ListItem`'s look + behavior.\nconst NavLink = ListItem as unknown as (props: ListItemProps & { to: string }) => ReactNode\n\nexport type { IconName }\n\n// Typed `staticData` for consumers — every route describes its own menu entry.\ndeclare module '@tanstack/react-router' {\n interface StaticDataRouteOption {\n /** Menu label. A route with no `name` never appears in the menu. */\n name?: string\n /** Optional menu icon (the library's `IconName` union). */\n icon?: IconName\n /** Sort order within the parent (ascending); falls back to alphabetical. */\n order?: number\n /** Routed but hidden from the menu. */\n hidden?: boolean\n /** Allowed accessKeys (OR — user needs any one). Omitted/empty = public. */\n roles?: string[]\n /** Small text label (e.g. `\"New\"`) shown as a pill on the menu row. */\n badge?: string\n /** Theme color of a small dot indicator on the menu row (e.g. `\"error\"`). */\n dot?: ThemeColor\n }\n}\n\nexport interface NavLeaf {\n label: string\n to: string\n icon?: IconName\n badge?: string\n dot?: ThemeColor\n}\nexport interface NavGroup {\n label: string\n icon?: IconName\n to?: string\n badge?: string\n dot?: ThemeColor\n children?: NavLeaf[]\n}\nexport interface NavModule {\n module: string\n icon?: IconName\n groups: NavGroup[]\n}\n\nconst prettify = (seg: string) =>\n seg\n .split('-')\n .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n .join(' ')\nconst trimSlashes = (p: string) => p.replace(/^\\/+|\\/+$/g, '')\nconst byOrderThenLabel = (\n a: { order: number; label: string },\n b: { order: number; label: string },\n) => a.order - b.order || a.label.localeCompare(b.label)\n\ninterface LeafAcc {\n label: string\n to: string\n icon?: IconName\n badge?: string\n dot?: ThemeColor\n order: number\n}\ninterface GroupAcc {\n label: string\n icon?: IconName\n to?: string\n badge?: string\n dot?: ThemeColor\n order: number\n leaves: LeafAcc[]\n isContainer: boolean\n}\ninterface ModuleAcc {\n label: string\n icon?: IconName\n order: number\n groups: Map<string, GroupAcc>\n}\n\n/** A single route, reduced to what the menu needs. */\nexport interface NavRoute {\n fullPath: string\n staticData?: StaticDataRouteOption\n}\n\n/**\n * Pure menu builder — derives the 3-level nav tree (module → group → page) from a flat route list.\n * Kept router-free so it's unit-testable; `useNavTree` feeds it the live routes.\n */\nexport function buildNavTree(routes: NavRoute[]): { links: NavLeaf[]; modules: NavModule[] } {\n const entries: Array<{ path: string; name: string; sd: StaticDataRouteOption }> = []\n for (const route of routes) {\n const sd = route.staticData\n const path = trimSlashes(route.fullPath)\n if (!sd?.name || !path) continue\n entries.push({ path, name: sd.name, sd })\n }\n\n const metaByPath = new Map(entries.map((e) => [e.path, e]))\n const paths = entries.map((e) => e.path)\n const isContainer = (p: string) => paths.some((o) => o !== p && o.startsWith(`${p}/`))\n const rawFullPaths = new Set(routes.map((r) => r.fullPath))\n const groupHasOwnPage = (groupKey: string) => rawFullPaths.has(`/${groupKey}/`)\n\n const chrome = (key: string, seg: string) => {\n const e = metaByPath.get(key)\n return {\n label: e?.name ?? prettify(seg),\n icon: e?.sd.icon,\n badge: e?.sd.badge,\n dot: e?.sd.dot,\n order: e?.sd.order ?? Number.POSITIVE_INFINITY,\n }\n }\n\n const modules = new Map<string, ModuleAcc>()\n const getModule = (seg: string) => {\n let mod = modules.get(seg)\n if (!mod) {\n const c = chrome(seg, seg)\n mod = { label: c.label, icon: c.icon, order: c.order, groups: new Map() }\n modules.set(seg, mod)\n }\n return mod\n }\n\n const topLinks: LeafAcc[] = []\n for (const { path, name, sd } of entries) {\n const segs = path.split('/')\n // The menu is 3 levels deep by design (module → group → page). A path only counts as a\n // \"container\" (holds children instead of being its own row) at the module/group levels; a\n // depth-3+ route is always a leaf, so a named page with even-deeper children isn't dropped.\n // Routes deeper than 3 segments still appear — flattened as leaves under their depth-2 group\n // (their `to` stays correct) — the nav just can't nest beyond level 3.\n if ((segs.length <= 2 && isContainer(path)) || sd.hidden) continue\n if (segs.length === 1) {\n topLinks.push({\n label: name,\n to: `/${path}`,\n icon: sd.icon,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n })\n continue\n }\n const mod = getModule(segs[0])\n if (segs.length === 2) {\n mod.groups.set(path, {\n label: name,\n icon: sd.icon,\n to: `/${path}`,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n leaves: [],\n isContainer: false,\n })\n } else {\n const groupKey = segs.slice(0, 2).join('/')\n let group = mod.groups.get(groupKey)\n if (!group) {\n const c = chrome(groupKey, segs[1])\n group = {\n label: c.label,\n icon: c.icon,\n badge: c.badge,\n dot: c.dot,\n order: c.order,\n to: groupHasOwnPage(groupKey) ? `/${groupKey}` : undefined,\n leaves: [],\n isContainer: true,\n }\n mod.groups.set(groupKey, group)\n }\n group.leaves.push({\n label: name,\n to: `/${path}`,\n icon: sd.icon,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n })\n }\n }\n\n return {\n links: topLinks\n .sort(byOrderThenLabel)\n .map((l) => ({ label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot })),\n modules: [...modules.values()].sort(byOrderThenLabel).map(\n (mod): NavModule => ({\n module: mod.label,\n icon: mod.icon,\n groups: [...mod.groups.values()].sort(byOrderThenLabel).map(\n (g): NavGroup => ({\n label: g.label,\n icon: g.icon,\n to: g.to,\n badge: g.badge,\n dot: g.dot,\n children: g.isContainer\n ? g.leaves.sort(byOrderThenLabel).map((l) => ({\n label: l.label,\n to: l.to,\n icon: l.icon,\n badge: l.badge,\n dot: l.dot,\n }))\n : undefined,\n }),\n ),\n }),\n ),\n }\n}\n\nfunction useNavTree(): { links: NavLeaf[]; modules: NavModule[] } {\n const router = useRouter()\n const accessKeys = useAccessKeys() // re-render the menu when the user's roles change (login/logout)\n return useMemo(\n () =>\n buildNavTree(\n Object.values(router.looseRoutesById)\n .map((route) => ({\n fullPath: route.fullPath,\n staticData: route.options?.staticData,\n }))\n // Drop pages the current user can't access — empty groups/modules then vanish on their own.\n .filter((route) => hasAccess(route.staticData?.roles)),\n ),\n [router, accessKeys],\n )\n}\n\n/** The first menu destination (top link, else first group/leaf) — used by `FirstRouteRedirect`. */\nexport function firstNavTo(tree: { links: NavLeaf[]; modules: NavModule[] }): string | undefined {\n if (tree.links[0]) return tree.links[0].to\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) return group.to\n const firstChild = group.children?.[0]\n if (firstChild) return firstChild.to\n }\n return undefined\n}\n\nfunction useFirstNavTo() {\n return firstNavTo(useNavTree())\n}\n\n/**\n * The current page's title — the `staticData.name` of the deepest matched route that declares one.\n * Used by `RootLayout` to label the header automatically (e.g. \"Dashboard\").\n */\nexport function usePageTitle(): string | undefined {\n const router = useRouter()\n const matches = useRouterState({ select: (s) => s.matches })\n for (let i = matches.length - 1; i >= 0; i--) {\n const route = router.looseRoutesById[matches[i].routeId]\n const name = route?.options?.staticData?.name\n if (name) return name\n }\n return undefined\n}\n\n/** One breadcrumb. `to` is set only when the crumb points at a real, navigable menu page. */\nexport interface Breadcrumb {\n label: string\n to?: string\n}\n\n/** Every `to` that the menu actually navigates to (top links, group pages, leaves). */\nfunction navigablePaths(tree: { links: NavLeaf[]; modules: NavModule[] }): Set<string> {\n const set = new Set<string>()\n for (const link of tree.links) set.add(link.to)\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) set.add(group.to)\n for (const leaf of group.children ?? []) set.add(leaf.to)\n }\n return set\n}\n\n/**\n * Breadcrumb trail for the current route, derived from the active match chain: one crumb per matched\n * route that declares a `staticData.name` (module → group → page). `homeTo` is the first allowed menu\n * page (same target as `FirstRouteRedirect`). Intermediate crumbs link only when they map to a real\n * navigable page; the last crumb (the current page) is always plain text.\n */\nexport function useBreadcrumbs(): { homeTo?: string; items: Breadcrumb[] } {\n const tree = useNavTree()\n const matches = useRouterState({ select: (s) => s.matches })\n const homeTo = firstNavTo(tree)\n const navigable = navigablePaths(tree)\n\n const items: Breadcrumb[] = []\n for (const match of matches) {\n const name = match.staticData?.name\n if (!name) continue\n const full = `/${trimSlashes(match.pathname)}`\n items.push({ label: name, to: navigable.has(full) ? full : undefined })\n }\n // The current page is where you already are — never a link.\n if (items.length > 0) items[items.length - 1] = { label: items[items.length - 1].label }\n return { homeTo, items }\n}\n\n/** Drop-in component for the `/` route: forwards to whatever sits FIRST in the menu. */\nexport function FirstRouteRedirect() {\n const to = useFirstNavTo()\n return to ? <Navigate to={to as LinkProps['to']} /> : null\n}\n\n/** Auto-generated navigation, derived from the routes' `staticData`. Rendered inside `RootLayout`. */\nexport function Sidebar() {\n const { links, modules } = useNavTree()\n const pathname = useRouterState({ select: (s) => s.location.pathname })\n\n return (\n <nav className={styles.nav}>\n {links.length > 0 ? (\n <List>\n {links.map((link) => (\n <NavLink\n key={link.to}\n as={Link}\n to={link.to}\n icon={link.icon}\n selected={pathname === link.to}\n clickable\n trailing={navTrailing(link.badge, link.dot)}\n >\n {link.label}\n </NavLink>\n ))}\n </List>\n ) : null}\n {modules.map((mod) => (\n <div className={styles.module} key={mod.module}>\n <div className={styles.moduleLabel}>{mod.module}</div>\n <List>\n {mod.groups.map((group) => (\n <NavGroupItem key={group.label} group={group} pathname={pathname} />\n ))}\n </List>\n </div>\n ))}\n </nav>\n )\n}\n\n/** A single searchable destination — a nav page flattened out of the tree, with a breadcrumb context. */\ninterface NavPage {\n label: string\n to: string\n /** Where it lives — e.g. `\"Components · Forms\"` — shown as the muted second line. */\n context?: string\n}\n\n/** Flatten the nav tree into every navigable page (top links + group pages + leaves). */\nfunction flattenPages(tree: { links: NavLeaf[]; modules: NavModule[] }): NavPage[] {\n const pages: NavPage[] = []\n for (const link of tree.links) pages.push({ label: link.label, to: link.to })\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) pages.push({ label: group.label, to: group.to, context: mod.module })\n for (const leaf of group.children ?? [])\n pages.push({\n label: leaf.label,\n to: leaf.to,\n context: `${mod.module} · ${group.label}`,\n })\n }\n return pages\n}\n\nconst MAX_SEARCH_RESULTS = 8\n\n/**\n * Header search over the sidebar's pages — type to filter the nav (by page name or its section) and\n * pick a suggestion to jump there. Data comes from the same `useNavTree` the sidebar uses (so it\n * respects RBAC). Keyboard: Up/Down move, Enter opens, Escape closes. Rendered by `RootLayout`'s header.\n */\nexport function NavSearch() {\n const t = useT()\n const tree = useNavTree()\n const navigate = useNavigate()\n const pages = useMemo(() => flattenPages(tree), [tree])\n\n const [query, setQuery] = useState('')\n const [open, setOpen] = useState(false)\n const [active, setActive] = useState(0)\n const rootRef = useRef<HTMLDivElement | null>(null)\n\n const results = useMemo(() => {\n const q = query.trim().toLowerCase()\n if (!q) return []\n return pages\n .filter(\n (p) => p.label.toLowerCase().includes(q) || (p.context?.toLowerCase().includes(q) ?? false),\n )\n .slice(0, MAX_SEARCH_RESULTS)\n }, [pages, query])\n\n const showList = open && results.length > 0\n\n // reset the highlighted row whenever the query changes\n useEffect(() => setActive(0), [query])\n\n // clamp the highlight if the result set shrinks without a query change (e.g. RBAC pages update)\n useEffect(() => {\n setActive((a) => (a > results.length - 1 ? Math.max(0, results.length - 1) : a))\n }, [results.length])\n\n // close the suggestions on an outside pointerdown\n useEffect(() => {\n if (!open) return\n const onDown = (event: PointerEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) setOpen(false)\n }\n document.addEventListener('pointerdown', onDown)\n return () => document.removeEventListener('pointerdown', onDown)\n }, [open])\n\n const go = (to: string) => {\n navigate({ to: to as LinkProps['to'] })\n setQuery('')\n setOpen(false)\n }\n\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!showList) return\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n setActive((i) => (i + 1) % results.length)\n } else if (event.key === 'ArrowUp') {\n event.preventDefault()\n setActive((i) => (i - 1 + results.length) % results.length)\n } else if (event.key === 'Enter') {\n event.preventDefault()\n const hit = results[active]\n if (hit) go(hit.to)\n } else if (event.key === 'Escape') {\n setOpen(false)\n }\n }\n\n return (\n <div\n ref={rootRef}\n className={styles.search}\n role=\"combobox\"\n aria-expanded={showList}\n aria-haspopup=\"listbox\"\n >\n <TextField\n value={query}\n onChange={(event: ChangeEvent<HTMLInputElement>) => {\n setQuery(event.target.value)\n setOpen(true)\n }}\n onFocus={() => setOpen(true)}\n onKeyDown={onKeyDown}\n adornment={<Icon name=\"SearchNormal\" />}\n placeholder={t('sidebar.searchPages')}\n aria-label={t('sidebar.searchPages')}\n autoComplete=\"off\"\n />\n {showList ? (\n <div className={styles.searchPanel}>\n <List role=\"listbox\">\n {results.map((page, i) => (\n <ListItem\n key={page.to}\n description={page.context}\n clickable\n selected={i === active}\n // keep the input focused through the click so blur doesn't close the list first\n onMouseDown={(event: MouseEvent) => event.preventDefault()}\n onMouseEnter={() => setActive(i)}\n onClick={() => go(page.to)}\n >\n {page.label}\n </ListItem>\n ))}\n </List>\n </div>\n ) : null}\n </div>\n )\n}\n\nfunction groupIsActive(group: NavGroup, pathname: string): boolean {\n if (group.to && pathname === group.to) return true\n return group.children?.some((leaf) => leaf.to === pathname) ?? false\n}\n\n/** A small \"New\"-style pill rendered on a menu row from `staticData.badge`. */\nfunction navBadge(text?: string) {\n return text ? <span className={styles.navBadge}>{text}</span> : null\n}\n\n/** A small colored dot indicator on a menu row from `staticData.dot`. */\nfunction navDot(color?: ThemeColor) {\n return color ? (\n <span className={styles.navDot} style={{ background: `var(--tz-color-${color})` }} />\n ) : null\n}\n\n/** The menu row's trailing slot: dot + badge + an optional chevron (omitted entirely when empty). */\nfunction navTrailing(badge?: string, dot?: ThemeColor, chevron?: ReactNode): ReactNode {\n if (badge == null && dot == null && chevron == null) return undefined\n return (\n <>\n {navBadge(badge)}\n {navDot(dot)}\n {chevron}\n </>\n )\n}\n\nfunction NavGroupItem({ group, pathname }: { group: NavGroup; pathname: string }) {\n const active = groupIsActive(group, pathname)\n const hasChildren = !!group.children?.length\n const [open, setOpen] = useState(active)\n\n // re-open when navigation makes this group active via a path the mount-time seed missed\n // (NavSearch, Breadcrumbs, back/forward) — collapsing an active group hides the current page\n useEffect(() => {\n if (active) setOpen(true)\n }, [active])\n\n // a plain level-2 page (no children) — just a link row\n if (!hasChildren && group.to) {\n return (\n <NavLink\n as={Link}\n to={group.to}\n icon={group.icon}\n selected={active}\n clickable\n trailing={navTrailing(group.badge, group.dot)}\n >\n {group.label}\n </NavLink>\n )\n }\n\n const chevron = (\n <Icon\n name=\"ArrowDown4\"\n size=\"sm\"\n className={styles.chevron}\n data-open={open ? 'true' : 'false'}\n />\n )\n\n return (\n <>\n {hasChildren && group.to ? (\n // \"Case B\": the row navigates (and expands); a separate chevron only toggles.\n <NavLink\n as={Link}\n to={group.to}\n icon={group.icon}\n selected={active}\n clickable\n onClick={() => setOpen(true)}\n trailing={navTrailing(\n group.badge,\n group.dot,\n <button\n type=\"button\"\n className={styles.chevronButton}\n aria-label={`${open ? 'Collapse' : 'Expand'} ${group.label}`}\n aria-expanded={open}\n onClick={(event: MouseEvent) => {\n event.preventDefault()\n event.stopPropagation()\n setOpen((o) => !o)\n }}\n >\n {chevron}\n </button>,\n )}\n >\n {group.label}\n </NavLink>\n ) : (\n // a pure container — the whole row toggles its children\n <ListItem\n icon={group.icon}\n selected={active}\n clickable\n aria-expanded={open}\n onClick={() => setOpen((o) => !o)}\n trailing={navTrailing(group.badge, group.dot, chevron)}\n >\n {group.label}\n </ListItem>\n )}\n {hasChildren ? (\n // smooth collapse, same grid-template-rows technique as Card\n <div className={clsx(styles.collapsible, !open && styles.collapsibleClosed)}>\n <div className={styles.collapsibleInner}>\n <List className={styles.leaves}>\n {group.children?.map((leaf) => (\n <NavLink\n key={leaf.to}\n as={Link}\n to={leaf.to}\n icon={<span className={styles.leafDot} />}\n selected={pathname === leaf.to}\n size=\"md\"\n clickable\n trailing={navTrailing(leaf.badge, leaf.dot)}\n >\n {leaf.label}\n </NavLink>\n ))}\n </List>\n </div>\n </div>\n ) : null}\n </>\n )\n}\n"],"names":["NavLink","ListItem","prettify","seg","w","trimSlashes","p","byOrderThenLabel","a","b","buildNavTree","routes","entries","route","sd","path","metaByPath","e","paths","isContainer","o","rawFullPaths","r","groupHasOwnPage","groupKey","chrome","key","modules","getModule","mod","c","topLinks","name","segs","group","l","g","useNavTree","router","useRouter","accessKeys","useAccessKeys","useMemo","_a","hasAccess","firstNavTo","tree","firstChild","useFirstNavTo","usePageTitle","matches","useRouterState","s","i","_b","navigablePaths","set","link","leaf","useBreadcrumbs","homeTo","navigable","items","match","full","FirstRouteRedirect","to","jsx","Navigate","Sidebar","links","pathname","jsxs","styles","List","Link","navTrailing","NavGroupItem","flattenPages","pages","MAX_SEARCH_RESULTS","NavSearch","t","useT","navigate","useNavigate","query","setQuery","useState","open","setOpen","active","setActive","rootRef","useRef","results","q","showList","useEffect","onDown","event","go","onKeyDown","hit","TextField","Icon","page","groupIsActive","navBadge","text","navDot","color","badge","dot","chevron","Fragment","hasChildren","clsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Sidebar-DEBW6lDA.js","sources":["../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n useRef,\n useState,\n type ChangeEvent,\n type KeyboardEvent,\n type MouseEvent,\n type ReactNode,\n} from 'react'\nimport {\n Link,\n Navigate,\n useNavigate,\n useRouter,\n useRouterState,\n type LinkProps,\n type StaticDataRouteOption,\n} from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { List, ListItem, type ListItemProps } from '../List'\nimport { TextField } from '../TextField'\nimport { useT, type ThemeColor } from '../../theme'\nimport type { IconName } from '../../icons/names'\nimport { hasAccess, useAccessKeys } from '../../helpers/access'\nimport styles from './Sidebar.module.css'\n\n// `ListItem` rendered as a TanStack `Link` — it forwards unrecognized props (like `to`) to the\n// element, so this typed alias lets us pass `to` while keeping `ListItem`'s look + behavior.\nconst NavLink = ListItem as unknown as (props: ListItemProps & { to: string }) => ReactNode\n\nexport type { IconName }\n\n// Typed `staticData` for consumers — every route describes its own menu entry.\ndeclare module '@tanstack/react-router' {\n interface StaticDataRouteOption {\n /** Menu label. A route with no `name` never appears in the menu. */\n name?: string\n /** Optional menu icon (the library's `IconName` union). */\n icon?: IconName\n /** Sort order within the parent (ascending); falls back to alphabetical. */\n order?: number\n /** Routed but hidden from the menu. */\n hidden?: boolean\n /** Allowed accessKeys (OR — user needs any one). Omitted/empty = public. */\n roles?: string[]\n /** Small text label (e.g. `\"New\"`) shown as a pill on the menu row. */\n badge?: string\n /** Theme color of a small dot indicator on the menu row (e.g. `\"error\"`). */\n dot?: ThemeColor\n }\n}\n\nexport interface NavLeaf {\n label: string\n to: string\n icon?: IconName\n badge?: string\n dot?: ThemeColor\n}\nexport interface NavGroup {\n label: string\n icon?: IconName\n to?: string\n badge?: string\n dot?: ThemeColor\n children?: NavLeaf[]\n}\nexport interface NavModule {\n module: string\n icon?: IconName\n groups: NavGroup[]\n}\n\nconst prettify = (seg: string) =>\n seg\n .split('-')\n .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n .join(' ')\nconst trimSlashes = (p: string) => p.replace(/^\\/+|\\/+$/g, '')\nconst byOrderThenLabel = (\n a: { order: number; label: string },\n b: { order: number; label: string },\n) => a.order - b.order || a.label.localeCompare(b.label)\n\ninterface LeafAcc {\n label: string\n to: string\n icon?: IconName\n badge?: string\n dot?: ThemeColor\n order: number\n}\ninterface GroupAcc {\n label: string\n icon?: IconName\n to?: string\n badge?: string\n dot?: ThemeColor\n order: number\n leaves: LeafAcc[]\n isContainer: boolean\n}\ninterface ModuleAcc {\n label: string\n icon?: IconName\n order: number\n groups: Map<string, GroupAcc>\n}\n\n/** A single route, reduced to what the menu needs. */\nexport interface NavRoute {\n fullPath: string\n staticData?: StaticDataRouteOption\n}\n\n/**\n * Pure menu builder — derives the 3-level nav tree (module → group → page) from a flat route list.\n * Kept router-free so it's unit-testable; `useNavTree` feeds it the live routes.\n */\nexport function buildNavTree(routes: NavRoute[]): { links: NavLeaf[]; modules: NavModule[] } {\n const entries: Array<{ path: string; name: string; sd: StaticDataRouteOption }> = []\n for (const route of routes) {\n const sd = route.staticData\n const path = trimSlashes(route.fullPath)\n if (!sd?.name || !path) continue\n entries.push({ path, name: sd.name, sd })\n }\n\n const metaByPath = new Map(entries.map((e) => [e.path, e]))\n const paths = entries.map((e) => e.path)\n const isContainer = (p: string) => paths.some((o) => o !== p && o.startsWith(`${p}/`))\n const rawFullPaths = new Set(routes.map((r) => r.fullPath))\n const groupHasOwnPage = (groupKey: string) => rawFullPaths.has(`/${groupKey}/`)\n\n const chrome = (key: string, seg: string) => {\n const e = metaByPath.get(key)\n return {\n label: e?.name ?? prettify(seg),\n icon: e?.sd.icon,\n badge: e?.sd.badge,\n dot: e?.sd.dot,\n order: e?.sd.order ?? Number.POSITIVE_INFINITY,\n }\n }\n\n const modules = new Map<string, ModuleAcc>()\n const getModule = (seg: string) => {\n let mod = modules.get(seg)\n if (!mod) {\n const c = chrome(seg, seg)\n mod = { label: c.label, icon: c.icon, order: c.order, groups: new Map() }\n modules.set(seg, mod)\n }\n return mod\n }\n\n const topLinks: LeafAcc[] = []\n for (const { path, name, sd } of entries) {\n const segs = path.split('/')\n // The menu is 3 levels deep by design (module → group → page). A path only counts as a\n // \"container\" (holds children instead of being its own row) at the module/group levels; a\n // depth-3+ route is always a leaf, so a named page with even-deeper children isn't dropped.\n // Routes deeper than 3 segments still appear — flattened as leaves under their depth-2 group\n // (their `to` stays correct) — the nav just can't nest beyond level 3.\n if ((segs.length <= 2 && isContainer(path)) || sd.hidden) continue\n if (segs.length === 1) {\n topLinks.push({\n label: name,\n to: `/${path}`,\n icon: sd.icon,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n })\n continue\n }\n const mod = getModule(segs[0])\n if (segs.length === 2) {\n mod.groups.set(path, {\n label: name,\n icon: sd.icon,\n to: `/${path}`,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n leaves: [],\n isContainer: false,\n })\n } else {\n const groupKey = segs.slice(0, 2).join('/')\n let group = mod.groups.get(groupKey)\n if (!group) {\n const c = chrome(groupKey, segs[1])\n group = {\n label: c.label,\n icon: c.icon,\n badge: c.badge,\n dot: c.dot,\n order: c.order,\n to: groupHasOwnPage(groupKey) ? `/${groupKey}` : undefined,\n leaves: [],\n isContainer: true,\n }\n mod.groups.set(groupKey, group)\n }\n group.leaves.push({\n label: name,\n to: `/${path}`,\n icon: sd.icon,\n badge: sd.badge,\n dot: sd.dot,\n order: sd.order ?? Number.POSITIVE_INFINITY,\n })\n }\n }\n\n return {\n links: topLinks\n .sort(byOrderThenLabel)\n .map((l) => ({ label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot })),\n modules: [...modules.values()].sort(byOrderThenLabel).map(\n (mod): NavModule => ({\n module: mod.label,\n icon: mod.icon,\n groups: [...mod.groups.values()].sort(byOrderThenLabel).map(\n (g): NavGroup => ({\n label: g.label,\n icon: g.icon,\n to: g.to,\n badge: g.badge,\n dot: g.dot,\n children: g.isContainer\n ? g.leaves.sort(byOrderThenLabel).map((l) => ({\n label: l.label,\n to: l.to,\n icon: l.icon,\n badge: l.badge,\n dot: l.dot,\n }))\n : undefined,\n }),\n ),\n }),\n ),\n }\n}\n\nfunction useNavTree(): { links: NavLeaf[]; modules: NavModule[] } {\n const router = useRouter()\n const accessKeys = useAccessKeys() // re-render the menu when the user's roles change (login/logout)\n return useMemo(\n () =>\n buildNavTree(\n Object.values(router.looseRoutesById)\n .map((route) => ({\n fullPath: route.fullPath,\n staticData: route.options?.staticData,\n }))\n // Drop pages the current user can't access — empty groups/modules then vanish on their own.\n .filter((route) => hasAccess(route.staticData?.roles)),\n ),\n [router, accessKeys],\n )\n}\n\n/** The first menu destination (top link, else first group/leaf) — used by `FirstRouteRedirect`. */\nexport function firstNavTo(tree: { links: NavLeaf[]; modules: NavModule[] }): string | undefined {\n if (tree.links[0]) return tree.links[0].to\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) return group.to\n const firstChild = group.children?.[0]\n if (firstChild) return firstChild.to\n }\n return undefined\n}\n\nfunction useFirstNavTo() {\n return firstNavTo(useNavTree())\n}\n\n/**\n * The current page's title — the `staticData.name` of the deepest matched route that declares one.\n * Used by `RootLayout` to label the header automatically (e.g. \"Dashboard\").\n */\nexport function usePageTitle(): string | undefined {\n const router = useRouter()\n const matches = useRouterState({ select: (s) => s.matches })\n for (let i = matches.length - 1; i >= 0; i--) {\n const route = router.looseRoutesById[matches[i].routeId]\n const name = route?.options?.staticData?.name\n if (name) return name\n }\n return undefined\n}\n\n/** One breadcrumb. `to` is set only when the crumb points at a real, navigable menu page. */\nexport interface Breadcrumb {\n label: string\n to?: string\n}\n\n/** Every `to` that the menu actually navigates to (top links, group pages, leaves). */\nfunction navigablePaths(tree: { links: NavLeaf[]; modules: NavModule[] }): Set<string> {\n const set = new Set<string>()\n for (const link of tree.links) set.add(link.to)\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) set.add(group.to)\n for (const leaf of group.children ?? []) set.add(leaf.to)\n }\n return set\n}\n\n/**\n * Breadcrumb trail for the current route, derived from the active match chain: one crumb per matched\n * route that declares a `staticData.name` (module → group → page). `homeTo` is the first allowed menu\n * page (same target as `FirstRouteRedirect`). Intermediate crumbs link only when they map to a real\n * navigable page; the last crumb (the current page) is always plain text.\n */\nexport function useBreadcrumbs(): { homeTo?: string; items: Breadcrumb[] } {\n const tree = useNavTree()\n const matches = useRouterState({ select: (s) => s.matches })\n const homeTo = firstNavTo(tree)\n const navigable = navigablePaths(tree)\n\n const items: Breadcrumb[] = []\n for (const match of matches) {\n const name = match.staticData?.name\n if (!name) continue\n const full = `/${trimSlashes(match.pathname)}`\n items.push({ label: name, to: navigable.has(full) ? full : undefined })\n }\n // The current page is where you already are — never a link.\n if (items.length > 0) items[items.length - 1] = { label: items[items.length - 1].label }\n return { homeTo, items }\n}\n\n/** Drop-in component for the `/` route: forwards to whatever sits FIRST in the menu. */\nexport function FirstRouteRedirect() {\n const to = useFirstNavTo()\n return to ? <Navigate to={to as LinkProps['to']} /> : null\n}\n\n/** Auto-generated navigation, derived from the routes' `staticData`. Rendered inside `RootLayout`. */\nexport function Sidebar() {\n const { links, modules } = useNavTree()\n const pathname = useRouterState({ select: (s) => s.location.pathname })\n\n return (\n <nav className={styles.nav}>\n {links.length > 0 ? (\n <List>\n {links.map((link) => (\n <NavLink\n key={link.to}\n as={Link}\n to={link.to}\n icon={link.icon}\n selected={pathname === link.to}\n clickable\n trailing={navTrailing(link.badge, link.dot)}\n >\n {link.label}\n </NavLink>\n ))}\n </List>\n ) : null}\n {modules.map((mod) => (\n <div className={styles.module} key={mod.module}>\n <div className={styles.moduleLabel}>{mod.module}</div>\n <List>\n {mod.groups.map((group) => (\n <NavGroupItem key={group.label} group={group} pathname={pathname} />\n ))}\n </List>\n </div>\n ))}\n </nav>\n )\n}\n\n/** A single searchable destination — a nav page flattened out of the tree, with a breadcrumb context. */\ninterface NavPage {\n label: string\n to: string\n /** Where it lives — e.g. `\"Components · Forms\"` — shown as the muted second line. */\n context?: string\n}\n\n/** Flatten the nav tree into every navigable page (top links + group pages + leaves). */\nfunction flattenPages(tree: { links: NavLeaf[]; modules: NavModule[] }): NavPage[] {\n const pages: NavPage[] = []\n for (const link of tree.links) pages.push({ label: link.label, to: link.to })\n for (const mod of tree.modules)\n for (const group of mod.groups) {\n if (group.to) pages.push({ label: group.label, to: group.to, context: mod.module })\n for (const leaf of group.children ?? [])\n pages.push({\n label: leaf.label,\n to: leaf.to,\n context: `${mod.module} · ${group.label}`,\n })\n }\n return pages\n}\n\nconst MAX_SEARCH_RESULTS = 8\n\n/**\n * Header search over the sidebar's pages — type to filter the nav (by page name or its section) and\n * pick a suggestion to jump there. Data comes from the same `useNavTree` the sidebar uses (so it\n * respects RBAC). Keyboard: Up/Down move, Enter opens, Escape closes. Rendered by `RootLayout`'s header.\n */\nexport function NavSearch() {\n const t = useT()\n const tree = useNavTree()\n const navigate = useNavigate()\n const pages = useMemo(() => flattenPages(tree), [tree])\n\n const [query, setQuery] = useState('')\n const [open, setOpen] = useState(false)\n const [active, setActive] = useState(0)\n const rootRef = useRef<HTMLDivElement | null>(null)\n\n const results = useMemo(() => {\n const q = query.trim().toLowerCase()\n if (!q) return []\n return pages\n .filter(\n (p) => p.label.toLowerCase().includes(q) || (p.context?.toLowerCase().includes(q) ?? false),\n )\n .slice(0, MAX_SEARCH_RESULTS)\n }, [pages, query])\n\n const showList = open && results.length > 0\n\n // reset the highlighted row whenever the query changes\n useEffect(() => setActive(0), [query])\n\n // clamp the highlight if the result set shrinks without a query change (e.g. RBAC pages update)\n useEffect(() => {\n setActive((a) => (a > results.length - 1 ? Math.max(0, results.length - 1) : a))\n }, [results.length])\n\n // close the suggestions on an outside pointerdown\n useEffect(() => {\n if (!open) return\n const onDown = (event: PointerEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) setOpen(false)\n }\n document.addEventListener('pointerdown', onDown)\n return () => document.removeEventListener('pointerdown', onDown)\n }, [open])\n\n const go = (to: string) => {\n navigate({ to: to as LinkProps['to'] })\n setQuery('')\n setOpen(false)\n }\n\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (!showList) return\n if (event.key === 'ArrowDown') {\n event.preventDefault()\n setActive((i) => (i + 1) % results.length)\n } else if (event.key === 'ArrowUp') {\n event.preventDefault()\n setActive((i) => (i - 1 + results.length) % results.length)\n } else if (event.key === 'Enter') {\n event.preventDefault()\n const hit = results[active]\n if (hit) go(hit.to)\n } else if (event.key === 'Escape') {\n setOpen(false)\n }\n }\n\n return (\n <div\n ref={rootRef}\n className={styles.search}\n role=\"combobox\"\n aria-expanded={showList}\n aria-haspopup=\"listbox\"\n >\n <TextField\n value={query}\n onChange={(event: ChangeEvent<HTMLInputElement>) => {\n setQuery(event.target.value)\n setOpen(true)\n }}\n onFocus={() => setOpen(true)}\n onKeyDown={onKeyDown}\n adornment={<Icon name=\"SearchNormal\" />}\n placeholder={t('sidebar.searchPages')}\n aria-label={t('sidebar.searchPages')}\n autoComplete=\"off\"\n />\n {showList ? (\n <div className={styles.searchPanel}>\n <List role=\"listbox\">\n {results.map((page, i) => (\n <ListItem\n key={page.to}\n description={page.context}\n clickable\n selected={i === active}\n // keep the input focused through the click so blur doesn't close the list first\n onMouseDown={(event: MouseEvent) => event.preventDefault()}\n onMouseEnter={() => setActive(i)}\n onClick={() => go(page.to)}\n >\n {page.label}\n </ListItem>\n ))}\n </List>\n </div>\n ) : null}\n </div>\n )\n}\n\nfunction groupIsActive(group: NavGroup, pathname: string): boolean {\n if (group.to && pathname === group.to) return true\n return group.children?.some((leaf) => leaf.to === pathname) ?? false\n}\n\n/** A small \"New\"-style pill rendered on a menu row from `staticData.badge`. */\nfunction navBadge(text?: string) {\n return text ? <span className={styles.navBadge}>{text}</span> : null\n}\n\n/** A small colored dot indicator on a menu row from `staticData.dot`. */\nfunction navDot(color?: ThemeColor) {\n return color ? (\n <span className={styles.navDot} style={{ background: `var(--tz-color-${color})` }} />\n ) : null\n}\n\n/** The menu row's trailing slot: dot + badge + an optional chevron (omitted entirely when empty). */\nfunction navTrailing(badge?: string, dot?: ThemeColor, chevron?: ReactNode): ReactNode {\n if (badge == null && dot == null && chevron == null) return undefined\n return (\n <>\n {navBadge(badge)}\n {navDot(dot)}\n {chevron}\n </>\n )\n}\n\nfunction NavGroupItem({ group, pathname }: { group: NavGroup; pathname: string }) {\n const active = groupIsActive(group, pathname)\n const hasChildren = !!group.children?.length\n const [open, setOpen] = useState(active)\n\n // re-open when navigation makes this group active via a path the mount-time seed missed\n // (NavSearch, Breadcrumbs, back/forward) — collapsing an active group hides the current page\n useEffect(() => {\n if (active) setOpen(true)\n }, [active])\n\n // a plain level-2 page (no children) — just a link row\n if (!hasChildren && group.to) {\n return (\n <NavLink\n as={Link}\n to={group.to}\n icon={group.icon}\n selected={active}\n clickable\n trailing={navTrailing(group.badge, group.dot)}\n >\n {group.label}\n </NavLink>\n )\n }\n\n const chevron = (\n <Icon\n name=\"ArrowDown4\"\n size=\"sm\"\n className={styles.chevron}\n data-open={open ? 'true' : 'false'}\n />\n )\n\n return (\n <>\n {hasChildren && group.to ? (\n // \"Case B\": the row navigates (and expands); a separate chevron only toggles.\n <NavLink\n as={Link}\n to={group.to}\n icon={group.icon}\n selected={active}\n clickable\n onClick={() => setOpen(true)}\n trailing={navTrailing(\n group.badge,\n group.dot,\n <button\n type=\"button\"\n className={styles.chevronButton}\n aria-label={`${open ? 'Collapse' : 'Expand'} ${group.label}`}\n aria-expanded={open}\n onClick={(event: MouseEvent) => {\n event.preventDefault()\n event.stopPropagation()\n setOpen((o) => !o)\n }}\n >\n {chevron}\n </button>,\n )}\n >\n {group.label}\n </NavLink>\n ) : (\n // a pure container — the whole row toggles its children\n <ListItem\n icon={group.icon}\n selected={active}\n clickable\n aria-expanded={open}\n onClick={() => setOpen((o) => !o)}\n trailing={navTrailing(group.badge, group.dot, chevron)}\n >\n {group.label}\n </ListItem>\n )}\n {hasChildren ? (\n // smooth collapse, same grid-template-rows technique as Card\n <div className={clsx(styles.collapsible, !open && styles.collapsibleClosed)}>\n <div className={styles.collapsibleInner}>\n <List className={styles.leaves}>\n {group.children?.map((leaf) => (\n <NavLink\n key={leaf.to}\n as={Link}\n to={leaf.to}\n icon={<span className={styles.leafDot} />}\n selected={pathname === leaf.to}\n size=\"md\"\n clickable\n trailing={navTrailing(leaf.badge, leaf.dot)}\n >\n {leaf.label}\n </NavLink>\n ))}\n </List>\n </div>\n </div>\n ) : null}\n </>\n )\n}\n"],"names":["NavLink","ListItem","prettify","seg","w","trimSlashes","p","byOrderThenLabel","a","b","buildNavTree","routes","entries","route","sd","path","metaByPath","e","paths","isContainer","o","rawFullPaths","r","groupHasOwnPage","groupKey","chrome","key","modules","getModule","mod","c","topLinks","name","segs","group","l","g","useNavTree","router","useRouter","accessKeys","useAccessKeys","useMemo","_a","hasAccess","firstNavTo","tree","firstChild","useFirstNavTo","usePageTitle","matches","useRouterState","s","i","_b","navigablePaths","set","link","leaf","useBreadcrumbs","homeTo","navigable","items","match","full","FirstRouteRedirect","to","jsx","Navigate","Sidebar","links","pathname","jsxs","styles","List","Link","navTrailing","NavGroupItem","flattenPages","pages","MAX_SEARCH_RESULTS","NavSearch","t","useT","navigate","useNavigate","query","setQuery","useState","open","setOpen","active","setActive","rootRef","useRef","results","q","showList","useEffect","onDown","event","go","onKeyDown","hit","TextField","Icon","page","groupIsActive","navBadge","text","navDot","color","badge","dot","chevron","Fragment","hasChildren","clsx"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { createContext as H, useContext as J, forwardRef as k, useRef as D, useI
|
|
|
3
3
|
import { clsx as _ } from "clsx";
|
|
4
4
|
import { a as M } from "./names-D8ABK2Wk.js";
|
|
5
5
|
import { I as g } from "./Icon-CophpkHo.js";
|
|
6
|
-
import { I as P } from "./IconButton-
|
|
6
|
+
import { I as P } from "./IconButton-BZ2jJn_T.js";
|
|
7
7
|
import { T as X } from "./Tooltip-Cb_FKxT9.js";
|
|
8
8
|
const R = H(null);
|
|
9
9
|
function Y() {
|
|
@@ -162,4 +162,4 @@ export {
|
|
|
162
162
|
De as S,
|
|
163
163
|
me as a
|
|
164
164
|
};
|
|
165
|
-
//# sourceMappingURL=SpeedDial-
|
|
165
|
+
//# sourceMappingURL=SpeedDial-C3PnANAx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpeedDial-DgFj16BQ.js","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n /** Size for the action FABs. */\n size: SpeedDialActionSize\n /** Where each action's tooltip label sits (derived from the dial `direction`). */\n placement: TooltipPlacement\n /** Close the dial after an action is clicked. */\n closeOnClick: boolean\n /** Show every action's label persistently (no hover needed) while the dial is open. */\n persistentLabels: boolean\n /** Request the dial to close (called by an action on click). */\n requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'color'\n> {\n /** Action icon — a known `IconName` or any node. */\n icon: IconName | ReactNode\n /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n label?: ReactNode\n /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n tooltipOpen?: boolean\n /** Hide the tooltip / persistent label (still used for `aria-label`). */\n hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n function SpeedDialAction(\n { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n ref,\n ) {\n const dial = useSpeedDial()\n const iconNode =\n typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n const button = (\n <IconButton\n ref={ref}\n rounded\n variant=\"contained\"\n color=\"surface\"\n size={dial?.size ?? 'sm'}\n disabled={disabled}\n aria-label={typeof label === 'string' ? label : undefined}\n className={clsx(styles.action, className)}\n onClick={(event: MouseEvent<HTMLButtonElement>) => {\n onClick?.(event)\n if (dial?.closeOnClick) dial.requestClose()\n }}\n {...props}\n >\n {iconNode}\n </IconButton>\n )\n\n if (label == null || hideTooltip) return button\n\n const placement = dial?.placement ?? 'left'\n // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n if (persistent) {\n return (\n <span\n className={clsx(\n styles.actionWrap,\n placement === 'top' ? styles.labelTop : styles.labelLeft,\n )}\n >\n {button}\n <span className={styles.actionLabel}>{label}</span>\n </span>\n )\n }\n\n return (\n <Tooltip content={label} placement={placement}>\n {button}\n </Tooltip>\n )\n },\n)\n","import {\n forwardRef,\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type HTMLAttributes,\n type MouseEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n SpeedDialContext,\n type SpeedDialActionSize,\n type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n up: 'left',\n down: 'left',\n left: 'top',\n right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n /** Stable key (falls back to the index). */\n key?: string\n icon: IconName | ReactNode\n label?: ReactNode\n onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n /** Accessible label for the FAB (required — it's icon-only). */\n ariaLabel: string\n /** FAB icon. Defaults to `Add` (a `+`). */\n icon?: IconName | ReactNode\n /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n openIcon?: IconName | ReactNode\n /** Which way the actions fan out. Defaults to `up`. */\n direction?: SpeedDialDirection\n /** Theme palette token tinting the FAB. Defaults to `primary`. */\n color?: ThemeColor\n /** FAB size (actions render one step smaller). Defaults to `md`. */\n size?: SpeedDialSize\n /** Controlled open state. */\n open?: boolean\n /** Initial open state for uncontrolled use. Defaults to `false`. */\n defaultOpen?: boolean\n /** Fires with the next open state. */\n onOpenChange?: (open: boolean) => void\n /** Open on hover (also opens on click). Defaults to `true`. */\n openOnHover?: boolean\n /** Close the dial after an action is clicked. Defaults to `true`. */\n closeOnActionClick?: boolean\n /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n tooltipOpen?: boolean\n /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n actions?: SpeedDialActionItem[]\n /** Disables the FAB (and hover-opening). */\n disabled?: boolean\n /** `<SpeedDialAction>` children (used when `actions` is not given). */\n children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n {\n ariaLabel,\n icon = 'Add',\n openIcon,\n direction = 'up',\n color = 'primary',\n size = 'md',\n open,\n defaultOpen = false,\n onOpenChange,\n openOnHover = true,\n closeOnActionClick = true,\n tooltipOpen = false,\n actions,\n disabled = false,\n children,\n className,\n style,\n ...props\n },\n forwardedRef,\n) {\n const rootRef = useRef<HTMLDivElement | null>(null)\n const fabRef = useRef<HTMLButtonElement | null>(null)\n const actionsId = useId()\n\n const isControlled = open !== undefined\n const [internal, setInternal] = useState(defaultOpen)\n const isOpen = isControlled ? open : internal\n\n const setOpen = (next: boolean) => {\n if (!isControlled) setInternal(next)\n onOpenChange?.(next)\n }\n // keep a stable reference for the document listeners below\n const setOpenRef = useRef(setOpen)\n setOpenRef.current = setOpen\n\n // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n useEffect(() => {\n if (!isOpen) return\n const onPointerDown = (event: PointerEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n setOpenRef.current(false)\n }\n }\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setOpenRef.current(false)\n fabRef.current?.focus()\n }\n }\n document.addEventListener('pointerdown', onPointerDown)\n document.addEventListener('keydown', onKeyDown)\n return () => {\n document.removeEventListener('pointerdown', onPointerDown)\n document.removeEventListener('keydown', onKeyDown)\n }\n }, [isOpen])\n\n const setRootRef = (node: HTMLDivElement | null) => {\n rootRef.current = node\n if (typeof forwardedRef === 'function') forwardedRef(node)\n else if (forwardedRef) forwardedRef.current = node\n }\n\n const renderIcon = (value: IconName | ReactNode) =>\n typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n <Icon name={value as IconName} />\n ) : (\n value\n )\n\n const ctx: SpeedDialContextValue = {\n size: ACTION_SIZE[size],\n placement: TOOLTIP_PLACEMENT[direction],\n closeOnClick: closeOnActionClick,\n persistentLabels: tooltipOpen,\n requestClose: () => setOpen(false),\n }\n\n const hoverProps =\n openOnHover && !disabled\n ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n : {}\n\n return (\n <div\n ref={setRootRef}\n className={clsx(styles.speedDial, className)}\n style={style as CSSProperties}\n {...hoverProps}\n {...props}\n >\n <div\n id={actionsId}\n className={clsx(styles.actions, styles[direction])}\n data-open={isOpen ? 'true' : 'false'}\n >\n <SpeedDialContext.Provider value={ctx}>\n {actions\n ? actions.map((action, index) => (\n <SpeedDialAction\n key={action.key ?? index}\n icon={action.icon}\n label={action.label}\n onClick={action.onClick}\n disabled={action.disabled}\n />\n ))\n : children}\n </SpeedDialContext.Provider>\n </div>\n\n <IconButton\n ref={fabRef}\n rounded\n variant=\"contained\"\n color={color}\n size={size}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-controls={actionsId}\n className={styles.fab}\n onClick={() => setOpen(!isOpen)}\n >\n <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n </span>\n </IconButton>\n </div>\n )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SpeedDial-C3PnANAx.js","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n /** Size for the action FABs. */\n size: SpeedDialActionSize\n /** Where each action's tooltip label sits (derived from the dial `direction`). */\n placement: TooltipPlacement\n /** Close the dial after an action is clicked. */\n closeOnClick: boolean\n /** Show every action's label persistently (no hover needed) while the dial is open. */\n persistentLabels: boolean\n /** Request the dial to close (called by an action on click). */\n requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'color'\n> {\n /** Action icon — a known `IconName` or any node. */\n icon: IconName | ReactNode\n /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n label?: ReactNode\n /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n tooltipOpen?: boolean\n /** Hide the tooltip / persistent label (still used for `aria-label`). */\n hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n function SpeedDialAction(\n { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n ref,\n ) {\n const dial = useSpeedDial()\n const iconNode =\n typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n const button = (\n <IconButton\n ref={ref}\n rounded\n variant=\"contained\"\n color=\"surface\"\n size={dial?.size ?? 'sm'}\n disabled={disabled}\n aria-label={typeof label === 'string' ? label : undefined}\n className={clsx(styles.action, className)}\n onClick={(event: MouseEvent<HTMLButtonElement>) => {\n onClick?.(event)\n if (dial?.closeOnClick) dial.requestClose()\n }}\n {...props}\n >\n {iconNode}\n </IconButton>\n )\n\n if (label == null || hideTooltip) return button\n\n const placement = dial?.placement ?? 'left'\n // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n if (persistent) {\n return (\n <span\n className={clsx(\n styles.actionWrap,\n placement === 'top' ? styles.labelTop : styles.labelLeft,\n )}\n >\n {button}\n <span className={styles.actionLabel}>{label}</span>\n </span>\n )\n }\n\n return (\n <Tooltip content={label} placement={placement}>\n {button}\n </Tooltip>\n )\n },\n)\n","import {\n forwardRef,\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type HTMLAttributes,\n type MouseEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n SpeedDialContext,\n type SpeedDialActionSize,\n type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n up: 'left',\n down: 'left',\n left: 'top',\n right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n /** Stable key (falls back to the index). */\n key?: string\n icon: IconName | ReactNode\n label?: ReactNode\n onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n /** Accessible label for the FAB (required — it's icon-only). */\n ariaLabel: string\n /** FAB icon. Defaults to `Add` (a `+`). */\n icon?: IconName | ReactNode\n /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n openIcon?: IconName | ReactNode\n /** Which way the actions fan out. Defaults to `up`. */\n direction?: SpeedDialDirection\n /** Theme palette token tinting the FAB. Defaults to `primary`. */\n color?: ThemeColor\n /** FAB size (actions render one step smaller). Defaults to `md`. */\n size?: SpeedDialSize\n /** Controlled open state. */\n open?: boolean\n /** Initial open state for uncontrolled use. Defaults to `false`. */\n defaultOpen?: boolean\n /** Fires with the next open state. */\n onOpenChange?: (open: boolean) => void\n /** Open on hover (also opens on click). Defaults to `true`. */\n openOnHover?: boolean\n /** Close the dial after an action is clicked. Defaults to `true`. */\n closeOnActionClick?: boolean\n /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n tooltipOpen?: boolean\n /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n actions?: SpeedDialActionItem[]\n /** Disables the FAB (and hover-opening). */\n disabled?: boolean\n /** `<SpeedDialAction>` children (used when `actions` is not given). */\n children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n {\n ariaLabel,\n icon = 'Add',\n openIcon,\n direction = 'up',\n color = 'primary',\n size = 'md',\n open,\n defaultOpen = false,\n onOpenChange,\n openOnHover = true,\n closeOnActionClick = true,\n tooltipOpen = false,\n actions,\n disabled = false,\n children,\n className,\n style,\n ...props\n },\n forwardedRef,\n) {\n const rootRef = useRef<HTMLDivElement | null>(null)\n const fabRef = useRef<HTMLButtonElement | null>(null)\n const actionsId = useId()\n\n const isControlled = open !== undefined\n const [internal, setInternal] = useState(defaultOpen)\n const isOpen = isControlled ? open : internal\n\n const setOpen = (next: boolean) => {\n if (!isControlled) setInternal(next)\n onOpenChange?.(next)\n }\n // keep a stable reference for the document listeners below\n const setOpenRef = useRef(setOpen)\n setOpenRef.current = setOpen\n\n // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n useEffect(() => {\n if (!isOpen) return\n const onPointerDown = (event: PointerEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n setOpenRef.current(false)\n }\n }\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setOpenRef.current(false)\n fabRef.current?.focus()\n }\n }\n document.addEventListener('pointerdown', onPointerDown)\n document.addEventListener('keydown', onKeyDown)\n return () => {\n document.removeEventListener('pointerdown', onPointerDown)\n document.removeEventListener('keydown', onKeyDown)\n }\n }, [isOpen])\n\n const setRootRef = (node: HTMLDivElement | null) => {\n rootRef.current = node\n if (typeof forwardedRef === 'function') forwardedRef(node)\n else if (forwardedRef) forwardedRef.current = node\n }\n\n const renderIcon = (value: IconName | ReactNode) =>\n typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n <Icon name={value as IconName} />\n ) : (\n value\n )\n\n const ctx: SpeedDialContextValue = {\n size: ACTION_SIZE[size],\n placement: TOOLTIP_PLACEMENT[direction],\n closeOnClick: closeOnActionClick,\n persistentLabels: tooltipOpen,\n requestClose: () => setOpen(false),\n }\n\n const hoverProps =\n openOnHover && !disabled\n ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n : {}\n\n return (\n <div\n ref={setRootRef}\n className={clsx(styles.speedDial, className)}\n style={style as CSSProperties}\n {...hoverProps}\n {...props}\n >\n <div\n id={actionsId}\n className={clsx(styles.actions, styles[direction])}\n data-open={isOpen ? 'true' : 'false'}\n >\n <SpeedDialContext.Provider value={ctx}>\n {actions\n ? actions.map((action, index) => (\n <SpeedDialAction\n key={action.key ?? index}\n icon={action.icon}\n label={action.label}\n onClick={action.onClick}\n disabled={action.disabled}\n />\n ))\n : children}\n </SpeedDialContext.Provider>\n </div>\n\n <IconButton\n ref={fabRef}\n rounded\n variant=\"contained\"\n color={color}\n size={size}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-controls={actionsId}\n className={styles.fab}\n onClick={() => setOpen(!isOpen)}\n >\n <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n </span>\n </IconButton>\n </div>\n )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime"),o=require("react"),_=require("clsx"),A=require("./names-C2Yj1p3u.cjs"),C=require("./Icon-CXTl_QAP.cjs"),R=require("./IconButton-
|
|
2
|
-
//# sourceMappingURL=SpeedDial-
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),o=require("react"),_=require("clsx"),A=require("./names-C2Yj1p3u.cjs"),C=require("./Icon-CXTl_QAP.cjs"),R=require("./IconButton-ChUfK0pG.cjs"),G=require("./Tooltip-Ao7az09p.cjs"),M=o.createContext(null);function H(){return o.useContext(M)}const J="_speedDial_1qwl9_4",Q="_fab_1qwl9_9",U="_fabIcon_1qwl9_17",V="_fabIconOpen_1qwl9_21",X="_actions_1qwl9_26",Y="_up_1qwl9_47",ee="_down_1qwl9_53",te="_left_1qwl9_59",ne="_right_1qwl9_65",se="_action_1qwl9_26",oe="_actionWrap_1qwl9_91",ce="_actionLabel_1qwl9_95",re="_labelLeft_1qwl9_110",ae="_labelTop_1qwl9_117",s={speedDial:J,fab:Q,fabIcon:U,fabIconOpen:V,actions:X,up:Y,down:ee,left:te,right:ne,action:se,actionWrap:oe,actionLabel:ce,labelLeft:re,labelTop:ae},le=new Set(A.ICON_NAMES),k=o.forwardRef(function({icon:a,label:c,tooltipOpen:i,hideTooltip:b=!1,onClick:u,disabled:m,className:w,...I},f){const t=H(),N=typeof a=="string"&&le.has(a)?n.jsx(C.Icon,{name:a}):a,p=n.jsx(R.IconButton,{ref:f,rounded:!0,variant:"contained",color:"surface",size:(t==null?void 0:t.size)??"sm",disabled:m,"aria-label":typeof c=="string"?c:void 0,className:_.clsx(s.action,w),onClick:E=>{u==null||u(E),t!=null&&t.closeOnClick&&t.requestClose()},...I,children:N});if(c==null||b)return p;const d=(t==null?void 0:t.placement)??"left";return i??(t==null?void 0:t.persistentLabels)??!1?n.jsxs("span",{className:_.clsx(s.actionWrap,d==="top"?s.labelTop:s.labelLeft),children:[p,n.jsx("span",{className:s.actionLabel,children:c})]}):n.jsx(G.Tooltip,{content:c,placement:d,children:p})}),ie=new Set(A.ICON_NAMES),ue={sm:"sm",md:"sm",lg:"md"},fe={up:"left",down:"left",left:"top",right:"top"},pe=o.forwardRef(function({ariaLabel:a,icon:c="Add",openIcon:i,direction:b="up",color:u="primary",size:m="md",open:w,defaultOpen:I=!1,onOpenChange:f,openOnHover:t=!0,closeOnActionClick:N=!0,tooltipOpen:p=!1,actions:d,disabled:L=!1,children:E,className:P,style:W,...B},q){const S=o.useRef(null),j=o.useRef(null),v=o.useId(),O=w!==void 0,[z,K]=o.useState(I),r=O?w:z,l=e=>{O||K(e),f==null||f(e)},D=o.useRef(l);D.current=l,o.useEffect(()=>{if(!r)return;const e=h=>{S.current&&!S.current.contains(h.target)&&D.current(!1)},x=h=>{var y;h.key==="Escape"&&(D.current(!1),(y=j.current)==null||y.focus())};return document.addEventListener("pointerdown",e),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",x)}},[r]);const Z=e=>{S.current=e,typeof q=="function"?q(e):q&&(q.current=e)},T=e=>typeof e=="string"&&ie.has(e)?n.jsx(C.Icon,{name:e}):e,$={size:ue[m],placement:fe[b],closeOnClick:N,persistentLabels:p,requestClose:()=>l(!1)},F=t&&!L?{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1)}:{};return n.jsxs("div",{ref:Z,className:_.clsx(s.speedDial,P),style:W,...F,...B,children:[n.jsx("div",{id:v,className:_.clsx(s.actions,s[b]),"data-open":r?"true":"false",children:n.jsx(M.Provider,{value:$,children:d?d.map((e,x)=>n.jsx(k,{icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled},e.key??x)):E})}),n.jsx(R.IconButton,{ref:j,rounded:!0,variant:"contained",color:u,size:m,disabled:L,"aria-label":a,"aria-haspopup":"true","aria-expanded":r,"aria-controls":v,className:s.fab,onClick:()=>l(!r),children:n.jsx("span",{className:_.clsx(s.fabIcon,!i&&r&&s.fabIconOpen),children:r&&i!=null?T(i):T(c)})})]})});exports.SpeedDial=pe;exports.SpeedDialAction=k;
|
|
2
|
+
//# sourceMappingURL=SpeedDial-Dex0rF2z.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpeedDial-C4jxIXTr.cjs","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n /** Size for the action FABs. */\n size: SpeedDialActionSize\n /** Where each action's tooltip label sits (derived from the dial `direction`). */\n placement: TooltipPlacement\n /** Close the dial after an action is clicked. */\n closeOnClick: boolean\n /** Show every action's label persistently (no hover needed) while the dial is open. */\n persistentLabels: boolean\n /** Request the dial to close (called by an action on click). */\n requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'color'\n> {\n /** Action icon — a known `IconName` or any node. */\n icon: IconName | ReactNode\n /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n label?: ReactNode\n /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n tooltipOpen?: boolean\n /** Hide the tooltip / persistent label (still used for `aria-label`). */\n hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n function SpeedDialAction(\n { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n ref,\n ) {\n const dial = useSpeedDial()\n const iconNode =\n typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n const button = (\n <IconButton\n ref={ref}\n rounded\n variant=\"contained\"\n color=\"surface\"\n size={dial?.size ?? 'sm'}\n disabled={disabled}\n aria-label={typeof label === 'string' ? label : undefined}\n className={clsx(styles.action, className)}\n onClick={(event: MouseEvent<HTMLButtonElement>) => {\n onClick?.(event)\n if (dial?.closeOnClick) dial.requestClose()\n }}\n {...props}\n >\n {iconNode}\n </IconButton>\n )\n\n if (label == null || hideTooltip) return button\n\n const placement = dial?.placement ?? 'left'\n // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n if (persistent) {\n return (\n <span\n className={clsx(\n styles.actionWrap,\n placement === 'top' ? styles.labelTop : styles.labelLeft,\n )}\n >\n {button}\n <span className={styles.actionLabel}>{label}</span>\n </span>\n )\n }\n\n return (\n <Tooltip content={label} placement={placement}>\n {button}\n </Tooltip>\n )\n },\n)\n","import {\n forwardRef,\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type HTMLAttributes,\n type MouseEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n SpeedDialContext,\n type SpeedDialActionSize,\n type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n up: 'left',\n down: 'left',\n left: 'top',\n right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n /** Stable key (falls back to the index). */\n key?: string\n icon: IconName | ReactNode\n label?: ReactNode\n onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n /** Accessible label for the FAB (required — it's icon-only). */\n ariaLabel: string\n /** FAB icon. Defaults to `Add` (a `+`). */\n icon?: IconName | ReactNode\n /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n openIcon?: IconName | ReactNode\n /** Which way the actions fan out. Defaults to `up`. */\n direction?: SpeedDialDirection\n /** Theme palette token tinting the FAB. Defaults to `primary`. */\n color?: ThemeColor\n /** FAB size (actions render one step smaller). Defaults to `md`. */\n size?: SpeedDialSize\n /** Controlled open state. */\n open?: boolean\n /** Initial open state for uncontrolled use. Defaults to `false`. */\n defaultOpen?: boolean\n /** Fires with the next open state. */\n onOpenChange?: (open: boolean) => void\n /** Open on hover (also opens on click). Defaults to `true`. */\n openOnHover?: boolean\n /** Close the dial after an action is clicked. Defaults to `true`. */\n closeOnActionClick?: boolean\n /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n tooltipOpen?: boolean\n /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n actions?: SpeedDialActionItem[]\n /** Disables the FAB (and hover-opening). */\n disabled?: boolean\n /** `<SpeedDialAction>` children (used when `actions` is not given). */\n children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n {\n ariaLabel,\n icon = 'Add',\n openIcon,\n direction = 'up',\n color = 'primary',\n size = 'md',\n open,\n defaultOpen = false,\n onOpenChange,\n openOnHover = true,\n closeOnActionClick = true,\n tooltipOpen = false,\n actions,\n disabled = false,\n children,\n className,\n style,\n ...props\n },\n forwardedRef,\n) {\n const rootRef = useRef<HTMLDivElement | null>(null)\n const fabRef = useRef<HTMLButtonElement | null>(null)\n const actionsId = useId()\n\n const isControlled = open !== undefined\n const [internal, setInternal] = useState(defaultOpen)\n const isOpen = isControlled ? open : internal\n\n const setOpen = (next: boolean) => {\n if (!isControlled) setInternal(next)\n onOpenChange?.(next)\n }\n // keep a stable reference for the document listeners below\n const setOpenRef = useRef(setOpen)\n setOpenRef.current = setOpen\n\n // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n useEffect(() => {\n if (!isOpen) return\n const onPointerDown = (event: PointerEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n setOpenRef.current(false)\n }\n }\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setOpenRef.current(false)\n fabRef.current?.focus()\n }\n }\n document.addEventListener('pointerdown', onPointerDown)\n document.addEventListener('keydown', onKeyDown)\n return () => {\n document.removeEventListener('pointerdown', onPointerDown)\n document.removeEventListener('keydown', onKeyDown)\n }\n }, [isOpen])\n\n const setRootRef = (node: HTMLDivElement | null) => {\n rootRef.current = node\n if (typeof forwardedRef === 'function') forwardedRef(node)\n else if (forwardedRef) forwardedRef.current = node\n }\n\n const renderIcon = (value: IconName | ReactNode) =>\n typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n <Icon name={value as IconName} />\n ) : (\n value\n )\n\n const ctx: SpeedDialContextValue = {\n size: ACTION_SIZE[size],\n placement: TOOLTIP_PLACEMENT[direction],\n closeOnClick: closeOnActionClick,\n persistentLabels: tooltipOpen,\n requestClose: () => setOpen(false),\n }\n\n const hoverProps =\n openOnHover && !disabled\n ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n : {}\n\n return (\n <div\n ref={setRootRef}\n className={clsx(styles.speedDial, className)}\n style={style as CSSProperties}\n {...hoverProps}\n {...props}\n >\n <div\n id={actionsId}\n className={clsx(styles.actions, styles[direction])}\n data-open={isOpen ? 'true' : 'false'}\n >\n <SpeedDialContext.Provider value={ctx}>\n {actions\n ? actions.map((action, index) => (\n <SpeedDialAction\n key={action.key ?? index}\n icon={action.icon}\n label={action.label}\n onClick={action.onClick}\n disabled={action.disabled}\n />\n ))\n : children}\n </SpeedDialContext.Provider>\n </div>\n\n <IconButton\n ref={fabRef}\n rounded\n variant=\"contained\"\n color={color}\n size={size}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-controls={actionsId}\n className={styles.fab}\n onClick={() => setOpen(!isOpen)}\n >\n <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n </span>\n </IconButton>\n </div>\n )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SpeedDial-Dex0rF2z.cjs","sources":["../src/components/SpeedDial/speedDialContext.ts","../src/components/SpeedDial/SpeedDialAction.tsx","../src/components/SpeedDial/SpeedDial.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { TooltipPlacement } from '../Tooltip'\n\n/** Action button size — one step smaller than the dial's FAB. */\nexport type SpeedDialActionSize = 'sm' | 'md' | 'lg'\n\n/** Shared state a `<SpeedDial>` hands down to its `<SpeedDialAction>` children via context. */\nexport interface SpeedDialContextValue {\n /** Size for the action FABs. */\n size: SpeedDialActionSize\n /** Where each action's tooltip label sits (derived from the dial `direction`). */\n placement: TooltipPlacement\n /** Close the dial after an action is clicked. */\n closeOnClick: boolean\n /** Show every action's label persistently (no hover needed) while the dial is open. */\n persistentLabels: boolean\n /** Request the dial to close (called by an action on click). */\n requestClose: () => void\n}\n\nexport const SpeedDialContext = createContext<SpeedDialContextValue | null>(null)\n\n/** Read the surrounding `<SpeedDial>` (or `null` when an action is rendered standalone). */\nexport function useSpeedDial(): SpeedDialContextValue | null {\n return useContext(SpeedDialContext)\n}\n","import { forwardRef, type ButtonHTMLAttributes, type MouseEvent, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Tooltip } from '../Tooltip'\nimport { useSpeedDial } from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface SpeedDialActionProps extends Omit<\n ButtonHTMLAttributes<HTMLButtonElement>,\n 'color'\n> {\n /** Action icon — a known `IconName` or any node. */\n icon: IconName | ReactNode\n /** Label shown as a tooltip beside the action (also its `aria-label` when a string). */\n label?: ReactNode\n /** Show the label persistently (no hover) while the dial is open — overrides the dial's `tooltipOpen`. */\n tooltipOpen?: boolean\n /** Hide the tooltip / persistent label (still used for `aria-label`). */\n hideTooltip?: boolean\n}\n\n/**\n * One action inside a `<SpeedDial>` — a small circular `IconButton` (surface-tinted) with a tooltip\n * `label`. It reads the dial via context for its size, tooltip placement and close-on-click; clicking\n * runs `onClick` then closes the dial. The ref points at the `<button>`.\n */\nexport const SpeedDialAction = forwardRef<HTMLButtonElement, SpeedDialActionProps>(\n function SpeedDialAction(\n { icon, label, tooltipOpen, hideTooltip = false, onClick, disabled, className, ...props },\n ref,\n ) {\n const dial = useSpeedDial()\n const iconNode =\n typeof icon === 'string' && ICON_NAME_SET.has(icon) ? <Icon name={icon as IconName} /> : icon\n\n const button = (\n <IconButton\n ref={ref}\n rounded\n variant=\"contained\"\n color=\"surface\"\n size={dial?.size ?? 'sm'}\n disabled={disabled}\n aria-label={typeof label === 'string' ? label : undefined}\n className={clsx(styles.action, className)}\n onClick={(event: MouseEvent<HTMLButtonElement>) => {\n onClick?.(event)\n if (dial?.closeOnClick) dial.requestClose()\n }}\n {...props}\n >\n {iconNode}\n </IconButton>\n )\n\n if (label == null || hideTooltip) return button\n\n const placement = dial?.placement ?? 'left'\n // persistent label: render a static label beside the button (no hover) — like MUI's tooltipOpen\n const persistent = tooltipOpen ?? dial?.persistentLabels ?? false\n if (persistent) {\n return (\n <span\n className={clsx(\n styles.actionWrap,\n placement === 'top' ? styles.labelTop : styles.labelLeft,\n )}\n >\n {button}\n <span className={styles.actionLabel}>{label}</span>\n </span>\n )\n }\n\n return (\n <Tooltip content={label} placement={placement}>\n {button}\n </Tooltip>\n )\n },\n)\n","import {\n forwardRef,\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type HTMLAttributes,\n type MouseEvent,\n type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport type { ThemeColor } from '../../theme'\nimport type { TooltipPlacement } from '../Tooltip'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { SpeedDialAction } from './SpeedDialAction'\nimport {\n SpeedDialContext,\n type SpeedDialActionSize,\n type SpeedDialContextValue,\n} from './speedDialContext'\nimport styles from './SpeedDial.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type SpeedDialSize = 'sm' | 'md' | 'lg'\nexport type SpeedDialDirection = 'up' | 'down' | 'left' | 'right'\n\n/** The FAB size → the (smaller) action-button size. */\nconst ACTION_SIZE: Record<SpeedDialSize, SpeedDialActionSize> = { sm: 'sm', md: 'sm', lg: 'md' }\n/** Tooltip side per direction — labels sit left of a vertical dial, above a horizontal one. */\nconst TOOLTIP_PLACEMENT: Record<SpeedDialDirection, TooltipPlacement> = {\n up: 'left',\n down: 'left',\n left: 'top',\n right: 'top',\n}\n\n/** A data-driven action for the `actions` prop. */\nexport interface SpeedDialActionItem {\n /** Stable key (falls back to the index). */\n key?: string\n icon: IconName | ReactNode\n label?: ReactNode\n onClick?: (event: MouseEvent<HTMLButtonElement>) => void\n disabled?: boolean\n}\n\nexport interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'onChange'> {\n /** Accessible label for the FAB (required — it's icon-only). */\n ariaLabel: string\n /** FAB icon. Defaults to `Add` (a `+`). */\n icon?: IconName | ReactNode\n /** Icon shown while open. Omit to rotate the `icon` 45° instead (a `+` becomes a `×`). */\n openIcon?: IconName | ReactNode\n /** Which way the actions fan out. Defaults to `up`. */\n direction?: SpeedDialDirection\n /** Theme palette token tinting the FAB. Defaults to `primary`. */\n color?: ThemeColor\n /** FAB size (actions render one step smaller). Defaults to `md`. */\n size?: SpeedDialSize\n /** Controlled open state. */\n open?: boolean\n /** Initial open state for uncontrolled use. Defaults to `false`. */\n defaultOpen?: boolean\n /** Fires with the next open state. */\n onOpenChange?: (open: boolean) => void\n /** Open on hover (also opens on click). Defaults to `true`. */\n openOnHover?: boolean\n /** Close the dial after an action is clicked. Defaults to `true`. */\n closeOnActionClick?: boolean\n /** Show every action's label persistently while open (no hover needed) — like MUI's `tooltipOpen`. */\n tooltipOpen?: boolean\n /** Data-driven actions — an alternative to `<SpeedDialAction>` children. */\n actions?: SpeedDialActionItem[]\n /** Disables the FAB (and hover-opening). */\n disabled?: boolean\n /** `<SpeedDialAction>` children (used when `actions` is not given). */\n children?: ReactNode\n}\n\n/**\n * A floating action button that reveals a set of related actions on hover / click — fanning out in\n * `direction` (`up` default). The FAB icon rotates 45° when open (a `+` → `×`) unless an `openIcon` is\n * given. Each `<SpeedDialAction>` is a small circular button with a tooltip label; supply them via the\n * data-driven `actions` prop or as children. Opens on hover (`openOnHover`) and click; closes on\n * outside-pointerdown, Escape (refocusing the FAB), or selecting an action. Controlled (`open` +\n * `onOpenChange`) or uncontrolled (`defaultOpen`). The ref points at the root; position it (e.g.\n * `fixed` bottom-right) via `style`/`className`. The FAB carries `aria-expanded`/`aria-controls`.\n */\nexport const SpeedDial = forwardRef<HTMLDivElement, SpeedDialProps>(function SpeedDial(\n {\n ariaLabel,\n icon = 'Add',\n openIcon,\n direction = 'up',\n color = 'primary',\n size = 'md',\n open,\n defaultOpen = false,\n onOpenChange,\n openOnHover = true,\n closeOnActionClick = true,\n tooltipOpen = false,\n actions,\n disabled = false,\n children,\n className,\n style,\n ...props\n },\n forwardedRef,\n) {\n const rootRef = useRef<HTMLDivElement | null>(null)\n const fabRef = useRef<HTMLButtonElement | null>(null)\n const actionsId = useId()\n\n const isControlled = open !== undefined\n const [internal, setInternal] = useState(defaultOpen)\n const isOpen = isControlled ? open : internal\n\n const setOpen = (next: boolean) => {\n if (!isControlled) setInternal(next)\n onOpenChange?.(next)\n }\n // keep a stable reference for the document listeners below\n const setOpenRef = useRef(setOpen)\n setOpenRef.current = setOpen\n\n // while open: close on outside pointerdown / Escape (Escape refocuses the FAB)\n useEffect(() => {\n if (!isOpen) return\n const onPointerDown = (event: PointerEvent) => {\n if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n setOpenRef.current(false)\n }\n }\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setOpenRef.current(false)\n fabRef.current?.focus()\n }\n }\n document.addEventListener('pointerdown', onPointerDown)\n document.addEventListener('keydown', onKeyDown)\n return () => {\n document.removeEventListener('pointerdown', onPointerDown)\n document.removeEventListener('keydown', onKeyDown)\n }\n }, [isOpen])\n\n const setRootRef = (node: HTMLDivElement | null) => {\n rootRef.current = node\n if (typeof forwardedRef === 'function') forwardedRef(node)\n else if (forwardedRef) forwardedRef.current = node\n }\n\n const renderIcon = (value: IconName | ReactNode) =>\n typeof value === 'string' && ICON_NAME_SET.has(value) ? (\n <Icon name={value as IconName} />\n ) : (\n value\n )\n\n const ctx: SpeedDialContextValue = {\n size: ACTION_SIZE[size],\n placement: TOOLTIP_PLACEMENT[direction],\n closeOnClick: closeOnActionClick,\n persistentLabels: tooltipOpen,\n requestClose: () => setOpen(false),\n }\n\n const hoverProps =\n openOnHover && !disabled\n ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) }\n : {}\n\n return (\n <div\n ref={setRootRef}\n className={clsx(styles.speedDial, className)}\n style={style as CSSProperties}\n {...hoverProps}\n {...props}\n >\n <div\n id={actionsId}\n className={clsx(styles.actions, styles[direction])}\n data-open={isOpen ? 'true' : 'false'}\n >\n <SpeedDialContext.Provider value={ctx}>\n {actions\n ? actions.map((action, index) => (\n <SpeedDialAction\n key={action.key ?? index}\n icon={action.icon}\n label={action.label}\n onClick={action.onClick}\n disabled={action.disabled}\n />\n ))\n : children}\n </SpeedDialContext.Provider>\n </div>\n\n <IconButton\n ref={fabRef}\n rounded\n variant=\"contained\"\n color={color}\n size={size}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-controls={actionsId}\n className={styles.fab}\n onClick={() => setOpen(!isOpen)}\n >\n <span className={clsx(styles.fabIcon, !openIcon && isOpen && styles.fabIconOpen)}>\n {isOpen && openIcon != null ? renderIcon(openIcon) : renderIcon(icon)}\n </span>\n </IconButton>\n </div>\n )\n})\n"],"names":["SpeedDialContext","createContext","useSpeedDial","useContext","ICON_NAME_SET","ICON_NAMES","SpeedDialAction","forwardRef","icon","label","tooltipOpen","hideTooltip","onClick","disabled","className","props","ref","dial","iconNode","jsx","Icon","button","IconButton","clsx","styles","event","placement","jsxs","Tooltip","ACTION_SIZE","TOOLTIP_PLACEMENT","SpeedDial","ariaLabel","openIcon","direction","color","size","open","defaultOpen","onOpenChange","openOnHover","closeOnActionClick","actions","children","style","forwardedRef","rootRef","useRef","fabRef","actionsId","useId","isControlled","internal","setInternal","useState","isOpen","setOpen","next","setOpenRef","useEffect","onPointerDown","onKeyDown","_a","setRootRef","node","renderIcon","value","ctx","hoverProps","action","index"],"mappings":"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"}
|