@orbe-agro/client-core 3.4.10 → 3.4.11

package/dist/lib/@ecme/components/ui/Tabs/index.js

@@ -0,0 +1,13 @@
+import a from "./Tabs.js";
+import o from "./TabList.js";
+import r from "./TabNav.js";
+import b from "./TabContent.js";
+const t = a;
+t.TabList = o;
+t.TabNav = r;
+t.TabContent = b;
+export {
+  t as Tabs,
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/components/ui/Tabs/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _Tabs, { TabsProps } from './Tabs'\nimport TabList from './TabList'\nimport TabNav from './TabNav'\nimport TabContent from './TabContent'\n\nexport type { TabsProps } from './Tabs'\nexport type { TabListProps } from './TabList'\nexport type { TabNavProps } from './TabNav'\nexport type { TabContentProps } from './TabContent'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    TabsProps & RefAttributes<HTMLHtmlElement>\n> & {\n    TabList: typeof TabList\n    TabNav: typeof TabNav\n    TabContent: typeof TabContent\n}\n\nconst Tabs = _Tabs as CompoundedComponent\n\nTabs.TabList = TabList\nTabs.TabNav = TabNav\nTabs.TabContent = TabContent\n\nexport { Tabs }\n\nexport default Tabs\n"],"names":["Tabs","_Tabs","TabList","TabNav","TabContent"],"mappings":";;;;AAmBA,MAAMA,IAAOC;AAEbD,EAAK,UAAUE;AACfF,EAAK,SAASG;AACdH,EAAK,aAAaI;"}

package/dist/lib/@ecme/components/ui/Tag/Tag.js

@@ -0,0 +1,43 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import r from "../utils/classNames.js";
+const d = (t) => {
+  const {
+    className: o,
+    children: f,
+    prefix: a,
+    ref: g,
+    suffix: e,
+    prefixClass: l,
+    suffixClass: i,
+    ...x
+  } = t;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: g,
+      className: r("tag", "bg-gray-100 dark:bg-gray-700 border-gray-100 dark:border-gray-700 text-gray-900 dark:text-gray-50", o),
+      ...x,
+      children: [
+        a && typeof a == "boolean" && /* @__PURE__ */ s(
+          "span",
+          {
+            className: r("tag-affix tag-prefix", l)
+          }
+        ),
+        typeof a == "object" && a,
+        f,
+        e && typeof e == "boolean" && /* @__PURE__ */ s(
+          "span",
+          {
+            className: r("tag-affix tag-suffix", i)
+          }
+        ),
+        typeof e == "object" && e
+      ]
+    }
+  );
+};
+export {
+  d as default
+};
+//# sourceMappingURL=Tag.js.map

package/dist/lib/@ecme/components/ui/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../../../lib/@ecme/components/ui/Tag/Tag.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, Ref } from 'react'\n\nexport interface TagProps extends CommonProps {\n    children: ReactNode\n    prefix?: boolean | ReactNode\n    prefixClass?: string\n    ref?: Ref<HTMLDivElement>\n    suffix?: boolean | ReactNode\n    suffixClass?: string\n}\n\nconst Tag = (props: TagProps) => {\n    const {\n        className,\n        children,\n        prefix,\n        ref,\n        suffix,\n        prefixClass,\n        suffixClass,\n        ...rest\n    } = props\n\n    const tagDefaultColor =\n        'bg-gray-100 dark:bg-gray-700 border-gray-100 dark:border-gray-700 text-gray-900 dark:text-gray-50'\n\n    return (\n        <div\n            ref={ref}\n            className={classNames('tag', tagDefaultColor, className)}\n            {...rest}\n        >\n            {prefix && typeof prefix === 'boolean' && (\n                <span\n                    className={classNames('tag-affix tag-prefix', prefixClass)}\n                />\n            )}\n            {typeof prefix === 'object' && prefix}\n            {children}\n            {suffix && typeof suffix === 'boolean' && (\n                <span\n                    className={classNames('tag-affix tag-suffix', suffixClass)}\n                />\n            )}\n            {typeof suffix === 'object' && suffix}\n        </div>\n    )\n}\n\nexport default Tag\n"],"names":["Tag","props","className","children","prefix","ref","suffix","prefixClass","suffixClass","rest","jsxs","classNames","jsx"],"mappings":";;AAaM,MAAAA,IAAM,CAACC,MAAoB;AACvB,QAAA;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR;AAMA,SAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,WAAWM,EAAW,OAL1B,qGAKkDT,CAAS;AAAA,MACtD,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAUL,KAAA,OAAOA,KAAW,aACzB,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAW,wBAAwBJ,CAAW;AAAA,UAAA;AAAA,QAC7D;AAAA,QAEH,OAAOH,KAAW,YAAYA;AAAA,QAC9BD;AAAA,QACAG,KAAU,OAAOA,KAAW,aACzB,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD,EAAW,wBAAwBH,CAAW;AAAA,UAAA;AAAA,QAC7D;AAAA,QAEH,OAAOF,KAAW,YAAYA;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC;AAER;"}

package/dist/lib/@ecme/components/ui/Tag/index.js

@@ -0,0 +1,6 @@
+import o from "./Tag.js";
+export {
+  o as Tag,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/components/ui/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,56 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useRef as w } from "react";
+import y from "classnames";
+import C from "../hooks/useMergeRef.js";
+const F = (u) => {
+  const {
+    className: c,
+    onChange: r,
+    onFocus: s,
+    value: n,
+    amLabel: a,
+    pmLabel: l,
+    ref: m = null,
+    ...p
+  } = u, o = w(void 0), i = (e) => {
+    var t;
+    e.stopPropagation(), (t = o == null ? void 0 : o.current) == null || t.select();
+  }, f = (e) => {
+    (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), r(
+      n === a ? l : a,
+      !0
+    ));
+  }, d = (e) => {
+    var t;
+    typeof s == "function" && s(e), (t = o == null ? void 0 : o.current) == null || t.select();
+  }, g = (e) => {
+    const t = e.target.value.slice(-1).toLowerCase();
+    if (t === "p") {
+      e.preventDefault(), r(l, !0);
+      return;
+    }
+    if (t === "a") {
+      e.preventDefault(), r(a, !0);
+      return;
+    }
+    r(n.toString(), !0);
+  };
+  return /* @__PURE__ */ h(
+    "input",
+    {
+      ref: C(o, m),
+      type: "text",
+      value: n,
+      className: y("time-input-field", "am-pm-input", c),
+      onClick: i,
+      onFocus: d,
+      onKeyDown: f,
+      onChange: g,
+      ...p
+    }
+  );
+};
+export {
+  F as default
+};
+//# sourceMappingURL=AmPmInput.js.map

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

@@ -0,0 +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":";;;;AAuBM,MAAAA,IAAY,CAACC,MAA0B;AACnC,QAAA;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,gBAAgB,IACtBC,IAAAJ,KAAA,gBAAAA,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACvB,GAEMC,IAAgB,CAACF,MAA2C;AAC9D,KAAIA,EAAM,QAAQ,aAAaA,EAAM,QAAQ,iBACzCA,EAAM,eAAe,GACrBV;AAAA,MACIE,MAAUC,IAAWC,IAAsBD;AAAA,MAC3C;AAAA,IACJ;AAAA,EAER,GAEMU,IAAc,CAACH,MAAwC;;AAClD,WAAAT,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,YAAY;AAE9D,QAAIK,MAAiB,KAAK;AACtB,MAAAL,EAAM,eAAe,GACrBV,EAASI,GAAmB,EAAI;AAChC;AAAA,IAAA;AAGJ,QAAIW,MAAiB,KAAK;AACtB,MAAAL,EAAM,eAAe,GACrBV,EAASG,GAAmB,EAAI;AAChC;AAAA,IAAA;AAGK,IAAAH,EAAAE,EAAM,SAAS,GAAG,EAAI;AAAA,EACnC;AAGI,SAAA,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,EACR;AAER;"}

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

@@ -0,0 +1,193 @@
+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 I from "./TimeInputField.js";
+import te 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 se from "../Input/Input.js";
+const Ve = (H) => {
+  var R;
+  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
+    )
+  ), [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
+    );
+    P(V), typeof u == "function" && u(V);
+  }, K = b({
+    onChange: (e, t) => {
+      p({
+        hours: e,
+        minutes: t ?? m.minutes
+      });
+    },
+    min: a === "12" ? 1 : 0,
+    max: a === "12" ? 12 : 23,
+    nextRef: S,
+    nextMax: 59
+  }), Q = b({
+    onChange: (e, t) => {
+      p({
+        minutes: e,
+        seconds: t ?? m.seconds
+      });
+    },
+    min: 0,
+    max: 59,
+    nextRef: f ? N : a === "12" ? v : x,
+    nextMax: f ? 59 : void 0
+  }), X = b({
+    onChange: (e) => {
+      p({ seconds: e });
+    },
+    min: 0,
+    max: 59,
+    nextRef: a === "12" ? v : x
+  }), Y = oe({
+    amLabel: l,
+    pmLabel: i,
+    onChange: (e) => {
+      p({ amPm: e });
+    },
+    nextRef: x
+  });
+  return /* @__PURE__ */ s(
+    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(
+          I,
+          {
+            ref: _(o, q),
+            withSeparator: !0,
+            value: m.hours,
+            setValue: (e) => d((t) => ({ ...t, hours: e })),
+            id: W,
+            className: g,
+            max: a === "12" ? 12 : 23,
+            placeholder: C,
+            "aria-label": "hours",
+            disabled: c,
+            name: L,
+            onChange: K
+          }
+        ),
+        /* @__PURE__ */ s(
+          I,
+          {
+            ref: S,
+            value: m.minutes,
+            setValue: (e) => d((t) => ({ ...t, minutes: e })),
+            className: g,
+            withSeparator: f,
+            max: 59,
+            placeholder: C,
+            "aria-label": "minutes",
+            disabled: c,
+            onChange: Q
+          }
+        ),
+        f && /* @__PURE__ */ s(
+          I,
+          {
+            ref: N,
+            value: m.seconds,
+            setValue: (e) => d((t) => ({ ...t, seconds: e })),
+            className: g,
+            max: 59,
+            placeholder: C,
+            "aria-label": "seconds",
+            disabled: c,
+            onChange: X
+          }
+        ),
+        a === "12" && /* @__PURE__ */ s(
+          te,
+          {
+            ref: v,
+            value: m.amPm,
+            placeholder: M,
+            amLabel: l,
+            pmLabel: i,
+            "aria-label": "am pm",
+            disabled: c,
+            onChange: Y
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  Ve as default
+};
+//# sourceMappingURL=TimeInput.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;AA6CM,MAAAA,KAAY,CAACC,MAA0B;;AACnC,QAAA;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,iBAAAC,IAAkB;AAAA,IAClB,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,QAAAC,IAAS;AAAA,IACT,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,QAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,aAAAC,IAAc;AAAA,IACd,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,QAAAC,IAAS,gBAAAC,EAACC,IAAe,EAAA,WAAU,UAAU,CAAA;AAAA,IAC7C,sBAAAC,IAAuB;AAAA,IACvB,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHzB,GAEE0B,IAAOC,EAAYnB,CAAE,GAErBoB,IAAWC,EAAyB,MAAS,GAC7CC,IAAaD,EAAyB,MAAS,GAC/CE,IAAaF,EAAyB,MAAS,GAC/CG,IAAUH,EAAyB,MAAS,GAC5C,CAACI,GAAMC,CAAO,IAAIC;AAAA,IACpBC;AAAA,MACIZ,KAAUnB;AAAA,MACVE;AAAA,MACAN;AAAA,MACAY;AAAA,IAAA;AAAA,EAER,GACM,CAACwB,GAAQC,CAAQ,IAAIH;AAAA,IACtBX,KAAmBnB;AAAA,EACxB,GAEMkC,KAAkBC,IAAAC,SAAA,gBAAAD,EAAe,SACjCE,IAAqBjC,KAAW8B;AAEtC,EAAAI,EAAa,MAAM;AACf,IAAAT,EAAQE,EAAcC,GAAgB9B,GAAQN,GAASY,CAAO,CAAC;AAAA,KAChE,CAACwB,GAAQ9B,GAAQN,GAASY,CAAO,CAAC,GAErC8B,EAAa,MAAM;AACf,KAAInB,KAAA,gBAAAA,EAAO,gBAAca,KAAA,gBAAAA,EAAQ,cAC7BC,EAASd,CAAoB;AAAA,EACjC,GACD,CAACA,CAAK,CAAC;AAEJ,QAAAoB,IAAU,CAACC,MAAiC;AAC9C,UAAMC,IAAiB,EAAE,GAAGb,GAAM,GAAGY,EAAO,GACtCE,IAAUC;AAAA,MACZF,EAAe;AAAA,MACfA,EAAe;AAAA,MACfA,EAAe;AAAA,MACfvC;AAAA,MACAM;AAAA,MACAiC,EAAe;AAAA,IACnB;AACA,IAAAR,EAASS,CAAO,GACT,OAAAnC,KAAa,cAAcA,EAASmC,CAAO;AAAA,EACtD,GAEME,IAAoBC,EAAkB;AAAA,IACxC,UAAU,CAACC,GAAKC,MAAc;AAClB,MAAAR,EAAA;AAAA,QACJ,OAAOO;AAAA,QACP,SAASC,KAAanB,EAAK;AAAA,MAAA,CAC9B;AAAA,IACL;AAAA,IACA,KAAK1B,MAAW,OAAO,IAAI;AAAA,IAC3B,KAAKA,MAAW,OAAO,KAAK;AAAA,IAC5B,SAASuB;AAAA,IACT,SAAS;AAAA,EAAA,CACZ,GAEKuB,IAAsBH,EAAkB;AAAA,IAC1C,UAAU,CAACC,GAAKC,MAAc;AAClB,MAAAR,EAAA;AAAA,QACJ,SAASO;AAAA,QACT,SAASC,KAAanB,EAAK;AAAA,MAAA,CAC9B;AAAA,IACL;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SAASjB,IACFe,IACDxB,MAAW,OACRyB,IACArB;AAAA,IACT,SAASK,IAAc,KAAK;AAAA,EAAA,CAC/B,GAEKsC,IAAsBJ,EAAkB;AAAA,IAC1C,UAAU,CAACC,MAAQ;AACP,MAAAP,EAAA,EAAE,SAASO,GAAK;AAAA,IAC5B;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SACI5C,MAAW,OACJyB,IACArB;AAAA,EAAA,CACd,GAEK4C,IAAmBC,GAAkB;AAAA,IACvC,SAAAvD;AAAA,IACA,SAAAY;AAAA,IACA,UAAU,CAACsC,MAAQ;AACP,MAAAP,EAAA,EAAE,MAAMO,GAAK;AAAA,IACzB;AAAA,IACA,SAAAxC;AAAA,EAAA,CACH;AAaG,SAAA,gBAAAS;AAAA,IAACqC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAASf;AAAA,MACT,UAAApC;AAAA,MACA,OAAAY;AAAA,MACA,WAAAf;AAAA,MACA,MAAAc;AAAA,MACA,QAAAH;AAAA,MACA,QAXJV,KAAaiC,sBAAUqB,IAAY,EAAA,SARnB,MAAM;;AACd,QAAAxB,EAAA,EAAE,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,IAAI,GACzDI,EAAS,IAAI,GACb1B,KAAA,QAAAA,EAAW,QACX4B,IAAAZ,KAAA,gBAAAA,EAAU,YAAV,QAAAY,EAAmB;AAAA,MACvB,EAG6D,CAAA,IAAKrB;AAAA,MAY1D,SAAS,MAAM;;AAAA,gBAAAqB,IAAAZ,KAAA,gBAAAA,EAAU,YAAV,gBAAAY,EAAmB;AAAA;AAAA,MACjC,GAAGf;AAAA,MAEJ,UAAA,gBAAAkC,EAAC,OAAI,EAAA,WAAU,sBACX,UAAA;AAAA,QAAA,gBAAAvC;AAAA,UAACwC;AAAA,UAAA;AAAA,YACG,KAAKC,EAAajC,GAAmCb,CAAG;AAAA,YACxD,eAAa;AAAA,YACb,OAAOkB,EAAK;AAAA,YACZ,UAAU,CAACkB,MACPjB,EAAQ,CAAC4B,OAAa,EAAE,GAAGA,GAAS,OAAOX,EAAA,EAAM;AAAA,YAErD,IAAIzB;AAAA,YACJ,WAAWH;AAAA,YACX,KAAKhB,MAAW,OAAO,KAAK;AAAA,YAC5B,aAAae;AAAA,YACb,cAAW;AAAA,YACX,UAAAhB;AAAA,YACA,MAAAI;AAAA,YACA,UAAUuC;AAAA,UAAA;AAAA,QACd;AAAA,QACA,gBAAA7B;AAAA,UAACwC;AAAA,UAAA;AAAA,YACG,KAAK9B;AAAA,YACL,OAAOG,EAAK;AAAA,YACZ,UAAU,CAACkB,MACPjB,EAAQ,CAAC4B,OAAa,EAAE,GAAGA,GAAS,SAASX,EAAA,EAAM;AAAA,YAEvD,WAAW5B;AAAA,YACX,eAAeP;AAAA,YACf,KAAK;AAAA,YACL,aAAaM;AAAA,YACb,cAAW;AAAA,YACX,UAAAhB;AAAA,YACA,UAAU+C;AAAA,UAAA;AAAA,QACd;AAAA,QACCrC,KACG,gBAAAI;AAAA,UAACwC;AAAA,UAAA;AAAA,YACG,KAAK7B;AAAA,YACL,OAAOE,EAAK;AAAA,YACZ,UAAU,CAACkB,MACPjB,EAAQ,CAAC4B,OAAa,EAAE,GAAGA,GAAS,SAASX,EAAA,EAAM;AAAA,YAEvD,WAAW5B;AAAA,YACX,KAAK;AAAA,YACL,aAAaD;AAAA,YACb,cAAW;AAAA,YACX,UAAAhB;AAAA,YACA,UAAUgD;AAAA,UAAA;AAAA,QACd;AAAA,QAEH/C,MAAW,QACR,gBAAAa;AAAA,UAAC2C;AAAA,UAAA;AAAA,YACG,KAAK/B;AAAA,YACL,OAAOC,EAAK;AAAA,YACZ,aAAa/B;AAAA,YACb,SAAAD;AAAA,YACA,SAAAY;AAAA,YACA,cAAW;AAAA,YACX,UAAAP;AAAA,YACA,UAAUiD;AAAA,UAAA;AAAA,QAAA;AAAA,MACd,EAER,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

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

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

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

@@ -0,0 +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":";;;;;;;AA6BM,MAAAA,IAAiB,CAACC,MAA+B;AAC7C,QAAA;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;;AAClD,WAAAhB,KAAY,cAAcA,EAAQgB,CAAK,IAC9CC,IAAAJ,KAAA,gBAAAA,EAAU,YAAV,QAAAI,EAAmB,UACnBN,EAAiB,CAAC;AAAA,EACtB,GAEMO,IAAa,CAACF,MAAiD;AAC1D,WAAAf,KAAW,cAAcA,EAAOe,CAAK,GACxCN,MAAkB,KAClB,OAAOR,KAAa,cAChBA,EAASc,EAAM,cAAc,OAAO,EAAK;AAAA,EAErD,GAEMG,IAAc,CAACH,MAAwC;;AACzD,IAAAA,EAAM,gBAAgB,IACtBC,IAAAJ,KAAA,gBAAAA,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACvB,GAEMG,IAAgB,CAACJ,MAA2C;AAC1D,QAAAA,EAAM,QAAQ,WAAW;AACzB,MAAAA,EAAM,eAAe;AACrB,YAAMK,IAASC;AAAA,QACXC;AAAA,UACI,SAASP,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,SAAS;AAAA,MACf;AAEA,MAAIE,MAAUa,KACVnB,EAASmB,GAAQ,EAAK;AAAA,IAC1B;AAGA,QAAAL,EAAM,QAAQ,aAAa;AAC3B,MAAAA,EAAM,eAAe;AACrB,YAAMK,IAASC;AAAA,QACXC;AAAA,UACI,SAASP,EAAM,cAAc,OAAO,EAAE,IAAI;AAAA,UAC1CT;AAAA,UACAD;AAAA,QAAA,EACF,SAAS;AAAA,MACf;AAEA,MAAIE,MAAUa,KACVnB,EAASmB,GAAQ,EAAK;AAAA,IAC1B;AAAA,EAER,GAEMG,IAAe,CAACR,MAAyC;AAC3D,IAAAL,EAAiBD,IAAgB,CAAC;AAElC,UAAMe,IAAO,SAAST,EAAM,cAAc,OAAO,EAAE,EAAE,SAAS;AAE1D,QAAAS,MAAS,OAAOf,MAAkB,GAAG;AACrC,MAAAN,EAAS,IAAI;AACb;AAAA,IAAA;AAEK,IAAAF,EAAAuB,GAAM,IAAMf,IAAgB,CAAC;AAAA,EAC1C;AAEA,SAEQ,gBAAAgB,EAAAC,GAAA,EAAA,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,IACR;AAAA,IACCJ,KAAkB,gBAAAuB,EAAA,QAAA,EAAK,UAAG,MAAA,CAAA;AAAA,EAAA,GAC/B;AAER;"}

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

@@ -0,0 +1,106 @@
+import { jsx as t, Fragment as B, jsxs as D } from "react/jsx-runtime";
+import { useRef as p, useState as E } from "react";
+import H from "../hooks/useUniqueId.js";
+import M from "../hooks/useMergeRef.js";
+import h from "../hooks/useDidUpdate.js";
+import g from "./TimeInput.js";
+import "../CloseButton/index.js";
+import { HiOutlineClock as O } from "react-icons/hi";
+import _ from "../Input/Input.js";
+import A from "../CloseButton/CloseButton.js";
+const le = (x) => {
+  const {
+    amPmPlaceholder: v = "am",
+    clearable: C = !1,
+    className: T,
+    defaultValue: R = [null, null],
+    disabled: i = !1,
+    format: b = "24",
+    id: y,
+    invalid: I,
+    name: N,
+    onChange: n,
+    prefix: P,
+    ref: k = null,
+    seperator: w = "~",
+    showSeconds: S = !1,
+    size: s,
+    style: j,
+    suffix: F = /* @__PURE__ */ t(O, { className: "text-lg" }),
+    timeFieldPlaceholder: U = "--",
+    value: r,
+    ...V
+  } = x, q = H(y), a = p(void 0), u = p(void 0), [l, o] = E(r ?? R);
+  h(() => {
+    typeof n == "function" && n(l);
+  }, [l]), h(() => {
+    var e, m, c, d;
+    r && (((e = r[0]) == null ? void 0 : e.getTime()) !== ((m = l[0]) == null ? void 0 : m.getTime()) || ((c = r[1]) == null ? void 0 : c.getTime()) !== ((d = l[1]) == null ? void 0 : d.getTime())) && o(r);
+  }, [r]);
+  const z = C && l ? /* @__PURE__ */ t(A, { onClick: () => {
+    var e;
+    o([null, null]), (e = a.current) == null || e.focus();
+  } }) : /* @__PURE__ */ t(B, { children: F }), f = {
+    amPmPlaceholder: v,
+    disabled: i,
+    format: b,
+    size: s,
+    timeFieldPlaceholder: U,
+    showSeconds: S
+  };
+  return /* @__PURE__ */ t(
+    _,
+    {
+      asElement: "div",
+      invalid: I,
+      size: s,
+      className: T,
+      style: j,
+      disabled: i,
+      suffix: z,
+      prefix: P,
+      onClick: () => {
+        var e;
+        (e = a.current) == null || e.focus();
+      },
+      ...V,
+      children: /* @__PURE__ */ D("div", { className: "time-input-wrapper", children: [
+        /* @__PURE__ */ t(
+          g,
+          {
+            ref: M(
+              a,
+              k
+            ),
+            unstyle: !0,
+            value: l[0],
+            name: N,
+            nextRef: u,
+            id: q,
+            clearable: !1,
+            suffix: null,
+            onChange: (e) => o([e, l[1]]),
+            ...f
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: "time-input-separator", children: w }),
+        /* @__PURE__ */ t(
+          g,
+          {
+            ref: u,
+            unstyle: !0,
+            value: l[1],
+            clearable: !1,
+            suffix: null,
+            onChange: (e) => o([l[0], e]),
+            ...f
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  le as default
+};
+//# sourceMappingURL=TimeInputRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInputRange.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/TimeInputRange.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport useUniqueId from '../hooks/useUniqueId'\nimport useMergedRef from '../hooks/useMergeRef'\nimport useDidUpdate from '../hooks/useDidUpdate'\nimport TimeInput from './TimeInput'\nimport CloseButton from '../CloseButton'\nimport { HiOutlineClock } from 'react-icons/hi'\nimport Input from '../Input/Input'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { RefObject, Ref, ReactNode } from 'react'\n\ntype Value = [Date | null, Date | null]\n\nexport interface TimeInputRangeProps 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    seperator?: string\n    size?: TypeAttributes.ControlSize\n    suffix?: string | ReactNode\n    timeFieldPlaceholder?: string\n    timeFieldClass?: string\n    value?: Value\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    field?: any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    form?: any\n}\n\nconst TimeInputRange = (props: TimeInputRangeProps) => {\n    const {\n        amPmPlaceholder = 'am',\n        clearable = false,\n        className,\n        defaultValue = [null, null],\n        disabled = false,\n        format = '24',\n        id,\n        invalid,\n        name,\n        onChange,\n        prefix,\n        ref = null,\n        seperator = '~',\n        showSeconds = false,\n        size,\n        style,\n        suffix = <HiOutlineClock className=\"text-lg\" />,\n        timeFieldPlaceholder = '--',\n        value,\n        ...rest\n    } = props\n\n    const uuid = useUniqueId(id)\n\n    const fromTimeRef = useRef<HTMLInputElement>(undefined)\n    const toTimeRef = useRef<HTMLInputElement>(undefined)\n    const [_value, setValue] = useState(value ?? defaultValue)\n\n    useDidUpdate(() => {\n        typeof onChange === 'function' && onChange(_value)\n    }, [_value])\n\n    useDidUpdate(() => {\n        if (\n            value &&\n            (value[0]?.getTime() !== _value[0]?.getTime() ||\n                value[1]?.getTime() !== _value[1]?.getTime())\n        ) {\n            setValue(value)\n        }\n    }, [value])\n\n    const handleClear = () => {\n        setValue([null, null])\n        fromTimeRef.current?.focus()\n    }\n\n    const suffixSlot =\n        clearable && _value ? (\n            <CloseButton onClick={handleClear} />\n        ) : (\n            <>{suffix}</>\n        )\n\n    const forwardProps = {\n        amPmPlaceholder,\n        disabled,\n        format,\n        size,\n        timeFieldPlaceholder,\n        showSeconds,\n    }\n\n    return (\n        <Input\n            asElement=\"div\"\n            invalid={invalid}\n            size={size}\n            className={className}\n            style={style}\n            disabled={disabled}\n            suffix={suffixSlot}\n            prefix={prefix}\n            onClick={() => {\n                fromTimeRef.current?.focus()\n            }}\n            {...rest}\n        >\n            <div className=\"time-input-wrapper\">\n                <TimeInput\n                    ref={useMergedRef(\n                        fromTimeRef as Ref<HTMLInputElement>,\n                        ref,\n                    )}\n                    unstyle\n                    value={_value[0]}\n                    name={name}\n                    nextRef={toTimeRef as RefObject<HTMLInputElement | null>}\n                    id={uuid}\n                    clearable={false}\n                    suffix={null}\n                    onChange={(date) => setValue([date, _value[1]])}\n                    {...forwardProps}\n                />\n\n                <span className=\"time-input-separator\">{seperator}</span>\n\n                <TimeInput\n                    ref={toTimeRef as Ref<HTMLInputElement>}\n                    unstyle\n                    value={_value[1]}\n                    clearable={false}\n                    suffix={null}\n                    onChange={(date) => setValue([_value[0], date])}\n                    {...forwardProps}\n                />\n            </div>\n        </Input>\n    )\n}\n\nexport default TimeInputRange\n"],"names":["TimeInputRange","props","amPmPlaceholder","clearable","className","defaultValue","disabled","format","id","invalid","name","onChange","prefix","ref","seperator","showSeconds","size","style","suffix","jsx","HiOutlineClock","timeFieldPlaceholder","value","rest","uuid","useUniqueId","fromTimeRef","useRef","toTimeRef","_value","setValue","useState","useDidUpdate","_a","_b","_c","_d","suffixSlot","CloseButton","Fragment","forwardProps","Input","jsxs","TimeInput","useMergedRef","date"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import t from "./TimeInput.js";
+import e from "./TimeInputRange.js";
+const m = t;
+m.TimeInputRange = e;
+export {
+  m as TimeInput,
+  m as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent, RefAttributes } from 'react'\nimport _TimeInput, { TimeInputProps } from './TimeInput'\nimport TimeInputRange from './TimeInputRange'\n\nexport type { TimeInputProps } from './TimeInput'\nexport type { TimeInputRangeProps } from './TimeInputRange'\n\ntype CompoundedComponent = ForwardRefExoticComponent<\n    TimeInputProps & RefAttributes<HTMLSpanElement>\n> & {\n    TimeInputRange: typeof TimeInputRange\n}\n\nconst TimeInput = _TimeInput as CompoundedComponent\n\nTimeInput.TimeInputRange = TimeInputRange\n\nexport { TimeInput }\n\nexport default TimeInput\n"],"names":["TimeInput","_TimeInput","TimeInputRange"],"mappings":";;AAaA,MAAMA,IAAYC;AAElBD,EAAU,iBAAiBE;"}

package/dist/lib/@ecme/components/ui/TimeInput/utils/clamp.js

@@ -0,0 +1,7 @@
+function m(t, a, n) {
+  return Math.min(Math.max(t, a), n);
+}
+export {
+  m as clamp
+};
+//# sourceMappingURL=clamp.js.map

package/dist/lib/@ecme/components/ui/TimeInput/utils/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.js","sources":["../../../../../../../lib/@ecme/components/ui/TimeInput/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n    return Math.min(Math.max(value, min), max)\n}\n"],"names":["clamp","value","min","max"],"mappings":"AAAgB,SAAAA,EAAMC,GAAeC,GAAaC,GAAa;AAC3D,SAAO,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG;AAC7C;"}

package/dist/lib/@ecme/components/ui/TimeInput/utils/createAmPmHandler.js

@@ -0,0 +1,20 @@
+function l({
+  amLabel: o,
+  pmLabel: s,
+  onChange: u,
+  nextRef: r
+}) {
+  return (d, t) => {
+    var w, $;
+    const i = new RegExp(`(^(${o}|${s})?$)`), c = d.toLowerCase();
+    if (c === o || c === s) {
+      u(c), t && ((w = r == null ? void 0 : r.current) == null || w.focus()), t && (($ = r == null ? void 0 : r.current) == null || $.select());
+      return;
+    }
+    i.test(c) && u(c);
+  };
+}
+export {
+  l as createAmPmHandler
+};
+//# sourceMappingURL=createAmPmHandler.js.map

package/dist/lib/@ecme/components/ui/TimeInput/utils/createAmPmHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAmPmHandler.js","sources":["../../../../../../../lib/@ecme/components/ui/TimeInput/utils/createAmPmHandler.ts"],"sourcesContent":["import type { RefObject } from 'react'\n\ntype CreateAmPmHandlerParams = {\n    amLabel: string\n    pmLabel: string\n    onChange(value: string): void\n    nextRef?: RefObject<HTMLInputElement | null>\n}\n\nexport function createAmPmHandler({\n    amLabel,\n    pmLabel,\n    onChange,\n    nextRef,\n}: CreateAmPmHandlerParams) {\n    return (value: string, triggerShift: boolean) => {\n        const testRegex = new RegExp(`(^(${amLabel}|${pmLabel})?$)`)\n        const valLower = value.toLowerCase()\n\n        if (valLower === amLabel || valLower === pmLabel) {\n            onChange(valLower)\n            triggerShift && nextRef?.current?.focus()\n            triggerShift && nextRef?.current?.select()\n            return\n        }\n\n        if (!testRegex.test(valLower)) {\n            return\n        }\n\n        onChange(valLower)\n    }\n}\n"],"names":["createAmPmHandler","amLabel","pmLabel","onChange","nextRef","value","triggerShift","_a","_b","testRegex","valLower"],"mappings":"AASO,SAASA,EAAkB;AAAA,EAC9B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACjB,SAAA,CAACC,GAAeC,MAA0B;AAN9C,QAAAC,GAAAC;AAOC,UAAMC,IAAY,IAAI,OAAO,MAAMR,CAAO,IAAIC,CAAO,MAAM,GACrDQ,IAAWL,EAAM,YAAY;AAE/B,QAAAK,MAAaT,KAAWS,MAAaR,GAAS;AAC9C,MAAAC,EAASO,CAAQ,GACDJ,OAAAC,IAAAH,KAAA,gBAAAA,EAAS,YAAT,QAAAG,EAAkB,UAClBD,OAAAE,IAAAJ,KAAA,gBAAAA,EAAS,YAAT,QAAAI,EAAkB;AAClC;AAAA,IAAA;AAGJ,IAAKC,EAAU,KAAKC,CAAQ,KAI5BP,EAASO,CAAQ;AAAA,EACrB;AACJ;"}