@northlight/ui 2.35.1 → 2.35.3

package/dist/es/northlight.d.ts

@@ -3265,7 +3265,7 @@ interface PresetOptions {
     thousandSeparator: string;
     decimalSeparator: string;
 }
-interface FormattedNumberInputProps extends Omit<NumericFormatProps, 'onChange' | 'max' | 'min'> {
+interface FormattedNumberInputProps extends Omit<NumericFormatProps, 'onChange' | 'max' | 'min'>, Omit<InputProps, 'color' | 'defaultValue' | 'value' | 'height' | 'size' | 'type' | 'width' | 'values' | 'events' | 'onChange'> {
     max?: number;
     min?: number;
     /** Changes thousand and decimal separators */

package/dist/es/northlight.js

@@ -7304,6 +7304,44 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
     },
     label: "Year to Date"
   };
+  const S1 = {
+    value: {
+      start: startOfMonthWithDays(
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth,
+          days: fiscalStartDay
+        }
+      ),
+      end: endOfMonthWithDays(
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 6,
+          days: fiscalStartDay
+        }
+      )
+    },
+    label: fiscalStartMonth === 0 ? "S1" : "FS1"
+  };
+  const S2 = {
+    value: {
+      start: startOfMonthWithDays(
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 6,
+          days: fiscalStartDay
+        }
+      ),
+      end: endOfMonthWithDays(
+        startOfYear(thisDay).subtract({ years: offsetFiscalYear }),
+        {
+          months: fiscalStartMonth + 12,
+          days: fiscalStartDay
+        }
+      )
+    },
+    label: fiscalStartMonth === 0 ? "S2" : "FS2"
+  };
   const F1 = {
     value: {
       start: startOfMonthWithDays(
@@ -7380,6 +7418,7 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
     },
     label: fiscalStartMonth === 0 ? "Q4" : "FQ4"
   };
+  const fiscalSemesters = [S1, S2];
   const fiscalQuarters = [F1, F2, F3, F4];
   const fiscalYears = fiscalStartMonth === 0 ? [] : [thisFiscalYear, lastFiscalYear];
   const quickDates = [
@@ -7397,7 +7436,7 @@ const getQuickSelectOptions = (state, locale, fiscalStartMonth, fiscalStartDay)
     nextYear,
     ...fiscalYears
   ];
-  return { quickDates, fiscalQuarters };
+  return { quickDates, fiscalQuarters, fiscalSemesters };
 };
 
 const seperator = `1px solid ${palette.gray["100"]}`;
@@ -7408,7 +7447,7 @@ const QuickSelect = ({
   locale = "",
   height = "17.5rem"
 }) => {
-  const { quickDates, fiscalQuarters } = useMemo(
+  const { quickDates, fiscalQuarters, fiscalSemesters } = useMemo(
     () => getQuickSelectOptions(state, locale, fiscalStartMonth, fiscalStartDay),
     []
   );
@@ -7451,10 +7490,31 @@ const QuickSelect = ({
   ), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(
     Flex,
     {
-      justifyContent: "space-between",
+      justifyContent: "space-around",
       w: "full",
       pt: "2",
       pr: "4",
+      display: shouldShow(fiscalSemesters) ? "flex" : "none"
+    },
+    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(
+    Flex,
+    {
+      justifyContent: "space-around",
+      w: "full",
+      pt: shouldShow(fiscalSemesters) ? "0" : "2",
+      pr: "4",
       display: shouldShow(fiscalQuarters) ? "flex" : "none"
     },
     map(
@@ -14537,7 +14597,7 @@ const ComboPicker = (_a) => {
     "max",
     "min"
   ]);
-  var _a2;
+  var _a2, _b2, _c;
   const { isOpen, onToggle, onClose } = useDisclosure();
   const [inputValueState, setInputValueState] = useState(valueProp == null ? void 0 : valueProp.input);
   const [selectOptionState, setselectOptionState] = useState(valueProp == null ? void 0 : valueProp.option);
@@ -14599,9 +14659,10 @@ const ComboPicker = (_a) => {
       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(InputGroup, null, /* @__PURE__ */ React.createElement(
     FormattedNumberInput,
-    __spreadValues$1({
+    __spreadProps(__spreadValues$1({
       width: "100%",
       onChange: (values) => handleInputChange(values.floatValue),
       value: inputValue,
@@ -14613,7 +14674,9 @@ const ComboPicker = (_a) => {
       readOnly: isReadOnly,
       min,
       max
-    }, rest)
+    }, rest), {
+      pr: `${buttonWidth >= 0 ? buttonWidth + 10 : 0}px`
+    })
   ), /* @__PURE__ */ React.createElement(
     InputRightElement,
     {
@@ -14631,7 +14694,7 @@ const ComboPicker = (_a) => {
         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(Box, { position: "absolute", width: "100%" }, /* @__PURE__ */ React.createElement(
     Select,