@rio-cloud/rio-uikit 2.3.0-beta.1 → 2.3.0-beta.3

package/components/datepicker/DayPickerPrototype.d.ts

@@ -0,0 +1,53 @@
+import { DateRange as ReactDayPickerDateRange, DayPickerProps as ReactDayPickerProps } from 'react-day-picker';
+export type DateRange = ReactDayPickerDateRange;
+export type Modifiers = Record<string, boolean>;
+export type OnSelectHandler<T> = (selected: T, triggerDate: Date, modifiers: Modifiers, event: React.MouseEvent | React.KeyboardEvent) => void;
+type CommonProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'value' | 'selected'> & {
+    id?: string;
+    locale?: string;
+    closeOnSelect?: boolean;
+    initialValue?: Date;
+    inputProps?: Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'defaultValue' | 'children'>;
+    /**
+     * Custom format string (e.g., 'yyyy-MM-dd') to override locale-based formatting.
+     * If omitted, locale-based display is used for the input.
+     */
+    dateFormat?: string;
+    alignRight?: boolean;
+    isClearable?: boolean;
+    minWidth?: number;
+    mandatory?: boolean;
+    bsSize?: 'sm' | 'md' | 'lg';
+    footer?: React.ReactNode;
+    inline?: boolean;
+    placeholder?: string | React.ReactElement;
+    inputClassName?: string;
+    className?: string;
+    showOutsideDays?: boolean;
+    fixedWeeks?: boolean;
+    defaultMonth?: Date;
+    startMonth?: Date;
+    endMonth?: Date;
+    modifiers?: ReactDayPickerProps['modifiers'];
+    modifiersStyles?: ReactDayPickerProps['modifiersStyles'];
+};
+type SingleModeProps = CommonProps & {
+    mode?: 'single';
+    selected?: Date;
+    onInputChange?: (rawValue: string, parsedDate: Date | undefined, isValid: boolean) => void;
+    onSelectChange?: (value: Date | undefined, modifiers: Modifiers) => void;
+};
+type MultipleModeProps = CommonProps & {
+    mode: 'multiple';
+    selected?: Date[];
+    onSelectChange?: (value: Date[] | undefined, modifiers: Modifiers) => void;
+};
+type RangeModeProps = CommonProps & {
+    mode: 'range';
+    selected?: DateRange;
+    onChange?: (value: DateRange | undefined) => void;
+    onSelectChange?: (value: DateRange | undefined, modifiers: Modifiers) => void;
+};
+type DayPickerProps = SingleModeProps | MultipleModeProps | RangeModeProps;
+declare const DayPickerPrototype: (props: DayPickerProps) => import("react/jsx-runtime").JSX.Element;
+export default DayPickerPrototype;

package/components/datepicker/DayPickerPrototype.js

@@ -0,0 +1,285 @@
+import { jsxs as N, jsx as i, Fragment as Pe } from "react/jsx-runtime";
+import { useState as ee, useEffect as ne, useRef as R } from "react";
+import { DayPicker as F } from "react-day-picker";
+import { format as te, parse as ke, isValid as oe } from "date-fns";
+import * as L from "date-fns/locale";
+import { debounce as Ne } from "es-toolkit/function";
+import Re from "../../hooks/useClickOutside.js";
+import we from "../../hooks/usePopperDropdown.js";
+import Ee from "../../hooks/useKey.js";
+import xe from "../clearableInput/ClearableInput.js";
+import Fe from "../../utils/classNames.js";
+const Le = (e) => !e.mode || e.mode === "single", Te = (e) => e.mode === "multiple", Be = (e) => e.mode === "range", Qe = (e) => {
+  const {
+    id: r,
+    selected: o,
+    inputProps: s = {},
+    alignRight: u,
+    bsSize: f = "",
+    locale: a = "en-GB",
+    footer: S,
+    inline: re,
+    showOutsideDays: ie = !0,
+    fixedWeeks: ae = !0,
+    mode: b = "single",
+    dateFormat: m,
+    placeholder: O,
+    isClearable: j = !1,
+    closeOnSelect: K = !0,
+    defaultMonth: se,
+    startMonth: ce,
+    endMonth: de,
+    modifiers: le,
+    modifiersStyles: ye,
+    inputClassName: V,
+    className: A
+  } = e, c = b === "single", G = b === "multiple", ue = b === "range", p = o !== void 0, [fe, D] = ee(), M = p ? o : fe, C = c ? M instanceof Date ? M : void 0 : G ? Array.isArray(M) ? M : void 0 : Oe(M) ? M : void 0, me = je(a), [$, I] = ee(""), z = p && !c ? Ke(C, a, b, m) : $;
+  ne(() => {
+    c && p && o instanceof Date && I(T(o, a, m));
+  }, [o, c, p, a, m]);
+  const v = (n, t) => {
+    if (Le(e) && e.onSelectChange) {
+      e.onSelectChange(n, t);
+      return;
+    }
+    if (Te(e) && e.onSelectChange) {
+      e.onSelectChange(n, t);
+      return;
+    }
+    Be(e) && e.onSelectChange && e.onSelectChange(n, t);
+  }, H = (n) => U(n), pe = (n) => U(n.currentTarget.value), ge = R(
+    Ne((n) => {
+      const t = B(n, a);
+      console.log(t);
+      const l = !!t;
+      if (D(t), c && "onInputChange" in e && e.onInputChange && e.onInputChange(n, t, l), t !== void 0 || n === "") {
+        const De = m ? B(n, a, m) : t;
+        v(De, {});
+      }
+    }, 300)
+  ).current, U = (n) => {
+    I(n), ge(n);
+  }, P = R(!1), W = (n) => {
+    const t = n.relatedTarget, l = t && X.current?.contains(t);
+    if (d && !l && h(), !c)
+      return;
+    const y = B($, a, m);
+    y && oe(y) && (D(y), v(y, {}), I(T(y, a, m)));
+  }, _ = () => {
+    d || J();
+  }, Z = (n) => {
+    if (n.key === "Tab" && (P.current = !0), n.key === "Enter") {
+      if (!d) {
+        k();
+        return;
+      }
+      d && K && (v(C, {}), h());
+    }
+  }, q = (n) => {
+    p || D(n);
+  }, Me = () => {
+    H(""), q(void 0), I(""), p && D(void 0), ue && "onChange" in e && e.onChange && e.onChange(void 0), v(void 0, {});
+  }, w = (n, t, l, y) => {
+    q(n), v(n, l), c && !p && I(T(n, a, m)), P.current && g?.current?.focus(), K && (h(), P.current = !1);
+  }, {
+    isOpen: d,
+    open: J,
+    close: h,
+    referenceRef: Q,
+    popperElementRef: he,
+    popperStyles: Ce,
+    popperAttributes: Ie
+  } = we({ placement: u ? "bottom-end" : "bottom-start" }), g = R(null), X = R(null), ve = (n) => {
+    X.current = n, he(n);
+  }, E = Re(
+    (n) => {
+      const t = n.target;
+      if (!t) {
+        h();
+        return;
+      }
+      const l = Q.current?.contains(t), y = g.current?.contains(t);
+      l || y || h();
+    },
+    void 0,
+    d
+  ), k = () => {
+    J(), g.current?.focus();
+  };
+  Ee("Escape", (n) => {
+    const t = n.target;
+    g.current && g.current === t && d && h();
+  }), ne(() => {
+    const n = (t) => {
+      !d || !E.current || t.key === "Tab" && E.current.contains(document.activeElement) && (P.current = !0, console.log("User tabbed into dropdown"));
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
+    };
+  }, [d]);
+  const Se = `DayPicker ${f === "sm" ? "margin-10" : "margin-15"} ${f}`, x = {
+    defaultMonth: se,
+    locale: me,
+    captionLayout: "dropdown",
+    animate: !0,
+    navLayout: "around",
+    startMonth: ce,
+    endMonth: de,
+    modifiers: le,
+    modifiersStyles: ye,
+    showOutsideDays: ie,
+    fixedWeeks: ae,
+    className: Se
+  }, Y = () => c ? /* @__PURE__ */ i(
+    F,
+    {
+      ...x,
+      mode: "single",
+      selected: C,
+      onSelect: w
+    }
+  ) : G ? /* @__PURE__ */ i(
+    F,
+    {
+      ...x,
+      mode: "multiple",
+      selected: C,
+      onSelect: w
+    }
+  ) : /* @__PURE__ */ i(
+    F,
+    {
+      ...x,
+      mode: "range",
+      selected: C,
+      onSelect: w
+    }
+  );
+  if (re)
+    return /* @__PURE__ */ N("div", { className: `display-flex flex-column justify-content-between ${A}`, children: [
+      Y(),
+      S ? /* @__PURE__ */ i("div", { className: "padding-15", children: S }) : /* @__PURE__ */ i("div", {})
+    ] });
+  const be = {
+    ...s,
+    readOnly: !c,
+    style: {
+      background: "var(--color-white)",
+      ...s?.style ?? {}
+    }
+  };
+  return /* @__PURE__ */ N(Pe, { children: [
+    /* @__PURE__ */ i("div", { ref: Q, className: `form-group ${A}`, children: /* @__PURE__ */ N("div", { className: "input-group", children: [
+      /* @__PURE__ */ i("span", { className: "input-group-addon", onClick: k, children: /* @__PURE__ */ i("span", { className: "rioglyph rioglyph-calendar", "aria-hidden": "true" }) }),
+      j && /* @__PURE__ */ i(
+        xe,
+        {
+          id: r,
+          autoComplete: "off",
+          placeholder: O,
+          ...be,
+          type: "text",
+          value: z,
+          onChange: H,
+          onClick: k,
+          onClear: Me,
+          onBlur: W,
+          onFocus: _,
+          onKeyPress: Z,
+          ref: g,
+          inputClassName: V
+        }
+      ),
+      !j && /* @__PURE__ */ i(
+        "input",
+        {
+          id: r,
+          size: 12,
+          type: "text",
+          autoComplete: "off",
+          placeholder: O,
+          ...s,
+          value: z,
+          onChange: pe,
+          onClick: k,
+          onBlur: W,
+          onFocus: _,
+          onKeyDown: Z,
+          ref: g,
+          readOnly: !c,
+          className: Fe("ClearableInput form-control bg-white", V)
+        }
+      )
+    ] }) }),
+    d && /* @__PURE__ */ i(
+      "div",
+      {
+        style: Ce,
+        className: "DayPickerPopover z-index-max bg-white shadow-default rounded margin-y-3 border",
+        ...Ie,
+        ref: ve,
+        role: "dialog",
+        "aria-label": "DayPicker calendar",
+        children: /* @__PURE__ */ N("div", { ref: E, className: "display-flex flex-column justify-content-between", children: [
+          Y(),
+          S ? /* @__PURE__ */ i("div", { className: "padding-15", children: S }) : /* @__PURE__ */ i("div", {})
+        ] })
+      }
+    )
+  ] });
+}, Oe = (e) => {
+  if (!e || typeof e != "object")
+    return !1;
+  const r = e, o = r.from instanceof Date, s = r.to === void 0 || r.to instanceof Date;
+  return o && s;
+}, je = (e) => {
+  const r = e.split("-")[0];
+  return L[r] || L[e] || L.enGB;
+}, T = (e, r, o) => e ? o ? te(e, o) : new Intl.DateTimeFormat(r).format(e) : "", Ke = (e, r, o, s) => {
+  if (!e)
+    return "";
+  const u = (f) => s ? te(f, s) : new Intl.DateTimeFormat(r).format(f);
+  if (o === "single" && e instanceof Date)
+    return u(e);
+  if (o === "multiple" && Array.isArray(e))
+    return e.map(u).join(", ");
+  if (o === "range" && typeof e == "object" && "from" in e) {
+    const { from: f, to: a } = e;
+    return !f || !a ? "" : [f, a].filter(Boolean).map(u).join(" – ");
+  }
+  return "";
+}, Ve = {
+  "bg-BG": "dd.MM.yyyy",
+  "cs-CZ": "dd.MM.yyyy",
+  "da-DK": "dd-MM-yyyy",
+  "de-DE": "dd.MM.yyyy",
+  "el-GR": "dd/MM/yyyy",
+  "en-GB": "dd/MM/yyyy",
+  "es-ES": "dd/MM/yyyy",
+  "et-EE": "dd.MM.yyyy",
+  "fi-FI": "dd.MM.yyyy",
+  "fr-FR": "dd/MM/yyyy",
+  "hr-HR": "dd.MM.yyyy",
+  "hu-HU": "yyyy. MM. dd.",
+  "it-IT": "dd/MM/yyyy",
+  "lt-LT": "dd-MM-yyyy",
+  "lv-LV": "dd.MM.yyyy",
+  "nb-NO": "dd.MM.yyyy",
+  "nl-NL": "dd-MM-yyyy",
+  "pl-PL": "dd.MM.yyyy",
+  "pt-BR": "dd/MM/yyyy",
+  "pt-PT": "dd/MM/yyyy",
+  "ro-RO": "dd.MM.yyyy",
+  "sk-SK": "dd.MM.yyyy",
+  "sl-SI": "dd.MM.yyyy",
+  "sv-SE": "yyyy-MM-dd"
+}, Ae = (e, r = "yyyy-MM-dd") => Ve[e] || r, B = (e, r, o) => {
+  if (!e)
+    return;
+  const s = o || Ae(r, o), u = ke(e, s, /* @__PURE__ */ new Date());
+  return oe(u) ? u : void 0;
+};
+export {
+  Qe as default
+};
+//# sourceMappingURL=DayPickerPrototype.js.map

package/components/datepicker/DayPickerPrototype.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayPickerPrototype.js","sources":["../../../src/components/datepicker/DayPickerPrototype.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport {\n    DayPicker as ReactDayPicker,\n    type DateRange as ReactDayPickerDateRange,\n    type DayPickerProps as ReactDayPickerProps,\n    type OnSelectHandler as ReactDayPickerOnSelectHandler,\n} from 'react-day-picker';\nimport { format, isValid, parse, type Locale } from 'date-fns';\nimport * as locales from 'date-fns/locale';\nimport { debounce } from 'es-toolkit/function';\n\nimport useClickOutside from '../../hooks/useClickOutside';\nimport usePopperDropdown from '../../hooks/usePopperDropdown';\nimport useKey from '../../hooks/useKey';\nimport ClearableInput from '../clearableInput/ClearableInput';\nimport classNames from '../../utils/classNames';\n\n// Features\n// [ ] input parsing and error handling\n// [-] time picker -> use a dedicated time picker input next to the day picker\n// [-] time range callback + validation\n// [ ] wrap all react-day-picker callbacks to avoid exposing internals and types\n// [x] start/end month\n// [ ] reserved days / unselectable days\n// [ ] disable editable input - use selected date only\n// [x] disallow editing input for mode: \"multi\" and \"range\" since input contains custom value\n// [ ] modifier and modifiersStyles\n// [x] closeOnSelect\n// [x] enter confirms the manual input and closes the dropdown\n// [x] esc closed the dropdown\n// [ ] support different sizes\n// [ ] mandatory value\n// [x] avoid opening dropdown again when clicking inside the input\n// [x] clear inputs\n// [ ] tab should select elements inside the dropdown, select should close but keep focus on input\n\nexport type DateRange = ReactDayPickerDateRange;\n\nexport type Modifiers = Record<string, boolean>;\n\nexport type OnSelectHandler<T> = (\n    selected: T,\n    triggerDate: Date,\n    modifiers: Modifiers,\n    event: React.MouseEvent | React.KeyboardEvent\n) => void;\n\n// - By default, don't show a time picker\n// - Handle given formats like \"2020-04-04\" or ISO dates \"2020-03-12T16:20:44.193Z\" as initialValue - really?\n\ntype CommonProps = Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'value' | 'selected'> & {\n    id?: string;\n    locale?: string;\n    closeOnSelect?: boolean;\n    initialValue?: Date;\n    inputProps?: Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'defaultValue' | 'children'>;\n\n    /**\n     * Custom format string (e.g., 'yyyy-MM-dd') to override locale-based formatting.\n     * If omitted, locale-based display is used for the input.\n     */\n    dateFormat?: string;\n\n    alignRight?: boolean;\n    isClearable?: boolean;\n    minWidth?: number;\n    mandatory?: boolean;\n    bsSize?: 'sm' | 'md' | 'lg';\n    footer?: React.ReactNode;\n    inline?: boolean;\n    placeholder?: string | React.ReactElement;\n\n    inputClassName?: string;\n    className?: string;\n\n    // react-day-picker props\n    showOutsideDays?: boolean;\n    fixedWeeks?: boolean;\n    defaultMonth?: Date;\n    startMonth?: Date;\n    endMonth?: Date;\n    modifiers?: ReactDayPickerProps['modifiers'];\n    modifiersStyles?: ReactDayPickerProps['modifiersStyles'];\n};\n\ntype SingleModeProps = CommonProps & {\n    mode?: 'single';\n    selected?: Date;\n    onInputChange?: (rawValue: string, parsedDate: Date | undefined, isValid: boolean) => void;\n    onSelectChange?: (value: Date | undefined, modifiers: Modifiers) => void;\n};\n\ntype MultipleModeProps = CommonProps & {\n    mode: 'multiple';\n    selected?: Date[];\n    onSelectChange?: (value: Date[] | undefined, modifiers: Modifiers) => void;\n};\n\ntype RangeModeProps = CommonProps & {\n    mode: 'range';\n    selected?: DateRange;\n    onChange?: (value: DateRange | undefined) => void;\n    onSelectChange?: (value: DateRange | undefined, modifiers: Modifiers) => void;\n};\n\ntype DayPickerProps = SingleModeProps | MultipleModeProps | RangeModeProps;\n\nconst isSingleProps = (props: DayPickerProps): props is SingleModeProps => !props.mode || props.mode === 'single';\nconst isMultipleProps = (props: DayPickerProps): props is MultipleModeProps => props.mode === 'multiple';\nconst isRangeProps = (props: DayPickerProps): props is RangeModeProps => props.mode === 'range';\n\nconst DayPickerPrototype = (props: DayPickerProps) => {\n    const {\n        id,\n        selected,\n        inputProps = {},\n        alignRight,\n        bsSize = '',\n        locale = 'en-GB',\n        footer,\n        inline,\n        showOutsideDays = true,\n        fixedWeeks = true,\n        mode = 'single',\n        dateFormat,\n        placeholder,\n        isClearable = false,\n        closeOnSelect = true,\n        defaultMonth,\n        startMonth,\n        endMonth,\n        modifiers,\n        modifiersStyles,\n        inputClassName,\n        className,\n    } = props;\n\n    const isSingleMode = mode === 'single';\n    const isMultipleMode = mode === 'multiple';\n    const isRangeMode = mode === 'range';\n\n    const isControlled = selected !== undefined;\n    const [internalSelected, setInternalSelected] = useState<typeof selected>();\n\n    const selectedValue = isControlled ? selected : internalSelected;\n\n    const narrowedSelected = (() => {\n        if (isSingleMode) {\n            return selectedValue instanceof Date ? selectedValue : undefined;\n        }\n        if (isMultipleMode) {\n            return Array.isArray(selectedValue) ? selectedValue : undefined;\n        }\n        return isDateRange(selectedValue) ? selectedValue : undefined;\n    })();\n\n    const resolvedLocale = resolveLocale(locale);\n\n    const [internalInputValue, setInternalInputValue] = useState<string>('');\n\n    const inputValue =\n        isControlled && !isSingleMode\n            ? formatSelectedForInput(narrowedSelected, locale, mode, dateFormat)\n            : internalInputValue;\n\n    // const inputValue = isSingleMode\n    //     ? internalInputValue\n    //     : formatSelectedForInput(narrowedSelected, locale, mode, dateFormat);\n\n    // const inputValue = internalInputValue;\n\n    // This ensures that whenever the external selected prop changes, the input field gets updated accordingly\n    useEffect(() => {\n        if (isSingleMode && isControlled && selected instanceof Date) {\n            setInternalInputValue(formatDate(selected, locale, dateFormat));\n        }\n    }, [selected, isSingleMode, isControlled, locale, dateFormat]);\n\n    const notifySelectChange = (value: typeof selected, modifiers: Modifiers) => {\n        if (isSingleProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as SingleModeProps['selected'], modifiers);\n            return;\n        }\n\n        if (isMultipleProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as MultipleModeProps['selected'], modifiers);\n            return;\n        }\n\n        if (isRangeProps(props) && props.onSelectChange) {\n            props.onSelectChange(value as RangeModeProps['selected'], modifiers);\n        }\n    };\n\n    const handleInputChange = (newValue: string) => doHandleInputValue(newValue);\n    const handleInputChangeNative = (event: React.ChangeEvent<HTMLInputElement>) =>\n        doHandleInputValue(event.currentTarget.value);\n\n    const debouncedParseInput = useRef(\n        debounce((rawValue: string) => {\n            const parsed = parseDateString(rawValue, locale);\n            console.log(parsed);\n            const isValid = !!parsed;\n\n            setInternalSelected(parsed as typeof props.selected);\n\n            if (isSingleMode && 'onInputChange' in props && props.onInputChange) {\n                props.onInputChange(rawValue, parsed, isValid);\n            }\n\n            const shouldNotify = parsed !== undefined || rawValue === '';\n            if (shouldNotify) {\n                // parse to desired dateFormat for use on outside\n                const formattedSelected = dateFormat ? parseDateString(rawValue, locale, dateFormat) : parsed;\n                notifySelectChange(formattedSelected as typeof selected, {});\n            }\n        }, 300)\n    ).current;\n\n    const doHandleInputValue = (rawValue: string) => {\n        // const parsed = parseDateString(rawValue, locale, dateFormat);\n\n        // const isValid = !!parsed;\n\n        // if (!isControlled) {\n        //     // && isValidDate(parsed); // TODO: optional second validation\n\n        //     setInternalInputValue(rawValue);\n        //     setInternalSelected(parsed as typeof props.selected);\n        // } else if (isSingleMode) {\n        //     setInternalInputValue(rawValue);\n        // }\n\n        // if (isSingleMode && 'onInputChange' in props && props.onInputChange) {\n        //     props.onInputChange(rawValue, parsed, isValid);\n        // }\n\n        // const shouldNotify = parsed !== undefined || rawValue === '';\n        // if (shouldNotify) {\n        //     onSelectChange(parsed as typeof selected, {});\n        // }\n\n        setInternalInputValue(rawValue); // always update input state\n        debouncedParseInput(rawValue); // defer parsing & callback execution\n    };\n\n    const keyboardRef = useRef(false);\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        // Do not close the dropdown on input blur when the user selects something inside the dropdown itself\n        const nextFocused = event.relatedTarget as Node | null;\n        const focusInsideDropdown = nextFocused && popperElementRef.current?.contains(nextFocused);\n        if (isDropdownOpen && !focusInsideDropdown) {\n            closePopper();\n        }\n\n        if (!isSingleMode) {\n            return;\n        }\n\n        const parsed = parseDateString(internalInputValue, locale, dateFormat);\n\n        if (parsed && isValid(parsed)) {\n            setInternalSelected(parsed as typeof selected);\n            notifySelectChange(parsed as typeof selected, {});\n            setInternalInputValue(formatDate(parsed, locale, dateFormat));\n        }\n    };\n\n    const handleOnInputFocus = () => {\n        if (!isDropdownOpen) {\n            openPopper();\n        }\n    };\n\n    const handleInputKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // Workaround to figure out if the user navigates via keyboard\n        if (event.key === 'Tab') {\n            keyboardRef.current = true;\n        }\n\n        if (event.key !== 'Enter') {\n            return;\n        }\n        // In case the dropdown is not open but the input is focused, open the dropdown on enter\n        if (!isDropdownOpen) {\n            handleInputClick();\n            return;\n        }\n        // In case the dropdown is open, the input is focused and the prop allows it, close the dropdown\n        if (isDropdownOpen && closeOnSelect) {\n            notifySelectChange(narrowedSelected as typeof selected, {});\n            closePopper();\n        }\n    };\n\n    const handleSelectedChange = (newValue: typeof selected) => {\n        if (!isControlled) {\n            setInternalSelected(newValue);\n        }\n    };\n\n    const handleClearSelection = () => {\n        handleInputChange('');\n        handleSelectedChange(undefined as typeof selected);\n        setInternalInputValue('');\n\n        if (isControlled) {\n            setInternalSelected(undefined);\n        }\n\n        if (isRangeMode && 'onChange' in props && props.onChange) {\n            props.onChange(undefined);\n        }\n\n        notifySelectChange(undefined as typeof selected, {});\n    };\n\n    const handleDaySelect: OnSelectHandler<typeof selected> = (selected, _triggerDate, modifiers, _event) => {\n        // safe because of discriminated union\n        handleSelectedChange(selected as typeof selected);\n\n        // trigger callback\n        notifySelectChange(selected, modifiers);\n\n        if (isSingleMode && !isControlled) {\n            // should be the only place formatting is applied to the input\n            setInternalInputValue(formatDate(selected as Date, locale, dateFormat));\n        }\n\n        if (keyboardRef.current) {\n            // Note: When the date is selected via enter key, assume the user uses keyboard navigation.\n            // In this case the input should be focused to allow to tab to another element in his form.\n            // However, it is not possible to detect according to the event since the event.type is alway \"click\".\n            // Instead we check if the user used the tab key to focus the day picker.\n            inputRef?.current?.focus();\n        }\n\n        if (closeOnSelect) {\n            closePopper();\n            keyboardRef.current = false;\n        }\n    };\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);\n    const popperElementRef = useRef<HTMLElement | null>(null);\n\n    const assignPopperElement = (element: HTMLElement | null) => {\n        popperElementRef.current = element;\n        setPopperElement(element);\n    };\n\n    // Close the dropdown when clicking outside the dropdown wrapper.\n    // It also checks if the click happened into the input, in which case the\n    // dropdown will remain open.\n    const outsideRef = useClickOutside(\n        event => {\n            const target = event.target as Node | null;\n            if (!target) {\n                closePopper();\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            closePopper();\n        },\n        undefined,\n        isDropdownOpen\n    );\n\n    const handleInputClick = () => {\n        openPopper();\n        inputRef.current?.focus();\n    };\n\n    // Needed to select all tabbable elements inside the dropdown calendar and to disable the\n    // focus on tab for all of these. This allows the user to tab between multiple inputs on the page\n    // or when having two day pickers side by side. Tabbing from one day picker input to the other will\n    // open and close the dropdown respectively and achieving the same usability as the old DatePicker.\n    // useEffect(() => {\n    //     if (isDropdownOpen && outsideRef.current) {\n    //         // get all buttons to disable the tab on them\n    //         const tabbableElements = (outsideRef.current as HTMLElement).querySelectorAll<HTMLElement>(\n    //             'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n    //         );\n\n    //         tabbableElements.forEach((element: Element) => {\n    //             element.setAttribute('tabindex', '-1');\n    //         });\n    //     }\n    // }, [isDropdownOpen, outsideRef]);\n\n    // Close the dropdown when it is open and when the user presses the \"escape\" key\n    useKey('Escape', event => {\n        const target = event.target;\n        const isInput = inputRef.current && inputRef.current === target;\n\n        if (isInput && isDropdownOpen) {\n            closePopper();\n        }\n    });\n\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (!isDropdownOpen || !outsideRef.current) {\n                return;\n            }\n\n            if (event.key === 'Tab') {\n                const focusedInside = outsideRef.current.contains(document.activeElement);\n                if (focusedInside) {\n                    keyboardRef.current = true;\n                    console.log('User tabbed into dropdown');\n                    // Optional: closePopper(); or focus inputRef.current\n                }\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [isDropdownOpen]);\n\n    const dayPickerClassName = `DayPicker ${bsSize === 'sm' ? 'margin-10' : 'margin-15'} ${bsSize}`;\n    const dayPickerBaseProps = {\n        defaultMonth,\n        locale: resolvedLocale,\n        captionLayout: 'dropdown' as const,\n        animate: true,\n        navLayout: 'around' as const,\n        startMonth,\n        endMonth,\n        modifiers,\n        modifiersStyles,\n        showOutsideDays,\n        fixedWeeks,\n        className: dayPickerClassName,\n    };\n\n    const renderDayPicker = () => {\n        if (isSingleMode) {\n            return (\n                <ReactDayPicker\n                    {...dayPickerBaseProps}\n                    mode='single'\n                    selected={narrowedSelected as Date | undefined}\n                    onSelect={handleDaySelect as ReactDayPickerOnSelectHandler<Date | undefined>}\n                />\n            );\n        }\n\n        if (isMultipleMode) {\n            return (\n                <ReactDayPicker\n                    {...dayPickerBaseProps}\n                    mode='multiple'\n                    selected={narrowedSelected as Date[] | undefined}\n                    onSelect={handleDaySelect as ReactDayPickerOnSelectHandler<Date[] | undefined>}\n                />\n            );\n        }\n\n        return (\n            <ReactDayPicker\n                {...dayPickerBaseProps}\n                mode='range'\n                selected={narrowedSelected as DateRange | undefined}\n                onSelect={handleDaySelect as ReactDayPickerOnSelectHandler<DateRange | undefined>}\n            />\n        );\n    };\n\n    if (inline) {\n        // Render day picker inline without a dropdown and an input\n        return (\n            <div className={`display-flex flex-column justify-content-between ${className}`}>\n                {renderDayPicker()}\n                {footer ? <div className='padding-15'>{footer}</div> : <div />}\n            </div>\n        );\n    }\n\n    const clearableInputProps = {\n        ...inputProps,\n        readOnly: !isSingleMode,\n        style: {\n            background: 'var(--color-white)',\n            ...(inputProps?.style ?? {}),\n        },\n    };\n\n    return (\n        <>\n            <div ref={popperRef} className={`form-group ${className}`}>\n                <div className='input-group'>\n                    <span className='input-group-addon' onClick={handleInputClick}>\n                        <span className='rioglyph rioglyph-calendar' aria-hidden='true' />\n                    </span>\n                    {isClearable && (\n                        <ClearableInput\n                            id={id}\n                            autoComplete='off'\n                            placeholder={placeholder}\n                            {...clearableInputProps}\n                            type='text'\n                            value={inputValue}\n                            onChange={handleInputChange}\n                            onClick={handleInputClick}\n                            onClear={handleClearSelection}\n                            onBlur={handleInputBlur}\n                            onFocus={handleOnInputFocus}\n                            onKeyPress={handleInputKeyPress}\n                            // hasError={hasError}\n                            ref={inputRef}\n                            inputClassName={inputClassName}\n                        />\n                    )}\n                    {!isClearable && (\n                        <input\n                            id={id}\n                            size={12}\n                            type='text'\n                            autoComplete='off'\n                            placeholder={placeholder}\n                            {...inputProps}\n                            value={inputValue}\n                            onChange={handleInputChangeNative}\n                            onClick={handleInputClick}\n                            onBlur={handleInputBlur}\n                            onFocus={handleOnInputFocus}\n                            onKeyDown={handleInputKeyPress}\n                            ref={inputRef}\n                            readOnly={!isSingleMode}\n                            className={classNames('ClearableInput form-control bg-white', inputClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n            {isDropdownOpen && (\n                <div\n                    style={popperStyles}\n                    className='DayPickerPopover z-index-max bg-white shadow-default rounded margin-y-3 border'\n                    {...popperAttributes}\n                    ref={assignPopperElement}\n                    role='dialog'\n                    aria-label='DayPicker calendar'\n                >\n                    <div ref={outsideRef} className='display-flex flex-column justify-content-between'>\n                        {renderDayPicker()}\n                        {footer ? <div className='padding-15'>{footer}</div> : <div />}\n                    </div>\n                </div>\n            )}\n        </>\n    );\n};\n\nconst isDateRange = (value: unknown): value is DateRange => {\n    if (!value || typeof value !== 'object') {\n        return false;\n    }\n\n    const range = value as Partial<DateRange>;\n\n    const fromIsValid = range.from instanceof Date;\n    const toIsValid = range.to === undefined || range.to instanceof Date;\n\n    return fromIsValid && toIsValid;\n};\n\nconst resolveLocale = (localeCode: string): Locale => {\n    const baseCode = localeCode.split('-')[0]; // 'de-DE' → 'de'\n    return (\n        (locales as Record<string, Locale>)[baseCode] || (locales as Record<string, Locale>)[localeCode] || locales.enGB\n    );\n};\n\nconst formatDate = (date: Date | undefined, localeCode: string, dateFormat?: string): string => {\n    if (!date) {\n        return '';\n    }\n\n    if (dateFormat) {\n        return format(date, dateFormat); // use override\n    }\n\n    // fallback to locale-based formatting\n    return new Intl.DateTimeFormat(localeCode).format(date);\n};\n\nconst formatSelectedForInput = (\n    selected: unknown,\n    localeCode: string,\n    mode: 'single' | 'multiple' | 'range',\n    dateFormat?: string\n): string => {\n    if (!selected) {\n        return '';\n    }\n\n    const formatFn = (date: Date) =>\n        dateFormat ? format(date, dateFormat) : new Intl.DateTimeFormat(localeCode).format(date);\n\n    if (mode === 'single' && selected instanceof Date) {\n        return formatFn(selected);\n    }\n\n    if (mode === 'multiple' && Array.isArray(selected)) {\n        return selected.map(formatFn).join(', ');\n    }\n\n    if (mode === 'range' && typeof selected === 'object' && 'from' in selected) {\n        const { from, to } = selected as { from?: Date; to?: Date };\n        if (!from || !to) {\n            return '';\n        }\n        return [from, to].filter(Boolean).map(formatFn).join(' – ');\n    }\n\n    return '';\n};\n\nconst localeFormatMap: Record<string, string> = {\n    'bg-BG': 'dd.MM.yyyy',\n    'cs-CZ': 'dd.MM.yyyy',\n    'da-DK': 'dd-MM-yyyy',\n    'de-DE': 'dd.MM.yyyy',\n    'el-GR': 'dd/MM/yyyy',\n    'en-GB': 'dd/MM/yyyy',\n    'es-ES': 'dd/MM/yyyy',\n    'et-EE': 'dd.MM.yyyy',\n    'fi-FI': 'dd.MM.yyyy',\n    'fr-FR': 'dd/MM/yyyy',\n    'hr-HR': 'dd.MM.yyyy',\n    'hu-HU': 'yyyy. MM. dd.',\n    'it-IT': 'dd/MM/yyyy',\n    'lt-LT': 'dd-MM-yyyy',\n    'lv-LV': 'dd.MM.yyyy',\n    'nb-NO': 'dd.MM.yyyy',\n    'nl-NL': 'dd-MM-yyyy',\n    'pl-PL': 'dd.MM.yyyy',\n    'pt-BR': 'dd/MM/yyyy',\n    'pt-PT': 'dd/MM/yyyy',\n    'ro-RO': 'dd.MM.yyyy',\n    'sk-SK': 'dd.MM.yyyy',\n    'sl-SI': 'dd.MM.yyyy',\n    'sv-SE': 'yyyy-MM-dd',\n};\n\nconst getFormatForLocale = (localeCode: string, fallback = 'yyyy-MM-dd'): string =>\n    localeFormatMap[localeCode] || fallback;\n\nconst parseDateString = (value: string | undefined, localeCode: string, dateFormat?: string): Date | undefined => {\n    if (!value) {\n        return;\n    }\n\n    const formatToUse = dateFormat || getFormatForLocale(localeCode, dateFormat);\n    const parsed = parse(value, formatToUse, new Date());\n\n    return isValid(parsed) ? parsed : undefined;\n};\n\nexport default DayPickerPrototype;\n"],"names":["isSingleProps","props","isMultipleProps","isRangeProps","DayPickerPrototype","id","selected","inputProps","alignRight","bsSize","locale","footer","inline","showOutsideDays","fixedWeeks","mode","dateFormat","placeholder","isClearable","closeOnSelect","defaultMonth","startMonth","endMonth","modifiers","modifiersStyles","inputClassName","className","isSingleMode","isMultipleMode","isRangeMode","isControlled","internalSelected","setInternalSelected","useState","selectedValue","narrowedSelected","isDateRange","resolvedLocale","resolveLocale","internalInputValue","setInternalInputValue","inputValue","formatSelectedForInput","useEffect","formatDate","notifySelectChange","value","handleInputChange","newValue","doHandleInputValue","handleInputChangeNative","event","debouncedParseInput","useRef","debounce","rawValue","parsed","parseDateString","isValid","formattedSelected","keyboardRef","handleInputBlur","nextFocused","focusInsideDropdown","popperElementRef","isDropdownOpen","closePopper","handleOnInputFocus","openPopper","handleInputKeyPress","handleInputClick","handleSelectedChange","handleClearSelection","handleDaySelect","_triggerDate","_event","inputRef","popperRef","setPopperElement","popperStyles","popperAttributes","usePopperDropdown","assignPopperElement","element","outsideRef","useClickOutside","target","clickedWithinTrigger","clickedWithinInput","useKey","handleKeyDown","dayPickerClassName","dayPickerBaseProps","renderDayPicker","jsx","ReactDayPicker","jsxs","clearableInputProps","Fragment","ClearableInput","classNames","range","fromIsValid","toIsValid","localeCode","baseCode","locales","date","format","formatFn","from","to","localeFormatMap","getFormatForLocale","fallback","formatToUse","parse"],"mappings":"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"}

package/components/datepicker/dayPickerRangeSelectionUtils.d.ts

@@ -0,0 +1,15 @@
+import { Locale } from 'date-fns';
+import { DateRange, DayPickerRangeSelectionVariant } from './dayPickerTypes';
+export declare const createCustomRangeModifiers: (value: DateRange | undefined) => {
+    selected: import('react-day-picker').DateRange | undefined;
+    range_start: Date | undefined;
+    range_end: Date | undefined;
+    range_middle: import('react-day-picker').DateRange | undefined;
+};
+export declare const getCustomRangeValue: ({ day, selectionVariant, rollingDays, locale, currentValue, }: {
+    day: Date;
+    selectionVariant: Exclude<DayPickerRangeSelectionVariant, "default">;
+    rollingDays: number;
+    locale: Locale;
+    currentValue: DateRange | undefined;
+}) => DateRange | undefined;

package/components/datepicker/dayPickerRangeSelectionUtils.js

@@ -0,0 +1,31 @@
+import { endOfWeek as f, startOfWeek as s, endOfMonth as g, startOfMonth as i, addDays as u } from "date-fns";
+const O = (e) => ({
+  selected: e,
+  range_start: e?.from,
+  range_end: e?.to,
+  range_middle: e
+}), R = ({
+  day: e,
+  selectionVariant: t,
+  rollingDays: r,
+  locale: o,
+  currentValue: m
+}) => {
+  const n = a(e, t, r, o);
+  if (!c(m, n))
+    return n;
+}, a = (e, t, r, o) => t === "week" ? {
+  from: s(e, { locale: o }),
+  to: f(e, { locale: o })
+} : t === "month" ? {
+  from: i(e),
+  to: g(e)
+} : {
+  from: e,
+  to: u(e, r - 1)
+}, c = (e, t) => e?.from?.getTime() === t?.from?.getTime() && e?.to?.getTime() === t?.to?.getTime();
+export {
+  O as createCustomRangeModifiers,
+  R as getCustomRangeValue
+};
+//# sourceMappingURL=dayPickerRangeSelectionUtils.js.map

package/components/datepicker/dayPickerRangeSelectionUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dayPickerRangeSelectionUtils.js","sources":["../../../src/components/datepicker/dayPickerRangeSelectionUtils.ts"],"sourcesContent":["import { addDays, endOfMonth, endOfWeek, startOfMonth, startOfWeek } from 'date-fns';\nimport type { Locale } from 'date-fns';\n\nimport type { DateRange, DayPickerRangeSelectionVariant } from './dayPickerTypes';\n\nexport const createCustomRangeModifiers = (value: DateRange | undefined) => ({\n    selected: value,\n    range_start: value?.from,\n    range_end: value?.to,\n    range_middle: value,\n});\n\nexport const getCustomRangeValue = ({\n    day,\n    selectionVariant,\n    rollingDays,\n    locale,\n    currentValue,\n}: {\n    day: Date;\n    selectionVariant: Exclude<DayPickerRangeSelectionVariant, 'default'>;\n    rollingDays: number;\n    locale: Locale;\n    currentValue: DateRange | undefined;\n}): DateRange | undefined => {\n    const nextValue = toCustomRange(day, selectionVariant, rollingDays, locale);\n\n    if (isSameRange(currentValue, nextValue)) {\n        return;\n    }\n\n    return nextValue;\n};\n\nconst toCustomRange = (\n    day: Date,\n    selectionVariant: Exclude<DayPickerRangeSelectionVariant, 'default'>,\n    rollingDays: number,\n    locale: Locale\n): DateRange => {\n    if (selectionVariant === 'week') {\n        return {\n            from: startOfWeek(day, { locale }),\n            to: endOfWeek(day, { locale }),\n        };\n    }\n\n    if (selectionVariant === 'month') {\n        return {\n            from: startOfMonth(day),\n            to: endOfMonth(day),\n        };\n    }\n\n    return {\n        from: day,\n        to: addDays(day, rollingDays - 1),\n    };\n};\n\nconst isSameRange = (left: DateRange | undefined, right: DateRange | undefined) =>\n    left?.from?.getTime() === right?.from?.getTime() && left?.to?.getTime() === right?.to?.getTime();\n"],"names":["createCustomRangeModifiers","value","getCustomRangeValue","day","selectionVariant","rollingDays","locale","currentValue","nextValue","toCustomRange","isSameRange","startOfWeek","endOfWeek","startOfMonth","endOfMonth","addDays","left","right"],"mappings":";AAKO,MAAMA,IAA6B,CAACC,OAAkC;AAAA,EACzE,UAAUA;AAAA,EACV,aAAaA,GAAO;AAAA,EACpB,WAAWA,GAAO;AAAA,EAClB,cAAcA;AAClB,IAEaC,IAAsB,CAAC;AAAA,EAChC,KAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AACJ,MAM6B;AACzB,QAAMC,IAAYC,EAAcN,GAAKC,GAAkBC,GAAaC,CAAM;AAE1E,MAAI,CAAAI,EAAYH,GAAcC,CAAS;AAIvC,WAAOA;AACX,GAEMC,IAAgB,CAClBN,GACAC,GACAC,GACAC,MAEIF,MAAqB,SACd;AAAA,EACH,MAAMO,EAAYR,GAAK,EAAE,QAAAG,GAAQ;AAAA,EACjC,IAAIM,EAAUT,GAAK,EAAE,QAAAG,GAAQ;AAAA,IAIjCF,MAAqB,UACd;AAAA,EACH,MAAMS,EAAaV,CAAG;AAAA,EACtB,IAAIW,EAAWX,CAAG;AAAA,IAInB;AAAA,EACH,MAAMA;AAAA,EACN,IAAIY,EAAQZ,GAAKE,IAAc,CAAC;AAAA,GAIlCK,IAAc,CAACM,GAA6BC,MAC9CD,GAAM,MAAM,cAAcC,GAAO,MAAM,QAAA,KAAaD,GAAM,IAAI,cAAcC,GAAO,IAAI,QAAA;"}