@orbe-agro/client-core 5.3.86 → 5.3.89

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

@@ -1,116 +1,112 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useState as se, useRef as ie } from "react";
-import y from "dayjs";
-import fe from "../hooks/useControllableState.js";
-import ce from "../hooks/useMergeRef.js";
-import D from "../utils/capitalize.js";
-import de from "./RangeCalendar.js";
-import ue from "./BasePicker.js";
+import { jsx as p } from "react/jsx-runtime";
+import { useState as re, useRef as se } from "react";
+import D from "dayjs";
+import ie from "../hooks/useControllableState.js";
+import ue from "../hooks/useMergeRef.js";
+import h from "../utils/capitalize.js";
+import fe from "./RangeCalendar.js";
+import de from "./BasePicker.js";
 import "../ConfigProvider/index.js";
-import { useConfig as me } from "../ConfigProvider/ConfigProvider.js";
-const b = (a) => Array.isArray(a) && a.length === 2 && a.every((n) => n instanceof Date), pe = (a) => Array.isArray(a) && a.length === 2 && a[0] instanceof Date, ke = (a) => {
+import { useConfig as ce } from "../ConfigProvider/ConfigProvider.js";
+const y = (e) => Array.isArray(e) && e.length === 2 && e.every((o) => o instanceof Date), me = (e) => Array.isArray(e) && e.length === 2 && e[0] instanceof Date, Ve = (e) => {
   const {
-    className: n,
-    clearable: g = !0,
+    className: o,
+    clearable: b = !0,
     clearButton: C,
-    closePickerOnChange: M = !0,
-    dateViewCount: O = 1,
-    dayClassName: V,
-    dayStyle: Y,
-    defaultMonth: k,
-    defaultOpen: w = !1,
-    defaultValue: c,
-    defaultView: L,
-    disabled: P,
-    disableDate: R,
-    enableHeaderLabel: x,
-    disableOutOfMonth: F,
-    firstDayOfWeek: S = "monday",
-    hideOutOfMonthDates: A,
-    hideWeekdays: $,
-    inputFormat: j,
-    inputPrefix: z,
-    inputSuffix: B,
-    labelFormat: N = {
+    closePickerOnChange: g = !0,
+    dateViewCount: w = 1,
+    dayClassName: O,
+    dayStyle: M,
+    defaultMonth: V,
+    defaultOpen: Y = !1,
+    defaultValue: i,
+    defaultView: k,
+    disabled: L,
+    disableDate: P,
+    enableHeaderLabel: R,
+    disableOutOfMonth: x,
+    firstDayOfWeek: F = "monday",
+    hideOutOfMonthDates: S,
+    hideWeekdays: A,
+    inputFormat: v,
+    inputPrefix: $,
+    inputSuffix: j,
+    labelFormat: z = {
       month: "MMM",
       year: "YYYY"
     },
-    separator: T = "~",
-    locale: W,
-    maxDate: H,
-    minDate: q,
-    onChange: E,
-    onDropdownClose: o,
-    onDropdownOpen: r,
-    openPickerOnClear: G = !1,
-    ref: I = null,
-    renderDay: J,
-    singleDate: K = !1,
-    size: Q,
-    style: U,
-    value: X,
-    weekendDays: Z,
-    yearLabelFormat: v,
-    ..._
-  } = a, { locale: ee } = me(), l = W || ee, d = j || "YYYY-MM-DD", [te, s] = se(w), i = ie(null), [e, u] = fe(
+    separator: B = "~",
+    locale: N,
+    maxDate: T,
+    minDate: W,
+    onChange: H,
+    onDropdownClose: u,
+    onDropdownOpen: f,
+    openPickerOnClear: _ = !1,
+    ref: q = null,
+    renderDay: E,
+    singleDate: G = !1,
+    size: I,
+    style: J,
+    value: K,
+    weekendDays: Q,
+    yearLabelFormat: U,
+    ...X
+  } = e, { locale: Z } = ce(), n = N || Z, d = v || "YYYY-MM-DD", [ee, l] = re(Y), r = se(null), [a, c] = ie(
     {
-      prop: X,
-      defaultProp: c !== void 0 ? c : [null, null],
-      onChange: E
+      prop: K,
+      defaultProp: i !== void 0 ? i : [null, null],
+      onChange: H
     }
   ), ae = (t) => {
-    u(t), M && b(t) && (s(!1), o == null || o(), window.setTimeout(() => {
-      var p;
-      return (p = i.current) == null ? void 0 : p.focus();
-    }, 0));
-  }, oe = b(e), f = pe(e), re = e != null && e[0] ? D(y(e[0]).locale(l).format(d)) : "", ne = e != null && e[1] ? D(y(e[1]).locale(l).format(d)) : "", m = () => {
-    var t;
-    u([null, null]), s(!0), G && (r == null || r()), (t = i.current) == null || t.focus();
+    c(t), g && y(t) && (l(!1), u?.(), window.setTimeout(() => r.current?.focus(), 0));
+  }, te = y(a), s = me(a), oe = a?.[0] ? h(D(a[0]).locale(n).format(d)) : "", ne = a?.[1] ? h(D(a[1]).locale(n).format(d)) : "", m = () => {
+    c([null, null]), l(!0), _ && f?.(), r.current?.focus();
   }, le = (t) => {
-    !t && f && (e == null ? void 0 : e[1]) === null && m(), s(t);
+    !t && s && a?.[1] === null && m(), l(t);
   };
-  return /* @__PURE__ */ h(
-    ue,
+  return /* @__PURE__ */ p(
+    de,
     {
-      ref: ce(I, i),
-      dropdownOpened: te,
+      ref: ue(q, r),
+      dropdownOpened: ee,
       setDropdownOpened: le,
-      size: Q,
-      style: U,
-      className: n,
-      inputLabel: f ? `${re} ${T} ${ne}` : "",
-      clearable: g && f,
+      size: I,
+      style: J,
+      className: o,
+      inputLabel: s ? `${oe} ${B} ${ne}` : "",
+      clearable: b && s,
       clearButton: C,
-      disabled: P,
-      inputPrefix: z,
-      inputSuffix: B,
+      disabled: L,
+      inputPrefix: $,
+      inputSuffix: j,
       onClear: m,
-      onDropdownClose: o,
-      onDropdownOpen: r,
-      ..._,
-      children: /* @__PURE__ */ h(
-        de,
+      onDropdownClose: u,
+      onDropdownOpen: f,
+      ...X,
+      children: /* @__PURE__ */ p(
+        fe,
         {
-          locale: l,
-          defaultMonth: oe ? e == null ? void 0 : e[0] : k,
-          value: e,
-          labelFormat: N,
-          dayClassName: V,
-          dayStyle: Y,
-          disableOutOfMonth: F,
-          minDate: q,
-          maxDate: H,
-          disableDate: R,
-          firstDayOfWeek: S,
-          enableHeaderLabel: x,
-          singleDate: K,
-          dateViewCount: O,
-          defaultView: L,
-          hideOutOfMonthDates: A,
-          hideWeekdays: $,
-          renderDay: J,
-          weekendDays: Z,
-          yearLabelFormat: v,
+          locale: n,
+          defaultMonth: te ? a?.[0] : V,
+          value: a,
+          labelFormat: z,
+          dayClassName: O,
+          dayStyle: M,
+          disableOutOfMonth: x,
+          minDate: W,
+          maxDate: T,
+          disableDate: P,
+          firstDayOfWeek: F,
+          enableHeaderLabel: R,
+          singleDate: G,
+          dateViewCount: w,
+          defaultView: k,
+          hideOutOfMonthDates: S,
+          hideWeekdays: A,
+          renderDay: E,
+          weekendDays: Q,
+          yearLabelFormat: U,
           onChange: (t) => ae(t)
         }
       )
@@ -118,6 +114,6 @@ const b = (a) => Array.isArray(a) && a.length === 2 && a.every((n) => n instance
   );
 };
 export {
-  ke as default
+  Ve as default
 };
 //# sourceMappingURL=DatePickerRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRange.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePickerRange.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useRef } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport capitalize from '../utils/capitalize'\nimport RangeCalendar from './RangeCalendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { Ref } from 'react'\n\nexport type DatePickerRangeValue = [Date | null, Date | null]\n\nexport interface DatePickerRangeProps\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?: DatePickerRangeValue\n    inputFormat?: string\n    separator?: string\n    onChange?: (value: DatePickerRangeValue) => void\n    openPickerOnClear?: boolean\n    ref?: Ref<HTMLInputElement>\n    singleDate?: boolean\n    value?: DatePickerRangeValue\n}\n\nconst validationRule = (val: any) =>\n    Array.isArray(val) &&\n    val.length === 2 &&\n    val.every((v) => v instanceof Date)\n\nconst isFirstDateSet = (val: any) =>\n    Array.isArray(val) && val.length === 2 && val[0] instanceof Date\n\nconst DatePickerRange = (props: DatePickerRangeProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        closePickerOnChange = true,\n        dateViewCount = 1,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultOpen = false,\n        defaultValue,\n        defaultView,\n        disabled,\n        disableDate,\n        enableHeaderLabel,\n        disableOutOfMonth,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        inputFormat,\n        inputPrefix,\n        inputSuffix,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        separator = '~',\n        locale,\n        maxDate,\n        minDate,\n        onChange,\n        onDropdownClose,\n        onDropdownOpen,\n        openPickerOnClear = false,\n        ref = null,\n        renderDay,\n        singleDate = false,\n        size,\n        style,\n        value,\n        weekendDays,\n        yearLabelFormat,\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const finalLocale = locale || themeLocale\n\n    const dateFormat = inputFormat || 'YYYY-MM-DD'\n\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [_value, setValue] = useControllableState<[Date | null, Date | null]>(\n        {\n            prop: value,\n            defaultProp:\n                defaultValue !== undefined ? defaultValue : [null, null],\n            onChange,\n        },\n    )\n\n    const handleValueChange = (range: [Date, Date]) => {\n        setValue(range)\n        if (closePickerOnChange && validationRule(range)) {\n            setDropdownOpened(false)\n            onDropdownClose?.()\n            window.setTimeout(() => inputRef.current?.focus(), 0)\n        }\n    }\n\n    const valueValid = validationRule(_value)\n    const firstValueValid = isFirstDateSet(_value)\n\n    const firstDateLabel = _value?.[0]\n        ? capitalize(dayjs(_value[0]).locale(finalLocale).format(dateFormat))\n        : ''\n\n    const secondDateLabel = _value?.[1]\n        ? capitalize(dayjs(_value[1]).locale(finalLocale).format(dateFormat))\n        : ''\n\n    const handleClear = () => {\n        setValue([null, null])\n        setDropdownOpened(true)\n        openPickerOnClear && onDropdownOpen?.()\n        inputRef.current?.focus()\n    }\n\n    const handleDropdownToggle = (isOpened: boolean) => {\n        if (!isOpened && firstValueValid && _value?.[1] === null) {\n            handleClear()\n        }\n        setDropdownOpened(isOpened)\n    }\n\n    return (\n        <BasePicker\n            ref={useMergedRef(ref, inputRef)}\n            dropdownOpened={dropdownOpened as boolean}\n            setDropdownOpened={handleDropdownToggle}\n            size={size}\n            style={style}\n            className={className}\n            inputLabel={\n                firstValueValid\n                    ? `${firstDateLabel} ${separator} ${secondDateLabel}`\n                    : ''\n            }\n            clearable={clearable && firstValueValid}\n            clearButton={clearButton}\n            disabled={disabled}\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onClear={handleClear}\n            onDropdownClose={onDropdownClose}\n            onDropdownOpen={onDropdownOpen}\n            {...rest}\n        >\n            <RangeCalendar\n                locale={finalLocale}\n                defaultMonth={(valueValid ? _value?.[0] : defaultMonth) as Date}\n                value={_value as [Date | null, Date | null]}\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                enableHeaderLabel={enableHeaderLabel}\n                singleDate={singleDate}\n                dateViewCount={dateViewCount}\n                defaultView={defaultView}\n                hideOutOfMonthDates={hideOutOfMonthDates}\n                hideWeekdays={hideWeekdays}\n                renderDay={renderDay}\n                weekendDays={weekendDays}\n                yearLabelFormat={yearLabelFormat}\n                onChange={(date) => handleValueChange(date as [Date, Date])}\n            />\n        </BasePicker>\n    )\n}\n\nexport default DatePickerRange\n"],"names":["validationRule","val","v","isFirstDateSet","DatePickerRange","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","labelFormat","separator","locale","maxDate","minDate","onChange","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","singleDate","size","style","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_value","setValue","useControllableState","handleValueChange","range","_a","valueValid","firstValueValid","firstDateLabel","capitalize","dayjs","secondDateLabel","handleClear","handleDropdownToggle","isOpened","jsx","BasePicker","useMergedRef","RangeCalendar","date"],"mappings":";;;;;;;;;;AAwCA,MAAMA,IAAiB,CAACC,MACpB,MAAM,QAAQA,CAAG,KACjBA,EAAI,WAAW,KACfA,EAAI,MAAM,CAACC,MAAMA,aAAa,IAAI,GAEhCC,KAAiB,CAACF,MACpB,MAAM,QAAQA,CAAG,KAAKA,EAAI,WAAW,KAAKA,EAAI,CAAC,aAAa,MAE1DG,KAAkB,CAACC,MAAgC;AACrD,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,IACtB,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAEV,WAAAC,IAAY;AAAA,IACZ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,KAAAC,IAAM;AAAA,IACN,WAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHvC,GAEE,EAAE,QAAQwC,GAAA,IAAgBC,GAAA,GAE1BC,IAAclB,KAAUgB,IAExBG,IAAaxB,KAAe,cAE5B,CAACyB,IAAgBC,CAAiB,IAAIC,GAASrC,CAAW,GAE1DsC,IAAWC,GAAyB,IAAI,GAExC,CAACC,GAAQC,CAAQ,IAAIC;AAAA,IACvB;AAAA,MACI,MAAMf;AAAA,MACN,aACI1B,MAAiB,SAAYA,IAAe,CAAC,MAAM,IAAI;AAAA,MAC3D,UAAAiB;AAAA,IAAA;AAAA,EACJ,GAGEyB,KAAoB,CAACC,MAAwB;AAC/C,IAAAH,EAASG,CAAK,GACVjD,KAAuBT,EAAe0D,CAAK,MAC3CR,EAAkB,EAAK,GACvBjB,KAAA,QAAAA,KACA,OAAO,WAAW,MAAA;;AAAM,cAAA0B,IAAAP,EAAS,YAAT,gBAAAO,EAAkB;AAAA,OAAS,CAAC;AAAA,EAE5D,GAEMC,KAAa5D,EAAesD,CAAM,GAClCO,IAAkB1D,GAAemD,CAAM,GAEvCQ,KAAiBR,KAAA,QAAAA,EAAS,KAC1BS,EAAWC,EAAMV,EAAO,CAAC,CAAC,EAAE,OAAOP,CAAW,EAAE,OAAOC,CAAU,CAAC,IAClE,IAEAiB,KAAkBX,KAAA,QAAAA,EAAS,KAC3BS,EAAWC,EAAMV,EAAO,CAAC,CAAC,EAAE,OAAOP,CAAW,EAAE,OAAOC,CAAU,CAAC,IAClE,IAEAkB,IAAc,MAAM;;AACtB,IAAAX,EAAS,CAAC,MAAM,IAAI,CAAC,GACrBL,EAAkB,EAAI,GACtBf,MAAqBD,KAAA,QAAAA,OACrByB,IAAAP,EAAS,YAAT,QAAAO,EAAkB;AAAA,EACtB,GAEMQ,KAAuB,CAACC,MAAsB;AAChD,IAAI,CAACA,KAAYP,MAAmBP,KAAA,gBAAAA,EAAS,QAAO,QAChDY,EAAA,GAEJhB,EAAkBkB,CAAQ;AAAA,EAC9B;AAEA,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAKC,GAAanC,GAAKgB,CAAQ;AAAA,MAC/B,gBAAAH;AAAA,MACA,mBAAmBkB;AAAA,MACnB,MAAA5B;AAAA,MACA,OAAAC;AAAA,MACA,WAAAlC;AAAA,MACA,YACIuD,IACM,GAAGC,EAAc,IAAIlC,CAAS,IAAIqC,EAAe,KACjD;AAAA,MAEV,WAAW1D,KAAasD;AAAA,MACxB,aAAArD;AAAA,MACA,UAAAS;AAAA,MACA,aAAAQ;AAAA,MACA,aAAAC;AAAA,MACA,SAASwC;AAAA,MACT,iBAAAjC;AAAA,MACA,gBAAAC;AAAA,MACC,GAAGU;AAAA,MAEJ,UAAA,gBAAAyB;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,QAAQzB;AAAA,UACR,cAAea,KAAaN,KAAA,gBAAAA,EAAS,KAAKzC;AAAA,UAC1C,OAAOyC;AAAA,UACP,aAAA3B;AAAA,UACA,cAAAhB;AAAA,UACA,UAAAC;AAAA,UACA,mBAAAQ;AAAA,UACA,SAAAW;AAAA,UACA,SAAAD;AAAA,UACA,aAAAZ;AAAA,UACA,gBAAAG;AAAA,UACA,mBAAAF;AAAA,UACA,YAAAmB;AAAA,UACA,eAAA5B;AAAA,UACA,aAAAM;AAAA,UACA,qBAAAM;AAAA,UACA,cAAAC;AAAA,UACA,WAAAc;AAAA,UACA,aAAAK;AAAA,UACA,iBAAAC;AAAA,UACA,UAAU,CAAC8B,MAAShB,GAAkBgB,CAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9D;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"DatePickerRange.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DatePickerRange.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useRef } from 'react'\nimport dayjs from 'dayjs'\nimport useControllableState from '../hooks/useControllableState'\nimport useMergedRef from '../hooks/useMergeRef'\nimport capitalize from '../utils/capitalize'\nimport RangeCalendar from './RangeCalendar'\nimport BasePicker from './BasePicker'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\nimport type { BasePickerSharedProps } from './BasePicker'\nimport type { Ref } from 'react'\n\nexport type DatePickerRangeValue = [Date | null, Date | null]\n\nexport interface DatePickerRangeProps\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?: DatePickerRangeValue\n    inputFormat?: string\n    separator?: string\n    onChange?: (value: DatePickerRangeValue) => void\n    openPickerOnClear?: boolean\n    ref?: Ref<HTMLInputElement>\n    singleDate?: boolean\n    value?: DatePickerRangeValue\n}\n\nconst validationRule = (val: any) =>\n    Array.isArray(val) &&\n    val.length === 2 &&\n    val.every((v) => v instanceof Date)\n\nconst isFirstDateSet = (val: any) =>\n    Array.isArray(val) && val.length === 2 && val[0] instanceof Date\n\nconst DatePickerRange = (props: DatePickerRangeProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        closePickerOnChange = true,\n        dateViewCount = 1,\n        dayClassName,\n        dayStyle,\n        defaultMonth,\n        defaultOpen = false,\n        defaultValue,\n        defaultView,\n        disabled,\n        disableDate,\n        enableHeaderLabel,\n        disableOutOfMonth,\n        firstDayOfWeek = 'monday',\n        hideOutOfMonthDates,\n        hideWeekdays,\n        inputFormat,\n        inputPrefix,\n        inputSuffix,\n        labelFormat = {\n            month: 'MMM',\n            year: 'YYYY',\n        },\n        separator = '~',\n        locale,\n        maxDate,\n        minDate,\n        onChange,\n        onDropdownClose,\n        onDropdownOpen,\n        openPickerOnClear = false,\n        ref = null,\n        renderDay,\n        singleDate = false,\n        size,\n        style,\n        value,\n        weekendDays,\n        yearLabelFormat,\n        ...rest\n    } = props\n\n    const { locale: themeLocale } = useConfig()\n\n    const finalLocale = locale || themeLocale\n\n    const dateFormat = inputFormat || 'YYYY-MM-DD'\n\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\n\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    const [_value, setValue] = useControllableState<[Date | null, Date | null]>(\n        {\n            prop: value,\n            defaultProp:\n                defaultValue !== undefined ? defaultValue : [null, null],\n            onChange,\n        },\n    )\n\n    const handleValueChange = (range: [Date, Date]) => {\n        setValue(range)\n        if (closePickerOnChange && validationRule(range)) {\n            setDropdownOpened(false)\n            onDropdownClose?.()\n            window.setTimeout(() => inputRef.current?.focus(), 0)\n        }\n    }\n\n    const valueValid = validationRule(_value)\n    const firstValueValid = isFirstDateSet(_value)\n\n    const firstDateLabel = _value?.[0]\n        ? capitalize(dayjs(_value[0]).locale(finalLocale).format(dateFormat))\n        : ''\n\n    const secondDateLabel = _value?.[1]\n        ? capitalize(dayjs(_value[1]).locale(finalLocale).format(dateFormat))\n        : ''\n\n    const handleClear = () => {\n        setValue([null, null])\n        setDropdownOpened(true)\n        openPickerOnClear && onDropdownOpen?.()\n        inputRef.current?.focus()\n    }\n\n    const handleDropdownToggle = (isOpened: boolean) => {\n        if (!isOpened && firstValueValid && _value?.[1] === null) {\n            handleClear()\n        }\n        setDropdownOpened(isOpened)\n    }\n\n    return (\n        <BasePicker\n            ref={useMergedRef(ref, inputRef)}\n            dropdownOpened={dropdownOpened as boolean}\n            setDropdownOpened={handleDropdownToggle}\n            size={size}\n            style={style}\n            className={className}\n            inputLabel={\n                firstValueValid\n                    ? `${firstDateLabel} ${separator} ${secondDateLabel}`\n                    : ''\n            }\n            clearable={clearable && firstValueValid}\n            clearButton={clearButton}\n            disabled={disabled}\n            inputPrefix={inputPrefix}\n            inputSuffix={inputSuffix}\n            onClear={handleClear}\n            onDropdownClose={onDropdownClose}\n            onDropdownOpen={onDropdownOpen}\n            {...rest}\n        >\n            <RangeCalendar\n                locale={finalLocale}\n                defaultMonth={(valueValid ? _value?.[0] : defaultMonth) as Date}\n                value={_value as [Date | null, Date | null]}\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                enableHeaderLabel={enableHeaderLabel}\n                singleDate={singleDate}\n                dateViewCount={dateViewCount}\n                defaultView={defaultView}\n                hideOutOfMonthDates={hideOutOfMonthDates}\n                hideWeekdays={hideWeekdays}\n                renderDay={renderDay}\n                weekendDays={weekendDays}\n                yearLabelFormat={yearLabelFormat}\n                onChange={(date) => handleValueChange(date as [Date, Date])}\n            />\n        </BasePicker>\n    )\n}\n\nexport default DatePickerRange\n"],"names":["validationRule","val","v","isFirstDateSet","DatePickerRange","props","className","clearable","clearButton","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","labelFormat","separator","locale","maxDate","minDate","onChange","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","singleDate","size","style","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_value","setValue","useControllableState","handleValueChange","range","valueValid","firstValueValid","firstDateLabel","capitalize","dayjs","secondDateLabel","handleClear","handleDropdownToggle","isOpened","jsx","BasePicker","useMergedRef","RangeCalendar","date"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-import { jsxs as V, jsx as w } from "react/jsx-runtime";
-import { useState as c, useRef as be, useEffect as Ce } from "react";
+import { jsxs as V, jsx as g } from "react/jsx-runtime";
+import { useState as u, useRef as we, useEffect as be } from "react";
 import n from "dayjs";
 import ye from "../hooks/useControllableState.js";
-import Fe from "../hooks/useMergeRef.js";
-import f from "../utils/capitalize.js";
-import Oe from "../TimeInput/TimeInput.js";
+import Oe from "../hooks/useMergeRef.js";
+import c from "../utils/capitalize.js";
+import Fe from "../TimeInput/TimeInput.js";
 import ke from "./Calendar.js";
 import Te from "./BasePicker.js";
 import Ye from "../Button/Button.js";
@@ -19,11 +19,11 @@ const Ve = "DD-MMM-YYYY hh:mm a", xe = (x) => {
     dateViewCount: B,
     dayClassName: H,
     dayStyle: I,
-    defaultMonth: b,
+    defaultMonth: M,
     defaultOpen: N = !1,
     defaultValue: C,
     defaultView: z,
-    disabled: y = !1,
+    disabled: w = !1,
     disableDate: R,
     enableHeaderLabel: _,
     disableOutOfMonth: j,
@@ -43,35 +43,35 @@ const Ve = "DD-MMM-YYYY hh:mm a", xe = (x) => {
     minDate: Z,
     name: $ = "dateTime",
     okButtonContent: ee = "OK",
-    onBlur: F,
-    onChange: i,
-    onFocus: O,
-    onDropdownClose: m,
-    onDropdownOpen: d,
+    onBlur: b,
+    onChange: d,
+    onFocus: y,
+    onDropdownClose: O,
+    onDropdownOpen: F,
     openPickerOnClear: te,
     ref: ae = null,
     renderDay: oe,
     size: ne,
-    value: u,
+    value: i,
     weekendDays: le,
     yearLabelFormat: se,
     ...re
-  } = x, { locale: ie } = ve(), l = Q || ie, r = W || Ve, [ue, D] = c(N), p = be(null), [Le, k] = c(C ?? null), [t, h] = ye({
-    prop: u,
+  } = x, { locale: ie } = ve(), l = Q || ie, r = W || Ve, [ue, p] = u(N), f = we(null), [Le, k] = u(C ?? null), [t, m] = ye({
+    prop: i,
     defaultProp: C,
-    onChange: i
-  }), [ce, T] = c(
-    t || b || /* @__PURE__ */ new Date()
-  ), [g, Y] = c(!1), [fe, o] = c(
-    t instanceof Date ? f(n(t).locale(l).format(r)) : ""
-  ), M = () => {
-    D(!1), m == null || m();
+    onChange: d
+  }), [ce, T] = u(
+    t || M || /* @__PURE__ */ new Date()
+  ), [h, Y] = u(!1), [fe, o] = u(
+    t instanceof Date ? c(n(t).locale(l).format(r)) : ""
+  ), D = () => {
+    p(!1), O?.();
   }, v = () => {
-    D(!0), d == null || d();
+    p(!0), F?.();
   };
-  Ce(() => {
-    u === null && !g && o(""), u instanceof Date && !g && o(n(u).locale(l).format(r));
-  }, [u, g]);
+  be(() => {
+    i === null && !h && o(""), i instanceof Date && !h && o(n(i).locale(l).format(r));
+  }, [i, h]);
   const me = (e) => {
     if (t)
       e.setHours(t.getHours()), e.setMinutes(t.getMinutes());
@@ -79,23 +79,19 @@ const Ve = "DD-MMM-YYYY hh:mm a", xe = (x) => {
       const a = new Date(Date.now());
       e.setHours(a.getHours()), e.setMinutes(a.getMinutes());
     }
-    h(e), !u && !s && o(n(e).locale(l).format(r)), s && o(
-      f(n(e).locale(l).format(r))
-    ), s && M(), window.setTimeout(() => {
-      var a;
-      return (a = p.current) == null ? void 0 : a.focus();
-    }, 0);
+    m(e), !i && !s && o(n(e).locale(l).format(r)), s && o(
+      c(n(e).locale(l).format(r))
+    ), s && D(), window.setTimeout(() => f.current?.focus(), 0);
   }, de = () => {
-    var e;
-    h(null), k(null), o(""), te && v(), (e = p.current) == null || e.focus(), i == null || i(null);
+    m(null), k(null), o(""), te && v(), f.current?.focus(), d?.(null);
   }, pe = (e) => n(e, r, l).toDate(), he = (e) => {
-    typeof F == "function" && F(e), Y(!1);
+    typeof b == "function" && b(e), Y(!1);
   }, De = (e) => {
-    typeof O == "function" && O(e), Y(!0);
+    typeof y == "function" && y(e), Y(!0);
   }, ge = (e) => {
     v();
     const a = pe(e.target.value);
-    n(a).isValid() ? (h(a), k(a), s && o(e.target.value), T(a)) : s && o(e.target.value);
+    n(a).isValid() ? (m(a), k(a), s && o(e.target.value), T(a)) : s && o(e.target.value);
   }, Me = (e) => {
     if (t instanceof Date && e instanceof Date) {
       const a = new Date(
@@ -107,36 +103,33 @@ const Ve = "DD-MMM-YYYY hh:mm a", xe = (x) => {
         e.getSeconds(),
         e.getMilliseconds()
       );
-      h(a), !u && !s && o(
-        f(
+      m(a), !i && !s && o(
+        c(
           n(a).locale(l).format(r)
         )
       ), s && o(
-        f(
+        c(
           n(a).locale(l).format(r)
         )
       );
     }
-    s && M();
-  }, we = () => {
+    s && D();
+  }, Ce = () => {
     o(
-      f(n(t).locale(l).format(r))
-    ), M(), window.setTimeout(() => {
-      var e;
-      return (e = p.current) == null ? void 0 : e.focus();
-    }, 0), i == null || i(t);
+      c(n(t).locale(l).format(r))
+    ), D(), window.setTimeout(() => f.current?.focus(), 0), d?.(t);
   };
   return /* @__PURE__ */ V(
     Te,
     {
-      ref: Fe(ae, p),
+      ref: Oe(ae, f),
       dropdownOpened: ue,
-      setDropdownOpened: D,
+      setDropdownOpened: p,
       className: P,
       name: $,
       inputLabel: fe,
-      clearable: S && !!t && !y,
-      disabled: y,
+      clearable: S && !!t && !w,
+      disabled: w,
       size: ne,
       inputPrefix: K,
       inputSuffix: q,
@@ -144,16 +137,16 @@ const Ve = "DD-MMM-YYYY hh:mm a", xe = (x) => {
       onBlur: he,
       onFocus: De,
       onClear: de,
-      onDropdownClose: m,
-      onDropdownOpen: d,
+      onDropdownClose: O,
+      onDropdownOpen: F,
       ...re,
       children: [
-        /* @__PURE__ */ w(
+        /* @__PURE__ */ g(
           ke,
           {
             locale: l,
             month: G ? ce : void 0,
-            defaultMonth: b || (t instanceof Date ? t : /* @__PURE__ */ new Date()),
+            defaultMonth: M || (t instanceof Date ? t : /* @__PURE__ */ new Date()),
             value: t instanceof Date ? t : t && n(t).toDate(),
             labelFormat: J,
             dayClassName: H,
@@ -177,8 +170,8 @@ const Ve = "DD-MMM-YYYY hh:mm a", xe = (x) => {
           }
         ),
         /* @__PURE__ */ V("div", { className: "flex items-center gap-4 mt-4", children: [
-          /* @__PURE__ */ w(
-            Oe,
+          /* @__PURE__ */ g(
+            Fe,
             {
               disabled: !t,
               value: t,
@@ -188,7 +181,7 @@ const Ve = "DD-MMM-YYYY hh:mm a", xe = (x) => {
               onChange: Me
             }
           ),
-          /* @__PURE__ */ w(Ye, { size: "sm", disabled: !t, onClick: we, children: ee })
+          /* @__PURE__ */ g(Ye, { size: "sm", disabled: !t, onClick: Ce, children: ee })
         ] })
       ]
     }

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimepicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DateTimepicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\r\nimport dayjs from 'dayjs'\r\nimport useControllableState from '../hooks/useControllableState'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport capitalize from '../utils/capitalize'\r\nimport TimeInput from '../TimeInput/TimeInput'\r\nimport Calendar from './Calendar'\r\nimport BasePicker from './BasePicker'\r\nimport Button from '../Button/Button'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CalendarSharedProps } from './CalendarBase'\r\nimport type { BasePickerSharedProps } from './BasePicker'\r\nimport type { FocusEvent, ChangeEvent, Ref } from 'react'\r\n\r\nexport interface DateTimepickerProps\r\n    extends CommonProps,\r\n        Omit<\r\n            CalendarSharedProps,\r\n            | 'onMonthChange'\r\n            | 'onChange'\r\n            | 'isDateInRange'\r\n            | 'isDateFirstInRange'\r\n            | 'isDateLastInRange'\r\n            | 'month'\r\n        >,\r\n        BasePickerSharedProps {\r\n    closePickerOnChange?: boolean\r\n    defaultOpen?: boolean\r\n    defaultValue?: Date | null\r\n    value?: Date | null\r\n    inputFormat?: string\r\n    openPickerOnClear?: boolean\r\n    onChange?: (value: Date | null) => void\r\n    ref?: Ref<HTMLInputElement>\r\n    amPm?: boolean\r\n    okButtonContent?: boolean\r\n}\r\n\r\nconst DEFAULT_INPUT_FORMAT = 'DD-MMM-YYYY hh:mm a'\r\n\r\nconst DateTimepicker = (props: DateTimepickerProps) => {\r\n    const {\r\n        amPm = true,\r\n        className,\r\n        clearable = true,\r\n        closePickerOnChange = false,\r\n        dateViewCount,\r\n        dayClassName,\r\n        dayStyle,\r\n        defaultMonth,\r\n        defaultOpen = false,\r\n        defaultValue,\r\n        defaultView,\r\n        disabled = false,\r\n        disableDate,\r\n        enableHeaderLabel,\r\n        disableOutOfMonth,\r\n        firstDayOfWeek = 'monday',\r\n        hideOutOfMonthDates,\r\n        hideWeekdays,\r\n        inputFormat,\r\n        inputPrefix,\r\n        inputSuffix,\r\n        inputtable,\r\n        labelFormat = {\r\n            month: 'MMM',\r\n            year: 'YYYY',\r\n        },\r\n        locale,\r\n        maxDate,\r\n        minDate,\r\n        name = 'dateTime',\r\n        okButtonContent = 'OK',\r\n        onBlur,\r\n        onChange,\r\n        onFocus,\r\n        onDropdownClose,\r\n        onDropdownOpen,\r\n        openPickerOnClear,\r\n        ref = null,\r\n        renderDay,\r\n        size,\r\n        value,\r\n        weekendDays,\r\n        yearLabelFormat,\r\n        ...rest\r\n    } = props\r\n\r\n    const { locale: themeLocale } = useConfig()\r\n\r\n    const finalLocale = locale || themeLocale\r\n\r\n    const dateFormat = inputFormat || DEFAULT_INPUT_FORMAT\r\n\r\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const [_, setLastValidValue] = useState(defaultValue ?? null)\r\n    const [_value, setValue] = useControllableState({\r\n        prop: value,\r\n        defaultProp: defaultValue,\r\n        onChange,\r\n    })\r\n\r\n    const [calendarMonth, setCalendarMonth] = useState(\r\n        _value || defaultMonth || new Date(),\r\n    )\r\n\r\n    const [focused, setFocused] = useState(false)\r\n    const [inputState, setInputState] = useState(\r\n        _value instanceof Date\r\n            ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\r\n            : '',\r\n    )\r\n\r\n    const closeDropdown = () => {\r\n        setDropdownOpened(false)\r\n        onDropdownClose?.()\r\n    }\r\n\r\n    const openDropdown = () => {\r\n        setDropdownOpened(true)\r\n        onDropdownOpen?.()\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (value === null && !focused) {\r\n            setInputState('')\r\n        }\r\n\r\n        if (value instanceof Date && !focused) {\r\n            setInputState(dayjs(value).locale(finalLocale).format(dateFormat))\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [value, focused])\r\n\r\n    const handleValueChange = (date: Date) => {\r\n        if (_value) {\r\n            date.setHours(_value.getHours())\r\n            date.setMinutes(_value.getMinutes())\r\n        } else {\r\n            const now = new Date(Date.now())\r\n            date.setHours(now.getHours())\r\n            date.setMinutes(now.getMinutes())\r\n        }\r\n        setValue(date)\r\n        if (!value && !closePickerOnChange) {\r\n            setInputState(dayjs(date).locale(finalLocale).format(dateFormat))\r\n        }\r\n        closePickerOnChange &&\r\n            setInputState(\r\n                capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\r\n            )\r\n        closePickerOnChange && closeDropdown()\r\n        window.setTimeout(() => inputRef.current?.focus(), 0)\r\n    }\r\n\r\n    const handleClear = () => {\r\n        setValue(null)\r\n        setLastValidValue(null)\r\n        setInputState('')\r\n        openPickerOnClear && openDropdown()\r\n        inputRef.current?.focus()\r\n        onChange?.(null)\r\n    }\r\n\r\n    const parseDate = (date: string) =>\r\n        dayjs(date, dateFormat, finalLocale).toDate()\r\n\r\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onBlur === 'function' && onBlur(event)\r\n        setFocused(false)\r\n    }\r\n\r\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onFocus === 'function' && onFocus(event)\r\n        setFocused(true)\r\n    }\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n        openDropdown()\r\n\r\n        const date = parseDate(event.target.value)\r\n        if (dayjs(date).isValid()) {\r\n            setValue(date)\r\n            setLastValidValue(date)\r\n            closePickerOnChange && setInputState(event.target.value)\r\n            setCalendarMonth(date)\r\n        } else {\r\n            closePickerOnChange && setInputState(event.target.value)\r\n        }\r\n    }\r\n\r\n    const handleTimeChange = (time: Date | null) => {\r\n        if (_value instanceof Date && time instanceof Date) {\r\n            const newDateTime = new Date(\r\n                _value.getFullYear(),\r\n                _value.getMonth(),\r\n                _value.getDate(),\r\n                time.getHours(),\r\n                time.getMinutes(),\r\n                time.getSeconds(),\r\n                time.getMilliseconds(),\r\n            )\r\n            setValue(newDateTime)\r\n\r\n            if (!value && !closePickerOnChange) {\r\n                setInputState(\r\n                    capitalize(\r\n                        dayjs(newDateTime)\r\n                            .locale(finalLocale)\r\n                            .format(dateFormat),\r\n                    ),\r\n                )\r\n            }\r\n\r\n            closePickerOnChange &&\r\n                setInputState(\r\n                    capitalize(\r\n                        dayjs(newDateTime)\r\n                            .locale(finalLocale)\r\n                            .format(dateFormat),\r\n                    ),\r\n                )\r\n        }\r\n        closePickerOnChange && closeDropdown()\r\n    }\r\n\r\n    const handleOk = () => {\r\n        setInputState(\r\n            capitalize(dayjs(_value).locale(finalLocale).format(dateFormat)),\r\n        )\r\n        closeDropdown()\r\n        window.setTimeout(() => inputRef.current?.focus(), 0)\r\n        onChange?.(_value as Date | null)\r\n    }\r\n\r\n    return (\r\n        <BasePicker\r\n            ref={useMergedRef(ref, inputRef)}\r\n            dropdownOpened={dropdownOpened as boolean}\r\n            setDropdownOpened={setDropdownOpened}\r\n            className={className}\r\n            name={name}\r\n            inputLabel={inputState}\r\n            clearable={clearable && !!_value && !disabled}\r\n            disabled={disabled}\r\n            size={size}\r\n            inputPrefix={inputPrefix}\r\n            inputSuffix={inputSuffix}\r\n            onChange={handleChange}\r\n            onBlur={handleInputBlur}\r\n            onFocus={handleInputFocus}\r\n            onClear={handleClear}\r\n            onDropdownClose={onDropdownClose}\r\n            onDropdownOpen={onDropdownOpen}\r\n            {...rest}\r\n        >\r\n            <Calendar\r\n                locale={finalLocale}\r\n                month={inputtable ? calendarMonth : undefined}\r\n                defaultMonth={\r\n                    defaultMonth ||\r\n                    (_value instanceof Date ? _value : new Date())\r\n                }\r\n                value={\r\n                    _value instanceof Date\r\n                        ? _value\r\n                        : _value && dayjs(_value).toDate()\r\n                }\r\n                labelFormat={labelFormat}\r\n                dayClassName={dayClassName}\r\n                dayStyle={dayStyle}\r\n                disableOutOfMonth={disableOutOfMonth}\r\n                minDate={minDate}\r\n                maxDate={maxDate}\r\n                disableDate={disableDate}\r\n                firstDayOfWeek={firstDayOfWeek}\r\n                preventFocus={false}\r\n                dateViewCount={dateViewCount}\r\n                enableHeaderLabel={enableHeaderLabel}\r\n                defaultView={defaultView}\r\n                hideOutOfMonthDates={hideOutOfMonthDates}\r\n                hideWeekdays={hideWeekdays}\r\n                renderDay={renderDay}\r\n                weekendDays={weekendDays}\r\n                yearLabelFormat={yearLabelFormat}\r\n                onMonthChange={setCalendarMonth}\r\n                onChange={handleValueChange}\r\n            />\r\n            <div className=\"flex items-center gap-4 mt-4\">\r\n                <TimeInput\r\n                    disabled={!_value}\r\n                    value={_value}\r\n                    format={amPm ? '12' : '24'}\r\n                    clearable={false}\r\n                    size=\"sm\"\r\n                    onChange={handleTimeChange}\r\n                />\r\n                <Button size=\"sm\" disabled={!_value} onClick={handleOk}>\r\n                    {okButtonContent}\r\n                </Button>\r\n            </div>\r\n        </BasePicker>\r\n    )\r\n}\r\n\r\nDateTimepicker.displayName = 'DateTimepicker'\r\n\r\nexport default DateTimepicker\r\n"],"names":["DEFAULT_INPUT_FORMAT","DateTimepicker","props","amPm","className","clearable","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","okButtonContent","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","size","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","now","_a","handleClear","parseDate","handleInputBlur","event","handleInputFocus","handleChange","handleTimeChange","time","newDateTime","handleOk","jsxs","BasePicker","useMergedRef","jsx","Calendar","TimeInput","Button"],"mappings":"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"}
+{"version":3,"file":"DateTimepicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/DateTimepicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\r\nimport dayjs from 'dayjs'\r\nimport useControllableState from '../hooks/useControllableState'\r\nimport useMergedRef from '../hooks/useMergeRef'\r\nimport capitalize from '../utils/capitalize'\r\nimport TimeInput from '../TimeInput/TimeInput'\r\nimport Calendar from './Calendar'\r\nimport BasePicker from './BasePicker'\r\nimport Button from '../Button/Button'\r\nimport { useConfig } from '../ConfigProvider'\r\nimport type { CommonProps } from '../@types/common'\r\nimport type { CalendarSharedProps } from './CalendarBase'\r\nimport type { BasePickerSharedProps } from './BasePicker'\r\nimport type { FocusEvent, ChangeEvent, Ref } from 'react'\r\n\r\nexport interface DateTimepickerProps\r\n    extends CommonProps,\r\n        Omit<\r\n            CalendarSharedProps,\r\n            | 'onMonthChange'\r\n            | 'onChange'\r\n            | 'isDateInRange'\r\n            | 'isDateFirstInRange'\r\n            | 'isDateLastInRange'\r\n            | 'month'\r\n        >,\r\n        BasePickerSharedProps {\r\n    closePickerOnChange?: boolean\r\n    defaultOpen?: boolean\r\n    defaultValue?: Date | null\r\n    value?: Date | null\r\n    inputFormat?: string\r\n    openPickerOnClear?: boolean\r\n    onChange?: (value: Date | null) => void\r\n    ref?: Ref<HTMLInputElement>\r\n    amPm?: boolean\r\n    okButtonContent?: boolean\r\n}\r\n\r\nconst DEFAULT_INPUT_FORMAT = 'DD-MMM-YYYY hh:mm a'\r\n\r\nconst DateTimepicker = (props: DateTimepickerProps) => {\r\n    const {\r\n        amPm = true,\r\n        className,\r\n        clearable = true,\r\n        closePickerOnChange = false,\r\n        dateViewCount,\r\n        dayClassName,\r\n        dayStyle,\r\n        defaultMonth,\r\n        defaultOpen = false,\r\n        defaultValue,\r\n        defaultView,\r\n        disabled = false,\r\n        disableDate,\r\n        enableHeaderLabel,\r\n        disableOutOfMonth,\r\n        firstDayOfWeek = 'monday',\r\n        hideOutOfMonthDates,\r\n        hideWeekdays,\r\n        inputFormat,\r\n        inputPrefix,\r\n        inputSuffix,\r\n        inputtable,\r\n        labelFormat = {\r\n            month: 'MMM',\r\n            year: 'YYYY',\r\n        },\r\n        locale,\r\n        maxDate,\r\n        minDate,\r\n        name = 'dateTime',\r\n        okButtonContent = 'OK',\r\n        onBlur,\r\n        onChange,\r\n        onFocus,\r\n        onDropdownClose,\r\n        onDropdownOpen,\r\n        openPickerOnClear,\r\n        ref = null,\r\n        renderDay,\r\n        size,\r\n        value,\r\n        weekendDays,\r\n        yearLabelFormat,\r\n        ...rest\r\n    } = props\r\n\r\n    const { locale: themeLocale } = useConfig()\r\n\r\n    const finalLocale = locale || themeLocale\r\n\r\n    const dateFormat = inputFormat || DEFAULT_INPUT_FORMAT\r\n\r\n    const [dropdownOpened, setDropdownOpened] = useState(defaultOpen)\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n    const [_, setLastValidValue] = useState(defaultValue ?? null)\r\n    const [_value, setValue] = useControllableState({\r\n        prop: value,\r\n        defaultProp: defaultValue,\r\n        onChange,\r\n    })\r\n\r\n    const [calendarMonth, setCalendarMonth] = useState(\r\n        _value || defaultMonth || new Date(),\r\n    )\r\n\r\n    const [focused, setFocused] = useState(false)\r\n    const [inputState, setInputState] = useState(\r\n        _value instanceof Date\r\n            ? capitalize(dayjs(_value).locale(finalLocale).format(dateFormat))\r\n            : '',\r\n    )\r\n\r\n    const closeDropdown = () => {\r\n        setDropdownOpened(false)\r\n        onDropdownClose?.()\r\n    }\r\n\r\n    const openDropdown = () => {\r\n        setDropdownOpened(true)\r\n        onDropdownOpen?.()\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (value === null && !focused) {\r\n            setInputState('')\r\n        }\r\n\r\n        if (value instanceof Date && !focused) {\r\n            setInputState(dayjs(value).locale(finalLocale).format(dateFormat))\r\n        }\r\n        // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [value, focused])\r\n\r\n    const handleValueChange = (date: Date) => {\r\n        if (_value) {\r\n            date.setHours(_value.getHours())\r\n            date.setMinutes(_value.getMinutes())\r\n        } else {\r\n            const now = new Date(Date.now())\r\n            date.setHours(now.getHours())\r\n            date.setMinutes(now.getMinutes())\r\n        }\r\n        setValue(date)\r\n        if (!value && !closePickerOnChange) {\r\n            setInputState(dayjs(date).locale(finalLocale).format(dateFormat))\r\n        }\r\n        closePickerOnChange &&\r\n            setInputState(\r\n                capitalize(dayjs(date).locale(finalLocale).format(dateFormat)),\r\n            )\r\n        closePickerOnChange && closeDropdown()\r\n        window.setTimeout(() => inputRef.current?.focus(), 0)\r\n    }\r\n\r\n    const handleClear = () => {\r\n        setValue(null)\r\n        setLastValidValue(null)\r\n        setInputState('')\r\n        openPickerOnClear && openDropdown()\r\n        inputRef.current?.focus()\r\n        onChange?.(null)\r\n    }\r\n\r\n    const parseDate = (date: string) =>\r\n        dayjs(date, dateFormat, finalLocale).toDate()\r\n\r\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onBlur === 'function' && onBlur(event)\r\n        setFocused(false)\r\n    }\r\n\r\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\r\n        typeof onFocus === 'function' && onFocus(event)\r\n        setFocused(true)\r\n    }\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n        openDropdown()\r\n\r\n        const date = parseDate(event.target.value)\r\n        if (dayjs(date).isValid()) {\r\n            setValue(date)\r\n            setLastValidValue(date)\r\n            closePickerOnChange && setInputState(event.target.value)\r\n            setCalendarMonth(date)\r\n        } else {\r\n            closePickerOnChange && setInputState(event.target.value)\r\n        }\r\n    }\r\n\r\n    const handleTimeChange = (time: Date | null) => {\r\n        if (_value instanceof Date && time instanceof Date) {\r\n            const newDateTime = new Date(\r\n                _value.getFullYear(),\r\n                _value.getMonth(),\r\n                _value.getDate(),\r\n                time.getHours(),\r\n                time.getMinutes(),\r\n                time.getSeconds(),\r\n                time.getMilliseconds(),\r\n            )\r\n            setValue(newDateTime)\r\n\r\n            if (!value && !closePickerOnChange) {\r\n                setInputState(\r\n                    capitalize(\r\n                        dayjs(newDateTime)\r\n                            .locale(finalLocale)\r\n                            .format(dateFormat),\r\n                    ),\r\n                )\r\n            }\r\n\r\n            closePickerOnChange &&\r\n                setInputState(\r\n                    capitalize(\r\n                        dayjs(newDateTime)\r\n                            .locale(finalLocale)\r\n                            .format(dateFormat),\r\n                    ),\r\n                )\r\n        }\r\n        closePickerOnChange && closeDropdown()\r\n    }\r\n\r\n    const handleOk = () => {\r\n        setInputState(\r\n            capitalize(dayjs(_value).locale(finalLocale).format(dateFormat)),\r\n        )\r\n        closeDropdown()\r\n        window.setTimeout(() => inputRef.current?.focus(), 0)\r\n        onChange?.(_value as Date | null)\r\n    }\r\n\r\n    return (\r\n        <BasePicker\r\n            ref={useMergedRef(ref, inputRef)}\r\n            dropdownOpened={dropdownOpened as boolean}\r\n            setDropdownOpened={setDropdownOpened}\r\n            className={className}\r\n            name={name}\r\n            inputLabel={inputState}\r\n            clearable={clearable && !!_value && !disabled}\r\n            disabled={disabled}\r\n            size={size}\r\n            inputPrefix={inputPrefix}\r\n            inputSuffix={inputSuffix}\r\n            onChange={handleChange}\r\n            onBlur={handleInputBlur}\r\n            onFocus={handleInputFocus}\r\n            onClear={handleClear}\r\n            onDropdownClose={onDropdownClose}\r\n            onDropdownOpen={onDropdownOpen}\r\n            {...rest}\r\n        >\r\n            <Calendar\r\n                locale={finalLocale}\r\n                month={inputtable ? calendarMonth : undefined}\r\n                defaultMonth={\r\n                    defaultMonth ||\r\n                    (_value instanceof Date ? _value : new Date())\r\n                }\r\n                value={\r\n                    _value instanceof Date\r\n                        ? _value\r\n                        : _value && dayjs(_value).toDate()\r\n                }\r\n                labelFormat={labelFormat}\r\n                dayClassName={dayClassName}\r\n                dayStyle={dayStyle}\r\n                disableOutOfMonth={disableOutOfMonth}\r\n                minDate={minDate}\r\n                maxDate={maxDate}\r\n                disableDate={disableDate}\r\n                firstDayOfWeek={firstDayOfWeek}\r\n                preventFocus={false}\r\n                dateViewCount={dateViewCount}\r\n                enableHeaderLabel={enableHeaderLabel}\r\n                defaultView={defaultView}\r\n                hideOutOfMonthDates={hideOutOfMonthDates}\r\n                hideWeekdays={hideWeekdays}\r\n                renderDay={renderDay}\r\n                weekendDays={weekendDays}\r\n                yearLabelFormat={yearLabelFormat}\r\n                onMonthChange={setCalendarMonth}\r\n                onChange={handleValueChange}\r\n            />\r\n            <div className=\"flex items-center gap-4 mt-4\">\r\n                <TimeInput\r\n                    disabled={!_value}\r\n                    value={_value}\r\n                    format={amPm ? '12' : '24'}\r\n                    clearable={false}\r\n                    size=\"sm\"\r\n                    onChange={handleTimeChange}\r\n                />\r\n                <Button size=\"sm\" disabled={!_value} onClick={handleOk}>\r\n                    {okButtonContent}\r\n                </Button>\r\n            </div>\r\n        </BasePicker>\r\n    )\r\n}\r\n\r\nDateTimepicker.displayName = 'DateTimepicker'\r\n\r\nexport default DateTimepicker\r\n"],"names":["DEFAULT_INPUT_FORMAT","DateTimepicker","props","amPm","className","clearable","closePickerOnChange","dateViewCount","dayClassName","dayStyle","defaultMonth","defaultOpen","defaultValue","defaultView","disabled","disableDate","enableHeaderLabel","disableOutOfMonth","firstDayOfWeek","hideOutOfMonthDates","hideWeekdays","inputFormat","inputPrefix","inputSuffix","inputtable","labelFormat","locale","maxDate","minDate","name","okButtonContent","onBlur","onChange","onFocus","onDropdownClose","onDropdownOpen","openPickerOnClear","ref","renderDay","size","value","weekendDays","yearLabelFormat","rest","themeLocale","useConfig","finalLocale","dateFormat","dropdownOpened","setDropdownOpened","useState","inputRef","useRef","_","setLastValidValue","_value","setValue","useControllableState","calendarMonth","setCalendarMonth","focused","setFocused","inputState","setInputState","capitalize","dayjs","closeDropdown","openDropdown","useEffect","handleValueChange","date","now","handleClear","parseDate","handleInputBlur","event","handleInputFocus","handleChange","handleTimeChange","time","newDateTime","handleOk","jsxs","BasePicker","useMergedRef","jsx","Calendar","TimeInput","Button"],"mappings":"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"}