boreal-ui 0.0.73 → 0.0.75
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/core/{Avatar-Ct2kXkNR.js → Avatar-CHatDRhp.js} +2 -2
- package/dist/core/{Avatar-Ct2kXkNR.js.map → Avatar-CHatDRhp.js.map} +1 -1
- package/dist/core/Avatar.js +1 -1
- package/dist/core/{Badge-BOd5dF4l.js → Badge-DwWiN50f.js} +2 -2
- package/dist/core/{Badge-BOd5dF4l.js.map → Badge-DwWiN50f.js.map} +1 -1
- package/dist/core/Badge.js +1 -1
- package/dist/core/{Breadcrumbs-C1Z59ffV.js → Breadcrumbs-kbOyaea6.js} +3 -3
- package/dist/core/{Breadcrumbs-C1Z59ffV.js.map → Breadcrumbs-kbOyaea6.js.map} +1 -1
- package/dist/core/Breadcrumbs.js +1 -1
- package/dist/core/{Button-IALg9VKr.js → Button-CneoIlVV.js} +2 -2
- package/dist/core/{Button-IALg9VKr.js.map → Button-CneoIlVV.js.map} +1 -1
- package/dist/core/Button.js +1 -1
- package/dist/core/{Card-dazG4EK1.js → Card-CZY1qzwZ.js} +4 -4
- package/dist/core/{Card-dazG4EK1.js.map → Card-CZY1qzwZ.js.map} +1 -1
- package/dist/core/Card.js +1 -1
- package/dist/core/CheckBox.js +1 -1
- package/dist/core/{Checkbox-DmMDTc5Z.js → Checkbox-BuFcBJb9.js} +2 -2
- package/dist/core/{Checkbox-DmMDTc5Z.js.map → Checkbox-BuFcBJb9.js.map} +1 -1
- package/dist/core/{Chip-DSBIjvJZ.js → Chip-DoRSxZKk.js} +3 -3
- package/dist/core/{Chip-DSBIjvJZ.js.map → Chip-DoRSxZKk.js.map} +1 -1
- package/dist/core/Chip.js +1 -1
- package/dist/core/{CommandPalette-BBjIib6T.js → CommandPalette-0uVG4iR2.js} +3 -3
- package/dist/core/{CommandPalette-BBjIib6T.js.map → CommandPalette-0uVG4iR2.js.map} +1 -1
- package/dist/core/CommandPalette.js +1 -1
- package/dist/core/{DateTimePicker-u2p4sBbR.js → DateTimePicker-wO_P5Ab1.js} +2 -2
- package/dist/core/{DateTimePicker-u2p4sBbR.js.map → DateTimePicker-wO_P5Ab1.js.map} +1 -1
- package/dist/core/DateTimePicker.js +1 -1
- package/dist/core/{Dropdown-BGJ8mGhg.js → Dropdown-BEPGhf-i.js} +3 -3
- package/dist/core/{Dropdown-BGJ8mGhg.js.map → Dropdown-BEPGhf-i.js.map} +1 -1
- package/dist/core/Dropdown.js +1 -1
- package/dist/core/{EmptyState-CCSPIDo3.js → EmptyState-CM7nlKER.js} +3 -3
- package/dist/core/{EmptyState-CCSPIDo3.js.map → EmptyState-CM7nlKER.js.map} +1 -1
- package/dist/core/EmptyState.js +1 -1
- package/dist/core/{FileUpload-BWjOciA3.js → FileUpload-CPZetlXM.js} +5 -5
- package/dist/core/{FileUpload-BWjOciA3.js.map → FileUpload-CPZetlXM.js.map} +1 -1
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/{Footer-CkSzN_PI.js → Footer-Q_60pe6o.js} +5 -5
- package/dist/core/{Footer-CkSzN_PI.js.map → Footer-Q_60pe6o.js.map} +1 -1
- package/dist/core/Footer.js +1 -1
- package/dist/core/{IconButton-ChJJCB4O.js → IconButton-By8zuXrs.js} +2 -2
- package/dist/core/{IconButton-ChJJCB4O.js.map → IconButton-By8zuXrs.js.map} +1 -1
- package/dist/core/IconButton.js +1 -1
- package/dist/core/{MessagePopup-D6xuwdAv.js → MessagePopup-D6ljI_rQ.js} +3 -3
- package/dist/core/{MessagePopup-D6xuwdAv.js.map → MessagePopup-D6ljI_rQ.js.map} +1 -1
- package/dist/core/MessagePopup.js +1 -1
- package/dist/core/{MetricBox-BlkBoGCL.js → MetricBox-DTn2x1vz.js} +2 -2
- package/dist/core/{MetricBox-BlkBoGCL.js.map → MetricBox-DTn2x1vz.js.map} +1 -1
- package/dist/core/MetricBox.js +1 -1
- package/dist/core/{Modal-DhpY3Kt6.cjs → Modal-B9FXClBr.cjs} +4 -4
- package/dist/core/Modal-B9FXClBr.cjs.map +1 -0
- package/dist/core/{Modal-DVz_GNOL.js → Modal-CW8jt0lU.js} +5 -5
- package/dist/core/Modal-CW8jt0lU.js.map +1 -0
- package/dist/core/Modal.cjs.js +1 -1
- package/dist/core/Modal.js +1 -1
- package/dist/core/{NotificationCenter-MTRIDmMm.js → NotificationCenter-DA-WGPP9.js} +3 -3
- package/dist/core/{NotificationCenter-MTRIDmMm.js.map → NotificationCenter-DA-WGPP9.js.map} +1 -1
- package/dist/core/NotificationCenter.js +1 -1
- package/dist/core/{Pager-B2MEqAOV.js → Pager-B4hyIUdo.js} +4 -4
- package/dist/core/{Pager-B2MEqAOV.js.map → Pager-B4hyIUdo.js.map} +1 -1
- package/dist/core/Pager-wl7_umU4.cjs.map +1 -1
- package/dist/core/Pager.js +1 -1
- package/dist/core/{PopOver-lRqOHUJg.js → PopOver-DCuqGQ_j.js} +2 -2
- package/dist/core/{PopOver-lRqOHUJg.js.map → PopOver-DCuqGQ_j.js.map} +1 -1
- package/dist/core/PopOver.js +1 -1
- package/dist/core/{ProgressBar-pVPs5lsA.js → ProgressBar-BxzX6yn1.js} +2 -2
- package/dist/core/{ProgressBar-pVPs5lsA.js.map → ProgressBar-BxzX6yn1.js.map} +1 -1
- package/dist/core/ProgressBar.js +1 -1
- package/dist/core/{Select-CeyJGftD.js → Select-BXIz5BbU.js} +2 -2
- package/dist/core/{Select-CeyJGftD.js.map → Select-BXIz5BbU.js.map} +1 -1
- package/dist/core/Select.js +1 -1
- package/dist/core/{Sidebar-BWzuQw-r.js → Sidebar-Bi7elIRO.js} +2 -2
- package/dist/core/{Sidebar-BWzuQw-r.js.map → Sidebar-Bi7elIRO.js.map} +1 -1
- package/dist/core/Sidebar.js +1 -1
- package/dist/core/{Slider-Dxcryk5j.js → Slider-CW11kjMv.js} +2 -2
- package/dist/core/{Slider-Dxcryk5j.js.map → Slider-CW11kjMv.js.map} +1 -1
- package/dist/core/Slider.js +1 -1
- package/dist/core/{Stepper-SDJM-Jju.js → Stepper-CLfy0_gZ.js} +3 -3
- package/dist/core/{Stepper-SDJM-Jju.js.map → Stepper-CLfy0_gZ.js.map} +1 -1
- package/dist/core/Stepper.js +1 -1
- package/dist/core/{Tabs-B4HRqGuB.js → Tabs-DBqWn9j9.js} +2 -2
- package/dist/core/{Tabs-B4HRqGuB.js.map → Tabs-DBqWn9j9.js.map} +1 -1
- package/dist/core/Tabs.js +1 -1
- package/dist/core/{TagInput-CcuMIlmi.js → TagInput-YieWARAt.js} +4 -4
- package/dist/core/{TagInput-CcuMIlmi.js.map → TagInput-YieWARAt.js.map} +1 -1
- package/dist/core/TagInput.js +1 -1
- package/dist/core/{TextArea-Ufou1zw1.js → TextArea-CLLK5k18.js} +2 -2
- package/dist/core/{TextArea-Ufou1zw1.js.map → TextArea-CLLK5k18.js.map} +1 -1
- package/dist/core/TextArea.js +1 -1
- package/dist/core/{TextInput-BaiDGrKw.js → TextInput-Bc2YpcvM.js} +3 -3
- package/dist/core/{TextInput-BaiDGrKw.js.map → TextInput-Bc2YpcvM.js.map} +1 -1
- package/dist/core/TextInput.js +1 -1
- package/dist/core/{ThemeContext-nYSJ_G6L.js → ThemeContext-zE_shsx6.js} +3 -3
- package/dist/{next/ThemeContext-nYSJ_G6L.js.map → core/ThemeContext-zE_shsx6.js.map} +1 -1
- package/dist/core/ThemeProvider.js +3 -3
- package/dist/core/{Timeline-BRLd8boJ.js → Timeline-5mzFplzB.js} +2 -2
- package/dist/core/{Timeline-BRLd8boJ.js.map → Timeline-5mzFplzB.js.map} +1 -1
- package/dist/core/Timeline.js +1 -1
- package/dist/core/{Toggle-DL0Nhwgr.js → Toggle-DCK1KtP5.js} +2 -2
- package/dist/core/{Toggle-DL0Nhwgr.js.map → Toggle-DCK1KtP5.js.map} +1 -1
- package/dist/core/Toggle.js +1 -1
- package/dist/core/{Toolbar-fSghH1_-.js → Toolbar-DLgQqPBh.js} +3 -3
- package/dist/core/{Toolbar-fSghH1_-.js.map → Toolbar-DLgQqPBh.js.map} +1 -1
- package/dist/core/Toolbar.js +1 -1
- package/dist/core/{Tooltip-wKNLA3ua.js → Tooltip-Dua_3tqJ.js} +2 -2
- package/dist/core/{Tooltip-wKNLA3ua.js.map → Tooltip-Dua_3tqJ.js.map} +1 -1
- package/dist/core/Tooltip.js +1 -1
- package/dist/core/Typography-D0hPzK5Y.js.map +1 -1
- package/dist/core/Typography-DdTiWRgQ.cjs.map +1 -1
- package/dist/core/index.cjs.js +8481 -1
- package/dist/core/index.cjs.js.map +1 -1
- package/dist/core/index.js +8517 -37
- package/dist/core/index.js.map +1 -1
- package/dist/next/{Avatar-iZKOY9MH.cjs → Avatar-DL_juTQA.cjs} +3 -3
- package/dist/next/{Avatar-iZKOY9MH.cjs.map → Avatar-DL_juTQA.cjs.map} +1 -1
- package/dist/next/{Avatar-CiFxswSP.js → Avatar-nnjhILk-.js} +4 -4
- package/dist/next/{Avatar-CiFxswSP.js.map → Avatar-nnjhILk-.js.map} +1 -1
- package/dist/next/Avatar.cjs.js +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/{Badge-WP2DFssv.js → Badge-uyqxj7ag.js} +2 -2
- package/dist/next/{Badge-WP2DFssv.js.map → Badge-uyqxj7ag.js.map} +1 -1
- package/dist/next/Badge.js +1 -1
- package/dist/next/{Breadcrumbs-CV5iM8BP.cjs → Breadcrumbs-CuvOmgFe.cjs} +3 -3
- package/dist/next/{Breadcrumbs-CV5iM8BP.cjs.map → Breadcrumbs-CuvOmgFe.cjs.map} +1 -1
- package/dist/next/{Breadcrumbs-B60a5DUy.js → Breadcrumbs-D0AmJB4U.js} +4 -4
- package/dist/next/{Breadcrumbs-B60a5DUy.js.map → Breadcrumbs-D0AmJB4U.js.map} +1 -1
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-DMCOgi4K.cjs → Button-BZmph-Qr.cjs} +2 -2
- package/dist/next/{Button-DMCOgi4K.cjs.map → Button-BZmph-Qr.cjs.map} +1 -1
- package/dist/next/{Button-BfgUzkgN.js → Button-DWpImTmr.js} +3 -3
- package/dist/next/{Button-BfgUzkgN.js.map → Button-DWpImTmr.js.map} +1 -1
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-CSFC7mpW.js → Card-DnZOsQLP.js} +5 -5
- package/dist/next/{Card-CSFC7mpW.js.map → Card-DnZOsQLP.js.map} +1 -1
- package/dist/next/{Card-0Pm8Vjjn.cjs → Card-oPTXIvsb.cjs} +4 -4
- package/dist/next/{Card-0Pm8Vjjn.cjs.map → Card-oPTXIvsb.cjs.map} +1 -1
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/CheckBox.js +1 -1
- package/dist/next/{Checkbox-BlWHxhjw.js → Checkbox-CRg5oEdB.js} +2 -2
- package/dist/next/{Checkbox-BlWHxhjw.js.map → Checkbox-CRg5oEdB.js.map} +1 -1
- package/dist/next/{Chip-CuaKFQku.js → Chip-Cg7khsSn.js} +3 -3
- package/dist/next/{Chip-CuaKFQku.js.map → Chip-Cg7khsSn.js.map} +1 -1
- package/dist/next/{Chip-CB1mcRA1.cjs → Chip-DpMTNARP.cjs} +2 -2
- package/dist/next/{Chip-CB1mcRA1.cjs.map → Chip-DpMTNARP.cjs.map} +1 -1
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CommandPalette-BQEJG5yN.cjs → CommandPalette-BvjlLE14.cjs} +2 -2
- package/dist/next/{CommandPalette-BQEJG5yN.cjs.map → CommandPalette-BvjlLE14.cjs.map} +1 -1
- package/dist/next/{CommandPalette-Cxx3Ey9J.js → CommandPalette-D6R9_gmo.js} +3 -3
- package/dist/next/{CommandPalette-Cxx3Ey9J.js.map → CommandPalette-D6R9_gmo.js.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DateTimePicker-CdPvr6Mc.js → DateTimePicker-DB2exnHd.js} +2 -2
- package/dist/next/{DateTimePicker-CdPvr6Mc.js.map → DateTimePicker-DB2exnHd.js.map} +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{Dropdown-79ZIBUjB.js → Dropdown-B7PgWHlY.js} +3 -3
- package/dist/next/{Dropdown-79ZIBUjB.js.map → Dropdown-B7PgWHlY.js.map} +1 -1
- package/dist/next/{Dropdown-BfvCn_20.cjs → Dropdown-kQLhr7_M.cjs} +2 -2
- package/dist/next/{Dropdown-BfvCn_20.cjs.map → Dropdown-kQLhr7_M.cjs.map} +1 -1
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-Dy1Xeyzp.cjs → EmptyState-BH1X81TH.cjs} +2 -2
- package/dist/next/{EmptyState-Dy1Xeyzp.cjs.map → EmptyState-BH1X81TH.cjs.map} +1 -1
- package/dist/next/{EmptyState-oXCSBosz.js → EmptyState-DCCDQWOQ.js} +3 -3
- package/dist/next/{EmptyState-oXCSBosz.js.map → EmptyState-DCCDQWOQ.js.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-qiY8YpDz.js → FileUpload-BQW5ol7P.js} +5 -5
- package/dist/next/{FileUpload-qiY8YpDz.js.map → FileUpload-BQW5ol7P.js.map} +1 -1
- package/dist/next/{FileUpload-C1DVXFK7.cjs → FileUpload-C9Ke2cTs.cjs} +3 -3
- package/dist/next/{FileUpload-C1DVXFK7.cjs.map → FileUpload-C9Ke2cTs.cjs.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-DIPBB0is.js → Footer-Dl_wQwsb.js} +7 -7
- package/dist/next/{Footer-DIPBB0is.js.map → Footer-Dl_wQwsb.js.map} +1 -1
- package/dist/next/{Footer-4L7pu4Gp.cjs → Footer-i9rgxATK.cjs} +4 -4
- package/dist/next/{Footer-4L7pu4Gp.cjs.map → Footer-i9rgxATK.cjs.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{IconButton-C4OC99ig.cjs → IconButton-4ySBEhn1.cjs} +2 -2
- package/dist/next/{IconButton-C4OC99ig.cjs.map → IconButton-4ySBEhn1.cjs.map} +1 -1
- package/dist/next/{IconButton-CNiln4Qf.js → IconButton-BWw3WPaS.js} +3 -3
- package/dist/next/{IconButton-CNiln4Qf.js.map → IconButton-BWw3WPaS.js.map} +1 -1
- package/dist/next/IconButton.cjs.js +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/{MessagePopup-BscnzqBa.js → MessagePopup-DIrdAeyg.js} +3 -3
- package/dist/next/{MessagePopup-BscnzqBa.js.map → MessagePopup-DIrdAeyg.js.map} +1 -1
- package/dist/next/{MessagePopup-lIFn7LZ2.cjs → MessagePopup-D_gZy6eH.cjs} +3 -3
- package/dist/next/{MessagePopup-lIFn7LZ2.cjs.map → MessagePopup-D_gZy6eH.cjs.map} +1 -1
- package/dist/next/MessagePopup.cjs.js +1 -1
- package/dist/next/MessagePopup.js +1 -1
- package/dist/next/{MetricBox-Br-_66aB.js → MetricBox-D9-RmZoy.js} +2 -2
- package/dist/next/{MetricBox-Br-_66aB.js.map → MetricBox-D9-RmZoy.js.map} +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-Baxb-_FV.cjs → Modal-D7hNuMII.cjs} +5 -5
- package/dist/next/Modal-D7hNuMII.cjs.map +1 -0
- package/dist/next/{Modal-ClsOP_6R.js → Modal-Dre8TMtr.js} +5 -5
- package/dist/next/Modal-Dre8TMtr.js.map +1 -0
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{NavBar-BXnGlk49.cjs → NavBar-d-Hx7gkg.cjs} +3 -3
- package/dist/next/{NavBar-BXnGlk49.cjs.map → NavBar-d-Hx7gkg.cjs.map} +1 -1
- package/dist/next/{NavBar-Bmf1C-io.js → NavBar-dpbPYT0w.js} +3 -3
- package/dist/next/{NavBar-Bmf1C-io.js.map → NavBar-dpbPYT0w.js.map} +1 -1
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-BrXxvcLm.js → NotificationCenter-BrAzv2oD.js} +3 -3
- package/dist/next/{NotificationCenter-BrXxvcLm.js.map → NotificationCenter-BrAzv2oD.js.map} +1 -1
- package/dist/next/{NotificationCenter-XcbhUqkh.cjs → NotificationCenter-JIX-pouI.cjs} +3 -3
- package/dist/next/{NotificationCenter-XcbhUqkh.cjs.map → NotificationCenter-JIX-pouI.cjs.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-Dq-KkMmi.js → Pager-DFKfUn1s.js} +4 -4
- package/dist/next/{Pager-Dq-KkMmi.js.map → Pager-DFKfUn1s.js.map} +1 -1
- package/dist/next/{Pager-DesOcELM.cjs → Pager-DcibmVu1.cjs} +3 -3
- package/dist/next/{Pager-DesOcELM.cjs.map → Pager-DcibmVu1.cjs.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-Dp_vC53_.js → PopOver-CUON_Abe.js} +2 -2
- package/dist/next/{PopOver-Dp_vC53_.js.map → PopOver-CUON_Abe.js.map} +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{ProgressBar-Bf_ZzYzI.js → ProgressBar-CMYDs8uL.js} +2 -2
- package/dist/next/{ProgressBar-Bf_ZzYzI.js.map → ProgressBar-CMYDs8uL.js.map} +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{Select-DPL__SwJ.js → Select-b8fO1q2K.js} +2 -2
- package/dist/next/{Select-DPL__SwJ.js.map → Select-b8fO1q2K.js.map} +1 -1
- package/dist/next/Select.js +1 -1
- package/dist/next/{Sidebar-CWjyCeQj.js → Sidebar-BwW51HwF.js} +4 -4
- package/dist/next/{Sidebar-CWjyCeQj.js.map → Sidebar-BwW51HwF.js.map} +1 -1
- package/dist/next/{Sidebar-BXmF-Nl2.cjs → Sidebar-U5BQKtKR.cjs} +3 -3
- package/dist/next/{Sidebar-BXmF-Nl2.cjs.map → Sidebar-U5BQKtKR.cjs.map} +1 -1
- package/dist/next/Sidebar.cjs.js +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/{Slider-BC9XlsEQ.js → Slider-DOGkUQYT.js} +2 -2
- package/dist/next/{Slider-BC9XlsEQ.js.map → Slider-DOGkUQYT.js.map} +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/{Stepper-P9DL0HZW.cjs → Stepper-C0cNzpY8.cjs} +2 -2
- package/dist/next/{Stepper-P9DL0HZW.cjs.map → Stepper-C0cNzpY8.cjs.map} +1 -1
- package/dist/next/{Stepper-CTd99d_F.js → Stepper-CSh2wccK.js} +3 -3
- package/dist/next/{Stepper-CTd99d_F.js.map → Stepper-CSh2wccK.js.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{Tabs-tZjEVd-U.js → Tabs-Dors0bVs.js} +2 -2
- package/dist/next/{Tabs-tZjEVd-U.js.map → Tabs-Dors0bVs.js.map} +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/{TagInput-CXvw8ogs.js → TagInput-V3zvXcNq.js} +4 -4
- package/dist/next/{TagInput-CXvw8ogs.js.map → TagInput-V3zvXcNq.js.map} +1 -1
- package/dist/next/{TagInput-DldSDmHu.cjs → TagInput-ceV9Jjqe.cjs} +3 -3
- package/dist/next/{TagInput-DldSDmHu.cjs.map → TagInput-ceV9Jjqe.cjs.map} +1 -1
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextArea-CWscnEZW.js → TextArea-BSO1_gaS.js} +2 -2
- package/dist/next/{TextArea-CWscnEZW.js.map → TextArea-BSO1_gaS.js.map} +1 -1
- package/dist/next/TextArea.js +1 -1
- package/dist/next/{TextInput-cfBWD6de.cjs → TextInput-7nN8g78V.cjs} +2 -2
- package/dist/next/{TextInput-cfBWD6de.cjs.map → TextInput-7nN8g78V.cjs.map} +1 -1
- package/dist/next/{TextInput-3ZD3ccXf.js → TextInput-yUHEWbdK.js} +3 -3
- package/dist/next/{TextInput-3ZD3ccXf.js.map → TextInput-yUHEWbdK.js.map} +1 -1
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/{ThemeContext-nYSJ_G6L.js → ThemeContext-zE_shsx6.js} +3 -3
- package/dist/{core/ThemeContext-nYSJ_G6L.js.map → next/ThemeContext-zE_shsx6.js.map} +1 -1
- package/dist/next/ThemeProvider.js +3 -3
- package/dist/next/{Timeline-Bd6k_2az.js → Timeline-BTsKMULd.js} +2 -2
- package/dist/next/{Timeline-Bd6k_2az.js.map → Timeline-BTsKMULd.js.map} +1 -1
- package/dist/next/Timeline.js +1 -1
- package/dist/next/{Toggle-Bl8weXv8.js → Toggle-BomUbOZa.js} +2 -2
- package/dist/next/{Toggle-Bl8weXv8.js.map → Toggle-BomUbOZa.js.map} +1 -1
- package/dist/next/Toggle.js +1 -1
- package/dist/next/{Toolbar-DyzNvwQv.js → Toolbar-Be-YQqmX.js} +3 -3
- package/dist/next/{Toolbar-DyzNvwQv.js.map → Toolbar-Be-YQqmX.js.map} +1 -1
- package/dist/next/{Toolbar-s0krbHKU.cjs → Toolbar-roQbIEcD.cjs} +2 -2
- package/dist/next/{Toolbar-s0krbHKU.cjs.map → Toolbar-roQbIEcD.cjs.map} +1 -1
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/{Tooltip-Ba5YWT7r.js → Tooltip-lxpnIfpO.js} +2 -2
- package/dist/next/{Tooltip-Ba5YWT7r.js.map → Tooltip-lxpnIfpO.js.map} +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/Typography-B6VNZtxH.cjs.map +1 -1
- package/dist/next/Typography-BdS7h4Eq.js.map +1 -1
- package/dist/next/{image-B9PuwflE.js → image-CvorlI3C.js} +76 -24
- package/dist/next/image-CvorlI3C.js.map +1 -0
- package/dist/next/{image-Bo_vHlt1.cjs → image-DuTgdWOV.cjs} +76 -24
- package/dist/next/image-DuTgdWOV.cjs.map +1 -0
- package/dist/next/index.cjs.js +8501 -21
- package/dist/next/index.cjs.js.map +1 -1
- package/dist/next/index.js +8518 -38
- package/dist/next/index.js.map +1 -1
- package/dist/next/{link-CyxHztrS.js → link-4NcriBFB.js} +57 -15
- package/dist/next/link-4NcriBFB.js.map +1 -0
- package/dist/next/{link-B1N-q38H.cjs → link-CenftYXJ.cjs} +56 -14
- package/dist/next/link-CenftYXJ.cjs.map +1 -0
- package/dist/next/{navigation-C2hD8Jlk.js → navigation-BCeRD3ib.js} +2128 -87
- package/dist/next/navigation-BCeRD3ib.js.map +1 -0
- package/dist/next/{navigation-C3npGZmO.cjs → navigation-DtjMH66C.cjs} +2128 -87
- package/dist/next/navigation-DtjMH66C.cjs.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Modal/Modal.types.d.ts +3 -3
- package/dist/types/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/Pager/Pager.types.d.ts +2 -2
- package/dist/types/components/Pager/Pager.types.d.ts.map +1 -1
- package/dist/types/components/Pager/core/Pager.d.ts +2 -2
- package/dist/types/components/Pager/core/Pager.d.ts.map +1 -1
- package/dist/types/components/Pager/next/Pager.d.ts +2 -2
- package/dist/types/components/Pager/next/Pager.d.ts.map +1 -1
- package/dist/types/components/Typography/Typography.types.d.ts +2 -2
- package/dist/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/dist/types/components/Typography/core/Typography.d.ts +1 -2
- package/dist/types/components/Typography/core/Typography.d.ts.map +1 -1
- package/dist/types/components/Typography/next/Typography.d.ts +1 -2
- package/dist/types/components/Typography/next/Typography.d.ts.map +1 -1
- package/dist/types/generated-docs/Accordion.props.d.ts +7 -0
- package/dist/types/generated-docs/Accordion.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Avatar.props.d.ts +7 -0
- package/dist/types/generated-docs/Avatar.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Badge.props.d.ts +7 -0
- package/dist/types/generated-docs/Badge.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Breadcrumbs.props.d.ts +7 -0
- package/dist/types/generated-docs/Breadcrumbs.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Button.props.d.ts +7 -0
- package/dist/types/generated-docs/Button.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Card.props.d.ts +7 -0
- package/dist/types/generated-docs/Card.props.d.ts.map +1 -0
- package/dist/types/generated-docs/CheckBox.props.d.ts +7 -0
- package/dist/types/generated-docs/CheckBox.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Chip.props.d.ts +7 -0
- package/dist/types/generated-docs/Chip.props.d.ts.map +1 -0
- package/dist/types/generated-docs/ChipGroup.props.d.ts +7 -0
- package/dist/types/generated-docs/ChipGroup.props.d.ts.map +1 -0
- package/dist/types/generated-docs/CircularProgress.props.d.ts +7 -0
- package/dist/types/generated-docs/CircularProgress.props.d.ts.map +1 -0
- package/dist/types/generated-docs/ColorPicker.props.d.ts +7 -0
- package/dist/types/generated-docs/ColorPicker.props.d.ts.map +1 -0
- package/dist/types/generated-docs/CommandPalette.props.d.ts +7 -0
- package/dist/types/generated-docs/CommandPalette.props.d.ts.map +1 -0
- package/dist/types/generated-docs/DataTable.props.d.ts +7 -0
- package/dist/types/generated-docs/DataTable.props.d.ts.map +1 -0
- package/dist/types/generated-docs/DateTimePicker.props.d.ts +7 -0
- package/dist/types/generated-docs/DateTimePicker.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Divider.props.d.ts +7 -0
- package/dist/types/generated-docs/Divider.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Dropdown.props.d.ts +7 -0
- package/dist/types/generated-docs/Dropdown.props.d.ts.map +1 -0
- package/dist/types/generated-docs/EmptyState.props.d.ts +7 -0
- package/dist/types/generated-docs/EmptyState.props.d.ts.map +1 -0
- package/dist/types/generated-docs/FileUpload.props.d.ts +7 -0
- package/dist/types/generated-docs/FileUpload.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Footer.props.d.ts +7 -0
- package/dist/types/generated-docs/Footer.props.d.ts.map +1 -0
- package/dist/types/generated-docs/FormGroup.props.d.ts +7 -0
- package/dist/types/generated-docs/FormGroup.props.d.ts.map +1 -0
- package/dist/types/generated-docs/IconButton.props.d.ts +7 -0
- package/dist/types/generated-docs/IconButton.props.d.ts.map +1 -0
- package/dist/types/generated-docs/MarkdownRenderer.props.d.ts +7 -0
- package/dist/types/generated-docs/MarkdownRenderer.props.d.ts.map +1 -0
- package/dist/types/generated-docs/MessagePopup.props.d.ts +7 -0
- package/dist/types/generated-docs/MessagePopup.props.d.ts.map +1 -0
- package/dist/types/generated-docs/MetricBox.props.d.ts +7 -0
- package/dist/types/generated-docs/MetricBox.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Modal.props.d.ts +7 -0
- package/dist/types/generated-docs/Modal.props.d.ts.map +1 -0
- package/dist/types/generated-docs/NavBar.props.d.ts +7 -0
- package/dist/types/generated-docs/NavBar.props.d.ts.map +1 -0
- package/dist/types/generated-docs/NotificationCenter.props.d.ts +7 -0
- package/dist/types/generated-docs/NotificationCenter.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Pager.props.d.ts +7 -0
- package/dist/types/generated-docs/Pager.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Popover.props.d.ts +7 -0
- package/dist/types/generated-docs/Popover.props.d.ts.map +1 -0
- package/dist/types/generated-docs/ProgressBar.props.d.ts +7 -0
- package/dist/types/generated-docs/ProgressBar.props.d.ts.map +1 -0
- package/dist/types/generated-docs/RadioButton.props.d.ts +7 -0
- package/dist/types/generated-docs/RadioButton.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Rating.props.d.ts +7 -0
- package/dist/types/generated-docs/Rating.props.d.ts.map +1 -0
- package/dist/types/generated-docs/ScrollToTop.props.d.ts +7 -0
- package/dist/types/generated-docs/ScrollToTop.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Select.props.d.ts +7 -0
- package/dist/types/generated-docs/Select.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Sidebar.props.d.ts +7 -0
- package/dist/types/generated-docs/Sidebar.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Skeleton.props.d.ts +7 -0
- package/dist/types/generated-docs/Skeleton.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Slider.props.d.ts +7 -0
- package/dist/types/generated-docs/Slider.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Spinner.props.d.ts +7 -0
- package/dist/types/generated-docs/Spinner.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Stepper.props.d.ts +7 -0
- package/dist/types/generated-docs/Stepper.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Tabs.props.d.ts +7 -0
- package/dist/types/generated-docs/Tabs.props.d.ts.map +1 -0
- package/dist/types/generated-docs/TagInput.props.d.ts +7 -0
- package/dist/types/generated-docs/TagInput.props.d.ts.map +1 -0
- package/dist/types/generated-docs/TextArea.props.d.ts +7 -0
- package/dist/types/generated-docs/TextArea.props.d.ts.map +1 -0
- package/dist/types/generated-docs/TextInput.props.d.ts +7 -0
- package/dist/types/generated-docs/TextInput.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Timeline.props.d.ts +7 -0
- package/dist/types/generated-docs/Timeline.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Toggle.props.d.ts +7 -0
- package/dist/types/generated-docs/Toggle.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Toolbar.props.d.ts +7 -0
- package/dist/types/generated-docs/Toolbar.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Tooltip.props.d.ts +7 -0
- package/dist/types/generated-docs/Tooltip.props.d.ts.map +1 -0
- package/dist/types/generated-docs/Typography.props.d.ts +7 -0
- package/dist/types/generated-docs/Typography.props.d.ts.map +1 -0
- package/dist/types/generated-docs/index.d.ts +54 -0
- package/dist/types/generated-docs/index.d.ts.map +1 -0
- package/dist/types/generated-docs/types.d.ts +20 -0
- package/dist/types/generated-docs/types.d.ts.map +1 -0
- package/dist/types/index.core.d.ts +1 -0
- package/dist/types/index.core.d.ts.map +1 -1
- package/dist/types/index.next.d.ts +1 -0
- package/dist/types/index.next.d.ts.map +1 -1
- package/package.json +14 -2
- package/dist/core/Modal-DVz_GNOL.js.map +0 -1
- package/dist/core/Modal-DhpY3Kt6.cjs.map +0 -1
- package/dist/next/Modal-Baxb-_FV.cjs.map +0 -1
- package/dist/next/Modal-ClsOP_6R.js.map +0 -1
- package/dist/next/image-B9PuwflE.js.map +0 -1
- package/dist/next/image-Bo_vHlt1.cjs.map +0 -1
- package/dist/next/link-B1N-q38H.cjs.map +0 -1
- package/dist/next/link-CyxHztrS.js.map +0 -1
- package/dist/next/navigation-C2hD8Jlk.js.map +0 -1
- package/dist/next/navigation-C3npGZmO.cjs.map +0 -1
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
|
|
3
|
-
import {
|
|
3
|
+
import { c as getDefaultSize, d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
|
|
4
4
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
5
5
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { B as Button } from "./Button-
|
|
8
|
-
import { I as IconButton } from "./IconButton-
|
|
7
|
+
import { B as Button } from "./Button-CneoIlVV.js";
|
|
8
|
+
import { I as IconButton } from "./IconButton-By8zuXrs.js";
|
|
9
9
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(
|
|
10
10
|
"svg",
|
|
11
11
|
{
|
|
@@ -222,4 +222,4 @@ Pager.displayName = "Pager";
|
|
|
222
222
|
export {
|
|
223
223
|
Pager as P
|
|
224
224
|
};
|
|
225
|
-
//# sourceMappingURL=Pager-
|
|
225
|
+
//# sourceMappingURL=Pager-B4hyIUdo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-B2MEqAOV.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BasePagerProps } from \"./Pager.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"aria-label\": ariaLabel = \"Pagination\",\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"page-list-aria-label\": pageListAriaLabel = \"Page list\",\r\n \"previous-button-aria-label\": previousButtonAriaLabel = \"Go to previous page\",\r\n \"next-button-aria-label\": nextButtonAriaLabel = \"Go to next page\",\r\n getPageAriaLabel = (pageNumber, isActive) =>\r\n isActive ? `Current page, page ${pageNumber}` : `Go to page ${pageNumber}`,\r\n getLiveRegionMessage = (activePage, totalPages) =>\r\n `Page ${activePage} of ${totalPages}`,\r\n liveRegionAriaLive = \"polite\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const perPage = Math.max(1, itemsPerPage || 1);\r\n const totalPages = Math.max(1, Math.ceil(totalItems / perPage));\r\n const page = Math.min(Math.max(1, currentPage || 1), totalPages);\r\n\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n const goTo = (p: number) => {\r\n const clamped = Math.min(Math.max(1, p), totalPages);\r\n if (clamped !== page) onPageChange(clamped);\r\n };\r\n\r\n const wrapperClass = combineClassNames(classMap.wrapper, className);\r\n\r\n const buttonBaseClass = combineClassNames(\r\n classMap.button,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n );\r\n\r\n const liveRegionId = `${testId}-status`;\r\n\r\n return (\r\n <nav\r\n aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={ariaDescribedBy ?? liveRegionId}\r\n className={wrapperClass}\r\n data-testid={testId}\r\n >\r\n <p\r\n id={liveRegionId}\r\n className=\"sr_only\"\r\n aria-live={liveRegionAriaLive}\r\n aria-atomic=\"true\"\r\n data-testid={`${testId}-status`}\r\n >\r\n {getLiveRegionMessage(page, totalPages)}\r\n </p>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={page <= 1}\r\n aria-label={previousButtonAriaLabel}\r\n title=\"Previous page\"\r\n onClick={() => goTo(page - 1)}\r\n aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n data-testid={`${testId}-prev`}\r\n type=\"button\"\r\n />\r\n </div>\r\n\r\n <ul\r\n id={`${testId}-page-list`}\r\n className={classMap.controls}\r\n aria-label={pageListAriaLabel}\r\n data-testid={`${testId}-page-list`}\r\n >\r\n {serverControlled ? (\r\n <li\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => goTo(page)}\r\n aria-label={getPageAriaLabel(page, true)}\r\n aria-current=\"page\"\r\n aria-describedby={liveRegionId}\r\n disabled\r\n className={combineClassNames(buttonBaseClass, classMap.active)}\r\n data-testid={`${testId}-button-${page}`}\r\n type=\"button\"\r\n >\r\n {page}\r\n </Button>\r\n </li>\r\n ) : (\r\n pages.map((p) => {\r\n const isActive = p === page;\r\n\r\n return (\r\n <li\r\n key={p}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${p}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => goTo(p)}\r\n aria-label={getPageAriaLabel(p, isActive)}\r\n aria-current={isActive ? \"page\" : undefined}\r\n aria-describedby={isActive ? liveRegionId : undefined}\r\n disabled={isActive}\r\n className={combineClassNames(\r\n buttonBaseClass,\r\n isActive && classMap.active,\r\n )}\r\n data-testid={`${testId}-button-${p}`}\r\n type=\"button\"\r\n >\r\n {p}\r\n </Button>\r\n </li>\r\n );\r\n })\r\n )}\r\n </ul>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={page >= totalPages}\r\n aria-label={nextButtonAriaLabel}\r\n title=\"Next page\"\r\n onClick={() => goTo(page + 1)}\r\n aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n data-testid={`${testId}-next`}\r\n type=\"button\"\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nBasePager.displayName = \"BasePager\";\r\nexport default BasePager;\r\n","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n wrapper: \"pagination\",\r\n controls: \"pagination_controls\",\r\n controlButton: \"pagination_control_button\",\r\n buttonWrapper: \"pagination_button_wrapper\",\r\n button: \"pagination_button\",\r\n active: \"pagination_active\",\r\n};\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Pager-B4hyIUdo.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BasePagerProps } from \"./Pager.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"aria-label\": ariaLabel = \"Pagination\",\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"page-list-aria-label\": pageListAriaLabel = \"Page list\",\r\n \"previous-button-aria-label\": previousButtonAriaLabel = \"Go to previous page\",\r\n \"next-button-aria-label\": nextButtonAriaLabel = \"Go to next page\",\r\n getPageAriaLabel = (pageNumber, isActive) =>\r\n isActive ? `Current page, page ${pageNumber}` : `Go to page ${pageNumber}`,\r\n getLiveRegionMessage = (activePage, totalPages) =>\r\n `Page ${activePage} of ${totalPages}`,\r\n liveRegionAriaLive = \"polite\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const perPage = Math.max(1, itemsPerPage || 1);\r\n const totalPages = Math.max(1, Math.ceil(totalItems / perPage));\r\n const page = Math.min(Math.max(1, currentPage || 1), totalPages);\r\n\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n const goTo = (p: number) => {\r\n const clamped = Math.min(Math.max(1, p), totalPages);\r\n if (clamped !== page) onPageChange(clamped);\r\n };\r\n\r\n const wrapperClass = combineClassNames(classMap.wrapper, className);\r\n\r\n const buttonBaseClass = combineClassNames(\r\n classMap.button,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n );\r\n\r\n const liveRegionId = `${testId}-status`;\r\n\r\n return (\r\n <nav\r\n aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={ariaDescribedBy ?? liveRegionId}\r\n className={wrapperClass}\r\n data-testid={testId}\r\n >\r\n <p\r\n id={liveRegionId}\r\n className=\"sr_only\"\r\n aria-live={liveRegionAriaLive}\r\n aria-atomic=\"true\"\r\n data-testid={`${testId}-status`}\r\n >\r\n {getLiveRegionMessage(page, totalPages)}\r\n </p>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={page <= 1}\r\n aria-label={previousButtonAriaLabel}\r\n title=\"Previous page\"\r\n onClick={() => goTo(page - 1)}\r\n aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n data-testid={`${testId}-prev`}\r\n type=\"button\"\r\n />\r\n </div>\r\n\r\n <ul\r\n id={`${testId}-page-list`}\r\n className={classMap.controls}\r\n aria-label={pageListAriaLabel}\r\n data-testid={`${testId}-page-list`}\r\n >\r\n {serverControlled ? (\r\n <li\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => goTo(page)}\r\n aria-label={getPageAriaLabel(page, true)}\r\n aria-current=\"page\"\r\n aria-describedby={liveRegionId}\r\n disabled\r\n className={combineClassNames(buttonBaseClass, classMap.active)}\r\n data-testid={`${testId}-button-${page}`}\r\n type=\"button\"\r\n >\r\n {page}\r\n </Button>\r\n </li>\r\n ) : (\r\n pages.map((p) => {\r\n const isActive = p === page;\r\n\r\n return (\r\n <li\r\n key={p}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${p}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => goTo(p)}\r\n aria-label={getPageAriaLabel(p, isActive)}\r\n aria-current={isActive ? \"page\" : undefined}\r\n aria-describedby={isActive ? liveRegionId : undefined}\r\n disabled={isActive}\r\n className={combineClassNames(\r\n buttonBaseClass,\r\n isActive && classMap.active,\r\n )}\r\n data-testid={`${testId}-button-${p}`}\r\n type=\"button\"\r\n >\r\n {p}\r\n </Button>\r\n </li>\r\n );\r\n })\r\n )}\r\n </ul>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={page >= totalPages}\r\n aria-label={nextButtonAriaLabel}\r\n title=\"Next page\"\r\n onClick={() => goTo(page + 1)}\r\n aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n data-testid={`${testId}-next`}\r\n type=\"button\"\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nBasePager.displayName = \"BasePager\";\r\nexport default BasePager;\r\n","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PagerProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n wrapper: \"pagination\",\r\n controls: \"pagination_controls\",\r\n controlButton: \"pagination_control_button\",\r\n buttonWrapper: \"pagination_button_wrapper\",\r\n button: \"pagination_button\",\r\n active: \"pagination_active\",\r\n};\r\n\r\nconst Pager: React.FC<PagerProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-wl7_umU4.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BasePagerProps } from \"./Pager.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"aria-label\": ariaLabel = \"Pagination\",\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"page-list-aria-label\": pageListAriaLabel = \"Page list\",\r\n \"previous-button-aria-label\": previousButtonAriaLabel = \"Go to previous page\",\r\n \"next-button-aria-label\": nextButtonAriaLabel = \"Go to next page\",\r\n getPageAriaLabel = (pageNumber, isActive) =>\r\n isActive ? `Current page, page ${pageNumber}` : `Go to page ${pageNumber}`,\r\n getLiveRegionMessage = (activePage, totalPages) =>\r\n `Page ${activePage} of ${totalPages}`,\r\n liveRegionAriaLive = \"polite\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const perPage = Math.max(1, itemsPerPage || 1);\r\n const totalPages = Math.max(1, Math.ceil(totalItems / perPage));\r\n const page = Math.min(Math.max(1, currentPage || 1), totalPages);\r\n\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n const goTo = (p: number) => {\r\n const clamped = Math.min(Math.max(1, p), totalPages);\r\n if (clamped !== page) onPageChange(clamped);\r\n };\r\n\r\n const wrapperClass = combineClassNames(classMap.wrapper, className);\r\n\r\n const buttonBaseClass = combineClassNames(\r\n classMap.button,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n );\r\n\r\n const liveRegionId = `${testId}-status`;\r\n\r\n return (\r\n <nav\r\n aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={ariaDescribedBy ?? liveRegionId}\r\n className={wrapperClass}\r\n data-testid={testId}\r\n >\r\n <p\r\n id={liveRegionId}\r\n className=\"sr_only\"\r\n aria-live={liveRegionAriaLive}\r\n aria-atomic=\"true\"\r\n data-testid={`${testId}-status`}\r\n >\r\n {getLiveRegionMessage(page, totalPages)}\r\n </p>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={page <= 1}\r\n aria-label={previousButtonAriaLabel}\r\n title=\"Previous page\"\r\n onClick={() => goTo(page - 1)}\r\n aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n data-testid={`${testId}-prev`}\r\n type=\"button\"\r\n />\r\n </div>\r\n\r\n <ul\r\n id={`${testId}-page-list`}\r\n className={classMap.controls}\r\n aria-label={pageListAriaLabel}\r\n data-testid={`${testId}-page-list`}\r\n >\r\n {serverControlled ? (\r\n <li\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => goTo(page)}\r\n aria-label={getPageAriaLabel(page, true)}\r\n aria-current=\"page\"\r\n aria-describedby={liveRegionId}\r\n disabled\r\n className={combineClassNames(buttonBaseClass, classMap.active)}\r\n data-testid={`${testId}-button-${page}`}\r\n type=\"button\"\r\n >\r\n {page}\r\n </Button>\r\n </li>\r\n ) : (\r\n pages.map((p) => {\r\n const isActive = p === page;\r\n\r\n return (\r\n <li\r\n key={p}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${p}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => goTo(p)}\r\n aria-label={getPageAriaLabel(p, isActive)}\r\n aria-current={isActive ? \"page\" : undefined}\r\n aria-describedby={isActive ? liveRegionId : undefined}\r\n disabled={isActive}\r\n className={combineClassNames(\r\n buttonBaseClass,\r\n isActive && classMap.active,\r\n )}\r\n data-testid={`${testId}-button-${p}`}\r\n type=\"button\"\r\n >\r\n {p}\r\n </Button>\r\n </li>\r\n );\r\n })\r\n )}\r\n </ul>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={page >= totalPages}\r\n aria-label={nextButtonAriaLabel}\r\n title=\"Next page\"\r\n onClick={() => goTo(page + 1)}\r\n aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n data-testid={`${testId}-next`}\r\n type=\"button\"\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nBasePager.displayName = \"BasePager\";\r\nexport default BasePager;\r\n","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n wrapper: \"pagination\",\r\n controls: \"pagination_controls\",\r\n controlButton: \"pagination_control_button\",\r\n buttonWrapper: \"pagination_button_wrapper\",\r\n button: \"pagination_button\",\r\n active: \"pagination_active\",\r\n};\r\n\r\nconst Pager: React.FC<PaginationProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","combineClassNames","capitalize","jsxs","ArrowRightIcon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Pager-wl7_umU4.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/core/Pager.tsx"],"sourcesContent":["const ArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n <svg\r\n width=\"24px\"\r\n height=\"24px\"\r\n viewBox=\"0 0 24 24\"\r\n strokeWidth=\"1.5\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n color=\"currentColor\"\r\n {...props}\r\n >\r\n <path\r\n fillRule=\"evenodd\"\r\n clipRule=\"evenodd\"\r\n d=\"M15.287 18.6929C15.5673 18.5768 15.75 18.3033 15.75 18V5.99998C15.75 5.69663 15.5673 5.42315 15.287 5.30707C15.0068 5.19098 14.6842 5.25515 14.4697 5.46965L8.46967 11.4696C8.17678 11.7625 8.17678 12.2374 8.46967 12.5303L14.4697 18.5303C14.6842 18.7448 15.0068 18.809 15.287 18.6929Z\"\r\n fill=\"currentColor\"\r\n ></path>\r\n </svg>\r\n);\r\n\r\nexport default ArrowLeftIcon;\r\n","import React from \"react\";\r\nimport { ArrowLeftIcon, ArrowRightIcon } from \"../../Icons\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BasePagerProps } from \"./Pager.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\n\r\nconst BasePager: React.FC<BasePagerProps> = ({\r\n totalItems,\r\n itemsPerPage,\r\n currentPage,\r\n serverControlled = false,\r\n onPageChange,\r\n className = \"\",\r\n size = getDefaultSize(),\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n \"aria-label\": ariaLabel = \"Pagination\",\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"page-list-aria-label\": pageListAriaLabel = \"Page list\",\r\n \"previous-button-aria-label\": previousButtonAriaLabel = \"Go to previous page\",\r\n \"next-button-aria-label\": nextButtonAriaLabel = \"Go to next page\",\r\n getPageAriaLabel = (pageNumber, isActive) =>\r\n isActive ? `Current page, page ${pageNumber}` : `Go to page ${pageNumber}`,\r\n getLiveRegionMessage = (activePage, totalPages) =>\r\n `Page ${activePage} of ${totalPages}`,\r\n liveRegionAriaLive = \"polite\",\r\n \"data-testid\": testId = \"pager\",\r\n Button,\r\n IconButton,\r\n classMap,\r\n}) => {\r\n const perPage = Math.max(1, itemsPerPage || 1);\r\n const totalPages = Math.max(1, Math.ceil(totalItems / perPage));\r\n const page = Math.min(Math.max(1, currentPage || 1), totalPages);\r\n\r\n const pages = serverControlled\r\n ? []\r\n : Array.from({ length: totalPages }, (_, i) => i + 1);\r\n\r\n const goTo = (p: number) => {\r\n const clamped = Math.min(Math.max(1, p), totalPages);\r\n if (clamped !== page) onPageChange(clamped);\r\n };\r\n\r\n const wrapperClass = combineClassNames(classMap.wrapper, className);\r\n\r\n const buttonBaseClass = combineClassNames(\r\n classMap.button,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n );\r\n\r\n const liveRegionId = `${testId}-status`;\r\n\r\n return (\r\n <nav\r\n aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={ariaDescribedBy ?? liveRegionId}\r\n className={wrapperClass}\r\n data-testid={testId}\r\n >\r\n <p\r\n id={liveRegionId}\r\n className=\"sr_only\"\r\n aria-live={liveRegionAriaLive}\r\n aria-atomic=\"true\"\r\n data-testid={`${testId}-status`}\r\n >\r\n {getLiveRegionMessage(page, totalPages)}\r\n </p>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowLeftIcon}\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n shadow={shadow}\r\n rounding={rounding}\r\n className={classMap.controlButton}\r\n disabled={page <= 1}\r\n aria-label={previousButtonAriaLabel}\r\n title=\"Previous page\"\r\n onClick={() => goTo(page - 1)}\r\n aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n data-testid={`${testId}-prev`}\r\n type=\"button\"\r\n />\r\n </div>\r\n\r\n <ul\r\n id={`${testId}-page-list`}\r\n className={classMap.controls}\r\n aria-label={pageListAriaLabel}\r\n data-testid={`${testId}-page-list`}\r\n >\r\n {serverControlled ? (\r\n <li\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${page}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => goTo(page)}\r\n aria-label={getPageAriaLabel(page, true)}\r\n aria-current=\"page\"\r\n aria-describedby={liveRegionId}\r\n disabled\r\n className={combineClassNames(buttonBaseClass, classMap.active)}\r\n data-testid={`${testId}-button-${page}`}\r\n type=\"button\"\r\n >\r\n {page}\r\n </Button>\r\n </li>\r\n ) : (\r\n pages.map((p) => {\r\n const isActive = p === page;\r\n\r\n return (\r\n <li\r\n key={p}\r\n className={classMap.buttonWrapper}\r\n data-testid={`${testId}-page-${p}`}\r\n >\r\n <Button\r\n theme={theme}\r\n state={state}\r\n size={size}\r\n rounding={rounding}\r\n shadow={shadow}\r\n onClick={() => goTo(p)}\r\n aria-label={getPageAriaLabel(p, isActive)}\r\n aria-current={isActive ? \"page\" : undefined}\r\n aria-describedby={isActive ? liveRegionId : undefined}\r\n disabled={isActive}\r\n className={combineClassNames(\r\n buttonBaseClass,\r\n isActive && classMap.active,\r\n )}\r\n data-testid={`${testId}-button-${p}`}\r\n type=\"button\"\r\n >\r\n {p}\r\n </Button>\r\n </li>\r\n );\r\n })\r\n )}\r\n </ul>\r\n\r\n <div className={classMap.controls}>\r\n <IconButton\r\n icon={ArrowRightIcon}\r\n theme={theme}\r\n state={state}\r\n rounding={rounding}\r\n shadow={shadow}\r\n size={size}\r\n className={classMap.controlButton}\r\n disabled={page >= totalPages}\r\n aria-label={nextButtonAriaLabel}\r\n title=\"Next page\"\r\n onClick={() => goTo(page + 1)}\r\n aria-controls={pageListAriaLabel ? `${testId}-page-list` : undefined}\r\n data-testid={`${testId}-next`}\r\n type=\"button\"\r\n />\r\n </div>\r\n </nav>\r\n );\r\n};\r\n\r\nBasePager.displayName = \"BasePager\";\r\nexport default BasePager;\r\n","import React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.core\";\r\nimport \"./Pager.scss\";\r\nimport { PagerProps } from \"../Pager.types\";\r\n\r\nconst classes = {\r\n wrapper: \"pagination\",\r\n controls: \"pagination_controls\",\r\n controlButton: \"pagination_control_button\",\r\n buttonWrapper: \"pagination_button_wrapper\",\r\n button: \"pagination_button\",\r\n active: \"pagination_active\",\r\n};\r\n\r\nconst Pager: React.FC<PagerProps> = (props) => {\r\n return (\r\n <BasePager\r\n {...props}\r\n Button={Button}\r\n IconButton={IconButton}\r\n classMap={classes}\r\n />\r\n );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","Button","IconButton","combineClassNames","capitalize","jsxs","ArrowRightIcon"],"mappings":"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"}
|
package/dist/core/Pager.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState, useRef, useId, useEffect, useMemo } from "react";
|
|
3
3
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
4
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
|
-
import {
|
|
5
|
+
import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
|
|
6
6
|
const BasePopover = ({
|
|
7
7
|
trigger,
|
|
8
8
|
content,
|
|
@@ -224,4 +224,4 @@ Popover.displayName = "Popover";
|
|
|
224
224
|
export {
|
|
225
225
|
Popover as P
|
|
226
226
|
};
|
|
227
|
-
//# sourceMappingURL=PopOver-
|
|
227
|
+
//# sourceMappingURL=PopOver-DCuqGQ_j.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopOver-lRqOHUJg.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n role = \"dialog\",\r\n triggerAriaLabel,\r\n triggerTitle,\r\n disabled = false,\r\n id,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-modal\": ariaModal,\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLButtonElement>(null);\r\n const uid = useId();\r\n\r\n const generatedContentId = `${uid}-content`;\r\n const generatedLabelId = `${uid}-label`;\r\n\r\n const contentId = id ?? generatedContentId;\r\n const fallbackLabelId = generatedLabelId;\r\n\r\n type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n function asValidRole(r?: string): PopupRole | undefined {\r\n return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n ? (r as PopupRole)\r\n : undefined;\r\n }\r\n\r\n const popupRole = asValidRole(role);\r\n\r\n const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n const triggerAria =\r\n role === \"tooltip\"\r\n ? { \"aria-describedby\": open ? contentId : undefined }\r\n : {\r\n ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n \"aria-expanded\": open,\r\n \"aria-controls\": contentId,\r\n };\r\n\r\n const toggleOpen = () => {\r\n if (disabled) return;\r\n setOpen((prev) => !prev);\r\n };\r\n\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n\r\n const handleClickOutside = (event: MouseEvent) => {\r\n const t = event.target as Node;\r\n if (popoverRef.current?.contains(t)) return;\r\n if (triggerRef.current?.contains(t)) return;\r\n close();\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, [open, placement]);\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n\r\n const onKey = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") close();\r\n };\r\n\r\n const onReflow = () => setDynamicPlacement((p) => p);\r\n\r\n document.addEventListener(\"keydown\", onKey);\r\n window.addEventListener(\"resize\", onReflow, { passive: true });\r\n window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", onKey);\r\n window.removeEventListener(\"resize\", onReflow);\r\n window.removeEventListener(\"scroll\", onReflow);\r\n };\r\n }, [open]);\r\n\r\n useEffect(() => {\r\n if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const vw = window.innerWidth;\r\n const vh = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = vh - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = vw - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const rect = popoverEl.getBoundingClientRect();\r\n let dx = 0;\r\n let dy = 0;\r\n const pad = 8;\r\n\r\n if (rect.left < pad) dx = pad - rect.left;\r\n else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n if (rect.top < pad) dy = pad - rect.top;\r\n else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n if (dx !== 0 || dy !== 0) {\r\n const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n }\r\n });\r\n }, [open, placement, dynamicPlacement]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state, className],\r\n );\r\n\r\n useEffect(() => {\r\n if (!open || popupRole === \"tooltip\") return;\r\n\r\n const el = popoverRef.current;\r\n if (!el) return;\r\n\r\n const focusable = el.querySelector<HTMLElement>(\r\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n );\r\n\r\n (focusable ?? el).focus();\r\n }, [open, popupRole]);\r\n\r\n const computedAriaLabelledBy =\r\n ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : undefined);\r\n\r\n const computedAriaDescribedBy =\r\n role === \"tooltip\" ? ariaDescribedBy : ariaDescribedBy;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={testId}\r\n >\r\n <button\r\n type=\"button\"\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n aria-label={triggerAriaLabel ?? \"Toggle popover\"}\r\n title={triggerTitle}\r\n ref={triggerRef}\r\n disabled={disabled}\r\n data-testid={`${testId}-trigger`}\r\n {...triggerAria}\r\n >\r\n {trigger}\r\n </button>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={contentId}\r\n role={popupRole}\r\n aria-label={ariaLabel}\r\n aria-labelledby={computedAriaLabelledBy}\r\n aria-describedby={computedAriaDescribedBy}\r\n aria-modal={popupRole === \"dialog\" ? ariaModal : undefined}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n >\r\n {!ariaLabel && !ariaLabelledBy && (\r\n <span id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n Popover Content\r\n </span>\r\n )}\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","import React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport \"./PopOver.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst classes = {\r\n container: \"popover_container\",\r\n trigger: \"popover_trigger\",\r\n popover: \"popover\",\r\n\r\n top: \"popover_top\",\r\n bottom: \"popover_bottom\",\r\n left: \"popover_left\",\r\n right: \"popover_right\",\r\n\r\n primary: \"popover_primary\",\r\n secondary: \"popover_secondary\",\r\n tertiary: \"popover_tertiary\",\r\n quaternary: \"popover_quaternary\",\r\n\r\n success: \"popover_success\",\r\n error: \"popover_error\",\r\n warning: \"popover_warning\",\r\n\r\n clear: \"popover_clear\",\r\n\r\n shadowNone: \"popover_shadow-None\",\r\n shadowLight: \"popover_shadow-Light\",\r\n shadowMedium: \"popover_shadow-Medium\",\r\n shadowStrong: \"popover_shadow-Strong\",\r\n shadowIntense: \"popover_shadow-Intense\",\r\n\r\n roundNone: \"popover_round-None\",\r\n roundSmall: \"popover_round-Small\",\r\n roundMedium: \"popover_round-Medium\",\r\n roundLarge: \"popover_round-Large\",\r\n};\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={classes} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PopOver-DCuqGQ_j.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/core/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n role = \"dialog\",\r\n triggerAriaLabel,\r\n triggerTitle,\r\n disabled = false,\r\n id,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-modal\": ariaModal,\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLButtonElement>(null);\r\n const uid = useId();\r\n\r\n const generatedContentId = `${uid}-content`;\r\n const generatedLabelId = `${uid}-label`;\r\n\r\n const contentId = id ?? generatedContentId;\r\n const fallbackLabelId = generatedLabelId;\r\n\r\n type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n function asValidRole(r?: string): PopupRole | undefined {\r\n return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n ? (r as PopupRole)\r\n : undefined;\r\n }\r\n\r\n const popupRole = asValidRole(role);\r\n\r\n const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n const triggerAria =\r\n role === \"tooltip\"\r\n ? { \"aria-describedby\": open ? contentId : undefined }\r\n : {\r\n ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n \"aria-expanded\": open,\r\n \"aria-controls\": contentId,\r\n };\r\n\r\n const toggleOpen = () => {\r\n if (disabled) return;\r\n setOpen((prev) => !prev);\r\n };\r\n\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n\r\n const handleClickOutside = (event: MouseEvent) => {\r\n const t = event.target as Node;\r\n if (popoverRef.current?.contains(t)) return;\r\n if (triggerRef.current?.contains(t)) return;\r\n close();\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, [open, placement]);\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n\r\n const onKey = (e: KeyboardEvent) => {\r\n if (e.key === \"Escape\") close();\r\n };\r\n\r\n const onReflow = () => setDynamicPlacement((p) => p);\r\n\r\n document.addEventListener(\"keydown\", onKey);\r\n window.addEventListener(\"resize\", onReflow, { passive: true });\r\n window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", onKey);\r\n window.removeEventListener(\"resize\", onReflow);\r\n window.removeEventListener(\"scroll\", onReflow);\r\n };\r\n }, [open]);\r\n\r\n useEffect(() => {\r\n if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const vw = window.innerWidth;\r\n const vh = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = vh - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = vw - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove) {\r\n newPlacement = \"bottom\";\r\n } else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow) {\r\n newPlacement = \"top\";\r\n } else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft) {\r\n newPlacement = \"right\";\r\n } else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight) {\r\n newPlacement = \"left\";\r\n }\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const rect = popoverEl.getBoundingClientRect();\r\n let dx = 0;\r\n let dy = 0;\r\n const pad = 8;\r\n\r\n if (rect.left < pad) dx = pad - rect.left;\r\n else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n if (rect.top < pad) dy = pad - rect.top;\r\n else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n if (dx !== 0 || dy !== 0) {\r\n const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n }\r\n });\r\n }, [open, placement, dynamicPlacement]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state, className],\r\n );\r\n\r\n useEffect(() => {\r\n if (!open || popupRole === \"tooltip\") return;\r\n\r\n const el = popoverRef.current;\r\n if (!el) return;\r\n\r\n const focusable = el.querySelector<HTMLElement>(\r\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n );\r\n\r\n (focusable ?? el).focus();\r\n }, [open, popupRole]);\r\n\r\n const computedAriaLabelledBy =\r\n ariaLabelledBy ?? (!ariaLabel ? fallbackLabelId : undefined);\r\n\r\n const computedAriaDescribedBy =\r\n role === \"tooltip\" ? ariaDescribedBy : ariaDescribedBy;\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={testId}\r\n >\r\n <button\r\n type=\"button\"\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n aria-label={triggerAriaLabel ?? \"Toggle popover\"}\r\n title={triggerTitle}\r\n ref={triggerRef}\r\n disabled={disabled}\r\n data-testid={`${testId}-trigger`}\r\n {...triggerAria}\r\n >\r\n {trigger}\r\n </button>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={contentId}\r\n role={popupRole}\r\n aria-label={ariaLabel}\r\n aria-labelledby={computedAriaLabelledBy}\r\n aria-describedby={computedAriaDescribedBy}\r\n aria-modal={popupRole === \"dialog\" ? ariaModal : undefined}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n >\r\n {!ariaLabel && !ariaLabelledBy && (\r\n <span id={fallbackLabelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n Popover Content\r\n </span>\r\n )}\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","import React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport \"./PopOver.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst classes = {\r\n container: \"popover_container\",\r\n trigger: \"popover_trigger\",\r\n popover: \"popover\",\r\n\r\n top: \"popover_top\",\r\n bottom: \"popover_bottom\",\r\n left: \"popover_left\",\r\n right: \"popover_right\",\r\n\r\n primary: \"popover_primary\",\r\n secondary: \"popover_secondary\",\r\n tertiary: \"popover_tertiary\",\r\n quaternary: \"popover_quaternary\",\r\n\r\n success: \"popover_success\",\r\n error: \"popover_error\",\r\n warning: \"popover_warning\",\r\n\r\n clear: \"popover_clear\",\r\n\r\n shadowNone: \"popover_shadow-None\",\r\n shadowLight: \"popover_shadow-Light\",\r\n shadowMedium: \"popover_shadow-Medium\",\r\n shadowStrong: \"popover_shadow-Strong\",\r\n shadowIntense: \"popover_shadow-Intense\",\r\n\r\n roundNone: \"popover_round-None\",\r\n roundSmall: \"popover_round-Small\",\r\n roundMedium: \"popover_round-Medium\",\r\n roundLarge: \"popover_round-Large\",\r\n};\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={classes} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":[],"mappings":"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"}
|
package/dist/core/PopOver.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
4
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
|
-
import {
|
|
5
|
+
import { d as getDefaultTheme, c as getDefaultSize, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
|
|
6
6
|
const BaseProgressBar = ({
|
|
7
7
|
value = 0,
|
|
8
8
|
theme = getDefaultTheme(),
|
|
@@ -143,4 +143,4 @@ ProgressBar.displayName = "ProgressBar";
|
|
|
143
143
|
export {
|
|
144
144
|
ProgressBar as P
|
|
145
145
|
};
|
|
146
|
-
//# sourceMappingURL=ProgressBar-
|
|
146
|
+
//# sourceMappingURL=ProgressBar-BxzX6yn1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar-
|
|
1
|
+
{"version":3,"file":"ProgressBar-BxzX6yn1.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/core/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n value = 0,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n animated = true,\r\n indeterminate = false,\r\n className = \"\",\r\n \"aria-label\": ariaLabel = \"Progress\",\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-valuetext\": ariaValueText,\r\n label,\r\n labelPosition = \"top\",\r\n labelId,\r\n description,\r\n descriptionId,\r\n \"data-testid\": testId = \"progressbar\",\r\n classMap,\r\n}) => {\r\n const numeric = Number(value);\r\n const clamped = Number.isFinite(numeric)\r\n ? Math.min(100, Math.max(0, numeric))\r\n : 0;\r\n const progressValue = Math.round(clamped);\r\n\r\n const resolvedLabelId = label ? labelId || `${testId}-label` : undefined;\r\n const resolvedDescriptionId = description\r\n ? descriptionId || `${testId}-description`\r\n : undefined;\r\n\r\n const computedAriaLabel =\r\n !ariaLabelledBy && !resolvedLabelId ? ariaLabel : undefined;\r\n\r\n const computedAriaLabelledBy = ariaLabelledBy || resolvedLabelId;\r\n const computedAriaDescribedBy = ariaDescribedBy || resolvedDescriptionId;\r\n\r\n const computedAriaValueText =\r\n ariaValueText || (indeterminate ? \"Loading\" : `${progressValue}% complete`);\r\n\r\n const layoutClass = useMemo(() => {\r\n const posClass = classMap[`label${capitalize(labelPosition)}`];\r\n return combineClassNames(classMap.layout, Boolean(label) && posClass);\r\n }, [classMap, label, labelPosition]);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, size, shadow, rounding, className],\r\n );\r\n\r\n const barClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.bar,\r\n classMap[theme],\r\n classMap[state],\r\n animated && classMap.animated,\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n indeterminate && classMap.indeterminate,\r\n ),\r\n [classMap, theme, state, rounding, indeterminate, animated],\r\n );\r\n\r\n const labelNode = label ? (\r\n <div\r\n id={resolvedLabelId}\r\n className={classMap.label}\r\n data-testid={`${testId}-label`}\r\n >\r\n {label}\r\n </div>\r\n ) : null;\r\n\r\n const descriptionNode = description ? (\r\n <div id={resolvedDescriptionId} data-testid={`${testId}-description`}>\r\n {description}\r\n </div>\r\n ) : null;\r\n\r\n return (\r\n <div className={layoutClass}>\r\n {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n <div\r\n className={wrapperClass}\r\n role=\"progressbar\"\r\n aria-label={computedAriaLabel}\r\n aria-labelledby={computedAriaLabelledBy}\r\n aria-describedby={computedAriaDescribedBy}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={indeterminate ? undefined : progressValue}\r\n aria-valuetext={computedAriaValueText}\r\n aria-busy={indeterminate || undefined}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={barClass}\r\n style={{ width: indeterminate ? undefined : `${progressValue}%` }}\r\n data-testid={`${testId}-bar`}\r\n />\r\n </div>\r\n\r\n {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n {descriptionNode}\r\n </div>\r\n );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","import React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport \"./ProgressBar.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst classes = {\r\n layout: \"progress_layout\",\r\n label: \"progress_label\",\r\n\r\n labelTop: \"progress_label_top\",\r\n labelBottom: \"progress_label_bottom\",\r\n labelLeft: \"progress_label_left\",\r\n labelRight: \"progress_label_right\",\r\n labelOverlay: \"progress_label_overlay\",\r\n container: \"progress_container\",\r\n bar: \"progress_bar\",\r\n\r\n primary: \"progress_primary\",\r\n secondary: \"progress_secondary\",\r\n tertiary: \"progress_tertiary\",\r\n quaternary: \"progress_quaternary\",\r\n\r\n success: \"progress_success\",\r\n error: \"progress_error\",\r\n warning: \"progress_warning\",\r\n\r\n clear: \"progress_clear\",\r\n\r\n xs: \"progress_xs\",\r\n xl: \"progress_xl\",\r\n small: \"progress_small\",\r\n medium: \"progress_medium\",\r\n large: \"progress_large\",\r\n\r\n shadowNone: \"progress_shadow-None\",\r\n shadowLight: \"progress_shadow-Light\",\r\n shadowMedium: \"progress_shadow-Medium\",\r\n shadowStrong: \"progress_shadow-Strong\",\r\n shadowIntense: \"progress_shadow-Intense\",\r\n\r\n roundNone: \"progress_round-None\",\r\n roundSmall: \"progress_round-Small\",\r\n roundMedium: \"progress_round-Medium\",\r\n roundLarge: \"progress_round-Large\",\r\n roundFull: \"progress_round-Full\",\r\n\r\n animated: \"progress_animated\",\r\n indeterminate: \"progress_indeterminate\",\r\n};\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n return <BaseProgressBar {...props} classMap={classes} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":[],"mappings":"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"}
|
package/dist/core/ProgressBar.js
CHANGED
|
@@ -3,7 +3,7 @@ import { forwardRef, useId, useState, useMemo, useEffect } from "react";
|
|
|
3
3
|
import { C as ChevronDownIcon } from "./CheveronDownIcon-Cn9jj-ku.js";
|
|
4
4
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
5
5
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
6
|
-
import {
|
|
6
|
+
import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
|
|
7
7
|
const BaseSelect = forwardRef(
|
|
8
8
|
({
|
|
9
9
|
theme = getDefaultTheme(),
|
|
@@ -226,4 +226,4 @@ Select.displayName = "Select";
|
|
|
226
226
|
export {
|
|
227
227
|
Select as S
|
|
228
228
|
};
|
|
229
|
-
//# sourceMappingURL=Select-
|
|
229
|
+
//# sourceMappingURL=Select-BXIz5BbU.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select-CeyJGftD.js","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/core/Select.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n ChangeEvent,\r\n useId,\r\n useMemo,\r\n useEffect,\r\n useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n options,\r\n value,\r\n onChange,\r\n placeholder = \"Select an option\",\r\n disabled = false,\r\n className = \"\",\r\n classMap,\r\n asyncOptions,\r\n pollInterval = 0,\r\n required,\r\n name,\r\n label,\r\n labelPosition = \"top\",\r\n id,\r\n form,\r\n autoComplete,\r\n role,\r\n tabIndex,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-description\": ariaDescription,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-invalid\": ariaInvalid,\r\n \"aria-required\": ariaRequired,\r\n \"aria-busy\": ariaBusy,\r\n \"aria-live\": ariaLive = \"polite\",\r\n \"data-testid\": testId = \"select\",\r\n },\r\n ref,\r\n ) => {\r\n const generatedId = useId();\r\n const selectId = id || `${generatedId}-select`;\r\n const internalDescriptionId = ariaDescription\r\n ? `${generatedId}-desc`\r\n : undefined;\r\n\r\n const [internalOptions, setInternalOptions] = useState(options);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const hasLabel = Boolean(label);\r\n\r\n const layoutClasses = useMemo(() => {\r\n const posClass = hasLabel\r\n ? classMap[`label${capitalize(labelPosition)}`]\r\n : undefined;\r\n\r\n return combineClassNames(classMap.layout, posClass);\r\n }, [classMap, hasLabel, labelPosition]);\r\n\r\n const labelClasses = useMemo(\r\n () => combineClassNames(classMap.label, classMap.labelOverlay),\r\n [classMap],\r\n );\r\n\r\n const computedDescribedBy = useMemo(() => {\r\n const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);\r\n return ids.length > 0 ? ids.join(\" \") : undefined;\r\n }, [ariaDescribedBy, internalDescriptionId]);\r\n\r\n const computedAriaLabel = ariaLabelledBy\r\n ? undefined\r\n : ariaLabel || placeholder;\r\n\r\n const labelNode = hasLabel ? (\r\n <div className={labelClasses} data-testid={`${testId}-label`}>\r\n {label}\r\n </div>\r\n ) : null;\r\n\r\n useEffect(() => {\r\n if (!asyncOptions) return;\r\n\r\n let isMounted = true;\r\n\r\n const load = async () => {\r\n try {\r\n setLoading(true);\r\n const fetched = await asyncOptions(\"\");\r\n if (isMounted) setInternalOptions(fetched);\r\n } catch (err) {\r\n console.error(\"Failed to load options:\", err);\r\n } finally {\r\n if (isMounted) setLoading(false);\r\n }\r\n };\r\n\r\n load();\r\n\r\n if (pollInterval > 0) {\r\n const intervalId = setInterval(load, pollInterval);\r\n return () => {\r\n clearInterval(intervalId);\r\n isMounted = false;\r\n };\r\n }\r\n\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, [asyncOptions, pollInterval]);\r\n\r\n const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n onChange(event.target.value);\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, state, className, shadow, rounding, outline, disabled],\r\n );\r\n\r\n const selectClasses = useMemo(\r\n () => combineClassNames(classMap.select, outline && classMap.outline),\r\n [classMap, outline],\r\n );\r\n\r\n const iconClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.icon,\r\n classMap[theme],\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, disabled],\r\n );\r\n\r\n const opts = asyncOptions ? internalOptions : options;\r\n\r\n return (\r\n <div className={layoutClasses} data-testid={`${testId}-layout`}>\r\n {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n <div className={wrapperClasses} data-testid={testId}>\r\n <select\r\n ref={ref}\r\n id={selectId}\r\n name={name}\r\n form={form}\r\n autoComplete={autoComplete}\r\n role={role}\r\n tabIndex={tabIndex}\r\n value={value ?? \"\"}\r\n onChange={handleChange}\r\n className={selectClasses}\r\n aria-label={computedAriaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-description={ariaDescription}\r\n aria-describedby={computedDescribedBy}\r\n aria-disabled={disabled || undefined}\r\n aria-invalid={ariaInvalid ?? (state === \"error\" || undefined)}\r\n aria-required={ariaRequired ?? (required || undefined)}\r\n aria-busy={ariaBusy ?? (loading || undefined)}\r\n disabled={disabled}\r\n required={required}\r\n data-testid={`${testId}-input`}\r\n >\r\n <option value=\"\" disabled hidden>\r\n {placeholder}\r\n </option>\r\n\r\n {opts.map((option) => (\r\n <option\r\n key={option.value}\r\n value={option.value}\r\n disabled={option.disabled}\r\n data-testid={`${testId}-option-${option.value}`}\r\n >\r\n {option.label}\r\n </option>\r\n ))}\r\n </select>\r\n\r\n <div\r\n className={iconClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n </div>\r\n\r\n {ariaDescription && (\r\n <span\r\n id={internalDescriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n\r\n {loading && (\r\n <span\r\n className={classMap.loading}\r\n aria-live={ariaLive}\r\n data-testid={`${testId}-loading`}\r\n >\r\n Loading options…\r\n </span>\r\n )}\r\n </div>\r\n\r\n {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","import { forwardRef } from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport \"./Select.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst classes = {\r\n wrapper: \"select_wrapper\",\r\n select: \"select\",\r\n outline: \"select_outline\",\r\n\r\n layout: \"select_layout\",\r\n label: \"select_label\",\r\n labelTop: \"select_label_top\",\r\n labelBottom: \"select_label_bottom\",\r\n labelLeft: \"select_label_left\",\r\n labelRight: \"select_label_right\",\r\n\r\n primary: \"select_primary\",\r\n secondary: \"select_secondary\",\r\n tertiary: \"select_tertiary\",\r\n quaternary: \"select_quaternary\",\r\n\r\n success: \"select_success\",\r\n error: \"select_error\",\r\n warning: \"select_warning\",\r\n\r\n clear: \"select_clear\",\r\n\r\n icon: \"select_icon\",\r\n disabled: \"select_disabled\",\r\n\r\n shadowNone: \"select_shadow-None\",\r\n shadowLight: \"select_shadow-Light\",\r\n shadowMedium: \"select_shadow-Medium\",\r\n shadowStrong: \"select_shadow-Strong\",\r\n shadowIntense: \"select_shadow-Intense\",\r\n\r\n roundNone: \"select_round-None\",\r\n roundSmall: \"select_round-Small\",\r\n roundMedium: \"select_round-Medium\",\r\n roundLarge: \"select_round-Large\",\r\n};\r\n\r\nconst Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {\r\n return <BaseSelect {...props} ref={ref} classMap={classes} />;\r\n});\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Select-BXIz5BbU.js","sources":["../../src/components/Select/SelectBase.tsx","../../src/components/Select/core/Select.tsx"],"sourcesContent":["import {\r\n forwardRef,\r\n ChangeEvent,\r\n useId,\r\n useMemo,\r\n useEffect,\r\n useState,\r\n} from \"react\";\r\nimport { ChevronDownIcon } from \"../../Icons\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseSelectProps } from \"./Select.types\";\r\n\r\nconst BaseSelect = forwardRef<HTMLSelectElement, BaseSelectProps>(\r\n (\r\n {\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n outline = false,\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n options,\r\n value,\r\n onChange,\r\n placeholder = \"Select an option\",\r\n disabled = false,\r\n className = \"\",\r\n classMap,\r\n asyncOptions,\r\n pollInterval = 0,\r\n required,\r\n name,\r\n label,\r\n labelPosition = \"top\",\r\n id,\r\n form,\r\n autoComplete,\r\n role,\r\n tabIndex,\r\n \"aria-label\": ariaLabel,\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-description\": ariaDescription,\r\n \"aria-describedby\": ariaDescribedBy,\r\n \"aria-invalid\": ariaInvalid,\r\n \"aria-required\": ariaRequired,\r\n \"aria-busy\": ariaBusy,\r\n \"aria-live\": ariaLive = \"polite\",\r\n \"data-testid\": testId = \"select\",\r\n },\r\n ref,\r\n ) => {\r\n const generatedId = useId();\r\n const selectId = id || `${generatedId}-select`;\r\n const internalDescriptionId = ariaDescription\r\n ? `${generatedId}-desc`\r\n : undefined;\r\n\r\n const [internalOptions, setInternalOptions] = useState(options);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const hasLabel = Boolean(label);\r\n\r\n const layoutClasses = useMemo(() => {\r\n const posClass = hasLabel\r\n ? classMap[`label${capitalize(labelPosition)}`]\r\n : undefined;\r\n\r\n return combineClassNames(classMap.layout, posClass);\r\n }, [classMap, hasLabel, labelPosition]);\r\n\r\n const labelClasses = useMemo(\r\n () => combineClassNames(classMap.label, classMap.labelOverlay),\r\n [classMap],\r\n );\r\n\r\n const computedDescribedBy = useMemo(() => {\r\n const ids = [ariaDescribedBy, internalDescriptionId].filter(Boolean);\r\n return ids.length > 0 ? ids.join(\" \") : undefined;\r\n }, [ariaDescribedBy, internalDescriptionId]);\r\n\r\n const computedAriaLabel = ariaLabelledBy\r\n ? undefined\r\n : ariaLabel || placeholder;\r\n\r\n const labelNode = hasLabel ? (\r\n <div className={labelClasses} data-testid={`${testId}-label`}>\r\n {label}\r\n </div>\r\n ) : null;\r\n\r\n useEffect(() => {\r\n if (!asyncOptions) return;\r\n\r\n let isMounted = true;\r\n\r\n const load = async () => {\r\n try {\r\n setLoading(true);\r\n const fetched = await asyncOptions(\"\");\r\n if (isMounted) setInternalOptions(fetched);\r\n } catch (err) {\r\n console.error(\"Failed to load options:\", err);\r\n } finally {\r\n if (isMounted) setLoading(false);\r\n }\r\n };\r\n\r\n load();\r\n\r\n if (pollInterval > 0) {\r\n const intervalId = setInterval(load, pollInterval);\r\n return () => {\r\n clearInterval(intervalId);\r\n isMounted = false;\r\n };\r\n }\r\n\r\n return () => {\r\n isMounted = false;\r\n };\r\n }, [asyncOptions, pollInterval]);\r\n\r\n const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {\r\n onChange(event.target.value);\r\n };\r\n\r\n const wrapperClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n classMap[theme],\r\n classMap[state],\r\n className,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, state, className, shadow, rounding, outline, disabled],\r\n );\r\n\r\n const selectClasses = useMemo(\r\n () => combineClassNames(classMap.select, outline && classMap.outline),\r\n [classMap, outline],\r\n );\r\n\r\n const iconClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.icon,\r\n classMap[theme],\r\n disabled && classMap.disabled,\r\n ),\r\n [classMap, theme, disabled],\r\n );\r\n\r\n const opts = asyncOptions ? internalOptions : options;\r\n\r\n return (\r\n <div className={layoutClasses} data-testid={`${testId}-layout`}>\r\n {(labelPosition === \"top\" || labelPosition === \"left\") && labelNode}\r\n\r\n <div className={wrapperClasses} data-testid={testId}>\r\n <select\r\n ref={ref}\r\n id={selectId}\r\n name={name}\r\n form={form}\r\n autoComplete={autoComplete}\r\n role={role}\r\n tabIndex={tabIndex}\r\n value={value ?? \"\"}\r\n onChange={handleChange}\r\n className={selectClasses}\r\n aria-label={computedAriaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-description={ariaDescription}\r\n aria-describedby={computedDescribedBy}\r\n aria-disabled={disabled || undefined}\r\n aria-invalid={ariaInvalid ?? (state === \"error\" || undefined)}\r\n aria-required={ariaRequired ?? (required || undefined)}\r\n aria-busy={ariaBusy ?? (loading || undefined)}\r\n disabled={disabled}\r\n required={required}\r\n data-testid={`${testId}-input`}\r\n >\r\n <option value=\"\" disabled hidden>\r\n {placeholder}\r\n </option>\r\n\r\n {opts.map((option) => (\r\n <option\r\n key={option.value}\r\n value={option.value}\r\n disabled={option.disabled}\r\n data-testid={`${testId}-option-${option.value}`}\r\n >\r\n {option.label}\r\n </option>\r\n ))}\r\n </select>\r\n\r\n <div\r\n className={iconClasses}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <ChevronDownIcon aria-hidden=\"true\" focusable={false} />\r\n </div>\r\n\r\n {ariaDescription && (\r\n <span\r\n id={internalDescriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n\r\n {loading && (\r\n <span\r\n className={classMap.loading}\r\n aria-live={ariaLive}\r\n data-testid={`${testId}-loading`}\r\n >\r\n Loading options…\r\n </span>\r\n )}\r\n </div>\r\n\r\n {(labelPosition === \"bottom\" || labelPosition === \"right\") && labelNode}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nBaseSelect.displayName = \"BaseSelect\";\r\nexport default BaseSelect;\r\n","import { forwardRef } from \"react\";\r\nimport BaseSelect from \"../SelectBase\";\r\nimport \"./Select.scss\";\r\nimport { SelectProps } from \"../Select.types\";\r\n\r\nconst classes = {\r\n wrapper: \"select_wrapper\",\r\n select: \"select\",\r\n outline: \"select_outline\",\r\n\r\n layout: \"select_layout\",\r\n label: \"select_label\",\r\n labelTop: \"select_label_top\",\r\n labelBottom: \"select_label_bottom\",\r\n labelLeft: \"select_label_left\",\r\n labelRight: \"select_label_right\",\r\n\r\n primary: \"select_primary\",\r\n secondary: \"select_secondary\",\r\n tertiary: \"select_tertiary\",\r\n quaternary: \"select_quaternary\",\r\n\r\n success: \"select_success\",\r\n error: \"select_error\",\r\n warning: \"select_warning\",\r\n\r\n clear: \"select_clear\",\r\n\r\n icon: \"select_icon\",\r\n disabled: \"select_disabled\",\r\n\r\n shadowNone: \"select_shadow-None\",\r\n shadowLight: \"select_shadow-Light\",\r\n shadowMedium: \"select_shadow-Medium\",\r\n shadowStrong: \"select_shadow-Strong\",\r\n shadowIntense: \"select_shadow-Intense\",\r\n\r\n roundNone: \"select_round-None\",\r\n roundSmall: \"select_round-Small\",\r\n roundMedium: \"select_round-Medium\",\r\n roundLarge: \"select_round-Large\",\r\n};\r\n\r\nconst Select = forwardRef<HTMLSelectElement, SelectProps>((props, ref) => {\r\n return <BaseSelect {...props} ref={ref} classMap={classes} />;\r\n});\r\n\r\nSelect.displayName = \"Select\";\r\nexport default Select;\r\n"],"names":[],"mappings":"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"}
|
package/dist/core/Select.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useRef, useEffect, useMemo } from "react";
|
|
3
3
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
|
-
import {
|
|
4
|
+
import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
|
|
5
5
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
6
6
|
import { C as ChevronDownIcon } from "./CheveronDownIcon-Cn9jj-ku.js";
|
|
7
7
|
const SidebarBase = ({
|
|
@@ -351,4 +351,4 @@ Sidebar.displayName = "Sidebar";
|
|
|
351
351
|
export {
|
|
352
352
|
Sidebar as S
|
|
353
353
|
};
|
|
354
|
-
//# sourceMappingURL=Sidebar-
|
|
354
|
+
//# sourceMappingURL=Sidebar-Bi7elIRO.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar-BWzuQw-r.js","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useEffect } from \"react\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\nimport { ChevronDownIcon } from \"@/Icons\";\r\nimport { BaseSidebarProps, SidebarLink } from \"./Sidebar.types\";\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n links,\r\n classMap,\r\n LinkComponent = \"a\",\r\n isLinkActive,\r\n hasActiveChild,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n showFooter = false,\r\n footerLinks,\r\n footerVersion,\r\n outline = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"sidebar\",\r\n \"aria-label\": ariaLabel = \"Sidebar navigation\",\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n footerAriaLabel = \"Sidebar footer\",\r\n footerAriaLabelledBy,\r\n getExpandButtonAriaLabel,\r\n getExpandButtonAriaDescription,\r\n ...rest\r\n}) => {\r\n const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\r\n\r\n const idsRef = useRef<Record<string, string>>({});\r\n const seqRef = useRef(0);\r\n\r\n const idFor = (label: string) => {\r\n if (!idsRef.current[label]) {\r\n const slug = label\r\n .toLowerCase()\r\n .replace(/\\s+/g, \"-\")\r\n .replace(/[^a-z0-9_-]/g, \"\");\r\n idsRef.current[label] = `${testId}-section-${slug}-${seqRef.current++}`;\r\n }\r\n return idsRef.current[label];\r\n };\r\n\r\n useEffect(() => {\r\n const next: Record<string, boolean> = {};\r\n\r\n const walk = (nodes: SidebarLink[]): boolean => {\r\n for (const node of nodes) {\r\n if (node.children?.length) {\r\n const childIsActive =\r\n hasActiveChild?.(node) ??\r\n node.children.some(\r\n (child) =>\r\n (isLinkActive?.(child) ?? false) ||\r\n (!!child.children?.length && walk(child.children)),\r\n );\r\n\r\n if (childIsActive) {\r\n next[node.label] = true;\r\n }\r\n }\r\n }\r\n\r\n return nodes.some(\r\n (node) =>\r\n (isLinkActive?.(node) ?? false) ||\r\n (!!node.children?.length && walk(node.children)),\r\n );\r\n };\r\n\r\n walk(links);\r\n setOpenItems((prev) => ({ ...prev, ...next }));\r\n }, [links, isLinkActive, hasActiveChild]);\r\n\r\n const toggleItem = (key: string) =>\r\n setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n className,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n ),\r\n [classMap, className, theme, state, outline, rounding, shadow],\r\n );\r\n\r\n const renderLinks = (items: SidebarLink[], isChild = false) => (\r\n <ul\r\n className={combineClassNames(\r\n classMap.list,\r\n isChild && classMap.childList,\r\n )}\r\n data-testid={`${testId}-list`}\r\n >\r\n {items.map((link, idx) => {\r\n const {\r\n label,\r\n href,\r\n children,\r\n icon,\r\n \"aria-label\": linkAriaLabel,\r\n \"aria-description\": linkAriaDescription,\r\n \"aria-disabled\": linkAriaDisabled,\r\n } = link;\r\n\r\n const key = `${label}-${idx}`;\r\n\r\n const isActive = isLinkActive?.(link) ?? false;\r\n const containsActiveChild =\r\n hasActiveChild?.(link) ??\r\n !!children?.some(\r\n (child) =>\r\n (isLinkActive?.(child) ?? false) ||\r\n (child.children?.length && (hasActiveChild?.(child) ?? false)),\r\n );\r\n\r\n const isOpen = !!openItems[label];\r\n const sectionId = idFor(label);\r\n const buttonId = `${sectionId}-button`;\r\n const panelId = `${sectionId}-panel`;\r\n\r\n return (\r\n <li\r\n key={key}\r\n className={classMap.item}\r\n data-testid={`${testId}-listItem`}\r\n >\r\n {children && children.length > 0 ? (\r\n <>\r\n <button\r\n type=\"button\"\r\n id={buttonId}\r\n className={combineClassNames(\r\n classMap.link,\r\n (isActive || isOpen || containsActiveChild) &&\r\n classMap.active,\r\n )}\r\n onClick={() => toggleItem(label)}\r\n aria-expanded={isOpen}\r\n aria-controls={panelId}\r\n aria-label={\r\n getExpandButtonAriaLabel?.(link, isOpen) ?? linkAriaLabel\r\n }\r\n aria-description={\r\n getExpandButtonAriaDescription?.(link, isOpen) ??\r\n linkAriaDescription\r\n }\r\n aria-disabled={linkAriaDisabled || undefined}\r\n data-testid={`${testId}-expandItemButton`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n <span data-testid={`${testId}-expandItemLabel`}>{label}</span>\r\n <ChevronDownIcon\r\n className={combineClassNames(\r\n classMap.chevron,\r\n isOpen && classMap.chevronOpen,\r\n )}\r\n aria-hidden=\"true\"\r\n focusable={false}\r\n data-testid={`${testId}-expandIcon`}\r\n />\r\n </button>\r\n\r\n <div\r\n id={panelId}\r\n className={combineClassNames(\r\n classMap.submenu,\r\n isOpen && classMap.submenuOpen,\r\n )}\r\n role=\"group\"\r\n aria-labelledby={buttonId}\r\n hidden={!isOpen}\r\n data-testid={`${testId}-subMenu`}\r\n >\r\n {renderLinks(children, true)}\r\n </div>\r\n </>\r\n ) : href ? (\r\n <LinkComponent\r\n href={href}\r\n className={combineClassNames(\r\n classMap.link,\r\n isChild && classMap.childLink,\r\n isActive && classMap.active,\r\n )}\r\n aria-current={isActive ? \"page\" : undefined}\r\n aria-label={linkAriaLabel}\r\n aria-description={linkAriaDescription}\r\n aria-disabled={linkAriaDisabled || undefined}\r\n data-testid={`${testId}-sidebarLink`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </LinkComponent>\r\n ) : (\r\n <span\r\n className={combineClassNames(\r\n classMap.link,\r\n isChild && classMap.childLink,\r\n )}\r\n aria-label={linkAriaLabel}\r\n aria-description={linkAriaDescription}\r\n aria-disabled={linkAriaDisabled || undefined}\r\n data-testid={`${testId}-sidebarLabel`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </span>\r\n )}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n );\r\n\r\n return (\r\n <nav\r\n className={containerClasses}\r\n aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={ariaDescribedBy}\r\n data-testid={testId}\r\n {...rest}\r\n >\r\n <div className={classMap.nav}>{renderLinks(links)}</div>\r\n\r\n {showFooter && (\r\n <footer\r\n className={classMap.footer}\r\n aria-label={footerAriaLabelledBy ? undefined : footerAriaLabel}\r\n aria-labelledby={footerAriaLabelledBy}\r\n data-testid={`${testId}-footer`}\r\n >\r\n {footerLinks?.map(\r\n (\r\n {\r\n label,\r\n href,\r\n icon,\r\n \"aria-label\": footerLinkAriaLabel,\r\n \"aria-description\": footerLinkAriaDescription,\r\n \"aria-disabled\": footerLinkAriaDisabled,\r\n },\r\n i,\r\n ) => (\r\n <LinkComponent\r\n key={`${label}-${i}`}\r\n href={href}\r\n className={classMap.footerLink}\r\n aria-label={footerLinkAriaLabel}\r\n aria-description={footerLinkAriaDescription}\r\n aria-disabled={footerLinkAriaDisabled || undefined}\r\n data-testid={`${testId}-footerLink`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </LinkComponent>\r\n ),\r\n )}\r\n {footerVersion && (\r\n <span\r\n className={classMap.footerVersion}\r\n data-testid={`${testId}-footerVersion`}\r\n >\r\n {footerVersion}\r\n </span>\r\n )}\r\n </footer>\r\n )}\r\n </nav>\r\n );\r\n};\r\n\r\nSidebarBase.displayName = \"SidebarBase\";\r\nexport default SidebarBase;\r\n","import React, { useState } from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n wrapper: \"sidebar\",\r\n nav: \"sidebar_nav\",\r\n list: \"sidebar_list\",\r\n childList: \"sidebar_child_list\",\r\n item: \"sidebar_item\",\r\n link: \"sidebar_link\",\r\n childLink: \"sidebar_child_link\",\r\n active: \"sidebar_active\",\r\n icon: \"sidebar_icon\",\r\n\r\n footer: \"sidebar_footer\",\r\n footerLink: \"sidebar_footer_link\",\r\n footerVersion: \"sidebar_footer_version\",\r\n\r\n chevron: \"sidebar_chevron\",\r\n chevronOpen: \"sidebar_chevron_open\",\r\n\r\n submenu: \"sidebar_submenu\",\r\n submenuOpen: \"sidebar_submenu_open\",\r\n\r\n outline: \"sidebar_outline\",\r\n\r\n primary: \"sidebar_primary\",\r\n secondary: \"sidebar_secondary\",\r\n tertiary: \"sidebar_tertiary\",\r\n quaternary: \"sidebar_quaternary\",\r\n\r\n success: \"sidebar_success\",\r\n error: \"sidebar_error\",\r\n warning: \"sidebar_warning\",\r\n\r\n clear: \"sidebar_clear\",\r\n\r\n shadowNone: \"sidebar_shadow-None\",\r\n shadowLight: \"sidebar_shadow-Light\",\r\n shadowMedium: \"sidebar_shadow-Medium\",\r\n shadowStrong: \"sidebar_shadow-Strong\",\r\n shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n roundNone: \"sidebar_round-None\",\r\n roundSmall: \"sidebar_round-Small\",\r\n roundMedium: \"sidebar_round-Medium\",\r\n roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst getInitialPath = () =>\r\n typeof window !== \"undefined\" ? window.location.pathname || \"/\" : \"/\";\r\n\r\nconst isDescendantPath = (parentPath: string, currentPath: string): boolean => {\r\n const parent = normalizePath(parentPath);\r\n const current = normalizePath(currentPath);\r\n\r\n if (parent === \"/\") return current === \"/\";\r\n return current === parent || current.startsWith(`${parent}/`);\r\n};\r\n\r\nconst isActiveRecursive = (\r\n link: SidebarLink,\r\n matcher: (link: SidebarLink) => boolean,\r\n): boolean => {\r\n if (matcher(link)) return true;\r\n return !!link.children?.some((child) => isActiveRecursive(child, matcher));\r\n};\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({\r\n isLinkActive: consumerIsLinkActive,\r\n hasActiveChild: consumerHasActiveChild,\r\n ...props\r\n}) => {\r\n const [pathname] = useState(getInitialPath);\r\n\r\n const defaultIsLinkActive = (link: SidebarLink): boolean => {\r\n if (!link.href) return false;\r\n\r\n if (link.children?.length) {\r\n return isDescendantPath(link.href, pathname);\r\n }\r\n\r\n return normalizePath(link.href) === normalizePath(pathname);\r\n };\r\n\r\n const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;\r\n\r\n const defaultHasActiveChild = (link: SidebarLink): boolean =>\r\n !!link.children?.some((child) =>\r\n isActiveRecursive(child, resolvedIsLinkActive),\r\n );\r\n\r\n const resolvedHasActiveChild =\r\n consumerHasActiveChild ?? defaultHasActiveChild;\r\n\r\n return (\r\n <SidebarBase\r\n {...props}\r\n classMap={classes}\r\n isLinkActive={resolvedIsLinkActive}\r\n hasActiveChild={resolvedHasActiveChild}\r\n />\r\n );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["_a"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Sidebar-Bi7elIRO.js","sources":["../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/Sidebar.tsx"],"sourcesContent":["import React, { useState, useMemo, useRef, useEffect } from \"react\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"@/config/boreal-style-config\";\r\nimport { capitalize } from \"@/utils/capitalize\";\r\nimport { ChevronDownIcon } from \"@/Icons\";\r\nimport { BaseSidebarProps, SidebarLink } from \"./Sidebar.types\";\r\n\r\nconst SidebarBase: React.FC<BaseSidebarProps> = ({\r\n links,\r\n classMap,\r\n LinkComponent = \"a\",\r\n isLinkActive,\r\n hasActiveChild,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n showFooter = false,\r\n footerLinks,\r\n footerVersion,\r\n outline = false,\r\n className = \"\",\r\n \"data-testid\": testId = \"sidebar\",\r\n \"aria-label\": ariaLabel = \"Sidebar navigation\",\r\n \"aria-labelledby\": ariaLabelledBy,\r\n \"aria-describedby\": ariaDescribedBy,\r\n footerAriaLabel = \"Sidebar footer\",\r\n footerAriaLabelledBy,\r\n getExpandButtonAriaLabel,\r\n getExpandButtonAriaDescription,\r\n ...rest\r\n}) => {\r\n const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\r\n\r\n const idsRef = useRef<Record<string, string>>({});\r\n const seqRef = useRef(0);\r\n\r\n const idFor = (label: string) => {\r\n if (!idsRef.current[label]) {\r\n const slug = label\r\n .toLowerCase()\r\n .replace(/\\s+/g, \"-\")\r\n .replace(/[^a-z0-9_-]/g, \"\");\r\n idsRef.current[label] = `${testId}-section-${slug}-${seqRef.current++}`;\r\n }\r\n return idsRef.current[label];\r\n };\r\n\r\n useEffect(() => {\r\n const next: Record<string, boolean> = {};\r\n\r\n const walk = (nodes: SidebarLink[]): boolean => {\r\n for (const node of nodes) {\r\n if (node.children?.length) {\r\n const childIsActive =\r\n hasActiveChild?.(node) ??\r\n node.children.some(\r\n (child) =>\r\n (isLinkActive?.(child) ?? false) ||\r\n (!!child.children?.length && walk(child.children)),\r\n );\r\n\r\n if (childIsActive) {\r\n next[node.label] = true;\r\n }\r\n }\r\n }\r\n\r\n return nodes.some(\r\n (node) =>\r\n (isLinkActive?.(node) ?? false) ||\r\n (!!node.children?.length && walk(node.children)),\r\n );\r\n };\r\n\r\n walk(links);\r\n setOpenItems((prev) => ({ ...prev, ...next }));\r\n }, [links, isLinkActive, hasActiveChild]);\r\n\r\n const toggleItem = (key: string) =>\r\n setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\r\n\r\n const containerClasses = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.wrapper,\r\n className,\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n outline && classMap.outline,\r\n ),\r\n [classMap, className, theme, state, outline, rounding, shadow],\r\n );\r\n\r\n const renderLinks = (items: SidebarLink[], isChild = false) => (\r\n <ul\r\n className={combineClassNames(\r\n classMap.list,\r\n isChild && classMap.childList,\r\n )}\r\n data-testid={`${testId}-list`}\r\n >\r\n {items.map((link, idx) => {\r\n const {\r\n label,\r\n href,\r\n children,\r\n icon,\r\n \"aria-label\": linkAriaLabel,\r\n \"aria-description\": linkAriaDescription,\r\n \"aria-disabled\": linkAriaDisabled,\r\n } = link;\r\n\r\n const key = `${label}-${idx}`;\r\n\r\n const isActive = isLinkActive?.(link) ?? false;\r\n const containsActiveChild =\r\n hasActiveChild?.(link) ??\r\n !!children?.some(\r\n (child) =>\r\n (isLinkActive?.(child) ?? false) ||\r\n (child.children?.length && (hasActiveChild?.(child) ?? false)),\r\n );\r\n\r\n const isOpen = !!openItems[label];\r\n const sectionId = idFor(label);\r\n const buttonId = `${sectionId}-button`;\r\n const panelId = `${sectionId}-panel`;\r\n\r\n return (\r\n <li\r\n key={key}\r\n className={classMap.item}\r\n data-testid={`${testId}-listItem`}\r\n >\r\n {children && children.length > 0 ? (\r\n <>\r\n <button\r\n type=\"button\"\r\n id={buttonId}\r\n className={combineClassNames(\r\n classMap.link,\r\n (isActive || isOpen || containsActiveChild) &&\r\n classMap.active,\r\n )}\r\n onClick={() => toggleItem(label)}\r\n aria-expanded={isOpen}\r\n aria-controls={panelId}\r\n aria-label={\r\n getExpandButtonAriaLabel?.(link, isOpen) ?? linkAriaLabel\r\n }\r\n aria-description={\r\n getExpandButtonAriaDescription?.(link, isOpen) ??\r\n linkAriaDescription\r\n }\r\n aria-disabled={linkAriaDisabled || undefined}\r\n data-testid={`${testId}-expandItemButton`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n <span data-testid={`${testId}-expandItemLabel`}>{label}</span>\r\n <ChevronDownIcon\r\n className={combineClassNames(\r\n classMap.chevron,\r\n isOpen && classMap.chevronOpen,\r\n )}\r\n aria-hidden=\"true\"\r\n focusable={false}\r\n data-testid={`${testId}-expandIcon`}\r\n />\r\n </button>\r\n\r\n <div\r\n id={panelId}\r\n className={combineClassNames(\r\n classMap.submenu,\r\n isOpen && classMap.submenuOpen,\r\n )}\r\n role=\"group\"\r\n aria-labelledby={buttonId}\r\n hidden={!isOpen}\r\n data-testid={`${testId}-subMenu`}\r\n >\r\n {renderLinks(children, true)}\r\n </div>\r\n </>\r\n ) : href ? (\r\n <LinkComponent\r\n href={href}\r\n className={combineClassNames(\r\n classMap.link,\r\n isChild && classMap.childLink,\r\n isActive && classMap.active,\r\n )}\r\n aria-current={isActive ? \"page\" : undefined}\r\n aria-label={linkAriaLabel}\r\n aria-description={linkAriaDescription}\r\n aria-disabled={linkAriaDisabled || undefined}\r\n data-testid={`${testId}-sidebarLink`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </LinkComponent>\r\n ) : (\r\n <span\r\n className={combineClassNames(\r\n classMap.link,\r\n isChild && classMap.childLink,\r\n )}\r\n aria-label={linkAriaLabel}\r\n aria-description={linkAriaDescription}\r\n aria-disabled={linkAriaDisabled || undefined}\r\n data-testid={`${testId}-sidebarLabel`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </span>\r\n )}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n );\r\n\r\n return (\r\n <nav\r\n className={containerClasses}\r\n aria-label={ariaLabelledBy ? undefined : ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n aria-describedby={ariaDescribedBy}\r\n data-testid={testId}\r\n {...rest}\r\n >\r\n <div className={classMap.nav}>{renderLinks(links)}</div>\r\n\r\n {showFooter && (\r\n <footer\r\n className={classMap.footer}\r\n aria-label={footerAriaLabelledBy ? undefined : footerAriaLabel}\r\n aria-labelledby={footerAriaLabelledBy}\r\n data-testid={`${testId}-footer`}\r\n >\r\n {footerLinks?.map(\r\n (\r\n {\r\n label,\r\n href,\r\n icon,\r\n \"aria-label\": footerLinkAriaLabel,\r\n \"aria-description\": footerLinkAriaDescription,\r\n \"aria-disabled\": footerLinkAriaDisabled,\r\n },\r\n i,\r\n ) => (\r\n <LinkComponent\r\n key={`${label}-${i}`}\r\n href={href}\r\n className={classMap.footerLink}\r\n aria-label={footerLinkAriaLabel}\r\n aria-description={footerLinkAriaDescription}\r\n aria-disabled={footerLinkAriaDisabled || undefined}\r\n data-testid={`${testId}-footerLink`}\r\n >\r\n {icon && <span className={classMap.icon}>{icon}</span>}\r\n {label}\r\n </LinkComponent>\r\n ),\r\n )}\r\n {footerVersion && (\r\n <span\r\n className={classMap.footerVersion}\r\n data-testid={`${testId}-footerVersion`}\r\n >\r\n {footerVersion}\r\n </span>\r\n )}\r\n </footer>\r\n )}\r\n </nav>\r\n );\r\n};\r\n\r\nSidebarBase.displayName = \"SidebarBase\";\r\nexport default SidebarBase;\r\n","import React, { useState } from \"react\";\r\nimport SidebarBase from \"../SidebarBase\";\r\nimport \"./Sidebar.scss\";\r\nimport { SidebarLink, SidebarProps } from \"../Sidebar.types\";\r\n\r\nconst classes = {\r\n wrapper: \"sidebar\",\r\n nav: \"sidebar_nav\",\r\n list: \"sidebar_list\",\r\n childList: \"sidebar_child_list\",\r\n item: \"sidebar_item\",\r\n link: \"sidebar_link\",\r\n childLink: \"sidebar_child_link\",\r\n active: \"sidebar_active\",\r\n icon: \"sidebar_icon\",\r\n\r\n footer: \"sidebar_footer\",\r\n footerLink: \"sidebar_footer_link\",\r\n footerVersion: \"sidebar_footer_version\",\r\n\r\n chevron: \"sidebar_chevron\",\r\n chevronOpen: \"sidebar_chevron_open\",\r\n\r\n submenu: \"sidebar_submenu\",\r\n submenuOpen: \"sidebar_submenu_open\",\r\n\r\n outline: \"sidebar_outline\",\r\n\r\n primary: \"sidebar_primary\",\r\n secondary: \"sidebar_secondary\",\r\n tertiary: \"sidebar_tertiary\",\r\n quaternary: \"sidebar_quaternary\",\r\n\r\n success: \"sidebar_success\",\r\n error: \"sidebar_error\",\r\n warning: \"sidebar_warning\",\r\n\r\n clear: \"sidebar_clear\",\r\n\r\n shadowNone: \"sidebar_shadow-None\",\r\n shadowLight: \"sidebar_shadow-Light\",\r\n shadowMedium: \"sidebar_shadow-Medium\",\r\n shadowStrong: \"sidebar_shadow-Strong\",\r\n shadowIntense: \"sidebar_shadow-Intense\",\r\n\r\n roundNone: \"sidebar_round-None\",\r\n roundSmall: \"sidebar_round-Small\",\r\n roundMedium: \"sidebar_round-Medium\",\r\n roundLarge: \"sidebar_round-Large\",\r\n};\r\n\r\nconst normalizePath = (p: string) =>\r\n p.endsWith(\"/\") && p.length > 1 ? p.slice(0, -1) : p;\r\n\r\nconst getInitialPath = () =>\r\n typeof window !== \"undefined\" ? window.location.pathname || \"/\" : \"/\";\r\n\r\nconst isDescendantPath = (parentPath: string, currentPath: string): boolean => {\r\n const parent = normalizePath(parentPath);\r\n const current = normalizePath(currentPath);\r\n\r\n if (parent === \"/\") return current === \"/\";\r\n return current === parent || current.startsWith(`${parent}/`);\r\n};\r\n\r\nconst isActiveRecursive = (\r\n link: SidebarLink,\r\n matcher: (link: SidebarLink) => boolean,\r\n): boolean => {\r\n if (matcher(link)) return true;\r\n return !!link.children?.some((child) => isActiveRecursive(child, matcher));\r\n};\r\n\r\nconst Sidebar: React.FC<SidebarProps> = ({\r\n isLinkActive: consumerIsLinkActive,\r\n hasActiveChild: consumerHasActiveChild,\r\n ...props\r\n}) => {\r\n const [pathname] = useState(getInitialPath);\r\n\r\n const defaultIsLinkActive = (link: SidebarLink): boolean => {\r\n if (!link.href) return false;\r\n\r\n if (link.children?.length) {\r\n return isDescendantPath(link.href, pathname);\r\n }\r\n\r\n return normalizePath(link.href) === normalizePath(pathname);\r\n };\r\n\r\n const resolvedIsLinkActive = consumerIsLinkActive ?? defaultIsLinkActive;\r\n\r\n const defaultHasActiveChild = (link: SidebarLink): boolean =>\r\n !!link.children?.some((child) =>\r\n isActiveRecursive(child, resolvedIsLinkActive),\r\n );\r\n\r\n const resolvedHasActiveChild =\r\n consumerHasActiveChild ?? defaultHasActiveChild;\r\n\r\n return (\r\n <SidebarBase\r\n {...props}\r\n classMap={classes}\r\n isLinkActive={resolvedIsLinkActive}\r\n hasActiveChild={resolvedHasActiveChild}\r\n />\r\n );\r\n};\r\n\r\nSidebar.displayName = \"Sidebar\";\r\nexport default Sidebar;\r\n"],"names":["_a"],"mappings":"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"}
|
package/dist/core/Sidebar.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useId, useMemo } from "react";
|
|
3
3
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
4
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
|
-
import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme
|
|
5
|
+
import { c as getDefaultSize, a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
|
|
6
6
|
const SliderBase = ({
|
|
7
7
|
value,
|
|
8
8
|
onChange,
|
|
@@ -162,4 +162,4 @@ Slider.displayName = "Slider";
|
|
|
162
162
|
export {
|
|
163
163
|
Slider as S
|
|
164
164
|
};
|
|
165
|
-
//# sourceMappingURL=Slider-
|
|
165
|
+
//# sourceMappingURL=Slider-CW11kjMv.js.map
|