@mx-cartographer/experiences 7.2.13-alpha.mm3 → 7.2.14-alpha.san1

package/dist/Drawer-BEtCk82g.mjs

@@ -0,0 +1,163 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import u from "@mui/material/Box";
+import s from "@mui/material/Stack";
+import { H2 as y, Drawer as B } from "@mxenabled/mxui";
+import x from "@mui/material/Button";
+import v from "@mui/material/IconButton";
+import { ArrowBack as j } from "@mxenabled/mx-icons";
+const F = ({
+  footerStyles: e = {},
+  hasSecondaryAction: a = !0,
+  isPrimaryDisabled: t,
+  onPrimaryAction: o,
+  onSecondaryAction: n,
+  primaryButtonProps: l = {},
+  primaryColor: c = "primary",
+  primaryText: i = "Save",
+  secondaryColor: d = "primary",
+  secondaryText: p = "Cancel"
+}) => /* @__PURE__ */ h(
+  s,
+  {
+    sx: {
+      bgcolor: "background.paper",
+      flexDirection: "row",
+      gap: 16,
+      justifyContent: "flex-end",
+      p: 24,
+      ...e
+    },
+    children: [
+      a && /* @__PURE__ */ r(
+        x,
+        {
+          color: d,
+          onClick: n,
+          variant: o ? "outlined" : "contained",
+          children: p
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        x,
+        {
+          ...l,
+          color: c,
+          disabled: t,
+          onClick: o,
+          variant: "contained",
+          children: i
+        }
+      )
+    ]
+  }
+), H = ({
+  ariaLabelClose: e,
+  onClose: a,
+  shouldShowBorders: t,
+  shouldShowShadow: o,
+  title: n
+}) => /* @__PURE__ */ h(
+  s,
+  {
+    "aria-level": 1,
+    direction: "row",
+    role: "heading",
+    sx: {
+      alignItems: "center",
+      backgroundColor: "background.paper",
+      ...t && {
+        borderBottom: 1,
+        borderTop: 1,
+        borderColor: "border.light"
+      },
+      ...o && {
+        boxShadow: "0px 2px 8px 0px #6A73811F"
+      },
+      padding: "8px 8px 8px 8px"
+    },
+    children: [
+      /* @__PURE__ */ r(v, { "aria-label": e, color: "primary", onClick: a, children: /* @__PURE__ */ r(j, { color: "primary", sx: { fontSize: 22 } }) }),
+      /* @__PURE__ */ r(
+        u,
+        {
+          sx: {
+            flexGrow: 1,
+            margin: "auto",
+            textAlign: "center"
+          },
+          children: /* @__PURE__ */ r(y, { bold: !0, variant: "Body", children: n })
+        }
+      ),
+      /* @__PURE__ */ r(u, { width: "44px" })
+    ]
+  }
+), I = ({
+  ariaLabelClose: e = "Close",
+  children: a,
+  footerStyles: t = {},
+  hasSecondaryAction: o = !0,
+  id: n,
+  isOpen: l,
+  isPrimaryDisabled: c,
+  onClose: i,
+  onPrimaryAction: d,
+  onSecondaryAction: p,
+  primaryButtonProps: b,
+  primaryColor: m = "primary",
+  primaryText: g,
+  secondaryColor: w = "secondary",
+  secondaryText: f,
+  shouldShowHeaderBorders: k = !0,
+  shouldShowHeaderShadow: C = !1,
+  title: D,
+  ...S
+}) => /* @__PURE__ */ r(
+  B,
+  {
+    id: n,
+    isOpen: l,
+    onClose: i,
+    sx: {
+      "& .MuiDrawer-paper": {
+        backgroundColor: "background.default",
+        borderRadius: 0
+      },
+      height: "100%",
+      "& .MuiToolbar-root": {
+        backgroundColor: "background.paper"
+      }
+    },
+    ...S,
+    children: /* @__PURE__ */ h(s, { height: "100%", justifyContent: "space-between", children: [
+      /* @__PURE__ */ r(
+        H,
+        {
+          ariaLabelClose: e,
+          onClose: i,
+          shouldShowBorders: k,
+          shouldShowShadow: C,
+          title: D
+        }
+      ),
+      /* @__PURE__ */ r(u, { height: "100%", overflow: "auto", children: a }),
+      d && /* @__PURE__ */ r(
+        F,
+        {
+          footerStyles: t,
+          hasSecondaryAction: o,
+          isPrimaryDisabled: c,
+          onPrimaryAction: d,
+          onSecondaryAction: p ?? i,
+          primaryButtonProps: b,
+          primaryColor: m,
+          primaryText: g,
+          secondaryColor: w,
+          secondaryText: f
+        }
+      )
+    ] })
+  }
+), q = I;
+export {
+  q as D
+};

package/dist/{EmptyState-DA_lfRBv.mjs → EmptyState-DoxNUae-.mjs}

@@ -1,21 +1,21 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import i from "@mui/material/Button";
-import x from "@mui/material/Stack";
-import { Icon as c } from "@mxenabled/mx-icons";
-import { Text as p } from "@mxenabled/mxui";
-const j = ({
-  icon: s,
-  iconColor: l,
-  header: m,
-  onClick: n,
+import s from "@mui/material/Button";
+import i from "@mui/material/Stack";
+import { Icon as x } from "@mxenabled/mx-icons";
+import { Text as c } from "@mxenabled/mxui";
+const y = ({
+  icon: p,
+  iconColor: m,
+  header: l,
+  onClick: a,
   primaryButton: e,
-  primaryButtonStartIcon: a,
+  primaryButtonStartIcon: n,
   secondaryButton: r,
   subText: d,
   sx: h,
   variant: f = "buttons"
 }) => /* @__PURE__ */ o(
-  x,
+  i,
   {
     sx: {
       alignItems: "center",
@@ -25,19 +25,21 @@ const j = ({
       ...h
     },
     children: [
-      /* @__PURE__ */ t(c, { name: s, size: 48, sx: { color: l } }),
+      /* @__PURE__ */ t(x, { name: p, size: 48, sx: { color: m } }),
       /* @__PURE__ */ t(
-        p,
+        c,
         {
+          className: "empty-state-header",
           color: "text.primary",
           sx: { fontWeight: 600, mt: 16, textAlign: "center", textWrap: "wrap" },
           variant: "body1",
-          children: m
+          children: l
         }
       ),
       /* @__PURE__ */ t(
-        p,
+        c,
         {
+          className: "empty-state-subtext",
           color: "text.secondary",
           sx: { fontWeight: 400, textAlign: "center", textWrap: "wrap", width: "calc(100% - 8px)" },
           variant: "subtitle2",
@@ -45,7 +47,7 @@ const j = ({
         }
       ),
       f === "buttons" && (e || r) && /* @__PURE__ */ o(
-        x,
+        i,
         {
           className: "buttons-footer",
           sx: {
@@ -54,19 +56,19 @@ const j = ({
           },
           children: [
             e && /* @__PURE__ */ t(
-              i,
+              s,
               {
-                onClick: () => n?.("primary"),
-                startIcon: a ? /* @__PURE__ */ t(c, { name: a }) : void 0,
+                onClick: () => a?.("primary"),
+                startIcon: n ? /* @__PURE__ */ t(x, { name: n }) : void 0,
                 sx: { textWrap: "nowrap" },
                 variant: "contained",
                 children: e
               }
             ),
             r && /* @__PURE__ */ t(
-              i,
+              s,
               {
-                onClick: () => n?.("secondary"),
+                onClick: () => a?.("secondary"),
                 sx: { textWrap: "nowrap" },
                 variant: "text",
                 children: r
@@ -79,5 +81,5 @@ const j = ({
   }
 );
 export {
-  j as E
+  y as E
 };

package/dist/{ExportCsvAction-sX8Rg4Ov.mjs → ExportCsvAction-DlGZfm4y.mjs}

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { observer as c } from "mobx-react-lite";
 import { Icon as i } from "@mxenabled/mxui";
-import { e as p } from "./exportTransactionsToCSV-7bVS7KXf.mjs";
-import { O as m } from "./User-BQUxBeZV.mjs";
+import { e as p } from "./exportTransactionsToCSV-hrNpJ77n.mjs";
+import { O as m } from "./User-wXzDI4M8.mjs";
 import { R as x } from "./ResponsiveButton-DZFp78fJ.mjs";
-import { g as _, h as C, u as l } from "./hooks-D6XlXHf4.mjs";
+import { g as _, h as C, u as l } from "./hooks-C41HAxM5.mjs";
 const v = ({ filter: t }) => {
   const { onEvent: r } = _(), { tags: e, sortedTransactions: s } = C(), { transactions: n } = l(), a = () => {
     r(m.ON_TRANSACTION_EXPORT_CSV_CLICK), p(t ? s.filter(t) : s, e);