dgz-ui-shared 1.2.26 → 1.2.28

package/dist/chunks/{Actions-25X7c3Kg.es.js → Actions-Du8iQ3WR.es.js}

@@ -9,9 +9,9 @@ const A = ({
   contentProps: s,
   title: t
 }) => {
-  const { t: l } = g();
+  const { t: a } = g();
   return /* @__PURE__ */ o(p, { children: [
-    /* @__PURE__ */ n(u, { asChild: !0, ...i, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ n(u, { asChild: !0, className: "grow", ...i, children: /* @__PURE__ */ o(
       c,
       {
         variant: "secondary",
@@ -20,15 +20,15 @@ const A = ({
         children: [
           /* @__PURE__ */ n(d, {}),
           " ",
-          /* @__PURE__ */ n("span", { className: "hidden lg:inline!", children: t || l("Actions") }),
+          /* @__PURE__ */ n("span", { className: "hidden md:inline!", children: t || a("Actions") }),
           /* @__PURE__ */ n(m, {})
         ]
       }
     ) }),
-    /* @__PURE__ */ n(h, { align: "end", ...s, children: e.map((r, a) => /* @__PURE__ */ n(f, { onClick: () => r.onClick(), children: r.label }, a)) })
+    /* @__PURE__ */ n(h, { align: "end", ...s, children: e.map((r, l) => /* @__PURE__ */ n(f, { onClick: () => r.onClick(), children: r.label }, l)) })
   ] });
 };
 export {
   A
 };
-//# sourceMappingURL=Actions-25X7c3Kg.es.js.map
+//# sourceMappingURL=Actions-Du8iQ3WR.es.js.map

package/dist/chunks/Actions-Du8iQ3WR.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions-Du8iQ3WR.es.js","sources":["../../src/components/actions/Actions.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiPlayList2Line } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Interface representing a single action item.\n */\nexport interface ActionInterface {\n  /** The content to display for the action item. */\n  label: ReactNode;\n  /** Callback function to execute when the action is clicked. */\n  onClick: () => void;\n}\n\n/**\n * Props for the Actions component.\n */\nexport interface ActionsProps extends DropdownContainerProps {\n  /** Array of action items to be displayed in the dropdown. */\n  actions: ActionInterface[];\n  /** Title for the actions button. */\n  title?: ReactNode;\n}\n\n/**\n * Actions renders a dropdown menu with a list of action items.\n *\n * @param props.actions - Array of actions with label and onClick handler.\n * @returns React element rendering the actions dropdown.\n */\nexport const Actions = ({\n  actions,\n  triggerProps,\n  contentProps,\n  title,\n}: ActionsProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild className={'grow'} {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          <RiPlayList2Line />{' '}\n          <span className={'hidden md:inline!'}>{title || t('Actions')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {actions.map((action, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => action.onClick()}>\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["Actions","actions","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","RiPlayList2Line","RiArrowDownSLine","DropdownMenuContent","action","index","DropdownMenuItem"],"mappings":";;;;;AAsCO,MAAMA,IAAU,CAAC;AAAA,EACtB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,MAAoB;AAClB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,SAAO,IAAC,WAAW,QAAS,GAAGP,GAClD,UAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAgB;AAAA,UAAG;AAAA,4BACnB,QAAA,EAAK,WAAW,qBAAsB,UAAAR,KAASC,EAAE,SAAS,GAAE;AAAA,4BAC5DQ,GAAA,CAAA,CAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB;AAAA,IACA,gBAAAL,EAACM,GAAA,EAAoB,OAAM,OAAO,GAAGX,GAClC,UAAAF,EAAQ,IAAI,CAACc,GAAQC,MAElB,gBAAAR,EAACS,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/chunks/Actions-bpMDyl5M.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),r=require("./index-ClQFzqcq.cjs.js"),u=require("dgz-ui/button"),e=require("dgz-ui/dropdown"),a=require("react-i18next"),x=({actions:o,triggerProps:t,contentProps:i,title:c})=>{const{t:d}=a.useTranslation();return n.jsxs(e.DropdownMenu,{children:[n.jsx(e.DropdownMenuTrigger,{asChild:!0,className:"grow",...t,children:n.jsxs(u.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:[n.jsx(r.Wg,{})," ",n.jsx("span",{className:"hidden md:inline!",children:c||d("Actions")}),n.jsx(r.f1,{})]})}),n.jsx(e.DropdownMenuContent,{align:"end",...i,children:o.map((s,l)=>n.jsx(e.DropdownMenuItem,{onClick:()=>s.onClick(),children:s.label},l))})]})};exports.Actions=x;
+//# sourceMappingURL=Actions-bpMDyl5M.cjs.js.map

package/dist/chunks/Actions-bpMDyl5M.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions-bpMDyl5M.cjs.js","sources":["../../src/components/actions/Actions.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiPlayList2Line } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\n/**\n * Interface representing a single action item.\n */\nexport interface ActionInterface {\n  /** The content to display for the action item. */\n  label: ReactNode;\n  /** Callback function to execute when the action is clicked. */\n  onClick: () => void;\n}\n\n/**\n * Props for the Actions component.\n */\nexport interface ActionsProps extends DropdownContainerProps {\n  /** Array of action items to be displayed in the dropdown. */\n  actions: ActionInterface[];\n  /** Title for the actions button. */\n  title?: ReactNode;\n}\n\n/**\n * Actions renders a dropdown menu with a list of action items.\n *\n * @param props.actions - Array of actions with label and onClick handler.\n * @returns React element rendering the actions dropdown.\n */\nexport const Actions = ({\n  actions,\n  triggerProps,\n  contentProps,\n  title,\n}: ActionsProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild className={'grow'} {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          <RiPlayList2Line />{' '}\n          <span className={'hidden md:inline!'}>{title || t('Actions')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {actions.map((action, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => action.onClick()}>\n              {action.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["Actions","actions","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","RiPlayList2Line","RiArrowDownSLine","DropdownMenuContent","action","index","DropdownMenuItem"],"mappings":"0KAsCaA,EAAU,CAAC,CACtB,QAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAEd,cACGC,eAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,qBAAoB,QAAO,GAAC,UAAW,OAAS,GAAGP,EAClD,SAAAQ,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEX,SAAA,CAAAH,EAAAA,IAACI,EAAAA,GAAA,EAAgB,EAAG,UACnB,OAAA,CAAK,UAAW,oBAAsB,SAAAR,GAASC,EAAE,SAAS,EAAE,QAC5DQ,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAL,EAAAA,IAACM,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGX,EAClC,SAAAF,EAAQ,IAAI,CAACc,EAAQC,IAElBR,MAACS,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dist/chunks/ExportData-BjS0xAqH.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),s=require("./index-ClQFzqcq.cjs.js"),u=require("dgz-ui/button"),e=require("dgz-ui/dropdown"),x=require("react-i18next"),p=require("./Spin-DUK1prd9.cjs.js"),j=({options:t,loading:o=!1,triggerProps:i,contentProps:a,title:c})=>{const{t:d}=x.useTranslation();return n.jsxs(e.DropdownMenu,{children:[n.jsx(e.DropdownMenuTrigger,{asChild:!0,...i,className:"grow",children:n.jsxs(u.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:[o?n.jsx(p.Spin,{}):n.jsx(s.ZC,{})," ",n.jsx("span",{className:"hidden md:inline!",children:c||d("Export")}),n.jsx(s.f1,{})]})}),n.jsx(e.DropdownMenuContent,{align:"end",...a,children:t.map((r,l)=>n.jsx(e.DropdownMenuItem,{onClick:()=>r.onClick(),children:r.label},l))})]})};exports.ExportData=j;
+//# sourceMappingURL=ExportData-BjS0xAqH.cjs.js.map

package/dist/chunks/{ExportData-C1Lrr1gH.cjs.js.map → ExportData-BjS0xAqH.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExportData-C1Lrr1gH.cjs.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? <Spin /> : <RiFileChartLine />}{' '}\n          <span className={'hidden lg:inline!'}>{title || t('Export')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":"8MAuDaA,EAAa,CAAC,CACzB,QAAAC,EACA,QAAAC,EAAU,GACV,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,IAAuB,CACrB,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAEd,cACGC,eAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,oBAAA,CAAoB,QAAO,GAAE,GAAGP,EAC/B,SAAAQ,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEV,SAAA,CAAAV,EAAUO,EAAAA,IAACI,OAAA,CAAA,CAAK,EAAKJ,EAAAA,IAACK,EAAAA,GAAA,EAAgB,EAAI,UAC1C,OAAA,CAAK,UAAW,oBAAsB,SAAAT,GAASC,EAAE,QAAQ,EAAE,QAC3DS,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAN,EAAAA,IAACO,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGZ,EAClC,SAAAH,EAAQ,IAAI,CAACgB,EAAQC,IAElBT,MAACU,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF,CAEJ"}
+{"version":3,"file":"ExportData-BjS0xAqH.cjs.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps} className={'grow'}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? <Spin /> : <RiFileChartLine />}{' '}\n          <span className={'hidden md:inline!'}>{title || t('Export')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":"8MAuDaA,EAAa,CAAC,CACzB,QAAAC,EACA,QAAAC,EAAU,GACV,aAAAC,EACA,aAAAC,EACA,MAAAC,CACF,IAAuB,CACrB,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAEd,cACGC,eAAA,CACC,SAAA,CAAAC,MAACC,EAAAA,qBAAoB,QAAO,GAAE,GAAGP,EAAc,UAAW,OACxD,SAAAQ,EAAAA,KAACC,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEV,SAAA,CAAAV,EAAUO,EAAAA,IAACI,OAAA,CAAA,CAAK,EAAKJ,EAAAA,IAACK,EAAAA,GAAA,EAAgB,EAAI,UAC1C,OAAA,CAAK,UAAW,oBAAsB,SAAAT,GAASC,EAAE,QAAQ,EAAE,QAC3DS,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAEtB,EACAN,EAAAA,IAACO,EAAAA,oBAAA,CAAoB,MAAM,MAAO,GAAGZ,EAClC,SAAAH,EAAQ,IAAI,CAACgB,EAAQC,IAElBT,MAACU,EAAAA,kBAA6B,QAAS,IAAMF,EAAO,QAAA,EACjD,SAAAA,EAAO,KAAA,EADaC,CAEvB,CAEH,CAAA,CACH,CAAA,EACF,CAEJ"}

package/dist/chunks/{ExportData-Cuy6BvoM.es.js → ExportData-DQzwB_yW.es.js}

@@ -3,34 +3,34 @@ import { Z as d, f as p } from "./index-E1NtSoNr.es.js";
 import { Button as c } from "dgz-ui/button";
 import { DropdownMenu as u, DropdownMenuTrigger as f, DropdownMenuContent as h, DropdownMenuItem as x } from "dgz-ui/dropdown";
 import { useTranslation as g } from "react-i18next";
-import { S as C } from "./Spin-DtW_edOq.es.js";
-const N = ({
+import { S as w } from "./Spin-DtW_edOq.es.js";
+const k = ({
   options: e,
-  loading: i = !1,
-  triggerProps: t,
-  contentProps: a,
-  title: s
+  loading: a = !1,
+  triggerProps: i,
+  contentProps: s,
+  title: t
 }) => {
   const { t: l } = g();
   return /* @__PURE__ */ o(u, { children: [
-    /* @__PURE__ */ r(f, { asChild: !0, ...t, children: /* @__PURE__ */ o(
+    /* @__PURE__ */ r(f, { asChild: !0, ...i, className: "grow", children: /* @__PURE__ */ o(
       c,
       {
         variant: "secondary",
         size: "sm",
         className: "ml-auto rounded-lg px-3",
         children: [
-          i ? /* @__PURE__ */ r(C, {}) : /* @__PURE__ */ r(d, {}),
+          a ? /* @__PURE__ */ r(w, {}) : /* @__PURE__ */ r(d, {}),
           " ",
-          /* @__PURE__ */ r("span", { className: "hidden lg:inline!", children: s || l("Export") }),
+          /* @__PURE__ */ r("span", { className: "hidden md:inline!", children: t || l("Export") }),
           /* @__PURE__ */ r(p, {})
         ]
       }
     ) }),
-    /* @__PURE__ */ r(h, { align: "end", ...a, children: e.map((n, m) => /* @__PURE__ */ r(x, { onClick: () => n.onClick(), children: n.label }, m)) })
+    /* @__PURE__ */ r(h, { align: "end", ...s, children: e.map((n, m) => /* @__PURE__ */ r(x, { onClick: () => n.onClick(), children: n.label }, m)) })
   ] });
 };
 export {
-  N as E
+  k as E
 };
-//# sourceMappingURL=ExportData-Cuy6BvoM.es.js.map
+//# sourceMappingURL=ExportData-DQzwB_yW.es.js.map

package/dist/chunks/{ExportData-Cuy6BvoM.es.js.map → ExportData-DQzwB_yW.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExportData-Cuy6BvoM.es.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? <Spin /> : <RiFileChartLine />}{' '}\n          <span className={'hidden lg:inline!'}>{title || t('Export')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":";;;;;;AAuDO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,MAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAO,IAAE,GAAGP,GAC/B,UAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QAEV,UAAA;AAAA,UAAAV,IAAU,gBAAAO,EAACI,GAAA,CAAA,CAAK,IAAK,gBAAAJ,EAACK,GAAA,EAAgB;AAAA,UAAI;AAAA,4BAC1C,QAAA,EAAK,WAAW,qBAAsB,UAAAT,KAASC,EAAE,QAAQ,GAAE;AAAA,4BAC3DS,GAAA,CAAA,CAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB;AAAA,IACA,gBAAAN,EAACO,GAAA,EAAoB,OAAM,OAAO,GAAGZ,GAClC,UAAAH,EAAQ,IAAI,CAACgB,GAAQC,MAElB,gBAAAT,EAACU,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ExportData-DQzwB_yW.es.js","sources":["../../src/components/export/ExportData.tsx"],"sourcesContent":["import { RiArrowDownSLine, RiFileChartLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport type { ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Spin } from '../loader';\n\n/**\n * Describes a single export option in the ExportData dropdown.\n *\n * - Use `label` to render the visible option content (text or any React node).\n * - Provide `onClick` to trigger the export logic (CSV/XLS/PDF, etc.).\n */\nexport interface ExportDataInterface {\n  /** Visible content for the dropdown item (text, icon, etc.). */\n  label: ReactNode;\n  /** Callback executed when the export option is selected. */\n  onClick: () => void;\n}\n\n/**\n * Props for the `ExportData` component.\n *\n * - `options` — A list of export actions displayed in the dropdown.\n * - `loading` — When `true`, shows a small spinner in the button to indicate an export is in progress.\n */\nexport interface ExportDataProps extends DropdownContainerProps {\n  /** Export actions displayed in the dropdown. */\n  options: ExportDataInterface[];\n  /** If `true`, renders a spinner icon in the button. */\n  loading?: boolean;\n  /** Title for the export button. */\n  title?: ReactNode;\n}\n\n/**\n * ExportData renders a compact dropdown button for exporting data in various formats.\n *\n * Behavior\n * - Shows a button with an export icon and localized \"Export\" label.\n * - Clicking opens a dropdown with the provided `options` list.\n * - Each option calls its `onClick` handler when selected.\n *\n * Accessibility\n * - Uses the shared Dropdown primitives and Button which provide keyboard and ARIA support.\n *\n * Internationalization\n * - The button label is translated via `react-i18next` using the `Export` key.\n */\nexport const ExportData = ({\n  options,\n  loading = false,\n  triggerProps,\n  contentProps,\n  title,\n}: ExportDataProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild {...triggerProps} className={'grow'}>\n        <Button\n          variant=\"secondary\"\n          size={'sm'}\n          className={'ml-auto rounded-lg px-3'}\n        >\n          {loading ? <Spin /> : <RiFileChartLine />}{' '}\n          <span className={'hidden md:inline!'}>{title || t('Export')}</span>\n          <RiArrowDownSLine />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" {...contentProps}>\n        {options.map((option, index) => {\n          return (\n            <DropdownMenuItem key={index} onClick={() => option.onClick()}>\n              {option.label}\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["ExportData","options","loading","triggerProps","contentProps","title","t","useTranslation","DropdownMenu","jsx","DropdownMenuTrigger","jsxs","Button","Spin","RiFileChartLine","RiArrowDownSLine","DropdownMenuContent","option","index","DropdownMenuItem"],"mappings":";;;;;;AAuDO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,MAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAoB,SAAO,IAAE,GAAGP,GAAc,WAAW,QACxD,UAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QAEV,UAAA;AAAA,UAAAV,IAAU,gBAAAO,EAACI,GAAA,CAAA,CAAK,IAAK,gBAAAJ,EAACK,GAAA,EAAgB;AAAA,UAAI;AAAA,4BAC1C,QAAA,EAAK,WAAW,qBAAsB,UAAAT,KAASC,EAAE,QAAQ,GAAE;AAAA,4BAC3DS,GAAA,CAAA,CAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB;AAAA,IACA,gBAAAN,EAACO,GAAA,EAAoB,OAAM,OAAO,GAAGZ,GAClC,UAAAH,EAAQ,IAAI,CAACgB,GAAQC,MAElB,gBAAAT,EAACU,KAA6B,SAAS,MAAMF,EAAO,QAAA,GACjD,UAAAA,EAAO,MAAA,GADaC,CAEvB,CAEH,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/chunks/{Search-RNMpIN4r.es.js → Search-CR54BX3a.es.js}

@@ -23,14 +23,14 @@ const pe = G(function({
   title: a,
   resetText: M,
   applyText: P,
-  ...z
+  ...w
 }) {
-  const { t: p } = I(), [T, j] = h(!1), [w, d] = h(!1), { form: v } = H({ params: n }), { watch: D, handleSubmit: F, control: b, reset: N } = v;
+  const { t: p } = I(), [z, T] = h(!1), [j, d] = h(!1), { form: v } = H({ params: n }), { watch: D, handleSubmit: F, control: b, reset: N } = v;
   x(() => {
     let e = !1;
     t.map((A) => {
       const u = k.get(n, `${A.name}`);
-      (Array.isArray(u) ? u.length > 0 : u) && (e = !0), j(e);
+      (Array.isArray(u) ? u.length > 0 : u) && (e = !0), T(e);
     });
   }, [t, n]);
   const g = D();
@@ -49,19 +49,19 @@ const pe = G(function({
       )
     }), d(!1);
   }, [o, N, t]);
-  return /* @__PURE__ */ l(C, { open: w, onOpenChange: d, children: [
-    /* @__PURE__ */ s(L, { ...i, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(C, { open: j, onOpenChange: d, children: [
+    /* @__PURE__ */ s(L, { ...i, className: "grow", children: /* @__PURE__ */ s(
       c,
       {
         asChild: !0,
         size: "sm",
         variant: "secondary",
         className: "ml-auto px-3",
-        ...z,
+        ...w,
         children: /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-          T ? /* @__PURE__ */ s(U, { className: "size-5" }) : /* @__PURE__ */ s($, { className: "size-5" }),
+          z ? /* @__PURE__ */ s(U, { className: "size-5" }) : /* @__PURE__ */ s($, { className: "size-5" }),
           " ",
-          /* @__PURE__ */ s("span", { className: "hidden lg:inline!", children: a || p("Filter") }),
+          /* @__PURE__ */ s("span", { className: "hidden md:inline!", children: a || p("Filter") }),
           /* @__PURE__ */ s(q, {})
         ] })
       }
@@ -145,4 +145,4 @@ export {
   pe as F,
   de as S
 };
-//# sourceMappingURL=Search-RNMpIN4r.es.js.map
+//# sourceMappingURL=Search-CR54BX3a.es.js.map

package/dist/chunks/Search-CR54BX3a.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search-CR54BX3a.es.js","sources":["../../src/components/filters/FilterWrapper.tsx","../../src/components/filters/Search.tsx"],"sourcesContent":["import { Button, type ButtonProps } from 'dgz-ui/button';\nimport { Form, type Option } from 'dgz-ui/form';\nimport {\n  Popover,\n  type PopoverContainerProps,\n  PopoverContent,\n  PopoverTrigger,\n} from 'dgz-ui/popover';\nimport { get } from 'lodash';\nimport { ChevronDown, ListFilterIcon, ListFilterPlusIcon } from 'lucide-react';\nimport { memo, type ReactNode, useCallback, useEffect, useState } from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useFilter } from '../../hooks';\nimport { MyInput, MySelect } from '../form';\n\n/**\n * Interface representing a filter configuration.\n */\nexport interface FilterInterface {\n  /** Label for the filter field. */\n  label?: ReactNode;\n  /** Placeholder text for the input/select. */\n  placeholder?: string;\n  /** Default value for the filter. */\n  value?: string | string[];\n  /** Name of the filter field (used as key). */\n  name: string;\n  /** Whether the filter supports multiple values (for select inputs). */\n  isMulti?: boolean;\n  /** Whether the filter supports searchable inputs (for select inputs). */\n  isSearchable?: boolean;\n  /** Options for select inputs. */\n  options?: Option[];\n}\n\n/**\n * Props for the FilterWrapper component.\n */\nexport interface FilterWrapperProps\n  extends Omit<ButtonProps, 'title'>, PopoverContainerProps {\n  /** Array of filter definitions to render. */\n  filters: FilterInterface[];\n  /** Current active parameters/filters. */\n  params?: Record<string, unknown>;\n  /** Callback fired when filters are applied. */\n  onFilter?: (filters: Record<string, unknown>) => void;\n  /** Callback fired when the filter popover is closed/cancelled. */\n  onCancel?: () => void;\n  /** Callback fired when filter form values change. */\n  onChange?: (filters: FieldValues) => void;\n  /** Title for the filter button. */\n  title?: ReactNode;\n  /** Text for the reset button. */\n  resetText?: ReactNode;\n  /** Text for the apply button. */\n  applyText?: ReactNode;\n}\n\n/**\n * FilterWrapper shows a popover with a dynamic list of field filters and emits selected filter values.\n *\n * @param props.filters - Array of filter definitions to render.\n * @param props.params - Current params used to detect active filters.\n * @param props.onFilter - Callback fired when user applies filters.\n * @param props.onCancel - Callback fired on cancel.\n * @param props.onChange - Callback fired whenever filter form values change.\n */\nexport const FilterWrapper = memo(function FilterWrapper({\n  filters,\n  params,\n  onFilter,\n  onChange,\n  onCancel,\n  triggerProps,\n  contentProps,\n  title,\n  resetText,\n  applyText,\n  ...btnProps\n}: FilterWrapperProps) {\n  const { t } = useTranslation();\n  const [isFiltered, setIsFiltered] = useState(false);\n  const [open, setOpen] = useState(false);\n  const { form } = useFilter({ params });\n\n  const { watch, handleSubmit, control, reset } = form;\n\n  useEffect(() => {\n    let hasFilter = false;\n    filters.map((filter) => {\n      const value = get(params, `${filter.name}`);\n      if (Array.isArray(value) ? value.length > 0 : Boolean(value)) {\n        hasFilter = true;\n      }\n\n      setIsFiltered(hasFilter);\n    });\n  }, [filters, params]);\n\n  const values = watch();\n\n  useEffect(() => {\n    onChange?.(values);\n  }, [values, onChange]);\n\n  const handleFilter = useCallback(\n    (data = {}) => {\n      onFilter?.(data);\n      setOpen(false);\n    },\n    [onFilter]\n  );\n\n  const handleReset = useCallback(() => {\n    reset();\n    if (onFilter) {\n      onFilter({\n        ...Object.fromEntries(\n          filters.map((filter) => [filter.name, undefined])\n        ),\n      });\n    }\n    setOpen(false);\n  }, [onFilter, reset, filters]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger {...triggerProps} className={'grow'}>\n        <Button\n          asChild\n          size={'sm'}\n          variant=\"secondary\"\n          className={'ml-auto px-3'}\n          {...btnProps}\n        >\n          <div className={'flex items-center'}>\n            {isFiltered ? (\n              <ListFilterPlusIcon className={'size-5'} />\n            ) : (\n              <ListFilterIcon className={'size-5'} />\n            )}{' '}\n            <span className={'hidden md:inline!'}>{title || t('Filter')}</span>\n            <ChevronDown />\n          </div>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent side={'bottom'} align={'end'} {...contentProps}>\n        <Form {...form}>\n          <form onSubmit={handleSubmit(handleFilter)} className={'space-y-4'}>\n            <div className={'h-full shrink space-y-6 p-1'}>\n              {filters.map((filter) =>\n                filter.options ? (\n                  <MySelect\n                    key={filter.name}\n                    control={control}\n                    name={filter.name}\n                    isSearchable={Boolean(filter.isSearchable)}\n                    placeholder={filter.placeholder}\n                    isMulti={filter.isMulti}\n                    options={filter.options}\n                    label={filter.label}\n                  />\n                ) : (\n                  <MyInput\n                    key={filter.name}\n                    control={control}\n                    placeholder={filter.placeholder}\n                    name={filter.name}\n                    label={filter.label}\n                  />\n                )\n              )}\n            </div>\n            <div className={'flex shrink-0 justify-end gap-2'}>\n              <Button\n                variant={'destructive'}\n                type=\"reset\"\n                size={'sm'}\n                onClick={handleReset}\n              >\n                {resetText || t('Reset')}\n              </Button>\n              <Button type=\"submit\" size={'sm'}>\n                {applyText || t('Apply')}\n              </Button>\n            </div>\n          </form>\n        </Form>\n      </PopoverContent>\n    </Popover>\n  );\n});\n","import { RiSearchLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Keyboard } from '../../enums';\n\n/**\n * Props for the Search component.\n */\nexport type SearchProps = Omit<CardProps, 'title'> & {\n  /** Custom placeholder text for the input. */\n  placeholder?: string;\n  /** Callback fired when the search is triggered. */\n  onSearchChange: (search?: string) => void;\n  inputProps?: InputProps;\n};\n\n/**\n * Search input with a submit button that triggers a search action.\n *\n * This component renders a search input field and a search button. The search\n * is triggered when the user presses Enter or clicks the button. The search\n * value is then passed to the `onSearchChange` callback.\n *\n * @param {SearchProps} props - The props for the component.\n * @param {string} [props.placeholder] - Optional placeholder text for the input field.\n * @param {Function} props.onSearchChange - Callback function that is called when a search is performed.\n * @param {string} [props.className] - Optional class name for the component.\n * @param {InputProps} [props.inputProps] - Optional props to pass to the underlying Input component.\n */\nexport const Search = ({\n  placeholder,\n  onSearchChange,\n  className,\n  inputProps,\n  ...props\n}: SearchProps) => {\n  const { t } = useTranslation();\n  const [search, setSearch] = useState('');\n\n  return (\n    <div {...props} className={cn('relative w-full', className)}>\n      <Input\n        {...inputProps}\n        placeholder={placeholder || t('Type text and press Enter')}\n        onInput={(evt) => setSearch(get(evt, 'target.value', ''))}\n        onKeyUp={(evt) => {\n          if (evt.key === Keyboard.ENTER) {\n            onSearchChange(search || undefined);\n            evt.stopPropagation();\n            evt.preventDefault();\n          }\n        }}\n        onKeyDown={(event) => {\n          if (event.key === Keyboard.ENTER) {\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n      />\n      <Button\n        type={'button'}\n        variant={'ghost'}\n        className={\n          'text-foreground absolute top-0 right-0 cursor-pointer rounded-md bg-transparent!'\n        }\n        onClick={() => onSearchChange(search)}\n      >\n        <RiSearchLine />\n      </Button>\n    </div>\n  );\n};\n"],"names":["FilterWrapper","memo","filters","params","onFilter","onChange","onCancel","triggerProps","contentProps","title","resetText","applyText","btnProps","t","useTranslation","isFiltered","setIsFiltered","useState","open","setOpen","form","useFilter","watch","handleSubmit","control","reset","useEffect","hasFilter","filter","value","get","values","handleFilter","useCallback","data","handleReset","jsxs","Popover","jsx","PopoverTrigger","Button","ListFilterPlusIcon","ListFilterIcon","ChevronDown","PopoverContent","Form","MySelect","MyInput","Search","placeholder","onSearchChange","className","inputProps","props","search","setSearch","cn","Input","evt","Keyboard","event","RiSearchLine"],"mappings":";;;;;;;;;;;;;;AAoEO,MAAMA,KAAgBC,EAAK,SAAuB;AAAA,EACvD,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAChC,EAAE,MAAAG,EAAA,IAASC,EAAU,EAAE,QAAAlB,GAAQ,GAE/B,EAAE,OAAAmB,GAAO,cAAAC,GAAc,SAAAC,GAAS,OAAAC,MAAUL;AAEhD,EAAAM,EAAU,MAAM;AACd,QAAIC,IAAY;AAChB,IAAAzB,EAAQ,IAAI,CAAC0B,MAAW;AACtB,YAAMC,IAAQC,EAAAA,IAAI3B,GAAQ,GAAGyB,EAAO,IAAI,EAAE;AAC1C,OAAI,MAAM,QAAQC,CAAK,IAAIA,EAAM,SAAS,IAAYA,OACpDF,IAAY,KAGdX,EAAcW,CAAS;AAAA,IACzB,CAAC;AAAA,EACH,GAAG,CAACzB,GAASC,CAAM,CAAC;AAEpB,QAAM4B,IAAST,EAAA;AAEf,EAAAI,EAAU,MAAM;AACd,IAAArB,KAAA,QAAAA,EAAW0B;AAAA,EACb,GAAG,CAACA,GAAQ1B,CAAQ,CAAC;AAErB,QAAM2B,IAAeC;AAAA,IACnB,CAACC,IAAO,CAAA,MAAO;AACb,MAAA9B,KAAA,QAAAA,EAAW8B,IACXf,EAAQ,EAAK;AAAA,IACf;AAAA,IACA,CAACf,CAAQ;AAAA,EAAA,GAGL+B,IAAcF,EAAY,MAAM;AACpC,IAAAR,EAAA,GACIrB,KACFA,EAAS;AAAA,MACP,GAAG,OAAO;AAAA,QACRF,EAAQ,IAAI,CAAC0B,MAAW,CAACA,EAAO,MAAM,MAAS,CAAC;AAAA,MAAA;AAAA,IAClD,CACD,GAEHT,EAAQ,EAAK;AAAA,EACf,GAAG,CAACf,GAAUqB,GAAOvB,CAAO,CAAC;AAE7B,SACE,gBAAAkC,EAACC,GAAA,EAAQ,MAAAnB,GAAY,cAAcC,GACjC,UAAA;AAAA,IAAA,gBAAAmB,EAACC,GAAA,EAAgB,GAAGhC,GAAc,WAAW,QAC3C,UAAA,gBAAA+B;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAQ;AAAA,QACR,WAAW;AAAA,QACV,GAAG5B;AAAA,QAEJ,UAAA,gBAAAwB,EAAC,OAAA,EAAI,WAAW,qBACb,UAAA;AAAA,UAAArB,IACC,gBAAAuB,EAACG,KAAmB,WAAW,SAAA,CAAU,IAEzC,gBAAAH,EAACI,GAAA,EAAe,WAAW,SAAA,CAAU;AAAA,UACpC;AAAA,4BACF,QAAA,EAAK,WAAW,qBAAsB,UAAAjC,KAASI,EAAE,QAAQ,GAAE;AAAA,4BAC3D8B,GAAA,CAAA,CAAY;AAAA,QAAA,EAAA,CACf;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,sBACCC,GAAA,EAAe,MAAM,UAAU,OAAO,OAAQ,GAAGpC,GAChD,UAAA,gBAAA8B,EAACO,KAAM,GAAGzB,GACR,4BAAC,QAAA,EAAK,UAAUG,EAAaS,CAAY,GAAG,WAAW,aACrD,UAAA;AAAA,MAAA,gBAAAM,EAAC,OAAA,EAAI,WAAW,+BACb,UAAApC,EAAQ;AAAA,QAAI,CAAC0B,MACZA,EAAO,UACL,gBAAAU;AAAA,UAACQ;AAAA,UAAA;AAAA,YAEC,SAAAtB;AAAA,YACA,MAAMI,EAAO;AAAA,YACb,cAAc,EAAQA,EAAO;AAAA,YAC7B,aAAaA,EAAO;AAAA,YACpB,SAASA,EAAO;AAAA,YAChB,SAASA,EAAO;AAAA,YAChB,OAAOA,EAAO;AAAA,UAAA;AAAA,UAPTA,EAAO;AAAA,QAAA,IAUd,gBAAAU;AAAA,UAACS;AAAA,UAAA;AAAA,YAEC,SAAAvB;AAAA,YACA,aAAaI,EAAO;AAAA,YACpB,MAAMA,EAAO;AAAA,YACb,OAAOA,EAAO;AAAA,UAAA;AAAA,UAJTA,EAAO;AAAA,QAAA;AAAA,MAKd,GAGN;AAAA,MACA,gBAAAQ,EAAC,OAAA,EAAI,WAAW,mCACd,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,MAAK;AAAA,YACL,MAAM;AAAA,YACN,SAASL;AAAA,YAER,UAAAzB,KAAaG,EAAE,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzB,gBAAAyB,EAACE,KAAO,MAAK,UAAS,MAAM,MACzB,UAAA7B,KAAaE,EAAE,OAAO,EAAA,CACzB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF,GACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC,GC9JYmC,KAAS,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAM,EAAE,GAAAxC,EAAA,IAAMC,EAAA,GACR,CAACwC,GAAQC,CAAS,IAAItC,EAAS,EAAE;AAEvC,SACE,gBAAAmB,EAAC,SAAK,GAAGiB,GAAO,WAAWG,EAAG,mBAAmBL,CAAS,GACxD,UAAA;AAAA,IAAA,gBAAAb;AAAA,MAACmB;AAAA,MAAA;AAAA,QACE,GAAGL;AAAA,QACJ,aAAaH,KAAepC,EAAE,2BAA2B;AAAA,QACzD,SAAS,CAAC6C,MAAQH,EAAUzB,EAAAA,IAAI4B,GAAK,gBAAgB,EAAE,CAAC;AAAA,QACxD,SAAS,CAACA,MAAQ;AAChB,UAAIA,EAAI,QAAQC,EAAS,UACvBT,EAAeI,KAAU,MAAS,GAClCI,EAAI,gBAAA,GACJA,EAAI,eAAA;AAAA,QAER;AAAA,QACA,WAAW,CAACE,MAAU;AACpB,UAAIA,EAAM,QAAQD,EAAS,UACzBC,EAAM,gBAAA,GACNA,EAAM,eAAA;AAAA,QAEV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAtB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WACE;AAAA,QAEF,SAAS,MAAMU,EAAeI,CAAM;AAAA,QAEpC,4BAACO,GAAA,CAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

package/dist/chunks/Search-D0G4Mda4.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("dgz-ui/button"),S=require("dgz-ui/form"),h=require("dgz-ui/popover"),g=require("./lodash-BjH0kD7j.cjs.js"),x=require("lucide-react"),n=require("react"),E=require("react-i18next"),D=require("./useFilter-CsOF1_hM.cjs.js"),$=require("./MyInput-5ir4eN2m.cjs.js"),A=require("./MySelect-Dl3jKf5s.cjs.js"),C=require("./index-ClQFzqcq.cjs.js"),O=require("dgz-ui/utils"),f=require("./Keyboard-kyPAAQWP.cjs.js"),W=n.memo(function({filters:a,params:c,onFilter:r,onChange:o,onCancel:y,triggerProps:l,contentProps:u,title:t,resetText:k,applyText:I,...B}){const{t:p}=E.useTranslation(),[M,P]=n.useState(!1),[R,d]=n.useState(!1),{form:b}=D.useFilter({params:c}),{watch:T,handleSubmit:w,control:v,reset:q}=b;n.useEffect(()=>{let s=!1;a.map(K=>{const m=g.lodashExports.get(c,`${K.name}`);(Array.isArray(m)?m.length>0:m)&&(s=!0),P(s)})},[a,c]);const N=T();n.useEffect(()=>{o==null||o(N)},[N,o]);const z=n.useCallback((s={})=>{r==null||r(s),d(!1)},[r]),F=n.useCallback(()=>{q(),r&&r({...Object.fromEntries(a.map(s=>[s.name,void 0]))}),d(!1)},[r,q,a]);return e.jsxs(h.Popover,{open:R,onOpenChange:d,children:[e.jsx(h.PopoverTrigger,{...l,className:"grow",children:e.jsx(i.Button,{asChild:!0,size:"sm",variant:"secondary",className:"ml-auto px-3",...B,children:e.jsxs("div",{className:"flex items-center",children:[M?e.jsx(x.ListFilterPlusIcon,{className:"size-5"}):e.jsx(x.ListFilterIcon,{className:"size-5"})," ",e.jsx("span",{className:"hidden md:inline!",children:t||p("Filter")}),e.jsx(x.ChevronDown,{})]})})}),e.jsx(h.PopoverContent,{side:"bottom",align:"end",...u,children:e.jsx(S.Form,{...b,children:e.jsxs("form",{onSubmit:w(z),className:"space-y-4",children:[e.jsx("div",{className:"h-full shrink space-y-6 p-1",children:a.map(s=>s.options?e.jsx(A.MySelect,{control:v,name:s.name,isSearchable:!!s.isSearchable,placeholder:s.placeholder,isMulti:s.isMulti,options:s.options,label:s.label},s.name):e.jsx($.MyInput,{control:v,placeholder:s.placeholder,name:s.name,label:s.label},s.name))}),e.jsxs("div",{className:"flex shrink-0 justify-end gap-2",children:[e.jsx(i.Button,{variant:"destructive",type:"reset",size:"sm",onClick:F,children:k||p("Reset")}),e.jsx(i.Button,{type:"submit",size:"sm",children:I||p("Apply")})]})]})})})]})}),L=({placeholder:j,onSearchChange:a,className:c,inputProps:r,...o})=>{const{t:y}=E.useTranslation(),[l,u]=n.useState("");return e.jsxs("div",{...o,className:O.cn("relative w-full",c),children:[e.jsx(S.Input,{...r,placeholder:j||y("Type text and press Enter"),onInput:t=>u(g.lodashExports.get(t,"target.value","")),onKeyUp:t=>{t.key===f.Keyboard.ENTER&&(a(l||void 0),t.stopPropagation(),t.preventDefault())},onKeyDown:t=>{t.key===f.Keyboard.ENTER&&(t.stopPropagation(),t.preventDefault())}}),e.jsx(i.Button,{type:"button",variant:"ghost",className:"text-foreground absolute top-0 right-0 cursor-pointer rounded-md bg-transparent!",onClick:()=>a(l),children:e.jsx(C.pv,{})})]})};exports.FilterWrapper=W;exports.Search=L;
+//# sourceMappingURL=Search-D0G4Mda4.cjs.js.map

package/dist/chunks/Search-D0G4Mda4.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search-D0G4Mda4.cjs.js","sources":["../../src/components/filters/FilterWrapper.tsx","../../src/components/filters/Search.tsx"],"sourcesContent":["import { Button, type ButtonProps } from 'dgz-ui/button';\nimport { Form, type Option } from 'dgz-ui/form';\nimport {\n  Popover,\n  type PopoverContainerProps,\n  PopoverContent,\n  PopoverTrigger,\n} from 'dgz-ui/popover';\nimport { get } from 'lodash';\nimport { ChevronDown, ListFilterIcon, ListFilterPlusIcon } from 'lucide-react';\nimport { memo, type ReactNode, useCallback, useEffect, useState } from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\nimport { useFilter } from '../../hooks';\nimport { MyInput, MySelect } from '../form';\n\n/**\n * Interface representing a filter configuration.\n */\nexport interface FilterInterface {\n  /** Label for the filter field. */\n  label?: ReactNode;\n  /** Placeholder text for the input/select. */\n  placeholder?: string;\n  /** Default value for the filter. */\n  value?: string | string[];\n  /** Name of the filter field (used as key). */\n  name: string;\n  /** Whether the filter supports multiple values (for select inputs). */\n  isMulti?: boolean;\n  /** Whether the filter supports searchable inputs (for select inputs). */\n  isSearchable?: boolean;\n  /** Options for select inputs. */\n  options?: Option[];\n}\n\n/**\n * Props for the FilterWrapper component.\n */\nexport interface FilterWrapperProps\n  extends Omit<ButtonProps, 'title'>, PopoverContainerProps {\n  /** Array of filter definitions to render. */\n  filters: FilterInterface[];\n  /** Current active parameters/filters. */\n  params?: Record<string, unknown>;\n  /** Callback fired when filters are applied. */\n  onFilter?: (filters: Record<string, unknown>) => void;\n  /** Callback fired when the filter popover is closed/cancelled. */\n  onCancel?: () => void;\n  /** Callback fired when filter form values change. */\n  onChange?: (filters: FieldValues) => void;\n  /** Title for the filter button. */\n  title?: ReactNode;\n  /** Text for the reset button. */\n  resetText?: ReactNode;\n  /** Text for the apply button. */\n  applyText?: ReactNode;\n}\n\n/**\n * FilterWrapper shows a popover with a dynamic list of field filters and emits selected filter values.\n *\n * @param props.filters - Array of filter definitions to render.\n * @param props.params - Current params used to detect active filters.\n * @param props.onFilter - Callback fired when user applies filters.\n * @param props.onCancel - Callback fired on cancel.\n * @param props.onChange - Callback fired whenever filter form values change.\n */\nexport const FilterWrapper = memo(function FilterWrapper({\n  filters,\n  params,\n  onFilter,\n  onChange,\n  onCancel,\n  triggerProps,\n  contentProps,\n  title,\n  resetText,\n  applyText,\n  ...btnProps\n}: FilterWrapperProps) {\n  const { t } = useTranslation();\n  const [isFiltered, setIsFiltered] = useState(false);\n  const [open, setOpen] = useState(false);\n  const { form } = useFilter({ params });\n\n  const { watch, handleSubmit, control, reset } = form;\n\n  useEffect(() => {\n    let hasFilter = false;\n    filters.map((filter) => {\n      const value = get(params, `${filter.name}`);\n      if (Array.isArray(value) ? value.length > 0 : Boolean(value)) {\n        hasFilter = true;\n      }\n\n      setIsFiltered(hasFilter);\n    });\n  }, [filters, params]);\n\n  const values = watch();\n\n  useEffect(() => {\n    onChange?.(values);\n  }, [values, onChange]);\n\n  const handleFilter = useCallback(\n    (data = {}) => {\n      onFilter?.(data);\n      setOpen(false);\n    },\n    [onFilter]\n  );\n\n  const handleReset = useCallback(() => {\n    reset();\n    if (onFilter) {\n      onFilter({\n        ...Object.fromEntries(\n          filters.map((filter) => [filter.name, undefined])\n        ),\n      });\n    }\n    setOpen(false);\n  }, [onFilter, reset, filters]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger {...triggerProps} className={'grow'}>\n        <Button\n          asChild\n          size={'sm'}\n          variant=\"secondary\"\n          className={'ml-auto px-3'}\n          {...btnProps}\n        >\n          <div className={'flex items-center'}>\n            {isFiltered ? (\n              <ListFilterPlusIcon className={'size-5'} />\n            ) : (\n              <ListFilterIcon className={'size-5'} />\n            )}{' '}\n            <span className={'hidden md:inline!'}>{title || t('Filter')}</span>\n            <ChevronDown />\n          </div>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent side={'bottom'} align={'end'} {...contentProps}>\n        <Form {...form}>\n          <form onSubmit={handleSubmit(handleFilter)} className={'space-y-4'}>\n            <div className={'h-full shrink space-y-6 p-1'}>\n              {filters.map((filter) =>\n                filter.options ? (\n                  <MySelect\n                    key={filter.name}\n                    control={control}\n                    name={filter.name}\n                    isSearchable={Boolean(filter.isSearchable)}\n                    placeholder={filter.placeholder}\n                    isMulti={filter.isMulti}\n                    options={filter.options}\n                    label={filter.label}\n                  />\n                ) : (\n                  <MyInput\n                    key={filter.name}\n                    control={control}\n                    placeholder={filter.placeholder}\n                    name={filter.name}\n                    label={filter.label}\n                  />\n                )\n              )}\n            </div>\n            <div className={'flex shrink-0 justify-end gap-2'}>\n              <Button\n                variant={'destructive'}\n                type=\"reset\"\n                size={'sm'}\n                onClick={handleReset}\n              >\n                {resetText || t('Reset')}\n              </Button>\n              <Button type=\"submit\" size={'sm'}>\n                {applyText || t('Apply')}\n              </Button>\n            </div>\n          </form>\n        </Form>\n      </PopoverContent>\n    </Popover>\n  );\n});\n","import { RiSearchLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { Input, type InputProps } from 'dgz-ui/form';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Keyboard } from '../../enums';\n\n/**\n * Props for the Search component.\n */\nexport type SearchProps = Omit<CardProps, 'title'> & {\n  /** Custom placeholder text for the input. */\n  placeholder?: string;\n  /** Callback fired when the search is triggered. */\n  onSearchChange: (search?: string) => void;\n  inputProps?: InputProps;\n};\n\n/**\n * Search input with a submit button that triggers a search action.\n *\n * This component renders a search input field and a search button. The search\n * is triggered when the user presses Enter or clicks the button. The search\n * value is then passed to the `onSearchChange` callback.\n *\n * @param {SearchProps} props - The props for the component.\n * @param {string} [props.placeholder] - Optional placeholder text for the input field.\n * @param {Function} props.onSearchChange - Callback function that is called when a search is performed.\n * @param {string} [props.className] - Optional class name for the component.\n * @param {InputProps} [props.inputProps] - Optional props to pass to the underlying Input component.\n */\nexport const Search = ({\n  placeholder,\n  onSearchChange,\n  className,\n  inputProps,\n  ...props\n}: SearchProps) => {\n  const { t } = useTranslation();\n  const [search, setSearch] = useState('');\n\n  return (\n    <div {...props} className={cn('relative w-full', className)}>\n      <Input\n        {...inputProps}\n        placeholder={placeholder || t('Type text and press Enter')}\n        onInput={(evt) => setSearch(get(evt, 'target.value', ''))}\n        onKeyUp={(evt) => {\n          if (evt.key === Keyboard.ENTER) {\n            onSearchChange(search || undefined);\n            evt.stopPropagation();\n            evt.preventDefault();\n          }\n        }}\n        onKeyDown={(event) => {\n          if (event.key === Keyboard.ENTER) {\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n      />\n      <Button\n        type={'button'}\n        variant={'ghost'}\n        className={\n          'text-foreground absolute top-0 right-0 cursor-pointer rounded-md bg-transparent!'\n        }\n        onClick={() => onSearchChange(search)}\n      >\n        <RiSearchLine />\n      </Button>\n    </div>\n  );\n};\n"],"names":["FilterWrapper","memo","filters","params","onFilter","onChange","onCancel","triggerProps","contentProps","title","resetText","applyText","btnProps","t","useTranslation","isFiltered","setIsFiltered","useState","open","setOpen","form","useFilter","watch","handleSubmit","control","reset","useEffect","hasFilter","filter","value","get","values","handleFilter","useCallback","data","handleReset","jsxs","Popover","jsx","PopoverTrigger","Button","ListFilterPlusIcon","ListFilterIcon","ChevronDown","PopoverContent","Form","MySelect","MyInput","Search","placeholder","onSearchChange","className","inputProps","props","search","setSearch","cn","Input","evt","Keyboard","event","RiSearchLine"],"mappings":"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"}

package/dist/components/actions/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/Actions-DQPuVKCk.cjs.js");exports.Actions=t.Actions;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/Actions-bpMDyl5M.cjs.js");exports.Actions=t.Actions;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/actions/index.es.js

@@ -1,4 +1,4 @@
-import { A as s } from "../../chunks/Actions-25X7c3Kg.es.js";
+import { A as s } from "../../chunks/Actions-Du8iQ3WR.es.js";
 export {
   s as Actions
 };

package/dist/components/datatable/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),J=require("../../chunks/index-ClQFzqcq.cjs.js"),m=require("dgz-ui/button"),M=require("dgz-ui/dropdown"),b=require("dgz-ui/utils"),p=require("../../chunks/lodash-BjH0kD7j.cjs.js"),o=require("lucide-react"),y=require("react"),P=require("react-i18next"),_=require("../../chunks/useSortable-B3LF1tg8.cjs.js"),ee=require("../../chunks/Actions-DQPuVKCk.cjs.js"),le=require("../../chunks/ExportData-C1Lrr1gH.cjs.js"),G=require("../../chunks/Search-CV30eaCb.cjs.js"),se=require("../../chunks/Loader-D_jX_Wgx.cjs.js"),u=require("../../chunks/MyPagination-CnF3468f.cjs.js"),I=require("dgz-ui/form"),i=require("dgz-ui/table"),Q=require("../../chunks/SortOrder-81BrXp3i.cjs.js"),te=require("../../chunks/Empty-BYOOFAab.cjs.js"),X=({rows:s=[],columns:T,onRowClick:E,rowKey:N,params:c={page:1,limit:u.DEFAULT_LIMIT},hasNumbers:k=!1,hasCheckbox:w=!1,selectedItems:A,onSelectedItemsChange:v,onSortOrderChange:F,isStickyHeader:t,className:H,...O})=>{const{sortObject:r,handleSort:R}=_.useSortable({sortField:c==null?void 0:c.sortField,sortOrder:c==null?void 0:c.sortOrder,onSortOrderChange:F}),{selectedRows:g,isRowSelected:h,isAllRowsSelected:f,handleSelectAllRows:$,handleSelectRow:D}=_.useDataTable({rows:s,defaultSelectedRows:A});return y.useEffect(()=>{JSON.stringify(A)!==JSON.stringify(g)&&g&&(v==null||v(g))},[g,A,v]),e.jsxs(i.Table,{...O,className:b.cn("relative",H),children:[e.jsx(i.TableHeader,{className:b.cn("bg-bg",t&&"sticky top-0 z-1"),children:e.jsxs(i.TableRow,{children:[w&&e.jsx(i.TableHead,{className:"w-12 p-3",children:e.jsx(I.Checkbox,{className:"mt-1",checked:f(N),onCheckedChange:l=>$(N,!!l),"aria-label":"Select all"})}),k&&e.jsx(i.TableHead,{className:"w-12 p-2",children:"#"}),T.filter(l=>!l.hidden).map(l=>e.jsx(i.TableHead,{style:l.styles,className:b.cn("p-2",l.sortable&&"cursor-pointer"),onClick:()=>l.sortable&&R(l.dataIndex),children:e.jsxs("div",{className:"flex items-center gap-2",children:[l.name," ",l.sortable&&((r==null?void 0:r.sortField)===l.key?e.jsxs(e.Fragment,{children:[(r==null?void 0:r.sortOrder)===Q.SortOrder.DESC&&e.jsx(o.ArrowDownWideNarrow,{size:15}),(r==null?void 0:r.sortOrder)===Q.SortOrder.ASC&&e.jsx(o.ArrowUpWideNarrow,{size:15})]}):e.jsx(o.ArrowUpDown,{size:15}))]})},l.key))]})}),e.jsx(i.TableBody,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:s.length?s.map((l,q)=>e.jsxs(i.TableRow,{onClick:()=>E==null?void 0:E(l),className:b.cn(E&&"cursor-pointer"),"data-state":h(l[N])&&"selected",children:[w&&e.jsx(i.TableCell,{className:"w-12 p-3",onClick:x=>x.stopPropagation(),children:e.jsx(I.Checkbox,{className:"mt-1",checked:h(l[N]),onCheckedChange:x=>D(l[N],!!x),"aria-label":"Select row"})}),k&&e.jsx(i.TableCell,{className:"w-12 p-2",children:(c.page-1)*(c.limit||u.DEFAULT_LIMIT)+q+1}),T.filter(x=>!x.hidden).map(x=>e.jsx(i.TableCell,{className:"text-body-xs-medium max-w-xs p-2",style:x.styles,children:x.render?x.render(p.lodashExports.get(l,x.dataIndex),l):p.lodashExports.get(l,x.dataIndex,"")},`${q}-${x.key}`))]},`${l[N]}`)):e.jsx(i.TableRow,{children:e.jsx(i.TableCell,{colSpan:k?w?T.length+2:T.length+1:T.length,children:e.jsx(te.Empty,{})})})})]})},de=({dataSource:s,columns:T,onRowClick:E,rowKey:N,hasNumbers:c,hasSearch:k,exportOptions:w,hasCheckbox:A,hasPagination:v,isStickyHeader:F,onParamChange:t,dataKey:H="docs",loading:O,tableKey:r,filters:R,actions:g,handleFilterChange:h,params:f,exportLoading:$=!1,onColumnsUpdate:D,hasColumnsVisibilityDropdown:l,onSelectedItemsChange:q,actionProps:x,filterWrapperProps:Y,exportOptionsProps:Z,columnsVisibilityProps:n,paginationProps:U,searchProps:j,...K})=>{var B;const{t:a}=P.useTranslation(),[z,S]=y.useState([]),{formattedColumns:L,handleColumnsChange:C,resetColumns:V}=_.useColumns({key:r,columns:T});return y.useEffect(()=>{D==null||D(L)},[L,D]),y.useEffect(()=>{q==null||q(z)},[z,q]),e.jsxs("div",{className:"border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",children:[(k||l&&r||!p.lodashExports.isEmpty(w)||!p.lodashExports.isEmpty(R))&&e.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row",children:[e.jsx("div",{className:"w-full shrink",children:k&&e.jsx(G.Search,{...j,inputProps:{...j==null?void 0:j.inputProps,className:b.cn("h-8",(B=j==null?void 0:j.inputProps)==null?void 0:B.className)},className:b.cn("max-w-78 [&_button]:-top-1",j==null?void 0:j.className),defaultValue:p.lodashExports.get(f,"search",""),onSearchChange:d=>t==null?void 0:t({...f,search:d,page:1})})}),e.jsxs("div",{className:"flex shrink-0 items-center justify-end gap-3",children:[w&&e.jsx(le.ExportData,{...Z,options:w,loading:$}),l&&r&&e.jsxs(M.DropdownMenu,{children:[e.jsx(M.DropdownMenuTrigger,{asChild:!0,...n==null?void 0:n.triggerProps,children:e.jsx(m.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:(n==null?void 0:n.title)||e.jsxs(e.Fragment,{children:[e.jsx(J.yn,{})," ",e.jsx("span",{className:"hidden lg:inline!",children:a("Customize columns")}),e.jsx(J.f1,{})]})})}),e.jsxs(M.DropdownMenuContent,{align:"end",...n==null?void 0:n.contentProps,children:[e.jsxs(M.DropdownMenuItem,{className:"capitalize",onClick:V,children:[e.jsx(o.RefreshCw,{})," ",(n==null?void 0:n.resetText)||a("Reset columns")]}),e.jsx(M.DropdownMenuSeparator,{}),L.map(d=>e.jsx(M.DropdownMenuCheckboxItem,{className:"capitalize",checked:!d.hidden,onCheckedChange:W=>C(d,!W),children:d.name},d.key))]})]}),g&&e.jsx(ee.Actions,{...x,actions:g}),R&&e.jsx(G.FilterWrapper,{...Y,filters:R,params:f,onChange:h,onFilter:d=>{t==null||t({...d,page:1}),h==null||h(d)}})]})]}),e.jsx("div",{className:"flex flex-col overflow-auto border-y",children:O?e.jsx(se.Loader,{}):e.jsx(X,{...K,params:{page:(s==null?void 0:s.page)||1,limit:s==null?void 0:s.limit,...f},rows:p.lodashExports.get(s,H,[]),rowKey:N,selectedItems:z,isStickyHeader:F,columns:L,hasCheckbox:A,hasNumbers:c,onRowClick:E,onSelectedItemsChange:S,onSortOrderChange:({sortField:d,sortOrder:W})=>{t==null||t({...f,sortField:d,sortOrder:W})}})}),v&&e.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row",children:[e.jsx("div",{className:"text-sm",children:e.jsx(u.MyLimitSelect,{onLimitChange:d=>t==null?void 0:t({...f,limit:d,page:1}),defaultValue:s==null?void 0:s.limit})}),e.jsx("div",{className:"text-muted-foreground text-sm",children:a("{{selectedCount}} of {{total}} row(s) selected",{selectedCount:z.length,total:(s==null?void 0:s.total)||0})}),e.jsx("div",{children:e.jsx(u.MyPagination,{...U,onPageChange:d=>t==null?void 0:t({...f,page:d}),currentPage:s==null?void 0:s.page,totalPages:s==null?void 0:s.totalPages})})]})]})};exports.DataTable=de;exports.MyTable=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("../../chunks/index-ClQFzqcq.cjs.js"),J=require("dgz-ui/button"),R=require("dgz-ui/dropdown"),h=require("dgz-ui/utils"),u=require("../../chunks/lodash-BjH0kD7j.cjs.js"),b=require("lucide-react"),L=require("react"),Z=require("react-i18next"),X=require("../../chunks/useSortable-B3LF1tg8.cjs.js"),se=require("../../chunks/Actions-bpMDyl5M.cjs.js"),te=require("../../chunks/ExportData-BjS0xAqH.cjs.js"),Q=require("../../chunks/Search-D0G4Mda4.cjs.js"),le=require("dgz-ui"),de=require("../../chunks/Loader-D_jX_Wgx.cjs.js"),H=require("../../chunks/MyPagination-CnF3468f.cjs.js"),U=require("dgz-ui/form"),f=require("dgz-ui/table"),Y=require("../../chunks/SortOrder-81BrXp3i.cjs.js"),xe=require("../../chunks/Empty-BYOOFAab.cjs.js"),ce=L.memo(function({filters:N,params:E,onFilter:n,className:w,...k}){const{t:o}=Z.useTranslation(),d=L.useMemo(()=>Object.fromEntries((N==null?void 0:N.map(x=>{var j;return[x.name,Object.fromEntries(((j=x.options)==null?void 0:j.map(({label:s,value:T})=>[T,s]))||[])]}))||[]),[N]);return e.jsx("div",{...k,className:h.cn("flex flex-wrap gap-2",w),children:Object.entries(E||{}).filter(([x,j])=>!!(d!=null&&d[x])&&!u.lodashExports.isEmpty(j)).map(([x,j])=>{var s;return Array.isArray(j)?e.jsx(le.ButtonGroup,{children:j.filter(T=>{var v;return((v=d==null?void 0:d[x])==null?void 0:v[T])&&T}).map((T,v)=>{var i;return e.jsxs(J.Button,{size:"sm",onClick:()=>{n==null||n({...E,[x]:j.filter(M=>M!==T)})},children:[o(String(((i=d==null?void 0:d[x])==null?void 0:i[T])||""))," ",e.jsx(b.XIcon,{})]},v)})},x):e.jsxs(J.Button,{size:"sm",onClick:()=>{n==null||n(u.lodashExports.omit(E,x))},children:[o(String(((s=d==null?void 0:d[x])==null?void 0:s[j])||""))," ",e.jsx(b.XIcon,{})]})})})}),a=({rows:t=[],columns:N,onRowClick:E,rowKey:n,params:w={page:1,limit:H.DEFAULT_LIMIT},hasNumbers:k=!1,hasCheckbox:o=!1,selectedItems:d,onSelectedItemsChange:x,onSortOrderChange:j,isStickyHeader:s,className:T,...v})=>{const{sortObject:i,handleSort:M}=X.useSortable({sortField:w==null?void 0:w.sortField,sortOrder:w==null?void 0:w.sortOrder,onSortOrderChange:j}),{selectedRows:A,isRowSelected:g,isAllRowsSelected:q,handleSelectAllRows:W,handleSelectRow:z}=X.useDataTable({rows:t,defaultSelectedRows:d});return L.useEffect(()=>{JSON.stringify(d)!==JSON.stringify(A)&&A&&(x==null||x(A))},[A,d,x]),e.jsxs(f.Table,{...v,className:h.cn("relative",T),children:[e.jsx(f.TableHeader,{className:h.cn("bg-bg",s&&"sticky top-0 z-1"),children:e.jsxs(f.TableRow,{children:[o&&e.jsx(f.TableHead,{className:"w-12 p-3",children:e.jsx(U.Checkbox,{className:"mt-1",checked:q(n),onCheckedChange:l=>W(n,!!l),"aria-label":"Select all"})}),k&&e.jsx(f.TableHead,{className:"w-12 p-2",children:"#"}),N.filter(l=>!l.hidden).map(l=>e.jsx(f.TableHead,{style:l.styles,className:h.cn("p-2",l.sortable&&"cursor-pointer"),onClick:()=>l.sortable&&M(l.dataIndex),children:e.jsxs("div",{className:"flex items-center gap-2",children:[l.name," ",l.sortable&&((i==null?void 0:i.sortField)===l.key?e.jsxs(e.Fragment,{children:[(i==null?void 0:i.sortOrder)===Y.SortOrder.DESC&&e.jsx(b.ArrowDownWideNarrow,{size:15}),(i==null?void 0:i.sortOrder)===Y.SortOrder.ASC&&e.jsx(b.ArrowUpWideNarrow,{size:15})]}):e.jsx(b.ArrowUpDown,{size:15}))]})},l.key))]})}),e.jsx(f.TableBody,{className:"[&>tr:nth-child(even)]:bg-bg-secondary",children:t.length?t.map((l,y)=>e.jsxs(f.TableRow,{onClick:()=>E==null?void 0:E(l),className:h.cn(E&&"cursor-pointer"),"data-state":g(l[n])&&"selected",children:[o&&e.jsx(f.TableCell,{className:"w-12 p-3",onClick:r=>r.stopPropagation(),children:e.jsx(U.Checkbox,{className:"mt-1",checked:g(l[n]),onCheckedChange:r=>z(l[n],!!r),"aria-label":"Select row"})}),k&&e.jsx(f.TableCell,{className:"w-12 p-2",children:(w.page-1)*(w.limit||H.DEFAULT_LIMIT)+y+1}),N.filter(r=>!r.hidden).map(r=>e.jsx(f.TableCell,{className:"text-body-xs-medium max-w-xs p-2",style:r.styles,children:r.render?r.render(u.lodashExports.get(l,r.dataIndex),l):u.lodashExports.get(l,r.dataIndex,"")},`${y}-${r.key}`))]},`${l[n]}`)):e.jsx(f.TableRow,{children:e.jsx(f.TableCell,{colSpan:k?o?N.length+2:N.length+1:N.length,children:e.jsx(xe.Empty,{})})})})]})},re=({dataSource:t,columns:N,onRowClick:E,rowKey:n,hasNumbers:w,hasSearch:k,exportOptions:o,hasCheckbox:d,hasPagination:x,isStickyHeader:j,onParamChange:s,dataKey:T="docs",loading:v,tableKey:i,filters:M,actions:A,handleFilterChange:g,params:q,exportLoading:W=!1,onColumnsUpdate:z,hasColumnsVisibilityDropdown:l,showAppliedFilters:y=!1,onSelectedItemsChange:r,actionProps:m,filterWrapperProps:F,exportOptionsProps:K,columnsVisibilityProps:p,paginationProps:S,searchProps:D,...V})=>{var G;const{t:_}=Z.useTranslation(),[B,C]=L.useState([]),{formattedColumns:$,handleColumnsChange:P,resetColumns:ee}=X.useColumns({key:i,columns:N});return L.useEffect(()=>{z==null||z($)},[$,z]),L.useEffect(()=>{r==null||r(B)},[B,r]),e.jsxs("div",{className:"border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs",children:[e.jsxs("div",{className:"space-y-4 p-4",children:[(k||l&&i||!u.lodashExports.isEmpty(o)||!u.lodashExports.isEmpty(M))&&e.jsxs("div",{className:"flex shrink-0 flex-col items-center justify-between gap-3 lg:flex-row",children:[e.jsx("div",{className:"w-full shrink",children:k&&e.jsx(Q.Search,{...D,inputProps:{...D==null?void 0:D.inputProps,className:h.cn("h-8 grow",(G=D==null?void 0:D.inputProps)==null?void 0:G.className)},className:h.cn("max-w-full lg:max-w-78 [&_button]:-top-1",D==null?void 0:D.className),defaultValue:u.lodashExports.get(q,"search",""),onSearchChange:c=>s==null?void 0:s({...q,search:c,page:1})})}),e.jsxs("div",{className:"flex w-full shrink-0 items-center justify-end gap-3 lg:w-auto",children:[o&&e.jsx(te.ExportData,{...K,options:o,loading:W}),l&&i&&e.jsxs(R.DropdownMenu,{children:[e.jsx(R.DropdownMenuTrigger,{asChild:!0,className:"grow",...p==null?void 0:p.triggerProps,children:e.jsx(J.Button,{variant:"secondary",size:"sm",className:"ml-auto rounded-lg px-3",children:(p==null?void 0:p.title)||e.jsxs(e.Fragment,{children:[e.jsx(O.yn,{})," ",e.jsx("span",{className:"hidden md:inline!",children:_("Customize columns")}),e.jsx(O.f1,{})]})})}),e.jsxs(R.DropdownMenuContent,{align:"end",...p==null?void 0:p.contentProps,children:[e.jsxs(R.DropdownMenuItem,{className:"capitalize",onClick:ee,children:[e.jsx(b.RefreshCw,{})," ",(p==null?void 0:p.resetText)||_("Reset columns")]}),e.jsx(R.DropdownMenuSeparator,{}),$.map(c=>e.jsx(R.DropdownMenuCheckboxItem,{className:"capitalize",checked:!c.hidden,onCheckedChange:I=>P(c,!I),children:c.name},c.key))]})]}),A&&e.jsx(se.Actions,{...m,actions:A}),M&&e.jsx(Q.FilterWrapper,{...F,filters:M,params:q,onChange:g,onFilter:c=>{s==null||s({...c,page:1}),g==null||g(c)}})]})]}),y&&!u.lodashExports.isEmpty(M)&&e.jsx(ce,{filters:M,params:q,onFilter:c=>{s==null||s({...c,page:1}),g==null||g(c)}})]}),e.jsx("div",{className:"flex flex-col overflow-auto border-y",children:v?e.jsx(de.Loader,{}):e.jsx(a,{...V,params:{page:(t==null?void 0:t.page)||1,limit:t==null?void 0:t.limit,...q},rows:u.lodashExports.get(t,T,[]),rowKey:n,selectedItems:B,isStickyHeader:j,columns:$,hasCheckbox:d,hasNumbers:w,onRowClick:E,onSelectedItemsChange:C,onSortOrderChange:({sortField:c,sortOrder:I})=>{s==null||s({...q,sortField:c,sortOrder:I})}})}),x&&e.jsxs("div",{className:"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between",children:[e.jsx("div",{className:"text-sm",children:e.jsx(H.MyLimitSelect,{onLimitChange:c=>s==null?void 0:s({...q,limit:c,page:1}),defaultValue:t==null?void 0:t.limit})}),e.jsx("div",{className:"text-muted-foreground text-sm",children:_("{{selectedCount}} of {{total}} row(s) selected",{selectedCount:B.length,total:(t==null?void 0:t.total)||0})}),e.jsx("div",{children:e.jsx(H.MyPagination,{...S,onPageChange:c=>s==null?void 0:s({...q,page:c}),currentPage:t==null?void 0:t.page,totalPages:t==null?void 0:t.totalPages})})]})]})};exports.DataTable=re;exports.MyTable=a;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/datatable/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { Checkbox } from 'dgz-ui/form';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport {\n  ArrowDownWideNarrow,\n  ArrowUpDown,\n  ArrowUpWideNarrow,\n} from 'lucide-react';\nimport { type ComponentProps, useEffect } from 'react';\nimport { SortOrder } from '../../enums';\nimport { useDataTable, useSortable, type UseSortableProps } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { Empty } from '../empty';\nimport { DEFAULT_LIMIT } from '../pagination/MyLimitSelect';\n\n/**\n * Props for the MyTable component.\n * @template TData - The type of data in the table.\n */\nexport interface MyTableProps<TData> extends ComponentProps<'table'> {\n  /** Array of data rows to display. */\n  rows?: TData[];\n  /** Column definitions. */\n  columns: ColumnType<TData>[];\n  /** Callback when a row is clicked. */\n  onRowClick?: (row: TData) => void;\n  /** Whether to show row numbers. */\n  hasNumbers?: boolean;\n  /** Whether to show selection checkboxes. */\n  hasCheckbox?: boolean;\n  /** Unique key for each row. */\n  rowKey: keyof TData;\n  /** Current table parameters (page, limit, sort). */\n  params?: Record<string, unknown>;\n  /** Total number of items (optional, often used with pagination context). */\n  total?: number;\n  /** Array of currently selected item keys. */\n  selectedItems?: TData[keyof TData][];\n  /** Callback when selected items change. */\n  onSelectedItemsChange?: (selectedItems: TData[keyof TData][]) => void;\n  /** Callback when sort order changes. */\n  onSortOrderChange?: (\n    params: Omit<UseSortableProps<TData>, 'onSortOrderChange'>\n  ) => void;\n  /** Whether the header should stick to the top. */\n  isStickyHeader?: true;\n}\n\n/**\n * MyTable renders a generic data table with optional numbering, selection checkboxes,\n * sortable columns and sticky header. It is a presentational component and delegates\n * sorting/selection state via hooks and callbacks.\n *\n * @template TData - The row data type.\n * @param props - Component props.\n * @returns React element containing the table.\n */\nexport const MyTable = <TData,>({\n  rows = [],\n  columns,\n  onRowClick,\n  rowKey,\n  params = {\n    page: 1,\n    limit: DEFAULT_LIMIT,\n  },\n  hasNumbers = false,\n  hasCheckbox = false,\n  selectedItems,\n  onSelectedItemsChange,\n  onSortOrderChange,\n  isStickyHeader,\n  className,\n  ...props\n}: MyTableProps<TData>) => {\n  const { sortObject, handleSort } = useSortable<TData>({\n    sortField: params?.sortField as keyof TData | undefined,\n    sortOrder: params?.sortOrder as SortOrder | undefined,\n    onSortOrderChange,\n  });\n  const {\n    selectedRows,\n    isRowSelected,\n    isAllRowsSelected,\n    handleSelectAllRows,\n    handleSelectRow,\n  } = useDataTable<TData>({ rows, defaultSelectedRows: selectedItems });\n\n  useEffect(() => {\n    if (\n      JSON.stringify(selectedItems) !== JSON.stringify(selectedRows) &&\n      selectedRows\n    ) {\n      onSelectedItemsChange?.(selectedRows);\n    }\n  }, [selectedRows, selectedItems, onSelectedItemsChange]);\n\n  return (\n    <Table {...props} className={cn('relative', className)}>\n      <TableHeader\n        className={cn('bg-bg', isStickyHeader && 'sticky top-0 z-1')}\n      >\n        <TableRow>\n          {hasCheckbox && (\n            <TableHead className={'w-12 p-3'}>\n              <Checkbox\n                className={'mt-1'}\n                checked={isAllRowsSelected(rowKey)}\n                onCheckedChange={(value) =>\n                  handleSelectAllRows(rowKey, !!value)\n                }\n                aria-label=\"Select all\"\n              />\n            </TableHead>\n          )}\n          {hasNumbers && <TableHead className={'w-12 p-2'}>#</TableHead>}\n          {columns\n            .filter((column) => !column.hidden)\n            .map((column) => (\n              <TableHead\n                key={column.key}\n                style={column.styles}\n                className={cn('p-2', column.sortable && 'cursor-pointer')}\n                onClick={() => column.sortable && handleSort(column.dataIndex)}\n              >\n                <div className={'flex items-center gap-2'}>\n                  {column.name}{' '}\n                  {column.sortable &&\n                    (sortObject?.sortField === column.key ? (\n                      <>\n                        {sortObject?.sortOrder === SortOrder.DESC && (\n                          <ArrowDownWideNarrow size={15} />\n                        )}\n                        {sortObject?.sortOrder === SortOrder.ASC && (\n                          <ArrowUpWideNarrow size={15} />\n                        )}\n                      </>\n                    ) : (\n                      <ArrowUpDown size={15} />\n                    ))}\n                </div>\n              </TableHead>\n            ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody className={'[&>tr:nth-child(even)]:bg-bg-secondary'}>\n        {rows.length ? (\n          rows.map((row, index) => (\n            <TableRow\n              key={`${row[rowKey]}`}\n              onClick={() => onRowClick?.(row)}\n              className={cn(onRowClick && 'cursor-pointer')}\n              data-state={isRowSelected(row[rowKey]) && 'selected'}\n            >\n              {hasCheckbox && (\n                <TableCell\n                  className={'w-12 p-3'}\n                  onClick={(evt) => evt.stopPropagation()}\n                >\n                  <Checkbox\n                    className={'mt-1'}\n                    checked={isRowSelected(row[rowKey])}\n                    onCheckedChange={(value) =>\n                      handleSelectRow(row[rowKey], !!value)\n                    }\n                    aria-label=\"Select row\"\n                  />\n                </TableCell>\n              )}\n              {hasNumbers && (\n                <TableCell className={'w-12 p-2'}>\n                  {((params.page as number) - 1) *\n                    ((params.limit || DEFAULT_LIMIT) as number) +\n                    index +\n                    1}\n                </TableCell>\n              )}\n              {columns\n                .filter((column) => !column.hidden)\n                .map((column) => (\n                  <TableCell\n                    className={'text-body-xs-medium max-w-xs p-2'}\n                    style={column.styles}\n                    key={`${index}-${column.key}`}\n                  >\n                    {column.render\n                      ? column.render(get(row, column.dataIndex), row)\n                      : get(row, column.dataIndex, '')}\n                  </TableCell>\n                ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow>\n            <TableCell\n              colSpan={\n                hasNumbers\n                  ? hasCheckbox\n                    ? columns.length + 2\n                    : columns.length + 1\n                  : columns.length\n              }\n            >\n              <Empty />\n            </TableCell>\n          </TableRow>\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n","import { RiArrowDownSLine, RiLayoutColumnLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport { cn } from 'dgz-ui/utils';\nimport { get, isEmpty } from 'lodash';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n  ExportData,\n  type ExportDataInterface,\n  type ExportDataProps,\n} from '../export';\nimport {\n  type FilterInterface,\n  FilterWrapper,\n  type FilterWrapperProps,\n  Search,\n  type SearchProps,\n} from '../filters';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n *   may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n *   (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n  /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n  docs?: TData[];\n  /** Zero-based index of the first item on the current page (if provided by API). */\n  offset?: number;\n  /** Page size (items per page). */\n  limit: number;\n  /** Total number of pages available. */\n  totalPages: number;\n  /** Total number of items across all pages (if available). */\n  total?: number;\n  /** Current page number (1-based). */\n  page: number;\n  /** Convenience counter for the first item index on the page (if provided). */\n  pagingCounter?: number;\n  /** Whether a previous page exists. */\n  hasPrevPage?: boolean;\n  /** Whether a next page exists. */\n  hasNextPage?: boolean;\n  /** Previous page number, if available. */\n  prevPage?: number;\n  /** Next page number, if available. */\n  nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n  TData,\n  TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n  /** Pagination data source. */\n  dataSource?: TPaginationData;\n  /** Callback for parameter changes (pagination, sorting, filtering). */\n  onParamChange?: (param: Record<string, unknown>) => void;\n  /** Whether to enable pagination. */\n  hasPagination?: true;\n  /** Options for the export data dropdown. */\n  exportOptions?: ExportDataInterface[];\n  /** Whether to enable search functionality. */\n  hasSearch?: true;\n  /** Whether the table data is loading. */\n  loading?: boolean;\n  /** Array of filters to display. */\n  filters?: FilterInterface[];\n  /** Array of actions to display. */\n  actions?: ActionInterface[];\n  /** Callback for filter changes. */\n  handleFilterChange?: (filters: Record<string, unknown>) => void;\n  /** Unique key for the table, used for column persistence. */\n  tableKey: string;\n  /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n  dataKey?: keyof TPaginationData;\n  /** Whether to show the columns visibility dropdown. */\n  hasColumnsVisibilityDropdown?: true;\n  /** Callback when columns are updated (e.g., visibility toggled). */\n  onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n  /** Whether the export action is loading. */\n  exportLoading?: boolean;\n  /** Props for the Actions component. */\n  actionProps?: Partial<ActionsProps>;\n  /** Props for the FilterWrapper component. */\n  filterWrapperProps?: Partial<FilterWrapperProps>;\n  /** Props for the ExportData component. */\n  exportOptionsProps?: Partial<ExportDataProps>;\n  searchProps?: Partial<SearchProps>;\n  paginationProps?: Partial<MyPaginationProps>;\n  /** Props for the columns visibility dropdown. */\n  columnsVisibilityProps?: DropdownContainerProps & {\n    title?: ReactNode;\n    resetText?: ReactNode;\n  };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n *   `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * Props Overview\n * - `dataSource` — Paginated data source object that contains rows (see `dataKey`) and pagination metadata.\n * - `columns` — Column definitions passed to `MyTable`.\n * - `onRowClick` — Callback when a row is clicked.\n * - `rowKey` — Property name used as a unique row key.\n * - `hasNumbers` — Whether to show the row numbers column.\n * - `hasSearch` — Set to `true` to display the search input in the header.\n * - `exportOptions` — Export menu options shown by `ExportData` (see `ExportDataInterface[]`).\n * - `exportLoading` — When `true`, shows a spinner in the Export button to indicate an export action is in progress.\n * - `hasCheckbox` — Whether to show the selection checkbox column.\n * - `hasPagination` — Set to `true` to render the pagination footer.\n * - `isStickyHeader` — Whether to keep the table header sticky.\n * - `onParamChange` — Emits parameter changes for pagination/sorting/search/filters.\n * - `dataKey` — Key within `dataSource` that contains the row array. Defaults to `\"docs\"`.\n * - `loading` — If `true`, shows a loading state instead of the table rows.\n * - `tableKey` — Unique key for persisting column visibility state.\n * - `filters` — Filter configurations to render in the header.\n * - `actions` — Header actions independent of selected rows.\n * - `handleFilterChange` — Callback executed when filter values change.\n * - `params` — Current list parameters (pagination, sort, search, filters).\n * - `hasColumnsVisibilityDropdown` — Set to `true` to show the columns customize dropdown.\n * - `onColumnsUpdate` — Notifies parent whenever the internal columns state changes (after formatting/visibility).\n * - `actionProps` — Props passed to the `Actions` component.\n * - `filterWrapperProps` — Props passed to the `FilterWrapper` component.\n * - `exportOptionsProps` — Props passed to the `ExportData` component.\n * - `columnsVisibilityProps` — Props passed to the columns visibility dropdown.\n * - `onSelectedItemsChange` — Callback when selected rows change (requires `hasCheckbox`).\n *\n * Accessibility\n * - Header controls and dropdowns reuse shared primitives that include keyboard and ARIA support.\n *\n * Internationalization\n * - Text such as \"Export\", \"Customize columns\", and \"Reset columns\" are resolved via `react-i18next`.\n *\n * Usage Examples\n * 1) Minimal paginated table (uses default `dataKey = \"docs\"`)\n * ```tsx\n * type User = { id: string; name: string };\n * const data = { docs: [{ id: '1', name: 'Ada' }], page: 1, limit: 10, totalPages: 1 };\n *\n * <DataTable<User>\n *   tableKey=\"users-table\"\n *   columns={[{ key: 'name', name: 'Name' }]}\n *   rowKey=\"id\"\n *   dataSource={data}\n *   hasPagination\n * />\n * ```\n *\n * 2) Custom `dataKey` and column visibility persistence\n * ```tsx\n * type Row = { id: number; title: string };\n * const payload = { items: [{ id: 1, title: 'Hello' }], page: 1, limit: 20, totalPages: 1 };\n *\n * <DataTable<Row>\n *   tableKey=\"posts\"\n *   columns={[{ key: 'title', name: 'Title' }]}\n *   rowKey=\"id\"\n *   dataSource={payload}\n *   dataKey=\"items\"\n *   hasColumnsVisibilityDropdown\n * />\n * ```\n *\n * 3) Responding to user interactions via `onParamChange`\n * ```tsx\n * const [params, setParams] = useState({ page: 1, limit: 10 });\n *\n * <DataTable\n *   tableKey=\"logs\"\n *   columns={[{ key: 'message', name: 'Message' }]}\n *   rowKey=\"id\"\n *   params={params}\n *   onParamChange={setParams}\n *   hasSearch\n *   hasPagination\n * />\n * ```\n *\n * Notes and Best Practices\n * - Ensure `rowKey` points to a stable unique field in `TData` to avoid key collisions.\n * - When arrays like `exportOptions`, `filters`, or `actions` are empty, their sections are not rendered.\n * - Sorting emits `{ sortField, sortOrder }` through `onParamChange` when the user toggles a column sort.\n *\n * Returns\n * - React element that renders a complete data table experience.\n */\nexport const DataTable = <\n  TData,\n  TPaginationData extends PaginationInterface<TData> =\n    PaginationInterface<TData>,\n>({\n  dataSource,\n  columns,\n  onRowClick,\n  rowKey,\n  hasNumbers,\n  hasSearch,\n  exportOptions,\n  hasCheckbox,\n  hasPagination,\n  isStickyHeader,\n  onParamChange,\n  dataKey = 'docs',\n  loading,\n  tableKey,\n  filters,\n  actions,\n  handleFilterChange,\n  params,\n  exportLoading = false,\n  onColumnsUpdate,\n  hasColumnsVisibilityDropdown,\n  onSelectedItemsChange,\n  actionProps,\n  filterWrapperProps,\n  exportOptionsProps,\n  columnsVisibilityProps,\n  paginationProps,\n  searchProps,\n  ...props\n}: DataTableProps<TData, TPaginationData>) => {\n  const { t } = useTranslation();\n  const [selectedRows, setSelectedRows] = useState<TData[keyof TData][]>([]);\n  const { formattedColumns, handleColumnsChange, resetColumns } =\n    useColumns<TData>({ key: tableKey, columns });\n\n  useEffect(() => {\n    onColumnsUpdate?.(formattedColumns);\n  }, [formattedColumns, onColumnsUpdate]);\n\n  useEffect(() => {\n    onSelectedItemsChange?.(selectedRows);\n  }, [selectedRows, onSelectedItemsChange]);\n\n  return (\n    <div\n      className={\n        'border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs'\n      }\n    >\n      {(hasSearch ||\n        (hasColumnsVisibilityDropdown && tableKey) ||\n        !isEmpty(exportOptions) ||\n        !isEmpty(filters)) && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className={'w-full shrink'}>\n            {hasSearch && (\n              <Search\n                {...searchProps}\n                inputProps={{\n                  ...searchProps?.inputProps,\n                  className: cn('h-8', searchProps?.inputProps?.className),\n                }}\n                className={cn(\n                  'max-w-78 [&_button]:-top-1',\n                  searchProps?.className\n                )}\n                defaultValue={get(params, 'search', '') as string}\n                onSearchChange={(search) =>\n                  onParamChange?.({ ...params, search, page: 1 })\n                }\n              />\n            )}\n          </div>\n          <div className={'flex shrink-0 items-center justify-end gap-3'}>\n            {exportOptions && (\n              <ExportData\n                {...exportOptionsProps}\n                options={exportOptions}\n                loading={exportLoading}\n              />\n            )}\n            {hasColumnsVisibilityDropdown && tableKey && (\n              <DropdownMenu>\n                <DropdownMenuTrigger\n                  asChild\n                  {...columnsVisibilityProps?.triggerProps}\n                >\n                  <Button\n                    variant=\"secondary\"\n                    size={'sm'}\n                    className={'ml-auto rounded-lg px-3'}\n                  >\n                    {columnsVisibilityProps?.title || (\n                      <>\n                        <RiLayoutColumnLine />{' '}\n                        <span className={'hidden lg:inline!'}>\n                          {t('Customize columns')}\n                        </span>\n                        <RiArrowDownSLine />\n                      </>\n                    )}\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  align=\"end\"\n                  {...columnsVisibilityProps?.contentProps}\n                >\n                  <DropdownMenuItem\n                    className=\"capitalize\"\n                    onClick={resetColumns}\n                  >\n                    <RefreshCw />{' '}\n                    {columnsVisibilityProps?.resetText || t('Reset columns')}\n                  </DropdownMenuItem>\n                  <DropdownMenuSeparator />\n                  {formattedColumns.map((column) => {\n                    return (\n                      <DropdownMenuCheckboxItem\n                        key={column.key}\n                        className=\"capitalize\"\n                        checked={!column.hidden}\n                        onCheckedChange={(value) =>\n                          handleColumnsChange(column, !value)\n                        }\n                      >\n                        {column.name}\n                      </DropdownMenuCheckboxItem>\n                    );\n                  })}\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n            {actions && <Actions {...actionProps} actions={actions} />}\n            {filters && (\n              <FilterWrapper\n                {...filterWrapperProps}\n                filters={filters}\n                params={params}\n                onChange={handleFilterChange}\n                onFilter={(filter) => {\n                  onParamChange?.({ ...filter, page: 1 });\n                  handleFilterChange?.(filter);\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n      <div className={'flex flex-col overflow-auto border-y'}>\n        {!loading ? (\n          <MyTable<TData>\n            {...props}\n            params={{\n              page: dataSource?.page || 1,\n              limit: dataSource?.limit,\n              ...params,\n            }}\n            rows={get(dataSource, dataKey, []) as TData[]}\n            rowKey={rowKey}\n            selectedItems={selectedRows}\n            isStickyHeader={isStickyHeader}\n            columns={formattedColumns}\n            hasCheckbox={hasCheckbox}\n            hasNumbers={hasNumbers}\n            onRowClick={onRowClick}\n            onSelectedItemsChange={setSelectedRows}\n            onSortOrderChange={({ sortField, sortOrder }) => {\n              onParamChange?.({ ...params, sortField, sortOrder });\n            }}\n          />\n        ) : (\n          <Loader />\n        )}\n      </div>\n      {hasPagination && (\n        <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 p-4 lg:flex-row\">\n          <div className=\"text-sm\">\n            <MyLimitSelect\n              onLimitChange={(limit) =>\n                onParamChange?.({ ...params, limit, page: 1 })\n              }\n              defaultValue={dataSource?.limit}\n            />\n          </div>\n          <div className=\"text-muted-foreground text-sm\">\n            {t('{{selectedCount}} of {{total}} row(s) selected', {\n              selectedCount: selectedRows.length,\n              total: dataSource?.total || 0,\n            })}\n          </div>\n          <div>\n            <MyPagination\n              {...paginationProps}\n              onPageChange={(page) => onParamChange?.({ ...params, page })}\n              currentPage={dataSource?.page}\n              totalPages={dataSource?.totalPages}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["MyTable","rows","columns","onRowClick","rowKey","params","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","className","props","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","jsxs","Table","cn","jsx","TableHeader","TableRow","TableHead","Checkbox","value","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","index","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","filters","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","t","useTranslation","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","isEmpty","Search","_a","search","ExportData","DropdownMenu","DropdownMenuTrigger","Button","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","filter","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/filters/AppliedFilters.tsx","../../../src/components/datatable/MyTable.tsx","../../../src/components/datatable/DataTable.tsx"],"sourcesContent":["import { ButtonGroup } from 'dgz-ui';\nimport { Button } from 'dgz-ui/button';\nimport type { CardProps } from 'dgz-ui/card';\nimport { cn } from 'dgz-ui/utils';\nimport { isEmpty, omit } from 'lodash';\nimport { XIcon } from 'lucide-react';\nimport { memo, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { FilterInterface } from './FilterWrapper.tsx';\n\n/**\n * Props for the FilterWrapper component.\n */\nexport interface AppliedFiltersProps extends CardProps {\n  /** Array of filter definitions to render. */\n  filters?: FilterInterface[];\n  /** Current active parameters/filters. */\n  params?: Record<string, unknown>;\n  /** Callback fired when filters are applied. */\n  onFilter?: (filters: Record<string, unknown>) => void;\n}\n\n/**\n * FilterWrapper shows a popover with a dynamic list of field filters and emits selected filter values.\n *\n * @param props.filters - Array of filter definitions to render.\n * @param props.params - Current params used to detect active filters.\n * @param props.onFilter - Callback fired when user applies filters.\n * @param props.onCancel - Callback fired on cancel.\n * @param props.onChange - Callback fired whenever filter form values change.\n */\nexport const AppliedFilters = memo(function FilterWrapper({\n  filters,\n  params,\n  onFilter,\n  className,\n  ...props\n}: AppliedFiltersProps) {\n  const { t } = useTranslation();\n\n  const filterObject = useMemo(\n    () =>\n      Object.fromEntries(\n        filters?.map((filter) => [\n          filter.name,\n          Object.fromEntries(\n            filter.options?.map(({ label, value }) => [value, label]) || []\n          ),\n        ]) || []\n      ),\n    [filters]\n  );\n\n  return (\n    <div {...props} className={cn('flex flex-wrap gap-2', className)}>\n      {Object.entries(params || {})\n        .filter(([key, value]) => !!filterObject?.[key] && !isEmpty(value))\n        .map(([key, value]) =>\n          Array.isArray(value) ? (\n            <ButtonGroup key={key}>\n              {value\n                .filter((val) => filterObject?.[key]?.[val] && val)\n                .map((val, index) => (\n                  <Button\n                    size={'sm'}\n                    key={index}\n                    onClick={() => {\n                      onFilter?.({\n                        ...params,\n                        [key]: value.filter((v) => v !== val),\n                      });\n                    }}\n                  >\n                    {t(String(filterObject?.[key]?.[val] || ''))} <XIcon />\n                  </Button>\n                ))}\n            </ButtonGroup>\n          ) : (\n            <Button\n              size={'sm'}\n              onClick={() => {\n                onFilter?.(omit(params, key));\n              }}\n            >\n              {t(String(filterObject?.[key]?.[value as string] || ''))}{' '}\n              <XIcon />\n            </Button>\n          )\n        )}\n    </div>\n  );\n});\n","import { Checkbox } from 'dgz-ui/form';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from 'dgz-ui/table';\nimport { cn } from 'dgz-ui/utils';\nimport { get } from 'lodash';\nimport {\n  ArrowDownWideNarrow,\n  ArrowUpDown,\n  ArrowUpWideNarrow,\n} from 'lucide-react';\nimport { type ComponentProps, useEffect } from 'react';\nimport { SortOrder } from '../../enums';\nimport { useDataTable, useSortable, type UseSortableProps } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { Empty } from '../empty';\nimport { DEFAULT_LIMIT } from '../pagination/MyLimitSelect';\n\n/**\n * Props for the MyTable component.\n * @template TData - The type of data in the table.\n */\nexport interface MyTableProps<TData> extends ComponentProps<'table'> {\n  /** Array of data rows to display. */\n  rows?: TData[];\n  /** Column definitions. */\n  columns: ColumnType<TData>[];\n  /** Callback when a row is clicked. */\n  onRowClick?: (row: TData) => void;\n  /** Whether to show row numbers. */\n  hasNumbers?: boolean;\n  /** Whether to show selection checkboxes. */\n  hasCheckbox?: boolean;\n  /** Unique key for each row. */\n  rowKey: keyof TData;\n  /** Current table parameters (page, limit, sort). */\n  params?: Record<string, unknown>;\n  /** Total number of items (optional, often used with pagination context). */\n  total?: number;\n  /** Array of currently selected item keys. */\n  selectedItems?: TData[keyof TData][];\n  /** Callback when selected items change. */\n  onSelectedItemsChange?: (selectedItems: TData[keyof TData][]) => void;\n  /** Callback when sort order changes. */\n  onSortOrderChange?: (\n    params: Omit<UseSortableProps<TData>, 'onSortOrderChange'>\n  ) => void;\n  /** Whether the header should stick to the top. */\n  isStickyHeader?: true;\n}\n\n/**\n * MyTable renders a generic data table with optional numbering, selection checkboxes,\n * sortable columns and sticky header. It is a presentational component and delegates\n * sorting/selection state via hooks and callbacks.\n *\n * @template TData - The row data type.\n * @param props - Component props.\n * @returns React element containing the table.\n */\nexport const MyTable = <TData,>({\n  rows = [],\n  columns,\n  onRowClick,\n  rowKey,\n  params = {\n    page: 1,\n    limit: DEFAULT_LIMIT,\n  },\n  hasNumbers = false,\n  hasCheckbox = false,\n  selectedItems,\n  onSelectedItemsChange,\n  onSortOrderChange,\n  isStickyHeader,\n  className,\n  ...props\n}: MyTableProps<TData>) => {\n  const { sortObject, handleSort } = useSortable<TData>({\n    sortField: params?.sortField as keyof TData | undefined,\n    sortOrder: params?.sortOrder as SortOrder | undefined,\n    onSortOrderChange,\n  });\n  const {\n    selectedRows,\n    isRowSelected,\n    isAllRowsSelected,\n    handleSelectAllRows,\n    handleSelectRow,\n  } = useDataTable<TData>({ rows, defaultSelectedRows: selectedItems });\n\n  useEffect(() => {\n    if (\n      JSON.stringify(selectedItems) !== JSON.stringify(selectedRows) &&\n      selectedRows\n    ) {\n      onSelectedItemsChange?.(selectedRows);\n    }\n  }, [selectedRows, selectedItems, onSelectedItemsChange]);\n\n  return (\n    <Table {...props} className={cn('relative', className)}>\n      <TableHeader\n        className={cn('bg-bg', isStickyHeader && 'sticky top-0 z-1')}\n      >\n        <TableRow>\n          {hasCheckbox && (\n            <TableHead className={'w-12 p-3'}>\n              <Checkbox\n                className={'mt-1'}\n                checked={isAllRowsSelected(rowKey)}\n                onCheckedChange={(value) =>\n                  handleSelectAllRows(rowKey, !!value)\n                }\n                aria-label=\"Select all\"\n              />\n            </TableHead>\n          )}\n          {hasNumbers && <TableHead className={'w-12 p-2'}>#</TableHead>}\n          {columns\n            .filter((column) => !column.hidden)\n            .map((column) => (\n              <TableHead\n                key={column.key}\n                style={column.styles}\n                className={cn('p-2', column.sortable && 'cursor-pointer')}\n                onClick={() => column.sortable && handleSort(column.dataIndex)}\n              >\n                <div className={'flex items-center gap-2'}>\n                  {column.name}{' '}\n                  {column.sortable &&\n                    (sortObject?.sortField === column.key ? (\n                      <>\n                        {sortObject?.sortOrder === SortOrder.DESC && (\n                          <ArrowDownWideNarrow size={15} />\n                        )}\n                        {sortObject?.sortOrder === SortOrder.ASC && (\n                          <ArrowUpWideNarrow size={15} />\n                        )}\n                      </>\n                    ) : (\n                      <ArrowUpDown size={15} />\n                    ))}\n                </div>\n              </TableHead>\n            ))}\n        </TableRow>\n      </TableHeader>\n      <TableBody className={'[&>tr:nth-child(even)]:bg-bg-secondary'}>\n        {rows.length ? (\n          rows.map((row, index) => (\n            <TableRow\n              key={`${row[rowKey]}`}\n              onClick={() => onRowClick?.(row)}\n              className={cn(onRowClick && 'cursor-pointer')}\n              data-state={isRowSelected(row[rowKey]) && 'selected'}\n            >\n              {hasCheckbox && (\n                <TableCell\n                  className={'w-12 p-3'}\n                  onClick={(evt) => evt.stopPropagation()}\n                >\n                  <Checkbox\n                    className={'mt-1'}\n                    checked={isRowSelected(row[rowKey])}\n                    onCheckedChange={(value) =>\n                      handleSelectRow(row[rowKey], !!value)\n                    }\n                    aria-label=\"Select row\"\n                  />\n                </TableCell>\n              )}\n              {hasNumbers && (\n                <TableCell className={'w-12 p-2'}>\n                  {((params.page as number) - 1) *\n                    ((params.limit || DEFAULT_LIMIT) as number) +\n                    index +\n                    1}\n                </TableCell>\n              )}\n              {columns\n                .filter((column) => !column.hidden)\n                .map((column) => (\n                  <TableCell\n                    className={'text-body-xs-medium max-w-xs p-2'}\n                    style={column.styles}\n                    key={`${index}-${column.key}`}\n                  >\n                    {column.render\n                      ? column.render(get(row, column.dataIndex), row)\n                      : get(row, column.dataIndex, '')}\n                  </TableCell>\n                ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow>\n            <TableCell\n              colSpan={\n                hasNumbers\n                  ? hasCheckbox\n                    ? columns.length + 2\n                    : columns.length + 1\n                  : columns.length\n              }\n            >\n              <Empty />\n            </TableCell>\n          </TableRow>\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n","import { RiArrowDownSLine, RiLayoutColumnLine } from '@remixicon/react';\nimport { Button } from 'dgz-ui/button';\nimport {\n  type DropdownContainerProps,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from 'dgz-ui/dropdown';\nimport { cn } from 'dgz-ui/utils';\nimport { get, isEmpty } from 'lodash';\nimport { RefreshCw } from 'lucide-react';\nimport { type ReactNode, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useColumns } from '../../hooks';\nimport type { ColumnType } from '../../types';\nimport { type ActionInterface, Actions, type ActionsProps } from '../actions';\nimport {\n  ExportData,\n  type ExportDataInterface,\n  type ExportDataProps,\n} from '../export';\nimport {\n  type FilterInterface,\n  FilterWrapper,\n  type FilterWrapperProps,\n  Search,\n  type SearchProps,\n} from '../filters';\nimport { AppliedFilters } from '../filters/AppliedFilters.tsx';\nimport { Loader } from '../loader';\nimport { MyLimitSelect, MyPagination } from '../pagination';\nimport type { MyPaginationProps } from '../pagination/MyPagination.tsx';\nimport { MyTable, type MyTableProps } from './MyTable';\n\n/**\n * Minimal pagination wrapper contract used by `DataTable`.\n *\n * Notes\n * - Only `page`, `limit`, and `totalPages` are required. Other fields are optional and\n *   may be provided by your API for convenience.\n * - The actual rows array can be stored in any key, controlled via `dataKey` prop\n *   (defaults to `\"docs\"`).\n */\nexport interface PaginationInterface<TData> {\n  /** Array of rows for the current page. Used when `dataKey` is set to `\"docs\"`. */\n  docs?: TData[];\n  /** Zero-based index of the first item on the current page (if provided by API). */\n  offset?: number;\n  /** Page size (items per page). */\n  limit: number;\n  /** Total number of pages available. */\n  totalPages: number;\n  /** Total number of items across all pages (if available). */\n  total?: number;\n  /** Current page number (1-based). */\n  page: number;\n  /** Convenience counter for the first item index on the page (if provided). */\n  pagingCounter?: number;\n  /** Whether a previous page exists. */\n  hasPrevPage?: boolean;\n  /** Whether a next page exists. */\n  hasNextPage?: boolean;\n  /** Previous page number, if available. */\n  prevPage?: number;\n  /** Next page number, if available. */\n  nextPage?: number;\n}\n\n/**\n * Props for the DataTable component.\n *\n * @template TData - Row data type.\n * @template TPaginationData - Pagination wrapper type.\n */\nexport interface DataTableProps<\n  TData,\n  TPaginationData extends PaginationInterface<TData>,\n> extends Omit<MyTableProps<TData>, 'rows'> {\n  /** Pagination data source. */\n  dataSource?: TPaginationData;\n  /** Callback for parameter changes (pagination, sorting, filtering). */\n  onParamChange?: (param: Record<string, unknown>) => void;\n  /** Whether to enable pagination. */\n  hasPagination?: true;\n  /** Options for the export data dropdown. */\n  exportOptions?: ExportDataInterface[];\n  /** Whether to enable search functionality. */\n  hasSearch?: true;\n  /** Whether the table data is loading. */\n  loading?: boolean;\n  /** Array of filters to display. */\n  filters?: FilterInterface[];\n  /** Array of actions to display. */\n  actions?: ActionInterface[];\n  /** Callback for filter changes. */\n  handleFilterChange?: (filters: Record<string, unknown>) => void;\n  /** Unique key for the table, used for column persistence. */\n  tableKey: string;\n  /** The key in dataSource where the data array is located. Defaults to \"docs\". */\n  dataKey?: keyof TPaginationData;\n  /** Whether to show the columns visibility dropdown. */\n  hasColumnsVisibilityDropdown?: true;\n  /** Whether to show the columns visibility dropdown. */\n  showAppliedFilters?: boolean;\n  /** Callback when columns are updated (e.g., visibility toggled). */\n  onColumnsUpdate?: (columns: ColumnType<TData>[]) => void;\n  /** Whether the export action is loading. */\n  exportLoading?: boolean;\n  /** Props for the Actions component. */\n  actionProps?: Partial<ActionsProps>;\n  /** Props for the FilterWrapper component. */\n  filterWrapperProps?: Partial<FilterWrapperProps>;\n  /** Props for the ExportData component. */\n  exportOptionsProps?: Partial<ExportDataProps>;\n  searchProps?: Partial<SearchProps>;\n  paginationProps?: Partial<MyPaginationProps>;\n  /** Props for the columns visibility dropdown. */\n  columnsVisibilityProps?: DropdownContainerProps & {\n    title?: ReactNode;\n    resetText?: ReactNode;\n  };\n}\n\n/**\n * DataTable is a composable, high-level table that brings together search, filters,\n * column visibility management, header actions, exporting, and pagination.\n * It renders `MyTable` for rows and, when enabled, shows header controls and a footer with pagination.\n *\n * Generic Types\n * - `TData` — Row data shape (type of each item in the rows array).\n * - `TPaginationData` — Pagination wrapper type containing rows and pagination meta; defaults to\n *   `PaginationInterface<TData>`.\n *\n * Key Behaviors\n * - Emits `onParamChange` when search text, filters, page, limit, or sort order change.\n * - Persists column visibility per `tableKey` via `useColumns` and informs parent with `onColumnsUpdate`.\n * - Renders header controls only when the related feature is enabled/has content.\n *\n * Props Overview\n * - `dataSource` — Paginated data source object that contains rows (see `dataKey`) and pagination metadata.\n * - `columns` — Column definitions passed to `MyTable`.\n * - `onRowClick` — Callback when a row is clicked.\n * - `rowKey` — Property name used as a unique row key.\n * - `hasNumbers` — Whether to show the row numbers column.\n * - `hasSearch` — Set to `true` to display the search input in the header.\n * - `exportOptions` — Export menu options shown by `ExportData` (see `ExportDataInterface[]`).\n * - `exportLoading` — When `true`, shows a spinner in the Export button to indicate an export action is in progress.\n * - `hasCheckbox` — Whether to show the selection checkbox column.\n * - `hasPagination` — Set to `true` to render the pagination footer.\n * - `isStickyHeader` — Whether to keep the table header sticky.\n * - `onParamChange` — Emits parameter changes for pagination/sorting/search/filters.\n * - `dataKey` — Key within `dataSource` that contains the row array. Defaults to `\"docs\"`.\n * - `loading` — If `true`, shows a loading state instead of the table rows.\n * - `tableKey` — Unique key for persisting column visibility state.\n * - `filters` — Filter configurations to render in the header.\n * - `actions` — Header actions independent of selected rows.\n * - `handleFilterChange` — Callback executed when filter values change.\n * - `params` — Current list parameters (pagination, sort, search, filters).\n * - `hasColumnsVisibilityDropdown` — Set to `true` to show the columns customize dropdown.\n * - `onColumnsUpdate` — Notifies parent whenever the internal columns state changes (after formatting/visibility).\n * - `actionProps` — Props passed to the `Actions` component.\n * - `filterWrapperProps` — Props passed to the `FilterWrapper` component.\n * - `exportOptionsProps` — Props passed to the `ExportData` component.\n * - `columnsVisibilityProps` — Props passed to the columns visibility dropdown.\n * - `onSelectedItemsChange` — Callback when selected rows change (requires `hasCheckbox`).\n *\n * Accessibility\n * - Header controls and dropdowns reuse shared primitives that include keyboard and ARIA support.\n *\n * Internationalization\n * - Text such as \"Export\", \"Customize columns\", and \"Reset columns\" are resolved via `react-i18next`.\n *\n * Usage Examples\n * 1) Minimal paginated table (uses default `dataKey = \"docs\"`)\n * ```tsx\n * type User = { id: string; name: string };\n * const data = { docs: [{ id: '1', name: 'Ada' }], page: 1, limit: 10, totalPages: 1 };\n *\n * <DataTable<User>\n *   tableKey=\"users-table\"\n *   columns={[{ key: 'name', name: 'Name' }]}\n *   rowKey=\"id\"\n *   dataSource={data}\n *   hasPagination\n * />\n * ```\n *\n * 2) Custom `dataKey` and column visibility persistence\n * ```tsx\n * type Row = { id: number; title: string };\n * const payload = { items: [{ id: 1, title: 'Hello' }], page: 1, limit: 20, totalPages: 1 };\n *\n * <DataTable<Row>\n *   tableKey=\"posts\"\n *   columns={[{ key: 'title', name: 'Title' }]}\n *   rowKey=\"id\"\n *   dataSource={payload}\n *   dataKey=\"items\"\n *   hasColumnsVisibilityDropdown\n * />\n * ```\n *\n * 3) Responding to user interactions via `onParamChange`\n * ```tsx\n * const [params, setParams] = useState({ page: 1, limit: 10 });\n *\n * <DataTable\n *   tableKey=\"logs\"\n *   columns={[{ key: 'message', name: 'Message' }]}\n *   rowKey=\"id\"\n *   params={params}\n *   onParamChange={setParams}\n *   hasSearch\n *   hasPagination\n * />\n * ```\n *\n * Notes and Best Practices\n * - Ensure `rowKey` points to a stable unique field in `TData` to avoid key collisions.\n * - When arrays like `exportOptions`, `filters`, or `actions` are empty, their sections are not rendered.\n * - Sorting emits `{ sortField, sortOrder }` through `onParamChange` when the user toggles a column sort.\n *\n * Returns\n * - React element that renders a complete data table experience.\n */\nexport const DataTable = <\n  TData,\n  TPaginationData extends PaginationInterface<TData> =\n    PaginationInterface<TData>,\n>({\n  dataSource,\n  columns,\n  onRowClick,\n  rowKey,\n  hasNumbers,\n  hasSearch,\n  exportOptions,\n  hasCheckbox,\n  hasPagination,\n  isStickyHeader,\n  onParamChange,\n  dataKey = 'docs',\n  loading,\n  tableKey,\n  filters,\n  actions,\n  handleFilterChange,\n  params,\n  exportLoading = false,\n  onColumnsUpdate,\n  hasColumnsVisibilityDropdown,\n  showAppliedFilters = false,\n  onSelectedItemsChange,\n  actionProps,\n  filterWrapperProps,\n  exportOptionsProps,\n  columnsVisibilityProps,\n  paginationProps,\n  searchProps,\n  ...props\n}: DataTableProps<TData, TPaginationData>) => {\n  const { t } = useTranslation();\n  const [selectedRows, setSelectedRows] = useState<TData[keyof TData][]>([]);\n  const { formattedColumns, handleColumnsChange, resetColumns } =\n    useColumns<TData>({ key: tableKey, columns });\n\n  useEffect(() => {\n    onColumnsUpdate?.(formattedColumns);\n  }, [formattedColumns, onColumnsUpdate]);\n\n  useEffect(() => {\n    onSelectedItemsChange?.(selectedRows);\n  }, [selectedRows, onSelectedItemsChange]);\n\n  return (\n    <div\n      className={\n        'border-border-alpha-light flex grow flex-col overflow-auto rounded-xl border shadow-xs'\n      }\n    >\n      <div className={'space-y-4 p-4'}>\n        {(hasSearch ||\n          (hasColumnsVisibilityDropdown && tableKey) ||\n          !isEmpty(exportOptions) ||\n          !isEmpty(filters)) && (\n          <div className=\"flex shrink-0 flex-col items-center justify-between gap-3 lg:flex-row\">\n            <div className={'w-full shrink'}>\n              {hasSearch && (\n                <Search\n                  {...searchProps}\n                  inputProps={{\n                    ...searchProps?.inputProps,\n                    className: cn(\n                      'h-8 grow',\n                      searchProps?.inputProps?.className\n                    ),\n                  }}\n                  className={cn(\n                    'max-w-full lg:max-w-78 [&_button]:-top-1',\n                    searchProps?.className\n                  )}\n                  defaultValue={get(params, 'search', '') as string}\n                  onSearchChange={(search) =>\n                    onParamChange?.({ ...params, search, page: 1 })\n                  }\n                />\n              )}\n            </div>\n            <div\n              className={\n                'flex w-full shrink-0 items-center justify-end gap-3 lg:w-auto'\n              }\n            >\n              {exportOptions && (\n                <ExportData\n                  {...exportOptionsProps}\n                  options={exportOptions}\n                  loading={exportLoading}\n                />\n              )}\n              {hasColumnsVisibilityDropdown && tableKey && (\n                <DropdownMenu>\n                  <DropdownMenuTrigger\n                    asChild\n                    className={'grow'}\n                    {...columnsVisibilityProps?.triggerProps}\n                  >\n                    <Button\n                      variant=\"secondary\"\n                      size={'sm'}\n                      className={'ml-auto rounded-lg px-3'}\n                    >\n                      {columnsVisibilityProps?.title || (\n                        <>\n                          <RiLayoutColumnLine />{' '}\n                          <span className={'hidden md:inline!'}>\n                            {t('Customize columns')}\n                          </span>\n                          <RiArrowDownSLine />\n                        </>\n                      )}\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent\n                    align=\"end\"\n                    {...columnsVisibilityProps?.contentProps}\n                  >\n                    <DropdownMenuItem\n                      className=\"capitalize\"\n                      onClick={resetColumns}\n                    >\n                      <RefreshCw />{' '}\n                      {columnsVisibilityProps?.resetText || t('Reset columns')}\n                    </DropdownMenuItem>\n                    <DropdownMenuSeparator />\n                    {formattedColumns.map((column) => {\n                      return (\n                        <DropdownMenuCheckboxItem\n                          key={column.key}\n                          className=\"capitalize\"\n                          checked={!column.hidden}\n                          onCheckedChange={(value) =>\n                            handleColumnsChange(column, !value)\n                          }\n                        >\n                          {column.name}\n                        </DropdownMenuCheckboxItem>\n                      );\n                    })}\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n              {actions && <Actions {...actionProps} actions={actions} />}\n              {filters && (\n                <FilterWrapper\n                  {...filterWrapperProps}\n                  filters={filters}\n                  params={params}\n                  onChange={handleFilterChange}\n                  onFilter={(filter) => {\n                    onParamChange?.({ ...filter, page: 1 });\n                    handleFilterChange?.(filter);\n                  }}\n                />\n              )}\n            </div>\n          </div>\n        )}\n        {showAppliedFilters && !isEmpty(filters) && (\n          <AppliedFilters\n            filters={filters}\n            params={params}\n            onFilter={(filter) => {\n              onParamChange?.({ ...filter, page: 1 });\n              handleFilterChange?.(filter);\n            }}\n          />\n        )}\n      </div>\n\n      <div className={'flex flex-col overflow-auto border-y'}>\n        {!loading ? (\n          <MyTable<TData>\n            {...props}\n            params={{\n              page: dataSource?.page || 1,\n              limit: dataSource?.limit,\n              ...params,\n            }}\n            rows={get(dataSource, dataKey, []) as TData[]}\n            rowKey={rowKey}\n            selectedItems={selectedRows}\n            isStickyHeader={isStickyHeader}\n            columns={formattedColumns}\n            hasCheckbox={hasCheckbox}\n            hasNumbers={hasNumbers}\n            onRowClick={onRowClick}\n            onSelectedItemsChange={setSelectedRows}\n            onSortOrderChange={({ sortField, sortOrder }) => {\n              onParamChange?.({ ...params, sortField, sortOrder });\n            }}\n          />\n        ) : (\n          <Loader />\n        )}\n      </div>\n      {hasPagination && (\n        <div className=\"flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between\">\n          <div className=\"text-sm\">\n            <MyLimitSelect\n              onLimitChange={(limit) =>\n                onParamChange?.({ ...params, limit, page: 1 })\n              }\n              defaultValue={dataSource?.limit}\n            />\n          </div>\n          <div className=\"text-muted-foreground text-sm\">\n            {t('{{selectedCount}} of {{total}} row(s) selected', {\n              selectedCount: selectedRows.length,\n              total: dataSource?.total || 0,\n            })}\n          </div>\n          <div>\n            <MyPagination\n              {...paginationProps}\n              onPageChange={(page) => onParamChange?.({ ...params, page })}\n              currentPage={dataSource?.page}\n              totalPages={dataSource?.totalPages}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["AppliedFilters","memo","filters","params","onFilter","className","props","t","useTranslation","filterObject","useMemo","filter","_a","label","value","jsx","cn","key","isEmpty","ButtonGroup","val","index","jsxs","Button","v","XIcon","omit","MyTable","rows","columns","onRowClick","rowKey","DEFAULT_LIMIT","hasNumbers","hasCheckbox","selectedItems","onSelectedItemsChange","onSortOrderChange","isStickyHeader","sortObject","handleSort","useSortable","selectedRows","isRowSelected","isAllRowsSelected","handleSelectAllRows","handleSelectRow","useDataTable","useEffect","Table","TableHeader","TableRow","TableHead","Checkbox","column","Fragment","SortOrder","ArrowDownWideNarrow","ArrowUpWideNarrow","ArrowUpDown","TableBody","row","TableCell","evt","get","Empty","DataTable","dataSource","hasSearch","exportOptions","hasPagination","onParamChange","dataKey","loading","tableKey","actions","handleFilterChange","exportLoading","onColumnsUpdate","hasColumnsVisibilityDropdown","showAppliedFilters","actionProps","filterWrapperProps","exportOptionsProps","columnsVisibilityProps","paginationProps","searchProps","setSelectedRows","useState","formattedColumns","handleColumnsChange","resetColumns","useColumns","Search","search","ExportData","DropdownMenu","DropdownMenuTrigger","RiLayoutColumnLine","RiArrowDownSLine","DropdownMenuContent","DropdownMenuItem","RefreshCw","DropdownMenuSeparator","DropdownMenuCheckboxItem","Actions","FilterWrapper","Loader","sortField","sortOrder","MyLimitSelect","limit","MyPagination","page"],"mappings":"s1BA+BaA,GAAiBC,EAAAA,KAAK,SAAuB,CACxD,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAwB,CACtB,KAAM,CAAA,EAAEC,CAAA,EAAMC,iBAAA,EAERC,EAAeC,EAAAA,QACnB,IACE,OAAO,aACLR,GAAA,YAAAA,EAAS,IAAKS,GAAA,OAAW,OACvBA,EAAO,KACP,OAAO,cACLC,EAAAD,EAAO,UAAP,YAAAC,EAAgB,IAAI,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAA,IAAY,CAACA,EAAOD,CAAK,KAAM,CAAA,CAAC,CAChE,MACI,CAAA,CAAC,EAEX,CAACX,CAAO,CAAA,EAGV,OACEa,EAAAA,IAAC,MAAA,CAAK,GAAGT,EAAO,UAAWU,EAAAA,GAAG,uBAAwBX,CAAS,EAC5D,SAAA,OAAO,QAAQF,GAAU,EAAE,EACzB,OAAO,CAAC,CAACc,EAAKH,CAAK,IAAM,CAAC,EAACL,GAAA,MAAAA,EAAeQ,KAAQ,CAACC,EAAAA,cAAAA,QAAQJ,CAAK,CAAC,EACjE,IAAI,CAAC,CAACG,EAAKH,CAAK,IAAA,OACf,aAAM,QAAQA,CAAK,EACjBC,EAAAA,IAACI,eAAA,CACE,SAAAL,EACE,OAAQM,GAAA,OAAQ,QAAAR,EAAAH,GAAA,YAAAA,EAAeQ,KAAf,YAAAL,EAAsBQ,KAAQA,EAAG,EACjD,IAAI,CAACA,EAAKC,IAAA,OACTC,OAAAA,EAAAA,KAACC,EAAAA,OAAA,CACC,KAAM,KAEN,QAAS,IAAM,CACbnB,GAAA,MAAAA,EAAW,CACT,GAAGD,EACH,CAACc,CAAG,EAAGH,EAAM,OAAQU,GAAMA,IAAMJ,CAAG,CAAA,EAExC,EAEC,SAAA,CAAAb,EAAE,SAAOK,EAAAH,GAAA,YAAAA,EAAeQ,KAAf,YAAAL,EAAsBQ,KAAQ,EAAE,CAAC,EAAE,UAAEK,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EARhDJ,CAAA,EAUR,CAAA,EAhBaJ,CAiBlB,EAEAK,EAAAA,KAACC,EAAAA,OAAA,CACC,KAAM,KACN,QAAS,IAAM,CACbnB,GAAA,MAAAA,EAAWsB,EAAAA,cAAAA,KAAKvB,EAAQc,CAAG,EAC7B,EAEC,SAAA,CAAAV,EAAE,SAAOK,EAAAH,GAAA,YAAAA,EAAeQ,KAAf,YAAAL,EAAsBE,KAAoB,EAAE,CAAC,EAAG,UACzDW,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,CAAA,EACT,EAGR,CAEJ,CAAC,EC1BYE,EAAU,CAAS,CAC9B,KAAAC,EAAO,CAAA,EACP,QAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAA5B,EAAS,CACP,KAAM,EACN,MAAO6B,EAAAA,aAAA,EAET,WAAAC,EAAa,GACb,YAAAC,EAAc,GACd,cAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,UAAAjC,EACA,GAAGC,CACL,IAA2B,CACzB,KAAM,CAAE,WAAAiC,EAAY,WAAAC,CAAA,EAAeC,cAAmB,CACpD,UAAWtC,GAAA,YAAAA,EAAQ,UACnB,UAAWA,GAAA,YAAAA,EAAQ,UACnB,kBAAAkC,CAAA,CACD,EACK,CACJ,aAAAK,EACA,cAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,gBAAAC,CAAA,EACEC,EAAAA,aAAoB,CAAE,KAAAnB,EAAM,oBAAqBO,EAAe,EAEpEa,OAAAA,EAAAA,UAAU,IAAM,CAEZ,KAAK,UAAUb,CAAa,IAAM,KAAK,UAAUO,CAAY,GAC7DA,IAEAN,GAAA,MAAAA,EAAwBM,GAE5B,EAAG,CAACA,EAAcP,EAAeC,CAAqB,CAAC,EAGrDd,EAAAA,KAAC2B,SAAO,GAAG3C,EAAO,UAAWU,EAAAA,GAAG,WAAYX,CAAS,EACnD,SAAA,CAAAU,EAAAA,IAACmC,EAAAA,YAAA,CACC,UAAWlC,EAAAA,GAAG,QAASsB,GAAkB,kBAAkB,EAE3D,gBAACa,WAAA,CACE,SAAA,CAAAjB,GACCnB,EAAAA,IAACqC,EAAAA,UAAA,CAAU,UAAW,WACpB,SAAArC,EAAAA,IAACsC,EAAAA,SAAA,CACC,UAAW,OACX,QAAST,EAAkBb,CAAM,EACjC,gBAAkBjB,GAChB+B,EAAoBd,EAAQ,CAAC,CAACjB,CAAK,EAErC,aAAW,YAAA,CAAA,EAEf,EAEDmB,GAAclB,EAAAA,IAACqC,YAAA,CAAU,UAAW,WAAY,SAAA,IAAC,EACjDvB,EACE,OAAQyB,GAAW,CAACA,EAAO,MAAM,EACjC,IAAKA,GACJvC,EAAAA,IAACqC,EAAAA,UAAA,CAEC,MAAOE,EAAO,OACd,UAAWtC,EAAAA,GAAG,MAAOsC,EAAO,UAAY,gBAAgB,EACxD,QAAS,IAAMA,EAAO,UAAYd,EAAWc,EAAO,SAAS,EAE7D,SAAAhC,EAAAA,KAAC,MAAA,CAAI,UAAW,0BACb,SAAA,CAAAgC,EAAO,KAAM,IACbA,EAAO,YACLf,GAAA,YAAAA,EAAY,aAAce,EAAO,IAChChC,EAAAA,KAAAiC,WAAA,CACG,SAAA,EAAAhB,GAAA,YAAAA,EAAY,aAAciB,EAAAA,UAAU,MACnCzC,EAAAA,IAAC0C,sBAAA,CAAoB,KAAM,GAAI,GAEhClB,GAAA,YAAAA,EAAY,aAAciB,EAAAA,UAAU,KACnCzC,EAAAA,IAAC2C,oBAAA,CAAkB,KAAM,EAAA,CAAI,CAAA,CAAA,CAEjC,EAEA3C,EAAAA,IAAC4C,EAAAA,YAAA,CAAY,KAAM,EAAA,CAAI,EAAA,CAAA,CAE7B,CAAA,EApBKL,EAAO,GAAA,CAsBf,CAAA,CAAA,CACL,CAAA,CAAA,EAEFvC,EAAAA,IAAC6C,EAAAA,UAAA,CAAU,UAAW,yCACnB,SAAAhC,EAAK,OACJA,EAAK,IAAI,CAACiC,EAAKxC,IACbC,EAAAA,KAAC6B,EAAAA,SAAA,CAEC,QAAS,IAAMrB,GAAA,YAAAA,EAAa+B,GAC5B,UAAW7C,EAAAA,GAAGc,GAAc,gBAAgB,EAC5C,aAAYa,EAAckB,EAAI9B,CAAM,CAAC,GAAK,WAEzC,SAAA,CAAAG,GACCnB,EAAAA,IAAC+C,EAAAA,UAAA,CACC,UAAW,WACX,QAAUC,GAAQA,EAAI,gBAAA,EAEtB,SAAAhD,EAAAA,IAACsC,EAAAA,SAAA,CACC,UAAW,OACX,QAASV,EAAckB,EAAI9B,CAAM,CAAC,EAClC,gBAAkBjB,GAChBgC,EAAgBe,EAAI9B,CAAM,EAAG,CAAC,CAACjB,CAAK,EAEtC,aAAW,YAAA,CAAA,CACb,CAAA,EAGHmB,GACClB,EAAAA,IAAC+C,EAAAA,UAAA,CAAU,UAAW,WACjB,UAAA3D,EAAO,KAAkB,IACxBA,EAAO,OAAS6B,EAAAA,eAClBX,EACA,EACJ,EAEDQ,EACE,OAAQyB,GAAW,CAACA,EAAO,MAAM,EACjC,IAAKA,GACJvC,EAAAA,IAAC+C,EAAAA,UAAA,CACC,UAAW,mCACX,MAAOR,EAAO,OAGb,SAAAA,EAAO,OACJA,EAAO,OAAOU,EAAAA,cAAAA,IAAIH,EAAKP,EAAO,SAAS,EAAGO,CAAG,EAC7CG,EAAAA,cAAAA,IAAIH,EAAKP,EAAO,UAAW,EAAE,CAAA,EAJ5B,GAAGjC,CAAK,IAAIiC,EAAO,GAAG,EAAA,CAM9B,CAAA,CAAA,EAxCE,GAAGO,EAAI9B,CAAM,CAAC,EAAA,CA0CtB,EAEDhB,EAAAA,IAACoC,WAAA,CACC,SAAApC,EAAAA,IAAC+C,EAAAA,UAAA,CACC,QACE7B,EACIC,EACEL,EAAQ,OAAS,EACjBA,EAAQ,OAAS,EACnBA,EAAQ,OAGd,eAACoC,GAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,CAAA,CAEJ,CAAA,EACF,CAEJ,ECUaC,GAAY,CAIvB,CACA,WAAAC,EACA,QAAAtC,EACA,WAAAC,EACA,OAAAC,EACA,WAAAE,EACA,UAAAmC,EACA,cAAAC,EACA,YAAAnC,EACA,cAAAoC,EACA,eAAAhC,EACA,cAAAiC,EACA,QAAAC,EAAU,OACV,QAAAC,EACA,SAAAC,EACA,QAAAxE,EACA,QAAAyE,EACA,mBAAAC,EACA,OAAAzE,EACA,cAAA0E,EAAgB,GAChB,gBAAAC,EACA,6BAAAC,EACA,mBAAAC,EAAqB,GACrB,sBAAA5C,EACA,YAAA6C,EACA,mBAAAC,EACA,mBAAAC,EACA,uBAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,GAAGhF,CACL,IAA8C,OAC5C,KAAM,CAAA,EAAEC,CAAA,EAAMC,iBAAA,EACR,CAACkC,EAAc6C,CAAe,EAAIC,EAAAA,SAA+B,CAAA,CAAE,EACnE,CAAE,iBAAAC,EAAkB,oBAAAC,EAAqB,aAAAC,EAAA,EAC7CC,EAAAA,WAAkB,CAAE,IAAKlB,EAAU,QAAA7C,EAAS,EAE9CmB,OAAAA,EAAAA,UAAU,IAAM,CACd8B,GAAA,MAAAA,EAAkBW,EACpB,EAAG,CAACA,EAAkBX,CAAe,CAAC,EAEtC9B,EAAAA,UAAU,IAAM,CACdZ,GAAA,MAAAA,EAAwBM,EAC1B,EAAG,CAACA,EAAcN,CAAqB,CAAC,EAGtCd,EAAAA,KAAC,MAAA,CACC,UACE,yFAGF,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAW,gBACZ,SAAA,EAAA8C,GACCW,GAAgCL,GACjC,CAACxD,EAAAA,cAAAA,QAAQmD,CAAa,GACtB,CAACnD,EAAAA,cAAAA,QAAQhB,CAAO,IAChBoB,EAAAA,KAAC,MAAA,CAAI,UAAU,wEACb,SAAA,CAAAP,EAAAA,IAAC,MAAA,CAAI,UAAW,gBACb,SAAAqD,GACCrD,EAAAA,IAAC8E,EAAAA,OAAA,CACE,GAAGP,EACJ,WAAY,CACV,GAAGA,GAAA,YAAAA,EAAa,WAChB,UAAWtE,EAAAA,GACT,YACAJ,EAAA0E,GAAA,YAAAA,EAAa,aAAb,YAAA1E,EAAyB,SAAA,CAC3B,EAEF,UAAWI,EAAAA,GACT,2CACAsE,GAAA,YAAAA,EAAa,SAAA,EAEf,aAActB,EAAAA,cAAAA,IAAI7D,EAAQ,SAAU,EAAE,EACtC,eAAiB2F,GACfvB,GAAA,YAAAA,EAAgB,CAAE,GAAGpE,EAAQ,OAAA2F,EAAQ,KAAM,CAAA,EAAG,CAAA,EAItD,EACAxE,EAAAA,KAAC,MAAA,CACC,UACE,gEAGD,SAAA,CAAA+C,GACCtD,EAAAA,IAACgF,GAAAA,WAAA,CACE,GAAGZ,EACJ,QAASd,EACT,QAASQ,CAAA,CAAA,EAGZE,GAAgCL,GAC/BpD,EAAAA,KAAC0E,EAAAA,aAAA,CACC,SAAA,CAAAjF,EAAAA,IAACkF,EAAAA,oBAAA,CACC,QAAO,GACP,UAAW,OACV,GAAGb,GAAA,YAAAA,EAAwB,aAE5B,SAAArE,EAAAA,IAACQ,EAAAA,OAAA,CACC,QAAQ,YACR,KAAM,KACN,UAAW,0BAEV,UAAA6D,GAAA,YAAAA,EAAwB,QACvB9D,EAAAA,KAAAiC,EAAAA,SAAA,CACE,SAAA,CAAAxC,EAAAA,IAACmF,EAAAA,GAAA,EAAmB,EAAG,UACtB,OAAA,CAAK,UAAW,oBACd,SAAA3F,EAAE,mBAAmB,EACxB,QACC4F,EAAAA,GAAA,CAAA,CAAiB,CAAA,CAAA,CACpB,CAAA,CAAA,CAEJ,CAAA,EAEF7E,EAAAA,KAAC8E,EAAAA,oBAAA,CACC,MAAM,MACL,GAAGhB,GAAA,YAAAA,EAAwB,aAE5B,SAAA,CAAA9D,EAAAA,KAAC+E,EAAAA,iBAAA,CACC,UAAU,aACV,QAASV,GAET,SAAA,CAAA5E,EAAAA,IAACuF,EAAAA,UAAA,EAAU,EAAG,KACblB,GAAA,YAAAA,EAAwB,YAAa7E,EAAE,eAAe,CAAA,CAAA,CAAA,QAExDgG,EAAAA,sBAAA,EAAsB,EACtBd,EAAiB,IAAKnC,GAEnBvC,EAAAA,IAACyF,EAAAA,yBAAA,CAEC,UAAU,aACV,QAAS,CAAClD,EAAO,OACjB,gBAAkBxC,GAChB4E,EAAoBpC,EAAQ,CAACxC,CAAK,EAGnC,SAAAwC,EAAO,IAAA,EAPHA,EAAO,GAAA,CAUjB,CAAA,CAAA,CAAA,CACH,EACF,EAEDqB,GAAW5D,EAAAA,IAAC0F,GAAAA,QAAA,CAAS,GAAGxB,EAAa,QAAAN,CAAA,CAAkB,EACvDzE,GACCa,EAAAA,IAAC2F,EAAAA,cAAA,CACE,GAAGxB,EACJ,QAAAhF,EACA,OAAAC,EACA,SAAUyE,EACV,SAAWjE,GAAW,CACpB4D,GAAA,MAAAA,EAAgB,CAAE,GAAG5D,EAAQ,KAAM,IACnCiE,GAAA,MAAAA,EAAqBjE,EACvB,CAAA,CAAA,CACF,CAAA,CAAA,CAEJ,EACF,EAEDqE,GAAsB,CAAC9D,EAAAA,cAAAA,QAAQhB,CAAO,GACrCa,EAAAA,IAACf,GAAA,CACC,QAAAE,EACA,OAAAC,EACA,SAAWQ,GAAW,CACpB4D,GAAA,MAAAA,EAAgB,CAAE,GAAG5D,EAAQ,KAAM,IACnCiE,GAAA,MAAAA,EAAqBjE,EACvB,CAAA,CAAA,CACF,EAEJ,EAEAI,EAAAA,IAAC,MAAA,CAAI,UAAW,uCACb,SAAC0D,EAsBA1D,MAAC4F,GAAAA,OAAA,CAAA,CAAO,EArBR5F,EAAAA,IAACY,EAAA,CACE,GAAGrB,EACJ,OAAQ,CACN,MAAM6D,GAAA,YAAAA,EAAY,OAAQ,EAC1B,MAAOA,GAAA,YAAAA,EAAY,MACnB,GAAGhE,CAAA,EAEL,KAAM6D,EAAAA,cAAAA,IAAIG,EAAYK,EAAS,CAAA,CAAE,EACjC,OAAAzC,EACA,cAAeW,EACf,eAAAJ,EACA,QAASmD,EACT,YAAAvD,EACA,WAAAD,EACA,WAAAH,EACA,sBAAuByD,EACvB,kBAAmB,CAAC,CAAE,UAAAqB,EAAW,UAAAC,KAAgB,CAC/CtC,GAAA,MAAAA,EAAgB,CAAE,GAAGpE,EAAQ,UAAAyG,EAAW,UAAAC,GAC1C,CAAA,CAAA,EAKN,EACCvC,GACChD,EAAAA,KAAC,MAAA,CAAI,UAAU,mFACb,SAAA,CAAAP,EAAAA,IAAC,MAAA,CAAI,UAAU,UACb,SAAAA,EAAAA,IAAC+F,EAAAA,cAAA,CACC,cAAgBC,GACdxC,GAAA,YAAAA,EAAgB,CAAE,GAAGpE,EAAQ,MAAA4G,EAAO,KAAM,IAE5C,aAAc5C,GAAA,YAAAA,EAAY,KAAA,CAAA,EAE9B,EACApD,EAAAA,IAAC,MAAA,CAAI,UAAU,gCACZ,WAAE,iDAAkD,CACnD,cAAe2B,EAAa,OAC5B,OAAOyB,GAAA,YAAAA,EAAY,QAAS,CAAA,CAC7B,EACH,QACC,MAAA,CACC,SAAApD,EAAAA,IAACiG,EAAAA,aAAA,CACE,GAAG3B,EACJ,aAAe4B,GAAS1C,GAAA,YAAAA,EAAgB,CAAE,GAAGpE,EAAQ,KAAA8G,IACrD,YAAa9C,GAAA,YAAAA,EAAY,KACzB,WAAYA,GAAA,YAAAA,EAAY,UAAA,CAAA,CAC1B,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAIR"}