@orbe-agro/client-core 5.3.85 → 5.3.89

package/dist/@ecme/components/ui/Avatar/AvatarGroup.js

@@ -1,66 +1,66 @@
-import { jsx as o, Fragment as A } from "react/jsx-runtime";
-import { Children as p, cloneElement as C, Fragment as N } from "react";
+import { jsx as t, Fragment as C } from "react/jsx-runtime";
+import { Children as p, cloneElement as g, Fragment as N } from "react";
 import T from "classnames";
 import $ from "./Avatar.js";
-import x from "../Tooltip/Tooltip.js";
+import k from "../Tooltip/Tooltip.js";
 const d = ({
-  children: c,
+  children: n,
   chained: r,
-  className: t
-}) => /* @__PURE__ */ o(
+  className: o
+}) => /* @__PURE__ */ t(
   "div",
   {
     className: T(
       "avatar-group",
       r && "avatar-group-chained",
-      t
+      o
     ),
-    children: c
+    children: n
   }
-), j = (c) => {
+), P = (n) => {
   const {
     chained: r = !1,
-    children: t,
-    className: l,
+    children: o,
+    className: c,
     maxCount: a = 4,
-    onOmittedAvatarClick: e,
+    onOmittedAvatarClick: l,
     omittedAvatarContent: h,
-    omittedAvatarProps: u,
-    omittedAvatarTooltip: v = !1,
+    omittedAvatarProps: v,
+    omittedAvatarTooltip: u = !1,
     omittedAvatarTooltipProps: f
-  } = c, s = p.count(t), g = p.toArray(t).map(
-    (n, i) => (
+  } = n, m = p.count(o), A = p.toArray(o).map(
+    (e, i) => (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      C(n, {
+      g(e, {
         key: `grouped-avatar-${i}`
       })
     )
   );
-  if (a && a < s) {
-    const n = g.slice(0, a), i = s - a, m = /* @__PURE__ */ o(
+  if (a && a < m) {
+    const e = A.slice(0, a), i = m - a, s = /* @__PURE__ */ t(
       $,
       {
-        className: e ? "cursor-pointer" : "",
-        onClick: () => e == null ? void 0 : e(),
-        ...u,
+        className: l ? "cursor-pointer" : "",
+        onClick: () => l?.(),
+        ...v,
         children: h || `+${i}`
       }
     );
-    return n.push(
-      v ? /* @__PURE__ */ o(
-        x,
+    return e.push(
+      u ? /* @__PURE__ */ t(
+        k,
         {
           title: `${i} More`,
           ...f,
-          children: /* @__PURE__ */ o(A, { children: m })
+          children: /* @__PURE__ */ t(C, { children: s })
         },
         "avatar-more-tooltip"
-      ) : /* @__PURE__ */ o(N, { children: m }, "avatar-more-tooltip")
-    ), /* @__PURE__ */ o(d, { className: l, chained: r, children: n });
+      ) : /* @__PURE__ */ t(N, { children: s }, "avatar-more-tooltip")
+    ), /* @__PURE__ */ t(d, { className: c, chained: r, children: e });
   }
-  return /* @__PURE__ */ o(d, { className: l, chained: r, children: t });
+  return /* @__PURE__ */ t(d, { className: c, chained: r, children: o });
 };
 export {
-  j as default
+  P as default
 };
 //# sourceMappingURL=AvatarGroup.js.map

package/dist/@ecme/components/ui/Avatar/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Avatar from './Avatar'\nimport Tooltip from '../Tooltip/Tooltip'\nimport type { AvatarProps } from './Avatar'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ReactElement } from 'react'\nimport type { TooltipProps } from '../Tooltip/Tooltip'\n\nexport interface AvatarGroupProps extends CommonProps {\n    chained?: boolean\n    maxCount?: number\n    onOmittedAvatarClick?: () => void\n    omittedAvatarContent?: string | ReactNode\n    omittedAvatarProps?: AvatarProps\n    omittedAvatarTooltip?: boolean\n    omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\n}\n\ninterface GroupContainerProps\n    extends CommonProps,\n        Pick<AvatarGroupProps, 'chained'> {}\n\nconst GroupContainer = ({\n    children,\n    chained,\n    className,\n}: GroupContainerProps) => (\n    <div\n        className={classNames(\n            'avatar-group',\n            chained && 'avatar-group-chained',\n            className,\n        )}\n    >\n        {children}\n    </div>\n)\n\nconst AvatarGroup = (props: AvatarGroupProps) => {\n    const {\n        chained = false,\n        children,\n        className,\n        maxCount = 4,\n        onOmittedAvatarClick,\n        omittedAvatarContent,\n        omittedAvatarProps,\n        omittedAvatarTooltip = false,\n        omittedAvatarTooltipProps,\n    } = props\n\n    const childCount = Children.count(children)\n\n    const childWithKey = Children.toArray(children).map((child, index) =>\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        cloneElement(child as ReactElement<any>, {\n            key: `grouped-avatar-${index}`,\n        }),\n    )\n\n    if (maxCount && maxCount < childCount) {\n        const childToShow = childWithKey.slice(0, maxCount)\n        const overflowCount = childCount - maxCount\n        const avatar = (\n            <Avatar\n                className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\n                onClick={() => onOmittedAvatarClick?.()}\n                {...omittedAvatarProps}\n            >\n                {omittedAvatarContent || `+${overflowCount}`}\n            </Avatar>\n        )\n\n        childToShow.push(\n            omittedAvatarTooltip ? (\n                <Tooltip\n                    key=\"avatar-more-tooltip\"\n                    title={`${overflowCount} More`}\n                    {...omittedAvatarTooltipProps}\n                >\n                    <>{avatar}</>\n                </Tooltip>\n            ) : (\n                <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\n            ),\n        )\n        return (\n            <GroupContainer className={className} chained={chained}>\n                {childToShow}\n            </GroupContainer>\n        )\n    }\n\n    return (\n        <GroupContainer className={className} chained={chained}>\n            {children}\n        </GroupContainer>\n    )\n}\n\nexport default AvatarGroup\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IAAA;AAAA,IAGH,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAAA,CAC/B;AAAA;AAAA,EAAA;AAGL,MAAIV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,KAAA,gBAAAA;AAAA,QACd,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAAA;AAIlD,WAAAD,EAAY;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAAS,EAAA,CAAO;AAAA,QAAA;AAAA,QAJN;AAAA,MAAA,IAOR,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAAA,GAIhD,gBAAArB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAkB,GACL;AAAA,EAER;AAEA,SACI,gBAAAhB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EAAA,CACL;AAER;"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../../lib/@ecme/components/ui/Avatar/AvatarGroup.tsx"],"sourcesContent":["import { Children, cloneElement, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Avatar from './Avatar'\nimport Tooltip from '../Tooltip/Tooltip'\nimport type { AvatarProps } from './Avatar'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ReactElement } from 'react'\nimport type { TooltipProps } from '../Tooltip/Tooltip'\n\nexport interface AvatarGroupProps extends CommonProps {\n    chained?: boolean\n    maxCount?: number\n    onOmittedAvatarClick?: () => void\n    omittedAvatarContent?: string | ReactNode\n    omittedAvatarProps?: AvatarProps\n    omittedAvatarTooltip?: boolean\n    omittedAvatarTooltipProps?: Omit<TooltipProps, 'title'>\n}\n\ninterface GroupContainerProps\n    extends CommonProps,\n        Pick<AvatarGroupProps, 'chained'> {}\n\nconst GroupContainer = ({\n    children,\n    chained,\n    className,\n}: GroupContainerProps) => (\n    <div\n        className={classNames(\n            'avatar-group',\n            chained && 'avatar-group-chained',\n            className,\n        )}\n    >\n        {children}\n    </div>\n)\n\nconst AvatarGroup = (props: AvatarGroupProps) => {\n    const {\n        chained = false,\n        children,\n        className,\n        maxCount = 4,\n        onOmittedAvatarClick,\n        omittedAvatarContent,\n        omittedAvatarProps,\n        omittedAvatarTooltip = false,\n        omittedAvatarTooltipProps,\n    } = props\n\n    const childCount = Children.count(children)\n\n    const childWithKey = Children.toArray(children).map((child, index) =>\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        cloneElement(child as ReactElement<any>, {\n            key: `grouped-avatar-${index}`,\n        }),\n    )\n\n    if (maxCount && maxCount < childCount) {\n        const childToShow = childWithKey.slice(0, maxCount)\n        const overflowCount = childCount - maxCount\n        const avatar = (\n            <Avatar\n                className={onOmittedAvatarClick ? 'cursor-pointer' : ''}\n                onClick={() => onOmittedAvatarClick?.()}\n                {...omittedAvatarProps}\n            >\n                {omittedAvatarContent || `+${overflowCount}`}\n            </Avatar>\n        )\n\n        childToShow.push(\n            omittedAvatarTooltip ? (\n                <Tooltip\n                    key=\"avatar-more-tooltip\"\n                    title={`${overflowCount} More`}\n                    {...omittedAvatarTooltipProps}\n                >\n                    <>{avatar}</>\n                </Tooltip>\n            ) : (\n                <Fragment key=\"avatar-more-tooltip\">{avatar}</Fragment>\n            ),\n        )\n        return (\n            <GroupContainer className={className} chained={chained}>\n                {childToShow}\n            </GroupContainer>\n        )\n    }\n\n    return (\n        <GroupContainer className={className} chained={chained}>\n            {children}\n        </GroupContainer>\n    )\n}\n\nexport default AvatarGroup\n"],"names":["GroupContainer","children","chained","className","jsx","classNames","AvatarGroup","props","maxCount","onOmittedAvatarClick","omittedAvatarContent","omittedAvatarProps","omittedAvatarTooltip","omittedAvatarTooltipProps","childCount","Children","childWithKey","child","index","cloneElement","childToShow","overflowCount","avatar","Avatar","Tooltip","Fragment"],"mappings":";;;;;AAuBA,MAAMA,IAAiB,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC;AAAA,MACP;AAAA,MACAH,KAAW;AAAA,MACXC;AAAA,IAAA;AAAA,IAGH,UAAAF;AAAA,EAAA;AACL,GAGEK,IAAc,CAACC,MAA4B;AAC7C,QAAM;AAAA,IACF,SAAAL,IAAU;AAAA,IACV,UAAAD;AAAA,IACA,WAAAE;AAAA,IACA,UAAAK,IAAW;AAAA,IACX,sBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,sBAAAC,IAAuB;AAAA,IACvB,2BAAAC;AAAA,EAAA,IACAN,GAEEO,IAAaC,EAAS,MAAMd,CAAQ,GAEpCe,IAAeD,EAAS,QAAQd,CAAQ,EAAE;AAAA,IAAI,CAACgB,GAAOC;AAAA;AAAA,MAExDC,EAAaF,GAA4B;AAAA,QACrC,KAAK,kBAAkBC,CAAK;AAAA,MAAA,CAC/B;AAAA;AAAA,EAAA;AAGL,MAAIV,KAAYA,IAAWM,GAAY;AACnC,UAAMM,IAAcJ,EAAa,MAAM,GAAGR,CAAQ,GAC5Ca,IAAgBP,IAAaN,GAC7Bc,IACF,gBAAAlB;AAAA,MAACmB;AAAA,MAAA;AAAA,QACG,WAAWd,IAAuB,mBAAmB;AAAA,QACrD,SAAS,MAAMA,IAAA;AAAA,QACd,GAAGE;AAAA,QAEH,UAAAD,KAAwB,IAAIW,CAAa;AAAA,MAAA;AAAA,IAAA;AAIlD,WAAAD,EAAY;AAAA,MACRR,IACI,gBAAAR;AAAA,QAACoB;AAAA,QAAA;AAAA,UAEG,OAAO,GAAGH,CAAa;AAAA,UACtB,GAAGR;AAAA,UAEJ,iCAAG,UAAAS,EAAA,CAAO;AAAA,QAAA;AAAA,QAJN;AAAA,MAAA,IAOR,gBAAAlB,EAACqB,GAAA,EAAoC,eAAvB,qBAA8B;AAAA,IAAA,GAIhD,gBAAArB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAkB,GACL;AAAA,EAER;AAEA,SACI,gBAAAhB,EAACJ,GAAA,EAAe,WAAAG,GAAsB,SAAAD,GACjC,UAAAD,EAAA,CACL;AAER;"}

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

@@ -1,137 +1,136 @@
-import { jsxs as S, jsx as o, Fragment as $ } from "react/jsx-runtime";
-import c from "../utils/classNames.js";
+import { jsxs as C, jsx as o, Fragment as h } from "react/jsx-runtime";
+import i from "../utils/classNames.js";
 import "../ConfigProvider/index.js";
-import { useForm as P } from "../Form/context.js";
-import { useInputGroup as Q } from "../InputGroup/context.js";
-import { CONTROL_SIZES as n, SIZES as g } from "../utils/constants.js";
+import { useForm as H } from "../Form/context.js";
+import { useInputGroup as J } from "../InputGroup/context.js";
+import { CONTROL_SIZES as n, SIZES as p } from "../utils/constants.js";
 import "../Spinner/index.js";
-import { useConfig as U } from "../ConfigProvider/ConfigProvider.js";
-import w from "../Spinner/Spinner.js";
+import { useConfig as K } from "../ConfigProvider/ConfigProvider.js";
+import y from "../Spinner/Spinner.js";
 const u = {
   round: "rounded-xl",
   circle: "rounded-full",
   none: "rounded-none"
-}, cr = (x) => {
-  var C, k, v;
+}, sr = (f) => {
   const {
-    asElement: z = "button",
+    asElement: k = "button",
     active: a = !1,
-    block: N = !1,
+    block: v = !1,
     children: e,
-    className: j,
-    clickFeedback: F = !0,
-    customColorClass: b,
-    disabled: I,
+    className: S,
+    clickFeedback: $ = !0,
+    customColorClass: w,
+    disabled: z,
     icon: t,
     loading: l = !1,
-    ref: B,
+    ref: N,
     shape: s = "round",
-    size: E,
-    variant: G = "default",
-    iconAlignment: h = "start",
-    ...T
-  } = x, { controlSize: L, ui: p } = U(), O = (C = P()) == null ? void 0 : C.size, Z = (k = Q()) == null ? void 0 : k.size, A = "button", d = "inline-flex items-center justify-center", D = E || Z || O || L, M = !((v = p == null ? void 0 : p.button) != null && v.disableClickFeedback) || F, m = I || l, R = () => {
+    size: j,
+    variant: F = "default",
+    iconAlignment: g = "start",
+    ...I
+  } = f, { controlSize: B, ui: E } = K(), G = H()?.size, T = J()?.size, L = "button", c = "inline-flex items-center justify-center", O = j || T || G || B, Z = !E?.button?.disableClickFeedback || $, d = z || l, A = () => {
     let r = "";
-    switch (D) {
-      case g.LG:
-        r = c(
+    switch (O) {
+      case p.LG:
+        r = i(
           n.lg.h,
           u[s],
-          t && !e ? `${n.lg.w} ${d} text-2xl` : "px-8 py-2 text-base"
+          t && !e ? `${n.lg.w} ${c} text-2xl` : "px-8 py-2 text-base"
         );
         break;
-      case g.SM:
-        r = c(
+      case p.SM:
+        r = i(
           n.sm.h,
           s === "round" ? "rounded-xl" : u[s],
-          t && !e ? `${n.sm.w} ${d} text-lg` : "px-3 py-2 text-sm"
+          t && !e ? `${n.sm.w} ${c} text-lg` : "px-3 py-2 text-sm"
         );
         break;
-      case g.XS:
-        r = c(
+      case p.XS:
+        r = i(
           n.xs.h,
           s === "round" ? "rounded-lg" : u[s],
-          t && !e ? `${n.xs.w} ${d} text-base` : "px-3 py-1 text-xs"
+          t && !e ? `${n.xs.w} ${c} text-base` : "px-3 py-1 text-xs"
         );
         break;
       default:
-        r = c(
+        r = i(
           n.md.h,
           u[s],
-          t && !e ? `${n.md.w} ${d} text-xl` : "px-5 py-2"
+          t && !e ? `${n.md.w} ${c} text-xl` : "px-5 py-2"
         );
         break;
     }
     return r;
-  }, X = "cursor-not-allowed opacity-50", _ = () => f({
+  }, D = "cursor-not-allowed opacity-50", M = () => m({
     bgColor: a ? "bg-primary-deep" : "bg-primary",
     textColor: "text-neutral",
     hoverColor: a ? "" : "hover:bg-primary-mild",
     activeColor: ""
-  }), q = () => f({
+  }), R = () => m({
     bgColor: a ? "" : "dark:primary-mild dark:bg-opacity-20",
     textColor: "",
     hoverColor: a ? "" : "hover:text-primary-mild",
     activeColor: "dark:active:primary-mild dark:active:bg-opacity-40"
-  }), y = () => f({
+  }), x = () => m({
     bgColor: a ? "bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500" : "bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700",
     textColor: "text-gray-600 dark:text-gray-100",
     hoverColor: a ? "" : "ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent",
     activeColor: ""
-  }), f = ({
+  }), m = ({
     bgColor: r,
-    hoverColor: i,
-    activeColor: J,
-    textColor: K
-  }) => `${r} ${m ? X : i + " " + J} ${K}`, H = c(
-    A,
+    hoverColor: b,
+    activeColor: _,
+    textColor: q
+  }) => `${r} ${d ? D : b + " " + _} ${q}`, X = i(
+    L,
     (() => {
-      switch (G) {
+      switch (F) {
         case "solid":
-          return _();
+          return M();
         case "plain":
-          return q();
+          return R();
         case "default":
-          return y();
+          return x();
         default:
-          return y();
+          return x();
       }
     })(),
-    R(),
-    j,
-    N ? "w-full" : "",
-    M && !m && "button-press-feedback",
-    b == null ? void 0 : b({
+    A(),
+    S,
+    v ? "w-full" : "",
+    Z && !d && "button-press-feedback",
+    w?.({
       active: a,
-      unclickable: m
+      unclickable: d
     })
   );
   return /* @__PURE__ */ o(
-    z,
+    k,
     {
-      ref: B,
-      className: H,
-      ...T,
+      ref: N,
+      className: X,
+      ...I,
       onClick: (r) => {
-        const { onClick: i } = x;
-        if (m) {
+        const { onClick: b } = f;
+        if (d) {
           r.preventDefault();
           return;
         }
-        i == null || i(r);
+        b?.(r);
       },
-      children: l && e ? /* @__PURE__ */ S("span", { className: "flex items-center justify-center", children: [
-        /* @__PURE__ */ o(w, { enableTheme: !1, className: "mr-1" }),
+      children: l && e ? /* @__PURE__ */ C("span", { className: "flex items-center justify-center", children: [
+        /* @__PURE__ */ o(y, { enableTheme: !1, className: "mr-1" }),
         e
-      ] }) : t && !e && l ? /* @__PURE__ */ o(w, { enableTheme: !1 }) : t && !e && !l ? /* @__PURE__ */ o($, { children: t }) : t && e && !l ? /* @__PURE__ */ S("span", { className: "flex items-center justify-center gap-1", children: [
-        h === "start" && /* @__PURE__ */ o("span", { className: "text-lg", children: t }),
+      ] }) : t && !e && l ? /* @__PURE__ */ o(y, { enableTheme: !1 }) : t && !e && !l ? /* @__PURE__ */ o(h, { children: t }) : t && e && !l ? /* @__PURE__ */ C("span", { className: "flex items-center justify-center gap-1", children: [
+        g === "start" && /* @__PURE__ */ o("span", { className: "text-lg", children: t }),
         /* @__PURE__ */ o("span", { children: e }),
-        h === "end" && /* @__PURE__ */ o("span", { className: "text-lg", children: t })
-      ] }) : /* @__PURE__ */ o($, { children: e })
+        g === "end" && /* @__PURE__ */ o("span", { className: "text-lg", children: t })
+      ] }) : /* @__PURE__ */ o(h, { children: e })
     }
   );
 };
 export {
-  cr as default
+  sr as default
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    ComponentPropsWithRef,\n    MouseEvent,\n    ElementType,\n} from 'react'\n\nexport interface ButtonProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n    asElement?: ElementType\n    active?: boolean\n    block?: boolean\n    clickFeedback?: boolean\n    customColorClass?: (state: {\n        active: boolean\n        unclickable: boolean\n    }) => string\n    disabled?: boolean\n    icon?: string | ReactNode\n    loading?: boolean\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n    ref?: React.Ref<HTMLButtonElement>\n    shape?: TypeAttributes.Shape\n    size?: TypeAttributes.Size\n    variant?: 'solid' | 'plain' | 'default'\n    iconAlignment?: 'start' | 'end'\n}\n\ntype ButtonColor = {\n    bgColor: string\n    hoverColor: string\n    activeColor: string\n    textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n    round: 'rounded-xl',\n    circle: 'rounded-full',\n    none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n    const {\n        asElement: Component = 'button',\n        active = false,\n        block = false,\n        children,\n        className,\n        clickFeedback = true,\n        customColorClass,\n        disabled,\n        icon,\n        loading = false,\n        ref,\n        shape = 'round',\n        size,\n        variant = 'default',\n        iconAlignment = 'start',\n        ...rest\n    } = props\n    const { controlSize, ui } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n    const defaultClass = 'button'\n    const sizeIconClass = 'inline-flex items-center justify-center'\n\n    const buttonSize = size || inputGroupSize || formControlSize || controlSize\n    const feedback = !ui?.button?.disableClickFeedback || clickFeedback\n    const unclickable = disabled || loading\n\n    const getButtonSize = () => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    CONTROL_SIZES.lg.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n                        : 'px-8 py-2 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(\n                    CONTROL_SIZES.sm.h,\n                    shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n                        : 'px-3 py-2 text-sm',\n                )\n                break\n            case SIZES.XS:\n                sizeClass = classNames(\n                    CONTROL_SIZES.xs.h,\n                    shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n                        : 'px-3 py-1 text-xs',\n                )\n                break\n            default:\n                sizeClass = classNames(\n                    CONTROL_SIZES.md.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n                        : 'px-5 py-2',\n                )\n                break\n        }\n        return sizeClass\n    }\n\n    const disabledClass = 'cursor-not-allowed opacity-50'\n\n    const solidColor = () => {\n        const btn = {\n            bgColor: active ? `bg-primary-deep` : `bg-primary`,\n            textColor: 'text-neutral',\n            hoverColor: active ? '' : `hover:bg-primary-mild`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const plainColor = () => {\n        const btn = {\n            bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n            textColor: ``,\n            hoverColor: active ? '' : `hover:text-primary-mild`,\n            activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n        }\n        return getBtnColor(btn)\n    }\n\n    const defaultColor = () => {\n        const btn = {\n            bgColor: active\n                ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n                : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n            textColor: `text-gray-600 dark:text-gray-100`,\n            hoverColor: active\n                ? ''\n                : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const getBtnColor = ({\n        bgColor,\n        hoverColor,\n        activeColor,\n        textColor,\n    }: ButtonColor) => {\n        return `${bgColor} ${\n            unclickable ? disabledClass : hoverColor + ' ' + activeColor\n        } ${textColor}`\n    }\n\n    const btnColor = () => {\n        switch (variant) {\n            case 'solid':\n                return solidColor()\n            case 'plain':\n                return plainColor()\n            case 'default':\n                return defaultColor()\n            default:\n                return defaultColor()\n        }\n    }\n\n    const classes = classNames(\n        defaultClass,\n        btnColor(),\n        getButtonSize(),\n        className,\n        block ? 'w-full' : '',\n        feedback && !unclickable && 'button-press-feedback',\n        customColorClass?.({\n            active,\n            unclickable,\n        }),\n    )\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n        const { onClick } = props\n        if (unclickable) {\n            e.preventDefault()\n            return\n        }\n        onClick?.(e)\n    }\n\n    const renderChildren = () => {\n        if (loading && children) {\n            return (\n                <span className=\"flex items-center justify-center\">\n                    <Spinner enableTheme={false} className=\"mr-1\" />\n                    {children}\n                </span>\n            )\n        }\n\n        if (icon && !children && loading) {\n            return <Spinner enableTheme={false} />\n        }\n\n        if (icon && !children && !loading) {\n            return <>{icon}</>\n        }\n\n        if (icon && children && !loading) {\n            return (\n                <span className=\"flex items-center justify-center gap-1\">\n                    {iconAlignment === 'start' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                    <span>{children}</span>\n                    {iconAlignment === 'end' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                </span>\n            )\n        }\n\n        return <>{children}</>\n    }\n\n    return (\n        <Component\n            ref={ref}\n            className={classes}\n            {...rest}\n            onClick={handleClick}\n        >\n            {renderChildren()}\n        </Component>\n    )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","_a","useForm","inputGroupSize","_b","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","_c","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../../lib/@ecme/components/ui/Button/Button.tsx"],"sourcesContent":["import classNames from '../utils/classNames'\nimport { useConfig } from '../ConfigProvider'\nimport { useForm } from '../Form/context'\nimport { useInputGroup } from '../InputGroup/context'\nimport { CONTROL_SIZES, SIZES } from '../utils/constants'\nimport { Spinner } from '../Spinner'\nimport type { CommonProps, TypeAttributes } from '../@types/common'\nimport type {\n    ReactNode,\n    ComponentPropsWithRef,\n    MouseEvent,\n    ElementType,\n} from 'react'\n\nexport interface ButtonProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n    asElement?: ElementType\n    active?: boolean\n    block?: boolean\n    clickFeedback?: boolean\n    customColorClass?: (state: {\n        active: boolean\n        unclickable: boolean\n    }) => string\n    disabled?: boolean\n    icon?: string | ReactNode\n    loading?: boolean\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n    ref?: React.Ref<HTMLButtonElement>\n    shape?: TypeAttributes.Shape\n    size?: TypeAttributes.Size\n    variant?: 'solid' | 'plain' | 'default'\n    iconAlignment?: 'start' | 'end'\n}\n\ntype ButtonColor = {\n    bgColor: string\n    hoverColor: string\n    activeColor: string\n    textColor: string\n}\n\nconst radiusShape: Record<TypeAttributes.Shape, string> = {\n    round: 'rounded-xl',\n    circle: 'rounded-full',\n    none: 'rounded-none',\n}\n\nconst Button = (props: ButtonProps) => {\n    const {\n        asElement: Component = 'button',\n        active = false,\n        block = false,\n        children,\n        className,\n        clickFeedback = true,\n        customColorClass,\n        disabled,\n        icon,\n        loading = false,\n        ref,\n        shape = 'round',\n        size,\n        variant = 'default',\n        iconAlignment = 'start',\n        ...rest\n    } = props\n    const { controlSize, ui } = useConfig()\n    const formControlSize = useForm()?.size\n    const inputGroupSize = useInputGroup()?.size\n    const defaultClass = 'button'\n    const sizeIconClass = 'inline-flex items-center justify-center'\n\n    const buttonSize = size || inputGroupSize || formControlSize || controlSize\n    const feedback = !ui?.button?.disableClickFeedback || clickFeedback\n    const unclickable = disabled || loading\n\n    const getButtonSize = () => {\n        let sizeClass = ''\n        switch (buttonSize) {\n            case SIZES.LG:\n                sizeClass = classNames(\n                    CONTROL_SIZES.lg.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.lg.w} ${sizeIconClass} text-2xl`\n                        : 'px-8 py-2 text-base',\n                )\n                break\n            case SIZES.SM:\n                sizeClass = classNames(\n                    CONTROL_SIZES.sm.h,\n                    shape === 'round' ? 'rounded-xl' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.sm.w} ${sizeIconClass} text-lg`\n                        : 'px-3 py-2 text-sm',\n                )\n                break\n            case SIZES.XS:\n                sizeClass = classNames(\n                    CONTROL_SIZES.xs.h,\n                    shape === 'round' ? 'rounded-lg' : radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.xs.w} ${sizeIconClass} text-base`\n                        : 'px-3 py-1 text-xs',\n                )\n                break\n            default:\n                sizeClass = classNames(\n                    CONTROL_SIZES.md.h,\n                    radiusShape[shape],\n                    icon && !children\n                        ? `${CONTROL_SIZES.md.w} ${sizeIconClass} text-xl`\n                        : 'px-5 py-2',\n                )\n                break\n        }\n        return sizeClass\n    }\n\n    const disabledClass = 'cursor-not-allowed opacity-50'\n\n    const solidColor = () => {\n        const btn = {\n            bgColor: active ? `bg-primary-deep` : `bg-primary`,\n            textColor: 'text-neutral',\n            hoverColor: active ? '' : `hover:bg-primary-mild`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const plainColor = () => {\n        const btn = {\n            bgColor: active ? `` : `dark:primary-mild dark:bg-opacity-20`,\n            textColor: ``,\n            hoverColor: active ? '' : `hover:text-primary-mild`,\n            activeColor: `dark:active:primary-mild dark:active:bg-opacity-40`,\n        }\n        return getBtnColor(btn)\n    }\n\n    const defaultColor = () => {\n        const btn = {\n            bgColor: active\n                ? `bg-gray-100 border border-gray-300 dark:bg-gray-500 dark:border-gray-500`\n                : `bg-white border border-gray-300 dark:bg-gray-700 dark:border-gray-700`,\n            textColor: `text-gray-600 dark:text-gray-100`,\n            hoverColor: active\n                ? ''\n                : `ring-primary dark:ring-primary hover:border-primary dark:hover:border-primary hover:ring-1 hover:text-primary dark:hover:text-white dark:hover:bg-transparent`,\n            activeColor: ``,\n        }\n        return getBtnColor(btn)\n    }\n\n    const getBtnColor = ({\n        bgColor,\n        hoverColor,\n        activeColor,\n        textColor,\n    }: ButtonColor) => {\n        return `${bgColor} ${\n            unclickable ? disabledClass : hoverColor + ' ' + activeColor\n        } ${textColor}`\n    }\n\n    const btnColor = () => {\n        switch (variant) {\n            case 'solid':\n                return solidColor()\n            case 'plain':\n                return plainColor()\n            case 'default':\n                return defaultColor()\n            default:\n                return defaultColor()\n        }\n    }\n\n    const classes = classNames(\n        defaultClass,\n        btnColor(),\n        getButtonSize(),\n        className,\n        block ? 'w-full' : '',\n        feedback && !unclickable && 'button-press-feedback',\n        customColorClass?.({\n            active,\n            unclickable,\n        }),\n    )\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n        const { onClick } = props\n        if (unclickable) {\n            e.preventDefault()\n            return\n        }\n        onClick?.(e)\n    }\n\n    const renderChildren = () => {\n        if (loading && children) {\n            return (\n                <span className=\"flex items-center justify-center\">\n                    <Spinner enableTheme={false} className=\"mr-1\" />\n                    {children}\n                </span>\n            )\n        }\n\n        if (icon && !children && loading) {\n            return <Spinner enableTheme={false} />\n        }\n\n        if (icon && !children && !loading) {\n            return <>{icon}</>\n        }\n\n        if (icon && children && !loading) {\n            return (\n                <span className=\"flex items-center justify-center gap-1\">\n                    {iconAlignment === 'start' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                    <span>{children}</span>\n                    {iconAlignment === 'end' && (\n                        <span className=\"text-lg\">{icon}</span>\n                    )}\n                </span>\n            )\n        }\n\n        return <>{children}</>\n    }\n\n    return (\n        <Component\n            ref={ref}\n            className={classes}\n            {...rest}\n            onClick={handleClick}\n        >\n            {renderChildren()}\n        </Component>\n    )\n}\n\nexport default Button\n"],"names":["radiusShape","Button","props","Component","active","block","children","className","clickFeedback","customColorClass","disabled","icon","loading","ref","shape","size","variant","iconAlignment","rest","controlSize","ui","useConfig","formControlSize","useForm","inputGroupSize","useInputGroup","defaultClass","sizeIconClass","buttonSize","feedback","unclickable","getButtonSize","sizeClass","SIZES","classNames","CONTROL_SIZES","disabledClass","solidColor","getBtnColor","plainColor","defaultColor","bgColor","hoverColor","activeColor","textColor","classes","jsx","e","onClick","jsxs","Spinner"],"mappings":"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"}

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

@@ -1,67 +1,66 @@
-import { jsx as r, Fragment as F, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, Fragment as y, jsxs as d } from "react/jsx-runtime";
 import a from "classnames";
 import "../ConfigProvider/index.js";
-import { useConfig as H } from "../ConfigProvider/ConfigProvider.js";
-const j = {
+import { useConfig as F } from "../ConfigProvider/ConfigProvider.js";
+const H = {
   bordered: !0
-}, B = {
+}, j = {
   bordered: !0
-}, D = (n) => {
-  var t;
-  const { ui: d } = H(), {
-    bodyClass: l,
-    children: i,
-    className: f,
-    clickable: h = !1,
-    bordered: m = ((t = d == null ? void 0 : d.card) == null ? void 0 : t.cardBordered) ?? !0,
-    header: u = {},
-    footer: b = {},
-    ref: p,
-    onClick: s,
-    ...C
-  } = n, e = {
-    ...j,
-    ...u
-  }, o = {
-    ...B,
+}, A = (c) => {
+  const { ui: s } = F(), {
+    bodyClass: t,
+    children: n,
+    className: l,
+    clickable: i = !1,
+    bordered: f = s?.card?.cardBordered ?? !0,
+    header: h = {},
+    footer: m = {},
+    ref: u,
+    onClick: C,
     ...b
-  }, N = a(
+  } = c, e = {
+    ...H,
+    ...h
+  }, o = {
+    ...j,
+    ...m
+  }, p = a(
     "card",
-    f,
-    m ? "card-border" : "card-shadow",
-    h && "cursor-pointer user-select-none"
-  ), x = a("card-body", l), g = a(
+    l,
+    f ? "card-border" : "card-shadow",
+    i && "cursor-pointer user-select-none"
+  ), N = a("card-body", t), x = a(
     "card-header",
     e.bordered ? "card-header-border" : null,
     e.extra ? "card-header-extra" : null,
     e.className
-  ), v = a(
+  ), g = a(
     "card-footer",
     o.bordered && "card-footer-border",
     o.className
-  ), y = () => typeof e.content == "string" ? /* @__PURE__ */ r("h4", { children: e.content }) : /* @__PURE__ */ r(F, { children: e.content });
-  return /* @__PURE__ */ c(
+  ), k = () => typeof e.content == "string" ? /* @__PURE__ */ r("h4", { children: e.content }) : /* @__PURE__ */ r(y, { children: e.content });
+  return /* @__PURE__ */ d(
     "div",
     {
-      ref: p,
-      className: N,
+      ref: u,
+      className: p,
       role: "presentation",
-      onClick: (k) => {
-        s == null || s(k);
+      onClick: (v) => {
+        C?.(v);
       },
-      ...C,
+      ...b,
       children: [
-        e.content && /* @__PURE__ */ c("div", { className: g, children: [
-          y(),
+        e.content && /* @__PURE__ */ d("div", { className: x, children: [
+          k(),
           e.extra && /* @__PURE__ */ r("span", { children: e.extra })
         ] }),
-        /* @__PURE__ */ r("div", { className: x, children: i }),
-        o.content && /* @__PURE__ */ r("div", { className: v, children: o.content })
+        /* @__PURE__ */ r("div", { className: N, children: n }),
+        o.content && /* @__PURE__ */ r("div", { className: g, children: o.content })
       ]
     }
   );
 };
 export {
-  D as default
+  A as default
 };
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../lib/@ecme/components/ui/Card/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ComponentPropsWithRef, MouseEvent, Ref } from 'react'\n\ntype CardHeader = {\n    content?: string | ReactNode\n    className?: string\n    bordered?: boolean\n    extra?: string | ReactNode\n}\n\ntype CardFooter = {\n    content?: string | ReactNode\n    className?: string\n    bordered?: boolean\n}\n\nexport interface CardProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'div'>, 'onClick'> {\n    clickable?: boolean\n    header?: CardHeader\n    bodyClass?: string\n    footer?: CardFooter\n    bordered?: boolean\n    ref?: Ref<HTMLDivElement>\n    onClick?: (e: MouseEvent<HTMLDivElement>) => void\n}\n\nconst defaultHeaderConfig: CardHeader = {\n    bordered: true,\n}\n\nconst defaultFooterConfig: CardHeader = {\n    bordered: true,\n}\n\nconst Card = (props: CardProps) => {\n    const { ui } = useConfig()\n\n    const {\n        bodyClass,\n        children,\n        className,\n        clickable = false,\n        bordered = ui?.card?.cardBordered ?? true,\n        header = {},\n        footer = {},\n        ref,\n        onClick,\n        ...rest\n    } = props\n\n    const headerProps = {\n        ...defaultHeaderConfig,\n        ...header,\n    }\n\n    const footerProps = {\n        ...defaultFooterConfig,\n        ...footer,\n    }\n\n    const cardClass = classNames(\n        'card',\n        className,\n        bordered ? `card-border` : `card-shadow`,\n        clickable && 'cursor-pointer user-select-none',\n    )\n\n    const cardBodyClasss = classNames('card-body', bodyClass)\n    const cardHeaderClass = classNames(\n        'card-header',\n        headerProps.bordered ? 'card-header-border' : null,\n        headerProps.extra ? 'card-header-extra' : null,\n        headerProps.className,\n    )\n    const cardFooterClass = classNames(\n        'card-footer',\n        footerProps.bordered && `card-footer-border`,\n        footerProps.className,\n    )\n\n    const renderHeader = () => {\n        if (typeof headerProps.content === 'string') {\n            return <h4>{headerProps.content}</h4>\n        }\n        return <>{headerProps.content}</>\n    }\n\n    const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n        onClick?.(e)\n    }\n\n    return (\n        <div\n            ref={ref}\n            className={cardClass}\n            role=\"presentation\"\n            onClick={handleClick}\n            {...rest}\n        >\n            {headerProps.content && (\n                <div className={cardHeaderClass}>\n                    {renderHeader()}\n                    {headerProps.extra && <span>{headerProps.extra}</span>}\n                </div>\n            )}\n            <div className={cardBodyClasss}>{children}</div>\n            {footerProps.content && (\n                <div className={cardFooterClass}>{footerProps.content}</div>\n            )}\n        </div>\n    )\n}\n\nexport default Card\n"],"names":["defaultHeaderConfig","defaultFooterConfig","Card","props","ui","useConfig","bodyClass","children","className","clickable","bordered","_a","header","footer","ref","onClick","rest","headerProps","footerProps","cardClass","classNames","cardBodyClasss","cardHeaderClass","cardFooterClass","renderHeader","jsx","Fragment","jsxs","e"],"mappings":";;;;AA8BA,MAAMA,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAO,CAACC,MAAqB;;AAC/B,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,MAAWC,IAAAP,KAAA,gBAAAA,EAAI,SAAJ,gBAAAO,EAAU,iBAAgB;AAAA,IACrC,QAAAC,IAAS,CAAA;AAAA,IACT,QAAAC,IAAS,CAAA;AAAA,IACT,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHb,GAEEc,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAc;AAAA,IAChB,GAAGjB;AAAA,IACH,GAAGY;AAAA,EAAA,GAGDM,IAAYC;AAAA,IACd;AAAA,IACAZ;AAAA,IACAE,IAAW,gBAAgB;AAAA,IAC3BD,KAAa;AAAA,EAAA,GAGXY,IAAiBD,EAAW,aAAad,CAAS,GAClDgB,IAAkBF;AAAA,IACpB;AAAA,IACAH,EAAY,WAAW,uBAAuB;AAAA,IAC9CA,EAAY,QAAQ,sBAAsB;AAAA,IAC1CA,EAAY;AAAA,EAAA,GAEVM,IAAkBH;AAAA,IACpB;AAAA,IACAF,EAAY,YAAY;AAAA,IACxBA,EAAY;AAAA,EAAA,GAGVM,IAAe,MACb,OAAOP,EAAY,WAAY,WACxB,gBAAAQ,EAAC,MAAA,EAAI,UAAAR,EAAY,QAAA,CAAQ,IAE7B,gBAAAQ,EAAAC,GAAA,EAAG,YAAY,QAAA,CAAQ;AAOlC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MACL,SATY,CAACS,MAAkC;AACnD,QAAAb,KAAA,QAAAA,EAAUa;AAAA,MACd;AAAA,MAQS,GAAGZ;AAAA,MAEH,UAAA;AAAA,QAAAC,EAAY,WACT,gBAAAU,EAAC,OAAA,EAAI,WAAWL,GACX,UAAA;AAAA,UAAAE,EAAA;AAAA,UACAP,EAAY,SAAS,gBAAAQ,EAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,QAAA,GACnD;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAd,EAAA,CAAS;AAAA,QACzCW,EAAY,WACT,gBAAAO,EAAC,SAAI,WAAWF,GAAkB,YAAY,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItE;"}
+{"version":3,"file":"Card.js","sources":["../../../../../lib/@ecme/components/ui/Card/Card.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useConfig } from '../ConfigProvider'\nimport type { CommonProps } from '../@types/common'\nimport type { ReactNode, ComponentPropsWithRef, MouseEvent, Ref } from 'react'\n\ntype CardHeader = {\n    content?: string | ReactNode\n    className?: string\n    bordered?: boolean\n    extra?: string | ReactNode\n}\n\ntype CardFooter = {\n    content?: string | ReactNode\n    className?: string\n    bordered?: boolean\n}\n\nexport interface CardProps\n    extends CommonProps,\n        Omit<ComponentPropsWithRef<'div'>, 'onClick'> {\n    clickable?: boolean\n    header?: CardHeader\n    bodyClass?: string\n    footer?: CardFooter\n    bordered?: boolean\n    ref?: Ref<HTMLDivElement>\n    onClick?: (e: MouseEvent<HTMLDivElement>) => void\n}\n\nconst defaultHeaderConfig: CardHeader = {\n    bordered: true,\n}\n\nconst defaultFooterConfig: CardHeader = {\n    bordered: true,\n}\n\nconst Card = (props: CardProps) => {\n    const { ui } = useConfig()\n\n    const {\n        bodyClass,\n        children,\n        className,\n        clickable = false,\n        bordered = ui?.card?.cardBordered ?? true,\n        header = {},\n        footer = {},\n        ref,\n        onClick,\n        ...rest\n    } = props\n\n    const headerProps = {\n        ...defaultHeaderConfig,\n        ...header,\n    }\n\n    const footerProps = {\n        ...defaultFooterConfig,\n        ...footer,\n    }\n\n    const cardClass = classNames(\n        'card',\n        className,\n        bordered ? `card-border` : `card-shadow`,\n        clickable && 'cursor-pointer user-select-none',\n    )\n\n    const cardBodyClasss = classNames('card-body', bodyClass)\n    const cardHeaderClass = classNames(\n        'card-header',\n        headerProps.bordered ? 'card-header-border' : null,\n        headerProps.extra ? 'card-header-extra' : null,\n        headerProps.className,\n    )\n    const cardFooterClass = classNames(\n        'card-footer',\n        footerProps.bordered && `card-footer-border`,\n        footerProps.className,\n    )\n\n    const renderHeader = () => {\n        if (typeof headerProps.content === 'string') {\n            return <h4>{headerProps.content}</h4>\n        }\n        return <>{headerProps.content}</>\n    }\n\n    const handleClick = (e: MouseEvent<HTMLDivElement>) => {\n        onClick?.(e)\n    }\n\n    return (\n        <div\n            ref={ref}\n            className={cardClass}\n            role=\"presentation\"\n            onClick={handleClick}\n            {...rest}\n        >\n            {headerProps.content && (\n                <div className={cardHeaderClass}>\n                    {renderHeader()}\n                    {headerProps.extra && <span>{headerProps.extra}</span>}\n                </div>\n            )}\n            <div className={cardBodyClasss}>{children}</div>\n            {footerProps.content && (\n                <div className={cardFooterClass}>{footerProps.content}</div>\n            )}\n        </div>\n    )\n}\n\nexport default Card\n"],"names":["defaultHeaderConfig","defaultFooterConfig","Card","props","ui","useConfig","bodyClass","children","className","clickable","bordered","header","footer","ref","onClick","rest","headerProps","footerProps","cardClass","classNames","cardBodyClasss","cardHeaderClass","cardFooterClass","renderHeader","jsx","Fragment","jsxs","e"],"mappings":";;;;AA8BA,MAAMA,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAkC;AAAA,EACpC,UAAU;AACd,GAEMC,IAAO,CAACC,MAAqB;AAC/B,QAAM,EAAE,IAAAC,EAAA,IAAOC,EAAA,GAET;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWN,GAAI,MAAM,gBAAgB;AAAA,IACrC,QAAAO,IAAS,CAAA;AAAA,IACT,QAAAC,IAAS,CAAA;AAAA,IACT,KAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHZ,GAEEa,IAAc;AAAA,IAChB,GAAGhB;AAAA,IACH,GAAGW;AAAA,EAAA,GAGDM,IAAc;AAAA,IAChB,GAAGhB;AAAA,IACH,GAAGW;AAAA,EAAA,GAGDM,IAAYC;AAAA,IACd;AAAA,IACAX;AAAA,IACAE,IAAW,gBAAgB;AAAA,IAC3BD,KAAa;AAAA,EAAA,GAGXW,IAAiBD,EAAW,aAAab,CAAS,GAClDe,IAAkBF;AAAA,IACpB;AAAA,IACAH,EAAY,WAAW,uBAAuB;AAAA,IAC9CA,EAAY,QAAQ,sBAAsB;AAAA,IAC1CA,EAAY;AAAA,EAAA,GAEVM,IAAkBH;AAAA,IACpB;AAAA,IACAF,EAAY,YAAY;AAAA,IACxBA,EAAY;AAAA,EAAA,GAGVM,IAAe,MACb,OAAOP,EAAY,WAAY,WACxB,gBAAAQ,EAAC,MAAA,EAAI,UAAAR,EAAY,QAAA,CAAQ,IAE7B,gBAAAQ,EAAAC,GAAA,EAAG,YAAY,QAAA,CAAQ;AAOlC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAb;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MACL,SATY,CAACS,MAAkC;AACnD,QAAAb,IAAUa,CAAC;AAAA,MACf;AAAA,MAQS,GAAGZ;AAAA,MAEH,UAAA;AAAA,QAAAC,EAAY,WACT,gBAAAU,EAAC,OAAA,EAAI,WAAWL,GACX,UAAA;AAAA,UAAAE,EAAA;AAAA,UACAP,EAAY,SAAS,gBAAAQ,EAAC,QAAA,EAAM,YAAY,MAAA,CAAM;AAAA,QAAA,GACnD;AAAA,QAEJ,gBAAAA,EAAC,OAAA,EAAI,WAAWJ,GAAiB,UAAAb,EAAA,CAAS;AAAA,QACzCU,EAAY,WACT,gBAAAO,EAAC,SAAI,WAAWF,GAAkB,YAAY,QAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAItE;"}