asterui 0.12.56 → 0.12.57

package/dist/components/Popconfirm.js

@@ -1,64 +1,66 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import G, { useState as b, useRef as h, useEffect as K } from "react";
-const x = "btn", v = "btn-sm", M = "btn-primary", T = "btn-secondary", X = "btn-accent", q = "btn-success", D = "btn-warning", F = "btn-error", H = "btn-info", J = "btn-ghost", Q = "loading", U = "loading-spinner", V = "loading-xs", _ = ({
-  children: i,
-  title: C,
-  description: d,
+import D, { forwardRef as F, useState as v, useRef as C, useEffect as H } from "react";
+import { useConfig as J } from "./ConfigProvider.js";
+const k = "btn", w = "btn-sm", Q = "btn-primary", U = "btn-secondary", V = "btn-accent", Y = "btn-success", Z = "btn-warning", _ = "btn-error", tt = "btn-info", nt = "btn-ghost", et = "loading", st = "loading-spinner", ot = "loading-xs", it = F(function({
+  children: f,
+  title: y,
+  description: p,
   onConfirm: m,
-  onCancel: y,
-  okText: w = "OK",
-  cancelText: N = "Cancel",
-  okType: k = "primary",
-  cancelType: $ = "ghost",
-  placement: f = "top",
-  disabled: B = !1,
-  icon: p,
-  showCancel: L = !0,
+  onCancel: $,
+  okText: N,
+  cancelText: B,
+  okType: L = "primary",
+  cancelType: P = "ghost",
+  placement: u = "top",
+  disabled: O = !1,
+  icon: g,
+  showCancel: T = !0,
+  "data-testid": l,
   className: E,
-  ...O
-}) => {
-  const [o, a] = b(!1), [l, u] = b(!1), r = h(null), c = h(null);
-  K(() => {
+  ...R
+}, S) {
+  const { locale: b } = J(), [o, a] = v(!1), [c, h] = v(!1), i = C(null), j = N ?? b.Popconfirm?.okText ?? "OK", z = B ?? b.Popconfirm?.cancelText ?? "Cancel", r = (t) => l ? `${l}-${t}` : void 0, d = C(null);
+  H(() => {
     const t = (e) => {
-      r.current && !r.current.contains(e.target) && c.current && !c.current.contains(e.target) && a(!1);
+      i.current && !i.current.contains(e.target) && d.current && !d.current.contains(e.target) && a(!1);
     };
     if (o)
       return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
   }, [o]);
-  const P = (t) => {
-    B || (t.stopPropagation(), a(!o));
-  }, S = async () => {
+  const A = (t) => {
+    O || (t.stopPropagation(), a(!o));
+  }, I = async () => {
     if (m) {
-      u(!0);
+      h(!0);
       try {
         await m(), a(!1);
       } finally {
-        u(!1);
+        h(!1);
       }
     } else
       a(!1);
-  }, j = () => {
-    y?.(), a(!1);
-  }, R = () => `absolute z-50 ${{
+  }, W = () => {
+    $?.(), a(!1);
+  }, G = () => `absolute z-50 ${{
     top: "bottom-full left-1/2 -translate-x-1/2 mb-3",
     bottom: "top-full left-1/2 -translate-x-1/2 mt-3",
     left: "right-full top-1/2 -translate-y-1/2 mr-3",
     right: "left-full top-1/2 -translate-y-1/2 ml-3"
-  }[f]}`, z = () => "bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg", I = () => `absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg ${{
+  }[u]}`, K = () => "bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg", M = () => `absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg ${{
     top: "bottom-[-5px] left-1/2 -translate-x-1/2",
     bottom: "top-[-5px] left-1/2 -translate-x-1/2",
     left: "right-[-5px] top-1/2 -translate-y-1/2",
     right: "left-[-5px] top-1/2 -translate-y-1/2"
-  }[f]}`, A = {
-    primary: M,
-    secondary: T,
-    accent: X,
-    success: q,
-    warning: D,
-    error: F,
-    info: H,
-    ghost: J
-  }, g = (t) => A[t], W = /* @__PURE__ */ n(
+  }[u]}`, X = {
+    primary: Q,
+    secondary: U,
+    accent: V,
+    success: Y,
+    warning: Z,
+    error: _,
+    info: tt,
+    ghost: nt
+  }, x = (t) => X[t], q = /* @__PURE__ */ n(
     "svg",
     {
       className: "w-5 h-5 text-warning",
@@ -76,50 +78,52 @@ const x = "btn", v = "btn-sm", M = "btn-primary", T = "btn-secondary", X = "btn-
       )
     }
   );
-  return /* @__PURE__ */ s("div", { ref: r, className: `relative inline-block ${E || ""}`, "data-state": o ? "open" : "closed", ...O, children: [
-    G.cloneElement(i, {
+  return /* @__PURE__ */ s("div", { ref: S || i, className: `relative inline-block ${E || ""}`, "data-state": o ? "open" : "closed", "data-testid": l, ...R, children: [
+    D.cloneElement(f, {
       onClick: (t) => {
-        P(t);
-        const e = i.props?.onClick;
+        A(t);
+        const e = f.props?.onClick;
         e && e(t);
       }
     }),
-    o && /* @__PURE__ */ n("div", { className: R(), children: /* @__PURE__ */ s("div", { ref: c, className: z(), children: [
+    o && /* @__PURE__ */ n("div", { className: G(), "data-testid": r("popup"), children: /* @__PURE__ */ s("div", { ref: d, className: K(), children: [
       /* @__PURE__ */ s("div", { className: "flex gap-3 relative z-10", children: [
-        /* @__PURE__ */ n("div", { className: "flex-shrink-0 mt-0.5", children: p !== void 0 ? p : W }),
+        /* @__PURE__ */ n("div", { className: "flex-shrink-0 mt-0.5", children: g !== void 0 ? g : q }),
         /* @__PURE__ */ s("div", { className: "flex-1", children: [
-          /* @__PURE__ */ n("div", { className: "font-semibold text-base-content mb-1", children: C }),
-          d && /* @__PURE__ */ n("div", { className: "text-sm text-base-content/70 mb-3", children: d }),
+          /* @__PURE__ */ n("div", { className: "font-semibold text-base-content mb-1", "data-testid": r("title"), children: y }),
+          p && /* @__PURE__ */ n("div", { className: "text-sm text-base-content/70 mb-3", "data-testid": r("description"), children: p }),
           /* @__PURE__ */ s("div", { className: "flex justify-end gap-2 mt-3", children: [
-            L && /* @__PURE__ */ n(
+            T && /* @__PURE__ */ n(
               "button",
               {
-                className: `${x} ${v} ${g($)}`,
-                onClick: j,
-                disabled: l,
-                children: N
+                className: `${k} ${w} ${x(P)}`,
+                onClick: W,
+                disabled: c,
+                "data-testid": r("cancel-button"),
+                children: z
               }
             ),
             /* @__PURE__ */ s(
               "button",
               {
-                className: `${x} ${v} ${g(k)}`,
-                onClick: S,
-                disabled: l,
+                className: `${k} ${w} ${x(L)}`,
+                onClick: I,
+                disabled: c,
+                "data-testid": r("ok-button"),
                 children: [
-                  l && /* @__PURE__ */ n("span", { className: `${Q} ${U} ${V}` }),
-                  w
+                  c && /* @__PURE__ */ n("span", { className: `${et} ${st} ${ot}` }),
+                  j
                 ]
               }
             )
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ n("div", { className: I() })
+      /* @__PURE__ */ n("div", { className: M() })
     ] }) })
   ] });
-};
+});
 export {
-  _ as Popconfirm
+  it as Popconfirm
 };
 //# sourceMappingURL=Popconfirm.js.map

package/dist/components/Popconfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm.js","sources":["../../src/components/Popconfirm.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnSm = 'btn-sm'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnSecondary = 'btn-secondary'\nconst dBtnAccent = 'btn-accent'\nconst dBtnSuccess = 'btn-success'\nconst dBtnWarning = 'btn-warning'\nconst dBtnError = 'btn-error'\nconst dBtnInfo = 'btn-info'\nconst dBtnGhost = 'btn-ghost'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\nconst dLoadingXs = 'loading-xs'\n\nexport interface PopconfirmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  children: React.ReactElement\n  title: React.ReactNode\n  description?: React.ReactNode\n  onConfirm?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  okType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info'\n  cancelType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'ghost'\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  disabled?: boolean\n  icon?: React.ReactNode\n  showCancel?: boolean\n}\n\nexport const Popconfirm: React.FC<PopconfirmProps> = ({\n  children,\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  okText = 'OK',\n  cancelText = 'Cancel',\n  okType = 'primary',\n  cancelType = 'ghost',\n  placement = 'top',\n  disabled = false,\n  icon,\n  showCancel = true,\n  className,\n  ...rest\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const [loading, setLoading] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target as Node) &&\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleTriggerClick = (e: React.MouseEvent) => {\n    if (disabled) return\n    e.stopPropagation()\n    setIsOpen(!isOpen)\n  }\n\n  const handleConfirm = async () => {\n    if (onConfirm) {\n      setLoading(true)\n      try {\n        await onConfirm()\n        setIsOpen(false)\n      } finally {\n        setLoading(false)\n      }\n    } else {\n      setIsOpen(false)\n    }\n  }\n\n  const handleCancel = () => {\n    onCancel?.()\n    setIsOpen(false)\n  }\n\n  const getPopupContainerClasses = () => {\n    const positions = {\n      top: 'bottom-full left-1/2 -translate-x-1/2 mb-3',\n      bottom: 'top-full left-1/2 -translate-x-1/2 mt-3',\n      left: 'right-full top-1/2 -translate-y-1/2 mr-3',\n      right: 'left-full top-1/2 -translate-y-1/2 ml-3',\n    }\n\n    return `absolute z-50 ${positions[placement]}`\n  }\n\n  const getPopupClasses = () => {\n    return 'bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg'\n  }\n\n  const getArrowClasses = () => {\n    const base = 'absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg'\n\n    const positions = {\n      top: 'bottom-[-5px] left-1/2 -translate-x-1/2',\n      bottom: 'top-[-5px] left-1/2 -translate-x-1/2',\n      left: 'right-[-5px] top-1/2 -translate-y-1/2',\n      right: 'left-[-5px] top-1/2 -translate-y-1/2',\n    }\n\n    return `${base} ${positions[placement]}`\n  }\n\n  const buttonClasses = {\n    primary: dBtnPrimary,\n    secondary: dBtnSecondary,\n    accent: dBtnAccent,\n    success: dBtnSuccess,\n    warning: dBtnWarning,\n    error: dBtnError,\n    info: dBtnInfo,\n    ghost: dBtnGhost,\n  } as const\n\n  const getButtonClass = (type: keyof typeof buttonClasses) => {\n    return buttonClasses[type]\n  }\n\n  const defaultIcon = (\n    <svg\n      className=\"w-5 h-5 text-warning\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n      />\n    </svg>\n  )\n\n  return (\n    <div ref={containerRef} className={`relative inline-block ${className || ''}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {React.cloneElement(children, {\n        onClick: (e: React.MouseEvent) => {\n          handleTriggerClick(e)\n          const originalOnClick = (children.props as any)?.onClick\n          if (originalOnClick) {\n            originalOnClick(e)\n          }\n        },\n      } as any)}\n\n      {isOpen && (\n        <div className={getPopupContainerClasses()}>\n          <div ref={popupRef} className={getPopupClasses()}>\n            <div className=\"flex gap-3 relative z-10\">\n              <div className=\"flex-shrink-0 mt-0.5\">\n                {icon !== undefined ? icon : defaultIcon}\n              </div>\n              <div className=\"flex-1\">\n                <div className=\"font-semibold text-base-content mb-1\">{title}</div>\n                {description && (\n                  <div className=\"text-sm text-base-content/70 mb-3\">{description}</div>\n                )}\n                <div className=\"flex justify-end gap-2 mt-3\">\n                  {showCancel && (\n                    <button\n                      className={`${dBtn} ${dBtnSm} ${getButtonClass(cancelType)}`}\n                      onClick={handleCancel}\n                      disabled={loading}\n                    >\n                      {cancelText}\n                    </button>\n                  )}\n                  <button\n                    className={`${dBtn} ${dBtnSm} ${getButtonClass(okType)}`}\n                    onClick={handleConfirm}\n                    disabled={loading}\n                  >\n                    {loading && <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingXs}`}></span>}\n                    {okText}\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div className={getArrowClasses()} />\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["dBtn","dBtnSm","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnSuccess","dBtnWarning","dBtnError","dBtnInfo","dBtnGhost","dLoading","dLoadingSpinner","dLoadingXs","Popconfirm","children","title","description","onConfirm","onCancel","okText","cancelText","okType","cancelType","placement","disabled","icon","showCancel","className","rest","isOpen","setIsOpen","useState","loading","setLoading","containerRef","useRef","popupRef","useEffect","handleClickOutside","event","handleTriggerClick","e","handleConfirm","handleCancel","getPopupContainerClasses","getPopupClasses","getArrowClasses","buttonClasses","getButtonClass","type","defaultIcon","jsx","jsxs","React","originalOnClick"],"mappings":"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"}
+{"version":3,"file":"Popconfirm.js","sources":["../../src/components/Popconfirm.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnSm = 'btn-sm'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnSecondary = 'btn-secondary'\nconst dBtnAccent = 'btn-accent'\nconst dBtnSuccess = 'btn-success'\nconst dBtnWarning = 'btn-warning'\nconst dBtnError = 'btn-error'\nconst dBtnInfo = 'btn-info'\nconst dBtnGhost = 'btn-ghost'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\nconst dLoadingXs = 'loading-xs'\n\nexport interface PopconfirmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  children: React.ReactElement\n  title: React.ReactNode\n  description?: React.ReactNode\n  onConfirm?: () => void | Promise<void>\n  onCancel?: () => void\n  okText?: string\n  cancelText?: string\n  okType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info'\n  cancelType?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info' | 'ghost'\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  disabled?: boolean\n  icon?: React.ReactNode\n  showCancel?: boolean\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport const Popconfirm = forwardRef<HTMLDivElement, PopconfirmProps>(function Popconfirm(\n  {\n    children,\n    title,\n    description,\n    onConfirm,\n    onCancel,\n    okText,\n    cancelText,\n    okType = 'primary',\n    cancelType = 'ghost',\n    placement = 'top',\n    disabled = false,\n    icon,\n    showCancel = true,\n    'data-testid': testId,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const { locale } = useConfig()\n  const [isOpen, setIsOpen] = useState(false)\n  const [loading, setLoading] = useState(false)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // Resolve locale strings\n  const resolvedOkText = okText ?? locale.Popconfirm?.okText ?? 'OK'\n  const resolvedCancelText = cancelText ?? locale.Popconfirm?.cancelText ?? 'Cancel'\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  const popupRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(event.target as Node) &&\n        popupRef.current &&\n        !popupRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleTriggerClick = (e: React.MouseEvent) => {\n    if (disabled) return\n    e.stopPropagation()\n    setIsOpen(!isOpen)\n  }\n\n  const handleConfirm = async () => {\n    if (onConfirm) {\n      setLoading(true)\n      try {\n        await onConfirm()\n        setIsOpen(false)\n      } finally {\n        setLoading(false)\n      }\n    } else {\n      setIsOpen(false)\n    }\n  }\n\n  const handleCancel = () => {\n    onCancel?.()\n    setIsOpen(false)\n  }\n\n  const getPopupContainerClasses = () => {\n    const positions = {\n      top: 'bottom-full left-1/2 -translate-x-1/2 mb-3',\n      bottom: 'top-full left-1/2 -translate-x-1/2 mt-3',\n      left: 'right-full top-1/2 -translate-y-1/2 mr-3',\n      right: 'left-full top-1/2 -translate-y-1/2 ml-3',\n    }\n\n    return `absolute z-50 ${positions[placement]}`\n  }\n\n  const getPopupClasses = () => {\n    return 'bg-base-100 rounded-lg p-4 min-w-[200px] max-w-[300px] shadow-lg'\n  }\n\n  const getArrowClasses = () => {\n    const base = 'absolute w-2.5 h-2.5 bg-base-100 rotate-45 shadow-lg'\n\n    const positions = {\n      top: 'bottom-[-5px] left-1/2 -translate-x-1/2',\n      bottom: 'top-[-5px] left-1/2 -translate-x-1/2',\n      left: 'right-[-5px] top-1/2 -translate-y-1/2',\n      right: 'left-[-5px] top-1/2 -translate-y-1/2',\n    }\n\n    return `${base} ${positions[placement]}`\n  }\n\n  const buttonClasses = {\n    primary: dBtnPrimary,\n    secondary: dBtnSecondary,\n    accent: dBtnAccent,\n    success: dBtnSuccess,\n    warning: dBtnWarning,\n    error: dBtnError,\n    info: dBtnInfo,\n    ghost: dBtnGhost,\n  } as const\n\n  const getButtonClass = (type: keyof typeof buttonClasses) => {\n    return buttonClasses[type]\n  }\n\n  const defaultIcon = (\n    <svg\n      className=\"w-5 h-5 text-warning\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n      />\n    </svg>\n  )\n\n  return (\n    <div ref={ref || containerRef} className={`relative inline-block ${className || ''}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...rest}>\n      {React.cloneElement(children, {\n        onClick: (e: React.MouseEvent) => {\n          handleTriggerClick(e)\n          const originalOnClick = (children.props as any)?.onClick\n          if (originalOnClick) {\n            originalOnClick(e)\n          }\n        },\n      } as any)}\n\n      {isOpen && (\n        <div className={getPopupContainerClasses()} data-testid={getTestId('popup')}>\n          <div ref={popupRef} className={getPopupClasses()}>\n            <div className=\"flex gap-3 relative z-10\">\n              <div className=\"flex-shrink-0 mt-0.5\">\n                {icon !== undefined ? icon : defaultIcon}\n              </div>\n              <div className=\"flex-1\">\n                <div className=\"font-semibold text-base-content mb-1\" data-testid={getTestId('title')}>{title}</div>\n                {description && (\n                  <div className=\"text-sm text-base-content/70 mb-3\" data-testid={getTestId('description')}>{description}</div>\n                )}\n                <div className=\"flex justify-end gap-2 mt-3\">\n                  {showCancel && (\n                    <button\n                      className={`${dBtn} ${dBtnSm} ${getButtonClass(cancelType)}`}\n                      onClick={handleCancel}\n                      disabled={loading}\n                      data-testid={getTestId('cancel-button')}\n                    >\n                      {resolvedCancelText}\n                    </button>\n                  )}\n                  <button\n                    className={`${dBtn} ${dBtnSm} ${getButtonClass(okType)}`}\n                    onClick={handleConfirm}\n                    disabled={loading}\n                    data-testid={getTestId('ok-button')}\n                  >\n                    {loading && <span className={`${dLoading} ${dLoadingSpinner} ${dLoadingXs}`}></span>}\n                    {resolvedOkText}\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div className={getArrowClasses()} />\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["dBtn","dBtnSm","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnSuccess","dBtnWarning","dBtnError","dBtnInfo","dBtnGhost","dLoading","dLoadingSpinner","dLoadingXs","Popconfirm","forwardRef","children","title","description","onConfirm","onCancel","okText","cancelText","okType","cancelType","placement","disabled","icon","showCancel","testId","className","rest","ref","locale","useConfig","isOpen","setIsOpen","useState","loading","setLoading","containerRef","useRef","resolvedOkText","resolvedCancelText","getTestId","suffix","popupRef","useEffect","handleClickOutside","event","handleTriggerClick","e","handleConfirm","handleCancel","getPopupContainerClasses","getPopupClasses","getArrowClasses","buttonClasses","getButtonClass","type","defaultIcon","jsx","React","originalOnClick","jsxs"],"mappings":"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"}

package/dist/components/Tabs.d.ts

@@ -26,6 +26,8 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     size?: TabsSize;
     /** Tab position relative to content */
     position?: TabsPosition;
+    /** Test ID prefix for child elements */
+    'data-testid'?: string;
 }
 export interface TabPanelProps {
     /** Tab button label */
@@ -37,9 +39,8 @@ export interface TabPanelProps {
     /** Tab icon */
     icon?: React.ReactNode;
 }
-declare function TabsRoot({ children, items, activeKey, defaultActiveKey, onChange, variant, size, position, className, ...rest }: TabsProps): import("react/jsx-runtime").JSX.Element;
 declare function TabPanel({ children }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
-export declare const Tabs: typeof TabsRoot & {
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {
     Panel: typeof TabPanel;
 };
 export {};

package/dist/components/Tabs.js

@@ -1,86 +1,88 @@
-import { jsx as t, jsxs as b, Fragment as d } from "react/jsx-runtime";
-import y, { useState as N } from "react";
-const P = "tabs", L = "tabs-box", S = "tabs-border", R = "tabs-lift", X = "tabs-xs", D = "tabs-sm", E = "tabs-md", F = "tabs-lg", I = "tabs-xl", K = "tab", M = "tab-active", O = "tab-disabled", V = {
-  box: L,
-  border: S,
-  lift: R
-}, q = {
-  xs: X,
-  sm: D,
-  md: E,
-  lg: F,
-  xl: I
-};
-function w({
-  children: a,
-  items: e,
-  activeKey: n,
-  defaultActiveKey: h,
-  onChange: x,
-  variant: i,
-  size: l,
-  position: r = "top",
-  className: u = "",
-  ...g
-}) {
-  const _ = y.Children.toArray(a).filter(
-    (s) => y.isValidElement(s) && s.type === k
-  ).map((s) => ({
-    ...s.props,
-    _key: s.key != null ? String(s.key) : ""
-  })), o = e && e.length > 0 ? e.map((s) => ({
-    _key: s.key,
-    tab: s.label,
-    children: s.children,
-    disabled: s.disabled,
-    icon: s.icon
-  })) : _, [p, A] = N(
-    h || o[0]?._key || ""
-  ), T = n !== void 0 ? n : p, C = (s) => {
-    n === void 0 && A(s), x?.(s);
-  }, j = [
-    P,
-    i && V[i],
-    l && q[l],
-    u
-  ].filter(Boolean).join(" "), m = o.find((s) => s._key === T), f = /* @__PURE__ */ t("div", { role: "tablist", className: j, children: o.map((s) => {
-    const c = T === s._key, B = [
-      K,
-      c && M,
-      s.disabled && O
+import { jsx as s, jsxs as d, Fragment as b } from "react/jsx-runtime";
+import h, { forwardRef as $, useState as X } from "react";
+import { useConfig as w } from "./ConfigProvider.js";
+const D = "tabs", E = "tabs-box", F = "tabs-border", K = "tabs-lift", M = "tabs-xs", O = "tabs-sm", V = "tabs-md", q = "tabs-lg", G = "tabs-xl", H = "tab", I = "tab-active", J = "tab-disabled", Q = {
+  box: E,
+  border: F,
+  lift: K
+}, U = {
+  xs: M,
+  sm: O,
+  md: V,
+  lg: q,
+  xl: G
+}, W = $(function({
+  children: x,
+  items: a,
+  activeKey: e,
+  defaultActiveKey: g,
+  onChange: p,
+  variant: r,
+  size: _,
+  position: f = "top",
+  "data-testid": n,
+  className: C = "",
+  ...A
+}, j) {
+  const { componentSize: S } = w(), m = _ ?? S, o = (t) => n ? `${n}-${t}` : void 0, B = h.Children.toArray(x).filter(
+    (t) => h.isValidElement(t) && t.type === u
+  ).map((t) => ({
+    ...t.props,
+    _key: t.key != null ? String(t.key) : ""
+  })), c = a && a.length > 0 ? a.map((t) => ({
+    _key: t.key,
+    tab: t.label,
+    children: t.children,
+    disabled: t.disabled,
+    icon: t.icon
+  })) : B, [N, P] = X(
+    g || c[0]?._key || ""
+  ), T = e !== void 0 ? e : N, R = (t) => {
+    e === void 0 && P(t), p?.(t);
+  }, z = [
+    D,
+    r && Q[r],
+    m && U[m],
+    C
+  ].filter(Boolean).join(" "), v = c.find((t) => t._key === T), y = /* @__PURE__ */ s("div", { role: "tablist", className: z, "data-testid": o("tablist"), children: c.map((t) => {
+    const i = T === t._key, L = [
+      H,
+      i && I,
+      t.disabled && J
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ b(
+    return /* @__PURE__ */ d(
       "button",
       {
         role: "tab",
-        className: B,
-        onClick: () => !s.disabled && C(s._key),
-        disabled: s.disabled,
-        "data-state": c ? "active" : "inactive",
-        "aria-selected": c,
+        className: L,
+        onClick: () => !t.disabled && R(t._key),
+        disabled: t.disabled,
+        "data-state": i ? "active" : "inactive",
+        "data-testid": o(`tab-${t._key}`),
+        "aria-selected": i,
         children: [
-          s.icon && /* @__PURE__ */ t("span", { className: "mr-1", children: s.icon }),
-          s.tab
+          t.icon && /* @__PURE__ */ s("span", { className: "mr-1", children: t.icon }),
+          t.tab
         ]
       },
-      s._key
+      t._key
     );
-  }) }), v = m && /* @__PURE__ */ t("div", { className: r === "top" ? "mt-4" : "mb-4", role: "tabpanel", children: m.children });
-  return /* @__PURE__ */ t("div", { ...g, children: r === "top" ? /* @__PURE__ */ b(d, { children: [
-    f,
-    v
-  ] }) : /* @__PURE__ */ b(d, { children: [
-    v,
-    f
+  }) }), k = v && /* @__PURE__ */ s("div", { className: f === "top" ? "mt-4" : "mb-4", role: "tabpanel", "data-testid": o("tabpanel"), children: v.children });
+  return /* @__PURE__ */ s("div", { ref: j, "data-testid": n, ...A, children: f === "top" ? /* @__PURE__ */ d(b, { children: [
+    y,
+    k
+  ] }) : /* @__PURE__ */ d(b, { children: [
+    k,
+    y
   ] }) });
+});
+function u({ children: l }) {
+  return /* @__PURE__ */ s(b, { children: l });
 }
-function k({ children: a }) {
-  return /* @__PURE__ */ t(d, { children: a });
-}
-const H = Object.assign(w, {
-  Panel: k
+const st = Object.assign(W, {
+  Panel: u
 });
 export {
-  H as Tabs
+  st as Tabs
 };
 //# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\n// DaisyUI classes\nconst dTabs = 'tabs'\nconst dTabsBox = 'tabs-box'\nconst dTabsBorder = 'tabs-border'\nconst dTabsLift = 'tabs-lift'\nconst dTabsXs = 'tabs-xs'\nconst dTabsSm = 'tabs-sm'\nconst dTabsMd = 'tabs-md'\nconst dTabsLg = 'tabs-lg'\nconst dTabsXl = 'tabs-xl'\nconst dTab = 'tab'\nconst dTabActive = 'tab-active'\nconst dTabDisabled = 'tab-disabled'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: dTabsBox,\n  border: dTabsBorder,\n  lift: dTabsLift,\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: dTabsXs,\n  sm: dTabsSm,\n  md: dTabsMd,\n  lg: dTabsLg,\n  xl: dTabsXl,\n}\n\ninterface InternalPanelProps extends TabPanelProps {\n  _key: string\n}\n\nfunction TabsRoot({\n  children,\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant,\n  size,\n  position = 'top',\n  className = '',\n  ...rest\n}: TabsProps) {\n  // Get panels from children (compound pattern), extracting key from React element\n  const panels = React.Children.toArray(children)\n    .filter((child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n    )\n    .map((child) => ({\n      ...child.props,\n      _key: child.key != null ? String(child.key) : '',\n    }))\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels: InternalPanelProps[] = items && items.length > 0\n    ? items.map(item => ({\n        _key: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?._key || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    dTabs,\n    variant && variantClasses[variant],\n    size && sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = effectivePanels.find((panel) => panel._key === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel._key\n        const tabClasses = [\n          dTab,\n          isActive && dTabActive,\n          panel.disabled && dTabDisabled,\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel._key}\n            role=\"tab\"\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel._key)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            aria-selected={isActive}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div className={position === 'top' ? 'mt-4' : 'mb-4'} role=\"tabpanel\">\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n}\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["dTabs","dTabsBox","dTabsBorder","dTabsLift","dTabsXs","dTabsSm","dTabsMd","dTabsLg","dTabsXl","dTab","dTabActive","dTabDisabled","variantClasses","sizeClasses","TabsRoot","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","className","rest","panels","React","child","TabPanel","effectivePanels","item","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","activePanel","panel","tabList","jsx","isActive","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../src/components/Tabs.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dTabs = 'tabs'\nconst dTabsBox = 'tabs-box'\nconst dTabsBorder = 'tabs-border'\nconst dTabsLift = 'tabs-lift'\nconst dTabsXs = 'tabs-xs'\nconst dTabsSm = 'tabs-sm'\nconst dTabsMd = 'tabs-md'\nconst dTabsLg = 'tabs-lg'\nconst dTabsXl = 'tabs-xl'\nconst dTab = 'tab'\nconst dTabActive = 'tab-active'\nconst dTabDisabled = 'tab-disabled'\n\nexport type TabsVariant = 'box' | 'border' | 'lift'\nexport type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type TabsPosition = 'top' | 'bottom'\n\nexport interface TabItem {\n  key: string\n  label: React.ReactNode\n  children?: React.ReactNode\n  disabled?: boolean\n  icon?: React.ReactNode\n}\n\nexport interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Tab panels (compound pattern) */\n  children?: React.ReactNode\n  /** Tab items (data-driven pattern) */\n  items?: TabItem[]\n  /** Current active tab key (controlled) */\n  activeKey?: string\n  /** Default active tab key (uncontrolled) */\n  defaultActiveKey?: string\n  /** Callback when tab changes */\n  onChange?: (key: string) => void\n  /** Visual style variant */\n  variant?: TabsVariant\n  /** Tab size */\n  size?: TabsSize\n  /** Tab position relative to content */\n  position?: TabsPosition\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport interface TabPanelProps {\n  /** Tab button label */\n  tab: React.ReactNode\n  /** Disable the tab */\n  disabled?: boolean\n  /** Tab panel content */\n  children?: React.ReactNode\n  /** Tab icon */\n  icon?: React.ReactNode\n}\n\nconst variantClasses: Record<TabsVariant, string> = {\n  box: dTabsBox,\n  border: dTabsBorder,\n  lift: dTabsLift,\n}\n\nconst sizeClasses: Record<TabsSize, string> = {\n  xs: dTabsXs,\n  sm: dTabsSm,\n  md: dTabsMd,\n  lg: dTabsLg,\n  xl: dTabsXl,\n}\n\ninterface InternalPanelProps extends TabPanelProps {\n  _key: string\n}\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(function TabsRoot(\n  {\n    children,\n    items,\n    activeKey,\n    defaultActiveKey,\n    onChange,\n    variant,\n    size,\n    position = 'top',\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? (componentSize as TabsSize | undefined)\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  // Get panels from children (compound pattern), extracting key from React element\n  const panels = React.Children.toArray(children)\n    .filter((child): child is React.ReactElement<TabPanelProps> =>\n      React.isValidElement(child) && child.type === TabPanel\n    )\n    .map((child) => ({\n      ...child.props,\n      _key: child.key != null ? String(child.key) : '',\n    }))\n\n  // Convert items to panel-like structure if using data-driven pattern\n  const effectivePanels: InternalPanelProps[] = items && items.length > 0\n    ? items.map(item => ({\n        _key: item.key,\n        tab: item.label,\n        children: item.children,\n        disabled: item.disabled,\n        icon: item.icon,\n      }))\n    : panels\n\n  const [internalActiveKey, setInternalActiveKey] = useState(\n    defaultActiveKey || effectivePanels[0]?._key || ''\n  )\n  const currentActiveKey = activeKey !== undefined ? activeKey : internalActiveKey\n\n  const handleTabClick = (key: string) => {\n    if (activeKey === undefined) {\n      setInternalActiveKey(key)\n    }\n    onChange?.(key)\n  }\n\n  const classes = [\n    dTabs,\n    variant && variantClasses[variant],\n    effectiveSize && sizeClasses[effectiveSize],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const activePanel = effectivePanels.find((panel) => panel._key === currentActiveKey)\n\n  const tabList = (\n    <div role=\"tablist\" className={classes} data-testid={getTestId('tablist')}>\n      {effectivePanels.map((panel) => {\n        const isActive = currentActiveKey === panel._key\n        const tabClasses = [\n          dTab,\n          isActive && dTabActive,\n          panel.disabled && dTabDisabled,\n        ]\n          .filter(Boolean)\n          .join(' ')\n\n        return (\n          <button\n            key={panel._key}\n            role=\"tab\"\n            className={tabClasses}\n            onClick={() => !panel.disabled && handleTabClick(panel._key)}\n            disabled={panel.disabled}\n            data-state={isActive ? 'active' : 'inactive'}\n            data-testid={getTestId(`tab-${panel._key}`)}\n            aria-selected={isActive}\n          >\n            {panel.icon && <span className=\"mr-1\">{panel.icon}</span>}\n            {panel.tab}\n          </button>\n        )\n      })}\n    </div>\n  )\n\n  const content = activePanel && (\n    <div className={position === 'top' ? 'mt-4' : 'mb-4'} role=\"tabpanel\" data-testid={getTestId('tabpanel')}>\n      {activePanel.children}\n    </div>\n  )\n\n  return (\n    <div ref={ref} data-testid={testId} {...rest}>\n      {position === 'top' ? (\n        <>\n          {tabList}\n          {content}\n        </>\n      ) : (\n        <>\n          {content}\n          {tabList}\n        </>\n      )}\n    </div>\n  )\n})\n\nfunction TabPanel({ children }: TabPanelProps) {\n  // This component is only used for type checking and is not rendered directly\n  // The actual rendering is done in TabsRoot\n  return <>{children}</>\n}\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Panel: TabPanel,\n})\n"],"names":["dTabs","dTabsBox","dTabsBorder","dTabsLift","dTabsXs","dTabsSm","dTabsMd","dTabsLg","dTabsXl","dTab","dTabActive","dTabDisabled","variantClasses","sizeClasses","TabsRoot","forwardRef","children","items","activeKey","defaultActiveKey","onChange","variant","size","position","testId","className","rest","ref","componentSize","useConfig","effectiveSize","getTestId","suffix","panels","React","child","TabPanel","effectivePanels","item","internalActiveKey","setInternalActiveKey","useState","currentActiveKey","handleTabClick","key","classes","activePanel","panel","tabList","jsx","isActive","tabClasses","jsxs","content","Fragment","Tabs"],"mappings":"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"}

package/dist/components/Transfer.d.ts

@@ -18,5 +18,7 @@ export interface TransferProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     showSelectAll?: boolean;
     disabled?: boolean;
     listStyle?: React.CSSProperties;
+    /** Test ID prefix for child elements */
+    'data-testid'?: string;
 }
-export declare function Transfer({ dataSource, targetKeys: controlledTargetKeys, defaultTargetKeys, onChange, onSelectChange, titles, render, showSearch, filterOption, showSelectAll, disabled, listStyle, className, ...rest }: TransferProps): import("react/jsx-runtime").JSX.Element;
+export declare function Transfer({ dataSource, targetKeys: controlledTargetKeys, defaultTargetKeys, onChange, onSelectChange, titles, render, showSearch, filterOption, showSelectAll, disabled, listStyle, className, 'data-testid': testId, ...rest }: TransferProps): import("react/jsx-runtime").JSX.Element;