boreal-ui 0.0.46 → 0.0.47

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.
Files changed (203) hide show
  1. package/dist/core/boreal-ui.css +0 -429
  2. package/dist/next/{Accordion-BPWTEHym.cjs → Accordion-BvcUpiD3.cjs} +50 -50
  3. package/dist/next/{Accordion-BPWTEHym.cjs.map → Accordion-BvcUpiD3.cjs.map} +1 -1
  4. package/dist/next/{Accordion-DY243Bq9.js → Accordion-CFb5G7Ql.js} +50 -50
  5. package/dist/next/{Accordion-DY243Bq9.js.map → Accordion-CFb5G7Ql.js.map} +1 -1
  6. package/dist/next/Accordion.cjs.js +1 -1
  7. package/dist/next/Accordion.js +1 -1
  8. package/dist/next/{Breadcrumbs-DsGClIKb.cjs → Breadcrumbs-D5wEf2-N.cjs} +2 -2
  9. package/dist/next/{Breadcrumbs-DsGClIKb.cjs.map → Breadcrumbs-D5wEf2-N.cjs.map} +1 -1
  10. package/dist/next/{Breadcrumbs-BbvkRUhf.js → Breadcrumbs-DZpS-GOj.js} +2 -2
  11. package/dist/next/{Breadcrumbs-BbvkRUhf.js.map → Breadcrumbs-DZpS-GOj.js.map} +1 -1
  12. package/dist/next/Breadcrumbs.cjs.js +1 -1
  13. package/dist/next/Breadcrumbs.js +1 -1
  14. package/dist/next/{Button-uZ3xTOOt.js → Button-CQUqfv7B.js} +46 -46
  15. package/dist/next/{Button-uZ3xTOOt.js.map → Button-CQUqfv7B.js.map} +1 -1
  16. package/dist/next/{Button-B1Fh4G0_.cjs → Button-Cyq8lKKp.cjs} +46 -46
  17. package/dist/next/{Button-B1Fh4G0_.cjs.map → Button-Cyq8lKKp.cjs.map} +1 -1
  18. package/dist/next/Button.cjs.js +1 -1
  19. package/dist/next/Button.js +1 -1
  20. package/dist/next/{Card-CBUZ2myq.js → Card-CtUR7xR3.js} +63 -63
  21. package/dist/next/{Card-CBUZ2myq.js.map → Card-CtUR7xR3.js.map} +1 -1
  22. package/dist/next/{Card-DtBEZZKo.cjs → Card-D2vuSJt0.cjs} +63 -63
  23. package/dist/next/{Card-DtBEZZKo.cjs.map → Card-D2vuSJt0.cjs.map} +1 -1
  24. package/dist/next/Card.cjs.js +1 -1
  25. package/dist/next/Card.js +1 -1
  26. package/dist/next/CheckBox.cjs.js +1 -1
  27. package/dist/next/CheckBox.js +1 -1
  28. package/dist/next/{Checkbox-Ch7osD3y.cjs → Checkbox-SXo9UmNY.cjs} +44 -44
  29. package/dist/next/{Checkbox-Ch7osD3y.cjs.map → Checkbox-SXo9UmNY.cjs.map} +1 -1
  30. package/dist/next/{Checkbox-BJ0rBZLF.js → Checkbox-dANi8BjQ.js} +44 -44
  31. package/dist/next/{Checkbox-BJ0rBZLF.js.map → Checkbox-dANi8BjQ.js.map} +1 -1
  32. package/dist/next/{Chip-Be5EUH1C.js → Chip-B3bTVcNN.js} +50 -50
  33. package/dist/next/{Chip-Be5EUH1C.js.map → Chip-B3bTVcNN.js.map} +1 -1
  34. package/dist/next/{Chip-DRR-cqkp.cjs → Chip-BYWlOMgj.cjs} +50 -50
  35. package/dist/next/{Chip-DRR-cqkp.cjs.map → Chip-BYWlOMgj.cjs.map} +1 -1
  36. package/dist/next/Chip.cjs.js +1 -1
  37. package/dist/next/Chip.js +1 -1
  38. package/dist/next/{CircularProgress-Cp2pGFmc.cjs → CircularProgress-6fmyMX4y.cjs} +37 -37
  39. package/dist/next/{CircularProgress-Cp2pGFmc.cjs.map → CircularProgress-6fmyMX4y.cjs.map} +1 -1
  40. package/dist/next/{CircularProgress-BUqdguII.js → CircularProgress-CdvDDYyr.js} +37 -37
  41. package/dist/next/{CircularProgress-BUqdguII.js.map → CircularProgress-CdvDDYyr.js.map} +1 -1
  42. package/dist/next/CircularProgress.cjs.js +1 -1
  43. package/dist/next/CircularProgress.js +1 -1
  44. package/dist/next/{ColorPicker-BHtO2mbU.cjs → ColorPicker-DUYMHTpF.cjs} +38 -38
  45. package/dist/next/{ColorPicker-BHtO2mbU.cjs.map → ColorPicker-DUYMHTpF.cjs.map} +1 -1
  46. package/dist/next/{ColorPicker-ChWOekWP.js → ColorPicker-DhQJXU30.js} +38 -38
  47. package/dist/next/{ColorPicker-ChWOekWP.js.map → ColorPicker-DhQJXU30.js.map} +1 -1
  48. package/dist/next/ColorPicker.cjs.js +1 -1
  49. package/dist/next/ColorPicker.js +1 -1
  50. package/dist/next/{CommandPalette--heYmAFP.js → CommandPalette-Bzqc18YQ.js} +41 -41
  51. package/dist/next/{CommandPalette--heYmAFP.js.map → CommandPalette-Bzqc18YQ.js.map} +1 -1
  52. package/dist/next/{CommandPalette-BjVJ7Nbm.cjs → CommandPalette-GmgyP8kF.cjs} +41 -41
  53. package/dist/next/{CommandPalette-BjVJ7Nbm.cjs.map → CommandPalette-GmgyP8kF.cjs.map} +1 -1
  54. package/dist/next/CommandPalette.cjs.js +1 -1
  55. package/dist/next/CommandPalette.js +1 -1
  56. package/dist/next/{DataTable-CnvOkZrU.js → DataTable-BoXblTGY.js} +40 -40
  57. package/dist/next/{DataTable-CnvOkZrU.js.map → DataTable-BoXblTGY.js.map} +1 -1
  58. package/dist/next/{DataTable-DQ1QRyZw.cjs → DataTable-Cy3GLZ1j.cjs} +40 -40
  59. package/dist/next/{DataTable-DQ1QRyZw.cjs.map → DataTable-Cy3GLZ1j.cjs.map} +1 -1
  60. package/dist/next/DataTable.cjs.js +1 -1
  61. package/dist/next/DataTable.js +1 -1
  62. package/dist/next/{DateTimePicker-2M4AJJXm.cjs → DateTimePicker-DYXQLrAL.cjs} +46 -46
  63. package/dist/next/{DateTimePicker-2M4AJJXm.cjs.map → DateTimePicker-DYXQLrAL.cjs.map} +1 -1
  64. package/dist/next/{DateTimePicker-IvBWNgkK.js → DateTimePicker-i4QztkDP.js} +46 -46
  65. package/dist/next/{DateTimePicker-IvBWNgkK.js.map → DateTimePicker-i4QztkDP.js.map} +1 -1
  66. package/dist/next/DateTimePicker.cjs.js +1 -1
  67. package/dist/next/DateTimePicker.js +1 -1
  68. package/dist/next/{Divider-ByDYa4v6.cjs → Divider-BAAb-2rY.cjs} +28 -28
  69. package/dist/next/{Divider-ByDYa4v6.cjs.map → Divider-BAAb-2rY.cjs.map} +1 -1
  70. package/dist/next/{Divider-BCCzNbAE.js → Divider-O6G6kig_.js} +28 -28
  71. package/dist/next/{Divider-BCCzNbAE.js.map → Divider-O6G6kig_.js.map} +1 -1
  72. package/dist/next/Divider.cjs.js +1 -1
  73. package/dist/next/Divider.js +1 -1
  74. package/dist/next/{EmptyState-BXPBiWSB.cjs → EmptyState-CU6_e2Yr.cjs} +2 -2
  75. package/dist/next/{EmptyState-BXPBiWSB.cjs.map → EmptyState-CU6_e2Yr.cjs.map} +1 -1
  76. package/dist/next/{EmptyState-BIDMx4a4.js → EmptyState-Cbj1OIeQ.js} +2 -2
  77. package/dist/next/{EmptyState-BIDMx4a4.js.map → EmptyState-Cbj1OIeQ.js.map} +1 -1
  78. package/dist/next/EmptyState.cjs.js +1 -1
  79. package/dist/next/EmptyState.js +1 -1
  80. package/dist/next/{FileUpload-DFhiesLM.js → FileUpload-CNxWsESt.js} +51 -51
  81. package/dist/next/{FileUpload-DFhiesLM.js.map → FileUpload-CNxWsESt.js.map} +1 -1
  82. package/dist/next/{FileUpload-CM6236DE.cjs → FileUpload-D43mGC5b.cjs} +51 -51
  83. package/dist/next/{FileUpload-CM6236DE.cjs.map → FileUpload-D43mGC5b.cjs.map} +1 -1
  84. package/dist/next/FileUpload.cjs.js +1 -1
  85. package/dist/next/FileUpload.js +1 -1
  86. package/dist/next/{Footer-tvOL2tDS.js → Footer-CJ19dLJ4.js} +40 -40
  87. package/dist/next/{Footer-tvOL2tDS.js.map → Footer-CJ19dLJ4.js.map} +1 -1
  88. package/dist/next/{Footer-BuPAIf5A.cjs → Footer-haPH23Rz.cjs} +40 -40
  89. package/dist/next/{Footer-BuPAIf5A.cjs.map → Footer-haPH23Rz.cjs.map} +1 -1
  90. package/dist/next/Footer.cjs.js +1 -1
  91. package/dist/next/Footer.js +1 -1
  92. package/dist/next/{FormGroup-QfUhtyhx.js → FormGroup-B_b5tAwN.js} +30 -30
  93. package/dist/next/{FormGroup-QfUhtyhx.js.map → FormGroup-B_b5tAwN.js.map} +1 -1
  94. package/dist/next/{FormGroup-U3EwnB0M.cjs → FormGroup-mHF2j4h8.cjs} +30 -30
  95. package/dist/next/{FormGroup-U3EwnB0M.cjs.map → FormGroup-mHF2j4h8.cjs.map} +1 -1
  96. package/dist/next/FormGroup.cjs.js +1 -1
  97. package/dist/next/FormGroup.js +1 -1
  98. package/dist/next/MessagePopUp.cjs.js +1 -1
  99. package/dist/next/MessagePopUp.js +1 -1
  100. package/dist/next/{MessagePopup-fyidnJOS.js → MessagePopup-BHMymhHd.js} +2 -2
  101. package/dist/next/{MessagePopup-fyidnJOS.js.map → MessagePopup-BHMymhHd.js.map} +1 -1
  102. package/dist/next/{MessagePopup-CqLFabp5.cjs → MessagePopup-C08ktRPS.cjs} +2 -2
  103. package/dist/next/{MessagePopup-CqLFabp5.cjs.map → MessagePopup-C08ktRPS.cjs.map} +1 -1
  104. package/dist/next/{MetricBox-C3B6Bkcb.cjs → MetricBox-BDC6UsP1.cjs} +47 -47
  105. package/dist/next/{MetricBox-C3B6Bkcb.cjs.map → MetricBox-BDC6UsP1.cjs.map} +1 -1
  106. package/dist/next/{MetricBox-BjdAzOrZ.js → MetricBox-Cc5g8SBy.js} +47 -47
  107. package/dist/next/{MetricBox-BjdAzOrZ.js.map → MetricBox-Cc5g8SBy.js.map} +1 -1
  108. package/dist/next/MetricBox.cjs.js +1 -1
  109. package/dist/next/MetricBox.js +1 -1
  110. package/dist/next/{NavBar-v_ckzQIo.js → NavBar-BZPUPeLz.js} +37 -37
  111. package/dist/next/{NavBar-v_ckzQIo.js.map → NavBar-BZPUPeLz.js.map} +1 -1
  112. package/dist/next/{NavBar-Ds_02bAe.cjs → NavBar-DYUpzh7o.cjs} +37 -37
  113. package/dist/next/{NavBar-Ds_02bAe.cjs.map → NavBar-DYUpzh7o.cjs.map} +1 -1
  114. package/dist/next/NavBar.cjs.js +1 -1
  115. package/dist/next/NavBar.js +1 -1
  116. package/dist/next/{NotificationCenter-CUTBk_oe.js → NotificationCenter-C00Gj6Xv.js} +42 -42
  117. package/dist/next/{NotificationCenter-CUTBk_oe.js.map → NotificationCenter-C00Gj6Xv.js.map} +1 -1
  118. package/dist/next/{NotificationCenter-5m57ahdP.cjs → NotificationCenter-ClijzbwL.cjs} +42 -42
  119. package/dist/next/{NotificationCenter-5m57ahdP.cjs.map → NotificationCenter-ClijzbwL.cjs.map} +1 -1
  120. package/dist/next/NotificationCenter.cjs.js +1 -1
  121. package/dist/next/NotificationCenter.js +1 -1
  122. package/dist/next/{Pager-sZUYcImi.cjs → Pager-C1rpRIOe.cjs} +2 -2
  123. package/dist/next/{Pager-sZUYcImi.cjs.map → Pager-C1rpRIOe.cjs.map} +1 -1
  124. package/dist/next/{Pager-Cug0N3GP.js → Pager-DzEFxEIM.js} +2 -2
  125. package/dist/next/{Pager-Cug0N3GP.js.map → Pager-DzEFxEIM.js.map} +1 -1
  126. package/dist/next/Pager.cjs.js +1 -1
  127. package/dist/next/Pager.js +1 -1
  128. package/dist/next/{PopOver-CmPp9PkL.js → PopOver-DFjt5BfD.js} +40 -40
  129. package/dist/next/{PopOver-CmPp9PkL.js.map → PopOver-DFjt5BfD.js.map} +1 -1
  130. package/dist/next/{PopOver-ixERZLpM.cjs → PopOver-J5eO0UOr.cjs} +40 -40
  131. package/dist/next/{PopOver-ixERZLpM.cjs.map → PopOver-J5eO0UOr.cjs.map} +1 -1
  132. package/dist/next/PopOver.cjs.js +1 -1
  133. package/dist/next/PopOver.js +1 -1
  134. package/dist/next/{ProgressBar-BoU2HJv3.js → ProgressBar-hpSJQWrn.js} +42 -42
  135. package/dist/next/{ProgressBar-BoU2HJv3.js.map → ProgressBar-hpSJQWrn.js.map} +1 -1
  136. package/dist/next/{ProgressBar-C6zKbiq5.cjs → ProgressBar-lOd0cGdF.cjs} +42 -42
  137. package/dist/next/{ProgressBar-C6zKbiq5.cjs.map → ProgressBar-lOd0cGdF.cjs.map} +1 -1
  138. package/dist/next/ProgressBar.cjs.js +1 -1
  139. package/dist/next/ProgressBar.js +1 -1
  140. package/dist/next/{RadioButton-BCu934Uo.cjs → RadioButton-DkeBXAsO.cjs} +38 -38
  141. package/dist/next/{RadioButton-BCu934Uo.cjs.map → RadioButton-DkeBXAsO.cjs.map} +1 -1
  142. package/dist/next/{RadioButton-C14Rsx9o.js → RadioButton-UlG9lzwh.js} +38 -38
  143. package/dist/next/{RadioButton-C14Rsx9o.js.map → RadioButton-UlG9lzwh.js.map} +1 -1
  144. package/dist/next/RadioButton.cjs.js +1 -1
  145. package/dist/next/RadioButton.js +1 -1
  146. package/dist/next/{Rating-aheV3uZJ.js → Rating-BhZSzD7o.js} +34 -34
  147. package/dist/next/{Rating-aheV3uZJ.js.map → Rating-BhZSzD7o.js.map} +1 -1
  148. package/dist/next/{Rating-C9BgQANc.cjs → Rating-BuPujSZA.cjs} +34 -34
  149. package/dist/next/{Rating-C9BgQANc.cjs.map → Rating-BuPujSZA.cjs.map} +1 -1
  150. package/dist/next/Rating.cjs.js +1 -1
  151. package/dist/next/Rating.js +1 -1
  152. package/dist/next/{Skeleton-Dmz7m0dj.cjs → Skeleton-Cp1BE2Ac.cjs} +26 -26
  153. package/dist/next/{Skeleton-Dmz7m0dj.cjs.map → Skeleton-Cp1BE2Ac.cjs.map} +1 -1
  154. package/dist/next/{Skeleton-D8C29p3K.js → Skeleton-KKJc191y.js} +26 -26
  155. package/dist/next/{Skeleton-D8C29p3K.js.map → Skeleton-KKJc191y.js.map} +1 -1
  156. package/dist/next/Skeleton.cjs.js +1 -1
  157. package/dist/next/Skeleton.js +1 -1
  158. package/dist/next/{Slider-DQM9nV1P.cjs → Slider-BK-N-zXi.cjs} +43 -43
  159. package/dist/next/{Slider-DQM9nV1P.cjs.map → Slider-BK-N-zXi.cjs.map} +1 -1
  160. package/dist/next/{Slider-BOAgWYkH.js → Slider-BvcM4-MS.js} +43 -43
  161. package/dist/next/{Slider-BOAgWYkH.js.map → Slider-BvcM4-MS.js.map} +1 -1
  162. package/dist/next/Slider.cjs.js +1 -1
  163. package/dist/next/Slider.js +1 -1
  164. package/dist/next/{Spinner-BFAOf4tt.js → Spinner-Dh8iu4p8.js} +37 -37
  165. package/dist/next/{Spinner-BFAOf4tt.js.map → Spinner-Dh8iu4p8.js.map} +1 -1
  166. package/dist/next/{Spinner-0GZngKjG.cjs → Spinner-DqTR9rvk.cjs} +37 -37
  167. package/dist/next/{Spinner-0GZngKjG.cjs.map → Spinner-DqTR9rvk.cjs.map} +1 -1
  168. package/dist/next/Spinner.cjs.js +1 -1
  169. package/dist/next/Spinner.js +1 -1
  170. package/dist/next/{Stepper-CfWc5rhd.cjs → Stepper-RjdxxcS6.cjs} +39 -39
  171. package/dist/next/{Stepper-CfWc5rhd.cjs.map → Stepper-RjdxxcS6.cjs.map} +1 -1
  172. package/dist/next/{Stepper-DY95eGPo.js → Stepper-nRipbdpR.js} +39 -39
  173. package/dist/next/{Stepper-DY95eGPo.js.map → Stepper-nRipbdpR.js.map} +1 -1
  174. package/dist/next/Stepper.cjs.js +1 -1
  175. package/dist/next/Stepper.js +1 -1
  176. package/dist/next/{Tabs-D8Efg8wn.cjs → Tabs-BgKvtbgg.cjs} +44 -44
  177. package/dist/next/{Tabs-D8Efg8wn.cjs.map → Tabs-BgKvtbgg.cjs.map} +1 -1
  178. package/dist/next/{Tabs-DmrS_FUa.js → Tabs-D90stLbD.js} +44 -44
  179. package/dist/next/{Tabs-DmrS_FUa.js.map → Tabs-D90stLbD.js.map} +1 -1
  180. package/dist/next/Tabs.cjs.js +1 -1
  181. package/dist/next/Tabs.js +1 -1
  182. package/dist/next/{TagInput-B3SUHn0c.cjs → TagInput-C7ohFpQN.cjs} +46 -46
  183. package/dist/next/{TagInput-B3SUHn0c.cjs.map → TagInput-C7ohFpQN.cjs.map} +1 -1
  184. package/dist/next/{TagInput-CUK5umXl.js → TagInput-I9GEOn4z.js} +46 -46
  185. package/dist/next/{TagInput-CUK5umXl.js.map → TagInput-I9GEOn4z.js.map} +1 -1
  186. package/dist/next/TagInput.cjs.js +1 -1
  187. package/dist/next/TagInput.js +1 -1
  188. package/dist/next/{Toolbar-C45B_I44.cjs → Toolbar-B043HxPz.cjs} +34 -34
  189. package/dist/next/{Toolbar-C45B_I44.cjs.map → Toolbar-B043HxPz.cjs.map} +1 -1
  190. package/dist/next/{Toolbar-Dq1qqx4P.js → Toolbar-DJ2eWNqF.js} +34 -34
  191. package/dist/next/{Toolbar-Dq1qqx4P.js.map → Toolbar-DJ2eWNqF.js.map} +1 -1
  192. package/dist/next/Toolbar.cjs.js +1 -1
  193. package/dist/next/Toolbar.js +1 -1
  194. package/dist/next/{Tooltip-BXd5FXXv.cjs → Tooltip-BAv_JHBJ.cjs} +39 -39
  195. package/dist/next/{Tooltip-BXd5FXXv.cjs.map → Tooltip-BAv_JHBJ.cjs.map} +1 -1
  196. package/dist/next/{Tooltip-BHIA1zE1.js → Tooltip-BCtlhs_A.js} +39 -39
  197. package/dist/next/{Tooltip-BHIA1zE1.js.map → Tooltip-BCtlhs_A.js.map} +1 -1
  198. package/dist/next/Tooltip.cjs.js +1 -1
  199. package/dist/next/Tooltip.js +1 -1
  200. package/dist/next/boreal-ui.css +2410 -2751
  201. package/dist/next/index.cjs.js +56 -56
  202. package/dist/next/index.js +56 -56
  203. package/package.json +1 -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-5m57ahdP.cjs");
3
+ const NotificationCenter = require("./NotificationCenter-ClijzbwL.cjs");
4
4
  exports.default = NotificationCenter.NotificationCenter;
5
5
  exports.themeIcons = NotificationCenter.themeIcons;
6
6
  //# sourceMappingURL=NotificationCenter.cjs.js.map
@@ -1,4 +1,4 @@
1
- import { N, t } from "./NotificationCenter-CUTBk_oe.js";
1
+ import { N, t } from "./NotificationCenter-C00Gj6Xv.js";
2
2
  export {
3
3
  N as default,
4
4
  t as themeIcons
@@ -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-B1Fh4G0_.cjs");
8
+ const Button = require("./Button-Cyq8lKKp.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-sZUYcImi.cjs.map
188
+ //# sourceMappingURL=Pager-C1rpRIOe.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":";;;;;;;;;AAAA,MAAM,gBAAyD,CAAC,UAC9DA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAM;AAAA,IACL,GAAG;AAAA,IAEJ,UAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACN;AACH;ACLF,MAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ,OAAOC,kBAAAA,eAAA;AAAA,EACP,QAAQC,kBAAAA,gBAAA;AAAA,EACR,WAAWC,kBAAAA,mBAAA;AAAA,EACX,SAASC,kBAAAA,iBAAA;AAAA,EACT,QAAQ;AAAA,EACR,eAAe,SAAS;AAAA,EACxB,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA;AACF,MAAM;AACJ,QAAM,UAAU,KAAK,IAAI,GAAG,gBAAgB,CAAC;AAC7C,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,aAAa,OAAO,CAAC;AAC9D,QAAM,OAAO,KAAK,IAAI,KAAK,IAAI,GAAG,eAAe,CAAC,GAAG,UAAU;AAE/D,QAAM,QAAQ,mBACV,KACA,MAAM,KAAK,EAAE,QAAQ,WAAA,GAAc,CAAC,GAAG,MAAM,IAAI,CAAC;AAEtD,QAAM,OAAO,CAAC,MAAc;AAC1B,UAAM,UAAU,KAAK,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,UAAU;AACnD,QAAI,YAAY,KAAM,cAAa,OAAO;AAAA,EAC5C;AAEA,QAAM,eAAeC,WAAAA,kBAAkB,SAAS,SAAS,SAAS;AAClE,QAAM,kBAAkBA,WAAAA;AAAAA,IACtB,SAAS;AAAA,IACT,UAAU,SAAS,SAASC,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,IAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,EAAA;AAGrD,yCACG,OAAA,EAAI,cAAW,cAAa,WAAW,cAAc,eAAa,QACjE,UAAA;AAAA,IAAAC,2BAAAA,KAAC,KAAA,EAAE,WAAU,WAAU,aAAU,UAAS,UAAA;AAAA,MAAA;AAAA,MAClC;AAAA,MAAK;AAAA,MAAK;AAAA,IAAA,GAClB;AAAA,IAEAT,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,UACvB,UAAAA,2BAAAA;AAAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAS;AAAA,QACpB,UAAU,QAAQ;AAAA,QAClB,WAAW,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,QAC9C,OAAM;AAAA,QACN,SAAS,MAAM,KAAK,OAAO,CAAC;AAAA,QAC5B,eAAa,GAAG,MAAM;AAAA,QACtB,MAAK;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,IAEAN,2BAAAA,IAAC,MAAA,EAAG,WAAW,SAAS,UACrB,UAAA,mBACCA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,SAAS;AAAA,QACpB,eAAa,GAAG,MAAM,SAAS,IAAI;AAAA,QAEnC,UAAAA,2BAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM,KAAK,IAAI;AAAA,YACxB,cAAY,QAAQ,IAAI;AAAA,YACxB,gBAAa;AAAA,YACb,UAAQ;AAAA,YACR,WAAWE,WAAAA,kBAAkB,iBAAiB,SAAS,MAAM;AAAA,YAC7D,eAAa,GAAG,MAAM,WAAW,IAAI;AAAA,YACrC,MAAK;AAAA,YAEJ,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,IAGF,MAAM,IAAI,CAAC,MAAM;AACf,YAAM,WAAW,MAAM;AACvB,aACEP,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM,SAAS,CAAC;AAAA,UAEhC,UAAAA,2BAAAA;AAAAA,YAACK;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,SAAS,MAAM,KAAK,CAAC;AAAA,cACrB,cAAY,WAAW,QAAQ,CAAC,KAAK,cAAc,CAAC;AAAA,cACpD,gBAAc,WAAW,SAAS;AAAA,cAClC,UAAU;AAAA,cACV,WAAWE,WAAAA;AAAAA,gBACT;AAAA,gBACA,YAAY,SAAS;AAAA,cAAA;AAAA,cAEvB,eAAa,GAAG,MAAM,WAAW,CAAC;AAAA,cAClC,MAAK;AAAA,cAEJ,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAtBK;AAAA,MAAA;AAAA,IAyBX,CAAC,EAAA,CAEL;AAAA,IAEAP,2BAAAA,IAAC,OAAA,EAAI,WAAW,SAAS,UACvB,UAAAA,2BAAAA;AAAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAMI,eAAAA;AAAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,SAAS;AAAA,QACpB,UAAU,QAAQ;AAAA,QAClB,WAAW,cAAc,KAAK,IAAI,YAAY,OAAO,CAAC,CAAC;AAAA,QACvD,OAAM;AAAA,QACN,SAAS,MAAM,KAAK,OAAO,CAAC;AAAA,QAC5B,eAAa,GAAG,MAAM;AAAA,QACtB,MAAK;AAAA,MAAA;AAAA,IAAA,EACP,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,UAAU,cAAc;;;;;;;;;;;AC/IxB,MAAM,QAAmC,CAAC,UAAU;AAClD,SACEV,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MAAA,QACJK,OAAAA;AAAAA,MAAA,YACAC,WAAAA;AAAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AACA,MAAM,cAAc;;"}
1
+ {"version":3,"file":"Pager-C1rpRIOe.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-uZ3xTOOt.js";
7
+ import { B as Button } from "./Button-CQUqfv7B.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-Cug0N3GP.js.map
189
+ //# sourceMappingURL=Pager-DzEFxEIM.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Pager-Cug0N3GP.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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"}
1
+ {"version":3,"file":"Pager-DzEFxEIM.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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"}
@@ -1,4 +1,4 @@
1
1
  "use strict";
2
- const Pager = require("./Pager-sZUYcImi.cjs");
2
+ const Pager = require("./Pager-C1rpRIOe.cjs");
3
3
  module.exports = Pager.Pager;
4
4
  //# sourceMappingURL=Pager.cjs.js.map
@@ -1,4 +1,4 @@
1
- import { P } from "./Pager-Cug0N3GP.js";
1
+ import { P } from "./Pager-DzEFxEIM.js";
2
2
  export {
3
3
  P as default
4
4
  };
@@ -168,38 +168,38 @@ const BasePopover = ({
168
168
  );
169
169
  };
170
170
  BasePopover.displayName = "BasePopover";
171
- const noScroll = "_noScroll_j2eo3_108";
172
- const errorMessage = "_errorMessage_j2eo3_109";
173
- const loadingContainer = "_loadingContainer_j2eo3_110";
174
- const hideScrollbar = "_hideScrollbar_j2eo3_102";
175
- const sr_only = "_sr_only_j2eo3_111";
176
- const container = "_container_j2eo3_540";
177
- const trigger = "_trigger_j2eo3_546";
178
- const popover = "_popover_j2eo3_558";
179
- const primary = "_primary_j2eo3_601";
180
- const secondary = "_secondary_j2eo3_606";
181
- const tertiary = "_tertiary_j2eo3_611";
182
- const quaternary = "_quaternary_j2eo3_616";
183
- const clear = "_clear_j2eo3_621";
184
- const success = "_success_j2eo3_626";
185
- const error = "_error_j2eo3_109";
186
- const warning = "_warning_j2eo3_638";
187
- const top = "_top_j2eo3_652";
188
- const bottom = "_bottom_j2eo3_658";
189
- const left = "_left_j2eo3_664";
190
- const right = "_right_j2eo3_670";
191
- const roundNone = "_roundNone_j2eo3_688";
192
- const roundSmall = "_roundSmall_j2eo3_692";
193
- const roundMedium = "_roundMedium_j2eo3_696";
194
- const roundLarge = "_roundLarge_j2eo3_700";
195
- const roundFull = "_roundFull_j2eo3_704";
196
- const shadowNone = "_shadowNone_j2eo3_708";
197
- const shadowLight = "_shadowLight_j2eo3_712";
198
- const shadowMedium = "_shadowMedium_j2eo3_716";
199
- const shadowStrong = "_shadowStrong_j2eo3_720";
200
- const shadowIntense = "_shadowIntense_j2eo3_724";
201
- const spin = "_spin_j2eo3_1";
202
- const pulse = "_pulse_j2eo3_1";
171
+ const noScroll = "_noScroll_1m63o_108";
172
+ const errorMessage = "_errorMessage_1m63o_109";
173
+ const loadingContainer = "_loadingContainer_1m63o_110";
174
+ const hideScrollbar = "_hideScrollbar_1m63o_102";
175
+ const sr_only = "_sr_only_1m63o_111";
176
+ const container = "_container_1m63o_529";
177
+ const trigger = "_trigger_1m63o_535";
178
+ const popover = "_popover_1m63o_547";
179
+ const primary = "_primary_1m63o_590";
180
+ const secondary = "_secondary_1m63o_595";
181
+ const tertiary = "_tertiary_1m63o_600";
182
+ const quaternary = "_quaternary_1m63o_605";
183
+ const clear = "_clear_1m63o_610";
184
+ const success = "_success_1m63o_615";
185
+ const error = "_error_1m63o_109";
186
+ const warning = "_warning_1m63o_627";
187
+ const top = "_top_1m63o_641";
188
+ const bottom = "_bottom_1m63o_647";
189
+ const left = "_left_1m63o_653";
190
+ const right = "_right_1m63o_659";
191
+ const roundNone = "_roundNone_1m63o_677";
192
+ const roundSmall = "_roundSmall_1m63o_681";
193
+ const roundMedium = "_roundMedium_1m63o_685";
194
+ const roundLarge = "_roundLarge_1m63o_689";
195
+ const roundFull = "_roundFull_1m63o_693";
196
+ const shadowNone = "_shadowNone_1m63o_697";
197
+ const shadowLight = "_shadowLight_1m63o_701";
198
+ const shadowMedium = "_shadowMedium_1m63o_705";
199
+ const shadowStrong = "_shadowStrong_1m63o_709";
200
+ const shadowIntense = "_shadowIntense_1m63o_713";
201
+ const spin = "_spin_1m63o_1";
202
+ const pulse = "_pulse_1m63o_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-in_j2eo3_1",
212
+ "fade-in": "_fade-in_1m63o_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-up_j2eo3_1",
236
- "spin-3d": "_spin-3d_j2eo3_1",
235
+ "slide-up": "_slide-up_1m63o_1",
236
+ "spin-3d": "_spin-3d_1m63o_1",
237
237
  spin,
238
238
  pulse,
239
- "fade-in-up": "_fade-in-up_j2eo3_1",
240
- "progress-grow": "_progress-grow_j2eo3_1",
241
- "indeterminate-move": "_indeterminate-move_j2eo3_1",
242
- "skeleton-loading": "_skeleton-loading_j2eo3_1"
239
+ "fade-in-up": "_fade-in-up_1m63o_1",
240
+ "progress-grow": "_progress-grow_1m63o_1",
241
+ "indeterminate-move": "_indeterminate-move_1m63o_1",
242
+ "skeleton-loading": "_skeleton-loading_1m63o_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-CmPp9PkL.js.map
251
+ //# sourceMappingURL=PopOver-DFjt5BfD.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-DFjt5BfD.js","sources":["../../src/components/PopOver/PopOverBase.tsx","../../src/components/PopOver/next/PopOver.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, JSX, useMemo, useId } from \"react\";\r\nimport { BasePopoverProps } from \"./PopOver.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst BasePopover: React.FC<BasePopoverProps> = ({\r\n trigger,\r\n content,\r\n placement = \"bottom\",\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n className = \"\",\r\n role = \"dialog\",\r\n \"data-testid\": testId = \"popover\",\r\n classMap,\r\n}): JSX.Element => {\r\n const [open, setOpen] = useState(false);\r\n const [dynamicPlacement, setDynamicPlacement] = useState(placement);\r\n const popoverRef = useRef<HTMLDivElement>(null);\r\n const triggerRef = useRef<HTMLButtonElement>(null);\r\n const uid = useId();\r\n const contentId = `${uid}-content`;\r\n const labelId = `${uid}-label`;\r\n\r\n type PopupRole = \"dialog\" | \"menu\" | \"tooltip\";\r\n const VALID_ROLES: PopupRole[] = [\"dialog\", \"menu\", \"tooltip\"];\r\n\r\n function asValidRole(r?: string): PopupRole | undefined {\r\n return (VALID_ROLES as readonly string[]).includes(r ?? \"\")\r\n ? (r as PopupRole)\r\n : undefined;\r\n }\r\n\r\n const popupRole = asValidRole(role);\r\n\r\n const ariaHasPopup: React.AriaAttributes[\"aria-haspopup\"] =\r\n role === \"dialog\" ? \"dialog\" : role === \"menu\" ? \"menu\" : undefined;\r\n\r\n const triggerAria =\r\n role === \"tooltip\"\r\n ? { \"aria-describedby\": contentId }\r\n : {\r\n ...(ariaHasPopup ? { \"aria-haspopup\": ariaHasPopup } : {}),\r\n \"aria-expanded\": open,\r\n \"aria-controls\": contentId,\r\n };\r\n\r\n const toggleOpen = () => setOpen((prev) => !prev);\r\n const close = () => {\r\n setOpen(false);\r\n setDynamicPlacement(placement);\r\n triggerRef.current?.focus();\r\n };\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n const handleClickOutside = (event: MouseEvent) => {\r\n const t = event.target as Node;\r\n if (popoverRef.current?.contains(t)) return;\r\n if (triggerRef.current?.contains(t as Node)) return;\r\n close();\r\n };\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () => document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, [open, placement]);\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && close();\r\n const onReflow = () => setDynamicPlacement((p) => p);\r\n document.addEventListener(\"keydown\", onKey);\r\n window.addEventListener(\"resize\", onReflow, { passive: true });\r\n window.addEventListener(\"scroll\", onReflow, { passive: true });\r\n return () => {\r\n document.removeEventListener(\"keydown\", onKey);\r\n window.removeEventListener(\"resize\", onReflow);\r\n window.removeEventListener(\"scroll\", onReflow);\r\n };\r\n }, [open]);\r\n\r\n useEffect(() => {\r\n if (!open || !popoverRef.current || !triggerRef.current) return;\r\n\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const popoverEl = popoverRef.current;\r\n\r\n const vw = window.innerWidth;\r\n const vh = window.innerHeight;\r\n const spaceAbove = triggerRect.top;\r\n const spaceBelow = vh - triggerRect.bottom;\r\n const spaceLeft = triggerRect.left;\r\n const spaceRight = vw - triggerRect.right;\r\n\r\n popoverEl.style.transform = \"\";\r\n popoverEl.style.left = \"\";\r\n popoverEl.style.right = \"\";\r\n popoverEl.style.top = \"\";\r\n popoverEl.style.bottom = \"\";\r\n\r\n let newPlacement = placement;\r\n if (placement === \"top\" && popoverEl.offsetHeight > spaceAbove)\r\n newPlacement = \"bottom\";\r\n else if (placement === \"bottom\" && popoverEl.offsetHeight > spaceBelow)\r\n newPlacement = \"top\";\r\n else if (placement === \"left\" && popoverEl.offsetWidth > spaceLeft)\r\n newPlacement = \"right\";\r\n else if (placement === \"right\" && popoverEl.offsetWidth > spaceRight)\r\n newPlacement = \"left\";\r\n\r\n setDynamicPlacement(newPlacement);\r\n\r\n requestAnimationFrame(() => {\r\n const rect = popoverEl.getBoundingClientRect();\r\n let dx = 0;\r\n let dy = 0;\r\n const pad = 8;\r\n\r\n if (rect.left < pad) dx = pad - rect.left;\r\n else if (rect.right > vw - pad) dx = vw - pad - rect.right;\r\n\r\n if (rect.top < pad) dy = pad - rect.top;\r\n else if (rect.bottom > vh - pad) dy = vh - pad - rect.bottom;\r\n\r\n if (dx !== 0 || dy !== 0) {\r\n const tx = dx !== 0 ? `translateX(${dx}px)` : \"\";\r\n const ty = dy !== 0 ? `translateY(${dy}px)` : \"\";\r\n popoverEl.style.transform = `${tx} ${ty}`.trim();\r\n }\r\n });\r\n }, [open, placement, dynamicPlacement]);\r\n\r\n const popoverContentClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.popover,\r\n classMap[dynamicPlacement],\r\n classMap[theme],\r\n classMap[state],\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className\r\n ),\r\n [classMap, dynamicPlacement, rounding, shadow, theme, state, className]\r\n );\r\n\r\n useEffect(() => {\r\n if (!open) return;\r\n const el = popoverRef.current;\r\n if (!el) return;\r\n const focusable = el.querySelector<HTMLElement>(\r\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n );\r\n (focusable ?? el).focus();\r\n }, [open]);\r\n\r\n return (\r\n <div\r\n className={combineClassNames(classMap.container, className)}\r\n data-testid={testId}\r\n >\r\n <button\r\n type=\"button\"\r\n className={classMap.trigger}\r\n onClick={toggleOpen}\r\n aria-label=\"Toggle popover\"\r\n ref={triggerRef}\r\n data-testid={`${testId}-trigger`}\r\n {...triggerAria}\r\n >\r\n {trigger}\r\n </button>\r\n\r\n {open && (\r\n <div\r\n ref={popoverRef}\r\n id={contentId}\r\n role={popupRole}\r\n aria-labelledby={labelId}\r\n className={popoverContentClass}\r\n data-testid={`${testId}-content`}\r\n tabIndex={popupRole === \"tooltip\" ? undefined : -1}\r\n >\r\n <span id={labelId} className={classMap.srOnly ?? \"sr_only\"}>\r\n Popover Content\r\n </span>\r\n {content}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n\r\nBasePopover.displayName = \"BasePopover\";\r\nexport default BasePopover;\r\n","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport BasePopover from \"../PopOverBase\";\r\nimport styles from \"./PopOver.module.scss\";\r\nimport { PopoverProps } from \"../PopOver.types\";\r\n\r\nconst Popover: React.FC<PopoverProps> = (props) => {\r\n return <BasePopover {...props} classMap={styles} />;\r\n};\r\nPopover.displayName = \"Popover\";\r\nexport default Popover;\r\n"],"names":["trigger"],"mappings":"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"}
@@ -169,38 +169,38 @@ const BasePopover = ({
169
169
  );
170
170
  };
171
171
  BasePopover.displayName = "BasePopover";
172
- const noScroll = "_noScroll_j2eo3_108";
173
- const errorMessage = "_errorMessage_j2eo3_109";
174
- const loadingContainer = "_loadingContainer_j2eo3_110";
175
- const hideScrollbar = "_hideScrollbar_j2eo3_102";
176
- const sr_only = "_sr_only_j2eo3_111";
177
- const container = "_container_j2eo3_540";
178
- const trigger = "_trigger_j2eo3_546";
179
- const popover = "_popover_j2eo3_558";
180
- const primary = "_primary_j2eo3_601";
181
- const secondary = "_secondary_j2eo3_606";
182
- const tertiary = "_tertiary_j2eo3_611";
183
- const quaternary = "_quaternary_j2eo3_616";
184
- const clear = "_clear_j2eo3_621";
185
- const success = "_success_j2eo3_626";
186
- const error = "_error_j2eo3_109";
187
- const warning = "_warning_j2eo3_638";
188
- const top = "_top_j2eo3_652";
189
- const bottom = "_bottom_j2eo3_658";
190
- const left = "_left_j2eo3_664";
191
- const right = "_right_j2eo3_670";
192
- const roundNone = "_roundNone_j2eo3_688";
193
- const roundSmall = "_roundSmall_j2eo3_692";
194
- const roundMedium = "_roundMedium_j2eo3_696";
195
- const roundLarge = "_roundLarge_j2eo3_700";
196
- const roundFull = "_roundFull_j2eo3_704";
197
- const shadowNone = "_shadowNone_j2eo3_708";
198
- const shadowLight = "_shadowLight_j2eo3_712";
199
- const shadowMedium = "_shadowMedium_j2eo3_716";
200
- const shadowStrong = "_shadowStrong_j2eo3_720";
201
- const shadowIntense = "_shadowIntense_j2eo3_724";
202
- const spin = "_spin_j2eo3_1";
203
- const pulse = "_pulse_j2eo3_1";
172
+ const noScroll = "_noScroll_1m63o_108";
173
+ const errorMessage = "_errorMessage_1m63o_109";
174
+ const loadingContainer = "_loadingContainer_1m63o_110";
175
+ const hideScrollbar = "_hideScrollbar_1m63o_102";
176
+ const sr_only = "_sr_only_1m63o_111";
177
+ const container = "_container_1m63o_529";
178
+ const trigger = "_trigger_1m63o_535";
179
+ const popover = "_popover_1m63o_547";
180
+ const primary = "_primary_1m63o_590";
181
+ const secondary = "_secondary_1m63o_595";
182
+ const tertiary = "_tertiary_1m63o_600";
183
+ const quaternary = "_quaternary_1m63o_605";
184
+ const clear = "_clear_1m63o_610";
185
+ const success = "_success_1m63o_615";
186
+ const error = "_error_1m63o_109";
187
+ const warning = "_warning_1m63o_627";
188
+ const top = "_top_1m63o_641";
189
+ const bottom = "_bottom_1m63o_647";
190
+ const left = "_left_1m63o_653";
191
+ const right = "_right_1m63o_659";
192
+ const roundNone = "_roundNone_1m63o_677";
193
+ const roundSmall = "_roundSmall_1m63o_681";
194
+ const roundMedium = "_roundMedium_1m63o_685";
195
+ const roundLarge = "_roundLarge_1m63o_689";
196
+ const roundFull = "_roundFull_1m63o_693";
197
+ const shadowNone = "_shadowNone_1m63o_697";
198
+ const shadowLight = "_shadowLight_1m63o_701";
199
+ const shadowMedium = "_shadowMedium_1m63o_705";
200
+ const shadowStrong = "_shadowStrong_1m63o_709";
201
+ const shadowIntense = "_shadowIntense_1m63o_713";
202
+ const spin = "_spin_1m63o_1";
203
+ const pulse = "_pulse_1m63o_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-in_j2eo3_1",
213
+ "fade-in": "_fade-in_1m63o_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-up_j2eo3_1",
237
- "spin-3d": "_spin-3d_j2eo3_1",
236
+ "slide-up": "_slide-up_1m63o_1",
237
+ "spin-3d": "_spin-3d_1m63o_1",
238
238
  spin,
239
239
  pulse,
240
- "fade-in-up": "_fade-in-up_j2eo3_1",
241
- "progress-grow": "_progress-grow_j2eo3_1",
242
- "indeterminate-move": "_indeterminate-move_j2eo3_1",
243
- "skeleton-loading": "_skeleton-loading_j2eo3_1"
240
+ "fade-in-up": "_fade-in-up_1m63o_1",
241
+ "progress-grow": "_progress-grow_1m63o_1",
242
+ "indeterminate-move": "_indeterminate-move_1m63o_1",
243
+ "skeleton-loading": "_skeleton-loading_1m63o_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-ixERZLpM.cjs.map
250
+ //# sourceMappingURL=PopOver-J5eO0UOr.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-J5eO0UOr.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,4 +1,4 @@
1
1
  "use strict";
2
- const PopOver = require("./PopOver-ixERZLpM.cjs");
2
+ const PopOver = require("./PopOver-J5eO0UOr.cjs");
3
3
  module.exports = PopOver.Popover;
4
4
  //# sourceMappingURL=PopOver.cjs.js.map
@@ -1,4 +1,4 @@
1
- import { P } from "./PopOver-CmPp9PkL.js";
1
+ import { P } from "./PopOver-DFjt5BfD.js";
2
2
  export {
3
3
  P as default
4
4
  };