@mx-cartographer/experiences 9.4.48 → 9.4.49

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [9.4.49] - 10-01-2026
+
+- **FIXED** - Category rule dialog now receives screen reader focus when it opens from the category drawer (MEW-4017)
+
 ## [9.4.48] - 09-30-2026
 
 - **FIXED** - Add Budget drawer category list no longer renders non-list-item elements directly inside the `<ul>` (MEW-4121)

package/dist/common/components/dialog/Dialog.d.ts

@@ -15,6 +15,8 @@ export interface DialogProps extends Omit<MuiDialogProps, OwnedMuiProps> {
     onSecondaryAction?: () => void;
     primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
     primaryText?: string;
+    /** Where focus goes on close. Takes precedence over the element that opened the dialog. */
+    returnFocusTo?: React.RefObject<HTMLElement | null>;
     secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
     secondaryText?: string;
 }

package/dist/common/components/dialog/Dialog.es.js

@@ -1,79 +1,63 @@
-import { useScreenSize as T } from "../../hooks/useScreenSize.es.js";
-import r from "react";
-import { DialogFooter as k, DialogHeader as C } from "@mxenabled/mxui";
-import { jsx as i, jsxs as L } from "react/jsx-runtime";
-import j from "@mui/material/Dialog";
-import w from "@mui/material/DialogContent";
-var N = ({ className: p, copy: l, disablePrimaryButton: g = !1, isOpen: c = !1, onClose: n, onPrimaryAction: x, primaryColor: h = "primary", primaryText: y = "Confirm", onSecondaryAction: u, secondaryColor: D = "primary", secondaryText: b = "Cancel", children: R, ...E }) => {
-  const { sx: m, ...M } = E, S = l?.title ?? "", P = l?.close_aria ?? "Close", f = r.useId(), { isSmallMobile: v } = T(), a = r.useRef(null), o = r.useRef(null), s = r.useRef(null);
-  r.useLayoutEffect(() => {
-    if (!c) return;
-    o.current = null;
-    const e = document.activeElement;
-    s.current = e instanceof HTMLElement && e !== document.body && !a.current?.contains(e) ? e : null;
-  }, [c]);
-  const H = (e) => {
-    const { relatedTarget: t } = e;
-    o.current === null && t instanceof HTMLElement && !e.currentTarget.contains(t) && (o.current = t);
-  }, d = () => {
-    const e = o.current ?? s.current;
-    if (o.current = null, s.current = null, !e?.isConnected) return;
-    const t = e.ownerDocument.activeElement;
-    (!t || t === e.ownerDocument.body || a.current?.contains(t)) && e.focus();
+import { useScreenSize as R } from "../../hooks/useScreenSize.es.js";
+import { useFocusReturn as H } from "../../hooks/useFocusReturn.es.js";
+import j from "react";
+import { DialogFooter as k, DialogHeader as v } from "@mxenabled/mxui";
+import { jsx as o, jsxs as C } from "react/jsx-runtime";
+import I from "@mui/material/Dialog";
+import W from "@mui/material/DialogContent";
+var B = ({ className: l, copy: i, disablePrimaryButton: n = !1, isOpen: e = !1, onClose: r, onPrimaryAction: c, primaryColor: m = "primary", primaryText: d = "Confirm", returnFocusTo: u, onSecondaryAction: t, secondaryColor: p = "primary", secondaryText: f = "Cancel", children: g, ...x }) => {
+  const { sx: a, ...h } = x, D = i?.title ?? "", b = i?.close_aria ?? "Close", s = j.useId(), { isSmallMobile: y } = R(), { onExited: P, onFocus: S, rootRef: A } = H(e, u), F = () => {
+    c?.(), r();
+  }, M = () => {
+    t && t(), r();
   };
-  r.useEffect(() => () => queueMicrotask(d), []);
-  const A = () => {
-    x?.(), n();
-  }, F = () => {
-    u && u(), n();
-  };
-  return /* @__PURE__ */ i("div", {
-    className: `mx-cmn-dialog ${p}`,
-    children: /* @__PURE__ */ L(j, {
-      "aria-labelledby": f,
+  return /* @__PURE__ */ o("div", {
+    className: `mx-cmn-dialog ${l}`,
+    children: /* @__PURE__ */ C(I, {
+      "aria-labelledby": s,
       maxWidth: "xs",
-      onClose: n,
-      open: c,
+      onClose: r,
+      open: e,
       sx: [{
         "& .MuiDialog-paperScrollPaper": { backgroundColor: "background.default" },
-        ...v && { "& .MuiDialog-paper": { minWidth: "100%" } },
+        ...y && { "& .MuiDialog-paper": { minWidth: "100%" } },
         height: "100%"
-      }, ...m ? [m] : []],
-      ...M,
+      }, ...a ? [a] : []],
+      ...h,
       disableRestoreFocus: !0,
-      onFocus: H,
-      ref: a,
-      slotProps: { transition: { onExited: d } },
+      onFocus: S,
+      ref: A,
+      slotProps: { transition: { onExited: P } },
       children: [
-        /* @__PURE__ */ i(C, {
+        /* @__PURE__ */ o(v, {
           ariaHidden: !0,
           copy: {
-            title: S,
-            close_aria: P
+            title: D,
+            close_aria: b
           },
-          id: f,
-          onClose: n,
+          id: s,
+          onClose: r,
           truncate: !0
         }),
-        /* @__PURE__ */ i(w, {
+        /* @__PURE__ */ o(W, {
           sx: { lineHeight: 1.5 },
-          children: R
+          children: g
         }),
-        /* @__PURE__ */ i(k, {
-          isPrimaryDisabled: g,
-          onPrimaryAction: A,
-          onSecondaryAction: F,
-          primaryColor: h,
-          primaryText: y,
-          secondaryColor: D,
-          secondaryText: b
+        /* @__PURE__ */ o(k, {
+          isPrimaryDisabled: n,
+          onPrimaryAction: F,
+          onSecondaryAction: M,
+          primaryColor: m,
+          primaryText: d,
+          secondaryColor: p,
+          secondaryText: f
         })
       ]
     })
   });
 };
 export {
-  N as default
+  B as default
 };
 
 //# sourceMappingURL=Dialog.es.js.map

package/dist/common/components/dialog/Dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.es.js","names":[],"sources":["../../../../src/common/components/dialog/Dialog.tsx"],"sourcesContent":["import React from 'react'\n\nimport MuiDialog from '@mui/material/Dialog'\nimport { DialogProps as MuiDialogProps } from '@mui/material/Dialog'\nimport DialogContent from '@mui/material/DialogContent'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { DialogFooter, DialogHeader } from '@mxenabled/mxui'\nimport { useScreenSize } from '../../hooks'\n\nexport type CopyObject = {\n  close_aria?: string\n  title: string\n}\n\ntype OwnedMuiProps =\n  | 'disableRestoreFocus'\n  | 'onFocus'\n  | 'open'\n  | 'slotProps'\n  | 'slots'\n  | 'TransitionComponent'\n  | 'TransitionProps'\n\nexport interface DialogProps extends Omit<MuiDialogProps, OwnedMuiProps> {\n  className?: string\n  copy: CopyObject\n  disablePrimaryButton?: boolean\n  isOpen: boolean\n  onClose: (event?: unknown, reason?: string) => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n}\n\nconst Dialog: React.FC<React.PropsWithChildren<DialogProps>> = ({\n  className,\n  copy,\n  disablePrimaryButton = false,\n  isOpen = false,\n  onClose,\n  onPrimaryAction,\n  primaryColor = 'primary',\n  primaryText = 'Confirm',\n  onSecondaryAction,\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n  children,\n  ...rest\n}) => {\n  // Extract sx from rest to merge with Dialog's own styles instead of overwriting\n  const { sx: restSx, ...restProps } = rest\n  const title = copy?.title ?? ''\n  const closeAria = copy?.close_aria ?? 'Close'\n\n  // Label the dialog *by* its visible heading (WAI-ARIA APG) instead of a duplicate\n  // aria-label, so screen readers announce the title once rather than name + heading.\n  const titleId = React.useId()\n\n  const { isSmallMobile } = useScreenSize()\n\n  const rootRef = React.useRef<HTMLDivElement>(null)\n  const openerRef = React.useRef<HTMLElement | null>(null)\n  const openerSnapshotRef = React.useRef<HTMLElement | null>(null)\n\n  React.useLayoutEffect(() => {\n    if (!isOpen) return\n    openerRef.current = null\n    const active = document.activeElement\n    openerSnapshotRef.current =\n      active instanceof HTMLElement &&\n      active !== document.body &&\n      !rootRef.current?.contains(active)\n        ? active\n        : null\n  }, [isOpen])\n\n  const captureOpener = (event: React.FocusEvent<HTMLDivElement>) => {\n    const { relatedTarget } = event\n    if (\n      openerRef.current === null &&\n      relatedTarget instanceof HTMLElement &&\n      !event.currentTarget.contains(relatedTarget)\n    ) {\n      openerRef.current = relatedTarget\n    }\n  }\n\n  const restoreFocus = () => {\n    const target = openerRef.current ?? openerSnapshotRef.current\n    openerRef.current = null\n    openerSnapshotRef.current = null\n    if (!target?.isConnected) return\n\n    const active = target.ownerDocument.activeElement\n    const focusIsUnclaimed =\n      !active || active === target.ownerDocument.body || Boolean(rootRef.current?.contains(active))\n    if (focusIsUnclaimed) {\n      target.focus()\n    }\n  }\n\n  React.useEffect(() => () => queueMicrotask(restoreFocus), [])\n\n  const handlePrimaryAction = () => {\n    onPrimaryAction?.()\n    onClose()\n  }\n\n  const handleSecondaryAction = () => {\n    if (onSecondaryAction) {\n      onSecondaryAction()\n    }\n    onClose()\n  }\n\n  return (\n    <div className={`mx-cmn-dialog ${className}`}>\n      <MuiDialog\n        aria-labelledby={titleId}\n        maxWidth=\"xs\"\n        onClose={onClose}\n        open={isOpen}\n        sx={\n          [\n            {\n              '& .MuiDialog-paperScrollPaper': { backgroundColor: 'background.default' },\n              ...(isSmallMobile && { '& .MuiDialog-paper': { minWidth: '100%' } }),\n              height: '100%',\n            },\n            ...(restSx ? [restSx] : []),\n          ] as SxProps\n        }\n        {...restProps}\n        disableRestoreFocus={true}\n        onFocus={captureOpener}\n        ref={rootRef}\n        slotProps={{ transition: { onExited: restoreFocus } }}\n      >\n        <DialogHeader\n          ariaHidden={true}\n          copy={{ title, close_aria: closeAria }}\n          id={titleId}\n          onClose={onClose}\n          truncate={true}\n        />\n\n        <DialogContent sx={{ lineHeight: 1.5 }}>{children}</DialogContent>\n\n        <DialogFooter\n          isPrimaryDisabled={disablePrimaryButton}\n          onPrimaryAction={handlePrimaryAction}\n          onSecondaryAction={handleSecondaryAction}\n          primaryColor={primaryColor}\n          primaryText={primaryText}\n          secondaryColor={secondaryColor}\n          secondaryText={secondaryText}\n        />\n      </MuiDialog>\n    </div>\n  )\n}\n\nexport default Dialog\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.es.js","names":[],"sources":["../../../../src/common/components/dialog/Dialog.tsx"],"sourcesContent":["import React from 'react'\n\nimport MuiDialog from '@mui/material/Dialog'\nimport { DialogProps as MuiDialogProps } from '@mui/material/Dialog'\nimport DialogContent from '@mui/material/DialogContent'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { DialogFooter, DialogHeader } from '@mxenabled/mxui'\nimport { useScreenSize } from '../../hooks'\nimport { useFocusReturn } from '../../hooks/useFocusReturn'\n\nexport type CopyObject = {\n  close_aria?: string\n  title: string\n}\n\ntype OwnedMuiProps =\n  | 'disableRestoreFocus'\n  | 'onFocus'\n  | 'open'\n  | 'slotProps'\n  | 'slots'\n  | 'TransitionComponent'\n  | 'TransitionProps'\n\nexport interface DialogProps extends Omit<MuiDialogProps, OwnedMuiProps> {\n  className?: string\n  copy: CopyObject\n  disablePrimaryButton?: boolean\n  isOpen: boolean\n  onClose: (event?: unknown, reason?: string) => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  /** Where focus goes on close. Takes precedence over the element that opened the dialog. */\n  returnFocusTo?: React.RefObject<HTMLElement | null>\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n}\n\nconst Dialog: React.FC<React.PropsWithChildren<DialogProps>> = ({\n  className,\n  copy,\n  disablePrimaryButton = false,\n  isOpen = false,\n  onClose,\n  onPrimaryAction,\n  primaryColor = 'primary',\n  primaryText = 'Confirm',\n  returnFocusTo,\n  onSecondaryAction,\n  secondaryColor = 'primary',\n  secondaryText = 'Cancel',\n  children,\n  ...rest\n}) => {\n  // Extract sx from rest to merge with Dialog's own styles instead of overwriting\n  const { sx: restSx, ...restProps } = rest\n  const title = copy?.title ?? ''\n  const closeAria = copy?.close_aria ?? 'Close'\n\n  // Label the dialog *by* its visible heading (WAI-ARIA APG) instead of a duplicate\n  // aria-label, so screen readers announce the title once rather than name + heading.\n  const titleId = React.useId()\n\n  const { isSmallMobile } = useScreenSize()\n\n  const { onExited, onFocus, rootRef } = useFocusReturn(isOpen, returnFocusTo)\n\n  const handlePrimaryAction = () => {\n    onPrimaryAction?.()\n    onClose()\n  }\n\n  const handleSecondaryAction = () => {\n    if (onSecondaryAction) {\n      onSecondaryAction()\n    }\n    onClose()\n  }\n\n  return (\n    <div className={`mx-cmn-dialog ${className}`}>\n      <MuiDialog\n        aria-labelledby={titleId}\n        maxWidth=\"xs\"\n        onClose={onClose}\n        open={isOpen}\n        sx={\n          [\n            {\n              '& .MuiDialog-paperScrollPaper': { backgroundColor: 'background.default' },\n              ...(isSmallMobile && { '& .MuiDialog-paper': { minWidth: '100%' } }),\n              height: '100%',\n            },\n            ...(restSx ? [restSx] : []),\n          ] as SxProps\n        }\n        {...restProps}\n        disableRestoreFocus={true}\n        onFocus={onFocus}\n        ref={rootRef}\n        slotProps={{ transition: { onExited } }}\n      >\n        <DialogHeader\n          ariaHidden={true}\n          copy={{ title, close_aria: closeAria }}\n          id={titleId}\n          onClose={onClose}\n          truncate={true}\n        />\n\n        <DialogContent sx={{ lineHeight: 1.5 }}>{children}</DialogContent>\n\n        <DialogFooter\n          isPrimaryDisabled={disablePrimaryButton}\n          onPrimaryAction={handlePrimaryAction}\n          onSecondaryAction={handleSecondaryAction}\n          primaryColor={primaryColor}\n          primaryText={primaryText}\n          secondaryColor={secondaryColor}\n          secondaryText={secondaryText}\n        />\n      </MuiDialog>\n    </div>\n  )\n}\n\nexport default Dialog\n"],"mappings":";;;;;;;AAyCA,IAAM,IAAA,CAA0D,EAC9D,WAAA,GACA,MAAA,GACA,sBAAA,IAAuB,IACvB,QAAA,IAAS,IACT,SAAA,GACA,iBAAA,GACA,cAAA,IAAe,WACf,aAAA,IAAc,WACd,eAAA,GACA,mBAAA,GACA,gBAAA,IAAiB,WACjB,eAAA,IAAgB,UAChB,UAAA,GACA,GAAG,EAAA,MACC;AAEJ,QAAM,EAAE,IAAI,GAAQ,GAAG,EAAA,IAAc,GAC/B,IAAQ,GAAM,SAAS,IACvB,IAAY,GAAM,cAAc,SAIhC,IAAU,EAAM,MAAM,GAEtB,EAAE,eAAA,EAAA,IAAkB,EAAc,GAElC,EAAE,UAAA,GAAU,SAAA,GAAS,SAAA,EAAA,IAAY,EAAe,GAAQ,CAAa,GAErE,IAAA,MAA4B;AAChC,IAAA,IAAkB,GAClB,EAAQ;AAAA,EACV,GAEM,IAAA,MAA8B;AAClC,IAAI,KACF,EAAkB,GAEpB,EAAQ;AAAA,EACV;AAEA,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,iBAAiB,CAAA;AAAA,IAC/B,UAAA,gBAAA,EAAC,GAAD;AAAA,MACE,mBAAiB;AAAA,MACjB,UAAS;AAAA,MACA,SAAA;AAAA,MACT,MAAM;AAAA,MACN,IACE,CACE;AAAA,QACE,iCAAiC,EAAE,iBAAiB,qBAAqB;AAAA,QACzE,GAAI,KAAiB,EAAE,sBAAsB,EAAE,UAAU,OAAO,EAAE;AAAA,QAClE,QAAQ;AAAA,MACV,GACA,GAAI,IAAS,CAAC,CAAM,IAAI,CAAC,CAC3B;AAAA,MAEF,GAAI;AAAA,MACJ,qBAAqB;AAAA,MACZ,SAAA;AAAA,MACT,KAAK;AAAA,MACL,WAAW,EAAE,YAAY,EAAE,UAAA,EAAS,EAAE;AAAA,MAnBxC,UAAA;AAAA,QAqBE,gBAAA,EAAC,GAAD;AAAA,UACE,YAAY;AAAA,UACZ,MAAM;AAAA,YAAE,OAAA;AAAA,YAAO,YAAY;AAAA,UAAU;AAAA,UACrC,IAAI;AAAA,UACK,SAAA;AAAA,UACT,UAAU;AAAA,QACX,CAAA;AAAA,QAED,gBAAA,EAAC,GAAD;AAAA,UAAe,IAAI,EAAE,YAAY,IAAI;AAAA,UAAI,UAAA;AAAA,QAAwB,CAAA;AAAA,QAEjE,gBAAA,EAAC,GAAD;AAAA,UACE,mBAAmB;AAAA,UACnB,iBAAiB;AAAA,UACjB,mBAAmB;AAAA,UACL,cAAA;AAAA,UACD,aAAA;AAAA,UACG,gBAAA;AAAA,UACD,eAAA;AAAA,QAChB,CAAA;AAAA,MACQ;AAAA;EACR,CAAA;AAET"}

package/dist/common/components/drawer/Drawer.es.js

@@ -1,57 +1,67 @@
-import x from "./Footer.es.js";
-import S from "./Header.es.js";
+import { useFocusReturn as y } from "../../hooks/useFocusReturn.es.js";
+import D from "./Footer.es.js";
+import F from "./Header.es.js";
 import "react";
-import y from "@mui/material/Stack";
-import { Drawer as D } from "@mxenabled/mxui";
-import { jsx as r, jsxs as j } from "react/jsx-runtime";
-import C from "@mui/material/Box";
-var T = ({ ariaLabelClose: t = "Close", children: d, footerStyles: p = {}, hasSecondaryAction: i = !0, id: s, isOpen: u, isPrimaryDisabled: l, onClose: o, onPrimaryAction: e, onSecondaryAction: h, primaryButtonProps: m, primaryColor: c = "primary", primaryText: f, secondaryColor: n = "secondary", secondaryText: w, shouldShowHeaderBorders: b = !0, shouldShowHeaderShadow: g = !1, title: a, ...k }) => /* @__PURE__ */ r(D, {
-  id: s,
-  isOpen: u,
-  onClose: o,
-  slotProps: { paper: { "aria-labelledby": `${a?.replace(/\s+/g, "-").toLowerCase()}-header-title` } },
-  sx: {
-    "& .MuiDrawer-paper": {
-      backgroundColor: "background.default",
-      borderRadius: 0
+import j from "@mui/material/Stack";
+import { Drawer as C } from "@mxenabled/mxui";
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import B from "@mui/material/Box";
+var G = ({ ariaLabelClose: s = "Close", children: u, footerStyles: d = {}, hasSecondaryAction: i = !0, id: p, isOpen: e, isPrimaryDisabled: c, onClose: o, onPrimaryAction: t, onSecondaryAction: l, primaryButtonProps: m, primaryColor: f = "primary", primaryText: n, secondaryColor: h = "secondary", secondaryText: b, shouldShowHeaderBorders: w = !0, shouldShowHeaderShadow: g = !1, title: a, ...x }) => {
+  const { onExited: k, onFocus: R, rootRef: S } = y(e);
+  return /* @__PURE__ */ r(C, {
+    id: p,
+    isOpen: e,
+    onClose: o,
+    sx: {
+      "& .MuiDrawer-paper": {
+        backgroundColor: "background.default",
+        borderRadius: 0
+      },
+      height: "100%",
+      "& .MuiToolbar-root": { backgroundColor: "background.paper" }
     },
-    height: "100%",
-    "& .MuiToolbar-root": { backgroundColor: "background.paper" }
-  },
-  ...k,
-  children: /* @__PURE__ */ j(y, {
-    height: "100%",
-    justifyContent: "space-between",
-    children: [
-      /* @__PURE__ */ r(S, {
-        ariaLabelClose: t,
-        onClose: o,
-        shouldShowBorders: b,
-        shouldShowShadow: g,
-        title: a
-      }),
-      /* @__PURE__ */ r(C, {
-        height: "100%",
-        overflow: "auto",
-        children: d
-      }),
-      e && /* @__PURE__ */ r(x, {
-        footerStyles: p,
-        hasSecondaryAction: i,
-        isPrimaryDisabled: l,
-        onPrimaryAction: e,
-        onSecondaryAction: h ?? o,
-        primaryButtonProps: m,
-        primaryColor: c,
-        primaryText: f,
-        secondaryColor: n,
-        secondaryText: w
-      })
-    ]
-  })
-});
+    ...x,
+    disableRestoreFocus: !0,
+    onFocus: R,
+    ref: S,
+    slotProps: {
+      paper: { "aria-labelledby": `${a?.replace(/\s+/g, "-").toLowerCase()}-header-title` },
+      transition: { onExited: k }
+    },
+    children: /* @__PURE__ */ v(j, {
+      height: "100%",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ r(F, {
+          ariaLabelClose: s,
+          onClose: o,
+          shouldShowBorders: w,
+          shouldShowShadow: g,
+          title: a
+        }),
+        /* @__PURE__ */ r(B, {
+          height: "100%",
+          overflow: "auto",
+          children: u
+        }),
+        t && /* @__PURE__ */ r(D, {
+          footerStyles: d,
+          hasSecondaryAction: i,
+          isPrimaryDisabled: c,
+          onPrimaryAction: t,
+          onSecondaryAction: l ?? o,
+          primaryButtonProps: m,
+          primaryColor: f,
+          primaryText: n,
+          secondaryColor: h,
+          secondaryText: b
+        })
+      ]
+    })
+  });
+};
 export {
-  T as default
+  G as default
 };
 
 //# sourceMappingURL=Drawer.es.js.map

package/dist/common/components/drawer/Drawer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'secondary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n      }}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"mappings":";;;;;;;AAsCA,IAAM,IAAA,CAA0D,EAC9D,gBAAA,IAAiB,SACjB,UAAA,GACA,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,IAAA,GACA,QAAA,GACA,mBAAA,GACA,SAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,GACA,cAAA,IAAe,WACf,aAAA,GACA,gBAAA,IAAiB,aACjB,eAAA,GACA,yBAAA,IAA0B,IAC1B,wBAAA,IAAyB,IACzB,OAAA,GACA,GAAG,EAAA,MAGD,gBAAA,EAAC,GAAD;AAAA,EACM,IAAA;AAAA,EACI,QAAA;AAAA,EACC,SAAA;AAAA,EACT,WAAW,EACT,OAAO,EACL,mBAAmB,GAAG,GAAO,QAAQ,QAAQ,GAAG,EAAE,YAAY,CAAA,gBAChE,EACF;AAAA,EACA,IAAI;AAAA,IACF,sBAAsB;AAAA,MACpB,iBAAiB;AAAA,MACjB,cAAc;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR,sBAAsB,EACpB,iBAAiB,mBACnB;AAAA,EACF;AAAA,EACA,GAAI;AAAA,EAEJ,UAAA,gBAAA,EAAC,GAAD;AAAA,IAAO,QAAO;AAAA,IAAO,gBAAe;AAAA,IAApC,UAAA;AAAA,MACE,gBAAA,EAAC,GAAD;AAAA,QACkB,gBAAA;AAAA,QACP,SAAA;AAAA,QACT,mBAAmB;AAAA,QACnB,kBAAkB;AAAA,QACX,OAAA;AAAA,MACR,CAAA;AAAA,MAED,gBAAA,EAAC,GAAD;AAAA,QAAK,QAAO;AAAA,QAAO,UAAS;AAAA,QACzB,UAAA;AAAA,MACE,CAAA;AAAA,MAEJ,KACC,gBAAA,EAAC,GAAD;AAAA,QACgB,cAAA;AAAA,QACM,oBAAA;AAAA,QACD,mBAAA;AAAA,QACF,iBAAA;AAAA,QACjB,mBAAmB,KAAqB;AAAA,QACpB,oBAAA;AAAA,QACN,cAAA;AAAA,QACD,aAAA;AAAA,QACG,gBAAA;AAAA,QACD,eAAA;AAAA,MAChB,CAAA;AAAA,IAEE;AAAA;AACG,CAAA"}
+{"version":3,"file":"Drawer.es.js","names":[],"sources":["../../../../src/common/components/drawer/Drawer.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport type { SxProps } from '@mui/material/styles'\n\nimport { Drawer as KMuiDrawer } from '@mxenabled/mxui'\n\nimport { useFocusReturn } from '../../hooks/useFocusReturn'\n\nimport Footer from './Footer'\nimport Header from './Header'\n\nexport type CopyObject = {\n  close_drawer_aria: string\n}\n\ninterface DrawerProps {\n  ariaLabelClose?: string\n  className?: string\n  footerStyles?: SxProps\n  hasSecondaryAction?: boolean\n  id?: string\n  isOpen: boolean\n  isPrimaryDisabled?: boolean\n  onClose: () => void\n  onPrimaryAction?: () => void\n  onSecondaryAction?: () => void\n  primaryButtonProps?: React.ComponentProps<typeof Button>\n  primaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  primaryText?: string\n  secondaryColor?: 'primary' | 'inherit' | 'secondary' | 'success' | 'error' | 'info' | 'warning'\n  secondaryText?: string\n  shouldShowHeaderBorders?: boolean\n  shouldShowHeaderShadow?: boolean\n  sx?: SxProps\n  title: string\n}\n\nconst Drawer: React.FC<React.PropsWithChildren<DrawerProps>> = ({\n  ariaLabelClose = 'Close',\n  children,\n  footerStyles = {},\n  hasSecondaryAction = true,\n  id,\n  isOpen,\n  isPrimaryDisabled,\n  onClose,\n  onPrimaryAction,\n  onSecondaryAction,\n  primaryButtonProps,\n  primaryColor = 'primary',\n  primaryText,\n  secondaryColor = 'secondary',\n  secondaryText,\n  shouldShowHeaderBorders = true,\n  shouldShowHeaderShadow = false,\n  title,\n  ...rest\n}) => {\n  const { onExited, onFocus, rootRef } = useFocusReturn(isOpen)\n\n  return (\n    <KMuiDrawer\n      id={id}\n      isOpen={isOpen}\n      onClose={onClose}\n      sx={{\n        '& .MuiDrawer-paper': {\n          backgroundColor: 'background.default',\n          borderRadius: 0,\n        },\n        height: '100%',\n        '& .MuiToolbar-root': {\n          backgroundColor: 'background.paper',\n        },\n      }}\n      {...rest}\n      disableRestoreFocus={true}\n      onFocus={onFocus}\n      ref={rootRef}\n      slotProps={{\n        paper: {\n          'aria-labelledby': `${title?.replace(/\\s+/g, '-').toLowerCase()}-header-title`,\n        },\n        transition: { onExited },\n      }}\n    >\n      <Stack height=\"100%\" justifyContent=\"space-between\">\n        <Header\n          ariaLabelClose={ariaLabelClose}\n          onClose={onClose}\n          shouldShowBorders={shouldShowHeaderBorders}\n          shouldShowShadow={shouldShowHeaderShadow}\n          title={title}\n        />\n\n        <Box height=\"100%\" overflow=\"auto\">\n          {children}\n        </Box>\n\n        {onPrimaryAction && (\n          <Footer\n            footerStyles={footerStyles}\n            hasSecondaryAction={hasSecondaryAction}\n            isPrimaryDisabled={isPrimaryDisabled}\n            onPrimaryAction={onPrimaryAction}\n            onSecondaryAction={onSecondaryAction ?? onClose}\n            primaryButtonProps={primaryButtonProps}\n            primaryColor={primaryColor}\n            primaryText={primaryText}\n            secondaryColor={secondaryColor}\n            secondaryText={secondaryText}\n          />\n        )}\n      </Stack>\n    </KMuiDrawer>\n  )\n}\n\nexport default Drawer\n"],"mappings":";;;;;;;;AAwCA,IAAM,IAAA,CAA0D,EAC9D,gBAAA,IAAiB,SACjB,UAAA,GACA,cAAA,IAAe,CAAC,GAChB,oBAAA,IAAqB,IACrB,IAAA,GACA,QAAA,GACA,mBAAA,GACA,SAAA,GACA,iBAAA,GACA,mBAAA,GACA,oBAAA,GACA,cAAA,IAAe,WACf,aAAA,GACA,gBAAA,IAAiB,aACjB,eAAA,GACA,yBAAA,IAA0B,IAC1B,wBAAA,IAAyB,IACzB,OAAA,GACA,GAAG,EAAA,MACC;AACJ,QAAM,EAAE,UAAA,GAAU,SAAA,GAAS,SAAA,EAAA,IAAY,EAAe,CAAM;AAE5D,SACE,gBAAA,EAAC,GAAD;AAAA,IACM,IAAA;AAAA,IACI,QAAA;AAAA,IACC,SAAA;AAAA,IACT,IAAI;AAAA,MACF,sBAAsB;AAAA,QACpB,iBAAiB;AAAA,QACjB,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,MACR,sBAAsB,EACpB,iBAAiB,mBACnB;AAAA,IACF;AAAA,IACA,GAAI;AAAA,IACJ,qBAAqB;AAAA,IACZ,SAAA;AAAA,IACT,KAAK;AAAA,IACL,WAAW;AAAA,MACT,OAAO,EACL,mBAAmB,GAAG,GAAO,QAAQ,QAAQ,GAAG,EAAE,YAAY,CAAA,gBAChE;AAAA,MACA,YAAY,EAAE,UAAA,EAAS;AAAA,IACzB;AAAA,IAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,MAAO,QAAO;AAAA,MAAO,gBAAe;AAAA,MAApC,UAAA;AAAA,QACE,gBAAA,EAAC,GAAD;AAAA,UACkB,gBAAA;AAAA,UACP,SAAA;AAAA,UACT,mBAAmB;AAAA,UACnB,kBAAkB;AAAA,UACX,OAAA;AAAA,QACR,CAAA;AAAA,QAED,gBAAA,EAAC,GAAD;AAAA,UAAK,QAAO;AAAA,UAAO,UAAS;AAAA,UACzB,UAAA;AAAA,QACE,CAAA;AAAA,QAEJ,KACC,gBAAA,EAAC,GAAD;AAAA,UACgB,cAAA;AAAA,UACM,oBAAA;AAAA,UACD,mBAAA;AAAA,UACF,iBAAA;AAAA,UACjB,mBAAmB,KAAqB;AAAA,UACpB,oBAAA;AAAA,UACN,cAAA;AAAA,UACD,aAAA;AAAA,UACG,gBAAA;AAAA,UACD,eAAA;AAAA,QAChB,CAAA;AAAA,MAEE;AAAA;EACG,CAAA;AAEhB"}

package/dist/common/hooks/useFocusReturn.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+/** Restores focus to a modal's opener after its exit transition. Requires `disableRestoreFocus` on the modal. */
+export declare const useFocusReturn: (isOpen: boolean, returnFocusTo?: React.RefObject<HTMLElement | null>) => {
+    onExited: () => void;
+    onFocus: (event: React.FocusEvent<HTMLElement>) => void;
+    rootRef: React.RefObject<HTMLDivElement | null>;
+};

package/dist/common/hooks/useFocusReturn.es.js

@@ -0,0 +1,31 @@
+import n from "react";
+var m = (s, l) => {
+  const c = n.useRef(null), r = n.useRef(null), u = n.useRef(null);
+  n.useLayoutEffect(() => {
+    if (!s) return;
+    r.current = null;
+    const e = document.activeElement;
+    u.current = e instanceof HTMLElement && e !== document.body && !c.current?.contains(e) ? e : null;
+  }, [s]);
+  const a = (e) => {
+    const { relatedTarget: t } = e;
+    r.current === null && t instanceof HTMLElement && !e.currentTarget.contains(t) && (r.current = t);
+  }, o = () => {
+    const e = l?.current ?? r.current ?? u.current;
+    if (r.current = null, u.current = null, !e?.isConnected) return;
+    const t = e.ownerDocument.activeElement;
+    (!t || t === e.ownerDocument.body || c.current?.contains(t)) && e.focus();
+  }, f = n.useRef(o);
+  return n.useLayoutEffect(() => {
+    f.current = o;
+  }), n.useEffect(() => () => queueMicrotask(() => f.current()), []), {
+    onExited: o,
+    onFocus: a,
+    rootRef: c
+  };
+};
+export {
+  m as useFocusReturn
+};
+
+//# sourceMappingURL=useFocusReturn.es.js.map

package/dist/common/hooks/useFocusReturn.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusReturn.es.js","names":[],"sources":["../../../src/common/hooks/useFocusReturn.ts"],"sourcesContent":["import React from 'react'\n\n/** Restores focus to a modal's opener after its exit transition. Requires `disableRestoreFocus` on the modal. */\nexport const useFocusReturn = (\n  isOpen: boolean,\n  returnFocusTo?: React.RefObject<HTMLElement | null>,\n) => {\n  const rootRef = React.useRef<HTMLDivElement>(null)\n  const openerRef = React.useRef<HTMLElement | null>(null)\n  const openerSnapshotRef = React.useRef<HTMLElement | null>(null)\n\n  React.useLayoutEffect(() => {\n    if (!isOpen) return\n    openerRef.current = null\n    const active = document.activeElement\n    openerSnapshotRef.current =\n      active instanceof HTMLElement &&\n      active !== document.body &&\n      !rootRef.current?.contains(active)\n        ? active\n        : null\n  }, [isOpen])\n\n  const onFocus = (event: React.FocusEvent<HTMLElement>) => {\n    const { relatedTarget } = event\n    if (\n      openerRef.current === null &&\n      relatedTarget instanceof HTMLElement &&\n      !event.currentTarget.contains(relatedTarget)\n    ) {\n      openerRef.current = relatedTarget\n    }\n  }\n\n  const restoreFocus = () => {\n    const target = returnFocusTo?.current ?? openerRef.current ?? openerSnapshotRef.current\n    openerRef.current = null\n    openerSnapshotRef.current = null\n    if (!target?.isConnected) return\n\n    const active = target.ownerDocument.activeElement\n    const focusIsUnclaimed =\n      !active || active === target.ownerDocument.body || Boolean(rootRef.current?.contains(active))\n    if (focusIsUnclaimed) {\n      target.focus()\n    }\n  }\n\n  const restoreFocusRef = React.useRef(restoreFocus)\n  React.useLayoutEffect(() => {\n    restoreFocusRef.current = restoreFocus\n  })\n\n  React.useEffect(() => () => queueMicrotask(() => restoreFocusRef.current()), [])\n\n  return { onExited: restoreFocus, onFocus, rootRef }\n}\n"],"mappings":";AAGA,IAAa,IAAA,CACX,GACA,MACG;AACH,QAAM,IAAU,EAAM,OAAuB,IAAI,GAC3C,IAAY,EAAM,OAA2B,IAAI,GACjD,IAAoB,EAAM,OAA2B,IAAI;AAE/D,EAAA,EAAM,gBAAA,MAAsB;AAC1B,QAAI,CAAC,EAAQ;AACb,IAAA,EAAU,UAAU;AACpB,UAAM,IAAS,SAAS;AACxB,IAAA,EAAkB,UAChB,aAAkB,eAClB,MAAW,SAAS,QACpB,CAAC,EAAQ,SAAS,SAAS,CAAM,IAC7B,IACA;AAAA,EACR,GAAG,CAAC,CAAM,CAAC;AAEX,QAAM,IAAA,CAAW,MAAyC;AACxD,UAAM,EAAE,eAAA,EAAA,IAAkB;AAC1B,IACE,EAAU,YAAY,QACtB,aAAyB,eACzB,CAAC,EAAM,cAAc,SAAS,CAAa,MAE3C,EAAU,UAAU;AAAA,EAExB,GAEM,IAAA,MAAqB;AACzB,UAAM,IAAS,GAAe,WAAW,EAAU,WAAW,EAAkB;AAGhF,QAFA,EAAU,UAAU,MACpB,EAAkB,UAAU,MACxB,CAAC,GAAQ,YAAa;AAE1B,UAAM,IAAS,EAAO,cAAc;AAGpC,KADE,CAAC,KAAU,MAAW,EAAO,cAAc,QAAgB,EAAQ,SAAS,SAAS,CAAM,MAE3F,EAAO,MAAM;AAAA,EAEjB,GAEM,IAAkB,EAAM,OAAO,CAAY;AACjD,SAAA,EAAM,gBAAA,MAAsB;AAC1B,IAAA,EAAgB,UAAU;AAAA,EAC5B,CAAC,GAED,EAAM,UAAA,MAAA,MAAsB,eAAA,MAAqB,EAAgB,QAAQ,CAAC,GAAG,CAAC,CAAC,GAExE;AAAA,IAAE,UAAU;AAAA,IAAc,SAAA;AAAA,IAAS,SAAA;AAAA,EAAQ;AACpD"}

package/dist/transactions/components/shared/transactiondetails/actions/CategoryAction.es.js

@@ -1,63 +1,64 @@
 import { buildDynamicCopy as _ } from "../../../../../core/utils/Localization.es.js";
-import { useCategoryStore as v, useEvent as b, useGlobalCopyStore as L, useTransactionStore as E } from "../../../../../common/context/hooks.es.js";
-import N from "../../../../../common/components/dialog/Dialog.es.js";
-import { ANALYTICS_EVENTS as O } from "../../../../../common/constants/Analytics.es.js";
-import { useTransactionsUiStore as D } from "../../../../context/hooks.es.js";
-import { ON_CLICK_EVENTS as w } from "../../../../constants/OnClickEvents.es.js";
+import { useCategoryStore as b, useEvent as L, useGlobalCopyStore as E, useTransactionStore as N } from "../../../../../common/context/hooks.es.js";
+import O from "../../../../../common/components/dialog/Dialog.es.js";
+import { ANALYTICS_EVENTS as R } from "../../../../../common/constants/Analytics.es.js";
+import { useTransactionsUiStore as w } from "../../../../context/hooks.es.js";
+import { ON_CLICK_EVENTS as D } from "../../../../constants/OnClickEvents.es.js";
 import G from "../../../../../categories/components/CategorySelectorDrawer.es.js";
-import n from "react";
-import { CategoryIcon as R, CategoryIconVariants as P, P as K, Text as V } from "@mxenabled/mxui";
-import { Icon as Y } from "@mxenabled/mx-icons";
+import i from "react";
+import { CategoryIcon as P, CategoryIconVariants as K, P as V, Text as Y } from "@mxenabled/mxui";
+import { Icon as j } from "@mxenabled/mx-icons";
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { useTheme as j } from "@mui/material/styles";
-import k from "@mui/material/ListItem";
-import z from "@mui/material/Avatar";
-import B from "@mui/material/ListItemAvatar";
-import M from "@mui/material/ListItemButton";
-import U from "@mui/material/ListItemIcon";
+import { useTheme as k } from "@mui/material/styles";
+import z from "@mui/material/ListItem";
+import B from "@mui/material/Avatar";
+import M from "@mui/material/ListItemAvatar";
+import U from "@mui/material/ListItemButton";
+import F from "@mui/material/ListItemIcon";
 import W from "@mui/material/ListItemText";
-var me = ({ transaction: e }) => {
-  const { addOrUpdateTransactionRule: u, updateTransaction: g } = E(), { categories: s } = v(), { onEvent: c } = b(), { setShouldDisableDrawerScroll: f, updateManualTransaction: C } = D(), { transactions: r } = L(), S = j(), [T, l] = n.useState(!1), [a, i] = n.useState(""), m = async (o) => {
-    await g({
+var de = ({ transaction: e }) => {
+  const { addOrUpdateTransactionRule: g, updateTransaction: f } = N(), { categories: s } = b(), { onEvent: c } = L(), { setShouldDisableDrawerScroll: C, updateManualTransaction: T } = w(), { transactions: r } = E(), S = k(), l = i.useRef(null), [h, m] = i.useState(!1), [a, n] = i.useState(""), d = async (o) => {
+    await f({
       ...e,
       category_guid: a
-    }), o && await u(a, e), i(""), c(O.TRANSACTION_DETAILS_CLICK_CATEGORY, { transaction_guid: e.guid });
-  }, h = (o) => {
+    }), o && await g(a, e), n(""), c(R.TRANSACTION_DETAILS_CLICK_CATEGORY, { transaction_guid: e.guid });
+  }, I = (o) => {
     if (e.is_manual && !e.guid) {
-      const p = s.find((A) => A.guid === o);
-      C({
+      const u = s.find((v) => v.guid === o);
+      T({
         ...e,
-        category: p?.name,
+        category: u?.name,
         category_guid: o,
-        top_level_category_guid: p?.parent_guid || o
+        top_level_category_guid: u?.parent_guid || o
       });
-    } else i(o);
-    d();
-  }, d = () => {
-    l(!1), f(!1);
-  }, I = n.useMemo(() => s.find((o) => o.guid === a), [a]), x = S.palette.mode === "dark" ? "grey.800" : "grey.100";
-  return /* @__PURE__ */ y(k, {
+    } else n(o);
+    p();
+  }, p = () => {
+    m(!1), C(!1);
+  }, x = i.useMemo(() => s.find((o) => o.guid === a), [a]), A = S.palette.mode === "dark" ? "grey.800" : "grey.100";
+  return /* @__PURE__ */ y(z, {
     disableGutters: !0,
     disablePadding: !0,
     children: [
-      /* @__PURE__ */ y(M, {
+      /* @__PURE__ */ y(U, {
+        ref: l,
         onClick: () => {
-          c(w.ON_TRANSACTION_CATEGORY_CLICK), l(!0);
+          c(D.ON_TRANSACTION_CATEGORY_CLICK), m(!0);
         },
         children: [
-          /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(z, {
-            sx: { bgcolor: x },
+          /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(B, {
+            sx: { bgcolor: A },
             variant: "rounded",
-            children: /* @__PURE__ */ t(R, {
+            children: /* @__PURE__ */ t(P, {
               categoryGuid: e.top_level_category_guid,
               size: 24,
               sx: { color: "text.primary" },
-              variant: P.Transparent
+              variant: K.Transparent
             })
           }) }),
           /* @__PURE__ */ t(W, {
             primary: r.category_title,
-            secondary: /* @__PURE__ */ t(V, {
+            secondary: /* @__PURE__ */ t(Y, {
               bold: !0,
               sx: { color: "text.primary" },
               variant: "body1",
@@ -69,7 +70,7 @@ var me = ({ transaction: e }) => {
               fontWeight: "normal"
             } }
           }),
-          /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(Y, {
+          /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(j, {
             name: "chevron_right",
             sx: { color: "text.primary" }
           }) })
@@ -77,29 +78,30 @@ var me = ({ transaction: e }) => {
       }),
       /* @__PURE__ */ t(G, {
         initialSelected: e.category_guid,
-        onClose: d,
-        onSelect: h,
-        showDrawer: T,
+        onClose: p,
+        onSelect: I,
+        showDrawer: h,
         title: r.actions_select_a_category
       }),
-      /* @__PURE__ */ t(N, {
+      /* @__PURE__ */ t(O, {
         copy: { title: _(r.actions_apply_to_all_transaction_types, e.description) },
         isOpen: !!a,
-        onClose: () => i(""),
-        onPrimaryAction: () => m(!0),
-        onSecondaryAction: () => m(!1),
+        onClose: () => n(""),
+        onPrimaryAction: () => d(!0),
+        onSecondaryAction: () => d(!1),
         primaryText: r.actions_apply_to_all,
+        returnFocusTo: l,
         secondaryText: r.actions_this_time_only,
-        children: /* @__PURE__ */ t(K, {
+        children: /* @__PURE__ */ t(V, {
           variant: "subtitle1",
-          children: _(r.actions_all_past_and_future, e.description, I?.name)
+          children: _(r.actions_all_past_and_future, e.description, x?.name)
         })
       })
     ]
   });
 };
 export {
-  me as default
+  de as default
 };
 
 //# sourceMappingURL=CategoryAction.es.js.map

package/dist/transactions/components/shared/transactiondetails/actions/CategoryAction.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/CategoryAction.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\n\nimport { CategoryIcon, CategoryIconVariants, P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { CategorySelectorDrawer } from '../../../../../categories'\n\nimport {\n  ANALYTICS_EVENTS,\n  Dialog,\n  useCategoryStore,\n  useGlobalCopyStore,\n} from '../../../../../common'\nimport type { Transaction } from '../../../../../core'\n\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { useEvent, useTransactionStore } from '../../../../../common'\nimport { buildDynamicCopy } from '../../../../../core/utils/Localization'\n\ninterface CategoryActionProps {\n  transaction: Transaction\n}\n\nconst CategoryAction: React.FC<CategoryActionProps> = ({ transaction }) => {\n  const { addOrUpdateTransactionRule, updateTransaction } = useTransactionStore()\n  const { categories } = useCategoryStore()\n  const { onEvent } = useEvent()\n  const { setShouldDisableDrawerScroll, updateManualTransaction } = useTransactionsUiStore()\n  const { transactions: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  const [open, setOpen] = React.useState(false)\n  const [selectedGuid, setSelectedGuid] = React.useState('')\n\n  const handleCategoryChange = async (applyToAll: boolean) => {\n    await updateTransaction({ ...transaction, category_guid: selectedGuid })\n    if (applyToAll) {\n      await addOrUpdateTransactionRule(selectedGuid, transaction)\n    }\n    setSelectedGuid('')\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_CATEGORY, {\n      transaction_guid: transaction.guid,\n    })\n  }\n\n  const handleSelected = (guid: string) => {\n    if (transaction.is_manual && !transaction.guid) {\n      const category = categories.find((c) => c.guid === guid)\n      updateManualTransaction({\n        ...transaction,\n        category: category?.name,\n        category_guid: guid,\n        top_level_category_guid: category?.parent_guid || guid,\n      })\n    } else {\n      setSelectedGuid(guid)\n    }\n\n    handleCloseDrawer()\n  }\n\n  const handleCloseDrawer = () => {\n    setOpen(false)\n    setShouldDisableDrawerScroll(false)\n  }\n\n  const category = React.useMemo(\n    () => categories.find((item) => item.guid === selectedGuid),\n    [selectedGuid],\n  )\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton\n        onClick={() => {\n          onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_CATEGORY_CLICK)\n          setOpen(true)\n        }}\n      >\n        <ListItemAvatar>\n          <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n            <CategoryIcon\n              categoryGuid={transaction.top_level_category_guid}\n              size={24}\n              sx={{ color: 'text.primary' }}\n              variant={CategoryIconVariants.Transparent}\n            />\n          </Avatar>\n        </ListItemAvatar>\n        <ListItemText\n          primary={copy.category_title}\n          secondary={\n            <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n              {transaction.category ?? copy.actions_select_a_category}\n            </Text>\n          }\n          slotProps={{ primary: { variant: 'caption', fontSize: 11, fontWeight: 'normal' } }}\n        />\n        <ListItemIcon>\n          <Icon name=\"chevron_right\" sx={{ color: 'text.primary' }} />\n        </ListItemIcon>\n      </ListItemButton>\n\n      <CategorySelectorDrawer\n        initialSelected={transaction.category_guid}\n        onClose={handleCloseDrawer}\n        onSelect={handleSelected}\n        showDrawer={open}\n        title={copy.actions_select_a_category}\n      />\n\n      <Dialog\n        copy={{\n          title: buildDynamicCopy(\n            copy.actions_apply_to_all_transaction_types,\n            transaction.description,\n          ) as string,\n        }}\n        isOpen={Boolean(selectedGuid)}\n        onClose={() => setSelectedGuid('')}\n        onPrimaryAction={() => handleCategoryChange(true)}\n        onSecondaryAction={() => handleCategoryChange(false)}\n        primaryText={copy.actions_apply_to_all}\n        secondaryText={copy.actions_this_time_only}\n      >\n        <P variant=\"subtitle1\">\n          {\n            buildDynamicCopy(\n              copy.actions_all_past_and_future,\n              transaction.description,\n              category?.name,\n            ) as string\n          }\n        </P>\n      </Dialog>\n    </ListItem>\n  )\n}\n\nexport default CategoryAction\n"],"mappings":"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"}
+{"version":3,"file":"CategoryAction.es.js","names":[],"sources":["../../../../../../src/transactions/components/shared/transactiondetails/actions/CategoryAction.tsx"],"sourcesContent":["import React from 'react'\n\nimport Avatar from '@mui/material/Avatar'\nimport ListItem from '@mui/material/ListItem'\nimport ListItemAvatar from '@mui/material/ListItemAvatar'\nimport ListItemButton from '@mui/material/ListItemButton'\nimport ListItemIcon from '@mui/material/ListItemIcon'\nimport ListItemText from '@mui/material/ListItemText'\nimport { useTheme } from '@mui/material/styles'\n\nimport { CategoryIcon, CategoryIconVariants, P, Text } from '@mxenabled/mxui'\nimport { Icon } from '@mxenabled/mx-icons'\nimport { CategorySelectorDrawer } from '../../../../../categories'\n\nimport {\n  ANALYTICS_EVENTS,\n  Dialog,\n  useCategoryStore,\n  useGlobalCopyStore,\n} from '../../../../../common'\nimport type { Transaction } from '../../../../../core'\n\nimport { ON_CLICK_EVENTS } from '../../../../constants/OnClickEvents'\nimport { useTransactionsUiStore } from '../../../../context/hooks'\nimport { useEvent, useTransactionStore } from '../../../../../common'\nimport { buildDynamicCopy } from '../../../../../core/utils/Localization'\n\ninterface CategoryActionProps {\n  transaction: Transaction\n}\n\nconst CategoryAction: React.FC<CategoryActionProps> = ({ transaction }) => {\n  const { addOrUpdateTransactionRule, updateTransaction } = useTransactionStore()\n  const { categories } = useCategoryStore()\n  const { onEvent } = useEvent()\n  const { setShouldDisableDrawerScroll, updateManualTransaction } = useTransactionsUiStore()\n  const { transactions: copy } = useGlobalCopyStore()\n\n  const theme = useTheme()\n\n  const categoryRowRef = React.useRef<HTMLDivElement>(null)\n  const [open, setOpen] = React.useState(false)\n  const [selectedGuid, setSelectedGuid] = React.useState('')\n\n  const handleCategoryChange = async (applyToAll: boolean) => {\n    await updateTransaction({ ...transaction, category_guid: selectedGuid })\n    if (applyToAll) {\n      await addOrUpdateTransactionRule(selectedGuid, transaction)\n    }\n    setSelectedGuid('')\n    onEvent(ANALYTICS_EVENTS.TRANSACTION_DETAILS_CLICK_CATEGORY, {\n      transaction_guid: transaction.guid,\n    })\n  }\n\n  const handleSelected = (guid: string) => {\n    if (transaction.is_manual && !transaction.guid) {\n      const category = categories.find((c) => c.guid === guid)\n      updateManualTransaction({\n        ...transaction,\n        category: category?.name,\n        category_guid: guid,\n        top_level_category_guid: category?.parent_guid || guid,\n      })\n    } else {\n      setSelectedGuid(guid)\n    }\n\n    handleCloseDrawer()\n  }\n\n  const handleCloseDrawer = () => {\n    setOpen(false)\n    setShouldDisableDrawerScroll(false)\n  }\n\n  const category = React.useMemo(\n    () => categories.find((item) => item.guid === selectedGuid),\n    [selectedGuid],\n  )\n\n  const bgColor = theme.palette.mode === 'dark' ? 'grey.800' : 'grey.100'\n\n  return (\n    <ListItem disableGutters={true} disablePadding={true}>\n      <ListItemButton\n        ref={categoryRowRef}\n        onClick={() => {\n          onEvent(ON_CLICK_EVENTS.ON_TRANSACTION_CATEGORY_CLICK)\n          setOpen(true)\n        }}\n      >\n        <ListItemAvatar>\n          <Avatar sx={{ bgcolor: bgColor }} variant=\"rounded\">\n            <CategoryIcon\n              categoryGuid={transaction.top_level_category_guid}\n              size={24}\n              sx={{ color: 'text.primary' }}\n              variant={CategoryIconVariants.Transparent}\n            />\n          </Avatar>\n        </ListItemAvatar>\n        <ListItemText\n          primary={copy.category_title}\n          secondary={\n            <Text bold={true} sx={{ color: 'text.primary' }} variant=\"body1\">\n              {transaction.category ?? copy.actions_select_a_category}\n            </Text>\n          }\n          slotProps={{ primary: { variant: 'caption', fontSize: 11, fontWeight: 'normal' } }}\n        />\n        <ListItemIcon>\n          <Icon name=\"chevron_right\" sx={{ color: 'text.primary' }} />\n        </ListItemIcon>\n      </ListItemButton>\n\n      <CategorySelectorDrawer\n        initialSelected={transaction.category_guid}\n        onClose={handleCloseDrawer}\n        onSelect={handleSelected}\n        showDrawer={open}\n        title={copy.actions_select_a_category}\n      />\n\n      <Dialog\n        copy={{\n          title: buildDynamicCopy(\n            copy.actions_apply_to_all_transaction_types,\n            transaction.description,\n          ) as string,\n        }}\n        isOpen={Boolean(selectedGuid)}\n        onClose={() => setSelectedGuid('')}\n        onPrimaryAction={() => handleCategoryChange(true)}\n        onSecondaryAction={() => handleCategoryChange(false)}\n        primaryText={copy.actions_apply_to_all}\n        returnFocusTo={categoryRowRef}\n        secondaryText={copy.actions_this_time_only}\n      >\n        <P variant=\"subtitle1\">\n          {\n            buildDynamicCopy(\n              copy.actions_all_past_and_future,\n              transaction.description,\n              category?.name,\n            ) as string\n          }\n        </P>\n      </Dialog>\n    </ListItem>\n  )\n}\n\nexport default CategoryAction\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mx-cartographer/experiences",
-  "version": "9.4.48",
+  "version": "9.4.49",
   "description": "Library containing experience widgets",
   "author": "MX",
   "license": "MIT",