@rio-cloud/rio-uikit 2.3.0-beta.2 → 2.3.0

package/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsAnalysisOverlay.js","sources":["../../../src/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.tsx"],"sourcesContent":["import { useCallback, useState, type CSSProperties } from 'react';\n\nimport Notification from '../../Notification';\nimport useDraggableElement from '../../hooks/useDraggableElement';\nimport {\n    buildAnalyticsAnalysisData,\n    hasRequiredAnalyticsHeaderRow,\n    type AnalyticsReportEntry,\n} from '../../utils/analytics/analyticsAnalysisUtils';\nimport useAnalyticsOverlayDom from '../../utils/analytics/useAnalyticsOverlayDom';\nimport { AnalyticsAnalysisBanner } from './AnalyticsAnalysisBanner';\n\ntype AnalyticsAnalysisOverlayProps = {\n    overlayBackgroundOpacity?: number;\n    bannerStartCoordinates?: {\n        top: number;\n        left: number;\n    };\n};\n\nexport const AnalyticsAnalysisOverlay = (props: AnalyticsAnalysisOverlayProps) => {\n    const { overlayBackgroundOpacity = 0.5, bannerStartCoordinates } = props;\n    const normalizedOverlayBackgroundOpacity = Math.min(1, Math.max(0, overlayBackgroundOpacity));\n    const startTop = bannerStartCoordinates?.top;\n    const startLeft = bannerStartCoordinates?.left;\n    const hasCustomStartCoordinates =\n        typeof startTop === 'number' &&\n        Number.isFinite(startTop) &&\n        typeof startLeft === 'number' &&\n        Number.isFinite(startLeft);\n    const [analyticsLookup, setAnalyticsLookup] = useState<Map<string, AnalyticsReportEntry[]>>(() => new Map());\n    const [analyticsDateRangeLabel, setAnalyticsDateRangeLabel] = useState<string | null>(null);\n    const [analyticsTotalUsers, setAnalyticsTotalUsers] = useState<number | null>(null);\n    const [loadedCsvName, setLoadedCsvName] = useState<string | null>(null);\n    const [showOverlayDetails, setShowOverlayDetails] = useState(true);\n    const [showOverlayLabelText, setShowOverlayLabelText] = useState(true);\n    const { draggableRef, isDragging, position, onDragHandlePointerDown } = useDraggableElement<HTMLDivElement>();\n    const metadataBannerHost = useAnalyticsOverlayDom({\n        analyticsLookup,\n        overlayBackgroundOpacity: normalizedOverlayBackgroundOpacity,\n        showOverlayDetails,\n        showOverlayLabelText,\n        analyticsTotalUsers,\n    });\n\n    const handleCsvPick = useCallback(async (files: File[]) => {\n        const csvFiles = files.filter(file => file.name.toLowerCase().endsWith('.csv'));\n\n        if (csvFiles.length === 0) {\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const selectedFile = csvFiles[0];\n        const csvRaw = await selectedFile.text();\n\n        if (!hasRequiredAnalyticsHeaderRow(csvRaw)) {\n            Notification.error(\n                'A Google Analytics CSV report based on the \"UIKIT AnalyticsAnalysisOverlay Template\" is required.',\n                {\n                    title: 'Unsupported CSV',\n                }\n            );\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const uploads = [\n            {\n                reportName: selectedFile.name,\n                csvRaw,\n            },\n        ];\n        const analysisData = buildAnalyticsAnalysisData(uploads);\n\n        setAnalyticsLookup(analysisData.analyticsLookup);\n        setAnalyticsDateRangeLabel(analysisData.analyticsDateRangeLabel);\n        setAnalyticsTotalUsers(analysisData.analyticsTotalUsers);\n        setLoadedCsvName(selectedFile.name);\n    }, []);\n\n    const handleClearCsv = useCallback(() => {\n        setAnalyticsLookup(new Map());\n        setAnalyticsDateRangeLabel(null);\n        setAnalyticsTotalUsers(null);\n        setLoadedCsvName(null);\n    }, []);\n\n    const bannerStyle: CSSProperties = position.hasDragged\n        ? {\n              top: `${position.top}px`,\n              left: `${position.left}px`,\n          }\n        : hasCustomStartCoordinates\n          ? {\n                top: `${startTop}px`,\n                left: `${startLeft}px`,\n            }\n          : {\n                top: '70px',\n                left: '50%',\n                transform: 'translateX(-50%)',\n            };\n\n    return (\n        <AnalyticsAnalysisBanner\n            host={metadataBannerHost}\n            bannerRef={draggableRef}\n            bannerStyle={bannerStyle}\n            analyticsDateRangeLabel={analyticsDateRangeLabel}\n            loadedCsvName={loadedCsvName}\n            showOverlayDetails={showOverlayDetails}\n            showOverlayLabelText={showOverlayLabelText}\n            isDragging={isDragging}\n            onCsvPick={handleCsvPick}\n            onToggleOverlayDetails={() => setShowOverlayDetails(previousState => !previousState)}\n            onToggleOverlayLabelText={() => setShowOverlayLabelText(previousState => !previousState)}\n            onClearCsv={handleClearCsv}\n            onDragHandlePointerDown={onDragHandlePointerDown}\n        />\n    );\n};\n"],"names":["AnalyticsAnalysisOverlay","props","overlayBackgroundOpacity","bannerStartCoordinates","normalizedOverlayBackgroundOpacity","startTop","startLeft","hasCustomStartCoordinates","analyticsLookup","setAnalyticsLookup","useState","analyticsDateRangeLabel","setAnalyticsDateRangeLabel","analyticsTotalUsers","setAnalyticsTotalUsers","loadedCsvName","setLoadedCsvName","showOverlayDetails","setShowOverlayDetails","showOverlayLabelText","setShowOverlayLabelText","draggableRef","isDragging","position","onDragHandlePointerDown","useDraggableElement","metadataBannerHost","useAnalyticsOverlayDom","handleCsvPick","useCallback","files","csvFiles","file","selectedFile","csvRaw","hasRequiredAnalyticsHeaderRow","Notification","uploads","analysisData","buildAnalyticsAnalysisData","handleClearCsv","bannerStyle","jsx","AnalyticsAnalysisBanner","previousState"],"mappings":"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"}
+{"version":3,"file":"AnalyticsAnalysisOverlay.js","sources":["../../../src/components/analyticsAnalysisOverlay/AnalyticsAnalysisOverlay.tsx"],"sourcesContent":["import { useCallback, useState, type CSSProperties } from 'react';\n\nimport Notification from '../../Notification';\nimport useDraggableElement from '../../hooks/useDraggableElement';\nimport {\n    buildAnalyticsAnalysisData,\n    hasRequiredAnalyticsHeaderRow,\n    type AnalyticsReportEntry,\n} from '../../utils/analytics/analyticsAnalysisUtils';\nimport useAnalyticsOverlayDom from '../../utils/analytics/useAnalyticsOverlayDom';\nimport { AnalyticsAnalysisBanner } from './AnalyticsAnalysisBanner';\n\nconst DEFAULT_BANNER_POSITION = {\n    top: '70px',\n    left: '50%',\n    transform: 'translateX(-50%)',\n};\n\ntype AnalysisBannerPosition = {\n    /**\n     * Initial top offset in pixels relative to the viewport.\n     */\n    top: number;\n\n    /**\n     * Initial left offset in pixels relative to the viewport.\n     */\n    left: number;\n};\n\ntype AnalyticsAnalysisOverlayProps = {\n    /**\n     * Opacity of the fullscreen analytics overlay backdrop.\n     * Values are clamped to the range `0` to `1`.\n     *\n     * @default 0.5\n     */\n    overlayBackgroundOpacity?: number;\n\n    /**\n     * Optional initial viewport coordinates for the draggable analytics banner.\n     * When omitted, the banner starts at `top: 70px`, `left: 50%` with `translateX(-50%)`.\n     *\n     * @default undefined\n     */\n    bannerStartCoordinates?: AnalysisBannerPosition;\n};\n\nexport const AnalyticsAnalysisOverlay = (props: AnalyticsAnalysisOverlayProps) => {\n    const { overlayBackgroundOpacity = 0.5, bannerStartCoordinates } = props;\n\n    const normalizedOverlayBackgroundOpacity = Math.min(1, Math.max(0, overlayBackgroundOpacity));\n\n    const startTop = bannerStartCoordinates?.top;\n    const startLeft = bannerStartCoordinates?.left;\n\n    const hasCustomStartCoordinates =\n        typeof startTop === 'number' &&\n        Number.isFinite(startTop) &&\n        typeof startLeft === 'number' &&\n        Number.isFinite(startLeft);\n\n    const [analyticsLookup, setAnalyticsLookup] = useState<Map<string, AnalyticsReportEntry[]>>(() => new Map());\n    const [analyticsDateRangeLabel, setAnalyticsDateRangeLabel] = useState<string | null>(null);\n    const [analyticsTotalUsers, setAnalyticsTotalUsers] = useState<number | null>(null);\n\n    const [loadedCsvName, setLoadedCsvName] = useState<string | null>(null);\n\n    const [showOverlayDetails, setShowOverlayDetails] = useState(true);\n    const [showOverlayLabelText, setShowOverlayLabelText] = useState(true);\n\n    const initialPosition = hasCustomStartCoordinates ? { top: startTop, left: startLeft } : undefined;\n\n    const { draggableRef, isDragging, position, onDragHandleDown, renderElement } = useDraggableElement({\n        initialPosition,\n    });\n\n    const metadataBannerHost = useAnalyticsOverlayDom({\n        analyticsLookup,\n        overlayBackgroundOpacity: normalizedOverlayBackgroundOpacity,\n        showOverlayDetails,\n        showOverlayLabelText,\n        analyticsTotalUsers,\n    });\n\n    const handleCsvPick = useCallback(async (files: File[]) => {\n        const csvFiles = files.filter(file => file.name.toLowerCase().endsWith('.csv'));\n\n        if (csvFiles.length === 0) {\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const selectedFile = csvFiles[0];\n        const csvRaw = await selectedFile.text();\n\n        if (!hasRequiredAnalyticsHeaderRow(csvRaw)) {\n            Notification.error(\n                'A Google Analytics CSV report based on the \"UIKIT AnalyticsAnalysisOverlay Template\" is required.',\n                {\n                    title: 'Unsupported CSV',\n                }\n            );\n            setAnalyticsLookup(new Map());\n            setAnalyticsDateRangeLabel(null);\n            setAnalyticsTotalUsers(null);\n            setLoadedCsvName(null);\n            return;\n        }\n\n        const uploads = [\n            {\n                reportName: selectedFile.name,\n                csvRaw,\n            },\n        ];\n        const analysisData = buildAnalyticsAnalysisData(uploads);\n\n        setAnalyticsLookup(analysisData.analyticsLookup);\n        setAnalyticsDateRangeLabel(analysisData.analyticsDateRangeLabel);\n        setAnalyticsTotalUsers(analysisData.analyticsTotalUsers);\n        setLoadedCsvName(selectedFile.name);\n    }, []);\n\n    const handleClearCsv = useCallback(() => {\n        setAnalyticsLookup(new Map());\n        setAnalyticsDateRangeLabel(null);\n        setAnalyticsTotalUsers(null);\n        setLoadedCsvName(null);\n    }, []);\n\n    const bannerStyle: CSSProperties = position.hasDragged\n        ? {\n              top: `${position.top}px`,\n              left: `${position.left}px`,\n          }\n        : hasCustomStartCoordinates\n          ? {\n                top: `${position.top}px`,\n                left: `${position.left}px`,\n            }\n          : DEFAULT_BANNER_POSITION;\n\n    return renderElement(\n        <AnalyticsAnalysisBanner\n            bannerRef={draggableRef}\n            bannerStyle={bannerStyle}\n            analyticsDateRangeLabel={analyticsDateRangeLabel}\n            loadedCsvName={loadedCsvName}\n            showOverlayDetails={showOverlayDetails}\n            showOverlayLabelText={showOverlayLabelText}\n            isDragging={isDragging}\n            onCsvPick={handleCsvPick}\n            onToggleOverlayDetails={() => setShowOverlayDetails(previousState => !previousState)}\n            onToggleOverlayLabelText={() => setShowOverlayLabelText(previousState => !previousState)}\n            onClearCsv={handleClearCsv}\n            onDragHandleDown={onDragHandleDown}\n        />,\n        metadataBannerHost\n    );\n};\n"],"names":["DEFAULT_BANNER_POSITION","AnalyticsAnalysisOverlay","props","overlayBackgroundOpacity","bannerStartCoordinates","normalizedOverlayBackgroundOpacity","startTop","startLeft","hasCustomStartCoordinates","analyticsLookup","setAnalyticsLookup","useState","analyticsDateRangeLabel","setAnalyticsDateRangeLabel","analyticsTotalUsers","setAnalyticsTotalUsers","loadedCsvName","setLoadedCsvName","showOverlayDetails","setShowOverlayDetails","showOverlayLabelText","setShowOverlayLabelText","initialPosition","draggableRef","isDragging","position","onDragHandleDown","renderElement","useDraggableElement","metadataBannerHost","useAnalyticsOverlayDom","handleCsvPick","useCallback","files","csvFiles","file","selectedFile","csvRaw","hasRequiredAnalyticsHeaderRow","Notification","uploads","analysisData","buildAnalyticsAnalysisData","handleClearCsv","bannerStyle","jsx","AnalyticsAnalysisBanner","previousState"],"mappings":"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"}

package/components/datepicker/DayPicker.js

@@ -1,19 +1,19 @@
 import { jsx as i, jsxs as $, Fragment as q } from "react/jsx-runtime";
-import { useState as H, useRef as J, useEffect as we } from "react";
-import Re from "react-dom";
-import Ie from "../../hooks/useClickOutside.js";
-import Ne from "../../hooks/useKey.js";
-import Be from "../../hooks/usePopperDropdown.js";
-import Me from "../../utils/classNames.js";
-import { getOrCreatePortalRoot as Ve } from "../../utils/portalRoot.js";
-import Ee from "./DayPickerCalendar.js";
-import Fe from "./DayPickerDropdown.js";
-import je from "./DayPickerInput.js";
-import { isSingleDayPickerProps as L, isMultipleDayPickerProps as Q, isRangeDayPickerProps as Ge } from "./dayPickerTypes.js";
-import Te from "./useDayPickerInputState.js";
+import { useState as H, useRef as J, useEffect as Re } from "react";
+import Ie from "react-dom";
+import Ne from "../../hooks/useClickOutside.js";
+import Be from "../../hooks/useKey.js";
+import Me from "../../hooks/usePopperDropdown.js";
+import Ve from "../../utils/classNames.js";
+import { getOrCreatePortalRoot as Ee } from "../../utils/portalRoot.js";
+import Fe from "./DayPickerCalendar.js";
+import je from "./DayPickerDropdown.js";
+import Ge from "./DayPickerInput.js";
+import { isSingleDayPickerProps as L, isMultipleDayPickerProps as Q, isRangeDayPickerProps as Te } from "./dayPickerTypes.js";
+import xe from "./useDayPickerInputState.js";
 import "date-fns";
 import "date-fns/locale";
-const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "closeOnSelect"), w = (e, o) => typeof e == "function" ? e(o) : e ?? null, tt = (e) => {
+const Ae = (e) => Object.hasOwn(e, "value"), Ke = (e) => Object.hasOwn(e, "closeOnSelect"), w = (e, o) => typeof e == "function" ? e(o) : e ?? null, nt = (e) => {
   const {
     id: o,
     name: l,
@@ -24,7 +24,7 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
     dateFormat: U,
     onBlur: X,
     inputProps: c,
-    errorMessage: P,
+    errorMessage: S,
     warningMessage: k,
     messageWhiteSpace: M = "normal",
     inputClassName: Y,
@@ -38,21 +38,22 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
     isClearable: re = !1,
     closeOnOutsideClick: V = !0,
     selectionBehavior: I = "immediate"
-  } = e, E = xe(e), N = L(e), oe = Ae(e) ? e.closeOnSelect !== !1 : I !== "deferred", [ae, ie] = H(e.defaultValue), s = E ? e.value : ae, [y, d] = H(s), {
+  } = e, E = Ae(e), N = L(e), oe = Ke(e) ? e.closeOnSelect !== !1 : I !== "deferred", [ae, ie] = H(e.defaultValue), s = E ? e.value : ae, [y, d] = H(s), {
     isOpen: a,
     open: D,
     close: B,
+    update: le,
     referenceRef: O,
-    popperElementRef: le,
-    popperStyles: ce,
-    popperAttributes: se
-  } = Be({ placement: ne ? "bottom-end" : "bottom-start" }), C = J(null), F = J(null);
-  we(() => {
+    popperElementRef: ce,
+    popperStyles: se,
+    popperAttributes: de
+  } = Me({ placement: ne ? "bottom-end" : "bottom-start" }), C = J(null), F = J(null);
+  Re(() => {
     d(s);
   }, [s]);
-  const de = (t) => {
-    F.current = t, le(t);
-  }, ue = (t, n) => {
+  const ue = (t) => {
+    F.current = t, ce(t);
+  }, fe = (t, n) => {
     if (N) {
       e.onChange?.(t, n);
       return;
@@ -61,16 +62,16 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
       e.onChange?.(t, n);
       return;
     }
-    Ge(e) && e.onChange?.(t, n);
+    Te(e) && e.onChange?.(t, n);
   }, b = (t, n = {}) => {
-    E || ie(t), d(t), ue(t, n);
-  }, fe = () => {
+    E || ie(t), d(t), fe(t, n);
+  }, ge = () => {
     b(void 0, {});
   }, u = () => {
     B(), d(s);
   }, j = () => {
     b(y, {}), B();
-  }, ge = Ie(
+  }, me = Ne(
     (t) => {
       if (!V)
         return;
@@ -79,28 +80,28 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
         u();
         return;
       }
-      const f = O.current?.contains(n), S = C.current?.contains(n);
-      f || S || u();
+      const f = O.current?.contains(n), P = C.current?.contains(n);
+      f || P || u();
     },
     void 0,
     a
   );
-  Ne("Escape", (t) => {
+  Be("Escape", (t) => {
     const n = t.target;
     if (!n || !a)
       return;
-    const f = C.current && C.current === n, S = !!O.current?.contains(n);
-    (f || S) && u();
+    const f = C.current && C.current === n, P = !!O.current?.contains(n);
+    (f || P) && u();
   });
   const {
     displayValue: G,
-    handleInputBlur: me,
-    handleInputChange: he,
+    handleInputBlur: he,
+    handleInputChange: pe,
     handleClearInput: T,
-    handleInputFocus: pe,
-    handleInputKeyDown: Ce,
-    inputMaskProps: be
-  } = Te({
+    handleInputFocus: Ce,
+    handleInputKeyDown: be,
+    inputMaskProps: Pe
+  } = xe({
     props: e,
     locale: m,
     dateFormat: U,
@@ -114,7 +115,7 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
     draftValue: y,
     setDraftValue: d,
     commitValue: b,
-    clearValue: fe,
+    clearValue: ge,
     openDropdown: D,
     closeDropdown: u,
     applyDraftValue: j,
@@ -127,7 +128,7 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
       return;
     }
     D();
-  }, r = Ke({
+  }, r = We({
     props: e,
     value: s,
     draftValue: y,
@@ -143,40 +144,41 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
     isOpen: a,
     open: D,
     toggle: Se
-  }) : null, Pe = (t, n) => {
+  }) : null, ke = (t, n) => {
     if (n.disabled || n.hidden)
       return;
     const f = I === "immediate";
     f ? b(t, n) : d(t);
-    const S = g !== "range" || !!t?.from && !!t?.to;
-    oe && S && (f || b(t, n), B());
-  }, K = !!(P || k), ke = {
+    const P = g !== "range" || !!t?.from && !!t?.to;
+    oe && P && (f || b(t, n), B());
+  }, K = !!(S || k), ye = {
     ...c,
     name: l || c?.name,
     autoComplete: c?.autoComplete || "off",
     placeholder: h || c?.placeholder
-  }, ye = r.leftSidebar ? w(r.leftSidebar, r.renderProps) : null, De = r.rightSidebar ? w(r.rightSidebar, r.renderProps) : null, Oe = r.footer ? w(r.footer, r.renderProps) : null, W = R ? Ve() : null, z = /* @__PURE__ */ i(
-    Fe,
+  }, De = r.leftSidebar ? w(r.leftSidebar, r.renderProps) : null, Oe = r.rightSidebar ? w(r.rightSidebar, r.renderProps) : null, we = r.footer ? w(r.footer, r.renderProps) : null, W = R ? Ee() : null, z = /* @__PURE__ */ i(
+    je,
     {
-      assignPopperElement: de,
-      popperStyles: ce,
-      popperAttributes: se,
+      assignPopperElement: ue,
+      popperStyles: se,
+      popperAttributes: de,
       enableStackedCalendars: (e.numberOfMonths ?? 1) > 1,
       dropdownClassName: _,
-      outsideRef: ge,
-      leftSidebar: ye,
-      rightSidebar: De,
-      footer: Oe,
+      outsideRef: me,
+      updatePopperPosition: le,
+      leftSidebar: De,
+      rightSidebar: Oe,
+      footer: we,
       leftSidebarClassName: v,
       rightSidebarClassName: ee,
       footerClassName: te,
       children: /* @__PURE__ */ i(
-        Ee,
+        Fe,
         {
           ...e,
           size: "sm",
           value: y,
-          onChange: Pe,
+          onChange: ke,
           className: "margin-15"
         }
       )
@@ -186,18 +188,18 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
     /* @__PURE__ */ i(
       "div",
       {
-        className: Me(
+        className: Ve(
           "form-group",
           K && "has-feedback",
-          P && "has-error",
+          S && "has-error",
           k && "has-warning",
           Z
         ),
         children: A ? /* @__PURE__ */ $(q, { children: [
           /* @__PURE__ */ i("div", { ref: O, className: "display-inline-block", children: A }),
-          K ? /* @__PURE__ */ i("span", { className: `help-block white-space-${M}`, children: /* @__PURE__ */ i("span", { children: P || k }) }) : null
+          K ? /* @__PURE__ */ i("span", { className: `help-block white-space-${M}`, children: /* @__PURE__ */ i("span", { children: S || k }) }) : null
         ] }) : /* @__PURE__ */ i(
-          je,
+          Ge,
           {
             id: o,
             triggerRef: O,
@@ -206,29 +208,29 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
             iconName: p,
             isSingleMode: N,
             isClearable: re,
-            inputMaskProps: be,
-            mergedInputProps: ke,
+            inputMaskProps: Pe,
+            mergedInputProps: ye,
             inputClassName: Y,
-            errorMessage: P,
+            errorMessage: S,
             warningMessage: k,
             messageWhiteSpace: M,
-            onChange: he,
+            onChange: pe,
             onAddonClick: x,
             onClick: (t) => {
               c?.onClick?.(t), x();
             },
-            onFocus: pe,
-            onBlur: me,
-            onKeyDown: Ce,
+            onFocus: Ce,
+            onBlur: he,
+            onKeyDown: be,
             onClear: T
           }
         )
       }
     ),
-    a && R && W && Re.createPortal(z, W),
+    a && R && W && Ie.createPortal(z, W),
     a && !R && z
   ] });
-}, Ke = ({
+}, We = ({
   props: e,
   value: o,
   draftValue: l,
@@ -283,7 +285,7 @@ const xe = (e) => Object.hasOwn(e, "value"), Ae = (e) => Object.hasOwn(e, "close
   }
 };
 export {
-  Ee as DayPickerCalendar,
-  tt as default
+  Fe as DayPickerCalendar,
+  nt as default
 };
 //# sourceMappingURL=DayPicker.js.map

package/components/datepicker/DayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPicker.js","sources":["../../../src/components/datepicker/DayPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport useClickOutside from '../../hooks/useClickOutside';\nimport useKey from '../../hooks/useKey';\nimport usePopperDropdown from '../../hooks/usePopperDropdown';\nimport classNames from '../../utils/classNames';\nimport { getOrCreatePortalRoot } from '../../utils/portalRoot';\n\nimport DayPickerCalendar from './DayPickerCalendar';\nimport DayPickerDropdown from './DayPickerDropdown';\nimport DayPickerInput from './DayPickerInput';\nimport {\n    isMultipleDayPickerProps,\n    isRangeDayPickerProps,\n    isSingleDayPickerProps,\n    type DateRange,\n    type DayPickerProps,\n    type DayPickerSelection,\n    type Modifiers,\n} from './dayPickerTypes';\nimport useDayPickerInputState from './useDayPickerInputState';\nexport { supportedDayPickerLocales } from './dayPickerUtils';\n\nexport type {\n    DateRange,\n    DayPickerCalendarProps,\n    DayPickerProps,\n    DayPickerSlotRenderProps,\n    DayPickerTriggerRenderProps,\n    Modifiers,\n} from './dayPickerTypes';\nexport { default as DayPickerCalendar } from './DayPickerCalendar';\n\nconst hasValueProp = (props: DayPickerProps) => Object.hasOwn(props, 'value');\nconst hasCloseOnSelectProp = (props: DayPickerProps) => Object.hasOwn(props, 'closeOnSelect');\n\nconst renderSlot = (slot: unknown, slotProps: unknown) => {\n    if (typeof slot === 'function') {\n        return (slot as (props: unknown) => ReactNode)(slotProps);\n    }\n\n    return (slot as ReactNode) ?? null;\n};\n\nconst DayPicker = (props: DayPickerProps) => {\n    const {\n        id,\n        name,\n        mode = 'single',\n        locale = 'en-GB',\n        placeholder,\n        iconName = 'rioglyph-calendar',\n        dateFormat,\n        onBlur,\n        inputProps,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        inputClassName,\n        className,\n        dropdownClassName,\n        leftSidebarClassName,\n        rightSidebarClassName,\n        footerClassName,\n        usePortal = false,\n        alignRight,\n        isClearable = false,\n        closeOnOutsideClick = true,\n        selectionBehavior = 'immediate',\n    } = props;\n\n    const isControlled = hasValueProp(props);\n    const isSingleMode = isSingleDayPickerProps(props);\n    const closeOnSelect = hasCloseOnSelectProp(props)\n        ? props.closeOnSelect !== false\n        : selectionBehavior !== 'deferred';\n    const [internalValue, setInternalValue] = useState<DayPickerSelection>(props.defaultValue);\n    const committedValue = (isControlled ? props.value : internalValue) as DayPickerSelection;\n    const [draftValue, setDraftValue] = useState<DayPickerSelection>(committedValue);\n\n    const {\n        isOpen: isDropdownOpen,\n        open: openPopper,\n        close: closePopper,\n        referenceRef: popperRef,\n        popperElementRef: setPopperElement,\n        popperStyles,\n        popperAttributes,\n    } = usePopperDropdown({ placement: alignRight ? 'bottom-end' : 'bottom-start' });\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const popperElementRef = useRef<HTMLElement | null>(null);\n\n    useEffect(() => {\n        setDraftValue(committedValue);\n    }, [committedValue]);\n\n    const assignPopperElement = (element: HTMLElement | null) => {\n        popperElementRef.current = element;\n        setPopperElement(element);\n    };\n\n    const notifyChange = (value: DayPickerSelection, modifiers: Modifiers) => {\n        if (isSingleMode) {\n            props.onChange?.(value as Date | undefined, modifiers);\n            return;\n        }\n\n        if (isMultipleDayPickerProps(props)) {\n            props.onChange?.(value as Date[] | undefined, modifiers);\n            return;\n        }\n\n        if (isRangeDayPickerProps(props)) {\n            props.onChange?.(value as DateRange | undefined, modifiers);\n        }\n    };\n\n    const commitValue = (value: DayPickerSelection, modifiers: Modifiers = {}) => {\n        if (!isControlled) {\n            setInternalValue(value);\n        }\n\n        setDraftValue(value);\n        notifyChange(value, modifiers);\n    };\n\n    const clearValue = () => {\n        commitValue(undefined, {});\n    };\n\n    const closeDropdown = () => {\n        closePopper();\n        setDraftValue(committedValue);\n    };\n\n    const applyDraftValue = () => {\n        commitValue(draftValue, {});\n        closePopper();\n    };\n\n    const outsideRef = useClickOutside<HTMLDivElement>(\n        event => {\n            if (!closeOnOutsideClick) {\n                return;\n            }\n\n            const target = event.target as Node | null;\n            if (!target) {\n                closeDropdown();\n                return;\n            }\n\n            const clickedWithinTrigger = popperRef.current?.contains(target);\n            const clickedWithinInput = inputRef.current?.contains(target);\n\n            if (clickedWithinTrigger || clickedWithinInput) {\n                return;\n            }\n\n            closeDropdown();\n        },\n        undefined,\n        isDropdownOpen\n    );\n\n    useKey('Escape', event => {\n        const target = event.target as Node | null;\n        if (!target || !isDropdownOpen) {\n            return;\n        }\n\n        const isInputTarget = inputRef.current && inputRef.current === target;\n        const isTriggerTarget = !!popperRef.current?.contains(target);\n\n        if (isInputTarget || isTriggerTarget) {\n            closeDropdown();\n        }\n    });\n\n    const {\n        displayValue,\n        handleInputBlur,\n        handleInputChange,\n        handleClearInput,\n        handleInputFocus,\n        handleInputKeyDown,\n        inputMaskProps,\n    } = useDayPickerInputState({\n        props,\n        locale,\n        dateFormat,\n        inputProps,\n        onBlur,\n        isDropdownOpen,\n        isSingleMode,\n        selectionBehavior,\n        closeOnOutsideClick,\n        committedValue,\n        draftValue,\n        setDraftValue,\n        commitValue,\n        clearValue,\n        openDropdown: openPopper,\n        closeDropdown,\n        applyDraftValue,\n        popperElementRef,\n    });\n\n    const handleInputClick = () => {\n        openPopper();\n        inputRef.current?.focus();\n    };\n\n    const toggleDropdown = () => {\n        if (isDropdownOpen) {\n            closeDropdown();\n            return;\n        }\n\n        openPopper();\n    };\n\n    const slotProps = createSlotProps({\n        props,\n        value: committedValue,\n        draftValue,\n        setDraftValue,\n        apply: applyDraftValue,\n        clear: handleClearInput,\n        close: closeDropdown,\n    });\n\n    const triggerContent = slotProps.trigger\n        ? renderSlot(slotProps.trigger, {\n              ...slotProps.renderProps,\n              id,\n              name,\n              displayValue,\n              isOpen: isDropdownOpen,\n              open: openPopper,\n              toggle: toggleDropdown,\n          })\n        : null;\n\n    const handleCalendarChange = (value: DayPickerSelection, modifiers: Modifiers) => {\n        if (modifiers.disabled || modifiers.hidden) {\n            return;\n        }\n\n        const shouldApplyImmediately = selectionBehavior === 'immediate';\n\n        if (shouldApplyImmediately) {\n            commitValue(value, modifiers);\n        } else {\n            setDraftValue(value);\n        }\n\n        const shouldCloseRange =\n            mode !== 'range' || (!!(value as DateRange | undefined)?.from && !!(value as DateRange | undefined)?.to);\n\n        if (closeOnSelect && shouldCloseRange) {\n            if (!shouldApplyImmediately) {\n                commitValue(value, modifiers);\n            }\n            closePopper();\n        }\n    };\n\n    const hasFeedback = !!(errorMessage || warningMessage);\n\n    const mergedInputProps = {\n        ...inputProps,\n        name: name || inputProps?.name,\n        autoComplete: inputProps?.autoComplete || 'off',\n        placeholder: placeholder || inputProps?.placeholder,\n    };\n\n    const leftSidebarContent = slotProps.leftSidebar ? renderSlot(slotProps.leftSidebar, slotProps.renderProps) : null;\n\n    const rightSidebarContent = slotProps.rightSidebar\n        ? renderSlot(slotProps.rightSidebar, slotProps.renderProps)\n        : null;\n\n    const footerContent = slotProps.footer ? renderSlot(slotProps.footer, slotProps.renderProps) : null;\n\n    const dropdownRoot = usePortal ? getOrCreatePortalRoot() : null;\n\n    const dropdownContent = (\n        <DayPickerDropdown\n            assignPopperElement={assignPopperElement}\n            popperStyles={popperStyles}\n            popperAttributes={popperAttributes}\n            enableStackedCalendars={(props.numberOfMonths ?? 1) > 1}\n            dropdownClassName={dropdownClassName}\n            outsideRef={outsideRef}\n            leftSidebar={leftSidebarContent}\n            rightSidebar={rightSidebarContent}\n            footer={footerContent}\n            leftSidebarClassName={leftSidebarClassName}\n            rightSidebarClassName={rightSidebarClassName}\n            footerClassName={footerClassName}\n        >\n            <DayPickerCalendar\n                {...props}\n                size='sm'\n                value={draftValue as never}\n                onChange={handleCalendarChange as never}\n                className='margin-15'\n            />\n        </DayPickerDropdown>\n    );\n\n    return (\n        <>\n            <div\n                className={classNames(\n                    'form-group',\n                    hasFeedback && 'has-feedback',\n                    errorMessage && 'has-error',\n                    warningMessage && 'has-warning',\n                    className\n                )}\n            >\n                {triggerContent ? (\n                    <>\n                        <div ref={popperRef} className='display-inline-block'>\n                            {triggerContent}\n                        </div>\n                        {hasFeedback ? (\n                            <span className={`help-block white-space-${messageWhiteSpace}`}>\n                                <span>{errorMessage || warningMessage}</span>\n                            </span>\n                        ) : null}\n                    </>\n                ) : (\n                    <DayPickerInput\n                        id={id}\n                        triggerRef={popperRef}\n                        inputRef={inputRef}\n                        displayValue={displayValue}\n                        iconName={iconName}\n                        isSingleMode={isSingleMode}\n                        isClearable={isClearable}\n                        inputMaskProps={inputMaskProps}\n                        mergedInputProps={mergedInputProps}\n                        inputClassName={inputClassName}\n                        errorMessage={errorMessage}\n                        warningMessage={warningMessage}\n                        messageWhiteSpace={messageWhiteSpace}\n                        onChange={handleInputChange}\n                        onAddonClick={handleInputClick}\n                        onClick={event => {\n                            inputProps?.onClick?.(event);\n                            handleInputClick();\n                        }}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onKeyDown={handleInputKeyDown}\n                        onClear={handleClearInput}\n                    />\n                )}\n            </div>\n            {isDropdownOpen && usePortal && dropdownRoot && ReactDOM.createPortal(dropdownContent, dropdownRoot)}\n            {isDropdownOpen && !usePortal && dropdownContent}\n        </>\n    );\n};\n\nconst createSlotProps = ({\n    props,\n    value,\n    draftValue,\n    setDraftValue,\n    apply,\n    clear,\n    close,\n}: {\n    props: DayPickerProps;\n    value: DayPickerSelection;\n    draftValue: DayPickerSelection;\n    setDraftValue: (value: DayPickerSelection) => void;\n    apply: () => void;\n    clear: () => void;\n    close: () => void;\n}) => {\n    if (isSingleDayPickerProps(props)) {\n        return {\n            trigger: props.trigger,\n            leftSidebar: props.leftSidebar,\n            rightSidebar: props.rightSidebar,\n            footer: props.footer,\n            renderProps: {\n                value: value as Date | undefined,\n                draftValue: draftValue as Date | undefined,\n                setDraftValue: setDraftValue as (value: Date | undefined) => void,\n                apply,\n                clear,\n                close,\n                mode: props.mode || 'single',\n                locale: props.locale || 'en-GB',\n            },\n        };\n    }\n\n    if (isMultipleDayPickerProps(props)) {\n        return {\n            trigger: props.trigger,\n            leftSidebar: props.leftSidebar,\n            rightSidebar: props.rightSidebar,\n            footer: props.footer,\n            renderProps: {\n                value: value as Date[] | undefined,\n                draftValue: draftValue as Date[] | undefined,\n                setDraftValue: setDraftValue as (value: Date[] | undefined) => void,\n                apply,\n                clear,\n                close,\n                mode: props.mode,\n                locale: props.locale || 'en-GB',\n            },\n        };\n    }\n\n    return {\n        trigger: props.trigger,\n        leftSidebar: props.leftSidebar,\n        rightSidebar: props.rightSidebar,\n        footer: props.footer,\n        renderProps: {\n            value: value as DateRange | undefined,\n            draftValue: draftValue as DateRange | undefined,\n            setDraftValue: setDraftValue as (value: DateRange | undefined) => void,\n            apply,\n            clear,\n            close,\n            mode: props.mode,\n            locale: props.locale || 'en-GB',\n        },\n    };\n};\n\nexport default DayPicker;\n"],"names":["hasValueProp","props","hasCloseOnSelectProp","renderSlot","slot","slotProps","DayPicker","id","name","mode","locale","placeholder","iconName","dateFormat","onBlur","inputProps","errorMessage","warningMessage","messageWhiteSpace","inputClassName","className","dropdownClassName","leftSidebarClassName","rightSidebarClassName","footerClassName","usePortal","alignRight","isClearable","closeOnOutsideClick","selectionBehavior","isControlled","isSingleMode","isSingleDayPickerProps","closeOnSelect","internalValue","setInternalValue","useState","committedValue","draftValue","setDraftValue","isDropdownOpen","openPopper","closePopper","popperRef","setPopperElement","popperStyles","popperAttributes","usePopperDropdown","inputRef","useRef","popperElementRef","useEffect","assignPopperElement","element","notifyChange","value","modifiers","isMultipleDayPickerProps","isRangeDayPickerProps","commitValue","clearValue","closeDropdown","applyDraftValue","outsideRef","useClickOutside","event","target","clickedWithinTrigger","clickedWithinInput","useKey","isInputTarget","isTriggerTarget","displayValue","handleInputBlur","handleInputChange","handleClearInput","handleInputFocus","handleInputKeyDown","inputMaskProps","useDayPickerInputState","handleInputClick","toggleDropdown","createSlotProps","triggerContent","handleCalendarChange","shouldApplyImmediately","shouldCloseRange","hasFeedback","mergedInputProps","leftSidebarContent","rightSidebarContent","footerContent","dropdownRoot","getOrCreatePortalRoot","dropdownContent","jsx","DayPickerDropdown","DayPickerCalendar","jsxs","Fragment","classNames","DayPickerInput","ReactDOM","apply","clear","close"],"mappings":"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"}
+{"version":3,"file":"DayPicker.js","sources":["../../../src/components/datepicker/DayPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport useClickOutside from '../../hooks/useClickOutside';\nimport useKey from '../../hooks/useKey';\nimport usePopperDropdown from '../../hooks/usePopperDropdown';\nimport classNames from '../../utils/classNames';\nimport { getOrCreatePortalRoot } from '../../utils/portalRoot';\n\nimport DayPickerCalendar from './DayPickerCalendar';\nimport DayPickerDropdown from './DayPickerDropdown';\nimport DayPickerInput from './DayPickerInput';\nimport {\n    isMultipleDayPickerProps,\n    isRangeDayPickerProps,\n    isSingleDayPickerProps,\n    type DateRange,\n    type DayPickerProps,\n    type DayPickerSelection,\n    type Modifiers,\n} from './dayPickerTypes';\nimport useDayPickerInputState from './useDayPickerInputState';\nexport { supportedDayPickerLocales } from './dayPickerUtils';\n\nexport type {\n    DateRange,\n    DayPickerCalendarProps,\n    DayPickerProps,\n    DayPickerSlotRenderProps,\n    DayPickerTriggerRenderProps,\n    Modifiers,\n} from './dayPickerTypes';\nexport { default as DayPickerCalendar } from './DayPickerCalendar';\n\nconst hasValueProp = (props: DayPickerProps) => Object.hasOwn(props, 'value');\nconst hasCloseOnSelectProp = (props: DayPickerProps) => Object.hasOwn(props, 'closeOnSelect');\n\nconst renderSlot = (slot: unknown, slotProps: unknown) => {\n    if (typeof slot === 'function') {\n        return (slot as (props: unknown) => ReactNode)(slotProps);\n    }\n\n    return (slot as ReactNode) ?? null;\n};\n\nconst DayPicker = (props: DayPickerProps) => {\n    const {\n        id,\n        name,\n        mode = 'single',\n        locale = 'en-GB',\n        placeholder,\n        iconName = 'rioglyph-calendar',\n        dateFormat,\n        onBlur,\n        inputProps,\n        errorMessage,\n        warningMessage,\n        messageWhiteSpace = 'normal',\n        inputClassName,\n        className,\n        dropdownClassName,\n        leftSidebarClassName,\n        rightSidebarClassName,\n        footerClassName,\n        usePortal = false,\n        alignRight,\n        isClearable = false,\n        closeOnOutsideClick = true,\n        selectionBehavior = 'immediate',\n    } = props;\n\n    const isControlled = hasValueProp(props);\n    const isSingleMode = isSingleDayPickerProps(props);\n    const closeOnSelect = hasCloseOnSelectProp(props)\n        ? props.closeOnSelect !== false\n        : selectionBehavior !== 'deferred';\n    const [internalValue, setInternalValue] = useState<DayPickerSelection>(props.defaultValue);\n    const committedValue = (isControlled ? props.value : internalValue) as DayPickerSelection;\n    const [draftValue, setDraftValue] = useState<DayPickerSelection>(committedValue);\n\n    const {\n        isOpen: isDropdownOpen,\n        open: openPopper,\n        close: closePopper,\n        update: updatePopperPosition,\n        referenceRef: popperRef,\n        popperElementRef: setPopperElement,\n        popperStyles,\n        popperAttributes,\n    } = usePopperDropdown({ placement: alignRight ? 'bottom-end' : 'bottom-start' });\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const popperElementRef = useRef<HTMLElement | null>(null);\n\n    useEffect(() => {\n        setDraftValue(committedValue);\n    }, [committedValue]);\n\n    const assignPopperElement = (element: HTMLElement | null) => {\n        popperElementRef.current = element;\n        setPopperElement(element);\n    };\n\n    const notifyChange = (value: DayPickerSelection, modifiers: Modifiers) => {\n        if (isSingleMode) {\n            props.onChange?.(value as Date | undefined, modifiers);\n            return;\n        }\n\n        if (isMultipleDayPickerProps(props)) {\n            props.onChange?.(value as Date[] | undefined, modifiers);\n            return;\n        }\n\n        if (isRangeDayPickerProps(props)) {\n            props.onChange?.(value as DateRange | undefined, modifiers);\n        }\n    };\n\n    const commitValue = (value: DayPickerSelection, modifiers: Modifiers = {}) => {\n        if (!isControlled) {\n            setInternalValue(value);\n        }\n\n        setDraftValue(value);\n        notifyChange(value, modifiers);\n    };\n\n    const clearValue = () => {\n        commitValue(undefined, {});\n    };\n\n    const closeDropdown = () => {\n        closePopper();\n        setDraftValue(committedValue);\n    };\n\n    const applyDraftValue = () => {\n        commitValue(draftValue, {});\n        closePopper();\n    };\n\n    const outsideRef = useClickOutside<HTMLDivElement>(\n        event => {\n            if (!closeOnOutsideClick) {\n                return;\n            }\n\n            const target = event.target as Node | null;\n            if (!target) {\n                closeDropdown();\n                return;\n            }\n\n            const clickedWithinTrigger = popperRef.current?.contains(target);\n            const clickedWithinInput = inputRef.current?.contains(target);\n\n            if (clickedWithinTrigger || clickedWithinInput) {\n                return;\n            }\n\n            closeDropdown();\n        },\n        undefined,\n        isDropdownOpen\n    );\n\n    useKey('Escape', event => {\n        const target = event.target as Node | null;\n        if (!target || !isDropdownOpen) {\n            return;\n        }\n\n        const isInputTarget = inputRef.current && inputRef.current === target;\n        const isTriggerTarget = !!popperRef.current?.contains(target);\n\n        if (isInputTarget || isTriggerTarget) {\n            closeDropdown();\n        }\n    });\n\n    const {\n        displayValue,\n        handleInputBlur,\n        handleInputChange,\n        handleClearInput,\n        handleInputFocus,\n        handleInputKeyDown,\n        inputMaskProps,\n    } = useDayPickerInputState({\n        props,\n        locale,\n        dateFormat,\n        inputProps,\n        onBlur,\n        isDropdownOpen,\n        isSingleMode,\n        selectionBehavior,\n        closeOnOutsideClick,\n        committedValue,\n        draftValue,\n        setDraftValue,\n        commitValue,\n        clearValue,\n        openDropdown: openPopper,\n        closeDropdown,\n        applyDraftValue,\n        popperElementRef,\n    });\n\n    const handleInputClick = () => {\n        openPopper();\n        inputRef.current?.focus();\n    };\n\n    const toggleDropdown = () => {\n        if (isDropdownOpen) {\n            closeDropdown();\n            return;\n        }\n\n        openPopper();\n    };\n\n    const slotProps = createSlotProps({\n        props,\n        value: committedValue,\n        draftValue,\n        setDraftValue,\n        apply: applyDraftValue,\n        clear: handleClearInput,\n        close: closeDropdown,\n    });\n\n    const triggerContent = slotProps.trigger\n        ? renderSlot(slotProps.trigger, {\n              ...slotProps.renderProps,\n              id,\n              name,\n              displayValue,\n              isOpen: isDropdownOpen,\n              open: openPopper,\n              toggle: toggleDropdown,\n          })\n        : null;\n\n    const handleCalendarChange = (value: DayPickerSelection, modifiers: Modifiers) => {\n        if (modifiers.disabled || modifiers.hidden) {\n            return;\n        }\n\n        const shouldApplyImmediately = selectionBehavior === 'immediate';\n\n        if (shouldApplyImmediately) {\n            commitValue(value, modifiers);\n        } else {\n            setDraftValue(value);\n        }\n\n        const shouldCloseRange =\n            mode !== 'range' || (!!(value as DateRange | undefined)?.from && !!(value as DateRange | undefined)?.to);\n\n        if (closeOnSelect && shouldCloseRange) {\n            if (!shouldApplyImmediately) {\n                commitValue(value, modifiers);\n            }\n            closePopper();\n        }\n    };\n\n    const hasFeedback = !!(errorMessage || warningMessage);\n\n    const mergedInputProps = {\n        ...inputProps,\n        name: name || inputProps?.name,\n        autoComplete: inputProps?.autoComplete || 'off',\n        placeholder: placeholder || inputProps?.placeholder,\n    };\n\n    const leftSidebarContent = slotProps.leftSidebar ? renderSlot(slotProps.leftSidebar, slotProps.renderProps) : null;\n\n    const rightSidebarContent = slotProps.rightSidebar\n        ? renderSlot(slotProps.rightSidebar, slotProps.renderProps)\n        : null;\n\n    const footerContent = slotProps.footer ? renderSlot(slotProps.footer, slotProps.renderProps) : null;\n\n    const dropdownRoot = usePortal ? getOrCreatePortalRoot() : null;\n\n    const dropdownContent = (\n        <DayPickerDropdown\n            assignPopperElement={assignPopperElement}\n            popperStyles={popperStyles}\n            popperAttributes={popperAttributes}\n            enableStackedCalendars={(props.numberOfMonths ?? 1) > 1}\n            dropdownClassName={dropdownClassName}\n            outsideRef={outsideRef}\n            updatePopperPosition={updatePopperPosition}\n            leftSidebar={leftSidebarContent}\n            rightSidebar={rightSidebarContent}\n            footer={footerContent}\n            leftSidebarClassName={leftSidebarClassName}\n            rightSidebarClassName={rightSidebarClassName}\n            footerClassName={footerClassName}\n        >\n            <DayPickerCalendar\n                {...props}\n                size='sm'\n                value={draftValue as never}\n                onChange={handleCalendarChange as never}\n                className='margin-15'\n            />\n        </DayPickerDropdown>\n    );\n\n    return (\n        <>\n            <div\n                className={classNames(\n                    'form-group',\n                    hasFeedback && 'has-feedback',\n                    errorMessage && 'has-error',\n                    warningMessage && 'has-warning',\n                    className\n                )}\n            >\n                {triggerContent ? (\n                    <>\n                        <div ref={popperRef} className='display-inline-block'>\n                            {triggerContent}\n                        </div>\n                        {hasFeedback ? (\n                            <span className={`help-block white-space-${messageWhiteSpace}`}>\n                                <span>{errorMessage || warningMessage}</span>\n                            </span>\n                        ) : null}\n                    </>\n                ) : (\n                    <DayPickerInput\n                        id={id}\n                        triggerRef={popperRef}\n                        inputRef={inputRef}\n                        displayValue={displayValue}\n                        iconName={iconName}\n                        isSingleMode={isSingleMode}\n                        isClearable={isClearable}\n                        inputMaskProps={inputMaskProps}\n                        mergedInputProps={mergedInputProps}\n                        inputClassName={inputClassName}\n                        errorMessage={errorMessage}\n                        warningMessage={warningMessage}\n                        messageWhiteSpace={messageWhiteSpace}\n                        onChange={handleInputChange}\n                        onAddonClick={handleInputClick}\n                        onClick={event => {\n                            inputProps?.onClick?.(event);\n                            handleInputClick();\n                        }}\n                        onFocus={handleInputFocus}\n                        onBlur={handleInputBlur}\n                        onKeyDown={handleInputKeyDown}\n                        onClear={handleClearInput}\n                    />\n                )}\n            </div>\n            {isDropdownOpen && usePortal && dropdownRoot && ReactDOM.createPortal(dropdownContent, dropdownRoot)}\n            {isDropdownOpen && !usePortal && dropdownContent}\n        </>\n    );\n};\n\nconst createSlotProps = ({\n    props,\n    value,\n    draftValue,\n    setDraftValue,\n    apply,\n    clear,\n    close,\n}: {\n    props: DayPickerProps;\n    value: DayPickerSelection;\n    draftValue: DayPickerSelection;\n    setDraftValue: (value: DayPickerSelection) => void;\n    apply: () => void;\n    clear: () => void;\n    close: () => void;\n}) => {\n    if (isSingleDayPickerProps(props)) {\n        return {\n            trigger: props.trigger,\n            leftSidebar: props.leftSidebar,\n            rightSidebar: props.rightSidebar,\n            footer: props.footer,\n            renderProps: {\n                value: value as Date | undefined,\n                draftValue: draftValue as Date | undefined,\n                setDraftValue: setDraftValue as (value: Date | undefined) => void,\n                apply,\n                clear,\n                close,\n                mode: props.mode || 'single',\n                locale: props.locale || 'en-GB',\n            },\n        };\n    }\n\n    if (isMultipleDayPickerProps(props)) {\n        return {\n            trigger: props.trigger,\n            leftSidebar: props.leftSidebar,\n            rightSidebar: props.rightSidebar,\n            footer: props.footer,\n            renderProps: {\n                value: value as Date[] | undefined,\n                draftValue: draftValue as Date[] | undefined,\n                setDraftValue: setDraftValue as (value: Date[] | undefined) => void,\n                apply,\n                clear,\n                close,\n                mode: props.mode,\n                locale: props.locale || 'en-GB',\n            },\n        };\n    }\n\n    return {\n        trigger: props.trigger,\n        leftSidebar: props.leftSidebar,\n        rightSidebar: props.rightSidebar,\n        footer: props.footer,\n        renderProps: {\n            value: value as DateRange | undefined,\n            draftValue: draftValue as DateRange | undefined,\n            setDraftValue: setDraftValue as (value: DateRange | undefined) => void,\n            apply,\n            clear,\n            close,\n            mode: props.mode,\n            locale: props.locale || 'en-GB',\n        },\n    };\n};\n\nexport default DayPicker;\n"],"names":["hasValueProp","props","hasCloseOnSelectProp","renderSlot","slot","slotProps","DayPicker","id","name","mode","locale","placeholder","iconName","dateFormat","onBlur","inputProps","errorMessage","warningMessage","messageWhiteSpace","inputClassName","className","dropdownClassName","leftSidebarClassName","rightSidebarClassName","footerClassName","usePortal","alignRight","isClearable","closeOnOutsideClick","selectionBehavior","isControlled","isSingleMode","isSingleDayPickerProps","closeOnSelect","internalValue","setInternalValue","useState","committedValue","draftValue","setDraftValue","isDropdownOpen","openPopper","closePopper","updatePopperPosition","popperRef","setPopperElement","popperStyles","popperAttributes","usePopperDropdown","inputRef","useRef","popperElementRef","useEffect","assignPopperElement","element","notifyChange","value","modifiers","isMultipleDayPickerProps","isRangeDayPickerProps","commitValue","clearValue","closeDropdown","applyDraftValue","outsideRef","useClickOutside","event","target","clickedWithinTrigger","clickedWithinInput","useKey","isInputTarget","isTriggerTarget","displayValue","handleInputBlur","handleInputChange","handleClearInput","handleInputFocus","handleInputKeyDown","inputMaskProps","useDayPickerInputState","handleInputClick","toggleDropdown","createSlotProps","triggerContent","handleCalendarChange","shouldApplyImmediately","shouldCloseRange","hasFeedback","mergedInputProps","leftSidebarContent","rightSidebarContent","footerContent","dropdownRoot","getOrCreatePortalRoot","dropdownContent","jsx","DayPickerDropdown","DayPickerCalendar","jsxs","Fragment","classNames","DayPickerInput","ReactDOM","apply","clear","close"],"mappings":";;;;;;;;;;;;;;;AAkCA,MAAMA,KAAe,CAACC,MAA0B,OAAO,OAAOA,GAAO,OAAO,GACtEC,KAAuB,CAACD,MAA0B,OAAO,OAAOA,GAAO,eAAe,GAEtFE,IAAa,CAACC,GAAeC,MAC3B,OAAOD,KAAS,aACRA,EAAuCC,CAAS,IAGpDD,KAAsB,MAG5BE,KAAY,CAACL,MAA0B;AACzC,QAAM;AAAA,IACF,IAAAM;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,YAAAC;AAAA,IACA,aAAAC,KAAc;AAAA,IACd,qBAAAC,IAAsB;AAAA,IACtB,mBAAAC,IAAoB;AAAA,EAAA,IACpB5B,GAEE6B,IAAe9B,GAAaC,CAAK,GACjC8B,IAAeC,EAAuB/B,CAAK,GAC3CgC,KAAgB/B,GAAqBD,CAAK,IAC1CA,EAAM,kBAAkB,KACxB4B,MAAsB,YACtB,CAACK,IAAeC,EAAgB,IAAIC,EAA6BnC,EAAM,YAAY,GACnFoC,IAAkBP,IAAe7B,EAAM,QAAQiC,IAC/C,CAACI,GAAYC,CAAa,IAAIH,EAA6BC,CAAc,GAEzE;AAAA,IACF,QAAQG;AAAA,IACR,MAAMC;AAAA,IACN,OAAOC;AAAA,IACP,QAAQC;AAAA,IACR,cAAcC;AAAA,IACd,kBAAkBC;AAAA,IAClB,cAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACAC,GAAkB,EAAE,WAAWtB,KAAa,eAAe,gBAAgB,GAEzEuB,IAAWC,EAAgC,IAAI,GAC/CC,IAAmBD,EAA2B,IAAI;AAExD,EAAAE,GAAU,MAAM;AACZ,IAAAb,EAAcF,CAAc;AAAA,EAChC,GAAG,CAACA,CAAc,CAAC;AAEnB,QAAMgB,KAAsB,CAACC,MAAgC;AACzD,IAAAH,EAAiB,UAAUG,GAC3BT,GAAiBS,CAAO;AAAA,EAC5B,GAEMC,KAAe,CAACC,GAA2BC,MAAyB;AACtE,QAAI1B,GAAc;AACd,MAAA9B,EAAM,WAAWuD,GAA2BC,CAAS;AACrD;AAAA,IACJ;AAEA,QAAIC,EAAyBzD,CAAK,GAAG;AACjC,MAAAA,EAAM,WAAWuD,GAA6BC,CAAS;AACvD;AAAA,IACJ;AAEA,IAAIE,GAAsB1D,CAAK,KAC3BA,EAAM,WAAWuD,GAAgCC,CAAS;AAAA,EAElE,GAEMG,IAAc,CAACJ,GAA2BC,IAAuB,CAAA,MAAO;AAC1E,IAAK3B,KACDK,GAAiBqB,CAAK,GAG1BjB,EAAciB,CAAK,GACnBD,GAAaC,GAAOC,CAAS;AAAA,EACjC,GAEMI,KAAa,MAAM;AACrB,IAAAD,EAAY,QAAW,EAAE;AAAA,EAC7B,GAEME,IAAgB,MAAM;AACxB,IAAApB,EAAA,GACAH,EAAcF,CAAc;AAAA,EAChC,GAEM0B,IAAkB,MAAM;AAC1B,IAAAH,EAAYtB,GAAY,EAAE,GAC1BI,EAAA;AAAA,EACJ,GAEMsB,KAAaC;AAAA,IACf,CAAAC,MAAS;AACL,UAAI,CAACtC;AACD;AAGJ,YAAMuC,IAASD,EAAM;AACrB,UAAI,CAACC,GAAQ;AACT,QAAAL,EAAA;AACA;AAAA,MACJ;AAEA,YAAMM,IAAuBxB,EAAU,SAAS,SAASuB,CAAM,GACzDE,IAAqBpB,EAAS,SAAS,SAASkB,CAAM;AAE5D,MAAIC,KAAwBC,KAI5BP,EAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACAtB;AAAA,EAAA;AAGJ,EAAA8B,GAAO,UAAU,CAAAJ,MAAS;AACtB,UAAMC,IAASD,EAAM;AACrB,QAAI,CAACC,KAAU,CAAC3B;AACZ;AAGJ,UAAM+B,IAAgBtB,EAAS,WAAWA,EAAS,YAAYkB,GACzDK,IAAkB,CAAC,CAAC5B,EAAU,SAAS,SAASuB,CAAM;AAE5D,KAAII,KAAiBC,MACjBV,EAAA;AAAA,EAER,CAAC;AAED,QAAM;AAAA,IACF,cAAAW;AAAA,IACA,iBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACAC,GAAuB;AAAA,IACvB,OAAA/E;AAAA,IACA,QAAAS;AAAA,IACA,YAAAG;AAAA,IACA,YAAAE;AAAA,IACA,QAAAD;AAAA,IACA,gBAAA0B;AAAA,IACA,cAAAT;AAAA,IACA,mBAAAF;AAAA,IACA,qBAAAD;AAAA,IACA,gBAAAS;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAqB;AAAA,IACA,YAAAC;AAAA,IACA,cAAcpB;AAAA,IACd,eAAAqB;AAAA,IACA,iBAAAC;AAAA,IACA,kBAAAZ;AAAA,EAAA,CACH,GAEK8B,IAAmB,MAAM;AAC3B,IAAAxC,EAAA,GACAQ,EAAS,SAAS,MAAA;AAAA,EACtB,GAEMiC,KAAiB,MAAM;AACzB,QAAI1C,GAAgB;AAChB,MAAAsB,EAAA;AACA;AAAA,IACJ;AAEA,IAAArB,EAAA;AAAA,EACJ,GAEMpC,IAAY8E,GAAgB;AAAA,IAC9B,OAAAlF;AAAA,IACA,OAAOoC;AAAA,IACP,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAOwB;AAAA,IACP,OAAOa;AAAA,IACP,OAAOd;AAAA,EAAA,CACV,GAEKsB,IAAiB/E,EAAU,UAC3BF,EAAWE,EAAU,SAAS;AAAA,IAC1B,GAAGA,EAAU;AAAA,IACb,IAAAE;AAAA,IACA,MAAAC;AAAA,IACA,cAAAiE;AAAA,IACA,QAAQjC;AAAA,IACR,MAAMC;AAAA,IACN,QAAQyC;AAAA,EAAA,CACX,IACD,MAEAG,KAAuB,CAAC7B,GAA2BC,MAAyB;AAC9E,QAAIA,EAAU,YAAYA,EAAU;AAChC;AAGJ,UAAM6B,IAAyBzD,MAAsB;AAErD,IAAIyD,IACA1B,EAAYJ,GAAOC,CAAS,IAE5BlB,EAAciB,CAAK;AAGvB,UAAM+B,IACF9E,MAAS,WAAY,CAAC,CAAE+C,GAAiC,QAAQ,CAAC,CAAEA,GAAiC;AAEzG,IAAIvB,MAAiBsD,MACZD,KACD1B,EAAYJ,GAAOC,CAAS,GAEhCf,EAAA;AAAA,EAER,GAEM8C,IAAc,CAAC,EAAExE,KAAgBC,IAEjCwE,KAAmB;AAAA,IACrB,GAAG1E;AAAA,IACH,MAAMP,KAAQO,GAAY;AAAA,IAC1B,cAAcA,GAAY,gBAAgB;AAAA,IAC1C,aAAaJ,KAAeI,GAAY;AAAA,EAAA,GAGtC2E,KAAqBrF,EAAU,cAAcF,EAAWE,EAAU,aAAaA,EAAU,WAAW,IAAI,MAExGsF,KAAsBtF,EAAU,eAChCF,EAAWE,EAAU,cAAcA,EAAU,WAAW,IACxD,MAEAuF,KAAgBvF,EAAU,SAASF,EAAWE,EAAU,QAAQA,EAAU,WAAW,IAAI,MAEzFwF,IAAepE,IAAYqE,GAAA,IAA0B,MAErDC,IACF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,qBAAA5C;AAAA,MACA,cAAAP;AAAA,MACA,kBAAAC;AAAA,MACA,yBAAyB9C,EAAM,kBAAkB,KAAK;AAAA,MACtD,mBAAAoB;AAAA,MACA,YAAA2C;AAAA,MACA,sBAAArB;AAAA,MACA,aAAa+C;AAAA,MACb,cAAcC;AAAA,MACd,QAAQC;AAAA,MACR,sBAAAtE;AAAA,MACA,uBAAAC;AAAA,MACA,iBAAAC;AAAA,MAEA,UAAA,gBAAAwE;AAAA,QAACE;AAAA,QAAA;AAAA,UACI,GAAGjG;AAAA,UACJ,MAAK;AAAA,UACL,OAAOqC;AAAA,UACP,UAAU+C;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAIR,SACI,gBAAAc,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWK;AAAA,UACP;AAAA,UACAb,KAAe;AAAA,UACfxE,KAAgB;AAAA,UAChBC,KAAkB;AAAA,UAClBG;AAAA,QAAA;AAAA,QAGH,cACG,gBAAA+E,EAAAC,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAJ,EAAC,OAAA,EAAI,KAAKpD,GAAW,WAAU,wBAC1B,UAAAwC,GACL;AAAA,UACCI,IACG,gBAAAQ,EAAC,QAAA,EAAK,WAAW,0BAA0B9E,CAAiB,IACxD,UAAA,gBAAA8E,EAAC,QAAA,EAAM,UAAAhF,KAAgBC,EAAA,CAAe,EAAA,CAC1C,IACA;AAAA,QAAA,EAAA,CACR,IAEA,gBAAA+E;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAA/F;AAAA,YACA,YAAYqC;AAAA,YACZ,UAAAK;AAAA,YACA,cAAAwB;AAAA,YACA,UAAA7D;AAAA,YACA,cAAAmB;AAAA,YACA,aAAAJ;AAAA,YACA,gBAAAoD;AAAA,YACA,kBAAAU;AAAA,YACA,gBAAAtE;AAAA,YACA,cAAAH;AAAA,YACA,gBAAAC;AAAA,YACA,mBAAAC;AAAA,YACA,UAAUyD;AAAA,YACV,cAAcM;AAAA,YACd,SAAS,CAAAf,MAAS;AACd,cAAAnD,GAAY,UAAUmD,CAAK,GAC3Be,EAAA;AAAA,YACJ;AAAA,YACA,SAASJ;AAAA,YACT,QAAQH;AAAA,YACR,WAAWI;AAAA,YACX,SAASF;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,IAGPpC,KAAkBf,KAAaoE,KAAgBU,GAAS,aAAaR,GAAiBF,CAAY;AAAA,IAClGrD,KAAkB,CAACf,KAAasE;AAAA,EAAA,GACrC;AAER,GAEMZ,KAAkB,CAAC;AAAA,EACrB,OAAAlF;AAAA,EACA,OAAAuD;AAAA,EACA,YAAAlB;AAAA,EACA,eAAAC;AAAA,EACA,OAAAiE;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AACJ,MASQ1E,EAAuB/B,CAAK,IACrB;AAAA,EACH,SAASA,EAAM;AAAA,EACf,aAAaA,EAAM;AAAA,EACnB,cAAcA,EAAM;AAAA,EACpB,QAAQA,EAAM;AAAA,EACd,aAAa;AAAA,IACT,OAAAuD;AAAA,IACA,YAAAlB;AAAA,IACA,eAAAC;AAAA,IACA,OAAAiE;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAMzG,EAAM,QAAQ;AAAA,IACpB,QAAQA,EAAM,UAAU;AAAA,EAAA;AAC5B,IAIJyD,EAAyBzD,CAAK,IACvB;AAAA,EACH,SAASA,EAAM;AAAA,EACf,aAAaA,EAAM;AAAA,EACnB,cAAcA,EAAM;AAAA,EACpB,QAAQA,EAAM;AAAA,EACd,aAAa;AAAA,IACT,OAAAuD;AAAA,IACA,YAAAlB;AAAA,IACA,eAAAC;AAAA,IACA,OAAAiE;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAMzG,EAAM;AAAA,IACZ,QAAQA,EAAM,UAAU;AAAA,EAAA;AAC5B,IAID;AAAA,EACH,SAASA,EAAM;AAAA,EACf,aAAaA,EAAM;AAAA,EACnB,cAAcA,EAAM;AAAA,EACpB,QAAQA,EAAM;AAAA,EACd,aAAa;AAAA,IACT,OAAAuD;AAAA,IACA,YAAAlB;AAAA,IACA,eAAAC;AAAA,IACA,OAAAiE;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAMzG,EAAM;AAAA,IACZ,QAAQA,EAAM,UAAU;AAAA,EAAA;AAC5B;"}

package/components/datepicker/DayPickerDropdown.d.ts

@@ -6,6 +6,7 @@ type DayPickerDropdownProps = {
     enableStackedCalendars?: boolean;
     dropdownClassName?: string;
     outsideRef: MutableRefObject<HTMLDivElement | null>;
+    updatePopperPosition?: () => void;
     leftSidebar?: ReactNode;
     rightSidebar?: ReactNode;
     footer?: ReactNode;

package/components/datepicker/DayPickerDropdown.js

@@ -1,67 +1,80 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import o from "../../utils/classNames.js";
-import C from "./DayPickerDropdownFooter.js";
-import p from "./DayPickerDropdownSidebar.js";
-import P from "./useStackedDayPickerCalendars.js";
-const I = (f) => {
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useEffect as C } from "react";
+import s from "../../utils/classNames.js";
+import v from "./DayPickerDropdownFooter.js";
+import u from "./DayPickerDropdownSidebar.js";
+import S from "./useStackedDayPickerCalendars.js";
+const z = (b) => {
   const {
-    assignPopperElement: u,
-    popperStyles: b,
-    popperAttributes: D,
-    enableStackedCalendars: s = !1,
-    dropdownClassName: h,
-    outsideRef: x,
+    assignPopperElement: x,
+    popperStyles: w,
+    popperAttributes: h,
+    enableStackedCalendars: r = !1,
+    dropdownClassName: y,
+    outsideRef: D,
+    updatePopperPosition: l,
     leftSidebar: a,
-    rightSidebar: r,
-    footer: l,
-    leftSidebarClassName: y,
-    rightSidebarClassName: k,
-    footerClassName: w,
-    children: i
-  } = f, { calendarsRef: N, stackCalendars: g } = P([i, a, r]), n = (d) => {
-    const c = d.target;
-    if (!c)
+    rightSidebar: t,
+    footer: d,
+    leftSidebarClassName: k,
+    rightSidebarClassName: N,
+    footerClassName: P,
+    children: c
+  } = b, { calendarsRef: g, stackCalendars: m } = S([c, a, t]);
+  C(() => {
+    if (!r || !l)
       return;
-    const t = c.closest(
+    const o = window.requestAnimationFrame(() => {
+      l();
+    });
+    return () => window.cancelAnimationFrame(o);
+  }, [r, m, l]);
+  const p = (o) => {
+    const f = o.target;
+    if (!f)
+      return;
+    const i = f.closest(
       'input:not([type="button"]):not([type="submit"]):not([type="reset"]), select, textarea, [contenteditable="true"], [role="combobox"], [role="textbox"]'
     );
-    t && !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true" || d.preventDefault();
+    i && !i.hasAttribute("disabled") && i.getAttribute("aria-disabled") !== "true" || o.preventDefault();
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: u,
-      style: b,
-      className: o(
+      ref: x,
+      style: w,
+      className: s(
         "DayPickerDropdown z-index-max bg-white shadow-default rounded margin-y-3 border",
-        h
+        y
       ),
-      ...D,
+      ...h,
       role: "dialog",
       "aria-label": "DayPicker calendar",
       children: /* @__PURE__ */ e(
         "div",
         {
-          ref: x,
+          ref: D,
           className: "display-flex flex-column",
-          onPointerDownCapture: n,
-          onMouseDownCapture: n,
-          children: /* @__PURE__ */ m("div", { className: o((a || r) && "display-flex flex-column-xs flex-row-sm"), children: [
-            a && /* @__PURE__ */ e(p, { className: y, children: a }),
-            /* @__PURE__ */ m("div", { children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  ref: s ? N : null,
-                  className: o(
-                    "DayPickerDropdown-calendars",
-                    s && g && "stacked-calendars"
-                  ),
-                  children: i
-                }
-              ),
-              r && /* @__PURE__ */ e(p, { side: "right", className: k, children: r }),
-              l && /* @__PURE__ */ e(C, { className: w, children: l })
+          onPointerDownCapture: p,
+          onMouseDownCapture: p,
+          children: /* @__PURE__ */ n("div", { className: s(a && "display-flex flex-column-xs flex-row-sm"), children: [
+            a && /* @__PURE__ */ e(u, { className: k, children: a }),
+            /* @__PURE__ */ n("div", { children: [
+              /* @__PURE__ */ n("div", { className: s(t && "display-flex flex-column-xs flex-row-sm"), children: [
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    ref: r ? g : null,
+                    className: s(
+                      "DayPickerDropdown-calendars",
+                      r && m && "stacked-calendars"
+                    ),
+                    children: c
+                  }
+                ),
+                t && /* @__PURE__ */ e(u, { side: "right", className: N, children: t })
+              ] }),
+              d && /* @__PURE__ */ e(v, { className: P, children: d })
             ] })
           ] })
         }
@@ -70,6 +83,6 @@ const I = (f) => {
   );
 };
 export {
-  I as default
+  z as default
 };
 //# sourceMappingURL=DayPickerDropdown.js.map

package/components/datepicker/DayPickerDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPickerDropdown.js","sources":["../../../src/components/datepicker/DayPickerDropdown.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, MouseEvent, MutableRefObject, PointerEvent, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nimport DayPickerDropdownFooter from './DayPickerDropdownFooter';\nimport DayPickerDropdownSidebar from './DayPickerDropdownSidebar';\nimport useStackedDayPickerCalendars from './useStackedDayPickerCalendars';\n\ntype DayPickerDropdownProps = {\n    assignPopperElement: (element: HTMLDivElement | null) => void;\n    popperStyles: CSSProperties;\n    popperAttributes: HTMLAttributes<HTMLDivElement>;\n    enableStackedCalendars?: boolean;\n    dropdownClassName?: string;\n    outsideRef: MutableRefObject<HTMLDivElement | null>;\n    leftSidebar?: ReactNode;\n    rightSidebar?: ReactNode;\n    footer?: ReactNode;\n    leftSidebarClassName?: string;\n    rightSidebarClassName?: string;\n    footerClassName?: string;\n    children: ReactNode;\n};\n\nconst DayPickerDropdown = (props: DayPickerDropdownProps) => {\n    const {\n        assignPopperElement,\n        popperStyles,\n        popperAttributes,\n        enableStackedCalendars = false,\n        dropdownClassName,\n        outsideRef,\n        leftSidebar,\n        rightSidebar,\n        footer,\n        leftSidebarClassName,\n        rightSidebarClassName,\n        footerClassName,\n        children,\n    } = props;\n\n    const { calendarsRef, stackCalendars } = useStackedDayPickerCalendars([children, leftSidebar, rightSidebar]);\n\n    const handlePointerDownCapture = (event: PointerEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement | null;\n        if (!target) {\n            return;\n        }\n\n        const focusableFieldElement = target.closest<HTMLElement>(\n            'input:not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]), select, textarea, [contenteditable=\"true\"], [role=\"combobox\"], [role=\"textbox\"]'\n        );\n        const clickedInteractiveElement =\n            !!focusableFieldElement &&\n            !focusableFieldElement.hasAttribute('disabled') &&\n            focusableFieldElement.getAttribute('aria-disabled') !== 'true';\n\n        if (!clickedInteractiveElement) {\n            event.preventDefault();\n        }\n    };\n\n    return (\n        <div\n            ref={assignPopperElement}\n            style={popperStyles}\n            className={classNames(\n                'DayPickerDropdown z-index-max bg-white shadow-default rounded margin-y-3 border',\n                dropdownClassName\n            )}\n            {...popperAttributes}\n            role='dialog'\n            aria-label='DayPicker calendar'\n        >\n            <div\n                ref={outsideRef}\n                className='display-flex flex-column'\n                onPointerDownCapture={handlePointerDownCapture}\n                onMouseDownCapture={handlePointerDownCapture}\n            >\n                {/* flex-column on mobile */}\n                <div className={classNames((leftSidebar || rightSidebar) && 'display-flex flex-column-xs flex-row-sm')}>\n                    {leftSidebar && (\n                        <DayPickerDropdownSidebar className={leftSidebarClassName}>\n                            {leftSidebar}\n                        </DayPickerDropdownSidebar>\n                    )}\n                    <div>\n                        <div\n                            ref={enableStackedCalendars ? calendarsRef : null}\n                            className={classNames(\n                                'DayPickerDropdown-calendars',\n                                enableStackedCalendars && stackCalendars && 'stacked-calendars'\n                            )}\n                        >\n                            {children}\n                        </div>\n                        {rightSidebar && (\n                            <DayPickerDropdownSidebar side='right' className={rightSidebarClassName}>\n                                {rightSidebar}\n                            </DayPickerDropdownSidebar>\n                        )}\n                        {footer && (\n                            <DayPickerDropdownFooter className={footerClassName}>{footer}</DayPickerDropdownFooter>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DayPickerDropdown;\n"],"names":["DayPickerDropdown","props","assignPopperElement","popperStyles","popperAttributes","enableStackedCalendars","dropdownClassName","outsideRef","leftSidebar","rightSidebar","footer","leftSidebarClassName","rightSidebarClassName","footerClassName","children","calendarsRef","stackCalendars","useStackedDayPickerCalendars","handlePointerDownCapture","event","target","focusableFieldElement","jsx","classNames","DayPickerDropdownSidebar","DayPickerDropdownFooter"],"mappings":";;;;;AAwBA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM;AAAA,IACF,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,wBAAAC,IAAyB;AAAA,IACzB,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAb,GAEE,EAAE,cAAAc,GAAc,gBAAAC,MAAmBC,EAA6B,CAACH,GAAUN,GAAaC,CAAY,CAAC,GAErGS,IAA2B,CAACC,MAAqE;AACnG,UAAMC,IAASD,EAAM;AACrB,QAAI,CAACC;AACD;AAGJ,UAAMC,IAAwBD,EAAO;AAAA,MACjC;AAAA,IAAA;AAOJ,IAJMC,KACF,CAACA,EAAsB,aAAa,UAAU,KAC9CA,EAAsB,aAAa,eAAe,MAAM,UAGxDF,EAAM,eAAA;AAAA,EAEd;AAEA,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKpB;AAAA,MACL,OAAOC;AAAA,MACP,WAAWoB;AAAA,QACP;AAAA,QACAjB;AAAA,MAAA;AAAA,MAEH,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKf;AAAA,UACL,WAAU;AAAA,UACV,sBAAsBW;AAAA,UACtB,oBAAoBA;AAAA,UAGpB,4BAAC,OAAA,EAAI,WAAWK,GAAYf,KAAeC,MAAiB,yCAAyC,GAChG,UAAA;AAAA,YAAAD,KACG,gBAAAc,EAACE,GAAA,EAAyB,WAAWb,GAChC,UAAAH,GACL;AAAA,8BAEH,OAAA,EACG,UAAA;AAAA,cAAA,gBAAAc;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,KAAKjB,IAAyBU,IAAe;AAAA,kBAC7C,WAAWQ;AAAA,oBACP;AAAA,oBACAlB,KAA0BW,KAAkB;AAAA,kBAAA;AAAA,kBAG/C,UAAAF;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEJL,KACG,gBAAAa,EAACE,GAAA,EAAyB,MAAK,SAAQ,WAAWZ,GAC7C,UAAAH,GACL;AAAA,cAEHC,KACG,gBAAAY,EAACG,GAAA,EAAwB,WAAWZ,GAAkB,UAAAH,EAAA,CAAO;AAAA,YAAA,EAAA,CAErE;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"DayPickerDropdown.js","sources":["../../../src/components/datepicker/DayPickerDropdown.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport type { CSSProperties, HTMLAttributes, MouseEvent, MutableRefObject, PointerEvent, ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nimport DayPickerDropdownFooter from './DayPickerDropdownFooter';\nimport DayPickerDropdownSidebar from './DayPickerDropdownSidebar';\nimport useStackedDayPickerCalendars from './useStackedDayPickerCalendars';\n\ntype DayPickerDropdownProps = {\n    assignPopperElement: (element: HTMLDivElement | null) => void;\n    popperStyles: CSSProperties;\n    popperAttributes: HTMLAttributes<HTMLDivElement>;\n    enableStackedCalendars?: boolean;\n    dropdownClassName?: string;\n    outsideRef: MutableRefObject<HTMLDivElement | null>;\n    updatePopperPosition?: () => void;\n    leftSidebar?: ReactNode;\n    rightSidebar?: ReactNode;\n    footer?: ReactNode;\n    leftSidebarClassName?: string;\n    rightSidebarClassName?: string;\n    footerClassName?: string;\n    children: ReactNode;\n};\n\nconst DayPickerDropdown = (props: DayPickerDropdownProps) => {\n    const {\n        assignPopperElement,\n        popperStyles,\n        popperAttributes,\n        enableStackedCalendars = false,\n        dropdownClassName,\n        outsideRef,\n        updatePopperPosition,\n        leftSidebar,\n        rightSidebar,\n        footer,\n        leftSidebarClassName,\n        rightSidebarClassName,\n        footerClassName,\n        children,\n    } = props;\n\n    const { calendarsRef, stackCalendars } = useStackedDayPickerCalendars([children, leftSidebar, rightSidebar]);\n\n    useEffect(() => {\n        if (!enableStackedCalendars || !updatePopperPosition) {\n            return;\n        }\n\n        const frameId = window.requestAnimationFrame(() => {\n            updatePopperPosition();\n        });\n\n        return () => window.cancelAnimationFrame(frameId);\n    }, [enableStackedCalendars, stackCalendars, updatePopperPosition]);\n\n    const handlePointerDownCapture = (event: PointerEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        const target = event.target as HTMLElement | null;\n        if (!target) {\n            return;\n        }\n\n        const focusableFieldElement = target.closest<HTMLElement>(\n            'input:not([type=\"button\"]):not([type=\"submit\"]):not([type=\"reset\"]), select, textarea, [contenteditable=\"true\"], [role=\"combobox\"], [role=\"textbox\"]'\n        );\n        const clickedInteractiveElement =\n            !!focusableFieldElement &&\n            !focusableFieldElement.hasAttribute('disabled') &&\n            focusableFieldElement.getAttribute('aria-disabled') !== 'true';\n\n        if (!clickedInteractiveElement) {\n            event.preventDefault();\n        }\n    };\n\n    return (\n        <div\n            ref={assignPopperElement}\n            style={popperStyles}\n            className={classNames(\n                'DayPickerDropdown z-index-max bg-white shadow-default rounded margin-y-3 border',\n                dropdownClassName\n            )}\n            {...popperAttributes}\n            role='dialog'\n            aria-label='DayPicker calendar'\n        >\n            <div\n                ref={outsideRef}\n                className='display-flex flex-column'\n                onPointerDownCapture={handlePointerDownCapture}\n                onMouseDownCapture={handlePointerDownCapture}\n            >\n                {/* flex-column on mobile */}\n                <div className={classNames(leftSidebar && 'display-flex flex-column-xs flex-row-sm')}>\n                    {leftSidebar && (\n                        <DayPickerDropdownSidebar className={leftSidebarClassName}>\n                            {leftSidebar}\n                        </DayPickerDropdownSidebar>\n                    )}\n                    <div>\n                        <div className={classNames(rightSidebar && 'display-flex flex-column-xs flex-row-sm')}>\n                            <div\n                                ref={enableStackedCalendars ? calendarsRef : null}\n                                className={classNames(\n                                    'DayPickerDropdown-calendars',\n                                    enableStackedCalendars && stackCalendars && 'stacked-calendars'\n                                )}\n                            >\n                                {children}\n                            </div>\n                            {rightSidebar && (\n                                <DayPickerDropdownSidebar side='right' className={rightSidebarClassName}>\n                                    {rightSidebar}\n                                </DayPickerDropdownSidebar>\n                            )}\n                        </div>\n                        {footer && (\n                            <DayPickerDropdownFooter className={footerClassName}>{footer}</DayPickerDropdownFooter>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DayPickerDropdown;\n"],"names":["DayPickerDropdown","props","assignPopperElement","popperStyles","popperAttributes","enableStackedCalendars","dropdownClassName","outsideRef","updatePopperPosition","leftSidebar","rightSidebar","footer","leftSidebarClassName","rightSidebarClassName","footerClassName","children","calendarsRef","stackCalendars","useStackedDayPickerCalendars","useEffect","frameId","handlePointerDownCapture","event","target","focusableFieldElement","jsx","classNames","DayPickerDropdownSidebar","jsxs","DayPickerDropdownFooter"],"mappings":";;;;;;AA0BA,MAAMA,IAAoB,CAACC,MAAkC;AACzD,QAAM;AAAA,IACF,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,wBAAAC,IAAyB;AAAA,IACzB,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAd,GAEE,EAAE,cAAAe,GAAc,gBAAAC,MAAmBC,EAA6B,CAACH,GAAUN,GAAaC,CAAY,CAAC;AAE3G,EAAAS,EAAU,MAAM;AACZ,QAAI,CAACd,KAA0B,CAACG;AAC5B;AAGJ,UAAMY,IAAU,OAAO,sBAAsB,MAAM;AAC/C,MAAAZ,EAAA;AAAA,IACJ,CAAC;AAED,WAAO,MAAM,OAAO,qBAAqBY,CAAO;AAAA,EACpD,GAAG,CAACf,GAAwBY,GAAgBT,CAAoB,CAAC;AAEjE,QAAMa,IAA2B,CAACC,MAAqE;AACnG,UAAMC,IAASD,EAAM;AACrB,QAAI,CAACC;AACD;AAGJ,UAAMC,IAAwBD,EAAO;AAAA,MACjC;AAAA,IAAA;AAOJ,IAJMC,KACF,CAACA,EAAsB,aAAa,UAAU,KAC9CA,EAAsB,aAAa,eAAe,MAAM,UAGxDF,EAAM,eAAA;AAAA,EAEd;AAEA,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKvB;AAAA,MACL,OAAOC;AAAA,MACP,WAAWuB;AAAA,QACP;AAAA,QACApB;AAAA,MAAA;AAAA,MAEH,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA,gBAAAqB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKlB;AAAA,UACL,WAAU;AAAA,UACV,sBAAsBc;AAAA,UACtB,oBAAoBA;AAAA,UAGpB,4BAAC,OAAA,EAAI,WAAWK,EAAWjB,KAAe,yCAAyC,GAC9E,UAAA;AAAA,YAAAA,KACG,gBAAAgB,EAACE,GAAA,EAAyB,WAAWf,GAChC,UAAAH,GACL;AAAA,8BAEH,OAAA,EACG,UAAA;AAAA,cAAA,gBAAAmB,EAAC,OAAA,EAAI,WAAWF,EAAWhB,KAAgB,yCAAyC,GAChF,UAAA;AAAA,gBAAA,gBAAAe;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,KAAKpB,IAAyBW,IAAe;AAAA,oBAC7C,WAAWU;AAAA,sBACP;AAAA,sBACArB,KAA0BY,KAAkB;AAAA,oBAAA;AAAA,oBAG/C,UAAAF;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEJL,KACG,gBAAAe,EAACE,GAAA,EAAyB,MAAK,SAAQ,WAAWd,GAC7C,UAAAH,EAAA,CACL;AAAA,cAAA,GAER;AAAA,cACCC,KACG,gBAAAc,EAACI,GAAA,EAAwB,WAAWf,GAAkB,UAAAH,EAAA,CAAO;AAAA,YAAA,EAAA,CAErE;AAAA,UAAA,EAAA,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}