@orbe-agro/client-core 5.3.86 → 5.3.89

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

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

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

@@ -1 +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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"}
+{"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","suffixSlot","CloseButton","Fragment","forwardProps","Input","jsxs","TimeInput","useMergedRef","date"],"mappings":"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"}

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

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

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

@@ -1 +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;AACxB,SAAO,CAACC,GAAeC,MAA0B;AAN9C,QAAAC,GAAAC;AAOC,UAAMC,IAAY,IAAI,OAAO,MAAMR,CAAO,IAAIC,CAAO,MAAM,GACrDQ,IAAWL,EAAM,YAAA;AAEvB,QAAIK,MAAaT,KAAWS,MAAaR,GAAS;AAC9C,MAAAC,EAASO,CAAQ,GACjBJ,OAAgBC,IAAAH,KAAA,gBAAAA,EAAS,YAAT,QAAAG,EAAkB,UAClCD,OAAgBE,IAAAJ,KAAA,gBAAAA,EAAS,YAAT,QAAAI,EAAkB;AAClC;AAAA,IACJ;AAEA,IAAKC,EAAU,KAAKC,CAAQ,KAI5BP,EAASO,CAAQ;AAAA,EACrB;AACJ;"}
+{"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","testRegex","valLower"],"mappings":"AASO,SAASA,EAAkB;AAAA,EAC9B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CAACC,GAAeC,MAA0B;AAC7C,UAAMC,IAAY,IAAI,OAAO,MAAMN,CAAO,IAAIC,CAAO,MAAM,GACrDM,IAAWH,EAAM,YAAA;AAEvB,QAAIG,MAAaP,KAAWO,MAAaN,GAAS;AAC9C,MAAAC,EAASK,CAAQ,GACjBF,KAAgBF,GAAS,SAAS,MAAA,GAClCE,KAAgBF,GAAS,SAAS,OAAA;AAClC;AAAA,IACJ;AAEA,IAAKG,EAAU,KAAKC,CAAQ,KAI5BL,EAASK,CAAQ;AAAA,EACrB;AACJ;"}

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

@@ -1,30 +1,29 @@
-import { padTime as l } from "./padTime.js";
-import { clamp as S } from "./clamp.js";
-function a(i) {
-  return Math.floor(i / 10);
+import { padTime as o } from "./padTime.js";
+import { clamp as d } from "./clamp.js";
+function n(r) {
+  return Math.floor(r / 10);
 }
-function b({
-  onChange: i,
-  nextRef: t,
-  min: e,
-  max: o,
-  nextMax: c
+function S({
+  onChange: r,
+  nextRef: u,
+  min: f,
+  max: e,
+  nextMax: l
 }) {
-  return (g, s, N = !1) => {
-    var p, m;
-    const r = parseInt(g, 10);
-    if (!Number.isNaN(r)) {
-      if (r > a(o) || N) {
-        const n = r % 10;
-        let u, d;
-        r > o && c && n <= a(c) ? (u = l(a(r).toString()), d = l(n.toString())) : u = l(S(r, e, o).toString()), i(u, d), s && ((p = t == null ? void 0 : t.current) == null || p.focus()), s && ((m = t == null ? void 0 : t.current) == null || m.select());
+  return (p, a, m = !1) => {
+    const t = parseInt(p, 10);
+    if (!Number.isNaN(t)) {
+      if (t > n(e) || m) {
+        const c = t % 10;
+        let i, s;
+        t > e && l && c <= n(l) ? (i = o(n(t).toString()), s = o(c.toString())) : i = o(d(t, f, e).toString()), r(i, s), a && u?.current?.focus(), a && u?.current?.select();
         return;
       }
-      i(r.toString());
+      r(t.toString());
     }
   };
 }
 export {
-  b as createTimeHandler
+  S as createTimeHandler
 };
 //# sourceMappingURL=createTimeHandler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createTimeHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createTimeHandler.ts"],"sourcesContent":["import { padTime } from './padTime'\nimport { clamp } from './clamp'\nimport type { RefObject } from 'react'\n\nfunction allButLastDigit(value: number) {\n    return Math.floor(value / 10)\n}\n\ntype CreateTimeHandlerParams = {\n    onChange(value: string, carryOver?: string): void\n    nextRef?: RefObject<HTMLInputElement | null>\n    min: number\n    max: number\n    nextMax?: number\n}\n\nexport function createTimeHandler({\n    onChange,\n    nextRef,\n    min,\n    max,\n    nextMax,\n}: CreateTimeHandlerParams) {\n    return (\n        value: string,\n        triggerShift: boolean,\n        forceTriggerShift = false,\n    ) => {\n        const parsed = parseInt(value, 10)\n\n        if (Number.isNaN(parsed)) {\n            return\n        }\n\n        if (parsed > allButLastDigit(max) || forceTriggerShift) {\n            const lastDigit = parsed % 10\n\n            let updatedValue\n            let carryOver\n\n            if (\n                parsed > max &&\n                nextMax &&\n                lastDigit <= allButLastDigit(nextMax)\n            ) {\n                updatedValue = padTime(allButLastDigit(parsed).toString())\n                carryOver = padTime(lastDigit.toString())\n            } else {\n                updatedValue = padTime(clamp(parsed, min, max).toString())\n            }\n\n            onChange(updatedValue, carryOver)\n            triggerShift && nextRef?.current?.focus()\n            triggerShift && nextRef?.current?.select()\n            return\n        }\n\n        onChange(parsed.toString())\n    }\n}\n"],"names":["allButLastDigit","value","createTimeHandler","onChange","nextRef","min","max","nextMax","triggerShift","forceTriggerShift","parsed","lastDigit","updatedValue","carryOver","padTime","clamp","_a","_b"],"mappings":";;AAIA,SAASA,EAAgBC,GAAe;AACpC,SAAO,KAAK,MAAMA,IAAQ,EAAE;AAChC;AAUO,SAASC,EAAkB;AAAA,EAC9B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CACHN,GACAO,GACAC,IAAoB,OACnB;;AACD,UAAMC,IAAS,SAAST,GAAO,EAAE;AAEjC,QAAI,QAAO,MAAMS,CAAM,GAIvB;AAAA,UAAIA,IAASV,EAAgBM,CAAG,KAAKG,GAAmB;AACpD,cAAME,IAAYD,IAAS;AAE3B,YAAIE,GACAC;AAEJ,QACIH,IAASJ,KACTC,KACAI,KAAaX,EAAgBO,CAAO,KAEpCK,IAAeE,EAAQd,EAAgBU,CAAM,EAAE,UAAU,GACzDG,IAAYC,EAAQH,EAAU,UAAU,KAExCC,IAAeE,EAAQC,EAAML,GAAQL,GAAKC,CAAG,EAAE,UAAU,GAG7DH,EAASS,GAAcC,CAAS,GAChCL,OAAgBQ,IAAAZ,KAAA,gBAAAA,EAAS,YAAT,QAAAY,EAAkB,UAClCR,OAAgBS,IAAAb,KAAA,gBAAAA,EAAS,YAAT,QAAAa,EAAkB;AAClC;AAAA,MACJ;AAEA,MAAAd,EAASO,EAAO,UAAU;AAAA;AAAA,EAC9B;AACJ;"}
+{"version":3,"file":"createTimeHandler.js","sources":["../../../../../../lib/@ecme/components/ui/TimeInput/utils/createTimeHandler.ts"],"sourcesContent":["import { padTime } from './padTime'\nimport { clamp } from './clamp'\nimport type { RefObject } from 'react'\n\nfunction allButLastDigit(value: number) {\n    return Math.floor(value / 10)\n}\n\ntype CreateTimeHandlerParams = {\n    onChange(value: string, carryOver?: string): void\n    nextRef?: RefObject<HTMLInputElement | null>\n    min: number\n    max: number\n    nextMax?: number\n}\n\nexport function createTimeHandler({\n    onChange,\n    nextRef,\n    min,\n    max,\n    nextMax,\n}: CreateTimeHandlerParams) {\n    return (\n        value: string,\n        triggerShift: boolean,\n        forceTriggerShift = false,\n    ) => {\n        const parsed = parseInt(value, 10)\n\n        if (Number.isNaN(parsed)) {\n            return\n        }\n\n        if (parsed > allButLastDigit(max) || forceTriggerShift) {\n            const lastDigit = parsed % 10\n\n            let updatedValue\n            let carryOver\n\n            if (\n                parsed > max &&\n                nextMax &&\n                lastDigit <= allButLastDigit(nextMax)\n            ) {\n                updatedValue = padTime(allButLastDigit(parsed).toString())\n                carryOver = padTime(lastDigit.toString())\n            } else {\n                updatedValue = padTime(clamp(parsed, min, max).toString())\n            }\n\n            onChange(updatedValue, carryOver)\n            triggerShift && nextRef?.current?.focus()\n            triggerShift && nextRef?.current?.select()\n            return\n        }\n\n        onChange(parsed.toString())\n    }\n}\n"],"names":["allButLastDigit","value","createTimeHandler","onChange","nextRef","min","max","nextMax","triggerShift","forceTriggerShift","parsed","lastDigit","updatedValue","carryOver","padTime","clamp"],"mappings":";;AAIA,SAASA,EAAgBC,GAAe;AACpC,SAAO,KAAK,MAAMA,IAAQ,EAAE;AAChC;AAUO,SAASC,EAAkB;AAAA,EAC9B,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,SAAAC;AACJ,GAA4B;AACxB,SAAO,CACHN,GACAO,GACAC,IAAoB,OACnB;AACD,UAAMC,IAAS,SAAST,GAAO,EAAE;AAEjC,QAAI,QAAO,MAAMS,CAAM,GAIvB;AAAA,UAAIA,IAASV,EAAgBM,CAAG,KAAKG,GAAmB;AACpD,cAAME,IAAYD,IAAS;AAE3B,YAAIE,GACAC;AAEJ,QACIH,IAASJ,KACTC,KACAI,KAAaX,EAAgBO,CAAO,KAEpCK,IAAeE,EAAQd,EAAgBU,CAAM,EAAE,UAAU,GACzDG,IAAYC,EAAQH,EAAU,UAAU,KAExCC,IAAeE,EAAQC,EAAML,GAAQL,GAAKC,CAAG,EAAE,UAAU,GAG7DH,EAASS,GAAcC,CAAS,GAChCL,KAAgBJ,GAAS,SAAS,MAAA,GAClCI,KAAgBJ,GAAS,SAAS,OAAA;AAClC;AAAA,MACJ;AAEA,MAAAD,EAASO,EAAO,UAAU;AAAA;AAAA,EAC9B;AACJ;"}

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

@@ -1,6 +1,6 @@
-import { jsx as l, jsxs as k, Fragment as Q } from "react/jsx-runtime";
-import { useRef as R, useState as L, useEffect as V, useCallback as b } from "react";
-import v from "../utils/classNames.js";
+import { jsx as a, jsxs as D, Fragment as K } from "react/jsx-runtime";
+import { useRef as Q, useState as O, useEffect as V, useCallback as g } from "react";
+import h from "../utils/classNames.js";
 import W from "lodash/cloneDeep";
 import X from "./FileItem.js";
 import Y from "../Button/Button.js";
@@ -8,130 +8,129 @@ import "../CloseButton/index.js";
 import Z from "../Notification/Notification.js";
 import ee from "../toast/toast.js";
 import te from "../CloseButton/CloseButton.js";
-const U = (i) => (
+const k = (i) => (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   Object.keys(i).map((d) => i[d])
 ), pe = (i) => {
   const {
     accept: d,
-    beforeUpload: N,
-    disabled: a = !1,
+    beforeUpload: v,
+    disabled: s = !1,
     draggable: r = !1,
     fileList: n = [],
-    fileListClass: j,
-    fileItemClass: I,
-    multiple: S,
-    onChange: p,
-    onFileRemove: u,
+    fileListClass: L,
+    fileItemClass: U,
+    multiple: j,
+    onChange: I,
+    onFileRemove: S,
     ref: J,
     showList: w = !0,
     tip: x,
     uploadLimit: f,
-    children: m,
+    children: p,
     className: B,
-    ...C
-  } = i, y = R(null), [o, g] = L(n), [E, h] = L(!1);
+    ...b
+  } = i, C = Q(null), [l, u] = O(n), [E, m] = O(!1);
   V(() => {
-    JSON.stringify(o) !== JSON.stringify(n) && g(n);
+    JSON.stringify(l) !== JSON.stringify(n) && u(n);
   }, [JSON.stringify(n)]);
-  const F = (t = "") => {
+  const N = (t = "") => {
     ee.push(
-      /* @__PURE__ */ l(Z, { type: "danger", duration: 2e3, children: t || "Upload Failed!" }),
+      /* @__PURE__ */ a(Z, { type: "danger", duration: 2e3, children: t || "Upload Failed!" }),
       {
         placement: "top-center"
       }
     );
-  }, D = (t, e) => {
+  }, F = (t, e) => {
     if (t)
-      for (const s of t)
-        e.push(s);
+      for (const o of t)
+        e.push(o);
     return e;
   }, P = (t) => {
-    let e = W(o);
-    return typeof f == "number" && f !== 0 && Object.keys(e).length >= f ? (f === 1 && (e.shift(), e = D(t, e)), U({ ...e })) : (e = D(t, e), U({ ...e }));
-  }, A = (t) => {
+    let e = W(l);
+    return typeof f == "number" && f !== 0 && Object.keys(e).length >= f ? (f === 1 && (e.shift(), e = F(t, e)), k({ ...e })) : (e = F(t, e), k({ ...e }));
+  }, R = (t) => {
     const { files: e } = t.target;
-    let s = !0;
-    if (N) {
-      if (s = N(e, o), s === !1) {
-        F();
+    let o = !0;
+    if (v) {
+      if (o = v(e, l), o === !1) {
+        N();
         return;
       }
-      if (typeof s == "string" && s.length > 0) {
-        F(s);
+      if (typeof o == "string" && o.length > 0) {
+        N(o);
         return;
       }
     }
-    if (s) {
+    if (o) {
       const c = P(e);
-      g(c), p == null || p(c, o);
+      u(c), I?.(c, l);
     }
+  }, A = (t) => {
+    const e = l.filter((o, c) => c !== t);
+    u(e), S?.(e);
   }, M = (t) => {
-    const e = o.filter((s, c) => c !== t);
-    g(e), u == null || u(e);
-  }, T = (t) => {
-    var e;
-    a || (e = y.current) == null || e.click(), t.stopPropagation();
-  }, _ = () => !r && !m ? /* @__PURE__ */ l(Y, { disabled: a, onClick: (t) => t.preventDefault(), children: "Upload" }) : r && !m ? /* @__PURE__ */ l("span", { children: "Choose a file or drag and drop here" }) : m, $ = b(() => {
-    r && h(!1);
-  }, [r]), q = b(() => {
-    r && !a && h(!0);
-  }, [r, a]), z = b(() => {
-    r && h(!1);
-  }, [r]), G = {
-    onDragLeave: $,
-    onDragOver: q,
-    onDrop: z
-  }, O = "border-primary", H = v(
+    s || C.current?.click(), t.stopPropagation();
+  }, T = () => !r && !p ? /* @__PURE__ */ a(Y, { disabled: s, onClick: (t) => t.preventDefault(), children: "Upload" }) : r && !p ? /* @__PURE__ */ a("span", { children: "Choose a file or drag and drop here" }) : p, _ = g(() => {
+    r && m(!1);
+  }, [r]), $ = g(() => {
+    r && !s && m(!0);
+  }, [r, s]), q = g(() => {
+    r && m(!1);
+  }, [r]), z = {
+    onDragLeave: _,
+    onDragOver: $,
+    onDrop: q
+  }, y = "border-primary", G = h(
     "upload",
     r && "upload-draggable",
-    r && !a && `hover:${O}`,
-    r && a && "disabled",
-    E && O,
+    r && !s && `hover:${y}`,
+    r && s && "disabled",
+    E && y,
     B
-  ), K = v(
+  ), H = h(
     "upload-input",
     r && "draggable"
   );
-  return /* @__PURE__ */ k(Q, { children: [
-    /* @__PURE__ */ k(
+  return /* @__PURE__ */ D(K, { children: [
+    /* @__PURE__ */ D(
       "div",
       {
         ref: J,
-        className: H,
-        ...r ? G : { onClick: T },
-        ...C,
+        className: G,
+        ...r ? z : { onClick: M },
+        ...b,
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ a(
             "input",
             {
-              ref: y,
-              className: K,
+              ref: C,
+              className: H,
               type: "file",
-              disabled: a,
-              multiple: S,
+              disabled: s,
+              multiple: j,
               accept: d,
               title: "",
               value: "",
-              onChange: A,
-              ...C
+              onChange: R,
+              ...b
             }
           ),
-          _()
+          T()
         ]
       }
     ),
     x,
-    w && /* @__PURE__ */ l("div", { className: v("upload-file-list", j), children: o.map((t, e) => /* @__PURE__ */ l(
+    w && /* @__PURE__ */ a("div", { className: h("upload-file-list", L), children: l.map((t, e) => /* @__PURE__ */ a(
       X,
       {
         file: t,
-        className: I,
-        children: /* @__PURE__ */ l(
+        className: U,
+        children: /* @__PURE__ */ a(
           te,
           {
             className: "upload-file-remove",
-            onClick: () => M(e)
+            onClick: () => A(e)
           }
         )
       },

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

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","sources":["../../../../../lib/@ecme/components/ui/Upload/Upload.tsx"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport FileItem from './FileItem'\nimport Button from '../Button/Button'\nimport CloseButton from '../CloseButton'\nimport Notification from '../Notification/Notification'\nimport toast from '../toast/toast'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, MouseEvent, Ref } from 'react'\n\nexport interface UploadProps extends CommonProps {\n    accept?: string\n    beforeUpload?: (file: FileList | null, fileList: File[]) => boolean | string\n    disabled?: boolean\n    draggable?: boolean\n    fileList?: File[]\n    fileListClass?: string\n    fileItemClass?: string\n    multiple?: boolean\n    onChange?: (file: File[], fileList: File[]) => void\n    onFileRemove?: (file: File[]) => void\n    ref?: Ref<HTMLDivElement>\n    showList?: boolean\n    tip?: string | ReactNode\n    uploadLimit?: number\n}\n\nconst filesToArray = (files: File[]) =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    Object.keys(files).map((key) => files[key as any])\n\nconst Upload = (props: UploadProps) => {\n    const {\n        accept,\n        beforeUpload,\n        disabled = false,\n        draggable = false,\n        fileList = [],\n        fileListClass,\n        fileItemClass,\n        multiple,\n        onChange,\n        onFileRemove,\n        ref,\n        showList = true,\n        tip,\n        uploadLimit,\n        children,\n        className,\n        ...rest\n    } = props\n\n    const fileInputField = useRef<HTMLInputElement>(null)\n    const [files, setFiles] = useState(fileList)\n    const [dragOver, setDragOver] = useState(false)\n\n    useEffect(() => {\n        if (JSON.stringify(files) !== JSON.stringify(fileList)) {\n            setFiles(fileList)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(fileList)])\n\n    const triggerMessage = (msg: string | ReactNode = '') => {\n        toast.push(\n            <Notification type=\"danger\" duration={2000}>\n                {msg || 'Upload Failed!'}\n            </Notification>,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    const pushFile = (newFiles: FileList | null, file: File[]) => {\n        if (newFiles) {\n            for (const f of newFiles) {\n                file.push(f)\n            }\n        }\n\n        return file\n    }\n\n    const addNewFiles = (newFiles: FileList | null) => {\n        let file = cloneDeep(files)\n        if (typeof uploadLimit === 'number' && uploadLimit !== 0) {\n            if (Object.keys(file).length >= uploadLimit) {\n                if (uploadLimit === 1) {\n                    file.shift()\n                    file = pushFile(newFiles, file)\n                }\n\n                return filesToArray({ ...file })\n            }\n        }\n        file = pushFile(newFiles, file)\n        return filesToArray({ ...file })\n    }\n\n    const onNewFileUpload = (e: ChangeEvent<HTMLInputElement>) => {\n        const { files: newFiles } = e.target\n        let result: boolean | string = true\n\n        if (beforeUpload) {\n            result = beforeUpload(newFiles, files)\n\n            if (result === false) {\n                triggerMessage()\n                return\n            }\n\n            if (typeof result === 'string' && result.length > 0) {\n                triggerMessage(result)\n                return\n            }\n        }\n\n        if (result) {\n            const updatedFiles = addNewFiles(newFiles)\n            setFiles(updatedFiles)\n            onChange?.(updatedFiles, files)\n        }\n    }\n\n    const removeFile = (fileIndex: number) => {\n        const deletedFileList = files.filter((_, index) => index !== fileIndex)\n        setFiles(deletedFileList)\n        onFileRemove?.(deletedFileList)\n    }\n\n    const triggerUpload = (e: MouseEvent<HTMLDivElement>) => {\n        if (!disabled) {\n            fileInputField.current?.click()\n        }\n        e.stopPropagation()\n    }\n\n    const renderChildren = () => {\n        if (!draggable && !children) {\n            return (\n                <Button disabled={disabled} onClick={(e) => e.preventDefault()}>\n                    Upload\n                </Button>\n            )\n        }\n\n        if (draggable && !children) {\n            return <span>Choose a file or drag and drop here</span>\n        }\n\n        return children\n    }\n\n    const handleDragLeave = useCallback(() => {\n        if (draggable) {\n            setDragOver(false)\n        }\n    }, [draggable])\n\n    const handleDragOver = useCallback(() => {\n        if (draggable && !disabled) {\n            setDragOver(true)\n        }\n    }, [draggable, disabled])\n\n    const handleDrop = useCallback(() => {\n        if (draggable) {\n            setDragOver(false)\n        }\n    }, [draggable])\n\n    const draggableProp = {\n        onDragLeave: handleDragLeave,\n        onDragOver: handleDragOver,\n        onDrop: handleDrop,\n    }\n\n    const draggableEventFeedbackClass = `border-primary`\n\n    const uploadClass = classNames(\n        'upload',\n        draggable && `upload-draggable`,\n        draggable && !disabled && `hover:${draggableEventFeedbackClass}`,\n        draggable && disabled && 'disabled',\n        dragOver && draggableEventFeedbackClass,\n        className,\n    )\n\n    const uploadInputClass = classNames(\n        'upload-input',\n        draggable && `draggable`,\n    )\n\n    return (\n        <>\n            <div\n                ref={ref}\n                className={uploadClass}\n                {...(draggable ? draggableProp : { onClick: triggerUpload })}\n                {...rest}\n            >\n                <input\n                    ref={fileInputField}\n                    className={uploadInputClass}\n                    type=\"file\"\n                    disabled={disabled}\n                    multiple={multiple}\n                    accept={accept}\n                    title=\"\"\n                    value=\"\"\n                    onChange={onNewFileUpload}\n                    {...rest}\n                ></input>\n                {renderChildren()}\n            </div>\n            {tip}\n            {showList && (\n                <div className={classNames('upload-file-list', fileListClass)}>\n                    {files.map((file, index) => (\n                        <FileItem\n                            key={file.name + index}\n                            file={file}\n                            className={fileItemClass}\n                        >\n                            <CloseButton\n                                className=\"upload-file-remove\"\n                                onClick={() => removeFile(index)}\n                            />\n                        </FileItem>\n                    ))}\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default Upload\n"],"names":["filesToArray","files","key","Upload","props","accept","beforeUpload","disabled","draggable","fileList","fileListClass","fileItemClass","multiple","onChange","onFileRemove","ref","showList","tip","uploadLimit","children","className","rest","fileInputField","useRef","setFiles","useState","dragOver","setDragOver","useEffect","triggerMessage","msg","toast","Notification","pushFile","newFiles","file","f","addNewFiles","cloneDeep","onNewFileUpload","e","result","updatedFiles","removeFile","fileIndex","deletedFileList","_","index","triggerUpload","_a","renderChildren","jsx","Button","handleDragLeave","useCallback","handleDragOver","handleDrop","draggableProp","draggableEventFeedbackClass","uploadClass","classNames","uploadInputClass","jsxs","Fragment","FileItem","CloseButton"],"mappings":"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"}
+{"version":3,"file":"Upload.js","sources":["../../../../../lib/@ecme/components/ui/Upload/Upload.tsx"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport cloneDeep from 'lodash/cloneDeep'\nimport FileItem from './FileItem'\nimport Button from '../Button/Button'\nimport CloseButton from '../CloseButton'\nimport Notification from '../Notification/Notification'\nimport toast from '../toast/toast'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ChangeEvent, MouseEvent, Ref } from 'react'\n\nexport interface UploadProps extends CommonProps {\n    accept?: string\n    beforeUpload?: (file: FileList | null, fileList: File[]) => boolean | string\n    disabled?: boolean\n    draggable?: boolean\n    fileList?: File[]\n    fileListClass?: string\n    fileItemClass?: string\n    multiple?: boolean\n    onChange?: (file: File[], fileList: File[]) => void\n    onFileRemove?: (file: File[]) => void\n    ref?: Ref<HTMLDivElement>\n    showList?: boolean\n    tip?: string | ReactNode\n    uploadLimit?: number\n}\n\nconst filesToArray = (files: File[]) =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    Object.keys(files).map((key) => files[key as any])\n\nconst Upload = (props: UploadProps) => {\n    const {\n        accept,\n        beforeUpload,\n        disabled = false,\n        draggable = false,\n        fileList = [],\n        fileListClass,\n        fileItemClass,\n        multiple,\n        onChange,\n        onFileRemove,\n        ref,\n        showList = true,\n        tip,\n        uploadLimit,\n        children,\n        className,\n        ...rest\n    } = props\n\n    const fileInputField = useRef<HTMLInputElement>(null)\n    const [files, setFiles] = useState(fileList)\n    const [dragOver, setDragOver] = useState(false)\n\n    useEffect(() => {\n        if (JSON.stringify(files) !== JSON.stringify(fileList)) {\n            setFiles(fileList)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(fileList)])\n\n    const triggerMessage = (msg: string | ReactNode = '') => {\n        toast.push(\n            <Notification type=\"danger\" duration={2000}>\n                {msg || 'Upload Failed!'}\n            </Notification>,\n            {\n                placement: 'top-center',\n            },\n        )\n    }\n\n    const pushFile = (newFiles: FileList | null, file: File[]) => {\n        if (newFiles) {\n            for (const f of newFiles) {\n                file.push(f)\n            }\n        }\n\n        return file\n    }\n\n    const addNewFiles = (newFiles: FileList | null) => {\n        let file = cloneDeep(files)\n        if (typeof uploadLimit === 'number' && uploadLimit !== 0) {\n            if (Object.keys(file).length >= uploadLimit) {\n                if (uploadLimit === 1) {\n                    file.shift()\n                    file = pushFile(newFiles, file)\n                }\n\n                return filesToArray({ ...file })\n            }\n        }\n        file = pushFile(newFiles, file)\n        return filesToArray({ ...file })\n    }\n\n    const onNewFileUpload = (e: ChangeEvent<HTMLInputElement>) => {\n        const { files: newFiles } = e.target\n        let result: boolean | string = true\n\n        if (beforeUpload) {\n            result = beforeUpload(newFiles, files)\n\n            if (result === false) {\n                triggerMessage()\n                return\n            }\n\n            if (typeof result === 'string' && result.length > 0) {\n                triggerMessage(result)\n                return\n            }\n        }\n\n        if (result) {\n            const updatedFiles = addNewFiles(newFiles)\n            setFiles(updatedFiles)\n            onChange?.(updatedFiles, files)\n        }\n    }\n\n    const removeFile = (fileIndex: number) => {\n        const deletedFileList = files.filter((_, index) => index !== fileIndex)\n        setFiles(deletedFileList)\n        onFileRemove?.(deletedFileList)\n    }\n\n    const triggerUpload = (e: MouseEvent<HTMLDivElement>) => {\n        if (!disabled) {\n            fileInputField.current?.click()\n        }\n        e.stopPropagation()\n    }\n\n    const renderChildren = () => {\n        if (!draggable && !children) {\n            return (\n                <Button disabled={disabled} onClick={(e) => e.preventDefault()}>\n                    Upload\n                </Button>\n            )\n        }\n\n        if (draggable && !children) {\n            return <span>Choose a file or drag and drop here</span>\n        }\n\n        return children\n    }\n\n    const handleDragLeave = useCallback(() => {\n        if (draggable) {\n            setDragOver(false)\n        }\n    }, [draggable])\n\n    const handleDragOver = useCallback(() => {\n        if (draggable && !disabled) {\n            setDragOver(true)\n        }\n    }, [draggable, disabled])\n\n    const handleDrop = useCallback(() => {\n        if (draggable) {\n            setDragOver(false)\n        }\n    }, [draggable])\n\n    const draggableProp = {\n        onDragLeave: handleDragLeave,\n        onDragOver: handleDragOver,\n        onDrop: handleDrop,\n    }\n\n    const draggableEventFeedbackClass = `border-primary`\n\n    const uploadClass = classNames(\n        'upload',\n        draggable && `upload-draggable`,\n        draggable && !disabled && `hover:${draggableEventFeedbackClass}`,\n        draggable && disabled && 'disabled',\n        dragOver && draggableEventFeedbackClass,\n        className,\n    )\n\n    const uploadInputClass = classNames(\n        'upload-input',\n        draggable && `draggable`,\n    )\n\n    return (\n        <>\n            <div\n                ref={ref}\n                className={uploadClass}\n                {...(draggable ? draggableProp : { onClick: triggerUpload })}\n                {...rest}\n            >\n                <input\n                    ref={fileInputField}\n                    className={uploadInputClass}\n                    type=\"file\"\n                    disabled={disabled}\n                    multiple={multiple}\n                    accept={accept}\n                    title=\"\"\n                    value=\"\"\n                    onChange={onNewFileUpload}\n                    {...rest}\n                ></input>\n                {renderChildren()}\n            </div>\n            {tip}\n            {showList && (\n                <div className={classNames('upload-file-list', fileListClass)}>\n                    {files.map((file, index) => (\n                        <FileItem\n                            key={file.name + index}\n                            file={file}\n                            className={fileItemClass}\n                        >\n                            <CloseButton\n                                className=\"upload-file-remove\"\n                                onClick={() => removeFile(index)}\n                            />\n                        </FileItem>\n                    ))}\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default Upload\n"],"names":["filesToArray","files","key","Upload","props","accept","beforeUpload","disabled","draggable","fileList","fileListClass","fileItemClass","multiple","onChange","onFileRemove","ref","showList","tip","uploadLimit","children","className","rest","fileInputField","useRef","setFiles","useState","dragOver","setDragOver","useEffect","triggerMessage","msg","toast","Notification","pushFile","newFiles","file","f","addNewFiles","cloneDeep","onNewFileUpload","e","result","updatedFiles","removeFile","fileIndex","deletedFileList","_","index","triggerUpload","renderChildren","jsx","Button","handleDragLeave","useCallback","handleDragOver","handleDrop","draggableProp","draggableEventFeedbackClass","uploadClass","classNames","uploadInputClass","jsxs","Fragment","FileItem","CloseButton"],"mappings":";;;;;;;;;;AA4BA,MAAMA,IAAe,CAACC;AAAA;AAAA,EAElB,OAAO,KAAKA,CAAK,EAAE,IAAI,CAACC,MAAQD,EAAMC,CAAU,CAAC;AAAA,GAE/CC,KAAS,CAACC,MAAuB;AACnC,QAAM;AAAA,IACF,QAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAW,CAAA;AAAA,IACX,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHjB,GAEEkB,IAAiBC,EAAyB,IAAI,GAC9C,CAACtB,GAAOuB,CAAQ,IAAIC,EAAShB,CAAQ,GACrC,CAACiB,GAAUC,CAAW,IAAIF,EAAS,EAAK;AAE9C,EAAAG,EAAU,MAAM;AACZ,IAAI,KAAK,UAAU3B,CAAK,MAAM,KAAK,UAAUQ,CAAQ,KACjDe,EAASf,CAAQ;AAAA,EAGzB,GAAG,CAAC,KAAK,UAAUA,CAAQ,CAAC,CAAC;AAE7B,QAAMoB,IAAiB,CAACC,IAA0B,OAAO;AACrD,IAAAC,GAAM;AAAA,wBACDC,GAAA,EAAa,MAAK,UAAS,UAAU,KACjC,eAAO,kBACZ;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IACf;AAAA,EAER,GAEMC,IAAW,CAACC,GAA2BC,MAAiB;AAC1D,QAAID;AACA,iBAAWE,KAAKF;AACZ,QAAAC,EAAK,KAAKC,CAAC;AAInB,WAAOD;AAAA,EACX,GAEME,IAAc,CAACH,MAA8B;AAC/C,QAAIC,IAAOG,EAAUrC,CAAK;AAC1B,WAAI,OAAOiB,KAAgB,YAAYA,MAAgB,KAC/C,OAAO,KAAKiB,CAAI,EAAE,UAAUjB,KACxBA,MAAgB,MAChBiB,EAAK,MAAA,GACLA,IAAOF,EAASC,GAAUC,CAAI,IAG3BnC,EAAa,EAAE,GAAGmC,GAAM,MAGvCA,IAAOF,EAASC,GAAUC,CAAI,GACvBnC,EAAa,EAAE,GAAGmC,GAAM;AAAA,EACnC,GAEMI,IAAkB,CAACC,MAAqC;AAC1D,UAAM,EAAE,OAAON,EAAA,IAAaM,EAAE;AAC9B,QAAIC,IAA2B;AAE/B,QAAInC,GAAc;AAGd,UAFAmC,IAASnC,EAAa4B,GAAUjC,CAAK,GAEjCwC,MAAW,IAAO;AAClB,QAAAZ,EAAA;AACA;AAAA,MACJ;AAEA,UAAI,OAAOY,KAAW,YAAYA,EAAO,SAAS,GAAG;AACjD,QAAAZ,EAAeY,CAAM;AACrB;AAAA,MACJ;AAAA,IACJ;AAEA,QAAIA,GAAQ;AACR,YAAMC,IAAeL,EAAYH,CAAQ;AACzC,MAAAV,EAASkB,CAAY,GACrB7B,IAAW6B,GAAczC,CAAK;AAAA,IAClC;AAAA,EACJ,GAEM0C,IAAa,CAACC,MAAsB;AACtC,UAAMC,IAAkB5C,EAAM,OAAO,CAAC6C,GAAGC,MAAUA,MAAUH,CAAS;AACtE,IAAApB,EAASqB,CAAe,GACxB/B,IAAe+B,CAAe;AAAA,EAClC,GAEMG,IAAgB,CAACR,MAAkC;AACrD,IAAKjC,KACDe,EAAe,SAAS,MAAA,GAE5BkB,EAAE,gBAAA;AAAA,EACN,GAEMS,IAAiB,MACf,CAACzC,KAAa,CAACW,IAEX,gBAAA+B,EAACC,KAAO,UAAA5C,GAAoB,SAAS,CAACiC,MAAMA,EAAE,eAAA,GAAkB,UAAA,SAAA,CAEhE,IAIJhC,KAAa,CAACW,IACP,gBAAA+B,EAAC,UAAK,UAAA,sCAAA,CAAmC,IAG7C/B,GAGLiC,IAAkBC,EAAY,MAAM;AACtC,IAAI7C,KACAmB,EAAY,EAAK;AAAA,EAEzB,GAAG,CAACnB,CAAS,CAAC,GAER8C,IAAiBD,EAAY,MAAM;AACrC,IAAI7C,KAAa,CAACD,KACdoB,EAAY,EAAI;AAAA,EAExB,GAAG,CAACnB,GAAWD,CAAQ,CAAC,GAElBgD,IAAaF,EAAY,MAAM;AACjC,IAAI7C,KACAmB,EAAY,EAAK;AAAA,EAEzB,GAAG,CAACnB,CAAS,CAAC,GAERgD,IAAgB;AAAA,IAClB,aAAaJ;AAAA,IACb,YAAYE;AAAA,IACZ,QAAQC;AAAA,EAAA,GAGNE,IAA8B,kBAE9BC,IAAcC;AAAA,IAChB;AAAA,IACAnD,KAAa;AAAA,IACbA,KAAa,CAACD,KAAY,SAASkD,CAA2B;AAAA,IAC9DjD,KAAaD,KAAY;AAAA,IACzBmB,KAAY+B;AAAA,IACZrC;AAAA,EAAA,GAGEwC,IAAmBD;AAAA,IACrB;AAAA,IACAnD,KAAa;AAAA,EAAA;AAGjB,SACI,gBAAAqD,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAA9C;AAAA,QACA,WAAW2C;AAAA,QACV,GAAIlD,IAAYgD,IAAgB,EAAE,SAASR,EAAA;AAAA,QAC3C,GAAG3B;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAA6B;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,KAAK5B;AAAA,cACL,WAAWsC;AAAA,cACX,MAAK;AAAA,cACL,UAAArD;AAAA,cACA,UAAAK;AAAA,cACA,QAAAP;AAAA,cACA,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUkC;AAAA,cACT,GAAGlB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEP4B,EAAA;AAAA,QAAe;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnBhC;AAAA,IACAD,KACG,gBAAAkC,EAAC,OAAA,EAAI,WAAWS,EAAW,oBAAoBjD,CAAa,GACvD,UAAAT,EAAM,IAAI,CAACkC,GAAMY,MACd,gBAAAG;AAAA,MAACa;AAAA,MAAA;AAAA,QAEG,MAAA5B;AAAA,QACA,WAAWxB;AAAA,QAEX,UAAA,gBAAAuC;AAAA,UAACc;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,SAAS,MAAMrB,EAAWI,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACnC;AAAA,MAPKZ,EAAK,OAAOY;AAAA,IAAA,CASxB,EAAA,CACL;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/components/ui/hooks/useCallbackRef.js

@@ -1,14 +1,11 @@
-import { useRef as f, useEffect as n, useMemo as o } from "react";
-function a(r) {
-  const e = f(r);
-  return n(() => {
-    e.current = r;
-  }), o(() => ((...u) => {
-    var t;
-    return (t = e.current) == null ? void 0 : t.call(e, ...u);
-  }), []);
+import { useRef as u, useEffect as f, useMemo as c } from "react";
+function o(e) {
+  const r = u(e);
+  return f(() => {
+    r.current = e;
+  }), c(() => ((...t) => r.current?.(...t)), []);
 }
 export {
-  a as default
+  o as default
 };
 //# sourceMappingURL=useCallbackRef.js.map

package/dist/@ecme/components/ui/hooks/useCallbackRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCallbackRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useCallbackRef.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction useCallbackRef<T extends (...args: any[]) => any>(\n    cb: T | undefined,\n): T {\n    const cbRef = useRef(cb)\n\n    useEffect(() => {\n        cbRef.current = cb\n    })\n\n    return useMemo(() => ((...args) => cbRef.current?.(...args)) as T, [])\n}\n\nexport default useCallbackRef\n"],"names":["useCallbackRef","cb","cbRef","useRef","useEffect","useMemo","args","_a"],"mappings":";AAGA,SAASA,EACLC,GACC;AACD,QAAMC,IAAQC,EAAOF,CAAE;AAEvB,SAAAG,EAAU,MAAM;AACZ,IAAAF,EAAM,UAAUD;AAAA,EACpB,CAAC,GAEMI,EAAQ,OAAO,IAAIC,MAAA;;AAAS,YAAAC,IAAAL,EAAM,YAAN,gBAAAK,EAAA,KAAAL,GAAgB,GAAGI;AAAA,MAAa,EAAE;AACzE;"}
+{"version":3,"file":"useCallbackRef.js","sources":["../../../../../lib/@ecme/components/ui/hooks/useCallbackRef.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react'\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nfunction useCallbackRef<T extends (...args: any[]) => any>(\n    cb: T | undefined,\n): T {\n    const cbRef = useRef(cb)\n\n    useEffect(() => {\n        cbRef.current = cb\n    })\n\n    return useMemo(() => ((...args) => cbRef.current?.(...args)) as T, [])\n}\n\nexport default useCallbackRef\n"],"names":["useCallbackRef","cb","cbRef","useRef","useEffect","useMemo","args"],"mappings":";AAGA,SAASA,EACLC,GACC;AACD,QAAMC,IAAQC,EAAOF,CAAE;AAEvB,SAAAG,EAAU,MAAM;AACZ,IAAAF,EAAM,UAAUD;AAAA,EACpB,CAAC,GAEMI,EAAQ,OAAO,IAAIC,MAASJ,EAAM,UAAU,GAAGI,CAAI,IAAS,EAAE;AACzE;"}