@orbe-agro/client-core 5.3.261 → 5.3.264

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

@@ -1 +1 @@
-{"version":3,"file":"Pagers.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Pagers.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react'\nimport classNames from 'classnames'\nimport {\n    HiOutlineChevronDoubleLeft,\n    HiOutlineDotsHorizontal,\n    HiChevronDoubleRight,\n} from 'react-icons/hi'\n\nconst PAGER_COUNT = 7\n\ntype More = 'nextMore' | 'prevMore'\n\ntype MoreProps = {\n    className: string\n    onArrow: (more: More) => void\n}\n\nconst NextMore = ({ className, onArrow }: MoreProps) => {\n    const [quickNextArrowIcon, setQuickNextArrowIcon] = useState(false)\n\n    return (\n        <li\n            className={className}\n            role=\"presentation\"\n            onMouseEnter={() => {\n                setQuickNextArrowIcon(true)\n            }}\n            onMouseLeave={() => {\n                setQuickNextArrowIcon(false)\n            }}\n            onClick={() => onArrow('nextMore')}\n        >\n            {quickNextArrowIcon ? (\n                <HiChevronDoubleRight />\n            ) : (\n                <HiOutlineDotsHorizontal />\n            )}\n        </li>\n    )\n}\n\nconst PrevMore = ({ className, onArrow }: MoreProps) => {\n    const [quickPrevArrowIcon, setQuickPrevArrowIcon] = useState(false)\n\n    return (\n        <li\n            className={className}\n            role=\"presentation\"\n            onMouseEnter={() => {\n                setQuickPrevArrowIcon(true)\n            }}\n            onMouseLeave={() => {\n                setQuickPrevArrowIcon(false)\n            }}\n            onClick={() => onArrow('prevMore')}\n        >\n            {quickPrevArrowIcon ? (\n                <HiOutlineChevronDoubleLeft />\n            ) : (\n                <HiOutlineDotsHorizontal />\n            )}\n        </li>\n    )\n}\n\ntype PagersProps = {\n    pageCount: number\n    currentPage: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onChange: (page: number) => void\n}\n\nconst Pagers = (props: PagersProps) => {\n    const { pageCount, currentPage, onChange, pagerClass } = props\n\n    const [showPrevMore, setShowPrevMore] = useState(false)\n    const [showNextMore, setShowNextMore] = useState(false)\n\n    useEffect(() => {\n        if (pageCount > PAGER_COUNT) {\n            if (currentPage > PAGER_COUNT - 2) {\n                setShowPrevMore(true)\n            }\n            if (currentPage < pageCount - 2) {\n                setShowNextMore(true)\n            }\n            if (currentPage >= pageCount - 3 && currentPage <= pageCount) {\n                setShowNextMore(false)\n            }\n            if (currentPage >= 1 && currentPage <= 4) {\n                setShowPrevMore(false)\n            }\n        } else {\n            setShowPrevMore(false)\n            setShowNextMore(false)\n        }\n    }, [currentPage, pageCount])\n\n    const onPagerClick = (\n        value: number,\n        e: React.MouseEvent<HTMLLIElement, MouseEvent>,\n    ) => {\n        e.preventDefault()\n        let newPage = value\n\n        if (newPage < 1) {\n            newPage = 1\n        }\n        if (newPage > pageCount) {\n            newPage = pageCount\n        }\n\n        if (newPage !== currentPage) {\n            onChange(newPage)\n        }\n    }\n\n    const onArrowClick = useCallback(\n        (e: More) => {\n            let newPage = currentPage\n            if (e === 'nextMore') {\n                newPage = currentPage + 5\n            }\n            if (e === 'prevMore') {\n                newPage = currentPage - 5\n            }\n            onChange(newPage)\n        },\n        [currentPage, onChange],\n    )\n\n    const getPages = useMemo(() => {\n        const pagerArray: number[] = []\n        if (showPrevMore && !showNextMore) {\n            const startPage = pageCount - (PAGER_COUNT - 2)\n            for (let i = startPage; i < pageCount; i++) {\n                pagerArray.push(i)\n            }\n        } else if (!showPrevMore && showNextMore) {\n            for (let i = 2; i < PAGER_COUNT; i++) {\n                pagerArray.push(i)\n            }\n        } else if (showPrevMore && showNextMore) {\n            const offset = Math.floor(PAGER_COUNT / 2) - 1\n            const maxRange =\n                currentPage >= pageCount - 2 && currentPage <= pageCount\n            for (\n                let i = currentPage - offset;\n                i <= currentPage + (maxRange ? 0 : offset);\n                i++\n            ) {\n                pagerArray.push(i)\n            }\n        } else {\n            for (let i = 2; i < pageCount; i++) {\n                pagerArray.push(i)\n            }\n        }\n        if (pagerArray.length > PAGER_COUNT) {\n            return []\n        }\n\n        return pagerArray\n    }, [showPrevMore, showNextMore, currentPage, pageCount])\n\n    const getPagerClass = (index: number) => {\n        return classNames(\n            pagerClass.default,\n            currentPage === index ? pagerClass.active : pagerClass.inactive,\n        )\n    }\n\n    return (\n        <ul>\n            {pageCount > 0 && (\n                <li\n                    className={getPagerClass(1)}\n                    role=\"presentation\"\n                    onClick={(e) => onPagerClick(1, e)}\n                >\n                    1\n                </li>\n            )}\n            {showPrevMore && (\n                <PrevMore\n                    className={classNames(\n                        pagerClass.default,\n                        pagerClass.inactive,\n                    )}\n                    onArrow={(arrow) => onArrowClick(arrow)}\n                />\n            )}\n            {getPages.map((pager, index) => {\n                return (\n                    <li\n                        key={index}\n                        className={getPagerClass(pager)}\n                        role=\"presentation\"\n                        onClick={(e) => onPagerClick(pager, e)}\n                    >\n                        {pager}\n                    </li>\n                )\n            })}\n            {showNextMore && (\n                <NextMore\n                    className={classNames(\n                        pagerClass.default,\n                        pagerClass.inactive,\n                    )}\n                    onArrow={(arrow) => onArrowClick(arrow)}\n                />\n            )}\n            {pageCount > 1 && (\n                <li\n                    className={getPagerClass(pageCount)}\n                    role=\"presentation\"\n                    onClick={(e) => onPagerClick(pageCount, e)}\n                >\n                    {pageCount}\n                </li>\n            )}\n        </ul>\n    )\n}\n\nexport default Pagers\n"],"names":["PAGER_COUNT","NextMore","className","onArrow","quickNextArrowIcon","setQuickNextArrowIcon","useState","jsx","HiChevronDoubleRight","HiOutlineDotsHorizontal","PrevMore","quickPrevArrowIcon","setQuickPrevArrowIcon","HiOutlineChevronDoubleLeft","Pagers","props","pageCount","currentPage","onChange","pagerClass","showPrevMore","setShowPrevMore","showNextMore","setShowNextMore","useEffect","onPagerClick","value","e","newPage","onArrowClick","useCallback","getPages","useMemo","pagerArray","startPage","i","offset","maxRange","getPagerClass","index","classNames","arrow","pager"],"mappings":"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"}
+{"version":3,"file":"Pagers.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Pagers.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react'\nimport classNames from 'classnames'\nimport {\n    HiOutlineChevronDoubleLeft,\n    HiOutlineDotsHorizontal,\n    HiChevronDoubleRight,\n} from 'react-icons/hi'\n\nconst PAGER_COUNT = 7\n\ntype More = 'nextMore' | 'prevMore'\n\ntype MoreProps = {\n    className: string\n    onArrow: (more: More) => void\n}\n\nconst NextMore = ({ className, onArrow }: MoreProps) => {\n    const [quickNextArrowIcon, setQuickNextArrowIcon] = useState(false)\n\n    return (\n        <li\n            className={className}\n            role=\"presentation\"\n            onMouseEnter={() => {\n                setQuickNextArrowIcon(true)\n            }}\n            onMouseLeave={() => {\n                setQuickNextArrowIcon(false)\n            }}\n            onClick={() => onArrow('nextMore')}\n        >\n            {quickNextArrowIcon ? (\n                <HiChevronDoubleRight />\n            ) : (\n                <HiOutlineDotsHorizontal />\n            )}\n        </li>\n    )\n}\n\nconst PrevMore = ({ className, onArrow }: MoreProps) => {\n    const [quickPrevArrowIcon, setQuickPrevArrowIcon] = useState(false)\n\n    return (\n        <li\n            className={className}\n            role=\"presentation\"\n            onMouseEnter={() => {\n                setQuickPrevArrowIcon(true)\n            }}\n            onMouseLeave={() => {\n                setQuickPrevArrowIcon(false)\n            }}\n            onClick={() => onArrow('prevMore')}\n        >\n            {quickPrevArrowIcon ? (\n                <HiOutlineChevronDoubleLeft />\n            ) : (\n                <HiOutlineDotsHorizontal />\n            )}\n        </li>\n    )\n}\n\ntype PagersProps = {\n    pageCount: number\n    currentPage: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onChange: (page: number) => void\n}\n\nconst Pagers = (props: PagersProps) => {\n    const { pageCount, currentPage, onChange, pagerClass } = props\n\n    const [showPrevMore, setShowPrevMore] = useState(false)\n    const [showNextMore, setShowNextMore] = useState(false)\n\n    useEffect(() => {\n        if (pageCount > PAGER_COUNT) {\n            if (currentPage > PAGER_COUNT - 2) {\n                setShowPrevMore(true)\n            }\n            if (currentPage < pageCount - 2) {\n                setShowNextMore(true)\n            }\n            if (currentPage >= pageCount - 3 && currentPage <= pageCount) {\n                setShowNextMore(false)\n            }\n            if (currentPage >= 1 && currentPage <= 4) {\n                setShowPrevMore(false)\n            }\n        } else {\n            setShowPrevMore(false)\n            setShowNextMore(false)\n        }\n    }, [currentPage, pageCount])\n\n    const onPagerClick = (\n        value: number,\n        e: React.MouseEvent<HTMLLIElement, MouseEvent>,\n    ) => {\n        e.preventDefault()\n        let newPage = value\n\n        if (newPage < 1) {\n            newPage = 1\n        }\n        if (newPage > pageCount) {\n            newPage = pageCount\n        }\n\n        if (newPage !== currentPage) {\n            onChange(newPage)\n        }\n    }\n\n    const onArrowClick = useCallback(\n        (e: More) => {\n            let newPage = currentPage\n            if (e === 'nextMore') {\n                newPage = currentPage + 5\n            }\n            if (e === 'prevMore') {\n                newPage = currentPage - 5\n            }\n            onChange(newPage)\n        },\n        [currentPage, onChange],\n    )\n\n    const getPages = useMemo(() => {\n        const pagerArray: number[] = []\n        if (showPrevMore && !showNextMore) {\n            const startPage = pageCount - (PAGER_COUNT - 2)\n            for (let i = startPage; i < pageCount; i++) {\n                pagerArray.push(i)\n            }\n        } else if (!showPrevMore && showNextMore) {\n            for (let i = 2; i < PAGER_COUNT; i++) {\n                pagerArray.push(i)\n            }\n        } else if (showPrevMore && showNextMore) {\n            const offset = Math.floor(PAGER_COUNT / 2) - 1\n            const maxRange =\n                currentPage >= pageCount - 2 && currentPage <= pageCount\n            for (\n                let i = currentPage - offset;\n                i <= currentPage + (maxRange ? 0 : offset);\n                i++\n            ) {\n                pagerArray.push(i)\n            }\n        } else {\n            for (let i = 2; i < pageCount; i++) {\n                pagerArray.push(i)\n            }\n        }\n        if (pagerArray.length > PAGER_COUNT) {\n            return []\n        }\n\n        return pagerArray\n    }, [showPrevMore, showNextMore, currentPage, pageCount])\n\n    const getPagerClass = (index: number) => {\n        return classNames(\n            pagerClass.default,\n            currentPage === index ? pagerClass.active : pagerClass.inactive,\n        )\n    }\n\n    return (\n        <ul>\n            {pageCount > 0 && (\n                <li\n                    className={getPagerClass(1)}\n                    role=\"presentation\"\n                    onClick={(e) => onPagerClick(1, e)}\n                >\n                    1\n                </li>\n            )}\n            {showPrevMore && (\n                <PrevMore\n                    className={classNames(\n                        pagerClass.default,\n                        pagerClass.inactive,\n                    )}\n                    onArrow={(arrow) => onArrowClick(arrow)}\n                />\n            )}\n            {getPages.map((pager, index) => {\n                return (\n                    <li\n                        key={index}\n                        className={getPagerClass(pager)}\n                        role=\"presentation\"\n                        onClick={(e) => onPagerClick(pager, e)}\n                    >\n                        {pager}\n                    </li>\n                )\n            })}\n            {showNextMore && (\n                <NextMore\n                    className={classNames(\n                        pagerClass.default,\n                        pagerClass.inactive,\n                    )}\n                    onArrow={(arrow) => onArrowClick(arrow)}\n                />\n            )}\n            {pageCount > 1 && (\n                <li\n                    className={getPagerClass(pageCount)}\n                    role=\"presentation\"\n                    onClick={(e) => onPagerClick(pageCount, e)}\n                >\n                    {pageCount}\n                </li>\n            )}\n        </ul>\n    )\n}\n\nexport default Pagers\n"],"names":[],"mappings":"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"}

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

@@ -1,79 +1,118 @@
-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) => {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import Pagers from "./Pagers.js";
+import Prev from "./Prev.js";
+import Next from "./Next.js";
+import Total from "./Total.js";
+import useControllableState from "../hooks/useControllableState.js";
+import classNames from "classnames";
+const defaultTotal = 5;
+const Pagination = (props) => {
   const {
-    className: N,
-    currentPage: o = 1,
-    displayTotal: v = !1,
-    onChange: i,
-    pageSize: s = 1,
-    total: P = 5
-  } = C, [p] = V({
-    prop: P,
-    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
+    className,
+    currentPage = 1,
+    displayTotal = false,
+    onChange,
+    pageSize = 1,
+    total = 5
+  } = props;
+  const [paginationTotal] = useControllableState({
+    prop: total,
+    defaultProp: defaultTotal,
+    onChange
+  });
+  const [internalPageSize, setInternalPageSize] = useState(pageSize);
+  const getInternalPageCount = useMemo(() => {
+    if (typeof paginationTotal === "number") {
+      return Math.ceil(paginationTotal / internalPageSize);
+    }
+    return null;
+  }, [paginationTotal, internalPageSize]);
+  const getValidCurrentPage = (count) => {
+    const value = parseInt(count, 10);
+    const internalPageCount = getInternalPageCount;
+    let resetValue;
+    if (!internalPageCount) {
+      if (isNaN(value) || value < 1) {
+        resetValue = 1;
+      }
+    } else {
+      if (value < 1) {
+        resetValue = 1;
+      }
+      if (value > internalPageCount) {
+        resetValue = internalPageCount;
+      }
+    }
+    if (resetValue === void 0 && isNaN(value) || resetValue === 0) {
+      resetValue = 1;
+    }
+    return resetValue === void 0 ? value : resetValue;
+  };
+  const [internalCurrentPage, setInternalCurrentPage] = useState(
+    currentPage ? getValidCurrentPage(currentPage) : 1
   );
-  z(() => {
-    s !== c && x(s), o !== n && l(o);
-  }, [s, o]);
-  const b = (e) => {
-    l(a(e)), i?.(a(e));
-  }, h = () => {
-    const e = n - 1;
-    l(a(e)), i?.(a(e));
-  }, y = () => {
-    const e = n + 1;
-    l(a(e)), i?.(a(e));
-  }, f = {
+  useEffect(() => {
+    if (pageSize !== internalPageSize) {
+      setInternalPageSize(pageSize);
+    }
+    if (currentPage !== internalCurrentPage) {
+      setInternalCurrentPage(currentPage);
+    }
+  }, [pageSize, currentPage]);
+  const onPaginationChange = (val) => {
+    setInternalCurrentPage(getValidCurrentPage(val));
+    onChange?.(getValidCurrentPage(val));
+  };
+  const onPrev = () => {
+    const newPage = internalCurrentPage - 1;
+    setInternalCurrentPage(getValidCurrentPage(newPage));
+    onChange?.(getValidCurrentPage(newPage));
+  };
+  const onNext = () => {
+    const newPage = internalCurrentPage + 1;
+    setInternalCurrentPage(getValidCurrentPage(newPage));
+    onChange?.(getValidCurrentPage(newPage));
+  };
+  const pagerClass = {
     default: "pagination-pager",
     inactive: "pagination-pager-inactive",
-    active: "text-primary dark:bg-primary dark:text-neutral",
+    active: `text-primary dark:bg-primary dark:text-neutral`,
     disabled: "pagination-pager-disabled"
-  }, S = E("pagination", N);
-  return /* @__PURE__ */ I("div", { className: S, children: [
-    v && /* @__PURE__ */ g(M, { total: P }),
-    /* @__PURE__ */ g(
-      k,
+  };
+  const paginationClass = classNames("pagination", className);
+  return /* @__PURE__ */ jsxs("div", { className: paginationClass, children: [
+    displayTotal && /* @__PURE__ */ jsx(Total, { total }),
+    /* @__PURE__ */ jsx(
+      Prev,
       {
-        currentPage: n,
-        pagerClass: f,
-        onPrev: h
+        currentPage: internalCurrentPage,
+        pagerClass,
+        onPrev
       }
     ),
-    /* @__PURE__ */ g(
-      j,
+    /* @__PURE__ */ jsx(
+      Pagers,
       {
-        pageCount: u,
-        currentPage: n,
-        pagerClass: f,
-        onChange: b
+        pageCount: getInternalPageCount,
+        currentPage: internalCurrentPage,
+        pagerClass,
+        onChange: onPaginationChange
       }
     ),
-    /* @__PURE__ */ g(
-      w,
+    /* @__PURE__ */ jsx(
+      Next,
       {
-        currentPage: n,
-        pageCount: u,
-        pagerClass: f,
-        onNext: y
+        currentPage: internalCurrentPage,
+        pageCount: getInternalPageCount,
+        pagerClass,
+        onNext
       }
     )
   ] });
 };
-A.displayName = "Pagination";
+Pagination.displayName = "Pagination";
 export {
-  A as default
+  Pagination 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;AACrC,QAAA;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;AAC9C,UAAAC,IAAQ,SAASD,GAAiB,EAAE,GACpCE,IAAoBL;AACtB,QAAAM;AACJ,WAAKD,KAKGD,IAAQ,MACKE,IAAA,IAEbF,IAAQC,MACKC,IAAAD,OARb,MAAMD,CAAK,KAAKA,IAAQ,OACXE,IAAA,KAWhBA,MAAe,UAAa,MAAMF,CAAK,KAAME,MAAe,OAChDA,IAAA,IAGVA,MAAe,SAAYF,IAAQE;AAAA,EAC9C,GAEM,CAACC,GAAqBC,CAAsB,IAAIT;AAAA,IAClDT,IAAcY,EAAoBZ,CAAW,IAAI;AAAA,EACrD;AAEA,EAAAmB,EAAU,MAAM;AACZ,IAAIhB,MAAaI,KACbC,EAAoBL,CAAQ,GAG5BH,MAAgBiB,KAChBC,EAAuBlB,CAAW;AAAA,EACtC,GAED,CAACG,GAAUH,CAAW,CAAC;AAEpB,QAAAoB,IAAqB,CAACC,MAAgB;AACjB,IAAAH,EAAAN,EAAoBS,CAAG,CAAC,GACpCnB,IAAAU,EAAoBS,CAAG,CAAC;AAAA,EACvC,GAEMC,IAAS,MAAM;AACjB,UAAMC,IAAUN,IAAsB;AACf,IAAAC,EAAAN,EAAoBW,CAAO,CAAC,GACxCrB,IAAAU,EAAoBW,CAAO,CAAC;AAAA,EAC3C,GAEMC,IAAS,MAAM;AACjB,UAAMD,IAAUN,IAAsB;AACf,IAAAC,EAAAN,EAAoBW,CAAO,CAAC,GACxCrB,IAAAU,EAAoBW,CAAO,CAAC;AAAA,EAC3C,GAEME,IAAa;AAAA,IACf,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,EACd,GAEMC,IAAkBC,EAAW,cAAc5B,CAAS;AAGtD,SAAA,gBAAA6B,EAAC,OAAI,EAAA,WAAWF,GACX,UAAA;AAAA,IAAgBzB,KAAA,gBAAA4B,EAACC,KAAM,OAAA1B,EAAc,CAAA;AAAA,IACtC,gBAAAyB;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,aAAad;AAAA,QACb,YAAAQ;AAAA,QACA,QAAAH;AAAA,MAAA;AAAA,IACJ;AAAA,IACA,gBAAAO;AAAA,MAACG;AAAAA,MAAA;AAAA,QACG,WAAWtB;AAAA,QACX,aAAaO;AAAA,QACb,YAAAQ;AAAA,QACA,UAAUL;AAAA,MAAA;AAAA,IACd;AAAA,IACA,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":["Pager"],"mappings":";;;;;;;;AAiBA,MAAM,eAAe;AAEf,MAAA,aAAa,CAAC,UAA2B;AACrC,QAAA;AAAA,IACF;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA,WAAW;AAAA,IACX,QAAQ;AAAA,EAAA,IACR;AAEE,QAAA,CAAC,eAAe,IAAI,qBAAqB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa;AAAA,IACb;AAAA,EAAA,CACH;AAED,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,QAAQ;AAE3D,QAAA,uBAAuB,QAAQ,MAAM;AACnC,QAAA,OAAO,oBAAoB,UAAU;AAC9B,aAAA,KAAK,KAAK,kBAAkB,gBAAgB;AAAA,IAAA;AAEhD,WAAA;AAAA,EAAA,GACR,CAAC,iBAAiB,gBAAgB,CAAC;AAEhC,QAAA,sBAAsB,CAAC,UAA2B;AAC9C,UAAA,QAAQ,SAAS,OAAiB,EAAE;AAC1C,UAAM,oBAAoB;AACtB,QAAA;AACJ,QAAI,CAAC,mBAAmB;AACpB,UAAI,MAAM,KAAK,KAAK,QAAQ,GAAG;AACd,qBAAA;AAAA,MAAA;AAAA,IACjB,OACG;AACH,UAAI,QAAQ,GAAG;AACE,qBAAA;AAAA,MAAA;AAEjB,UAAI,QAAQ,mBAAmB;AACd,qBAAA;AAAA,MAAA;AAAA,IACjB;AAGJ,QAAK,eAAe,UAAa,MAAM,KAAK,KAAM,eAAe,GAAG;AACnD,mBAAA;AAAA,IAAA;AAGV,WAAA,eAAe,SAAY,QAAQ;AAAA,EAC9C;AAEM,QAAA,CAAC,qBAAqB,sBAAsB,IAAI;AAAA,IAClD,cAAc,oBAAoB,WAAW,IAAI;AAAA,EACrD;AAEA,YAAU,MAAM;AACZ,QAAI,aAAa,kBAAkB;AAC/B,0BAAoB,QAAQ;AAAA,IAAA;AAGhC,QAAI,gBAAgB,qBAAqB;AACrC,6BAAuB,WAAW;AAAA,IAAA;AAAA,EACtC,GAED,CAAC,UAAU,WAAW,CAAC;AAEpB,QAAA,qBAAqB,CAAC,QAAgB;AACjB,2BAAA,oBAAoB,GAAG,CAAC;AACpC,eAAA,oBAAoB,GAAG,CAAC;AAAA,EACvC;AAEA,QAAM,SAAS,MAAM;AACjB,UAAM,UAAU,sBAAsB;AACf,2BAAA,oBAAoB,OAAO,CAAC;AACxC,eAAA,oBAAoB,OAAO,CAAC;AAAA,EAC3C;AAEA,QAAM,SAAS,MAAM;AACjB,UAAM,UAAU,sBAAsB;AACf,2BAAA,oBAAoB,OAAO,CAAC;AACxC,eAAA,oBAAoB,OAAO,CAAC;AAAA,EAC3C;AAEA,QAAM,aAAa;AAAA,IACf,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,UAAU;AAAA,EACd;AAEM,QAAA,kBAAkB,WAAW,cAAc,SAAS;AAGtD,SAAA,qBAAC,OAAI,EAAA,WAAW,iBACX,UAAA;AAAA,IAAgB,gBAAA,oBAAC,SAAM,MAAc,CAAA;AAAA,IACtC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAa;AAAA,QACb;AAAA,QACA;AAAA,MAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,aAAa;AAAA,QACb;AAAA,QACA,UAAU;AAAA,MAAA;AAAA,IACd;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAa;AAAA,QACb,WAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAEA,WAAW,cAAc;"}

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

@@ -1,25 +1,31 @@
-import { jsx as a } from "react/jsx-runtime";
-import l from "classnames";
-import { HiChevronLeft as p } from "react-icons/hi";
-const v = (s) => {
-  const { currentPage: n, pagerClass: e, onPrev: o } = s, r = n <= 1, t = (c) => {
-    r || o(c);
-  }, i = l(
-    e.default,
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { HiChevronLeft } from "react-icons/hi";
+const Prev = (props) => {
+  const { currentPage, pagerClass, onPrev } = props;
+  const disabled = currentPage <= 1;
+  const onPrevClick = (e) => {
+    if (disabled) {
+      return;
+    }
+    onPrev(e);
+  };
+  const pagerPrevClass = classNames(
+    pagerClass.default,
     "pagination-pager-prev",
-    r ? e.disabled : e.inactive
+    disabled ? pagerClass.disabled : pagerClass.inactive
   );
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ jsx(
     "span",
     {
-      className: i,
+      className: pagerPrevClass,
       role: "presentation",
-      onClick: t,
-      children: /* @__PURE__ */ a(p, {})
+      onClick: onPrevClick,
+      children: /* @__PURE__ */ jsx(HiChevronLeft, {})
     }
   );
 };
 export {
-  v as default
+  Prev as default
 };
 //# sourceMappingURL=Prev.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Prev.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Prev.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiChevronLeft } from 'react-icons/hi'\nimport type { CommonProps } from '../@types/common'\nimport type { MouseEvent } from 'react'\n\ninterface PrevProps extends CommonProps {\n    currentPage: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onPrev: (e: MouseEvent<HTMLSpanElement>) => void\n}\n\nconst Prev = (props: PrevProps) => {\n    const { currentPage, pagerClass, onPrev } = props\n\n    const disabled = currentPage <= 1\n\n    const onPrevClick = (e: MouseEvent<HTMLSpanElement>) => {\n        if (disabled) {\n            return\n        }\n        onPrev(e)\n    }\n\n    const pagerPrevClass = classNames(\n        pagerClass.default,\n        'pagination-pager-prev',\n        disabled ? pagerClass.disabled : pagerClass.inactive,\n    )\n\n    return (\n        <span\n            className={pagerPrevClass}\n            role=\"presentation\"\n            onClick={onPrevClick}\n        >\n            <HiChevronLeft />\n        </span>\n    )\n}\n\nexport default Prev\n"],"names":["Prev","props","currentPage","pagerClass","onPrev","disabled","onPrevClick","e","pagerPrevClass","classNames","jsx","HiChevronLeft"],"mappings":";;;AAgBM,MAAAA,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,QAAAC,EAAW,IAAAH,GAEtCI,IAAWH,KAAe,GAE1BI,IAAc,CAACC,MAAmC;AACpD,IAAIF,KAGJD,EAAOG,CAAC;AAAA,EACZ,GAEMC,IAAiBC;AAAA,IACnBN,EAAW;AAAA,IACX;AAAA,IACAE,IAAWF,EAAW,WAAWA,EAAW;AAAA,EAChD;AAGI,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWF;AAAA,MACX,MAAK;AAAA,MACL,SAASF;AAAA,MAET,4BAACK,GAAc,CAAA,CAAA;AAAA,IAAA;AAAA,EACnB;AAER;"}
+{"version":3,"file":"Prev.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Prev.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { HiChevronLeft } from 'react-icons/hi'\nimport type { CommonProps } from '../@types/common'\nimport type { MouseEvent } from 'react'\n\ninterface PrevProps extends CommonProps {\n    currentPage: number\n    pagerClass: {\n        default: string\n        inactive: string\n        active: string\n        disabled: string\n    }\n    onPrev: (e: MouseEvent<HTMLSpanElement>) => void\n}\n\nconst Prev = (props: PrevProps) => {\n    const { currentPage, pagerClass, onPrev } = props\n\n    const disabled = currentPage <= 1\n\n    const onPrevClick = (e: MouseEvent<HTMLSpanElement>) => {\n        if (disabled) {\n            return\n        }\n        onPrev(e)\n    }\n\n    const pagerPrevClass = classNames(\n        pagerClass.default,\n        'pagination-pager-prev',\n        disabled ? pagerClass.disabled : pagerClass.inactive,\n    )\n\n    return (\n        <span\n            className={pagerPrevClass}\n            role=\"presentation\"\n            onClick={onPrevClick}\n        >\n            <HiChevronLeft />\n        </span>\n    )\n}\n\nexport default Prev\n"],"names":[],"mappings":";;;AAgBM,MAAA,OAAO,CAAC,UAAqB;AAC/B,QAAM,EAAE,aAAa,YAAY,OAAW,IAAA;AAE5C,QAAM,WAAW,eAAe;AAE1B,QAAA,cAAc,CAAC,MAAmC;AACpD,QAAI,UAAU;AACV;AAAA,IAAA;AAEJ,WAAO,CAAC;AAAA,EACZ;AAEA,QAAM,iBAAiB;AAAA,IACnB,WAAW;AAAA,IACX;AAAA,IACA,WAAW,WAAW,WAAW,WAAW;AAAA,EAChD;AAGI,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,MACX,MAAK;AAAA,MACL,SAAS;AAAA,MAET,8BAAC,eAAc,CAAA,CAAA;AAAA,IAAA;AAAA,EACnB;AAER;"}

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

@@ -1,13 +1,13 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-const n = (t) => {
-  const { total: a } = t;
-  return /* @__PURE__ */ o("div", { className: "pagination-total", children: [
+import { jsxs, jsx } from "react/jsx-runtime";
+const Total = (props) => {
+  const { total } = props;
+  return /* @__PURE__ */ jsxs("div", { className: "pagination-total", children: [
     "Total ",
-    /* @__PURE__ */ s("span", { children: a }),
+    /* @__PURE__ */ jsx("span", { children: total }),
     " Items"
   ] });
 };
 export {
-  n as default
+  Total as default
 };
 //# sourceMappingURL=Total.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Total.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Total.tsx"],"sourcesContent":["const Total = (props: { total: number }) => {\n    const { total } = props\n    return (\n        <div className=\"pagination-total\">\n            Total <span>{total}</span> Items\n        </div>\n    )\n}\n\nexport default Total\n"],"names":["Total","props","total","jsxs","jsx"],"mappings":";AAAM,MAAAA,IAAQ,CAACC,MAA6B;AAClC,QAAA,EAAE,OAAAC,MAAUD;AAEd,SAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,oBAAmB,UAAA;AAAA,IAAA;AAAA,IACxB,gBAAAC,EAAC,UAAM,UAAMF,EAAA,CAAA;AAAA,IAAO;AAAA,EAAA,GAC9B;AAER;"}
+{"version":3,"file":"Total.js","sources":["../../../../../lib/@ecme/components/ui/Pagination/Total.tsx"],"sourcesContent":["const Total = (props: { total: number }) => {\n    const { total } = props\n    return (\n        <div className=\"pagination-total\">\n            Total <span>{total}</span> Items\n        </div>\n    )\n}\n\nexport default Total\n"],"names":[],"mappings":";AAAM,MAAA,QAAQ,CAAC,UAA6B;AAClC,QAAA,EAAE,UAAU;AAEd,SAAA,qBAAC,OAAI,EAAA,WAAU,oBAAmB,UAAA;AAAA,IAAA;AAAA,IACxB,oBAAC,UAAM,UAAM,MAAA,CAAA;AAAA,IAAO;AAAA,EAAA,GAC9B;AAER;"}

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

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

package/dist/@ecme/components/ui/Progress/Circle.js

@@ -1,72 +1,88 @@
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import { useCallback as D } from "react";
-const N = (k) => {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+const Circle = (props) => {
   const {
-    strokeWidth: r,
-    percent: l,
-    strokeLinecap: $,
-    gapDegree: e,
-    gapPosition: p,
-    strokeColor: d,
-    width: y,
-    children: P
-  } = k, f = D(() => {
-    const t = 50 - r / 2;
-    let c = 0, a = -t, o = 0, s = -2 * t;
-    switch (p) {
+    strokeWidth,
+    percent,
+    strokeLinecap,
+    gapDegree,
+    gapPosition,
+    strokeColor,
+    width,
+    children
+  } = props;
+  const getPathStyles = useCallback(() => {
+    const radius = 50 - strokeWidth / 2;
+    let beginPositionX = 0;
+    let beginPositionY = -radius;
+    let endPositionX = 0;
+    let endPositionY = -2 * radius;
+    switch (gapPosition) {
       case "left":
-        c = -t, a = 0, o = 2 * t, s = 0;
+        beginPositionX = -radius;
+        beginPositionY = 0;
+        endPositionX = 2 * radius;
+        endPositionY = 0;
         break;
       case "right":
-        c = t, a = 0, o = -2 * t, s = 0;
+        beginPositionX = radius;
+        beginPositionY = 0;
+        endPositionX = -2 * radius;
+        endPositionY = 0;
         break;
       case "bottom":
-        a = t, s = 2 * t;
+        beginPositionY = radius;
+        endPositionY = 2 * radius;
         break;
       default:
     }
-    const b = `M 50,50 m ${c},${a} a ${t},${t} 0 1 1 ${o},${-s} a ${t},${t} 0 1 1 ${-o},${s}`, i = Math.PI * 2 * t, u = {
-      strokeDasharray: `${i - e}px ${i}px`,
-      strokeDashoffset: `-${e / 2}px`
-    }, C = {
-      strokeDasharray: `${l / 100 * (i - e)}px ${i}px`,
-      strokeDashoffset: `-${e / 2}px`
+    const pathString2 = `M 50,50 m ${beginPositionX},${beginPositionY} a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY} a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`;
+    const len = Math.PI * 2 * radius;
+    const trailPathStyle2 = {
+      strokeDasharray: `${len - gapDegree}px ${len}px`,
+      strokeDashoffset: `-${gapDegree / 2}px`
+    };
+    const strokePathStyle2 = {
+      strokeDasharray: `${percent / 100 * (len - gapDegree)}px ${len}px`,
+      strokeDashoffset: `-${gapDegree / 2}px`
     };
     return {
-      pathString: b,
-      trailPathStyle: u,
-      strokePathStyle: C
+      pathString: pathString2,
+      trailPathStyle: trailPathStyle2,
+      strokePathStyle: strokePathStyle2
     };
-  }, [e, p, l, r]), { pathString: h, trailPathStyle: m, strokePathStyle: S } = f(), x = `progress-circle-stroke ${d}`;
-  return /* @__PURE__ */ g("div", { className: "progress-circle", style: { width: y }, children: [
-    /* @__PURE__ */ n("span", { className: "progress-circle-info", children: P }),
-    /* @__PURE__ */ g("svg", { viewBox: "0 0 100 100", children: [
-      /* @__PURE__ */ n(
+  }, [gapDegree, gapPosition, percent, strokeWidth]);
+  const { pathString, trailPathStyle, strokePathStyle } = getPathStyles();
+  const progressStrokeClass = `progress-circle-stroke ${strokeColor}`;
+  return /* @__PURE__ */ jsxs("div", { className: "progress-circle", style: { width }, children: [
+    /* @__PURE__ */ jsx("span", { className: "progress-circle-info", children }),
+    /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 100 100", children: [
+      /* @__PURE__ */ jsx(
         "path",
         {
-          d: h,
-          strokeWidth: r,
+          d: pathString,
+          strokeWidth,
           fillOpacity: "0",
-          style: m,
+          style: trailPathStyle,
           className: "progress-circle-trail"
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ jsx(
         "path",
         {
-          d: h,
-          strokeLinecap: $,
-          strokeWidth: l === 0 ? 0 : r,
+          d: pathString,
+          strokeLinecap,
+          strokeWidth: percent === 0 ? 0 : strokeWidth,
           fillOpacity: "0",
-          style: S,
-          className: x
+          style: strokePathStyle,
+          className: progressStrokeClass
         }
       )
     ] })
   ] });
 };
-N.displayName = "ProgressCircle";
+Circle.displayName = "ProgressCircle";
 export {
-  N as default
+  Circle as default
 };
 //# sourceMappingURL=Circle.js.map

package/dist/@ecme/components/ui/Progress/Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","sources":["../../../../../lib/@ecme/components/ui/Progress/Circle.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport type { CommonProps } from '../@types/common'\n\nexport type StrokeLinecap = 'round' | 'square'\nexport type GapPosition = 'top' | 'right' | 'bottom' | 'left'\n\ninterface CircleProps extends CommonProps {\n    gapDegree: number\n    gapPosition: GapPosition\n    percent: number\n    strokeColor?: string\n    strokeLinecap: StrokeLinecap\n    strokeWidth: number\n    trailClass?: string\n    width?: number | string\n}\n\nconst Circle = (props: CircleProps) => {\n    const {\n        strokeWidth,\n        percent,\n        strokeLinecap,\n        gapDegree,\n        gapPosition,\n        strokeColor,\n        width,\n        children,\n    } = props\n\n    const getPathStyles = useCallback(() => {\n        const radius = 50 - strokeWidth / 2\n\n        let beginPositionX = 0\n        let beginPositionY = -radius\n        let endPositionX = 0\n        let endPositionY = -2 * radius\n\n        switch (gapPosition) {\n            case 'left':\n                beginPositionX = -radius\n                beginPositionY = 0\n                endPositionX = 2 * radius\n                endPositionY = 0\n                break\n            case 'right':\n                beginPositionX = radius\n                beginPositionY = 0\n                endPositionX = -2 * radius\n                endPositionY = 0\n                break\n            case 'bottom':\n                beginPositionY = radius\n                endPositionY = 2 * radius\n                break\n            default:\n        }\n\n        const pathString = `M 50,50 m ${beginPositionX},${beginPositionY} a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY} a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`\n\n        const len = Math.PI * 2 * radius\n        const trailPathStyle = {\n            strokeDasharray: `${len - gapDegree}px ${len}px`,\n            strokeDashoffset: `-${gapDegree / 2}px`,\n        }\n\n        const strokePathStyle = {\n            strokeDasharray: `${\n                (percent / 100) * (len - gapDegree)\n            }px ${len}px`,\n            strokeDashoffset: `-${gapDegree / 2}px`,\n        }\n\n        return {\n            pathString,\n            trailPathStyle,\n            strokePathStyle,\n        }\n    }, [gapDegree, gapPosition, percent, strokeWidth])\n\n    const { pathString, trailPathStyle, strokePathStyle } = getPathStyles()\n\n    const progressStrokeClass = `progress-circle-stroke ${strokeColor}`\n\n    return (\n        <div className=\"progress-circle\" style={{ width: width }}>\n            <span className=\"progress-circle-info\">{children}</span>\n            <svg viewBox=\"0 0 100 100\">\n                <path\n                    d={pathString}\n                    strokeWidth={strokeWidth}\n                    fillOpacity=\"0\"\n                    style={trailPathStyle}\n                    className=\"progress-circle-trail\"\n                />\n                <path\n                    d={pathString}\n                    strokeLinecap={strokeLinecap}\n                    strokeWidth={percent === 0 ? 0 : strokeWidth}\n                    fillOpacity=\"0\"\n                    style={strokePathStyle}\n                    className={progressStrokeClass}\n                />\n            </svg>\n        </div>\n    )\n}\n\nCircle.displayName = 'ProgressCircle'\n\nexport default Circle\n"],"names":["Circle","props","strokeWidth","percent","strokeLinecap","gapDegree","gapPosition","strokeColor","width","children","getPathStyles","useCallback","radius","beginPositionX","beginPositionY","endPositionX","endPositionY","pathString","len","trailPathStyle","strokePathStyle","progressStrokeClass","jsx","jsxs"],"mappings":";;AAiBM,MAAAA,IAAS,CAACC,MAAuB;AAC7B,QAAA;AAAA,IACF,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAR,GAEES,IAAgBC,EAAY,MAAM;AAC9B,UAAAC,IAAS,KAAKV,IAAc;AAElC,QAAIW,IAAiB,GACjBC,IAAiB,CAACF,GAClBG,IAAe,GACfC,IAAe,KAAKJ;AAExB,YAAQN,GAAa;AAAA,MACjB,KAAK;AACD,QAAAO,IAAiB,CAACD,GACDE,IAAA,GACjBC,IAAe,IAAIH,GACJI,IAAA;AACf;AAAA,MACJ,KAAK;AACgB,QAAAH,IAAAD,GACAE,IAAA,GACjBC,IAAe,KAAKH,GACLI,IAAA;AACf;AAAA,MACJ,KAAK;AACgB,QAAAF,IAAAF,GACjBI,IAAe,IAAIJ;AACnB;AAAA,MACJ;AAAA,IAAA;AAGEK,UAAAA,IAAa,aAAaJ,CAAc,IAAIC,CAAc,MAAMF,CAAM,IAAIA,CAAM,UAAUG,CAAY,IAAI,CAACC,CAAY,MAAMJ,CAAM,IAAIA,CAAM,UAAU,CAACG,CAAY,IAAIC,CAAY,IAEpLE,IAAM,KAAK,KAAK,IAAIN,GACpBO,IAAiB;AAAA,MACnB,iBAAiB,GAAGD,IAAMb,CAAS,MAAMa,CAAG;AAAA,MAC5C,kBAAkB,IAAIb,IAAY,CAAC;AAAA,IACvC,GAEMe,IAAkB;AAAA,MACpB,iBAAiB,GACZjB,IAAU,OAAQe,IAAMb,EAC7B,MAAMa,CAAG;AAAA,MACT,kBAAkB,IAAIb,IAAY,CAAC;AAAA,IACvC;AAEO,WAAA;AAAA,MACH,YAAAY;AAAAA,MACA,gBAAAE;AAAAA,MACA,iBAAAC;AAAAA,IACJ;AAAA,KACD,CAACf,GAAWC,GAAaH,GAASD,CAAW,CAAC,GAE3C,EAAE,YAAAe,GAAY,gBAAAE,GAAgB,iBAAAC,EAAA,IAAoBV,EAAc,GAEhEW,IAAsB,0BAA0Bd,CAAW;AAEjE,2BACK,OAAI,EAAA,WAAU,mBAAkB,OAAO,EAAE,OAAAC,EACtC,GAAA,UAAA;AAAA,IAAC,gBAAAc,EAAA,QAAA,EAAK,WAAU,wBAAwB,UAAAb,EAAS,CAAA;AAAA,IACjD,gBAAAc,EAAC,OAAI,EAAA,SAAQ,eACT,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAGL;AAAA,UACH,aAAAf;AAAA,UACA,aAAY;AAAA,UACZ,OAAOiB;AAAA,UACP,WAAU;AAAA,QAAA;AAAA,MACd;AAAA,MACA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAGL;AAAA,UACH,eAAAb;AAAA,UACA,aAAaD,MAAY,IAAI,IAAID;AAAA,UACjC,aAAY;AAAA,UACZ,OAAOkB;AAAA,UACP,WAAWC;AAAA,QAAA;AAAA,MAAA;AAAA,IACf,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;AAEArB,EAAO,cAAc;"}
+{"version":3,"file":"Circle.js","sources":["../../../../../lib/@ecme/components/ui/Progress/Circle.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport type { CommonProps } from '../@types/common'\n\nexport type StrokeLinecap = 'round' | 'square'\nexport type GapPosition = 'top' | 'right' | 'bottom' | 'left'\n\ninterface CircleProps extends CommonProps {\n    gapDegree: number\n    gapPosition: GapPosition\n    percent: number\n    strokeColor?: string\n    strokeLinecap: StrokeLinecap\n    strokeWidth: number\n    trailClass?: string\n    width?: number | string\n}\n\nconst Circle = (props: CircleProps) => {\n    const {\n        strokeWidth,\n        percent,\n        strokeLinecap,\n        gapDegree,\n        gapPosition,\n        strokeColor,\n        width,\n        children,\n    } = props\n\n    const getPathStyles = useCallback(() => {\n        const radius = 50 - strokeWidth / 2\n\n        let beginPositionX = 0\n        let beginPositionY = -radius\n        let endPositionX = 0\n        let endPositionY = -2 * radius\n\n        switch (gapPosition) {\n            case 'left':\n                beginPositionX = -radius\n                beginPositionY = 0\n                endPositionX = 2 * radius\n                endPositionY = 0\n                break\n            case 'right':\n                beginPositionX = radius\n                beginPositionY = 0\n                endPositionX = -2 * radius\n                endPositionY = 0\n                break\n            case 'bottom':\n                beginPositionY = radius\n                endPositionY = 2 * radius\n                break\n            default:\n        }\n\n        const pathString = `M 50,50 m ${beginPositionX},${beginPositionY} a ${radius},${radius} 0 1 1 ${endPositionX},${-endPositionY} a ${radius},${radius} 0 1 1 ${-endPositionX},${endPositionY}`\n\n        const len = Math.PI * 2 * radius\n        const trailPathStyle = {\n            strokeDasharray: `${len - gapDegree}px ${len}px`,\n            strokeDashoffset: `-${gapDegree / 2}px`,\n        }\n\n        const strokePathStyle = {\n            strokeDasharray: `${\n                (percent / 100) * (len - gapDegree)\n            }px ${len}px`,\n            strokeDashoffset: `-${gapDegree / 2}px`,\n        }\n\n        return {\n            pathString,\n            trailPathStyle,\n            strokePathStyle,\n        }\n    }, [gapDegree, gapPosition, percent, strokeWidth])\n\n    const { pathString, trailPathStyle, strokePathStyle } = getPathStyles()\n\n    const progressStrokeClass = `progress-circle-stroke ${strokeColor}`\n\n    return (\n        <div className=\"progress-circle\" style={{ width: width }}>\n            <span className=\"progress-circle-info\">{children}</span>\n            <svg viewBox=\"0 0 100 100\">\n                <path\n                    d={pathString}\n                    strokeWidth={strokeWidth}\n                    fillOpacity=\"0\"\n                    style={trailPathStyle}\n                    className=\"progress-circle-trail\"\n                />\n                <path\n                    d={pathString}\n                    strokeLinecap={strokeLinecap}\n                    strokeWidth={percent === 0 ? 0 : strokeWidth}\n                    fillOpacity=\"0\"\n                    style={strokePathStyle}\n                    className={progressStrokeClass}\n                />\n            </svg>\n        </div>\n    )\n}\n\nCircle.displayName = 'ProgressCircle'\n\nexport default Circle\n"],"names":["pathString","trailPathStyle","strokePathStyle"],"mappings":";;AAiBM,MAAA,SAAS,CAAC,UAAuB;AAC7B,QAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA;AAEE,QAAA,gBAAgB,YAAY,MAAM;AAC9B,UAAA,SAAS,KAAK,cAAc;AAElC,QAAI,iBAAiB;AACrB,QAAI,iBAAiB,CAAC;AACtB,QAAI,eAAe;AACnB,QAAI,eAAe,KAAK;AAExB,YAAQ,aAAa;AAAA,MACjB,KAAK;AACD,yBAAiB,CAAC;AACD,yBAAA;AACjB,uBAAe,IAAI;AACJ,uBAAA;AACf;AAAA,MACJ,KAAK;AACgB,yBAAA;AACA,yBAAA;AACjB,uBAAe,KAAK;AACL,uBAAA;AACf;AAAA,MACJ,KAAK;AACgB,yBAAA;AACjB,uBAAe,IAAI;AACnB;AAAA,MACJ;AAAA,IAAA;AAGEA,UAAAA,cAAa,aAAa,cAAc,IAAI,cAAc,MAAM,MAAM,IAAI,MAAM,UAAU,YAAY,IAAI,CAAC,YAAY,MAAM,MAAM,IAAI,MAAM,UAAU,CAAC,YAAY,IAAI,YAAY;AAEpL,UAAA,MAAM,KAAK,KAAK,IAAI;AAC1B,UAAMC,kBAAiB;AAAA,MACnB,iBAAiB,GAAG,MAAM,SAAS,MAAM,GAAG;AAAA,MAC5C,kBAAkB,IAAI,YAAY,CAAC;AAAA,IACvC;AAEA,UAAMC,mBAAkB;AAAA,MACpB,iBAAiB,GACZ,UAAU,OAAQ,MAAM,UAC7B,MAAM,GAAG;AAAA,MACT,kBAAkB,IAAI,YAAY,CAAC;AAAA,IACvC;AAEO,WAAA;AAAA,MACH,YAAAF;AAAAA,MACA,gBAAAC;AAAAA,MACA,iBAAAC;AAAAA,IACJ;AAAA,KACD,CAAC,WAAW,aAAa,SAAS,WAAW,CAAC;AAEjD,QAAM,EAAE,YAAY,gBAAgB,gBAAA,IAAoB,cAAc;AAEhE,QAAA,sBAAsB,0BAA0B,WAAW;AAEjE,8BACK,OAAI,EAAA,WAAU,mBAAkB,OAAO,EAAE,MACtC,GAAA,UAAA;AAAA,IAAC,oBAAA,QAAA,EAAK,WAAU,wBAAwB,SAAS,CAAA;AAAA,IACjD,qBAAC,OAAI,EAAA,SAAQ,eACT,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAG;AAAA,UACH;AAAA,UACA,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,WAAU;AAAA,QAAA;AAAA,MACd;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,GAAG;AAAA,UACH;AAAA,UACA,aAAa,YAAY,IAAI,IAAI;AAAA,UACjC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACf,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;AAEA,OAAO,cAAc;"}

package/dist/@ecme/components/ui/Progress/Line.js

@@ -1,25 +1,26 @@
-import { jsxs as c, Fragment as m, jsx as s } from "react/jsx-runtime";
-import r from "../../../utils/classNames.js";
-import { SIZES as p } from "../utils/constants.js";
-const d = (e) => {
-  const { percent: o, size: a, children: i, strokeColor: l, trailClass: n } = e, t = r(
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import classNames from "../../../utils/classNames.js";
+import { SIZES } from "../utils/constants.js";
+const Line = (props) => {
+  const { percent, size, children, strokeColor, trailClass } = props;
+  const progressBackgroundClass = classNames(
     "progress-bg",
-    a === p.SM ? "h-1.5" : "h-2",
-    l
+    size === SIZES.SM ? "h-1.5" : "h-2",
+    strokeColor
   );
-  return /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ s("div", { className: "progress-wrapper", children: /* @__PURE__ */ s("div", { className: r("progress-inner", n), children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "progress-wrapper", children: /* @__PURE__ */ jsx("div", { className: classNames("progress-inner", trailClass), children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: t,
-        style: { width: `${o}%` }
+        className: progressBackgroundClass,
+        style: { width: `${percent}%` }
       }
     ) }) }),
-    i
+    children
   ] });
 };
-d.displayName = "ProgressLine";
+Line.displayName = "ProgressLine";
 export {
-  d as default
+  Line as default
 };
 //# sourceMappingURL=Line.js.map

package/dist/@ecme/components/ui/Progress/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sources":["../../../../../lib/@ecme/components/ui/Progress/Line.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { SIZES } from '../utils/constants'\nimport type { CommonProps } from '../@types/common'\n\ninterface LineProps extends CommonProps {\n    percent: number\n    strokeColor?: string\n    trailClass?: string\n    size?: 'sm' | 'md'\n}\n\nconst Line = (props: LineProps) => {\n    const { percent, size, children, strokeColor, trailClass } = props\n\n    const progressBackgroundClass = classNames(\n        'progress-bg',\n        size === SIZES.SM ? 'h-1.5' : 'h-2',\n        strokeColor,\n    )\n\n    return (\n        <>\n            <div className=\"progress-wrapper\">\n                <div className={classNames('progress-inner', trailClass)}>\n                    <div\n                        className={progressBackgroundClass}\n                        style={{ width: `${percent}%` }}\n                    />\n                </div>\n            </div>\n            {children}\n        </>\n    )\n}\n\nLine.displayName = 'ProgressLine'\n\nexport default Line\n"],"names":["Line","props","percent","size","children","strokeColor","trailClass","progressBackgroundClass","classNames","SIZES","jsxs","Fragment","jsx"],"mappings":";;;AAWM,MAAAA,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,UAAAC,GAAU,aAAAC,GAAa,YAAAC,MAAeL,GAEvDM,IAA0BC;AAAA,IAC5B;AAAA,IACAL,MAASM,EAAM,KAAK,UAAU;AAAA,IAC9BJ;AAAA,EACJ;AAEA,SAEQ,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,oBACX,UAAA,gBAAAA,EAAC,SAAI,WAAWJ,EAAW,kBAAkBF,CAAU,GACnD,UAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWL;AAAA,QACX,OAAO,EAAE,OAAO,GAAGL,CAAO,IAAI;AAAA,MAAA;AAAA,OAEtC,EACJ,CAAA;AAAA,IACCE;AAAA,EAAA,GACL;AAER;AAEAJ,EAAK,cAAc;"}
+{"version":3,"file":"Line.js","sources":["../../../../../lib/@ecme/components/ui/Progress/Line.tsx"],"sourcesContent":["import classNames from '@/utils/classNames'\nimport { SIZES } from '../utils/constants'\nimport type { CommonProps } from '../@types/common'\n\ninterface LineProps extends CommonProps {\n    percent: number\n    strokeColor?: string\n    trailClass?: string\n    size?: 'sm' | 'md'\n}\n\nconst Line = (props: LineProps) => {\n    const { percent, size, children, strokeColor, trailClass } = props\n\n    const progressBackgroundClass = classNames(\n        'progress-bg',\n        size === SIZES.SM ? 'h-1.5' : 'h-2',\n        strokeColor,\n    )\n\n    return (\n        <>\n            <div className=\"progress-wrapper\">\n                <div className={classNames('progress-inner', trailClass)}>\n                    <div\n                        className={progressBackgroundClass}\n                        style={{ width: `${percent}%` }}\n                    />\n                </div>\n            </div>\n            {children}\n        </>\n    )\n}\n\nLine.displayName = 'ProgressLine'\n\nexport default Line\n"],"names":[],"mappings":";;;AAWM,MAAA,OAAO,CAAC,UAAqB;AAC/B,QAAM,EAAE,SAAS,MAAM,UAAU,aAAa,eAAe;AAE7D,QAAM,0BAA0B;AAAA,IAC5B;AAAA,IACA,SAAS,MAAM,KAAK,UAAU;AAAA,IAC9B;AAAA,EACJ;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,oBACX,UAAA,oBAAC,SAAI,WAAW,WAAW,kBAAkB,UAAU,GACnD,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,QACX,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI;AAAA,MAAA;AAAA,OAEtC,EACJ,CAAA;AAAA,IACC;AAAA,EAAA,GACL;AAER;AAEA,KAAK,cAAc;"}