@northlight/ui 2.35.1 → 2.35.3

package/dist/umd/northlight.cjs

@@ -7264,6 +7264,44 @@
       },
       label: "Year to Date"
     };
+    const S1 = {
+      value: {
+        start: startOfMonthWithDays(
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth,
+            days: fiscalStartDay
+          }
+        ),
+        end: endOfMonthWithDays(
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 6,
+            days: fiscalStartDay
+          }
+        )
+      },
+      label: fiscalStartMonth === 0 ? "S1" : "FS1"
+    };
+    const S2 = {
+      value: {
+        start: startOfMonthWithDays(
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 6,
+            days: fiscalStartDay
+          }
+        ),
+        end: endOfMonthWithDays(
+          date.startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+          {
+            months: fiscalStartMonth + 12,
+            days: fiscalStartDay
+          }
+        )
+      },
+      label: fiscalStartMonth === 0 ? "S2" : "FS2"
+    };
     const F1 = {
       value: {
         start: startOfMonthWithDays(
@@ -7340,6 +7378,7 @@
       },
       label: fiscalStartMonth === 0 ? "Q4" : "FQ4"
     };
+    const fiscalSemesters = [S1, S2];
     const fiscalQuarters = [F1, F2, F3, F4];
     const fiscalYears = fiscalStartMonth === 0 ? [] : [thisFiscalYear, lastFiscalYear];
     const quickDates = [
@@ -7357,7 +7396,7 @@
       nextYear,
       ...fiscalYears
     ];
-    return { quickDates, fiscalQuarters };
+    return { quickDates, fiscalQuarters, fiscalSemesters };
   };
 
   const seperator = `1px solid ${tokens.palette.gray["100"]}`;
@@ -7368,7 +7407,7 @@
     locale = "",
     height = "17.5rem"
   }) => {
-    const { quickDates, fiscalQuarters } = React.useMemo(
+    const { quickDates, fiscalQuarters, fiscalSemesters } = React.useMemo(
       () => getQuickSelectOptions(state, locale, fiscalStartMonth, fiscalStartDay),
       []
     );
@@ -7411,10 +7450,31 @@
     ), /* @__PURE__ */ React.createElement(react.Spacer, null), /* @__PURE__ */ React.createElement(
       react.Flex,
       {
-        justifyContent: "space-between",
+        justifyContent: "space-around",
         w: "full",
         pt: "2",
         pr: "4",
+        display: shouldShow(fiscalSemesters) ? "flex" : "none"
+      },
+      ramda.map(
+        (semester) => validRange(semester.value, state) && /* @__PURE__ */ React.createElement(
+          DateButton,
+          {
+            onClick: updateDate(semester.value),
+            isActive: getIsActive(semester),
+            key: `quick-select-${semester.label}`
+          },
+          semester.label
+        ),
+        fiscalSemesters
+      )
+    ), /* @__PURE__ */ React.createElement(
+      react.Flex,
+      {
+        justifyContent: "space-around",
+        w: "full",
+        pt: shouldShow(fiscalSemesters) ? "0" : "2",
+        pr: "4",
         display: shouldShow(fiscalQuarters) ? "flex" : "none"
       },
       ramda.map(
@@ -14497,7 +14557,7 @@
       "max",
       "min"
     ]);
-    var _a2;
+    var _a2, _b2, _c;
     const { isOpen, onToggle, onClose } = react.useDisclosure();
     const [inputValueState, setInputValueState] = React.useState(valueProp == null ? void 0 : valueProp.input);
     const [selectOptionState, setselectOptionState] = React.useState(valueProp == null ? void 0 : valueProp.option);
@@ -14559,9 +14619,10 @@
         onChange == null ? void 0 : onChange(getNewValue(option, input));
       }
     }, [inputValue, defaultToZeroIfEmpty]);
+    const buttonWidth = (_b2 = (_a2 = buttonRef.current) == null ? void 0 : _a2.offsetWidth) != null ? _b2 : 0;
     return /* @__PURE__ */ React.createElement(react.InputGroup, null, /* @__PURE__ */ React.createElement(
       FormattedNumberInput,
-      __spreadValues$1({
+      __spreadProps(__spreadValues$1({
         width: "100%",
         onChange: (values) => handleInputChange(values.floatValue),
         value: inputValue,
@@ -14573,7 +14634,9 @@
         readOnly: isReadOnly,
         min,
         max
-      }, rest)
+      }, rest), {
+        pr: `${buttonWidth >= 0 ? buttonWidth + 10 : 0}px`
+      })
     ), /* @__PURE__ */ React.createElement(
       react.InputRightElement,
       {
@@ -14591,7 +14654,7 @@
           flexShrink: "0",
           height: "100%"
         },
-        (_a2 = selectOption == null ? void 0 : selectOption.label) != null ? _a2 : ""
+        (_c = selectOption == null ? void 0 : selectOption.label) != null ? _c : ""
       )
     ), /* @__PURE__ */ React.createElement(react.Box, { position: "absolute", width: "100%" }, /* @__PURE__ */ React.createElement(
       Select,