@mx-cartographer/experiences 7.6.21 → 7.6.22

package/dist/CategorySelectorDrawer-DywvMfPe.mjs

@@ -1,399 +0,0 @@
-import { jsx as t, jsxs as E } from "react/jsx-runtime";
-import { observer as g } from "mobx-react-lite";
-import C from "react";
-import $ from "@mui/material/Stack";
-import { G as K, m as y, u as b, g as D, b as U } from "./hooks-ZMp65DFz.mjs";
-import Y from "@mui/material/List";
-import V from "@mui/material/Paper";
-import v from "@mui/material/Divider";
-import x from "@mui/material/ListItem";
-import W from "@mui/material/ListItemAvatar";
-import N from "@mui/material/ListItemButton";
-import F from "@mui/material/ListItemIcon";
-import G from "@mui/material/ListItemText";
-import { CheckCircle as M, Edit as j, Delete as X, ExpandMore as z } from "@mxenabled/mx-icons";
-import { Text as B, TextField as q, CategoryIcon as H } from "@mxenabled/mxui";
-import J from "@mui/material/Collapse";
-import Q from "@mui/material/DialogContent";
-import { b as S } from "./Localization-2MODESHW.mjs";
-import { a as Z } from "./Dialog-B4PI-_bL.mjs";
-import ee from "@mui/material/Box";
-import te from "@mui/material/Chip";
-import I from "@mui/material/IconButton";
-import { S as oe } from "./SearchBox-B2_zLv8-.mjs";
-import { L as k } from "./Loader-DUaFpDGv.mjs";
-import { D as ae } from "./Drawer-DV4NTsFg.mjs";
-const p = () => {
-  if (!C.useContext(K))
-    throw new Error("useCategoryUiStore() must be used within the GlobalDataContext");
-  return y().uiStore;
-}, m = {
-  ON_CATEGORY_EXPANDED: "onCategoryExpanded",
-  ON_CATEGORY_COLLAPSED: "onCategoryCollapsed",
-  ON_CATEGORY_SELECTED: "onCategorySelected",
-  ON_SUBCATEGORY_ADD_CLICK: "onSubcategoryAddClick",
-  ON_SUBCATEGORY_ADD_CANCEL_CLICK: "onSubcategoryAddCancelClick",
-  ON_SUBCATEGORY_ADDED: "onSubcategoryAdded",
-  ON_SUBCATEGORY_EDIT_CLICK: "onSubcategoryEditClick",
-  ON_SUBCATEGORY_EDIT_CANCEL_CLICK: "onSubcategoryEditCancelClick",
-  ON_SUBCATEGORY_DELETE_CLICK: "onSubcategoryDeleteClick",
-  ON_SUBCATEGORY_DELETED: "onSubcategoryDeleted",
-  ON_SUBCATEGORY_SAVED: "onSubcategorySaved"
-};
-var L = /* @__PURE__ */ ((e) => (e.ADD = "add", e.EDIT = "edit", e.DELETE = "delete", e))(L || {});
-const re = ({
-  categoryName: e = "",
-  onClose: o,
-  onSave: r,
-  isOpen: c,
-  type: s
-}) => {
-  const [a, i] = C.useState(e), { categories: n } = b(), { setShouldDisableDrawerScroll: l } = p();
-  let u = "", d = [];
-  const _ = s === "delete";
-  switch (s) {
-    case "add":
-      u = n.add_subcategory_title;
-      break;
-    case "edit":
-      u = S(n.edit_subcategory_title, e);
-      break;
-    case "delete":
-      u = n.delete_subcategory_heading, d = S(
-        n.all_transactions_in_this_subcategory,
-        /* @__PURE__ */ t(B, { bold: !0, children: S(n.all_parent_category, e) })
-      );
-      break;
-  }
-  return /* @__PURE__ */ t(
-    Z,
-    {
-      copy: {
-        title: u
-      },
-      disablePrimaryButton: !a,
-      isOpen: c,
-      onClose: () => {
-        l(!1), o();
-      },
-      onPrimaryAction: () => {
-        l(!1), r(a);
-      },
-      children: /* @__PURE__ */ t(Q, { children: _ ? /* @__PURE__ */ t(B, { children: d }) : /* @__PURE__ */ t(
-        q,
-        {
-          inputProps: {
-            "aria-label": s === "edit" ? n.edit_subcategory_aria : n.add_subcategory_aria
-          },
-          name: "modify-subcategory",
-          onChange: (h) => i(h.target.value),
-          placeholder: n.input_placeholder,
-          sx: { width: "100%" },
-          value: a
-        }
-      ) })
-    }
-  );
-}, R = g(re), ne = ({ parentCategory: e }) => {
-  const [o, r] = C.useState(!1), { addCategory: c } = y(), { categories: s } = b(), { onEvent: a } = D(), { setShouldDisableDrawerScroll: i } = p(), n = async (d) => {
-    await c(d.trim(), e.guid), a(m.ON_SUBCATEGORY_ADDED), r(!1);
-  }, l = async () => {
-    a(m.ON_SUBCATEGORY_ADD_CLICK), i(!0), r(!0);
-  }, u = () => {
-    r(!1), a(m.ON_SUBCATEGORY_ADD_CANCEL_CLICK);
-  };
-  return /* @__PURE__ */ E(x, { disableGutters: !0, disablePadding: !0, children: [
-    /* @__PURE__ */ t(N, { onClick: l, sx: { ml: 60 }, children: /* @__PURE__ */ t(
-      G,
-      {
-        primary: s.add_subcategory_button,
-        primaryTypographyProps: { color: "primary", fontWeight: "normal", variant: "Body" }
-      }
-    ) }),
-    o && /* @__PURE__ */ t(
-      R,
-      {
-        isOpen: o,
-        onClose: u,
-        onSave: n,
-        type: L.ADD
-      }
-    )
-  ] });
-}, se = g(ne), ie = ({
-  setShowRename: e,
-  subCategory: o,
-  showRename: r
-}) => {
-  const { updateCategory: c } = y(), { onEvent: s } = D(), a = async (n) => {
-    await c({ ...o, name: n }), s(m.ON_SUBCATEGORY_SAVED), e(!1);
-  }, i = () => {
-    e(!1), s(m.ON_SUBCATEGORY_EDIT_CANCEL_CLICK);
-  };
-  return /* @__PURE__ */ t(
-    R,
-    {
-      categoryName: o.name,
-      isOpen: r,
-      onClose: i,
-      onSave: a,
-      type: L.EDIT
-    }
-  );
-}, ce = g(ie), le = ({
-  parentCategory: e,
-  showDelete: o,
-  setShowDelete: r,
-  subCategory: c
-}) => {
-  const { onEvent: s } = D(), { removeCategory: a } = y(), i = () => {
-    r(!1), s(m.ON_SUBCATEGORY_DELETE_CLICK);
-  }, n = async () => {
-    s(m.ON_SUBCATEGORY_DELETED), await a(c.guid), r(!1);
-  };
-  return /* @__PURE__ */ t(
-    R,
-    {
-      categoryName: e.name,
-      isOpen: o,
-      onClose: i,
-      onSave: n,
-      type: L.DELETE
-    }
-  );
-}, de = g(le), ue = ({ parentCategory: e, subCategory: o }) => {
-  const {
-    onSelect: r,
-    selectedGuid: c,
-    setSelectedGuid: s,
-    setShouldDisableDrawerScroll: a,
-    showSelected: i,
-    unselectable: n,
-    unselectableText: l
-  } = p(), { categories: u } = b(), { onEvent: d } = D(), [_, h] = C.useState(!1), [f, O] = C.useState(!1), T = !!o.revision, A = o.guid === c, w = !n.some((P) => P === o.guid);
-  return /* @__PURE__ */ E(
-    x,
-    {
-      className: "mx-cat-subcategory-row",
-      disableGutters: !0,
-      disablePadding: !0,
-      sx: { pl: 58 },
-      children: [
-        /* @__PURE__ */ E(
-          N,
-          {
-            "aria-pressed": A,
-            color: "secondary",
-            onClick: () => {
-              w && (s(o.guid), r(o.guid), d(m.ON_CATEGORY_SELECTED));
-            },
-            sx: { height: 44 },
-            children: [
-              /* @__PURE__ */ t(
-                G,
-                {
-                  primary: o.name,
-                  primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
-                }
-              ),
-              i && A && /* @__PURE__ */ t(M, { fontSize: "small" }),
-              !w && /* @__PURE__ */ t(te, { label: l })
-            ]
-          }
-        ),
-        T && /* @__PURE__ */ E(ee, { className: "mx-cat-subcategory-edit-container", sx: { marginRight: 24 }, children: [
-          /* @__PURE__ */ t(
-            I,
-            {
-              "aria-label": S(u.edit_subcategory_aria, o.name),
-              onClick: () => {
-                h(!0), a(!0), d(m.ON_SUBCATEGORY_EDIT_CLICK);
-              },
-              children: /* @__PURE__ */ t(j, { color: "secondary" })
-            }
-          ),
-          /* @__PURE__ */ t(
-            I,
-            {
-              "aria-label": S(u.delete_subcategory_aria, o.name),
-              edge: "end",
-              onClick: () => {
-                O(!0), a(!0), d(m.ON_SUBCATEGORY_DELETE_CLICK);
-              },
-              children: /* @__PURE__ */ t(X, { color: "secondary" })
-            }
-          )
-        ] }),
-        f && /* @__PURE__ */ t(
-          de,
-          {
-            parentCategory: e,
-            setShowDelete: O,
-            showDelete: f,
-            subCategory: o
-          }
-        ),
-        _ && /* @__PURE__ */ t(
-          ce,
-          {
-            setShowRename: h,
-            showRename: _,
-            subCategory: o
-          }
-        )
-      ]
-    }
-  );
-}, me = g(ue), Ce = ({ categories: e, parentCategory: o }) => {
-  const { expandedGuid: r, searchValue: c } = p(), s = o.guid === r, a = !!c;
-  return /* @__PURE__ */ t(
-    J,
-    {
-      in: s || a,
-      sx: { backgroundColor: "background.default" },
-      timeout: "auto",
-      unmountOnExit: !0,
-      children: /* @__PURE__ */ E(
-        Y,
-        {
-          "aria-labelledby": `category-${o.guid}`,
-          className: "mx-cat-subcategory-list",
-          id: `subcategories-${o.guid}`,
-          children: [
-            e.map((i) => /* @__PURE__ */ E(C.Fragment, { children: [
-              /* @__PURE__ */ t(me, { parentCategory: o, subCategory: i }),
-              /* @__PURE__ */ t(v, { sx: { ml: 58 } })
-            ] }, i.guid)),
-            !a && /* @__PURE__ */ t(se, { parentCategory: o })
-          ]
-        }
-      )
-    }
-  );
-}, ge = g(Ce), _e = ({ category: e, subCategories: o }) => {
-  const { expandedGuid: r, searchValue: c, setExpandedGuid: s } = p(), { onEvent: a } = D(), i = e.guid === r, n = () => {
-    const l = e.guid !== r ? e.guid : null;
-    s(l), a(l ? m.ON_CATEGORY_EXPANDED : m.ON_CATEGORY_COLLAPSED);
-  };
-  return /* @__PURE__ */ E(C.Fragment, { children: [
-    /* @__PURE__ */ t(x, { disableGutters: !0, disablePadding: !0, children: /* @__PURE__ */ E(
-      N,
-      {
-        "aria-controls": `subcategories-${e.guid}`,
-        "aria-expanded": e.guid === r,
-        "aria-label": e.name,
-        id: `category-${e.guid}`,
-        onClick: n,
-        children: [
-          /* @__PURE__ */ t(W, { children: /* @__PURE__ */ t(H, { categoryGuid: e.guid }) }),
-          /* @__PURE__ */ t(
-            G,
-            {
-              primary: e.name,
-              primaryTypographyProps: { fontWeight: "normal", variant: "Body" }
-            }
-          ),
-          /* @__PURE__ */ t(F, { children: /* @__PURE__ */ t(
-            z,
-            {
-              sx: {
-                transition: "transform 0.3s ease-in-out",
-                transform: i || c ? "rotate(180deg)" : "rotate(0deg)"
-              }
-            }
-          ) })
-        ]
-      },
-      e.guid
-    ) }),
-    /* @__PURE__ */ t(v, { sx: { ml: 58 } }),
-    /* @__PURE__ */ t(ge, { categories: o, parentCategory: e })
-  ] });
-}, Ee = g(_e), pe = () => {
-  const { categories: e } = y(), { searchValue: o } = p(), { categories: r } = b(), s = ((a, i = "") => a.reduce((n, l) => {
-    if (l.parent_guid === null) {
-      const d = [
-        {
-          ...l,
-          name: S(r.all_parent_category, l.name),
-          parent_guid: l.guid
-        },
-        ...a
-      ].filter(
-        (_) => _.parent_guid === l.guid && _.name.toLowerCase().includes(i.toLowerCase())
-      );
-      if (l.name.toLowerCase().includes(i.toLowerCase()) || d.length > 0)
-        return [...n, { category: { ...l }, children: d }];
-    }
-    return n;
-  }, []))(e, o);
-  return /* @__PURE__ */ t(V, { className: "mx-cat-category-list", sx: { boxShadow: "none" }, children: /* @__PURE__ */ t(Y, { children: s.map((a) => /* @__PURE__ */ t(
-    Ee,
-    {
-      category: a.category,
-      subCategories: a.children
-    },
-    a.category.guid
-  )) }) });
-}, he = g(pe), Se = ({
-  initialSelected: e,
-  onSelect: o = void 0,
-  showSelected: r = !0,
-  unselectable: c = [],
-  unselectableText: s = "Unselectable"
-}) => {
-  const { categories: a, loadCategories: i } = y(), { common: n } = b(), { isCopyLoaded: l } = U(), {
-    searchValue: u,
-    setOnSelect: d,
-    setSearchValue: _,
-    setSelectedGuid: h,
-    setShowSelected: f,
-    setUnselectable: O,
-    setUnselectableText: T
-  } = p();
-  return C.useEffect(() => {
-    o && d(o);
-  }), C.useEffect(() => {
-    a.length || i();
-  }, []), C.useEffect(() => {
-    e && h(e), f(r), O(c), T(s);
-  }, [e, r, c, s]), l ? /* @__PURE__ */ E($, { className: "mx-cat-category-selector", sx: { width: "100%" }, children: [
-    /* @__PURE__ */ t(
-      oe,
-      {
-        ariaLabel: n.search_aria,
-        cancelAriaLabel: n.cancel_search_aria,
-        onChange: (A) => _(A),
-        placeholder: n.search_placeholder,
-        searchValue: u
-      }
-    ),
-    /* @__PURE__ */ t(he, {})
-  ] }) : /* @__PURE__ */ t(k, {});
-}, ye = g(Se), be = ({
-  id: e,
-  onClose: o,
-  title: r,
-  showDrawer: c,
-  ...s
-}) => {
-  const { common: a } = b(), { isCopyLoaded: i } = U();
-  return i ? /* @__PURE__ */ t(
-    ae,
-    {
-      ariaLabelClose: a.close_aria,
-      className: "mx-cat-category-selector-drawer",
-      id: e,
-      isOpen: c,
-      onClose: o,
-      title: r,
-      children: /* @__PURE__ */ t(ye, { ...s })
-    }
-  ) : /* @__PURE__ */ t(k, {});
-}, ze = g(be);
-export {
-  ye as C,
-  ze as a,
-  Ee as b,
-  p as u
-};