@northlight/ui 2.24.3 → 2.24.5

package/dist/umd/northlight.cjs

@@ -2392,7 +2392,7 @@
       }
     return a;
   };
-  const Popover = (props) => /* @__PURE__ */ React.createElement(react.Popover, __spreadValues$1P({ isLazy: true }, props));
+  const Popover$1 = (props) => /* @__PURE__ */ React.createElement(react.Popover, __spreadValues$1P({ isLazy: true }, props));
 
   const ColorsExpandButton = ({
     onClick,
@@ -2528,7 +2528,7 @@
       onChange(color);
     };
     return /* @__PURE__ */ React.createElement(react.Box, { "data-testid": "color-picker-test-id" }, /* @__PURE__ */ React.createElement(
-      Popover,
+      Popover$1,
       __spreadValues$1O({
         isOpen,
         onClose,
@@ -5695,6 +5695,15 @@
     }
   };
 
+  const Popover = {
+    parts: ["popper"],
+    baseStyle: {
+      popper: {
+        zIndex: "popover"
+      }
+    }
+  };
+
   var components = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Alert: Alert,
@@ -5735,6 +5744,7 @@
     P: P,
     PaneDivider: PaneDivider$1,
     PinInput: PinInput$1,
+    Popover: Popover,
     Radio: Radio$1,
     Select: Select$1,
     Small: Small,
@@ -6653,7 +6663,7 @@
     );
     const togglePopup = () => state.setOpen(!state.isOpen);
     return /* @__PURE__ */ React.createElement(
-      Popover,
+      Popover$1,
       {
         isOpen: state.isOpen,
         onClose: () => state.setOpen(false),
@@ -6848,15 +6858,16 @@
       },
       label: "Next Year"
     };
+    const offsetFiscalYear = thisDay.month < fiscalStartMonth || thisDay.month === fiscalStartMonth && thisDay.day < fiscalStartDay ? 1 : 0;
     const thisFiscalYear = {
       value: {
         start: startOfMonthWithDays(
-          date.startOfYear(thisDay),
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
           { months: fiscalStartMonth, days: fiscalStartDay }
         ),
         end: endOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth + 11, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          { months: fiscalStartMonth + 12, days: fiscalStartDay }
         )
       },
       label: "This Fiscal Year"
@@ -6864,22 +6875,28 @@
     const lastFiscalYear = {
       value: {
         start: startOfMonthWithDays(
-          date.startOfYear(thisDay).subtract({ years: 1 }),
-          { months: fiscalStartMonth, days: fiscalStartDay - 1 }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear + 1 }),
+          {
+            months: fiscalStartMonth,
+            days: fiscalStartDay
+          }
         ),
         end: endOfMonthWithDays(
-          date.startOfYear(thisDay).subtract({ years: 1 }),
-          { months: fiscalStartMonth + 11, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear + 1 }),
+          {
+            months: fiscalStartMonth + 12,
+            days: fiscalStartDay
+          }
         )
       },
       label: "Last Fiscal Year"
     };
     const yearToDate = {
       value: {
-        start: startOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth, days: fiscalStartDay }
-        ),
+        start: startOfMonthWithDays(date.startOfYear(thisDay), {
+          months: fiscalStartMonth,
+          days: fiscalStartDay
+        }),
         end: thisDay
       },
       label: "Year to Date"
@@ -6887,12 +6904,18 @@
     const F1 = {
       value: {
         start: startOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth,
+            days: fiscalStartDay
+          }
         ),
         end: endOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth + 3, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 3,
+            days: fiscalStartDay
+          }
         )
       },
       label: fiscalStartMonth === 0 ? "Q1" : "FQ1"
@@ -6900,12 +6923,18 @@
     const F2 = {
       value: {
         start: startOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth + 3, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 3,
+            days: fiscalStartDay
+          }
         ),
         end: endOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth + 6, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 6,
+            days: fiscalStartDay
+          }
         )
       },
       label: fiscalStartMonth === 0 ? "Q2" : "FQ2"
@@ -6913,12 +6942,18 @@
     const F3 = {
       value: {
         start: startOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth + 6, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 6,
+            days: fiscalStartDay
+          }
         ),
         end: endOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth + 9, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 9,
+            days: fiscalStartDay
+          }
         )
       },
       label: fiscalStartMonth === 0 ? "Q3" : "FQ3"
@@ -6926,12 +6961,18 @@
     const F4 = {
       value: {
         start: startOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth + 9, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 9,
+            days: fiscalStartDay
+          }
         ),
         end: endOfMonthWithDays(
-          date.startOfYear(thisDay),
-          { months: fiscalStartMonth + 12, days: fiscalStartDay }
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 12,
+            days: fiscalStartDay
+          }
         )
       },
       label: fiscalStartMonth === 0 ? "Q4" : "FQ4"
@@ -7206,7 +7247,7 @@
       state.setOpen(false);
     };
     return /* @__PURE__ */ React.createElement(
-      Popover,
+      Popover$1,
       {
         isOpen: state.isOpen,
         onClose: handleClose,
@@ -7239,7 +7280,7 @@
           icon: /* @__PURE__ */ React.createElement(Icon$1, { as: icons.XCloseSolid })
         }
       ))),
-      state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$d(__spreadValues$1o({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(react.Portal, null, state.isOpen && /* @__PURE__ */ React.createElement(react.PopoverContent, __spreadProps$d(__spreadValues$1o({}, dialogProps), { ref, w: "max-content" }), /* @__PURE__ */ React.createElement(focus.FocusScope, { contain: true, restoreFocus: true }, /* @__PURE__ */ React.createElement(
         RangeCalendar,
         __spreadProps$d(__spreadValues$1o({}, calendarProps), {
           resetDate,
@@ -7248,7 +7289,7 @@
           fiscalStartDay: fiscalStartDay || 0,
           isClearable
         })
-      )))
+      ))))
     );
   };
 
@@ -14693,7 +14734,7 @@
   exports.PaneDivider = PaneDivider;
   exports.PaneItem = PaneItem;
   exports.PinInput = PinInput;
-  exports.Popover = Popover;
+  exports.Popover = Popover$1;
   exports.ProgressBar = ProgressBar;
   exports.Radio = Radio;
   exports.RadioGroup = RadioGroup;