boreal-ui 0.0.50 → 0.0.54
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-YD4BgNEU.js → Card-BjLC4t0w.js} +20 -47
- package/dist/core/Card-BjLC4t0w.js.map +1 -0
- package/dist/core/{Card-C57chjAP.cjs → Card-DRM65kM-.cjs} +20 -47
- package/dist/core/Card-DRM65kM-.cjs.map +1 -0
- package/dist/core/Card.cjs.js +1 -1
- package/dist/core/Card.js +1 -1
- package/dist/core/{FileUpload-C0eHx1h8.js → FileUpload-9fIxslAo.js} +2 -2
- package/dist/core/{FileUpload-C0eHx1h8.js.map → FileUpload-9fIxslAo.js.map} +1 -1
- package/dist/core/{FileUpload-BJ3RJxT3.cjs → FileUpload-DbMxpH-U.cjs} +2 -2
- package/dist/core/{FileUpload-BJ3RJxT3.cjs.map → FileUpload-DbMxpH-U.cjs.map} +1 -1
- package/dist/core/FileUpload.cjs.js +1 -1
- package/dist/core/FileUpload.js +1 -1
- package/dist/core/{MessagePopup-B3lEfar7.js → MessagePopup-BMGIVKoJ.js} +4 -4
- package/dist/core/{MessagePopup-B3lEfar7.js.map → MessagePopup-BMGIVKoJ.js.map} +1 -1
- package/dist/core/{MessagePopup-CtdpuRFv.cjs → MessagePopup-DQQKRCGF.cjs} +4 -4
- package/dist/core/{MessagePopup-CtdpuRFv.cjs.map → MessagePopup-DQQKRCGF.cjs.map} +1 -1
- package/dist/core/MessagePopup.cjs.js +4 -0
- package/dist/core/MessagePopup.cjs.js.map +1 -0
- package/dist/core/MessagePopup.js +5 -0
- package/dist/core/MessagePopup.js.map +1 -0
- package/dist/core/{ProgressBar-DaA5vvnq.js → ProgressBar-BLcSyVgQ.js} +51 -21
- package/dist/core/ProgressBar-BLcSyVgQ.js.map +1 -0
- package/dist/core/{ProgressBar-BwjYOqoE.cjs → ProgressBar-BbIZLV1t.cjs} +50 -20
- package/dist/core/ProgressBar-BbIZLV1t.cjs.map +1 -0
- package/dist/core/ProgressBar.cjs.js +1 -1
- package/dist/core/ProgressBar.js +1 -1
- package/dist/core/{Taginput-BXCxdLf0.cjs → TagInput-BXCxdLf0.cjs} +1 -1
- package/dist/core/TagInput-BXCxdLf0.cjs.map +1 -0
- package/dist/core/{Taginput-CoxxwLXg.js → TagInput-CoxxwLXg.js} +1 -1
- package/dist/core/TagInput-CoxxwLXg.js.map +1 -0
- package/dist/core/TagInput.cjs.js +2 -2
- package/dist/core/TagInput.js +1 -1
- package/dist/core/boreal-ui.css +31 -0
- package/dist/core/index.cjs.js +7 -7
- package/dist/core/index.js +6 -6
- package/dist/next/{Avatar-B-Ws4Ueo.js → Avatar-B24bFFqY.js} +3 -3
- package/dist/next/{Avatar-B-Ws4Ueo.js.map → Avatar-B24bFFqY.js.map} +1 -1
- package/dist/next/{Avatar-B9sMyRWr.cjs → Avatar-CPaxiA0r.cjs} +3 -3
- package/dist/next/{Avatar-B9sMyRWr.cjs.map → Avatar-CPaxiA0r.cjs.map} +1 -1
- package/dist/next/Avatar.cjs.js +1 -1
- package/dist/next/Avatar.js +1 -1
- package/dist/next/{Breadcrumbs-CrKRsQf3.cjs → Breadcrumbs-BlFi63K8.cjs} +3 -3
- package/dist/next/{Breadcrumbs-CrKRsQf3.cjs.map → Breadcrumbs-BlFi63K8.cjs.map} +1 -1
- package/dist/next/{Breadcrumbs-ZK64MIGd.js → Breadcrumbs-D9BMYEZi.js} +3 -3
- package/dist/next/{Breadcrumbs-ZK64MIGd.js.map → Breadcrumbs-D9BMYEZi.js.map} +1 -1
- package/dist/next/Breadcrumbs.cjs.js +1 -1
- package/dist/next/Breadcrumbs.js +1 -1
- package/dist/next/{Button-BI0LErYM.cjs → Button-DPoX7ahh.cjs} +2 -2
- package/dist/next/{Button-BI0LErYM.cjs.map → Button-DPoX7ahh.cjs.map} +1 -1
- package/dist/next/{Button-qs4m4zx0.js → Button-DhH3Gy0J.js} +2 -2
- package/dist/next/{Button-qs4m4zx0.js.map → Button-DhH3Gy0J.js.map} +1 -1
- package/dist/next/Button.cjs.js +1 -1
- package/dist/next/Button.js +1 -1
- package/dist/next/{Card-CNwE1Mkt.js → Card-4SKxHmOQ.js} +23 -50
- package/dist/next/Card-4SKxHmOQ.js.map +1 -0
- package/dist/next/{Card-CddrG8Xx.cjs → Card-BdzmlYGf.cjs} +23 -50
- package/dist/next/Card-BdzmlYGf.cjs.map +1 -0
- package/dist/next/Card.cjs.js +1 -1
- package/dist/next/Card.js +1 -1
- package/dist/next/{Chip-D2mvW5L7.js → Chip-BqMZEDW_.js} +2 -2
- package/dist/next/{Chip-D2mvW5L7.js.map → Chip-BqMZEDW_.js.map} +1 -1
- package/dist/next/{Chip-BWTBVAIE.cjs → Chip-CqvlZI-K.cjs} +2 -2
- package/dist/next/{Chip-BWTBVAIE.cjs.map → Chip-CqvlZI-K.cjs.map} +1 -1
- package/dist/next/Chip.cjs.js +1 -1
- package/dist/next/Chip.js +1 -1
- package/dist/next/{CommandPalette-BO6R9zQs.cjs → CommandPalette-C0NN-NWE.cjs} +2 -2
- package/dist/next/{CommandPalette-BO6R9zQs.cjs.map → CommandPalette-C0NN-NWE.cjs.map} +1 -1
- package/dist/next/{CommandPalette-CN0BiN0R.js → CommandPalette-vklqlRV0.js} +2 -2
- package/dist/next/{CommandPalette-CN0BiN0R.js.map → CommandPalette-vklqlRV0.js.map} +1 -1
- package/dist/next/CommandPalette.cjs.js +1 -1
- package/dist/next/CommandPalette.js +1 -1
- package/dist/next/{Dropdown-Czc7qKPn.js → Dropdown-BjxT8ivq.js} +2 -2
- package/dist/next/{Dropdown-Czc7qKPn.js.map → Dropdown-BjxT8ivq.js.map} +1 -1
- package/dist/next/{Dropdown-BnuZW883.cjs → Dropdown-IW2Ph6-e.cjs} +2 -2
- package/dist/next/{Dropdown-BnuZW883.cjs.map → Dropdown-IW2Ph6-e.cjs.map} +1 -1
- package/dist/next/Dropdown.cjs.js +1 -1
- package/dist/next/Dropdown.js +1 -1
- package/dist/next/{EmptyState-Bb90F-ej.cjs → EmptyState-BS6-CuHp.cjs} +2 -2
- package/dist/next/{EmptyState-Bb90F-ej.cjs.map → EmptyState-BS6-CuHp.cjs.map} +1 -1
- package/dist/next/{EmptyState-Brd4N36F.js → EmptyState-D_Gcrj_3.js} +2 -2
- package/dist/next/{EmptyState-Brd4N36F.js.map → EmptyState-D_Gcrj_3.js.map} +1 -1
- package/dist/next/EmptyState.cjs.js +1 -1
- package/dist/next/EmptyState.js +1 -1
- package/dist/next/{FileUpload-Drm5_xEx.cjs → FileUpload-Cj99fQhe.cjs} +4 -4
- package/dist/next/{FileUpload-Drm5_xEx.cjs.map → FileUpload-Cj99fQhe.cjs.map} +1 -1
- package/dist/next/{FileUpload-BMMpH1El.js → FileUpload-St2eEaTn.js} +4 -4
- package/dist/next/{FileUpload-BMMpH1El.js.map → FileUpload-St2eEaTn.js.map} +1 -1
- package/dist/next/FileUpload.cjs.js +1 -1
- package/dist/next/FileUpload.js +1 -1
- package/dist/next/{Footer-EF2-ryvY.cjs → Footer-B3KTDWBR.cjs} +4 -4
- package/dist/next/{Footer-EF2-ryvY.cjs.map → Footer-B3KTDWBR.cjs.map} +1 -1
- package/dist/next/{Footer-B6_LG958.js → Footer-dtGtOPyR.js} +4 -4
- package/dist/next/{Footer-B6_LG958.js.map → Footer-dtGtOPyR.js.map} +1 -1
- package/dist/next/Footer.cjs.js +1 -1
- package/dist/next/Footer.js +1 -1
- package/dist/next/{IconButton-BTUFKRZt.js → IconButton-Ct3YtlG9.js} +2 -2
- package/dist/next/{IconButton-BTUFKRZt.js.map → IconButton-Ct3YtlG9.js.map} +1 -1
- package/dist/next/{IconButton-2l-_HOMB.cjs → IconButton-aF7cTy19.cjs} +2 -2
- package/dist/next/{IconButton-2l-_HOMB.cjs.map → IconButton-aF7cTy19.cjs.map} +1 -1
- package/dist/next/IconButton.cjs.js +1 -1
- package/dist/next/IconButton.js +1 -1
- package/dist/next/{MessagePopup-WUBGyJ_F.js → MessagePopup-C4n0Qw7n.js} +6 -6
- package/dist/next/{MessagePopup-WUBGyJ_F.js.map → MessagePopup-C4n0Qw7n.js.map} +1 -1
- package/dist/next/{MessagePopup-DsquzWSn.cjs → MessagePopup-CwOeZAAM.cjs} +6 -6
- package/dist/next/{MessagePopup-DsquzWSn.cjs.map → MessagePopup-CwOeZAAM.cjs.map} +1 -1
- package/dist/next/MessagePopup.cjs.js +4 -0
- package/dist/next/MessagePopup.cjs.js.map +1 -0
- package/dist/next/MessagePopup.js +5 -0
- package/dist/next/MessagePopup.js.map +1 -0
- package/dist/next/{Modal-B2ilLCoi.js → Modal-CIzoBs9H.js} +2 -2
- package/dist/next/{Modal-B2ilLCoi.js.map → Modal-CIzoBs9H.js.map} +1 -1
- package/dist/next/{Modal-CVKVAEdd.cjs → Modal-DCNGQN70.cjs} +2 -2
- package/dist/next/{Modal-CVKVAEdd.cjs.map → Modal-DCNGQN70.cjs.map} +1 -1
- package/dist/next/Modal.cjs.js +1 -1
- package/dist/next/Modal.js +1 -1
- package/dist/next/{NavBar-DVEf0iJH.cjs → NavBar-DDu46bCF.cjs} +3 -3
- package/dist/next/{NavBar-DVEf0iJH.cjs.map → NavBar-DDu46bCF.cjs.map} +1 -1
- package/dist/next/{NavBar-CmvgkEZt.js → NavBar-DyI3rKSN.js} +3 -3
- package/dist/next/{NavBar-CmvgkEZt.js.map → NavBar-DyI3rKSN.js.map} +1 -1
- package/dist/next/NavBar.cjs.js +1 -1
- package/dist/next/NavBar.js +1 -1
- package/dist/next/{NotificationCenter-CtM10CVj.js → NotificationCenter-BIuKaeXk.js} +3 -3
- package/dist/next/{NotificationCenter-CtM10CVj.js.map → NotificationCenter-BIuKaeXk.js.map} +1 -1
- package/dist/next/{NotificationCenter-CtL6rozQ.cjs → NotificationCenter-CzdOOnWg.cjs} +3 -3
- package/dist/next/{NotificationCenter-CtL6rozQ.cjs.map → NotificationCenter-CzdOOnWg.cjs.map} +1 -1
- package/dist/next/NotificationCenter.cjs.js +1 -1
- package/dist/next/NotificationCenter.js +1 -1
- package/dist/next/{Pager-Bxxewb8I.cjs → Pager-C6vww_Lf.cjs} +3 -3
- package/dist/next/{Pager-Bxxewb8I.cjs.map → Pager-C6vww_Lf.cjs.map} +1 -1
- package/dist/next/{Pager-D0Mw7o7v.js → Pager-DkXLe3dd.js} +3 -3
- package/dist/next/{Pager-D0Mw7o7v.js.map → Pager-DkXLe3dd.js.map} +1 -1
- package/dist/next/Pager.cjs.js +1 -1
- package/dist/next/Pager.js +1 -1
- package/dist/next/ProgressBar-BM0Rp63R.js +188 -0
- package/dist/next/ProgressBar-BM0Rp63R.js.map +1 -0
- package/dist/next/ProgressBar-CDhjp_gn.cjs +187 -0
- package/dist/next/ProgressBar-CDhjp_gn.cjs.map +1 -0
- package/dist/next/ProgressBar.cjs.js +1 -1
- package/dist/next/ProgressBar.js +1 -1
- package/dist/next/{Sidebar-DajVSn82.cjs → Sidebar-CBC-Gu5d.cjs} +3 -3
- package/dist/next/{Sidebar-DajVSn82.cjs.map → Sidebar-CBC-Gu5d.cjs.map} +1 -1
- package/dist/next/{Sidebar-CJ4VrQIW.js → Sidebar-oJzZMxwu.js} +3 -3
- package/dist/next/{Sidebar-CJ4VrQIW.js.map → Sidebar-oJzZMxwu.js.map} +1 -1
- package/dist/next/Sidebar.cjs.js +1 -1
- package/dist/next/Sidebar.js +1 -1
- package/dist/next/{Stepper-BvA_ZAho.js → Stepper-DBwramgz.js} +2 -2
- package/dist/next/{Stepper-BvA_ZAho.js.map → Stepper-DBwramgz.js.map} +1 -1
- package/dist/next/{Stepper-D6X70Sr6.cjs → Stepper-YQqjSOG0.cjs} +2 -2
- package/dist/next/{Stepper-D6X70Sr6.cjs.map → Stepper-YQqjSOG0.cjs.map} +1 -1
- package/dist/next/Stepper.cjs.js +1 -1
- package/dist/next/Stepper.js +1 -1
- package/dist/next/{TagInput-DfNJiPKh.cjs → TagInput-B38cJqaG.cjs} +3 -3
- package/dist/next/TagInput-B38cJqaG.cjs.map +1 -0
- package/dist/next/{TagInput-DKzxPiwU.js → TagInput-BDbDZ1W8.js} +3 -3
- package/dist/next/TagInput-BDbDZ1W8.js.map +1 -0
- package/dist/next/TagInput.cjs.js +1 -1
- package/dist/next/TagInput.js +1 -1
- package/dist/next/{TextInput-C1TUvbWx.cjs → TextInput-C3cLfd6E.cjs} +2 -2
- package/dist/next/{TextInput-C1TUvbWx.cjs.map → TextInput-C3cLfd6E.cjs.map} +1 -1
- package/dist/next/{TextInput-CyGkgvS3.js → TextInput-D68lumzk.js} +2 -2
- package/dist/next/{TextInput-CyGkgvS3.js.map → TextInput-D68lumzk.js.map} +1 -1
- package/dist/next/TextInput.cjs.js +1 -1
- package/dist/next/TextInput.js +1 -1
- package/dist/next/{Toolbar-PwnuYGDR.cjs → Toolbar-B-APlNjI.cjs} +2 -2
- package/dist/next/{Toolbar-PwnuYGDR.cjs.map → Toolbar-B-APlNjI.cjs.map} +1 -1
- package/dist/next/{Toolbar-wbusnAUV.js → Toolbar-DHyc9uqa.js} +2 -2
- package/dist/next/{Toolbar-wbusnAUV.js.map → Toolbar-DHyc9uqa.js.map} +1 -1
- package/dist/next/Toolbar.cjs.js +1 -1
- package/dist/next/Toolbar.js +1 -1
- package/dist/next/boreal-ui.css +122 -72
- package/dist/next/{image-BBS8QO15.js → image-B9PuwflE.js} +47 -3
- package/dist/next/image-B9PuwflE.js.map +1 -0
- package/dist/next/{image-A4nTeRaX.cjs → image-Bo_vHlt1.cjs} +47 -3
- package/dist/next/image-Bo_vHlt1.cjs.map +1 -0
- package/dist/next/index.cjs.js +23 -23
- package/dist/next/index.js +23 -23
- package/dist/next/{link-lNk_lOdS.cjs → link-B1N-q38H.cjs} +276 -49
- package/dist/next/link-B1N-q38H.cjs.map +1 -0
- package/dist/next/{link-CxWP3aXr.js → link-CyxHztrS.js} +276 -49
- package/dist/next/link-CyxHztrS.js.map +1 -0
- package/dist/next/{navigation-DxXFNXZM.js → navigation-C2hD8Jlk.js} +157 -199
- package/dist/next/navigation-C2hD8Jlk.js.map +1 -0
- package/dist/next/{navigation-CZU71Pmb.cjs → navigation-C3npGZmO.cjs} +157 -199
- package/dist/next/navigation-C3npGZmO.cjs.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/Card/Card.types.d.ts +4 -4
- package/dist/types/components/Card/Card.types.d.ts.map +1 -1
- package/dist/types/components/Card/CardBase.d.ts.map +1 -1
- package/dist/types/components/{MessagePopUp → MessagePopup}/MessagePopup.types.d.ts +2 -2
- package/dist/types/components/{MessagePopUp → MessagePopup}/MessagePopup.types.d.ts.map +1 -1
- package/dist/types/components/{MessagePopUp → MessagePopup}/MessagePopupBase.d.ts.map +1 -1
- package/dist/types/components/MessagePopup/core/MessagePopup.d.ts +6 -0
- package/dist/types/components/{MessagePopUp → MessagePopup}/core/MessagePopup.d.ts.map +1 -1
- package/dist/types/components/MessagePopup/next/MessagePopup.d.ts +5 -0
- package/dist/types/components/{MessagePopUp → MessagePopup}/next/MessagePopup.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBar.types.d.ts +10 -1
- package/dist/types/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/ProgressBarBase.d.ts.map +1 -1
- package/dist/types/components/ProgressBar/core/ProgressBar.d.ts.map +1 -1
- package/dist/types/components/TagInput/{Taginput.types.d.ts → TagInput.types.d.ts} +1 -1
- package/dist/types/components/TagInput/{Taginput.types.d.ts.map → TagInput.types.d.ts.map} +1 -1
- package/dist/types/components/TagInput/TagInputBase.d.ts +1 -1
- package/dist/types/components/TagInput/core/TagInput.d.ts +6 -0
- package/dist/types/components/TagInput/core/{Taginput.d.ts.map → TagInput.d.ts.map} +1 -1
- package/dist/types/components/TagInput/next/TagInput.d.ts +1 -1
- package/dist/types/index.core.d.ts +2 -2
- package/dist/types/index.next.d.ts +1 -1
- package/dist/types/public.types.d.ts +2 -2
- package/package.json +8 -8
- package/dist/core/Card-C57chjAP.cjs.map +0 -1
- package/dist/core/Card-YD4BgNEU.js.map +0 -1
- package/dist/core/MessagePopUp.cjs.js +0 -4
- package/dist/core/MessagePopUp.cjs.js.map +0 -1
- package/dist/core/MessagePopUp.js +0 -5
- package/dist/core/MessagePopUp.js.map +0 -1
- package/dist/core/ProgressBar-BwjYOqoE.cjs.map +0 -1
- package/dist/core/ProgressBar-DaA5vvnq.js.map +0 -1
- package/dist/core/Taginput-BXCxdLf0.cjs.map +0 -1
- package/dist/core/Taginput-CoxxwLXg.js.map +0 -1
- package/dist/next/Card-CNwE1Mkt.js.map +0 -1
- package/dist/next/Card-CddrG8Xx.cjs.map +0 -1
- package/dist/next/MessagePopUp.cjs.js +0 -4
- package/dist/next/MessagePopUp.cjs.js.map +0 -1
- package/dist/next/MessagePopUp.js +0 -5
- package/dist/next/MessagePopUp.js.map +0 -1
- package/dist/next/ProgressBar-BMuv0kis.cjs +0 -151
- package/dist/next/ProgressBar-BMuv0kis.cjs.map +0 -1
- package/dist/next/ProgressBar-DuaWQouO.js +0 -152
- package/dist/next/ProgressBar-DuaWQouO.js.map +0 -1
- package/dist/next/TagInput-DKzxPiwU.js.map +0 -1
- package/dist/next/TagInput-DfNJiPKh.cjs.map +0 -1
- package/dist/next/image-A4nTeRaX.cjs.map +0 -1
- package/dist/next/image-BBS8QO15.js.map +0 -1
- package/dist/next/link-CxWP3aXr.js.map +0 -1
- package/dist/next/link-lNk_lOdS.cjs.map +0 -1
- package/dist/next/navigation-CZU71Pmb.cjs.map +0 -1
- package/dist/next/navigation-DxXFNXZM.js.map +0 -1
- package/dist/types/components/MessagePopUp/core/MessagePopup.d.ts +0 -6
- package/dist/types/components/MessagePopUp/next/MessagePopup.d.ts +0 -5
- package/dist/types/components/TagInput/core/Taginput.d.ts +0 -6
- /package/dist/types/components/{MessagePopUp → MessagePopup}/MessagePopupBase.d.ts +0 -0
|
@@ -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-CzdOOnWg.cjs");
|
|
4
4
|
exports.default = NotificationCenter.NotificationCenter;
|
|
5
5
|
exports.themeIcons = NotificationCenter.themeIcons;
|
|
6
6
|
//# sourceMappingURL=NotificationCenter.cjs.js.map
|
|
@@ -5,8 +5,8 @@ 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-
|
|
9
|
-
const IconButton = require("./IconButton-
|
|
8
|
+
const Button = require("./Button-DPoX7ahh.cjs");
|
|
9
|
+
const IconButton = require("./IconButton-aF7cTy19.cjs");
|
|
10
10
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ require$$2.jsx(
|
|
11
11
|
"svg",
|
|
12
12
|
{
|
|
@@ -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-C6vww_Lf.cjs.map
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
1
|
+
{"version":3,"file":"Pager-C6vww_Lf.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,8 +4,8 @@ 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-
|
|
8
|
-
import { I as IconButton } from "./IconButton-
|
|
7
|
+
import { B as Button } from "./Button-DhH3Gy0J.js";
|
|
8
|
+
import { I as IconButton } from "./IconButton-Ct3YtlG9.js";
|
|
9
9
|
const ArrowLeftIcon = (props) => /* @__PURE__ */ jsx(
|
|
10
10
|
"svg",
|
|
11
11
|
{
|
|
@@ -186,4 +186,4 @@ Pager.displayName = "Pager";
|
|
|
186
186
|
export {
|
|
187
187
|
Pager as P
|
|
188
188
|
};
|
|
189
|
-
//# sourceMappingURL=Pager-
|
|
189
|
+
//# sourceMappingURL=Pager-DkXLe3dd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pager-
|
|
1
|
+
{"version":3,"file":"Pager-DkXLe3dd.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
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
|
|
4
|
+
import { c as capitalize } from "./capitalize-C0TSQSPh.js";
|
|
5
|
+
import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
|
|
6
|
+
const BaseProgressBar = ({
|
|
7
|
+
progress = 0,
|
|
8
|
+
theme = getDefaultTheme(),
|
|
9
|
+
state = "",
|
|
10
|
+
size = getDefaultSize(),
|
|
11
|
+
rounding = getDefaultRounding(),
|
|
12
|
+
shadow = getDefaultShadow(),
|
|
13
|
+
animated: animated2 = true,
|
|
14
|
+
indeterminate: indeterminate2 = false,
|
|
15
|
+
className = "",
|
|
16
|
+
ariaLabel = "Progress",
|
|
17
|
+
title: title2,
|
|
18
|
+
titlePosition = "top",
|
|
19
|
+
"data-testid": testId = "progressbar",
|
|
20
|
+
classMap
|
|
21
|
+
}) => {
|
|
22
|
+
const numeric = Number(progress);
|
|
23
|
+
const clamped = Number.isFinite(numeric) ? Math.min(100, Math.max(0, numeric)) : 0;
|
|
24
|
+
const value = Math.round(clamped);
|
|
25
|
+
const layoutClass = useMemo(() => {
|
|
26
|
+
const posClass = titlePosition === "overlay" ? void 0 : classMap[`title${capitalize(titlePosition)}`];
|
|
27
|
+
return combineClassNames(classMap.layout, Boolean(title2) && posClass);
|
|
28
|
+
}, [classMap, title2, titlePosition]);
|
|
29
|
+
const wrapperClass = useMemo(
|
|
30
|
+
() => combineClassNames(
|
|
31
|
+
classMap.container,
|
|
32
|
+
classMap[size],
|
|
33
|
+
shadow && classMap[`shadow${capitalize(shadow)}`],
|
|
34
|
+
rounding && classMap[`round${capitalize(rounding)}`],
|
|
35
|
+
className
|
|
36
|
+
),
|
|
37
|
+
[classMap, size, shadow, rounding, className]
|
|
38
|
+
);
|
|
39
|
+
const barClass = useMemo(
|
|
40
|
+
() => combineClassNames(
|
|
41
|
+
classMap.bar,
|
|
42
|
+
classMap[theme],
|
|
43
|
+
classMap[state],
|
|
44
|
+
animated2 && classMap.animated,
|
|
45
|
+
rounding && classMap[`round${capitalize(rounding)}`],
|
|
46
|
+
indeterminate2 && classMap.indeterminate
|
|
47
|
+
),
|
|
48
|
+
[classMap, theme, state, rounding, indeterminate2, animated2]
|
|
49
|
+
);
|
|
50
|
+
const titleNode = title2 ? /* @__PURE__ */ jsx(
|
|
51
|
+
"div",
|
|
52
|
+
{
|
|
53
|
+
className: combineClassNames(
|
|
54
|
+
classMap.title,
|
|
55
|
+
titlePosition === "overlay" && classMap.titleOverlay
|
|
56
|
+
),
|
|
57
|
+
"data-testid": `${testId}-title`,
|
|
58
|
+
children: title2
|
|
59
|
+
}
|
|
60
|
+
) : null;
|
|
61
|
+
return /* @__PURE__ */ jsxs("div", { className: layoutClass, children: [
|
|
62
|
+
(titlePosition === "top" || titlePosition === "left") && titleNode,
|
|
63
|
+
/* @__PURE__ */ jsx(
|
|
64
|
+
"div",
|
|
65
|
+
{
|
|
66
|
+
className: wrapperClass,
|
|
67
|
+
role: "progressbar",
|
|
68
|
+
"aria-label": ariaLabel,
|
|
69
|
+
"aria-valuemin": 0,
|
|
70
|
+
"aria-valuemax": 100,
|
|
71
|
+
"aria-valuenow": indeterminate2 ? void 0 : value,
|
|
72
|
+
"aria-valuetext": indeterminate2 ? "Loading" : `${value}% complete`,
|
|
73
|
+
"aria-busy": indeterminate2 || void 0,
|
|
74
|
+
"data-testid": testId,
|
|
75
|
+
children: /* @__PURE__ */ jsx(
|
|
76
|
+
"div",
|
|
77
|
+
{
|
|
78
|
+
className: barClass,
|
|
79
|
+
style: { width: indeterminate2 ? void 0 : `${value}%` },
|
|
80
|
+
"data-testid": `${testId}-bar`,
|
|
81
|
+
children: titlePosition === "overlay" && titleNode
|
|
82
|
+
}
|
|
83
|
+
)
|
|
84
|
+
}
|
|
85
|
+
),
|
|
86
|
+
(titlePosition === "bottom" || titlePosition === "right") && titleNode
|
|
87
|
+
] });
|
|
88
|
+
};
|
|
89
|
+
BaseProgressBar.displayName = "BaseProgressBar";
|
|
90
|
+
const noScroll = "_noScroll_6k6i1_108";
|
|
91
|
+
const errorMessage = "_errorMessage_6k6i1_109";
|
|
92
|
+
const loadingContainer = "_loadingContainer_6k6i1_110";
|
|
93
|
+
const hideScrollbar = "_hideScrollbar_6k6i1_102";
|
|
94
|
+
const sr_only = "_sr_only_6k6i1_111";
|
|
95
|
+
const container = "_container_6k6i1_552";
|
|
96
|
+
const xs = "_xs_6k6i1_575";
|
|
97
|
+
const small = "_small_6k6i1_588";
|
|
98
|
+
const medium = "_medium_6k6i1_601";
|
|
99
|
+
const large = "_large_6k6i1_614";
|
|
100
|
+
const xl = "_xl_6k6i1_627";
|
|
101
|
+
const primary = "_primary_6k6i1_640";
|
|
102
|
+
const secondary = "_secondary_6k6i1_643";
|
|
103
|
+
const tertiary = "_tertiary_6k6i1_646";
|
|
104
|
+
const quaternary = "_quaternary_6k6i1_649";
|
|
105
|
+
const clear = "_clear_6k6i1_652";
|
|
106
|
+
const success = "_success_6k6i1_655";
|
|
107
|
+
const error = "_error_6k6i1_109";
|
|
108
|
+
const warning = "_warning_6k6i1_661";
|
|
109
|
+
const layout = "_layout_6k6i1_668";
|
|
110
|
+
const title = "_title_6k6i1_674";
|
|
111
|
+
const titleTop = "_titleTop_6k6i1_680";
|
|
112
|
+
const titleBottom = "_titleBottom_6k6i1_685";
|
|
113
|
+
const titleLeft = "_titleLeft_6k6i1_690";
|
|
114
|
+
const titleRight = "_titleRight_6k6i1_691";
|
|
115
|
+
const titleOverlay = "_titleOverlay_6k6i1_707";
|
|
116
|
+
const bar = "_bar_6k6i1_717";
|
|
117
|
+
const animated = "_animated_6k6i1_752";
|
|
118
|
+
const indeterminate = "_indeterminate_6k6i1_756";
|
|
119
|
+
const roundNone = "_roundNone_6k6i1_761";
|
|
120
|
+
const roundSmall = "_roundSmall_6k6i1_765";
|
|
121
|
+
const roundMedium = "_roundMedium_6k6i1_769";
|
|
122
|
+
const roundLarge = "_roundLarge_6k6i1_773";
|
|
123
|
+
const roundFull = "_roundFull_6k6i1_777";
|
|
124
|
+
const shadowNone = "_shadowNone_6k6i1_781";
|
|
125
|
+
const shadowLight = "_shadowLight_6k6i1_785";
|
|
126
|
+
const shadowMedium = "_shadowMedium_6k6i1_789";
|
|
127
|
+
const shadowStrong = "_shadowStrong_6k6i1_793";
|
|
128
|
+
const shadowIntense = "_shadowIntense_6k6i1_797";
|
|
129
|
+
const spin = "_spin_6k6i1_1";
|
|
130
|
+
const pulse = "_pulse_6k6i1_1";
|
|
131
|
+
const styles = {
|
|
132
|
+
noScroll,
|
|
133
|
+
errorMessage,
|
|
134
|
+
loadingContainer,
|
|
135
|
+
hideScrollbar,
|
|
136
|
+
sr_only,
|
|
137
|
+
container,
|
|
138
|
+
xs,
|
|
139
|
+
small,
|
|
140
|
+
medium,
|
|
141
|
+
large,
|
|
142
|
+
xl,
|
|
143
|
+
primary,
|
|
144
|
+
secondary,
|
|
145
|
+
tertiary,
|
|
146
|
+
quaternary,
|
|
147
|
+
clear,
|
|
148
|
+
success,
|
|
149
|
+
error,
|
|
150
|
+
warning,
|
|
151
|
+
layout,
|
|
152
|
+
title,
|
|
153
|
+
titleTop,
|
|
154
|
+
titleBottom,
|
|
155
|
+
titleLeft,
|
|
156
|
+
titleRight,
|
|
157
|
+
titleOverlay,
|
|
158
|
+
bar,
|
|
159
|
+
animated,
|
|
160
|
+
"progress-grow": "_progress-grow_6k6i1_1",
|
|
161
|
+
indeterminate,
|
|
162
|
+
"indeterminate-move": "_indeterminate-move_6k6i1_1",
|
|
163
|
+
roundNone,
|
|
164
|
+
roundSmall,
|
|
165
|
+
roundMedium,
|
|
166
|
+
roundLarge,
|
|
167
|
+
roundFull,
|
|
168
|
+
shadowNone,
|
|
169
|
+
shadowLight,
|
|
170
|
+
shadowMedium,
|
|
171
|
+
shadowStrong,
|
|
172
|
+
shadowIntense,
|
|
173
|
+
"fade-in": "_fade-in_6k6i1_1",
|
|
174
|
+
"slide-up": "_slide-up_6k6i1_1",
|
|
175
|
+
"spin-3d": "_spin-3d_6k6i1_1",
|
|
176
|
+
spin,
|
|
177
|
+
pulse,
|
|
178
|
+
"fade-in-up": "_fade-in-up_6k6i1_1",
|
|
179
|
+
"skeleton-loading": "_skeleton-loading_6k6i1_1"
|
|
180
|
+
};
|
|
181
|
+
const ProgressBar = (props) => {
|
|
182
|
+
return /* @__PURE__ */ jsx(BaseProgressBar, { ...props, classMap: styles });
|
|
183
|
+
};
|
|
184
|
+
ProgressBar.displayName = "ProgressBar";
|
|
185
|
+
export {
|
|
186
|
+
ProgressBar as P
|
|
187
|
+
};
|
|
188
|
+
//# sourceMappingURL=ProgressBar-BM0Rp63R.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar-BM0Rp63R.js","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n progress = 0,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n animated = true,\r\n indeterminate = false,\r\n className = \"\",\r\n ariaLabel = \"Progress\",\r\n title,\r\n titlePosition = \"top\",\r\n \"data-testid\": testId = \"progressbar\",\r\n classMap,\r\n}) => {\r\n const numeric = Number(progress);\r\n const clamped = Number.isFinite(numeric)\r\n ? Math.min(100, Math.max(0, numeric))\r\n : 0;\r\n const value = Math.round(clamped);\r\n\r\n const layoutClass = useMemo(() => {\r\n const posClass =\r\n titlePosition === \"overlay\"\r\n ? undefined\r\n : classMap[`title${capitalize(titlePosition)}`];\r\n\r\n return combineClassNames(classMap.layout, Boolean(title) && posClass);\r\n }, [classMap, title, titlePosition]);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, size, shadow, rounding, className],\r\n );\r\n\r\n const barClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.bar,\r\n classMap[theme],\r\n classMap[state],\r\n animated && classMap.animated,\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n indeterminate && classMap.indeterminate,\r\n ),\r\n [classMap, theme, state, rounding, indeterminate, animated],\r\n );\r\n\r\n const titleNode = title ? (\r\n <div\r\n className={combineClassNames(\r\n classMap.title,\r\n titlePosition === \"overlay\" && classMap.titleOverlay,\r\n )}\r\n data-testid={`${testId}-title`}\r\n >\r\n {title}\r\n </div>\r\n ) : null;\r\n\r\n return (\r\n <div className={layoutClass}>\r\n {(titlePosition === \"top\" || titlePosition === \"left\") && titleNode}\r\n\r\n <div\r\n className={wrapperClass}\r\n role=\"progressbar\"\r\n aria-label={ariaLabel}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={indeterminate ? undefined : value}\r\n aria-valuetext={indeterminate ? \"Loading\" : `${value}% complete`}\r\n aria-busy={indeterminate || undefined}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={barClass}\r\n style={{ width: indeterminate ? undefined : `${value}%` }}\r\n data-testid={`${testId}-bar`}\r\n >\r\n {titlePosition === \"overlay\" && titleNode}\r\n </div>\r\n </div>\r\n\r\n {(titlePosition === \"bottom\" || titlePosition === \"right\") && titleNode}\r\n </div>\r\n );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport styles from \"./ProgressBar.module.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n return <BaseProgressBar {...props} classMap={styles} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":["animated","indeterminate","title"],"mappings":"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"}
|
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const require$$2 = require("react/jsx-runtime");
|
|
3
|
+
const React = require("react");
|
|
4
|
+
const classNames = require("./classNames-BcWMx052.cjs");
|
|
5
|
+
const capitalize = require("./capitalize-DoV-nOmN.cjs");
|
|
6
|
+
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
7
|
+
const BaseProgressBar = ({
|
|
8
|
+
progress = 0,
|
|
9
|
+
theme = borealStyleConfig.getDefaultTheme(),
|
|
10
|
+
state = "",
|
|
11
|
+
size = borealStyleConfig.getDefaultSize(),
|
|
12
|
+
rounding = borealStyleConfig.getDefaultRounding(),
|
|
13
|
+
shadow = borealStyleConfig.getDefaultShadow(),
|
|
14
|
+
animated: animated2 = true,
|
|
15
|
+
indeterminate: indeterminate2 = false,
|
|
16
|
+
className = "",
|
|
17
|
+
ariaLabel = "Progress",
|
|
18
|
+
title: title2,
|
|
19
|
+
titlePosition = "top",
|
|
20
|
+
"data-testid": testId = "progressbar",
|
|
21
|
+
classMap
|
|
22
|
+
}) => {
|
|
23
|
+
const numeric = Number(progress);
|
|
24
|
+
const clamped = Number.isFinite(numeric) ? Math.min(100, Math.max(0, numeric)) : 0;
|
|
25
|
+
const value = Math.round(clamped);
|
|
26
|
+
const layoutClass = React.useMemo(() => {
|
|
27
|
+
const posClass = titlePosition === "overlay" ? void 0 : classMap[`title${capitalize.capitalize(titlePosition)}`];
|
|
28
|
+
return classNames.combineClassNames(classMap.layout, Boolean(title2) && posClass);
|
|
29
|
+
}, [classMap, title2, titlePosition]);
|
|
30
|
+
const wrapperClass = React.useMemo(
|
|
31
|
+
() => classNames.combineClassNames(
|
|
32
|
+
classMap.container,
|
|
33
|
+
classMap[size],
|
|
34
|
+
shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
|
|
35
|
+
rounding && classMap[`round${capitalize.capitalize(rounding)}`],
|
|
36
|
+
className
|
|
37
|
+
),
|
|
38
|
+
[classMap, size, shadow, rounding, className]
|
|
39
|
+
);
|
|
40
|
+
const barClass = React.useMemo(
|
|
41
|
+
() => classNames.combineClassNames(
|
|
42
|
+
classMap.bar,
|
|
43
|
+
classMap[theme],
|
|
44
|
+
classMap[state],
|
|
45
|
+
animated2 && classMap.animated,
|
|
46
|
+
rounding && classMap[`round${capitalize.capitalize(rounding)}`],
|
|
47
|
+
indeterminate2 && classMap.indeterminate
|
|
48
|
+
),
|
|
49
|
+
[classMap, theme, state, rounding, indeterminate2, animated2]
|
|
50
|
+
);
|
|
51
|
+
const titleNode = title2 ? /* @__PURE__ */ require$$2.jsx(
|
|
52
|
+
"div",
|
|
53
|
+
{
|
|
54
|
+
className: classNames.combineClassNames(
|
|
55
|
+
classMap.title,
|
|
56
|
+
titlePosition === "overlay" && classMap.titleOverlay
|
|
57
|
+
),
|
|
58
|
+
"data-testid": `${testId}-title`,
|
|
59
|
+
children: title2
|
|
60
|
+
}
|
|
61
|
+
) : null;
|
|
62
|
+
return /* @__PURE__ */ require$$2.jsxs("div", { className: layoutClass, children: [
|
|
63
|
+
(titlePosition === "top" || titlePosition === "left") && titleNode,
|
|
64
|
+
/* @__PURE__ */ require$$2.jsx(
|
|
65
|
+
"div",
|
|
66
|
+
{
|
|
67
|
+
className: wrapperClass,
|
|
68
|
+
role: "progressbar",
|
|
69
|
+
"aria-label": ariaLabel,
|
|
70
|
+
"aria-valuemin": 0,
|
|
71
|
+
"aria-valuemax": 100,
|
|
72
|
+
"aria-valuenow": indeterminate2 ? void 0 : value,
|
|
73
|
+
"aria-valuetext": indeterminate2 ? "Loading" : `${value}% complete`,
|
|
74
|
+
"aria-busy": indeterminate2 || void 0,
|
|
75
|
+
"data-testid": testId,
|
|
76
|
+
children: /* @__PURE__ */ require$$2.jsx(
|
|
77
|
+
"div",
|
|
78
|
+
{
|
|
79
|
+
className: barClass,
|
|
80
|
+
style: { width: indeterminate2 ? void 0 : `${value}%` },
|
|
81
|
+
"data-testid": `${testId}-bar`,
|
|
82
|
+
children: titlePosition === "overlay" && titleNode
|
|
83
|
+
}
|
|
84
|
+
)
|
|
85
|
+
}
|
|
86
|
+
),
|
|
87
|
+
(titlePosition === "bottom" || titlePosition === "right") && titleNode
|
|
88
|
+
] });
|
|
89
|
+
};
|
|
90
|
+
BaseProgressBar.displayName = "BaseProgressBar";
|
|
91
|
+
const noScroll = "_noScroll_6k6i1_108";
|
|
92
|
+
const errorMessage = "_errorMessage_6k6i1_109";
|
|
93
|
+
const loadingContainer = "_loadingContainer_6k6i1_110";
|
|
94
|
+
const hideScrollbar = "_hideScrollbar_6k6i1_102";
|
|
95
|
+
const sr_only = "_sr_only_6k6i1_111";
|
|
96
|
+
const container = "_container_6k6i1_552";
|
|
97
|
+
const xs = "_xs_6k6i1_575";
|
|
98
|
+
const small = "_small_6k6i1_588";
|
|
99
|
+
const medium = "_medium_6k6i1_601";
|
|
100
|
+
const large = "_large_6k6i1_614";
|
|
101
|
+
const xl = "_xl_6k6i1_627";
|
|
102
|
+
const primary = "_primary_6k6i1_640";
|
|
103
|
+
const secondary = "_secondary_6k6i1_643";
|
|
104
|
+
const tertiary = "_tertiary_6k6i1_646";
|
|
105
|
+
const quaternary = "_quaternary_6k6i1_649";
|
|
106
|
+
const clear = "_clear_6k6i1_652";
|
|
107
|
+
const success = "_success_6k6i1_655";
|
|
108
|
+
const error = "_error_6k6i1_109";
|
|
109
|
+
const warning = "_warning_6k6i1_661";
|
|
110
|
+
const layout = "_layout_6k6i1_668";
|
|
111
|
+
const title = "_title_6k6i1_674";
|
|
112
|
+
const titleTop = "_titleTop_6k6i1_680";
|
|
113
|
+
const titleBottom = "_titleBottom_6k6i1_685";
|
|
114
|
+
const titleLeft = "_titleLeft_6k6i1_690";
|
|
115
|
+
const titleRight = "_titleRight_6k6i1_691";
|
|
116
|
+
const titleOverlay = "_titleOverlay_6k6i1_707";
|
|
117
|
+
const bar = "_bar_6k6i1_717";
|
|
118
|
+
const animated = "_animated_6k6i1_752";
|
|
119
|
+
const indeterminate = "_indeterminate_6k6i1_756";
|
|
120
|
+
const roundNone = "_roundNone_6k6i1_761";
|
|
121
|
+
const roundSmall = "_roundSmall_6k6i1_765";
|
|
122
|
+
const roundMedium = "_roundMedium_6k6i1_769";
|
|
123
|
+
const roundLarge = "_roundLarge_6k6i1_773";
|
|
124
|
+
const roundFull = "_roundFull_6k6i1_777";
|
|
125
|
+
const shadowNone = "_shadowNone_6k6i1_781";
|
|
126
|
+
const shadowLight = "_shadowLight_6k6i1_785";
|
|
127
|
+
const shadowMedium = "_shadowMedium_6k6i1_789";
|
|
128
|
+
const shadowStrong = "_shadowStrong_6k6i1_793";
|
|
129
|
+
const shadowIntense = "_shadowIntense_6k6i1_797";
|
|
130
|
+
const spin = "_spin_6k6i1_1";
|
|
131
|
+
const pulse = "_pulse_6k6i1_1";
|
|
132
|
+
const styles = {
|
|
133
|
+
noScroll,
|
|
134
|
+
errorMessage,
|
|
135
|
+
loadingContainer,
|
|
136
|
+
hideScrollbar,
|
|
137
|
+
sr_only,
|
|
138
|
+
container,
|
|
139
|
+
xs,
|
|
140
|
+
small,
|
|
141
|
+
medium,
|
|
142
|
+
large,
|
|
143
|
+
xl,
|
|
144
|
+
primary,
|
|
145
|
+
secondary,
|
|
146
|
+
tertiary,
|
|
147
|
+
quaternary,
|
|
148
|
+
clear,
|
|
149
|
+
success,
|
|
150
|
+
error,
|
|
151
|
+
warning,
|
|
152
|
+
layout,
|
|
153
|
+
title,
|
|
154
|
+
titleTop,
|
|
155
|
+
titleBottom,
|
|
156
|
+
titleLeft,
|
|
157
|
+
titleRight,
|
|
158
|
+
titleOverlay,
|
|
159
|
+
bar,
|
|
160
|
+
animated,
|
|
161
|
+
"progress-grow": "_progress-grow_6k6i1_1",
|
|
162
|
+
indeterminate,
|
|
163
|
+
"indeterminate-move": "_indeterminate-move_6k6i1_1",
|
|
164
|
+
roundNone,
|
|
165
|
+
roundSmall,
|
|
166
|
+
roundMedium,
|
|
167
|
+
roundLarge,
|
|
168
|
+
roundFull,
|
|
169
|
+
shadowNone,
|
|
170
|
+
shadowLight,
|
|
171
|
+
shadowMedium,
|
|
172
|
+
shadowStrong,
|
|
173
|
+
shadowIntense,
|
|
174
|
+
"fade-in": "_fade-in_6k6i1_1",
|
|
175
|
+
"slide-up": "_slide-up_6k6i1_1",
|
|
176
|
+
"spin-3d": "_spin-3d_6k6i1_1",
|
|
177
|
+
spin,
|
|
178
|
+
pulse,
|
|
179
|
+
"fade-in-up": "_fade-in-up_6k6i1_1",
|
|
180
|
+
"skeleton-loading": "_skeleton-loading_6k6i1_1"
|
|
181
|
+
};
|
|
182
|
+
const ProgressBar = (props) => {
|
|
183
|
+
return /* @__PURE__ */ require$$2.jsx(BaseProgressBar, { ...props, classMap: styles });
|
|
184
|
+
};
|
|
185
|
+
ProgressBar.displayName = "ProgressBar";
|
|
186
|
+
exports.ProgressBar = ProgressBar;
|
|
187
|
+
//# sourceMappingURL=ProgressBar-CDhjp_gn.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar-CDhjp_gn.cjs","sources":["../../src/components/ProgressBar/ProgressBarBase.tsx","../../src/components/ProgressBar/next/ProgressBar.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultSize,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\nimport { BaseProgressBarProps } from \"./ProgressBar.types\";\r\n\r\nconst BaseProgressBar: React.FC<BaseProgressBarProps> = ({\r\n progress = 0,\r\n theme = getDefaultTheme(),\r\n state = \"\",\r\n size = getDefaultSize(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n animated = true,\r\n indeterminate = false,\r\n className = \"\",\r\n ariaLabel = \"Progress\",\r\n title,\r\n titlePosition = \"top\",\r\n \"data-testid\": testId = \"progressbar\",\r\n classMap,\r\n}) => {\r\n const numeric = Number(progress);\r\n const clamped = Number.isFinite(numeric)\r\n ? Math.min(100, Math.max(0, numeric))\r\n : 0;\r\n const value = Math.round(clamped);\r\n\r\n const layoutClass = useMemo(() => {\r\n const posClass =\r\n titlePosition === \"overlay\"\r\n ? undefined\r\n : classMap[`title${capitalize(titlePosition)}`];\r\n\r\n return combineClassNames(classMap.layout, Boolean(title) && posClass);\r\n }, [classMap, title, titlePosition]);\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.container,\r\n classMap[size],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, size, shadow, rounding, className],\r\n );\r\n\r\n const barClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.bar,\r\n classMap[theme],\r\n classMap[state],\r\n animated && classMap.animated,\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n indeterminate && classMap.indeterminate,\r\n ),\r\n [classMap, theme, state, rounding, indeterminate, animated],\r\n );\r\n\r\n const titleNode = title ? (\r\n <div\r\n className={combineClassNames(\r\n classMap.title,\r\n titlePosition === \"overlay\" && classMap.titleOverlay,\r\n )}\r\n data-testid={`${testId}-title`}\r\n >\r\n {title}\r\n </div>\r\n ) : null;\r\n\r\n return (\r\n <div className={layoutClass}>\r\n {(titlePosition === \"top\" || titlePosition === \"left\") && titleNode}\r\n\r\n <div\r\n className={wrapperClass}\r\n role=\"progressbar\"\r\n aria-label={ariaLabel}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={indeterminate ? undefined : value}\r\n aria-valuetext={indeterminate ? \"Loading\" : `${value}% complete`}\r\n aria-busy={indeterminate || undefined}\r\n data-testid={testId}\r\n >\r\n <div\r\n className={barClass}\r\n style={{ width: indeterminate ? undefined : `${value}%` }}\r\n data-testid={`${testId}-bar`}\r\n >\r\n {titlePosition === \"overlay\" && titleNode}\r\n </div>\r\n </div>\r\n\r\n {(titlePosition === \"bottom\" || titlePosition === \"right\") && titleNode}\r\n </div>\r\n );\r\n};\r\n\r\nBaseProgressBar.displayName = \"BaseProgressBar\";\r\nexport default BaseProgressBar;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BaseProgressBar from \"../ProgressBarBase\";\r\nimport styles from \"./ProgressBar.module.scss\";\r\nimport { ProgressBarProps } from \"../ProgressBar.types\";\r\n\r\nconst ProgressBar: React.FC<ProgressBarProps> = (props) => {\r\n return <BaseProgressBar {...props} classMap={styles} />;\r\n};\r\nProgressBar.displayName = \"ProgressBar\";\r\nexport default ProgressBar;\r\n"],"names":["getDefaultTheme","getDefaultSize","getDefaultRounding","getDefaultShadow","animated","indeterminate","title","useMemo","capitalize","combineClassNames","jsx","jsxs"],"mappings":"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"}
|
package/dist/next/ProgressBar.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const require$$2 = require("react/jsx-runtime");
|
|
3
|
-
const link$1 = require("./link-
|
|
4
|
-
const navigation = require("./navigation-
|
|
3
|
+
const link$1 = require("./link-B1N-q38H.cjs");
|
|
4
|
+
const navigation = require("./navigation-C3npGZmO.cjs");
|
|
5
5
|
const React = require("react");
|
|
6
6
|
const classNames = require("./classNames-BcWMx052.cjs");
|
|
7
7
|
const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
|
|
@@ -296,4 +296,4 @@ const Sidebar = ({ links, ...rest }) => {
|
|
|
296
296
|
};
|
|
297
297
|
Sidebar.displayName = "Sidebar";
|
|
298
298
|
exports.Sidebar = Sidebar;
|
|
299
|
-
//# sourceMappingURL=Sidebar-
|
|
299
|
+
//# sourceMappingURL=Sidebar-CBC-Gu5d.cjs.map
|