@connectif/ui-components 8.1.1 → 9.0.1

package/dist/index.js

@@ -1560,6 +1560,7 @@ import {
   mdiFileCloud,
   mdiFileDelimited,
   mdiFileDocument,
+  mdiFileDocumentOutline,
   mdiTextBox,
   mdiFileExcel,
   mdiFileExcelBox,
@@ -2637,7 +2638,8 @@ import {
   mdiDatabaseExport,
   mdiBrain,
   mdiTools,
-  mdiSitemapOutline
+  mdiSitemapOutline,
+  mdiViewWeekOutline
 } from "@mdi/js";
 var icons = {
   "abx-testing": "M 18.00108644,11.0000004 L 18.00108644,8.00000044 L 22.00108644,12.0000004 L 18.00108644,16.0000004 L 18.00108644,13.0000004 L 13.57108644,13.0000004 C 13.1110864,12.2500004 12.5410864,11.5800004 11.8810864,11.0000004 L 18.00108644,11.0000004 Z M 12.0010864,22.0000004 L 16.00108644,18.0000004 L 13.0010864,18.0000004 C 13.1510864,14.3900004 10.4310864,11.3100004 6.8310864,11.0000004 C 6.2810864,9.44000044 4.5610864,8.62000044 3.0010864,9.17000044 C 1.4410864,9.72000044 0.6210864,11.4400004 1.1710864,13.0000004 C 1.7310864,14.5600004 3.4410864,15.3800004 5.0010864,14.8300004 C 5.8610864,14.5300004 6.5310864,13.8500004 6.8310864,13.0000004 C 10.8310864,13.4700004 11.0310864,17.4700004 11.0310864,17.9500004 L 8.0310864,17.9500004 L 12.0010864,22.0000004 Z M 11.4110864,10.6300004 C 12.4310864,9.30000044 13.0010864,7.67000044 13.0010864,6.00000044 L 16.00108644,6.00000044 L 12.0010864,2.00000044 L 8.0010864,6.00000044 L 11.0010864,6.00000044 C 10.9710864,7.34000044 10.5010864,8.63000044 9.6010864,9.64000044 C 10.2410864,9.89000044 10.8510864,10.22000044 11.4110864,10.6300004 Z",
@@ -3373,6 +3375,7 @@ var icons = {
   "file-delimited": mdiFileDelimited,
   "file-document": mdiFileDocument,
   "file-document-box": mdiTextBox,
+  "file-document-outline": mdiFileDocumentOutline,
   "file-excel": mdiFileExcel,
   "file-excel-box": mdiFileExcelBox,
   "file-export": mdiFileExport,
@@ -4540,6 +4543,7 @@ var icons = {
   "view-sequential": mdiViewSequential,
   "view-stream": mdiViewStream,
   "view-week": mdiViewWeek,
+  "view-week-outline": mdiViewWeekOutline,
   vimeo: "M22,7.42C21.91,9.37 20.55,12.04 17.92,15.44C15.2,19 12.9,20.75 11,20.75C9.85,20.75 8.86,19.67 8.05,17.5C7.5,15.54 7,13.56 6.44,11.58C5.84,9.42 5.2,8.34 4.5,8.34C4.36,8.34 3.84,8.66 2.94,9.29L2,8.07C3,7.2 3.96,6.33 4.92,5.46C6.24,4.32 7.23,3.72 7.88,3.66C9.44,3.5 10.4,4.58 10.76,6.86C11.15,9.33 11.42,10.86 11.57,11.46C12,13.5 12.5,14.5 13.05,14.5C13.47,14.5 14.1,13.86 14.94,12.53C15.78,11.21 16.23,10.2 16.29,9.5C16.41,8.36 15.96,7.79 14.94,7.79C14.46,7.79 13.97,7.9 13.46,8.12C14.44,4.89 16.32,3.32 19.09,3.41C21.15,3.47 22.12,4.81 22,7.42Z",
   vine: "M19.89,11.95C19.43,12.06 19,12.1 18.57,12.1C16.3,12.1 14.55,10.5 14.55,7.76C14.55,6.41 15.08,5.7 15.82,5.7C16.5,5.7 17,6.33 17,7.61C17,8.34 16.79,9.14 16.65,9.61C16.65,9.61 17.35,10.83 19.26,10.46C19.67,9.56 19.89,8.39 19.89,7.36C19.89,4.6 18.5,3 15.91,3C13.26,3 11.71,5.04 11.71,7.72C11.71,10.38 12.95,12.67 15,13.71C14.14,15.43 13.04,16.95 11.9,18.1C9.82,15.59 7.94,12.24 7.17,5.7H4.11C5.53,16.59 9.74,20.05 10.86,20.72C11.5,21.1 12.03,21.08 12.61,20.75C13.5,20.24 16.23,17.5 17.74,14.34C18.37,14.33 19.13,14.26 19.89,14.09V11.95Z",
   violin: mdiViolin,
@@ -5991,8 +5995,11 @@ function getContainerQuery(theme2, shorthand) {
   const matches = shorthand.match(/^@([^/]+)?\/?(.+)?$/);
   if (!matches) {
     if (true) {
-      throw new Error(true ? `MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
-For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage(18, `(${shorthand})`));
+      throw (
+        /* minify-error */
+        new Error(`MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.`)
+      );
     }
     return null;
   }
@@ -11813,7 +11820,7 @@ var ChipViewer = ({
       return 0;
     }
     rootNodeRef.current.appendChild(clonedContainer);
-    const parentWidth = rootNodeRef.current.parentElement ? rootNodeRef.current.parentElement.getBoundingClientRect().width : 0;
+    const parentWidth = rootNodeRef.current.getBoundingClientRect().width;
     rootNodeRef.current.removeChild(clonedContainer);
     return parentWidth;
   }, [getRenderGhostChipsContainer]);
@@ -11836,7 +11843,7 @@ var ChipViewer = ({
               `+${chips.length - count}`,
               true
             );
-            if (Math.ceil(rowWidth - widthChip + plusNumberWidth) >= maxWidth2) {
+            if (rowWidth - widthChip + plusNumberWidth >= maxWidth2) {
               count--;
             }
             break;
@@ -11875,7 +11882,8 @@ var ChipViewer = ({
   };
   const calculateVisibleChips = React31.useCallback(() => {
     const container = rootNodeRef.current;
-    if (!container || areArraysEqual(lastDataCalculated.current?.chips ?? [], values2) && lastDataCalculated.current?.numberLines === numberLines && lastDataCalculated.current?.forceRecalculate === forceRecalculate) {
+    const maxParentWidth = getMaxParentWidth();
+    if (!container || areArraysEqual(lastDataCalculated.current?.chips ?? [], values2) && lastDataCalculated.current?.numberLines === numberLines && lastDataCalculated.current?.forceRecalculate === forceRecalculate && lastDataCalculated.current?.parentWidth === maxParentWidth) {
       return;
     }
     if (numberLines === 0) {
@@ -11884,7 +11892,8 @@ var ChipViewer = ({
       lastDataCalculated.current = {
         chips: values2,
         numberLines,
-        forceRecalculate
+        forceRecalculate,
+        parentWidth: maxParentWidth
       };
       return;
     }
@@ -11894,16 +11903,17 @@ var ChipViewer = ({
       lastDataCalculated.current = {
         chips: values2,
         numberLines,
-        forceRecalculate
+        forceRecalculate,
+        parentWidth: maxParentWidth
       };
       return;
     }
-    const maxParentWidth = getMaxParentWidth();
     const visibleChipsCount = maxParentWidth && maxParentWidth > 0 ? getVisibleChipsCounter(values2, maxParentWidth) : values2.length;
     lastDataCalculated.current = {
       chips: values2,
       numberLines,
-      forceRecalculate
+      forceRecalculate,
+      parentWidth: maxParentWidth
     };
     if (visibleChipsCount < values2.length) {
       setVisibleChips(values2.slice(0, visibleChipsCount));
@@ -11924,7 +11934,7 @@ var ChipViewer = ({
     calculateVisibleChips();
   }, [calculateVisibleChips, values2, numberLines]);
   React31.useEffect(() => {
-    const container = containerRef.current;
+    const container = rootNodeRef.current;
     if (!container) {
       return;
     }
@@ -19760,7 +19770,7 @@ var DebouncedTextField = React53.forwardRef(function DebouncedTextField2({ value
 var DebouncedTextField_default = DebouncedTextField;
 
 // src/components/input/date-interval-picker/DateIntervalPicker.tsx
-import * as React63 from "react";
+import * as React60 from "react";
 
 // src/components/input/date-interval-picker/DateIntervalPickerPopover.tsx
 import * as React59 from "react";
@@ -21288,12 +21298,12 @@ var DateIntervalPickerPopover = ({
 var DateIntervalPickerPopover_default = DateIntervalPickerPopover;
 
 // src/components/input/date-interval-picker/DateIntervalPicker.tsx
-import { tz as tz9 } from "moment-timezone";
+import { tz as tz6 } from "moment-timezone";
 
-// src/components/input/date-interval-picker/DateIntervalPickerDefaultButton.tsx
+// src/components/input/date-interval-picker/DateIntervalPickerButton.tsx
 import { ButtonBase } from "@mui/material";
 import { jsx as jsx114, jsxs as jsxs53 } from "react/jsx-runtime";
-var DateIntervalPickerDefaultButton = ({
+var DateIntervalPickerButton = ({
   interval,
   startDate,
   endDate,
@@ -21409,17 +21419,100 @@ var DateIntervalPickerDefaultButton = ({
     }
   );
 };
-var DateIntervalPickerDefaultButton_default = DateIntervalPickerDefaultButton;
+var DateIntervalPickerButton_default = DateIntervalPickerButton;
+
+// src/components/input/date-interval-picker/DateIntervalPicker.tsx
+import { jsx as jsx115, jsxs as jsxs54 } from "react/jsx-runtime";
+var DateIntervalPicker = ({
+  color: color2,
+  maxSelectableDays,
+  disabled,
+  minDate,
+  maxDate,
+  startDate,
+  endDate,
+  interval,
+  allowCompare,
+  showTime,
+  allowedIntervals,
+  comparisonInterval,
+  comparisonStartDate,
+  comparisonEndDate,
+  comparisonColor,
+  intersectionColor,
+  onChange
+}) => {
+  const { timezone } = React60.useContext(IntlContext);
+  const [anchorEl, setAnchorEl] = React60.useState(
+    null
+  );
+  const isSameDate = (date1, date2) => date1?.getTime() === date2?.getTime();
+  const handlePopoverCancel = () => {
+    setAnchorEl(null);
+  };
+  const handleComparisonChanges = (values2) => values2.comparisonInterval !== comparisonInterval || !isSameDate(values2.comparisonStartDate, comparisonStartDate) || !isSameDate(values2.comparisonEndDate, comparisonEndDate);
+  const handleApply = (values2) => {
+    if (onChange && (!isSameDate(values2.startDate, startDate) || !isSameDate(values2.endDate, endDate) || values2.interval !== interval || handleComparisonChanges(values2))) {
+      onChange(values2);
+    }
+    setAnchorEl(null);
+  };
+  const internalMaxDate = maxDate ?? tz6(timezone).toDate();
+  const internalMinDate = minDate ?? tz6(internalMaxDate, timezone).subtract(maxSelectableDays - 1, "days").toDate();
+  const displayEndDate = getDisplayEndDate(endDate, timezone, !!showTime);
+  const isEndDateVisible = !isSameDate(startDate, displayEndDate);
+  return /* @__PURE__ */ jsxs54("div", { style: { display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsx115(
+      DateIntervalPickerButton_default,
+      {
+        startDate,
+        endDate: displayEndDate,
+        interval,
+        comparisonEndDate,
+        comparisonStartDate,
+        disabled,
+        showTime,
+        isEndDateVisible,
+        onClick: setAnchorEl
+      }
+    ),
+    anchorEl !== null && /* @__PURE__ */ jsx115(
+      DateIntervalPickerPopover_default,
+      {
+        anchorEl,
+        startDate,
+        endDate,
+        color: color2 ?? primaryMain,
+        maxSelectableDays,
+        disabled,
+        minDate: internalMinDate,
+        maxDate: internalMaxDate,
+        interval,
+        comparisonColor: comparisonColor ?? yellow,
+        intersectionColor: intersectionColor ?? oliveGreen,
+        allowCompare,
+        comparisonInterval,
+        comparisonStartDate,
+        comparisonEndDate,
+        allowedIntervals,
+        showTime,
+        onCancel: handlePopoverCancel,
+        onApply: handleApply
+      }
+    )
+  ] });
+};
+var DateIntervalPicker_default = DateIntervalPicker;
 
 // src/components/input/date-range-picker/DateRangePicker.tsx
-import * as React62 from "react";
-import { tz as tz8 } from "moment-timezone";
+import * as React63 from "react";
+import { tz as tz9 } from "moment-timezone";
 
-// src/components/input/date-interval-picker/DateIntervalPickerInputButton.tsx
-import * as React60 from "react";
-import { tz as tz6 } from "moment-timezone";
-import { jsx as jsx115 } from "react/jsx-runtime";
-var DateIntervalPickerInputButton = ({
+// src/components/input/date-range-picker/DateRangePickerButton.tsx
+import * as React61 from "react";
+import { tz as tz7 } from "moment-timezone";
+import { jsx as jsx116 } from "react/jsx-runtime";
+var DateRangePickerButton = ({
   startDate,
   endDate,
   disabled,
@@ -21428,20 +21521,21 @@ var DateIntervalPickerInputButton = ({
   onClick
 }) => {
   const { t } = useTranslation();
-  const inputRef = React60.useRef(null);
-  const { locale, timezone } = React60.useContext(IntlContext);
-  const [dateText, setDateText] = React60.useState("");
+  const inputRef = React61.useRef(null);
+  const { locale, timezone } = React61.useContext(IntlContext);
+  const [dateText, setDateText] = React61.useState("");
   const dateInputFormat = getDateInputFormatForLocale(locale);
-  const dateInputFormatPlaceholder = React60.useMemo(() => {
+  const dateInputFormatPlaceholder = React61.useMemo(() => {
     const formatString = dateInputFormat.replace(/Y/g, t("DATE_COMPONENTS.YEAR_LETTER")).replace(/M/g, t("DATE_COMPONENTS.MONTH_LETTER")).replace(/D/g, t("DATE_COMPONENTS.DAY_LETTER"));
     return `${formatString} - ${formatString}`;
   }, [dateInputFormat, t]);
-  const getDateString = React60.useCallback(
-    (date) => !isNaN(date.getTime()) ? tz6(date, timezone).format(dateInputFormat) : "",
+  const getDateString = React61.useCallback(
+    (date) => !isNaN(date.getTime()) ? tz7(date, timezone).format(dateInputFormat) : "",
     [dateInputFormat, timezone]
   );
-  React60.useEffect(() => {
+  React61.useEffect(() => {
     if (!startDate || !endDate) {
+      setDateText("");
       return;
     }
     const startDateText = getDateString(startDate);
@@ -21455,13 +21549,13 @@ var DateIntervalPickerInputButton = ({
       onClick(inputRef.current);
     }
   };
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx116(
     Box_default2,
     {
       onClick: handleButtonClick,
       sx: { cursor: "pointer" },
-      "data-testid": "date-interval-picker-input-button",
-      children: /* @__PURE__ */ jsx115(
+      "data-testid": "date-range-picker-button",
+      children: /* @__PURE__ */ jsx116(
         TextField_default,
         {
           ref: inputRef,
@@ -21469,7 +21563,7 @@ var DateIntervalPickerInputButton = ({
           inputSx: {
             minWidth: "166px"
           },
-          endAdornment: /* @__PURE__ */ jsx115(
+          endAdornment: /* @__PURE__ */ jsx116(
             Icon_default,
             {
               id: isPopoverOpen ? "chevron-up" : "chevron-down",
@@ -21485,12 +21579,12 @@ var DateIntervalPickerInputButton = ({
     }
   );
 };
-var DateIntervalPickerInputButton_default = DateIntervalPickerInputButton;
+var DateRangePickerButton_default = DateRangePickerButton;
 
 // src/components/input/date-range-picker/DateRangePickerPopover.tsx
-import * as React61 from "react";
-import { tz as tz7 } from "moment-timezone";
-import { jsx as jsx116, jsxs as jsxs54 } from "react/jsx-runtime";
+import * as React62 from "react";
+import { tz as tz8 } from "moment-timezone";
+import { jsx as jsx117, jsxs as jsxs55 } from "react/jsx-runtime";
 var CALENDAR_COLUMN_WIDTH2 = 250;
 var DateRangePickerPopover = ({
   startDate,
@@ -21503,10 +21597,10 @@ var DateRangePickerPopover = ({
   onApply,
   onCancel
 }) => {
-  const { locale, timezone } = React61.useContext(IntlContext);
+  const { locale, timezone } = React62.useContext(IntlContext);
   const dateInputFormat = getDateInputFormatForLocale(locale);
   const { t } = useTranslation();
-  const dateInputFormatter = (date) => tz7(date, timezone).format(dateInputFormat);
+  const dateInputFormatter = (date) => tz8(date, timezone).format(dateInputFormat);
   const initialState = {
     interval: "custom",
     highlightedInput: "startDate",
@@ -21526,7 +21620,7 @@ var DateRangePickerPopover = ({
     comparisonEndSimpleDate: null,
     isComparing: false
   };
-  const [state, setState] = React61.useState(initialState);
+  const [state, setState] = React62.useState(initialState);
   const handleApply = () => {
     const safeParseDate = (dateString, simpleDate) => {
       if (!dateString || !simpleDate) {
@@ -21536,7 +21630,7 @@ var DateRangePickerPopover = ({
         Date.UTC(simpleDate.year, simpleDate.month, simpleDate.day)
       );
       if (isNaN(parsed.getTime()) || parsed < minDate || parsed > maxDate) {
-        return tz7(
+        return tz8(
           {
             year: simpleDate.year,
             month: simpleDate.month,
@@ -21557,8 +21651,8 @@ var DateRangePickerPopover = ({
     setState(initialState);
   };
   const isApplyButtonDisabled = () => !state.startSimpleDate || !state.endSimpleDate;
-  return /* @__PURE__ */ jsxs54(Popover_default, { onClose: handleCancel, anchorEl, children: [
-    /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsxs55(Popover_default, { onClose: handleCancel, anchorEl, children: [
+    /* @__PURE__ */ jsx117(
       Box_default2,
       {
         sx: {
@@ -21573,7 +21667,7 @@ var DateRangePickerPopover = ({
           minHeight: "300px",
           maxHeight: "580px"
         },
-        children: /* @__PURE__ */ jsx116(
+        children: /* @__PURE__ */ jsx117(
           DateIntervalRangeSelector_default,
           {
             state,
@@ -21590,11 +21684,11 @@ var DateRangePickerPopover = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx116(
+    /* @__PURE__ */ jsx117(
       PopoverActions_default,
       {
         sx: { padding: "16px 24px" },
-        leftContent: /* @__PURE__ */ jsx116(
+        leftContent: /* @__PURE__ */ jsx117(
           Button_default,
           {
             "data-testid": "date-interval-picker-cancel-button",
@@ -21604,7 +21698,7 @@ var DateRangePickerPopover = ({
             text: t("DATE_INTERVAL_PICKER.CANCEL")
           }
         ),
-        rightContent: /* @__PURE__ */ jsx116(
+        rightContent: /* @__PURE__ */ jsx117(
           Button_default,
           {
             "data-testid": "date-interval-picker-apply-button",
@@ -21621,7 +21715,7 @@ var DateRangePickerPopover = ({
 var DateRangePickerPopover_default = DateRangePickerPopover;
 
 // src/components/input/date-range-picker/DateRangePicker.tsx
-import { jsx as jsx117, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx118, jsxs as jsxs56 } from "react/jsx-runtime";
 var DEFAULT_MIN_DATE = { year: 1900, month: 0, date: 1 };
 var DEFAULT_MAX_DATE = { year: 2100, month: 11, date: 31 };
 var DateRangePicker = ({
@@ -21634,8 +21728,8 @@ var DateRangePicker = ({
   minDate,
   maxDate
 }) => {
-  const { timezone } = React62.useContext(IntlContext);
-  const [anchorEl, setAnchorEl] = React62.useState(
+  const { timezone } = React63.useContext(IntlContext);
+  const [anchorEl, setAnchorEl] = React63.useState(
     null
   );
   const isSameDate = (date1, date2) => date1?.getTime() === date2?.getTime();
@@ -21648,12 +21742,12 @@ var DateRangePicker = ({
     }
     setAnchorEl(null);
   };
-  const internalMaxDate = maxDate ?? tz8(DEFAULT_MAX_DATE, timezone).toDate();
-  const internalMinDate = minDate ?? tz8(DEFAULT_MIN_DATE, timezone).toDate();
+  const internalMaxDate = maxDate ?? tz9(DEFAULT_MAX_DATE, timezone).toDate();
+  const internalMinDate = minDate ?? tz9(DEFAULT_MIN_DATE, timezone).toDate();
   const isEndDateVisible = endDate !== void 0 && !isSameDate(startDate, endDate);
-  return /* @__PURE__ */ jsxs55("div", { style: { display: "inline-flex" }, children: [
-    /* @__PURE__ */ jsx117(
-      DateIntervalPickerInputButton_default,
+  return /* @__PURE__ */ jsxs56("div", { style: { display: "inline-flex" }, children: [
+    /* @__PURE__ */ jsx118(
+      DateRangePickerButton_default,
       {
         isPopoverOpen: anchorEl !== null,
         startDate,
@@ -21663,7 +21757,7 @@ var DateRangePicker = ({
         onClick: setAnchorEl
       }
     ),
-    anchorEl !== null && /* @__PURE__ */ jsx117(
+    anchorEl !== null && /* @__PURE__ */ jsx118(
       DateRangePickerPopover_default,
       {
         anchorEl,
@@ -21681,97 +21775,6 @@ var DateRangePicker = ({
 };
 var DateRangePicker_default = DateRangePicker;
 
-// src/components/input/date-interval-picker/DateIntervalPicker.tsx
-import { jsx as jsx118, jsxs as jsxs56 } from "react/jsx-runtime";
-var DateIntervalPicker = ({
-  color: color2,
-  maxSelectableDays,
-  disabled,
-  minDate,
-  maxDate,
-  ...rest
-}) => {
-  const { timezone } = React63.useContext(IntlContext);
-  const [anchorEl, setAnchorEl] = React63.useState(
-    null
-  );
-  if (rest.variant === "input") {
-    return /* @__PURE__ */ jsx118(
-      DateRangePicker_default,
-      {
-        startDate: rest.startDate,
-        endDate: rest.endDate,
-        onChange: rest.onChange,
-        color: color2,
-        maxSelectableDays,
-        disabled,
-        minDate,
-        maxDate
-      }
-    );
-  }
-  const isSameDate = (date1, date2) => date1?.getTime() === date2?.getTime();
-  const handlePopoverCancel = () => {
-    setAnchorEl(null);
-  };
-  const handleComparisonChanges = (values2) => values2.comparisonInterval !== rest.comparisonInterval || !isSameDate(values2.comparisonStartDate, rest.comparisonStartDate) || !isSameDate(values2.comparisonEndDate, rest.comparisonEndDate);
-  const handleApply = (values2) => {
-    if (rest.onChange && (!isSameDate(values2.startDate, rest.startDate) || !isSameDate(values2.endDate, rest.endDate) || values2.interval !== rest.interval || handleComparisonChanges(values2))) {
-      rest.onChange(values2);
-    }
-    setAnchorEl(null);
-  };
-  const internalMaxDate = maxDate ?? tz9(timezone).toDate();
-  const internalMinDate = minDate ?? tz9(internalMaxDate, timezone).subtract(maxSelectableDays - 1, "days").toDate();
-  const displayEndDate = getDisplayEndDate(
-    rest.endDate,
-    timezone,
-    !!rest.showTime
-  );
-  const isEndDateVisible = !isSameDate(rest.startDate, displayEndDate);
-  return /* @__PURE__ */ jsxs56("div", { style: { display: "inline-flex" }, children: [
-    /* @__PURE__ */ jsx118(
-      DateIntervalPickerDefaultButton_default,
-      {
-        startDate: rest.startDate,
-        endDate: displayEndDate,
-        interval: rest.interval,
-        comparisonEndDate: rest.comparisonEndDate,
-        comparisonStartDate: rest.comparisonStartDate,
-        disabled,
-        showTime: rest.showTime,
-        isEndDateVisible,
-        onClick: setAnchorEl
-      }
-    ),
-    anchorEl !== null && /* @__PURE__ */ jsx118(
-      DateIntervalPickerPopover_default,
-      {
-        anchorEl,
-        startDate: rest.startDate,
-        endDate: rest.endDate,
-        color: color2 ?? primaryMain,
-        maxSelectableDays,
-        disabled,
-        minDate: internalMinDate,
-        maxDate: internalMaxDate,
-        interval: rest.interval,
-        comparisonColor: rest.comparisonColor ?? yellow,
-        intersectionColor: rest.intersectionColor ?? oliveGreen,
-        allowCompare: rest.allowCompare,
-        comparisonInterval: rest.comparisonInterval,
-        comparisonStartDate: rest.comparisonStartDate,
-        comparisonEndDate: rest.comparisonEndDate,
-        allowedIntervals: rest.allowedIntervals,
-        showTime: rest.showTime,
-        onCancel: handlePopoverCancel,
-        onApply: handleApply
-      }
-    )
-  ] });
-};
-var DateIntervalPicker_default = DateIntervalPicker;
-
 // src/components/input/SelectPopoverItem.tsx
 import { Grid as Grid2, Stack as Stack9 } from "@mui/material";
 import { lighten as lighten3 } from "@mui/material";
@@ -22050,6 +22053,8 @@ var Select = function Select2({
   menuZIndex,
   menuColors,
   menuMaxHeight,
+  minMenuWidth = 200,
+  maxMenuWidth = 400,
   "data-testid": dataTestId,
   open,
   onOpen,
@@ -22062,9 +22067,6 @@ var Select = function Select2({
   const paperRef = React64.useRef(null);
   const selectRef = React64.useRef(null);
   const [measuredPaperHeight, setMeasuredPaperHeight] = React64.useState(void 0);
-  const [selectWidth, setSelectWidth] = React64.useState(
-    void 0
-  );
   const [highlightedIndex, setHighlightedIndex] = React64.useState(-1);
   const currentValue = React64.useMemo(
     () => value ?? (multiple ? [] : ""),
@@ -22120,7 +22122,7 @@ var Select = function Select2({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, virtualized, highlightedIndex, options, onChange, onClose]);
   const defaultVirtualizedProps = {
-    width: selectWidth ?? 250,
+    width: minMenuWidth,
     overscanCount: 3,
     itemSize: 44
   };
@@ -22215,7 +22217,6 @@ var Select = function Select2({
       IconComponent: () => /* @__PURE__ */ jsx120(ChevronIcon, { disabled: rest.disabled, isOpen }),
       input: /* @__PURE__ */ jsx120(BootstrapInput, { ref: selectRef, placeholder }),
       onOpen: () => {
-        setSelectWidth(selectRef.current?.clientWidth);
         setOpen(true);
         onOpen && onOpen();
       },
@@ -22253,7 +22254,8 @@ var Select = function Select2({
               border: `1px solid ${menuColors.borderColor}`
             },
             maxHeight: menuMaxHeight,
-            maxWidth: selectWidth
+            minWidth: minMenuWidth,
+            maxWidth: maxMenuWidth
           },
           className: paperClassName
         },
@@ -22271,7 +22273,7 @@ var Select = function Select2({
           style: {
             maxHeight: measuredPaperHeight ? measuredPaperHeight - 16 : menuMaxHeight ? `calc(${menuMaxHeight} - 16px)` : "90vh",
             height: options.length * itemSize,
-            maxWidth: selectWidth ?? "90vw",
+            maxWidth: maxMenuWidth,
             flex: "1 1 auto"
           }
         }
@@ -22339,7 +22341,6 @@ var Select = function Select2({
       open,
       input: /* @__PURE__ */ jsx120(BootstrapInput, { ref: selectRef, placeholder }),
       onOpen: () => {
-        setSelectWidth(selectRef.current?.clientWidth);
         setOpen(true);
         onOpen && onOpen();
       },
@@ -22383,7 +22384,8 @@ var Select = function Select2({
               border: `1px solid ${menuColors.borderColor}`
             },
             maxHeight: menuMaxHeight,
-            maxWidth: selectWidth
+            minWidth: minMenuWidth,
+            maxWidth: maxMenuWidth
           },
           className: `${paperClassName} Slim-Vertical-Scroll`
         }
@@ -26417,11 +26419,14 @@ var PageSelector = ({
   const handleNext = React86.useCallback(() => {
     onPageChange(Math.min(totalPages, currentPage + 1));
   }, [currentPage, onPageChange, totalPages]);
-  const displayText = hideText ? "" : text || t("PAGE_SELECTOR.SHOWING_ITEMS", {
-    from: pageSize * (currentPage - 1) + 1,
-    to: Math.min(pageSize * currentPage, totalItems),
-    total: totalItems
-  });
+  const displayText = hideText ? "" : text || t(
+    "PAGE_SELECTOR.SHOWING_ITEMS",
+    totalItems === 0 ? { from: 0, to: 0, total: 0 } : {
+      from: pageSize * (currentPage - 1) + 1,
+      to: Math.min(pageSize * currentPage, totalItems),
+      total: totalItems
+    }
+  );
   return /* @__PURE__ */ jsxs76(
     Stack_default,
     {
@@ -28472,7 +28477,7 @@ import {
   Table as MuiTable
 } from "@mui/material";
 import { jsx as jsx172 } from "react/jsx-runtime";
-var Table = ({ children, sx, className }) => /* @__PURE__ */ jsx172(TableContainer, { className: "Slim-Horizontal-Scroll", children: /* @__PURE__ */ jsx172(MuiTable, { sx: { backgroundColor: white, ...sx }, className, children }) });
+var Table = ({ children, sx, className, containerSx }) => /* @__PURE__ */ jsx172(TableContainer, { className: "Slim-Horizontal-Scroll", sx: containerSx, children: /* @__PURE__ */ jsx172(MuiTable, { sx: { backgroundColor: white, ...sx }, className, children }) });
 var Table_default = Table;
 
 // src/components/table/TableBody.tsx
@@ -29542,7 +29547,7 @@ react-is/cjs/react-is.development.js:
 
 @mui/styled-engine/esm/index.js:
   (**
-   * @mui/styled-engine v7.3.7
+   * @mui/styled-engine v7.3.10
    *
    * @license MIT
    * This source code is licensed under the MIT license found in the
@@ -29551,7 +29556,7 @@ react-is/cjs/react-is.development.js:
 
 @mui/system/esm/index.js:
   (**
-   * @mui/system v7.3.7
+   * @mui/system v7.3.11
    *
    * @license MIT
    * This source code is licensed under the MIT license found in the