@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/components/ui/TimeInput/AmPmInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmPmInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/AmPmInput.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport classNames from 'classnames'\nimport useMergedRef from '../hooks/useMergeRef'\nimport type { CommonProps } from '../@types/common'\nimport type {\n    FocusEvent,\n    MouseEvent,\n    KeyboardEvent,\n    ChangeEvent,\n    Ref,\n} from 'react'\n\ninterface AmPmInputProps extends CommonProps {\n    disabled?: boolean\n    amLabel?: string\n    onChange: (value: string, triggerShift: boolean) => void\n    onFocus?: (e: FocusEvent<HTMLInputElement>) => void\n    ref?: Ref<HTMLInputElement>\n    placeholder?: string\n    pmLabel?: string\n    value: string | number | readonly string[]\n}\n\nconst AmPmInput = (props: AmPmInputProps) => {\n    const {\n        className,\n        onChange,\n        onFocus,\n        value,\n        amLabel,\n        pmLabel,\n        ref = null,\n        ...rest\n    } = props\n\n    const inputRef = useRef<HTMLInputElement>(undefined)\n\n    const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n        event.stopPropagation()\n        inputRef?.current?.select()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            event.preventDefault()\n            onChange(\n                value === amLabel ? (pmLabel as string) : (amLabel as string),\n                true,\n            )\n        }\n    }\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n        typeof onFocus === 'function' && onFocus(event)\n        inputRef?.current?.select()\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const lastInputVal = event.target.value.slice(-1).toLowerCase()\n\n        if (lastInputVal === 'p') {\n            event.preventDefault()\n            onChange(pmLabel as string, true)\n            return\n        }\n\n        if (lastInputVal === 'a') {\n            event.preventDefault()\n            onChange(amLabel as string, true)\n            return\n        }\n\n        onChange(value.toString(), true)\n    }\n\n    return (\n        <input\n            ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\n            type=\"text\"\n            value={value}\n            className={classNames('time-input-field', 'am-pm-input', className)}\n            onClick={handleClick}\n            onFocus={handleFocus}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            {...rest}\n        />\n    )\n}\n\nexport default AmPmInput\n"],"names":["AmPmInput","props","className","onChange","onFocus","value","amLabel","pmLabel","ref","rest","inputRef","useRef","handleClick","event","_a","handleKeyDown","handleFocus","handleChange","lastInputVal","jsx","useMergedRef","classNames"],"mappings":";;;;AAuBA,MAAMA,IAAY,CAACC,MAA0B;AACzC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACHR,GAEES,IAAWC,EAAyB,MAAS,GAE7CC,IAAc,CAACC,MAAwC;;AACzD,IAAAA,EAAM,gBAAA,IACNC,IAAAJ,KAAA,gBAAAA,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACvB,GAEMC,IAAgB,CAACF,MAA2C;AAC9D,KAAIA,EAAM,QAAQ,aAAaA,EAAM,QAAQ,iBACzCA,EAAM,eAAA,GACNV;AAAA,MACIE,MAAUC,IAAWC,IAAsBD;AAAA,MAC3C;AAAA,IAAA;AAAA,EAGZ,GAEMU,IAAc,CAACH,MAAwC;;AACzD,WAAOT,KAAY,cAAcA,EAAQS,CAAK,IAC9CC,IAAAJ,KAAA,gBAAAA,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACvB,GAEMG,IAAe,CAACJ,MAAyC;AAC3D,UAAMK,IAAeL,EAAM,OAAO,MAAM,MAAM,EAAE,EAAE,YAAA;AAElD,QAAIK,MAAiB,KAAK;AACtB,MAAAL,EAAM,eAAA,GACNV,EAASI,GAAmB,EAAI;AAChC;AAAA,IACJ;AAEA,QAAIW,MAAiB,KAAK;AACtB,MAAAL,EAAM,eAAA,GACNV,EAASG,GAAmB,EAAI;AAChC;AAAA,IACJ;AAEA,IAAAH,EAASE,EAAM,SAAA,GAAY,EAAI;AAAA,EACnC;AAEA,SACI,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKC,EAAaV,GAAmCF,CAAG;AAAA,MACxD,MAAK;AAAA,MACL,OAAAH;AAAA,MACA,WAAWgB,EAAW,oBAAoB,eAAenB,CAAS;AAAA,MAClE,SAASU;AAAA,MACT,SAASI;AAAA,MACT,WAAWD;AAAA,MACX,UAAUE;AAAA,MACT,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"AmPmInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/AmPmInput.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport classNames from 'classnames'\nimport useMergedRef from '../hooks/useMergeRef'\nimport type { CommonProps } from '../@types/common'\nimport type {\n    FocusEvent,\n    MouseEvent,\n    KeyboardEvent,\n    ChangeEvent,\n    Ref,\n} from 'react'\n\ninterface AmPmInputProps extends CommonProps {\n    disabled?: boolean\n    amLabel?: string\n    onChange: (value: string, triggerShift: boolean) => void\n    onFocus?: (e: FocusEvent<HTMLInputElement>) => void\n    ref?: Ref<HTMLInputElement>\n    placeholder?: string\n    pmLabel?: string\n    value: string | number | readonly string[]\n}\n\nconst AmPmInput = (props: AmPmInputProps) => {\n    const {\n        className,\n        onChange,\n        onFocus,\n        value,\n        amLabel,\n        pmLabel,\n        ref = null,\n        ...rest\n    } = props\n\n    const inputRef = useRef<HTMLInputElement>(undefined)\n\n    const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n        event.stopPropagation()\n        inputRef?.current?.select()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            event.preventDefault()\n            onChange(\n                value === amLabel ? (pmLabel as string) : (amLabel as string),\n                true,\n            )\n        }\n    }\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n        typeof onFocus === 'function' && onFocus(event)\n        inputRef?.current?.select()\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        const lastInputVal = event.target.value.slice(-1).toLowerCase()\n\n        if (lastInputVal === 'p') {\n            event.preventDefault()\n            onChange(pmLabel as string, true)\n            return\n        }\n\n        if (lastInputVal === 'a') {\n            event.preventDefault()\n            onChange(amLabel as string, true)\n            return\n        }\n\n        onChange(value.toString(), true)\n    }\n\n    return (\n        <input\n            ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\n            type=\"text\"\n            value={value}\n            className={classNames('time-input-field', 'am-pm-input', className)}\n            onClick={handleClick}\n            onFocus={handleFocus}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            {...rest}\n        />\n    )\n}\n\nexport default AmPmInput\n"],"names":["AmPmInput","props","className","onChange","onFocus","value","amLabel","pmLabel","ref","rest","inputRef","useRef","handleClick","event","handleKeyDown","handleFocus","handleChange","lastInputVal","jsx","useMergedRef","classNames"],"mappings":";;;;AAuBA,MAAMA,IAAY,CAACC,MAA0B;AACzC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,IACHR,GAEES,IAAWC,EAAyB,MAAS,GAE7CC,IAAc,CAACC,MAAwC;AACzD,IAAAA,EAAM,gBAAA,GACNH,GAAU,SAAS,OAAA;AAAA,EACvB,GAEMI,IAAgB,CAACD,MAA2C;AAC9D,KAAIA,EAAM,QAAQ,aAAaA,EAAM,QAAQ,iBACzCA,EAAM,eAAA,GACNV;AAAA,MACIE,MAAUC,IAAWC,IAAsBD;AAAA,MAC3C;AAAA,IAAA;AAAA,EAGZ,GAEMS,IAAc,CAACF,MAAwC;AACzD,WAAOT,KAAY,cAAcA,EAAQS,CAAK,GAC9CH,GAAU,SAAS,OAAA;AAAA,EACvB,GAEMM,IAAe,CAACH,MAAyC;AAC3D,UAAMI,IAAeJ,EAAM,OAAO,MAAM,MAAM,EAAE,EAAE,YAAA;AAElD,QAAII,MAAiB,KAAK;AACtB,MAAAJ,EAAM,eAAA,GACNV,EAASI,GAAmB,EAAI;AAChC;AAAA,IACJ;AAEA,QAAIU,MAAiB,KAAK;AACtB,MAAAJ,EAAM,eAAA,GACNV,EAASG,GAAmB,EAAI;AAChC;AAAA,IACJ;AAEA,IAAAH,EAASE,EAAM,SAAA,GAAY,EAAI;AAAA,EACnC;AAEA,SACI,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKC,EAAaT,GAAmCF,CAAG;AAAA,MACxD,MAAK;AAAA,MACL,OAAAH;AAAA,MACA,WAAWe,EAAW,oBAAoB,eAAelB,CAAS;AAAA,MAClE,SAASU;AAAA,MACT,SAASG;AAAA,MACT,WAAWD;AAAA,MACX,UAAUE;AAAA,MACT,GAAGP;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

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

@@ -1,186 +1,181 @@
-import { jsx as s, jsxs as Z } from "react/jsx-runtime";
-import { useRef as h, useState as w } from "react";
-import $ from "../hooks/useUniqueId.js";
-import _ from "../hooks/useMergeRef.js";
-import D from "../hooks/useDidUpdate.js";
-import { useFormItem as ee } from "../Form/context.js";
+import { jsx as o, jsxs as X } from "react/jsx-runtime";
+import { useRef as f, useState as V } from "react";
+import Y from "../hooks/useUniqueId.js";
+import Z from "../hooks/useMergeRef.js";
+import w from "../hooks/useDidUpdate.js";
+import { useFormItem as $ } from "../Form/context.js";
 import I from "./TimeInputField.js";
-import te from "./AmPmInput.js";
+import ee from "./AmPmInput.js";
 import "../CloseButton/index.js";
 import "../Input/index.js";
 import "./utils/index.js";
 import { HiOutlineClock as ae } from "react-icons/hi";
-import { getTimeValues as F } from "./utils/getTimeValues.js";
-import { getDate as ne } from "./utils/getDate.js";
-import { createTimeHandler as b } from "./utils/createTimeHandler.js";
-import { createAmPmHandler as oe } from "./utils/createAmPmHandler.js";
-import me from "../CloseButton/CloseButton.js";
+import { getTimeValues as D } from "./utils/getTimeValues.js";
+import { getDate as te } from "./utils/getDate.js";
+import { createTimeHandler as R } from "./utils/createTimeHandler.js";
+import { createAmPmHandler as ne } from "./utils/createAmPmHandler.js";
+import oe from "../CloseButton/CloseButton.js";
 import se from "../Input/Input.js";
-const Ve = (H) => {
-  var R;
+const Ne = (F) => {
   const {
-    amLabel: l = "am",
-    amPmPlaceholder: M = "am",
-    className: k,
-    clearable: A = !0,
-    defaultValue: T,
-    disabled: c = !1,
-    format: a = "24",
-    id: j,
-    invalid: y,
-    name: L,
-    nextRef: x,
-    onChange: u,
-    pmLabel: i = "pm",
-    prefix: U,
-    ref: q = null,
-    showSeconds: f = !1,
-    size: z = "md",
-    style: B,
-    suffix: E = /* @__PURE__ */ s(ae, { className: "text-lg" }),
-    timeFieldPlaceholder: C = "--",
-    timeFieldClass: g,
-    value: n,
-    ...O
-  } = H, W = $(j), o = h(void 0), S = h(void 0), N = h(void 0), v = h(void 0), [m, d] = w(
-    F(
-      n || T,
-      a,
-      l,
-      i
+    amLabel: m = "am",
+    amPmPlaceholder: H = "am",
+    className: M,
+    clearable: k = !0,
+    defaultValue: b,
+    disabled: i = !1,
+    format: t = "24",
+    id: A,
+    invalid: j,
+    name: y,
+    nextRef: h,
+    onChange: p,
+    pmLabel: s = "pm",
+    prefix: L,
+    ref: U = null,
+    showSeconds: u = !1,
+    size: q = "md",
+    style: z,
+    suffix: B = /* @__PURE__ */ o(ae, { className: "text-lg" }),
+    timeFieldPlaceholder: x = "--",
+    timeFieldClass: C,
+    value: r,
+    ...E
+  } = F, O = Y(A), g = f(void 0), T = f(void 0), S = f(void 0), v = f(void 0), [n, l] = V(
+    D(
+      r || b,
+      t,
+      m,
+      s
     )
-  ), [r, P] = w(
-    n || T
-  ), G = (R = ee()) == null ? void 0 : R.invalid, J = y || G;
-  D(() => {
-    d(F(r, a, l, i));
-  }, [r, a, l, i]), D(() => {
-    (n == null ? void 0 : n.getTime()) !== (r == null ? void 0 : r.getTime()) && P(n);
-  }, [n]);
-  const p = (e) => {
-    const t = { ...m, ...e }, V = ne(
-      t.hours,
-      t.minutes,
-      t.seconds,
-      a,
-      i,
-      t.amPm
+  ), [c, P] = V(
+    r || b
+  ), W = $()?.invalid, _ = j || W;
+  w(() => {
+    l(D(c, t, m, s));
+  }, [c, t, m, s]), w(() => {
+    r?.getTime() !== c?.getTime() && P(r);
+  }, [r]);
+  const d = (e) => {
+    const a = { ...n, ...e }, N = te(
+      a.hours,
+      a.minutes,
+      a.seconds,
+      t,
+      s,
+      a.amPm
     );
-    P(V), typeof u == "function" && u(V);
-  }, K = b({
-    onChange: (e, t) => {
-      p({
+    P(N), typeof p == "function" && p(N);
+  }, G = R({
+    onChange: (e, a) => {
+      d({
         hours: e,
-        minutes: t ?? m.minutes
+        minutes: a ?? n.minutes
       });
     },
-    min: a === "12" ? 1 : 0,
-    max: a === "12" ? 12 : 23,
-    nextRef: S,
+    min: t === "12" ? 1 : 0,
+    max: t === "12" ? 12 : 23,
+    nextRef: T,
     nextMax: 59
-  }), Q = b({
-    onChange: (e, t) => {
-      p({
+  }), J = R({
+    onChange: (e, a) => {
+      d({
         minutes: e,
-        seconds: t ?? m.seconds
+        seconds: a ?? n.seconds
       });
     },
     min: 0,
     max: 59,
-    nextRef: f ? N : a === "12" ? v : x,
-    nextMax: f ? 59 : void 0
-  }), X = b({
+    nextRef: u ? S : t === "12" ? v : h,
+    nextMax: u ? 59 : void 0
+  }), K = R({
     onChange: (e) => {
-      p({ seconds: e });
+      d({ seconds: e });
     },
     min: 0,
     max: 59,
-    nextRef: a === "12" ? v : x
-  }), Y = oe({
-    amLabel: l,
-    pmLabel: i,
+    nextRef: t === "12" ? v : h
+  }), Q = ne({
+    amLabel: m,
+    pmLabel: s,
     onChange: (e) => {
-      p({ amPm: e });
+      d({ amPm: e });
     },
-    nextRef: x
+    nextRef: h
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ o(
     se,
     {
       asElement: "div",
-      invalid: J,
-      disabled: c,
-      style: B,
-      className: k,
-      size: z,
-      prefix: U,
-      suffix: A && r ? /* @__PURE__ */ s(me, { onClick: () => {
-        var e;
-        d({ hours: "", minutes: "", seconds: "", amPm: "" }), P(null), u == null || u(null), (e = o == null ? void 0 : o.current) == null || e.focus();
-      } }) : E,
-      onClick: () => {
-        var e;
-        return (e = o == null ? void 0 : o.current) == null ? void 0 : e.focus();
-      },
-      ...O,
-      children: /* @__PURE__ */ Z("div", { className: "time-input-wrapper", children: [
-        /* @__PURE__ */ s(
+      invalid: _,
+      disabled: i,
+      style: z,
+      className: M,
+      size: q,
+      prefix: L,
+      suffix: k && c ? /* @__PURE__ */ o(oe, { onClick: () => {
+        l({ hours: "", minutes: "", seconds: "", amPm: "" }), P(null), p?.(null), g?.current?.focus();
+      } }) : B,
+      onClick: () => g?.current?.focus(),
+      ...E,
+      children: /* @__PURE__ */ X("div", { className: "time-input-wrapper", children: [
+        /* @__PURE__ */ o(
           I,
           {
-            ref: _(o, q),
+            ref: Z(g, U),
             withSeparator: !0,
-            value: m.hours,
-            setValue: (e) => d((t) => ({ ...t, hours: e })),
-            id: W,
-            className: g,
-            max: a === "12" ? 12 : 23,
-            placeholder: C,
+            value: n.hours,
+            setValue: (e) => l((a) => ({ ...a, hours: e })),
+            id: O,
+            className: C,
+            max: t === "12" ? 12 : 23,
+            placeholder: x,
             "aria-label": "hours",
-            disabled: c,
-            name: L,
-            onChange: K
+            disabled: i,
+            name: y,
+            onChange: G
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           I,
           {
-            ref: S,
-            value: m.minutes,
-            setValue: (e) => d((t) => ({ ...t, minutes: e })),
-            className: g,
-            withSeparator: f,
+            ref: T,
+            value: n.minutes,
+            setValue: (e) => l((a) => ({ ...a, minutes: e })),
+            className: C,
+            withSeparator: u,
             max: 59,
-            placeholder: C,
+            placeholder: x,
             "aria-label": "minutes",
-            disabled: c,
-            onChange: Q
+            disabled: i,
+            onChange: J
           }
         ),
-        f && /* @__PURE__ */ s(
+        u && /* @__PURE__ */ o(
           I,
           {
-            ref: N,
-            value: m.seconds,
-            setValue: (e) => d((t) => ({ ...t, seconds: e })),
-            className: g,
+            ref: S,
+            value: n.seconds,
+            setValue: (e) => l((a) => ({ ...a, seconds: e })),
+            className: C,
             max: 59,
-            placeholder: C,
+            placeholder: x,
             "aria-label": "seconds",
-            disabled: c,
-            onChange: X
+            disabled: i,
+            onChange: K
           }
         ),
-        a === "12" && /* @__PURE__ */ s(
-          te,
+        t === "12" && /* @__PURE__ */ o(
+          ee,
           {
             ref: v,
-            value: m.amPm,
-            placeholder: M,
-            amLabel: l,
-            pmLabel: i,
+            value: n.amPm,
+            placeholder: H,
+            amLabel: m,
+            pmLabel: s,
             "aria-label": "am pm",
-            disabled: c,
-            onChange: Y
+            disabled: i,
+            onChange: Q
           }
         )
       ] })
@@ -188,6 +183,6 @@ const Ve = (H) => {
   );
 };
 export {
-  Ve as default
+  Ne as default
 };
 //# sourceMappingURL=TimeInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport useUniqueId from '../hooks/useUniqueId'\nimport useMergedRef from '../hooks/useMergeRef'\nimport useDidUpdate from '../hooks/useDidUpdate'\nimport { useFormItem } from '../Form/context'\nimport TimeInputField from './TimeInputField'\nimport AmPmInput from './AmPmInput'\nimport CloseButton from '../CloseButton'\nimport { Input } from '../Input'\nimport {\n    getTimeValues,\n    getDate,\n    createAmPmHandler,\n    createTimeHandler,\n} from './utils'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, RefObject, Ref } from 'react'\n\ntype Value = Date | null\n\nexport interface TimeInputProps extends CommonProps {\n    amLabel?: string\n    amPmPlaceholder?: string\n    clearable?: boolean\n    defaultValue?: Value\n    disabled?: boolean\n    format?: '12' | '24'\n    id?: string\n    invalid?: boolean\n    name?: string\n    nextRef?: RefObject<HTMLInputElement | null>\n    onChange?: (value: Value) => void\n    pmLabel?: string\n    prefix?: string | ReactNode\n    ref?: Ref<HTMLInputElement>\n    showSeconds?: boolean\n    size?: TypeAttributes.ControlSize\n    suffix?: string | ReactNode\n    timeFieldPlaceholder?: string\n    timeFieldClass?: string\n    unstyle?: boolean\n    value?: Value\n}\n\nconst TimeInput = (props: TimeInputProps) => {\n    const {\n        amLabel = 'am',\n        amPmPlaceholder = 'am',\n        className,\n        clearable = true,\n        defaultValue,\n        disabled = false,\n        format = '24',\n        id,\n        invalid,\n        name,\n        nextRef,\n        onChange,\n        pmLabel = 'pm',\n        prefix,\n        ref = null,\n        showSeconds = false,\n        size = 'md',\n        style,\n        suffix = <HiOutlineClock className=\"text-lg\" />,\n        timeFieldPlaceholder = '--',\n        timeFieldClass,\n        value,\n        ...rest\n    } = props\n\n    const uuid = useUniqueId(id)\n\n    const hoursRef = useRef<HTMLInputElement>(undefined)\n    const minutesRef = useRef<HTMLInputElement>(undefined)\n    const secondsRef = useRef<HTMLInputElement>(undefined)\n    const amPmRef = useRef<HTMLInputElement>(undefined)\n    const [time, setTime] = useState(\n        getTimeValues(\n            value || (defaultValue as Date),\n            format,\n            amLabel,\n            pmLabel,\n        ),\n    )\n    const [_value, setValue] = useState<Value>(\n        (value as Date) || (defaultValue as Date),\n    )\n\n    const formItemInvalid = useFormItem()?.invalid\n    const isTimeInputInvalid = invalid || formItemInvalid\n\n    useDidUpdate(() => {\n        setTime(getTimeValues(_value as Date, format, amLabel, pmLabel))\n    }, [_value, format, amLabel, pmLabel])\n\n    useDidUpdate(() => {\n        if (value?.getTime() !== _value?.getTime()) {\n            setValue(value as Date | null)\n        }\n    }, [value])\n\n    const setDate = (change: Partial<typeof time>) => {\n        const timeWithChange = { ...time, ...change }\n        const newDate = getDate(\n            timeWithChange.hours,\n            timeWithChange.minutes,\n            timeWithChange.seconds,\n            format,\n            pmLabel,\n            timeWithChange.amPm,\n        )\n        setValue(newDate)\n        typeof onChange === 'function' && onChange(newDate)\n    }\n\n    const handleHoursChange = createTimeHandler({\n        onChange: (val, carryOver) => {\n            setDate({\n                hours: val,\n                minutes: carryOver ?? time.minutes,\n            })\n        },\n        min: format === '12' ? 1 : 0,\n        max: format === '12' ? 12 : 23,\n        nextRef: minutesRef as RefObject<HTMLInputElement | null>,\n        nextMax: 59,\n    })\n\n    const handleMinutesChange = createTimeHandler({\n        onChange: (val, carryOver) => {\n            setDate({\n                minutes: val,\n                seconds: carryOver ?? time.seconds,\n            })\n        },\n        min: 0,\n        max: 59,\n        nextRef: showSeconds\n            ? (secondsRef as RefObject<HTMLInputElement | null>)\n            : format === '12'\n              ? (amPmRef as RefObject<HTMLInputElement | null>)\n              : (nextRef as RefObject<HTMLInputElement | null>),\n        nextMax: showSeconds ? 59 : undefined,\n    })\n\n    const handleSecondsChange = createTimeHandler({\n        onChange: (val) => {\n            setDate({ seconds: val })\n        },\n        min: 0,\n        max: 59,\n        nextRef:\n            format === '12'\n                ? (amPmRef as RefObject<HTMLInputElement | null>)\n                : (nextRef as RefObject<HTMLInputElement | null>),\n    })\n\n    const handleAmPmChange = createAmPmHandler({\n        amLabel,\n        pmLabel,\n        onChange: (val) => {\n            setDate({ amPm: val })\n        },\n        nextRef,\n    })\n\n    const handleClear = () => {\n        setTime({ hours: '', minutes: '', seconds: '', amPm: '' })\n        setValue(null)\n        onChange?.(null)\n        hoursRef?.current?.focus()\n    }\n\n    const suffixSlot =\n        clearable && _value ? <CloseButton onClick={handleClear} /> : suffix\n\n    return (\n        <Input\n            asElement=\"div\"\n            invalid={isTimeInputInvalid}\n            disabled={disabled}\n            style={style}\n            className={className}\n            size={size}\n            prefix={prefix}\n            suffix={suffixSlot}\n            onClick={() => hoursRef?.current?.focus()}\n            {...rest}\n        >\n            <div className=\"time-input-wrapper\">\n                <TimeInputField\n                    ref={useMergedRef(hoursRef as Ref<HTMLInputElement>, ref)}\n                    withSeparator\n                    value={time.hours}\n                    setValue={(val) =>\n                        setTime((current) => ({ ...current, hours: val }))\n                    }\n                    id={uuid}\n                    className={timeFieldClass}\n                    max={format === '12' ? 12 : 23}\n                    placeholder={timeFieldPlaceholder}\n                    aria-label=\"hours\"\n                    disabled={disabled}\n                    name={name}\n                    onChange={handleHoursChange}\n                />\n                <TimeInputField\n                    ref={minutesRef as Ref<HTMLInputElement>}\n                    value={time.minutes}\n                    setValue={(val) =>\n                        setTime((current) => ({ ...current, minutes: val }))\n                    }\n                    className={timeFieldClass}\n                    withSeparator={showSeconds}\n                    max={59}\n                    placeholder={timeFieldPlaceholder}\n                    aria-label=\"minutes\"\n                    disabled={disabled}\n                    onChange={handleMinutesChange}\n                />\n                {showSeconds && (\n                    <TimeInputField\n                        ref={secondsRef as Ref<HTMLInputElement>}\n                        value={time.seconds}\n                        setValue={(val) =>\n                            setTime((current) => ({ ...current, seconds: val }))\n                        }\n                        className={timeFieldClass}\n                        max={59}\n                        placeholder={timeFieldPlaceholder}\n                        aria-label=\"seconds\"\n                        disabled={disabled}\n                        onChange={handleSecondsChange}\n                    />\n                )}\n                {format === '12' && (\n                    <AmPmInput\n                        ref={amPmRef as Ref<HTMLInputElement>}\n                        value={time.amPm}\n                        placeholder={amPmPlaceholder}\n                        amLabel={amLabel}\n                        pmLabel={pmLabel}\n                        aria-label=\"am pm\"\n                        disabled={disabled}\n                        onChange={handleAmPmChange}\n                    />\n                )}\n            </div>\n        </Input>\n    )\n}\n\nexport default TimeInput\n"],"names":["TimeInput","props","amLabel","amPmPlaceholder","className","clearable","defaultValue","disabled","format","id","invalid","name","nextRef","onChange","pmLabel","prefix","ref","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","timeFieldClass","value","rest","uuid","useUniqueId","hoursRef","useRef","minutesRef","secondsRef","amPmRef","time","setTime","useState","getTimeValues","_value","setValue","formItemInvalid","_a","useFormItem","isTimeInputInvalid","useDidUpdate","setDate","change","timeWithChange","newDate","getDate","handleHoursChange","createTimeHandler","val","carryOver","handleMinutesChange","handleSecondsChange","handleAmPmChange","createAmPmHandler","Input","CloseButton","jsxs","TimeInputField","useMergedRef","current","AmPmInput"],"mappings":"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"}
+{"version":3,"file":"TimeInput.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInput.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport useUniqueId from '../hooks/useUniqueId'\nimport useMergedRef from '../hooks/useMergeRef'\nimport useDidUpdate from '../hooks/useDidUpdate'\nimport { useFormItem } from '../Form/context'\nimport TimeInputField from './TimeInputField'\nimport AmPmInput from './AmPmInput'\nimport CloseButton from '../CloseButton'\nimport { Input } from '../Input'\nimport {\n    getTimeValues,\n    getDate,\n    createAmPmHandler,\n    createTimeHandler,\n} from './utils'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, RefObject, Ref } from 'react'\n\ntype Value = Date | null\n\nexport interface TimeInputProps extends CommonProps {\n    amLabel?: string\n    amPmPlaceholder?: string\n    clearable?: boolean\n    defaultValue?: Value\n    disabled?: boolean\n    format?: '12' | '24'\n    id?: string\n    invalid?: boolean\n    name?: string\n    nextRef?: RefObject<HTMLInputElement | null>\n    onChange?: (value: Value) => void\n    pmLabel?: string\n    prefix?: string | ReactNode\n    ref?: Ref<HTMLInputElement>\n    showSeconds?: boolean\n    size?: TypeAttributes.ControlSize\n    suffix?: string | ReactNode\n    timeFieldPlaceholder?: string\n    timeFieldClass?: string\n    unstyle?: boolean\n    value?: Value\n}\n\nconst TimeInput = (props: TimeInputProps) => {\n    const {\n        amLabel = 'am',\n        amPmPlaceholder = 'am',\n        className,\n        clearable = true,\n        defaultValue,\n        disabled = false,\n        format = '24',\n        id,\n        invalid,\n        name,\n        nextRef,\n        onChange,\n        pmLabel = 'pm',\n        prefix,\n        ref = null,\n        showSeconds = false,\n        size = 'md',\n        style,\n        suffix = <HiOutlineClock className=\"text-lg\" />,\n        timeFieldPlaceholder = '--',\n        timeFieldClass,\n        value,\n        ...rest\n    } = props\n\n    const uuid = useUniqueId(id)\n\n    const hoursRef = useRef<HTMLInputElement>(undefined)\n    const minutesRef = useRef<HTMLInputElement>(undefined)\n    const secondsRef = useRef<HTMLInputElement>(undefined)\n    const amPmRef = useRef<HTMLInputElement>(undefined)\n    const [time, setTime] = useState(\n        getTimeValues(\n            value || (defaultValue as Date),\n            format,\n            amLabel,\n            pmLabel,\n        ),\n    )\n    const [_value, setValue] = useState<Value>(\n        (value as Date) || (defaultValue as Date),\n    )\n\n    const formItemInvalid = useFormItem()?.invalid\n    const isTimeInputInvalid = invalid || formItemInvalid\n\n    useDidUpdate(() => {\n        setTime(getTimeValues(_value as Date, format, amLabel, pmLabel))\n    }, [_value, format, amLabel, pmLabel])\n\n    useDidUpdate(() => {\n        if (value?.getTime() !== _value?.getTime()) {\n            setValue(value as Date | null)\n        }\n    }, [value])\n\n    const setDate = (change: Partial<typeof time>) => {\n        const timeWithChange = { ...time, ...change }\n        const newDate = getDate(\n            timeWithChange.hours,\n            timeWithChange.minutes,\n            timeWithChange.seconds,\n            format,\n            pmLabel,\n            timeWithChange.amPm,\n        )\n        setValue(newDate)\n        typeof onChange === 'function' && onChange(newDate)\n    }\n\n    const handleHoursChange = createTimeHandler({\n        onChange: (val, carryOver) => {\n            setDate({\n                hours: val,\n                minutes: carryOver ?? time.minutes,\n            })\n        },\n        min: format === '12' ? 1 : 0,\n        max: format === '12' ? 12 : 23,\n        nextRef: minutesRef as RefObject<HTMLInputElement | null>,\n        nextMax: 59,\n    })\n\n    const handleMinutesChange = createTimeHandler({\n        onChange: (val, carryOver) => {\n            setDate({\n                minutes: val,\n                seconds: carryOver ?? time.seconds,\n            })\n        },\n        min: 0,\n        max: 59,\n        nextRef: showSeconds\n            ? (secondsRef as RefObject<HTMLInputElement | null>)\n            : format === '12'\n              ? (amPmRef as RefObject<HTMLInputElement | null>)\n              : (nextRef as RefObject<HTMLInputElement | null>),\n        nextMax: showSeconds ? 59 : undefined,\n    })\n\n    const handleSecondsChange = createTimeHandler({\n        onChange: (val) => {\n            setDate({ seconds: val })\n        },\n        min: 0,\n        max: 59,\n        nextRef:\n            format === '12'\n                ? (amPmRef as RefObject<HTMLInputElement | null>)\n                : (nextRef as RefObject<HTMLInputElement | null>),\n    })\n\n    const handleAmPmChange = createAmPmHandler({\n        amLabel,\n        pmLabel,\n        onChange: (val) => {\n            setDate({ amPm: val })\n        },\n        nextRef,\n    })\n\n    const handleClear = () => {\n        setTime({ hours: '', minutes: '', seconds: '', amPm: '' })\n        setValue(null)\n        onChange?.(null)\n        hoursRef?.current?.focus()\n    }\n\n    const suffixSlot =\n        clearable && _value ? <CloseButton onClick={handleClear} /> : suffix\n\n    return (\n        <Input\n            asElement=\"div\"\n            invalid={isTimeInputInvalid}\n            disabled={disabled}\n            style={style}\n            className={className}\n            size={size}\n            prefix={prefix}\n            suffix={suffixSlot}\n            onClick={() => hoursRef?.current?.focus()}\n            {...rest}\n        >\n            <div className=\"time-input-wrapper\">\n                <TimeInputField\n                    ref={useMergedRef(hoursRef as Ref<HTMLInputElement>, ref)}\n                    withSeparator\n                    value={time.hours}\n                    setValue={(val) =>\n                        setTime((current) => ({ ...current, hours: val }))\n                    }\n                    id={uuid}\n                    className={timeFieldClass}\n                    max={format === '12' ? 12 : 23}\n                    placeholder={timeFieldPlaceholder}\n                    aria-label=\"hours\"\n                    disabled={disabled}\n                    name={name}\n                    onChange={handleHoursChange}\n                />\n                <TimeInputField\n                    ref={minutesRef as Ref<HTMLInputElement>}\n                    value={time.minutes}\n                    setValue={(val) =>\n                        setTime((current) => ({ ...current, minutes: val }))\n                    }\n                    className={timeFieldClass}\n                    withSeparator={showSeconds}\n                    max={59}\n                    placeholder={timeFieldPlaceholder}\n                    aria-label=\"minutes\"\n                    disabled={disabled}\n                    onChange={handleMinutesChange}\n                />\n                {showSeconds && (\n                    <TimeInputField\n                        ref={secondsRef as Ref<HTMLInputElement>}\n                        value={time.seconds}\n                        setValue={(val) =>\n                            setTime((current) => ({ ...current, seconds: val }))\n                        }\n                        className={timeFieldClass}\n                        max={59}\n                        placeholder={timeFieldPlaceholder}\n                        aria-label=\"seconds\"\n                        disabled={disabled}\n                        onChange={handleSecondsChange}\n                    />\n                )}\n                {format === '12' && (\n                    <AmPmInput\n                        ref={amPmRef as Ref<HTMLInputElement>}\n                        value={time.amPm}\n                        placeholder={amPmPlaceholder}\n                        amLabel={amLabel}\n                        pmLabel={pmLabel}\n                        aria-label=\"am pm\"\n                        disabled={disabled}\n                        onChange={handleAmPmChange}\n                    />\n                )}\n            </div>\n        </Input>\n    )\n}\n\nexport default TimeInput\n"],"names":["TimeInput","props","amLabel","amPmPlaceholder","className","clearable","defaultValue","disabled","format","id","invalid","name","nextRef","onChange","pmLabel","prefix","ref","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","timeFieldClass","value","rest","uuid","useUniqueId","hoursRef","useRef","minutesRef","secondsRef","amPmRef","time","setTime","useState","getTimeValues","_value","setValue","formItemInvalid","useFormItem","isTimeInputInvalid","useDidUpdate","setDate","change","timeWithChange","newDate","getDate","handleHoursChange","createTimeHandler","val","carryOver","handleMinutesChange","handleSecondsChange","handleAmPmChange","createAmPmHandler","Input","CloseButton","jsxs","TimeInputField","useMergedRef","current","AmPmInput"],"mappings":"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"}

package/dist/@ecme/components/ui/TimeInput/TimeInputField.js

@@ -1,71 +1,69 @@
 import { jsxs as k, Fragment as I, jsx as f } from "react/jsx-runtime";
 import { useState as v, useRef as B } from "react";
 import N from "classnames";
-import j from "../hooks/useMergeRef.js";
+import R from "../hooks/useMergeRef.js";
 import "./utils/index.js";
 import { padTime as p } from "./utils/padTime.js";
 import { clamp as m } from "./utils/clamp.js";
-const _ = (d) => {
+const V = (d) => {
   const {
     className: g,
     onFocus: s,
     onBlur: i,
-    onChange: n,
+    onChange: r,
     ref: h = null,
     setValue: y,
     withSeparator: w = !1,
-    max: l,
-    min: c = 0,
-    value: a,
+    max: u,
+    min: l = 0,
+    value: o,
     ...D
-  } = d, [o, u] = v(0), r = B(void 0), T = (e) => {
-    var t;
-    typeof s == "function" && s(e), (t = r == null ? void 0 : r.current) == null || t.select(), u(0);
+  } = d, [n, c] = v(0), a = B(void 0), T = (e) => {
+    typeof s == "function" && s(e), a?.current?.select(), c(0);
   }, x = (e) => {
-    typeof i == "function" && i(e), o === 1 && typeof n == "function" && n(e.currentTarget.value, !1);
+    typeof i == "function" && i(e), n === 1 && typeof r == "function" && r(e.currentTarget.value, !1);
   }, C = (e) => {
-    var t;
-    e.stopPropagation(), (t = r == null ? void 0 : r.current) == null || t.select();
+    e.stopPropagation(), a?.current?.select();
   }, F = (e) => {
     if (e.key === "ArrowUp") {
       e.preventDefault();
       const t = p(
         m(
           parseInt(e.currentTarget.value, 10) + 1,
-          c,
-          l
+          l,
+          u
         ).toString()
       );
-      a !== t && n(t, !1);
+      o !== t && r(t, !1);
     }
     if (e.key === "ArrowDown") {
       e.preventDefault();
       const t = p(
         m(
           parseInt(e.currentTarget.value, 10) - 1,
-          c,
-          l
+          l,
+          u
         ).toString()
       );
-      a !== t && n(t, !1);
+      o !== t && r(t, !1);
     }
   }, S = (e) => {
-    u(o + 1);
+    c(n + 1);
     const t = parseInt(e.currentTarget.value, 10).toString();
-    if (t === "0" && o === 0) {
+    if (t === "0" && n === 0) {
       y("00");
       return;
     }
-    n(t, !0, o > 0);
+    r(t, !0, n > 0);
   };
   return /* @__PURE__ */ k(I, { children: [
     /* @__PURE__ */ f(
       "input",
       {
-        ref: j(r, h),
+        ref: R(a, h),
         type: "text",
         inputMode: "numeric",
-        value: a,
+        value: o,
         className: N("time-input-field", g),
         onChange: S,
         onClick: C,
@@ -79,6 +77,6 @@ const _ = (d) => {
   ] });
 };
 export {
-  _ as default
+  V as default
 };
 //# sourceMappingURL=TimeInputField.js.map

package/dist/@ecme/components/ui/TimeInput/TimeInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInputField.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputField.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { clamp, padTime, createTimeHandler } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type {\n    FocusEvent,\n    Ref,\n    KeyboardEvent,\n    MouseEvent,\n    ChangeEvent,\n} from 'react'\n\ninterface TimeInputFieldProps extends CommonProps {\n    disabled?: boolean\n    id?: string\n    name?: string\n    max?: number\n    min?: number\n    onChange: ReturnType<typeof createTimeHandler>\n    onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    placeholder?: string\n    ref?: Ref<HTMLInputElement>\n    setValue: (value: string) => void\n    withSeparator?: boolean\n    value: string | number | readonly string[]\n}\n\nconst TimeInputField = (props: TimeInputFieldProps) => {\n    const {\n        className,\n        onFocus,\n        onBlur,\n        onChange,\n        ref = null,\n        setValue,\n        withSeparator = false,\n        max,\n        min = 0,\n        value,\n        ...rest\n    } = props\n\n    const [digitsEntered, setDigitsEntered] = useState(0)\n\n    const inputRef = useRef<HTMLInputElement>(undefined)\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n        typeof onFocus === 'function' && onFocus(event)\n        inputRef?.current?.select()\n        setDigitsEntered(0)\n    }\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        typeof onBlur === 'function' && onBlur(event)\n        if (digitsEntered === 1) {\n            typeof onChange === 'function' &&\n                onChange(event.currentTarget.value, false)\n        }\n    }\n\n    const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n        event.stopPropagation()\n        inputRef?.current?.select()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'ArrowUp') {\n            event.preventDefault()\n            const padded = padTime(\n                clamp(\n                    parseInt(event.currentTarget.value, 10) + 1,\n                    min,\n                    max as number,\n                ).toString(),\n            )\n\n            if (value !== padded) {\n                onChange(padded, false)\n            }\n        }\n\n        if (event.key === 'ArrowDown') {\n            event.preventDefault()\n            const padded = padTime(\n                clamp(\n                    parseInt(event.currentTarget.value, 10) - 1,\n                    min,\n                    max as number,\n                ).toString(),\n            )\n\n            if (value !== padded) {\n                onChange(padded, false)\n            }\n        }\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        setDigitsEntered(digitsEntered + 1)\n\n        const _val = parseInt(event.currentTarget.value, 10).toString()\n\n        if (_val === '0' && digitsEntered === 0) {\n            setValue('00')\n            return\n        }\n        onChange(_val, true, digitsEntered > 0)\n    }\n\n    return (\n        <>\n            <input\n                ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\n                type=\"text\"\n                inputMode=\"numeric\"\n                value={value}\n                className={classNames('time-input-field', className)}\n                onChange={handleChange}\n                onClick={handleClick}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                {...rest}\n            />\n            {withSeparator && <span> : </span>}\n        </>\n    )\n}\n\nexport default TimeInputField\n"],"names":["TimeInputField","props","className","onFocus","onBlur","onChange","ref","setValue","withSeparator","max","min","value","rest","digitsEntered","setDigitsEntered","useState","inputRef","useRef","handleFocus","event","_a","handleBlur","handleClick","handleKeyDown","padded","padTime","clamp","handleChange","_val","jsxs","Fragment","jsx","useMergedRef","classNames"],"mappings":";;;;;;;AA6BA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,KAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEE,CAACY,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAAWC,EAAyB,MAAS,GAE7CC,IAAc,CAACC,MAAwC;;AACzD,WAAOhB,KAAY,cAAcA,EAAQgB,CAAK,IAC9CC,IAAAJ,KAAA,gBAAAA,EAAU,YAAV,QAAAI,EAAmB,UACnBN,EAAiB,CAAC;AAAA,EACtB,GAEMO,IAAa,CAACF,MAAiD;AACjE,WAAOf,KAAW,cAAcA,EAAOe,CAAK,GACxCN,MAAkB,KAClB,OAAOR,KAAa,cAChBA,EAASc,EAAM,cAAc,OAAO,EAAK;AAAA,EAErD,GAEMG,IAAc,CAACH,MAAwC;;AACzD,IAAAA,EAAM,gBAAA,IACNC,IAAAJ,KAAA,gBAAAA,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACvB,GAEMG,IAAgB,CAACJ,MAA2C;AAC9D,QAAIA,EAAM,QAAQ,WAAW;AACzB,MAAAA,EAAM,eAAA;AACN,YAAMK,IAASC;AAAA,QACXC;AAAA,UACI,SAASP,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,SAAA;AAAA,MAAS;AAGf,MAAIE,MAAUa,KACVnB,EAASmB,GAAQ,EAAK;AAAA,IAE9B;AAEA,QAAIL,EAAM,QAAQ,aAAa;AAC3B,MAAAA,EAAM,eAAA;AACN,YAAMK,IAASC;AAAA,QACXC;AAAA,UACI,SAASP,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,SAAA;AAAA,MAAS;AAGf,MAAIE,MAAUa,KACVnB,EAASmB,GAAQ,EAAK;AAAA,IAE9B;AAAA,EACJ,GAEMG,IAAe,CAACR,MAAyC;AAC3D,IAAAL,EAAiBD,IAAgB,CAAC;AAElC,UAAMe,IAAO,SAAST,EAAM,cAAc,OAAO,EAAE,EAAE,SAAA;AAErD,QAAIS,MAAS,OAAOf,MAAkB,GAAG;AACrC,MAAAN,EAAS,IAAI;AACb;AAAA,IACJ;AACA,IAAAF,EAASuB,GAAM,IAAMf,IAAgB,CAAC;AAAA,EAC1C;AAEA,SACI,gBAAAgB,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKC,EAAahB,GAAmCV,CAAG;AAAA,QACxD,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAAK;AAAA,QACA,WAAWsB,EAAW,oBAAoB/B,CAAS;AAAA,QACnD,UAAUyB;AAAA,QACV,SAASL;AAAA,QACT,SAASJ;AAAA,QACT,QAAQG;AAAA,QACR,WAAWE;AAAA,QACV,GAAGX;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPJ,KAAiB,gBAAAuB,EAAC,QAAA,EAAK,UAAA,MAAA,CAAG;AAAA,EAAA,GAC/B;AAER;"}
+{"version":3,"file":"TimeInputField.js","sources":["../../../../../lib/@ecme/components/ui/TimeInput/TimeInputField.tsx"],"sourcesContent":["import { useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { clamp, padTime, createTimeHandler } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type {\n    FocusEvent,\n    Ref,\n    KeyboardEvent,\n    MouseEvent,\n    ChangeEvent,\n} from 'react'\n\ninterface TimeInputFieldProps extends CommonProps {\n    disabled?: boolean\n    id?: string\n    name?: string\n    max?: number\n    min?: number\n    onChange: ReturnType<typeof createTimeHandler>\n    onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    placeholder?: string\n    ref?: Ref<HTMLInputElement>\n    setValue: (value: string) => void\n    withSeparator?: boolean\n    value: string | number | readonly string[]\n}\n\nconst TimeInputField = (props: TimeInputFieldProps) => {\n    const {\n        className,\n        onFocus,\n        onBlur,\n        onChange,\n        ref = null,\n        setValue,\n        withSeparator = false,\n        max,\n        min = 0,\n        value,\n        ...rest\n    } = props\n\n    const [digitsEntered, setDigitsEntered] = useState(0)\n\n    const inputRef = useRef<HTMLInputElement>(undefined)\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n        typeof onFocus === 'function' && onFocus(event)\n        inputRef?.current?.select()\n        setDigitsEntered(0)\n    }\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        typeof onBlur === 'function' && onBlur(event)\n        if (digitsEntered === 1) {\n            typeof onChange === 'function' &&\n                onChange(event.currentTarget.value, false)\n        }\n    }\n\n    const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n        event.stopPropagation()\n        inputRef?.current?.select()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'ArrowUp') {\n            event.preventDefault()\n            const padded = padTime(\n                clamp(\n                    parseInt(event.currentTarget.value, 10) + 1,\n                    min,\n                    max as number,\n                ).toString(),\n            )\n\n            if (value !== padded) {\n                onChange(padded, false)\n            }\n        }\n\n        if (event.key === 'ArrowDown') {\n            event.preventDefault()\n            const padded = padTime(\n                clamp(\n                    parseInt(event.currentTarget.value, 10) - 1,\n                    min,\n                    max as number,\n                ).toString(),\n            )\n\n            if (value !== padded) {\n                onChange(padded, false)\n            }\n        }\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n        setDigitsEntered(digitsEntered + 1)\n\n        const _val = parseInt(event.currentTarget.value, 10).toString()\n\n        if (_val === '0' && digitsEntered === 0) {\n            setValue('00')\n            return\n        }\n        onChange(_val, true, digitsEntered > 0)\n    }\n\n    return (\n        <>\n            <input\n                ref={useMergedRef(inputRef as Ref<HTMLInputElement>, ref)}\n                type=\"text\"\n                inputMode=\"numeric\"\n                value={value}\n                className={classNames('time-input-field', className)}\n                onChange={handleChange}\n                onClick={handleClick}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                {...rest}\n            />\n            {withSeparator && <span> : </span>}\n        </>\n    )\n}\n\nexport default TimeInputField\n"],"names":["TimeInputField","props","className","onFocus","onBlur","onChange","ref","setValue","withSeparator","max","min","value","rest","digitsEntered","setDigitsEntered","useState","inputRef","useRef","handleFocus","event","handleBlur","handleClick","handleKeyDown","padded","padTime","clamp","handleChange","_val","jsxs","Fragment","jsx","useMergedRef","classNames"],"mappings":";;;;;;;AA6BA,MAAMA,IAAiB,CAACC,MAA+B;AACnD,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,KAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEE,CAACY,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAAWC,EAAyB,MAAS,GAE7CC,IAAc,CAACC,MAAwC;AACzD,WAAOhB,KAAY,cAAcA,EAAQgB,CAAK,GAC9CH,GAAU,SAAS,OAAA,GACnBF,EAAiB,CAAC;AAAA,EACtB,GAEMM,IAAa,CAACD,MAAiD;AACjE,WAAOf,KAAW,cAAcA,EAAOe,CAAK,GACxCN,MAAkB,KAClB,OAAOR,KAAa,cAChBA,EAASc,EAAM,cAAc,OAAO,EAAK;AAAA,EAErD,GAEME,IAAc,CAACF,MAAwC;AACzD,IAAAA,EAAM,gBAAA,GACNH,GAAU,SAAS,OAAA;AAAA,EACvB,GAEMM,IAAgB,CAACH,MAA2C;AAC9D,QAAIA,EAAM,QAAQ,WAAW;AACzB,MAAAA,EAAM,eAAA;AACN,YAAMI,IAASC;AAAA,QACXC;AAAA,UACI,SAASN,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,SAAA;AAAA,MAAS;AAGf,MAAIE,MAAUY,KACVlB,EAASkB,GAAQ,EAAK;AAAA,IAE9B;AAEA,QAAIJ,EAAM,QAAQ,aAAa;AAC3B,MAAAA,EAAM,eAAA;AACN,YAAMI,IAASC;AAAA,QACXC;AAAA,UACI,SAASN,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,SAAA;AAAA,MAAS;AAGf,MAAIE,MAAUY,KACVlB,EAASkB,GAAQ,EAAK;AAAA,IAE9B;AAAA,EACJ,GAEMG,IAAe,CAACP,MAAyC;AAC3D,IAAAL,EAAiBD,IAAgB,CAAC;AAElC,UAAMc,IAAO,SAASR,EAAM,cAAc,OAAO,EAAE,EAAE,SAAA;AAErD,QAAIQ,MAAS,OAAOd,MAAkB,GAAG;AACrC,MAAAN,EAAS,IAAI;AACb;AAAA,IACJ;AACA,IAAAF,EAASsB,GAAM,IAAMd,IAAgB,CAAC;AAAA,EAC1C;AAEA,SACI,gBAAAe,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKC,EAAaf,GAAmCV,CAAG;AAAA,QACxD,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAAK;AAAA,QACA,WAAWqB,EAAW,oBAAoB9B,CAAS;AAAA,QACnD,UAAUwB;AAAA,QACV,SAASL;AAAA,QACT,SAASH;AAAA,QACT,QAAQE;AAAA,QACR,WAAWE;AAAA,QACV,GAAGV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPJ,KAAiB,gBAAAsB,EAAC,QAAA,EAAK,UAAA,MAAA,CAAG;AAAA,EAAA,GAC/B;AAER;"}