boreal-ui 0.0.46 → 0.0.48
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/{Card-CbGHr_tX.js → Card-BzpcEKgi.js} +52 -7
- package/dist/core/Card-BzpcEKgi.js.map +1 -0
- package/dist/core/{Card-De2epy0R.cjs → Card-D6SI33n_.cjs} +52 -7
- package/dist/core/Card-D6SI33n_.cjs.map +1 -0
- package/dist/core/Card.cjs.js +1 -1
- package/dist/core/Card.js +1 -1
- package/dist/core/boreal-ui.css +897 -429
- package/dist/core/index.cjs.js +1 -1
- package/dist/core/index.js +1 -1
- package/dist/next/{Accordion-DY243Bq9.js → Accordion-CrUmV-HM.js} +50 -50
- package/dist/next/{Accordion-DY243Bq9.js.map → Accordion-CrUmV-HM.js.map} +1 -1
- package/dist/next/{Accordion-BPWTEHym.cjs → Accordion-ugkSb5dI.cjs} +50 -50
- package/dist/next/{Accordion-BPWTEHym.cjs.map → Accordion-ugkSb5dI.cjs.map} +1 -1
- package/dist/next/Accordion.cjs.js +1 -1
- package/dist/next/Accordion.js +1 -1
- package/dist/next/{Breadcrumbs-DsGClIKb.cjs → Breadcrumbs-CrKRsQf3.cjs} +2 -2
- package/dist/next/{Breadcrumbs-DsGClIKb.cjs.map → Breadcrumbs-CrKRsQf3.cjs.map} +1 -1
- package/dist/next/{Breadcrumbs-BbvkRUhf.js → Breadcrumbs-ZK64MIGd.js} +2 -2
- package/dist/next/{Breadcrumbs-BbvkRUhf.js.map → Breadcrumbs-ZK64MIGd.js.map} +1 -1
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-B1Fh4G0_.cjs → Button-BI0LErYM.cjs} +46 -46
- package/dist/next/{Button-B1Fh4G0_.cjs.map → Button-BI0LErYM.cjs.map} +1 -1
- package/dist/next/{Button-uZ3xTOOt.js → Button-qs4m4zx0.js} +46 -46
- package/dist/next/{Button-uZ3xTOOt.js.map → Button-qs4m4zx0.js.map} +1 -1
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-DtBEZZKo.cjs → Card-09MMj3o2.cjs} +114 -69
- package/dist/next/Card-09MMj3o2.cjs.map +1 -0
- package/dist/next/{Card-CBUZ2myq.js → Card-Btw1d4gS.js} +114 -69
- package/dist/next/Card-Btw1d4gS.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-BJ0rBZLF.js → Checkbox-DBidsakA.js} +44 -44
- package/dist/next/{Checkbox-BJ0rBZLF.js.map → Checkbox-DBidsakA.js.map} +1 -1
- package/dist/next/{Checkbox-Ch7osD3y.cjs → Checkbox-hA321207.cjs} +44 -44
- package/dist/next/{Checkbox-Ch7osD3y.cjs.map → Checkbox-hA321207.cjs.map} +1 -1
- package/dist/next/{Chip-DRR-cqkp.cjs → Chip-BWTBVAIE.cjs} +50 -50
- package/dist/next/{Chip-DRR-cqkp.cjs.map → Chip-BWTBVAIE.cjs.map} +1 -1
- package/dist/next/{Chip-Be5EUH1C.js → Chip-D2mvW5L7.js} +50 -50
- package/dist/next/{Chip-Be5EUH1C.js.map → Chip-D2mvW5L7.js.map} +1 -1
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CircularProgress-Cp2pGFmc.cjs → CircularProgress-BegWxawm.cjs} +37 -37
- package/dist/next/{CircularProgress-Cp2pGFmc.cjs.map → CircularProgress-BegWxawm.cjs.map} +1 -1
- package/dist/next/{CircularProgress-BUqdguII.js → CircularProgress-wBHZUhul.js} +37 -37
- package/dist/next/{CircularProgress-BUqdguII.js.map → CircularProgress-wBHZUhul.js.map} +1 -1
- package/dist/next/CircularProgress.cjs.js +1 -1
- package/dist/next/CircularProgress.js +1 -1
- package/dist/next/{ColorPicker-ChWOekWP.js → ColorPicker-Dd9iz-i8.js} +38 -38
- package/dist/next/{ColorPicker-ChWOekWP.js.map → ColorPicker-Dd9iz-i8.js.map} +1 -1
- package/dist/next/{ColorPicker-BHtO2mbU.cjs → ColorPicker-Tla92spe.cjs} +38 -38
- package/dist/next/{ColorPicker-BHtO2mbU.cjs.map → ColorPicker-Tla92spe.cjs.map} +1 -1
- package/dist/next/ColorPicker.cjs.js +1 -1
- package/dist/next/ColorPicker.js +1 -1
- package/dist/next/{CommandPalette-BjVJ7Nbm.cjs → CommandPalette-BO6R9zQs.cjs} +41 -41
- package/dist/next/{CommandPalette-BjVJ7Nbm.cjs.map → CommandPalette-BO6R9zQs.cjs.map} +1 -1
- package/dist/next/{CommandPalette--heYmAFP.js → CommandPalette-CN0BiN0R.js} +41 -41
- package/dist/next/{CommandPalette--heYmAFP.js.map → CommandPalette-CN0BiN0R.js.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{DataTable-DQ1QRyZw.cjs → DataTable-CUJXAkHe.cjs} +40 -40
- package/dist/next/{DataTable-DQ1QRyZw.cjs.map → DataTable-CUJXAkHe.cjs.map} +1 -1
- package/dist/next/{DataTable-CnvOkZrU.js → DataTable-mMStogSP.js} +40 -40
- package/dist/next/{DataTable-CnvOkZrU.js.map → DataTable-mMStogSP.js.map} +1 -1
- package/dist/next/DataTable.cjs.js +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/{DateTimePicker-IvBWNgkK.js → DateTimePicker-CphfYmZ8.js} +46 -46
- package/dist/next/{DateTimePicker-IvBWNgkK.js.map → DateTimePicker-CphfYmZ8.js.map} +1 -1
- package/dist/next/{DateTimePicker-2M4AJJXm.cjs → DateTimePicker-DwS2xQNw.cjs} +46 -46
- package/dist/next/{DateTimePicker-2M4AJJXm.cjs.map → DateTimePicker-DwS2xQNw.cjs.map} +1 -1
- package/dist/next/DateTimePicker.cjs.js +1 -1
- package/dist/next/DateTimePicker.js +1 -1
- package/dist/next/{Divider-ByDYa4v6.cjs → Divider-cx8e80sS.cjs} +28 -28
- package/dist/next/{Divider-ByDYa4v6.cjs.map → Divider-cx8e80sS.cjs.map} +1 -1
- package/dist/next/{Divider-BCCzNbAE.js → Divider-kiaQzYbi.js} +28 -28
- package/dist/next/{Divider-BCCzNbAE.js.map → Divider-kiaQzYbi.js.map} +1 -1
- package/dist/next/Divider.cjs.js +1 -1
- package/dist/next/Divider.js +1 -1
- package/dist/next/{EmptyState-BXPBiWSB.cjs → EmptyState-Bb90F-ej.cjs} +2 -2
- package/dist/next/{EmptyState-BXPBiWSB.cjs.map → EmptyState-Bb90F-ej.cjs.map} +1 -1
- package/dist/next/{EmptyState-BIDMx4a4.js → EmptyState-Brd4N36F.js} +2 -2
- package/dist/next/{EmptyState-BIDMx4a4.js.map → EmptyState-Brd4N36F.js.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-DFhiesLM.js → FileUpload-BMMpH1El.js} +51 -51
- package/dist/next/{FileUpload-DFhiesLM.js.map → FileUpload-BMMpH1El.js.map} +1 -1
- package/dist/next/{FileUpload-CM6236DE.cjs → FileUpload-Drm5_xEx.cjs} +51 -51
- package/dist/next/{FileUpload-CM6236DE.cjs.map → FileUpload-Drm5_xEx.cjs.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-tvOL2tDS.js → Footer-B6_LG958.js} +40 -40
- package/dist/next/{Footer-tvOL2tDS.js.map → Footer-B6_LG958.js.map} +1 -1
- package/dist/next/{Footer-BuPAIf5A.cjs → Footer-EF2-ryvY.cjs} +40 -40
- package/dist/next/{Footer-BuPAIf5A.cjs.map → Footer-EF2-ryvY.cjs.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{FormGroup-U3EwnB0M.cjs → FormGroup-Bg2QlTu7.cjs} +30 -30
- package/dist/next/{FormGroup-U3EwnB0M.cjs.map → FormGroup-Bg2QlTu7.cjs.map} +1 -1
- package/dist/next/{FormGroup-QfUhtyhx.js → FormGroup-DmQChKxA.js} +30 -30
- package/dist/next/{FormGroup-QfUhtyhx.js.map → FormGroup-DmQChKxA.js.map} +1 -1
- package/dist/next/FormGroup.cjs.js +1 -1
- package/dist/next/FormGroup.js +1 -1
- package/dist/next/MessagePopUp.cjs.js +1 -1
- package/dist/next/MessagePopUp.js +1 -1
- package/dist/next/{MessagePopup-CqLFabp5.cjs → MessagePopup-DsquzWSn.cjs} +2 -2
- package/dist/next/{MessagePopup-CqLFabp5.cjs.map → MessagePopup-DsquzWSn.cjs.map} +1 -1
- package/dist/next/{MessagePopup-fyidnJOS.js → MessagePopup-WUBGyJ_F.js} +2 -2
- package/dist/next/{MessagePopup-fyidnJOS.js.map → MessagePopup-WUBGyJ_F.js.map} +1 -1
- package/dist/next/{MetricBox-BjdAzOrZ.js → MetricBox-C5KGkv7l.js} +47 -47
- package/dist/next/{MetricBox-BjdAzOrZ.js.map → MetricBox-C5KGkv7l.js.map} +1 -1
- package/dist/next/{MetricBox-C3B6Bkcb.cjs → MetricBox-D8eBxQ59.cjs} +47 -47
- package/dist/next/{MetricBox-C3B6Bkcb.cjs.map → MetricBox-D8eBxQ59.cjs.map} +1 -1
- package/dist/next/MetricBox.cjs.js +1 -1
- package/dist/next/MetricBox.js +1 -1
- package/dist/next/{NavBar-v_ckzQIo.js → NavBar-CmvgkEZt.js} +37 -37
- package/dist/next/{NavBar-v_ckzQIo.js.map → NavBar-CmvgkEZt.js.map} +1 -1
- package/dist/next/{NavBar-Ds_02bAe.cjs → NavBar-DVEf0iJH.cjs} +37 -37
- package/dist/next/{NavBar-Ds_02bAe.cjs.map → NavBar-DVEf0iJH.cjs.map} +1 -1
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-5m57ahdP.cjs → NotificationCenter-CtL6rozQ.cjs} +42 -42
- package/dist/next/{NotificationCenter-5m57ahdP.cjs.map → NotificationCenter-CtL6rozQ.cjs.map} +1 -1
- package/dist/next/{NotificationCenter-CUTBk_oe.js → NotificationCenter-CtM10CVj.js} +42 -42
- package/dist/next/{NotificationCenter-CUTBk_oe.js.map → NotificationCenter-CtM10CVj.js.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-sZUYcImi.cjs → Pager-Bxxewb8I.cjs} +2 -2
- package/dist/next/{Pager-sZUYcImi.cjs.map → Pager-Bxxewb8I.cjs.map} +1 -1
- package/dist/next/{Pager-Cug0N3GP.js → Pager-D0Mw7o7v.js} +2 -2
- package/dist/next/{Pager-Cug0N3GP.js.map → Pager-D0Mw7o7v.js.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/{PopOver-ixERZLpM.cjs → PopOver-gQfgHe9e.cjs} +40 -40
- package/dist/next/{PopOver-ixERZLpM.cjs.map → PopOver-gQfgHe9e.cjs.map} +1 -1
- package/dist/next/{PopOver-CmPp9PkL.js → PopOver-qSTx5y8g.js} +40 -40
- package/dist/next/{PopOver-CmPp9PkL.js.map → PopOver-qSTx5y8g.js.map} +1 -1
- package/dist/next/PopOver.cjs.js +1 -1
- package/dist/next/PopOver.js +1 -1
- package/dist/next/{ProgressBar-C6zKbiq5.cjs → ProgressBar-BMuv0kis.cjs} +42 -42
- package/dist/next/{ProgressBar-C6zKbiq5.cjs.map → ProgressBar-BMuv0kis.cjs.map} +1 -1
- package/dist/next/{ProgressBar-BoU2HJv3.js → ProgressBar-DuaWQouO.js} +42 -42
- package/dist/next/{ProgressBar-BoU2HJv3.js.map → ProgressBar-DuaWQouO.js.map} +1 -1
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{RadioButton-C14Rsx9o.js → RadioButton-CEvIACkL.js} +38 -38
- package/dist/next/{RadioButton-C14Rsx9o.js.map → RadioButton-CEvIACkL.js.map} +1 -1
- package/dist/next/{RadioButton-BCu934Uo.cjs → RadioButton-D6oyNmVU.cjs} +38 -38
- package/dist/next/{RadioButton-BCu934Uo.cjs.map → RadioButton-D6oyNmVU.cjs.map} +1 -1
- package/dist/next/RadioButton.cjs.js +1 -1
- package/dist/next/RadioButton.js +1 -1
- package/dist/next/{Rating-C9BgQANc.cjs → Rating-BbqxsFU9.cjs} +34 -34
- package/dist/next/{Rating-C9BgQANc.cjs.map → Rating-BbqxsFU9.cjs.map} +1 -1
- package/dist/next/{Rating-aheV3uZJ.js → Rating-umLbRaAb.js} +34 -34
- package/dist/next/{Rating-aheV3uZJ.js.map → Rating-umLbRaAb.js.map} +1 -1
- package/dist/next/Rating.cjs.js +1 -1
- package/dist/next/Rating.js +1 -1
- package/dist/next/{Skeleton-Dmz7m0dj.cjs → Skeleton-C6wW8eyR.cjs} +26 -26
- package/dist/next/{Skeleton-Dmz7m0dj.cjs.map → Skeleton-C6wW8eyR.cjs.map} +1 -1
- package/dist/next/{Skeleton-D8C29p3K.js → Skeleton-DC4LJ059.js} +26 -26
- package/dist/next/{Skeleton-D8C29p3K.js.map → Skeleton-DC4LJ059.js.map} +1 -1
- package/dist/next/Skeleton.cjs.js +1 -1
- package/dist/next/Skeleton.js +1 -1
- package/dist/next/{Slider-DQM9nV1P.cjs → Slider-g41Qvh6s.cjs} +43 -43
- package/dist/next/{Slider-DQM9nV1P.cjs.map → Slider-g41Qvh6s.cjs.map} +1 -1
- package/dist/next/{Slider-BOAgWYkH.js → Slider-wAbg8hOH.js} +43 -43
- package/dist/next/{Slider-BOAgWYkH.js.map → Slider-wAbg8hOH.js.map} +1 -1
- package/dist/next/Slider.cjs.js +1 -1
- package/dist/next/Slider.js +1 -1
- package/dist/next/{Spinner-BFAOf4tt.js → Spinner-D3OQ29U9.js} +37 -37
- package/dist/next/{Spinner-BFAOf4tt.js.map → Spinner-D3OQ29U9.js.map} +1 -1
- package/dist/next/{Spinner-0GZngKjG.cjs → Spinner-Y53Z6fwK.cjs} +37 -37
- package/dist/next/{Spinner-0GZngKjG.cjs.map → Spinner-Y53Z6fwK.cjs.map} +1 -1
- package/dist/next/Spinner.cjs.js +1 -1
- package/dist/next/Spinner.js +1 -1
- package/dist/next/{Stepper-DY95eGPo.js → Stepper-BvA_ZAho.js} +39 -39
- package/dist/next/{Stepper-DY95eGPo.js.map → Stepper-BvA_ZAho.js.map} +1 -1
- package/dist/next/{Stepper-CfWc5rhd.cjs → Stepper-D6X70Sr6.cjs} +39 -39
- package/dist/next/{Stepper-CfWc5rhd.cjs.map → Stepper-D6X70Sr6.cjs.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{Tabs-DmrS_FUa.js → Tabs-Bur4oYVF.js} +44 -44
- package/dist/next/{Tabs-DmrS_FUa.js.map → Tabs-Bur4oYVF.js.map} +1 -1
- package/dist/next/{Tabs-D8Efg8wn.cjs → Tabs-D-5VRbfh.cjs} +44 -44
- package/dist/next/{Tabs-D8Efg8wn.cjs.map → Tabs-D-5VRbfh.cjs.map} +1 -1
- package/dist/next/Tabs.cjs.js +1 -1
- package/dist/next/Tabs.js +1 -1
- package/dist/next/{TagInput-CUK5umXl.js → TagInput-DKzxPiwU.js} +46 -46
- package/dist/next/{TagInput-CUK5umXl.js.map → TagInput-DKzxPiwU.js.map} +1 -1
- package/dist/next/{TagInput-B3SUHn0c.cjs → TagInput-DfNJiPKh.cjs} +46 -46
- package/dist/next/{TagInput-B3SUHn0c.cjs.map → TagInput-DfNJiPKh.cjs.map} +1 -1
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{Toolbar-C45B_I44.cjs → Toolbar-PwnuYGDR.cjs} +34 -34
- package/dist/next/{Toolbar-C45B_I44.cjs.map → Toolbar-PwnuYGDR.cjs.map} +1 -1
- package/dist/next/{Toolbar-Dq1qqx4P.js → Toolbar-wbusnAUV.js} +34 -34
- package/dist/next/{Toolbar-Dq1qqx4P.js.map → Toolbar-wbusnAUV.js.map} +1 -1
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/{Tooltip-BXd5FXXv.cjs → Tooltip-DPFnMhUd.cjs} +39 -39
- package/dist/next/{Tooltip-BXd5FXXv.cjs.map → Tooltip-DPFnMhUd.cjs.map} +1 -1
- package/dist/next/{Tooltip-BHIA1zE1.js → Tooltip-_GVlUXAq.js} +39 -39
- package/dist/next/{Tooltip-BHIA1zE1.js.map → Tooltip-_GVlUXAq.js.map} +1 -1
- package/dist/next/Tooltip.cjs.js +1 -1
- package/dist/next/Tooltip.js +1 -1
- package/dist/next/boreal-ui.css +3123 -2751
- package/dist/next/index.cjs.js +56 -56
- package/dist/next/index.js +56 -56
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Card/Card.types.d.ts +2 -1
- package/dist/types/components/Card/Card.types.d.ts.map +1 -1
- package/dist/types/components/Card/CardBase.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/Card-CbGHr_tX.js.map +0 -1
- package/dist/core/Card-De2epy0R.cjs.map +0 -1
- package/dist/next/Card-CBUZ2myq.js.map +0 -1
- package/dist/next/Card-DtBEZZKo.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-CtL6rozQ.cjs");
|
|
4
4
|
exports.default = NotificationCenter.NotificationCenter;
|
|
5
5
|
exports.themeIcons = NotificationCenter.themeIcons;
|
|
6
6
|
//# sourceMappingURL=NotificationCenter.cjs.js.map
|
|
@@ -5,7 +5,7 @@ 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
7
|
;/* empty css */
|
|
8
|
-
const Button = require("./Button-
|
|
8
|
+
const Button = require("./Button-BI0LErYM.cjs");
|
|
9
9
|
const IconButton = require("./IconButton-2l-_HOMB.cjs");
|
|
10
10
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ require$$2.jsx(
|
|
11
11
|
"svg",
|
|
@@ -185,4 +185,4 @@ const Pager = (props) => {
|
|
|
185
185
|
};
|
|
186
186
|
Pager.displayName = "Pager";
|
|
187
187
|
exports.Pager = Pager;
|
|
188
|
-
//# sourceMappingURL=Pager-
|
|
188
|
+
//# sourceMappingURL=Pager-Bxxewb8I.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-sZUYcImi.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-Bxxewb8I.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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"}
|
|
@@ -4,7 +4,7 @@ import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d
|
|
|
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-
|
|
7
|
+
import { B as Button } from "./Button-qs4m4zx0.js";
|
|
8
8
|
import { I as IconButton } from "./IconButton-BTUFKRZt.js";
|
|
9
9
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(
|
|
10
10
|
"svg",
|
|
@@ -186,4 +186,4 @@ Pager.displayName = "Pager";
|
|
|
186
186
|
export {
|
|
187
187
|
Pager as P
|
|
188
188
|
};
|
|
189
|
-
//# sourceMappingURL=Pager-
|
|
189
|
+
//# sourceMappingURL=Pager-D0Mw7o7v.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-
|
|
1
|
+
{"version":3,"file":"Pager-D0Mw7o7v.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":"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"}
|
package/dist/next/Pager.cjs.js
CHANGED
package/dist/next/Pager.js
CHANGED
|
@@ -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_ly09e_108";
|
|
173
|
+
const errorMessage = "_errorMessage_ly09e_109";
|
|
174
|
+
const loadingContainer = "_loadingContainer_ly09e_110";
|
|
175
|
+
const hideScrollbar = "_hideScrollbar_ly09e_102";
|
|
176
|
+
const sr_only = "_sr_only_ly09e_111";
|
|
177
|
+
const container = "_container_ly09e_552";
|
|
178
|
+
const trigger = "_trigger_ly09e_558";
|
|
179
|
+
const popover = "_popover_ly09e_570";
|
|
180
|
+
const primary = "_primary_ly09e_613";
|
|
181
|
+
const secondary = "_secondary_ly09e_618";
|
|
182
|
+
const tertiary = "_tertiary_ly09e_623";
|
|
183
|
+
const quaternary = "_quaternary_ly09e_628";
|
|
184
|
+
const clear = "_clear_ly09e_633";
|
|
185
|
+
const success = "_success_ly09e_638";
|
|
186
|
+
const error = "_error_ly09e_109";
|
|
187
|
+
const warning = "_warning_ly09e_650";
|
|
188
|
+
const top = "_top_ly09e_664";
|
|
189
|
+
const bottom = "_bottom_ly09e_670";
|
|
190
|
+
const left = "_left_ly09e_676";
|
|
191
|
+
const right = "_right_ly09e_682";
|
|
192
|
+
const roundNone = "_roundNone_ly09e_700";
|
|
193
|
+
const roundSmall = "_roundSmall_ly09e_704";
|
|
194
|
+
const roundMedium = "_roundMedium_ly09e_708";
|
|
195
|
+
const roundLarge = "_roundLarge_ly09e_712";
|
|
196
|
+
const roundFull = "_roundFull_ly09e_716";
|
|
197
|
+
const shadowNone = "_shadowNone_ly09e_720";
|
|
198
|
+
const shadowLight = "_shadowLight_ly09e_724";
|
|
199
|
+
const shadowMedium = "_shadowMedium_ly09e_728";
|
|
200
|
+
const shadowStrong = "_shadowStrong_ly09e_732";
|
|
201
|
+
const shadowIntense = "_shadowIntense_ly09e_736";
|
|
202
|
+
const spin = "_spin_ly09e_1";
|
|
203
|
+
const pulse = "_pulse_ly09e_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_ly09e_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_ly09e_1",
|
|
237
|
+
"spin-3d": "_spin-3d_ly09e_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_ly09e_1",
|
|
241
|
+
"progress-grow": "_progress-grow_ly09e_1",
|
|
242
|
+
"indeterminate-move": "_indeterminate-move_ly09e_1",
|
|
243
|
+
"skeleton-loading": "_skeleton-loading_ly09e_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-gQfgHe9e.cjs.map
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
1
|
+
{"version":3,"file":"PopOver-gQfgHe9e.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":";;;;;;AAUA,MAAM,cAA0C,CAAC;AAAA,EAC/C,SAAAA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe,SAAS;AAAA,EACxB;AACF,MAAmB;AACjB,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAS,KAAK;AACtC,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,SAAS,SAAS;AAClE,QAAM,aAAaC,MAAAA,OAAuB,IAAI;AAC9C,QAAM,aAAaA,MAAAA,OAA0B,IAAI;AACjD,QAAM,MAAMC,MAAAA,MAAA;AACZ,QAAM,YAAY,GAAG,GAAG;AACxB,QAAM,UAAU,GAAG,GAAG;AAGtB,QAAM,cAA2B,CAAC,UAAU,QAAQ,SAAS;AAE7D,WAAS,YAAY,GAAmC;AACtD,WAAQ,YAAkC,SAAS,KAAK,EAAE,IACrD,IACD;AAAA,EACN;AAEA,QAAM,YAAY,YAAY,IAAI;AAElC,QAAM,eACJ,SAAS,WAAW,WAAW,SAAS,SAAS,SAAS;AAE5D,QAAM,cACJ,SAAS,YACL,EAAE,oBAAoB,cACtB;AAAA,IACE,GAAI,eAAe,EAAE,iBAAiB,aAAA,IAAiB,CAAA;AAAA,IACvD,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,EAAA;AAGzB,QAAM,aAAa,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI;AAChD,QAAM,QAAQ,MAAM;;AAClB,YAAQ,KAAK;AACb,wBAAoB,SAAS;AAC7B,qBAAW,YAAX,mBAAoB;AAAA,EACtB;AAEAC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,qBAAqB,CAAC,UAAsB;;AAChD,YAAM,IAAI,MAAM;AAChB,WAAI,gBAAW,YAAX,mBAAoB,SAAS,GAAI;AACrC,WAAI,gBAAW,YAAX,mBAAoB,SAAS,GAAY;AAC7C,YAAA;AAAA,IACF;AACA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM,SAAS,oBAAoB,aAAa,kBAAkB;AAAA,EAC3E,GAAG,CAAC,MAAM,SAAS,CAAC;AAEpBA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,QAAQ,CAAC,MAAqB,EAAE,QAAQ,YAAY,MAAA;AAC1D,UAAM,WAAW,MAAM,oBAAoB,CAAC,MAAM,CAAC;AACnD,aAAS,iBAAiB,WAAW,KAAK;AAC1C,WAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM;AAC7D,WAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM;AAC7D,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,KAAK;AAC7C,aAAO,oBAAoB,UAAU,QAAQ;AAC7C,aAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAETA,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,WAAW,WAAW,CAAC,WAAW,QAAS;AAEzD,UAAM,cAAc,WAAW,QAAQ,sBAAA;AACvC,UAAM,YAAY,WAAW;AAE7B,UAAM,KAAK,OAAO;AAClB,UAAM,KAAK,OAAO;AAClB,UAAM,aAAa,YAAY;AAC/B,UAAM,aAAa,KAAK,YAAY;AACpC,UAAM,YAAY,YAAY;AAC9B,UAAM,aAAa,KAAK,YAAY;AAEpC,cAAU,MAAM,YAAY;AAC5B,cAAU,MAAM,OAAO;AACvB,cAAU,MAAM,QAAQ;AACxB,cAAU,MAAM,MAAM;AACtB,cAAU,MAAM,SAAS;AAEzB,QAAI,eAAe;AACnB,QAAI,cAAc,SAAS,UAAU,eAAe;AAClD,qBAAe;AAAA,aACR,cAAc,YAAY,UAAU,eAAe;AAC1D,qBAAe;AAAA,aACR,cAAc,UAAU,UAAU,cAAc;AACvD,qBAAe;AAAA,aACR,cAAc,WAAW,UAAU,cAAc;AACxD,qBAAe;AAEjB,wBAAoB,YAAY;AAEhC,0BAAsB,MAAM;AAC1B,YAAM,OAAO,UAAU,sBAAA;AACvB,UAAI,KAAK;AACT,UAAI,KAAK;AACT,YAAM,MAAM;AAEZ,UAAI,KAAK,OAAO,IAAK,MAAK,MAAM,KAAK;AAAA,eAC5B,KAAK,QAAQ,KAAK,IAAK,MAAK,KAAK,MAAM,KAAK;AAErD,UAAI,KAAK,MAAM,IAAK,MAAK,MAAM,KAAK;AAAA,eAC3B,KAAK,SAAS,KAAK,IAAK,MAAK,KAAK,MAAM,KAAK;AAEtD,UAAI,OAAO,KAAK,OAAO,GAAG;AACxB,cAAM,KAAK,OAAO,IAAI,cAAc,EAAE,QAAQ;AAC9C,cAAM,KAAK,OAAO,IAAI,cAAc,EAAE,QAAQ;AAC9C,kBAAU,MAAM,YAAY,GAAG,EAAE,IAAI,EAAE,GAAG,KAAA;AAAA,MAC5C;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,WAAW,gBAAgB,CAAC;AAEtC,QAAM,sBAAsBC,MAAAA;AAAAA,IAC1B,MACEC,WAAAA;AAAAA,MACE,SAAS;AAAA,MACT,SAAS,gBAAgB;AAAA,MACzB,SAAS,KAAK;AAAA,MACd,SAAS,KAAK;AAAA,MACd,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,MAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,MACnD;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,kBAAkB,UAAU,QAAQ,OAAO,OAAO,SAAS;AAAA,EAAA;AAGxEH,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,KAAK,WAAW;AACtB,QAAI,CAAC,GAAI;AACT,UAAM,YAAY,GAAG;AAAA,MACnB;AAAA,IAAA;AAEF,KAAC,aAAa,IAAI,MAAA;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,SACEI,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF,WAAAA,kBAAkB,SAAS,WAAW,SAAS;AAAA,MAC1D,eAAa;AAAA,MAEb,UAAA;AAAA,QAAAG,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,SAAS;AAAA,YACpB,SAAS;AAAA,YACT,cAAW;AAAA,YACX,KAAK;AAAA,YACL,eAAa,GAAG,MAAM;AAAA,YACrB,GAAG;AAAA,YAEH,UAAAZ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,QACCW,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,mBAAiB;AAAA,YACjB,WAAW;AAAA,YACX,eAAa,GAAG,MAAM;AAAA,YACtB,UAAU,cAAc,YAAY,SAAY;AAAA,YAEhD,UAAA;AAAA,cAAAC,2BAAAA,IAAC,UAAK,IAAI,SAAS,WAAW,SAAS,UAAU,WAAW,UAAA,kBAAA,CAE5D;AAAA,cACC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,YAAY,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChM1B,MAAM,UAAkC,CAAC,UAAU;AACjD,SAAOA,2BAAAA,IAAC,aAAA,EAAa,GAAG,OAAO,UAAU,QAAQ;AACnD;AACA,QAAQ,cAAc;;"}
|
|
@@ -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_ly09e_108";
|
|
172
|
+
const errorMessage = "_errorMessage_ly09e_109";
|
|
173
|
+
const loadingContainer = "_loadingContainer_ly09e_110";
|
|
174
|
+
const hideScrollbar = "_hideScrollbar_ly09e_102";
|
|
175
|
+
const sr_only = "_sr_only_ly09e_111";
|
|
176
|
+
const container = "_container_ly09e_552";
|
|
177
|
+
const trigger = "_trigger_ly09e_558";
|
|
178
|
+
const popover = "_popover_ly09e_570";
|
|
179
|
+
const primary = "_primary_ly09e_613";
|
|
180
|
+
const secondary = "_secondary_ly09e_618";
|
|
181
|
+
const tertiary = "_tertiary_ly09e_623";
|
|
182
|
+
const quaternary = "_quaternary_ly09e_628";
|
|
183
|
+
const clear = "_clear_ly09e_633";
|
|
184
|
+
const success = "_success_ly09e_638";
|
|
185
|
+
const error = "_error_ly09e_109";
|
|
186
|
+
const warning = "_warning_ly09e_650";
|
|
187
|
+
const top = "_top_ly09e_664";
|
|
188
|
+
const bottom = "_bottom_ly09e_670";
|
|
189
|
+
const left = "_left_ly09e_676";
|
|
190
|
+
const right = "_right_ly09e_682";
|
|
191
|
+
const roundNone = "_roundNone_ly09e_700";
|
|
192
|
+
const roundSmall = "_roundSmall_ly09e_704";
|
|
193
|
+
const roundMedium = "_roundMedium_ly09e_708";
|
|
194
|
+
const roundLarge = "_roundLarge_ly09e_712";
|
|
195
|
+
const roundFull = "_roundFull_ly09e_716";
|
|
196
|
+
const shadowNone = "_shadowNone_ly09e_720";
|
|
197
|
+
const shadowLight = "_shadowLight_ly09e_724";
|
|
198
|
+
const shadowMedium = "_shadowMedium_ly09e_728";
|
|
199
|
+
const shadowStrong = "_shadowStrong_ly09e_732";
|
|
200
|
+
const shadowIntense = "_shadowIntense_ly09e_736";
|
|
201
|
+
const spin = "_spin_ly09e_1";
|
|
202
|
+
const pulse = "_pulse_ly09e_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_ly09e_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_ly09e_1",
|
|
236
|
+
"spin-3d": "_spin-3d_ly09e_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_ly09e_1",
|
|
240
|
+
"progress-grow": "_progress-grow_ly09e_1",
|
|
241
|
+
"indeterminate-move": "_indeterminate-move_ly09e_1",
|
|
242
|
+
"skeleton-loading": "_skeleton-loading_ly09e_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-qSTx5y8g.js.map
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
1
|
+
{"version":3,"file":"PopOver-qSTx5y8g.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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"}
|
package/dist/next/PopOver.cjs.js
CHANGED
package/dist/next/PopOver.js
CHANGED