@apipass/design-system 7.4.7 → 8.1.0

package/dist/lib/ui/components/ConfirmDialog/ConfirmDialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react");;/* empty css                    */const i=require("../../primitives/Dialog/Dialog.cjs"),C=require("../../primitives/Input/Input.cjs"),x=require("../../layout/Flex/Flex.cjs"),l=require("../../primitives/Button/Button.cjs");function v(t){return t.isOpen?e.jsx(q,{...t}):null}function q({title:t,message:u,confirmValue:o,confirmValueLabel:j,confirmLabel:c="Confirm",cancelLabel:m="Cancel",isDanger:p=!1,isLoading:n=!1,onConfirm:h,onClose:d}){const[g,D]=y.useState(""),a=o?g===o:!0;function s(){!a||n||h()}function f(){n||d()}return e.jsx(i.DialogModal,{isOpen:!0,onOpenChange:r=>!r&&f(),children:e.jsxs(i.Dialog,{children:[e.jsxs(x.Flex,{direction:"row",alignPrimary:"space-between",alignSecondary:"center",children:[e.jsx(i.DialogTitle,{children:t}),e.jsx(i.DialogClose,{onPress:f})]}),e.jsxs(i.DialogBody,{children:[u&&e.jsx("p",{className:"confirm-dialog-message",dangerouslySetInnerHTML:{__html:u}}),o&&e.jsx(C.InputField,{label:j,value:g,onChange:D,autoFocus:!0,onKeyDown:r=>{r.continuePropagation(),r.key==="Enter"&&!r.repeat&&!r.nativeEvent.isComposing&&s()},isRequired:!0,validationBehavior:"aria"})]}),e.jsxs(x.Flex,{direction:"row",gap:"200",alignPrimary:"end",className:"confirm-dialog-footer",children:[e.jsx(l.Button,{variant:"neutral",onPress:d,isDisabled:n,children:m}),p?e.jsx(l.ButtonDanger,{variant:"danger-primary",onPress:s,isDisabled:!a||n,children:n?"...":c}):e.jsx(l.Button,{variant:"primary",onPress:s,isDisabled:!a||n,children:n?"...":c})]})]})})}exports.ConfirmDialog=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react");;/* empty css                    */const r=require("../../primitives/Dialog/Dialog.cjs"),C=require("../../primitives/Input/Input.cjs"),x=require("../../layout/Flex/Flex.cjs"),l=require("../../primitives/Button/Button.cjs");function P(t){return t.isOpen?e.jsx(v,{...t}):null}function v({title:t,message:u,confirmValue:o,confirmValueLabel:j,confirmLabel:c="Confirm",cancelLabel:m="Cancel",isDanger:p=!1,isLoading:i=!1,onConfirm:h,onClose:d}){const[g,D]=y.useState(""),s=o?g===o:!0;function a(){!s||i||h()}function f(){i||d()}return e.jsx(r.DialogModal,{isOpen:!0,onOpenChange:n=>!n&&f(),children:e.jsxs(r.Dialog,{children:[e.jsxs(x.Flex,{direction:"row",alignPrimary:"space-between",alignSecondary:"center",children:[e.jsx(r.DialogTitle,{children:t}),e.jsx(r.DialogClose,{onPress:f})]}),e.jsxs(r.DialogBody,{children:[u&&e.jsx("p",{className:"confirm-dialog-message",dangerouslySetInnerHTML:{__html:u}}),o&&e.jsx(C.InputField,{label:j,value:g,onChange:D,autoFocus:!0,onKeyDown:n=>{n.continuePropagation(),n.key==="Enter"&&!n.repeat&&!n.nativeEvent.isComposing&&a()},isRequired:!0,validationBehavior:"aria"})]}),e.jsxs(x.Flex,{direction:"row",gap:"200",alignPrimary:"end",className:"confirm-dialog-footer",children:[e.jsx(l.Button,{variant:"neutral",onPress:d,isDisabled:i,children:m}),p?e.jsx(l.ButtonDanger,{variant:"danger-primary",onPress:a,isDisabled:!s,isPending:i,children:c}):e.jsx(l.Button,{variant:"primary",onPress:a,isDisabled:!s,isPending:i,children:c})]})]})})}exports.ConfirmDialog=P;
 //# sourceMappingURL=ConfirmDialog.cjs.map

package/dist/lib/ui/components/ConfirmDialog/ConfirmDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.cjs","sources":["../../../../../src/ui/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonDanger,\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogModal,\n  DialogTitle,\n  InputField,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { useState } from \"react\";\nimport \"./confirmdialog.css\";\n\nexport interface ConfirmDialogProps {\n  isOpen: boolean;\n  title: string;\n  message?: string;\n  /** If set, user must type this value to enable the confirm button */\n  confirmValue?: string;\n  confirmValueLabel?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  isDanger?: boolean;\n  isLoading?: boolean;\n  onConfirm: () => void;\n  onClose: () => void;\n}\n\nexport function ConfirmDialog(props: ConfirmDialogProps) {\n  if (!props.isOpen) return null;\n\n  return <OpenConfirmDialog {...props} />;\n}\n\nfunction OpenConfirmDialog({\n  title,\n  message,\n  confirmValue,\n  confirmValueLabel,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  isDanger = false,\n  isLoading = false,\n  onConfirm,\n  onClose,\n}: ConfirmDialogProps) {\n  const [typed, setTyped] = useState(\"\");\n\n  const canConfirm = confirmValue ? typed === confirmValue : true;\n\n  function handleConfirm() {\n    if (!canConfirm || isLoading) return;\n    onConfirm();\n  }\n\n  function closeUnlessLoading() {\n    if (!isLoading) onClose();\n  }\n\n  return (\n    <DialogModal isOpen onOpenChange={(open) => !open && closeUnlessLoading()}>\n      <Dialog>\n        <Flex direction=\"row\" alignPrimary=\"space-between\" alignSecondary=\"center\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogClose onPress={closeUnlessLoading} />\n        </Flex>\n        <DialogBody>\n          {message && (\n            <p\n              className=\"confirm-dialog-message\"\n              dangerouslySetInnerHTML={{ __html: message }}\n            />\n          )}\n          {confirmValue && (\n            <InputField\n              label={confirmValueLabel}\n              value={typed}\n              onChange={setTyped}\n              autoFocus\n              onKeyDown={(e) => {\n                // React Aria stops every key by default; Escape must still reach the modal.\n                e.continuePropagation();\n                if (e.key === \"Enter\" && !e.repeat && !e.nativeEvent.isComposing) handleConfirm();\n              }}\n              isRequired\n              // The confirm button already waits for the exact value; native validation would show\n              // the browser's own message, in the browser's language.\n              validationBehavior=\"aria\"\n            />\n          )}\n        </DialogBody>\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignPrimary=\"end\"\n          className=\"confirm-dialog-footer\"\n        >\n          <Button variant=\"neutral\" onPress={onClose} isDisabled={isLoading}>\n            {cancelLabel}\n          </Button>\n          {isDanger ? (\n            <ButtonDanger\n              variant=\"danger-primary\"\n              onPress={handleConfirm}\n              isDisabled={!canConfirm || isLoading}\n            >\n              {isLoading ? \"...\" : confirmLabel}\n            </ButtonDanger>\n          ) : (\n            <Button\n              variant=\"primary\"\n              onPress={handleConfirm}\n              isDisabled={!canConfirm || isLoading}\n            >\n              {isLoading ? \"...\" : confirmLabel}\n            </Button>\n          )}\n        </Flex>\n      </Dialog>\n    </DialogModal>\n  );\n}\n"],"names":["ConfirmDialog","props","jsx","OpenConfirmDialog","title","message","confirmValue","confirmValueLabel","confirmLabel","cancelLabel","isDanger","isLoading","onConfirm","onClose","typed","setTyped","useState","canConfirm","handleConfirm","closeUnlessLoading","DialogModal","open","jsxs","Dialog","Flex","DialogTitle","DialogClose","DialogBody","InputField","e","Button","ButtonDanger"],"mappings":"uWA6BO,SAASA,EAAcC,EAA2B,CACvD,OAAKA,EAAM,OAEJC,MAACC,EAAA,CAAmB,GAAGF,CAAA,CAAO,EAFX,IAG5B,CAEA,SAASE,EAAkB,CACzB,MAAAC,EACA,QAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,aAAAC,EAAe,UACf,YAAAC,EAAc,SACd,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,UAAAC,EACA,QAAAC,CACF,EAAuB,CACrB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAE/BC,EAAaX,EAAeQ,IAAUR,EAAe,GAE3D,SAASY,GAAgB,CACnB,CAACD,GAAcN,GACnBC,EAAA,CACF,CAEA,SAASO,GAAqB,CACvBR,GAAWE,EAAA,CAClB,CAEA,OACEX,EAAAA,IAACkB,EAAAA,YAAA,CAAY,OAAM,GAAC,aAAeC,GAAS,CAACA,GAAQF,EAAA,EACnD,SAAAG,EAAAA,KAACC,EAAAA,OAAA,CACC,SAAA,CAAAD,OAACE,EAAAA,MAAK,UAAU,MAAM,aAAa,gBAAgB,eAAe,SAChE,SAAA,CAAAtB,EAAAA,IAACuB,EAAAA,aAAa,SAAArB,CAAA,CAAM,EACpBF,EAAAA,IAACwB,EAAAA,YAAA,CAAY,QAASP,CAAA,CAAoB,CAAA,EAC5C,SACCQ,EAAAA,WAAA,CACE,SAAA,CAAAtB,GACCH,EAAAA,IAAC,IAAA,CACC,UAAU,yBACV,wBAAyB,CAAE,OAAQG,CAAA,CAAQ,CAAA,EAG9CC,GACCJ,EAAAA,IAAC0B,EAAAA,WAAA,CACC,MAAOrB,EACP,MAAOO,EACP,SAAUC,EACV,UAAS,GACT,UAAYc,GAAM,CAEhBA,EAAE,oBAAA,EACEA,EAAE,MAAQ,SAAW,CAACA,EAAE,QAAU,CAACA,EAAE,YAAY,aAAaX,EAAA,CACpE,EACA,WAAU,GAGV,mBAAmB,MAAA,CAAA,CACrB,EAEJ,EACAI,EAAAA,KAACE,EAAAA,KAAA,CACC,UAAU,MACV,IAAI,MACJ,aAAa,MACb,UAAU,wBAEV,SAAA,CAAAtB,EAAAA,IAAC4B,EAAAA,QAAO,QAAQ,UAAU,QAASjB,EAAS,WAAYF,EACrD,SAAAF,CAAA,CACH,EACCC,EACCR,EAAAA,IAAC6B,EAAAA,aAAA,CACC,QAAQ,iBACR,QAASb,EACT,WAAY,CAACD,GAAcN,EAE1B,WAAY,MAAQH,CAAA,CAAA,EAGvBN,EAAAA,IAAC4B,EAAAA,OAAA,CACC,QAAQ,UACR,QAASZ,EACT,WAAY,CAACD,GAAcN,EAE1B,WAAY,MAAQH,CAAA,CAAA,CACvB,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,CACF,CAEJ"}
+{"version":3,"file":"ConfirmDialog.cjs","sources":["../../../../../src/ui/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonDanger,\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogModal,\n  DialogTitle,\n  InputField,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { useState } from \"react\";\nimport \"./confirmdialog.css\";\n\nexport interface ConfirmDialogProps {\n  isOpen: boolean;\n  title: string;\n  message?: string;\n  /** If set, user must type this value to enable the confirm button */\n  confirmValue?: string;\n  confirmValueLabel?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  isDanger?: boolean;\n  isLoading?: boolean;\n  onConfirm: () => void;\n  onClose: () => void;\n}\n\nexport function ConfirmDialog(props: ConfirmDialogProps) {\n  if (!props.isOpen) return null;\n\n  return <OpenConfirmDialog {...props} />;\n}\n\nfunction OpenConfirmDialog({\n  title,\n  message,\n  confirmValue,\n  confirmValueLabel,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  isDanger = false,\n  isLoading = false,\n  onConfirm,\n  onClose,\n}: ConfirmDialogProps) {\n  const [typed, setTyped] = useState(\"\");\n\n  const canConfirm = confirmValue ? typed === confirmValue : true;\n\n  function handleConfirm() {\n    if (!canConfirm || isLoading) return;\n    onConfirm();\n  }\n\n  function closeUnlessLoading() {\n    if (!isLoading) onClose();\n  }\n\n  return (\n    <DialogModal isOpen onOpenChange={(open) => !open && closeUnlessLoading()}>\n      <Dialog>\n        <Flex direction=\"row\" alignPrimary=\"space-between\" alignSecondary=\"center\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogClose onPress={closeUnlessLoading} />\n        </Flex>\n        <DialogBody>\n          {message && (\n            <p\n              className=\"confirm-dialog-message\"\n              dangerouslySetInnerHTML={{ __html: message }}\n            />\n          )}\n          {confirmValue && (\n            <InputField\n              label={confirmValueLabel}\n              value={typed}\n              onChange={setTyped}\n              autoFocus\n              onKeyDown={(e) => {\n                // React Aria stops every key by default; Escape must still reach the modal.\n                e.continuePropagation();\n                if (e.key === \"Enter\" && !e.repeat && !e.nativeEvent.isComposing) handleConfirm();\n              }}\n              isRequired\n              // The confirm button already waits for the exact value; native validation would show\n              // the browser's own message, in the browser's language.\n              validationBehavior=\"aria\"\n            />\n          )}\n        </DialogBody>\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignPrimary=\"end\"\n          className=\"confirm-dialog-footer\"\n        >\n          <Button variant=\"neutral\" onPress={onClose} isDisabled={isLoading}>\n            {cancelLabel}\n          </Button>\n          {isDanger ? (\n            <ButtonDanger\n              variant=\"danger-primary\"\n              onPress={handleConfirm}\n              isDisabled={!canConfirm}\n              isPending={isLoading}\n            >\n              {confirmLabel}\n            </ButtonDanger>\n          ) : (\n            <Button\n              variant=\"primary\"\n              onPress={handleConfirm}\n              isDisabled={!canConfirm}\n              isPending={isLoading}\n            >\n              {confirmLabel}\n            </Button>\n          )}\n        </Flex>\n      </Dialog>\n    </DialogModal>\n  );\n}\n"],"names":["ConfirmDialog","props","jsx","OpenConfirmDialog","title","message","confirmValue","confirmValueLabel","confirmLabel","cancelLabel","isDanger","isLoading","onConfirm","onClose","typed","setTyped","useState","canConfirm","handleConfirm","closeUnlessLoading","DialogModal","open","jsxs","Dialog","Flex","DialogTitle","DialogClose","DialogBody","InputField","e","Button","ButtonDanger"],"mappings":"uWA6BO,SAASA,EAAcC,EAA2B,CACvD,OAAKA,EAAM,OAEJC,MAACC,EAAA,CAAmB,GAAGF,CAAA,CAAO,EAFX,IAG5B,CAEA,SAASE,EAAkB,CACzB,MAAAC,EACA,QAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,aAAAC,EAAe,UACf,YAAAC,EAAc,SACd,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,UAAAC,EACA,QAAAC,CACF,EAAuB,CACrB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAE,EAE/BC,EAAaX,EAAeQ,IAAUR,EAAe,GAE3D,SAASY,GAAgB,CACnB,CAACD,GAAcN,GACnBC,EAAA,CACF,CAEA,SAASO,GAAqB,CACvBR,GAAWE,EAAA,CAClB,CAEA,OACEX,EAAAA,IAACkB,EAAAA,YAAA,CAAY,OAAM,GAAC,aAAeC,GAAS,CAACA,GAAQF,EAAA,EACnD,SAAAG,EAAAA,KAACC,EAAAA,OAAA,CACC,SAAA,CAAAD,OAACE,EAAAA,MAAK,UAAU,MAAM,aAAa,gBAAgB,eAAe,SAChE,SAAA,CAAAtB,EAAAA,IAACuB,EAAAA,aAAa,SAAArB,CAAA,CAAM,EACpBF,EAAAA,IAACwB,EAAAA,YAAA,CAAY,QAASP,CAAA,CAAoB,CAAA,EAC5C,SACCQ,EAAAA,WAAA,CACE,SAAA,CAAAtB,GACCH,EAAAA,IAAC,IAAA,CACC,UAAU,yBACV,wBAAyB,CAAE,OAAQG,CAAA,CAAQ,CAAA,EAG9CC,GACCJ,EAAAA,IAAC0B,EAAAA,WAAA,CACC,MAAOrB,EACP,MAAOO,EACP,SAAUC,EACV,UAAS,GACT,UAAYc,GAAM,CAEhBA,EAAE,oBAAA,EACEA,EAAE,MAAQ,SAAW,CAACA,EAAE,QAAU,CAACA,EAAE,YAAY,aAAaX,EAAA,CACpE,EACA,WAAU,GAGV,mBAAmB,MAAA,CAAA,CACrB,EAEJ,EACAI,EAAAA,KAACE,EAAAA,KAAA,CACC,UAAU,MACV,IAAI,MACJ,aAAa,MACb,UAAU,wBAEV,SAAA,CAAAtB,EAAAA,IAAC4B,EAAAA,QAAO,QAAQ,UAAU,QAASjB,EAAS,WAAYF,EACrD,SAAAF,CAAA,CACH,EACCC,EACCR,EAAAA,IAAC6B,EAAAA,aAAA,CACC,QAAQ,iBACR,QAASb,EACT,WAAY,CAACD,EACb,UAAWN,EAEV,SAAAH,CAAA,CAAA,EAGHN,EAAAA,IAAC4B,EAAAA,OAAA,CACC,QAAQ,UACR,QAASZ,EACT,WAAY,CAACD,EACb,UAAWN,EAEV,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,CACF,CAAA,CACF,CAEJ"}

package/dist/lib/ui/components/ConfirmDialog/ConfirmDialog.js

@@ -1,54 +1,54 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { useState as v } from "react";
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { useState as P } from "react";
 /* empty css                  */
-import { DialogModal as P, Dialog as b, DialogTitle as w, DialogClose as x, DialogBody as B } from "../../primitives/Dialog/Dialog.js";
+import { DialogModal as v, Dialog as b, DialogTitle as w, DialogClose as x, DialogBody as B } from "../../primitives/Dialog/Dialog.js";
 import { InputField as O } from "../../primitives/Input/Input.js";
 import { Flex as f } from "../../layout/Flex/Flex.js";
 import { Button as p, ButtonDanger as F } from "../../primitives/Button/Button.js";
 function k(i) {
-  return i.isOpen ? /* @__PURE__ */ e(S, { ...i }) : null;
+  return i.isOpen ? /* @__PURE__ */ n(S, { ...i }) : null;
 }
 function S({
   title: i,
   message: s,
-  confirmValue: t,
+  confirmValue: a,
   confirmValueLabel: g,
-  confirmLabel: c = "Confirm",
+  confirmLabel: d = "Confirm",
   cancelLabel: h = "Cancel",
   isDanger: D = !1,
   isLoading: r = !1,
   onConfirm: y,
-  onClose: m
+  onClose: c
 }) {
-  const [d, C] = v(""), a = t ? d === t : !0;
+  const [m, C] = P(""), t = a ? m === a : !0;
   function l() {
-    !a || r || y();
+    !t || r || y();
   }
   function u() {
-    r || m();
+    r || c();
   }
-  return /* @__PURE__ */ e(P, { isOpen: !0, onOpenChange: (n) => !n && u(), children: /* @__PURE__ */ o(b, { children: [
+  return /* @__PURE__ */ n(v, { isOpen: !0, onOpenChange: (e) => !e && u(), children: /* @__PURE__ */ o(b, { children: [
     /* @__PURE__ */ o(f, { direction: "row", alignPrimary: "space-between", alignSecondary: "center", children: [
-      /* @__PURE__ */ e(w, { children: i }),
-      /* @__PURE__ */ e(x, { onPress: u })
+      /* @__PURE__ */ n(w, { children: i }),
+      /* @__PURE__ */ n(x, { onPress: u })
     ] }),
     /* @__PURE__ */ o(B, { children: [
-      s && /* @__PURE__ */ e(
+      s && /* @__PURE__ */ n(
         "p",
         {
           className: "confirm-dialog-message",
           dangerouslySetInnerHTML: { __html: s }
         }
       ),
-      t && /* @__PURE__ */ e(
+      a && /* @__PURE__ */ n(
         O,
         {
           label: g,
-          value: d,
+          value: m,
           onChange: C,
           autoFocus: !0,
-          onKeyDown: (n) => {
-            n.continuePropagation(), n.key === "Enter" && !n.repeat && !n.nativeEvent.isComposing && l();
+          onKeyDown: (e) => {
+            e.continuePropagation(), e.key === "Enter" && !e.repeat && !e.nativeEvent.isComposing && l();
           },
           isRequired: !0,
           validationBehavior: "aria"
@@ -63,22 +63,24 @@ function S({
         alignPrimary: "end",
         className: "confirm-dialog-footer",
         children: [
-          /* @__PURE__ */ e(p, { variant: "neutral", onPress: m, isDisabled: r, children: h }),
-          D ? /* @__PURE__ */ e(
+          /* @__PURE__ */ n(p, { variant: "neutral", onPress: c, isDisabled: r, children: h }),
+          D ? /* @__PURE__ */ n(
             F,
             {
               variant: "danger-primary",
               onPress: l,
-              isDisabled: !a || r,
-              children: r ? "..." : c
+              isDisabled: !t,
+              isPending: r,
+              children: d
             }
-          ) : /* @__PURE__ */ e(
+          ) : /* @__PURE__ */ n(
             p,
             {
               variant: "primary",
               onPress: l,
-              isDisabled: !a || r,
-              children: r ? "..." : c
+              isDisabled: !t,
+              isPending: r,
+              children: d
             }
           )
         ]

package/dist/lib/ui/components/ConfirmDialog/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sources":["../../../../../src/ui/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonDanger,\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogModal,\n  DialogTitle,\n  InputField,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { useState } from \"react\";\nimport \"./confirmdialog.css\";\n\nexport interface ConfirmDialogProps {\n  isOpen: boolean;\n  title: string;\n  message?: string;\n  /** If set, user must type this value to enable the confirm button */\n  confirmValue?: string;\n  confirmValueLabel?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  isDanger?: boolean;\n  isLoading?: boolean;\n  onConfirm: () => void;\n  onClose: () => void;\n}\n\nexport function ConfirmDialog(props: ConfirmDialogProps) {\n  if (!props.isOpen) return null;\n\n  return <OpenConfirmDialog {...props} />;\n}\n\nfunction OpenConfirmDialog({\n  title,\n  message,\n  confirmValue,\n  confirmValueLabel,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  isDanger = false,\n  isLoading = false,\n  onConfirm,\n  onClose,\n}: ConfirmDialogProps) {\n  const [typed, setTyped] = useState(\"\");\n\n  const canConfirm = confirmValue ? typed === confirmValue : true;\n\n  function handleConfirm() {\n    if (!canConfirm || isLoading) return;\n    onConfirm();\n  }\n\n  function closeUnlessLoading() {\n    if (!isLoading) onClose();\n  }\n\n  return (\n    <DialogModal isOpen onOpenChange={(open) => !open && closeUnlessLoading()}>\n      <Dialog>\n        <Flex direction=\"row\" alignPrimary=\"space-between\" alignSecondary=\"center\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogClose onPress={closeUnlessLoading} />\n        </Flex>\n        <DialogBody>\n          {message && (\n            <p\n              className=\"confirm-dialog-message\"\n              dangerouslySetInnerHTML={{ __html: message }}\n            />\n          )}\n          {confirmValue && (\n            <InputField\n              label={confirmValueLabel}\n              value={typed}\n              onChange={setTyped}\n              autoFocus\n              onKeyDown={(e) => {\n                // React Aria stops every key by default; Escape must still reach the modal.\n                e.continuePropagation();\n                if (e.key === \"Enter\" && !e.repeat && !e.nativeEvent.isComposing) handleConfirm();\n              }}\n              isRequired\n              // The confirm button already waits for the exact value; native validation would show\n              // the browser's own message, in the browser's language.\n              validationBehavior=\"aria\"\n            />\n          )}\n        </DialogBody>\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignPrimary=\"end\"\n          className=\"confirm-dialog-footer\"\n        >\n          <Button variant=\"neutral\" onPress={onClose} isDisabled={isLoading}>\n            {cancelLabel}\n          </Button>\n          {isDanger ? (\n            <ButtonDanger\n              variant=\"danger-primary\"\n              onPress={handleConfirm}\n              isDisabled={!canConfirm || isLoading}\n            >\n              {isLoading ? \"...\" : confirmLabel}\n            </ButtonDanger>\n          ) : (\n            <Button\n              variant=\"primary\"\n              onPress={handleConfirm}\n              isDisabled={!canConfirm || isLoading}\n            >\n              {isLoading ? \"...\" : confirmLabel}\n            </Button>\n          )}\n        </Flex>\n      </Dialog>\n    </DialogModal>\n  );\n}\n"],"names":["ConfirmDialog","props","jsx","OpenConfirmDialog","title","message","confirmValue","confirmValueLabel","confirmLabel","cancelLabel","isDanger","isLoading","onConfirm","onClose","typed","setTyped","useState","canConfirm","handleConfirm","closeUnlessLoading","DialogModal","open","jsxs","Dialog","Flex","DialogTitle","DialogClose","DialogBody","InputField","e","Button","ButtonDanger"],"mappings":";;;;;;;AA6BO,SAASA,EAAcC,GAA2B;AACvD,SAAKA,EAAM,SAEJ,gBAAAC,EAACC,GAAA,EAAmB,GAAGF,EAAA,CAAO,IAFX;AAG5B;AAEA,SAASE,EAAkB;AAAA,EACzB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,SAAAC;AACF,GAAuB;AACrB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAE/BC,IAAaX,IAAeQ,MAAUR,IAAe;AAE3D,WAASY,IAAgB;AACvB,IAAI,CAACD,KAAcN,KACnBC,EAAA;AAAA,EACF;AAEA,WAASO,IAAqB;AAC5B,IAAKR,KAAWE,EAAA;AAAA,EAClB;AAEA,SACE,gBAAAX,EAACkB,GAAA,EAAY,QAAM,IAAC,cAAc,CAACC,MAAS,CAACA,KAAQF,EAAA,GACnD,UAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAK,WAAU,OAAM,cAAa,iBAAgB,gBAAe,UAChE,UAAA;AAAA,MAAA,gBAAAtB,EAACuB,KAAa,UAAArB,EAAA,CAAM;AAAA,MACpB,gBAAAF,EAACwB,GAAA,EAAY,SAASP,EAAA,CAAoB;AAAA,IAAA,GAC5C;AAAA,sBACCQ,GAAA,EACE,UAAA;AAAA,MAAAtB,KACC,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAyB,EAAE,QAAQG,EAAA;AAAA,QAAQ;AAAA,MAAA;AAAA,MAG9CC,KACC,gBAAAJ;AAAA,QAAC0B;AAAA,QAAA;AAAA,UACC,OAAOrB;AAAA,UACP,OAAOO;AAAA,UACP,UAAUC;AAAA,UACV,WAAS;AAAA,UACT,WAAW,CAACc,MAAM;AAEhB,YAAAA,EAAE,oBAAA,GACEA,EAAE,QAAQ,WAAW,CAACA,EAAE,UAAU,CAACA,EAAE,YAAY,eAAaX,EAAA;AAAA,UACpE;AAAA,UACA,YAAU;AAAA,UAGV,oBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrB,GAEJ;AAAA,IACA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAI;AAAA,QACJ,cAAa;AAAA,QACb,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAtB,EAAC4B,KAAO,SAAQ,WAAU,SAASjB,GAAS,YAAYF,GACrD,UAAAF,EAAA,CACH;AAAA,UACCC,IACC,gBAAAR;AAAA,YAAC6B;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAASb;AAAA,cACT,YAAY,CAACD,KAAcN;AAAA,cAE1B,cAAY,QAAQH;AAAA,YAAA;AAAA,UAAA,IAGvB,gBAAAN;AAAA,YAAC4B;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAASZ;AAAA,cACT,YAAY,CAACD,KAAcN;AAAA,cAE1B,cAAY,QAAQH;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"ConfirmDialog.js","sources":["../../../../../src/ui/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonDanger,\n  Dialog,\n  DialogBody,\n  DialogClose,\n  DialogModal,\n  DialogTitle,\n  InputField,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { useState } from \"react\";\nimport \"./confirmdialog.css\";\n\nexport interface ConfirmDialogProps {\n  isOpen: boolean;\n  title: string;\n  message?: string;\n  /** If set, user must type this value to enable the confirm button */\n  confirmValue?: string;\n  confirmValueLabel?: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  isDanger?: boolean;\n  isLoading?: boolean;\n  onConfirm: () => void;\n  onClose: () => void;\n}\n\nexport function ConfirmDialog(props: ConfirmDialogProps) {\n  if (!props.isOpen) return null;\n\n  return <OpenConfirmDialog {...props} />;\n}\n\nfunction OpenConfirmDialog({\n  title,\n  message,\n  confirmValue,\n  confirmValueLabel,\n  confirmLabel = \"Confirm\",\n  cancelLabel = \"Cancel\",\n  isDanger = false,\n  isLoading = false,\n  onConfirm,\n  onClose,\n}: ConfirmDialogProps) {\n  const [typed, setTyped] = useState(\"\");\n\n  const canConfirm = confirmValue ? typed === confirmValue : true;\n\n  function handleConfirm() {\n    if (!canConfirm || isLoading) return;\n    onConfirm();\n  }\n\n  function closeUnlessLoading() {\n    if (!isLoading) onClose();\n  }\n\n  return (\n    <DialogModal isOpen onOpenChange={(open) => !open && closeUnlessLoading()}>\n      <Dialog>\n        <Flex direction=\"row\" alignPrimary=\"space-between\" alignSecondary=\"center\">\n          <DialogTitle>{title}</DialogTitle>\n          <DialogClose onPress={closeUnlessLoading} />\n        </Flex>\n        <DialogBody>\n          {message && (\n            <p\n              className=\"confirm-dialog-message\"\n              dangerouslySetInnerHTML={{ __html: message }}\n            />\n          )}\n          {confirmValue && (\n            <InputField\n              label={confirmValueLabel}\n              value={typed}\n              onChange={setTyped}\n              autoFocus\n              onKeyDown={(e) => {\n                // React Aria stops every key by default; Escape must still reach the modal.\n                e.continuePropagation();\n                if (e.key === \"Enter\" && !e.repeat && !e.nativeEvent.isComposing) handleConfirm();\n              }}\n              isRequired\n              // The confirm button already waits for the exact value; native validation would show\n              // the browser's own message, in the browser's language.\n              validationBehavior=\"aria\"\n            />\n          )}\n        </DialogBody>\n        <Flex\n          direction=\"row\"\n          gap=\"200\"\n          alignPrimary=\"end\"\n          className=\"confirm-dialog-footer\"\n        >\n          <Button variant=\"neutral\" onPress={onClose} isDisabled={isLoading}>\n            {cancelLabel}\n          </Button>\n          {isDanger ? (\n            <ButtonDanger\n              variant=\"danger-primary\"\n              onPress={handleConfirm}\n              isDisabled={!canConfirm}\n              isPending={isLoading}\n            >\n              {confirmLabel}\n            </ButtonDanger>\n          ) : (\n            <Button\n              variant=\"primary\"\n              onPress={handleConfirm}\n              isDisabled={!canConfirm}\n              isPending={isLoading}\n            >\n              {confirmLabel}\n            </Button>\n          )}\n        </Flex>\n      </Dialog>\n    </DialogModal>\n  );\n}\n"],"names":["ConfirmDialog","props","jsx","OpenConfirmDialog","title","message","confirmValue","confirmValueLabel","confirmLabel","cancelLabel","isDanger","isLoading","onConfirm","onClose","typed","setTyped","useState","canConfirm","handleConfirm","closeUnlessLoading","DialogModal","open","jsxs","Dialog","Flex","DialogTitle","DialogClose","DialogBody","InputField","Button","ButtonDanger"],"mappings":";;;;;;;AA6BO,SAASA,EAAcC,GAA2B;AACvD,SAAKA,EAAM,SAEJ,gBAAAC,EAACC,GAAA,EAAmB,GAAGF,EAAA,CAAO,IAFX;AAG5B;AAEA,SAASE,EAAkB;AAAA,EACzB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,SAAAC;AACF,GAAuB;AACrB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAE/BC,IAAaX,IAAeQ,MAAUR,IAAe;AAE3D,WAASY,IAAgB;AACvB,IAAI,CAACD,KAAcN,KACnBC,EAAA;AAAA,EACF;AAEA,WAASO,IAAqB;AAC5B,IAAKR,KAAWE,EAAA;AAAA,EAClB;AAEA,SACE,gBAAAX,EAACkB,GAAA,EAAY,QAAM,IAAC,cAAc,CAACC,MAAS,CAACA,KAAQF,EAAA,GACnD,UAAA,gBAAAG,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAK,WAAU,OAAM,cAAa,iBAAgB,gBAAe,UAChE,UAAA;AAAA,MAAA,gBAAAtB,EAACuB,KAAa,UAAArB,EAAA,CAAM;AAAA,MACpB,gBAAAF,EAACwB,GAAA,EAAY,SAASP,EAAA,CAAoB;AAAA,IAAA,GAC5C;AAAA,sBACCQ,GAAA,EACE,UAAA;AAAA,MAAAtB,KACC,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAyB,EAAE,QAAQG,EAAA;AAAA,QAAQ;AAAA,MAAA;AAAA,MAG9CC,KACC,gBAAAJ;AAAA,QAAC0B;AAAA,QAAA;AAAA,UACC,OAAOrB;AAAA,UACP,OAAOO;AAAA,UACP,UAAUC;AAAA,UACV,WAAS;AAAA,UACT,WAAW,CAAC,MAAM;AAEhB,cAAE,oBAAA,GACE,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU,CAAC,EAAE,YAAY,eAAaG,EAAA;AAAA,UACpE;AAAA,UACA,YAAU;AAAA,UAGV,oBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrB,GAEJ;AAAA,IACA,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAI;AAAA,QACJ,cAAa;AAAA,QACb,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAtB,EAAC2B,KAAO,SAAQ,WAAU,SAAShB,GAAS,YAAYF,GACrD,UAAAF,EAAA,CACH;AAAA,UACCC,IACC,gBAAAR;AAAA,YAAC4B;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAASZ;AAAA,cACT,YAAY,CAACD;AAAA,cACb,WAAWN;AAAA,cAEV,UAAAH;AAAA,YAAA;AAAA,UAAA,IAGH,gBAAAN;AAAA,YAAC2B;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,SAASX;AAAA,cACT,YAAY,CAACD;AAAA,cACb,WAAWN;AAAA,cAEV,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/lib/ui/components/DataTable/DataTable.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),xe=require("../../../vendor/clsx/dist/clsx.cjs"),h=require("react");;/* empty css                */const ge=require("../../primitives/Search/Search.cjs"),o=require("../../primitives/Table/Table.cjs"),fe=require("../../icons/IconChevronDown.cjs"),pe=require("../../icons/IconChevronRight.cjs"),we=require("../../primitives/Pagination/Pagination.cjs"),je=require("../../primitives/PermissionGate/PermissionGate.cjs"),me=require("../../layout/Flex/Flex.cjs"),Se=require("../../primitives/IconButton/IconButton.cjs"),Ce=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});function ve(s,n){return s==null||n==null?s==null?n==null?0:1:-1:s instanceof Date&&n instanceof Date?s.getTime()-n.getTime():typeof s=="number"&&typeof n=="number"?s-n:Ce.compare(String(s),String(n))}function Ne(s,n,d){const i=n.sortValue??(b=>b[n.key]),m=d==="descending"?-1:1;return[...s].sort((b,x)=>ve(i(b),i(x))*m)}function Te({action:s,item:n}){const d=s.isAllowed!==!1,i=a.jsx(Se.IconButton,{variant:"text",size:"small","aria-label":s.label,isDisabled:!d,onPress:d?()=>s.onPress(n):void 0,children:s.icon});return d?i:a.jsx(je.PermissionGate,{isAllowed:!1,noAccessLabel:s.noAccessLabel??"",children:i})}function G({columns:s,data:n,actions:d,rowActions:i,rowActionsLabel:m="",selectable:b=!1,selectionType:x="checkbox",selectedKeys:O,onSelectionChange:V,defaultSortDescriptor:$,sortDescriptor:z,onSortChange:S,ariaLabel:Q,dense:J,striped:U,maxHeight:q,searchPlaceholder:W="Search...",searchKeys:C=[],isLoading:X=!1,loadingMessage:k="Loading...",emptyMessage:Y="No records found",previousLabel:Z="Previous",nextLabel:_="Next",pageSize:g=10,nestedColumns:D,getNestedData:I,nestedLoadingMessage:A="Loading...",nestedEmptyMessage:K="No records found",nestedSearchKeys:ee,nestedSearchPlaceholder:ae,nestedActions:v,nestedPageSize:te}){const[N,se]=h.useState(""),[ne,T]=h.useState(1),[le,re]=h.useState($),u=z??le,[L,oe]=h.useState(new Set),[E,f]=h.useState(new Map),y=!!I&&!!D,R=!!i;function B(e,t){oe(r=>{const c=new Set(r);return t?c.add(e):c.delete(e),c})}function ie(e){const t=e.id,r=!L.has(t);if(B(t,r),!r||E.has(t))return;const c=I(e);c instanceof Promise?(f(l=>new Map(l).set(t,{status:"loading",data:[]})),c.then(l=>{f(j=>new Map(j).set(t,{status:"loaded",data:l}))},()=>{f(l=>{const j=new Map(l);return j.delete(t),j}),B(t,!1)})):f(l=>new Map(l).set(t,{status:"loaded",data:c}))}const p=C.length>0,ce=s.some(e=>e.isRowHeader),de=p||!!d,w=h.useMemo(()=>{if(!N.trim()||!p)return n;const e=N.toLowerCase();return n.filter(t=>C.some(r=>String(t[r]??"").toLowerCase().includes(e)))},[n,N,C,p]),M=s.find(e=>e.sortable&&String(e.key)===String(u==null?void 0:u.column)),H=h.useMemo(()=>M&&u?Ne(w,M,u.direction):w,[w,M,u]);function ue(e){re(e),T(1),S==null||S(e)}const F=Math.max(1,Math.ceil(H.length/g)),P=Math.min(ne,F),he=H.slice((P-1)*g,P*g);function be(e,t){return t.render?t.render(e):String(e[t.key]??"")}return a.jsxs(me.Flex,{direction:"column",gap:"300",className:xe.clsx("data-table",q!==void 0&&"data-table--fill"),children:[de&&a.jsxs("div",{className:"data-table-toolbar",children:[p&&a.jsx(ge.Search,{placeholder:W,onSearch:e=>{se(e),T(1)},className:"data-table-search"}),d&&a.jsx("div",{className:"data-table-actions",children:d})]}),X?a.jsx("div",{role:"status","aria-live":"polite","aria-label":k,className:"data-table-status",children:k}):w.length===0?a.jsx("div",{role:"status",className:"data-table-status data-table-empty",children:Y}):a.jsxs(o.Table,{"aria-label":Q,dense:J,striped:U,maxHeight:q,selectionMode:b?x==="radio"?"single":"multiple":"none",selectionType:x,selectedKeys:O,onSelectionChange:V,sortDescriptor:u,onSortChange:ue,children:[a.jsxs(o.TableHead,{children:[y&&a.jsx(o.TableColumn,{className:"data-table-expand-col"}),s.map((e,t)=>a.jsx(o.TableColumn,{id:String(e.key),align:e.align,allowsSorting:e.sortable,isRowHeader:ce?e.isRowHeader:t===0,children:e.label},String(e.key))),R&&a.jsx(o.TableColumn,{align:"right",className:"data-table-row-actions-col",children:m})]}),a.jsx(o.TableBody,{children:he.flatMap(e=>{const t=L.has(e.id),r=E.get(e.id),c=[a.jsxs(o.TableRow,{id:e.id,children:[y&&a.jsx(o.TableCell,{className:"data-table-expand-cell",children:a.jsx("button",{type:"button",className:"data-table-expand-btn","aria-label":t?"Collapse row":"Expand row","aria-expanded":t,onClick:()=>ie(e),children:t?a.jsx(fe.IconChevronDown,{size:"16"}):a.jsx(pe.IconChevronRight,{size:"16"})})}),s.map(l=>a.jsx(o.TableCell,{align:l.align,children:be(e,l)},String(l.key))),R&&a.jsx(o.TableCell,{align:"right",className:"data-table-row-actions-cell",children:a.jsx("div",{className:"data-table-row-actions",children:(typeof i=="function"?i(e):i).map(l=>a.jsx(Te,{action:l,item:e},l.key))})})]},e.id)];return t&&c.push(a.jsx(o.TableRow,{id:`${e.id}-nested`,className:"data-table-nested-row",children:a.jsx(o.TableCell,{colSpan:s.length+(y?1:0)+(b?1:0)+(R?1:0),className:"data-table-nested-cell",children:a.jsx(G,{columns:D,data:(r==null?void 0:r.data)??[],isLoading:!r||r.status==="loading",loadingMessage:A,emptyMessage:K,searchKeys:ee,searchPlaceholder:ae,actions:v==null?void 0:v(e),pageSize:te??g})})},`${e.id}-nested`)),c})})]}),a.jsx(we.Pagination,{page:P,totalPages:F,onPageChange:T,previousLabel:Z,nextLabel:_})]})}exports.DataTable=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),D=require("../../../vendor/clsx/dist/clsx.cjs"),b=require("react");;/* empty css                */const we=require("../../primitives/Search/Search.cjs"),i=require("../../primitives/Table/Table.cjs"),me=require("../../icons/IconChevronDown.cjs"),ye=require("../../icons/IconChevronRight.cjs"),Se=require("../../primitives/Pagination/Pagination.cjs"),ve=require("../../primitives/PermissionGate/PermissionGate.cjs"),Q=require("../../hooks/useLoadingVisibility.cjs"),Ne=require("../../layout/Flex/Flex.cjs"),Ce=require("../../primitives/BrandLoader/BrandLoader.cjs"),Te=require("../../primitives/IconButton/IconButton.cjs"),Pe=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"});function qe(t,n){return t==null||n==null?t==null?n==null?0:1:-1:t instanceof Date&&n instanceof Date?t.getTime()-n.getTime():typeof t=="number"&&typeof n=="number"?t-n:Pe.compare(String(t),String(n))}function Re(t,n,d){const o=n.sortValue??(x=>x[n.key]),h=d==="descending"?-1:1;return[...t].sort((x,g)=>qe(o(x),o(g))*h)}function Me({action:t,item:n}){const d=t.isPending===!0,o=t.isAllowed!==!1&&!d,h=a.jsx(Te.IconButton,{variant:"text",size:"small","aria-label":t.label,isDisabled:!o&&!d,isPending:d,onPress:o?()=>t.onPress(n):void 0,children:t.icon});return o?h:a.jsx(ve.PermissionGate,{isAllowed:!1,noAccessLabel:t.noAccessLabel??"",isPending:d,pendingLabel:t.pendingLabel??"",children:h})}function J({columns:t,data:n,actions:d,rowActions:o,rowActionsLabel:h="",selectable:x=!1,selectionType:g="checkbox",selectedKeys:U,onSelectionChange:W,defaultSortDescriptor:X,sortDescriptor:Y,onSortChange:y,ariaLabel:Z,dense:_,striped:A,maxHeight:I,searchPlaceholder:K="Search...",searchKeys:S=[],isLoading:v=!1,isRefreshing:V=!1,loadingMessage:N,emptyMessage:ee="No records found",previousLabel:ae="Previous",nextLabel:te="Next",pageSize:f=10,nestedColumns:B,getNestedData:E,nestedLoadingMessage:se,nestedEmptyMessage:ne="No records found",nestedSearchKeys:le,nestedSearchPlaceholder:re,nestedActions:C,nestedPageSize:ie}){const T=Q.useLoadingVisibility(v),F=Q.useLoadingVisibility(V&&!v),[P,oe]=b.useState(""),[de,q]=b.useState(1),[ce,ue]=b.useState(X),u=Y??ce,[H,be]=b.useState(new Set),[z,p]=b.useState(new Map),R=!!E&&!!B,M=!!o;function G(e,s){be(r=>{const c=new Set(r);return s?c.add(e):c.delete(e),c})}function he(e){const s=e.id,r=!H.has(s);if(G(s,r),!r||z.has(s))return;const c=E(e);c instanceof Promise?(p(l=>new Map(l).set(s,{status:"loading",data:[]})),c.then(l=>{p(m=>new Map(m).set(s,{status:"loaded",data:l}))},()=>{p(l=>{const m=new Map(l);return m.delete(s),m}),G(s,!1)})):p(l=>new Map(l).set(s,{status:"loaded",data:c}))}const j=S.length>0,xe=t.some(e=>e.isRowHeader),ge=j||!!d,w=b.useMemo(()=>{if(!P.trim()||!j)return n;const e=P.toLowerCase();return n.filter(s=>S.some(r=>String(s[r]??"").toLowerCase().includes(e)))},[n,P,S,j]),L=t.find(e=>e.sortable&&String(e.key)===String(u==null?void 0:u.column)),O=b.useMemo(()=>L&&u?Re(w,L,u.direction):w,[w,L,u]);function fe(e){ue(e),q(1),y==null||y(e)}const $=Math.max(1,Math.ceil(O.length/f)),k=Math.min(de,$),pe=O.slice((k-1)*f,k*f);function je(e,s){return s.render?s.render(e):String(e[s.key]??"")}return a.jsxs(Ne.Flex,{direction:"column",gap:"300",className:D.clsx("data-table",I!==void 0&&"data-table--fill"),children:[ge&&a.jsxs("div",{className:"data-table-toolbar",children:[j&&a.jsx(we.Search,{placeholder:K,onSearch:e=>{oe(e),q(1)},className:"data-table-search"}),d&&a.jsx("div",{className:"data-table-actions",children:d})]}),v||T?a.jsx("div",{role:"status","aria-live":"polite","aria-label":N,className:D.clsx("data-table-status",T?"data-table-loading":"data-table-loading-delay"),children:T&&a.jsxs(a.Fragment,{children:[a.jsx(Ce.BrandLoader,{"aria-hidden":!0,variant:"trace",size:"32",tone:"brand"}),a.jsx("span",{children:N})]})}):a.jsxs("div",{className:D.clsx("data-table-body",F&&"data-table-body--refreshing"),"aria-busy":V||void 0,children:[F&&a.jsx("div",{role:"progressbar","aria-label":N,className:"data-table-refresh-indicator"}),w.length===0?a.jsx("div",{role:"status",className:"data-table-status data-table-empty",children:ee}):a.jsxs(i.Table,{"aria-label":Z,dense:_,striped:A,maxHeight:I,selectionMode:x?g==="radio"?"single":"multiple":"none",selectionType:g,selectedKeys:U,onSelectionChange:W,sortDescriptor:u,onSortChange:fe,children:[a.jsxs(i.TableHead,{children:[R&&a.jsx(i.TableColumn,{className:"data-table-expand-col"}),t.map((e,s)=>a.jsx(i.TableColumn,{id:String(e.key),align:e.align,allowsSorting:e.sortable,isRowHeader:xe?e.isRowHeader:s===0,children:e.label},String(e.key))),M&&a.jsx(i.TableColumn,{align:"right",className:"data-table-row-actions-col",children:h})]}),a.jsx(i.TableBody,{children:pe.flatMap(e=>{const s=H.has(e.id),r=z.get(e.id),c=[a.jsxs(i.TableRow,{id:e.id,children:[R&&a.jsx(i.TableCell,{className:"data-table-expand-cell",children:a.jsx("button",{type:"button",className:"data-table-expand-btn","aria-label":s?"Collapse row":"Expand row","aria-expanded":s,onClick:()=>he(e),children:s?a.jsx(me.IconChevronDown,{size:"16"}):a.jsx(ye.IconChevronRight,{size:"16"})})}),t.map(l=>a.jsx(i.TableCell,{align:l.align,children:je(e,l)},String(l.key))),M&&a.jsx(i.TableCell,{align:"right",className:"data-table-row-actions-cell",children:a.jsx("div",{className:"data-table-row-actions",children:(typeof o=="function"?o(e):o).map(l=>a.jsx(Me,{action:l,item:e},l.key))})})]},e.id)];return s&&c.push(a.jsx(i.TableRow,{id:`${e.id}-nested`,className:"data-table-nested-row",children:a.jsx(i.TableCell,{colSpan:t.length+(R?1:0)+(x?1:0)+(M?1:0),className:"data-table-nested-cell",children:a.jsx(J,{columns:B,data:(r==null?void 0:r.data)??[],isLoading:!r||r.status==="loading",loadingMessage:se??"",emptyMessage:ne,searchKeys:le,searchPlaceholder:re,actions:C==null?void 0:C(e),pageSize:ie??f})})},`${e.id}-nested`)),c})})]})]}),a.jsx(Se.Pagination,{page:k,totalPages:$,onPageChange:q,previousLabel:ae,nextLabel:te})]})}exports.DataTable=J;
 //# sourceMappingURL=DataTable.cjs.map

package/dist/lib/ui/components/DataTable/DataTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","sources":["../../../../../src/ui/components/DataTable/DataTable.tsx"],"sourcesContent":["import {\n  IconButton,\n  Pagination,\n  PermissionGate,\n  Search,\n  Table,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHead,\n  TableRow,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { IconChevronDown, IconChevronRight } from \"icons\";\nimport type { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { useMemo, useState } from \"react\";\nimport type { Selection, SortDescriptor } from \"react-aria-components\";\nimport \"./datatable.css\";\n\nexport interface Column<T> {\n  key: keyof T | string;\n  label: string;\n  align?: \"start\" | \"center\" | \"right\";\n  render?: (item: T) => ReactNode;\n  /** Marks the column that names the row for assistive technology. Defaults to the first column when no column sets it. */\n  isRowHeader?: boolean;\n  /** When true, the header becomes clickable and the rows can be sorted by this column. */\n  sortable?: boolean;\n  /** Value used to sort this column. Defaults to `item[key]`. */\n  sortValue?: (item: T) => SortableValue;\n}\n\ntype SortableValue = string | number | Date | null | undefined;\n\nconst sortCollator = new Intl.Collator(undefined, { numeric: true, sensitivity: \"base\" });\n\nfunction compareSortableValues(a: SortableValue, b: SortableValue): number {\n  if (a == null || b == null) return a == null ? (b == null ? 0 : 1) : -1;\n  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return sortCollator.compare(String(a), String(b));\n}\n\nfunction sortRows<T>(rows: T[], column: Column<T>, direction: SortDescriptor[\"direction\"]): T[] {\n  const valueOf = column.sortValue ?? ((item: T) => (item as Record<string, unknown>)[column.key as string] as SortableValue);\n  const directionFactor = direction === \"descending\" ? -1 : 1;\n  return [...rows].sort((a, b) => compareSortableValues(valueOf(a), valueOf(b)) * directionFactor);\n}\n\nexport interface RowActionDef<T> {\n  /** Unique key for this action. */\n  key: string;\n  /** aria-label for the button. */\n  label: string;\n  /** Icon element rendered inside the button. */\n  icon: ReactNode;\n  /** When false, button is disabled and a tooltip with `noAccessLabel` is shown. Default: true. */\n  isAllowed?: boolean;\n  /** Tooltip text shown when `isAllowed` is false. */\n  noAccessLabel?: string;\n  /** Called with the row item when the button is pressed. */\n  onPress: (item: T) => void;\n}\n\nfunction RowActionButton<T>({\n  action,\n  item,\n}: {\n  action: RowActionDef<T>;\n  item: T;\n}) {\n  const allowed = action.isAllowed !== false;\n  const btn = (\n    <IconButton\n      variant=\"text\"\n      size=\"small\"\n      aria-label={action.label}\n      isDisabled={!allowed}\n      onPress={allowed ? () => action.onPress(item) : undefined}\n    >\n      {action.icon}\n    </IconButton>\n  );\n  if (allowed) return btn;\n  return (\n    <PermissionGate isAllowed={false} noAccessLabel={action.noAccessLabel ?? \"\"}>\n      {btn}\n    </PermissionGate>\n  );\n}\n\n// O tipo da linha aninhada é independente de T (não há relação genérica entre linha pai e linhas\n// filhas), então \"any\" é usado deliberadamente como fronteira de erasure de tipo.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype NestedStatus = { status: \"loading\"; data: never[] } | { status: \"loaded\"; data: any[] };\n\nexport interface DataTableProps<T extends { id: string }> {\n  columns: Column<T>[];\n  data: T[];\n  actions?: ReactNode;\n  /** Per-row action buttons rendered in a dedicated last column. */\n  rowActions?: RowActionDef<T>[] | ((item: T) => RowActionDef<T>[]);\n  /** Label for the row actions column header. Defaults to empty string. */\n  rowActionsLabel?: string;\n  /**\n   * When true, renders a selection column before the first data column — a per-row control on\n   * every row (see `selectionType`), plus a \"select all\" checkbox in the header when\n   * `selectionType` is \"checkbox\". Off by default.\n   */\n  selectable?: boolean;\n  /**\n   * Visual style of the built-in selection control. \"checkbox\" (default) allows selecting\n   * multiple rows and shows a \"select all\" in the header. \"radio\" restricts selection to a\n   * single row (no \"select all\" — there is nothing to select all *to* with one choice) and\n   * renders a round control instead of a checkbox.\n   */\n  selectionType?: \"checkbox\" | \"radio\";\n  /** Controlled selection state. Omit to let the table manage its own selection internally. */\n  selectedKeys?: Selection;\n  onSelectionChange?: (keys: Selection) => void;\n  /** Initial sort when the table manages its own sorting. Only columns with `sortable` can be sorted. */\n  defaultSortDescriptor?: SortDescriptor;\n  /** Controlled sort state. Omit to let the table manage its own sorting internally. */\n  sortDescriptor?: SortDescriptor;\n  onSortChange?: (descriptor: SortDescriptor) => void;\n  /** Accessible name of the table. */\n  ariaLabel?: string;\n  /** Compact row height. Off by default. */\n  dense?: boolean;\n  /** Alternating row background. Off by default. */\n  striped?: boolean;\n  /**\n   * Caps the height of the table so its rows scroll inside it with a sticky header, keeping the\n   * pagination in view. A percentage needs a parent with a defined height. Off by default.\n   */\n  maxHeight?: number | string;\n  searchPlaceholder?: string;\n  searchKeys?: (keyof T)[];\n  isLoading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  previousLabel?: string;\n  nextLabel?: string;\n  pageSize?: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedColumns?: Column<any>[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  getNestedData?: (item: T) => any[] | Promise<any[]>;\n  nestedLoadingMessage?: string;\n  nestedEmptyMessage?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedSearchKeys?: (keyof any)[];\n  nestedSearchPlaceholder?: string;\n  nestedActions?: (item: T) => ReactNode;\n  nestedPageSize?: number;\n}\n\nexport function DataTable<T extends { id: string }>({\n  columns,\n  data,\n  actions,\n  rowActions,\n  rowActionsLabel = \"\",\n  selectable = false,\n  selectionType = \"checkbox\",\n  selectedKeys,\n  onSelectionChange,\n  defaultSortDescriptor,\n  sortDescriptor: controlledSortDescriptor,\n  onSortChange,\n  ariaLabel,\n  dense,\n  striped,\n  maxHeight,\n  searchPlaceholder = \"Search...\",\n  searchKeys = [],\n  isLoading = false,\n  loadingMessage = \"Loading...\",\n  emptyMessage = \"No records found\",\n  previousLabel = \"Previous\",\n  nextLabel = \"Next\",\n  pageSize = 10,\n  nestedColumns,\n  getNestedData,\n  nestedLoadingMessage = \"Loading...\",\n  nestedEmptyMessage = \"No records found\",\n  nestedSearchKeys,\n  nestedSearchPlaceholder,\n  nestedActions,\n  nestedPageSize,\n}: DataTableProps<T>) {\n  const [query, setQuery] = useState(\"\");\n  const [page, setPage] = useState(1);\n  const [internalSortDescriptor, setInternalSortDescriptor] = useState(defaultSortDescriptor);\n  const sortDescriptor = controlledSortDescriptor ?? internalSortDescriptor;\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n  const [nestedCache, setNestedCache] = useState<Map<string, NestedStatus>>(new Map());\n\n  const hasNested = !!getNestedData && !!nestedColumns;\n  const hasRowActions = !!rowActions;\n\n  function setRowExpanded(id: string, isExpanded: boolean) {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (isExpanded) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n  }\n\n  // A carga fica fora do updater do setExpanded: o React pode chamar updaters mais de uma\n  // vez (StrictMode), o que dispararia getNestedData em dobro.\n  function toggleRow(item: T) {\n    const id = item.id;\n    const willExpand = !expanded.has(id);\n    setRowExpanded(id, willExpand);\n    if (!willExpand || nestedCache.has(id)) return;\n\n    const result = getNestedData!(item);\n    if (result instanceof Promise) {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loading\", data: [] }));\n      result.then(\n        (rows) => {\n          setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: rows }));\n        },\n        () => {\n          // Na falha, descarta a entrada e recolhe a linha: expandir de novo refaz a carga,\n          // em vez de a linha ficar presa em \"loading\".\n          setNestedCache((c) => {\n            const next = new Map(c);\n            next.delete(id);\n            return next;\n          });\n          setRowExpanded(id, false);\n        },\n      );\n    } else {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: result }));\n    }\n  }\n\n  const hasSearch = searchKeys.length > 0;\n  const hasExplicitRowHeader = columns.some((col) => col.isRowHeader);\n  const hasToolbar = hasSearch || !!actions;\n\n  const filtered = useMemo(() => {\n    if (!query.trim() || !hasSearch) return data;\n    const lower = query.toLowerCase();\n    return data.filter((item) =>\n      searchKeys.some((k) =>\n        String(item[k] ?? \"\")\n          .toLowerCase()\n          .includes(lower),\n      ),\n    );\n  }, [data, query, searchKeys, hasSearch]);\n\n  const sortColumn = columns.find((col) => col.sortable && String(col.key) === String(sortDescriptor?.column));\n\n  const sorted = useMemo(\n    () => (sortColumn && sortDescriptor ? sortRows(filtered, sortColumn, sortDescriptor.direction) : filtered),\n    [filtered, sortColumn, sortDescriptor],\n  );\n\n  function handleSortChange(descriptor: SortDescriptor) {\n    setInternalSortDescriptor(descriptor);\n    setPage(1);\n    onSortChange?.(descriptor);\n  }\n\n  const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n  const currentPage = Math.min(page, totalPages);\n  const pageData = sorted.slice(\n    (currentPage - 1) * pageSize,\n    currentPage * pageSize,\n  );\n\n  function getCell(item: T, col: Column<T>): ReactNode {\n    if (col.render) return col.render(item);\n    return String((item as Record<string, unknown>)[col.key as string] ?? \"\");\n  }\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"300\"\n      className={clsx(\"data-table\", maxHeight !== undefined && \"data-table--fill\")}\n    >\n      {hasToolbar && (\n        <div className=\"data-table-toolbar\">\n          {hasSearch && (\n            <Search\n              placeholder={searchPlaceholder}\n              onSearch={(v) => {\n                setQuery(v);\n                setPage(1);\n              }}\n              className=\"data-table-search\"\n            />\n          )}\n          {actions && <div className=\"data-table-actions\">{actions}</div>}\n        </div>\n      )}\n\n      {isLoading ? (\n        <div\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={loadingMessage}\n          className=\"data-table-status\"\n        >\n          {loadingMessage}\n        </div>\n      ) : filtered.length === 0 ? (\n        <div role=\"status\" className=\"data-table-status data-table-empty\">\n          {emptyMessage}\n        </div>\n      ) : (\n        <Table\n          aria-label={ariaLabel}\n          dense={dense}\n          striped={striped}\n          maxHeight={maxHeight}\n          selectionMode={selectable ? (selectionType === \"radio\" ? \"single\" : \"multiple\") : \"none\"}\n          selectionType={selectionType}\n          selectedKeys={selectedKeys}\n          onSelectionChange={onSelectionChange}\n          sortDescriptor={sortDescriptor}\n          onSortChange={handleSortChange}\n        >\n          <TableHead>\n            {hasNested && <TableColumn className=\"data-table-expand-col\" />}\n            {columns.map((col, idx) => (\n              <TableColumn\n                key={String(col.key)}\n                id={String(col.key)}\n                align={col.align}\n                allowsSorting={col.sortable}\n                isRowHeader={hasExplicitRowHeader ? col.isRowHeader : idx === 0}\n              >\n                {col.label}\n              </TableColumn>\n            ))}\n            {hasRowActions && (\n              <TableColumn align=\"right\" className=\"data-table-row-actions-col\">\n                {rowActionsLabel}\n              </TableColumn>\n            )}\n          </TableHead>\n          <TableBody>\n            {pageData.flatMap((item) => {\n              const isExpanded = expanded.has(item.id);\n              const cached = nestedCache.get(item.id);\n              const rows: ReactNode[] = [\n                <TableRow key={item.id} id={item.id}>\n                  {hasNested && (\n                    <TableCell className=\"data-table-expand-cell\">\n                      <button\n                        type=\"button\"\n                        className=\"data-table-expand-btn\"\n                        aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n                        aria-expanded={isExpanded}\n                        onClick={() => toggleRow(item)}\n                      >\n                        {isExpanded ? (\n                          <IconChevronDown size=\"16\" />\n                        ) : (\n                          <IconChevronRight size=\"16\" />\n                        )}\n                      </button>\n                    </TableCell>\n                  )}\n                  {columns.map((col) => (\n                    <TableCell key={String(col.key)} align={col.align}>\n                      {getCell(item, col)}\n                    </TableCell>\n                  ))}\n                  {hasRowActions && (\n                    <TableCell align=\"right\" className=\"data-table-row-actions-cell\">\n                      <div className=\"data-table-row-actions\">\n                        {(typeof rowActions === \"function\"\n                          ? rowActions(item)\n                          : rowActions!\n                        ).map((action) => (\n                          <RowActionButton key={action.key} action={action} item={item} />\n                        ))}\n                      </div>\n                    </TableCell>\n                  )}\n                </TableRow>,\n              ];\n              if (isExpanded) {\n                rows.push(\n                  <TableRow key={`${item.id}-nested`} id={`${item.id}-nested`} className=\"data-table-nested-row\">\n                    <TableCell\n                      colSpan={\n                        columns.length +\n                        (hasNested ? 1 : 0) +\n                        (selectable ? 1 : 0) +\n                        (hasRowActions ? 1 : 0)\n                      }\n                      className=\"data-table-nested-cell\"\n                    >\n                      <DataTable\n                        columns={nestedColumns!}\n                        data={cached?.data ?? []}\n                        isLoading={!cached || cached.status === \"loading\"}\n                        loadingMessage={nestedLoadingMessage}\n                        emptyMessage={nestedEmptyMessage}\n                        searchKeys={nestedSearchKeys}\n                        searchPlaceholder={nestedSearchPlaceholder}\n                        actions={nestedActions?.(item)}\n                        pageSize={nestedPageSize ?? pageSize}\n                      />\n                    </TableCell>\n                  </TableRow>,\n                );\n              }\n              return rows;\n            })}\n          </TableBody>\n        </Table>\n      )}\n\n      <Pagination\n        page={currentPage}\n        totalPages={totalPages}\n        onPageChange={setPage}\n        previousLabel={previousLabel}\n        nextLabel={nextLabel}\n      />\n    </Flex>\n  );\n}\n"],"names":["sortCollator","compareSortableValues","a","b","sortRows","rows","column","direction","valueOf","item","directionFactor","RowActionButton","action","allowed","btn","jsx","IconButton","PermissionGate","DataTable","columns","data","actions","rowActions","rowActionsLabel","selectable","selectionType","selectedKeys","onSelectionChange","defaultSortDescriptor","controlledSortDescriptor","onSortChange","ariaLabel","dense","striped","maxHeight","searchPlaceholder","searchKeys","isLoading","loadingMessage","emptyMessage","previousLabel","nextLabel","pageSize","nestedColumns","getNestedData","nestedLoadingMessage","nestedEmptyMessage","nestedSearchKeys","nestedSearchPlaceholder","nestedActions","nestedPageSize","query","setQuery","useState","page","setPage","internalSortDescriptor","setInternalSortDescriptor","sortDescriptor","expanded","setExpanded","nestedCache","setNestedCache","hasNested","hasRowActions","setRowExpanded","id","isExpanded","prev","next","toggleRow","willExpand","result","c","hasSearch","hasExplicitRowHeader","col","hasToolbar","filtered","useMemo","lower","k","sortColumn","sorted","handleSortChange","descriptor","totalPages","currentPage","pageData","getCell","jsxs","Flex","clsx","Search","v","Table","TableHead","TableColumn","idx","TableBody","cached","TableRow","TableCell","IconChevronDown","IconChevronRight","Pagination"],"mappings":"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"}
+{"version":3,"file":"DataTable.cjs","sources":["../../../../../src/ui/components/DataTable/DataTable.tsx"],"sourcesContent":["import {\n  BrandLoader,\n  IconButton,\n  Pagination,\n  PermissionGate,\n  Search,\n  Table,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHead,\n  TableRow,\n} from \"primitives\";\nimport { Flex } from \"layout\";\nimport { useLoadingVisibility } from \"hooks\";\nimport { IconChevronDown, IconChevronRight } from \"icons\";\nimport type { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { useMemo, useState } from \"react\";\nimport type { Selection, SortDescriptor } from \"react-aria-components\";\nimport \"./datatable.css\";\n\nexport interface Column<T> {\n  key: keyof T | string;\n  label: string;\n  align?: \"start\" | \"center\" | \"right\";\n  render?: (item: T) => ReactNode;\n  /** Marks the column that names the row for assistive technology. Defaults to the first column when no column sets it. */\n  isRowHeader?: boolean;\n  /** When true, the header becomes clickable and the rows can be sorted by this column. */\n  sortable?: boolean;\n  /** Value used to sort this column. Defaults to `item[key]`. */\n  sortValue?: (item: T) => SortableValue;\n}\n\ntype SortableValue = string | number | Date | null | undefined;\n\nconst sortCollator = new Intl.Collator(undefined, { numeric: true, sensitivity: \"base\" });\n\nfunction compareSortableValues(a: SortableValue, b: SortableValue): number {\n  if (a == null || b == null) return a == null ? (b == null ? 0 : 1) : -1;\n  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n  if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n  return sortCollator.compare(String(a), String(b));\n}\n\nfunction sortRows<T>(rows: T[], column: Column<T>, direction: SortDescriptor[\"direction\"]): T[] {\n  const valueOf = column.sortValue ?? ((item: T) => (item as Record<string, unknown>)[column.key as string] as SortableValue);\n  const directionFactor = direction === \"descending\" ? -1 : 1;\n  return [...rows].sort((a, b) => compareSortableValues(valueOf(a), valueOf(b)) * directionFactor);\n}\n\ntype RowActionPendingProps =\n  | { isPending?: false; pendingLabel?: string }\n  | {\n      isPending: boolean;\n      /** Tooltip text shown while `isPending`. */\n      pendingLabel: string;\n    };\n\nexport type RowActionDef<T> = RowActionPendingProps & {\n  /** Unique key for this action. */\n  key: string;\n  /** aria-label for the button. */\n  label: string;\n  /** Icon element rendered inside the button. */\n  icon: ReactNode;\n  /** When false, button is disabled and a tooltip with `noAccessLabel` is shown. Default: true. */\n  isAllowed?: boolean;\n  /** Tooltip text shown when `isAllowed` is false. */\n  noAccessLabel?: string;\n  /** Called with the row item when the button is pressed. */\n  onPress: (item: T) => void;\n};\n\nfunction RowActionButton<T>({\n  action,\n  item,\n}: {\n  action: RowActionDef<T>;\n  item: T;\n}) {\n  const isPending = action.isPending === true;\n  const allowed = action.isAllowed !== false && !isPending;\n  const btn = (\n    <IconButton\n      variant=\"text\"\n      size=\"small\"\n      aria-label={action.label}\n      isDisabled={!allowed && !isPending}\n      isPending={isPending}\n      onPress={allowed ? () => action.onPress(item) : undefined}\n    >\n      {action.icon}\n    </IconButton>\n  );\n  if (allowed) return btn;\n  return (\n    <PermissionGate\n      isAllowed={false}\n      noAccessLabel={action.noAccessLabel ?? \"\"}\n      isPending={isPending}\n      pendingLabel={action.pendingLabel ?? \"\"}\n    >\n      {btn}\n    </PermissionGate>\n  );\n}\n\n// O tipo da linha aninhada é independente de T (não há relação genérica entre linha pai e linhas\n// filhas), então \"any\" é usado deliberadamente como fronteira de erasure de tipo.\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype NestedStatus = { status: \"loading\"; data: never[] } | { status: \"loaded\"; data: any[] };\n\ninterface DataTableBaseProps<T extends { id: string }> {\n  columns: Column<T>[];\n  data: T[];\n  actions?: ReactNode;\n  /** Per-row action buttons rendered in a dedicated last column. */\n  rowActions?: RowActionDef<T>[] | ((item: T) => RowActionDef<T>[]);\n  /** Label for the row actions column header. Defaults to empty string. */\n  rowActionsLabel?: string;\n  /**\n   * When true, renders a selection column before the first data column — a per-row control on\n   * every row (see `selectionType`), plus a \"select all\" checkbox in the header when\n   * `selectionType` is \"checkbox\". Off by default.\n   */\n  selectable?: boolean;\n  /**\n   * Visual style of the built-in selection control. \"checkbox\" (default) allows selecting\n   * multiple rows and shows a \"select all\" in the header. \"radio\" restricts selection to a\n   * single row (no \"select all\" — there is nothing to select all *to* with one choice) and\n   * renders a round control instead of a checkbox.\n   */\n  selectionType?: \"checkbox\" | \"radio\";\n  /** Controlled selection state. Omit to let the table manage its own selection internally. */\n  selectedKeys?: Selection;\n  onSelectionChange?: (keys: Selection) => void;\n  /** Initial sort when the table manages its own sorting. Only columns with `sortable` can be sorted. */\n  defaultSortDescriptor?: SortDescriptor;\n  /** Controlled sort state. Omit to let the table manage its own sorting internally. */\n  sortDescriptor?: SortDescriptor;\n  onSortChange?: (descriptor: SortDescriptor) => void;\n  /** Accessible name of the table. */\n  ariaLabel?: string;\n  /** Compact row height. Off by default. */\n  dense?: boolean;\n  /** Alternating row background. Off by default. */\n  striped?: boolean;\n  /**\n   * Caps the height of the table so its rows scroll inside it with a sticky header, keeping the\n   * pagination in view. A percentage needs a parent with a defined height. Off by default.\n   */\n  maxHeight?: number | string;\n  searchPlaceholder?: string;\n  searchKeys?: (keyof T)[];\n  emptyMessage?: string;\n  previousLabel?: string;\n  nextLabel?: string;\n  pageSize?: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedColumns?: Column<any>[];\n  nestedEmptyMessage?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n  nestedSearchKeys?: (keyof any)[];\n  nestedSearchPlaceholder?: string;\n  nestedActions?: (item: T) => ReactNode;\n  nestedPageSize?: number;\n}\n\ntype DataTableLoadingProps =\n  | { isLoading?: false; isRefreshing?: false; loadingMessage?: string }\n  | { isLoading?: boolean; isRefreshing?: boolean; loadingMessage: string };\n\ntype DataTableNestedLoadingProps<T> =\n  | { getNestedData?: undefined; nestedLoadingMessage?: string }\n  | {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- linha aninhada é de tipo independente de T\n      getNestedData: (item: T) => any[] | Promise<any[]>;\n      nestedLoadingMessage: string;\n    };\n\nexport type DataTableProps<T extends { id: string }> = DataTableBaseProps<T> &\n  DataTableLoadingProps &\n  DataTableNestedLoadingProps<T>;\n\nexport function DataTable<T extends { id: string }>({\n  columns,\n  data,\n  actions,\n  rowActions,\n  rowActionsLabel = \"\",\n  selectable = false,\n  selectionType = \"checkbox\",\n  selectedKeys,\n  onSelectionChange,\n  defaultSortDescriptor,\n  sortDescriptor: controlledSortDescriptor,\n  onSortChange,\n  ariaLabel,\n  dense,\n  striped,\n  maxHeight,\n  searchPlaceholder = \"Search...\",\n  searchKeys = [],\n  isLoading = false,\n  isRefreshing = false,\n  loadingMessage,\n  emptyMessage = \"No records found\",\n  previousLabel = \"Previous\",\n  nextLabel = \"Next\",\n  pageSize = 10,\n  nestedColumns,\n  getNestedData,\n  nestedLoadingMessage,\n  nestedEmptyMessage = \"No records found\",\n  nestedSearchKeys,\n  nestedSearchPlaceholder,\n  nestedActions,\n  nestedPageSize,\n}: DataTableProps<T>) {\n  const isInitialLoadVisible = useLoadingVisibility(isLoading);\n  const isRefreshVisible = useLoadingVisibility(isRefreshing && !isLoading);\n  const [query, setQuery] = useState(\"\");\n  const [page, setPage] = useState(1);\n  const [internalSortDescriptor, setInternalSortDescriptor] = useState(defaultSortDescriptor);\n  const sortDescriptor = controlledSortDescriptor ?? internalSortDescriptor;\n  const [expanded, setExpanded] = useState<Set<string>>(new Set());\n  const [nestedCache, setNestedCache] = useState<Map<string, NestedStatus>>(new Map());\n\n  const hasNested = !!getNestedData && !!nestedColumns;\n  const hasRowActions = !!rowActions;\n\n  function setRowExpanded(id: string, isExpanded: boolean) {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (isExpanded) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n  }\n\n  // A carga fica fora do updater do setExpanded: o React pode chamar updaters mais de uma\n  // vez (StrictMode), o que dispararia getNestedData em dobro.\n  function toggleRow(item: T) {\n    const id = item.id;\n    const willExpand = !expanded.has(id);\n    setRowExpanded(id, willExpand);\n    if (!willExpand || nestedCache.has(id)) return;\n\n    const result = getNestedData!(item);\n    if (result instanceof Promise) {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loading\", data: [] }));\n      result.then(\n        (rows) => {\n          setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: rows }));\n        },\n        () => {\n          // Na falha, descarta a entrada e recolhe a linha: expandir de novo refaz a carga,\n          // em vez de a linha ficar presa em \"loading\".\n          setNestedCache((c) => {\n            const next = new Map(c);\n            next.delete(id);\n            return next;\n          });\n          setRowExpanded(id, false);\n        },\n      );\n    } else {\n      setNestedCache((c) => new Map(c).set(id, { status: \"loaded\", data: result }));\n    }\n  }\n\n  const hasSearch = searchKeys.length > 0;\n  const hasExplicitRowHeader = columns.some((col) => col.isRowHeader);\n  const hasToolbar = hasSearch || !!actions;\n\n  const filtered = useMemo(() => {\n    if (!query.trim() || !hasSearch) return data;\n    const lower = query.toLowerCase();\n    return data.filter((item) =>\n      searchKeys.some((k) =>\n        String(item[k] ?? \"\")\n          .toLowerCase()\n          .includes(lower),\n      ),\n    );\n  }, [data, query, searchKeys, hasSearch]);\n\n  const sortColumn = columns.find((col) => col.sortable && String(col.key) === String(sortDescriptor?.column));\n\n  const sorted = useMemo(\n    () => (sortColumn && sortDescriptor ? sortRows(filtered, sortColumn, sortDescriptor.direction) : filtered),\n    [filtered, sortColumn, sortDescriptor],\n  );\n\n  function handleSortChange(descriptor: SortDescriptor) {\n    setInternalSortDescriptor(descriptor);\n    setPage(1);\n    onSortChange?.(descriptor);\n  }\n\n  const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n  const currentPage = Math.min(page, totalPages);\n  const pageData = sorted.slice(\n    (currentPage - 1) * pageSize,\n    currentPage * pageSize,\n  );\n\n  function getCell(item: T, col: Column<T>): ReactNode {\n    if (col.render) return col.render(item);\n    return String((item as Record<string, unknown>)[col.key as string] ?? \"\");\n  }\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"300\"\n      className={clsx(\"data-table\", maxHeight !== undefined && \"data-table--fill\")}\n    >\n      {hasToolbar && (\n        <div className=\"data-table-toolbar\">\n          {hasSearch && (\n            <Search\n              placeholder={searchPlaceholder}\n              onSearch={(v) => {\n                setQuery(v);\n                setPage(1);\n              }}\n              className=\"data-table-search\"\n            />\n          )}\n          {actions && <div className=\"data-table-actions\">{actions}</div>}\n        </div>\n      )}\n\n      {isLoading || isInitialLoadVisible ? (\n        <div\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label={loadingMessage}\n          className={clsx(\n            \"data-table-status\",\n            isInitialLoadVisible ? \"data-table-loading\" : \"data-table-loading-delay\",\n          )}\n        >\n          {isInitialLoadVisible && (\n            <>\n              <BrandLoader aria-hidden variant=\"trace\" size=\"32\" tone=\"brand\" />\n              <span>{loadingMessage}</span>\n            </>\n          )}\n        </div>\n      ) : (\n        <div\n          className={clsx(\"data-table-body\", isRefreshVisible && \"data-table-body--refreshing\")}\n          aria-busy={isRefreshing || undefined}\n        >\n          {isRefreshVisible && (\n            <div\n              role=\"progressbar\"\n              aria-label={loadingMessage}\n              className=\"data-table-refresh-indicator\"\n            />\n          )}\n          {filtered.length === 0 ? (\n            <div role=\"status\" className=\"data-table-status data-table-empty\">\n              {emptyMessage}\n            </div>\n          ) : (\n            <Table\n              aria-label={ariaLabel}\n              dense={dense}\n              striped={striped}\n              maxHeight={maxHeight}\n              selectionMode={selectable ? (selectionType === \"radio\" ? \"single\" : \"multiple\") : \"none\"}\n              selectionType={selectionType}\n              selectedKeys={selectedKeys}\n              onSelectionChange={onSelectionChange}\n              sortDescriptor={sortDescriptor}\n              onSortChange={handleSortChange}\n            >\n              <TableHead>\n                {hasNested && <TableColumn className=\"data-table-expand-col\" />}\n                {columns.map((col, idx) => (\n                  <TableColumn\n                    key={String(col.key)}\n                    id={String(col.key)}\n                    align={col.align}\n                    allowsSorting={col.sortable}\n                    isRowHeader={hasExplicitRowHeader ? col.isRowHeader : idx === 0}\n                  >\n                    {col.label}\n                  </TableColumn>\n                ))}\n                {hasRowActions && (\n                  <TableColumn align=\"right\" className=\"data-table-row-actions-col\">\n                    {rowActionsLabel}\n                  </TableColumn>\n                )}\n              </TableHead>\n              <TableBody>\n                {pageData.flatMap((item) => {\n                  const isExpanded = expanded.has(item.id);\n                  const cached = nestedCache.get(item.id);\n                  const rows: ReactNode[] = [\n                    <TableRow key={item.id} id={item.id}>\n                      {hasNested && (\n                        <TableCell className=\"data-table-expand-cell\">\n                          <button\n                            type=\"button\"\n                            className=\"data-table-expand-btn\"\n                            aria-label={isExpanded ? \"Collapse row\" : \"Expand row\"}\n                            aria-expanded={isExpanded}\n                            onClick={() => toggleRow(item)}\n                          >\n                            {isExpanded ? (\n                              <IconChevronDown size=\"16\" />\n                            ) : (\n                              <IconChevronRight size=\"16\" />\n                            )}\n                          </button>\n                        </TableCell>\n                      )}\n                      {columns.map((col) => (\n                        <TableCell key={String(col.key)} align={col.align}>\n                          {getCell(item, col)}\n                        </TableCell>\n                      ))}\n                      {hasRowActions && (\n                        <TableCell align=\"right\" className=\"data-table-row-actions-cell\">\n                          <div className=\"data-table-row-actions\">\n                            {(typeof rowActions === \"function\"\n                              ? rowActions(item)\n                              : rowActions!\n                            ).map((action) => (\n                              <RowActionButton key={action.key} action={action} item={item} />\n                            ))}\n                          </div>\n                        </TableCell>\n                      )}\n                    </TableRow>,\n                  ];\n                  if (isExpanded) {\n                    rows.push(\n                      <TableRow key={`${item.id}-nested`} id={`${item.id}-nested`} className=\"data-table-nested-row\">\n                        <TableCell\n                          colSpan={\n                            columns.length +\n                            (hasNested ? 1 : 0) +\n                            (selectable ? 1 : 0) +\n                            (hasRowActions ? 1 : 0)\n                          }\n                          className=\"data-table-nested-cell\"\n                        >\n                          <DataTable\n                            columns={nestedColumns!}\n                            data={cached?.data ?? []}\n                            isLoading={!cached || cached.status === \"loading\"}\n                            loadingMessage={nestedLoadingMessage ?? \"\"}\n                            emptyMessage={nestedEmptyMessage}\n                            searchKeys={nestedSearchKeys}\n                            searchPlaceholder={nestedSearchPlaceholder}\n                            actions={nestedActions?.(item)}\n                            pageSize={nestedPageSize ?? pageSize}\n                          />\n                        </TableCell>\n                      </TableRow>,\n                    );\n                  }\n                  return rows;\n                })}\n              </TableBody>\n            </Table>\n          )}\n        </div>\n      )}\n\n      <Pagination\n        page={currentPage}\n        totalPages={totalPages}\n        onPageChange={setPage}\n        previousLabel={previousLabel}\n        nextLabel={nextLabel}\n      />\n    </Flex>\n  );\n}\n"],"names":["sortCollator","compareSortableValues","a","b","sortRows","rows","column","direction","valueOf","item","directionFactor","RowActionButton","action","isPending","allowed","btn","jsx","IconButton","PermissionGate","DataTable","columns","data","actions","rowActions","rowActionsLabel","selectable","selectionType","selectedKeys","onSelectionChange","defaultSortDescriptor","controlledSortDescriptor","onSortChange","ariaLabel","dense","striped","maxHeight","searchPlaceholder","searchKeys","isLoading","isRefreshing","loadingMessage","emptyMessage","previousLabel","nextLabel","pageSize","nestedColumns","getNestedData","nestedLoadingMessage","nestedEmptyMessage","nestedSearchKeys","nestedSearchPlaceholder","nestedActions","nestedPageSize","isInitialLoadVisible","useLoadingVisibility","isRefreshVisible","query","setQuery","useState","page","setPage","internalSortDescriptor","setInternalSortDescriptor","sortDescriptor","expanded","setExpanded","nestedCache","setNestedCache","hasNested","hasRowActions","setRowExpanded","id","isExpanded","prev","next","toggleRow","willExpand","result","c","hasSearch","hasExplicitRowHeader","col","hasToolbar","filtered","useMemo","lower","k","sortColumn","sorted","handleSortChange","descriptor","totalPages","currentPage","pageData","getCell","jsxs","Flex","clsx","Search","v","Fragment","BrandLoader","Table","TableHead","TableColumn","idx","TableBody","cached","TableRow","TableCell","IconChevronDown","IconChevronRight","Pagination"],"mappings":"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"}