@pautena/react-design-system 1.0.0 → 1.0.1

package/dist/ListPanel/ListPanel.mjs

@@ -1,50 +1,50 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import { useState as j, createElement as y } from "react";
-import { useTheme as P, Link as k } from "@mui/material";
-import { useGetDefaultThemeColor as L } from "../utils/theme.mjs";
-import { ListPanelContextProvider as b } from "./ListPanel.context.mjs";
-import r from "../node_modules/@mui/material/esm/Grid/Grid.mjs";
-import v from "../node_modules/@mui/material/esm/List/List.mjs";
-import C from "../node_modules/@mui/material/esm/ListItemButton/ListItemButton.mjs";
-import I from "../node_modules/@mui/material/esm/ListItemText/ListItemText.mjs";
-import T from "../node_modules/@mui/material/esm/colors/grey.mjs";
-import E from "../node_modules/@mui/material/esm/Tooltip/Tooltip.mjs";
-import S from "../node_modules/@mui/material/esm/Paper/Paper.mjs";
-function M({
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { useState as P, createElement as k } from "react";
+import { useTheme as L, Link as b } from "@mui/material";
+import { grey as v } from "@mui/material/colors";
+import r from "@mui/material/Grid";
+import C from "@mui/material/List";
+import I from "@mui/material/ListItemButton";
+import T from "@mui/material/ListItemText";
+import S from "@mui/material/Paper";
+import j from "@mui/material/Tooltip";
+import { useGetDefaultThemeColor as w } from "../utils/theme.mjs";
+import { ListPanelContextProvider as z } from "./ListPanel.context.mjs";
+function O({
   items: o,
-  defaultSelectedItem: s,
+  defaultSelectedItem: p,
   colBreakpoint: i = 3,
-  listMode: p = "panel",
-  children: a,
+  listMode: a = "panel",
+  children: s,
   onSelectedItemChange: c = () => null
 }) {
   o.map((e) => e.path).filter(Boolean);
-  const h = L(), { palette: f } = P(), [u, x] = j(s), d = (e) => {
-    x(e), c(e);
+  const h = w(), { palette: f } = L(), [u, d] = P(p), g = (e) => {
+    d(e), c(e);
   };
-  return /* @__PURE__ */ t.jsx(b, { value: u, children: /* @__PURE__ */ t.jsxs(r, { container: !0, bgcolor: h, height: 1, children: [
-    /* @__PURE__ */ t.jsx(r, { size: { xs: i }, pl: 1, height: 1, children: /* @__PURE__ */ t.jsx(v, { sx: { height: 1, overflowY: "auto" }, children: o.map(({ id: e, text: n, tooltip: l, href: g }) => {
-      const m = /* @__PURE__ */ y(
-        C,
+  return /* @__PURE__ */ t(z, { value: u, children: /* @__PURE__ */ y(r, { container: !0, bgcolor: h, height: 1, children: [
+    /* @__PURE__ */ t(r, { size: { xs: i }, pl: 1, height: 1, children: /* @__PURE__ */ t(C, { sx: { height: 1, overflowY: "auto" }, children: o.map(({ id: e, text: n, tooltip: l, href: x }) => {
+      const m = /* @__PURE__ */ k(
+        I,
         {
-          ...p === "navigation" ? { component: k, href: g } : {},
+          ...a === "navigation" ? { component: b, href: x } : {},
           key: e,
           dense: !0,
-          onClick: () => d(e),
+          onClick: () => g(e),
           "aria-label": n
         },
-        /* @__PURE__ */ t.jsx(
-          I,
+        /* @__PURE__ */ t(
+          T,
           {
             primary: n,
             primaryTypographyProps: {
-              color: T[600]
+              color: v[600]
             }
           }
         )
       );
-      return l ? /* @__PURE__ */ t.jsx(
-        E,
+      return l ? /* @__PURE__ */ t(
+        j,
         {
           title: l,
           enterDelay: 1500,
@@ -54,7 +54,7 @@ function M({
         e
       ) : m;
     }) }) }),
-    /* @__PURE__ */ t.jsx(r, { size: { xs: 12 - i }, pl: 1, py: 1, pr: 1, children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t(r, { size: { xs: 12 - i }, pl: 1, py: 1, pr: 1, children: /* @__PURE__ */ t(
       S,
       {
         elevation: 0,
@@ -63,13 +63,13 @@ function M({
           height: 1,
           backgroundColor: f.background.paper
         },
-        children: a
+        children: s
       }
     ) })
   ] }) });
 }
 export {
-  M as ListPanel,
-  M as default
+  O as ListPanel,
+  O as default
 };
 //# sourceMappingURL=ListPanel.mjs.map

package/dist/ListPanel/ListPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListPanel.mjs","sources":["../../src/ListPanel/ListPanel.tsx"],"sourcesContent":["import { Link, useTheme } from \"@mui/material\";\nimport { grey } from \"@mui/material/colors\";\nimport Grid from \"@mui/material/Grid\";\nimport List from \"@mui/material/List\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Paper from \"@mui/material/Paper\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport { useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { ListPanelContextProvider } from \"./ListPanel.context\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n  href?: string;\n  path?: string;\n}\n\nexport interface ListPanelProps {\n  /**\n   * The ID of the item that should be selected by default.\n   */\n  defaultSelectedItem?: string;\n  /**\n   * The list of items to be displayed in the panel.\n   */\n  items: ListPanelItem[];\n  /**\n   * The mode of the list, either \"panel\" or \"navigation\".\n   */\n  listMode?: \"panel\" | \"navigation\";\n  /**\n   * The breakpoint for column layout.\n   */\n  colBreakpoint?: number;\n  /**\n   * Callback function that is called when the selected item changes.\n   */\n  onSelectedItemChange?: (id: string) => void;\n  /**\n   * Content to display in the panel area\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * ListPanel component renders a panel with a list of items and a content area.\n */\nexport function ListPanel({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  listMode = \"panel\",\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) {\n  const _paths = items.map((item) => item.path).filter(Boolean) as string[];\n\n  const bgColor = useGetDefaultThemeColor();\n  const { palette } = useTheme();\n  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);\n\n  const handleSelectItem = (id: string) => {\n    setSelectedItem(id);\n    onSelectedItemChange(id);\n  };\n\n  return (\n    <ListPanelContextProvider value={selectedItem}>\n      <Grid container bgcolor={bgColor} height={1}>\n        <Grid size={{ xs: colBreakpoint }} pl={1} height={1}>\n          <List sx={{ height: 1, overflowY: \"auto\" }}>\n            {items.map(({ id, text, tooltip, href }) => {\n              const linkProps =\n                listMode === \"navigation\" ? { component: Link, href } : {};\n\n              const contentEl = (\n                <ListItemButton\n                  {...linkProps}\n                  key={id}\n                  dense\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      color: grey[600],\n                    }}\n                  />\n                </ListItemButton>\n              );\n\n              return tooltip ? (\n                <Tooltip\n                  key={id}\n                  title={tooltip}\n                  enterDelay={1500}\n                  placement=\"right\"\n                >\n                  {contentEl}\n                </Tooltip>\n              ) : (\n                contentEl\n              );\n            })}\n          </List>\n        </Grid>\n        <Grid size={{ xs: 12 - colBreakpoint }} pl={1} py={1} pr={1}>\n          <Paper\n            elevation={0}\n            sx={{\n              width: 1,\n              height: 1,\n              backgroundColor: palette.background.paper,\n            }}\n          >\n            {children}\n          </Paper>\n        </Grid>\n      </Grid>\n    </ListPanelContextProvider>\n  );\n}\n\nexport default ListPanel;\n"],"names":["ListPanel","items","defaultSelectedItem","colBreakpoint","listMode","children","onSelectedItemChange","item","bgColor","useGetDefaultThemeColor","palette","useTheme","selectedItem","setSelectedItem","useState","handleSelectItem","id","jsx","ListPanelContextProvider","jsxs","Grid","List","text","tooltip","href","contentEl","createElement","ListItemButton","Link","ListItemText","grey","Tooltip","Paper"],"mappings":";;;;;;;;;;;;AAkDO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,sBAAAC,IAAuB,MAAM;AAC/B,GAAmB;AACF,EAAAL,EAAM,IAAI,CAACM,MAASA,EAAK,IAAI,EAAE,OAAO,OAAO;AAE5D,QAAMC,IAAUC,EAAA,GACV,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,CAACC,GAAcC,CAAe,IAAIC,EAASZ,CAAmB,GAE9Da,IAAmB,CAACC,MAAe;AACvC,IAAAH,EAAgBG,CAAE,GAClBV,EAAqBU,CAAE;AAAA,EACzB;AAEA,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAyB,OAAON,GAC/B,UAAAO,gBAAAA,OAACC,GAAA,EAAK,WAAS,IAAC,SAASZ,GAAS,QAAQ,GACxC,UAAA;AAAA,IAAAS,gBAAAA,EAAAA,IAACG,GAAA,EAAK,MAAM,EAAE,IAAIjB,EAAA,GAAiB,IAAI,GAAG,QAAQ,GAChD,UAAAc,gBAAAA,EAAAA,IAACI,GAAA,EAAK,IAAI,EAAE,QAAQ,GAAG,WAAW,OAAA,GAC/B,UAAApB,EAAM,IAAI,CAAC,EAAE,IAAAe,GAAI,MAAAM,GAAM,SAAAC,GAAS,MAAAC,EAAA,MAAW;AAI1C,YAAMC,IACJ,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAJHvB,MAAa,eAAe,EAAE,WAAWwB,GAAM,MAAAJ,EAAA,IAAS,CAAA;AAAA,UAKtD,KAAKR;AAAA,UACL,OAAK;AAAA,UACL,SAAS,MAAMD,EAAiBC,CAAE;AAAA,UAClC,cAAYM;AAAA,QAAA;AAAA,QAEZL,gBAAAA,EAAAA;AAAAA,UAACY;AAAA,UAAA;AAAA,YACC,SAASP;AAAA,YACT,wBAAwB;AAAA,cACtB,OAAOQ,EAAK,GAAG;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAIJ,aAAOP,IACLN,gBAAAA,EAAAA;AAAAA,QAACc;AAAA,QAAA;AAAA,UAEC,OAAOR;AAAA,UACP,YAAY;AAAA,UACZ,WAAU;AAAA,UAET,UAAAE;AAAA,QAAA;AAAA,QALIT;AAAA,MAAA,IAQPS;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,IACAR,gBAAAA,EAAAA,IAACG,GAAA,EAAK,MAAM,EAAE,IAAI,KAAKjB,EAAA,GAAiB,IAAI,GAAG,IAAI,GAAG,IAAI,GACxD,UAAAc,gBAAAA,EAAAA;AAAAA,MAACe;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,iBAAiBtB,EAAQ,WAAW;AAAA,QAAA;AAAA,QAGrC,UAAAL;AAAA,MAAA;AAAA,IAAA,EACH,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"ListPanel.mjs","sources":["../../src/ListPanel/ListPanel.tsx"],"sourcesContent":["import { Link, useTheme } from \"@mui/material\";\nimport { grey } from \"@mui/material/colors\";\nimport Grid from \"@mui/material/Grid\";\nimport List from \"@mui/material/List\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Paper from \"@mui/material/Paper\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport { useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"../utils\";\nimport { ListPanelContextProvider } from \"./ListPanel.context\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n  href?: string;\n  path?: string;\n}\n\nexport interface ListPanelProps {\n  /**\n   * The ID of the item that should be selected by default.\n   */\n  defaultSelectedItem?: string;\n  /**\n   * The list of items to be displayed in the panel.\n   */\n  items: ListPanelItem[];\n  /**\n   * The mode of the list, either \"panel\" or \"navigation\".\n   */\n  listMode?: \"panel\" | \"navigation\";\n  /**\n   * The breakpoint for column layout.\n   */\n  colBreakpoint?: number;\n  /**\n   * Callback function that is called when the selected item changes.\n   */\n  onSelectedItemChange?: (id: string) => void;\n  /**\n   * Content to display in the panel area\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * ListPanel component renders a panel with a list of items and a content area.\n */\nexport function ListPanel({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  listMode = \"panel\",\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) {\n  const _paths = items.map((item) => item.path).filter(Boolean) as string[];\n\n  const bgColor = useGetDefaultThemeColor();\n  const { palette } = useTheme();\n  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);\n\n  const handleSelectItem = (id: string) => {\n    setSelectedItem(id);\n    onSelectedItemChange(id);\n  };\n\n  return (\n    <ListPanelContextProvider value={selectedItem}>\n      <Grid container bgcolor={bgColor} height={1}>\n        <Grid size={{ xs: colBreakpoint }} pl={1} height={1}>\n          <List sx={{ height: 1, overflowY: \"auto\" }}>\n            {items.map(({ id, text, tooltip, href }) => {\n              const linkProps =\n                listMode === \"navigation\" ? { component: Link, href } : {};\n\n              const contentEl = (\n                <ListItemButton\n                  {...linkProps}\n                  key={id}\n                  dense\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      color: grey[600],\n                    }}\n                  />\n                </ListItemButton>\n              );\n\n              return tooltip ? (\n                <Tooltip\n                  key={id}\n                  title={tooltip}\n                  enterDelay={1500}\n                  placement=\"right\"\n                >\n                  {contentEl}\n                </Tooltip>\n              ) : (\n                contentEl\n              );\n            })}\n          </List>\n        </Grid>\n        <Grid size={{ xs: 12 - colBreakpoint }} pl={1} py={1} pr={1}>\n          <Paper\n            elevation={0}\n            sx={{\n              width: 1,\n              height: 1,\n              backgroundColor: palette.background.paper,\n            }}\n          >\n            {children}\n          </Paper>\n        </Grid>\n      </Grid>\n    </ListPanelContextProvider>\n  );\n}\n\nexport default ListPanel;\n"],"names":["ListPanel","items","defaultSelectedItem","colBreakpoint","listMode","children","onSelectedItemChange","item","bgColor","useGetDefaultThemeColor","palette","useTheme","selectedItem","setSelectedItem","useState","handleSelectItem","id","jsx","ListPanelContextProvider","jsxs","Grid","List","text","tooltip","href","contentEl","createElement","ListItemButton","Link","ListItemText","grey","Tooltip","Paper"],"mappings":";;;;;;;;;;;;AAkDO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,sBAAAC,IAAuB,MAAM;AAC/B,GAAmB;AACF,EAAAL,EAAM,IAAI,CAACM,MAASA,EAAK,IAAI,EAAE,OAAO,OAAO;AAE5D,QAAMC,IAAUC,EAAA,GACV,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,CAACC,GAAcC,CAAe,IAAIC,EAASZ,CAAmB,GAE9Da,IAAmB,CAACC,MAAe;AACvC,IAAAH,EAAgBG,CAAE,GAClBV,EAAqBU,CAAE;AAAA,EACzB;AAEA,SACE,gBAAAC,EAACC,GAAA,EAAyB,OAAON,GAC/B,UAAA,gBAAAO,EAACC,GAAA,EAAK,WAAS,IAAC,SAASZ,GAAS,QAAQ,GACxC,UAAA;AAAA,IAAA,gBAAAS,EAACG,GAAA,EAAK,MAAM,EAAE,IAAIjB,EAAA,GAAiB,IAAI,GAAG,QAAQ,GAChD,UAAA,gBAAAc,EAACI,GAAA,EAAK,IAAI,EAAE,QAAQ,GAAG,WAAW,OAAA,GAC/B,UAAApB,EAAM,IAAI,CAAC,EAAE,IAAAe,GAAI,MAAAM,GAAM,SAAAC,GAAS,MAAAC,EAAA,MAAW;AAI1C,YAAMC,IACJ,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAJHvB,MAAa,eAAe,EAAE,WAAWwB,GAAM,MAAAJ,EAAA,IAAS,CAAA;AAAA,UAKtD,KAAKR;AAAA,UACL,OAAK;AAAA,UACL,SAAS,MAAMD,EAAiBC,CAAE;AAAA,UAClC,cAAYM;AAAA,QAAA;AAAA,QAEZ,gBAAAL;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,SAASP;AAAA,YACT,wBAAwB;AAAA,cACtB,OAAOQ,EAAK,GAAG;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAIJ,aAAOP,IACL,gBAAAN;AAAA,QAACc;AAAA,QAAA;AAAA,UAEC,OAAOR;AAAA,UACP,YAAY;AAAA,UACZ,WAAU;AAAA,UAET,UAAAE;AAAA,QAAA;AAAA,QALIT;AAAA,MAAA,IAQPS;AAAA,IAEJ,CAAC,GACH,GACF;AAAA,IACA,gBAAAR,EAACG,GAAA,EAAK,MAAM,EAAE,IAAI,KAAKjB,EAAA,GAAiB,IAAI,GAAG,IAAI,GAAG,IAAI,GACxD,UAAA,gBAAAc;AAAA,MAACe;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,iBAAiBtB,EAAQ,WAAW;AAAA,QAAA;AAAA,QAGrC,UAAAL;AAAA,MAAA;AAAA,IAAA,EACH,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/Markdown/Markdown.mjs

@@ -1,5 +1,5 @@
-import o from "../node_modules/@mui/material/esm/Link/Link.mjs";
-import t from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
+import o from "@mui/material/Link";
+import t from "@mui/material/Typography";
 const n = {
   overrides: {
     h1: {

package/dist/NotificationCenter/NotificationCenter.provider.mjs

@@ -1,44 +1,44 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
-import { useState as r } from "react";
-import { NotificationCenterContext as f } from "./NotificationCenter.context.mjs";
-import p from "../node_modules/@mui/material/esm/Snackbar/Snackbar.mjs";
-import h from "../node_modules/@mui/material/esm/Alert/Alert.mjs";
-import d from "../node_modules/@mui/material/esm/AlertTitle/AlertTitle.mjs";
-const y = ({
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import h from "@mui/material/Alert";
+import p from "@mui/material/AlertTitle";
+import d from "@mui/material/Snackbar";
+import { useState as n } from "react";
+import { NotificationCenterContext as v } from "./NotificationCenter.context.mjs";
+const b = ({
   children: s,
-  autoHideDuration: n = 6e3
+  autoHideDuration: l = 6e3
 }) => {
-  const [t, a] = r(
+  const [t, a] = n(
     void 0
-  ), [l, i] = r(!1), c = (m) => {
-    a(m), i(!0);
-  }, o = () => {
-    i(!1);
+  ), [c, o] = n(!1), m = (f) => {
+    a(f), o(!0);
+  }, e = () => {
+    o(!1);
   };
-  return /* @__PURE__ */ e.jsxs(
-    f.Provider,
+  return /* @__PURE__ */ i(
+    v.Provider,
     {
       value: {
-        show: c,
-        hide: o
+        show: m,
+        hide: e
       },
       children: [
-        /* @__PURE__ */ e.jsx(
-          p,
+        /* @__PURE__ */ r(
+          d,
           {
-            open: l,
-            autoHideDuration: n,
-            onClose: o,
+            open: c,
+            autoHideDuration: l,
+            onClose: e,
             anchorOrigin: { vertical: "top", horizontal: "right" },
-            children: /* @__PURE__ */ e.jsxs(
+            children: /* @__PURE__ */ i(
               h,
               {
-                onClose: o,
+                onClose: e,
                 severity: t?.severity,
                 "aria-label": t?.severity,
                 sx: { width: "100%" },
                 children: [
-                  t?.title && /* @__PURE__ */ e.jsx(d, { children: t?.title }),
+                  t?.title && /* @__PURE__ */ r(p, { children: t?.title }),
                   t?.message
                 ]
               }
@@ -51,6 +51,6 @@ const y = ({
   );
 };
 export {
-  y as NotificationCenterProvider
+  b as NotificationCenterProvider
 };
 //# sourceMappingURL=NotificationCenter.provider.mjs.map

package/dist/NotificationCenter/NotificationCenter.provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCenter.provider.mjs","sources":["../../src/NotificationCenter/NotificationCenter.provider.tsx"],"sourcesContent":["import Alert from \"@mui/material/Alert\";\nimport AlertTitle from \"@mui/material/AlertTitle\";\nimport Snackbar from \"@mui/material/Snackbar\";\nimport { useState } from \"react\";\nimport {\n  type Notification,\n  NotificationCenterContext,\n} from \"./NotificationCenter.context\";\n\n/**\n * Props for the NotificationCenterProvider component\n */\nexport interface NotificationCenterProviderProps {\n  /**\n   * Duration in milliseconds before auto-hiding notifications\n   * @default 6000\n   */\n  autoHideDuration?: number;\n  /**\n   * Content to wrap with notification context\n   */\n  children?: React.ReactNode;\n}\n\nexport const NotificationCenterProvider = ({\n  children,\n  autoHideDuration = 6000,\n}: NotificationCenterProviderProps) => {\n  const [notification, setNotification] = useState<Notification | undefined>(\n    undefined,\n  );\n  const [open, setOpen] = useState(false);\n  const show = (notification: Notification) => {\n    setNotification(notification);\n    setOpen(true);\n  };\n\n  const hide = () => {\n    setOpen(false);\n  };\n\n  return (\n    <NotificationCenterContext.Provider\n      value={{\n        show,\n        hide,\n      }}\n    >\n      <Snackbar\n        open={open}\n        autoHideDuration={autoHideDuration}\n        onClose={hide}\n        anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n      >\n        <Alert\n          onClose={hide}\n          severity={notification?.severity}\n          aria-label={notification?.severity}\n          sx={{ width: \"100%\" }}\n        >\n          {notification?.title && (\n            <AlertTitle>{notification?.title}</AlertTitle>\n          )}\n          {notification?.message}\n        </Alert>\n      </Snackbar>\n      {children}\n    </NotificationCenterContext.Provider>\n  );\n};\n"],"names":["NotificationCenterProvider","children","autoHideDuration","notification","setNotification","useState","open","setOpen","show","hide","jsxs","NotificationCenterContext","jsx","Snackbar","Alert","AlertTitle"],"mappings":";;;;;;AAwBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,UAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,MAAuC;AACrC,QAAM,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtC;AAAA,EAAA,GAEI,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAChCG,IAAO,CAACL,MAA+B;AAC3C,IAAAC,EAAgBD,CAAY,GAC5BI,EAAQ,EAAI;AAAA,EACd,GAEME,IAAO,MAAM;AACjB,IAAAF,EAAQ,EAAK;AAAA,EACf;AAEA,SACEG,gBAAAA,EAAAA;AAAAA,IAACC,EAA0B;AAAA,IAA1B;AAAA,MACC,OAAO;AAAA,QACL,MAAAH;AAAA,QACA,MAAAC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAG,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAP;AAAA,YACA,kBAAAJ;AAAA,YACA,SAASO;AAAA,YACT,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,YAE7C,UAAAC,gBAAAA,EAAAA;AAAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAASL;AAAA,gBACT,UAAUN,GAAc;AAAA,gBACxB,cAAYA,GAAc;AAAA,gBAC1B,IAAI,EAAE,OAAO,OAAA;AAAA,gBAEZ,UAAA;AAAA,kBAAAA,GAAc,SACbS,gBAAAA,MAACG,GAAA,EAAY,UAAAZ,GAAc,OAAM;AAAA,kBAElCA,GAAc;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,QAEDF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"NotificationCenter.provider.mjs","sources":["../../src/NotificationCenter/NotificationCenter.provider.tsx"],"sourcesContent":["import Alert from \"@mui/material/Alert\";\nimport AlertTitle from \"@mui/material/AlertTitle\";\nimport Snackbar from \"@mui/material/Snackbar\";\nimport { useState } from \"react\";\nimport {\n  type Notification,\n  NotificationCenterContext,\n} from \"./NotificationCenter.context\";\n\n/**\n * Props for the NotificationCenterProvider component\n */\nexport interface NotificationCenterProviderProps {\n  /**\n   * Duration in milliseconds before auto-hiding notifications\n   * @default 6000\n   */\n  autoHideDuration?: number;\n  /**\n   * Content to wrap with notification context\n   */\n  children?: React.ReactNode;\n}\n\nexport const NotificationCenterProvider = ({\n  children,\n  autoHideDuration = 6000,\n}: NotificationCenterProviderProps) => {\n  const [notification, setNotification] = useState<Notification | undefined>(\n    undefined,\n  );\n  const [open, setOpen] = useState(false);\n  const show = (notification: Notification) => {\n    setNotification(notification);\n    setOpen(true);\n  };\n\n  const hide = () => {\n    setOpen(false);\n  };\n\n  return (\n    <NotificationCenterContext.Provider\n      value={{\n        show,\n        hide,\n      }}\n    >\n      <Snackbar\n        open={open}\n        autoHideDuration={autoHideDuration}\n        onClose={hide}\n        anchorOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n      >\n        <Alert\n          onClose={hide}\n          severity={notification?.severity}\n          aria-label={notification?.severity}\n          sx={{ width: \"100%\" }}\n        >\n          {notification?.title && (\n            <AlertTitle>{notification?.title}</AlertTitle>\n          )}\n          {notification?.message}\n        </Alert>\n      </Snackbar>\n      {children}\n    </NotificationCenterContext.Provider>\n  );\n};\n"],"names":["NotificationCenterProvider","children","autoHideDuration","notification","setNotification","useState","open","setOpen","show","hide","jsxs","NotificationCenterContext","jsx","Snackbar","Alert","AlertTitle"],"mappings":";;;;;;AAwBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,UAAAC;AAAA,EACA,kBAAAC,IAAmB;AACrB,MAAuC;AACrC,QAAM,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtC;AAAA,EAAA,GAEI,CAACC,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAChCG,IAAO,CAACL,MAA+B;AAC3C,IAAAC,EAAgBD,CAAY,GAC5BI,EAAQ,EAAI;AAAA,EACd,GAEME,IAAO,MAAM;AACjB,IAAAF,EAAQ,EAAK;AAAA,EACf;AAEA,SACE,gBAAAG;AAAA,IAACC,EAA0B;AAAA,IAA1B;AAAA,MACC,OAAO;AAAA,QACL,MAAAH;AAAA,QACA,MAAAC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAP;AAAA,YACA,kBAAAJ;AAAA,YACA,SAASO;AAAA,YACT,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,YAE7C,UAAA,gBAAAC;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAASL;AAAA,gBACT,UAAUN,GAAc;AAAA,gBACxB,cAAYA,GAAc;AAAA,gBAC1B,IAAI,EAAE,OAAO,OAAA;AAAA,gBAEZ,UAAA;AAAA,kBAAAA,GAAc,SACb,gBAAAS,EAACG,GAAA,EAAY,UAAAZ,GAAc,OAAM;AAAA,kBAElCA,GAAc;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,QAEDF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/Placeholder/Placeholder.mjs

@@ -1,15 +1,15 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
-import t from "../node_modules/@mui/material/esm/Box/Box.mjs";
-import i from "../node_modules/@mui/material/esm/Typography/Typography.mjs";
-import d from "../node_modules/@mui/material/esm/Button/Button.mjs";
-function g({
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import t from "@mui/material/Box";
+import x from "@mui/material/Button";
+import i from "@mui/material/Typography";
+function y({
   title: n,
   subtitle: l,
   icon: o,
   iconSize: a = 200,
   actions: r
 }) {
-  return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ s(
     t,
     {
       display: "flex",
@@ -19,8 +19,8 @@ function g({
       textAlign: "center",
       children: [
         o?.({ size: a, color: "primary" }),
-        /* @__PURE__ */ e.jsx(i, { variant: "h4", role: "heading", "aria-level": 1, children: n }),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e(i, { variant: "h4", role: "heading", "aria-level": 1, children: n }),
+        /* @__PURE__ */ e(
           i,
           {
             variant: "subtitle1",
@@ -30,24 +30,24 @@ function g({
             children: l
           }
         ),
-        r && /* @__PURE__ */ e.jsx(t, { sx: { pt: 2 }, children: r.map(({ id: s, text: m, href: x, onClick: c }, p) => /* @__PURE__ */ e.jsx(
-          d,
+        r && /* @__PURE__ */ e(t, { sx: { pt: 2 }, children: r.map(({ id: m, text: c, href: d, onClick: h }, p) => /* @__PURE__ */ e(
+          x,
           {
             role: "button",
             variant: "contained",
-            href: x,
-            onClick: c,
+            href: d,
+            onClick: h,
             sx: { mr: p < r.length - 1 ? 2 : 0 },
-            children: m
+            children: c
           },
-          s
+          m
         )) })
       ]
     }
   );
 }
 export {
-  g as Placeholder,
-  g as default
+  y as Placeholder,
+  y as default
 };
 //# sourceMappingURL=Placeholder.mjs.map

package/dist/Placeholder/Placeholder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.mjs","sources":["../../src/Placeholder/Placeholder.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Button from \"@mui/material/Button\";\nimport Typography from \"@mui/material/Typography\";\nimport type { ReactElement } from \"react\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\n/**\n * Action button configuration for placeholder\n */\nexport interface PlaceholderAction {\n  /**\n   * Unique identifier\n   */\n  id: string;\n  /**\n   * Button text label\n   */\n  text: string;\n  /**\n   * Navigation URL when clicked\n   */\n  href?: string;\n  /**\n   * Click handler function\n   */\n  onClick?: () => void;\n}\n\n/**\n * Arguments passed to icon render function\n */\nexport interface PlaceholderIconArgs {\n  /**\n   * Icon size in pixels\n   */\n  size: number;\n  /**\n   * Icon color theme\n   */\n  color: IconColor;\n}\n\n/**\n * Function that renders a custom icon element\n *\n * @param args - Icon configuration arguments\n */\nexport type PlaceholderIcon = ({\n  size,\n  color,\n}: PlaceholderIconArgs) => ReactElement;\n\n/**\n * Props for the Placeholder component\n */\nexport interface PlaceholderProps {\n  /**\n   * Main title text\n   */\n  title: string;\n  /**\n   * Subtitle or description text\n   */\n  subtitle: string;\n  /**\n   * Icon size in pixels\n   * @default 200\n   */\n  iconSize?: number;\n  /**\n   * Custom icon render function\n   */\n  icon?: PlaceholderIcon;\n  /**\n   * Action buttons to display\n   */\n  actions?: PlaceholderAction[];\n}\n\n/**\n * Empty state placeholder with optional icon and actions\n */\nexport function Placeholder({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon?.({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography\n        variant=\"subtitle1\"\n        role=\"heading\"\n        aria-level={2}\n        sx={{ mt: 2 }}\n      >\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport default Placeholder;\n"],"names":["Placeholder","title","subtitle","icon","iconSize","actions","jsxs","Box","jsx","Typography","id","text","href","onClick","index","Button"],"mappings":";;;;AA4FO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,GAAqB;AACnB,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA;AAAA,QAAAJ,IAAO,EAAE,MAAMC,GAAU,OAAO,WAAW;AAAA,QAC5CI,gBAAAA,EAAAA,IAACC,KAAW,SAAQ,MAAK,MAAK,WAAU,cAAY,GACjD,UAAAR,EAAA,CACH;AAAA,QACAO,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,IAAI,EAAE,IAAI,EAAA;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFG,KACCG,gBAAAA,EAAAA,IAACD,GAAA,EAAI,IAAI,EAAE,IAAI,EAAA,GACZ,UAAAF,EAAQ,IAAI,CAAC,EAAE,IAAAK,GAAI,MAAAC,GAAM,MAAAC,GAAM,SAAAC,EAAA,GAAWC,MACzCN,gBAAAA,EAAAA;AAAAA,UAACO;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAAH;AAAA,YACA,SAAAC;AAAA,YACA,IAAI,EAAE,IAAIC,IAAQT,EAAQ,SAAS,IAAI,IAAI,EAAA;AAAA,YAE1C,UAAAM;AAAA,UAAA;AAAA,UAPID;AAAA,QAAA,CASR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"Placeholder.mjs","sources":["../../src/Placeholder/Placeholder.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport Button from \"@mui/material/Button\";\nimport Typography from \"@mui/material/Typography\";\nimport type { ReactElement } from \"react\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\n/**\n * Action button configuration for placeholder\n */\nexport interface PlaceholderAction {\n  /**\n   * Unique identifier\n   */\n  id: string;\n  /**\n   * Button text label\n   */\n  text: string;\n  /**\n   * Navigation URL when clicked\n   */\n  href?: string;\n  /**\n   * Click handler function\n   */\n  onClick?: () => void;\n}\n\n/**\n * Arguments passed to icon render function\n */\nexport interface PlaceholderIconArgs {\n  /**\n   * Icon size in pixels\n   */\n  size: number;\n  /**\n   * Icon color theme\n   */\n  color: IconColor;\n}\n\n/**\n * Function that renders a custom icon element\n *\n * @param args - Icon configuration arguments\n */\nexport type PlaceholderIcon = ({\n  size,\n  color,\n}: PlaceholderIconArgs) => ReactElement;\n\n/**\n * Props for the Placeholder component\n */\nexport interface PlaceholderProps {\n  /**\n   * Main title text\n   */\n  title: string;\n  /**\n   * Subtitle or description text\n   */\n  subtitle: string;\n  /**\n   * Icon size in pixels\n   * @default 200\n   */\n  iconSize?: number;\n  /**\n   * Custom icon render function\n   */\n  icon?: PlaceholderIcon;\n  /**\n   * Action buttons to display\n   */\n  actions?: PlaceholderAction[];\n}\n\n/**\n * Empty state placeholder with optional icon and actions\n */\nexport function Placeholder({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon?.({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography\n        variant=\"subtitle1\"\n        role=\"heading\"\n        aria-level={2}\n        sx={{ mt: 2 }}\n      >\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport default Placeholder;\n"],"names":["Placeholder","title","subtitle","icon","iconSize","actions","jsxs","Box","jsx","Typography","id","text","href","onClick","index","Button"],"mappings":";;;;AA4FO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA;AAAA,QAAAJ,IAAO,EAAE,MAAMC,GAAU,OAAO,WAAW;AAAA,QAC5C,gBAAAI,EAACC,KAAW,SAAQ,MAAK,MAAK,WAAU,cAAY,GACjD,UAAAR,EAAA,CACH;AAAA,QACA,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAY;AAAA,YACZ,IAAI,EAAE,IAAI,EAAA;AAAA,YAET,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFG,KACC,gBAAAG,EAACD,GAAA,EAAI,IAAI,EAAE,IAAI,EAAA,GACZ,UAAAF,EAAQ,IAAI,CAAC,EAAE,IAAAK,GAAI,MAAAC,GAAM,MAAAC,GAAM,SAAAC,EAAA,GAAWC,MACzC,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAAH;AAAA,YACA,SAAAC;AAAA,YACA,IAAI,EAAE,IAAIC,IAAQT,EAAQ,SAAS,IAAI,IAAI,EAAA;AAAA,YAE1C,UAAAM;AAAA,UAAA;AAAA,UAPID;AAAA,QAAA,CASR,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/RemoteDataTable/RemoteDataTable.mjs

@@ -1,11 +1,11 @@
-import { j as e } from "../_virtual/jsx-runtime.mjs";
-import { Paper as b } from "@mui/material";
-import { useMemo as c } from "react";
-import { RemoteDataTableBody as g } from "./RemoteDataTableBody.mjs";
-import { RemoteDataTablePagination as v } from "./RemoteDataTablePagination.mjs";
-import { RemoteDataTableQueryBuilder as D } from "./RemoteDataTableQueryBuilder.mjs";
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { Paper as v } from "@mui/material";
+import { useMemo as D } from "react";
+import { RemoteDataTableBody as P } from "./RemoteDataTableBody.mjs";
+import { RemoteDataTablePagination as T } from "./RemoteDataTablePagination.mjs";
+import { RemoteDataTableQueryBuilder as h } from "./RemoteDataTableQueryBuilder.mjs";
 const r = [10, 25, 50];
-function C({
+function z({
   data: t,
   columns: l,
   getRowId: i,
@@ -16,18 +16,18 @@ function C({
   rowCount: f,
   loading: d = !1,
   emptyMessage: p = "No data available",
-  pageSizeOptions: o = r,
-  onRowClick: x,
+  pageSizeOptions: e = r,
+  onRowClick: b,
   query: a
 }) {
-  const j = c(
-    () => o.length ? o : r,
-    [o]
+  const c = D(
+    () => e.length ? e : r,
+    [e]
   ), R = f ?? t.length;
-  return /* @__PURE__ */ e.jsxs(b, { variant: "outlined", children: [
-    a ? /* @__PURE__ */ e.jsx(D, { queryBuilder: a }) : null,
-    /* @__PURE__ */ e.jsx(
-      g,
+  return /* @__PURE__ */ g(v, { variant: "outlined", children: [
+    a ? /* @__PURE__ */ o(h, { queryBuilder: a }) : null,
+    /* @__PURE__ */ o(
+      P,
       {
         data: t,
         columns: l,
@@ -35,23 +35,23 @@ function C({
         emptyMessage: p,
         sorting: s,
         onSortingChange: u,
-        onRowClick: x,
+        onRowClick: b,
         getRowId: i
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      v,
+    /* @__PURE__ */ o(
+      T,
       {
         pagination: m,
         onPaginationChange: n,
         rowCount: R,
-        pageSizeOptions: j
+        pageSizeOptions: c
       }
     )
   ] });
 }
 export {
-  C as RemoteDataTable,
-  C as default
+  z as RemoteDataTable,
+  z as default
 };
 //# sourceMappingURL=RemoteDataTable.mjs.map

package/dist/RemoteDataTable/RemoteDataTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteDataTable.mjs","sources":["../../src/RemoteDataTable/RemoteDataTable.tsx"],"sourcesContent":["import { Paper } from \"@mui/material\";\nimport { useMemo } from \"react\";\nimport type {\n  OnChangeFn,\n  PaginationState,\n  RemoteDataTableColumn,\n  RemoteDataTableQueryBuilderProps,\n  SortingState,\n} from \"./RemoteDataTable.types\";\nimport { RemoteDataTableBody } from \"./RemoteDataTableBody\";\nimport { RemoteDataTablePagination } from \"./RemoteDataTablePagination\";\nimport { RemoteDataTableQueryBuilder } from \"./RemoteDataTableQueryBuilder\";\n\nexport { buildQuerySpecParams } from \"./query-spec-utils\";\nexport type {\n  OnChangeFn,\n  PaginationState,\n  QuerySpecField,\n  QuerySpecFieldOption,\n  QuerySpecFieldType,\n  QuerySpecFilter,\n  QuerySpecOp,\n  RemoteDataTableColumn,\n  RemoteDataTableColumnMeta,\n  RemoteDataTableQueryBuilderProps,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\n/**\n * Props for the RemoteDataTable component\n */\nexport type RemoteDataTableProps<TData> = {\n  /** Array of data items to display in the table */\n  data: TData[];\n  /** Column definitions for the table */\n  columns: RemoteDataTableColumn<TData>[];\n  /** Optional function to generate unique row IDs. If not provided, uses array index */\n  getRowId?: (row: TData, index: number) => string;\n  /** Current pagination state (pageIndex and pageSize) */\n  pagination: PaginationState;\n  /** Callback fired when pagination changes */\n  onPaginationChange: OnChangeFn<PaginationState>;\n  /** Current sorting state */\n  sorting?: SortingState;\n  /** Callback fired when sorting changes */\n  onSortingChange?: OnChangeFn<SortingState>;\n  /** Total number of rows available (for server-side pagination). If not provided, uses data.length */\n  rowCount?: number;\n  /** Whether data is currently loading */\n  loading?: boolean;\n  /** Message to display when there is no data\n   * @default \"No data available\"\n   */\n  emptyMessage?: string;\n  /** Available page size options for the pagination dropdown\n   * @default [10, 25, 50]\n   */\n  pageSizeOptions?: number[];\n  /** Callback fired when a row is clicked */\n  onRowClick?: (row: TData) => void;\n  /** Configuration for the query builder (filters) */\n  query?: RemoteDataTableQueryBuilderProps;\n};\n\nconst defaultPageSizeOptions = [10, 25, 50];\n\n/**\n * A table component designed for displaying remote/server-side data with built-in\n * pagination, sorting, and filtering capabilities.\n *\n * This component is fully controlled - all state (pagination, sorting, filters) must be\n * managed by the parent component. For convenience, use the `useRemoteDataTable` hook\n * to manage this state.\n *\n * @example\n * ```tsx\n * const tableState = useRemoteDataTable({\n *   initialPagination: { pageSize: 25 }\n * });\n *\n * <RemoteDataTable\n *   data={items}\n *   columns={columns}\n *   {...tableState}\n *   query={{\n *     fields: queryFields,\n *     filters: tableState.filters,\n *     onFiltersChange: tableState.onFiltersChange\n *   }}\n * />\n * ```\n */\nexport function RemoteDataTable<TData>({\n  data,\n  columns,\n  getRowId,\n  pagination,\n  onPaginationChange,\n  sorting,\n  onSortingChange,\n  rowCount,\n  loading = false,\n  emptyMessage = \"No data available\",\n  pageSizeOptions = defaultPageSizeOptions,\n  onRowClick,\n  query,\n}: RemoteDataTableProps<TData>) {\n  const resolvedPageSizeOptions = useMemo(\n    () => (pageSizeOptions.length ? pageSizeOptions : defaultPageSizeOptions),\n    [pageSizeOptions],\n  );\n\n  const resolvedRowCount = rowCount ?? data.length;\n\n  return (\n    <Paper variant=\"outlined\">\n      {query ? <RemoteDataTableQueryBuilder queryBuilder={query} /> : null}\n      <RemoteDataTableBody\n        data={data}\n        columns={columns}\n        loading={loading}\n        emptyMessage={emptyMessage}\n        sorting={sorting}\n        onSortingChange={onSortingChange}\n        onRowClick={onRowClick}\n        getRowId={getRowId}\n      />\n      <RemoteDataTablePagination\n        pagination={pagination}\n        onPaginationChange={onPaginationChange}\n        rowCount={resolvedRowCount}\n        pageSizeOptions={resolvedPageSizeOptions}\n      />\n    </Paper>\n  );\n}\n\nexport default RemoteDataTable;\n"],"names":["defaultPageSizeOptions","RemoteDataTable","data","columns","getRowId","pagination","onPaginationChange","sorting","onSortingChange","rowCount","loading","emptyMessage","pageSizeOptions","onRowClick","query","resolvedPageSizeOptions","useMemo","resolvedRowCount","jsxs","Paper","jsx","RemoteDataTableQueryBuilder","RemoteDataTableBody","RemoteDataTablePagination"],"mappings":";;;;;;AAgEA,MAAMA,IAAyB,CAAC,IAAI,IAAI,EAAE;AA4BnC,SAASC,EAAuB;AAAA,EACrC,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,iBAAAC,IAAkBZ;AAAA,EAClB,YAAAa;AAAA,EACA,OAAAC;AACF,GAAgC;AAC9B,QAAMC,IAA0BC;AAAA,IAC9B,MAAOJ,EAAgB,SAASA,IAAkBZ;AAAA,IAClD,CAACY,CAAe;AAAA,EAAA,GAGZK,IAAmBR,KAAYP,EAAK;AAE1C,SACEgB,gBAAAA,EAAAA,KAACC,GAAA,EAAM,SAAQ,YACZ,UAAA;AAAA,IAAAL,IAAQM,gBAAAA,EAAAA,IAACC,GAAA,EAA4B,cAAcP,EAAA,CAAO,IAAK;AAAA,IAChEM,gBAAAA,EAAAA;AAAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAApB;AAAA,QACA,SAAAC;AAAA,QACA,SAAAO;AAAA,QACA,cAAAC;AAAA,QACA,SAAAJ;AAAA,QACA,iBAAAC;AAAA,QACA,YAAAK;AAAA,QACA,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFgB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,YAAAlB;AAAA,QACA,oBAAAC;AAAA,QACA,UAAUW;AAAA,QACV,iBAAiBF;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}
+{"version":3,"file":"RemoteDataTable.mjs","sources":["../../src/RemoteDataTable/RemoteDataTable.tsx"],"sourcesContent":["import { Paper } from \"@mui/material\";\nimport { useMemo } from \"react\";\nimport type {\n  OnChangeFn,\n  PaginationState,\n  RemoteDataTableColumn,\n  RemoteDataTableQueryBuilderProps,\n  SortingState,\n} from \"./RemoteDataTable.types\";\nimport { RemoteDataTableBody } from \"./RemoteDataTableBody\";\nimport { RemoteDataTablePagination } from \"./RemoteDataTablePagination\";\nimport { RemoteDataTableQueryBuilder } from \"./RemoteDataTableQueryBuilder\";\n\nexport { buildQuerySpecParams } from \"./query-spec-utils\";\nexport type {\n  OnChangeFn,\n  PaginationState,\n  QuerySpecField,\n  QuerySpecFieldOption,\n  QuerySpecFieldType,\n  QuerySpecFilter,\n  QuerySpecOp,\n  RemoteDataTableColumn,\n  RemoteDataTableColumnMeta,\n  RemoteDataTableQueryBuilderProps,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\n/**\n * Props for the RemoteDataTable component\n */\nexport type RemoteDataTableProps<TData> = {\n  /** Array of data items to display in the table */\n  data: TData[];\n  /** Column definitions for the table */\n  columns: RemoteDataTableColumn<TData>[];\n  /** Optional function to generate unique row IDs. If not provided, uses array index */\n  getRowId?: (row: TData, index: number) => string;\n  /** Current pagination state (pageIndex and pageSize) */\n  pagination: PaginationState;\n  /** Callback fired when pagination changes */\n  onPaginationChange: OnChangeFn<PaginationState>;\n  /** Current sorting state */\n  sorting?: SortingState;\n  /** Callback fired when sorting changes */\n  onSortingChange?: OnChangeFn<SortingState>;\n  /** Total number of rows available (for server-side pagination). If not provided, uses data.length */\n  rowCount?: number;\n  /** Whether data is currently loading */\n  loading?: boolean;\n  /** Message to display when there is no data\n   * @default \"No data available\"\n   */\n  emptyMessage?: string;\n  /** Available page size options for the pagination dropdown\n   * @default [10, 25, 50]\n   */\n  pageSizeOptions?: number[];\n  /** Callback fired when a row is clicked */\n  onRowClick?: (row: TData) => void;\n  /** Configuration for the query builder (filters) */\n  query?: RemoteDataTableQueryBuilderProps;\n};\n\nconst defaultPageSizeOptions = [10, 25, 50];\n\n/**\n * A table component designed for displaying remote/server-side data with built-in\n * pagination, sorting, and filtering capabilities.\n *\n * This component is fully controlled - all state (pagination, sorting, filters) must be\n * managed by the parent component. For convenience, use the `useRemoteDataTable` hook\n * to manage this state.\n *\n * @example\n * ```tsx\n * const tableState = useRemoteDataTable({\n *   initialPagination: { pageSize: 25 }\n * });\n *\n * <RemoteDataTable\n *   data={items}\n *   columns={columns}\n *   {...tableState}\n *   query={{\n *     fields: queryFields,\n *     filters: tableState.filters,\n *     onFiltersChange: tableState.onFiltersChange\n *   }}\n * />\n * ```\n */\nexport function RemoteDataTable<TData>({\n  data,\n  columns,\n  getRowId,\n  pagination,\n  onPaginationChange,\n  sorting,\n  onSortingChange,\n  rowCount,\n  loading = false,\n  emptyMessage = \"No data available\",\n  pageSizeOptions = defaultPageSizeOptions,\n  onRowClick,\n  query,\n}: RemoteDataTableProps<TData>) {\n  const resolvedPageSizeOptions = useMemo(\n    () => (pageSizeOptions.length ? pageSizeOptions : defaultPageSizeOptions),\n    [pageSizeOptions],\n  );\n\n  const resolvedRowCount = rowCount ?? data.length;\n\n  return (\n    <Paper variant=\"outlined\">\n      {query ? <RemoteDataTableQueryBuilder queryBuilder={query} /> : null}\n      <RemoteDataTableBody\n        data={data}\n        columns={columns}\n        loading={loading}\n        emptyMessage={emptyMessage}\n        sorting={sorting}\n        onSortingChange={onSortingChange}\n        onRowClick={onRowClick}\n        getRowId={getRowId}\n      />\n      <RemoteDataTablePagination\n        pagination={pagination}\n        onPaginationChange={onPaginationChange}\n        rowCount={resolvedRowCount}\n        pageSizeOptions={resolvedPageSizeOptions}\n      />\n    </Paper>\n  );\n}\n\nexport default RemoteDataTable;\n"],"names":["defaultPageSizeOptions","RemoteDataTable","data","columns","getRowId","pagination","onPaginationChange","sorting","onSortingChange","rowCount","loading","emptyMessage","pageSizeOptions","onRowClick","query","resolvedPageSizeOptions","useMemo","resolvedRowCount","jsxs","Paper","jsx","RemoteDataTableQueryBuilder","RemoteDataTableBody","RemoteDataTablePagination"],"mappings":";;;;;;AAgEA,MAAMA,IAAyB,CAAC,IAAI,IAAI,EAAE;AA4BnC,SAASC,EAAuB;AAAA,EACrC,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC,IAAe;AAAA,EACf,iBAAAC,IAAkBZ;AAAA,EAClB,YAAAa;AAAA,EACA,OAAAC;AACF,GAAgC;AAC9B,QAAMC,IAA0BC;AAAA,IAC9B,MAAOJ,EAAgB,SAASA,IAAkBZ;AAAA,IAClD,CAACY,CAAe;AAAA,EAAA,GAGZK,IAAmBR,KAAYP,EAAK;AAE1C,SACE,gBAAAgB,EAACC,GAAA,EAAM,SAAQ,YACZ,UAAA;AAAA,IAAAL,IAAQ,gBAAAM,EAACC,GAAA,EAA4B,cAAcP,EAAA,CAAO,IAAK;AAAA,IAChE,gBAAAM;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAApB;AAAA,QACA,SAAAC;AAAA,QACA,SAAAO;AAAA,QACA,cAAAC;AAAA,QACA,SAAAJ;AAAA,QACA,iBAAAC;AAAA,QACA,YAAAK;AAAA,QACA,UAAAT;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAgB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,YAAAlB;AAAA,QACA,oBAAAC;AAAA,QACA,UAAUW;AAAA,QACV,iBAAiBF;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}

package/dist/RemoteDataTable/RemoteDataTableBody.mjs

@@ -1,27 +1,27 @@
-import { j as t } from "../_virtual/jsx-runtime.mjs";
-import { TableContainer as S, Table as B, TableHead as D, TableRow as d, TableCell as n, TableSortLabel as z, TableBody as C, Box as E, CircularProgress as K, Typography as b } from "@mui/material";
-const w = ({
-  data: x,
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { TableContainer as D, Table as j, TableHead as z, TableRow as s, TableCell as n, TableSortLabel as C, TableBody as K, Box as L, CircularProgress as k, Typography as v } from "@mui/material";
+const H = ({
+  data: o,
   columns: c,
   loading: l,
-  emptyMessage: f,
-  sorting: o = [],
-  onSortingChange: a,
+  emptyMessage: T,
+  sorting: p = [],
+  onSortingChange: d,
   onRowClick: h,
-  getRowId: j
+  getRowId: x
 }) => {
-  const p = Math.max(c.length, 1), m = !l && x.length === 0, y = !!h, v = (e) => {
-    if (!a) return;
-    const i = o.find((s) => s.id === e);
-    i ? i.desc ? a([]) : a([{ id: e, desc: !0 }]) : a([{ id: e, desc: !1 }]);
-  }, T = (e) => {
-    const i = o.find((s) => s.id === e);
+  const y = Math.max(c.length, 1), W = !l && o.length === 0, b = !!h, m = (e) => {
+    if (!d) return;
+    const i = p.find((a) => a.id === e);
+    i ? i.desc ? d([]) : d([{ id: e, desc: !0 }]) : d([{ id: e, desc: !1 }]);
+  }, g = (e) => {
+    const i = p.find((a) => a.id === e);
     return i ? i.desc ? "desc" : "asc" : !1;
   };
-  return /* @__PURE__ */ t.jsx(S, { children: /* @__PURE__ */ t.jsxs(B, { size: "small", "aria-busy": l, children: [
-    /* @__PURE__ */ t.jsx(D, { sx: { backgroundColor: "grey.50" }, children: /* @__PURE__ */ t.jsx(d, { children: c.map((e) => {
-      const i = T(e.id), s = e.enableSorting && a;
-      return /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ t(D, { children: /* @__PURE__ */ f(j, { size: "small", "aria-busy": l, children: [
+    /* @__PURE__ */ t(z, { sx: { backgroundColor: "grey.50" }, children: /* @__PURE__ */ t(s, { children: c.map((e) => {
+      const i = g(e.id), a = e.enableSorting && d;
+      return /* @__PURE__ */ t(
         n,
         {
           align: e.meta?.align,
@@ -33,12 +33,12 @@ const w = ({
             minWidth: e.meta?.minWidth,
             maxWidth: e.meta?.maxWidth
           },
-          children: s ? /* @__PURE__ */ t.jsx(
-            z,
+          children: a ? /* @__PURE__ */ t(
+            C,
             {
               active: i !== !1,
               direction: i === !1 ? "asc" : i,
-              onClick: () => v(e.id),
+              onClick: () => m(e.id),
               children: e.header
             }
           ) : e.header
@@ -46,22 +46,22 @@ const w = ({
         e.id
       );
     }) }) }),
-    /* @__PURE__ */ t.jsx(C, { children: l ? /* @__PURE__ */ t.jsx(d, { children: /* @__PURE__ */ t.jsx(n, { colSpan: p, children: /* @__PURE__ */ t.jsxs(E, { display: "flex", alignItems: "center", gap: 1, py: 2, children: [
-      /* @__PURE__ */ t.jsx(K, { size: 20 }),
-      /* @__PURE__ */ t.jsx(b, { variant: "body2", children: "Loading" })
-    ] }) }) }) : m ? /* @__PURE__ */ t.jsx(d, { children: /* @__PURE__ */ t.jsx(n, { colSpan: p, children: /* @__PURE__ */ t.jsx(b, { variant: "body2", color: "text.secondary", py: 2, children: f }) }) }) : x.map((e, i) => {
-      const s = j ? j(e, i) : String(i);
-      return /* @__PURE__ */ t.jsx(
-        d,
+    /* @__PURE__ */ t(K, { children: l ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { colSpan: y, children: /* @__PURE__ */ f(L, { display: "flex", alignItems: "center", gap: 1, py: 2, children: [
+      /* @__PURE__ */ t(k, { size: 20 }),
+      /* @__PURE__ */ t(v, { variant: "body2", children: "Loading" })
+    ] }) }) }) : W ? /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(n, { colSpan: y, children: /* @__PURE__ */ t(v, { variant: "body2", color: "text.secondary", py: 2, children: T }) }) }) : o.map((e, i) => {
+      const a = x ? x(e, i) : String(i);
+      return /* @__PURE__ */ t(
+        s,
         {
-          hover: y,
+          hover: b,
           onClick: h ? () => h(e) : void 0,
-          sx: y ? {
+          sx: b ? {
             cursor: "pointer"
           } : void 0,
           children: c.map((r) => {
-            const W = r.accessorKey ? e[r.accessorKey] : void 0, g = r.cell ? r.cell(e) : String(W ?? "");
-            return /* @__PURE__ */ t.jsx(
+            const S = r.accessorKey ? e[r.accessorKey] : void 0, B = r.cell ? r.cell(e) : String(S ?? "");
+            return /* @__PURE__ */ t(
               n,
               {
                 align: r.meta?.align,
@@ -70,18 +70,18 @@ const w = ({
                   minWidth: r.meta?.minWidth,
                   maxWidth: r.meta?.maxWidth
                 },
-                children: g
+                children: B
               },
               r.id
             );
           })
         },
-        s
+        a
       );
     }) })
   ] }) });
 };
 export {
-  w as RemoteDataTableBody
+  H as RemoteDataTableBody
 };
 //# sourceMappingURL=RemoteDataTableBody.mjs.map

package/dist/RemoteDataTable/RemoteDataTableBody.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteDataTableBody.mjs","sources":["../../src/RemoteDataTable/RemoteDataTableBody.tsx"],"sourcesContent":["import {\n  Box,\n  CircularProgress,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  Typography,\n} from \"@mui/material\";\nimport type {\n  RemoteDataTableColumn,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\ntype RemoteDataTableBodyProps<TData> = {\n  data: TData[];\n  columns: RemoteDataTableColumn<TData>[];\n  loading: boolean;\n  emptyMessage: string;\n  sorting?: SortingState;\n  onSortingChange?: (sorting: SortingState) => void;\n  onRowClick?: (row: TData) => void;\n  getRowId?: (row: TData, index: number) => string;\n};\n\nexport const RemoteDataTableBody = <TData,>({\n  data,\n  columns,\n  loading,\n  emptyMessage,\n  sorting = [],\n  onSortingChange,\n  onRowClick,\n  getRowId,\n}: RemoteDataTableBodyProps<TData>) => {\n  const columnCount = Math.max(columns.length, 1);\n  const showEmpty = !loading && data.length === 0;\n  const isInteractive = Boolean(onRowClick);\n\n  const handleSort = (columnId: string) => {\n    if (!onSortingChange) return;\n\n    const existingSort = sorting.find((s) => s.id === columnId);\n    if (!existingSort) {\n      onSortingChange([{ id: columnId, desc: false }]);\n    } else if (!existingSort.desc) {\n      onSortingChange([{ id: columnId, desc: true }]);\n    } else {\n      onSortingChange([]);\n    }\n  };\n\n  const getSortDirection = (\n    columnId: string,\n  ): \"asc\" | \"desc\" | false | undefined => {\n    const sort = sorting.find((s) => s.id === columnId);\n    if (!sort) return false;\n    return sort.desc ? \"desc\" : \"asc\";\n  };\n\n  return (\n    <TableContainer>\n      <Table size=\"small\" aria-busy={loading}>\n        <TableHead sx={{ backgroundColor: \"grey.50\" }}>\n          <TableRow>\n            {columns.map((column) => {\n              const sortDirection = getSortDirection(column.id);\n              const canSort = column.enableSorting && onSortingChange;\n\n              return (\n                <TableCell\n                  key={column.id}\n                  align={column.meta?.align}\n                  sortDirection={sortDirection}\n                  sx={{\n                    fontWeight: 600,\n                    color: \"text.secondary\",\n                    width: column.meta?.width,\n                    minWidth: column.meta?.minWidth,\n                    maxWidth: column.meta?.maxWidth,\n                  }}\n                >\n                  {canSort ? (\n                    <TableSortLabel\n                      active={sortDirection !== false}\n                      direction={\n                        sortDirection === false ? \"asc\" : sortDirection\n                      }\n                      onClick={() => handleSort(column.id)}\n                    >\n                      {column.header}\n                    </TableSortLabel>\n                  ) : (\n                    column.header\n                  )}\n                </TableCell>\n              );\n            })}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={columnCount}>\n                <Box display=\"flex\" alignItems=\"center\" gap={1} py={2}>\n                  <CircularProgress size={20} />\n                  <Typography variant=\"body2\">Loading</Typography>\n                </Box>\n              </TableCell>\n            </TableRow>\n          ) : showEmpty ? (\n            <TableRow>\n              <TableCell colSpan={columnCount}>\n                <Typography variant=\"body2\" color=\"text.secondary\" py={2}>\n                  {emptyMessage}\n                </Typography>\n              </TableCell>\n            </TableRow>\n          ) : (\n            data.map((row, index) => {\n              const rowId = getRowId ? getRowId(row, index) : String(index);\n\n              return (\n                <TableRow\n                  key={rowId}\n                  hover={isInteractive}\n                  onClick={onRowClick ? () => onRowClick(row) : undefined}\n                  sx={\n                    isInteractive\n                      ? {\n                          cursor: \"pointer\",\n                        }\n                      : undefined\n                  }\n                >\n                  {columns.map((column) => {\n                    const value = column.accessorKey\n                      ? row[column.accessorKey]\n                      : undefined;\n                    const cellContent = column.cell\n                      ? column.cell(row)\n                      : String(value ?? \"\");\n\n                    return (\n                      <TableCell\n                        key={column.id}\n                        align={column.meta?.align}\n                        sx={{\n                          width: column.meta?.width,\n                          minWidth: column.meta?.minWidth,\n                          maxWidth: column.meta?.maxWidth,\n                        }}\n                      >\n                        {cellContent}\n                      </TableCell>\n                    );\n                  })}\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\n"],"names":["RemoteDataTableBody","data","columns","loading","emptyMessage","sorting","onSortingChange","onRowClick","getRowId","columnCount","showEmpty","isInteractive","handleSort","columnId","existingSort","getSortDirection","sort","TableContainer","jsxs","Table","jsx","TableHead","TableRow","column","sortDirection","canSort","TableCell","TableSortLabel","TableBody","Box","CircularProgress","Typography","row","index","rowId","value","cellContent"],"mappings":"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"}
+{"version":3,"file":"RemoteDataTableBody.mjs","sources":["../../src/RemoteDataTable/RemoteDataTableBody.tsx"],"sourcesContent":["import {\n  Box,\n  CircularProgress,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  Typography,\n} from \"@mui/material\";\nimport type {\n  RemoteDataTableColumn,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\ntype RemoteDataTableBodyProps<TData> = {\n  data: TData[];\n  columns: RemoteDataTableColumn<TData>[];\n  loading: boolean;\n  emptyMessage: string;\n  sorting?: SortingState;\n  onSortingChange?: (sorting: SortingState) => void;\n  onRowClick?: (row: TData) => void;\n  getRowId?: (row: TData, index: number) => string;\n};\n\nexport const RemoteDataTableBody = <TData,>({\n  data,\n  columns,\n  loading,\n  emptyMessage,\n  sorting = [],\n  onSortingChange,\n  onRowClick,\n  getRowId,\n}: RemoteDataTableBodyProps<TData>) => {\n  const columnCount = Math.max(columns.length, 1);\n  const showEmpty = !loading && data.length === 0;\n  const isInteractive = Boolean(onRowClick);\n\n  const handleSort = (columnId: string) => {\n    if (!onSortingChange) return;\n\n    const existingSort = sorting.find((s) => s.id === columnId);\n    if (!existingSort) {\n      onSortingChange([{ id: columnId, desc: false }]);\n    } else if (!existingSort.desc) {\n      onSortingChange([{ id: columnId, desc: true }]);\n    } else {\n      onSortingChange([]);\n    }\n  };\n\n  const getSortDirection = (\n    columnId: string,\n  ): \"asc\" | \"desc\" | false | undefined => {\n    const sort = sorting.find((s) => s.id === columnId);\n    if (!sort) return false;\n    return sort.desc ? \"desc\" : \"asc\";\n  };\n\n  return (\n    <TableContainer>\n      <Table size=\"small\" aria-busy={loading}>\n        <TableHead sx={{ backgroundColor: \"grey.50\" }}>\n          <TableRow>\n            {columns.map((column) => {\n              const sortDirection = getSortDirection(column.id);\n              const canSort = column.enableSorting && onSortingChange;\n\n              return (\n                <TableCell\n                  key={column.id}\n                  align={column.meta?.align}\n                  sortDirection={sortDirection}\n                  sx={{\n                    fontWeight: 600,\n                    color: \"text.secondary\",\n                    width: column.meta?.width,\n                    minWidth: column.meta?.minWidth,\n                    maxWidth: column.meta?.maxWidth,\n                  }}\n                >\n                  {canSort ? (\n                    <TableSortLabel\n                      active={sortDirection !== false}\n                      direction={\n                        sortDirection === false ? \"asc\" : sortDirection\n                      }\n                      onClick={() => handleSort(column.id)}\n                    >\n                      {column.header}\n                    </TableSortLabel>\n                  ) : (\n                    column.header\n                  )}\n                </TableCell>\n              );\n            })}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={columnCount}>\n                <Box display=\"flex\" alignItems=\"center\" gap={1} py={2}>\n                  <CircularProgress size={20} />\n                  <Typography variant=\"body2\">Loading</Typography>\n                </Box>\n              </TableCell>\n            </TableRow>\n          ) : showEmpty ? (\n            <TableRow>\n              <TableCell colSpan={columnCount}>\n                <Typography variant=\"body2\" color=\"text.secondary\" py={2}>\n                  {emptyMessage}\n                </Typography>\n              </TableCell>\n            </TableRow>\n          ) : (\n            data.map((row, index) => {\n              const rowId = getRowId ? getRowId(row, index) : String(index);\n\n              return (\n                <TableRow\n                  key={rowId}\n                  hover={isInteractive}\n                  onClick={onRowClick ? () => onRowClick(row) : undefined}\n                  sx={\n                    isInteractive\n                      ? {\n                          cursor: \"pointer\",\n                        }\n                      : undefined\n                  }\n                >\n                  {columns.map((column) => {\n                    const value = column.accessorKey\n                      ? row[column.accessorKey]\n                      : undefined;\n                    const cellContent = column.cell\n                      ? column.cell(row)\n                      : String(value ?? \"\");\n\n                    return (\n                      <TableCell\n                        key={column.id}\n                        align={column.meta?.align}\n                        sx={{\n                          width: column.meta?.width,\n                          minWidth: column.meta?.minWidth,\n                          maxWidth: column.meta?.maxWidth,\n                        }}\n                      >\n                        {cellContent}\n                      </TableCell>\n                    );\n                  })}\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\n"],"names":["RemoteDataTableBody","data","columns","loading","emptyMessage","sorting","onSortingChange","onRowClick","getRowId","columnCount","showEmpty","isInteractive","handleSort","columnId","existingSort","s","getSortDirection","sort","TableContainer","jsxs","Table","jsx","TableHead","TableRow","column","sortDirection","canSort","TableCell","TableSortLabel","TableBody","Box","CircularProgress","Typography","row","index","rowId","value","cellContent"],"mappings":"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"}