@argusoft/medplat-core 1.0.29 → 1.0.30

package/dist/FacilityPicker-BiZeupmP-CyPHmj6b.js

@@ -0,0 +1,79 @@
+import { S as P, x as q } from "./ImmunizationConfigurationBase-Di1KO3oW.js";
+import { useState as i, useEffect as g, useMemo as z } from "react";
+import { jsx as p, jsxs as E, Fragment as F } from "react/jsx-runtime";
+import { Autocomplete as S, TextField as j, CircularProgress as v } from "@mui/material";
+function $({ value: t, onChange: s, label: y = "Facility", required: x = !1, disabled: T = !1, error: O = !1, helperText: b = "", onBlur: C, size: w = "small", fullWidth: A = !0 }) {
+  let [u, c] = i(!1), [n, m] = i([]), [d, h] = i(!1), [f, I] = i(!1), [l, o] = i(null);
+  return g(() => {
+    if (!t) {
+      o(null);
+      return;
+    }
+    if ((l == null ? void 0 : l.id) === t) return;
+    let e = n.find((a) => a.id === t);
+    if (e) {
+      o(e);
+      return;
+    }
+    let r = !1;
+    return (async () => {
+      try {
+        let a = await P([t]);
+        !r && a[0] && o(a[0]);
+      } catch {
+      }
+    })(), () => {
+      r = !0;
+    };
+  }, [t]), g(() => {
+    if (!u || f) return;
+    let e = !1;
+    return h(!0), (async () => {
+      try {
+        let r = await q();
+        e || m(r);
+      } catch {
+        e || m([]);
+      } finally {
+        e || (h(!1), I(!0));
+      }
+    })(), () => {
+      e = !0;
+    };
+  }, [u, f]), /* @__PURE__ */ p(S, {
+    size: w,
+    fullWidth: A,
+    disabled: T,
+    open: u,
+    onOpen: () => c(!0),
+    onClose: () => c(!1),
+    value: l,
+    isOptionEqualToValue: (e, r) => (e == null ? void 0 : e.id) === (r == null ? void 0 : r.id),
+    getOptionLabel: (e) => (e == null ? void 0 : e.name) ?? "",
+    options: z(() => !l || n.some((e) => e.id === l.id) ? n : [l, ...n], [n, l]),
+    loading: d,
+    onChange: (e, r) => {
+      o(r ?? null), s == null || s((r == null ? void 0 : r.id) ?? "");
+    },
+    noOptionsText: d ? "Loading…" : f && n.length === 0 ? "No facilities assigned to your account" : "No matches",
+    renderInput: (e) => /* @__PURE__ */ p(j, {
+      ...e,
+      required: x,
+      label: y,
+      error: O,
+      helperText: b || "Only facilities assigned to your account are shown. Type to filter.",
+      onBlur: C,
+      InputProps: {
+        ...e.InputProps,
+        endAdornment: /* @__PURE__ */ E(F, { children: [d ? /* @__PURE__ */ p(v, {
+          color: "inherit",
+          size: 16
+        }) : null, e.InputProps.endAdornment] })
+      }
+    })
+  });
+}
+export {
+  $ as d
+};
+//# sourceMappingURL=FacilityPicker-BiZeupmP-CyPHmj6b.js.map

package/dist/FacilityPicker-BiZeupmP-CyPHmj6b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacilityPicker-BiZeupmP-CyPHmj6b.js","sources":["../../productManagement/dist/FacilityPicker-BiZeupmP.js"],"sourcesContent":["import { P as e, v as t } from \"./settingsStore-BifOsjlB.js\";\nimport { useEffect as n, useMemo as r, useState as i } from \"react\";\nimport { Fragment as a, jsx as o, jsxs as s } from \"react/jsx-runtime\";\nimport { Autocomplete as c, CircularProgress as l, TextField as u } from \"@mui/material\";\n//#region src/components/FacilityPicker.jsx\nfunction d({ value: d, onChange: f, label: p = \"Facility\", required: m = !1, disabled: h = !1, error: g = !1, helperText: _ = \"\", onBlur: v, size: y = \"small\", fullWidth: b = !0 }) {\n\tlet [x, S] = i(!1), [C, w] = i([]), [T, E] = i(!1), [D, O] = i(!1), [k, A] = i(null);\n\treturn n(() => {\n\t\tif (!d) {\n\t\t\tA(null);\n\t\t\treturn;\n\t\t}\n\t\tif (k?.id === d) return;\n\t\tlet e = C.find((e) => e.id === d);\n\t\tif (e) {\n\t\t\tA(e);\n\t\t\treturn;\n\t\t}\n\t\tlet n = !1;\n\t\treturn (async () => {\n\t\t\ttry {\n\t\t\t\tlet e = await t([d]);\n\t\t\t\t!n && e[0] && A(e[0]);\n\t\t\t} catch {}\n\t\t})(), () => {\n\t\t\tn = !0;\n\t\t};\n\t}, [d]), n(() => {\n\t\tif (!x || D) return;\n\t\tlet t = !1;\n\t\treturn E(!0), (async () => {\n\t\t\ttry {\n\t\t\t\tlet n = await e();\n\t\t\t\tt || w(n);\n\t\t\t} catch {\n\t\t\t\tt || w([]);\n\t\t\t} finally {\n\t\t\t\tt || (E(!1), O(!0));\n\t\t\t}\n\t\t})(), () => {\n\t\t\tt = !0;\n\t\t};\n\t}, [x, D]), /* @__PURE__ */ o(c, {\n\t\tsize: y,\n\t\tfullWidth: b,\n\t\tdisabled: h,\n\t\topen: x,\n\t\tonOpen: () => S(!0),\n\t\tonClose: () => S(!1),\n\t\tvalue: k,\n\t\tisOptionEqualToValue: (e, t) => e?.id === t?.id,\n\t\tgetOptionLabel: (e) => e?.name ?? \"\",\n\t\toptions: r(() => !k || C.some((e) => e.id === k.id) ? C : [k, ...C], [C, k]),\n\t\tloading: T,\n\t\tonChange: (e, t) => {\n\t\t\tA(t ?? null), f?.(t?.id ?? \"\");\n\t\t},\n\t\tnoOptionsText: T ? \"Loading…\" : D && C.length === 0 ? \"No facilities assigned to your account\" : \"No matches\",\n\t\trenderInput: (e) => /* @__PURE__ */ o(u, {\n\t\t\t...e,\n\t\t\trequired: m,\n\t\t\tlabel: p,\n\t\t\terror: g,\n\t\t\thelperText: _ || \"Only facilities assigned to your account are shown. Type to filter.\",\n\t\t\tonBlur: v,\n\t\t\tInputProps: {\n\t\t\t\t...e.InputProps,\n\t\t\t\tendAdornment: /* @__PURE__ */ s(a, { children: [T ? /* @__PURE__ */ o(l, {\n\t\t\t\t\tcolor: \"inherit\",\n\t\t\t\t\tsize: 16\n\t\t\t\t}) : null, e.InputProps.endAdornment] })\n\t\t\t}\n\t\t})\n\t});\n}\n//#endregion\nexport { d as t };\n\n//# sourceMappingURL=FacilityPicker-BiZeupmP.js.map"],"names":["d","f","p","m","h","g","_","v","y","b","x","S","i","C","w","T","E","D","O","k","A","n","e","t","o","c","r","u","s","a","l"],"mappings":"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"}

package/dist/FeatureMenu-DYJmDt7q.js

@@ -0,0 +1,521 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import he, { useState as I, useRef as xe, useCallback as P, useMemo as v, useEffect as K, Suspense as J, startTransition as Y, lazy as ae } from "react";
+import { useTranslateProvider as ge } from "@/common/languageTranslator/TranslationContext";
+import { g as be } from "./Features-Dne21RWu.js";
+import { showToast as ve } from "@/common/toaster/toaster";
+import ye from "@/hooks/useTrackEvent";
+import { Box as s, Paper as q, Typography as x, Button as Q } from "@mui/material";
+import { useSelector as y, useDispatch as we } from "react-redux";
+import { useSearchParams as Ne, useNavigate as Se } from "react-router-dom";
+import k from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+import Ce from "@/views/custom-components/SegmentedTabs";
+import { featureModuleIcon as ke } from "@/common/constants/FeatureModuleIcons";
+import b from "prop-types";
+import { getUseSkeleton as j } from "@/store/reducers/SkeletonReducer";
+import { setSubMenuId as X, setSubMenuGroupName as Z, setSubMenuFeatureVal as ee } from "@/store/reducers/FeatureReducer";
+import { getAssignedFeatures as $e } from "@/utils/feature";
+import _ from "@/common/services/util/GeneralUtil";
+import Ie from "@/hooks/useCaching";
+const o = "bg-gray-300 animate-pulse rounded-sm", te = ({ children: n, isLoading: d }) => !y(j) || !d ? n ?? null : /* @__PURE__ */ r("div", { className: "flex flex-col gap-6", "aria-busy": "true", children: [
+  /* @__PURE__ */ r("div", { className: "flex flex-row flex-wrap justify-between gap-4", children: [
+    /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ a("div", { className: `${o} h-[28px] w-[220px]` }),
+      /* @__PURE__ */ a("div", { className: `${o} h-[16px] w-[340px] max-w-full` })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex flex-row gap-2 items-start", children: [
+      /* @__PURE__ */ a("div", { className: `${o} h-[32px] w-[150px]` }),
+      /* @__PURE__ */ a("div", { className: `${o} h-[32px] w-[120px]` })
+    ] })
+  ] }),
+  /* @__PURE__ */ r("div", { className: "flex flex-row flex-wrap gap-2", children: [
+    /* @__PURE__ */ a("div", { className: `${o} h-[36px] w-[85px]` }),
+    /* @__PURE__ */ a("div", { className: `${o} h-[36px] w-[85px]` }),
+    /* @__PURE__ */ a("div", { className: `${o} h-[36px] w-[85px]` }),
+    /* @__PURE__ */ a("div", { className: `${o} h-[36px] w-[85px]` }),
+    /* @__PURE__ */ a("div", { className: `${o} h-[36px] w-[85px]` })
+  ] })
+] });
+te.propTypes = {
+  children: b.any,
+  isLoading: b.any
+};
+b.any, b.any;
+const re = ({ children: n, isLoading: d }) => !y(j) || !d ? n ?? null : /* @__PURE__ */ r("div", { className: "w-full flex flex-col gap-2 p-3", "aria-busy": "true", children: [
+  /* @__PURE__ */ a("div", { className: `${o} h-[20px] w-[140px]` }),
+  /* @__PURE__ */ a("div", { className: `${o} h-[38px] w-full` }),
+  /* @__PURE__ */ a("div", { className: "flex flex-col gap-1.5 pt-1", children: Array.from({ length: 7 }).map(($, N) => /* @__PURE__ */ a("div", { className: `${o} h-[36px] w-full` }, N)) })
+] });
+re.propTypes = {
+  children: b.any,
+  isLoading: b.any
+};
+const ne = ({ children: n, isLoading: d }) => !y(j) || !d ? n ?? null : /* @__PURE__ */ r("div", { className: "w-full flex flex-col gap-3 p-3", "aria-busy": "true", children: [
+  /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center", children: [
+    /* @__PURE__ */ a("div", { className: `${o} h-[38px] w-full sm:w-[220px]` }),
+    /* @__PURE__ */ a("div", { className: `${o} h-[38px] w-full sm:flex-1` }),
+    /* @__PURE__ */ a("div", { className: `${o} h-[38px] w-full sm:w-[90px]` })
+  ] }),
+  /* @__PURE__ */ a("div", { className: "flex flex-col gap-1.5", children: Array.from({ length: 5 }).map(($, N) => /* @__PURE__ */ a("div", { className: `${o} h-[52px] w-full` }, N)) })
+] });
+ne.propTypes = {
+  children: b.any,
+  isLoading: b.any
+};
+const Me = ae(() => import("./AccessRights-xrday-L1.js")), Fe = ae(() => import("./SubMenu-eEDhZUvh.js")), D = (n) => n ? n.length <= 4 && !/[\s_-]/.test(n) ? n.toUpperCase() : n.split(/[\s_-]+/).map((d) => d.charAt(0).toUpperCase() + d.slice(1)).join(" ") : "";
+function Re() {
+  const n = we(), { getCachedData: d } = Ie(), [u, $] = I([]), [N, G] = Ne(), m = y((e) => {
+    var t;
+    return (t = e == null ? void 0 : e.FeatureReducer) == null ? void 0 : t.subMenuId;
+  }), M = y(
+    (e) => {
+      var t;
+      return (t = e == null ? void 0 : e.FeatureReducer) == null ? void 0 : t.subMenuGroupName;
+    }
+  ), z = y(
+    (e) => {
+      var t;
+      return (t = e == null ? void 0 : e.FeatureReducer) == null ? void 0 : t.subMenuFeatureVal;
+    }
+  ), F = xe(m);
+  F.current = m;
+  const R = P(() => {
+    n(X(null)), n(Z(null)), n(ee(null));
+  }, [n]), A = Se(), { user: T } = y((e) => e.Authenticate), { translate: l } = ge(), [w, L] = I(!1), B = ye(), [O, se] = I({}), [i, oe] = I(null), U = (T == null ? void 0 : T.features) || {}, c = v(
+    () => Object.keys(U).filter((e) => e !== "mch"),
+    [U]
+  ), E = N.get("module"), p = v(() => {
+    const e = c.indexOf(E);
+    return e >= 0 ? e : 0;
+  }, [c, E]), S = c[p], f = v(
+    () => (u == null ? void 0 : u.find((e) => (e == null ? void 0 : e.id) === m)) || null,
+    [u, m]
+  ), W = v(
+    () => f ? [
+      D(S),
+      f.groupName,
+      f.subGroupName,
+      f.name
+    ].filter(Boolean) : [],
+    [f, S]
+  ), le = v(
+    () => c.map((e, t) => ({
+      value: e,
+      label: D(e),
+      icon: ke(e),
+      id: `feature-tab-${t}`,
+      dataTestId: `featuremenu-button-${t}`
+    })),
+    [c]
+  ), ie = P(
+    (e, t) => {
+      t && G(
+        (h) => {
+          const g = new URLSearchParams(h);
+          return g.set("module", t), g;
+        },
+        { replace: !0 }
+      );
+    },
+    [G]
+  ), ce = P(() => {
+    B("button_click", {
+      button_name: "featuremenu-add-button",
+      button_type: "navigate",
+      button_id: "featuremenu-add-button"
+    }), A("addDynamicFeature");
+  }, [A, B]);
+  K(() => {
+    async function e() {
+      const t = await d({
+        cacheKey: ["assignedFeatures", "techo.manage.menu"],
+        fetchFn: async () => (await $e("techo.manage.menu")).data,
+        staleTime: 3e5,
+        cacheTime: 18e5
+      }), h = JSON.parse(t);
+      oe(h);
+    }
+    e();
+  }, []), K(() => {
+    (async () => {
+      var t, h;
+      if (!(!c.length || p >= c.length))
+        try {
+          L(!0);
+          const { data: g } = await be(c[p]), V = g.sort((C, fe) => {
+            var H;
+            return (H = C.name) == null ? void 0 : H.localeCompare(fe.name);
+          });
+          Y(() => {
+            $(V), F.current && !V.some((C) => (C == null ? void 0 : C.id) === F.current) && R(), L(!1);
+          });
+        } catch (g) {
+          ve({
+            message: `Error : ${(h = (t = g == null ? void 0 : g.response) == null ? void 0 : t.data) == null ? void 0 : h.message}`,
+            type: "error"
+          }), Y(() => {
+            $([]), R(), L(!1);
+          });
+        }
+    })();
+  }, [p, c, R]);
+  const de = v(
+    () => /* @__PURE__ */ a(J, { fallback: /* @__PURE__ */ a(re, { isLoading: !0 }), children: /* @__PURE__ */ a(
+      Fe,
+      {
+        "data-testid": "featuremenu-submenu",
+        data: u,
+        subMenuId: m,
+        setSubMenuId: (e) => {
+          n(X(e));
+        },
+        setSubMenuGroupName: (e) => {
+          n(Z(e));
+        },
+        setSubMenuFeatureVal: (e) => {
+          n(ee(e));
+        },
+        type: c[p],
+        isLoading: w,
+        isNewAPI: O,
+        subMenuGroupName: M,
+        rights: i
+      }
+    ) }),
+    [u, m, p, w, c, O, i]
+  ), ue = v(
+    () => /* @__PURE__ */ a(J, { fallback: /* @__PURE__ */ a(ne, { isLoading: !0 }), children: /* @__PURE__ */ a(
+      Me,
+      {
+        "data-testid": "featuremenu-access-rights",
+        subMenuId: m,
+        subMenuGroupName: M,
+        subMenuFeatureVal: z,
+        selectedTab: c[p],
+        parentLoading: w,
+        onNewAPIChange: se,
+        rights: i
+      }
+    ) }),
+    // `selectedTab`, `subMenuGroupName` and `subMenuFeatureVal` were read but
+    // not declared, so this could hand AccessRights a menu config from one
+    // module labelled with another module's tab.
+    [
+      m,
+      M,
+      z,
+      c,
+      p,
+      w,
+      i
+    ]
+  ), me = _.hasCheckRights(
+    i == null ? void 0 : i["update.manage.featurelist"]
+  ), pe = _.hasCheckRights(
+    i == null ? void 0 : i["create.manage.featurelist"]
+  );
+  return !w && i !== null && !_.hasCheckRights(i == null ? void 0 : i["view.manage.featurelist"]) ? /* @__PURE__ */ a(
+    s,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        minHeight: "70vh"
+      },
+      children: /* @__PURE__ */ r(
+        q,
+        {
+          elevation: 0,
+          sx: {
+            p: { xs: 3, md: 5 },
+            maxWidth: 520,
+            textAlign: "center",
+            border: "1px solid",
+            borderColor: "divider",
+            borderRadius: (e) => `${e.shape.cardRadius}px`,
+            backgroundColor: "background.paper"
+          },
+          children: [
+            /* @__PURE__ */ a(s, { sx: { color: "text.disabled", mb: 2 }, children: /* @__PURE__ */ a(k, { iconName: "faLock", size: "2x" }) }),
+            /* @__PURE__ */ a(
+              x,
+              {
+                variant: "h6",
+                component: "h1",
+                sx: { fontWeight: 700, mb: 1, color: "text.primary" },
+                children: l("You don't have permission to view features")
+              }
+            ),
+            /* @__PURE__ */ a(x, { variant: "body2", color: "text.secondary", children: l(
+              "Ask an administrator to grant you access to the feature list."
+            ) })
+          ]
+        }
+      )
+    }
+  ) : /* @__PURE__ */ a(
+    q,
+    {
+      elevation: 0,
+      sx: {
+        p: { xs: 2.5, md: 3 },
+        mt: 2,
+        mb: 3,
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: (e) => `${e.shape.cardRadius}px`,
+        backgroundColor: "background.paper"
+      },
+      children: /* @__PURE__ */ r(s, { sx: { display: "flex", flexDirection: "column", gap: 3 }, children: [
+        /* @__PURE__ */ a(te, { isLoading: w, children: /* @__PURE__ */ r(s, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
+          /* @__PURE__ */ r(
+            s,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "flex-start",
+                flexWrap: "wrap",
+                gap: 2
+              },
+              children: [
+                /* @__PURE__ */ r(s, { sx: { minWidth: { xs: "100%", lg: "40%" } }, children: [
+                  /* @__PURE__ */ a(
+                    x,
+                    {
+                      variant: "h5",
+                      component: "h1",
+                      sx: { fontWeight: 800, color: "text.primary", mb: 0.5 },
+                      children: l("Feature Access")
+                    }
+                  ),
+                  /* @__PURE__ */ a(x, { variant: "body2", color: "text.secondary", children: S ? `${l("Manage access for the")} ${D(S)} ${l("module. Choose a sub menu, then grant or revoke its rights for roles and users.")}` : l(
+                    "Pick a module, choose one of its sub menus, then grant or revoke that sub menu's rights for roles and users."
+                  ) })
+                ] }),
+                /* @__PURE__ */ r(
+                  s,
+                  {
+                    sx: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 1.5,
+                      flexWrap: "wrap"
+                    },
+                    children: [
+                      me && /* @__PURE__ */ r(
+                        Q,
+                        {
+                          size: "small",
+                          variant: "outlined",
+                          onClick: () => A("/ui/medplat/report/all/groups"),
+                          startIcon: /* @__PURE__ */ a(k, { iconName: "faLayerGroup" }),
+                          children: [
+                            l("Manage"),
+                            " ",
+                            l("Menu"),
+                            " ",
+                            l("Group")
+                          ]
+                        }
+                      ),
+                      pe && /* @__PURE__ */ r(
+                        Q,
+                        {
+                          size: "small",
+                          "data-testid": "featuremenu-add-button",
+                          variant: "contained",
+                          onClick: ce,
+                          startIcon: /* @__PURE__ */ a(k, { iconName: "faPlus" }),
+                          children: [
+                            l("Add"),
+                            " ",
+                            l("Feature")
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(
+            Ce,
+            {
+              tabs: le,
+              value: S,
+              onChange: ie,
+              ariaLabel: l("Feature modules"),
+              panelId: "feature-tabpanel",
+              dataTestId: "featuremenu-tabs",
+              collapseLabels: !1,
+              sx: { flexWrap: "wrap" }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ r(
+          s,
+          {
+            role: "tabpanel",
+            id: "feature-tabpanel",
+            "aria-labelledby": `feature-tab-${p}`,
+            sx: {
+              display: "flex",
+              flexDirection: { xs: "column", md: "row" },
+              alignItems: "stretch",
+              border: "1px solid",
+              borderColor: "divider",
+              borderRadius: (e) => `${e.shape.borderRadius}px`,
+              overflow: "hidden",
+              minHeight: 420
+            },
+            children: [
+              /* @__PURE__ */ a(
+                s,
+                {
+                  sx: {
+                    width: { xs: "100%", md: 280, lg: 320 },
+                    flexShrink: 0,
+                    borderBottom: { xs: "1px solid", md: "none" },
+                    borderRight: { xs: "none", md: "1px solid" },
+                    borderColor: "divider",
+                    display: "flex"
+                  },
+                  children: de
+                }
+              ),
+              /* @__PURE__ */ r(
+                s,
+                {
+                  sx: {
+                    flex: 1,
+                    minWidth: 0,
+                    display: "flex",
+                    flexDirection: "column"
+                  },
+                  children: [
+                    /* @__PURE__ */ r(
+                      s,
+                      {
+                        sx: {
+                          display: "flex",
+                          flexDirection: "column",
+                          gap: 0.25,
+                          px: 2,
+                          py: 1.5,
+                          borderBottom: "1px solid",
+                          borderColor: "divider"
+                        },
+                        children: [
+                          /* @__PURE__ */ r(s, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+                            /* @__PURE__ */ a(s, { sx: { color: "text.secondary", display: "flex" }, children: /* @__PURE__ */ a(k, { iconName: "faGear" }) }),
+                            /* @__PURE__ */ a(x, { variant: "body2", sx: { fontWeight: 700 }, children: l("Access Rights") })
+                          ] }),
+                          W.length > 0 && /* @__PURE__ */ r(
+                            s,
+                            {
+                              "data-testid": "featuremenu-selected-menu-config",
+                              sx: {
+                                display: "flex",
+                                alignItems: "center",
+                                flexWrap: "wrap",
+                                gap: 0.75,
+                                pl: 3,
+                                minWidth: 0
+                              },
+                              children: [
+                                W.map((e, t) => {
+                                  const h = t === W.length - 1;
+                                  return /* @__PURE__ */ r(he.Fragment, { children: [
+                                    t > 0 && /* @__PURE__ */ a(
+                                      s,
+                                      {
+                                        component: "span",
+                                        "aria-hidden": "true",
+                                        sx: { color: "text.disabled", fontSize: "0.75rem" },
+                                        children: "›"
+                                      }
+                                    ),
+                                    /* @__PURE__ */ a(
+                                      x,
+                                      {
+                                        variant: "caption",
+                                        sx: {
+                                          color: h ? "text.primary" : "text.secondary",
+                                          fontWeight: h ? 700 : 400,
+                                          // Feature names have no spaces to break on, so
+                                          // without this a long one overflows the trail.
+                                          overflowWrap: "anywhere"
+                                        },
+                                        children: e
+                                      }
+                                    )
+                                  ] }, `${e}-${t}`);
+                                }),
+                                (f == null ? void 0 : f.navigationState) && /* @__PURE__ */ a(
+                                  x,
+                                  {
+                                    variant: "caption",
+                                    sx: {
+                                      ml: 0.5,
+                                      px: 0.75,
+                                      borderRadius: (e) => `${e.shape.chipRadius}px`,
+                                      backgroundColor: "action.hover",
+                                      color: "text.secondary",
+                                      fontFamily: "monospace",
+                                      overflowWrap: "anywhere"
+                                    },
+                                    children: f.navigationState
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    m ? ue : /* @__PURE__ */ r(
+                      s,
+                      {
+                        "data-testid": "featuremenu-no-feature-selected",
+                        sx: {
+                          flex: 1,
+                          display: "flex",
+                          flexDirection: "column",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          textAlign: "center",
+                          gap: 1,
+                          p: 4
+                        },
+                        children: [
+                          /* @__PURE__ */ a(s, { sx: { color: "text.disabled" }, children: /* @__PURE__ */ a(k, { iconName: "faListCheck", size: "2x" }) }),
+                          /* @__PURE__ */ a(x, { variant: "subtitle1", sx: { fontWeight: 700 }, children: l("No sub menu selected") }),
+                          /* @__PURE__ */ a(x, { variant: "body2", color: "text.secondary", children: l(
+                            "Select a sub menu from the list to view and manage its access rights."
+                          ) })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+const Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Re
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ne as A,
+  Ye as F,
+  re as S
+};
+//# sourceMappingURL=FeatureMenu-DYJmDt7q.js.map