@orbe-agro/client-core 5.3.85 → 5.3.89

package/dist/@ecme/components/ui/DatePicker/CalendarBase.js

@@ -1,19 +1,19 @@
-import { jsxs as ce, jsx as b } from "react/jsx-runtime";
-import { useState as M, useRef as ie } from "react";
+import { jsxs as ce, jsx as d } from "react/jsx-runtime";
+import { useState as b, useRef as ie } from "react";
 import fe from "classnames";
 import ue from "../hooks/useControllableState.js";
 import "../ConfigProvider/index.js";
 import we from "./tables/DateTable.js";
-import De from "./tables/MonthTable.js";
-import ge from "./tables/YearTable.js";
-import { useConfig as he } from "../ConfigProvider/ConfigProvider.js";
+import he from "./tables/MonthTable.js";
+import me from "./tables/YearTable.js";
+import { useConfig as De } from "../ConfigProvider/ConfigProvider.js";
 const Re = (k) => {
   const {
-    className: w,
-    dateViewCount: c = 1,
+    className: u,
+    dateViewCount: l = 1,
     dayClassName: v,
     dayStyle: x,
-    defaultMonth: Y,
+    defaultMonth: M,
     defaultView: S = "date",
     disableDate: p,
     disableOutOfMonth: N,
@@ -29,38 +29,37 @@ const Re = (k) => {
       year: "YYYY"
     },
     locale: W,
-    maxDate: i,
-    minDate: f,
+    maxDate: c,
+    minDate: i,
     month: E,
     monthLabelFormat: H = "MMM",
     onChange: U,
     onDayMouseEnter: V,
-    onMonthChange: q,
-    paginateBy: z = c,
-    preventFocus: D,
-    range: G,
-    ref: J,
-    renderDay: Q,
-    style: C,
-    value: X,
-    weekdayLabelFormat: Z = "dd",
-    weekendDays: $,
-    yearLabelFormat: y = "YYYY",
-    ..._
-  } = k, { locale: ee } = he(), [g, u] = M(S), F = W || ee, n = ie(
-    Array(c).fill(0).map(() => [])
-  ), [o, h] = ue({
+    onMonthChange: _,
+    paginateBy: q = l,
+    preventFocus: w,
+    range: z,
+    ref: G,
+    renderDay: J,
+    style: Y,
+    value: Q,
+    weekdayLabelFormat: X = "dd",
+    weekendDays: Z,
+    yearLabelFormat: C = "YYYY",
+    ...$
+  } = k, { locale: ee } = De(), [h, f] = b(S), y = W || ee, r = ie(
+    Array(l).fill(0).map(() => [])
+  ), [n, m] = ue({
     prop: E,
-    defaultProp: Y !== void 0 ? Y : /* @__PURE__ */ new Date(),
-    onChange: q
-  }), [m, L] = M(o == null ? void 0 : o.getFullYear()), [te, ae] = M(o == null ? void 0 : o.getMonth()), oe = f instanceof Date ? f.getFullYear() : 100, re = i instanceof Date ? i.getFullYear() : 1e4, R = 6, s = (e, t, a, r = 1) => {
-    const l = ["down", "up"].includes(e), se = l ? a.rowIndex + (e === "down" ? r : -r) : a.rowIndex, le = l ? a.cellIndex : a.cellIndex + (e === "right" ? r : -r), d = n.current[t][se][le];
-    d && (d.disabled ? s(e, t, a, r + 1) : d.focus());
+    defaultProp: M !== void 0 ? M : /* @__PURE__ */ new Date(),
+    onChange: _
+  }), [D, F] = b(n?.getFullYear()), [te, ae] = b(n?.getMonth()), oe = i instanceof Date ? i.getFullYear() : 100, re = c instanceof Date ? c.getFullYear() : 1e4, L = 6, s = (e, t, a, o = 1) => {
+    const R = ["down", "up"].includes(e), se = R ? a.rowIndex + (e === "down" ? o : -o) : a.rowIndex, le = R ? a.cellIndex : a.cellIndex + (e === "right" ? o : -o), g = r.current[t][se][le];
+    g && (g.disabled ? s(e, t, a, o + 1) : g.focus());
   }, ne = (e, t, a) => {
-    var r;
     switch (a.key) {
       case "ArrowDown": {
-        a.preventDefault(), t.rowIndex + 1 < n.current[e].length && s("down", e, t);
+        a.preventDefault(), t.rowIndex + 1 < r.current[e].length && s("down", e, t);
         break;
       }
       case "ArrowUp": {
@@ -68,11 +67,11 @@ const Re = (k) => {
         break;
       }
       case "ArrowRight": {
-        a.preventDefault(), t.cellIndex !== R ? s("right", e, t) : e + 1 < c && n.current[e + 1][t.rowIndex] && ((r = n.current[e + 1][t.rowIndex][0]) == null || r.focus());
+        a.preventDefault(), t.cellIndex !== L ? s("right", e, t) : e + 1 < l && r.current[e + 1][t.rowIndex] && r.current[e + 1][t.rowIndex][0]?.focus();
         break;
       }
       case "ArrowLeft": {
-        a.preventDefault(), t.cellIndex !== 0 ? s("left", e, t) : e > 0 && n.current[e - 1][t.rowIndex] && n.current[e - 1][t.rowIndex][R].focus();
+        a.preventDefault(), t.cellIndex !== 0 ? s("left", e, t) : e > 0 && r.current[e - 1][t.rowIndex] && r.current[e - 1][t.rowIndex][L].focus();
         break;
       }
       default:
@@ -82,80 +81,80 @@ const Re = (k) => {
   return /* @__PURE__ */ ce(
     "div",
     {
-      ref: J,
-      className: fe("picker-view", w),
-      ..._,
+      ref: G,
+      className: fe("picker-view", u),
+      ...$,
       children: [
-        g === "year" && /* @__PURE__ */ b(
-          ge,
+        h === "year" && /* @__PURE__ */ d(
+          me,
           {
-            value: m,
+            value: D,
             minYear: oe,
             maxYear: re,
-            className: w,
-            preventFocus: D,
-            yearLabelFormat: y,
+            className: u,
+            preventFocus: w,
+            yearLabelFormat: C,
             onChange: (e) => {
-              h(new Date(e, te, 1)), L(e), u("date");
+              m(new Date(e, te, 1)), F(e), f("date");
             }
           }
         ),
-        g === "month" && /* @__PURE__ */ b(
-          De,
+        h === "month" && /* @__PURE__ */ d(
+          he,
           {
             value: {
-              month: o.getMonth(),
-              year: o.getFullYear()
+              month: n.getMonth(),
+              year: n.getFullYear()
             },
-            year: m,
-            locale: F,
-            minDate: f,
-            maxDate: i,
-            className: w,
-            style: C,
-            preventFocus: D,
-            yearLabelFormat: y,
+            year: D,
+            locale: y,
+            minDate: i,
+            maxDate: c,
+            className: u,
+            style: Y,
+            preventFocus: w,
+            yearLabelFormat: C,
             monthLabelFormat: H,
-            onYearChange: L,
-            onNextLevel: () => u("year"),
+            onYearChange: F,
+            onNextLevel: () => f("year"),
             onChange: (e) => {
-              h(
-                new Date(m, e, 1)
-              ), ae(e), u("date");
+              m(
+                new Date(D, e, 1)
+              ), ae(e), f("date");
             }
           }
         ),
-        g === "date" && /* @__PURE__ */ b(
+        h === "date" && /* @__PURE__ */ d(
           we,
           {
-            dateViewCount: c,
-            paginateBy: z,
-            month: o,
-            locale: F,
-            minDate: f,
-            maxDate: i,
+            dateViewCount: l,
+            paginateBy: q,
+            month: n,
+            locale: y,
+            minDate: i,
+            maxDate: c,
             enableHeaderLabel: A,
-            daysRefs: n,
-            style: C,
+            daysRefs: r,
+            style: Y,
             dayClassName: v,
             dayStyle: x,
             disableOutOfMonth: N,
             disableDate: p,
             hideWeekdays: B,
-            preventFocus: D,
+            preventFocus: w,
             firstDayOfWeek: I,
-            value: X,
-            range: G,
+            value: Q,
+            range: z,
             labelFormat: P,
-            weekdayLabelFormat: Z,
-            renderDay: Q,
+            weekdayLabelFormat: X,
+            renderDay: J,
             hideOutOfMonthDates: O,
             isDateInRange: j,
             isDateFirstInRange: T,
             isDateLastInRange: K,
-            weekendDays: $,
-            onMonthChange: h,
-            onNextLevel: (e) => u(e),
+            weekendDays: Z,
+            onMonthChange: m,
+            onNextLevel: (e) => f(e),
             onDayKeyDown: ne,
             onChange: U,
             onDayMouseEnter: V

package/dist/@ecme/components/ui/DatePicker/CalendarBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarBase.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/CalendarBase.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useControllableState from '../hooks/useControllableState'\nimport { useConfig } from '../ConfigProvider'\nimport DateTable from './tables/DateTable'\nimport MonthTable from './tables/MonthTable'\nimport YearTable from './tables/YearTable'\nimport type { CommonProps } from '../@types/common'\nimport type { MonthBaseProps } from './tables/components/Month'\nimport type { DayKeydownPayload } from './tables/components/types'\nimport type { ReactNode, KeyboardEvent, MouseEvent, Ref } from 'react'\n\nexport interface CalendarSharedProps extends Omit<MonthBaseProps, 'value'> {\n    dateViewCount?: number\n    defaultView?: 'date' | 'month' | 'year'\n    defaultMonth?: Date\n    enableHeaderLabel?: boolean\n    locale?: string\n    labelFormat?: { month: string; year: string }\n    monthLabelFormat?: string\n    onDayMouseEnter?: (date: Date, event: MouseEvent) => void\n    onMonthChange?: (month: Date) => void\n    paginateBy?: number\n    range?: [Date, Date]\n    renderDay?: (date: Date) => ReactNode\n    weekdayLabelFormat?: string\n    yearLabelFormat?: string\n}\n\ninterface CalendarBaseProps extends CommonProps, CalendarSharedProps {\n    ref?: Ref<HTMLDivElement>\n    onChange?: (value: Date | Date[]) => void\n    value?: Date | Date[] | null\n}\n\nconst CalendarBase = (props: CalendarBaseProps) => {\n    const {\n        className,\n        dateViewCount = 1,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultView = 'date',\n        disableDate,\n        disableOutOfMonth,\n        enableHeaderLabel = true,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        isDateFirstInRange,\n        isDateInRange,\n        isDateLastInRange,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        locale,\n        maxDate,\n        minDate,\n        month,\n        monthLabelFormat = 'MMM',\n        onChange,\n        onDayMouseEnter,\n        onMonthChange,\n        paginateBy = dateViewCount,\n        preventFocus,\n        range,\n        ref,\n        renderDay,\n        style,\n        value,\n        weekdayLabelFormat = 'dd',\n        weekendDays,\n        yearLabelFormat = 'YYYY',\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const [selectionState, setSelectionState] = useState(defaultView)\n\n    const finalLocale = locale || themeLocale\n\n    const daysRefs = useRef<HTMLButtonElement[][][]>(\n        Array(dateViewCount)\n            .fill(0)\n            .map(() => []),\n    )\n\n    const [_month, setMonth] = useControllableState({\n        prop: month,\n        defaultProp: defaultMonth !== undefined ? defaultMonth : new Date(),\n        onChange: onMonthChange,\n    })\n\n    const [yearSelection, setYearSelection] = useState(_month?.getFullYear())\n    const [monthSelection, setMonthSelection] = useState(_month?.getMonth())\n\n    const minYear = minDate instanceof Date ? minDate.getFullYear() : 100\n    const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000\n\n    const daysPerRow = 6\n\n    const focusOnNextFocusableDay = (\n        direction: 'down' | 'up' | 'left' | 'right',\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        n = 1,\n    ) => {\n        const changeRow = ['down', 'up'].includes(direction)\n\n        const rowIndex = changeRow\n            ? payload.rowIndex + (direction === 'down' ? n : -n)\n            : payload.rowIndex\n\n        const cellIndex = changeRow\n            ? payload.cellIndex\n            : payload.cellIndex + (direction === 'right' ? n : -n)\n\n        const dayToFocus = daysRefs.current[monthIndex][rowIndex][cellIndex]\n\n        if (!dayToFocus) {\n            return\n        }\n\n        if (dayToFocus.disabled) {\n            focusOnNextFocusableDay(direction, monthIndex, payload, n + 1)\n        } else {\n            dayToFocus.focus()\n        }\n    }\n\n    const handleDayKeyDown = (\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        event: KeyboardEvent<HTMLButtonElement>,\n    ) => {\n        switch (event.key) {\n            case 'ArrowDown': {\n                event.preventDefault()\n\n                const hasRowBelow =\n                    payload.rowIndex + 1 < daysRefs.current[monthIndex].length\n                if (hasRowBelow) {\n                    focusOnNextFocusableDay('down', monthIndex, payload)\n                }\n                break\n            }\n            case 'ArrowUp': {\n                event.preventDefault()\n\n                const hasRowAbove = payload.rowIndex > 0\n                if (hasRowAbove) {\n                    focusOnNextFocusableDay('up', monthIndex, payload)\n                }\n                break\n            }\n            case 'ArrowRight': {\n                event.preventDefault()\n\n                const isNotLastCell = payload.cellIndex !== daysPerRow\n                if (isNotLastCell) {\n                    focusOnNextFocusableDay('right', monthIndex, payload)\n                } else if (monthIndex + 1 < dateViewCount) {\n                    if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\n                        daysRefs.current[monthIndex + 1][\n                            payload.rowIndex\n                        ][0]?.focus()\n                    }\n                }\n                break\n            }\n            case 'ArrowLeft': {\n                event.preventDefault()\n\n                if (payload.cellIndex !== 0) {\n                    focusOnNextFocusableDay('left', monthIndex, payload)\n                } else if (monthIndex > 0) {\n                    if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\n                        daysRefs.current[monthIndex - 1][payload.rowIndex][\n                            daysPerRow\n                        ].focus()\n                    }\n                }\n                break\n            }\n            default:\n                break\n        }\n    }\n\n    return (\n        <div\n            ref={ref}\n            className={classNames('picker-view', className)}\n            {...rest}\n        >\n            {selectionState === 'year' && (\n                <YearTable\n                    value={yearSelection as number}\n                    minYear={minYear}\n                    maxYear={maxYear}\n                    className={className}\n                    preventFocus={preventFocus}\n                    yearLabelFormat={yearLabelFormat}\n                    onChange={(year) => {\n                        setMonth(new Date(year, monthSelection as number, 1))\n                        setYearSelection(year)\n                        setSelectionState('date')\n                    }}\n                />\n            )}\n            {selectionState === 'month' && (\n                <MonthTable\n                    value={{\n                        month: (_month as Date).getMonth(),\n                        year: (_month as Date).getFullYear(),\n                    }}\n                    year={yearSelection as number}\n                    locale={finalLocale}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    className={className}\n                    style={style}\n                    preventFocus={preventFocus}\n                    yearLabelFormat={yearLabelFormat}\n                    monthLabelFormat={monthLabelFormat}\n                    onYearChange={setYearSelection}\n                    onNextLevel={() => setSelectionState('year')}\n                    onChange={(monthValue) => {\n                        setMonth(\n                            new Date(yearSelection as number, monthValue, 1),\n                        )\n                        setMonthSelection(monthValue)\n                        setSelectionState('date')\n                    }}\n                />\n            )}\n            {selectionState === 'date' && (\n                <DateTable\n                    dateViewCount={dateViewCount}\n                    paginateBy={paginateBy}\n                    month={_month as Date}\n                    locale={finalLocale}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    enableHeaderLabel={enableHeaderLabel}\n                    daysRefs={daysRefs}\n                    style={style}\n                    dayClassName={dayClassName}\n                    dayStyle={dayStyle}\n                    disableOutOfMonth={disableOutOfMonth}\n                    disableDate={disableDate}\n                    hideWeekdays={hideWeekdays}\n                    preventFocus={preventFocus}\n                    firstDayOfWeek={firstDayOfWeek}\n                    value={value as Date | Date[]}\n                    range={range}\n                    labelFormat={labelFormat}\n                    weekdayLabelFormat={weekdayLabelFormat}\n                    renderDay={renderDay}\n                    hideOutOfMonthDates={hideOutOfMonthDates}\n                    isDateInRange={isDateInRange}\n                    isDateFirstInRange={isDateFirstInRange}\n                    isDateLastInRange={isDateLastInRange}\n                    weekendDays={weekendDays}\n                    onMonthChange={setMonth}\n                    onNextLevel={(view) => setSelectionState(view)}\n                    onDayKeyDown={handleDayKeyDown}\n                    onChange={onChange}\n                    onDayMouseEnter={onDayMouseEnter}\n                />\n            )}\n        </div>\n    )\n}\n\nexport default CalendarBase\n"],"names":["CalendarBase","props","className","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultView","disableDate","disableOutOfMonth","enableHeaderLabel","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","isDateFirstInRange","isDateInRange","isDateLastInRange","labelFormat","locale","maxDate","minDate","month","monthLabelFormat","onChange","onDayMouseEnter","onMonthChange","paginateBy","preventFocus","range","ref","renderDay","style","value","weekdayLabelFormat","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","selectionState","setSelectionState","useState","finalLocale","daysRefs","useRef","_month","setMonth","useControllableState","yearSelection","setYearSelection","monthSelection","setMonthSelection","minYear","maxYear","daysPerRow","focusOnNextFocusableDay","direction","monthIndex","payload","n","changeRow","rowIndex","cellIndex","dayToFocus","handleDayKeyDown","event","_a","jsxs","classNames","jsx","YearTable","year","MonthTable","monthValue","DateTable","view"],"mappings":"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"}
+{"version":3,"file":"CalendarBase.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/CalendarBase.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useControllableState from '../hooks/useControllableState'\nimport { useConfig } from '../ConfigProvider'\nimport DateTable from './tables/DateTable'\nimport MonthTable from './tables/MonthTable'\nimport YearTable from './tables/YearTable'\nimport type { CommonProps } from '../@types/common'\nimport type { MonthBaseProps } from './tables/components/Month'\nimport type { DayKeydownPayload } from './tables/components/types'\nimport type { ReactNode, KeyboardEvent, MouseEvent, Ref } from 'react'\n\nexport interface CalendarSharedProps extends Omit<MonthBaseProps, 'value'> {\n    dateViewCount?: number\n    defaultView?: 'date' | 'month' | 'year'\n    defaultMonth?: Date\n    enableHeaderLabel?: boolean\n    locale?: string\n    labelFormat?: { month: string; year: string }\n    monthLabelFormat?: string\n    onDayMouseEnter?: (date: Date, event: MouseEvent) => void\n    onMonthChange?: (month: Date) => void\n    paginateBy?: number\n    range?: [Date, Date]\n    renderDay?: (date: Date) => ReactNode\n    weekdayLabelFormat?: string\n    yearLabelFormat?: string\n}\n\ninterface CalendarBaseProps extends CommonProps, CalendarSharedProps {\n    ref?: Ref<HTMLDivElement>\n    onChange?: (value: Date | Date[]) => void\n    value?: Date | Date[] | null\n}\n\nconst CalendarBase = (props: CalendarBaseProps) => {\n    const {\n        className,\n        dateViewCount = 1,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultView = 'date',\n        disableDate,\n        disableOutOfMonth,\n        enableHeaderLabel = true,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        isDateFirstInRange,\n        isDateInRange,\n        isDateLastInRange,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        locale,\n        maxDate,\n        minDate,\n        month,\n        monthLabelFormat = 'MMM',\n        onChange,\n        onDayMouseEnter,\n        onMonthChange,\n        paginateBy = dateViewCount,\n        preventFocus,\n        range,\n        ref,\n        renderDay,\n        style,\n        value,\n        weekdayLabelFormat = 'dd',\n        weekendDays,\n        yearLabelFormat = 'YYYY',\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const [selectionState, setSelectionState] = useState(defaultView)\n\n    const finalLocale = locale || themeLocale\n\n    const daysRefs = useRef<HTMLButtonElement[][][]>(\n        Array(dateViewCount)\n            .fill(0)\n            .map(() => []),\n    )\n\n    const [_month, setMonth] = useControllableState({\n        prop: month,\n        defaultProp: defaultMonth !== undefined ? defaultMonth : new Date(),\n        onChange: onMonthChange,\n    })\n\n    const [yearSelection, setYearSelection] = useState(_month?.getFullYear())\n    const [monthSelection, setMonthSelection] = useState(_month?.getMonth())\n\n    const minYear = minDate instanceof Date ? minDate.getFullYear() : 100\n    const maxYear = maxDate instanceof Date ? maxDate.getFullYear() : 10000\n\n    const daysPerRow = 6\n\n    const focusOnNextFocusableDay = (\n        direction: 'down' | 'up' | 'left' | 'right',\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        n = 1,\n    ) => {\n        const changeRow = ['down', 'up'].includes(direction)\n\n        const rowIndex = changeRow\n            ? payload.rowIndex + (direction === 'down' ? n : -n)\n            : payload.rowIndex\n\n        const cellIndex = changeRow\n            ? payload.cellIndex\n            : payload.cellIndex + (direction === 'right' ? n : -n)\n\n        const dayToFocus = daysRefs.current[monthIndex][rowIndex][cellIndex]\n\n        if (!dayToFocus) {\n            return\n        }\n\n        if (dayToFocus.disabled) {\n            focusOnNextFocusableDay(direction, monthIndex, payload, n + 1)\n        } else {\n            dayToFocus.focus()\n        }\n    }\n\n    const handleDayKeyDown = (\n        monthIndex: number,\n        payload: DayKeydownPayload,\n        event: KeyboardEvent<HTMLButtonElement>,\n    ) => {\n        switch (event.key) {\n            case 'ArrowDown': {\n                event.preventDefault()\n\n                const hasRowBelow =\n                    payload.rowIndex + 1 < daysRefs.current[monthIndex].length\n                if (hasRowBelow) {\n                    focusOnNextFocusableDay('down', monthIndex, payload)\n                }\n                break\n            }\n            case 'ArrowUp': {\n                event.preventDefault()\n\n                const hasRowAbove = payload.rowIndex > 0\n                if (hasRowAbove) {\n                    focusOnNextFocusableDay('up', monthIndex, payload)\n                }\n                break\n            }\n            case 'ArrowRight': {\n                event.preventDefault()\n\n                const isNotLastCell = payload.cellIndex !== daysPerRow\n                if (isNotLastCell) {\n                    focusOnNextFocusableDay('right', monthIndex, payload)\n                } else if (monthIndex + 1 < dateViewCount) {\n                    if (daysRefs.current[monthIndex + 1][payload.rowIndex]) {\n                        daysRefs.current[monthIndex + 1][\n                            payload.rowIndex\n                        ][0]?.focus()\n                    }\n                }\n                break\n            }\n            case 'ArrowLeft': {\n                event.preventDefault()\n\n                if (payload.cellIndex !== 0) {\n                    focusOnNextFocusableDay('left', monthIndex, payload)\n                } else if (monthIndex > 0) {\n                    if (daysRefs.current[monthIndex - 1][payload.rowIndex]) {\n                        daysRefs.current[monthIndex - 1][payload.rowIndex][\n                            daysPerRow\n                        ].focus()\n                    }\n                }\n                break\n            }\n            default:\n                break\n        }\n    }\n\n    return (\n        <div\n            ref={ref}\n            className={classNames('picker-view', className)}\n            {...rest}\n        >\n            {selectionState === 'year' && (\n                <YearTable\n                    value={yearSelection as number}\n                    minYear={minYear}\n                    maxYear={maxYear}\n                    className={className}\n                    preventFocus={preventFocus}\n                    yearLabelFormat={yearLabelFormat}\n                    onChange={(year) => {\n                        setMonth(new Date(year, monthSelection as number, 1))\n                        setYearSelection(year)\n                        setSelectionState('date')\n                    }}\n                />\n            )}\n            {selectionState === 'month' && (\n                <MonthTable\n                    value={{\n                        month: (_month as Date).getMonth(),\n                        year: (_month as Date).getFullYear(),\n                    }}\n                    year={yearSelection as number}\n                    locale={finalLocale}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    className={className}\n                    style={style}\n                    preventFocus={preventFocus}\n                    yearLabelFormat={yearLabelFormat}\n                    monthLabelFormat={monthLabelFormat}\n                    onYearChange={setYearSelection}\n                    onNextLevel={() => setSelectionState('year')}\n                    onChange={(monthValue) => {\n                        setMonth(\n                            new Date(yearSelection as number, monthValue, 1),\n                        )\n                        setMonthSelection(monthValue)\n                        setSelectionState('date')\n                    }}\n                />\n            )}\n            {selectionState === 'date' && (\n                <DateTable\n                    dateViewCount={dateViewCount}\n                    paginateBy={paginateBy}\n                    month={_month as Date}\n                    locale={finalLocale}\n                    minDate={minDate}\n                    maxDate={maxDate}\n                    enableHeaderLabel={enableHeaderLabel}\n                    daysRefs={daysRefs}\n                    style={style}\n                    dayClassName={dayClassName}\n                    dayStyle={dayStyle}\n                    disableOutOfMonth={disableOutOfMonth}\n                    disableDate={disableDate}\n                    hideWeekdays={hideWeekdays}\n                    preventFocus={preventFocus}\n                    firstDayOfWeek={firstDayOfWeek}\n                    value={value as Date | Date[]}\n                    range={range}\n                    labelFormat={labelFormat}\n                    weekdayLabelFormat={weekdayLabelFormat}\n                    renderDay={renderDay}\n                    hideOutOfMonthDates={hideOutOfMonthDates}\n                    isDateInRange={isDateInRange}\n                    isDateFirstInRange={isDateFirstInRange}\n                    isDateLastInRange={isDateLastInRange}\n                    weekendDays={weekendDays}\n                    onMonthChange={setMonth}\n                    onNextLevel={(view) => setSelectionState(view)}\n                    onDayKeyDown={handleDayKeyDown}\n                    onChange={onChange}\n                    onDayMouseEnter={onDayMouseEnter}\n                />\n            )}\n        </div>\n    )\n}\n\nexport default CalendarBase\n"],"names":["CalendarBase","props","className","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultView","disableDate","disableOutOfMonth","enableHeaderLabel","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","isDateFirstInRange","isDateInRange","isDateLastInRange","labelFormat","locale","maxDate","minDate","month","monthLabelFormat","onChange","onDayMouseEnter","onMonthChange","paginateBy","preventFocus","range","ref","renderDay","style","value","weekdayLabelFormat","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","selectionState","setSelectionState","useState","finalLocale","daysRefs","useRef","_month","setMonth","useControllableState","yearSelection","setYearSelection","monthSelection","setMonthSelection","minYear","maxYear","daysPerRow","focusOnNextFocusableDay","direction","monthIndex","payload","n","changeRow","rowIndex","cellIndex","dayToFocus","handleDayKeyDown","event","jsxs","classNames","jsx","YearTable","year","MonthTable","monthValue","DateTable","view"],"mappings":";;;;;;;;;AAmCA,MAAMA,KAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,gBAAAC,IAAiB;AAAA,IACjB,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAEV,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC,IAAavB;AAAA,IACb,cAAAwB;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,GAAGC;AAAA,EAAA,IACHnC,GAEE,EAAE,QAAQoC,GAAA,IAAgBC,GAAA,GAE1B,CAACC,GAAgBC,CAAiB,IAAIC,EAASlC,CAAW,GAE1DmC,IAAcxB,KAAUmB,IAExBM,IAAWC;AAAA,IACb,MAAMzC,CAAa,EACd,KAAK,CAAC,EACN,IAAI,MAAM,CAAA,CAAE;AAAA,EAAA,GAGf,CAAC0C,GAAQC,CAAQ,IAAIC,GAAqB;AAAA,IAC5C,MAAM1B;AAAA,IACN,aAAaf,MAAiB,SAAYA,wBAAmB,KAAA;AAAA,IAC7D,UAAUmB;AAAA,EAAA,CACb,GAEK,CAACuB,GAAeC,CAAgB,IAAIR,EAASI,GAAQ,aAAa,GAClE,CAACK,IAAgBC,EAAiB,IAAIV,EAASI,GAAQ,UAAU,GAEjEO,KAAUhC,aAAmB,OAAOA,EAAQ,gBAAgB,KAC5DiC,KAAUlC,aAAmB,OAAOA,EAAQ,gBAAgB,KAE5DmC,IAAa,GAEbC,IAA0B,CAC5BC,GACAC,GACAC,GACAC,IAAI,MACH;AACD,UAAMC,IAAY,CAAC,QAAQ,IAAI,EAAE,SAASJ,CAAS,GAE7CK,KAAWD,IACXF,EAAQ,YAAYF,MAAc,SAASG,IAAI,CAACA,KAChDD,EAAQ,UAERI,KAAYF,IACZF,EAAQ,YACRA,EAAQ,aAAaF,MAAc,UAAUG,IAAI,CAACA,IAElDI,IAAapB,EAAS,QAAQc,CAAU,EAAEI,EAAQ,EAAEC,EAAS;AAEnE,IAAKC,MAIDA,EAAW,WACXR,EAAwBC,GAAWC,GAAYC,GAASC,IAAI,CAAC,IAE7DI,EAAW,MAAA;AAAA,EAEnB,GAEMC,KAAmB,CACrBP,GACAC,GACAO,MACC;AACD,YAAQA,EAAM,KAAA;AAAA,MACV,KAAK,aAAa;AACd,QAAAA,EAAM,eAAA,GAGFP,EAAQ,WAAW,IAAIf,EAAS,QAAQc,CAAU,EAAE,UAEpDF,EAAwB,QAAQE,GAAYC,CAAO;AAEvD;AAAA,MACJ;AAAA,MACA,KAAK,WAAW;AACZ,QAAAO,EAAM,eAAA,GAEcP,EAAQ,WAAW,KAEnCH,EAAwB,MAAME,GAAYC,CAAO;AAErD;AAAA,MACJ;AAAA,MACA,KAAK,cAAc;AACf,QAAAO,EAAM,eAAA,GAEgBP,EAAQ,cAAcJ,IAExCC,EAAwB,SAASE,GAAYC,CAAO,IAC7CD,IAAa,IAAItD,KACpBwC,EAAS,QAAQc,IAAa,CAAC,EAAEC,EAAQ,QAAQ,KACjDf,EAAS,QAAQc,IAAa,CAAC,EAC3BC,EAAQ,QACZ,EAAE,CAAC,GAAG,MAAA;AAGd;AAAA,MACJ;AAAA,MACA,KAAK,aAAa;AACd,QAAAO,EAAM,eAAA,GAEFP,EAAQ,cAAc,IACtBH,EAAwB,QAAQE,GAAYC,CAAO,IAC5CD,IAAa,KAChBd,EAAS,QAAQc,IAAa,CAAC,EAAEC,EAAQ,QAAQ,KACjDf,EAAS,QAAQc,IAAa,CAAC,EAAEC,EAAQ,QAAQ,EAC7CJ,CACJ,EAAE,MAAA;AAGV;AAAA,MACJ;AAAA,MACA;AACI;AAAA,IAAA;AAAA,EAEZ;AAEA,SACI,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAArC;AAAA,MACA,WAAWsC,GAAW,eAAejE,CAAS;AAAA,MAC7C,GAAGkC;AAAA,MAEH,UAAA;AAAA,QAAAG,MAAmB,UAChB,gBAAA6B;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAOrB;AAAA,YACP,SAAAI;AAAA,YACA,SAAAC;AAAA,YACA,WAAAnD;AAAA,YACA,cAAAyB;AAAA,YACA,iBAAAQ;AAAA,YACA,UAAU,CAACmC,MAAS;AAChB,cAAAxB,EAAS,IAAI,KAAKwB,GAAMpB,IAA0B,CAAC,CAAC,GACpDD,EAAiBqB,CAAI,GACrB9B,EAAkB,MAAM;AAAA,YAC5B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPD,MAAmB,WAChB,gBAAA6B;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,cACH,OAAQ1B,EAAgB,SAAA;AAAA,cACxB,MAAOA,EAAgB,YAAA;AAAA,YAAY;AAAA,YAEvC,MAAMG;AAAA,YACN,QAAQN;AAAA,YACR,SAAAtB;AAAA,YACA,SAAAD;AAAA,YACA,WAAAjB;AAAA,YACA,OAAA6B;AAAA,YACA,cAAAJ;AAAA,YACA,iBAAAQ;AAAA,YACA,kBAAAb;AAAA,YACA,cAAc2B;AAAA,YACd,aAAa,MAAMT,EAAkB,MAAM;AAAA,YAC3C,UAAU,CAACgC,MAAe;AACtB,cAAA1B;AAAA,gBACI,IAAI,KAAKE,GAAyBwB,GAAY,CAAC;AAAA,cAAA,GAEnDrB,GAAkBqB,CAAU,GAC5BhC,EAAkB,MAAM;AAAA,YAC5B;AAAA,UAAA;AAAA,QAAA;AAAA,QAGPD,MAAmB,UAChB,gBAAA6B;AAAA,UAACK;AAAA,UAAA;AAAA,YACG,eAAAtE;AAAA,YACA,YAAAuB;AAAA,YACA,OAAOmB;AAAA,YACP,QAAQH;AAAA,YACR,SAAAtB;AAAA,YACA,SAAAD;AAAA,YACA,mBAAAT;AAAA,YACA,UAAAiC;AAAA,YACA,OAAAZ;AAAA,YACA,cAAA3B;AAAA,YACA,UAAAC;AAAA,YACA,mBAAAI;AAAA,YACA,aAAAD;AAAA,YACA,cAAAK;AAAA,YACA,cAAAc;AAAA,YACA,gBAAAhB;AAAA,YACA,OAAAqB;AAAA,YACA,OAAAJ;AAAA,YACA,aAAAX;AAAA,YACA,oBAAAgB;AAAA,YACA,WAAAH;AAAA,YACA,qBAAAlB;AAAA,YACA,eAAAG;AAAA,YACA,oBAAAD;AAAA,YACA,mBAAAE;AAAA,YACA,aAAAkB;AAAA,YACA,eAAeY;AAAA,YACf,aAAa,CAAC4B,MAASlC,EAAkBkC,CAAI;AAAA,YAC7C,cAAcV;AAAA,YACd,UAAAzC;AAAA,YACA,iBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

package/dist/@ecme/components/ui/DatePicker/DatePicker.js

@@ -1,8 +1,8 @@
 import { jsx as A } from "react/jsx-runtime";
-import { useState as m, useRef as we, useEffect as k } from "react";
+import { useState as d, useRef as Fe, useEffect as O } from "react";
 import a from "dayjs";
-import Ve from "../hooks/useControllableState.js";
-import Oe from "../hooks/useMergeRef.js";
+import Oe from "../hooks/useControllableState.js";
+import Ve from "../hooks/useMergeRef.js";
 import ke from "./Calendar.js";
 import Ye from "./BasePicker.js";
 import "../ConfigProvider/index.js";
@@ -17,11 +17,11 @@ const R = "YYYY-MM-DD", Ne = (T) => {
     dateViewCount: z,
     dayClassName: K,
     dayStyle: U,
-    defaultMonth: Y,
+    defaultMonth: V,
     defaultOpen: W = !1,
-    defaultValue: C,
+    defaultValue: h,
     defaultView: H,
-    disabled: B = !1,
+    disabled: k = !1,
     disableDate: q,
     enableHeaderLabel: G,
     disableOutOfMonth: J,
@@ -31,7 +31,7 @@ const R = "YYYY-MM-DD", Ne = (T) => {
     inputFormat: $,
     inputPrefix: ee,
     inputSuffix: te,
-    inputtable: i,
+    inputtable: f,
     labelFormat: ae = {
       month: "MMM",
       year: "YYYY"
@@ -40,105 +40,101 @@ const R = "YYYY-MM-DD", Ne = (T) => {
     maxDate: o,
     minDate: n,
     name: ne = "date",
-    onBlur: L,
+    onBlur: Y,
     onChange: le,
-    onFocus: P,
-    onDropdownClose: h,
-    onDropdownOpen: D,
+    onFocus: B,
+    onDropdownClose: L,
+    onDropdownOpen: P,
     openPickerOnClear: se = !1,
     renderDay: re,
     ref: fe = null,
     size: ie,
     style: ue,
-    type: M,
-    value: u,
+    type: y,
+    value: i,
     weekendDays: ce,
     yearLabelFormat: de,
-    ...me
-  } = T, { locale: g } = Be(), s = oe || g, f = M === "date" ? R : $ || R, [pe, b] = m(W), F = we(null), [he, w] = m(C ?? null), [t, c] = Ve({
-    prop: u,
-    defaultProp: C,
+    ...pe
+  } = T, { locale: C } = Be(), s = oe || C, r = y === "date" ? R : $ || R, [me, w] = d(W), M = Fe(null), [De, g] = d(h ?? null), [t, u] = Oe({
+    prop: i,
+    defaultProp: h,
     onChange: le
-  }), [V, d] = m(
-    t || Y || /* @__PURE__ */ new Date()
-  ), [y, v] = m(!1), [S, l] = m(
-    t instanceof Date ? p(a(t).locale(s).format(f)) : ""
-  ), De = () => {
-    b(!1), h == null || h();
-  }, O = () => {
-    b(!0), D == null || D();
+  }), [b, c] = d(
+    t || V || /* @__PURE__ */ new Date()
+  ), [m, v] = d(!1), [S, l] = d(
+    t instanceof Date ? p(a(t).locale(s).format(r)) : ""
+  ), he = () => {
+    w(!1), L?.();
+  }, F = () => {
+    w(!0), P?.();
   };
-  k(() => {
-    t || (o && a(V).isAfter(o) && d(o), n && a(V).isBefore(n) && d(n));
-  }, [n, o]), k(() => {
-    u === null && !y && l(""), u instanceof Date && !y && l(
-      p(a(u).locale(s).format(f))
+  O(() => {
+    t || (o && a(b).isAfter(o) && c(o), n && a(b).isBefore(n) && c(n));
+  }, [n, o]), O(() => {
+    i === null && !m && l(""), i instanceof Date && !m && l(
+      p(a(i).locale(s).format(r))
     );
-  }, [u, y, g]), k(() => {
-    C instanceof Date && S && !y && l(
+  }, [i, m, C]), O(() => {
+    h instanceof Date && S && !m && l(
       p(
-        a(t).locale(s).format(f)
+        a(t).locale(s).format(r)
       )
     );
-  }, [g]);
+  }, [C]);
   const ye = (e) => {
-    c(e), l(
-      p(a(e).locale(s).format(f))
-    ), j && O(), window.setTimeout(() => {
-      var r;
-      return (r = F.current) == null ? void 0 : r.focus();
-    }, 0);
+    u(e), l(
+      p(a(e).locale(s).format(r))
+    ), j && F(), window.setTimeout(() => M.current?.focus(), 0);
   }, Ce = () => {
-    var e;
-    c(null), w(null), l(""), se && O(), (e = F.current) == null || e.focus();
-  }, x = (e) => a(e, f, s).toDate(), I = () => {
+    u(null), g(null), l(""), se && F(), M.current?.focus();
+  }, x = (e) => a(e, r, s).toDate(), I = () => {
     let e = typeof t == "string" ? x(t) : t;
-    o && a(e).isAfter(o) && (e = o), n && a(e).isBefore(n) && (e = n), a(e).isValid() ? (c(e), w(e), l(
-      p(a(e).locale(s).format(f))
-    ), d(e)) : c(he);
+    o && a(e).isAfter(o) && (e = o), n && a(e).isBefore(n) && (e = n), a(e).isValid() ? (u(e), g(e), l(
+      p(a(e).locale(s).format(r))
+    ), c(e)) : u(De);
+  }, we = (e) => {
+    typeof Y == "function" && Y(e), v(!1), f && I();
   }, Me = (e) => {
-    typeof L == "function" && L(e), v(!1), i && I();
+    e.key === "Enter" && f && (he(), I());
   }, ge = (e) => {
-    e.key === "Enter" && i && (De(), I());
+    typeof B == "function" && B(e), v(!0);
   }, be = (e) => {
-    typeof P == "function" && P(e), v(!0);
-  }, Fe = (e) => {
-    O();
-    const r = x(e.target.value);
-    a(r).isValid() ? (c(r), w(r), l(e.target.value), d(r)) : l(e.target.value);
+    F();
+    const D = x(e.target.value);
+    a(D).isValid() ? (u(D), g(D), l(e.target.value), c(D)) : l(e.target.value);
   };
   return /* @__PURE__ */ A(
     Ye,
     {
-      ref: Oe(fe, F),
-      inputtable: i,
-      dropdownOpened: pe,
-      setDropdownOpened: b,
+      ref: Ve(fe, M),
+      inputtable: f,
+      dropdownOpened: me,
+      setDropdownOpened: w,
       size: ie,
       style: ue,
       className: E,
       name: ne,
       inputLabel: S,
-      clearable: M === "date" ? !1 : N && !!t && !B,
+      clearable: y === "date" ? !1 : N && !!t && !k,
       clearButton: _,
-      disabled: B,
-      type: M,
+      disabled: k,
+      type: y,
       inputPrefix: ee,
       inputSuffix: te,
-      onChange: Fe,
-      onBlur: Me,
-      onFocus: be,
-      onKeyDown: ge,
+      onChange: be,
+      onBlur: we,
+      onFocus: ge,
+      onKeyDown: Me,
       onClear: Ce,
-      onDropdownClose: h,
-      onDropdownOpen: D,
-      ...me,
+      onDropdownClose: L,
+      onDropdownOpen: P,
+      ...pe,
       children: /* @__PURE__ */ A(
         ke,
         {
           locale: s,
-          month: i ? V : void 0,
-          defaultMonth: Y || (t instanceof Date ? t : /* @__PURE__ */ new Date()),
+          month: f ? b : void 0,
+          defaultMonth: V || (t instanceof Date ? t : /* @__PURE__ */ new Date()),
           value: t instanceof Date ? t : t && a(t).toDate(),
           labelFormat: ae,
           dayClassName: K,
@@ -148,7 +144,7 @@ const R = "YYYY-MM-DD", Ne = (T) => {
           maxDate: o,
           disableDate: q,
           firstDayOfWeek: Q,
-          preventFocus: i,
+          preventFocus: f,
           dateViewCount: z,
           enableHeaderLabel: G,
           defaultView: H,
@@ -157,7 +153,7 @@ const R = "YYYY-MM-DD", Ne = (T) => {
           renderDay: re,
           weekendDays: ce,
           yearLabelFormat: de,
-          onMonthChange: d,
+          onMonthChange: c,
           onChange: ye
         }
       )

package/dist/@ecme/components/ui/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport Calendar from './Calendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport capitalize from '../utils/capitalize'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { FocusEvent, KeyboardEvent, ChangeEvent, Ref } from 'react'\n\nconst DEFAULT_INPUT_FORMAT = 'YYYY-MM-DD'\n\nexport interface DatePickerProps\n    extends CommonProps,\n        Omit<\n            CalendarSharedProps,\n            | 'onMonthChange'\n            | 'onChange'\n            | 'isDateInRange'\n            | 'isDateFirstInRange'\n            | 'isDateLastInRange'\n            | 'month'\n        >,\n        BasePickerSharedProps {\n    closePickerOnChange?: boolean\n    defaultOpen?: boolean\n    defaultValue?: Date | null\n    value?: Date | null\n    inputFormat?: string\n    inputtableBlurClose?: boolean\n    openPickerOnClear?: boolean\n    onChange?: (value: Date | null) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst DatePicker = (props: DatePickerProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        closePickerOnChange = true,\n        dateViewCount,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultOpen = false,\n        defaultValue,\n        defaultView,\n        disabled = false,\n        disableDate,\n        enableHeaderLabel,\n        disableOutOfMonth,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        inputFormat,\n        inputPrefix,\n        inputSuffix,\n        inputtable,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        locale,\n        maxDate,\n        minDate,\n        name = 'date',\n        onBlur,\n        onChange,\n        onFocus,\n        onDropdownClose,\n        onDropdownOpen,\n        openPickerOnClear = false,\n        renderDay,\n        ref = null,\n        size,\n        style,\n        type,\n        value,\n        weekendDays,\n        yearLabelFormat,\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n    const finalLocale = locale || themeLocale\n\n    const dateFormat =\n        type === 'date'\n            ? DEFAULT_INPUT_FORMAT\n            : inputFormat || DEFAULT_INPUT_FORMAT\n\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [lastValidValue, setLastValidValue] = useState(defaultValue ?? null)\n\n    const [_value, setValue] = useControllableState({\n        prop: value,\n        defaultProp: defaultValue,\n        onChange,\n    })\n\n    const [calendarMonth, setCalendarMonth] = useState(\n        _value || defaultMonth || new Date(),\n    )\n\n    const [focused, setFocused] = useState(false)\n\n    const [inputState, setInputState] = useState(\n        _value instanceof Date\n            ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\n            : '',\n    )\n\n    const closeDropdown = () => {\n        setDropdownOpened(false)\n        onDropdownClose?.()\n    }\n\n    const openDropdown = () => {\n        setDropdownOpened(true)\n        onDropdownOpen?.()\n    }\n\n    useEffect(() => {\n        if (!_value) {\n            if (maxDate && dayjs(calendarMonth).isAfter(maxDate)) {\n                setCalendarMonth(maxDate)\n            }\n\n            if (minDate && dayjs(calendarMonth).isBefore(minDate)) {\n                setCalendarMonth(minDate)\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [minDate, maxDate])\n\n    useEffect(() => {\n        if (value === null && !focused) {\n            setInputState('')\n        }\n\n        if (value instanceof Date && !focused) {\n            setInputState(\n                capitalize(dayjs(value).locale(finalLocale).format(dateFormat)),\n            )\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, focused, themeLocale])\n\n    useEffect(() => {\n        if (defaultValue instanceof Date && inputState && !focused) {\n            setInputState(\n                capitalize(\n                    dayjs(_value).locale(finalLocale).format(dateFormat),\n                ),\n            )\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [themeLocale])\n\n    const handleValueChange = (date: Date | null) => {\n        setValue(date)\n        setInputState(\n            capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n        )\n        if (closePickerOnChange) {\n            openDropdown()\n        }\n        window.setTimeout(() => inputRef.current?.focus(), 0)\n    }\n\n    const handleClear = () => {\n        setValue(null)\n        setLastValidValue(null)\n        setInputState('')\n        if (openPickerOnClear) {\n            openDropdown()\n        }\n        inputRef.current?.focus()\n    }\n\n    const parseDate = (date: string) =>\n        dayjs(date, dateFormat, finalLocale).toDate()\n\n    const setDateFromInput = () => {\n        let date = typeof _value === 'string' ? parseDate(_value) : _value\n\n        if (maxDate && dayjs(date).isAfter(maxDate)) {\n            date = maxDate\n        }\n\n        if (minDate && dayjs(date).isBefore(minDate)) {\n            date = minDate\n        }\n\n        if (dayjs(date).isValid()) {\n            setValue(date)\n            setLastValidValue(date as Date)\n            setInputState(\n                capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n            )\n            setCalendarMonth(date as Date)\n        } else {\n            setValue(lastValidValue)\n        }\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        if (typeof onBlur === 'function') {\n            onBlur(event)\n        }\n        setFocused(false)\n\n        if (inputtable) {\n            setDateFromInput()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter' && inputtable) {\n            closeDropdown()\n            setDateFromInput()\n        }\n    }\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n        if (typeof onFocus === 'function') {\n            onFocus(event)\n        }\n        setFocused(true)\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        openDropdown()\n\n        const date = parseDate(event.target.value)\n        if (dayjs(date).isValid()) {\n            setValue(date)\n            setLastValidValue(date)\n            setInputState(event.target.value)\n            setCalendarMonth(date)\n        } else {\n            setInputState(event.target.value)\n        }\n    }\n\n    return (\n        <BasePicker\n            ref={useMergedRef(ref, inputRef)}\n            inputtable={inputtable}\n            dropdownOpened={dropdownOpened as boolean}\n            setDropdownOpened={setDropdownOpened}\n            size={size}\n            style={style}\n            className={className}\n            name={name}\n            inputLabel={inputState}\n            clearable={\n                type === 'date' ? false : clearable && !!_value && !disabled\n            }\n            clearButton={clearButton}\n            disabled={disabled}\n            type={type}\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onChange={handleChange}\n            onBlur={handleInputBlur}\n            onFocus={handleInputFocus}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            onDropdownClose={onDropdownClose}\n            onDropdownOpen={onDropdownOpen}\n            {...rest}\n        >\n            <Calendar\n                locale={finalLocale}\n                month={inputtable ? calendarMonth : undefined}\n                defaultMonth={\n                    defaultMonth ||\n                    (_value instanceof Date ? _value : new Date())\n                }\n                value={\n                    _value instanceof Date\n                        ? _value\n                        : _value && dayjs(_value).toDate()\n                }\n                labelFormat={labelFormat}\n                dayClassName={dayClassName}\n                dayStyle={dayStyle}\n                disableOutOfMonth={disableOutOfMonth}\n                minDate={minDate}\n                maxDate={maxDate}\n                disableDate={disableDate}\n                firstDayOfWeek={firstDayOfWeek}\n                preventFocus={inputtable}\n                dateViewCount={dateViewCount}\n                enableHeaderLabel={enableHeaderLabel}\n                defaultView={defaultView}\n                hideOutOfMonthDates={hideOutOfMonthDates}\n                hideWeekdays={hideWeekdays}\n                renderDay={renderDay}\n                weekendDays={weekendDays}\n                yearLabelFormat={yearLabelFormat}\n                onMonthChange={setCalendarMonth}\n                onChange={handleValueChange}\n            />\n        </BasePicker>\n    )\n}\n\nexport default DatePicker\n"],"names":["DEFAULT_INPUT_FORMAT","DatePicker","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","renderDay","ref","size","style","type","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","lastValidValue","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","_a","handleClear","parseDate","setDateFromInput","handleInputBlur","event","handleKeyDown","handleInputFocus","handleChange","jsx","BasePicker","useMergedRef","Calendar"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePicker.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport Calendar from './Calendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport capitalize from '../utils/capitalize'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { FocusEvent, KeyboardEvent, ChangeEvent, Ref } from 'react'\n\nconst DEFAULT_INPUT_FORMAT = 'YYYY-MM-DD'\n\nexport interface DatePickerProps\n    extends CommonProps,\n        Omit<\n            CalendarSharedProps,\n            | 'onMonthChange'\n            | 'onChange'\n            | 'isDateInRange'\n            | 'isDateFirstInRange'\n            | 'isDateLastInRange'\n            | 'month'\n        >,\n        BasePickerSharedProps {\n    closePickerOnChange?: boolean\n    defaultOpen?: boolean\n    defaultValue?: Date | null\n    value?: Date | null\n    inputFormat?: string\n    inputtableBlurClose?: boolean\n    openPickerOnClear?: boolean\n    onChange?: (value: Date | null) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst DatePicker = (props: DatePickerProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        closePickerOnChange = true,\n        dateViewCount,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultOpen = false,\n        defaultValue,\n        defaultView,\n        disabled = false,\n        disableDate,\n        enableHeaderLabel,\n        disableOutOfMonth,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        inputFormat,\n        inputPrefix,\n        inputSuffix,\n        inputtable,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        locale,\n        maxDate,\n        minDate,\n        name = 'date',\n        onBlur,\n        onChange,\n        onFocus,\n        onDropdownClose,\n        onDropdownOpen,\n        openPickerOnClear = false,\n        renderDay,\n        ref = null,\n        size,\n        style,\n        type,\n        value,\n        weekendDays,\n        yearLabelFormat,\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n    const finalLocale = locale || themeLocale\n\n    const dateFormat =\n        type === 'date'\n            ? DEFAULT_INPUT_FORMAT\n            : inputFormat || DEFAULT_INPUT_FORMAT\n\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [lastValidValue, setLastValidValue] = useState(defaultValue ?? null)\n\n    const [_value, setValue] = useControllableState({\n        prop: value,\n        defaultProp: defaultValue,\n        onChange,\n    })\n\n    const [calendarMonth, setCalendarMonth] = useState(\n        _value || defaultMonth || new Date(),\n    )\n\n    const [focused, setFocused] = useState(false)\n\n    const [inputState, setInputState] = useState(\n        _value instanceof Date\n            ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\n            : '',\n    )\n\n    const closeDropdown = () => {\n        setDropdownOpened(false)\n        onDropdownClose?.()\n    }\n\n    const openDropdown = () => {\n        setDropdownOpened(true)\n        onDropdownOpen?.()\n    }\n\n    useEffect(() => {\n        if (!_value) {\n            if (maxDate && dayjs(calendarMonth).isAfter(maxDate)) {\n                setCalendarMonth(maxDate)\n            }\n\n            if (minDate && dayjs(calendarMonth).isBefore(minDate)) {\n                setCalendarMonth(minDate)\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [minDate, maxDate])\n\n    useEffect(() => {\n        if (value === null && !focused) {\n            setInputState('')\n        }\n\n        if (value instanceof Date && !focused) {\n            setInputState(\n                capitalize(dayjs(value).locale(finalLocale).format(dateFormat)),\n            )\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, focused, themeLocale])\n\n    useEffect(() => {\n        if (defaultValue instanceof Date && inputState && !focused) {\n            setInputState(\n                capitalize(\n                    dayjs(_value).locale(finalLocale).format(dateFormat),\n                ),\n            )\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [themeLocale])\n\n    const handleValueChange = (date: Date | null) => {\n        setValue(date)\n        setInputState(\n            capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n        )\n        if (closePickerOnChange) {\n            openDropdown()\n        }\n        window.setTimeout(() => inputRef.current?.focus(), 0)\n    }\n\n    const handleClear = () => {\n        setValue(null)\n        setLastValidValue(null)\n        setInputState('')\n        if (openPickerOnClear) {\n            openDropdown()\n        }\n        inputRef.current?.focus()\n    }\n\n    const parseDate = (date: string) =>\n        dayjs(date, dateFormat, finalLocale).toDate()\n\n    const setDateFromInput = () => {\n        let date = typeof _value === 'string' ? parseDate(_value) : _value\n\n        if (maxDate && dayjs(date).isAfter(maxDate)) {\n            date = maxDate\n        }\n\n        if (minDate && dayjs(date).isBefore(minDate)) {\n            date = minDate\n        }\n\n        if (dayjs(date).isValid()) {\n            setValue(date)\n            setLastValidValue(date as Date)\n            setInputState(\n                capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\n            )\n            setCalendarMonth(date as Date)\n        } else {\n            setValue(lastValidValue)\n        }\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        if (typeof onBlur === 'function') {\n            onBlur(event)\n        }\n        setFocused(false)\n\n        if (inputtable) {\n            setDateFromInput()\n        }\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter' && inputtable) {\n            closeDropdown()\n            setDateFromInput()\n        }\n    }\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n        if (typeof onFocus === 'function') {\n            onFocus(event)\n        }\n        setFocused(true)\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        openDropdown()\n\n        const date = parseDate(event.target.value)\n        if (dayjs(date).isValid()) {\n            setValue(date)\n            setLastValidValue(date)\n            setInputState(event.target.value)\n            setCalendarMonth(date)\n        } else {\n            setInputState(event.target.value)\n        }\n    }\n\n    return (\n        <BasePicker\n            ref={useMergedRef(ref, inputRef)}\n            inputtable={inputtable}\n            dropdownOpened={dropdownOpened as boolean}\n            setDropdownOpened={setDropdownOpened}\n            size={size}\n            style={style}\n            className={className}\n            name={name}\n            inputLabel={inputState}\n            clearable={\n                type === 'date' ? false : clearable && !!_value && !disabled\n            }\n            clearButton={clearButton}\n            disabled={disabled}\n            type={type}\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onChange={handleChange}\n            onBlur={handleInputBlur}\n            onFocus={handleInputFocus}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            onDropdownClose={onDropdownClose}\n            onDropdownOpen={onDropdownOpen}\n            {...rest}\n        >\n            <Calendar\n                locale={finalLocale}\n                month={inputtable ? calendarMonth : undefined}\n                defaultMonth={\n                    defaultMonth ||\n                    (_value instanceof Date ? _value : new Date())\n                }\n                value={\n                    _value instanceof Date\n                        ? _value\n                        : _value && dayjs(_value).toDate()\n                }\n                labelFormat={labelFormat}\n                dayClassName={dayClassName}\n                dayStyle={dayStyle}\n                disableOutOfMonth={disableOutOfMonth}\n                minDate={minDate}\n                maxDate={maxDate}\n                disableDate={disableDate}\n                firstDayOfWeek={firstDayOfWeek}\n                preventFocus={inputtable}\n                dateViewCount={dateViewCount}\n                enableHeaderLabel={enableHeaderLabel}\n                defaultView={defaultView}\n                hideOutOfMonthDates={hideOutOfMonthDates}\n                hideWeekdays={hideWeekdays}\n                renderDay={renderDay}\n                weekendDays={weekendDays}\n                yearLabelFormat={yearLabelFormat}\n                onMonthChange={setCalendarMonth}\n                onChange={handleValueChange}\n            />\n        </BasePicker>\n    )\n}\n\nexport default DatePicker\n"],"names":["DEFAULT_INPUT_FORMAT","DatePicker","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","renderDay","ref","size","style","type","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","lastValidValue","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","handleClear","parseDate","setDateFromInput","handleInputBlur","event","handleKeyDown","handleInputFocus","handleChange","jsx","BasePicker","useMergedRef","Calendar"],"mappings":"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"}