@orbe-agro/client-core 5.3.85 → 5.3.89

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

@@ -1,77 +1,77 @@
-import { jsxs as C, jsx as s, Fragment as L } from "react/jsx-runtime";
-import { useContext as M, useCallback as b, useState as O } from "react";
-import p from "classnames";
-import S from "./context.js";
+import { jsxs as k, jsx as a, Fragment as F } from "react/jsx-runtime";
+import { useContext as L, useCallback as b, useState as M } from "react";
+import i from "classnames";
+import O from "./context.js";
 const K = (x) => {
   const {
     name: m,
     value: e,
-    onChange: a,
-    checkboxClass: y
-  } = M(S), {
-    checked: n,
-    className: g,
+    onChange: u,
+    checkboxClass: g
+  } = L(O), {
+    checked: s,
+    className: y,
     checkboxClass: v,
-    onChange: r,
-    children: f,
-    disabled: t,
-    readOnly: i,
+    onChange: C,
+    children: p,
+    disabled: c,
+    readOnly: r,
     name: w = m,
-    defaultChecked: d,
-    value: l,
+    defaultChecked: n,
+    value: o,
     labelRef: N,
     ref: D,
     ...P
-  } = x, R = b(() => typeof e < "u" && typeof l < "u" ? e.some((o) => o === l) : n || d, [n, e, l, d]), [h, k] = O(R()), V = (() => {
-    let c = { checked: h };
-    const u = {};
-    return typeof n < "u" && (u.checked = n), typeof e < "u" && (c = { checked: e.includes(l) }), d && (u.defaultChecked = d), typeof e < "u" ? c : u;
+  } = x, R = b(() => typeof e < "u" && typeof o < "u" ? e.some((t) => t === o) : s || n, [s, e, o, n]), [d, f] = M(R()), V = (() => {
+    let l = { checked: d };
+    const h = {};
+    return typeof s < "u" && (h.checked = s), typeof e < "u" && (l = { checked: e.includes(o) }), n && (h.defaultChecked = n), typeof e < "u" ? l : h;
   })(), j = b(
-    (o) => {
-      let c = !h;
-      typeof e < "u" && (c = !e.includes(l)), !(t || i) && (k(c), r == null || r(c, o), a == null || a(l, c, o));
+    (t) => {
+      let l = !d;
+      typeof e < "u" && (l = !e.includes(o)), !(c || r) && (f(l), C?.(l, t), u?.(o, l, t));
     },
     [
-      h,
-      t,
-      i,
-      k,
+      d,
+      c,
       r,
-      l,
-      a,
+      f,
+      C,
+      o,
+      u,
       e
     ]
-  ), z = `checkbox peer ${v || y || "text-primary"}`, B = t && "disabled", F = p(
+  ), G = `checkbox peer ${v || g || "text-primary"}`, z = c && "disabled", B = i(
     "checkbox-label",
-    t && "disabled",
-    g
+    c && "disabled",
+    y
   );
-  return /* @__PURE__ */ C("label", { ref: N, className: F, children: [
-    /* @__PURE__ */ C("span", { className: "checkbox-wrapper h-5 relative", children: [
-      /* @__PURE__ */ s(
+  return /* @__PURE__ */ k("label", { ref: N, className: B, children: [
+    /* @__PURE__ */ k("span", { className: "checkbox-wrapper h-5 relative", children: [
+      /* @__PURE__ */ a(
         "input",
         {
           ref: D,
-          className: p(
-            z,
-            B
+          className: i(
+            G,
+            z
           ),
           type: "checkbox",
-          disabled: t,
-          readOnly: i,
+          disabled: c,
+          readOnly: r,
           name: w,
           onChange: j,
           ...V,
           ...P
         }
       ),
-      /* @__PURE__ */ s(L, { children: /* @__PURE__ */ s(
+      /* @__PURE__ */ a(F, { children: /* @__PURE__ */ a(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
           className: "h-3.5 w-3.5 stroke-neutral fill-neutral opacity-0 transition-opacity peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[1.25px]",
           viewBox: "0 0 20 20",
-          children: /* @__PURE__ */ s(
+          children: /* @__PURE__ */ a(
             "path",
             {
               fillRule: "evenodd",
@@ -82,7 +82,7 @@ const K = (x) => {
         }
       ) })
     ] }),
-    f ? /* @__PURE__ */ s("span", { className: p(t ? "opacity-50" : ""), children: f }) : null
+    p ? /* @__PURE__ */ a("span", { className: i(c ? "opacity-50" : ""), children: p }) : null
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useContext, useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport CheckboxGroupContext from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxValue } from './context'\nimport type { ChangeEvent, Ref } from 'react'\n\nexport interface CheckboxProps extends CommonProps {\n    checked?: boolean\n    checkboxClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    onChange?: (values: boolean, e: ChangeEvent<HTMLInputElement>) => void\n    readOnly?: boolean\n    ref?: Ref<HTMLInputElement>\n    value?: CheckboxValue\n}\n\nconst Checkbox = (props: CheckboxProps) => {\n    const {\n        name: nameContext,\n        value: groupValue,\n        onChange: onGroupChange,\n        checkboxClass: checkboxClassContext,\n    } = useContext(CheckboxGroupContext)\n\n    const {\n        checked: controlledChecked,\n        className,\n        checkboxClass,\n        onChange,\n        children,\n        disabled,\n        readOnly,\n        name = nameContext,\n        defaultChecked,\n        value,\n        labelRef,\n        ref,\n        ...rest\n    } = props\n\n    const isChecked = useCallback(() => {\n        if (typeof groupValue !== 'undefined' && typeof value !== 'undefined') {\n            return groupValue.some((i) => i === value)\n        }\n        return controlledChecked || defaultChecked\n    }, [controlledChecked, groupValue, value, defaultChecked])\n\n    const [checkboxChecked, setCheckboxChecked] = useState(isChecked())\n\n    const getControlProps = () => {\n        const checkedValue = checkboxChecked\n\n        let groupChecked = { checked: checkedValue }\n        const singleChecked: {\n            defaultChecked?: boolean\n            checked?: boolean\n        } = {}\n\n        if (typeof controlledChecked !== 'undefined') {\n            singleChecked.checked = controlledChecked\n        }\n\n        if (typeof groupValue !== 'undefined') {\n            groupChecked = { checked: groupValue.includes(value as never) }\n        }\n\n        if (defaultChecked) {\n            singleChecked.defaultChecked = defaultChecked\n        }\n        return typeof groupValue !== 'undefined' ? groupChecked : singleChecked\n    }\n\n    const controlProps = getControlProps()\n\n    const onCheckboxChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            let nextChecked = !checkboxChecked\n\n            if (typeof groupValue !== 'undefined') {\n                nextChecked = !groupValue.includes(value as never)\n            }\n\n            if (disabled || readOnly) {\n                return\n            }\n\n            setCheckboxChecked(nextChecked)\n            onChange?.(nextChecked, e)\n            onGroupChange?.(value as CheckboxValue, nextChecked, e)\n        },\n        [\n            checkboxChecked,\n            disabled,\n            readOnly,\n            setCheckboxChecked,\n            onChange,\n            value,\n            onGroupChange,\n            groupValue,\n        ],\n    )\n\n    const checkboxColor =\n        checkboxClass || checkboxClassContext || `text-primary`\n\n    const checkboxDefaultClass = `checkbox peer ${checkboxColor}`\n    const checkboxColorClass = disabled && 'disabled'\n    const labelDefaultClass = `checkbox-label`\n    const labelDisabledClass = disabled && 'disabled'\n\n    const labelClass = classNames(\n        labelDefaultClass,\n        labelDisabledClass,\n        className,\n    )\n\n    return (\n        <label ref={labelRef} className={labelClass}>\n            <span className=\"checkbox-wrapper h-5 relative\">\n                <input\n                    ref={ref}\n                    className={classNames(\n                        checkboxDefaultClass,\n                        checkboxColorClass,\n                    )}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    name={name}\n                    onChange={onCheckboxChange}\n                    {...controlProps}\n                    {...rest}\n                />\n                <>\n                    <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"h-3.5 w-3.5 stroke-neutral fill-neutral opacity-0 transition-opacity peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[1.25px]\"\n                        viewBox=\"0 0 20 20\"\n                    >\n                        <path\n                            fillRule=\"evenodd\"\n                            d=\"M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z\"\n                            clipRule=\"evenodd\"\n                        />\n                    </svg>\n                </>\n            </span>\n            {children ? (\n                <span className={classNames(disabled ? 'opacity-50' : '')}>\n                    {children}\n                </span>\n            ) : null}\n        </label>\n    )\n}\n\nexport default Checkbox\n"],"names":["Checkbox","props","nameContext","groupValue","onGroupChange","checkboxClassContext","useContext","CheckboxGroupContext","controlledChecked","className","checkboxClass","onChange","children","disabled","readOnly","name","defaultChecked","value","labelRef","ref","rest","isChecked","useCallback","i","checkboxChecked","setCheckboxChecked","useState","controlProps","groupChecked","singleChecked","onCheckboxChange","e","nextChecked","checkboxDefaultClass","checkboxColorClass","labelClass","classNames","jsxs","jsx","Fragment"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useContext, useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport CheckboxGroupContext from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxValue } from './context'\nimport type { ChangeEvent, Ref } from 'react'\n\nexport interface CheckboxProps extends CommonProps {\n    checked?: boolean\n    checkboxClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    onChange?: (values: boolean, e: ChangeEvent<HTMLInputElement>) => void\n    readOnly?: boolean\n    ref?: Ref<HTMLInputElement>\n    value?: CheckboxValue\n}\n\nconst Checkbox = (props: CheckboxProps) => {\n    const {\n        name: nameContext,\n        value: groupValue,\n        onChange: onGroupChange,\n        checkboxClass: checkboxClassContext,\n    } = useContext(CheckboxGroupContext)\n\n    const {\n        checked: controlledChecked,\n        className,\n        checkboxClass,\n        onChange,\n        children,\n        disabled,\n        readOnly,\n        name = nameContext,\n        defaultChecked,\n        value,\n        labelRef,\n        ref,\n        ...rest\n    } = props\n\n    const isChecked = useCallback(() => {\n        if (typeof groupValue !== 'undefined' && typeof value !== 'undefined') {\n            return groupValue.some((i) => i === value)\n        }\n        return controlledChecked || defaultChecked\n    }, [controlledChecked, groupValue, value, defaultChecked])\n\n    const [checkboxChecked, setCheckboxChecked] = useState(isChecked())\n\n    const getControlProps = () => {\n        const checkedValue = checkboxChecked\n\n        let groupChecked = { checked: checkedValue }\n        const singleChecked: {\n            defaultChecked?: boolean\n            checked?: boolean\n        } = {}\n\n        if (typeof controlledChecked !== 'undefined') {\n            singleChecked.checked = controlledChecked\n        }\n\n        if (typeof groupValue !== 'undefined') {\n            groupChecked = { checked: groupValue.includes(value as never) }\n        }\n\n        if (defaultChecked) {\n            singleChecked.defaultChecked = defaultChecked\n        }\n        return typeof groupValue !== 'undefined' ? groupChecked : singleChecked\n    }\n\n    const controlProps = getControlProps()\n\n    const onCheckboxChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            let nextChecked = !checkboxChecked\n\n            if (typeof groupValue !== 'undefined') {\n                nextChecked = !groupValue.includes(value as never)\n            }\n\n            if (disabled || readOnly) {\n                return\n            }\n\n            setCheckboxChecked(nextChecked)\n            onChange?.(nextChecked, e)\n            onGroupChange?.(value as CheckboxValue, nextChecked, e)\n        },\n        [\n            checkboxChecked,\n            disabled,\n            readOnly,\n            setCheckboxChecked,\n            onChange,\n            value,\n            onGroupChange,\n            groupValue,\n        ],\n    )\n\n    const checkboxColor =\n        checkboxClass || checkboxClassContext || `text-primary`\n\n    const checkboxDefaultClass = `checkbox peer ${checkboxColor}`\n    const checkboxColorClass = disabled && 'disabled'\n    const labelDefaultClass = `checkbox-label`\n    const labelDisabledClass = disabled && 'disabled'\n\n    const labelClass = classNames(\n        labelDefaultClass,\n        labelDisabledClass,\n        className,\n    )\n\n    return (\n        <label ref={labelRef} className={labelClass}>\n            <span className=\"checkbox-wrapper h-5 relative\">\n                <input\n                    ref={ref}\n                    className={classNames(\n                        checkboxDefaultClass,\n                        checkboxColorClass,\n                    )}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    name={name}\n                    onChange={onCheckboxChange}\n                    {...controlProps}\n                    {...rest}\n                />\n                <>\n                    <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"h-3.5 w-3.5 stroke-neutral fill-neutral opacity-0 transition-opacity peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[1.25px]\"\n                        viewBox=\"0 0 20 20\"\n                    >\n                        <path\n                            fillRule=\"evenodd\"\n                            d=\"M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z\"\n                            clipRule=\"evenodd\"\n                        />\n                    </svg>\n                </>\n            </span>\n            {children ? (\n                <span className={classNames(disabled ? 'opacity-50' : '')}>\n                    {children}\n                </span>\n            ) : null}\n        </label>\n    )\n}\n\nexport default Checkbox\n"],"names":["Checkbox","props","nameContext","groupValue","onGroupChange","checkboxClassContext","useContext","CheckboxGroupContext","controlledChecked","className","checkboxClass","onChange","children","disabled","readOnly","name","defaultChecked","value","labelRef","ref","rest","isChecked","useCallback","i","checkboxChecked","setCheckboxChecked","useState","controlProps","groupChecked","singleChecked","onCheckboxChange","e","nextChecked","checkboxDefaultClass","checkboxColorClass","labelClass","classNames","jsxs","jsx","Fragment"],"mappings":"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"}

package/dist/@ecme/components/ui/Checkbox/Group.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useState as G, useCallback as N, useEffect as g, useMemo as E } from "react";
+import { useState as k, useCallback as G, useEffect as N, useMemo as E } from "react";
 import P from "../utils/classNames.js";
 import { CheckboxGroupContextProvider as V } from "./context.js";
 import j from "../utils/shallowEqual.js";
@@ -7,49 +7,49 @@ const y = (m) => {
   const {
     children: p,
     className: x,
-    checkboxClass: r,
-    name: c,
-    onChange: s,
-    ref: d,
-    value: l,
-    vertical: t,
-    ...h
-  } = m, [e, a] = G(l), n = N(
-    (u, C, b) => {
+    checkboxClass: n,
+    name: t,
+    onChange: r,
+    ref: h,
+    value: s,
+    vertical: a,
+    ...d
+  } = m, [e, l] = k(s), c = G(
+    (u, v, b) => {
       const o = e ? [...e] : [];
-      if (C)
+      if (v)
         o.push(u);
       else {
-        const i = o.findIndex((k) => j(k, u));
+        const i = o.findIndex((g) => j(g, u));
         i > -1 && o.splice(i, 1);
       }
-      a(o), s == null || s(o, b);
+      l(o), r?.(o, b);
     },
-    [s, a, e]
+    [r, l, e]
   );
-  g(() => {
-    a(l);
-  }, [l]);
-  const v = E(
+  N(() => {
+    l(s);
+  }, [s]);
+  const C = E(
     () => ({
-      vertical: t,
-      name: c,
+      vertical: a,
+      name: t,
       value: e,
-      checkboxClass: r,
-      onChange: n
+      checkboxClass: n,
+      onChange: c
     }),
-    [t, n, c, r, e]
+    [a, c, t, n, e]
   );
-  return /* @__PURE__ */ f(V, { value: v, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f(V, { value: C, children: /* @__PURE__ */ f(
     "div",
     {
-      ref: d,
+      ref: h,
       className: P(
         "inline-flex gap-4",
-        t ? "flex-col" : "",
+        a ? "flex-col" : "",
         x
       ),
-      ...h,
+      ...d,
       children: p
     }
   ) });

package/dist/@ecme/components/ui/Checkbox/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Group.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport { CheckboxGroupContextProvider } from './context'\nimport shallowEqual from '../utils/shallowEqual'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxGroupValue, CheckboxValue } from './context'\nimport type { SyntheticEvent, Ref } from 'react'\n\nexport interface CheckboxGroupProps extends CommonProps {\n    checkboxClass?: string\n    name?: string\n    onChange?: (value: CheckboxGroupValue, event: SyntheticEvent) => void\n    ref?: Ref<HTMLDivElement>\n    value?: CheckboxGroupValue\n    vertical?: boolean\n}\n\nconst Group = (props: CheckboxGroupProps) => {\n    const {\n        children,\n        className,\n        checkboxClass,\n        name,\n        onChange,\n        ref,\n        value: valueProp,\n        vertical,\n        ...rest\n    } = props\n\n    const [value, setValue] = useState(valueProp)\n\n    const onCheckboxGroupChange = useCallback(\n        (\n            itemValue: CheckboxValue,\n            itemChecked: boolean,\n            event: SyntheticEvent,        \n        ) => {              \n            const nextValue: CheckboxGroupValue = value ? [...value] : []\n            if (itemChecked) {\n                nextValue.push(itemValue as string)\n            } else {\n                const index = nextValue.findIndex((i) => shallowEqual(i, itemValue))\n                if (index > -1) {\n                    nextValue.splice(index, 1)\n                }\n            }\n\n            setValue(nextValue)\n            onChange?.(nextValue, event)\n        },\n        [onChange, setValue, value],\n    )\n\n    useEffect(() => {\n        setValue(valueProp)\n    }, [valueProp])\n\n    const contextValue = useMemo(\n        () => ({\n            vertical,\n            name,\n            value,\n            checkboxClass,\n            onChange: onCheckboxGroupChange,\n        }),\n        [vertical, onCheckboxGroupChange, name, checkboxClass, value],\n    )\n\n    return (\n        <CheckboxGroupContextProvider value={contextValue}>\n            <div\n                ref={ref}\n                className={classNames(\n                    'inline-flex gap-4',\n                    vertical ? 'flex-col' : '',\n                    className,\n                )}\n                {...rest}\n            >\n                {children}\n            </div>\n        </CheckboxGroupContextProvider>\n    )\n}\n\nexport default Group\n"],"names":["Group","props","children","className","checkboxClass","name","onChange","ref","valueProp","vertical","rest","value","setValue","useState","onCheckboxGroupChange","useCallback","itemValue","itemChecked","event","nextValue","index","i","shallowEqual","useEffect","contextValue","useMemo","jsx","CheckboxGroupContextProvider","classNames"],"mappings":";;;;;AAiBA,MAAMA,IAAQ,CAACC,MAA8B;AACzC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAASL,CAAS,GAEtCM,IAAwBC;AAAA,IAC1B,CACIC,GACAC,GACAC,MACC;AACD,YAAMC,IAAgCR,IAAQ,CAAC,GAAGA,CAAK,IAAI,CAAA;AAC3D,UAAIM;AACA,QAAAE,EAAU,KAAKH,CAAmB;AAAA,WAC/B;AACH,cAAMI,IAAQD,EAAU,UAAU,CAACE,MAAMC,EAAaD,GAAGL,CAAS,CAAC;AACnE,QAAII,IAAQ,MACRD,EAAU,OAAOC,GAAO,CAAC;AAAA,MAEjC;AAEA,MAAAR,EAASO,CAAS,GAClBb,KAAA,QAAAA,EAAWa,GAAWD;AAAA,IAC1B;AAAA,IACA,CAACZ,GAAUM,GAAUD,CAAK;AAAA,EAAA;AAG9B,EAAAY,EAAU,MAAM;AACZ,IAAAX,EAASJ,CAAS;AAAA,EACtB,GAAG,CAACA,CAAS,CAAC;AAEd,QAAMgB,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,UAAAhB;AAAA,MACA,MAAAJ;AAAA,MACA,OAAAM;AAAA,MACA,eAAAP;AAAA,MACA,UAAUU;AAAA,IAAA;AAAA,IAEd,CAACL,GAAUK,GAAuBT,GAAMD,GAAeO,CAAK;AAAA,EAAA;AAGhE,SACI,gBAAAe,EAACC,GAAA,EAA6B,OAAOH,GACjC,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,WAAWqB;AAAA,QACP;AAAA,QACAnB,IAAW,aAAa;AAAA,QACxBN;AAAA,MAAA;AAAA,MAEH,GAAGO;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}
+{"version":3,"file":"Group.js","sources":["../../../../../lib/@ecme/components/ui/Checkbox/Group.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, useEffect } from 'react'\nimport classNames from '../utils/classNames'\nimport { CheckboxGroupContextProvider } from './context'\nimport shallowEqual from '../utils/shallowEqual'\nimport type { CommonProps } from '../@types/common'\nimport type { CheckboxGroupValue, CheckboxValue } from './context'\nimport type { SyntheticEvent, Ref } from 'react'\n\nexport interface CheckboxGroupProps extends CommonProps {\n    checkboxClass?: string\n    name?: string\n    onChange?: (value: CheckboxGroupValue, event: SyntheticEvent) => void\n    ref?: Ref<HTMLDivElement>\n    value?: CheckboxGroupValue\n    vertical?: boolean\n}\n\nconst Group = (props: CheckboxGroupProps) => {\n    const {\n        children,\n        className,\n        checkboxClass,\n        name,\n        onChange,\n        ref,\n        value: valueProp,\n        vertical,\n        ...rest\n    } = props\n\n    const [value, setValue] = useState(valueProp)\n\n    const onCheckboxGroupChange = useCallback(\n        (\n            itemValue: CheckboxValue,\n            itemChecked: boolean,\n            event: SyntheticEvent,        \n        ) => {              \n            const nextValue: CheckboxGroupValue = value ? [...value] : []\n            if (itemChecked) {\n                nextValue.push(itemValue as string)\n            } else {\n                const index = nextValue.findIndex((i) => shallowEqual(i, itemValue))\n                if (index > -1) {\n                    nextValue.splice(index, 1)\n                }\n            }\n\n            setValue(nextValue)\n            onChange?.(nextValue, event)\n        },\n        [onChange, setValue, value],\n    )\n\n    useEffect(() => {\n        setValue(valueProp)\n    }, [valueProp])\n\n    const contextValue = useMemo(\n        () => ({\n            vertical,\n            name,\n            value,\n            checkboxClass,\n            onChange: onCheckboxGroupChange,\n        }),\n        [vertical, onCheckboxGroupChange, name, checkboxClass, value],\n    )\n\n    return (\n        <CheckboxGroupContextProvider value={contextValue}>\n            <div\n                ref={ref}\n                className={classNames(\n                    'inline-flex gap-4',\n                    vertical ? 'flex-col' : '',\n                    className,\n                )}\n                {...rest}\n            >\n                {children}\n            </div>\n        </CheckboxGroupContextProvider>\n    )\n}\n\nexport default Group\n"],"names":["Group","props","children","className","checkboxClass","name","onChange","ref","valueProp","vertical","rest","value","setValue","useState","onCheckboxGroupChange","useCallback","itemValue","itemChecked","event","nextValue","index","i","shallowEqual","useEffect","contextValue","useMemo","jsx","CheckboxGroupContextProvider","classNames"],"mappings":";;;;;AAiBA,MAAMA,IAAQ,CAACC,MAA8B;AACzC,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAASL,CAAS,GAEtCM,IAAwBC;AAAA,IAC1B,CACIC,GACAC,GACAC,MACC;AACD,YAAMC,IAAgCR,IAAQ,CAAC,GAAGA,CAAK,IAAI,CAAA;AAC3D,UAAIM;AACA,QAAAE,EAAU,KAAKH,CAAmB;AAAA,WAC/B;AACH,cAAMI,IAAQD,EAAU,UAAU,CAACE,MAAMC,EAAaD,GAAGL,CAAS,CAAC;AACnE,QAAII,IAAQ,MACRD,EAAU,OAAOC,GAAO,CAAC;AAAA,MAEjC;AAEA,MAAAR,EAASO,CAAS,GAClBb,IAAWa,GAAWD,CAAK;AAAA,IAC/B;AAAA,IACA,CAACZ,GAAUM,GAAUD,CAAK;AAAA,EAAA;AAG9B,EAAAY,EAAU,MAAM;AACZ,IAAAX,EAASJ,CAAS;AAAA,EACtB,GAAG,CAACA,CAAS,CAAC;AAEd,QAAMgB,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,UAAAhB;AAAA,MACA,MAAAJ;AAAA,MACA,OAAAM;AAAA,MACA,eAAAP;AAAA,MACA,UAAUU;AAAA,IAAA;AAAA,IAEd,CAACL,GAAUK,GAAuBT,GAAMD,GAAeO,CAAK;AAAA,EAAA;AAGhE,SACI,gBAAAe,EAACC,GAAA,EAA6B,OAAOH,GACjC,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAnB;AAAA,MACA,WAAWqB;AAAA,QACP;AAAA,QACAnB,IAAW,aAAa;AAAA,QACxBN;AAAA,MAAA;AAAA,MAEH,GAAGO;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA,GAET;AAER;"}

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

@@ -1,56 +1,56 @@
-import { jsx as t, Fragment as x, jsxs as T } from "react/jsx-runtime";
+import { jsx as o, Fragment as h, jsxs as T } from "react/jsx-runtime";
 import V from "dayjs";
 import W from "dayjs/plugin/localizedFormat";
 import "../Input/index.js";
 import X from "../hooks/useMergeRef.js";
 import { HiOutlineCalendar as Y } from "react-icons/hi";
 import "../CloseButton/index.js";
-import { useFloating as Z, autoUpdate as _, offset as $, flip as ee, shift as te, useFocus as ne, useClick as oe, useDismiss as se, useRole as le, useInteractions as ie, useId as ae } from "@floating-ui/react";
-import re from "../CloseButton/CloseButton.js";
+import { useFloating as Z, autoUpdate as _, offset as $, flip as ee, shift as oe, useFocus as ne, useClick as te, useDismiss as se, useRole as le, useInteractions as re, useId as ie } from "@floating-ui/react";
+import ae from "../CloseButton/CloseButton.js";
 import ce from "../Input/Input.js";
 V.extend(W);
-const be = (k) => {
+const we = (g) => {
   const {
-    className: y,
-    clearable: b = !0,
-    clearButton: u,
-    children: C,
-    disabled: I,
-    dropdownOpened: i,
-    inputtable: s,
-    inputtableBlurClose: F = !1,
-    inputLabel: B,
-    inputPrefix: N,
-    inputSuffix: f = /* @__PURE__ */ t(Y, { className: "text-lg" }),
-    name: S,
-    onDropdownOpen: n,
-    onDropdownClose: o,
-    onBlur: a,
-    onFocus: r,
-    onChange: w,
+    className: x,
+    clearable: C = !0,
+    clearButton: r,
+    children: k,
+    disabled: w,
+    dropdownOpened: s,
+    inputtable: n,
+    inputtableBlurClose: y = !1,
+    inputLabel: D,
+    inputPrefix: b,
+    inputSuffix: i = /* @__PURE__ */ o(Y, { className: "text-lg" }),
+    name: F,
+    onDropdownOpen: a,
+    onDropdownClose: c,
+    onBlur: I,
+    onFocus: B,
+    onChange: O,
     onKeyDown: p,
-    onClear: m,
-    placeholder: D,
-    ref: P = null,
-    setDropdownOpened: c,
-    size: R,
-    type: j
-  } = k, E = () => {
-    s ? h() : d(!i);
-  }, K = () => {
-    c(!1), o == null || o();
-  }, v = b ? u ? /* @__PURE__ */ t("div", { role: "presentation", onClick: m, children: u }) : /* @__PURE__ */ t(re, { className: "text-base", onClick: m }) : f ? /* @__PURE__ */ t(x, { children: f }) : null, d = (e) => {
-    c(e), e ? n == null || n() : o == null || o();
-  }, h = () => {
-    c(!0), n == null || n();
+    onClear: u,
+    placeholder: N,
+    ref: S = null,
+    setDropdownOpened: l,
+    size: P,
+    type: R
+  } = g, j = () => {
+    n ? f() : d(!s);
+  }, E = () => {
+    l(!1), c?.();
+  }, K = C ? r ? /* @__PURE__ */ o("div", { role: "presentation", onClick: u, children: r }) : /* @__PURE__ */ o(ae, { className: "text-base", onClick: u }) : i ? /* @__PURE__ */ o(h, { children: i }) : null, d = (e) => {
+    l(e), e ? a?.() : c?.();
+  }, f = () => {
+    l(!0), a?.();
+  }, v = (e) => {
+    typeof p == "function" && p(e), (e.key === "Space" || e.key === "Enter") && !n && (e.preventDefault(), f());
   }, z = (e) => {
-    typeof p == "function" && p(e), (e.key === "Space" || e.key === "Enter") && !s && (e.preventDefault(), h());
+    I?.(e), n && y && E();
   }, M = (e) => {
-    a == null || a(e), s && F && K();
-  }, O = (e) => {
-    r == null || r(e);
-  }, { refs: g, floatingStyles: A, context: l } = Z({
-    open: i,
+    B?.(e);
+  }, { refs: m, floatingStyles: A, context: t } = Z({
+    open: s,
     onOpenChange: d,
     placement: "bottom-start",
     middleware: [
@@ -58,54 +58,54 @@ const be = (k) => {
       ee({
         fallbackAxisSideDirection: "start"
       }),
-      te()
+      oe()
     ],
     whileElementsMounted: _
-  }), H = ne(l), L = oe(l), U = se(l), q = le(l), { getReferenceProps: G, getFloatingProps: J } = ie([
-    s ? H : L,
+  }), H = ne(t), L = te(t), U = se(t), q = le(t), { getReferenceProps: G, getFloatingProps: J } = re([
+    n ? H : L,
     U,
     q
-  ]), Q = ae();
-  return /* @__PURE__ */ T(x, { children: [
-    /* @__PURE__ */ t(
+  ]), Q = ie();
+  return /* @__PURE__ */ T(h, { children: [
+    /* @__PURE__ */ o(
       ce,
       {
-        ref: X(P, g.setReference),
-        className: y,
-        placeholder: D,
-        size: R,
-        name: S,
-        value: B,
-        readOnly: !s,
-        suffix: v,
-        prefix: N,
+        ref: X(S, m.setReference),
+        className: x,
+        placeholder: N,
+        size: P,
+        name: F,
+        value: D,
+        readOnly: !n,
+        suffix: K,
+        prefix: b,
         autoComplete: "off",
-        type: j,
-        disabled: I,
+        type: R,
+        disabled: w,
         asElement: "input",
-        onKeyDown: z,
-        onClick: E,
-        onChange: w,
+        onKeyDown: v,
+        onClick: j,
+        onChange: O,
         ...G({
-          onBlur: M,
-          onFocus: O
+          onBlur: z,
+          onFocus: M
         })
       }
     ),
-    i && /* @__PURE__ */ t(
+    s && /* @__PURE__ */ o(
       "div",
       {
-        ref: g.setFloating,
+        ref: m.setFloating,
         className: "picker",
         style: A,
         "aria-labelledby": Q,
         ...J(),
-        children: /* @__PURE__ */ t("div", { className: "picker-panel", children: C })
+        children: /* @__PURE__ */ o("div", { className: "picker-panel", children: k })
       }
     )
   ] });
 };
 export {
-  be as default
+  we as default
 };
 //# sourceMappingURL=BasePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BasePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/BasePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs'\nimport localizedFormat from 'dayjs/plugin/localizedFormat'\nimport { Input } from '../Input'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { HiOutlineCalendar } from 'react-icons/hi'\nimport CloseButton from '../CloseButton'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    FocusEvent,\n    HTMLInputTypeAttribute,\n    KeyboardEvent,\n    MouseEvent,\n    ChangeEvent,\n    Ref,\n} from 'react'\nimport {\n    useFloating,\n    useInteractions,\n    useDismiss,\n    useRole,\n    useFocus,\n    useClick,\n    useId,\n    autoUpdate,\n    offset,\n    flip,\n    shift,\n} from '@floating-ui/react'\n\ndayjs.extend(localizedFormat)\n\nexport interface BasePickerSharedProps {\n    clearable?: boolean\n    clearButton?: string | ReactNode\n    disabled?: boolean\n    inputtable?: boolean\n    inputPrefix?: string | ReactNode\n    inputSuffix?: string | ReactNode\n    name?: string\n    onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    onDropdownOpen?: () => void\n    onDropdownClose?: () => void\n    onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    placeholder?: string\n    size?: TypeAttributes.ControlSize\n    type?: HTMLInputTypeAttribute\n}\n\ninterface BasePickerProps extends CommonProps, BasePickerSharedProps {\n    dropdownOpened: boolean\n    inputtableBlurClose?: boolean\n    inputLabel?: string\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void\n    onClear?: (event: MouseEvent<HTMLElement>) => void\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void\n    setDropdownOpened: (opened: boolean) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst BasePicker = (props: BasePickerProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        children,\n        disabled,\n        dropdownOpened,\n        inputtable,\n        inputtableBlurClose = false,\n        inputLabel,\n        inputPrefix,\n        inputSuffix = <HiOutlineCalendar className=\"text-lg\" />,\n        name,\n        onDropdownOpen,\n        onDropdownClose,\n        onBlur,\n        onFocus,\n        onChange,\n        onKeyDown,\n        onClear,\n        placeholder,\n        ref = null,\n        setDropdownOpened,\n        size,\n        type,\n    } = props\n\n    const handleInputClick = () => {\n        inputtable ? openDropdown() : toggleDropdown(!dropdownOpened)\n    }\n\n    const closeDropdown = () => {\n        setDropdownOpened(false)\n        onDropdownClose?.()\n    }\n\n    const suffixIconSlot = clearable ? (\n        clearButton ? (\n            <div role=\"presentation\" onClick={onClear}>\n                {clearButton}\n            </div>\n        ) : (\n            <CloseButton className=\"text-base\" onClick={onClear} />\n        )\n    ) : inputSuffix ? (\n        <>{inputSuffix}</>\n    ) : null\n\n    const toggleDropdown = (open: boolean) => {\n        setDropdownOpened(open)\n        open ? onDropdownOpen?.() : onDropdownClose?.()\n    }\n\n    const openDropdown = () => {\n        setDropdownOpened(true)\n        onDropdownOpen?.()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        typeof onKeyDown === 'function' && onKeyDown(event)\n        if ((event.key === 'Space' || event.key === 'Enter') && !inputtable) {\n            event.preventDefault()\n            openDropdown()\n        }\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        onBlur?.(event)\n        if (inputtable && inputtableBlurClose) {\n            closeDropdown()\n        }\n    }\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n        onFocus?.(event)\n    }\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: dropdownOpened,\n        onOpenChange: toggleDropdown,\n        placement: 'bottom-start',\n        middleware: [\n            offset(10),\n            flip({\n                fallbackAxisSideDirection: 'start',\n            }),\n            shift(),\n        ],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const focus = useFocus(context)\n    const click = useClick(context)\n    const dismiss = useDismiss(context)\n    const role = useRole(context)\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        inputtable ? focus : click,\n        dismiss,\n        role,\n    ])\n\n    const headingId = useId()\n\n    return (\n        <>\n            <Input\n                ref={useMergedRef(ref, refs.setReference)}\n                className={className}\n                placeholder={placeholder}\n                size={size}\n                name={name}\n                value={inputLabel}\n                readOnly={!inputtable}\n                suffix={suffixIconSlot}\n                prefix={inputPrefix}\n                autoComplete=\"off\"\n                type={type}\n                disabled={disabled}\n                asElement={'input'}\n                onKeyDown={handleKeyDown}\n                onClick={handleInputClick}\n                onChange={onChange}\n                {...getReferenceProps({\n                    onBlur: handleInputBlur,\n                    onFocus: handleInputFocus,\n                })}\n            />\n            {dropdownOpened && (\n                <div\n                    ref={refs.setFloating}\n                    className=\"picker\"\n                    style={floatingStyles}\n                    aria-labelledby={headingId}\n                    {...getFloatingProps()}\n                >\n                    <div className=\"picker-panel\">{children}</div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default BasePicker\n"],"names":["dayjs","localizedFormat","BasePicker","props","className","clearable","clearButton","children","disabled","dropdownOpened","inputtable","inputtableBlurClose","inputLabel","inputPrefix","inputSuffix","jsx","HiOutlineCalendar","name","onDropdownOpen","onDropdownClose","onBlur","onFocus","onChange","onKeyDown","onClear","placeholder","ref","setDropdownOpened","size","type","handleInputClick","openDropdown","toggleDropdown","closeDropdown","suffixIconSlot","CloseButton","Fragment","open","handleKeyDown","event","handleInputBlur","handleInputFocus","refs","floatingStyles","context","useFloating","offset","flip","shift","autoUpdate","focus","useFocus","click","useClick","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","headingId","useId","jsxs","Input","useMergedRef"],"mappings":";;;;;;;;;;AA8BAA,EAAM,OAAOC,CAAe;AA8B5B,MAAMC,KAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,IACtB,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC,IAAc,gBAAAC,EAACC,GAAA,EAAkB,WAAU,UAAA,CAAU;AAAA,IACrD,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,mBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACA1B,GAEE2B,IAAmB,MAAM;AAC3B,IAAApB,IAAaqB,EAAA,IAAiBC,EAAe,CAACvB,CAAc;AAAA,EAChE,GAEMwB,IAAgB,MAAM;AACxB,IAAAN,EAAkB,EAAK,GACvBR,KAAA,QAAAA;AAAA,EACJ,GAEMe,IAAiB7B,IACnBC,IACI,gBAAAS,EAAC,SAAI,MAAK,gBAAe,SAASS,GAC7B,UAAAlB,EAAA,CACL,IAEA,gBAAAS,EAACoB,IAAA,EAAY,WAAU,aAAY,SAASX,GAAS,IAEzDV,IACA,gBAAAC,EAAAqB,GAAA,EAAG,UAAAtB,EAAA,CAAY,IACf,MAEEkB,IAAiB,CAACK,MAAkB;AACtC,IAAAV,EAAkBU,CAAI,GACtBA,IAAOnB,KAAA,QAAAA,MAAqBC,KAAA,QAAAA;AAAA,EAChC,GAEMY,IAAe,MAAM;AACvB,IAAAJ,EAAkB,EAAI,GACtBT,KAAA,QAAAA;AAAA,EACJ,GAEMoB,IAAgB,CAACC,MAA2C;AAC9D,WAAOhB,KAAc,cAAcA,EAAUgB,CAAK,IAC7CA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,YAAY,CAAC7B,MACrD6B,EAAM,eAAA,GACNR,EAAA;AAAA,EAER,GAEMS,IAAkB,CAACD,MAAiD;AACtE,IAAAnB,KAAA,QAAAA,EAASmB,IACL7B,KAAcC,KACdsB,EAAA;AAAA,EAER,GAEMQ,IAAmB,CAACF,MAAiD;AACvE,IAAAlB,KAAA,QAAAA,EAAUkB;AAAA,EACd,GAEM,EAAE,MAAAG,GAAM,gBAAAC,GAAgB,SAAAC,EAAA,IAAYC,EAAY;AAAA,IAClD,MAAMpC;AAAA,IACN,cAAcuB;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,MACRc,EAAO,EAAE;AAAA,MACTC,GAAK;AAAA,QACD,2BAA2B;AAAA,MAAA,CAC9B;AAAA,MACDC,GAAA;AAAA,IAAM;AAAA,IAEV,sBAAsBC;AAAA,EAAA,CACzB,GAEKC,IAAQC,GAASP,CAAO,GACxBQ,IAAQC,GAAST,CAAO,GACxBU,IAAUC,GAAWX,CAAO,GAC5BY,IAAOC,GAAQb,CAAO,GAEtB,EAAE,mBAAAc,GAAmB,kBAAAC,EAAA,IAAqBC,GAAgB;AAAA,IAC5DlD,IAAawC,IAAQE;AAAA,IACrBE;AAAA,IACAE;AAAA,EAAA,CACH,GAEKK,IAAYC,GAAA;AAElB,SACI,gBAAAC,EAAA3B,GAAA,EACI,UAAA;AAAA,IAAA,gBAAArB;AAAA,MAACiD;AAAA,MAAA;AAAA,QACG,KAAKC,EAAavC,GAAKgB,EAAK,YAAY;AAAA,QACxC,WAAAtC;AAAA,QACA,aAAAqB;AAAA,QACA,MAAAG;AAAA,QACA,MAAAX;AAAA,QACA,OAAOL;AAAA,QACP,UAAU,CAACF;AAAA,QACX,QAAQwB;AAAA,QACR,QAAQrB;AAAA,QACR,cAAa;AAAA,QACb,MAAAgB;AAAA,QACA,UAAArB;AAAA,QACA,WAAW;AAAA,QACX,WAAW8B;AAAA,QACX,SAASR;AAAA,QACT,UAAAR;AAAA,QACC,GAAGoC,EAAkB;AAAA,UAClB,QAAQlB;AAAA,UACR,SAASC;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJhC,KACG,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK2B,EAAK;AAAA,QACV,WAAU;AAAA,QACV,OAAOC;AAAA,QACP,mBAAiBkB;AAAA,QAChB,GAAGF,EAAA;AAAA,QAEJ,UAAA,gBAAA5C,EAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAR,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5C,GAER;AAER;"}
+{"version":3,"file":"BasePicker.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/BasePicker.tsx"],"sourcesContent":["import dayjs from 'dayjs'\nimport localizedFormat from 'dayjs/plugin/localizedFormat'\nimport { Input } from '../Input'\nimport useMergedRef from '../hooks/useMergeRef'\nimport { HiOutlineCalendar } from 'react-icons/hi'\nimport CloseButton from '../CloseButton'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    FocusEvent,\n    HTMLInputTypeAttribute,\n    KeyboardEvent,\n    MouseEvent,\n    ChangeEvent,\n    Ref,\n} from 'react'\nimport {\n    useFloating,\n    useInteractions,\n    useDismiss,\n    useRole,\n    useFocus,\n    useClick,\n    useId,\n    autoUpdate,\n    offset,\n    flip,\n    shift,\n} from '@floating-ui/react'\n\ndayjs.extend(localizedFormat)\n\nexport interface BasePickerSharedProps {\n    clearable?: boolean\n    clearButton?: string | ReactNode\n    disabled?: boolean\n    inputtable?: boolean\n    inputPrefix?: string | ReactNode\n    inputSuffix?: string | ReactNode\n    name?: string\n    onBlur?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    onDropdownOpen?: () => void\n    onDropdownClose?: () => void\n    onFocus?: (event: FocusEvent<HTMLInputElement, Element>) => void\n    placeholder?: string\n    size?: TypeAttributes.ControlSize\n    type?: HTMLInputTypeAttribute\n}\n\ninterface BasePickerProps extends CommonProps, BasePickerSharedProps {\n    dropdownOpened: boolean\n    inputtableBlurClose?: boolean\n    inputLabel?: string\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void\n    onClear?: (event: MouseEvent<HTMLElement>) => void\n    onChange?: (event: ChangeEvent<HTMLInputElement>) => void\n    setDropdownOpened: (opened: boolean) => void\n    ref?: Ref<HTMLInputElement>\n}\n\nconst BasePicker = (props: BasePickerProps) => {\n    const {\n        className,\n        clearable = true,\n        clearButton,\n        children,\n        disabled,\n        dropdownOpened,\n        inputtable,\n        inputtableBlurClose = false,\n        inputLabel,\n        inputPrefix,\n        inputSuffix = <HiOutlineCalendar className=\"text-lg\" />,\n        name,\n        onDropdownOpen,\n        onDropdownClose,\n        onBlur,\n        onFocus,\n        onChange,\n        onKeyDown,\n        onClear,\n        placeholder,\n        ref = null,\n        setDropdownOpened,\n        size,\n        type,\n    } = props\n\n    const handleInputClick = () => {\n        inputtable ? openDropdown() : toggleDropdown(!dropdownOpened)\n    }\n\n    const closeDropdown = () => {\n        setDropdownOpened(false)\n        onDropdownClose?.()\n    }\n\n    const suffixIconSlot = clearable ? (\n        clearButton ? (\n            <div role=\"presentation\" onClick={onClear}>\n                {clearButton}\n            </div>\n        ) : (\n            <CloseButton className=\"text-base\" onClick={onClear} />\n        )\n    ) : inputSuffix ? (\n        <>{inputSuffix}</>\n    ) : null\n\n    const toggleDropdown = (open: boolean) => {\n        setDropdownOpened(open)\n        open ? onDropdownOpen?.() : onDropdownClose?.()\n    }\n\n    const openDropdown = () => {\n        setDropdownOpened(true)\n        onDropdownOpen?.()\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        typeof onKeyDown === 'function' && onKeyDown(event)\n        if ((event.key === 'Space' || event.key === 'Enter') && !inputtable) {\n            event.preventDefault()\n            openDropdown()\n        }\n    }\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement, Element>) => {\n        onBlur?.(event)\n        if (inputtable && inputtableBlurClose) {\n            closeDropdown()\n        }\n    }\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement, Element>) => {\n        onFocus?.(event)\n    }\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: dropdownOpened,\n        onOpenChange: toggleDropdown,\n        placement: 'bottom-start',\n        middleware: [\n            offset(10),\n            flip({\n                fallbackAxisSideDirection: 'start',\n            }),\n            shift(),\n        ],\n        whileElementsMounted: autoUpdate,\n    })\n\n    const focus = useFocus(context)\n    const click = useClick(context)\n    const dismiss = useDismiss(context)\n    const role = useRole(context)\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        inputtable ? focus : click,\n        dismiss,\n        role,\n    ])\n\n    const headingId = useId()\n\n    return (\n        <>\n            <Input\n                ref={useMergedRef(ref, refs.setReference)}\n                className={className}\n                placeholder={placeholder}\n                size={size}\n                name={name}\n                value={inputLabel}\n                readOnly={!inputtable}\n                suffix={suffixIconSlot}\n                prefix={inputPrefix}\n                autoComplete=\"off\"\n                type={type}\n                disabled={disabled}\n                asElement={'input'}\n                onKeyDown={handleKeyDown}\n                onClick={handleInputClick}\n                onChange={onChange}\n                {...getReferenceProps({\n                    onBlur: handleInputBlur,\n                    onFocus: handleInputFocus,\n                })}\n            />\n            {dropdownOpened && (\n                <div\n                    ref={refs.setFloating}\n                    className=\"picker\"\n                    style={floatingStyles}\n                    aria-labelledby={headingId}\n                    {...getFloatingProps()}\n                >\n                    <div className=\"picker-panel\">{children}</div>\n                </div>\n            )}\n        </>\n    )\n}\n\nexport default BasePicker\n"],"names":["dayjs","localizedFormat","BasePicker","props","className","clearable","clearButton","children","disabled","dropdownOpened","inputtable","inputtableBlurClose","inputLabel","inputPrefix","inputSuffix","jsx","HiOutlineCalendar","name","onDropdownOpen","onDropdownClose","onBlur","onFocus","onChange","onKeyDown","onClear","placeholder","ref","setDropdownOpened","size","type","handleInputClick","openDropdown","toggleDropdown","closeDropdown","suffixIconSlot","CloseButton","Fragment","open","handleKeyDown","event","handleInputBlur","handleInputFocus","refs","floatingStyles","context","useFloating","offset","flip","shift","autoUpdate","focus","useFocus","click","useClick","dismiss","useDismiss","role","useRole","getReferenceProps","getFloatingProps","useInteractions","headingId","useId","jsxs","Input","useMergedRef"],"mappings":"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"}

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

@@ -1,28 +1,28 @@
-import { jsx as c } from "react/jsx-runtime";
-import f from "./CalendarBase.js";
+import { jsx as m } from "react/jsx-runtime";
+import c from "./CalendarBase.js";
 import "./utils/index.js";
-import { isSameDate as s } from "./utils/isSameDate.js";
-const u = (i) => {
-  const { multipleSelection: m, value: r, onChange: t, ...n } = i;
-  return /* @__PURE__ */ c(f, { value: r, onChange: (e) => {
-    if (!m)
-      return t == null ? void 0 : t(
-        e
+import { isSameDate as t } from "./utils/isSameDate.js";
+const g = (a) => {
+  const { multipleSelection: l, value: e, onChange: o, ...s } = a;
+  return /* @__PURE__ */ m(c, { value: e, onChange: (n) => {
+    if (!l)
+      return o?.(
+        n
       );
-    const l = r == null ? void 0 : r.some(
-      (o) => s(o, e)
+    const i = e?.some(
+      (r) => t(r, n)
     );
-    return t == null ? void 0 : t(
-      l ? r == null ? void 0 : r.filter(
-        (o) => !s(o, e)
+    return o?.(
+      i ? e?.filter(
+        (r) => !t(r, n)
       ) : [
-        ...r,
-        e
+        ...e,
+        n
       ]
     );
-  }, ...n });
+  }, ...s });
 };
 export {
-  u as default
+  g as default
 };
 //# sourceMappingURL=Calendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/Calendar.tsx"],"sourcesContent":["import CalendarBase from './CalendarBase'\nimport { isSameDate } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\n\nexport interface CalenderProps<MultipleSelection extends boolean = false>\n    extends CommonProps,\n        CalendarSharedProps {\n    multipleSelection?: MultipleSelection\n    value?: MultipleSelection extends true ? Date[] : Date | null\n    onChange?(\n        value: MultipleSelection extends true ? Date[] : Date | null,\n    ): void\n}\n\nconst Calendar = <MultipleSelection extends boolean = false>(\n    props: CalenderProps<MultipleSelection>,\n) => {\n    const { multipleSelection, value, onChange, ...rest } = props\n\n    const handleChange = (date: Date | Date[]) => {\n        if (!multipleSelection) {\n            return onChange?.(\n                date as MultipleSelection extends true ? Date[] : Date,\n            )\n        }\n\n        const isSelected = (value as Date[])?.some((val) =>\n            isSameDate(val, date as Date),\n        )\n\n        return onChange?.(\n            (isSelected\n                ? (value as Date[])?.filter(\n                      (val: Date) => !isSameDate(val, date as Date),\n                  )\n                : [\n                      ...(value as Date[]),\n                      date,\n                  ]) as MultipleSelection extends true ? Date[] : Date,\n        )\n    }\n\n    return <CalendarBase value={value} onChange={handleChange} {...rest} />\n}\n\nexport default Calendar\n"],"names":["Calendar","props","multipleSelection","value","onChange","rest","CalendarBase","date","isSelected","val","isSameDate"],"mappings":";;;;AAeA,MAAMA,IAAW,CACbC,MACC;AACD,QAAM,EAAE,mBAAAC,GAAmB,OAAAC,GAAO,UAAAC,GAAU,GAAGC,MAASJ;AAyBxD,2BAAQK,GAAA,EAAa,OAAAH,GAAc,UAvBd,CAACI,MAAwB;AAC1C,QAAI,CAACL;AACD,aAAOE,KAAA,gBAAAA;AAAA,QACHG;AAAA;AAIR,UAAMC,IAAcL,KAAA,gBAAAA,EAAkB;AAAA,MAAK,CAACM,MACxCC,EAAWD,GAAKF,CAAY;AAAA;AAGhC,WAAOH,KAAA,gBAAAA;AAAA,MACFI,IACML,KAAA,gBAAAA,EAAkB;AAAA,QACf,CAACM,MAAc,CAACC,EAAWD,GAAKF,CAAY;AAAA,UAEhD;AAAA,QACI,GAAIJ;AAAA,QACJI;AAAA,MAAA;AAAA;AAAA,EAGlB,GAE4D,GAAGF,GAAM;AACzE;"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../lib/@ecme/components/ui/DatePicker/Calendar.tsx"],"sourcesContent":["import CalendarBase from './CalendarBase'\nimport { isSameDate } from './utils'\nimport type { CommonProps } from '../@types/common'\nimport type { CalendarSharedProps } from './CalendarBase'\n\nexport interface CalenderProps<MultipleSelection extends boolean = false>\n    extends CommonProps,\n        CalendarSharedProps {\n    multipleSelection?: MultipleSelection\n    value?: MultipleSelection extends true ? Date[] : Date | null\n    onChange?(\n        value: MultipleSelection extends true ? Date[] : Date | null,\n    ): void\n}\n\nconst Calendar = <MultipleSelection extends boolean = false>(\n    props: CalenderProps<MultipleSelection>,\n) => {\n    const { multipleSelection, value, onChange, ...rest } = props\n\n    const handleChange = (date: Date | Date[]) => {\n        if (!multipleSelection) {\n            return onChange?.(\n                date as MultipleSelection extends true ? Date[] : Date,\n            )\n        }\n\n        const isSelected = (value as Date[])?.some((val) =>\n            isSameDate(val, date as Date),\n        )\n\n        return onChange?.(\n            (isSelected\n                ? (value as Date[])?.filter(\n                      (val: Date) => !isSameDate(val, date as Date),\n                  )\n                : [\n                      ...(value as Date[]),\n                      date,\n                  ]) as MultipleSelection extends true ? Date[] : Date,\n        )\n    }\n\n    return <CalendarBase value={value} onChange={handleChange} {...rest} />\n}\n\nexport default Calendar\n"],"names":["Calendar","props","multipleSelection","value","onChange","rest","CalendarBase","date","isSelected","val","isSameDate"],"mappings":";;;;AAeA,MAAMA,IAAW,CACbC,MACC;AACD,QAAM,EAAE,mBAAAC,GAAmB,OAAAC,GAAO,UAAAC,GAAU,GAAGC,MAASJ;AAyBxD,2BAAQK,GAAA,EAAa,OAAAH,GAAc,UAvBd,CAACI,MAAwB;AAC1C,QAAI,CAACL;AACD,aAAOE;AAAA,QACHG;AAAA,MAAA;AAIR,UAAMC,IAAcL,GAAkB;AAAA,MAAK,CAACM,MACxCC,EAAWD,GAAKF,CAAY;AAAA,IAAA;AAGhC,WAAOH;AAAA,MACFI,IACML,GAAkB;AAAA,QACf,CAACM,MAAc,CAACC,EAAWD,GAAKF,CAAY;AAAA,MAAA,IAEhD;AAAA,QACI,GAAIJ;AAAA,QACJI;AAAA,MAAA;AAAA,IACJ;AAAA,EAEd,GAE4D,GAAGF,GAAM;AACzE;"}