boreal-ui 0.0.39 → 0.0.40
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/{Badge-DOn6E2bS.cjs → Badge-CyGz8K5W.cjs} +4 -1
- package/dist/core/Badge-CyGz8K5W.cjs.map +1 -0
- package/dist/core/{Badge-Dpjq6lUF.js → Badge-DnE8lt7-.js} +4 -1
- package/dist/core/Badge-DnE8lt7-.js.map +1 -0
- package/dist/core/Badge.cjs.js +1 -1
- package/dist/core/Badge.js +1 -1
- package/dist/core/{Card-DftqfPue.cjs → Card-CmyXglyZ.cjs} +6 -5
- package/dist/core/Card-CmyXglyZ.cjs.map +1 -0
- package/dist/core/{Card-D-GQwaUJ.js → Card-v8Cu1hJe.js} +6 -5
- package/dist/core/Card-v8Cu1hJe.js.map +1 -0
- package/dist/core/Card.cjs.js +1 -1
- package/dist/core/Card.js +1 -1
- package/dist/core/{Chip-D4vbSudX.js → Chip-BjbtoFKm.js} +2 -2
- package/dist/core/{Chip-D4vbSudX.js.map → Chip-BjbtoFKm.js.map} +1 -1
- package/dist/core/{Chip-CWsfLyyU.cjs → Chip-c2mN7R-R.cjs} +2 -2
- package/dist/core/{Chip-CWsfLyyU.cjs.map → Chip-c2mN7R-R.cjs.map} +1 -1
- package/dist/core/Chip.cjs.js +1 -1
- package/dist/core/Chip.js +1 -1
- package/dist/core/{CommandPalette-CXKBDCbP.cjs → CommandPalette-CPhVbQAc.cjs} +2 -2
- package/dist/core/{CommandPalette-CXKBDCbP.cjs.map → CommandPalette-CPhVbQAc.cjs.map} +1 -1
- package/dist/core/{CommandPalette-N556smLj.js → CommandPalette-Df69KRv4.js} +2 -2
- package/dist/core/{CommandPalette-N556smLj.js.map → CommandPalette-Df69KRv4.js.map} +1 -1
- package/dist/core/CommandPalette.cjs.js +1 -1
- package/dist/core/CommandPalette.js +1 -1
- package/dist/core/{Dropdown-CwofYHjq.js → Dropdown-CR3xr5K-.js} +2 -2
- package/dist/core/{Dropdown-CwofYHjq.js.map → Dropdown-CR3xr5K-.js.map} +1 -1
- package/dist/core/{Dropdown-DvwHouyC.cjs → Dropdown-CjPfU1K-.cjs} +2 -2
- package/dist/core/{Dropdown-DvwHouyC.cjs.map → Dropdown-CjPfU1K-.cjs.map} +1 -1
- package/dist/core/Dropdown.cjs.js +1 -1
- package/dist/core/Dropdown.js +1 -1
- package/dist/core/{FileUpload-Du7vDDdf.cjs → FileUpload-BJ3RJxT3.cjs} +3 -3
- package/dist/core/{FileUpload-Du7vDDdf.cjs.map → FileUpload-BJ3RJxT3.cjs.map} +1 -1
- package/dist/core/{FileUpload-Q8aDsaFs.js → FileUpload-C0eHx1h8.js} +3 -3
- package/dist/core/{FileUpload-Q8aDsaFs.js.map → FileUpload-C0eHx1h8.js.map} +1 -1
- package/dist/core/FileUpload.cjs.js +1 -1
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/{Footer-DMOA1W7N.cjs → Footer-CYIUIgV1.cjs} +3 -3
- package/dist/core/Footer-CYIUIgV1.cjs.map +1 -0
- package/dist/core/{Footer-zO4RGjCl.js → Footer-D9RimHx9.js} +3 -3
- package/dist/core/Footer-D9RimHx9.js.map +1 -0
- package/dist/core/Footer.cjs.js +1 -1
- package/dist/core/Footer.js +1 -1
- package/dist/core/{FormGroup-C2TWC17P.cjs → FormGroup-Cit_2_Wo.cjs} +5 -8
- package/dist/core/FormGroup-Cit_2_Wo.cjs.map +1 -0
- package/dist/core/{FormGroup-tSK_NN0-.js → FormGroup-DDZ1D_CI.js} +5 -8
- package/dist/core/FormGroup-DDZ1D_CI.js.map +1 -0
- package/dist/core/FormGroup.cjs.js +1 -1
- package/dist/core/FormGroup.js +1 -1
- package/dist/core/{IconButton-_lxTppua.js → IconButton-BMZhwYXB.js} +2 -2
- package/dist/core/IconButton-BMZhwYXB.js.map +1 -0
- package/dist/core/{IconButton-CR9bTZoJ.cjs → IconButton-Bio6Azm-.cjs} +2 -2
- package/dist/core/IconButton-Bio6Azm-.cjs.map +1 -0
- package/dist/core/IconButton.cjs.js +1 -1
- package/dist/core/IconButton.js +1 -1
- package/dist/core/{MarkdownRenderer-LUXCa_a8.cjs → MarkdownRenderer-Bn6vcfSd.cjs} +3 -2
- package/dist/core/MarkdownRenderer-Bn6vcfSd.cjs.map +1 -0
- package/dist/core/{MarkdownRenderer-B1LmmpZm.js → MarkdownRenderer-Co787hku.js} +3 -2
- package/dist/core/MarkdownRenderer-Co787hku.js.map +1 -0
- package/dist/core/MarkdownRenderer.cjs.js +1 -1
- package/dist/core/MarkdownRenderer.js +1 -1
- package/dist/core/MessagePopUp.cjs.js +1 -1
- package/dist/core/MessagePopUp.js +1 -1
- package/dist/core/{MessagePopup-BlbPMecd.js → MessagePopup-B3lEfar7.js} +2 -2
- package/dist/core/{MessagePopup-BlbPMecd.js.map → MessagePopup-B3lEfar7.js.map} +1 -1
- package/dist/core/{MessagePopup-hxloT7aK.cjs → MessagePopup-CtdpuRFv.cjs} +2 -2
- package/dist/core/{MessagePopup-hxloT7aK.cjs.map → MessagePopup-CtdpuRFv.cjs.map} +1 -1
- package/dist/core/{MetricBox-Dh911MS2.js → MetricBox-CPug-nxo.js} +11 -2
- package/dist/core/MetricBox-CPug-nxo.js.map +1 -0
- package/dist/core/{MetricBox-BcOdQM-l.cjs → MetricBox-DVo4UUQv.cjs} +11 -2
- package/dist/core/MetricBox-DVo4UUQv.cjs.map +1 -0
- package/dist/core/MetricBox.cjs.js +1 -1
- package/dist/core/MetricBox.js +1 -1
- package/dist/core/{Modal-D1G1Csp9.js → Modal-DFhYDYb9.js} +2 -2
- package/dist/core/{Modal-D1G1Csp9.js.map → Modal-DFhYDYb9.js.map} +1 -1
- package/dist/core/{Modal-D-ZoA_xx.cjs → Modal-FB4mTmQW.cjs} +2 -2
- package/dist/core/{Modal-D-ZoA_xx.cjs.map → Modal-FB4mTmQW.cjs.map} +1 -1
- package/dist/core/Modal.cjs.js +1 -1
- package/dist/core/Modal.js +1 -1
- package/dist/core/{NotificationCenter-BrUNpJAx.js → NotificationCenter-DLCzWNve.js} +2 -2
- package/dist/core/{NotificationCenter-BrUNpJAx.js.map → NotificationCenter-DLCzWNve.js.map} +1 -1
- package/dist/core/{NotificationCenter-Dqwu2Z6s.cjs → NotificationCenter-DfOOEt9N.cjs} +2 -2
- package/dist/core/{NotificationCenter-Dqwu2Z6s.cjs.map → NotificationCenter-DfOOEt9N.cjs.map} +1 -1
- package/dist/core/NotificationCenter.cjs.js +1 -1
- package/dist/core/NotificationCenter.js +1 -1
- package/dist/core/{Pager-CZF6O7rq.js → Pager-DBHI7yRW.js} +2 -2
- package/dist/core/{Pager-CZF6O7rq.js.map → Pager-DBHI7yRW.js.map} +1 -1
- package/dist/core/{Pager-C_SG4CIc.cjs → Pager-Dv6D3kXa.cjs} +2 -2
- package/dist/core/{Pager-C_SG4CIc.cjs.map → Pager-Dv6D3kXa.cjs.map} +1 -1
- package/dist/core/Pager.cjs.js +1 -1
- package/dist/core/Pager.js +1 -1
- package/dist/core/{Skeleton-Cwn3_gc7.js → Skeleton-BjpQHG5i.js} +2 -2
- package/dist/core/{Skeleton-Cwn3_gc7.js.map → Skeleton-BjpQHG5i.js.map} +1 -1
- package/dist/core/{Skeleton-BLVD5mDI.cjs → Skeleton-tetAZCSl.cjs} +2 -2
- package/dist/core/{Skeleton-BLVD5mDI.cjs.map → Skeleton-tetAZCSl.cjs.map} +1 -1
- package/dist/core/Skeleton.cjs.js +1 -1
- package/dist/core/Skeleton.js +1 -1
- package/dist/core/{Spinner-D81UG24n.js → Spinner-D1CHbKYU.js} +2 -2
- package/dist/core/Spinner-D1CHbKYU.js.map +1 -0
- package/dist/core/{Spinner-CEIk_hpT.cjs → Spinner-JTcQ_d4T.cjs} +2 -2
- package/dist/core/Spinner-JTcQ_d4T.cjs.map +1 -0
- package/dist/core/Spinner.cjs.js +1 -1
- package/dist/core/Spinner.js +1 -1
- package/dist/core/{Stepper-Cjb7ckXo.js → Stepper-C6xjvhZJ.js} +2 -2
- package/dist/core/{Stepper-Cjb7ckXo.js.map → Stepper-C6xjvhZJ.js.map} +1 -1
- package/dist/core/{Stepper-BuCLqbtQ.cjs → Stepper-JNVBVHc3.cjs} +2 -2
- package/dist/core/{Stepper-BuCLqbtQ.cjs.map → Stepper-JNVBVHc3.cjs.map} +1 -1
- package/dist/core/Stepper.cjs.js +1 -1
- package/dist/core/Stepper.js +1 -1
- package/dist/core/TagInput.cjs.js +1 -1
- package/dist/core/TagInput.js +1 -1
- package/dist/core/{Taginput-DgbxDttA.cjs → Taginput-BXCxdLf0.cjs} +3 -3
- package/dist/core/{Taginput-DgbxDttA.cjs.map → Taginput-BXCxdLf0.cjs.map} +1 -1
- package/dist/core/{Taginput-CKekAR72.js → Taginput-CoxxwLXg.js} +3 -3
- package/dist/core/{Taginput-CKekAR72.js.map → Taginput-CoxxwLXg.js.map} +1 -1
- package/dist/core/{TextInput-DFOjxri2.cjs → TextInput-DYALlUc_.cjs} +2 -2
- package/dist/core/{TextInput-DFOjxri2.cjs.map → TextInput-DYALlUc_.cjs.map} +1 -1
- package/dist/core/{TextInput-7kV66ccj.js → TextInput-qw-jAx_3.js} +2 -2
- package/dist/core/{TextInput-7kV66ccj.js.map → TextInput-qw-jAx_3.js.map} +1 -1
- package/dist/core/TextInput.cjs.js +1 -1
- package/dist/core/TextInput.js +1 -1
- package/dist/core/{style.css → boreal-ui.css} +6976 -6974
- package/dist/core/index.cjs.js +20 -20
- package/dist/core/index.js +20 -20
- package/dist/next/{Accordion-DKNh8FaP.cjs → Accordion-BPWTEHym.cjs} +50 -50
- package/dist/next/{Accordion-DKNh8FaP.cjs.map → Accordion-BPWTEHym.cjs.map} +1 -1
- package/dist/next/{Accordion-BkiAI6vY.js → Accordion-DY243Bq9.js} +50 -50
- package/dist/next/{Accordion-BkiAI6vY.js.map → Accordion-DY243Bq9.js.map} +1 -1
- package/dist/next/Accordion.cjs.js +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/{Avatar-ijMVfQpY.js → Avatar-B-Ws4Ueo.js} +42 -42
- package/dist/next/{Avatar-ijMVfQpY.js.map → Avatar-B-Ws4Ueo.js.map} +1 -1
- package/dist/next/{Avatar-Ctm74prt.cjs → Avatar-B9sMyRWr.cjs} +42 -42
- package/dist/next/{Avatar-Ctm74prt.cjs.map → Avatar-B9sMyRWr.cjs.map} +1 -1
- package/dist/next/Avatar.cjs.js +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/{Badge-k6Dk5S_p.js → Badge-BZNYm0IU.js} +34 -31
- package/dist/next/Badge-BZNYm0IU.js.map +1 -0
- package/dist/next/{Badge-DbmM5wGc.cjs → Badge-dTyh833r.cjs} +34 -31
- package/dist/next/Badge-dTyh833r.cjs.map +1 -0
- package/dist/next/Badge.cjs.js +1 -1
- package/dist/next/Badge.js +1 -1
- package/dist/next/{Breadcrumbs-CWv3TrV_.js → Breadcrumbs-BPWmV24h.js} +39 -39
- package/dist/next/{Breadcrumbs-CWv3TrV_.js.map → Breadcrumbs-BPWmV24h.js.map} +1 -1
- package/dist/next/{Breadcrumbs-BrH6_8Kt.cjs → Breadcrumbs-BcXj2PgR.cjs} +39 -39
- package/dist/next/{Breadcrumbs-BrH6_8Kt.cjs.map → Breadcrumbs-BcXj2PgR.cjs.map} +1 -1
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-D8Kff8sN.cjs → Button-B1Fh4G0_.cjs} +47 -47
- package/dist/next/{Button-D8Kff8sN.cjs.map → Button-B1Fh4G0_.cjs.map} +1 -1
- package/dist/next/{Button-BjY7f3mw.js → Button-uZ3xTOOt.js} +47 -47
- package/dist/next/{Button-BjY7f3mw.js.map → Button-uZ3xTOOt.js.map} +1 -1
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-BFmGnvxN.cjs → Card-BOu9cws1.cjs} +68 -67
- package/dist/next/Card-BOu9cws1.cjs.map +1 -0
- package/dist/next/{Card-DhxLw6XZ.js → Card-CZu4-xEt.js} +68 -67
- package/dist/next/Card-CZu4-xEt.js.map +1 -0
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/CheckBox.cjs.js +1 -1
- package/dist/next/CheckBox.js +1 -1
- package/dist/next/{Checkbox-DVr6H6mN.js → Checkbox-BJ0rBZLF.js} +44 -44
- package/dist/next/{Checkbox-DVr6H6mN.js.map → Checkbox-BJ0rBZLF.js.map} +1 -1
- package/dist/next/{Checkbox-B-y0lEjJ.cjs → Checkbox-Ch7osD3y.cjs} +44 -44
- package/dist/next/{Checkbox-B-y0lEjJ.cjs.map → Checkbox-Ch7osD3y.cjs.map} +1 -1
- package/dist/next/{Chip-C8ayWG9-.js → Chip-BB3Awc2g.js} +51 -51
- package/dist/next/{Chip-C8ayWG9-.js.map → Chip-BB3Awc2g.js.map} +1 -1
- package/dist/next/{Chip-C4-KUcHh.cjs → Chip-DzFaUPed.cjs} +51 -51
- package/dist/next/{Chip-C4-KUcHh.cjs.map → Chip-DzFaUPed.cjs.map} +1 -1
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CircularProgress-Cz9G0WeQ.js → CircularProgress-BUqdguII.js} +37 -37
- package/dist/next/{CircularProgress-Cz9G0WeQ.js.map → CircularProgress-BUqdguII.js.map} +1 -1
- package/dist/next/{CircularProgress-UhpLA94q.cjs → CircularProgress-Cp2pGFmc.cjs} +37 -37
- package/dist/next/{CircularProgress-UhpLA94q.cjs.map → CircularProgress-Cp2pGFmc.cjs.map} +1 -1
- package/dist/next/CircularProgress.cjs.js +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{ColorPicker-DvgeIT_p.cjs → ColorPicker-BHtO2mbU.cjs} +38 -38
- package/dist/next/{ColorPicker-DvgeIT_p.cjs.map → ColorPicker-BHtO2mbU.cjs.map} +1 -1
- package/dist/next/{ColorPicker-1naDOGhp.js → ColorPicker-ChWOekWP.js} +38 -38
- package/dist/next/{ColorPicker-1naDOGhp.js.map → ColorPicker-ChWOekWP.js.map} +1 -1
- package/dist/next/ColorPicker.cjs.js +1 -1
- package/dist/next/ColorPicker.js +1 -1
- package/dist/next/{CommandPalette-ypXbi8zW.cjs → CommandPalette-BT9X_yL0.cjs} +42 -42
- package/dist/next/{CommandPalette-ypXbi8zW.cjs.map → CommandPalette-BT9X_yL0.cjs.map} +1 -1
- package/dist/next/{CommandPalette-XP4v5FE6.js → CommandPalette-DEf12Et3.js} +42 -42
- package/dist/next/{CommandPalette-XP4v5FE6.js.map → CommandPalette-DEf12Et3.js.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DataTable-jUelgv2H.js → DataTable-CnvOkZrU.js} +40 -40
- package/dist/next/{DataTable-jUelgv2H.js.map → DataTable-CnvOkZrU.js.map} +1 -1
- package/dist/next/{DataTable-jq0suGoA.cjs → DataTable-DQ1QRyZw.cjs} +40 -40
- package/dist/next/{DataTable-jq0suGoA.cjs.map → DataTable-DQ1QRyZw.cjs.map} +1 -1
- package/dist/next/DataTable.cjs.js +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{DateTimePicker-D5gEfxvd.cjs → DateTimePicker-2M4AJJXm.cjs} +46 -46
- package/dist/next/{DateTimePicker-D5gEfxvd.cjs.map → DateTimePicker-2M4AJJXm.cjs.map} +1 -1
- package/dist/next/{DateTimePicker-BTm6T3-E.js → DateTimePicker-IvBWNgkK.js} +46 -46
- package/dist/next/{DateTimePicker-BTm6T3-E.js.map → DateTimePicker-IvBWNgkK.js.map} +1 -1
- package/dist/next/DateTimePicker.cjs.js +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{Divider-BYKFFi3a.js → Divider-BCCzNbAE.js} +28 -28
- package/dist/next/{Divider-BYKFFi3a.js.map → Divider-BCCzNbAE.js.map} +1 -1
- package/dist/next/{Divider-CczNc7mx.cjs → Divider-ByDYa4v6.cjs} +28 -28
- package/dist/next/{Divider-CczNc7mx.cjs.map → Divider-ByDYa4v6.cjs.map} +1 -1
- package/dist/next/Divider.cjs.js +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/{Dropdown-yaMx19im.cjs → Dropdown-DEdk2QjS.cjs} +22 -22
- package/dist/next/{Dropdown-yaMx19im.cjs.map → Dropdown-DEdk2QjS.cjs.map} +1 -1
- package/dist/next/{Dropdown-CJGb6wyQ.js → Dropdown-qdxH-NQR.js} +22 -22
- package/dist/next/{Dropdown-CJGb6wyQ.js.map → Dropdown-qdxH-NQR.js.map} +1 -1
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-DIymA2cZ.js → EmptyState-BNzFHAk3.js} +31 -31
- package/dist/next/{EmptyState-DIymA2cZ.js.map → EmptyState-BNzFHAk3.js.map} +1 -1
- package/dist/next/{EmptyState-CGPIGpz2.cjs → EmptyState-CXyx1WlG.cjs} +31 -31
- package/dist/next/{EmptyState-CGPIGpz2.cjs.map → EmptyState-CXyx1WlG.cjs.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-CIued3w1.js → FileUpload-DBSXPL55.js} +52 -52
- package/dist/next/{FileUpload-CIued3w1.js.map → FileUpload-DBSXPL55.js.map} +1 -1
- package/dist/next/{FileUpload-MVXOV0j9.cjs → FileUpload-DwlqapHn.cjs} +52 -52
- package/dist/next/{FileUpload-MVXOV0j9.cjs.map → FileUpload-DwlqapHn.cjs.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-DAZLz11H.cjs → Footer-BxrsmJyY.cjs} +45 -45
- package/dist/next/Footer-BxrsmJyY.cjs.map +1 -0
- package/dist/next/{Footer-BSEbf6CL.js → Footer-CP_PaLon.js} +45 -45
- package/dist/next/Footer-CP_PaLon.js.map +1 -0
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{FormGroup-DbUqgg_b.js → FormGroup-QfUhtyhx.js} +34 -37
- package/dist/next/FormGroup-QfUhtyhx.js.map +1 -0
- package/dist/next/{FormGroup-6Ss6pNqV.cjs → FormGroup-U3EwnB0M.cjs} +34 -37
- package/dist/next/FormGroup-U3EwnB0M.cjs.map +1 -0
- package/dist/next/FormGroup.cjs.js +1 -1
- package/dist/next/FormGroup.js +1 -1
- package/dist/next/{IconButton-VSz8qAIg.cjs → IconButton-2l-_HOMB.cjs} +31 -31
- package/dist/next/IconButton-2l-_HOMB.cjs.map +1 -0
- package/dist/next/{IconButton-qQljwBB2.js → IconButton-BTUFKRZt.js} +31 -31
- package/dist/next/IconButton-BTUFKRZt.js.map +1 -0
- package/dist/next/IconButton.cjs.js +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/{MarkdownRenderer-B7lwemDw.js → MarkdownRenderer-B8_D0j7d.js} +14 -13
- package/dist/next/{MarkdownRenderer-B7lwemDw.js.map → MarkdownRenderer-B8_D0j7d.js.map} +1 -1
- package/dist/next/{MarkdownRenderer-BvfBDz9X.cjs → MarkdownRenderer-l6hdKOt0.cjs} +14 -13
- package/dist/next/{MarkdownRenderer-BvfBDz9X.cjs.map → MarkdownRenderer-l6hdKOt0.cjs.map} +1 -1
- package/dist/next/MarkdownRenderer.cjs.js +1 -1
- package/dist/next/MarkdownRenderer.js +1 -1
- package/dist/next/MessagePopUp.cjs.js +1 -1
- package/dist/next/MessagePopUp.js +1 -1
- package/dist/next/{MessagePopup-B5OaSUBr.js → MessagePopup-N2n3NvgX.js} +19 -19
- package/dist/next/{MessagePopup-B5OaSUBr.js.map → MessagePopup-N2n3NvgX.js.map} +1 -1
- package/dist/next/{MessagePopup-BQ4OFvwo.cjs → MessagePopup-PB3e2lTg.cjs} +19 -19
- package/dist/next/{MessagePopup-BQ4OFvwo.cjs.map → MessagePopup-PB3e2lTg.cjs.map} +1 -1
- package/dist/next/{MetricBox-Dl3iruBZ.js → MetricBox-BjdAzOrZ.js} +57 -48
- package/dist/next/MetricBox-BjdAzOrZ.js.map +1 -0
- package/dist/next/{MetricBox-BylPOvoO.cjs → MetricBox-C3B6Bkcb.cjs} +57 -48
- package/dist/next/MetricBox-C3B6Bkcb.cjs.map +1 -0
- package/dist/next/MetricBox.cjs.js +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{Modal-CevpqeOy.cjs → Modal-DHTrvNfc.cjs} +17 -17
- package/dist/next/{Modal-CevpqeOy.cjs.map → Modal-DHTrvNfc.cjs.map} +1 -1
- package/dist/next/{Modal-BARibygG.js → Modal-QTq5IcKa.js} +17 -17
- package/dist/next/{Modal-BARibygG.js.map → Modal-QTq5IcKa.js.map} +1 -1
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{NavBar-C5FBdZT6.cjs → NavBar-Ds_02bAe.cjs} +40 -40
- package/dist/next/{NavBar-C5FBdZT6.cjs.map → NavBar-Ds_02bAe.cjs.map} +1 -1
- package/dist/next/{NavBar-Bucpo8_3.js → NavBar-v_ckzQIo.js} +40 -40
- package/dist/next/{NavBar-Bucpo8_3.js.map → NavBar-v_ckzQIo.js.map} +1 -1
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-BD58bbOZ.cjs → NotificationCenter-DbYxpoy6.cjs} +43 -43
- package/dist/next/{NotificationCenter-BD58bbOZ.cjs.map → NotificationCenter-DbYxpoy6.cjs.map} +1 -1
- package/dist/next/{NotificationCenter-CSwbscYh.js → NotificationCenter-DxK09uJd.js} +43 -43
- package/dist/next/{NotificationCenter-CSwbscYh.js.map → NotificationCenter-DxK09uJd.js.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-B-xaM28_.cjs → Pager-BU5RjNwR.cjs} +7 -7
- package/dist/next/{Pager-B-xaM28_.cjs.map → Pager-BU5RjNwR.cjs.map} +1 -1
- package/dist/next/{Pager-DWzCtb2Q.js → Pager-CtzyTqIl.js} +7 -7
- package/dist/next/{Pager-DWzCtb2Q.js.map → Pager-CtzyTqIl.js.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-QAYHaYcd.js → PopOver-CmPp9PkL.js} +40 -40
- package/dist/next/{PopOver-QAYHaYcd.js.map → PopOver-CmPp9PkL.js.map} +1 -1
- package/dist/next/{PopOver-Dp4eqN8G.cjs → PopOver-ixERZLpM.cjs} +40 -40
- package/dist/next/{PopOver-Dp4eqN8G.cjs.map → PopOver-ixERZLpM.cjs.map} +1 -1
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{ProgressBar-BrO0fvaM.js → ProgressBar-BoU2HJv3.js} +42 -42
- package/dist/next/{ProgressBar-BrO0fvaM.js.map → ProgressBar-BoU2HJv3.js.map} +1 -1
- package/dist/next/{ProgressBar-DfXSlpKX.cjs → ProgressBar-C6zKbiq5.cjs} +42 -42
- package/dist/next/{ProgressBar-DfXSlpKX.cjs.map → ProgressBar-C6zKbiq5.cjs.map} +1 -1
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{RadioButton-6cb-ZRjy.cjs → RadioButton-BCu934Uo.cjs} +38 -38
- package/dist/next/{RadioButton-6cb-ZRjy.cjs.map → RadioButton-BCu934Uo.cjs.map} +1 -1
- package/dist/next/{RadioButton-Dz_e0WUT.js → RadioButton-C14Rsx9o.js} +38 -38
- package/dist/next/{RadioButton-Dz_e0WUT.js.map → RadioButton-C14Rsx9o.js.map} +1 -1
- package/dist/next/RadioButton.cjs.js +1 -1
- package/dist/next/RadioButton.js +1 -1
- package/dist/next/{Rating-C4pqzKNQ.cjs → Rating-C9BgQANc.cjs} +34 -34
- package/dist/next/{Rating-C4pqzKNQ.cjs.map → Rating-C9BgQANc.cjs.map} +1 -1
- package/dist/next/{Rating-DbQ61tMY.js → Rating-aheV3uZJ.js} +34 -34
- package/dist/next/{Rating-DbQ61tMY.js.map → Rating-aheV3uZJ.js.map} +1 -1
- package/dist/next/Rating.cjs.js +1 -1
- package/dist/next/Rating.js +1 -1
- package/dist/next/{STT-CCzJFcVP.js → STT-CFFr1_Ls.js} +14 -14
- package/dist/next/{STT-CCzJFcVP.js.map → STT-CFFr1_Ls.js.map} +1 -1
- package/dist/next/{STT-C6kV0zwW.cjs → STT-GyAuX3-m.cjs} +14 -14
- package/dist/next/{STT-C6kV0zwW.cjs.map → STT-GyAuX3-m.cjs.map} +1 -1
- package/dist/next/ScrollToTop.cjs.js +1 -1
- package/dist/next/ScrollToTop.js +1 -1
- package/dist/next/{Select-CZivQIlV.js → Select-CPwU0IV9.js} +32 -32
- package/dist/next/{Select-CZivQIlV.js.map → Select-CPwU0IV9.js.map} +1 -1
- package/dist/next/{Select-CSAN6B98.cjs → Select-Dgcy2vVe.cjs} +32 -32
- package/dist/next/{Select-CSAN6B98.cjs.map → Select-Dgcy2vVe.cjs.map} +1 -1
- package/dist/next/Select.cjs.js +1 -1
- package/dist/next/Select.js +1 -1
- package/dist/next/{Sidebar-BVeRWv61.js → Sidebar-CJ4VrQIW.js} +38 -38
- package/dist/next/{Sidebar-BVeRWv61.js.map → Sidebar-CJ4VrQIW.js.map} +1 -1
- package/dist/next/{Sidebar-DcDJjNrK.cjs → Sidebar-DajVSn82.cjs} +38 -38
- package/dist/next/{Sidebar-DcDJjNrK.cjs.map → Sidebar-DajVSn82.cjs.map} +1 -1
- package/dist/next/Sidebar.cjs.js +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/{Skeleton-rSW1X4hk.js → Skeleton-D8C29p3K.js} +27 -27
- package/dist/next/{Skeleton-rSW1X4hk.js.map → Skeleton-D8C29p3K.js.map} +1 -1
- package/dist/next/{Skeleton-JgU17y-3.cjs → Skeleton-Dmz7m0dj.cjs} +27 -27
- package/dist/next/{Skeleton-JgU17y-3.cjs.map → Skeleton-Dmz7m0dj.cjs.map} +1 -1
- package/dist/next/Skeleton.cjs.js +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/{Slider-CdSPPw1x.js → Slider-BOAgWYkH.js} +43 -43
- package/dist/next/{Slider-CdSPPw1x.js.map → Slider-BOAgWYkH.js.map} +1 -1
- package/dist/next/{Slider-B8e96nMm.cjs → Slider-DQM9nV1P.cjs} +43 -43
- package/dist/next/{Slider-B8e96nMm.cjs.map → Slider-DQM9nV1P.cjs.map} +1 -1
- package/dist/next/Slider.cjs.js +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/{Spinner-B89FhxVt.cjs → Spinner-0GZngKjG.cjs} +38 -38
- package/dist/next/Spinner-0GZngKjG.cjs.map +1 -0
- package/dist/next/{Spinner-ChiOXzru.js → Spinner-BFAOf4tt.js} +38 -38
- package/dist/next/Spinner-BFAOf4tt.js.map +1 -0
- package/dist/next/Spinner.cjs.js +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/{Stepper-9uHSgp7y.js → Stepper-B03bz8wT.js} +40 -40
- package/dist/next/{Stepper-9uHSgp7y.js.map → Stepper-B03bz8wT.js.map} +1 -1
- package/dist/next/{Stepper-UwSloxRf.cjs → Stepper-XZSIlydV.cjs} +40 -40
- package/dist/next/{Stepper-UwSloxRf.cjs.map → Stepper-XZSIlydV.cjs.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{Tabs-D2jqRrxR.cjs → Tabs-D8Efg8wn.cjs} +44 -44
- package/dist/next/{Tabs-D2jqRrxR.cjs.map → Tabs-D8Efg8wn.cjs.map} +1 -1
- package/dist/next/{Tabs-CvYx2xtH.js → Tabs-DmrS_FUa.js} +44 -44
- package/dist/next/{Tabs-CvYx2xtH.js.map → Tabs-DmrS_FUa.js.map} +1 -1
- package/dist/next/Tabs.cjs.js +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/{TagInput-Dym0BPK1.cjs → TagInput-Bfjg9pZQ.cjs} +48 -48
- package/dist/next/{TagInput-Dym0BPK1.cjs.map → TagInput-Bfjg9pZQ.cjs.map} +1 -1
- package/dist/next/{TagInput-DUWgLslk.js → TagInput-CtYKwhEi.js} +48 -48
- package/dist/next/{TagInput-DUWgLslk.js.map → TagInput-CtYKwhEi.js.map} +1 -1
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextArea-xg4t0Lzo.js → TextArea-n9HgwyJE.js} +25 -25
- package/dist/next/{TextArea-xg4t0Lzo.js.map → TextArea-n9HgwyJE.js.map} +1 -1
- package/dist/next/{TextArea-9AvILSCY.cjs → TextArea-rwkjK4Rf.cjs} +25 -25
- package/dist/next/{TextArea-9AvILSCY.cjs.map → TextArea-rwkjK4Rf.cjs.map} +1 -1
- package/dist/next/TextArea.cjs.js +1 -1
- package/dist/next/TextArea.js +1 -1
- package/dist/next/{TextInput-D9dzooMU.js → TextInput-ChmIMzj2.js} +26 -26
- package/dist/next/{TextInput-D9dzooMU.js.map → TextInput-ChmIMzj2.js.map} +1 -1
- package/dist/next/{TextInput-Cr0WjibW.cjs → TextInput-Z2izAjJj.cjs} +26 -26
- package/dist/next/{TextInput-Cr0WjibW.cjs.map → TextInput-Z2izAjJj.cjs.map} +1 -1
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/{Timeline-DXSXZumg.cjs → Timeline-3bNOgI6C.cjs} +28 -28
- package/dist/next/{Timeline-DXSXZumg.cjs.map → Timeline-3bNOgI6C.cjs.map} +1 -1
- package/dist/next/{Timeline-Cg0FWWVc.js → Timeline-9947mxJO.js} +28 -28
- package/dist/next/{Timeline-Cg0FWWVc.js.map → Timeline-9947mxJO.js.map} +1 -1
- package/dist/next/Timeline.cjs.js +1 -1
- package/dist/next/Timeline.js +1 -1
- package/dist/next/{Toggle-CnpONDwl.js → Toggle-C60HtU15.js} +30 -30
- package/dist/next/{Toggle-CnpONDwl.js.map → Toggle-C60HtU15.js.map} +1 -1
- package/dist/next/{Toggle-BNK7uC_N.cjs → Toggle-XcxNC4zl.cjs} +30 -30
- package/dist/next/{Toggle-BNK7uC_N.cjs.map → Toggle-XcxNC4zl.cjs.map} +1 -1
- package/dist/next/Toggle.cjs.js +1 -1
- package/dist/next/Toggle.js +1 -1
- package/dist/next/{Toolbar-DHUozW08.cjs → Toolbar-C45B_I44.cjs} +35 -35
- package/dist/next/{Toolbar-DHUozW08.cjs.map → Toolbar-C45B_I44.cjs.map} +1 -1
- package/dist/next/{Toolbar-007Q19jl.js → Toolbar-Dq1qqx4P.js} +35 -35
- package/dist/next/{Toolbar-007Q19jl.js.map → Toolbar-Dq1qqx4P.js.map} +1 -1
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/{Tooltip-2XEuDIAw.js → Tooltip-BHIA1zE1.js} +39 -39
- package/dist/next/{Tooltip-2XEuDIAw.js.map → Tooltip-BHIA1zE1.js.map} +1 -1
- package/dist/next/{Tooltip-FCqrcC7D.cjs → Tooltip-BXd5FXXv.cjs} +39 -39
- package/dist/next/{Tooltip-FCqrcC7D.cjs.map → Tooltip-BXd5FXXv.cjs.map} +1 -1
- package/dist/next/Tooltip.cjs.js +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/{style.css → boreal-ui.css} +9636 -9636
- package/dist/next/{image-VX9Ty9NQ.cjs → image-A4nTeRaX.cjs} +1079 -1025
- package/dist/next/image-A4nTeRaX.cjs.map +1 -0
- package/dist/next/{image-CEz9QtOW.js → image-BBS8QO15.js} +1083 -1029
- package/dist/next/image-BBS8QO15.js.map +1 -0
- package/dist/next/index.cjs.js +69 -69
- package/dist/next/index.js +69 -69
- package/dist/next/link-CxWP3aXr.js +3829 -0
- package/dist/next/link-CxWP3aXr.js.map +1 -0
- package/dist/next/link-lNk_lOdS.cjs +3828 -0
- package/dist/next/link-lNk_lOdS.cjs.map +1 -0
- package/dist/next/navigation-CZU71Pmb.cjs +2443 -0
- package/dist/next/navigation-CZU71Pmb.cjs.map +1 -0
- package/dist/next/navigation-DxXFNXZM.js +2444 -0
- package/dist/next/navigation-DxXFNXZM.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Badge/BadgeBase.d.ts.map +1 -1
- package/dist/types/components/Card/CardBase.d.ts.map +1 -1
- package/dist/types/components/FormGroup/FormGroupBase.d.ts.map +1 -1
- package/dist/types/components/MarkdownRenderer/MarkdownRendererBase.d.ts.map +1 -1
- package/dist/types/components/MetricBox/MetricBoxBase.d.ts.map +1 -1
- package/package.json +12 -11
- package/dist/core/Badge-DOn6E2bS.cjs.map +0 -1
- package/dist/core/Badge-Dpjq6lUF.js.map +0 -1
- package/dist/core/Card-D-GQwaUJ.js.map +0 -1
- package/dist/core/Card-DftqfPue.cjs.map +0 -1
- package/dist/core/Footer-DMOA1W7N.cjs.map +0 -1
- package/dist/core/Footer-zO4RGjCl.js.map +0 -1
- package/dist/core/FormGroup-C2TWC17P.cjs.map +0 -1
- package/dist/core/FormGroup-tSK_NN0-.js.map +0 -1
- package/dist/core/IconButton-CR9bTZoJ.cjs.map +0 -1
- package/dist/core/IconButton-_lxTppua.js.map +0 -1
- package/dist/core/MarkdownRenderer-B1LmmpZm.js.map +0 -1
- package/dist/core/MarkdownRenderer-LUXCa_a8.cjs.map +0 -1
- package/dist/core/MetricBox-BcOdQM-l.cjs.map +0 -1
- package/dist/core/MetricBox-Dh911MS2.js.map +0 -1
- package/dist/core/Spinner-CEIk_hpT.cjs.map +0 -1
- package/dist/core/Spinner-D81UG24n.js.map +0 -1
- package/dist/next/Badge-DbmM5wGc.cjs.map +0 -1
- package/dist/next/Badge-k6Dk5S_p.js.map +0 -1
- package/dist/next/Card-BFmGnvxN.cjs.map +0 -1
- package/dist/next/Card-DhxLw6XZ.js.map +0 -1
- package/dist/next/Footer-BSEbf6CL.js.map +0 -1
- package/dist/next/Footer-DAZLz11H.cjs.map +0 -1
- package/dist/next/FormGroup-6Ss6pNqV.cjs.map +0 -1
- package/dist/next/FormGroup-DbUqgg_b.js.map +0 -1
- package/dist/next/IconButton-VSz8qAIg.cjs.map +0 -1
- package/dist/next/IconButton-qQljwBB2.js.map +0 -1
- package/dist/next/MetricBox-BylPOvoO.cjs.map +0 -1
- package/dist/next/MetricBox-Dl3iruBZ.js.map +0 -1
- package/dist/next/Spinner-B89FhxVt.cjs.map +0 -1
- package/dist/next/Spinner-ChiOXzru.js.map +0 -1
- package/dist/next/image-CEz9QtOW.js.map +0 -1
- package/dist/next/image-VX9Ty9NQ.cjs.map +0 -1
- package/dist/next/link-Bik5xH00.js +0 -2878
- package/dist/next/link-Bik5xH00.js.map +0 -1
- package/dist/next/link-hxAaLm0Q.cjs +0 -2877
- package/dist/next/link-hxAaLm0Q.cjs.map +0 -1
- package/dist/next/navigation-DTwYCgCL.js +0 -1991
- package/dist/next/navigation-DTwYCgCL.js.map +0 -1
- package/dist/next/navigation-m012syo9.cjs +0 -1990
- package/dist/next/navigation-m012syo9.cjs.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const NotificationCenter = require("./NotificationCenter-
|
|
3
|
+
const NotificationCenter = require("./NotificationCenter-DbYxpoy6.cjs");
|
|
4
4
|
exports.default = NotificationCenter.NotificationCenter;
|
|
5
5
|
exports.themeIcons = NotificationCenter.themeIcons;
|
|
6
6
|
//# sourceMappingURL=NotificationCenter.cjs.js.map
|
|
@@ -4,8 +4,8 @@ const ArrowRightIcon = require("./ArrowRightIcon-BVb75OpX.cjs");
|
|
|
4
4
|
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
5
5
|
const classNames = require("./classNames-BcWMx052.cjs");
|
|
6
6
|
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
7
|
-
const Button = require("./Button-
|
|
8
|
-
const IconButton = require("./IconButton-
|
|
7
|
+
const Button = require("./Button-B1Fh4G0_.cjs");
|
|
8
|
+
const IconButton = require("./IconButton-2l-_HOMB.cjs");
|
|
9
9
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ require$$2.jsx(
|
|
10
10
|
"svg",
|
|
11
11
|
{
|
|
@@ -161,10 +161,10 @@ const BasePager = ({
|
|
|
161
161
|
] });
|
|
162
162
|
};
|
|
163
163
|
BasePager.displayName = "BasePager";
|
|
164
|
-
const wrapper = "
|
|
165
|
-
const controls = "
|
|
166
|
-
const buttons = "
|
|
167
|
-
const button = "
|
|
164
|
+
const wrapper = "_wrapper_1t3zs_85";
|
|
165
|
+
const controls = "_controls_1t3zs_106";
|
|
166
|
+
const buttons = "_buttons_1t3zs_121";
|
|
167
|
+
const button = "_button_1t3zs_121";
|
|
168
168
|
const styles = {
|
|
169
169
|
wrapper,
|
|
170
170
|
controls,
|
|
@@ -184,4 +184,4 @@ const Pager = (props) => {
|
|
|
184
184
|
};
|
|
185
185
|
Pager.displayName = "Pager";
|
|
186
186
|
exports.Pager = Pager;
|
|
187
|
-
//# sourceMappingURL=Pager-
|
|
187
|
+
//# sourceMappingURL=Pager-BU5RjNwR.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-B-xaM28_.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/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 \"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 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 return (\r\n <nav aria-label=\"Pagination\" className={wrapperClass} data-testid={testId}>\r\n <p className=\"sr_only\" aria-live=\"polite\">\r\n Page {page} of {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 ariaLabel={`Go to page ${Math.max(1, page - 1)}`}\r\n title=\"Previous page\"\r\n onClick={() => goTo(page - 1)}\r\n data-testid={`${testId}-prev`}\r\n type=\"button\"\r\n />\r\n </div>\r\n\r\n <ul className={classMap.controls}>\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={`Page ${page}`}\r\n aria-current=\"page\"\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 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={isActive ? `Page ${p}` : `Go to page ${p}`}\r\n aria-current={isActive ? \"page\" : 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 ariaLabel={`Go to page ${Math.min(totalPages, page + 1)}`}\r\n title=\"Next page\"\r\n onClick={() => goTo(page + 1)}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\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={styles}\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-BU5RjNwR.cjs","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/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 \"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 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 return (\r\n <nav aria-label=\"Pagination\" className={wrapperClass} data-testid={testId}>\r\n <p className=\"sr_only\" aria-live=\"polite\">\r\n Page {page} of {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 ariaLabel={`Go to page ${Math.max(1, page - 1)}`}\r\n title=\"Previous page\"\r\n onClick={() => goTo(page - 1)}\r\n data-testid={`${testId}-prev`}\r\n type=\"button\"\r\n />\r\n </div>\r\n\r\n <ul className={classMap.controls}>\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={`Page ${page}`}\r\n aria-current=\"page\"\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 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={isActive ? `Page ${p}` : `Go to page ${p}`}\r\n aria-current={isActive ? \"page\" : 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 ariaLabel={`Go to page ${Math.min(totalPages, page + 1)}`}\r\n title=\"Next page\"\r\n onClick={() => goTo(page + 1)}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\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={styles}\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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"}
|
|
@@ -3,8 +3,8 @@ import { A as ArrowRightIcon } from "./ArrowRightIcon-BYQv5XS8.js";
|
|
|
3
3
|
import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
|
|
4
4
|
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
5
5
|
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
6
|
-
import { B as Button } from "./Button-
|
|
7
|
-
import { I as IconButton } from "./IconButton-
|
|
6
|
+
import { B as Button } from "./Button-uZ3xTOOt.js";
|
|
7
|
+
import { I as IconButton } from "./IconButton-BTUFKRZt.js";
|
|
8
8
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(
|
|
9
9
|
"svg",
|
|
10
10
|
{
|
|
@@ -160,10 +160,10 @@ const BasePager = ({
|
|
|
160
160
|
] });
|
|
161
161
|
};
|
|
162
162
|
BasePager.displayName = "BasePager";
|
|
163
|
-
const wrapper = "
|
|
164
|
-
const controls = "
|
|
165
|
-
const buttons = "
|
|
166
|
-
const button = "
|
|
163
|
+
const wrapper = "_wrapper_1t3zs_85";
|
|
164
|
+
const controls = "_controls_1t3zs_106";
|
|
165
|
+
const buttons = "_buttons_1t3zs_121";
|
|
166
|
+
const button = "_button_1t3zs_121";
|
|
167
167
|
const styles = {
|
|
168
168
|
wrapper,
|
|
169
169
|
controls,
|
|
@@ -185,4 +185,4 @@ Pager.displayName = "Pager";
|
|
|
185
185
|
export {
|
|
186
186
|
Pager as P
|
|
187
187
|
};
|
|
188
|
-
//# sourceMappingURL=Pager-
|
|
188
|
+
//# sourceMappingURL=Pager-CtzyTqIl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-
|
|
1
|
+
{"version":3,"file":"Pager-CtzyTqIl.js","sources":["../../src/Icons/ArrowLeftIcon.tsx","../../src/components/Pager/PagerBase.tsx","../../src/components/Pager/next/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 \"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 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 return (\r\n <nav aria-label=\"Pagination\" className={wrapperClass} data-testid={testId}>\r\n <p className=\"sr_only\" aria-live=\"polite\">\r\n Page {page} of {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 ariaLabel={`Go to page ${Math.max(1, page - 1)}`}\r\n title=\"Previous page\"\r\n onClick={() => goTo(page - 1)}\r\n data-testid={`${testId}-prev`}\r\n type=\"button\"\r\n />\r\n </div>\r\n\r\n <ul className={classMap.controls}>\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={`Page ${page}`}\r\n aria-current=\"page\"\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 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={isActive ? `Page ${p}` : `Go to page ${p}`}\r\n aria-current={isActive ? \"page\" : 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 ariaLabel={`Go to page ${Math.min(totalPages, page + 1)}`}\r\n title=\"Next page\"\r\n onClick={() => goTo(page + 1)}\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePager from \"../PagerBase\";\r\nimport { Button, IconButton } from \"@/index.next\";\r\nimport styles from \"./Pager.module.scss\";\r\nimport { PaginationProps } from \"../Pager.types\";\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={styles}\r\n />\r\n );\r\n};\r\nPager.displayName = \"Pager\";\r\nexport default Pager;\r\n"],"names":["Button","IconButton"],"mappings":";;;;;;;AAAA,MAAM,gBAAyD,CAAC,UAC9D;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;ACLF,MAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ,OAAO,eAAA;AAAA,EACP,QAAQ,gBAAA;AAAA,EACR,WAAW,mBAAA;AAAA,EACX,SAAS,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB,QAAAA;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,GAAG,gBAAgB,CAAC;AAC7C,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,aAAa,OAAO,CAAC;AAC9D,QAAM,OAAO,KAAK,IAAI,KAAK,IAAI,GAAG,eAAe,CAAC,GAAG,UAAU;AAE/D,QAAM,QAAQ,mBACV,KACA,MAAM,KAAK,EAAE,QAAQ,WAAA,GAAc,CAAC,GAAG,MAAM,IAAI,CAAC;AAEtD,QAAM,OAAO,CAAC,MAAc;AAC1B,UAAM,UAAU,KAAK,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,UAAU;AACnD,QAAI,YAAY,KAAM,cAAa,OAAO;AAAA,EAC5C;AAEA,QAAM,eAAe,kBAAkB,SAAS,SAAS,SAAS;AAClE,QAAM,kBAAkB;AAAA,IACtB,SAAS;AAAA,IACT,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,8BACG,OAAA,EAAI,cAAW,cAAa,WAAW,cAAc,eAAa,QACjE,UAAA;AAAA,IAAA,qBAAC,KAAA,EAAE,WAAU,WAAU,aAAU,UAAS,UAAA;AAAA,MAAA;AAAA,MAClC;AAAA,MAAK;AAAA,MAAK;AAAA,IAAA,GAClB;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAW,SAAS,UACvB,UAAA;AAAA,MAACA;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAS;AAAA,QACpB,UAAU,QAAQ;AAAA,QAClB,WAAW,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,QAC9C,OAAM;AAAA,QACN,SAAS,MAAM,KAAK,OAAO,CAAC;AAAA,QAC5B,eAAa,GAAG,MAAM;AAAA,QACtB,MAAK;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IAEA,oBAAC,MAAA,EAAG,WAAW,SAAS,UACrB,UAAA,mBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,QAEnC,UAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM,KAAK,IAAI;AAAA,YACxB,cAAY,QAAQ,IAAI;AAAA,YACxB,gBAAa;AAAA,YACb,UAAQ;AAAA,YACR,WAAW,kBAAkB,iBAAiB,SAAS,MAAM;AAAA,YAC7D,eAAa,GAAG,MAAM,WAAW,IAAI;AAAA,YACrC,MAAK;AAAA,YAEJ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,IAGF,MAAM,IAAI,CAAC,MAAM;AACf,YAAM,WAAW,MAAM;AACvB,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM,SAAS,CAAC;AAAA,UAEhC,UAAA;AAAA,YAACA;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,SAAS,MAAM,KAAK,CAAC;AAAA,cACrB,cAAY,WAAW,QAAQ,CAAC,KAAK,cAAc,CAAC;AAAA,cACpD,gBAAc,WAAW,SAAS;AAAA,cAClC,UAAU;AAAA,cACV,WAAW;AAAA,gBACT;AAAA,gBACA,YAAY,SAAS;AAAA,cAAA;AAAA,cAEvB,eAAa,GAAG,MAAM,WAAW,CAAC;AAAA,cAClC,MAAK;AAAA,cAEJ,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAtBK;AAAA,MAAA;AAAA,IAyBX,CAAC,EAAA,CAEL;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAW,SAAS,UACvB,UAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAS;AAAA,QACpB,UAAU,QAAQ;AAAA,QAClB,WAAW,cAAc,KAAK,IAAI,YAAY,OAAO,CAAC,CAAC;AAAA,QACvD,OAAM;AAAA,QACN,SAAS,MAAM,KAAK,OAAO,CAAC;AAAA,QAC5B,eAAa,GAAG,MAAM;AAAA,QACtB,MAAK;AAAA,MAAA;AAAA,IAAA,EACP,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,UAAU,cAAc;;;;;;;;;;;AC/IxB,MAAM,QAAmC,CAAC,UAAU;AAClD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,MAAM,cAAc;"}
|
package/dist/next/Pager.cjs.js
CHANGED
package/dist/next/Pager.js
CHANGED
|
@@ -168,38 +168,38 @@ const BasePopover = ({
|
|
|
168
168
|
);
|
|
169
169
|
};
|
|
170
170
|
BasePopover.displayName = "BasePopover";
|
|
171
|
-
const noScroll = "
|
|
172
|
-
const errorMessage = "
|
|
173
|
-
const loadingContainer = "
|
|
174
|
-
const hideScrollbar = "
|
|
175
|
-
const sr_only = "
|
|
176
|
-
const container = "
|
|
177
|
-
const trigger = "
|
|
178
|
-
const popover = "
|
|
179
|
-
const primary = "
|
|
180
|
-
const secondary = "
|
|
181
|
-
const tertiary = "
|
|
182
|
-
const quaternary = "
|
|
183
|
-
const clear = "
|
|
184
|
-
const success = "
|
|
185
|
-
const error = "
|
|
186
|
-
const warning = "
|
|
187
|
-
const top = "
|
|
188
|
-
const bottom = "
|
|
189
|
-
const left = "
|
|
190
|
-
const right = "
|
|
191
|
-
const roundNone = "
|
|
192
|
-
const roundSmall = "
|
|
193
|
-
const roundMedium = "
|
|
194
|
-
const roundLarge = "
|
|
195
|
-
const roundFull = "
|
|
196
|
-
const shadowNone = "
|
|
197
|
-
const shadowLight = "
|
|
198
|
-
const shadowMedium = "
|
|
199
|
-
const shadowStrong = "
|
|
200
|
-
const shadowIntense = "
|
|
201
|
-
const spin = "
|
|
202
|
-
const pulse = "
|
|
171
|
+
const noScroll = "_noScroll_j2eo3_108";
|
|
172
|
+
const errorMessage = "_errorMessage_j2eo3_109";
|
|
173
|
+
const loadingContainer = "_loadingContainer_j2eo3_110";
|
|
174
|
+
const hideScrollbar = "_hideScrollbar_j2eo3_102";
|
|
175
|
+
const sr_only = "_sr_only_j2eo3_111";
|
|
176
|
+
const container = "_container_j2eo3_540";
|
|
177
|
+
const trigger = "_trigger_j2eo3_546";
|
|
178
|
+
const popover = "_popover_j2eo3_558";
|
|
179
|
+
const primary = "_primary_j2eo3_601";
|
|
180
|
+
const secondary = "_secondary_j2eo3_606";
|
|
181
|
+
const tertiary = "_tertiary_j2eo3_611";
|
|
182
|
+
const quaternary = "_quaternary_j2eo3_616";
|
|
183
|
+
const clear = "_clear_j2eo3_621";
|
|
184
|
+
const success = "_success_j2eo3_626";
|
|
185
|
+
const error = "_error_j2eo3_109";
|
|
186
|
+
const warning = "_warning_j2eo3_638";
|
|
187
|
+
const top = "_top_j2eo3_652";
|
|
188
|
+
const bottom = "_bottom_j2eo3_658";
|
|
189
|
+
const left = "_left_j2eo3_664";
|
|
190
|
+
const right = "_right_j2eo3_670";
|
|
191
|
+
const roundNone = "_roundNone_j2eo3_688";
|
|
192
|
+
const roundSmall = "_roundSmall_j2eo3_692";
|
|
193
|
+
const roundMedium = "_roundMedium_j2eo3_696";
|
|
194
|
+
const roundLarge = "_roundLarge_j2eo3_700";
|
|
195
|
+
const roundFull = "_roundFull_j2eo3_704";
|
|
196
|
+
const shadowNone = "_shadowNone_j2eo3_708";
|
|
197
|
+
const shadowLight = "_shadowLight_j2eo3_712";
|
|
198
|
+
const shadowMedium = "_shadowMedium_j2eo3_716";
|
|
199
|
+
const shadowStrong = "_shadowStrong_j2eo3_720";
|
|
200
|
+
const shadowIntense = "_shadowIntense_j2eo3_724";
|
|
201
|
+
const spin = "_spin_j2eo3_1";
|
|
202
|
+
const pulse = "_pulse_j2eo3_1";
|
|
203
203
|
const styles = {
|
|
204
204
|
noScroll,
|
|
205
205
|
errorMessage,
|
|
@@ -209,7 +209,7 @@ const styles = {
|
|
|
209
209
|
container,
|
|
210
210
|
trigger,
|
|
211
211
|
popover,
|
|
212
|
-
"fade-in": "_fade-
|
|
212
|
+
"fade-in": "_fade-in_j2eo3_1",
|
|
213
213
|
primary,
|
|
214
214
|
secondary,
|
|
215
215
|
tertiary,
|
|
@@ -232,14 +232,14 @@ const styles = {
|
|
|
232
232
|
shadowMedium,
|
|
233
233
|
shadowStrong,
|
|
234
234
|
shadowIntense,
|
|
235
|
-
"slide-up": "_slide-
|
|
236
|
-
"spin-3d": "_spin-
|
|
235
|
+
"slide-up": "_slide-up_j2eo3_1",
|
|
236
|
+
"spin-3d": "_spin-3d_j2eo3_1",
|
|
237
237
|
spin,
|
|
238
238
|
pulse,
|
|
239
|
-
"fade-in-up": "_fade-in-
|
|
240
|
-
"progress-grow": "_progress-
|
|
241
|
-
"indeterminate-move": "_indeterminate-
|
|
242
|
-
"skeleton-loading": "_skeleton-
|
|
239
|
+
"fade-in-up": "_fade-in-up_j2eo3_1",
|
|
240
|
+
"progress-grow": "_progress-grow_j2eo3_1",
|
|
241
|
+
"indeterminate-move": "_indeterminate-move_j2eo3_1",
|
|
242
|
+
"skeleton-loading": "_skeleton-loading_j2eo3_1"
|
|
243
243
|
};
|
|
244
244
|
const Popover = (props) => {
|
|
245
245
|
return /* @__PURE__ */ jsx(BasePopover, { ...props, classMap: styles });
|
|
@@ -248,4 +248,4 @@ Popover.displayName = "Popover";
|
|
|
248
248
|
export {
|
|
249
249
|
Popover as P
|
|
250
250
|
};
|
|
251
|
-
//# sourceMappingURL=PopOver-
|
|
251
|
+
//# sourceMappingURL=PopOver-CmPp9PkL.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopOver-QAYHaYcd.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/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 \"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 const contentId = `${uid}-content`;\r\n const labelId = `${uid}-label`;\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\": contentId }\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 = () => setOpen((prev) => !prev);\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 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 as Node)) return;\r\n close();\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 const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n const onReflow = () => setDynamicPlacement((p) => p);\r\n document.addEventListener(\"keydown\", onKey);\r\n window.addEventListener(\"resize\", onReflow, { passive: true });\r\n window.addEventListener(\"scroll\", onReflow, { passive: true });\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 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 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) return;\r\n const el = popoverRef.current;\r\n if (!el) return;\r\n const focusable = el.querySelector<HTMLElement>(\r\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n );\r\n (focusable ?? el).focus();\r\n }, [open]);\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=\"Toggle popover\"\r\n ref={triggerRef}\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-labelledby={labelId}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n >\r\n <span id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n Popover Content\r\n </span>\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PopOver-CmPp9PkL.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/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 \"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 const contentId = `${uid}-content`;\r\n const labelId = `${uid}-label`;\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\": contentId }\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 = () => setOpen((prev) => !prev);\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 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 as Node)) return;\r\n close();\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 const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n const onReflow = () => setDynamicPlacement((p) => p);\r\n document.addEventListener(\"keydown\", onKey);\r\n window.addEventListener(\"resize\", onReflow, { passive: true });\r\n window.addEventListener(\"scroll\", onReflow, { passive: true });\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 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 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) return;\r\n const el = popoverRef.current;\r\n if (!el) return;\r\n const focusable = el.querySelector<HTMLElement>(\r\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n );\r\n (focusable ?? el).focus();\r\n }, [open]);\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=\"Toggle popover\"\r\n ref={triggerRef}\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-labelledby={labelId}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n >\r\n <span id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n Popover Content\r\n </span>\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}
|
|
@@ -169,38 +169,38 @@ const BasePopover = ({
|
|
|
169
169
|
);
|
|
170
170
|
};
|
|
171
171
|
BasePopover.displayName = "BasePopover";
|
|
172
|
-
const noScroll = "
|
|
173
|
-
const errorMessage = "
|
|
174
|
-
const loadingContainer = "
|
|
175
|
-
const hideScrollbar = "
|
|
176
|
-
const sr_only = "
|
|
177
|
-
const container = "
|
|
178
|
-
const trigger = "
|
|
179
|
-
const popover = "
|
|
180
|
-
const primary = "
|
|
181
|
-
const secondary = "
|
|
182
|
-
const tertiary = "
|
|
183
|
-
const quaternary = "
|
|
184
|
-
const clear = "
|
|
185
|
-
const success = "
|
|
186
|
-
const error = "
|
|
187
|
-
const warning = "
|
|
188
|
-
const top = "
|
|
189
|
-
const bottom = "
|
|
190
|
-
const left = "
|
|
191
|
-
const right = "
|
|
192
|
-
const roundNone = "
|
|
193
|
-
const roundSmall = "
|
|
194
|
-
const roundMedium = "
|
|
195
|
-
const roundLarge = "
|
|
196
|
-
const roundFull = "
|
|
197
|
-
const shadowNone = "
|
|
198
|
-
const shadowLight = "
|
|
199
|
-
const shadowMedium = "
|
|
200
|
-
const shadowStrong = "
|
|
201
|
-
const shadowIntense = "
|
|
202
|
-
const spin = "
|
|
203
|
-
const pulse = "
|
|
172
|
+
const noScroll = "_noScroll_j2eo3_108";
|
|
173
|
+
const errorMessage = "_errorMessage_j2eo3_109";
|
|
174
|
+
const loadingContainer = "_loadingContainer_j2eo3_110";
|
|
175
|
+
const hideScrollbar = "_hideScrollbar_j2eo3_102";
|
|
176
|
+
const sr_only = "_sr_only_j2eo3_111";
|
|
177
|
+
const container = "_container_j2eo3_540";
|
|
178
|
+
const trigger = "_trigger_j2eo3_546";
|
|
179
|
+
const popover = "_popover_j2eo3_558";
|
|
180
|
+
const primary = "_primary_j2eo3_601";
|
|
181
|
+
const secondary = "_secondary_j2eo3_606";
|
|
182
|
+
const tertiary = "_tertiary_j2eo3_611";
|
|
183
|
+
const quaternary = "_quaternary_j2eo3_616";
|
|
184
|
+
const clear = "_clear_j2eo3_621";
|
|
185
|
+
const success = "_success_j2eo3_626";
|
|
186
|
+
const error = "_error_j2eo3_109";
|
|
187
|
+
const warning = "_warning_j2eo3_638";
|
|
188
|
+
const top = "_top_j2eo3_652";
|
|
189
|
+
const bottom = "_bottom_j2eo3_658";
|
|
190
|
+
const left = "_left_j2eo3_664";
|
|
191
|
+
const right = "_right_j2eo3_670";
|
|
192
|
+
const roundNone = "_roundNone_j2eo3_688";
|
|
193
|
+
const roundSmall = "_roundSmall_j2eo3_692";
|
|
194
|
+
const roundMedium = "_roundMedium_j2eo3_696";
|
|
195
|
+
const roundLarge = "_roundLarge_j2eo3_700";
|
|
196
|
+
const roundFull = "_roundFull_j2eo3_704";
|
|
197
|
+
const shadowNone = "_shadowNone_j2eo3_708";
|
|
198
|
+
const shadowLight = "_shadowLight_j2eo3_712";
|
|
199
|
+
const shadowMedium = "_shadowMedium_j2eo3_716";
|
|
200
|
+
const shadowStrong = "_shadowStrong_j2eo3_720";
|
|
201
|
+
const shadowIntense = "_shadowIntense_j2eo3_724";
|
|
202
|
+
const spin = "_spin_j2eo3_1";
|
|
203
|
+
const pulse = "_pulse_j2eo3_1";
|
|
204
204
|
const styles = {
|
|
205
205
|
noScroll,
|
|
206
206
|
errorMessage,
|
|
@@ -210,7 +210,7 @@ const styles = {
|
|
|
210
210
|
container,
|
|
211
211
|
trigger,
|
|
212
212
|
popover,
|
|
213
|
-
"fade-in": "_fade-
|
|
213
|
+
"fade-in": "_fade-in_j2eo3_1",
|
|
214
214
|
primary,
|
|
215
215
|
secondary,
|
|
216
216
|
tertiary,
|
|
@@ -233,18 +233,18 @@ const styles = {
|
|
|
233
233
|
shadowMedium,
|
|
234
234
|
shadowStrong,
|
|
235
235
|
shadowIntense,
|
|
236
|
-
"slide-up": "_slide-
|
|
237
|
-
"spin-3d": "_spin-
|
|
236
|
+
"slide-up": "_slide-up_j2eo3_1",
|
|
237
|
+
"spin-3d": "_spin-3d_j2eo3_1",
|
|
238
238
|
spin,
|
|
239
239
|
pulse,
|
|
240
|
-
"fade-in-up": "_fade-in-
|
|
241
|
-
"progress-grow": "_progress-
|
|
242
|
-
"indeterminate-move": "_indeterminate-
|
|
243
|
-
"skeleton-loading": "_skeleton-
|
|
240
|
+
"fade-in-up": "_fade-in-up_j2eo3_1",
|
|
241
|
+
"progress-grow": "_progress-grow_j2eo3_1",
|
|
242
|
+
"indeterminate-move": "_indeterminate-move_j2eo3_1",
|
|
243
|
+
"skeleton-loading": "_skeleton-loading_j2eo3_1"
|
|
244
244
|
};
|
|
245
245
|
const Popover = (props) => {
|
|
246
246
|
return /* @__PURE__ */ require$$2.jsx(BasePopover, { ...props, classMap: styles });
|
|
247
247
|
};
|
|
248
248
|
Popover.displayName = "Popover";
|
|
249
249
|
exports.Popover = Popover;
|
|
250
|
-
//# sourceMappingURL=PopOver-
|
|
250
|
+
//# sourceMappingURL=PopOver-ixERZLpM.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopOver-Dp4eqN8G.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/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 \"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 const contentId = `${uid}-content`;\r\n const labelId = `${uid}-label`;\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\": contentId }\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 = () => setOpen((prev) => !prev);\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 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 as Node)) return;\r\n close();\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 const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n const onReflow = () => setDynamicPlacement((p) => p);\r\n document.addEventListener(\"keydown\", onKey);\r\n window.addEventListener(\"resize\", onReflow, { passive: true });\r\n window.addEventListener(\"scroll\", onReflow, { passive: true });\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 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 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) return;\r\n const el = popoverRef.current;\r\n if (!el) return;\r\n const focusable = el.querySelector<HTMLElement>(\r\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n );\r\n (focusable ?? el).focus();\r\n }, [open]);\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=\"Toggle popover\"\r\n ref={triggerRef}\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-labelledby={labelId}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n >\r\n <span id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n Popover Content\r\n </span>\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger","getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useId","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PopOver-ixERZLpM.cjs","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/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 \"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 const contentId = `${uid}-content`;\r\n const labelId = `${uid}-label`;\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\": contentId }\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 = () => setOpen((prev) => !prev);\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 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 as Node)) return;\r\n close();\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 const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n const onReflow = () => setDynamicPlacement((p) => p);\r\n document.addEventListener(\"keydown\", onKey);\r\n window.addEventListener(\"resize\", onReflow, { passive: true });\r\n window.addEventListener(\"scroll\", onReflow, { passive: true });\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 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 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) return;\r\n const el = popoverRef.current;\r\n if (!el) return;\r\n const focusable = el.querySelector<HTMLElement>(\r\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n );\r\n (focusable ?? el).focus();\r\n }, [open]);\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=\"Toggle popover\"\r\n ref={triggerRef}\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-labelledby={labelId}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n >\r\n <span id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n Popover Content\r\n </span>\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger","getDefaultTheme","getDefaultRounding","getDefaultShadow","useState","useRef","useId","useEffect","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
|
package/dist/next/PopOver.cjs.js
CHANGED
package/dist/next/PopOver.js
CHANGED