@orbe-agro/client-core 5.3.86 → 5.3.90

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../../lib/@ecme/components/ui/Notification/Notification.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport useTimeout from '../hooks/useTimeout'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface NotificationProps extends CommonProps {\n    closable?: boolean\n    customIcon?: ReactNode | string\n    duration?: number\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    ref?: Ref<HTMLDivElement>\n    title?: string\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    width?: number | string\n}\n\nconst Notification = (props: NotificationProps) => {\n    const {\n        className,\n        children,\n        closable = false,\n        customIcon,\n        duration = 3000,\n        onClose,\n        style,\n        ref,\n        title,\n        triggerByToast,\n        type,\n        width = 350,\n        ...rest\n    } = props\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(onClose as () => void, duration, duration > 0)\n\n    const handleClose = useCallback(\n        (e: MouseEvent<HTMLSpanElement>) => {\n            setDisplay('hiding')\n            onClose?.(e)\n            clear()\n            if (!triggerByToast) {\n                setTimeout(() => {\n                    setDisplay('hide')\n                }, 400)\n            }\n        },\n        [onClose, clear, triggerByToast],\n    )\n\n    const notificationClass = classNames('notification', className)\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <div\n            ref={ref}\n            {...rest}\n            className={notificationClass}\n            style={{ width: width, ...style }}\n        >\n            <div\n                className={classNames(\n                    'notification-content',\n                    !children && 'no-child',\n                )}\n            >\n                {type && !customIcon ? (\n                    <div className=\"mr-3 mt-0.5\">\n                        <StatusIcon type={type} />\n                    </div>\n                ) : null}\n                {customIcon && <div className=\"mr-3\">{customIcon}</div>}\n                <div className=\"mr-4\">\n                    {title && (\n                        <div\n                            className={classNames(\n                                'notification-title',\n                                children ? 'mb-2' : '',\n                            )}\n                        >\n                            {title}\n                        </div>\n                    )}\n                    <div\n                        className={classNames(\n                            'notification-description',\n                            !title && children ? 'mt-1' : '',\n                        )}\n                    >\n                        {children}\n                    </div>\n                </div>\n            </div>\n            {closable && (\n                <CloseButton\n                    className=\"notification-close\"\n                    absolute={true}\n                    onClick={handleClose}\n                />\n            )}\n        </div>\n    )\n}\n\nexport default Notification\n"],"names":["Notification","props","className","children","closable","customIcon","duration","onClose","style","ref","title","triggerByToast","type","width","rest","display","setDisplay","useState","clear","useTimeout","handleClose","useCallback","e","notificationClass","classNames","jsxs","jsx","StatusIcon","CloseButton"],"mappings":";;;;;;;;AAoBA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHb,GAEE,CAACc,GAASC,CAAU,IAAIC,EAAS,MAAM,GAEvC,EAAE,OAAAC,EAAA,IAAUC,EAAWZ,GAAuBD,GAAUA,IAAW,CAAC,GAEpEc,IAAcC;AAAA,IAChB,CAACC,MAAmC;AAChC,MAAAN,EAAW,QAAQ,GACnBT,KAAA,QAAAA,EAAUe,IACVJ,EAAA,GACKP,KACD,WAAW,MAAM;AACb,QAAAK,EAAW,MAAM;AAAA,MACrB,GAAG,GAAG;AAAA,IAEd;AAAA,IACA,CAACT,GAASW,GAAOP,CAAc;AAAA,EAAA,GAG7BY,IAAoBC,EAAW,gBAAgBtB,CAAS;AAE9D,SAAIa,MAAY,SACL,OAIP,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAhB;AAAA,MACC,GAAGK;AAAA,MACJ,WAAWS;AAAA,MACX,OAAO,EAAE,OAAAV,GAAc,GAAGL,EAAA;AAAA,MAE1B,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACA,CAACrB,KAAY;AAAA,YAAA;AAAA,YAGhB,UAAA;AAAA,cAAAS,KAAQ,CAACP,IACN,gBAAAqB,EAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAA,EAACC,GAAA,EAAW,MAAAf,EAAA,CAAY,EAAA,CAC5B,IACA;AAAA,cACHP,KAAc,gBAAAqB,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAArB,GAAW;AAAA,cACjD,gBAAAoB,EAAC,OAAA,EAAI,WAAU,QACV,UAAA;AAAA,gBAAAf,KACG,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWF;AAAA,sBACP;AAAA,sBACArB,IAAW,SAAS;AAAA,oBAAA;AAAA,oBAGvB,UAAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGT,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWF;AAAA,sBACP;AAAA,sBACA,CAACd,KAASP,IAAW,SAAS;AAAA,oBAAA;AAAA,oBAGjC,UAAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHC,KACG,gBAAAsB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,UAAU;AAAA,YACV,SAASR;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"Notification.js","sources":["../../../../../lib/@ecme/components/ui/Notification/Notification.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport classNames from 'classnames'\nimport useTimeout from '../hooks/useTimeout'\nimport CloseButton from '../CloseButton'\nimport StatusIcon from '../StatusIcon'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { ReactNode, MouseEvent, Ref } from 'react'\n\nexport interface NotificationProps extends CommonProps {\n    closable?: boolean\n    customIcon?: ReactNode | string\n    duration?: number\n    onClose?: (e: MouseEvent<HTMLSpanElement>) => void\n    ref?: Ref<HTMLDivElement>\n    title?: string\n    triggerByToast?: boolean\n    type?: TypeAttributes.Status\n    width?: number | string\n}\n\nconst Notification = (props: NotificationProps) => {\n    const {\n        className,\n        children,\n        closable = false,\n        customIcon,\n        duration = 3000,\n        onClose,\n        style,\n        ref,\n        title,\n        triggerByToast,\n        type,\n        width = 350,\n        ...rest\n    } = props\n\n    const [display, setDisplay] = useState('show')\n\n    const { clear } = useTimeout(onClose as () => void, duration, duration > 0)\n\n    const handleClose = useCallback(\n        (e: MouseEvent<HTMLSpanElement>) => {\n            setDisplay('hiding')\n            onClose?.(e)\n            clear()\n            if (!triggerByToast) {\n                setTimeout(() => {\n                    setDisplay('hide')\n                }, 400)\n            }\n        },\n        [onClose, clear, triggerByToast],\n    )\n\n    const notificationClass = classNames('notification', className)\n\n    if (display === 'hide') {\n        return null\n    }\n\n    return (\n        <div\n            ref={ref}\n            {...rest}\n            className={notificationClass}\n            style={{ width: width, ...style }}\n        >\n            <div\n                className={classNames(\n                    'notification-content',\n                    !children && 'no-child',\n                )}\n            >\n                {type && !customIcon ? (\n                    <div className=\"mr-3 mt-0.5\">\n                        <StatusIcon type={type} />\n                    </div>\n                ) : null}\n                {customIcon && <div className=\"mr-3\">{customIcon}</div>}\n                <div className=\"mr-4\">\n                    {title && (\n                        <div\n                            className={classNames(\n                                'notification-title',\n                                children ? 'mb-2' : '',\n                            )}\n                        >\n                            {title}\n                        </div>\n                    )}\n                    <div\n                        className={classNames(\n                            'notification-description',\n                            !title && children ? 'mt-1' : '',\n                        )}\n                    >\n                        {children}\n                    </div>\n                </div>\n            </div>\n            {closable && (\n                <CloseButton\n                    className=\"notification-close\"\n                    absolute={true}\n                    onClick={handleClose}\n                />\n            )}\n        </div>\n    )\n}\n\nexport default Notification\n"],"names":["Notification","props","className","children","closable","customIcon","duration","onClose","style","ref","title","triggerByToast","type","width","rest","display","setDisplay","useState","clear","useTimeout","handleClose","useCallback","e","notificationClass","classNames","jsxs","jsx","StatusIcon","CloseButton"],"mappings":";;;;;;;;AAoBA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,GAAGC;AAAA,EAAA,IACHb,GAEE,CAACc,GAASC,CAAU,IAAIC,EAAS,MAAM,GAEvC,EAAE,OAAAC,EAAA,IAAUC,EAAWZ,GAAuBD,GAAUA,IAAW,CAAC,GAEpEc,IAAcC;AAAA,IAChB,CAACC,MAAmC;AAChC,MAAAN,EAAW,QAAQ,GACnBT,IAAUe,CAAC,GACXJ,EAAA,GACKP,KACD,WAAW,MAAM;AACb,QAAAK,EAAW,MAAM;AAAA,MACrB,GAAG,GAAG;AAAA,IAEd;AAAA,IACA,CAACT,GAASW,GAAOP,CAAc;AAAA,EAAA,GAG7BY,IAAoBC,EAAW,gBAAgBtB,CAAS;AAE9D,SAAIa,MAAY,SACL,OAIP,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAhB;AAAA,MACC,GAAGK;AAAA,MACJ,WAAWS;AAAA,MACX,OAAO,EAAE,OAAAV,GAAc,GAAGL,EAAA;AAAA,MAE1B,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWD;AAAA,cACP;AAAA,cACA,CAACrB,KAAY;AAAA,YAAA;AAAA,YAGhB,UAAA;AAAA,cAAAS,KAAQ,CAACP,IACN,gBAAAqB,EAAC,OAAA,EAAI,WAAU,eACX,UAAA,gBAAAA,EAACC,GAAA,EAAW,MAAAf,EAAA,CAAY,EAAA,CAC5B,IACA;AAAA,cACHP,KAAc,gBAAAqB,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAArB,GAAW;AAAA,cACjD,gBAAAoB,EAAC,OAAA,EAAI,WAAU,QACV,UAAA;AAAA,gBAAAf,KACG,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWF;AAAA,sBACP;AAAA,sBACArB,IAAW,SAAS;AAAA,oBAAA;AAAA,oBAGvB,UAAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGT,gBAAAgB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWF;AAAA,sBACP;AAAA,sBACA,CAACd,KAASP,IAAW,SAAS;AAAA,oBAAA;AAAA,oBAGjC,UAAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACL,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHC,KACG,gBAAAsB;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,WAAU;AAAA,YACV,UAAU;AAAA,YACV,SAASR;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

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

@@ -1,79 +1,79 @@
-import { jsxs as T, jsx as p } from "react/jsx-runtime";
-import { useState as d, useMemo as z, useEffect as j } from "react";
-import k from "./Pagers.js";
-import w from "./Prev.js";
-import M from "./Next.js";
-import V from "./Total.js";
-import E from "../hooks/useControllableState.js";
-import q from "classnames";
-const A = 5, B = (N) => {
+import { jsxs as I, jsx as g } from "react/jsx-runtime";
+import { useState as d, useMemo as T, useEffect as z } from "react";
+import j from "./Pagers.js";
+import k from "./Prev.js";
+import w from "./Next.js";
+import M from "./Total.js";
+import V from "../hooks/useControllableState.js";
+import E from "classnames";
+const q = 5, A = (C) => {
   const {
-    className: v,
+    className: N,
     currentPage: o = 1,
-    displayTotal: x = !1,
-    onChange: t,
+    displayTotal: v = !1,
+    onChange: i,
     pageSize: s = 1,
     total: P = 5
-  } = N, [c] = E({
+  } = C, [p] = V({
     prop: P,
-    defaultProp: A,
-    onChange: t
-  }), [g, C] = d(s), u = z(() => typeof c == "number" ? Math.ceil(c / g) : null, [c, g]), n = (e) => {
-    const i = parseInt(e, 10), m = u;
-    let a;
-    return m ? (i < 1 && (a = 1), i > m && (a = m)) : (isNaN(i) || i < 1) && (a = 1), (a === void 0 && isNaN(i) || a === 0) && (a = 1), a === void 0 ? i : a;
-  }, [r, l] = d(
-    o ? n(o) : 1
+    defaultProp: q,
+    onChange: i
+  }), [c, x] = d(s), u = T(() => typeof p == "number" ? Math.ceil(p / c) : null, [p, c]), a = (e) => {
+    const r = parseInt(e, 10), m = u;
+    let t;
+    return m ? (r < 1 && (t = 1), r > m && (t = m)) : (isNaN(r) || r < 1) && (t = 1), (t === void 0 && isNaN(r) || t === 0) && (t = 1), t === void 0 ? r : t;
+  }, [n, l] = d(
+    o ? a(o) : 1
   );
-  j(() => {
-    s !== g && C(s), o !== r && l(o);
+  z(() => {
+    s !== c && x(s), o !== n && l(o);
   }, [s, o]);
   const b = (e) => {
-    l(n(e)), t == null || t(n(e));
+    l(a(e)), i?.(a(e));
+  }, h = () => {
+    const e = n - 1;
+    l(a(e)), i?.(a(e));
   }, y = () => {
-    const e = r - 1;
-    l(n(e)), t == null || t(n(e));
-  }, S = () => {
-    const e = r + 1;
-    l(n(e)), t == null || t(n(e));
+    const e = n + 1;
+    l(a(e)), i?.(a(e));
   }, f = {
     default: "pagination-pager",
     inactive: "pagination-pager-inactive",
     active: "text-primary dark:bg-primary dark:text-neutral",
     disabled: "pagination-pager-disabled"
-  }, I = q("pagination", v);
-  return /* @__PURE__ */ T("div", { className: I, children: [
-    x && /* @__PURE__ */ p(V, { total: P }),
-    /* @__PURE__ */ p(
-      w,
+  }, S = E("pagination", N);
+  return /* @__PURE__ */ I("div", { className: S, children: [
+    v && /* @__PURE__ */ g(M, { total: P }),
+    /* @__PURE__ */ g(
+      k,
       {
-        currentPage: r,
+        currentPage: n,
         pagerClass: f,
-        onPrev: y
+        onPrev: h
       }
     ),
-    /* @__PURE__ */ p(
-      k,
+    /* @__PURE__ */ g(
+      j,
       {
         pageCount: u,
-        currentPage: r,
+        currentPage: n,
         pagerClass: f,
         onChange: b
       }
     ),
-    /* @__PURE__ */ p(
-      M,
+    /* @__PURE__ */ g(
+      w,
       {
-        currentPage: r,
+        currentPage: n,
         pageCount: u,
         pagerClass: f,
-        onNext: S
+        onNext: y
       }
     )
   ] });
 };
-B.displayName = "Pagination";
+A.displayName = "Pagination";
 export {
-  B as default
+  A as default
 };
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Pagination.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Pager from './Pagers'\nimport Prev from './Prev'\nimport Next from './Next'\nimport Total from './Total'\nimport useControllableState from '../hooks/useControllableState'\nimport classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\n\nexport interface PaginationProps extends CommonProps {\n    currentPage?: number\n    displayTotal?: boolean\n    onChange?: (pageNumber: number) => void\n    pageSize?: number\n    total?: number\n}\n\nconst defaultTotal = 5\n\nconst Pagination = (props: PaginationProps) => {\n    const {\n        className,\n        currentPage = 1,\n        displayTotal = false,\n        onChange,\n        pageSize = 1,\n        total = 5,\n    } = props\n\n    const [paginationTotal] = useControllableState({\n        prop: total,\n        defaultProp: defaultTotal,\n        onChange,\n    })\n\n    const [internalPageSize, setInternalPageSize] = useState(pageSize)\n\n    const getInternalPageCount = useMemo(() => {\n        if (typeof paginationTotal === 'number') {\n            return Math.ceil(paginationTotal / internalPageSize)\n        }\n        return null\n    }, [paginationTotal, internalPageSize])\n\n    const getValidCurrentPage = (count: number | string) => {\n        const value = parseInt(count as string, 10)\n        const internalPageCount = getInternalPageCount\n        let resetValue\n        if (!internalPageCount) {\n            if (isNaN(value) || value < 1) {\n                resetValue = 1\n            }\n        } else {\n            if (value < 1) {\n                resetValue = 1\n            }\n            if (value > internalPageCount) {\n                resetValue = internalPageCount\n            }\n        }\n\n        if ((resetValue === undefined && isNaN(value)) || resetValue === 0) {\n            resetValue = 1\n        }\n\n        return resetValue === undefined ? value : resetValue\n    }\n\n    const [internalCurrentPage, setInternalCurrentPage] = useState(\n        currentPage ? getValidCurrentPage(currentPage) : 1,\n    )\n\n    useEffect(() => {\n        if (pageSize !== internalPageSize) {\n            setInternalPageSize(pageSize)\n        }\n\n        if (currentPage !== internalCurrentPage) {\n            setInternalCurrentPage(currentPage)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pageSize, currentPage])\n\n    const onPaginationChange = (val: number) => {\n        setInternalCurrentPage(getValidCurrentPage(val))\n        onChange?.(getValidCurrentPage(val))\n    }\n\n    const onPrev = () => {\n        const newPage = internalCurrentPage - 1\n        setInternalCurrentPage(getValidCurrentPage(newPage))\n        onChange?.(getValidCurrentPage(newPage))\n    }\n\n    const onNext = () => {\n        const newPage = internalCurrentPage + 1\n        setInternalCurrentPage(getValidCurrentPage(newPage))\n        onChange?.(getValidCurrentPage(newPage))\n    }\n\n    const pagerClass = {\n        default: 'pagination-pager',\n        inactive: 'pagination-pager-inactive',\n        active: `text-primary dark:bg-primary dark:text-neutral`,\n        disabled: 'pagination-pager-disabled',\n    }\n\n    const paginationClass = classNames('pagination', className)\n\n    return (\n        <div className={paginationClass}>\n            {displayTotal && <Total total={total} />}\n            <Prev\n                currentPage={internalCurrentPage}\n                pagerClass={pagerClass}\n                onPrev={onPrev}\n            />\n            <Pager\n                pageCount={getInternalPageCount as number}\n                currentPage={internalCurrentPage}\n                pagerClass={pagerClass}\n                onChange={onPaginationChange}\n            />\n            <Next\n                currentPage={internalCurrentPage}\n                pageCount={getInternalPageCount as number}\n                pagerClass={pagerClass}\n                onNext={onNext}\n            />\n        </div>\n    )\n}\n\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"names":["defaultTotal","Pagination","props","className","currentPage","displayTotal","onChange","pageSize","total","paginationTotal","useControllableState","internalPageSize","setInternalPageSize","useState","getInternalPageCount","useMemo","getValidCurrentPage","count","value","internalPageCount","resetValue","internalCurrentPage","setInternalCurrentPage","useEffect","onPaginationChange","val","onPrev","newPage","onNext","pagerClass","paginationClass","classNames","jsxs","jsx","Total","Prev","Pager","Next"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAe,GAEfC,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,EAAA,IACRN,GAEE,CAACO,CAAe,IAAIC,EAAqB;AAAA,IAC3C,MAAMF;AAAA,IACN,aAAaR;AAAA,IACb,UAAAM;AAAA,EAAA,CACH,GAEK,CAACK,GAAkBC,CAAmB,IAAIC,EAASN,CAAQ,GAE3DO,IAAuBC,EAAQ,MAC7B,OAAON,KAAoB,WACpB,KAAK,KAAKA,IAAkBE,CAAgB,IAEhD,MACR,CAACF,GAAiBE,CAAgB,CAAC,GAEhCK,IAAsB,CAACC,MAA2B;AACpD,UAAMC,IAAQ,SAASD,GAAiB,EAAE,GACpCE,IAAoBL;AAC1B,QAAIM;AACJ,WAAKD,KAKGD,IAAQ,MACRE,IAAa,IAEbF,IAAQC,MACRC,IAAaD,OARb,MAAMD,CAAK,KAAKA,IAAQ,OACxBE,IAAa,KAWhBA,MAAe,UAAa,MAAMF,CAAK,KAAME,MAAe,OAC7DA,IAAa,IAGVA,MAAe,SAAYF,IAAQE;AAAA,EAC9C,GAEM,CAACC,GAAqBC,CAAsB,IAAIT;AAAA,IAClDT,IAAcY,EAAoBZ,CAAW,IAAI;AAAA,EAAA;AAGrD,EAAAmB,EAAU,MAAM;AACZ,IAAIhB,MAAaI,KACbC,EAAoBL,CAAQ,GAG5BH,MAAgBiB,KAChBC,EAAuBlB,CAAW;AAAA,EAG1C,GAAG,CAACG,GAAUH,CAAW,CAAC;AAE1B,QAAMoB,IAAqB,CAACC,MAAgB;AACxC,IAAAH,EAAuBN,EAAoBS,CAAG,CAAC,GAC/CnB,KAAA,QAAAA,EAAWU,EAAoBS,CAAG;AAAA,EACtC,GAEMC,IAAS,MAAM;AACjB,UAAMC,IAAUN,IAAsB;AACtC,IAAAC,EAAuBN,EAAoBW,CAAO,CAAC,GACnDrB,KAAA,QAAAA,EAAWU,EAAoBW,CAAO;AAAA,EAC1C,GAEMC,IAAS,MAAM;AACjB,UAAMD,IAAUN,IAAsB;AACtC,IAAAC,EAAuBN,EAAoBW,CAAO,CAAC,GACnDrB,KAAA,QAAAA,EAAWU,EAAoBW,CAAO;AAAA,EAC1C,GAEME,IAAa;AAAA,IACf,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA,GAGRC,IAAkBC,EAAW,cAAc5B,CAAS;AAE1D,SACI,gBAAA6B,EAAC,OAAA,EAAI,WAAWF,GACX,UAAA;AAAA,IAAAzB,KAAgB,gBAAA4B,EAACC,KAAM,OAAA1B,EAAA,CAAc;AAAA,IACtC,gBAAAyB;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,aAAad;AAAA,QACb,YAAAQ;AAAA,QACA,QAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAO;AAAA,MAACG;AAAAA,MAAA;AAAA,QACG,WAAWtB;AAAA,QACX,aAAaO;AAAA,QACb,YAAAQ;AAAA,QACA,UAAUL;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAS;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,aAAahB;AAAA,QACb,WAAWP;AAAA,QACX,YAAAe;AAAA,QACA,QAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAEA3B,EAAW,cAAc;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Pagination.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Pager from './Pagers'\nimport Prev from './Prev'\nimport Next from './Next'\nimport Total from './Total'\nimport useControllableState from '../hooks/useControllableState'\nimport classNames from 'classnames'\nimport type { CommonProps } from '../@types/common'\n\nexport interface PaginationProps extends CommonProps {\n    currentPage?: number\n    displayTotal?: boolean\n    onChange?: (pageNumber: number) => void\n    pageSize?: number\n    total?: number\n}\n\nconst defaultTotal = 5\n\nconst Pagination = (props: PaginationProps) => {\n    const {\n        className,\n        currentPage = 1,\n        displayTotal = false,\n        onChange,\n        pageSize = 1,\n        total = 5,\n    } = props\n\n    const [paginationTotal] = useControllableState({\n        prop: total,\n        defaultProp: defaultTotal,\n        onChange,\n    })\n\n    const [internalPageSize, setInternalPageSize] = useState(pageSize)\n\n    const getInternalPageCount = useMemo(() => {\n        if (typeof paginationTotal === 'number') {\n            return Math.ceil(paginationTotal / internalPageSize)\n        }\n        return null\n    }, [paginationTotal, internalPageSize])\n\n    const getValidCurrentPage = (count: number | string) => {\n        const value = parseInt(count as string, 10)\n        const internalPageCount = getInternalPageCount\n        let resetValue\n        if (!internalPageCount) {\n            if (isNaN(value) || value < 1) {\n                resetValue = 1\n            }\n        } else {\n            if (value < 1) {\n                resetValue = 1\n            }\n            if (value > internalPageCount) {\n                resetValue = internalPageCount\n            }\n        }\n\n        if ((resetValue === undefined && isNaN(value)) || resetValue === 0) {\n            resetValue = 1\n        }\n\n        return resetValue === undefined ? value : resetValue\n    }\n\n    const [internalCurrentPage, setInternalCurrentPage] = useState(\n        currentPage ? getValidCurrentPage(currentPage) : 1,\n    )\n\n    useEffect(() => {\n        if (pageSize !== internalPageSize) {\n            setInternalPageSize(pageSize)\n        }\n\n        if (currentPage !== internalCurrentPage) {\n            setInternalCurrentPage(currentPage)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pageSize, currentPage])\n\n    const onPaginationChange = (val: number) => {\n        setInternalCurrentPage(getValidCurrentPage(val))\n        onChange?.(getValidCurrentPage(val))\n    }\n\n    const onPrev = () => {\n        const newPage = internalCurrentPage - 1\n        setInternalCurrentPage(getValidCurrentPage(newPage))\n        onChange?.(getValidCurrentPage(newPage))\n    }\n\n    const onNext = () => {\n        const newPage = internalCurrentPage + 1\n        setInternalCurrentPage(getValidCurrentPage(newPage))\n        onChange?.(getValidCurrentPage(newPage))\n    }\n\n    const pagerClass = {\n        default: 'pagination-pager',\n        inactive: 'pagination-pager-inactive',\n        active: `text-primary dark:bg-primary dark:text-neutral`,\n        disabled: 'pagination-pager-disabled',\n    }\n\n    const paginationClass = classNames('pagination', className)\n\n    return (\n        <div className={paginationClass}>\n            {displayTotal && <Total total={total} />}\n            <Prev\n                currentPage={internalCurrentPage}\n                pagerClass={pagerClass}\n                onPrev={onPrev}\n            />\n            <Pager\n                pageCount={getInternalPageCount as number}\n                currentPage={internalCurrentPage}\n                pagerClass={pagerClass}\n                onChange={onPaginationChange}\n            />\n            <Next\n                currentPage={internalCurrentPage}\n                pageCount={getInternalPageCount as number}\n                pagerClass={pagerClass}\n                onNext={onNext}\n            />\n        </div>\n    )\n}\n\nPagination.displayName = 'Pagination'\n\nexport default Pagination\n"],"names":["defaultTotal","Pagination","props","className","currentPage","displayTotal","onChange","pageSize","total","paginationTotal","useControllableState","internalPageSize","setInternalPageSize","useState","getInternalPageCount","useMemo","getValidCurrentPage","count","value","internalPageCount","resetValue","internalCurrentPage","setInternalCurrentPage","useEffect","onPaginationChange","val","onPrev","newPage","onNext","pagerClass","paginationClass","classNames","jsxs","jsx","Total","Prev","Pager","Next"],"mappings":";;;;;;;;AAiBA,MAAMA,IAAe,GAEfC,IAAa,CAACC,MAA2B;AAC3C,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,EAAA,IACRN,GAEE,CAACO,CAAe,IAAIC,EAAqB;AAAA,IAC3C,MAAMF;AAAA,IACN,aAAaR;AAAA,IACb,UAAAM;AAAA,EAAA,CACH,GAEK,CAACK,GAAkBC,CAAmB,IAAIC,EAASN,CAAQ,GAE3DO,IAAuBC,EAAQ,MAC7B,OAAON,KAAoB,WACpB,KAAK,KAAKA,IAAkBE,CAAgB,IAEhD,MACR,CAACF,GAAiBE,CAAgB,CAAC,GAEhCK,IAAsB,CAACC,MAA2B;AACpD,UAAMC,IAAQ,SAASD,GAAiB,EAAE,GACpCE,IAAoBL;AAC1B,QAAIM;AACJ,WAAKD,KAKGD,IAAQ,MACRE,IAAa,IAEbF,IAAQC,MACRC,IAAaD,OARb,MAAMD,CAAK,KAAKA,IAAQ,OACxBE,IAAa,KAWhBA,MAAe,UAAa,MAAMF,CAAK,KAAME,MAAe,OAC7DA,IAAa,IAGVA,MAAe,SAAYF,IAAQE;AAAA,EAC9C,GAEM,CAACC,GAAqBC,CAAsB,IAAIT;AAAA,IAClDT,IAAcY,EAAoBZ,CAAW,IAAI;AAAA,EAAA;AAGrD,EAAAmB,EAAU,MAAM;AACZ,IAAIhB,MAAaI,KACbC,EAAoBL,CAAQ,GAG5BH,MAAgBiB,KAChBC,EAAuBlB,CAAW;AAAA,EAG1C,GAAG,CAACG,GAAUH,CAAW,CAAC;AAE1B,QAAMoB,IAAqB,CAACC,MAAgB;AACxC,IAAAH,EAAuBN,EAAoBS,CAAG,CAAC,GAC/CnB,IAAWU,EAAoBS,CAAG,CAAC;AAAA,EACvC,GAEMC,IAAS,MAAM;AACjB,UAAMC,IAAUN,IAAsB;AACtC,IAAAC,EAAuBN,EAAoBW,CAAO,CAAC,GACnDrB,IAAWU,EAAoBW,CAAO,CAAC;AAAA,EAC3C,GAEMC,IAAS,MAAM;AACjB,UAAMD,IAAUN,IAAsB;AACtC,IAAAC,EAAuBN,EAAoBW,CAAO,CAAC,GACnDrB,IAAWU,EAAoBW,CAAO,CAAC;AAAA,EAC3C,GAEME,IAAa;AAAA,IACf,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA,GAGRC,IAAkBC,EAAW,cAAc5B,CAAS;AAE1D,SACI,gBAAA6B,EAAC,OAAA,EAAI,WAAWF,GACX,UAAA;AAAA,IAAAzB,KAAgB,gBAAA4B,EAACC,KAAM,OAAA1B,EAAA,CAAc;AAAA,IACtC,gBAAAyB;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,aAAad;AAAA,QACb,YAAAQ;AAAA,QACA,QAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJ,gBAAAO;AAAA,MAACG;AAAAA,MAAA;AAAA,QACG,WAAWtB;AAAA,QACX,aAAaO;AAAA,QACb,YAAAQ;AAAA,QACA,UAAUL;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAS;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,aAAahB;AAAA,QACb,WAAWP;AAAA,QACX,YAAAe;AAAA,QACA,QAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAEA3B,EAAW,cAAc;"}

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

@@ -1,43 +1,43 @@
 import { jsx as d } from "react/jsx-runtime";
-import { useState as G, useEffect as x, useCallback as N, useMemo as b } from "react";
-import g from "classnames";
+import { useState as g, useEffect as G, useCallback as x, useMemo as N } from "react";
+import b from "classnames";
 import { RadioGroupContextProvider as P } from "./context.js";
-const E = (t) => {
+const E = (s) => {
   const {
-    radioClass: l,
-    disabled: i,
-    name: u,
-    onChange: e,
+    radioClass: t,
+    disabled: l,
+    name: n,
+    onChange: i,
     ref: m,
-    value: o,
-    vertical: r = !1,
+    value: e,
+    vertical: a = !1,
     className: f,
     ...p
-  } = t, [a, s] = G(o);
-  x(() => {
-    o !== a && s(o);
-  }, [o]);
-  const c = N(
-    (n, h) => {
-      s(n), e == null || e(n, h);
+  } = s, [o, r] = g(e);
+  G(() => {
+    e !== o && r(e);
+  }, [e]);
+  const u = x(
+    (c, h) => {
+      r(c), i?.(c, h);
     },
-    [e, s]
-  ), v = b(
+    [i, r]
+  ), v = N(
     () => ({
-      vertical: r,
-      name: u,
-      value: typeof a > "u" ? null : a,
-      radioClass: l,
-      disabled: i,
-      onChange: c
+      vertical: a,
+      name: n,
+      value: typeof o > "u" ? null : o,
+      radioClass: t,
+      disabled: l,
+      onChange: u
     }),
-    [i, c, r, u, l, a]
-  ), C = g(
+    [l, u, a, n, t, o]
+  ), C = b(
     "radio-group",
-    r && "vertical",
+    a && "vertical",
     f
   );
-  return /* @__PURE__ */ d(P, { value: v, children: /* @__PURE__ */ d("div", { ref: m, className: C, ...p, children: t.children }) });
+  return /* @__PURE__ */ d(P, { value: v, children: /* @__PURE__ */ d("div", { ref: m, className: C, ...p, children: s.children }) });
 };
 export {
   E as default

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../../lib/@ecme/components/ui/Radio/Group.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useCallback, useMemo, useEffect } from 'react'\nimport classNames from 'classnames'\nimport { RadioGroupContextProvider } from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { Ref } from 'react'\n\nexport interface RadioGroupProps extends CommonProps {\n    radioClass?: string\n    disabled?: boolean\n    name?: string\n    onChange?: (values: any, e: MouseEvent) => void\n    ref?: Ref<HTMLDivElement>\n    value?: any\n    vertical?: boolean\n}\n\nconst Group = (props: RadioGroupProps) => {\n    const {\n        radioClass,\n        disabled,\n        name,\n        onChange,\n        ref,\n        value: valueProp,\n        vertical = false,\n        className,\n        ...rest\n    } = props\n\n    const [value, setValue] = useState(valueProp)\n\n    useEffect(() => {\n        if (valueProp !== value) {\n            setValue(valueProp)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [valueProp])\n\n    const onRadioGroupChange = useCallback(\n        (nextValue: any, e: MouseEvent) => {\n            setValue(nextValue)\n            onChange?.(nextValue, e)\n        },\n        [onChange, setValue],\n    )\n\n    const contextValue = useMemo(\n        () => ({\n            vertical,\n            name,\n            value: typeof value === 'undefined' ? null : value,\n            radioClass,\n            disabled,\n            onChange: onRadioGroupChange,\n        }),\n        [disabled, onRadioGroupChange, vertical, name, radioClass, value],\n    )\n\n    const radioGroupClass = classNames(\n        'radio-group',\n        vertical && 'vertical',\n        className,\n    )\n\n    return (\n        <RadioGroupContextProvider value={contextValue}>\n            <div ref={ref} className={radioGroupClass} {...rest}>\n                {props.children}\n            </div>\n        </RadioGroupContextProvider>\n    )\n}\n\nexport default Group\n"],"names":["Group","props","radioClass","disabled","name","onChange","ref","valueProp","vertical","className","rest","value","setValue","useState","useEffect","onRadioGroupChange","useCallback","nextValue","e","contextValue","useMemo","radioGroupClass","classNames","jsx","RadioGroupContextProvider"],"mappings":";;;;AAiBA,MAAMA,IAAQ,CAACC,MAA2B;AACtC,QAAM;AAAA,IACF,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAASN,CAAS;AAE5C,EAAAO,EAAU,MAAM;AACZ,IAAIP,MAAcI,KACdC,EAASL,CAAS;AAAA,EAG1B,GAAG,CAACA,CAAS,CAAC;AAEd,QAAMQ,IAAqBC;AAAA,IACvB,CAACC,GAAgBC,MAAkB;AAC/B,MAAAN,EAASK,CAAS,GAClBZ,KAAA,QAAAA,EAAWY,GAAWC;AAAA,IAC1B;AAAA,IACA,CAACb,GAAUO,CAAQ;AAAA,EAAA,GAGjBO,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,UAAAZ;AAAA,MACA,MAAAJ;AAAA,MACA,OAAO,OAAOO,IAAU,MAAc,OAAOA;AAAA,MAC7C,YAAAT;AAAA,MACA,UAAAC;AAAA,MACA,UAAUY;AAAA,IAAA;AAAA,IAEd,CAACZ,GAAUY,GAAoBP,GAAUJ,GAAMF,GAAYS,CAAK;AAAA,EAAA,GAG9DU,IAAkBC;AAAA,IACpB;AAAA,IACAd,KAAY;AAAA,IACZC;AAAA,EAAA;AAGJ,SACI,gBAAAc,EAACC,GAAA,EAA0B,OAAOL,GAC9B,UAAA,gBAAAI,EAAC,OAAA,EAAI,KAAAjB,GAAU,WAAWe,GAAkB,GAAGX,GAC1C,UAAAT,EAAM,UACX,GACJ;AAER;"}
+{"version":3,"file":"Group.js","sources":["../../../../../lib/@ecme/components/ui/Radio/Group.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState, useCallback, useMemo, useEffect } from 'react'\nimport classNames from 'classnames'\nimport { RadioGroupContextProvider } from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { Ref } from 'react'\n\nexport interface RadioGroupProps extends CommonProps {\n    radioClass?: string\n    disabled?: boolean\n    name?: string\n    onChange?: (values: any, e: MouseEvent) => void\n    ref?: Ref<HTMLDivElement>\n    value?: any\n    vertical?: boolean\n}\n\nconst Group = (props: RadioGroupProps) => {\n    const {\n        radioClass,\n        disabled,\n        name,\n        onChange,\n        ref,\n        value: valueProp,\n        vertical = false,\n        className,\n        ...rest\n    } = props\n\n    const [value, setValue] = useState(valueProp)\n\n    useEffect(() => {\n        if (valueProp !== value) {\n            setValue(valueProp)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [valueProp])\n\n    const onRadioGroupChange = useCallback(\n        (nextValue: any, e: MouseEvent) => {\n            setValue(nextValue)\n            onChange?.(nextValue, e)\n        },\n        [onChange, setValue],\n    )\n\n    const contextValue = useMemo(\n        () => ({\n            vertical,\n            name,\n            value: typeof value === 'undefined' ? null : value,\n            radioClass,\n            disabled,\n            onChange: onRadioGroupChange,\n        }),\n        [disabled, onRadioGroupChange, vertical, name, radioClass, value],\n    )\n\n    const radioGroupClass = classNames(\n        'radio-group',\n        vertical && 'vertical',\n        className,\n    )\n\n    return (\n        <RadioGroupContextProvider value={contextValue}>\n            <div ref={ref} className={radioGroupClass} {...rest}>\n                {props.children}\n            </div>\n        </RadioGroupContextProvider>\n    )\n}\n\nexport default Group\n"],"names":["Group","props","radioClass","disabled","name","onChange","ref","valueProp","vertical","className","rest","value","setValue","useState","useEffect","onRadioGroupChange","useCallback","nextValue","e","contextValue","useMemo","radioGroupClass","classNames","jsx","RadioGroupContextProvider"],"mappings":";;;;AAiBA,MAAMA,IAAQ,CAACC,MAA2B;AACtC,QAAM;AAAA,IACF,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAASN,CAAS;AAE5C,EAAAO,EAAU,MAAM;AACZ,IAAIP,MAAcI,KACdC,EAASL,CAAS;AAAA,EAG1B,GAAG,CAACA,CAAS,CAAC;AAEd,QAAMQ,IAAqBC;AAAA,IACvB,CAACC,GAAgBC,MAAkB;AAC/B,MAAAN,EAASK,CAAS,GAClBZ,IAAWY,GAAWC,CAAC;AAAA,IAC3B;AAAA,IACA,CAACb,GAAUO,CAAQ;AAAA,EAAA,GAGjBO,IAAeC;AAAA,IACjB,OAAO;AAAA,MACH,UAAAZ;AAAA,MACA,MAAAJ;AAAA,MACA,OAAO,OAAOO,IAAU,MAAc,OAAOA;AAAA,MAC7C,YAAAT;AAAA,MACA,UAAAC;AAAA,MACA,UAAUY;AAAA,IAAA;AAAA,IAEd,CAACZ,GAAUY,GAAoBP,GAAUJ,GAAMF,GAAYS,CAAK;AAAA,EAAA,GAG9DU,IAAkBC;AAAA,IACpB;AAAA,IACAd,KAAY;AAAA,IACZC;AAAA,EAAA;AAGJ,SACI,gBAAAc,EAACC,GAAA,EAA0B,OAAOL,GAC9B,UAAA,gBAAAI,EAAC,OAAA,EAAI,KAAAjB,GAAU,WAAWe,GAAkB,GAAGX,GAC1C,UAAAT,EAAM,UACX,GACJ;AAER;"}

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

@@ -1,81 +1,81 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { useContext as O, useState as S, useMemo as V, useCallback as $, useEffect as q } from "react";
-import i from "../../../utils/classNames.js";
-import z from "./context.js";
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { useContext as M, useState as O, useMemo as S, useCallback as V, useEffect as $ } from "react";
+import c from "../../../utils/classNames.js";
+import q from "./context.js";
 const J = (h) => {
   const {
     name: b,
     disabled: x,
     value: e,
-    onChange: o,
+    onChange: d,
     radioClass: k
-  } = O(z), {
-    children: p,
-    className: y,
-    checked: l,
-    radioClass: v,
-    defaultChecked: u,
+  } = M(q), {
+    children: i,
+    className: g,
+    checked: t,
+    radioClass: y,
+    defaultChecked: p,
     disabled: a = x,
-    labelRef: w,
-    name: N = b,
-    onChange: r,
-    readOnly: c,
-    ref: g,
-    value: s,
+    labelRef: v,
+    name: w = b,
+    onChange: u,
+    readOnly: r,
+    ref: N,
+    value: o,
     ...R
-  } = h, m = () => typeof e < "u" ? e === s : l, [d, C] = S(m()), D = k || "text-primary", j = V(() => typeof e < "u" ? { checked: d } : { checked: l, defaultChecked: u }, [d, l, u, e]), P = $(
+  } = h, C = () => typeof e < "u" ? e === o : t, [n, m] = O(C()), D = k || "text-primary", j = S(() => typeof e < "u" ? { checked: n } : { checked: t, defaultChecked: p }, [n, t, p, e]), G = V(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (t) => {
-      a || c || (o == null || o(s, t), r == null || r(s, t));
+    (s) => {
+      a || r || (d?.(o, s), u?.(o, s));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       a,
-      C,
-      r,
-      s,
+      m,
+      u,
       o,
+      d,
       e,
-      c
+      r
     ]
   );
-  q(() => {
-    const t = m();
-    d !== t && C(t);
-  }, [s, l, e]);
-  const B = `radio peer ${D}`, E = a && "disabled", M = i("radio-label", a && "disabled", y);
-  return /* @__PURE__ */ f("label", { ref: w, className: M, children: [
+  $(() => {
+    const s = C();
+    n !== s && m(s);
+  }, [o, t, e]);
+  const P = `radio peer ${D}`, B = a && "disabled", E = c("radio-label", a && "disabled", g);
+  return /* @__PURE__ */ f("label", { ref: v, className: E, children: [
     /* @__PURE__ */ f("span", { className: "radio-wrapper relative", children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ l(
         "input",
         {
-          ref: g,
+          ref: N,
           type: "radio",
-          className: i(
+          className: c(
+            P,
             B,
-            E,
-            v
+            y
           ),
           disabled: a,
-          value: s,
-          name: N,
-          readOnly: c,
-          onChange: P,
+          value: o,
+          name: w,
+          readOnly: r,
+          onChange: G,
           ...j,
           ...R
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ l(
         "svg",
         {
           viewBox: "0 0 16 16",
           className: "h-4 w-4 stroke-neutral fill-neutral opacity-0 peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[0.75px]",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ n("circle", { cx: "8", cy: "8", r: "3" })
+          children: /* @__PURE__ */ l("circle", { cx: "8", cy: "8", r: "3" })
         }
       )
     ] }),
-    p ? /* @__PURE__ */ n("span", { className: i(a ? "opacity-50" : ""), children: p }) : null
+    i ? /* @__PURE__ */ l("span", { className: c(a ? "opacity-50" : ""), children: i }) : null
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../../../lib/@ecme/components/ui/Radio/Radio.tsx"],"sourcesContent":["import { useState, useMemo, useContext, useCallback, useEffect } from 'react'\nimport classNames from '@/utils/classNames'\nimport RadioGroupContext from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { InputHTMLAttributes, Ref } from 'react'\n\nexport interface RadioProps\n    extends CommonProps,\n        Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\n    checked?: boolean\n    radioClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange?: (value: any, e: MouseEvent) => void\n    ref?: Ref<HTMLInputElement>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    value?: any\n    vertical?: boolean\n    readOnly?: boolean\n}\n\nconst Radio = (props: RadioProps) => {\n    const {\n        name: nameContext,\n        disabled: disabledContext,\n        value: groupValue,\n        onChange: onGroupChange,\n        radioClass: customColorContext,\n    } = useContext(RadioGroupContext)\n\n    const {\n        children,\n        className,\n        checked: checkedProp,\n        radioClass,\n        defaultChecked,\n        disabled = disabledContext,\n        labelRef,\n        name = nameContext,\n        onChange,\n        readOnly,\n        ref,\n        value,\n        ...rest\n    } = props\n\n    const getChecked = () => {\n        return typeof groupValue !== 'undefined'\n            ? groupValue === value\n            : checkedProp\n    }\n\n    const [radioChecked, setRadioChecked] = useState(getChecked())\n\n    const radioColor = customColorContext || 'text-primary'\n\n    const controlProps = useMemo(() => {\n        if (typeof groupValue !== 'undefined') {\n            return { checked: radioChecked }\n        }\n        return { checked: checkedProp, defaultChecked }\n    }, [radioChecked, checkedProp, defaultChecked, groupValue])\n\n    const onRadioChange = useCallback(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (e: any) => {\n            if (disabled || readOnly) {\n                return\n            }\n            onGroupChange?.(value, e)\n            onChange?.(value, e)\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            disabled,\n            setRadioChecked,\n            onChange,\n            value,\n            onGroupChange,\n            groupValue,\n            readOnly,\n        ],\n    )\n\n    useEffect(() => {\n        const propChecked = getChecked()\n        if (radioChecked !== propChecked) {\n            setRadioChecked(propChecked)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, checkedProp, groupValue])\n\n    const radioDefaultClass = `radio peer ${radioColor}`\n    const radioColorClass = disabled && 'disabled'\n    const labelDisabledClass = disabled && 'disabled'\n\n    const labelClass = classNames('radio-label', labelDisabledClass, className)\n\n    return (\n        <label ref={labelRef} className={labelClass}>\n            <span className=\"radio-wrapper relative\">\n                <input\n                    ref={ref}\n                    type=\"radio\"\n                    className={classNames(\n                        radioDefaultClass,\n                        radioColorClass,\n                        radioClass,\n                    )}\n                    disabled={disabled}\n                    value={value}\n                    name={name}\n                    readOnly={readOnly}\n                    onChange={onRadioChange}\n                    {...controlProps}\n                    {...rest}\n                />\n                <svg\n                    viewBox=\"0 0 16 16\"\n                    className=\"h-4 w-4 stroke-neutral fill-neutral opacity-0 peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[0.75px]\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <circle cx=\"8\" cy=\"8\" r=\"3\" />\n                </svg>\n            </span>\n            {children ? (\n                <span className={classNames(disabled ? 'opacity-50' : '')}>\n                    {children}\n                </span>\n            ) : null}\n        </label>\n    )\n}\n\nexport default Radio\n"],"names":["Radio","props","nameContext","disabledContext","groupValue","onGroupChange","customColorContext","useContext","RadioGroupContext","children","className","checkedProp","radioClass","defaultChecked","disabled","labelRef","name","onChange","readOnly","ref","value","rest","getChecked","radioChecked","setRadioChecked","useState","radioColor","controlProps","useMemo","onRadioChange","useCallback","e","useEffect","propChecked","radioDefaultClass","radioColorClass","labelClass","classNames","jsxs","jsx"],"mappings":";;;;AAwBA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM;AAAA,IACF,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,OAAOC;AAAA,IACP,UAAUC;AAAA,IACV,YAAYC;AAAA,EAAA,IACZC,EAAWC,CAAiB,GAE1B;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAASC;AAAA,IACT,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAWX;AAAA,IACX,UAAAY;AAAA,IACA,MAAAC,IAAOd;AAAA,IACP,UAAAe;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHpB,GAEEqB,IAAa,MACR,OAAOlB,IAAe,MACvBA,MAAegB,IACfT,GAGJ,CAACY,GAAcC,CAAe,IAAIC,EAASH,GAAY,GAEvDI,IAAapB,KAAsB,gBAEnCqB,IAAeC,EAAQ,MACrB,OAAOxB,IAAe,MACf,EAAE,SAASmB,EAAA,IAEf,EAAE,SAASZ,GAAa,gBAAAE,EAAA,GAChC,CAACU,GAAcZ,GAAaE,GAAgBT,CAAU,CAAC,GAEpDyB,IAAgBC;AAAA;AAAA,IAElB,CAACC,MAAW;AACR,MAAIjB,KAAYI,MAGhBb,KAAA,QAAAA,EAAgBe,GAAOW,IACvBd,KAAA,QAAAA,EAAWG,GAAOW;AAAA,IACtB;AAAA;AAAA,IAEA;AAAA,MACIjB;AAAA,MACAU;AAAA,MACAP;AAAA,MACAG;AAAA,MACAf;AAAA,MACAD;AAAA,MACAc;AAAA,IAAA;AAAA,EACJ;AAGJ,EAAAc,EAAU,MAAM;AACZ,UAAMC,IAAcX,EAAA;AACpB,IAAIC,MAAiBU,KACjBT,EAAgBS,CAAW;AAAA,EAGnC,GAAG,CAACb,GAAOT,GAAaP,CAAU,CAAC;AAEnC,QAAM8B,IAAoB,cAAcR,CAAU,IAC5CS,IAAkBrB,KAAY,YAG9BsB,IAAaC,EAAW,eAFHvB,KAAY,YAE0BJ,CAAS;AAE1E,SACI,gBAAA4B,EAAC,SAAA,EAAM,KAAKvB,GAAU,WAAWqB,GAC7B,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,0BACZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAApB;AAAA,UACA,MAAK;AAAA,UACL,WAAWkB;AAAA,YACPH;AAAA,YACAC;AAAA,YACAvB;AAAA,UAAA;AAAA,UAEJ,UAAAE;AAAA,UACA,OAAAM;AAAA,UACA,MAAAJ;AAAA,UACA,UAAAE;AAAA,UACA,UAAUW;AAAA,UACT,GAAGF;AAAA,UACH,GAAGN;AAAA,QAAA;AAAA,MAAA;AAAA,MAER,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,IAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC,GACJ;AAAA,IACC9B,IACG,gBAAA8B,EAAC,QAAA,EAAK,WAAWF,EAAWvB,IAAW,eAAe,EAAE,GACnD,UAAAL,EAAA,CACL,IACA;AAAA,EAAA,GACR;AAER;"}
+{"version":3,"file":"Radio.js","sources":["../../../../../lib/@ecme/components/ui/Radio/Radio.tsx"],"sourcesContent":["import { useState, useMemo, useContext, useCallback, useEffect } from 'react'\nimport classNames from '@/utils/classNames'\nimport RadioGroupContext from './context'\nimport type { CommonProps } from '../@types/common'\nimport type { InputHTMLAttributes, Ref } from 'react'\n\nexport interface RadioProps\n    extends CommonProps,\n        Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\n    checked?: boolean\n    radioClass?: string\n    defaultChecked?: boolean\n    disabled?: boolean\n    labelRef?: Ref<HTMLLabelElement>\n    name?: string\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange?: (value: any, e: MouseEvent) => void\n    ref?: Ref<HTMLInputElement>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    value?: any\n    vertical?: boolean\n    readOnly?: boolean\n}\n\nconst Radio = (props: RadioProps) => {\n    const {\n        name: nameContext,\n        disabled: disabledContext,\n        value: groupValue,\n        onChange: onGroupChange,\n        radioClass: customColorContext,\n    } = useContext(RadioGroupContext)\n\n    const {\n        children,\n        className,\n        checked: checkedProp,\n        radioClass,\n        defaultChecked,\n        disabled = disabledContext,\n        labelRef,\n        name = nameContext,\n        onChange,\n        readOnly,\n        ref,\n        value,\n        ...rest\n    } = props\n\n    const getChecked = () => {\n        return typeof groupValue !== 'undefined'\n            ? groupValue === value\n            : checkedProp\n    }\n\n    const [radioChecked, setRadioChecked] = useState(getChecked())\n\n    const radioColor = customColorContext || 'text-primary'\n\n    const controlProps = useMemo(() => {\n        if (typeof groupValue !== 'undefined') {\n            return { checked: radioChecked }\n        }\n        return { checked: checkedProp, defaultChecked }\n    }, [radioChecked, checkedProp, defaultChecked, groupValue])\n\n    const onRadioChange = useCallback(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (e: any) => {\n            if (disabled || readOnly) {\n                return\n            }\n            onGroupChange?.(value, e)\n            onChange?.(value, e)\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [\n            disabled,\n            setRadioChecked,\n            onChange,\n            value,\n            onGroupChange,\n            groupValue,\n            readOnly,\n        ],\n    )\n\n    useEffect(() => {\n        const propChecked = getChecked()\n        if (radioChecked !== propChecked) {\n            setRadioChecked(propChecked)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, checkedProp, groupValue])\n\n    const radioDefaultClass = `radio peer ${radioColor}`\n    const radioColorClass = disabled && 'disabled'\n    const labelDisabledClass = disabled && 'disabled'\n\n    const labelClass = classNames('radio-label', labelDisabledClass, className)\n\n    return (\n        <label ref={labelRef} className={labelClass}>\n            <span className=\"radio-wrapper relative\">\n                <input\n                    ref={ref}\n                    type=\"radio\"\n                    className={classNames(\n                        radioDefaultClass,\n                        radioColorClass,\n                        radioClass,\n                    )}\n                    disabled={disabled}\n                    value={value}\n                    name={name}\n                    readOnly={readOnly}\n                    onChange={onRadioChange}\n                    {...controlProps}\n                    {...rest}\n                />\n                <svg\n                    viewBox=\"0 0 16 16\"\n                    className=\"h-4 w-4 stroke-neutral fill-neutral opacity-0 peer-checked:opacity-100 pointer-events-none absolute top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 mt-[0.75px]\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <circle cx=\"8\" cy=\"8\" r=\"3\" />\n                </svg>\n            </span>\n            {children ? (\n                <span className={classNames(disabled ? 'opacity-50' : '')}>\n                    {children}\n                </span>\n            ) : null}\n        </label>\n    )\n}\n\nexport default Radio\n"],"names":["Radio","props","nameContext","disabledContext","groupValue","onGroupChange","customColorContext","useContext","RadioGroupContext","children","className","checkedProp","radioClass","defaultChecked","disabled","labelRef","name","onChange","readOnly","ref","value","rest","getChecked","radioChecked","setRadioChecked","useState","radioColor","controlProps","useMemo","onRadioChange","useCallback","e","useEffect","propChecked","radioDefaultClass","radioColorClass","labelClass","classNames","jsxs","jsx"],"mappings":";;;;AAwBA,MAAMA,IAAQ,CAACC,MAAsB;AACjC,QAAM;AAAA,IACF,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,OAAOC;AAAA,IACP,UAAUC;AAAA,IACV,YAAYC;AAAA,EAAA,IACZC,EAAWC,CAAiB,GAE1B;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAASC;AAAA,IACT,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC,IAAWX;AAAA,IACX,UAAAY;AAAA,IACA,MAAAC,IAAOd;AAAA,IACP,UAAAe;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHpB,GAEEqB,IAAa,MACR,OAAOlB,IAAe,MACvBA,MAAegB,IACfT,GAGJ,CAACY,GAAcC,CAAe,IAAIC,EAASH,GAAY,GAEvDI,IAAapB,KAAsB,gBAEnCqB,IAAeC,EAAQ,MACrB,OAAOxB,IAAe,MACf,EAAE,SAASmB,EAAA,IAEf,EAAE,SAASZ,GAAa,gBAAAE,EAAA,GAChC,CAACU,GAAcZ,GAAaE,GAAgBT,CAAU,CAAC,GAEpDyB,IAAgBC;AAAA;AAAA,IAElB,CAACC,MAAW;AACR,MAAIjB,KAAYI,MAGhBb,IAAgBe,GAAOW,CAAC,GACxBd,IAAWG,GAAOW,CAAC;AAAA,IACvB;AAAA;AAAA,IAEA;AAAA,MACIjB;AAAA,MACAU;AAAA,MACAP;AAAA,MACAG;AAAA,MACAf;AAAA,MACAD;AAAA,MACAc;AAAA,IAAA;AAAA,EACJ;AAGJ,EAAAc,EAAU,MAAM;AACZ,UAAMC,IAAcX,EAAA;AACpB,IAAIC,MAAiBU,KACjBT,EAAgBS,CAAW;AAAA,EAGnC,GAAG,CAACb,GAAOT,GAAaP,CAAU,CAAC;AAEnC,QAAM8B,IAAoB,cAAcR,CAAU,IAC5CS,IAAkBrB,KAAY,YAG9BsB,IAAaC,EAAW,eAFHvB,KAAY,YAE0BJ,CAAS;AAE1E,SACI,gBAAA4B,EAAC,SAAA,EAAM,KAAKvB,GAAU,WAAWqB,GAC7B,UAAA;AAAA,IAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,0BACZ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAApB;AAAA,UACA,MAAK;AAAA,UACL,WAAWkB;AAAA,YACPH;AAAA,YACAC;AAAA,YACAvB;AAAA,UAAA;AAAA,UAEJ,UAAAE;AAAA,UACA,OAAAM;AAAA,UACA,MAAAJ;AAAA,UACA,UAAAE;AAAA,UACA,UAAUW;AAAA,UACT,GAAGF;AAAA,UACH,GAAGN;AAAA,QAAA;AAAA,MAAA;AAAA,MAER,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,OAAM;AAAA,UAEN,4BAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,IAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC,GACJ;AAAA,IACC9B,IACG,gBAAA8B,EAAC,QAAA,EAAK,WAAWF,EAAWvB,IAAW,eAAe,EAAE,GACnD,UAAAL,EAAA,CACL,IACA;AAAA,EAAA,GACR;AAER;"}

package/dist/@ecme/components/ui/Segment/SegmentItem.js

@@ -1,80 +1,80 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useCallback as z } from "react";
-import a from "../utils/classNames.js";
-import { useSegment as C } from "./context.js";
-import { SEGMENT_SIZES as i, SIZES as p } from "../utils/constants.js";
-const E = (s) => Array.isArray(s) ? s[0] : s, M = (s) => {
+import { jsx as k } from "react/jsx-runtime";
+import { useCallback as h } from "react";
+import i from "../utils/classNames.js";
+import { useSegment as z } from "./context.js";
+import { SEGMENT_SIZES as a, SIZES as r } from "../utils/constants.js";
+const C = (t) => Array.isArray(t) ? t[0] : t, G = (t) => {
   const {
-    children: l,
-    className: b,
-    disabled: n = !1,
-    ref: d,
-    value: m,
-    size: g,
-    ...u
-  } = s, {
-    value: f,
-    onActive: t,
-    onDeactivate: r,
+    children: n,
+    className: S,
+    disabled: m = !1,
+    ref: b,
+    value: s,
+    size: d,
+    ...c
+  } = t, {
+    value: p,
+    onActive: u,
+    onDeactivate: g,
     selectionType: o,
-    size: y
-  } = C(), c = f.includes(m), x = g || y, k = z(() => {
+    size: v
+  } = z(), l = p.includes(s), f = d || v, y = h(() => {
     let e = "";
-    switch (x) {
-      case p.LG:
-        e = a(
-          i.lg.h,
+    switch (f) {
+      case r.LG:
+        e = i(
+          a.lg.h,
           "md:px-8 py-2 px-4 text-base"
         );
         break;
-      case p.SM:
-        e = a(i.sm.h, "px-3 py-2 text-sm");
+      case r.SM:
+        e = i(a.sm.h, "px-3 py-2 text-sm");
         break;
-      case p.XS:
-        e = a(i.xs.h, "px-3 py-1 text-xs");
+      case r.XS:
+        e = i(a.xs.h, "px-3 py-1 text-xs");
         break;
       default:
-        e = a(i.md.h, "px-5 py-2");
+        e = i(a.md.h, "px-5 py-2");
         break;
     }
     return e;
-  }, [x]), S = () => {
-    if (!n) {
-      if (c)
-        o === "multiple" && (r == null || r(m));
-      else if (o === "single" && (t == null || t(m)), o === "multiple") {
+  }, [f]), x = () => {
+    if (!m) {
+      if (l)
+        o === "multiple" && g?.(s);
+      else if (o === "single" && u?.(s), o === "multiple") {
         const e = [
-          ...f,
-          m
+          ...p,
+          s
         ];
-        t == null || t(e);
+        u?.(e);
       }
     }
   };
-  return typeof l == "function" ? E(l)({
-    active: c,
-    onSegmentItemClick: S,
-    disabled: n,
-    value: m,
-    ...u
-  }) : /* @__PURE__ */ h(
+  return typeof n == "function" ? C(n)({
+    active: l,
+    onSegmentItemClick: x,
+    disabled: m,
+    value: s,
+    ...c
+  }) : /* @__PURE__ */ k(
     "button",
     {
-      ref: d,
-      className: a(
+      ref: b,
+      className: i(
         "segment-item",
-        k(),
-        c && "segment-item-active",
-        n && "segment-item-disabled",
-        b
+        y(),
+        l && "segment-item-active",
+        m && "segment-item-disabled",
+        S
       ),
-      onClick: S,
-      ...u,
-      children: l
+      onClick: x,
+      ...c,
+      children: n
     }
   );
 };
 export {
-  M as default
+  G as default
 };
 //# sourceMappingURL=SegmentItem.js.map

package/dist/@ecme/components/ui/Segment/SegmentItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItem.js","sources":["../../../../../lib/@ecme/components/ui/Segment/SegmentItem.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport classNames from '../utils/classNames'\nimport { useSegment } from './context'\nimport { SEGMENT_SIZES, SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { SegmentValue } from './context'\nimport type { ReactNode, ComponentPropsWithRef } from 'react'\n\ntype ChildrenParams = {\n    active: boolean\n    disabled: boolean\n    value: string\n    onSegmentItemClick: () => void\n}\n\nexport interface SegmentItemProps\n    extends Omit<CommonProps, 'children'>,\n        Omit<ComponentPropsWithRef<'button'>, 'children'> {\n    children: ((params: ChildrenParams) => ReactNode) | ReactNode\n    disabled?: boolean\n    size?: TypeAttributes.Size\n    value?: string\n}\n\nconst unwrapArray = (arg: (params: ChildrenParams) => ReactNode) =>\n    Array.isArray(arg) ? arg[0] : arg\n\nconst SegmentItem = (props: SegmentItemProps) => {\n    const {\n        children,\n        className,\n        disabled = false,\n        ref,\n        value: valueProp,\n        size,\n        ...rest\n    } = props\n\n    const {\n        value: valueContext,\n        onActive,\n        onDeactivate,\n        selectionType,\n        size: segmentSize,\n    } = useSegment()\n\n    const active = (valueContext as string[]).includes(valueProp as string)\n\n    const buttonSize = size || segmentSize\n\n    const getSegmentSize = useCallback(() => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    SEGMENT_SIZES.lg.h,\n                    'md:px-8 py-2 px-4 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(SEGMENT_SIZES.sm.h, 'px-3 py-2 text-sm')\n                break\n            case SIZES.XS:\n                sizeClass = classNames(SEGMENT_SIZES.xs.h, 'px-3 py-1 text-xs')\n                break\n            default:\n                sizeClass = classNames(SEGMENT_SIZES.md.h, 'px-5 py-2')\n                break\n        }\n        return sizeClass\n    }, [buttonSize])\n\n    const onSegmentItemClick = () => {\n        if (!disabled) {\n            if (!active) {\n                if (selectionType === 'single') {\n                    onActive?.(valueProp as string)\n                }\n                if (selectionType === 'multiple') {\n                    const nextValue = [\n                        ...(valueContext as string[]),\n                        ...[valueProp],\n                    ] as string[]\n                    onActive?.(nextValue)\n                }\n            } else if (selectionType === 'multiple') {\n                onDeactivate?.(valueProp as SegmentValue)\n            }\n        }\n    }\n\n    return typeof children === 'function' ? (\n        unwrapArray(children)({\n            active,\n            onSegmentItemClick,\n            disabled,\n            value: valueProp,\n            ...rest,\n        })\n    ) : (\n        <button\n            ref={ref}\n            className={classNames(\n                'segment-item',\n                getSegmentSize(),\n                active && 'segment-item-active',\n                disabled && 'segment-item-disabled',\n                className,\n            )}\n            onClick={onSegmentItemClick}\n            {...rest}\n        >\n            {children}\n        </button>\n    )\n}\n\nexport default SegmentItem\n"],"names":["unwrapArray","arg","SegmentItem","props","children","className","disabled","ref","valueProp","size","rest","valueContext","onActive","onDeactivate","selectionType","segmentSize","useSegment","active","buttonSize","getSegmentSize","useCallback","sizeClass","SIZES","classNames","SEGMENT_SIZES","onSegmentItemClick","nextValue","jsx"],"mappings":";;;;;AAwBA,MAAMA,IAAc,CAACC,MACjB,MAAM,QAAQA,CAAG,IAAIA,EAAI,CAAC,IAAIA,GAE5BC,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP,GAEE;AAAA,IACF,OAAOQ;AAAA,IACP,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAMC;AAAA,EAAA,IACNC,EAAA,GAEEC,IAAUN,EAA0B,SAASH,CAAmB,GAEhEU,IAAaT,KAAQM,GAErBI,IAAiBC,EAAY,MAAM;AACrC,QAAIC,IAAY;AAChB,YAAQH,GAAA;AAAA,MACJ,KAAKI,EAAM;AACP,QAAAD,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjB;AAAA,QAAA;AAEJ;AAAA,MACJ,KAAKF,EAAM;AACP,QAAAD,IAAYE,EAAWC,EAAc,GAAG,GAAG,mBAAmB;AAC9D;AAAA,MACJ,KAAKF,EAAM;AACP,QAAAD,IAAYE,EAAWC,EAAc,GAAG,GAAG,mBAAmB;AAC9D;AAAA,MACJ;AACI,QAAAH,IAAYE,EAAWC,EAAc,GAAG,GAAG,WAAW;AACtD;AAAA,IAAA;AAER,WAAOH;AAAA,EACX,GAAG,CAACH,CAAU,CAAC,GAETO,IAAqB,MAAM;AAC7B,QAAI,CAACnB;AACD,UAAKW;AAWL,QAAWH,MAAkB,eACzBD,KAAA,QAAAA,EAAeL;AAAA,eAXXM,MAAkB,aAClBF,KAAA,QAAAA,EAAWJ,KAEXM,MAAkB,YAAY;AAC9B,cAAMY,IAAY;AAAA,UACd,GAAIf;AAAA,UACAH;AAAA,QAAS;AAEjB,QAAAI,KAAA,QAAAA,EAAWc;AAAA,MACf;AAAA;AAAA,EAKZ;AAEA,SAAO,OAAOtB,KAAa,aACvBJ,EAAYI,CAAQ,EAAE;AAAA,IAClB,QAAAa;AAAA,IACA,oBAAAQ;AAAA,IACA,UAAAnB;AAAA,IACA,OAAOE;AAAA,IACP,GAAGE;AAAA,EAAA,CACN,IAED,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAApB;AAAA,MACA,WAAWgB;AAAA,QACP;AAAA,QACAJ,EAAA;AAAA,QACAF,KAAU;AAAA,QACVX,KAAY;AAAA,QACZD;AAAA,MAAA;AAAA,MAEJ,SAASoB;AAAA,MACR,GAAGf;AAAA,MAEH,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"SegmentItem.js","sources":["../../../../../lib/@ecme/components/ui/Segment/SegmentItem.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport classNames from '../utils/classNames'\nimport { useSegment } from './context'\nimport { SEGMENT_SIZES, SIZES } from '../utils/constants'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type { SegmentValue } from './context'\nimport type { ReactNode, ComponentPropsWithRef } from 'react'\n\ntype ChildrenParams = {\n    active: boolean\n    disabled: boolean\n    value: string\n    onSegmentItemClick: () => void\n}\n\nexport interface SegmentItemProps\n    extends Omit<CommonProps, 'children'>,\n        Omit<ComponentPropsWithRef<'button'>, 'children'> {\n    children: ((params: ChildrenParams) => ReactNode) | ReactNode\n    disabled?: boolean\n    size?: TypeAttributes.Size\n    value?: string\n}\n\nconst unwrapArray = (arg: (params: ChildrenParams) => ReactNode) =>\n    Array.isArray(arg) ? arg[0] : arg\n\nconst SegmentItem = (props: SegmentItemProps) => {\n    const {\n        children,\n        className,\n        disabled = false,\n        ref,\n        value: valueProp,\n        size,\n        ...rest\n    } = props\n\n    const {\n        value: valueContext,\n        onActive,\n        onDeactivate,\n        selectionType,\n        size: segmentSize,\n    } = useSegment()\n\n    const active = (valueContext as string[]).includes(valueProp as string)\n\n    const buttonSize = size || segmentSize\n\n    const getSegmentSize = useCallback(() => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    SEGMENT_SIZES.lg.h,\n                    'md:px-8 py-2 px-4 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(SEGMENT_SIZES.sm.h, 'px-3 py-2 text-sm')\n                break\n            case SIZES.XS:\n                sizeClass = classNames(SEGMENT_SIZES.xs.h, 'px-3 py-1 text-xs')\n                break\n            default:\n                sizeClass = classNames(SEGMENT_SIZES.md.h, 'px-5 py-2')\n                break\n        }\n        return sizeClass\n    }, [buttonSize])\n\n    const onSegmentItemClick = () => {\n        if (!disabled) {\n            if (!active) {\n                if (selectionType === 'single') {\n                    onActive?.(valueProp as string)\n                }\n                if (selectionType === 'multiple') {\n                    const nextValue = [\n                        ...(valueContext as string[]),\n                        ...[valueProp],\n                    ] as string[]\n                    onActive?.(nextValue)\n                }\n            } else if (selectionType === 'multiple') {\n                onDeactivate?.(valueProp as SegmentValue)\n            }\n        }\n    }\n\n    return typeof children === 'function' ? (\n        unwrapArray(children)({\n            active,\n            onSegmentItemClick,\n            disabled,\n            value: valueProp,\n            ...rest,\n        })\n    ) : (\n        <button\n            ref={ref}\n            className={classNames(\n                'segment-item',\n                getSegmentSize(),\n                active && 'segment-item-active',\n                disabled && 'segment-item-disabled',\n                className,\n            )}\n            onClick={onSegmentItemClick}\n            {...rest}\n        >\n            {children}\n        </button>\n    )\n}\n\nexport default SegmentItem\n"],"names":["unwrapArray","arg","SegmentItem","props","children","className","disabled","ref","valueProp","size","rest","valueContext","onActive","onDeactivate","selectionType","segmentSize","useSegment","active","buttonSize","getSegmentSize","useCallback","sizeClass","SIZES","classNames","SEGMENT_SIZES","onSegmentItemClick","nextValue","jsx"],"mappings":";;;;;AAwBA,MAAMA,IAAc,CAACC,MACjB,MAAM,QAAQA,CAAG,IAAIA,EAAI,CAAC,IAAIA,GAE5BC,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,KAAAC;AAAA,IACA,OAAOC;AAAA,IACP,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHP,GAEE;AAAA,IACF,OAAOQ;AAAA,IACP,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAMC;AAAA,EAAA,IACNC,EAAA,GAEEC,IAAUN,EAA0B,SAASH,CAAmB,GAEhEU,IAAaT,KAAQM,GAErBI,IAAiBC,EAAY,MAAM;AACrC,QAAIC,IAAY;AAChB,YAAQH,GAAA;AAAA,MACJ,KAAKI,EAAM;AACP,QAAAD,IAAYE;AAAA,UACRC,EAAc,GAAG;AAAA,UACjB;AAAA,QAAA;AAEJ;AAAA,MACJ,KAAKF,EAAM;AACP,QAAAD,IAAYE,EAAWC,EAAc,GAAG,GAAG,mBAAmB;AAC9D;AAAA,MACJ,KAAKF,EAAM;AACP,QAAAD,IAAYE,EAAWC,EAAc,GAAG,GAAG,mBAAmB;AAC9D;AAAA,MACJ;AACI,QAAAH,IAAYE,EAAWC,EAAc,GAAG,GAAG,WAAW;AACtD;AAAA,IAAA;AAER,WAAOH;AAAA,EACX,GAAG,CAACH,CAAU,CAAC,GAETO,IAAqB,MAAM;AAC7B,QAAI,CAACnB;AACD,UAAKW;AAWL,QAAWH,MAAkB,cACzBD,IAAeL,CAAyB;AAAA,eAXpCM,MAAkB,YAClBF,IAAWJ,CAAmB,GAE9BM,MAAkB,YAAY;AAC9B,cAAMY,IAAY;AAAA,UACd,GAAIf;AAAA,UACAH;AAAA,QAAS;AAEjB,QAAAI,IAAWc,CAAS;AAAA,MACxB;AAAA;AAAA,EAKZ;AAEA,SAAO,OAAOtB,KAAa,aACvBJ,EAAYI,CAAQ,EAAE;AAAA,IAClB,QAAAa;AAAA,IACA,oBAAAQ;AAAA,IACA,UAAAnB;AAAA,IACA,OAAOE;AAAA,IACP,GAAGE;AAAA,EAAA,CACN,IAED,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAApB;AAAA,MACA,WAAWgB;AAAA,QACP;AAAA,QACAJ,EAAA;AAAA,QACAF,KAAU;AAAA,QACVX,KAAY;AAAA,QACZD;AAAA,MAAA;AAAA,MAEJ,SAASoB;AAAA,MACR,GAAGf;AAAA,MAEH,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGb;"}